{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "description": "The small inline SVG glyphs the components draw for chevrons, checks and status icons.",
  "docs": "Two steps after installing: import the copied stylesheet once at your app entry — it lands at `styles/liquefy-ui.css` — or `@import` it from your global CSS *before* `tailwindcss`, so Tailwind utilities keep winning over component styles. Then wrap the tree in `<LiquefyProvider>`, which is where every component reads its tokens from. Every copied file already carries its own 'use client' directive. Full documentation: https://liquefy-ui.com/#/docs/installation",
  "files": [
    {
      "content": "'use client'\n\nimport type { ReactElement, SVGProps } from 'react'\n\ntype GlyphProps = SVGProps<SVGSVGElement> & { size?: number }\n\nconst Glyph = ({ children, size = 16, ...props }: GlyphProps): ReactElement => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"none\"\n    height={size}\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    strokeWidth={2}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    {children}\n  </svg>\n)\n\nexport const CheckGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph {...props}><path d=\"m5 12.5 4.3 4.2L19 7\" /></Glyph>\n)\n\nexport const MinusGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph {...props}><path d=\"M5.5 12h13\" /></Glyph>\n)\n\nexport const XGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph {...props}><path d=\"m6.5 6.5 11 11M17.5 6.5l-11 11\" /></Glyph>\n)\n\nexport const ChevronDownGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph {...props}><path d=\"m6.5 9.5 5.5 5 5.5-5\" /></Glyph>\n)\n\nexport const ChevronLeftGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph {...props}><path d=\"M14.5 6.5 9.5 12l5 5.5\" /></Glyph>\n)\n\nexport const ChevronRightGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph {...props}><path d=\"m9.5 6.5 5 5.5-5 5.5\" /></Glyph>\n)\n\nexport const StarGlyph = ({ size = 16, ...props }: GlyphProps): ReactElement => (\n  <svg\n    aria-hidden=\"true\"\n    fill=\"currentColor\"\n    height={size}\n    stroke=\"currentColor\"\n    strokeLinejoin=\"round\"\n    strokeWidth={1.4}\n    viewBox=\"0 0 24 24\"\n    width={size}\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path d=\"m12 3.6 2.5 5.2 5.7.7-4.2 3.9 1.1 5.6L12 16.2 6.9 19l1.1-5.6-4.2-3.9 5.7-.7L12 3.6Z\" />\n  </svg>\n)\n\nexport const InfoGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph strokeWidth={1.8} {...props}><circle cx=\"12\" cy=\"12\" r=\"8.5\" /><path d=\"M12 11.5V16M12 8.2v.1\" /></Glyph>\n)\n\nexport const SuccessGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph strokeWidth={1.8} {...props}><circle cx=\"12\" cy=\"12\" r=\"8.5\" /><path d=\"m8.5 12.2 2.5 2.4 4.6-5\" /></Glyph>\n)\n\nexport const WarningGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph strokeWidth={1.8} {...props}>\n    <path d=\"M10.2 4.6 2.9 17.3a2.1 2.1 0 0 0 1.8 3.2h14.6a2.1 2.1 0 0 0 1.8-3.2L13.8 4.6a2.1 2.1 0 0 0-3.6 0Z\" />\n    <path d=\"M12 9.5v4.2M12 17.2v.1\" />\n  </Glyph>\n)\n\nexport const DangerGlyph = (props: GlyphProps): ReactElement => (\n  <Glyph strokeWidth={1.8} {...props}><circle cx=\"12\" cy=\"12\" r=\"8.5\" /><path d=\"M12 8v4.5M12 15.8v.1\" /></Glyph>\n)\n",
      "path": "registry/internal-glyphs.tsx",
      "type": "registry:lib"
    }
  ],
  "name": "internal-glyphs",
  "registryDependencies": [
    "https://liquefy-ui.com/r/liquefy-ui.json"
  ],
  "title": "CheckGlyph",
  "type": "registry:lib"
}
