{
  "$schema": "https://ui.shadcn.com/schema/registry.json",
  "name": "ai2",
  "homepage": "https://ai2.design",
  "items": [
    {
      "name": "tokens",
      "type": "registry:theme",
      "title": "ai2 Tokens",
      "description": "ai2 extension tokens: tone colors (brand, success, warning, danger, info + soft pairs), surface-2/3 and motion variables. Required by every ai2 component; installed automatically as a dependency.",
      "cssVars": {
        "theme": {
          "color-field-border": "var(--field-border)",
          "color-surface-2": "var(--surface-2)",
          "color-surface-3": "var(--surface-3)",
          "color-brand": "var(--brand)",
          "color-brand-foreground": "var(--brand-foreground)",
          "color-brand-soft": "var(--brand-soft)",
          "color-brand-soft-foreground": "var(--brand-soft-foreground)",
          "color-success": "var(--success)",
          "color-success-foreground": "var(--success-foreground)",
          "color-success-soft": "var(--success-soft)",
          "color-success-soft-foreground": "var(--success-soft-foreground)",
          "color-warning": "var(--warning)",
          "color-warning-foreground": "var(--warning-foreground)",
          "color-warning-soft": "var(--warning-soft)",
          "color-warning-soft-foreground": "var(--warning-soft-foreground)",
          "color-danger": "var(--danger)",
          "color-danger-foreground": "var(--danger-foreground)",
          "color-danger-soft": "var(--danger-soft)",
          "color-danger-soft-foreground": "var(--danger-soft-foreground)",
          "color-info": "var(--info)",
          "color-info-foreground": "var(--info-foreground)",
          "color-info-soft": "var(--info-soft)",
          "color-info-soft-foreground": "var(--info-soft-foreground)",
          "motion-fast": "150ms",
          "motion-base": "200ms",
          "motion-slow": "300ms",
          "motion-ease": "cubic-bezier(0.2, 0, 0, 1)"
        },
        "light": {
          "field-border": "oklch(0.64 0.008 265)",
          "surface-2": "oklch(0.985 0.002 265)",
          "surface-3": "oklch(0.967 0.003 265)",
          "brand": "oklch(0.55 0.2 331)",
          "brand-foreground": "oklch(1 0 0)",
          "brand-soft": "oklch(0.95 0.035 331)",
          "brand-soft-foreground": "oklch(0.55 0.2 331)",
          "success": "oklch(0.527 0.154 150)",
          "success-foreground": "oklch(1 0 0)",
          "success-soft": "oklch(0.962 0.044 156)",
          "success-soft-foreground": "oklch(0.527 0.154 150)",
          "warning": "oklch(0.795 0.184 86)",
          "warning-foreground": "oklch(0.145 0.003 265)",
          "warning-soft": "oklch(0.973 0.071 103)",
          "warning-soft-foreground": "oklch(0.554 0.135 66)",
          "danger": "oklch(0.577 0.245 27)",
          "danger-foreground": "oklch(1 0 0)",
          "danger-soft": "oklch(0.936 0.032 17)",
          "danger-soft-foreground": "oklch(0.505 0.213 27)",
          "info": "oklch(0.5 0.134 242)",
          "info-foreground": "oklch(1 0 0)",
          "info-soft": "oklch(0.951 0.026 236)",
          "info-soft-foreground": "oklch(0.5 0.134 242)"
        },
        "dark": {
          "field-border": "oklch(1 0 0 / 38%)",
          "surface-2": "oklch(0.145 0.003 265)",
          "surface-3": "oklch(0.205 0.005 265)",
          "brand": "oklch(0.8 0.183 331)",
          "brand-foreground": "oklch(0.115 0.002 265)",
          "brand-soft": "oklch(0.28 0.09 331)",
          "brand-soft-foreground": "oklch(0.8 0.183 331)",
          "success": "oklch(0.723 0.192 150)",
          "success-foreground": "oklch(0.115 0.002 265)",
          "success-soft": "oklch(0.266 0.065 152)",
          "success-soft-foreground": "oklch(0.723 0.192 150)",
          "warning": "oklch(0.795 0.184 86)",
          "warning-foreground": "oklch(0.115 0.002 265)",
          "warning-soft": "oklch(0.286 0.066 53)",
          "warning-soft-foreground": "oklch(0.795 0.184 86)",
          "danger": "oklch(0.637 0.237 25)",
          "danger-foreground": "oklch(0.115 0.002 265)",
          "danger-soft": "oklch(0.258 0.092 26)",
          "danger-soft-foreground": "oklch(0.68 0.2 25)",
          "info": "oklch(0.685 0.169 237)",
          "info-foreground": "oklch(0.115 0.002 265)",
          "info-soft": "oklch(0.282 0.066 244)",
          "info-soft-foreground": "oklch(0.685 0.169 237)"
        }
      }
    },
    {
      "name": "button",
      "type": "registry:ui",
      "title": "Button",
      "description": "Button with a full variant x tone x size matrix: 5 variants (solid, soft, outline, ghost, link), 6 tones (neutral, brand, success, warning, danger, info), 10 sizes (xs-xl plus square icon-xs through icon-xl for icon-only buttons), plus isLoading and asChild. Every tone is driven by ai2 semantic tokens.",
      "categories": [
        "form",
        "actions"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/button.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0"
      ],
      "docs": "Use tone for semantic intent (brand for primary product actions, danger for destructive) and variant for visual weight. isLoading disables the button and shows a spinner.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "theme-indigo",
      "type": "registry:theme",
      "title": "ai2 Indigo",
      "description": "Indigo brand theme for ai2: recolors the brand tone channel (solid + soft pairs) in light and dark mode. Install on top of any ai2 setup; every component using tone=brand follows automatically.",
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "cssVars": {
        "light": {
          "brand": "oklch(0.511 0.262 272)",
          "brand-foreground": "oklch(0.985 0.002 265)",
          "brand-soft": "oklch(0.93 0.034 272)",
          "brand-soft-foreground": "oklch(0.457 0.24 272)"
        },
        "dark": {
          "brand": "oklch(0.673 0.182 272)",
          "brand-foreground": "oklch(0.145 0.003 265)",
          "brand-soft": "oklch(0.257 0.09 272)",
          "brand-soft-foreground": "oklch(0.785 0.115 272)"
        }
      }
    },
    {
      "name": "glass",
      "type": "registry:lib",
      "title": "Glass",
      "description": "Floating surface treatments: glass.overlay (translucent + blur, for tooltips/dropdowns), glass.frosted (heavier blur + deep layered shadow, for modals), glass.solid (opaque), plus shadow.default and shadow.max elevation tokens. Class-string helpers composed with cn(); backgrounds wired to ai2 tokens so glass follows any theme in both modes. Inspired by the Delphi glass system.",
      "categories": [
        "utility",
        "layout"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/glass.ts",
          "type": "registry:lib"
        }
      ],
      "docs": "Use glass.* only when floating UI sits over VARIED content. Never stack glass on glass (use shadow.default + glass.solid for lower layers). Use shadow.max on exactly one surface per page (the primary prompt input or sticky bar).",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "primitives",
      "type": "registry:lib",
      "title": "Primitives",
      "description": "Headless primitive adapter: the single entry point every ai2 component imports its unstyled behaviour from. Components never import the primitive library directly, so the provider is swapped in one file instead of thirty. Re-exports the twenty-four Radix UI namespaces the system uses (Dialog, Popover, Select, Tabs, Tooltip, Menu, and the rest). Components with no cross-library equivalent, such as Command, Toast, Drawer, Calendar, OTP input, Carousel and Resizable, keep their own dependency on purpose.",
      "categories": [
        "utility"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/primitives.ts",
          "type": "registry:lib"
        }
      ],
      "docs": "Swap the provider here, not in components. Anything without a cross-library equivalent stays out of this file so the surface does not promise a swap it cannot deliver.",
      "dependencies": [
        "radix-ui@^1.6.1"
      ]
    },
    {
      "name": "primitives-base",
      "type": "registry:lib",
      "title": "Primitives (Base UI)",
      "description": "The second provider behind the ai2 primitive adapter: the same surface as @ai2/primitives, bound to Base UI instead of Radix. A pro block imports the adapter, not the library, so the same block source runs on either one. Anatomy differences are absorbed here (Base UI wraps the slider track in a Control part and calls the filled part Indicator, and it renders a native range input inside the thumb, so focus styling is mirrored from focus-visible to focus-within). Primitives with no Base UI counterpart are deliberately left out rather than silently falling back to Radix.",
      "categories": [
        "utility"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/primitives-base.ts",
          "type": "registry:lib"
        }
      ],
      "docs": "Install this instead of @ai2/primitives when you want the block to run on Base UI. Nothing else in the block changes.",
      "dependencies": [
        "@base-ui/react@^1.6.0"
      ]
    },
    {
      "name": "card",
      "type": "registry:ui",
      "title": "Card",
      "description": "Card surface with 4 variants (outline, elevated, soft, glass) and 3 inset scales (sm, md, lg) that pad header, content and footer together. Parts: Card, CardHeader, CardTitle, CardDescription, CardAction, CardContent, CardFooter.",
      "categories": [
        "display",
        "layout"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/card.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1"
      ],
      "docs": "Use variant for surface depth (elevated for emphasis, soft for nested surfaces, glass over imagery) and inset to scale internal padding consistently across all parts. The glass variant derives from the @ai2/glass surface treatments.",
      "registryDependencies": [
        "@ai2/glass",
        "@ai2/tokens"
      ]
    },
    {
      "name": "file-input",
      "type": "registry:ui",
      "title": "File Input",
      "description": "Styled file picker: hidden native input under a custom surface with a leading icon (lucide or remixicon), placeholder or selected file name, multiple-file count and an optional clear button. Follows the Input contract: 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg), 3 tones (neutral, success, danger). States: empty, selected, disabled, invalid via aria-invalid.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/file-input.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "lucide-react@^1.23.0"
      ],
      "docs": "Use in place of a bare input[type=file]. The icon prop swaps the paperclip; clearable={false} hides the clear button. Reads files from the native change event, so existing form handling keeps working.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "input-group",
      "type": "registry:ui",
      "title": "Input Group",
      "description": "Composable input shell: InputGroup carries the field appearance with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger); InputGroupInput/InputGroupTextarea render transparent controls inside; InputGroupAddon places icons, text or buttons at inline-start, inline-end, block-start or block-end; InputGroupText and InputGroupButton for addon content.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/input-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1"
      ],
      "registryDependencies": [
        "@ai2/button",
        "@ai2/tokens"
      ],
      "docs": "Use for icons or actions inside a text field: leading search icon, trailing clear button, kbd hints, prefixes like https://. Focus and invalid state lift from the inner control to the group border. Use FileInput for file uploads instead."
    },
    {
      "name": "input",
      "type": "registry:ui",
      "title": "Input",
      "description": "Text input with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger) for validation states via border and focus ring color. Invalid state also via aria-invalid.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/input.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1"
      ],
      "docs": "Set aria-invalid on validation errors; the destructive ring style is built in. Use variant=soft on dense forms and filled surfaces.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "textarea",
      "type": "registry:ui",
      "title": "Textarea",
      "description": "Auto-growing textarea (field-sizing-content) with 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg) and 3 tones (neutral, success, danger) matching Input. Invalid state also via aria-invalid.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/textarea.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1"
      ],
      "docs": "Shares variant language with Input so forms stay consistent. It grows with content by default via field-sizing.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "label",
      "type": "registry:ui",
      "title": "Label",
      "description": "Accessible form label built on radix-ui Label with 2 sizes (sm, md). Auto-dims when the associated control is disabled.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/label.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1"
      ],
      "docs": "Pair with any form control via htmlFor. Handles peer-disabled and group-data-disabled dimming automatically.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "checkbox",
      "type": "registry:ui",
      "title": "Checkbox",
      "description": "Checkbox on radix-ui with 4 tones (neutral, brand, success, danger) and 3 sizes (sm, md, lg). Invalid state via aria-invalid.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/checkbox.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0"
      ],
      "docs": "tone sets the checked fill color. Use inside a Label for a clickable row.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "radio-group",
      "type": "registry:ui",
      "title": "Radio Group",
      "description": "Radio group + item on radix-ui with 4 tones and 3 sizes. Exports RadioGroup and RadioGroupItem.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/radio-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Wrap RadioGroupItem elements in RadioGroup and give each item a value. tone/size are set per item.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "switch",
      "type": "registry:ui",
      "title": "Switch",
      "description": "Toggle switch on radix-ui with 4 tones (neutral, brand, success, danger) and 3 sizes (sm, md, lg). Thumb travel and easing use ai2 motion tokens.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/switch.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "tone sets the checked track color. Use for instant-apply settings; use Checkbox for form submission.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "badge",
      "type": "registry:ui",
      "title": "Badge",
      "description": "Badge with a variant x tone x size matrix: 3 variants (solid, soft, outline), 6 tones, 3 sizes (sm, md, lg). Icons work with both lucide svg and remixicon i children. Supports asChild for links.",
      "categories": [
        "display"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/badge.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Use soft variant for status pills, solid for counts, outline for subtle tags. tone carries the semantic meaning.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "avatar",
      "type": "registry:ui",
      "title": "Avatar",
      "description": "Avatar on radix-ui with 5 sizes (xs-xl) and 2 shapes (circle, rounded), plus AvatarGroup for overlapping stacks with an optional max that collapses the rest into a +N tile. Exports Avatar, AvatarImage, AvatarFallback, AvatarGroup.",
      "categories": [
        "display"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/avatar.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "AvatarFallback renders while the image loads or if it fails. Fallback text is sized automatically per avatar size.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "progress",
      "type": "registry:ui",
      "title": "Progress",
      "description": "Progress bar on radix-ui with 6 tones (neutral, brand, success, warning, danger, info) and 3 sizes. Fill animates using ai2 motion tokens.",
      "categories": [
        "display",
        "feedback"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/progress.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Pass value 0-100. tone conveys status (success for complete, danger for over-quota).",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "skeleton",
      "type": "registry:ui",
      "title": "Skeleton",
      "description": "Loading placeholder on the ai2 surface-3 token with 3 shapes (line, circle, rect) and 2 animations (pulse, none). Style dimensions via className.",
      "categories": [
        "display",
        "feedback"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/skeleton.tsx",
          "type": "registry:ui"
        }
      ],
      "docs": "Compose multiple Skeletons to mirror the shape of the content that is loading.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "spinner",
      "type": "registry:ui",
      "title": "Spinner",
      "description": "Loading spinner (lucide) with 3 tones (current, brand, muted) and 4 sizes (sm-xl). Has role=status and an aria-label.",
      "categories": [
        "display",
        "feedback"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/spinner.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "lucide-react@^1.23.0"
      ],
      "docs": "tone=current inherits text color, so it matches whatever context it sits in (e.g. inside a Button).",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "separator",
      "type": "registry:ui",
      "title": "Separator",
      "description": "Horizontal or vertical divider on radix-ui with 2 variants (solid, dashed) and an optional centered label that renders a two-line divider with text (e.g. OR). Decorative by default with correct aria semantics when not.",
      "categories": [
        "layout"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/separator.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1"
      ],
      "docs": "Set orientation=vertical inside a flex row; give the row a height for the divider to show.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "kbd",
      "type": "registry:ui",
      "title": "Kbd",
      "description": "Keyboard key hint styled with the ai2 mono font and surface tokens. Use for shortcuts and command hints.",
      "categories": [
        "display"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/kbd.tsx",
          "type": "registry:ui"
        }
      ],
      "docs": "Combine multiple Kbd elements for chords, e.g. Ctrl + K.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "field",
      "type": "registry:ui",
      "title": "Field",
      "description": "Form field composition: Field, FieldControl, FieldLabel, FieldDescription, FieldError. Auto-wires accessibility: FieldControl (a Slot around any control) receives a generated id, aria-describedby pointing at the description and error, and aria-invalid; the label targets the control automatically. invalid/disabled props drive data attributes, label color and dimming. orientation switches vertical (default) and horizontal (label-left, e.g. switch rows).",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/field.tsx",
          "type": "registry:ui"
        }
      ],
      "registryDependencies": [
        "@ai2/label",
        "@ai2/tokens",
        "@ai2/primitives"
      ],
      "docs": "Wrap the control in FieldControl to get id/aria-describedby/aria-invalid wiring for free. FieldError renders nothing when empty, so you can bind it directly to a form library's error string; a present error marks the whole field invalid."
    },
    {
      "name": "tabs",
      "type": "registry:ui",
      "title": "Tabs",
      "description": "Tabs on radix-ui with 3 variants (solid segmented, line underline, pill) and 2 sizes (sm, md). Variant and size flow from TabsList to every trigger via context. Exports Tabs, TabsList, TabsTrigger, TabsContent.",
      "categories": [
        "navigation",
        "disclosure"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/tabs.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Set variant on TabsList; triggers inherit it via context. Use line for docs-style pages, pill for compact filters.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "accordion",
      "type": "registry:ui",
      "title": "Accordion",
      "description": "Accordion on radix-ui with 3 variants (default divided rows, separated cards, outline boxed) plus animated open/close (ai2 motion tokens) and a rotating chevron. Variant flows from Accordion to every item via context. Exports Accordion, AccordionItem, AccordionTrigger, AccordionContent.",
      "categories": [
        "disclosure"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/accordion.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Pass type=single collapsible for FAQ, type=multiple for settings panels. Height animation uses the radix content-height variable.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "alert",
      "type": "registry:ui",
      "title": "Alert",
      "description": "Alert with a variant x tone matrix: 2 variants (soft, outline) x 6 tones. Optional leading icon, AlertTitle and AlertDescription. role=alert.",
      "categories": [
        "feedback"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/alert.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1"
      ],
      "docs": "Place an icon as the first child; the grid layout indents the title/description automatically. tone carries the semantic meaning.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "tooltip",
      "type": "registry:ui",
      "title": "Tooltip",
      "description": "Tooltip on radix-ui with portal, arrow, directional slide/zoom animations and 2 content sizes (sm, md). Tooltip wraps its own Provider, so a single import works out of the box.",
      "categories": [
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/tooltip.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Wrap the trigger with TooltipTrigger asChild to attach to any element. Content renders in a portal so it escapes overflow-hidden parents.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "breadcrumb",
      "type": "registry:ui",
      "title": "Breadcrumb",
      "description": "Accessible breadcrumb (nav + ordered list) with link, current page, separator and ellipsis parts. Semantic aria-current on the active page.",
      "categories": [
        "navigation"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/breadcrumb.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0"
      ],
      "docs": "Use BreadcrumbPage for the current page (not a link) and BreadcrumbEllipsis to collapse long trails.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "dialog",
      "type": "registry:ui",
      "title": "Dialog",
      "description": "Modal dialog on radix-ui with portal, overlay, focus trap, fade/zoom animations and 5 content sizes (sm, md, lg, xl, full) that cap the width from the sm breakpoint up while staying full width minus a margin on mobile. Exports Dialog, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose.",
      "categories": [
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/dialog.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "showClose defaults to true. Always include DialogTitle (visually hidden with sr-only if needed) for accessibility.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "sheet",
      "type": "registry:ui",
      "title": "Sheet",
      "description": "Slide-in panel on radix-ui Dialog with 4 sides (right, left, top, bottom), 3 sizes (sm, md, lg) that set the panel width for the left/right sides, and directional slide animations using ai2 motion tokens.",
      "categories": [
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/sheet.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Set side on SheetContent. Use for navigation drawers (left/right) and mobile filters (bottom).",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "popover",
      "type": "registry:ui",
      "title": "Popover",
      "description": "Popover on radix-ui with portal, directional slide/zoom animations, 3 content sizes (sm, md, lg) and an optional anchor. Exports Popover, PopoverTrigger, PopoverContent, PopoverAnchor.",
      "categories": [
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/popover.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Content renders in a portal so it escapes overflow-hidden. Use PopoverAnchor to detach the position from the trigger.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "dropdown-menu",
      "type": "registry:ui",
      "title": "Dropdown Menu",
      "description": "Full dropdown menu on radix-ui: items (default + danger variant), checkbox items, radio group, submenus, labels, separators and shortcuts. Keyboard navigable.",
      "categories": [
        "overlay",
        "navigation"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/dropdown-menu.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Use variant=danger on destructive items. Submenus, checkbox and radio items handle their own indicators.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "select",
      "type": "registry:ui",
      "title": "Select",
      "description": "Select on radix-ui. Trigger follows the Input contract: 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg), 3 tones (neutral, success, danger). Grouped items, labels, separators, scroll buttons, checkmark indicator; popper positioned with matching width.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/select.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Pair SelectTrigger + SelectValue with SelectContent > SelectItem. size is set on SelectTrigger.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "command",
      "type": "registry:ui",
      "title": "Command",
      "description": "Command palette (cmdk) with fuzzy search, groups, items, shortcuts and a CommandDialog wrapper for a ⌘K experience.",
      "categories": [
        "overlay",
        "navigation"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/command.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "cmdk@^1.1.1",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/dialog",
        "@ai2/tokens"
      ],
      "docs": "Use CommandDialog for a global ⌘K palette; bind it to a keydown listener. Plain Command works inline (e.g. inside a Popover combobox)."
    },
    {
      "name": "sonner",
      "type": "registry:ui",
      "title": "Toast (Sonner)",
      "description": "Toast notifications via sonner, themed with ai2 tokens and synced to next-themes. Drop the Toaster once in your root layout, then call toast() anywhere.",
      "categories": [
        "feedback"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/sonner.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "sonner@^2.0.7",
        "next-themes@^0.4.6"
      ],
      "docs": "Render <Toaster /> once near the root. Import { toast } from 'sonner' to trigger notifications from anywhere.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "table",
      "type": "registry:ui",
      "title": "Table",
      "description": "Composable table primitives (Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption) with hover rows, selected state and horizontal scroll. Table takes density (compact, comfortable, relaxed) and variant (line, striped, outline), both flowing to rows and cells via context.",
      "categories": [
        "display",
        "data"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/table.tsx",
          "type": "registry:ui"
        }
      ],
      "docs": "Wrap in your own data logic (e.g. TanStack Table) or use directly. The container handles overflow-x for wide tables.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "alert-dialog",
      "type": "registry:ui",
      "title": "Alert Dialog",
      "description": "Confirmation dialog on radix-ui AlertDialog for destructive or irreversible actions. Action button defaults to the danger tone; cancel is focused first per WAI-ARIA.",
      "categories": [
        "overlay",
        "feedback"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/alert-dialog.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "tw-animate-css@^1.4.0"
      ],
      "registryDependencies": [
        "@ai2/button",
        "@ai2/tokens",
        "@ai2/primitives"
      ],
      "docs": "Use for destructive confirmations (delete, revoke). Unlike Dialog it has no close X and cannot be dismissed by clicking outside."
    },
    {
      "name": "toggle",
      "type": "registry:ui",
      "title": "Toggle",
      "description": "Two-state toggle button on radix-ui with 2 variants (default, outline), 3 sizes and 2 tones (neutral, brand). Pressed state uses the accent token (neutral) or brand-soft (brand).",
      "categories": [
        "form",
        "actions"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/toggle.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Use for on/off formatting controls (bold, italic). For groups use toggle-group.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "toggle-group",
      "type": "registry:ui",
      "title": "Toggle Group",
      "description": "Single or multiple selection toggle group on radix-ui. Inherits variant/size/tone from the group via context; outline variant renders as a segmented control.",
      "categories": [
        "form",
        "actions"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/toggle-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "registryDependencies": [
        "@ai2/toggle",
        "@ai2/tokens",
        "@ai2/primitives"
      ],
      "docs": "Set type=single or type=multiple on ToggleGroup. variant=outline joins items into a segmented control."
    },
    {
      "name": "pagination",
      "type": "registry:ui",
      "title": "Pagination",
      "description": "Accessible pagination nav (previous/next, page links, ellipsis) styled with ai2 button variants. Current page gets aria-current.",
      "categories": [
        "navigation"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/pagination.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/button",
        "@ai2/tokens"
      ],
      "docs": "Render your page numbers into PaginationLink and set isActive on the current one. Works with any router link via asChild patterns."
    },
    {
      "name": "combobox",
      "type": "registry:ui",
      "title": "Combobox",
      "description": "Searchable single-select built from Popover + Command. Trigger follows the Input contract: 3 variants (outline, soft, ghost), 3 sizes (sm, md, lg), 3 tones (neutral, success, danger). Controlled or uncontrolled via value/defaultValue and onValueChange; options as {value, label} pairs.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/combobox.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/button",
        "@ai2/command",
        "@ai2/popover",
        "@ai2/tokens"
      ],
      "docs": "Pass options as an array of {value, label, disabled?}. Selecting the active option again clears the value."
    },
    {
      "name": "slider",
      "type": "registry:ui",
      "title": "Slider",
      "description": "Range slider on radix-ui with 4 tones (neutral, brand, success, danger) coloring the range and thumb, and 3 sizes (sm, md, lg) for the track and thumb. Supports single and multi-thumb, horizontal and vertical.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/slider.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Pass value/defaultValue as an array; the number of thumbs follows its length. tone conveys intent (brand for primary controls, danger for destructive ranges).",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "scroll-area",
      "type": "registry:ui",
      "title": "Scroll Area",
      "description": "Custom cross-browser scroll container on radix-ui with a thin token-colored scrollbar. Exports ScrollArea and ScrollBar (vertical or horizontal orientation).",
      "categories": [
        "layout",
        "utility"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/scroll-area.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1"
      ],
      "docs": "Give the ScrollArea a fixed height (or max-height) so its content can overflow. Add a horizontal ScrollBar inside for two-axis scrolling.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "hover-card",
      "type": "registry:ui",
      "title": "Hover Card",
      "description": "Rich hover preview on radix-ui with portal, directional slide/zoom animations and 3 content sizes (sm, md, lg). Exports HoverCard, HoverCardTrigger, HoverCardContent.",
      "categories": [
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/hover-card.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Use for non-essential preview content shown on hover (user cards, link previews). For click-triggered content use Popover, for tap-friendly hints use Tooltip.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "collapsible",
      "type": "registry:ui",
      "title": "Collapsible",
      "description": "Single expand/collapse region on radix-ui. Exports Collapsible, CollapsibleTrigger, CollapsibleContent. Unstyled by design so it composes into any layout.",
      "categories": [
        "disclosure"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/collapsible.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1"
      ],
      "docs": "Use for a single show/hide toggle (a filter panel, a see-more block). For a set of mutually exclusive panels use Accordion.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "button-group",
      "type": "registry:ui",
      "title": "Button Group",
      "description": "Joins buttons, inputs and selects into a single segmented control on horizontal or vertical orientation, collapsing inner radii and borders. Exports ButtonGroup, ButtonGroupText, ButtonGroupSeparator.",
      "categories": [
        "form",
        "actions"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/button-group.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Wrap ai2 Buttons (and optionally Input, Select, ButtonGroupText) to fuse them into one control. ButtonGroupSeparator draws a divider between segments.",
      "registryDependencies": [
        "@ai2/button",
        "@ai2/separator",
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "empty",
      "type": "registry:ui",
      "title": "Empty",
      "description": "Empty-state placeholder: Empty wrapper with EmptyHeader, EmptyMedia (default or icon variant), EmptyTitle, EmptyDescription and EmptyContent for actions. Centered, balanced text, dashed-border ready.",
      "categories": [
        "display",
        "layout"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/empty.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1"
      ],
      "docs": "Use for no-data, no-results and first-run states. EmptyMedia variant=icon frames a lucide or remixicon glyph; put a Button or link inside EmptyContent.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "item",
      "type": "registry:ui",
      "title": "Item",
      "description": "List/row primitive with 3 variants (default, outline, muted) and 2 sizes (default, sm). Parts: Item, ItemGroup, ItemMedia (default/icon/image), ItemContent, ItemTitle, ItemDescription, ItemActions, ItemHeader, ItemFooter, ItemSeparator. asChild renders the row as a link.",
      "categories": [
        "display",
        "layout"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/item.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "class-variance-authority@^0.7.1",
        "radix-ui@^1.6.1"
      ],
      "docs": "Compose settings rows, file lists and notification items. ItemMedia icon/image variants frame leading content; ItemActions holds trailing buttons. Group with ItemGroup + ItemSeparator.",
      "registryDependencies": [
        "@ai2/separator",
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "drawer",
      "type": "registry:ui",
      "title": "Drawer",
      "description": "Draggable drawer on vaul with 4 directions (top, right, bottom, left), a drag handle on the bottom variant, overlay and snap behavior. Exports Drawer, DrawerTrigger, DrawerContent, DrawerHeader, DrawerFooter, DrawerTitle, DrawerDescription, DrawerClose, DrawerOverlay, DrawerPortal.",
      "categories": [
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/drawer.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "vaul@^1.1.2",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Use for mobile bottom sheets and touch-friendly panels with drag-to-dismiss. For a plain slide-in panel without dragging use Sheet; for a centered modal use Dialog.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "input-otp",
      "type": "registry:ui",
      "title": "Input OTP",
      "description": "One-time-passcode input on input-otp with individual slots, a blinking fake caret, active-slot ring and aria-invalid danger styling. Exports InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/input-otp.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "input-otp@^1.4.2",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Set maxLength to the code length and group slots with InputOTPGroup; InputOTPSeparator draws a divider between groups. Read the value from onChange.",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "calendar",
      "type": "registry:ui",
      "title": "Calendar",
      "description": "Date calendar on react-day-picker v10 styled with ai2 Button and tokens. Single, multiple and range selection, dropdown or label caption, outside days, week numbers. Exports Calendar, CalendarDayButton.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/calendar.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "react-day-picker@^10.0.1",
        "lucide-react@^1.23.0"
      ],
      "docs": "Pass mode single/multiple/range with selected + onSelect. captionLayout=dropdown adds month/year dropdowns. For a popover-triggered field use DatePicker.",
      "registryDependencies": [
        "@ai2/button",
        "@ai2/tokens"
      ]
    },
    {
      "name": "date-picker",
      "type": "registry:ui",
      "title": "Date Picker",
      "description": "Date field that opens a Calendar in a Popover. Controlled or uncontrolled via value/defaultValue and onValueChange; formats the selected date with date-fns and shows a placeholder when empty.",
      "categories": [
        "form"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/date-picker.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "date-fns@^4.4.0",
        "lucide-react@^1.23.0"
      ],
      "docs": "Single-date picker composed from Calendar + Popover + Button. Read the value from onValueChange; pass defaultValue for uncontrolled use.",
      "registryDependencies": [
        "@ai2/button",
        "@ai2/calendar",
        "@ai2/popover",
        "@ai2/tokens"
      ]
    },
    {
      "name": "context-menu",
      "type": "registry:ui",
      "title": "Context Menu",
      "description": "Right-click menu on radix-ui with items, checkbox and radio items, submenus, labels, separators and shortcuts. Item variant default or danger. Icons work with lucide svg and remixicon i. Exports the full ContextMenu part set.",
      "categories": [
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/context-menu.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Wrap the target in ContextMenuTrigger; the menu opens on right-click. Use variant=danger on destructive items. Mirrors DropdownMenu but for contextual actions.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "menubar",
      "type": "registry:ui",
      "title": "Menubar",
      "description": "Application menu bar on radix-ui with top-level menus, items, checkbox and radio items, submenus, labels, separators and shortcuts. Item variant default or danger. Icons work with lucide svg and remixicon i. Exports the full Menubar part set.",
      "categories": [
        "navigation",
        "overlay"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/menubar.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "radix-ui@^1.6.1",
        "lucide-react@^1.23.0",
        "tw-animate-css@^1.4.0"
      ],
      "docs": "Use for desktop-style File/Edit/View menus across the top of an app. Each MenubarMenu holds a MenubarTrigger + MenubarContent. Use variant=danger on destructive items.",
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/primitives"
      ]
    },
    {
      "name": "resizable",
      "type": "registry:ui",
      "title": "Resizable",
      "description": "Resizable split panels on react-resizable-panels with horizontal or vertical groups and an optional drag handle. Exports ResizablePanelGroup, ResizablePanel, ResizableHandle.",
      "categories": [
        "layout"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/resizable.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "react-resizable-panels@^2.1.9",
        "lucide-react@^1.23.0"
      ],
      "docs": "Set direction on ResizablePanelGroup (horizontal/vertical), size each ResizablePanel with defaultSize, and separate them with ResizableHandle (withHandle shows a grip).",
      "registryDependencies": [
        "@ai2/tokens"
      ]
    },
    {
      "name": "carousel",
      "type": "registry:ui",
      "title": "Carousel",
      "description": "Slider/carousel on embla-carousel-react with horizontal or vertical orientation, keyboard support and prev/next controls built from ai2 Button. Exports Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext.",
      "categories": [
        "display",
        "layout"
      ],
      "files": [
        {
          "path": "registry/ai2/ui/carousel.tsx",
          "type": "registry:ui"
        }
      ],
      "dependencies": [
        "embla-carousel-react@^8.6.0",
        "lucide-react@^1.23.0"
      ],
      "docs": "Wrap slides in CarouselItem inside CarouselContent; set basis on items for multi-slide views. Pass opts for embla options and plugins for autoplay. setApi exposes the embla api.",
      "registryDependencies": [
        "@ai2/button",
        "@ai2/tokens"
      ]
    },
    {
      "name": "accordion-demo",
      "type": "registry:example",
      "title": "Accordion Demo",
      "description": "Usage example for the ai2 accordion component.",
      "registryDependencies": [
        "@ai2/accordion"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/accordion-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "alert-demo",
      "type": "registry:example",
      "title": "Alert Demo",
      "description": "Usage example for the ai2 alert component.",
      "registryDependencies": [
        "@ai2/alert"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/alert-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "alert-dialog-demo",
      "type": "registry:example",
      "title": "Alert dialog Demo",
      "description": "Usage example for the ai2 alert-dialog component.",
      "registryDependencies": [
        "@ai2/alert-dialog",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/alert-dialog-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "avatar-demo",
      "type": "registry:example",
      "title": "Avatar Demo",
      "description": "Usage example for the ai2 avatar component.",
      "registryDependencies": [
        "@ai2/avatar"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/avatar-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "badge-demo",
      "type": "registry:example",
      "title": "Badge Demo",
      "description": "Usage example for the ai2 badge component.",
      "registryDependencies": [
        "@ai2/badge"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/badge-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "breadcrumb-demo",
      "type": "registry:example",
      "title": "Breadcrumb Demo",
      "description": "Usage example for the ai2 breadcrumb component.",
      "registryDependencies": [
        "@ai2/breadcrumb"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/breadcrumb-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "button-demo",
      "type": "registry:example",
      "title": "Button Demo",
      "description": "Usage example for the ai2 button component.",
      "registryDependencies": [
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/button-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "card-demo",
      "type": "registry:example",
      "title": "Card Demo",
      "description": "Usage example for the ai2 card component.",
      "registryDependencies": [
        "@ai2/card",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/card-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "checkbox-demo",
      "type": "registry:example",
      "title": "Checkbox Demo",
      "description": "Usage example for the ai2 checkbox component.",
      "registryDependencies": [
        "@ai2/checkbox",
        "@ai2/label"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/checkbox-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "combobox-demo",
      "type": "registry:example",
      "title": "Combobox Demo",
      "description": "Usage example for the ai2 combobox component.",
      "registryDependencies": [
        "@ai2/combobox"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/combobox-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "command-demo",
      "type": "registry:example",
      "title": "Command Demo",
      "description": "Usage example for the ai2 command component.",
      "registryDependencies": [
        "@ai2/command"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/command-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "dialog-demo",
      "type": "registry:example",
      "title": "Dialog Demo",
      "description": "Usage example for the ai2 dialog component.",
      "registryDependencies": [
        "@ai2/dialog",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/dialog-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "dropdown-menu-demo",
      "type": "registry:example",
      "title": "Dropdown menu Demo",
      "description": "Usage example for the ai2 dropdown-menu component.",
      "registryDependencies": [
        "@ai2/dropdown-menu",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/dropdown-menu-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "field-demo",
      "type": "registry:example",
      "title": "Field Demo",
      "description": "Usage example for the ai2 field component.",
      "registryDependencies": [
        "@ai2/field",
        "@ai2/input",
        "@ai2/switch"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/field-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "input-demo",
      "type": "registry:example",
      "title": "Input Demo",
      "description": "Usage example for the ai2 input component.",
      "registryDependencies": [
        "@ai2/input"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/input-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "kbd-demo",
      "type": "registry:example",
      "title": "Kbd Demo",
      "description": "Usage example for the ai2 kbd component.",
      "registryDependencies": [
        "@ai2/kbd"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/kbd-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "label-demo",
      "type": "registry:example",
      "title": "Label Demo",
      "description": "Usage example for the ai2 label component.",
      "registryDependencies": [
        "@ai2/label",
        "@ai2/checkbox"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/label-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "pagination-demo",
      "type": "registry:example",
      "title": "Pagination Demo",
      "description": "Usage example for the ai2 pagination component.",
      "registryDependencies": [
        "@ai2/pagination"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/pagination-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "popover-demo",
      "type": "registry:example",
      "title": "Popover Demo",
      "description": "Usage example for the ai2 popover component.",
      "registryDependencies": [
        "@ai2/popover",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/popover-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "progress-demo",
      "type": "registry:example",
      "title": "Progress Demo",
      "description": "Usage example for the ai2 progress component.",
      "registryDependencies": [
        "@ai2/progress"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/progress-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "radio-group-demo",
      "type": "registry:example",
      "title": "Radio group Demo",
      "description": "Usage example for the ai2 radio-group component.",
      "registryDependencies": [
        "@ai2/radio-group",
        "@ai2/label"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/radio-group-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "select-demo",
      "type": "registry:example",
      "title": "Select Demo",
      "description": "Usage example for the ai2 select component.",
      "registryDependencies": [
        "@ai2/select"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/select-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "separator-demo",
      "type": "registry:example",
      "title": "Separator Demo",
      "description": "Usage example for the ai2 separator component.",
      "registryDependencies": [
        "@ai2/separator"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/separator-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "sheet-demo",
      "type": "registry:example",
      "title": "Sheet Demo",
      "description": "Usage example for the ai2 sheet component.",
      "registryDependencies": [
        "@ai2/sheet",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/sheet-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "skeleton-demo",
      "type": "registry:example",
      "title": "Skeleton Demo",
      "description": "Usage example for the ai2 skeleton component.",
      "registryDependencies": [
        "@ai2/skeleton"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/skeleton-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "sonner-demo",
      "type": "registry:example",
      "title": "Sonner Demo",
      "description": "Usage example for the ai2 sonner component.",
      "registryDependencies": [
        "@ai2/sonner",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/sonner-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "spinner-demo",
      "type": "registry:example",
      "title": "Spinner Demo",
      "description": "Usage example for the ai2 spinner component.",
      "registryDependencies": [
        "@ai2/spinner"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/spinner-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "switch-demo",
      "type": "registry:example",
      "title": "Switch Demo",
      "description": "Usage example for the ai2 switch component.",
      "registryDependencies": [
        "@ai2/switch",
        "@ai2/label"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/switch-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "table-demo",
      "type": "registry:example",
      "title": "Table Demo",
      "description": "Usage example for the ai2 table component.",
      "registryDependencies": [
        "@ai2/table"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/table-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "tabs-demo",
      "type": "registry:example",
      "title": "Tabs Demo",
      "description": "Usage example for the ai2 tabs component.",
      "registryDependencies": [
        "@ai2/tabs"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/tabs-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "textarea-demo",
      "type": "registry:example",
      "title": "Textarea Demo",
      "description": "Usage example for the ai2 textarea component.",
      "registryDependencies": [
        "@ai2/textarea"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/textarea-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "toggle-demo",
      "type": "registry:example",
      "title": "Toggle Demo",
      "description": "Usage example for the ai2 toggle component.",
      "registryDependencies": [
        "@ai2/toggle"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/toggle-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "toggle-group-demo",
      "type": "registry:example",
      "title": "Toggle group Demo",
      "description": "Usage example for the ai2 toggle-group component.",
      "registryDependencies": [
        "@ai2/toggle-group"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/toggle-group-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "tooltip-demo",
      "type": "registry:example",
      "title": "Tooltip Demo",
      "description": "Usage example for the ai2 tooltip component.",
      "registryDependencies": [
        "@ai2/tooltip",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/tooltip-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "file-input-demo",
      "type": "registry:example",
      "title": "File input Demo",
      "description": "Usage example for the ai2 file-input component.",
      "registryDependencies": [
        "@ai2/file-input"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/file-input-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "input-group-demo",
      "type": "registry:example",
      "title": "Input group Demo",
      "description": "Usage example for the ai2 input-group component.",
      "registryDependencies": [
        "@ai2/input-group"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/input-group-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "button-group-demo",
      "type": "registry:example",
      "title": "Button group Demo",
      "description": "Usage example for the ai2 button-group component.",
      "registryDependencies": [
        "@ai2/button-group",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/button-group-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "collapsible-demo",
      "type": "registry:example",
      "title": "Collapsible Demo",
      "description": "Usage example for the ai2 collapsible component.",
      "registryDependencies": [
        "@ai2/collapsible",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/collapsible-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "hover-card-demo",
      "type": "registry:example",
      "title": "Hover card Demo",
      "description": "Usage example for the ai2 hover-card component.",
      "registryDependencies": [
        "@ai2/hover-card",
        "@ai2/avatar",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/hover-card-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "scroll-area-demo",
      "type": "registry:example",
      "title": "Scroll area Demo",
      "description": "Usage example for the ai2 scroll-area component.",
      "registryDependencies": [
        "@ai2/scroll-area",
        "@ai2/separator"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/scroll-area-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "slider-demo",
      "type": "registry:example",
      "title": "Slider Demo",
      "description": "Usage example for the ai2 slider component.",
      "registryDependencies": [
        "@ai2/slider"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/slider-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "calendar-demo",
      "type": "registry:example",
      "title": "Calendar Demo",
      "description": "Usage example for the ai2 calendar component.",
      "registryDependencies": [
        "@ai2/calendar"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/calendar-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "date-picker-demo",
      "type": "registry:example",
      "title": "Date picker Demo",
      "description": "Usage example for the ai2 date-picker component.",
      "registryDependencies": [
        "@ai2/date-picker"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/date-picker-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "drawer-demo",
      "type": "registry:example",
      "title": "Drawer Demo",
      "description": "Usage example for the ai2 drawer component.",
      "registryDependencies": [
        "@ai2/drawer",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/drawer-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "empty-demo",
      "type": "registry:example",
      "title": "Empty Demo",
      "description": "Usage example for the ai2 empty component.",
      "registryDependencies": [
        "@ai2/empty",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/empty-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "input-otp-demo",
      "type": "registry:example",
      "title": "Input otp Demo",
      "description": "Usage example for the ai2 input-otp component.",
      "registryDependencies": [
        "@ai2/input-otp"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/input-otp-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "item-demo",
      "type": "registry:example",
      "title": "Item Demo",
      "description": "Usage example for the ai2 item component.",
      "registryDependencies": [
        "@ai2/item",
        "@ai2/button"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/item-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "carousel-demo",
      "type": "registry:example",
      "title": "Carousel Demo",
      "description": "Usage example for the ai2 carousel component.",
      "registryDependencies": [
        "@ai2/carousel",
        "@ai2/card"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/carousel-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "context-menu-demo",
      "type": "registry:example",
      "title": "Context menu Demo",
      "description": "Usage example for the ai2 context-menu component.",
      "registryDependencies": [
        "@ai2/context-menu"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/context-menu-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "menubar-demo",
      "type": "registry:example",
      "title": "Menubar Demo",
      "description": "Usage example for the ai2 menubar component.",
      "registryDependencies": [
        "@ai2/menubar"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/menubar-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "resizable-demo",
      "type": "registry:example",
      "title": "Resizable Demo",
      "description": "Usage example for the ai2 resizable component.",
      "registryDependencies": [
        "@ai2/resizable"
      ],
      "files": [
        {
          "path": "registry/ai2/examples/resizable-demo.tsx",
          "type": "registry:example"
        }
      ]
    },
    {
      "name": "avatars-badge",
      "type": "registry:component",
      "title": "Badge avatars",
      "description": "Styled avatars: the Badge set. 5 decorative avatars variations (NotifyAvatar, StatusRingAvatar, TypingAvatar, NewAvatar, VerifiedAvatar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "avatars"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/avatars-badge.tsx",
          "type": "registry:component",
          "target": "components/ui/avatars-badge.tsx"
        }
      ]
    },
    {
      "name": "avatars-glass",
      "type": "registry:component",
      "title": "Glass avatars",
      "description": "Styled avatars: the Glass set. 5 decorative avatars variations (FrostAvatar, TintAvatar, SheenAvatar, CrystalAvatar, HaloGlassAvatar) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "avatars"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/avatars-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/avatars-glass.tsx"
        }
      ]
    },
    {
      "name": "avatars-magnetic",
      "type": "registry:component",
      "title": "Magnetic avatars",
      "description": "Styled avatars: the Magnetic set. 5 decorative avatars variations (MagneticAvatar, TiltAvatar, PopAvatar, WobbleAvatar, FollowAvatar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "avatars"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/avatars-magnetic.tsx",
          "type": "registry:component",
          "target": "components/ui/avatars-magnetic.tsx"
        }
      ]
    },
    {
      "name": "avatars-stack",
      "type": "registry:component",
      "title": "Stack avatars",
      "description": "Styled avatars: the Stack set. 5 decorative avatars variations (AvatarStack, AvatarStackMore, AvatarRowGap, FannedStack, GridAvatars) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "avatars"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/avatars-stack.tsx",
          "type": "registry:component",
          "target": "components/ui/avatars-stack.tsx"
        }
      ]
    },
    {
      "name": "avatars-styled",
      "type": "registry:component",
      "title": "Avatars essentials",
      "description": "Styled avatars: the essentials set. 5 decorative avatars variations (RingAvatar, StatusAvatar, GradientRingAvatar, GlowAvatar, SquircleAvatar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "avatars"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/avatars-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/avatars-styled.tsx"
        }
      ]
    },
    {
      "name": "avatars-threed",
      "type": "registry:component",
      "title": "3D avatars",
      "description": "Styled avatars: the 3D set. 5 decorative avatars variations (CoinAvatar, CardTiltAvatar, LayeredAvatar, ShadowLiftAvatar, CubeAvatar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "avatars"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/avatars-threed.tsx",
          "type": "registry:component",
          "target": "components/ui/avatars-threed.tsx"
        }
      ]
    },
    {
      "name": "badges-animated",
      "type": "registry:component",
      "title": "Animated badges",
      "description": "Styled badges: the Animated set. 5 decorative badges variations (ShimmerBadge, BounceBadge, FlipBadge, SlideBadge, WobbleBadge) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "badges"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/badges-animated.tsx",
          "type": "registry:component",
          "target": "components/ui/badges-animated.tsx"
        }
      ]
    },
    {
      "name": "badges-glass",
      "type": "registry:component",
      "title": "Glass badges",
      "description": "Styled badges: the Glass set. 5 decorative badges variations (FrostBadge, TintBadge, CrystalBadge, SmokeBadge, HaloBadge) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "badges"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/badges-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/badges-glass.tsx"
        }
      ]
    },
    {
      "name": "badges-particle",
      "type": "registry:component",
      "title": "Particle badges",
      "description": "Styled badges: the Particle set. 5 decorative badges variations (SparkBadge, BurstBadge, TrailBadge, ConfettiBadge, GlitterBadge) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "badges"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/badges-particle.tsx",
          "type": "registry:component",
          "target": "components/ui/badges-particle.tsx"
        }
      ]
    },
    {
      "name": "badges-shine",
      "type": "registry:component",
      "title": "Shine badges",
      "description": "Styled badges: the Shine set. 5 decorative badges variations (MetallicBadge, NeonBadge, HolographicBadge, GoldBadge, ChromeBadge) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "badges"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/badges-shine.tsx",
          "type": "registry:component",
          "target": "components/ui/badges-shine.tsx"
        }
      ]
    },
    {
      "name": "badges-status",
      "type": "registry:component",
      "title": "Status badges",
      "description": "Styled badges: the Status set. 5 decorative badges variations (OnlineBadge, AwayBadge, BusyBadge, OfflineBadge, CountBadge) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "badges"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/badges-status.tsx",
          "type": "registry:component",
          "target": "components/ui/badges-status.tsx"
        }
      ]
    },
    {
      "name": "badges-styled",
      "type": "registry:component",
      "title": "Badges essentials",
      "description": "Styled badges: the essentials set. 5 decorative badges variations (DotBadge, GradientBadge, GlowBadge, PulseBadge, OutlineBadge) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "badges"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/badges-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/badges-styled.tsx"
        }
      ]
    },
    {
      "name": "buttons-3d",
      "type": "registry:component",
      "title": "3D buttons",
      "description": "Styled buttons: the 3D set. 5 decorative buttons variations (PushButton, TiltButton, LayeredButton, EmbossButton, LiftButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-3d.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-3d.tsx"
        }
      ]
    },
    {
      "name": "buttons-animated",
      "type": "registry:component",
      "title": "Animated buttons",
      "description": "Styled buttons: the Animated set. 5 decorative buttons variations (BounceButton, ScaleButton, SlideButton, RotateButton, BreatheButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-animated.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-animated.tsx"
        }
      ]
    },
    {
      "name": "buttons-glass",
      "type": "registry:component",
      "title": "Glass buttons",
      "description": "Styled buttons: the Glass set. 5 decorative buttons variations (FrostButton, TintButton, CrystalButton, SmokeButton, DepthButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-glass.tsx"
        }
      ]
    },
    {
      "name": "buttons-glow",
      "type": "registry:component",
      "title": "Glow buttons",
      "description": "Styled buttons: the Glow set. 5 decorative buttons variations (GlowButton, PulseGlowButton, AuraButton, NeonButton, EmberButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-glow.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-glow.tsx"
        }
      ]
    },
    {
      "name": "buttons-gradient",
      "type": "registry:component",
      "title": "Gradient buttons",
      "description": "Styled buttons: the Gradient set. 5 decorative buttons variations (FlowButton, ConicButton, DuotoneButton, AuroraButton, SunsetButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-gradient.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-gradient.tsx"
        }
      ]
    },
    {
      "name": "buttons-magnetic",
      "type": "registry:component",
      "title": "Magnetic buttons",
      "description": "Styled buttons: the Magnetic set. 5 decorative buttons variations (MagneticButton, RepelButton, TiltPointerButton, ElasticButton, SquishButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-magnetic.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-magnetic.tsx"
        }
      ]
    },
    {
      "name": "buttons-particle",
      "type": "registry:component",
      "title": "Particle buttons",
      "description": "Styled buttons: the Particle set. 5 decorative buttons variations (BurstButton, ConfettiButton, SparkleButton, RiseButton, PopButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-particle.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-particle.tsx"
        }
      ]
    },
    {
      "name": "buttons-pill",
      "type": "registry:component",
      "title": "Pill buttons",
      "description": "Styled buttons: the Pill set. 5 decorative buttons variations (FillButton, CenterFillButton, SwapButton, OutlineFillButton, DotButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-pill.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-pill.tsx"
        }
      ]
    },
    {
      "name": "buttons-ripple",
      "type": "registry:component",
      "title": "Ripple buttons",
      "description": "Styled buttons: the Ripple set. 5 decorative buttons variations (RippleButton, EchoButton, SonarButton, PingButton, FlashButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-ripple.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-ripple.tsx"
        }
      ]
    },
    {
      "name": "buttons-shiny",
      "type": "registry:component",
      "title": "Shiny buttons",
      "description": "Styled buttons: the Shiny set. 5 decorative buttons variations (ShimmerButton, SheenButton, MetallicButton, SpotlightButton, HolographicButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-shiny.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-shiny.tsx"
        }
      ]
    },
    {
      "name": "buttons-stroke",
      "type": "registry:component",
      "title": "Stroke buttons",
      "description": "Styled buttons: the Stroke set. 5 decorative buttons variations (RotateStrokeButton, BeamButton, GradientStrokeButton, CornersButton, GrowRingButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-stroke.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-stroke.tsx"
        }
      ]
    },
    {
      "name": "buttons-text-animated",
      "type": "registry:component",
      "title": "Text-animated buttons",
      "description": "Styled buttons: the Text-animated set. 5 decorative buttons variations (BounceTextButton, WaveTextButton, RevealTextButton, FlipTextButton, SlideTextButton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "buttons"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/buttons-text-animated.tsx",
          "type": "registry:component",
          "target": "components/ui/buttons-text-animated.tsx"
        }
      ]
    },
    {
      "name": "inputs-glass",
      "type": "registry:component",
      "title": "Glass inputs",
      "description": "Styled inputs: the Glass set. 5 decorative inputs variations (FrostInput, TintInput, CrystalInput, SmokeInput, DepthGlassInput) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "inputs"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/inputs-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/inputs-glass.tsx"
        }
      ]
    },
    {
      "name": "inputs-magnetic",
      "type": "registry:component",
      "title": "Magnetic inputs",
      "description": "Styled inputs: the Magnetic set. 5 decorative inputs variations (TiltInput, GlowTrailInput, ExpandInput, ShakeInput, SpotlightInput) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "inputs"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/inputs-magnetic.tsx",
          "type": "registry:component",
          "target": "components/ui/inputs-magnetic.tsx"
        }
      ]
    },
    {
      "name": "inputs-otp",
      "type": "registry:component",
      "title": "OTP inputs",
      "description": "Styled inputs: the OTP set. 5 decorative inputs variations (PinInput, SegmentInput, CodeInput, MaskedInput, StepperInput) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "inputs"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/inputs-otp.tsx",
          "type": "registry:component",
          "target": "components/ui/inputs-otp.tsx"
        }
      ]
    },
    {
      "name": "inputs-styled",
      "type": "registry:component",
      "title": "Inputs essentials",
      "description": "Styled inputs: the essentials set. 5 decorative inputs variations (UnderlineInput, FloatInput, GlowInput, FilledInput, IconInput) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "inputs"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/inputs-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/inputs-styled.tsx"
        }
      ]
    },
    {
      "name": "inputs-typewriter",
      "type": "registry:component",
      "title": "Typewriter inputs",
      "description": "Styled inputs: the Typewriter set. 5 decorative inputs variations (TypewriterInput, CyclePlaceholderInput, CaretInput, GhostInput, MorphLabelInput) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "inputs"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/inputs-typewriter.tsx",
          "type": "registry:component",
          "target": "components/ui/inputs-typewriter.tsx"
        }
      ]
    },
    {
      "name": "inputs-validation",
      "type": "registry:component",
      "title": "Validation inputs",
      "description": "Styled inputs: the Validation set. 5 decorative inputs variations (SuccessInput, ErrorInput, LiveInput, StrengthInput, CharCountInput) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "inputs"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/inputs-validation.tsx",
          "type": "registry:component",
          "target": "components/ui/inputs-validation.tsx"
        }
      ]
    },
    {
      "name": "loaders-dna",
      "type": "registry:component",
      "title": "DNA loaders",
      "description": "Styled loaders: the DNA set. 5 decorative loaders variations (HelixLoader, LadderLoader, TwistLoader, CoilLoader, WeaveLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "loaders"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/loaders-dna.tsx",
          "type": "registry:component",
          "target": "components/ui/loaders-dna.tsx"
        }
      ]
    },
    {
      "name": "loaders-morph",
      "type": "registry:component",
      "title": "Morph loaders",
      "description": "Styled loaders: the Morph set. 5 decorative loaders variations (BlobLoader, FlipLoader, StretchLoader, TriadLoader, SpinSquareLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "loaders"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/loaders-morph.tsx",
          "type": "registry:component",
          "target": "components/ui/loaders-morph.tsx"
        }
      ]
    },
    {
      "name": "loaders-orbital",
      "type": "registry:component",
      "title": "Orbital loaders",
      "description": "Styled loaders: the Orbital set. 5 decorative loaders variations (SolarLoader, BinaryLoader, CometLoader, SatelliteLoader, GyroLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "loaders"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/loaders-orbital.tsx",
          "type": "registry:component",
          "target": "components/ui/loaders-orbital.tsx"
        }
      ]
    },
    {
      "name": "loaders-particle",
      "type": "registry:component",
      "title": "Particle loaders",
      "description": "Styled loaders: the Particle set. 5 decorative loaders variations (SwarmLoader, ScatterLoader, ConvergeLoader, TrailLoader, FireflyLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "loaders"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/loaders-particle.tsx",
          "type": "registry:component",
          "target": "components/ui/loaders-particle.tsx"
        }
      ]
    },
    {
      "name": "loaders-skeleton",
      "type": "registry:component",
      "title": "Skeleton loaders",
      "description": "Styled loaders: the Skeleton set. 5 decorative loaders variations (LineSkeleton, CardSkeleton, AvatarSkeleton, TextSkeleton, ListSkeleton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "loaders"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/loaders-skeleton.tsx",
          "type": "registry:component",
          "target": "components/ui/loaders-skeleton.tsx"
        }
      ]
    },
    {
      "name": "loaders-styled",
      "type": "registry:component",
      "title": "Loaders essentials",
      "description": "Styled loaders: the essentials set. 5 decorative loaders variations (DotsLoader, BarsLoader, RingLoader, PulseLoader, OrbitLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "loaders"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/loaders-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/loaders-styled.tsx"
        }
      ]
    },
    {
      "name": "loaders-text",
      "type": "registry:component",
      "title": "Text loaders",
      "description": "Styled loaders: the Text set. 5 decorative loaders variations (TypingLoader, EllipsisLoader, ScrambleLoader, WaveTextLoader, BlinkLoader) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "loaders"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/loaders-text.tsx",
          "type": "registry:component",
          "target": "components/ui/loaders-text.tsx"
        }
      ]
    },
    {
      "name": "progress-circular",
      "type": "registry:component",
      "title": "Circular progress",
      "description": "Styled progress: the Circular set. 5 decorative progress variations (RingProgress, ConicProgress, DualRingProgress, DashRingProgress, GlowRingProgress) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "progress"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/progress-circular.tsx",
          "type": "registry:component",
          "target": "components/ui/progress-circular.tsx"
        }
      ]
    },
    {
      "name": "progress-indeterminate",
      "type": "registry:component",
      "title": "Indeterminate progress",
      "description": "Styled progress: the Indeterminate set. 5 decorative progress variations (BarSweepProgress, DualBarProgress, PulseTrackProgress, MarchProgress, CometProgress) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "progress"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/progress-indeterminate.tsx",
          "type": "registry:component",
          "target": "components/ui/progress-indeterminate.tsx"
        }
      ]
    },
    {
      "name": "progress-liquid",
      "type": "registry:component",
      "title": "Liquid progress",
      "description": "Styled progress: the Liquid set. 5 decorative progress variations (WaveProgress, BubbleProgress, TideProgress, DropProgress, FoamProgress) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "progress"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/progress-liquid.tsx",
          "type": "registry:component",
          "target": "components/ui/progress-liquid.tsx"
        }
      ]
    },
    {
      "name": "progress-stepped",
      "type": "registry:component",
      "title": "Stepped progress",
      "description": "Styled progress: the Stepped set. 5 decorative progress variations (StepsProgress, DotsStepProgress, NumberedProgress, CheckStepProgress, PillStepProgress) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "progress"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/progress-stepped.tsx",
          "type": "registry:component",
          "target": "components/ui/progress-stepped.tsx"
        }
      ]
    },
    {
      "name": "progress-styled",
      "type": "registry:component",
      "title": "Progress essentials",
      "description": "Styled progress: the essentials set. 5 decorative progress variations (StripedProgress, GradientProgress, GlowProgress, SegmentedProgress, ShimmerProgress) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "progress"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/progress-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/progress-styled.tsx"
        }
      ]
    },
    {
      "name": "progress-threed",
      "type": "registry:component",
      "title": "3D progress",
      "description": "Styled progress: the 3D set. 5 decorative progress variations (RaisedProgress, TubeProgress, BevelProgress, GlossProgress, InsetProgress) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "progress"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/progress-threed.tsx",
          "type": "registry:component",
          "target": "components/ui/progress-threed.tsx"
        }
      ]
    },
    {
      "name": "toggles-3d",
      "type": "registry:component",
      "title": "3D toggles",
      "description": "Styled toggles: the 3D set. 5 decorative toggles variations (RaisedToggle, PillPressToggle, TactileToggle, DomeToggle, SwitchLeverToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggles"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggles-3d.tsx",
          "type": "registry:component",
          "target": "components/ui/toggles-3d.tsx"
        }
      ]
    },
    {
      "name": "toggles-liquid",
      "type": "registry:component",
      "title": "Liquid toggles",
      "description": "Styled toggles: the Liquid set. 5 decorative toggles variations (LiquidToggle, BlobToggle, DropToggle, WaveToggle, MercuryToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggles"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggles-liquid.tsx",
          "type": "registry:component",
          "target": "components/ui/toggles-liquid.tsx"
        }
      ]
    },
    {
      "name": "toggles-neon",
      "type": "registry:component",
      "title": "Neon toggles",
      "description": "Styled toggles: the Neon set. 5 decorative toggles variations (NeonToggle, OutlineNeonToggle, PulseNeonToggle, TubeToggle, FlickerToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggles"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggles-neon.tsx",
          "type": "registry:component",
          "target": "components/ui/toggles-neon.tsx"
        }
      ]
    },
    {
      "name": "toggles-particle",
      "type": "registry:component",
      "title": "Particle toggles",
      "description": "Styled toggles: the Particle set. 5 decorative toggles variations (ParticleToggle, SparkToggle, TrailToggle, ConfettiToggle, CometToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggles"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggles-particle.tsx",
          "type": "registry:component",
          "target": "components/ui/toggles-particle.tsx"
        }
      ]
    },
    {
      "name": "toggles-styled",
      "type": "registry:component",
      "title": "Toggles essentials",
      "description": "Styled toggles: the essentials set. 5 decorative toggles variations (IOSToggle, SquareToggle, IconToggle, GlowToggle, LabeledToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggles"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggles-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/toggles-styled.tsx"
        }
      ]
    },
    {
      "name": "toggles-themed",
      "type": "registry:component",
      "title": "Themed toggles",
      "description": "Styled toggles: the Themed set. 5 decorative toggles variations (DayNightToggle, CheckXToggle, OnOffToggle, EyeToggle, LockToggle) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggles"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggles-themed.tsx",
          "type": "registry:component",
          "target": "components/ui/toggles-themed.tsx"
        }
      ]
    },
    {
      "name": "tooltips-animated",
      "type": "registry:component",
      "title": "Animated tooltips",
      "description": "Styled tooltips: the Animated set. 5 decorative tooltips variations (PopTooltip, FlipTooltip, SwingTooltip, TypeTooltip, GlowInTooltip) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tooltips"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tooltips-animated.tsx",
          "type": "registry:component",
          "target": "components/ui/tooltips-animated.tsx"
        }
      ]
    },
    {
      "name": "tooltips-interactive",
      "type": "registry:component",
      "title": "Interactive tooltips",
      "description": "Styled tooltips: the Interactive set. 5 decorative tooltips variations (ScaleTooltip, UnderlineTooltip, LiftTooltip, FadeScaleTooltip, DelayTooltip) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tooltips"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tooltips-interactive.tsx",
          "type": "registry:component",
          "target": "components/ui/tooltips-interactive.tsx"
        }
      ]
    },
    {
      "name": "tooltips-magnetic",
      "type": "registry:component",
      "title": "Magnetic tooltips",
      "description": "Styled tooltips: the Magnetic set. 5 decorative tooltips variations (MagneticTooltip, FloatTooltip, TiltTooltip, SpotlightTooltip, ParallaxTooltip) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tooltips"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tooltips-magnetic.tsx",
          "type": "registry:component",
          "target": "components/ui/tooltips-magnetic.tsx"
        }
      ]
    },
    {
      "name": "tooltips-rich",
      "type": "registry:component",
      "title": "Rich tooltips",
      "description": "Styled tooltips: the Rich set. 5 decorative tooltips variations (TitleTooltip, IconTooltip, KbdTooltip, MediaTooltip, MenuTooltip) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tooltips"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tooltips-rich.tsx",
          "type": "registry:component",
          "target": "components/ui/tooltips-rich.tsx"
        }
      ]
    },
    {
      "name": "tooltips-shape",
      "type": "registry:component",
      "title": "Shape tooltips",
      "description": "Styled tooltips: the Shape set. 5 decorative tooltips variations (BubbleTooltip, PillTooltip, NotchTooltip, CalloutTooltip, BadgeTooltip) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tooltips"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tooltips-shape.tsx",
          "type": "registry:component",
          "target": "components/ui/tooltips-shape.tsx"
        }
      ]
    },
    {
      "name": "tooltips-styled",
      "type": "registry:component",
      "title": "Tooltips essentials",
      "description": "Styled tooltips: the essentials set. 5 decorative tooltips variations (GlassTooltip, GradientTooltip, ArrowTooltip, DarkTooltip, SlideTooltip) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tooltips"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tooltips-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/tooltips-styled.tsx"
        }
      ]
    },
    {
      "name": "alert-styled",
      "type": "registry:component",
      "title": "Alert essentials",
      "description": "Styled alert: the essentials set. 5 decorative alert variations (SoftAlert, LeftBarAlert, GlassAlert, GlowAlert, IconPulseAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-styled.tsx"
        }
      ]
    },
    {
      "name": "card-styled",
      "type": "registry:component",
      "title": "Card essentials",
      "description": "Styled card: the essentials set. 5 decorative card variations (GlassCard, GradientBorderCard, GlowCard, TiltCard, SpotlightCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "card"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/card-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/card-styled.tsx"
        }
      ]
    },
    {
      "name": "checkbox-styled",
      "type": "registry:component",
      "title": "Checkbox essentials",
      "description": "Styled checkbox: the essentials set. 5 decorative checkbox variations (FillCheckbox, BounceCheckbox, DrawCheckbox, GlowCheckbox, RoundedCheckbox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "checkbox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/checkbox-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/checkbox-styled.tsx"
        }
      ]
    },
    {
      "name": "separator-styled",
      "type": "registry:component",
      "title": "Separator essentials",
      "description": "Styled separator: the essentials set. 5 decorative separator variations (GradientSeparator, DashedSeparator, LabelSeparator, IconSeparator, GlowSeparator) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "separator"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/separator-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/separator-styled.tsx"
        }
      ]
    },
    {
      "name": "skeleton-styled",
      "type": "registry:component",
      "title": "Skeleton essentials",
      "description": "Styled skeleton: the essentials set. 5 decorative skeleton variations (ShimmerSkeleton, PulseSkeleton, WaveSkeleton, GradientSkeleton, GlowSkeleton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "skeleton"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/skeleton-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/skeleton-styled.tsx"
        }
      ]
    },
    {
      "name": "textarea-styled",
      "type": "registry:component",
      "title": "Textarea essentials",
      "description": "Styled textarea: the essentials set. 5 decorative textarea variations (UnderlineTextarea, FloatTextarea, GlowTextarea, FilledTextarea, CountTextarea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "textarea"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/textarea-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/textarea-styled.tsx"
        }
      ]
    },
    {
      "name": "accordion-styled",
      "type": "registry:component",
      "title": "Accordion essentials",
      "description": "Styled accordion: the essentials set. 5 decorative accordion variations (BorderedAccordion, SeparatedAccordion, FilledAccordion, GhostAccordion, PlusAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "accordion"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/accordion-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/accordion-styled.tsx"
        }
      ]
    },
    {
      "name": "kbd-styled",
      "type": "registry:component",
      "title": "Kbd essentials",
      "description": "Styled kbd: the essentials set. 5 decorative kbd variations (RaisedKbd, FlatKbd, GlowKbd, OutlineKbd, SoftKbd) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "kbd"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/kbd-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/kbd-styled.tsx"
        }
      ]
    },
    {
      "name": "label-styled",
      "type": "registry:component",
      "title": "Label essentials",
      "description": "Styled label: the essentials set. 5 decorative label variations (RequiredLabel, UppercaseLabel, PillLabel, IconLabel, GradientLabel) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "label"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/label-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/label-styled.tsx"
        }
      ]
    },
    {
      "name": "radio-group-styled",
      "type": "registry:component",
      "title": "Group-styled radio",
      "description": "Styled radio: the Group-styled set. 5 decorative radio variations (SegmentedRadio, CardRadio, PillRadio, DotRadio, IconRadio) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "radio"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/radio-group-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/radio-group-styled.tsx"
        }
      ]
    },
    {
      "name": "slider-styled",
      "type": "registry:component",
      "title": "Slider essentials",
      "description": "Styled slider: the essentials set. 5 decorative slider variations (GradientSlider, GlowSlider, TicksSlider, BubbleSlider, ThickSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "slider"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/slider-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/slider-styled.tsx"
        }
      ]
    },
    {
      "name": "tabs-styled",
      "type": "registry:component",
      "title": "Tabs essentials",
      "description": "Styled tabs: the essentials set. 5 decorative tabs variations (UnderlineTabs, PillTabs, SegmentedTabs, BoxedTabs, IconTabs) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tabs"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tabs-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/tabs-styled.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog-styled",
      "type": "registry:component",
      "title": "Dialog-styled alert",
      "description": "Styled alert: the Dialog-styled set. 5 decorative alert variations (ConfirmAlert, DestructiveAlert, InfoAlert, SuccessAlert, IconAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-dialog-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-dialog-styled.tsx"
        }
      ]
    },
    {
      "name": "dialog-styled",
      "type": "registry:component",
      "title": "Dialog essentials",
      "description": "Styled dialog: the essentials set. 5 decorative dialog variations (CenterDialog, SlideUpDialog, GlassDialog, FullscreenDialog, DropDialog) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dialog"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dialog-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/dialog-styled.tsx"
        }
      ]
    },
    {
      "name": "drawer-styled",
      "type": "registry:component",
      "title": "Drawer essentials",
      "description": "Styled drawer: the essentials set. 5 decorative drawer variations (BottomDrawer, TopDrawer, GlassDrawer, RoundedDrawer, SnapDrawer) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "drawer"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/drawer-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/drawer-styled.tsx"
        }
      ]
    },
    {
      "name": "hover-card-styled",
      "type": "registry:component",
      "title": "Card-styled hover",
      "description": "Styled hover: the Card-styled set. 5 decorative hover variations (ProfileHoverCard, GlassHoverCard, PreviewHoverCard, StatsHoverCard, MediaHoverCard) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "hover"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/hover-card-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/hover-card-styled.tsx"
        }
      ]
    },
    {
      "name": "popover-styled",
      "type": "registry:component",
      "title": "Popover essentials",
      "description": "Styled popover: the essentials set. 5 decorative popover variations (ArrowPopover, GlassPopover, MenuPopover, FormPopover, RichPopover) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "popover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/popover-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/popover-styled.tsx"
        }
      ]
    },
    {
      "name": "sheet-styled",
      "type": "registry:component",
      "title": "Sheet essentials",
      "description": "Styled sheet: the essentials set. 5 decorative sheet variations (RightSheet, LeftSheet, TopSheet, BottomSheet, GlassSheet) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sheet"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sheet-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/sheet-styled.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-styled",
      "type": "registry:component",
      "title": "Breadcrumb essentials",
      "description": "Styled breadcrumb: the essentials set. 5 decorative breadcrumb variations (SlashBreadcrumb, ChevronBreadcrumb, PillBreadcrumb, ArrowBreadcrumb, DotBreadcrumb) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "breadcrumb"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/breadcrumb-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/breadcrumb-styled.tsx"
        }
      ]
    },
    {
      "name": "command-styled",
      "type": "registry:component",
      "title": "Command essentials",
      "description": "Styled command: the essentials set. 5 decorative command variations (SimpleCommand, GroupedCommand, IconCommand, GlassCommand, KbdCommand) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "command"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/command-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/command-styled.tsx"
        }
      ]
    },
    {
      "name": "context-menu-styled",
      "type": "registry:component",
      "title": "Menu-styled context",
      "description": "Styled context: the Menu-styled set. 5 decorative context variations (SimpleContextMenu, IconContextMenu, ShortcutContextMenu, SectionContextMenu, DangerContextMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "context"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/context-menu-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/context-menu-styled.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu-styled",
      "type": "registry:component",
      "title": "Menu-styled dropdown",
      "description": "Styled dropdown: the Menu-styled set. 5 decorative dropdown variations (SimpleMenu, IconMenu, SectionMenu, CheckMenu, RichMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dropdown"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dropdown-menu-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/dropdown-menu-styled.tsx"
        }
      ]
    },
    {
      "name": "menubar-styled",
      "type": "registry:component",
      "title": "Menubar essentials",
      "description": "Styled menubar: the essentials set. 5 decorative menubar variations (BarMenubar, PillMenubar, GlassMenubar, MinimalMenubar, IconMenubar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "menubar"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/menubar-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/menubar-styled.tsx"
        }
      ]
    },
    {
      "name": "pagination-styled",
      "type": "registry:component",
      "title": "Pagination essentials",
      "description": "Styled pagination: the essentials set. 5 decorative pagination variations (NumberedPagination, ArrowsPagination, DotsPagination, PillPagination, MinimalPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "pagination"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/pagination-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/pagination-styled.tsx"
        }
      ]
    },
    {
      "name": "combobox-styled",
      "type": "registry:component",
      "title": "Combobox essentials",
      "description": "Styled combobox: the essentials set. 5 decorative combobox variations (SimpleCombobox, GlassCombobox, IconCombobox, TagsCombobox, InlineCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "combobox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/combobox-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/combobox-styled.tsx"
        }
      ]
    },
    {
      "name": "field-styled",
      "type": "registry:component",
      "title": "Field essentials",
      "description": "Styled field: the essentials set. 5 decorative field variations (StackedField, FloatingField, InlineField, CardField, BorderedField) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "field"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/field-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/field-styled.tsx"
        }
      ]
    },
    {
      "name": "file-input-styled",
      "type": "registry:component",
      "title": "Input-styled file",
      "description": "Styled file: the Input-styled set. 5 decorative file variations (DropzoneFile, ButtonFile, AvatarFile, ListFile, GlassFile) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "file"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/file-input-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/file-input-styled.tsx"
        }
      ]
    },
    {
      "name": "input-group-styled",
      "type": "registry:component",
      "title": "Group-styled input",
      "description": "Styled input: the Group-styled set. 5 decorative input variations (PrefixGroup, SuffixGroup, IconGroup, ButtonGroup, SegmentGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-group-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/input-group-styled.tsx"
        }
      ]
    },
    {
      "name": "input-otp-styled",
      "type": "registry:component",
      "title": "Otp-styled input",
      "description": "Styled input: the Otp-styled set. 5 decorative input variations (BoxOtp, UnderlineOtp, RoundedOtp, SeparatedOtp, FilledOtp) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-otp-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/input-otp-styled.tsx"
        }
      ]
    },
    {
      "name": "select-styled",
      "type": "registry:component",
      "title": "Select essentials",
      "description": "Styled select: the essentials set. 5 decorative select variations (SimpleSelect, GlassSelect, IconSelect, PillSelect, GroupedSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "select"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/select-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/select-styled.tsx"
        }
      ]
    },
    {
      "name": "button-group-styled",
      "type": "registry:component",
      "title": "Group-styled button",
      "description": "Styled button: the Group-styled set. 5 decorative button variations (AttachedGroup, SplitGroup, ToolbarGroup, PillGroup, StepperGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "button"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/button-group-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/button-group-styled.tsx"
        }
      ]
    },
    {
      "name": "calendar-styled",
      "type": "registry:component",
      "title": "Calendar essentials",
      "description": "Styled calendar: the essentials set. 5 decorative calendar variations (ClassicCalendar, RoundedCalendar, CompactCalendar, GlassCalendar, RangeCalendar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "calendar"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/calendar-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/calendar-styled.tsx"
        }
      ]
    },
    {
      "name": "date-picker-styled",
      "type": "registry:component",
      "title": "Picker-styled date",
      "description": "Styled date: the Picker-styled set. 5 decorative date variations (SimpleDatePicker, RangeDatePicker, GlassDatePicker, InlineDatePicker, IconDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "date"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/date-picker-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/date-picker-styled.tsx"
        }
      ]
    },
    {
      "name": "item-styled",
      "type": "registry:component",
      "title": "Item essentials",
      "description": "Styled item: the essentials set. 5 decorative item variations (SimpleItem, IconItem, AvatarItem, ActionItem, CardItem) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "item"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/item-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/item-styled.tsx"
        }
      ]
    },
    {
      "name": "table-styled",
      "type": "registry:component",
      "title": "Table essentials",
      "description": "Styled table: the essentials set. 5 decorative table variations (StripedTable, BorderedTable, HoverGlowTable, CompactTable, CardTable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "table"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/table-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/table-styled.tsx"
        }
      ]
    },
    {
      "name": "toggle-group-styled",
      "type": "registry:component",
      "title": "Group-styled toggle",
      "description": "Styled toggle: the Group-styled set. 5 decorative toggle variations (SegmentedToggleGroup, PillToggleGroup, IconToggleGroup, OutlineToggleGroup, GhostToggleGroup) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggle"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggle-group-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/toggle-group-styled.tsx"
        }
      ]
    },
    {
      "name": "carousel-styled",
      "type": "registry:component",
      "title": "Carousel essentials",
      "description": "Styled carousel: the essentials set. 5 decorative carousel variations (SlideCarousel, FadeCarousel, CardsCarousel, DotsCarousel, AutoCarousel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "carousel"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/carousel-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/carousel-styled.tsx"
        }
      ]
    },
    {
      "name": "collapsible-styled",
      "type": "registry:component",
      "title": "Collapsible essentials",
      "description": "Styled collapsible: the essentials set. 5 decorative collapsible variations (SimpleCollapsible, CardCollapsible, GhostCollapsible, PlusCollapsible, PreviewCollapsible) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "collapsible"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/collapsible-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/collapsible-styled.tsx"
        }
      ]
    },
    {
      "name": "empty-styled",
      "type": "registry:component",
      "title": "Empty essentials",
      "description": "Styled empty: the essentials set. 5 decorative empty variations (SimpleEmpty, IconEmpty, IllustrationEmpty, ActionEmpty, CardEmpty) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "empty"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/empty-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/empty-styled.tsx"
        }
      ]
    },
    {
      "name": "resizable-styled",
      "type": "registry:component",
      "title": "Resizable essentials",
      "description": "Styled resizable: the essentials set. 5 decorative resizable variations (HorizontalResizable, VerticalResizable, HandleResizable, NestedResizable, GlassResizable) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "resizable"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/resizable-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/resizable-styled.tsx"
        }
      ]
    },
    {
      "name": "scroll-area-styled",
      "type": "registry:component",
      "title": "Area-styled scroll",
      "description": "Styled scroll: the Area-styled set. 5 decorative scroll variations (ThinScrollArea, RoundedScrollArea, ColoredScrollArea, OverlayScrollArea, BothScrollArea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "scroll"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/scroll-area-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/scroll-area-styled.tsx"
        }
      ]
    },
    {
      "name": "sonner-styled",
      "type": "registry:component",
      "title": "Sonner essentials",
      "description": "Styled sonner: the essentials set. 5 decorative sonner variations (SimpleToaster, ToneToaster, GlassToaster, ActionToaster, PromiseToaster) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sonner"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sonner-styled.tsx",
          "type": "registry:component",
          "target": "components/ui/sonner-styled.tsx"
        }
      ]
    },
    {
      "name": "dialog-blur",
      "type": "registry:component",
      "title": "Blur dialog",
      "description": "Styled dialog: the Blur set. 5 decorative dialog variations (SoftBlurDialog, HeavyBlurDialog, DarkBlurDialog, TintBlurDialog, GradientBlurDialog) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dialog"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dialog-blur.tsx",
          "type": "registry:component",
          "target": "components/ui/dialog-blur.tsx"
        }
      ]
    },
    {
      "name": "dialog-bordered",
      "type": "registry:component",
      "title": "Bordered dialog",
      "description": "Styled dialog: the Bordered set. 5 decorative dialog variations (RingDialog, GlowDialog, GradientBorderDialog, InsetDialog, AccentBarDialog) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dialog"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dialog-bordered.tsx",
          "type": "registry:component",
          "target": "components/ui/dialog-bordered.tsx"
        }
      ]
    },
    {
      "name": "dialog-corner",
      "type": "registry:component",
      "title": "Corner dialog",
      "description": "Styled dialog: the Corner set. 5 decorative dialog variations (TopRightDialog, BottomRightDialog, TopCenterDialog, DockedDialog, OffsetDialog) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dialog"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dialog-corner.tsx",
          "type": "registry:component",
          "target": "components/ui/dialog-corner.tsx"
        }
      ]
    },
    {
      "name": "dialog-header",
      "type": "registry:component",
      "title": "Header dialog",
      "description": "Styled dialog: the Header set. 5 decorative dialog variations (AccentHeaderDialog, IconHeaderDialog, GradientHeaderDialog, StickyHeaderDialog, DividerHeaderDialog) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dialog"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dialog-header.tsx",
          "type": "registry:component",
          "target": "components/ui/dialog-header.tsx"
        }
      ]
    },
    {
      "name": "dialog-motion",
      "type": "registry:component",
      "title": "Motion dialog",
      "description": "Styled dialog: the Motion set. 5 decorative dialog variations (FlipDialog, SwingDialog, ZoomDialog, ElasticDialog, RotateDialog) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dialog"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dialog-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/dialog-motion.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog-accent",
      "type": "registry:component",
      "title": "Dialog-accent alert",
      "description": "Styled alert: the Dialog-accent set. 5 decorative alert variations (TopBarAlert, SideBarAlert, RingAlert, GlowAlert, FillAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-dialog-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-dialog-accent.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog-glass",
      "type": "registry:component",
      "title": "Dialog-glass alert",
      "description": "Styled alert: the Dialog-glass set. 5 decorative alert variations (FrostAlert, TintAlert, DarkAlert, BlurAlert, CrystalAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-dialog-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-dialog-glass.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog-illustration",
      "type": "registry:component",
      "title": "Dialog-illustration alert",
      "description": "Styled alert: the Dialog-illustration set. 5 decorative alert variations (SpotlightAlert, BadgeAlert, CircleAlert, GradientAlert, BannerAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-dialog-illustration.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-dialog-illustration.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog-layout",
      "type": "registry:component",
      "title": "Dialog-layout alert",
      "description": "Styled alert: the Dialog-layout set. 5 decorative alert variations (CenteredAlert, HorizontalAlert, CompactAlert, WideAlert, SplitAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-dialog-layout.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-dialog-layout.tsx"
        }
      ]
    },
    {
      "name": "alert-dialog-motion",
      "type": "registry:component",
      "title": "Dialog-motion alert",
      "description": "Styled alert: the Dialog-motion set. 5 decorative alert variations (ShakeAlert, PopAlert, DropAlert, ZoomAlert, SlideAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-dialog-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-dialog-motion.tsx"
        }
      ]
    },
    {
      "name": "sheet-blur",
      "type": "registry:component",
      "title": "Blur sheet",
      "description": "Styled sheet: the Blur set. 5 decorative sheet variations (SoftBlurSheet, HeavyBlurSheet, DarkBlurSheet, TintBlurSheet, GradientBlurSheet) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sheet"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sheet-blur.tsx",
          "type": "registry:component",
          "target": "components/ui/sheet-blur.tsx"
        }
      ]
    },
    {
      "name": "sheet-content",
      "type": "registry:component",
      "title": "Content sheet",
      "description": "Styled sheet: the Content set. 5 decorative sheet variations (MenuSheet, FormSheet, ListSheet, DetailSheet, SplitSheet) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sheet"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sheet-content.tsx",
          "type": "registry:component",
          "target": "components/ui/sheet-content.tsx"
        }
      ]
    },
    {
      "name": "sheet-header",
      "type": "registry:component",
      "title": "Header sheet",
      "description": "Styled sheet: the Header set. 5 decorative sheet variations (TitleSheet, StickySheet, FooterSheet, DividerSheet, AccentSheet) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sheet"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sheet-header.tsx",
          "type": "registry:component",
          "target": "components/ui/sheet-header.tsx"
        }
      ]
    },
    {
      "name": "sheet-inset",
      "type": "registry:component",
      "title": "Inset sheet",
      "description": "Styled sheet: the Inset set. 5 decorative sheet variations (FloatingSheet, RoundedSheet, MarginSheet, CardSheet, PillSheet) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sheet"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sheet-inset.tsx",
          "type": "registry:component",
          "target": "components/ui/sheet-inset.tsx"
        }
      ]
    },
    {
      "name": "sheet-motion",
      "type": "registry:component",
      "title": "Motion sheet",
      "description": "Styled sheet: the Motion set. 5 decorative sheet variations (SlideSheet, SpringSheet, FadeSheet, ScaleSheet, OvershootSheet) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sheet"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sheet-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/sheet-motion.tsx"
        }
      ]
    },
    {
      "name": "hover-card-accent",
      "type": "registry:component",
      "title": "Card-accent hover",
      "description": "Styled hover: the Card-accent set. 5 decorative hover variations (BorderHoverCard, GlowHoverCard, RingHoverCard, TopBarHoverCard, FillHoverCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "hover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/hover-card-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/hover-card-accent.tsx"
        }
      ]
    },
    {
      "name": "hover-card-layout",
      "type": "registry:component",
      "title": "Card-layout hover",
      "description": "Styled hover: the Card-layout set. 5 decorative hover variations (HorizontalHoverCard, CompactHoverCard, WideHoverCard, StackedHoverCard, SplitHoverCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "hover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/hover-card-layout.tsx",
          "type": "registry:component",
          "target": "components/ui/hover-card-layout.tsx"
        }
      ]
    },
    {
      "name": "hover-card-motion",
      "type": "registry:component",
      "title": "Card-motion hover",
      "description": "Styled hover: the Card-motion set. 5 decorative hover variations (FadeHoverCard, ScaleHoverCard, SlideHoverCard, PopHoverCard, SpringHoverCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "hover"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/hover-card-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/hover-card-motion.tsx"
        }
      ]
    },
    {
      "name": "hover-card-placement",
      "type": "registry:component",
      "title": "Card-placement hover",
      "description": "Styled hover: the Card-placement set. 5 decorative hover variations (TopHoverCard, BottomHoverCard, LeftHoverCard, RightHoverCard, FollowHoverCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "hover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/hover-card-placement.tsx",
          "type": "registry:component",
          "target": "components/ui/hover-card-placement.tsx"
        }
      ]
    },
    {
      "name": "hover-card-tone",
      "type": "registry:component",
      "title": "Card-tone hover",
      "description": "Styled hover: the Card-tone set. 5 decorative hover variations (PrimaryHoverCard, SuccessHoverCard, WarningHoverCard, DangerHoverCard, InfoHoverCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "hover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/hover-card-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/hover-card-tone.tsx"
        }
      ]
    },
    {
      "name": "popover-accent",
      "type": "registry:component",
      "title": "Accent popover",
      "description": "Styled popover: the Accent set. 5 decorative popover variations (BorderPopover, GlowPopover, RingPopover, TopBarPopover, FillPopover) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "popover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/popover-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/popover-accent.tsx"
        }
      ]
    },
    {
      "name": "popover-compact",
      "type": "registry:component",
      "title": "Compact popover",
      "description": "Styled popover: the Compact set. 5 decorative popover variations (MiniPopover, DensePopover, WidePopover, TallPopover, SplitPopover) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "popover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/popover-compact.tsx",
          "type": "registry:component",
          "target": "components/ui/popover-compact.tsx"
        }
      ]
    },
    {
      "name": "popover-motion",
      "type": "registry:component",
      "title": "Motion popover",
      "description": "Styled popover: the Motion set. 5 decorative popover variations (FadePopover, ScalePopover, SlidePopover, PopPopover, SpringPopover) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "popover"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/popover-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/popover-motion.tsx"
        }
      ]
    },
    {
      "name": "popover-placement",
      "type": "registry:component",
      "title": "Placement popover",
      "description": "Styled popover: the Placement set. 5 decorative popover variations (TopPopover, BottomPopover, LeftPopover, RightPopover, CornerPopover) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "popover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/popover-placement.tsx",
          "type": "registry:component",
          "target": "components/ui/popover-placement.tsx"
        }
      ]
    },
    {
      "name": "popover-tone",
      "type": "registry:component",
      "title": "Tone popover",
      "description": "Styled popover: the Tone set. 5 decorative popover variations (PrimaryPopover, SuccessPopover, WarningPopover, DangerPopover, InfoPopover) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "popover"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/popover-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/popover-tone.tsx"
        }
      ]
    },
    {
      "name": "drawer-blur",
      "type": "registry:component",
      "title": "Blur drawer",
      "description": "Styled drawer: the Blur set. 5 decorative drawer variations (SoftBlurDrawer, HeavyBlurDrawer, DarkBlurDrawer, TintBlurDrawer, GradientBlurDrawer) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "drawer"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/drawer-blur.tsx",
          "type": "registry:component",
          "target": "components/ui/drawer-blur.tsx"
        }
      ]
    },
    {
      "name": "drawer-content",
      "type": "registry:component",
      "title": "Content drawer",
      "description": "Styled drawer: the Content set. 5 decorative drawer variations (MenuDrawer, FormDrawer, ListDrawer, DetailDrawer, GridDrawer) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "drawer"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/drawer-content.tsx",
          "type": "registry:component",
          "target": "components/ui/drawer-content.tsx"
        }
      ]
    },
    {
      "name": "drawer-header",
      "type": "registry:component",
      "title": "Header drawer",
      "description": "Styled drawer: the Header set. 5 decorative drawer variations (TitleDrawer, StickyDrawer, FooterDrawer, HandleDrawer, DividerDrawer) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "drawer"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/drawer-header.tsx",
          "type": "registry:component",
          "target": "components/ui/drawer-header.tsx"
        }
      ]
    },
    {
      "name": "drawer-motion",
      "type": "registry:component",
      "title": "Motion drawer",
      "description": "Styled drawer: the Motion set. 5 decorative drawer variations (SlideDrawer, SpringDrawer, FadeDrawer, ScaleDrawer, OvershootDrawer) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "drawer"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/drawer-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/drawer-motion.tsx"
        }
      ]
    },
    {
      "name": "drawer-side",
      "type": "registry:component",
      "title": "Side drawer",
      "description": "Styled drawer: the Side set. 5 decorative drawer variations (RightDrawer, LeftDrawer, RightInsetDrawer, LeftInsetDrawer, CornerDrawer) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "drawer"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/drawer-side.tsx",
          "type": "registry:component",
          "target": "components/ui/drawer-side.tsx"
        }
      ]
    },
    {
      "name": "accordion-accent",
      "type": "registry:component",
      "title": "Accent accordion",
      "description": "Styled accordion: the Accent set. 5 decorative accordion variations (BarAccordion, GrowAccordion, GlowAccordion, LeftAccordion, FullAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "accordion"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/accordion-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/accordion-accent.tsx"
        }
      ]
    },
    {
      "name": "accordion-glass",
      "type": "registry:component",
      "title": "Glass accordion",
      "description": "Styled accordion: the Glass set. 5 decorative accordion variations (FrostAccordion, TintAccordion, SmokeAccordion, CrystalAccordion, DepthAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "accordion"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/accordion-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/accordion-glass.tsx"
        }
      ]
    },
    {
      "name": "accordion-numbered",
      "type": "registry:component",
      "title": "Numbered accordion",
      "description": "Styled accordion: the Numbered set. 5 decorative accordion variations (CircleAccordion, SquareAccordion, OutlineAccordion, FilledAccordion, GhostAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "accordion"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/accordion-numbered.tsx",
          "type": "registry:component",
          "target": "components/ui/accordion-numbered.tsx"
        }
      ]
    },
    {
      "name": "accordion-timeline",
      "type": "registry:component",
      "title": "Timeline accordion",
      "description": "Styled accordion: the Timeline set. 5 decorative accordion variations (LineAccordion, DashedAccordion, NodeAccordion, FilledAccordion, GradientAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "accordion"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/accordion-timeline.tsx",
          "type": "registry:component",
          "target": "components/ui/accordion-timeline.tsx"
        }
      ]
    },
    {
      "name": "accordion-underline",
      "type": "registry:component",
      "title": "Underline accordion",
      "description": "Styled accordion: the Underline set. 5 decorative accordion variations (SweepAccordion, CenterAccordion, GrowAccordion, DoubleAccordion, DashedAccordion) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "accordion"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/accordion-underline.tsx",
          "type": "registry:component",
          "target": "components/ui/accordion-underline.tsx"
        }
      ]
    },
    {
      "name": "carousel-coverflow",
      "type": "registry:component",
      "title": "Coverflow carousel",
      "description": "Styled carousel: the Coverflow set. 5 decorative carousel variations (FlowCarousel, DeepCarousel, TiltCarousel, FanCarousel, StackCarousel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "carousel"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/carousel-coverflow.tsx",
          "type": "registry:component",
          "target": "components/ui/carousel-coverflow.tsx"
        }
      ]
    },
    {
      "name": "carousel-fraction",
      "type": "registry:component",
      "title": "Fraction carousel",
      "description": "Styled carousel: the Fraction set. 5 decorative carousel variations (CounterCarousel, BarCarousel, RingCarousel, CornerCarousel, CombinedCarousel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "carousel"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/carousel-fraction.tsx",
          "type": "registry:component",
          "target": "components/ui/carousel-fraction.tsx"
        }
      ]
    },
    {
      "name": "carousel-parallax",
      "type": "registry:component",
      "title": "Parallax carousel",
      "description": "Styled carousel: the Parallax set. 5 decorative carousel variations (SoftCarousel, DeepCarousel, LayeredCarousel, TiltCarousel, ZoomCarousel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "carousel"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/carousel-parallax.tsx",
          "type": "registry:component",
          "target": "components/ui/carousel-parallax.tsx"
        }
      ]
    },
    {
      "name": "carousel-thumbnails",
      "type": "registry:component",
      "title": "Thumbnails carousel",
      "description": "Styled carousel: the Thumbnails set. 5 decorative carousel variations (BelowCarousel, SideCarousel, DotsThumbsCarousel, ScaledCarousel, BorderedCarousel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "carousel"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/carousel-thumbnails.tsx",
          "type": "registry:component",
          "target": "components/ui/carousel-thumbnails.tsx"
        }
      ]
    },
    {
      "name": "carousel-vertical",
      "type": "registry:component",
      "title": "Vertical carousel",
      "description": "Styled carousel: the Vertical set. 5 decorative carousel variations (SlideCarousel, FadeCarousel, CardsCarousel, DotsCarousel, StackCarousel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "carousel"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/carousel-vertical.tsx",
          "type": "registry:component",
          "target": "components/ui/carousel-vertical.tsx"
        }
      ]
    },
    {
      "name": "collapsible-accent",
      "type": "registry:component",
      "title": "Accent collapsible",
      "description": "Styled collapsible: the Accent set. 5 decorative collapsible variations (BarCollapsible, GrowCollapsible, GlowCollapsible, LeftCollapsible, FullCollapsible) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "collapsible"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/collapsible-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/collapsible-accent.tsx"
        }
      ]
    },
    {
      "name": "collapsible-glass",
      "type": "registry:component",
      "title": "Glass collapsible",
      "description": "Styled collapsible: the Glass set. 5 decorative collapsible variations (FrostCollapsible, TintCollapsible, SmokeCollapsible, CrystalCollapsible, DepthCollapsible) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "collapsible"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/collapsible-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/collapsible-glass.tsx"
        }
      ]
    },
    {
      "name": "collapsible-notice",
      "type": "registry:component",
      "title": "Notice collapsible",
      "description": "Styled collapsible: the Notice set. 5 decorative collapsible variations (InfoCollapsible, SuccessCollapsible, WarningCollapsible, DangerCollapsible, MutedCollapsible) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "collapsible"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/collapsible-notice.tsx",
          "type": "registry:component",
          "target": "components/ui/collapsible-notice.tsx"
        }
      ]
    },
    {
      "name": "collapsible-split",
      "type": "registry:component",
      "title": "Split collapsible",
      "description": "Styled collapsible: the Split set. 5 decorative collapsible variations (PillCollapsible, SquareCollapsible, GhostCollapsible, OutlineCollapsible, FilledCollapsible) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "collapsible"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/collapsible-split.tsx",
          "type": "registry:component",
          "target": "components/ui/collapsible-split.tsx"
        }
      ]
    },
    {
      "name": "collapsible-underline",
      "type": "registry:component",
      "title": "Underline collapsible",
      "description": "Styled collapsible: the Underline set. 5 decorative collapsible variations (SweepCollapsible, CenterCollapsible, GrowCollapsible, DoubleCollapsible, DashedCollapsible) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "collapsible"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/collapsible-underline.tsx",
          "type": "registry:component",
          "target": "components/ui/collapsible-underline.tsx"
        }
      ]
    },
    {
      "name": "resizable-accent",
      "type": "registry:component",
      "title": "Accent resizable",
      "description": "Styled resizable: the Accent set. 5 decorative resizable variations (BarResizable, GlowResizable, RingResizable, FillResizable, EdgeResizable) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "resizable"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/resizable-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/resizable-accent.tsx"
        }
      ]
    },
    {
      "name": "resizable-inset",
      "type": "registry:component",
      "title": "Inset resizable",
      "description": "Styled resizable: the Inset set. 5 decorative resizable variations (SoftResizable, DeepResizable, GrooveResizable, FrameResizable, FloatResizable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "resizable"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/resizable-inset.tsx",
          "type": "registry:component",
          "target": "components/ui/resizable-inset.tsx"
        }
      ]
    },
    {
      "name": "resizable-minimal",
      "type": "registry:component",
      "title": "Minimal resizable",
      "description": "Styled resizable: the Minimal set. 5 decorative resizable variations (LineResizable, HairResizable, DotResizable, GhostResizable, BareResizable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "resizable"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/resizable-minimal.tsx",
          "type": "registry:component",
          "target": "components/ui/resizable-minimal.tsx"
        }
      ]
    },
    {
      "name": "resizable-panel",
      "type": "registry:component",
      "title": "Panel resizable",
      "description": "Styled resizable: the Panel set. 5 decorative resizable variations (HeaderResizable, TitledResizable, BadgeResizable, ToolbarResizable, TabResizable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "resizable"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/resizable-panel.tsx",
          "type": "registry:component",
          "target": "components/ui/resizable-panel.tsx"
        }
      ]
    },
    {
      "name": "resizable-ratio",
      "type": "registry:component",
      "title": "Ratio resizable",
      "description": "Styled resizable: the Ratio set. 5 decorative resizable variations (PillResizable, InlineResizable, BadgeResizable, TooltipResizable, CornerResizable) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "resizable"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/resizable-ratio.tsx",
          "type": "registry:component",
          "target": "components/ui/resizable-ratio.tsx"
        }
      ]
    },
    {
      "name": "scroll-area-fade",
      "type": "registry:component",
      "title": "Area-fade scroll",
      "description": "Styled scroll: the Area-fade set. 5 decorative scroll variations (TopFadeScrollArea, BottomFadeScrollArea, BothFadeScrollArea, SoftFadeScrollArea, StrongFadeScrollArea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "scroll"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/scroll-area-fade.tsx",
          "type": "registry:component",
          "target": "components/ui/scroll-area-fade.tsx"
        }
      ]
    },
    {
      "name": "scroll-area-gutter",
      "type": "registry:component",
      "title": "Area-gutter scroll",
      "description": "Styled scroll: the Area-gutter set. 5 decorative scroll variations (RailScrollArea, GrooveScrollArea, WideScrollArea, InsetScrollArea, BorderedScrollArea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "scroll"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/scroll-area-gutter.tsx",
          "type": "registry:component",
          "target": "components/ui/scroll-area-gutter.tsx"
        }
      ]
    },
    {
      "name": "scroll-area-inset",
      "type": "registry:component",
      "title": "Area-inset scroll",
      "description": "Styled scroll: the Area-inset set. 5 decorative scroll variations (SoftInsetScrollArea, DeepInsetScrollArea, TopInsetScrollArea, BottomInsetScrollArea, FrameInsetScrollArea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "scroll"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/scroll-area-inset.tsx",
          "type": "registry:component",
          "target": "components/ui/scroll-area-inset.tsx"
        }
      ]
    },
    {
      "name": "scroll-area-primary",
      "type": "registry:component",
      "title": "Area-primary scroll",
      "description": "Styled scroll: the Area-primary set. 5 decorative scroll variations (SolidPrimaryScrollArea, SoftPrimaryScrollArea, RingPrimaryScrollArea, GradientPrimaryScrollArea, GlowPrimaryScrollArea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "scroll"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/scroll-area-primary.tsx",
          "type": "registry:component",
          "target": "components/ui/scroll-area-primary.tsx"
        }
      ]
    },
    {
      "name": "scroll-area-shadow",
      "type": "registry:component",
      "title": "Area-shadow scroll",
      "description": "Styled scroll: the Area-shadow set. 5 decorative scroll variations (FloatShadowScrollArea, LiftShadowScrollArea, DeepShadowScrollArea, PillShadowScrollArea, EdgeShadowScrollArea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "scroll"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/scroll-area-shadow.tsx",
          "type": "registry:component",
          "target": "components/ui/scroll-area-shadow.tsx"
        }
      ]
    },
    {
      "name": "alert-action",
      "type": "registry:component",
      "title": "Action alert",
      "description": "Styled alert: the Action set. 5 decorative alert variations (DismissAlert, LinkAlert, ButtonsAlert, InlineActionAlert, StackedAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-action.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-action.tsx"
        }
      ]
    },
    {
      "name": "alert-banner",
      "type": "registry:component",
      "title": "Banner alert",
      "description": "Styled alert: the Banner set. 5 decorative alert variations (TopAlert, InlineAlert, StickyAlert, CompactAlert, BarAlert) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-banner.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-banner.tsx"
        }
      ]
    },
    {
      "name": "alert-motion",
      "type": "registry:component",
      "title": "Motion alert",
      "description": "Styled alert: the Motion set. 5 decorative alert variations (SlideAlert, PopAlert, FadeAlert, ShakeAlert, RevealAlert) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-motion.tsx"
        }
      ]
    },
    {
      "name": "alert-outline",
      "type": "registry:component",
      "title": "Outline alert",
      "description": "Styled alert: the Outline set. 5 decorative alert variations (RingAlert, DashedAlert, DoubleAlert, ThickAlert, CornerAlert) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-outline.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-outline.tsx"
        }
      ]
    },
    {
      "name": "alert-solid",
      "type": "registry:component",
      "title": "Solid alert",
      "description": "Styled alert: the Solid set. 5 decorative alert variations (FlatAlert, DeepAlert, GradientAlert, SplitAlert, ContrastAlert) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "alert"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/alert-solid.tsx",
          "type": "registry:component",
          "target": "components/ui/alert-solid.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-collapse",
      "type": "registry:component",
      "title": "Collapse breadcrumb",
      "description": "Styled breadcrumb: the Collapse set. 5 decorative breadcrumb variations (EllipsisBreadcrumb, DropdownBreadcrumb, ScrollBreadcrumb, TruncateBreadcrumb, CompactBreadcrumb) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "breadcrumb"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/breadcrumb-collapse.tsx",
          "type": "registry:component",
          "target": "components/ui/breadcrumb-collapse.tsx"
        }
      ]
    },
    {
      "name": "empty-error",
      "type": "registry:component",
      "title": "Error empty",
      "description": "Styled empty: the Error set. 5 decorative empty variations (ErrorEmpty, OfflineEmpty, DeniedEmpty, TimeoutEmpty, BrokenEmpty) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "empty"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/empty-error.tsx",
          "type": "registry:component",
          "target": "components/ui/empty-error.tsx"
        }
      ]
    },
    {
      "name": "empty-glass",
      "type": "registry:component",
      "title": "Glass empty",
      "description": "Styled empty: the Glass set. 5 decorative empty variations (FrostEmpty, TintEmpty, SmokeEmpty, CrystalEmpty, DepthEmpty) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "empty"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/empty-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/empty-glass.tsx"
        }
      ]
    },
    {
      "name": "empty-motion",
      "type": "registry:component",
      "title": "Motion empty",
      "description": "Styled empty: the Motion set. 5 decorative empty variations (FloatEmpty, FadeEmpty, PopEmpty, BounceEmpty, DrawEmpty) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "empty"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/empty-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/empty-motion.tsx"
        }
      ]
    },
    {
      "name": "empty-onboarding",
      "type": "registry:component",
      "title": "Onboarding empty",
      "description": "Styled empty: the Onboarding set. 5 decorative empty variations (StepsEmpty, ChecklistEmpty, WelcomeEmpty, TourEmpty, TipsEmpty) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "empty"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/empty-onboarding.tsx",
          "type": "registry:component",
          "target": "components/ui/empty-onboarding.tsx"
        }
      ]
    },
    {
      "name": "empty-search",
      "type": "registry:component",
      "title": "Search empty",
      "description": "Styled empty: the Search set. 5 decorative empty variations (QueryEmpty, FilterEmpty, SuggestEmpty, RecentEmpty, ClearEmpty) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "empty"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/empty-search.tsx",
          "type": "registry:component",
          "target": "components/ui/empty-search.tsx"
        }
      ]
    },
    {
      "name": "pagination-glass",
      "type": "registry:component",
      "title": "Glass pagination",
      "description": "Styled pagination: the Glass set. 5 decorative pagination variations (FrostPagination, TintPagination, SmokePagination, CrystalPagination, DepthPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "pagination"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/pagination-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/pagination-glass.tsx"
        }
      ]
    },
    {
      "name": "skeleton-avatar",
      "type": "registry:component",
      "title": "Avatar skeleton",
      "description": "Styled skeleton: the Avatar set. 5 decorative skeleton variations (AvatarCircleSkeleton, AvatarSquareSkeleton, StackSkeleton, InlineSkeleton, DetailSkeleton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "skeleton"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/skeleton-avatar.tsx",
          "type": "registry:component",
          "target": "components/ui/skeleton-avatar.tsx"
        }
      ]
    },
    {
      "name": "skeleton-card",
      "type": "registry:component",
      "title": "Card skeleton",
      "description": "Styled skeleton: the Card set. 5 decorative skeleton variations (MediaSkeleton, ProfileSkeleton, ListSkeleton, GridSkeleton, ArticleSkeleton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "skeleton"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/skeleton-card.tsx",
          "type": "registry:component",
          "target": "components/ui/skeleton-card.tsx"
        }
      ]
    },
    {
      "name": "skeleton-shapes",
      "type": "registry:component",
      "title": "Shapes skeleton",
      "description": "Styled skeleton: the Shapes set. 5 decorative skeleton variations (CircleSkeleton, SquareSkeleton, RoundedSkeleton, PillSkeleton, BarSkeleton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "skeleton"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/skeleton-shapes.tsx",
          "type": "registry:component",
          "target": "components/ui/skeleton-shapes.tsx"
        }
      ]
    },
    {
      "name": "skeleton-table",
      "type": "registry:component",
      "title": "Table skeleton",
      "description": "Styled skeleton: the Table set. 5 decorative skeleton variations (RowsSkeleton, ColumnsSkeleton, TableGridSkeleton, HeaderSkeleton, CompactSkeleton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "skeleton"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/skeleton-table.tsx",
          "type": "registry:component",
          "target": "components/ui/skeleton-table.tsx"
        }
      ]
    },
    {
      "name": "skeleton-text",
      "type": "registry:component",
      "title": "Text skeleton",
      "description": "Styled skeleton: the Text set. 5 decorative skeleton variations (LineSkeleton, ParagraphSkeleton, HeadingSkeleton, MixedSkeleton, CaptionSkeleton) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "skeleton"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/skeleton-text.tsx",
          "type": "registry:component",
          "target": "components/ui/skeleton-text.tsx"
        }
      ]
    },
    {
      "name": "sonner-compact",
      "type": "registry:component",
      "title": "Compact sonner",
      "description": "Styled sonner: the Compact set. 5 decorative sonner variations (MinimalToaster, InlineToaster, PillToaster, IconToaster, BareToaster) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sonner"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sonner-compact.tsx",
          "type": "registry:component",
          "target": "components/ui/sonner-compact.tsx"
        }
      ]
    },
    {
      "name": "sonner-motion",
      "type": "registry:component",
      "title": "Motion sonner",
      "description": "Styled sonner: the Motion set. 5 decorative sonner variations (SlideToaster, PopToaster, FadeToaster, FlipToaster, BounceToaster) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sonner"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sonner-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/sonner-motion.tsx"
        }
      ]
    },
    {
      "name": "sonner-position",
      "type": "registry:component",
      "title": "Position sonner",
      "description": "Styled sonner: the Position set. 5 decorative sonner variations (TopRightToaster, TopCenterToaster, BottomLeftToaster, BottomCenterToaster, TopLeftToaster) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sonner"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sonner-position.tsx",
          "type": "registry:component",
          "target": "components/ui/sonner-position.tsx"
        }
      ]
    },
    {
      "name": "sonner-progress",
      "type": "registry:component",
      "title": "Progress sonner",
      "description": "Styled sonner: the Progress set. 5 decorative sonner variations (BarToaster, RingToaster, CountdownToaster, SweepToaster, EdgeToaster) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sonner"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sonner-progress.tsx",
          "type": "registry:component",
          "target": "components/ui/sonner-progress.tsx"
        }
      ]
    },
    {
      "name": "sonner-rich",
      "type": "registry:component",
      "title": "Rich sonner",
      "description": "Styled sonner: the Rich set. 5 decorative sonner variations (TitleToaster, AvatarToaster, MediaToaster, DescriptionToaster, StackedToaster) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "sonner"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/sonner-rich.tsx",
          "type": "registry:component",
          "target": "components/ui/sonner-rich.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-bar",
      "type": "registry:component",
      "title": "Bar breadcrumb",
      "description": "Styled breadcrumb: the Bar set. 5 decorative breadcrumb variations (BarBreadcrumb, CardBreadcrumb, OutlineBreadcrumb, FilledBreadcrumb, StickyBreadcrumb) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "breadcrumb"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/breadcrumb-bar.tsx",
          "type": "registry:component",
          "target": "components/ui/breadcrumb-bar.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-glass",
      "type": "registry:component",
      "title": "Glass breadcrumb",
      "description": "Styled breadcrumb: the Glass set. 5 decorative breadcrumb variations (FrostBreadcrumb, TintBreadcrumb, SmokeBreadcrumb, CrystalBreadcrumb, DepthBreadcrumb) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "breadcrumb"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/breadcrumb-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/breadcrumb-glass.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-icon",
      "type": "registry:component",
      "title": "Icon breadcrumb",
      "description": "Styled breadcrumb: the Icon set. 5 decorative breadcrumb variations (HomeBreadcrumb, FolderBreadcrumb, StepBreadcrumb, BadgeBreadcrumb, MixedBreadcrumb) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "breadcrumb"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/breadcrumb-icon.tsx",
          "type": "registry:component",
          "target": "components/ui/breadcrumb-icon.tsx"
        }
      ]
    },
    {
      "name": "breadcrumb-motion",
      "type": "registry:component",
      "title": "Motion breadcrumb",
      "description": "Styled breadcrumb: the Motion set. 5 decorative breadcrumb variations (HoverBreadcrumb, SlideBreadcrumb, FadeBreadcrumb, UnderlineBreadcrumb, MagneticBreadcrumb) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "breadcrumb"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/breadcrumb-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/breadcrumb-motion.tsx"
        }
      ]
    },
    {
      "name": "command-accent",
      "type": "registry:component",
      "title": "Accent command",
      "description": "Styled command: the Accent set. 5 decorative command variations (BarCommand, GlowCommand, FillCommand, RingCommand, EdgeCommand) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "command"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/command-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/command-accent.tsx"
        }
      ]
    },
    {
      "name": "command-compact",
      "type": "registry:component",
      "title": "Compact command",
      "description": "Styled command: the Compact set. 5 decorative command variations (DenseCommand, MinimalCommand, NarrowCommand, InlineCommand, BareCommand) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "command"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/command-compact.tsx",
          "type": "registry:component",
          "target": "components/ui/command-compact.tsx"
        }
      ]
    },
    {
      "name": "command-dialog",
      "type": "registry:component",
      "title": "Dialog command",
      "description": "Styled command: the Dialog set. 5 decorative command variations (ModalCommand, OverlayCommand, CenterCommand, TopCommand, FullscreenCommand) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "command"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/command-dialog.tsx",
          "type": "registry:component",
          "target": "components/ui/command-dialog.tsx"
        }
      ]
    },
    {
      "name": "command-empty",
      "type": "registry:component",
      "title": "Empty command",
      "description": "Styled command: the Empty set. 5 decorative command variations (EmptyCommand, LoadingCommand, ErrorCommand, RecentCommand, SuggestCommand) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "command"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/command-empty.tsx",
          "type": "registry:component",
          "target": "components/ui/command-empty.tsx"
        }
      ]
    },
    {
      "name": "command-motion",
      "type": "registry:component",
      "title": "Motion command",
      "description": "Styled command: the Motion set. 5 decorative command variations (SlideCommand, PopCommand, FadeCommand, SpringCommand, MorphCommand) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "command"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/command-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/command-motion.tsx"
        }
      ]
    },
    {
      "name": "context-menu-check",
      "type": "registry:component",
      "title": "Menu-check context",
      "description": "Styled context: the Menu-check set. 5 decorative context variations (CheckContextMenu, RadioContextMenu, ToggleContextMenu, MixedContextMenu, MultiContextMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "context"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/context-menu-check.tsx",
          "type": "registry:component",
          "target": "components/ui/context-menu-check.tsx"
        }
      ]
    },
    {
      "name": "context-menu-compact",
      "type": "registry:component",
      "title": "Menu-compact context",
      "description": "Styled context: the Menu-compact set. 5 decorative context variations (DenseContextMenu, MinimalContextMenu, PillContextMenu, BareContextMenu, NarrowContextMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "context"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/context-menu-compact.tsx",
          "type": "registry:component",
          "target": "components/ui/context-menu-compact.tsx"
        }
      ]
    },
    {
      "name": "context-menu-glass",
      "type": "registry:component",
      "title": "Menu-glass context",
      "description": "Styled context: the Menu-glass set. 5 decorative context variations (FrostContextMenu, TintContextMenu, SmokeContextMenu, CrystalContextMenu, DepthContextMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "context"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/context-menu-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/context-menu-glass.tsx"
        }
      ]
    },
    {
      "name": "context-menu-motion",
      "type": "registry:component",
      "title": "Menu-motion context",
      "description": "Styled context: the Menu-motion set. 5 decorative context variations (PopContextMenu, FadeContextMenu, SlideContextMenu, SpringContextMenu, ScaleContextMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "context"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/context-menu-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/context-menu-motion.tsx"
        }
      ]
    },
    {
      "name": "context-menu-submenu",
      "type": "registry:component",
      "title": "Menu-submenu context",
      "description": "Styled context: the Menu-submenu set. 5 decorative context variations (NestedContextMenu, FlyoutContextMenu, InlineContextMenu, DeepContextMenu, WideContextMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "context"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/context-menu-submenu.tsx",
          "type": "registry:component",
          "target": "components/ui/context-menu-submenu.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu-glass",
      "type": "registry:component",
      "title": "Menu-glass dropdown",
      "description": "Styled dropdown: the Menu-glass set. 5 decorative dropdown variations (FrostMenu, TintMenu, SmokeMenu, CrystalMenu, DepthMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dropdown"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dropdown-menu-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/dropdown-menu-glass.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu-motion",
      "type": "registry:component",
      "title": "Menu-motion dropdown",
      "description": "Styled dropdown: the Menu-motion set. 5 decorative dropdown variations (SlideMenu, PopMenu, FadeMenu, FlipMenu, SpringMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dropdown"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dropdown-menu-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/dropdown-menu-motion.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu-placement",
      "type": "registry:component",
      "title": "Menu-placement dropdown",
      "description": "Styled dropdown: the Menu-placement set. 5 decorative dropdown variations (BottomMenu, TopMenu, LeftMenu, RightMenu, CenterMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dropdown"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dropdown-menu-placement.tsx",
          "type": "registry:component",
          "target": "components/ui/dropdown-menu-placement.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu-shortcut",
      "type": "registry:component",
      "title": "Menu-shortcut dropdown",
      "description": "Styled dropdown: the Menu-shortcut set. 5 decorative dropdown variations (KbdMenu, InlineMenu, TrailingMenu, GroupedMenu, CompactMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dropdown"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dropdown-menu-shortcut.tsx",
          "type": "registry:component",
          "target": "components/ui/dropdown-menu-shortcut.tsx"
        }
      ]
    },
    {
      "name": "dropdown-menu-tone",
      "type": "registry:component",
      "title": "Menu-tone dropdown",
      "description": "Styled dropdown: the Menu-tone set. 5 decorative dropdown variations (InfoMenu, SuccessMenu, WarningMenu, DangerMenu, MutedMenu) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "dropdown"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/dropdown-menu-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/dropdown-menu-tone.tsx"
        }
      ]
    },
    {
      "name": "menubar-accent",
      "type": "registry:component",
      "title": "Accent menubar",
      "description": "Styled menubar: the Accent set. 5 decorative menubar variations (BarMenubarAccent, GlowMenubar, FillMenubar, UnderlineMenubar, EdgeMenubar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "menubar"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/menubar-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/menubar-accent.tsx"
        }
      ]
    },
    {
      "name": "menubar-dense",
      "type": "registry:component",
      "title": "Dense menubar",
      "description": "Styled menubar: the Dense set. 5 decorative menubar variations (CompactMenubar2, NarrowMenubar, TightMenubar, SlimMenubar, MicroMenubar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "menubar"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/menubar-dense.tsx",
          "type": "registry:component",
          "target": "components/ui/menubar-dense.tsx"
        }
      ]
    },
    {
      "name": "menubar-motion",
      "type": "registry:component",
      "title": "Motion menubar",
      "description": "Styled menubar: the Motion set. 5 decorative menubar variations (SlideMenubar, FadeMenubar, PopMenubar, SpringMenubar, MorphMenubar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "menubar"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/menubar-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/menubar-motion.tsx"
        }
      ]
    },
    {
      "name": "menubar-shortcut",
      "type": "registry:component",
      "title": "Shortcut menubar",
      "description": "Styled menubar: the Shortcut set. 5 decorative menubar variations (KbdMenubar, InlineMenubar, TrailingMenubar, GroupedMenubar, CompactMenubar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "menubar"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/menubar-shortcut.tsx",
          "type": "registry:component",
          "target": "components/ui/menubar-shortcut.tsx"
        }
      ]
    },
    {
      "name": "menubar-tone",
      "type": "registry:component",
      "title": "Tone menubar",
      "description": "Styled menubar: the Tone set. 5 decorative menubar variations (InfoMenubar, SuccessMenubar, WarningMenubar, DangerMenubar, MutedMenubar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "menubar"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/menubar-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/menubar-tone.tsx"
        }
      ]
    },
    {
      "name": "pagination-compact",
      "type": "registry:component",
      "title": "Compact pagination",
      "description": "Styled pagination: the Compact set. 5 decorative pagination variations (InputPagination, JumpPagination, RangePagination, SimplePagination, CounterPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "pagination"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/pagination-compact.tsx",
          "type": "registry:component",
          "target": "components/ui/pagination-compact.tsx"
        }
      ]
    },
    {
      "name": "pagination-motion",
      "type": "registry:component",
      "title": "Motion pagination",
      "description": "Styled pagination: the Motion set. 5 decorative pagination variations (SlidePagination, PopPagination, FadePagination, BouncePagination, MorphPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "pagination"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/pagination-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/pagination-motion.tsx"
        }
      ]
    },
    {
      "name": "pagination-outline",
      "type": "registry:component",
      "title": "Outline pagination",
      "description": "Styled pagination: the Outline set. 5 decorative pagination variations (RingPagination, DashedPagination, DoublePagination, ThickPagination, CornerPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "pagination"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/pagination-outline.tsx",
          "type": "registry:component",
          "target": "components/ui/pagination-outline.tsx"
        }
      ]
    },
    {
      "name": "pagination-rich",
      "type": "registry:component",
      "title": "Rich pagination",
      "description": "Styled pagination: the Rich set. 5 decorative pagination variations (SizesPagination, TotalPagination, PerPagePagination, InfoPagination, FullPagination) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "pagination"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/pagination-rich.tsx",
          "type": "registry:component",
          "target": "components/ui/pagination-rich.tsx"
        }
      ]
    },
    {
      "name": "tabs-accent",
      "type": "registry:component",
      "title": "Accent tabs",
      "description": "Styled tabs: the Accent set. 5 decorative tabs variations (BarTabs, GlowTabs, FillTabs, RingTabs, EdgeTabs) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tabs"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tabs-accent.tsx",
          "type": "registry:component",
          "target": "components/ui/tabs-accent.tsx"
        }
      ]
    },
    {
      "name": "tabs-badge",
      "type": "registry:component",
      "title": "Badge tabs",
      "description": "Styled tabs: the Badge set. 5 decorative tabs variations (CountTabs, DotTabs, StatusTabs, IconBadgeTabs, AlertTabs) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tabs"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tabs-badge.tsx",
          "type": "registry:component",
          "target": "components/ui/tabs-badge.tsx"
        }
      ]
    },
    {
      "name": "tabs-glass",
      "type": "registry:component",
      "title": "Glass tabs",
      "description": "Styled tabs: the Glass set. 5 decorative tabs variations (FrostTabs, TintTabs, SmokeTabs, CrystalTabs, DepthTabs) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tabs"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tabs-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/tabs-glass.tsx"
        }
      ]
    },
    {
      "name": "tabs-motion",
      "type": "registry:component",
      "title": "Motion tabs",
      "description": "Styled tabs: the Motion set. 5 decorative tabs variations (SlideTabs, FadeTabs, PopTabs, MorphTabs, SpringTabs) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tabs"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tabs-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/tabs-motion.tsx"
        }
      ]
    },
    {
      "name": "tabs-vertical",
      "type": "registry:component",
      "title": "Vertical tabs",
      "description": "Styled tabs: the Vertical set. 5 decorative tabs variations (LeftTabs, RightTabs, CardTabs, RailTabs, CompactTabs) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "tabs"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/tabs-vertical.tsx",
          "type": "registry:component",
          "target": "components/ui/tabs-vertical.tsx"
        }
      ]
    },
    {
      "name": "button-group-glass",
      "type": "registry:component",
      "title": "Group-glass button",
      "description": "Styled button: the Group-glass set. 5 decorative button variations (FrostButtonGroup, TintButtonGroup, SmokeButtonGroup, CrystalButtonGroup, DepthButtonGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "button"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/button-group-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/button-group-glass.tsx"
        }
      ]
    },
    {
      "name": "button-group-icon",
      "type": "registry:component",
      "title": "Group-icon button",
      "description": "Styled button: the Group-icon set. 5 decorative button variations (IconButtonGroup, LabelButtonGroup, MixedButtonGroup, CompactIconButtonGroup, TooltipButtonGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "button"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/button-group-icon.tsx",
          "type": "registry:component",
          "target": "components/ui/button-group-icon.tsx"
        }
      ]
    },
    {
      "name": "button-group-motion",
      "type": "registry:component",
      "title": "Group-motion button",
      "description": "Styled button: the Group-motion set. 5 decorative button variations (SlideButtonGroup, PopButtonGroup, FadeButtonGroup, SpringButtonGroup, MorphButtonGroup) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "button"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/button-group-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/button-group-motion.tsx"
        }
      ]
    },
    {
      "name": "button-group-tone",
      "type": "registry:component",
      "title": "Group-tone button",
      "description": "Styled button: the Group-tone set. 5 decorative button variations (InfoButtonGroup, SuccessButtonGroup, WarningButtonGroup, DangerButtonGroup, MutedButtonGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "button"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/button-group-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/button-group-tone.tsx"
        }
      ]
    },
    {
      "name": "button-group-vertical",
      "type": "registry:component",
      "title": "Group-vertical button",
      "description": "Styled button: the Group-vertical set. 5 decorative button variations (StackButtonGroup, RailButtonGroup, CardButtonGroup, CompactButtonGroup, ListButtonGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "button"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/button-group-vertical.tsx",
          "type": "registry:component",
          "target": "components/ui/button-group-vertical.tsx"
        }
      ]
    },
    {
      "name": "calendar-event",
      "type": "registry:component",
      "title": "Event calendar",
      "description": "Styled calendar: the Event set. 5 decorative calendar variations (DotCalendar, BadgeCalendar, BarCalendar, CountCalendar, ToneEventCalendar) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "calendar"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/calendar-event.tsx",
          "type": "registry:component",
          "target": "components/ui/calendar-event.tsx"
        }
      ]
    },
    {
      "name": "calendar-minimal",
      "type": "registry:component",
      "title": "Minimal calendar",
      "description": "Styled calendar: the Minimal set. 5 decorative calendar variations (BareCalendar, GhostCalendar, ThinCalendar, DenseCalendar, CleanCalendar) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "calendar"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/calendar-minimal.tsx",
          "type": "registry:component",
          "target": "components/ui/calendar-minimal.tsx"
        }
      ]
    },
    {
      "name": "calendar-motion",
      "type": "registry:component",
      "title": "Motion calendar",
      "description": "Styled calendar: the Motion set. 5 decorative calendar variations (SlideCalendar, FadeCalendar, PopCalendar, SpringCalendar, MorphCalendar) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "calendar"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/calendar-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/calendar-motion.tsx"
        }
      ]
    },
    {
      "name": "calendar-tone",
      "type": "registry:component",
      "title": "Tone calendar",
      "description": "Styled calendar: the Tone set. 5 decorative calendar variations (InfoCalendar, SuccessCalendar, WarningCalendar, DangerCalendar, MutedCalendar) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "calendar"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/calendar-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/calendar-tone.tsx"
        }
      ]
    },
    {
      "name": "calendar-week",
      "type": "registry:component",
      "title": "Week calendar",
      "description": "Styled calendar: the Week set. 5 decorative calendar variations (WeekCalendar, DaysCalendar, AgendaCalendar, StripCalendar, RowCalendar) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "calendar"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/calendar-week.tsx",
          "type": "registry:component",
          "target": "components/ui/calendar-week.tsx"
        }
      ]
    },
    {
      "name": "card-media",
      "type": "registry:component",
      "title": "Media card",
      "description": "Styled card: the Media set. 5 decorative card variations (ImageCard, CoverCard, OverlayCard, SplitCard, AvatarCard) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "card"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/card-media.tsx",
          "type": "registry:component",
          "target": "components/ui/card-media.tsx"
        }
      ]
    },
    {
      "name": "card-motion",
      "type": "registry:component",
      "title": "Motion card",
      "description": "Styled card: the Motion set. 5 decorative card variations (LiftCard, FadeCard, PopCard, SlideCard, RevealCard) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "card"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/card-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/card-motion.tsx"
        }
      ]
    },
    {
      "name": "card-outline",
      "type": "registry:component",
      "title": "Outline card",
      "description": "Styled card: the Outline set. 5 decorative card variations (RingCard, DashedCard, DoubleCard, ThickCard, CornerCard) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "card"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/card-outline.tsx",
          "type": "registry:component",
          "target": "components/ui/card-outline.tsx"
        }
      ]
    },
    {
      "name": "card-pricing",
      "type": "registry:component",
      "title": "Pricing card",
      "description": "Styled card: the Pricing set. 5 decorative card variations (TierCard, FeaturedCard, CompactPricingCard, TogglePricingCard, ListPricingCard) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "card"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/card-pricing.tsx",
          "type": "registry:component",
          "target": "components/ui/card-pricing.tsx"
        }
      ]
    },
    {
      "name": "card-stat",
      "type": "registry:component",
      "title": "Stat card",
      "description": "Styled card: the Stat set. 5 decorative card variations (MetricCard, TrendCard, SparklineCard, CompareCard, IconStatCard) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "card"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/card-stat.tsx",
          "type": "registry:component",
          "target": "components/ui/card-stat.tsx"
        }
      ]
    },
    {
      "name": "checkbox-card",
      "type": "registry:component",
      "title": "Card checkbox",
      "description": "Styled checkbox: the Card set. 5 decorative checkbox variations (CardCheckbox, TileCheckbox, PanelCheckbox, BorderedCheckbox, FilledCardCheckbox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "checkbox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/checkbox-card.tsx",
          "type": "registry:component",
          "target": "components/ui/checkbox-card.tsx"
        }
      ]
    },
    {
      "name": "checkbox-indeterminate",
      "type": "registry:component",
      "title": "Indeterminate checkbox",
      "description": "Styled checkbox: the Indeterminate set. 5 decorative checkbox variations (MixedCheckbox, ParentCheckbox, TreeCheckbox, PartialCheckbox, AllCheckbox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "checkbox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/checkbox-indeterminate.tsx",
          "type": "registry:component",
          "target": "components/ui/checkbox-indeterminate.tsx"
        }
      ]
    },
    {
      "name": "checkbox-list",
      "type": "registry:component",
      "title": "List checkbox",
      "description": "Styled checkbox: the List set. 5 decorative checkbox variations (RowCheckbox, DividedCheckbox, GroupedCheckbox, InlineCheckbox, DenseCheckbox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "checkbox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/checkbox-list.tsx",
          "type": "registry:component",
          "target": "components/ui/checkbox-list.tsx"
        }
      ]
    },
    {
      "name": "checkbox-switch",
      "type": "registry:component",
      "title": "Switch checkbox",
      "description": "Styled checkbox: the Switch set. 5 decorative checkbox variations (ToggleCheckbox, PillCheckbox, SlideCheckbox, TrackCheckbox, CompactSwitchCheckbox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "checkbox"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/checkbox-switch.tsx",
          "type": "registry:component",
          "target": "components/ui/checkbox-switch.tsx"
        }
      ]
    },
    {
      "name": "checkbox-tone",
      "type": "registry:component",
      "title": "Tone checkbox",
      "description": "Styled checkbox: the Tone set. 5 decorative checkbox variations (InfoCheckbox, SuccessCheckbox, WarningCheckbox, DangerCheckbox, MutedCheckbox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "checkbox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/checkbox-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/checkbox-tone.tsx"
        }
      ]
    },
    {
      "name": "combobox-async",
      "type": "registry:component",
      "title": "Async combobox",
      "description": "Styled combobox: the Async set. 5 decorative combobox variations (LoadingCombobox, EmptyCombobox, ErrorCombobox, RecentCombobox, SuggestCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "combobox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/combobox-async.tsx",
          "type": "registry:component",
          "target": "components/ui/combobox-async.tsx"
        }
      ]
    },
    {
      "name": "combobox-motion",
      "type": "registry:component",
      "title": "Motion combobox",
      "description": "Styled combobox: the Motion set. 5 decorative combobox variations (SlideCombobox, PopCombobox, FadeCombobox, SpringCombobox, MorphCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "combobox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/combobox-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/combobox-motion.tsx"
        }
      ]
    },
    {
      "name": "combobox-multi",
      "type": "registry:component",
      "title": "Multi combobox",
      "description": "Styled combobox: the Multi set. 5 decorative combobox variations (ChipsCombobox, CountCombobox, ChecksCombobox, InlineMultiCombobox, ClearCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "combobox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/combobox-multi.tsx",
          "type": "registry:component",
          "target": "components/ui/combobox-multi.tsx"
        }
      ]
    },
    {
      "name": "combobox-rich",
      "type": "registry:component",
      "title": "Rich combobox",
      "description": "Styled combobox: the Rich set. 5 decorative combobox variations (AvatarCombobox, DescriptionCombobox, BadgeCombobox, MediaCombobox, GroupCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "combobox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/combobox-rich.tsx",
          "type": "registry:component",
          "target": "components/ui/combobox-rich.tsx"
        }
      ]
    },
    {
      "name": "combobox-tone",
      "type": "registry:component",
      "title": "Tone combobox",
      "description": "Styled combobox: the Tone set. 5 decorative combobox variations (InfoCombobox, SuccessCombobox, WarningCombobox, DangerCombobox, MutedCombobox) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "combobox"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/combobox-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/combobox-tone.tsx"
        }
      ]
    },
    {
      "name": "date-picker-compact",
      "type": "registry:component",
      "title": "Picker-compact date",
      "description": "Styled date: the Picker-compact set. 5 decorative date variations (DenseDatePicker, MinimalDatePicker, NarrowDatePicker, InlineCompactDatePicker, BareDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "date"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/date-picker-compact.tsx",
          "type": "registry:component",
          "target": "components/ui/date-picker-compact.tsx"
        }
      ]
    },
    {
      "name": "date-picker-motion",
      "type": "registry:component",
      "title": "Picker-motion date",
      "description": "Styled date: the Picker-motion set. 5 decorative date variations (SlideDatePicker, PopDatePicker, FadeDatePicker, SpringDatePicker, MorphDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "date"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/date-picker-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/date-picker-motion.tsx"
        }
      ]
    },
    {
      "name": "date-picker-preset",
      "type": "registry:component",
      "title": "Picker-preset date",
      "description": "Styled date: the Picker-preset set. 5 decorative date variations (QuickDatePicker, ShortcutsDatePicker, RecentDatePicker, RelativeDatePicker, CustomDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "date"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/date-picker-preset.tsx",
          "type": "registry:component",
          "target": "components/ui/date-picker-preset.tsx"
        }
      ]
    },
    {
      "name": "date-picker-time",
      "type": "registry:component",
      "title": "Picker-time date",
      "description": "Styled date: the Picker-time set. 5 decorative date variations (TimeDatePicker, DateTimeDatePicker, ClockDatePicker, SlotsDatePicker, DurationDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "date"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/date-picker-time.tsx",
          "type": "registry:component",
          "target": "components/ui/date-picker-time.tsx"
        }
      ]
    },
    {
      "name": "date-picker-tone",
      "type": "registry:component",
      "title": "Picker-tone date",
      "description": "Styled date: the Picker-tone set. 5 decorative date variations (InfoDatePicker, SuccessDatePicker, WarningDatePicker, DangerDatePicker, MutedDatePicker) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "date"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/date-picker-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/date-picker-tone.tsx"
        }
      ]
    },
    {
      "name": "field-glass",
      "type": "registry:component",
      "title": "Glass field",
      "description": "Styled field: the Glass set. 5 decorative field variations (FrostField, TintField, SmokeField, CrystalField, DepthField) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "field"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/field-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/field-glass.tsx"
        }
      ]
    },
    {
      "name": "field-group",
      "type": "registry:component",
      "title": "Group field",
      "description": "Styled field: the Group set. 5 decorative field variations (RowField, SplitField, GridField, SectionField, FieldsetField) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "field"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/field-group.tsx",
          "type": "registry:component",
          "target": "components/ui/field-group.tsx"
        }
      ]
    },
    {
      "name": "field-help",
      "type": "registry:component",
      "title": "Help field",
      "description": "Styled field: the Help set. 5 decorative field variations (HintHelpField, TooltipField, CounterField, DescriptionField, LinkField) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "field"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/field-help.tsx",
          "type": "registry:component",
          "target": "components/ui/field-help.tsx"
        }
      ]
    },
    {
      "name": "field-motion",
      "type": "registry:component",
      "title": "Motion field",
      "description": "Styled field: the Motion set. 5 decorative field variations (FocusField, SlideField, FadeField, PopField, RevealField) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "field"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/field-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/field-motion.tsx"
        }
      ]
    },
    {
      "name": "field-validation",
      "type": "registry:component",
      "title": "Validation field",
      "description": "Styled field: the Validation set. 5 decorative field variations (ValidField, InvalidField, WarningField, HintField, LiveField) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "field"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/field-validation.tsx",
          "type": "registry:component",
          "target": "components/ui/field-validation.tsx"
        }
      ]
    },
    {
      "name": "file-input-compact",
      "type": "registry:component",
      "title": "Input-compact file",
      "description": "Styled file: the Input-compact set. 5 decorative file variations (InlineFile, MinimalFile, NarrowFile, RowFile, BareFile) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "file"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/file-input-compact.tsx",
          "type": "registry:component",
          "target": "components/ui/file-input-compact.tsx"
        }
      ]
    },
    {
      "name": "file-input-motion",
      "type": "registry:component",
      "title": "Input-motion file",
      "description": "Styled file: the Input-motion set. 5 decorative file variations (DragFile, PopFile, FadeFile, SlideFile, PulseFile) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "file"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/file-input-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/file-input-motion.tsx"
        }
      ]
    },
    {
      "name": "file-input-preview",
      "type": "registry:component",
      "title": "Input-preview file",
      "description": "Styled file: the Input-preview set. 5 decorative file variations (ImagePreviewFile, GridFile, ThumbFile, MediaFile, CardFile) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "file"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/file-input-preview.tsx",
          "type": "registry:component",
          "target": "components/ui/file-input-preview.tsx"
        }
      ]
    },
    {
      "name": "file-input-progress",
      "type": "registry:component",
      "title": "Input-progress file",
      "description": "Styled file: the Input-progress set. 5 decorative file variations (BarFile, RingFile, PercentFile, MultiFile, QueueFile) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "file"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/file-input-progress.tsx",
          "type": "registry:component",
          "target": "components/ui/file-input-progress.tsx"
        }
      ]
    },
    {
      "name": "file-input-tone",
      "type": "registry:component",
      "title": "Input-tone file",
      "description": "Styled file: the Input-tone set. 5 decorative file variations (InfoFile, SuccessFile, WarningFile, DangerFile, MutedFile) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "file"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/file-input-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/file-input-tone.tsx"
        }
      ]
    },
    {
      "name": "input-group-action",
      "type": "registry:component",
      "title": "Group-action input",
      "description": "Styled input: the Group-action set. 5 decorative input variations (CopyGroup, PasteGroup, RevealGroup, GenerateGroup, LoadingGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-group-action.tsx",
          "type": "registry:component",
          "target": "components/ui/input-group-action.tsx"
        }
      ]
    },
    {
      "name": "input-group-glass",
      "type": "registry:component",
      "title": "Group-glass input",
      "description": "Styled input: the Group-glass set. 5 decorative input variations (FrostGroup, TintGroup, SmokeGroup, CrystalGroup, DepthGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-group-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/input-group-glass.tsx"
        }
      ]
    },
    {
      "name": "input-group-search",
      "type": "registry:component",
      "title": "Group-search input",
      "description": "Styled input: the Group-search set. 5 decorative input variations (SearchGroup, ClearGroup, SubmitGroup, FilterGroup, VoiceGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-group-search.tsx",
          "type": "registry:component",
          "target": "components/ui/input-group-search.tsx"
        }
      ]
    },
    {
      "name": "input-group-tone",
      "type": "registry:component",
      "title": "Group-tone input",
      "description": "Styled input: the Group-tone set. 5 decorative input variations (InfoGroup, SuccessGroup, WarningGroup, DangerGroup, MutedGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-group-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/input-group-tone.tsx"
        }
      ]
    },
    {
      "name": "input-group-unit",
      "type": "registry:component",
      "title": "Group-unit input",
      "description": "Styled input: the Group-unit set. 5 decorative input variations (UnitGroup, CurrencyGroup, PercentGroup, SelectUnitGroup, StepperGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-group-unit.tsx",
          "type": "registry:component",
          "target": "components/ui/input-group-unit.tsx"
        }
      ]
    },
    {
      "name": "input-otp-glass",
      "type": "registry:component",
      "title": "Otp-glass input",
      "description": "Styled input: the Otp-glass set. 5 decorative input variations (FrostOtp, TintOtp, SmokeOtp, CrystalOtp, DepthOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-otp-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/input-otp-glass.tsx"
        }
      ]
    },
    {
      "name": "input-otp-length",
      "type": "registry:component",
      "title": "Otp-length input",
      "description": "Styled input: the Otp-length set. 5 decorative input variations (FourOtp, SixOtp, EightOtp, GroupedOtp, MaskedOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-otp-length.tsx",
          "type": "registry:component",
          "target": "components/ui/input-otp-length.tsx"
        }
      ]
    },
    {
      "name": "input-otp-motion",
      "type": "registry:component",
      "title": "Otp-motion input",
      "description": "Styled input: the Otp-motion set. 5 decorative input variations (PopOtp, FadeOtp, SlideOtp, SpringOtp, ShakeOtp) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-otp-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/input-otp-motion.tsx"
        }
      ]
    },
    {
      "name": "input-otp-state",
      "type": "registry:component",
      "title": "Otp-state input",
      "description": "Styled input: the Otp-state set. 5 decorative input variations (ValidOtp, InvalidOtp, LoadingOtp, LockedOtp, CompleteOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-otp-state.tsx",
          "type": "registry:component",
          "target": "components/ui/input-otp-state.tsx"
        }
      ]
    },
    {
      "name": "input-otp-tone",
      "type": "registry:component",
      "title": "Otp-tone input",
      "description": "Styled input: the Otp-tone set. 5 decorative input variations (InfoOtp, SuccessOtp, WarningOtp, DangerOtp, MutedOtp) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "input"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/input-otp-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/input-otp-tone.tsx"
        }
      ]
    },
    {
      "name": "item-drag",
      "type": "registry:component",
      "title": "Drag item",
      "description": "Styled item: the Drag set. 5 decorative item variations (HandleItem, GripItem, ReorderItem, GhostItem, RailItem) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "item"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/item-drag.tsx",
          "type": "registry:component",
          "target": "components/ui/item-drag.tsx"
        }
      ]
    },
    {
      "name": "item-media",
      "type": "registry:component",
      "title": "Media item",
      "description": "Styled item: the Media set. 5 decorative item variations (ThumbItem, CoverItem, VideoItem, BadgeItem, StackItem) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "item"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/item-media.tsx",
          "type": "registry:component",
          "target": "components/ui/item-media.tsx"
        }
      ]
    },
    {
      "name": "item-motion",
      "type": "registry:component",
      "title": "Motion item",
      "description": "Styled item: the Motion set. 5 decorative item variations (HoverItem, SlideItem, FadeItem, PopItem, RevealItem) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "item"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/item-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/item-motion.tsx"
        }
      ]
    },
    {
      "name": "item-select",
      "type": "registry:component",
      "title": "Select item",
      "description": "Styled item: the Select set. 5 decorative item variations (CheckItem, RadioItem, ToggleItem, MultiItem, HighlightItem) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "item"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/item-select.tsx",
          "type": "registry:component",
          "target": "components/ui/item-select.tsx"
        }
      ]
    },
    {
      "name": "item-status",
      "type": "registry:component",
      "title": "Status item",
      "description": "Styled item: the Status set. 5 decorative item variations (DotItem, StatusBadgeItem, ToneItem, ProgressItem, StatusIconItem) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "item"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/item-status.tsx",
          "type": "registry:component",
          "target": "components/ui/item-status.tsx"
        }
      ]
    },
    {
      "name": "kbd-combo",
      "type": "registry:component",
      "title": "Combo kbd",
      "description": "Styled kbd: the Combo set. 5 decorative kbd variations (ComboKbd, ChainKbd, PlusKbd, SequenceKbd, GroupKbd) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "kbd"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/kbd-combo.tsx",
          "type": "registry:component",
          "target": "components/ui/kbd-combo.tsx"
        }
      ]
    },
    {
      "name": "kbd-glass",
      "type": "registry:component",
      "title": "Glass kbd",
      "description": "Styled kbd: the Glass set. 5 decorative kbd variations (FrostKbd, TintKbd, SmokeKbd, CrystalKbd, DepthKbd) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "kbd"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/kbd-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/kbd-glass.tsx"
        }
      ]
    },
    {
      "name": "kbd-mac",
      "type": "registry:component",
      "title": "Mac kbd",
      "description": "Styled kbd: the Mac set. 5 decorative kbd variations (SymbolKbd, MacKbd, WinKbd, IconKbd, MixedKbd) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "kbd"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/kbd-mac.tsx",
          "type": "registry:component",
          "target": "components/ui/kbd-mac.tsx"
        }
      ]
    },
    {
      "name": "kbd-motion",
      "type": "registry:component",
      "title": "Motion kbd",
      "description": "Styled kbd: the Motion set. 5 decorative kbd variations (PressKbd, PopKbd, FadeKbd, BounceKbd, GlowMotionKbd) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "kbd"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/kbd-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/kbd-motion.tsx"
        }
      ]
    },
    {
      "name": "kbd-tone",
      "type": "registry:component",
      "title": "Tone kbd",
      "description": "Styled kbd: the Tone set. 5 decorative kbd variations (InfoKbd, SuccessKbd, WarningKbd, DangerKbd, MutedKbd) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "kbd"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/kbd-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/kbd-tone.tsx"
        }
      ]
    },
    {
      "name": "label-badge",
      "type": "registry:component",
      "title": "Badge label",
      "description": "Styled label: the Badge set. 5 decorative label variations (CountLabel, StatusLabel, NewLabel, BetaLabel, TagLabel) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "label"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/label-badge.tsx",
          "type": "registry:component",
          "target": "components/ui/label-badge.tsx"
        }
      ]
    },
    {
      "name": "label-float",
      "type": "registry:component",
      "title": "Float label",
      "description": "Styled label: the Float set. 5 decorative label variations (FloatLabel, ShrinkLabel, InlineFloatLabel, OverlapLabel, SlideLabel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "label"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/label-float.tsx",
          "type": "registry:component",
          "target": "components/ui/label-float.tsx"
        }
      ]
    },
    {
      "name": "label-help",
      "type": "registry:component",
      "title": "Help label",
      "description": "Styled label: the Help set. 5 decorative label variations (TooltipLabel, HintLabel, InfoHelpLabel, OptionalLabel, DescriptionLabel) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "label"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/label-help.tsx",
          "type": "registry:component",
          "target": "components/ui/label-help.tsx"
        }
      ]
    },
    {
      "name": "label-size",
      "type": "registry:component",
      "title": "Size label",
      "description": "Styled label: the Size set. 5 decorative label variations (MicroLabel, SmallLabel, BoldLabel, WideLabel, TightLabel) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "label"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/label-size.tsx",
          "type": "registry:component",
          "target": "components/ui/label-size.tsx"
        }
      ]
    },
    {
      "name": "label-tone",
      "type": "registry:component",
      "title": "Tone label",
      "description": "Styled label: the Tone set. 5 decorative label variations (InfoLabel, SuccessLabel, WarningLabel, DangerLabel, MutedLabel) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "label"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/label-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/label-tone.tsx"
        }
      ]
    },
    {
      "name": "radio-group-glass",
      "type": "registry:component",
      "title": "Group-glass radio",
      "description": "Styled radio: the Group-glass set. 5 decorative radio variations (FrostRadio, TintRadio, SmokeRadio, CrystalRadio, DepthRadio) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "radio"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/radio-group-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/radio-group-glass.tsx"
        }
      ]
    },
    {
      "name": "radio-group-image",
      "type": "registry:component",
      "title": "Group-image radio",
      "description": "Styled radio: the Group-image set. 5 decorative radio variations (SwatchRadio, ThumbRadio, ColorRadio, AvatarRadio, TileRadio) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "radio"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/radio-group-image.tsx",
          "type": "registry:component",
          "target": "components/ui/radio-group-image.tsx"
        }
      ]
    },
    {
      "name": "radio-group-list",
      "type": "registry:component",
      "title": "Group-list radio",
      "description": "Styled radio: the Group-list set. 5 decorative radio variations (RowRadio, DividedRadio, GroupedRadio, InlineRadio, DenseRadio) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "radio"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/radio-group-list.tsx",
          "type": "registry:component",
          "target": "components/ui/radio-group-list.tsx"
        }
      ]
    },
    {
      "name": "radio-group-motion",
      "type": "registry:component",
      "title": "Group-motion radio",
      "description": "Styled radio: the Group-motion set. 5 decorative radio variations (SlideRadio, PopRadio, FadeRadio, SpringRadio, MorphRadio) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "radio"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/radio-group-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/radio-group-motion.tsx"
        }
      ]
    },
    {
      "name": "radio-group-tone",
      "type": "registry:component",
      "title": "Group-tone radio",
      "description": "Styled radio: the Group-tone set. 5 decorative radio variations (InfoRadio, SuccessRadio, WarningRadio, DangerRadio, MutedRadio) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "radio"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/radio-group-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/radio-group-tone.tsx"
        }
      ]
    },
    {
      "name": "select-motion",
      "type": "registry:component",
      "title": "Motion select",
      "description": "Styled select: the Motion set. 5 decorative select variations (SlideSelect, PopSelect, FadeSelect, SpringSelect, MorphSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "select"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/select-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/select-motion.tsx"
        }
      ]
    },
    {
      "name": "select-multi",
      "type": "registry:component",
      "title": "Multi select",
      "description": "Styled select: the Multi set. 5 decorative select variations (TagsSelect, ChipsSelect, CountSelect, ChecksSelect, InlineMultiSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "select"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/select-multi.tsx",
          "type": "registry:component",
          "target": "components/ui/select-multi.tsx"
        }
      ]
    },
    {
      "name": "select-rich",
      "type": "registry:component",
      "title": "Rich select",
      "description": "Styled select: the Rich set. 5 decorative select variations (AvatarSelect, DescriptionSelect, BadgeSelect, MediaSelect, SplitSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "select"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/select-rich.tsx",
          "type": "registry:component",
          "target": "components/ui/select-rich.tsx"
        }
      ]
    },
    {
      "name": "select-search",
      "type": "registry:component",
      "title": "Search select",
      "description": "Styled select: the Search set. 5 decorative select variations (FilterSelect, TypeSelect, LiveSelect, ClearSelect, HighlightSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "select"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/select-search.tsx",
          "type": "registry:component",
          "target": "components/ui/select-search.tsx"
        }
      ]
    },
    {
      "name": "select-tone",
      "type": "registry:component",
      "title": "Tone select",
      "description": "Styled select: the Tone set. 5 decorative select variations (InfoSelect, SuccessSelect, WarningSelect, DangerSelect, MutedSelect) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "select"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/select-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/select-tone.tsx"
        }
      ]
    },
    {
      "name": "separator-decorative",
      "type": "registry:component",
      "title": "Decorative separator",
      "description": "Styled separator: the Decorative set. 5 decorative separator variations (ZigzagSeparator, WaveSeparator, ChevronSeparator, DiamondSeparator, StarSeparator) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "separator"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/separator-decorative.tsx",
          "type": "registry:component",
          "target": "components/ui/separator-decorative.tsx"
        }
      ]
    },
    {
      "name": "separator-dotted",
      "type": "registry:component",
      "title": "Dotted separator",
      "description": "Styled separator: the Dotted set. 5 decorative separator variations (DotSeparator, DottedSeparator, BeadsSeparator, SpacedSeparator, FadeDotSeparator) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "separator"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/separator-dotted.tsx",
          "type": "registry:component",
          "target": "components/ui/separator-dotted.tsx"
        }
      ]
    },
    {
      "name": "separator-thick",
      "type": "registry:component",
      "title": "Thick separator",
      "description": "Styled separator: the Thick set. 5 decorative separator variations (BarSeparator, RuleSeparator, DoubleSeparator, InsetSeparator, ShadowSeparator) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "separator"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/separator-thick.tsx",
          "type": "registry:component",
          "target": "components/ui/separator-thick.tsx"
        }
      ]
    },
    {
      "name": "separator-tone",
      "type": "registry:component",
      "title": "Tone separator",
      "description": "Styled separator: the Tone set. 5 decorative separator variations (InfoSeparator, SuccessSeparator, WarningSeparator, DangerSeparator, MutedSeparator) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "separator"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/separator-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/separator-tone.tsx"
        }
      ]
    },
    {
      "name": "separator-vertical",
      "type": "registry:component",
      "title": "Vertical separator",
      "description": "Styled separator: the Vertical set. 5 decorative separator variations (LineVSeparator, GradientVSeparator, DashedVSeparator, DotVSeparator, TallVSeparator) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "separator"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/separator-vertical.tsx",
          "type": "registry:component",
          "target": "components/ui/separator-vertical.tsx"
        }
      ]
    },
    {
      "name": "slider-marks",
      "type": "registry:component",
      "title": "Marks slider",
      "description": "Styled slider: the Marks set. 5 decorative slider variations (StepsSlider, LabelsSlider, SnapSlider, ScaleSlider, SegmentsSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "slider"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/slider-marks.tsx",
          "type": "registry:component",
          "target": "components/ui/slider-marks.tsx"
        }
      ]
    },
    {
      "name": "slider-minimal",
      "type": "registry:component",
      "title": "Minimal slider",
      "description": "Styled slider: the Minimal set. 5 decorative slider variations (HairSlider, BareSlider, GhostSlider, ThinSlider, DotSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "slider"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/slider-minimal.tsx",
          "type": "registry:component",
          "target": "components/ui/slider-minimal.tsx"
        }
      ]
    },
    {
      "name": "slider-range",
      "type": "registry:component",
      "title": "Range slider",
      "description": "Styled slider: the Range set. 5 decorative slider variations (DualSlider, MinMaxSlider, StepsRangeSlider, LabelsRangeSlider, FillRangeSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "slider"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/slider-range.tsx",
          "type": "registry:component",
          "target": "components/ui/slider-range.tsx"
        }
      ]
    },
    {
      "name": "slider-tone",
      "type": "registry:component",
      "title": "Tone slider",
      "description": "Styled slider: the Tone set. 5 decorative slider variations (InfoSlider, SuccessSlider, WarningSlider, DangerSlider, MutedSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "slider"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/slider-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/slider-tone.tsx"
        }
      ]
    },
    {
      "name": "slider-vertical",
      "type": "registry:component",
      "title": "Vertical slider",
      "description": "Styled slider: the Vertical set. 5 decorative slider variations (LineVSlider, ThickVSlider, TicksVSlider, FillVSlider, CompactVSlider) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "slider"
      ],
      "dependencies": [
        "motion@^12.42.2"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/slider-vertical.tsx",
          "type": "registry:component",
          "target": "components/ui/slider-vertical.tsx"
        }
      ]
    },
    {
      "name": "table-glass",
      "type": "registry:component",
      "title": "Glass table",
      "description": "Styled table: the Glass set. 5 decorative table variations (FrostTable, TintTable, SmokeTable, CrystalTable, DepthTable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "table"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/table-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/table-glass.tsx"
        }
      ]
    },
    {
      "name": "table-layout",
      "type": "registry:component",
      "title": "Layout table",
      "description": "Styled table: the Layout set. 5 decorative table variations (StickyHeaderTable, ScrollTable, FixedTable, WideTable, DenseTable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "table"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/table-layout.tsx",
          "type": "registry:component",
          "target": "components/ui/table-layout.tsx"
        }
      ]
    },
    {
      "name": "table-selection",
      "type": "registry:component",
      "title": "Selection table",
      "description": "Styled table: the Selection set. 5 decorative table variations (CheckboxTable, RadioTable, RowTable, AllTable, HighlightTable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "table"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/table-selection.tsx",
          "type": "registry:component",
          "target": "components/ui/table-selection.tsx"
        }
      ]
    },
    {
      "name": "table-sortable",
      "type": "registry:component",
      "title": "Sortable table",
      "description": "Styled table: the Sortable set. 5 decorative table variations (SortTable, ArrowsTable, IndicatorTable, MultiTable, StickyTable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "table"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/table-sortable.tsx",
          "type": "registry:component",
          "target": "components/ui/table-sortable.tsx"
        }
      ]
    },
    {
      "name": "table-status",
      "type": "registry:component",
      "title": "Status table",
      "description": "Styled table: the Status set. 5 decorative table variations (BadgeTable, DotTable, ToneTable, ProgressTable, IconTable) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "table"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/table-status.tsx",
          "type": "registry:component",
          "target": "components/ui/table-status.tsx"
        }
      ]
    },
    {
      "name": "textarea-autosize",
      "type": "registry:component",
      "title": "Autosize textarea",
      "description": "Styled textarea: the Autosize set. 5 decorative textarea variations (GrowTextarea, MaxTextarea, MinTextarea, FluidTextarea, FixedTextarea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "textarea"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/textarea-autosize.tsx",
          "type": "registry:component",
          "target": "components/ui/textarea-autosize.tsx"
        }
      ]
    },
    {
      "name": "textarea-glass",
      "type": "registry:component",
      "title": "Glass textarea",
      "description": "Styled textarea: the Glass set. 5 decorative textarea variations (FrostTextarea, TintTextarea, SmokeTextarea, CrystalTextarea, DepthTextarea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "textarea"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/textarea-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/textarea-glass.tsx"
        }
      ]
    },
    {
      "name": "textarea-outline",
      "type": "registry:component",
      "title": "Outline textarea",
      "description": "Styled textarea: the Outline set. 5 decorative textarea variations (RingTextarea, DashedTextarea, DoubleTextarea, ThickTextarea, CornerTextarea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "textarea"
      ],
      "dependencies": [],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/textarea-outline.tsx",
          "type": "registry:component",
          "target": "components/ui/textarea-outline.tsx"
        }
      ]
    },
    {
      "name": "textarea-toolbar",
      "type": "registry:component",
      "title": "Toolbar textarea",
      "description": "Styled textarea: the Toolbar set. 5 decorative textarea variations (FormatTextarea, ActionsTextarea, FooterTextarea, HeaderTextarea, SplitTextarea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "textarea"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/textarea-toolbar.tsx",
          "type": "registry:component",
          "target": "components/ui/textarea-toolbar.tsx"
        }
      ]
    },
    {
      "name": "textarea-validation",
      "type": "registry:component",
      "title": "Validation textarea",
      "description": "Styled textarea: the Validation set. 5 decorative textarea variations (ValidTextarea, InvalidTextarea, WarningTextarea, HintTextarea, LiveTextarea) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "textarea"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/textarea-validation.tsx",
          "type": "registry:component",
          "target": "components/ui/textarea-validation.tsx"
        }
      ]
    },
    {
      "name": "toggle-group-glass",
      "type": "registry:component",
      "title": "Group-glass toggle",
      "description": "Styled toggle: the Group-glass set. 5 decorative toggle variations (FrostToggleGroup, TintToggleGroup, SmokeToggleGroup, CrystalToggleGroup, DepthToggleGroup) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggle"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens",
        "@ai2/glass"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggle-group-glass.tsx",
          "type": "registry:component",
          "target": "components/ui/toggle-group-glass.tsx"
        }
      ]
    },
    {
      "name": "toggle-group-motion",
      "type": "registry:component",
      "title": "Group-motion toggle",
      "description": "Styled toggle: the Group-motion set. 5 decorative toggle variations (SlideToggleGroup, PopToggleGroup, FadeToggleGroup, SpringToggleGroup, MorphToggleGroup) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggle"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggle-group-motion.tsx",
          "type": "registry:component",
          "target": "components/ui/toggle-group-motion.tsx"
        }
      ]
    },
    {
      "name": "toggle-group-multi",
      "type": "registry:component",
      "title": "Group-multi toggle",
      "description": "Styled toggle: the Group-multi set. 5 decorative toggle variations (MultiToggleGroup, CountToggleGroup, ChipsToggleGroup, AllToggleGroup, MixedToggleGroup) on the ai2 token system, driven by CSS token transitions and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggle"
      ],
      "dependencies": [
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggle-group-multi.tsx",
          "type": "registry:component",
          "target": "components/ui/toggle-group-multi.tsx"
        }
      ]
    },
    {
      "name": "toggle-group-tone",
      "type": "registry:component",
      "title": "Group-tone toggle",
      "description": "Styled toggle: the Group-tone set. 5 decorative toggle variations (InfoToggleGroup, SuccessToggleGroup, WarningToggleGroup, DangerToggleGroup, MutedToggleGroup) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggle"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggle-group-tone.tsx",
          "type": "registry:component",
          "target": "components/ui/toggle-group-tone.tsx"
        }
      ]
    },
    {
      "name": "toggle-group-vertical",
      "type": "registry:component",
      "title": "Group-vertical toggle",
      "description": "Styled toggle: the Group-vertical set. 5 decorative toggle variations (StackToggleGroup, RailToggleGroup, CardToggleGroup, CompactToggleGroup, ListToggleGroup) on the ai2 token system, powered by framer-motion, reduced-motion aware and sized sm to xl. Part of the free styled layer.",
      "categories": [
        "styled",
        "toggle"
      ],
      "dependencies": [
        "motion@^12.42.2",
        "lucide-react@^1.23.0"
      ],
      "registryDependencies": [
        "@ai2/tokens"
      ],
      "files": [
        {
          "path": "registry/ai2/styled/toggle-group-vertical.tsx",
          "type": "registry:component",
          "target": "components/ui/toggle-group-vertical.tsx"
        }
      ]
    }
  ]
}