{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "squircle",
  "type": "registry:lib",
  "title": "Squircle",
  "description": "Squircle corner utilities with a paint worklet, falling back to rounded corners.",
  "dependencies": [
    "@squircle/core@^1.0.6",
    "@squircle/tailwindcss@^1.0.6"
  ],
  "css": {
    "@import \"@squircle/tailwindcss\"": {},
    "html:not([data-squircle]) .squircle-mask, .squircle-mask:focus-visible": {
      "mask-image": "none",
      "border-radius": "var(--squircle-border-top-left-radius) var(--squircle-border-top-right-radius) var(--squircle-border-bottom-right-radius) var(--squircle-border-bottom-left-radius)"
    }
  },
  "files": [
    {
      "path": "lib/squircle-provider.tsx",
      "content": "'use client';\n\nimport * as React from 'react';\nimport { init } from '@squircle/core';\n\n// Flags <html> once the paint worklet is registered. Until then (or if it never\n// loads) globals.css keeps squircle-mask elements on plain rounded corners, since\n// an unregistered paint(squircle) mask would hide them.\nexport function SquircleProvider({ children }: { children: React.ReactNode }) {\n  React.useEffect(() => {\n    init().then(\n      () => document.documentElement.setAttribute('data-squircle', ''),\n      () => {},\n    );\n  }, []);\n  return children;\n}\n",
      "type": "registry:component",
      "target": "@components/uibrik/squircle-provider.tsx"
    }
  ],
  "docs": "Wrap your app in <SquircleProvider> (components/uibrik/squircle-provider) to draw true squircle corners. Without it they fall back to rounded corners."
}