{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "theme-toggle-effect-triangle",
  "author": "ncdai <dai@chanhdai.com>",
  "files": [],
  "cssVars": {
    "theme": {
      "expo-out": "linear(0 0%, 0.1684 2.66%, 0.3165 5.49%, 0.446 8.52%, 0.5581 11.78%, 0.6535 15.29%, 0.7341 19.11%, 0.8011 23.3%, 0.8557 27.93%, 0.8962 32.68%, 0.9283 38.01%, 0.9529 44.08%, 0.9711 51.14%, 0.9833 59.06%, 0.9915 68.74%, 1 100%)"
    }
  },
  "css": {
    "@layer base": {
      "::view-transition-group(root)": {
        "animation-timing-function": "var(--expo-out)"
      },
      "::view-transition-old(root),.dark::view-transition-old(root)": {
        "animation": "none",
        "animation-fill-mode": "both",
        "z-index": "-1"
      },
      "::view-transition-new(root)": {
        "mask": "url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 40 40\"><path d=\"m20 0 20 35H0z\" fill=\"white\"/></svg>') center / 0 no-repeat",
        "animation": "scale 0.7s",
        "animation-fill-mode": "both"
      },
      "@keyframes scale": {
        "to": {
          "mask-size": "300vmax"
        }
      }
    }
  },
  "docs": "https://chanhdai.com/components/theme-toggle-effect",
  "categories": [
    "effects"
  ],
  "type": "registry:style"
}