{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "designfrom",
  "homepage": "https://labs.designfrom.com",
  "items": [
    {
      "name": "badge-lucide",
      "type": "registry:ui",
      "title": "Badge (Lucide)",
      "description": "A compact status label in five tones, with a matching status icon and a subtle tinted style.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "data-display",
        "lucide"
      ],
      "docs": "Installed `Badge`. Import it from `@/components/ui/badge`.\n\nTones: neutral, info, success, warning, danger. Success and warning use the badge's own variables (`--badge-success`, `--badge-warning` and their foregrounds, light and dark); every other color comes from your theme.\n\nDocs and every variant: https://labs.designfrom.com/ui/badge",
      "dependencies": [
        "class-variance-authority@^0.7",
        "lucide-react@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/badge-lucide/badge.tsx",
          "type": "registry:ui"
        }
      ],
      "cssVars": {
        "theme": {
          "color-badge-success": "var(--badge-success)",
          "color-badge-success-foreground": "var(--badge-success-foreground)",
          "color-badge-warning": "var(--badge-warning)",
          "color-badge-warning-foreground": "var(--badge-warning-foreground)"
        },
        "light": {
          "badge-success": "oklch(0.527 0.154 150.069)",
          "badge-success-foreground": "oklch(0.985 0 0)",
          "badge-warning": "oklch(0.769 0.188 70.08)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        },
        "dark": {
          "badge-success": "oklch(0.723 0.219 149.579)",
          "badge-success-foreground": "oklch(0.205 0 0)",
          "badge-warning": "oklch(0.828 0.189 84.429)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        }
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/badge"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018"
        ],
        "component": "badge",
        "kind": "component",
        "primitive": "none",
        "iconSet": "lucide",
        "page": "https://labs.designfrom.com/ui/badge"
      }
    },
    {
      "name": "badge-phosphor",
      "type": "registry:ui",
      "title": "Badge (Phosphor)",
      "description": "A compact status label in five tones, with a matching status icon and a subtle tinted style.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "data-display",
        "phosphor"
      ],
      "docs": "Installed `Badge`. Import it from `@/components/ui/badge`.\n\nTones: neutral, info, success, warning, danger. Success and warning use the badge's own variables (`--badge-success`, `--badge-warning` and their foregrounds, light and dark); every other color comes from your theme.\n\nDocs and every variant: https://labs.designfrom.com/ui/badge",
      "dependencies": [
        "class-variance-authority@^0.7",
        "@phosphor-icons/react@^2"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/badge-phosphor/badge.tsx",
          "type": "registry:ui"
        }
      ],
      "cssVars": {
        "theme": {
          "color-badge-success": "var(--badge-success)",
          "color-badge-success-foreground": "var(--badge-success-foreground)",
          "color-badge-warning": "var(--badge-warning)",
          "color-badge-warning-foreground": "var(--badge-warning-foreground)"
        },
        "light": {
          "badge-success": "oklch(0.527 0.154 150.069)",
          "badge-success-foreground": "oklch(0.985 0 0)",
          "badge-warning": "oklch(0.769 0.188 70.08)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        },
        "dark": {
          "badge-success": "oklch(0.723 0.219 149.579)",
          "badge-success-foreground": "oklch(0.205 0 0)",
          "badge-warning": "oklch(0.828 0.189 84.429)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        }
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/badge"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018"
        ],
        "component": "badge",
        "kind": "component",
        "primitive": "none",
        "iconSet": "phosphor",
        "page": "https://labs.designfrom.com/ui/badge"
      }
    },
    {
      "name": "badge-subtle-lucide",
      "type": "registry:ui",
      "title": "Badge (Subtle, Lucide)",
      "description": "A compact status label in five tones, with a matching status icon and a subtle tinted style.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "data-display",
        "lucide"
      ],
      "docs": "Installed `Badge`. Import it from `@/components/ui/badge`.\n\nTones: neutral, info, success, warning, danger. Success and warning use the badge's own variables (`--badge-success`, `--badge-warning` and their foregrounds, light and dark); every other color comes from your theme.\n\nDocs and every variant: https://labs.designfrom.com/ui/badge",
      "dependencies": [
        "class-variance-authority@^0.7",
        "lucide-react@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/badge-subtle-lucide/badge.tsx",
          "type": "registry:ui"
        }
      ],
      "cssVars": {
        "theme": {
          "color-badge-success": "var(--badge-success)",
          "color-badge-success-foreground": "var(--badge-success-foreground)",
          "color-badge-warning": "var(--badge-warning)",
          "color-badge-warning-foreground": "var(--badge-warning-foreground)"
        },
        "light": {
          "badge-success": "oklch(0.527 0.154 150.069)",
          "badge-success-foreground": "oklch(0.985 0 0)",
          "badge-warning": "oklch(0.769 0.188 70.08)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        },
        "dark": {
          "badge-success": "oklch(0.723 0.219 149.579)",
          "badge-success-foreground": "oklch(0.205 0 0)",
          "badge-warning": "oklch(0.828 0.189 84.429)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        }
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/badge"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018"
        ],
        "component": "badge",
        "kind": "component",
        "primitive": "none",
        "iconSet": "lucide",
        "style": "subtle",
        "page": "https://labs.designfrom.com/ui/badge"
      }
    },
    {
      "name": "badge-subtle-phosphor",
      "type": "registry:ui",
      "title": "Badge (Subtle, Phosphor)",
      "description": "A compact status label in five tones, with a matching status icon and a subtle tinted style.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "data-display",
        "phosphor"
      ],
      "docs": "Installed `Badge`. Import it from `@/components/ui/badge`.\n\nTones: neutral, info, success, warning, danger. Success and warning use the badge's own variables (`--badge-success`, `--badge-warning` and their foregrounds, light and dark); every other color comes from your theme.\n\nDocs and every variant: https://labs.designfrom.com/ui/badge",
      "dependencies": [
        "class-variance-authority@^0.7",
        "@phosphor-icons/react@^2"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/badge-subtle-phosphor/badge.tsx",
          "type": "registry:ui"
        }
      ],
      "cssVars": {
        "theme": {
          "color-badge-success": "var(--badge-success)",
          "color-badge-success-foreground": "var(--badge-success-foreground)",
          "color-badge-warning": "var(--badge-warning)",
          "color-badge-warning-foreground": "var(--badge-warning-foreground)"
        },
        "light": {
          "badge-success": "oklch(0.527 0.154 150.069)",
          "badge-success-foreground": "oklch(0.985 0 0)",
          "badge-warning": "oklch(0.769 0.188 70.08)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        },
        "dark": {
          "badge-success": "oklch(0.723 0.219 149.579)",
          "badge-success-foreground": "oklch(0.205 0 0)",
          "badge-warning": "oklch(0.828 0.189 84.429)",
          "badge-warning-foreground": "oklch(0.205 0 0)"
        }
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/badge"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018"
        ],
        "component": "badge",
        "kind": "component",
        "primitive": "none",
        "iconSet": "phosphor",
        "style": "subtle",
        "page": "https://labs.designfrom.com/ui/badge"
      }
    },
    {
      "name": "button-radix-lucide",
      "type": "registry:ui",
      "title": "Button (Radix, Lucide)",
      "description": "A button with five variants, four sizes and a loading state that keeps focus and announces progress, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "actions",
        "radix",
        "lucide"
      ],
      "docs": "Installed `Button`. Import it from `@/components/ui/button`.\n\n- `variant`: default, secondary, outline, ghost, destructive.\n- `loading` shows a spinner and keeps focus on the button.\n\nColors come from your theme tokens (`--primary`, `--ring`, ...). Install `designfrom-theme` for the Design From palette.\n\nDocs and every variant: https://labs.designfrom.com/ui/button",
      "dependencies": [
        "class-variance-authority@^0.7",
        "radix-ui@^1",
        "lucide-react@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/button-radix-lucide/button.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/button"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "button",
        "kind": "component",
        "primitive": "radix",
        "iconSet": "lucide",
        "page": "https://labs.designfrom.com/ui/button"
      }
    },
    {
      "name": "button-radix-phosphor",
      "type": "registry:ui",
      "title": "Button (Radix, Phosphor)",
      "description": "A button with five variants, four sizes and a loading state that keeps focus and announces progress, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "actions",
        "radix",
        "phosphor"
      ],
      "docs": "Installed `Button`. Import it from `@/components/ui/button`.\n\n- `variant`: default, secondary, outline, ghost, destructive.\n- `loading` shows a spinner and keeps focus on the button.\n\nColors come from your theme tokens (`--primary`, `--ring`, ...). Install `designfrom-theme` for the Design From palette.\n\nDocs and every variant: https://labs.designfrom.com/ui/button",
      "dependencies": [
        "class-variance-authority@^0.7",
        "radix-ui@^1",
        "@phosphor-icons/react@^2"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/button-radix-phosphor/button.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/button"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "button",
        "kind": "component",
        "primitive": "radix",
        "iconSet": "phosphor",
        "page": "https://labs.designfrom.com/ui/button"
      }
    },
    {
      "name": "button-base-lucide",
      "type": "registry:ui",
      "title": "Button (Base UI, Lucide)",
      "description": "A button with five variants, four sizes and a loading state that keeps focus and announces progress, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "actions",
        "base",
        "lucide"
      ],
      "docs": "Installed `Button`. Import it from `@/components/ui/button`.\n\n- `variant`: default, secondary, outline, ghost, destructive.\n- `loading` shows a spinner and keeps focus on the button.\n\nColors come from your theme tokens (`--primary`, `--ring`, ...). Install `designfrom-theme` for the Design From palette.\n\nDocs and every variant: https://labs.designfrom.com/ui/button",
      "dependencies": [
        "class-variance-authority@^0.7",
        "@base-ui/react@^1",
        "lucide-react@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/button-base-lucide/button.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/button"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "button",
        "kind": "component",
        "primitive": "base",
        "iconSet": "lucide",
        "page": "https://labs.designfrom.com/ui/button"
      }
    },
    {
      "name": "button-base-phosphor",
      "type": "registry:ui",
      "title": "Button (Base UI, Phosphor)",
      "description": "A button with five variants, four sizes and a loading state that keeps focus and announces progress, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "actions",
        "base",
        "phosphor"
      ],
      "docs": "Installed `Button`. Import it from `@/components/ui/button`.\n\n- `variant`: default, secondary, outline, ghost, destructive.\n- `loading` shows a spinner and keeps focus on the button.\n\nColors come from your theme tokens (`--primary`, `--ring`, ...). Install `designfrom-theme` for the Design From palette.\n\nDocs and every variant: https://labs.designfrom.com/ui/button",
      "dependencies": [
        "class-variance-authority@^0.7",
        "@base-ui/react@^1",
        "@phosphor-icons/react@^2"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/button-base-phosphor/button.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/button"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "button",
        "kind": "component",
        "primitive": "base",
        "iconSet": "phosphor",
        "page": "https://labs.designfrom.com/ui/button"
      }
    },
    {
      "name": "button-aria-lucide",
      "type": "registry:ui",
      "title": "Button (React Aria, Lucide)",
      "description": "A button with five variants, four sizes and a loading state that keeps focus and announces progress, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "actions",
        "aria",
        "lucide"
      ],
      "docs": "Installed `Button`. Import it from `@/components/ui/button`.\n\n- `variant`: default, secondary, outline, ghost, destructive.\n- `loading` shows a spinner and keeps focus on the button.\n\nColors come from your theme tokens (`--primary`, `--ring`, ...). Install `designfrom-theme` for the Design From palette.\n\nDocs and every variant: https://labs.designfrom.com/ui/button",
      "dependencies": [
        "class-variance-authority@^0.7",
        "react-aria-components@^1",
        "lucide-react@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/button-aria-lucide/button.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/button"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "button",
        "kind": "component",
        "primitive": "aria",
        "iconSet": "lucide",
        "page": "https://labs.designfrom.com/ui/button"
      }
    },
    {
      "name": "button-aria-phosphor",
      "type": "registry:ui",
      "title": "Button (React Aria, Phosphor)",
      "description": "A button with five variants, four sizes and a loading state that keeps focus and announces progress, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "actions",
        "aria",
        "phosphor"
      ],
      "docs": "Installed `Button`. Import it from `@/components/ui/button`.\n\n- `variant`: default, secondary, outline, ghost, destructive.\n- `loading` shows a spinner and keeps focus on the button.\n\nColors come from your theme tokens (`--primary`, `--ring`, ...). Install `designfrom-theme` for the Design From palette.\n\nDocs and every variant: https://labs.designfrom.com/ui/button",
      "dependencies": [
        "class-variance-authority@^0.7",
        "react-aria-components@^1",
        "@phosphor-icons/react@^2"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/button-aria-phosphor/button.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/button"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-018",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "button",
        "kind": "component",
        "primitive": "aria",
        "iconSet": "phosphor",
        "page": "https://labs.designfrom.com/ui/button"
      }
    },
    {
      "name": "compose-refs",
      "type": "registry:lib",
      "title": "composeRefs",
      "description": "Combines several React refs (callbacks or objects) into one ref callback, with React 19 cleanup support.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations"
      ],
      "docs": "Installed `composeRefs` in your lib folder. Pass every ref that must point at the same element.\n\nDocs and every variant: https://labs.designfrom.com/ui/compose-refs",
      "files": [
        {
          "path": "registry/compose-refs/compose-refs.ts",
          "type": "registry:lib"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/compose-refs"
        },
        "credits": [
          "S-003",
          "S-004"
        ],
        "component": "compose-refs",
        "kind": "lib",
        "primitive": "none",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/compose-refs"
      }
    },
    {
      "name": "designfrom-base-radix-lucide",
      "type": "registry:base",
      "title": "Design From base (Radix, Lucide)",
      "description": "The whole Design From system in one install: theme tokens, the three fonts, utilities, your icon library and your primitive library.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations",
        "radix",
        "lucide"
      ],
      "docs": "Installed the Design From base: theme tokens (light and dark), Figtree, JetBrains Mono and Instrument Serif, `cn`, `useReducedMotion`, `composeRefs`, your icon library and your primitive library, and the `@designfrom` registry namespace. Add components with `npx shadcn@latest add @designfrom/<item>`.\n\nDocs and every variant: https://labs.designfrom.com/ui/designfrom-base",
      "config": {
        "style": "radix-nova",
        "iconLibrary": "lucide",
        "tailwind": {
          "baseColor": "neutral"
        },
        "registries": {
          "@designfrom": "https://labs.designfrom.com/r/{name}.json"
        }
      },
      "dependencies": [
        "class-variance-authority@^0.7",
        "lucide-react@^1",
        "radix-ui@^1"
      ],
      "cssVars": {
        "light": {
          "radius": "0.625rem",
          "background": "oklch(1 0 0)",
          "foreground": "oklch(0.145 0 0)",
          "card": "oklch(1 0 0)",
          "card-foreground": "oklch(0.145 0 0)",
          "popover": "oklch(1 0 0)",
          "popover-foreground": "oklch(0.145 0 0)",
          "primary": "oklch(0.205 0 0)",
          "primary-foreground": "oklch(0.985 0 0)",
          "secondary": "oklch(0.97 0 0)",
          "secondary-foreground": "oklch(0.205 0 0)",
          "muted": "oklch(0.97 0 0)",
          "muted-foreground": "oklch(0.52 0 0)",
          "accent": "oklch(0.95 0 0)",
          "accent-foreground": "oklch(0.205 0 0)",
          "destructive": "oklch(0.55 0.22 27.325)",
          "destructive-foreground": "oklch(0.985 0 0)",
          "border": "oklch(0.922 0 0)",
          "input": "oklch(0.87 0 0)",
          "ring": "oklch(0.52 0 0)"
        },
        "dark": {
          "background": "oklch(0.145 0 0)",
          "foreground": "oklch(0.985 0 0)",
          "card": "oklch(0.18 0 0)",
          "card-foreground": "oklch(0.985 0 0)",
          "popover": "oklch(0.205 0 0)",
          "popover-foreground": "oklch(0.985 0 0)",
          "primary": "oklch(0.922 0 0)",
          "primary-foreground": "oklch(0.205 0 0)",
          "secondary": "oklch(0.269 0 0)",
          "secondary-foreground": "oklch(0.985 0 0)",
          "muted": "oklch(0.269 0 0)",
          "muted-foreground": "oklch(0.74 0 0)",
          "accent": "oklch(0.3 0 0)",
          "accent-foreground": "oklch(0.985 0 0)",
          "destructive": "oklch(0.704 0.191 22.216)",
          "destructive-foreground": "oklch(0.145 0 0)",
          "border": "oklch(1 0 0 / 12%)",
          "input": "oklch(1 0 0 / 20%)",
          "ring": "oklch(0.74 0 0)"
        }
      },
      "css": {
        "@layer base": {
          "*": {
            "@apply border-border outline-ring/50": {}
          },
          "body": {
            "@apply bg-background text-foreground font-sans": {}
          }
        }
      },
      "registryDependencies": [
        "utils",
        "https://labs.designfrom.com/r/designfrom-theme.json",
        "https://labs.designfrom.com/r/font-figtree.json",
        "https://labs.designfrom.com/r/font-jetbrains-mono.json",
        "https://labs.designfrom.com/r/font-instrument-serif.json",
        "https://labs.designfrom.com/r/use-reduced-motion.json",
        "https://labs.designfrom.com/r/compose-refs.json"
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/designfrom-base"
        },
        "credits": [
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-032",
          "S-033",
          "S-034",
          "S-035",
          "S-036",
          "S-037"
        ],
        "component": "designfrom-base",
        "kind": "base",
        "primitive": "radix",
        "iconSet": "lucide",
        "page": "https://labs.designfrom.com/ui/designfrom-base"
      }
    },
    {
      "name": "designfrom-base-radix-phosphor",
      "type": "registry:base",
      "title": "Design From base (Radix, Phosphor)",
      "description": "The whole Design From system in one install: theme tokens, the three fonts, utilities, your icon library and your primitive library.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations",
        "radix",
        "phosphor"
      ],
      "docs": "Installed the Design From base: theme tokens (light and dark), Figtree, JetBrains Mono and Instrument Serif, `cn`, `useReducedMotion`, `composeRefs`, your icon library and your primitive library, and the `@designfrom` registry namespace. Add components with `npx shadcn@latest add @designfrom/<item>`.\n\nDocs and every variant: https://labs.designfrom.com/ui/designfrom-base",
      "config": {
        "style": "radix-nova",
        "iconLibrary": "phosphor",
        "tailwind": {
          "baseColor": "neutral"
        },
        "registries": {
          "@designfrom": "https://labs.designfrom.com/r/{name}.json"
        }
      },
      "dependencies": [
        "class-variance-authority@^0.7",
        "@phosphor-icons/react@^2",
        "radix-ui@^1"
      ],
      "cssVars": {
        "light": {
          "radius": "0.625rem",
          "background": "oklch(1 0 0)",
          "foreground": "oklch(0.145 0 0)",
          "card": "oklch(1 0 0)",
          "card-foreground": "oklch(0.145 0 0)",
          "popover": "oklch(1 0 0)",
          "popover-foreground": "oklch(0.145 0 0)",
          "primary": "oklch(0.205 0 0)",
          "primary-foreground": "oklch(0.985 0 0)",
          "secondary": "oklch(0.97 0 0)",
          "secondary-foreground": "oklch(0.205 0 0)",
          "muted": "oklch(0.97 0 0)",
          "muted-foreground": "oklch(0.52 0 0)",
          "accent": "oklch(0.95 0 0)",
          "accent-foreground": "oklch(0.205 0 0)",
          "destructive": "oklch(0.55 0.22 27.325)",
          "destructive-foreground": "oklch(0.985 0 0)",
          "border": "oklch(0.922 0 0)",
          "input": "oklch(0.87 0 0)",
          "ring": "oklch(0.52 0 0)"
        },
        "dark": {
          "background": "oklch(0.145 0 0)",
          "foreground": "oklch(0.985 0 0)",
          "card": "oklch(0.18 0 0)",
          "card-foreground": "oklch(0.985 0 0)",
          "popover": "oklch(0.205 0 0)",
          "popover-foreground": "oklch(0.985 0 0)",
          "primary": "oklch(0.922 0 0)",
          "primary-foreground": "oklch(0.205 0 0)",
          "secondary": "oklch(0.269 0 0)",
          "secondary-foreground": "oklch(0.985 0 0)",
          "muted": "oklch(0.269 0 0)",
          "muted-foreground": "oklch(0.74 0 0)",
          "accent": "oklch(0.3 0 0)",
          "accent-foreground": "oklch(0.985 0 0)",
          "destructive": "oklch(0.704 0.191 22.216)",
          "destructive-foreground": "oklch(0.145 0 0)",
          "border": "oklch(1 0 0 / 12%)",
          "input": "oklch(1 0 0 / 20%)",
          "ring": "oklch(0.74 0 0)"
        }
      },
      "css": {
        "@layer base": {
          "*": {
            "@apply border-border outline-ring/50": {}
          },
          "body": {
            "@apply bg-background text-foreground font-sans": {}
          }
        }
      },
      "registryDependencies": [
        "utils",
        "https://labs.designfrom.com/r/designfrom-theme.json",
        "https://labs.designfrom.com/r/font-figtree.json",
        "https://labs.designfrom.com/r/font-jetbrains-mono.json",
        "https://labs.designfrom.com/r/font-instrument-serif.json",
        "https://labs.designfrom.com/r/use-reduced-motion.json",
        "https://labs.designfrom.com/r/compose-refs.json"
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/designfrom-base"
        },
        "credits": [
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-032",
          "S-033",
          "S-034",
          "S-035",
          "S-036",
          "S-037"
        ],
        "component": "designfrom-base",
        "kind": "base",
        "primitive": "radix",
        "iconSet": "phosphor",
        "page": "https://labs.designfrom.com/ui/designfrom-base"
      }
    },
    {
      "name": "designfrom-base-base-lucide",
      "type": "registry:base",
      "title": "Design From base (Base UI, Lucide)",
      "description": "The whole Design From system in one install: theme tokens, the three fonts, utilities, your icon library and your primitive library.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations",
        "base",
        "lucide"
      ],
      "docs": "Installed the Design From base: theme tokens (light and dark), Figtree, JetBrains Mono and Instrument Serif, `cn`, `useReducedMotion`, `composeRefs`, your icon library and your primitive library, and the `@designfrom` registry namespace. Add components with `npx shadcn@latest add @designfrom/<item>`.\n\nDocs and every variant: https://labs.designfrom.com/ui/designfrom-base",
      "config": {
        "style": "base-nova",
        "iconLibrary": "lucide",
        "tailwind": {
          "baseColor": "neutral"
        },
        "registries": {
          "@designfrom": "https://labs.designfrom.com/r/{name}.json"
        }
      },
      "dependencies": [
        "class-variance-authority@^0.7",
        "lucide-react@^1",
        "@base-ui/react@^1"
      ],
      "cssVars": {
        "light": {
          "radius": "0.625rem",
          "background": "oklch(1 0 0)",
          "foreground": "oklch(0.145 0 0)",
          "card": "oklch(1 0 0)",
          "card-foreground": "oklch(0.145 0 0)",
          "popover": "oklch(1 0 0)",
          "popover-foreground": "oklch(0.145 0 0)",
          "primary": "oklch(0.205 0 0)",
          "primary-foreground": "oklch(0.985 0 0)",
          "secondary": "oklch(0.97 0 0)",
          "secondary-foreground": "oklch(0.205 0 0)",
          "muted": "oklch(0.97 0 0)",
          "muted-foreground": "oklch(0.52 0 0)",
          "accent": "oklch(0.95 0 0)",
          "accent-foreground": "oklch(0.205 0 0)",
          "destructive": "oklch(0.55 0.22 27.325)",
          "destructive-foreground": "oklch(0.985 0 0)",
          "border": "oklch(0.922 0 0)",
          "input": "oklch(0.87 0 0)",
          "ring": "oklch(0.52 0 0)"
        },
        "dark": {
          "background": "oklch(0.145 0 0)",
          "foreground": "oklch(0.985 0 0)",
          "card": "oklch(0.18 0 0)",
          "card-foreground": "oklch(0.985 0 0)",
          "popover": "oklch(0.205 0 0)",
          "popover-foreground": "oklch(0.985 0 0)",
          "primary": "oklch(0.922 0 0)",
          "primary-foreground": "oklch(0.205 0 0)",
          "secondary": "oklch(0.269 0 0)",
          "secondary-foreground": "oklch(0.985 0 0)",
          "muted": "oklch(0.269 0 0)",
          "muted-foreground": "oklch(0.74 0 0)",
          "accent": "oklch(0.3 0 0)",
          "accent-foreground": "oklch(0.985 0 0)",
          "destructive": "oklch(0.704 0.191 22.216)",
          "destructive-foreground": "oklch(0.145 0 0)",
          "border": "oklch(1 0 0 / 12%)",
          "input": "oklch(1 0 0 / 20%)",
          "ring": "oklch(0.74 0 0)"
        }
      },
      "css": {
        "@layer base": {
          "*": {
            "@apply border-border outline-ring/50": {}
          },
          "body": {
            "@apply bg-background text-foreground font-sans": {}
          }
        }
      },
      "registryDependencies": [
        "utils",
        "https://labs.designfrom.com/r/designfrom-theme.json",
        "https://labs.designfrom.com/r/font-figtree.json",
        "https://labs.designfrom.com/r/font-jetbrains-mono.json",
        "https://labs.designfrom.com/r/font-instrument-serif.json",
        "https://labs.designfrom.com/r/use-reduced-motion.json",
        "https://labs.designfrom.com/r/compose-refs.json"
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/designfrom-base"
        },
        "credits": [
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-032",
          "S-033",
          "S-034",
          "S-035",
          "S-036",
          "S-037"
        ],
        "component": "designfrom-base",
        "kind": "base",
        "primitive": "base",
        "iconSet": "lucide",
        "page": "https://labs.designfrom.com/ui/designfrom-base"
      }
    },
    {
      "name": "designfrom-base-base-phosphor",
      "type": "registry:base",
      "title": "Design From base (Base UI, Phosphor)",
      "description": "The whole Design From system in one install: theme tokens, the three fonts, utilities, your icon library and your primitive library.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations",
        "base",
        "phosphor"
      ],
      "docs": "Installed the Design From base: theme tokens (light and dark), Figtree, JetBrains Mono and Instrument Serif, `cn`, `useReducedMotion`, `composeRefs`, your icon library and your primitive library, and the `@designfrom` registry namespace. Add components with `npx shadcn@latest add @designfrom/<item>`.\n\nDocs and every variant: https://labs.designfrom.com/ui/designfrom-base",
      "config": {
        "style": "base-nova",
        "iconLibrary": "phosphor",
        "tailwind": {
          "baseColor": "neutral"
        },
        "registries": {
          "@designfrom": "https://labs.designfrom.com/r/{name}.json"
        }
      },
      "dependencies": [
        "class-variance-authority@^0.7",
        "@phosphor-icons/react@^2",
        "@base-ui/react@^1"
      ],
      "cssVars": {
        "light": {
          "radius": "0.625rem",
          "background": "oklch(1 0 0)",
          "foreground": "oklch(0.145 0 0)",
          "card": "oklch(1 0 0)",
          "card-foreground": "oklch(0.145 0 0)",
          "popover": "oklch(1 0 0)",
          "popover-foreground": "oklch(0.145 0 0)",
          "primary": "oklch(0.205 0 0)",
          "primary-foreground": "oklch(0.985 0 0)",
          "secondary": "oklch(0.97 0 0)",
          "secondary-foreground": "oklch(0.205 0 0)",
          "muted": "oklch(0.97 0 0)",
          "muted-foreground": "oklch(0.52 0 0)",
          "accent": "oklch(0.95 0 0)",
          "accent-foreground": "oklch(0.205 0 0)",
          "destructive": "oklch(0.55 0.22 27.325)",
          "destructive-foreground": "oklch(0.985 0 0)",
          "border": "oklch(0.922 0 0)",
          "input": "oklch(0.87 0 0)",
          "ring": "oklch(0.52 0 0)"
        },
        "dark": {
          "background": "oklch(0.145 0 0)",
          "foreground": "oklch(0.985 0 0)",
          "card": "oklch(0.18 0 0)",
          "card-foreground": "oklch(0.985 0 0)",
          "popover": "oklch(0.205 0 0)",
          "popover-foreground": "oklch(0.985 0 0)",
          "primary": "oklch(0.922 0 0)",
          "primary-foreground": "oklch(0.205 0 0)",
          "secondary": "oklch(0.269 0 0)",
          "secondary-foreground": "oklch(0.985 0 0)",
          "muted": "oklch(0.269 0 0)",
          "muted-foreground": "oklch(0.74 0 0)",
          "accent": "oklch(0.3 0 0)",
          "accent-foreground": "oklch(0.985 0 0)",
          "destructive": "oklch(0.704 0.191 22.216)",
          "destructive-foreground": "oklch(0.145 0 0)",
          "border": "oklch(1 0 0 / 12%)",
          "input": "oklch(1 0 0 / 20%)",
          "ring": "oklch(0.74 0 0)"
        }
      },
      "css": {
        "@layer base": {
          "*": {
            "@apply border-border outline-ring/50": {}
          },
          "body": {
            "@apply bg-background text-foreground font-sans": {}
          }
        }
      },
      "registryDependencies": [
        "utils",
        "https://labs.designfrom.com/r/designfrom-theme.json",
        "https://labs.designfrom.com/r/font-figtree.json",
        "https://labs.designfrom.com/r/font-jetbrains-mono.json",
        "https://labs.designfrom.com/r/font-instrument-serif.json",
        "https://labs.designfrom.com/r/use-reduced-motion.json",
        "https://labs.designfrom.com/r/compose-refs.json"
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/designfrom-base"
        },
        "credits": [
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-032",
          "S-033",
          "S-034",
          "S-035",
          "S-036",
          "S-037"
        ],
        "component": "designfrom-base",
        "kind": "base",
        "primitive": "base",
        "iconSet": "phosphor",
        "page": "https://labs.designfrom.com/ui/designfrom-base"
      }
    },
    {
      "name": "designfrom-base-aria-lucide",
      "type": "registry:base",
      "title": "Design From base (React Aria, Lucide)",
      "description": "The whole Design From system in one install: theme tokens, the three fonts, utilities, your icon library and your primitive library.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations",
        "aria",
        "lucide"
      ],
      "docs": "Installed the Design From base: theme tokens (light and dark), Figtree, JetBrains Mono and Instrument Serif, `cn`, `useReducedMotion`, `composeRefs`, your icon library and your primitive library, and the `@designfrom` registry namespace. Add components with `npx shadcn@latest add @designfrom/<item>`.\n\nDocs and every variant: https://labs.designfrom.com/ui/designfrom-base",
      "config": {
        "style": "aria-nova",
        "iconLibrary": "lucide",
        "tailwind": {
          "baseColor": "neutral"
        },
        "registries": {
          "@designfrom": "https://labs.designfrom.com/r/{name}.json"
        }
      },
      "dependencies": [
        "class-variance-authority@^0.7",
        "lucide-react@^1",
        "react-aria-components@^1"
      ],
      "cssVars": {
        "light": {
          "radius": "0.625rem",
          "background": "oklch(1 0 0)",
          "foreground": "oklch(0.145 0 0)",
          "card": "oklch(1 0 0)",
          "card-foreground": "oklch(0.145 0 0)",
          "popover": "oklch(1 0 0)",
          "popover-foreground": "oklch(0.145 0 0)",
          "primary": "oklch(0.205 0 0)",
          "primary-foreground": "oklch(0.985 0 0)",
          "secondary": "oklch(0.97 0 0)",
          "secondary-foreground": "oklch(0.205 0 0)",
          "muted": "oklch(0.97 0 0)",
          "muted-foreground": "oklch(0.52 0 0)",
          "accent": "oklch(0.95 0 0)",
          "accent-foreground": "oklch(0.205 0 0)",
          "destructive": "oklch(0.55 0.22 27.325)",
          "destructive-foreground": "oklch(0.985 0 0)",
          "border": "oklch(0.922 0 0)",
          "input": "oklch(0.87 0 0)",
          "ring": "oklch(0.52 0 0)"
        },
        "dark": {
          "background": "oklch(0.145 0 0)",
          "foreground": "oklch(0.985 0 0)",
          "card": "oklch(0.18 0 0)",
          "card-foreground": "oklch(0.985 0 0)",
          "popover": "oklch(0.205 0 0)",
          "popover-foreground": "oklch(0.985 0 0)",
          "primary": "oklch(0.922 0 0)",
          "primary-foreground": "oklch(0.205 0 0)",
          "secondary": "oklch(0.269 0 0)",
          "secondary-foreground": "oklch(0.985 0 0)",
          "muted": "oklch(0.269 0 0)",
          "muted-foreground": "oklch(0.74 0 0)",
          "accent": "oklch(0.3 0 0)",
          "accent-foreground": "oklch(0.985 0 0)",
          "destructive": "oklch(0.704 0.191 22.216)",
          "destructive-foreground": "oklch(0.145 0 0)",
          "border": "oklch(1 0 0 / 12%)",
          "input": "oklch(1 0 0 / 20%)",
          "ring": "oklch(0.74 0 0)"
        }
      },
      "css": {
        "@layer base": {
          "*": {
            "@apply border-border outline-ring/50": {}
          },
          "body": {
            "@apply bg-background text-foreground font-sans": {}
          }
        }
      },
      "registryDependencies": [
        "utils",
        "https://labs.designfrom.com/r/designfrom-theme.json",
        "https://labs.designfrom.com/r/font-figtree.json",
        "https://labs.designfrom.com/r/font-jetbrains-mono.json",
        "https://labs.designfrom.com/r/font-instrument-serif.json",
        "https://labs.designfrom.com/r/use-reduced-motion.json",
        "https://labs.designfrom.com/r/compose-refs.json"
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/designfrom-base"
        },
        "credits": [
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-032",
          "S-033",
          "S-034",
          "S-035",
          "S-036",
          "S-037"
        ],
        "component": "designfrom-base",
        "kind": "base",
        "primitive": "aria",
        "iconSet": "lucide",
        "page": "https://labs.designfrom.com/ui/designfrom-base"
      }
    },
    {
      "name": "designfrom-base-aria-phosphor",
      "type": "registry:base",
      "title": "Design From base (React Aria, Phosphor)",
      "description": "The whole Design From system in one install: theme tokens, the three fonts, utilities, your icon library and your primitive library.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations",
        "aria",
        "phosphor"
      ],
      "docs": "Installed the Design From base: theme tokens (light and dark), Figtree, JetBrains Mono and Instrument Serif, `cn`, `useReducedMotion`, `composeRefs`, your icon library and your primitive library, and the `@designfrom` registry namespace. Add components with `npx shadcn@latest add @designfrom/<item>`.\n\nDocs and every variant: https://labs.designfrom.com/ui/designfrom-base",
      "config": {
        "style": "aria-nova",
        "iconLibrary": "phosphor",
        "tailwind": {
          "baseColor": "neutral"
        },
        "registries": {
          "@designfrom": "https://labs.designfrom.com/r/{name}.json"
        }
      },
      "dependencies": [
        "class-variance-authority@^0.7",
        "@phosphor-icons/react@^2",
        "react-aria-components@^1"
      ],
      "cssVars": {
        "light": {
          "radius": "0.625rem",
          "background": "oklch(1 0 0)",
          "foreground": "oklch(0.145 0 0)",
          "card": "oklch(1 0 0)",
          "card-foreground": "oklch(0.145 0 0)",
          "popover": "oklch(1 0 0)",
          "popover-foreground": "oklch(0.145 0 0)",
          "primary": "oklch(0.205 0 0)",
          "primary-foreground": "oklch(0.985 0 0)",
          "secondary": "oklch(0.97 0 0)",
          "secondary-foreground": "oklch(0.205 0 0)",
          "muted": "oklch(0.97 0 0)",
          "muted-foreground": "oklch(0.52 0 0)",
          "accent": "oklch(0.95 0 0)",
          "accent-foreground": "oklch(0.205 0 0)",
          "destructive": "oklch(0.55 0.22 27.325)",
          "destructive-foreground": "oklch(0.985 0 0)",
          "border": "oklch(0.922 0 0)",
          "input": "oklch(0.87 0 0)",
          "ring": "oklch(0.52 0 0)"
        },
        "dark": {
          "background": "oklch(0.145 0 0)",
          "foreground": "oklch(0.985 0 0)",
          "card": "oklch(0.18 0 0)",
          "card-foreground": "oklch(0.985 0 0)",
          "popover": "oklch(0.205 0 0)",
          "popover-foreground": "oklch(0.985 0 0)",
          "primary": "oklch(0.922 0 0)",
          "primary-foreground": "oklch(0.205 0 0)",
          "secondary": "oklch(0.269 0 0)",
          "secondary-foreground": "oklch(0.985 0 0)",
          "muted": "oklch(0.269 0 0)",
          "muted-foreground": "oklch(0.74 0 0)",
          "accent": "oklch(0.3 0 0)",
          "accent-foreground": "oklch(0.985 0 0)",
          "destructive": "oklch(0.704 0.191 22.216)",
          "destructive-foreground": "oklch(0.145 0 0)",
          "border": "oklch(1 0 0 / 12%)",
          "input": "oklch(1 0 0 / 20%)",
          "ring": "oklch(0.74 0 0)"
        }
      },
      "css": {
        "@layer base": {
          "*": {
            "@apply border-border outline-ring/50": {}
          },
          "body": {
            "@apply bg-background text-foreground font-sans": {}
          }
        }
      },
      "registryDependencies": [
        "utils",
        "https://labs.designfrom.com/r/designfrom-theme.json",
        "https://labs.designfrom.com/r/font-figtree.json",
        "https://labs.designfrom.com/r/font-jetbrains-mono.json",
        "https://labs.designfrom.com/r/font-instrument-serif.json",
        "https://labs.designfrom.com/r/use-reduced-motion.json",
        "https://labs.designfrom.com/r/compose-refs.json"
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/designfrom-base"
        },
        "credits": [
          "S-004",
          "S-005",
          "S-006",
          "S-008",
          "S-032",
          "S-033",
          "S-034",
          "S-035",
          "S-036",
          "S-037"
        ],
        "component": "designfrom-base",
        "kind": "base",
        "primitive": "aria",
        "iconSet": "phosphor",
        "page": "https://labs.designfrom.com/ui/designfrom-base"
      }
    },
    {
      "name": "designfrom-theme",
      "type": "registry:theme",
      "title": "Design From theme",
      "description": "The Design From Labs color, radius and focus tokens for light and dark, using shadcn's variable names.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations"
      ],
      "docs": "Added the Design From theme to your CSS variables (light and dark). Every Labs component reads these tokens through Tailwind utilities such as `bg-primary` and `ring-ring`.\n\nDocs and every variant: https://labs.designfrom.com/ui/designfrom-theme",
      "cssVars": {
        "light": {
          "radius": "0.625rem",
          "background": "oklch(1 0 0)",
          "foreground": "oklch(0.145 0 0)",
          "card": "oklch(1 0 0)",
          "card-foreground": "oklch(0.145 0 0)",
          "popover": "oklch(1 0 0)",
          "popover-foreground": "oklch(0.145 0 0)",
          "primary": "oklch(0.205 0 0)",
          "primary-foreground": "oklch(0.985 0 0)",
          "secondary": "oklch(0.97 0 0)",
          "secondary-foreground": "oklch(0.205 0 0)",
          "muted": "oklch(0.97 0 0)",
          "muted-foreground": "oklch(0.52 0 0)",
          "accent": "oklch(0.95 0 0)",
          "accent-foreground": "oklch(0.205 0 0)",
          "destructive": "oklch(0.55 0.22 27.325)",
          "destructive-foreground": "oklch(0.985 0 0)",
          "border": "oklch(0.922 0 0)",
          "input": "oklch(0.87 0 0)",
          "ring": "oklch(0.52 0 0)"
        },
        "dark": {
          "background": "oklch(0.145 0 0)",
          "foreground": "oklch(0.985 0 0)",
          "card": "oklch(0.18 0 0)",
          "card-foreground": "oklch(0.985 0 0)",
          "popover": "oklch(0.205 0 0)",
          "popover-foreground": "oklch(0.985 0 0)",
          "primary": "oklch(0.922 0 0)",
          "primary-foreground": "oklch(0.205 0 0)",
          "secondary": "oklch(0.269 0 0)",
          "secondary-foreground": "oklch(0.985 0 0)",
          "muted": "oklch(0.269 0 0)",
          "muted-foreground": "oklch(0.74 0 0)",
          "accent": "oklch(0.3 0 0)",
          "accent-foreground": "oklch(0.985 0 0)",
          "destructive": "oklch(0.704 0.191 22.216)",
          "destructive-foreground": "oklch(0.145 0 0)",
          "border": "oklch(1 0 0 / 12%)",
          "input": "oklch(1 0 0 / 20%)",
          "ring": "oklch(0.74 0 0)"
        }
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/designfrom-theme"
        },
        "credits": [
          "S-004",
          "S-008"
        ],
        "component": "designfrom-theme",
        "kind": "theme",
        "primitive": "none",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/designfrom-theme"
      }
    },
    {
      "name": "font-figtree",
      "type": "registry:font",
      "title": "Figtree",
      "description": "The Figtree variable typeface as the sans-serif font (--font-sans).",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations"
      ],
      "docs": "Installed Figtree as `--font-sans`. In Next.js it loads through `next/font/google`; elsewhere through `@fontsource-variable/figtree`. Licensed under the SIL Open Font License 1.1.\n\nDocs and every variant: https://labs.designfrom.com/ui/font-figtree",
      "font": {
        "family": "'Figtree Variable', sans-serif",
        "provider": "google",
        "import": "Figtree",
        "variable": "--font-sans",
        "subsets": [
          "latin"
        ],
        "dependency": "@fontsource-variable/figtree"
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/font-figtree"
        },
        "credits": [
          "S-035",
          "S-004",
          "S-025"
        ],
        "component": "font-figtree",
        "kind": "font",
        "primitive": "none",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/font-figtree"
      }
    },
    {
      "name": "font-instrument-serif",
      "type": "registry:font",
      "title": "Instrument Serif",
      "description": "The Instrument Serif typeface as the display serif font (--font-serif).",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations"
      ],
      "docs": "Installed Instrument Serif as `--font-serif`. In Next.js it loads through `next/font/google`; elsewhere through `@fontsource/instrument-serif`. Licensed under the SIL Open Font License 1.1.\n\nDocs and every variant: https://labs.designfrom.com/ui/font-instrument-serif",
      "font": {
        "family": "'Instrument Serif', serif",
        "provider": "google",
        "import": "Instrument_Serif",
        "variable": "--font-serif",
        "weight": [
          "400"
        ],
        "subsets": [
          "latin"
        ],
        "dependency": "@fontsource/instrument-serif"
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/font-instrument-serif"
        },
        "credits": [
          "S-037",
          "S-004",
          "S-025"
        ],
        "component": "font-instrument-serif",
        "kind": "font",
        "primitive": "none",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/font-instrument-serif"
      }
    },
    {
      "name": "font-jetbrains-mono",
      "type": "registry:font",
      "title": "JetBrains Mono",
      "description": "The JetBrains Mono variable typeface as the monospace font (--font-mono).",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations"
      ],
      "docs": "Installed JetBrains Mono as `--font-mono`. In Next.js it loads through `next/font/google`; elsewhere through `@fontsource-variable/jetbrains-mono`. Licensed under the SIL Open Font License 1.1.\n\nDocs and every variant: https://labs.designfrom.com/ui/font-jetbrains-mono",
      "font": {
        "family": "'JetBrains Mono Variable', monospace",
        "provider": "google",
        "import": "JetBrains_Mono",
        "variable": "--font-mono",
        "subsets": [
          "latin"
        ],
        "dependency": "@fontsource-variable/jetbrains-mono"
      },
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/font-jetbrains-mono"
        },
        "credits": [
          "S-036",
          "S-004",
          "S-025"
        ],
        "component": "font-jetbrains-mono",
        "kind": "font",
        "primitive": "none",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/font-jetbrains-mono"
      }
    },
    {
      "name": "tooltip-radix",
      "type": "registry:ui",
      "title": "Tooltip (Radix)",
      "description": "A short text hint for a control that opens on hover after a delay and on keyboard focus, and closes with Escape, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "overlays",
        "radix"
      ],
      "docs": "Installed `Tooltip`. Import it from `@/components/ui/tooltip`.\n\nRadix and Base UI: wrap your app once in `TooltipProvider`, then compose `Tooltip`, `TooltipTrigger` and `TooltipContent`. React Aria: put the trigger and `Tooltip` inside `TooltipTrigger`.\n\nDocs and every variant: https://labs.designfrom.com/ui/tooltip",
      "dependencies": [
        "radix-ui@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/tooltip-radix/tooltip.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/tooltip"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-008",
          "S-027",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "tooltip",
        "kind": "component",
        "primitive": "radix",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/tooltip"
      }
    },
    {
      "name": "tooltip-base",
      "type": "registry:ui",
      "title": "Tooltip (Base UI)",
      "description": "A short text hint for a control that opens on hover after a delay and on keyboard focus, and closes with Escape, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "overlays",
        "base"
      ],
      "docs": "Installed `Tooltip`. Import it from `@/components/ui/tooltip`.\n\nRadix and Base UI: wrap your app once in `TooltipProvider`, then compose `Tooltip`, `TooltipTrigger` and `TooltipContent`. React Aria: put the trigger and `Tooltip` inside `TooltipTrigger`.\n\nDocs and every variant: https://labs.designfrom.com/ui/tooltip",
      "dependencies": [
        "@base-ui/react@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/tooltip-base/tooltip.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/tooltip"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-008",
          "S-027",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "tooltip",
        "kind": "component",
        "primitive": "base",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/tooltip"
      }
    },
    {
      "name": "tooltip-aria",
      "type": "registry:ui",
      "title": "Tooltip (React Aria)",
      "description": "A short text hint for a control that opens on hover after a delay and on keyboard focus, and closes with Escape, on Radix, Base UI or React Aria.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "overlays",
        "aria"
      ],
      "docs": "Installed `Tooltip`. Import it from `@/components/ui/tooltip`.\n\nRadix and Base UI: wrap your app once in `TooltipProvider`, then compose `Tooltip`, `TooltipTrigger` and `TooltipContent`. React Aria: put the trigger and `Tooltip` inside `TooltipTrigger`.\n\nDocs and every variant: https://labs.designfrom.com/ui/tooltip",
      "dependencies": [
        "react-aria-components@^1"
      ],
      "registryDependencies": [
        "utils"
      ],
      "files": [
        {
          "path": "registry/tooltip-aria/tooltip.tsx",
          "type": "registry:ui"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/tooltip"
        },
        "credits": [
          "S-003",
          "S-004",
          "S-008",
          "S-027",
          "S-032",
          "S-033",
          "S-034"
        ],
        "component": "tooltip",
        "kind": "component",
        "primitive": "aria",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/tooltip"
      }
    },
    {
      "name": "use-reduced-motion",
      "type": "registry:hook",
      "title": "useReducedMotion",
      "description": "A hook that reports whether the user prefers reduced motion and updates when the setting changes.",
      "author": "Design From Labs <https://labs.designfrom.com>",
      "categories": [
        "foundations"
      ],
      "docs": "Installed `useReducedMotion` in your hooks folder. It returns `false` on the server and the live `prefers-reduced-motion` value in the browser.\n\nDocs and every variant: https://labs.designfrom.com/ui/use-reduced-motion",
      "files": [
        {
          "path": "registry/use-reduced-motion/use-reduced-motion.ts",
          "type": "registry:hook"
        }
      ],
      "meta": {
        "status": "ready",
        "license": "MIT",
        "author": "Design From Labs <https://labs.designfrom.com>",
        "source": {
          "repo": "https://github.com/Design-from-labs/labs",
          "commit": "803b92c1a30e0d513e1cb1ff5ca984b2a5f9b492",
          "path": "examples/use-reduced-motion"
        },
        "credits": [
          "S-003",
          "S-004"
        ],
        "component": "use-reduced-motion",
        "kind": "hook",
        "primitive": "none",
        "iconSet": "none",
        "page": "https://labs.designfrom.com/ui/use-reduced-motion"
      }
    }
  ]
}