{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "theme-toggle-effect-polygon",
  "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-duration": "0.7s",
        "animation-timing-function": "var(--expo-out)"
      },
      "::view-transition-new(root)": {
        "animation-name": "reveal-light",
        "animation-fill-mode": "both"
      },
      "::view-transition-old(root),.dark::view-transition-old(root)": {
        "animation": "none",
        "animation-fill-mode": "both",
        "z-index": "-1"
      },
      ".dark::view-transition-new(root)": {
        "animation-name": "reveal-dark",
        "animation-fill-mode": "both"
      },
      "@keyframes reveal-dark": {
        "from": {
          "clip-path": "polygon(50% -71%, -50% 71%, -50% 71%, 50% -71%)"
        },
        "to": {
          "clip-path": "polygon(50% -71%, -50% 71%, 50% 171%, 171% 50%)"
        }
      },
      "@keyframes reveal-light": {
        "from": {
          "clip-path": "polygon(171% 50%, 50% 171%, 50% 171%, 171% 50%)"
        },
        "to": {
          "clip-path": "polygon(171% 50%, 50% 171%, -50% 71%, 50% -71%)"
        }
      }
    }
  },
  "docs": "https://chanhdai.com/components/theme-toggle-effect",
  "categories": [
    "effects"
  ],
  "type": "registry:style"
}