create-lexy 0.2.0 → 0.3.1

package/assets/r/scroll-area.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/ScrollArea.tsx",
       "type": "registry:ui",
+      "target": "components/base/ScrollArea.tsx",
       "content": "import * as React from \"react\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nfunction ScrollArea({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n  return (\n    <ScrollAreaPrimitive.Root\n      data-slot=\"scroll-area\"\n      className={cn(\"relative\", className)}\n      {...props}\n    >\n      <ScrollAreaPrimitive.Viewport\n        data-slot=\"scroll-area-viewport\"\n        className=\"size-full rounded-[inherit] transition-[color,box-shadow] outline-none\"\n      >\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n}\n\nfunction ScrollBar({\n  className,\n  orientation = \"vertical\",\n  ...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\n        \"flex touch-none select-none transition-colors\",\n        \"data-[orientation=horizontal]:h-2 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent\",\n        \"data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent\",\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb\n        data-slot=\"scroll-area-thumb\"\n        className=\"relative flex-1 rounded-full bg-muted-foreground/20 hover:bg-muted-foreground/30 transition-colors\"\n      />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n}\n\nexport { ScrollArea, ScrollBar };\n"
     },
     {

package/assets/r/searchbox.json

@@ -10,6 +10,7 @@
     {
       "path": "components/base/Searchbox.tsx",
       "type": "registry:ui",
+      "target": "components/base/Searchbox.tsx",
       "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nexport interface SearchboxProps\n  extends Omit<React.ComponentProps<\"input\">, \"type\"> {\n  /** Cuando se define, muestra un botón (×) para limpiar el campo. */\n  onClear?: () => void;\n}\n\nconst Searchbox = React.forwardRef<HTMLInputElement, SearchboxProps>(\n  ({ className, onClear, value, disabled, ...props }, ref) => {\n    const hasValue = value !== undefined && String(value) !== \"\";\n    const showClear = !!onClear && hasValue && !disabled;\n\n    return (\n      <div className={cn(\"relative flex w-full items-center\", className)}>\n        <svg\n          className='pointer-events-none absolute left-3 h-4 w-4 text-muted-foreground'\n          viewBox='0 0 24 24'\n          fill='none'\n          stroke='currentColor'\n          strokeWidth='2'\n          strokeLinecap='round'\n          strokeLinejoin='round'>\n          <circle cx='11' cy='11' r='8' />\n          <path d='m21 21-4.3-4.3' />\n        </svg>\n        <input\n          ref={ref}\n          type='search'\n          role='searchbox'\n          value={value}\n          disabled={disabled}\n          className={cn(\n            \"flex h-10 w-full rounded border border-input bg-background pl-9 pr-9 text-sm text-foreground outline-none transition-colors duration-150\",\n            \"placeholder:text-muted-foreground\",\n            \"hover:border-muted-foreground/40 focus-visible:border-primary\",\n            \"disabled:cursor-not-allowed disabled:opacity-50\",\n            \"[&::-webkit-search-cancel-button]:appearance-none\",\n          )}\n          {...props}\n        />\n        {showClear && (\n          <button\n            type='button'\n            onClick={onClear}\n            aria-label='Limpiar'\n            className='absolute right-3 flex h-4 w-4 cursor-pointer items-center justify-center text-muted-foreground transition-colors hover:text-foreground'>\n            <svg\n              className='h-4 w-4'\n              viewBox='0 0 24 24'\n              fill='none'\n              stroke='currentColor'\n              strokeWidth='2'\n              strokeLinecap='round'\n              strokeLinejoin='round'>\n              <path d='M18 6 6 18M6 6l12 12' />\n            </svg>\n          </button>\n        )}\n      </div>\n    );\n  },\n);\nSearchbox.displayName = \"Searchbox\";\n\nexport { Searchbox };\n"
     },
     {

package/assets/r/select.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Select.tsx",
       "type": "registry:ui",
+      "target": "components/base/Select.tsx",
       "content": "import * as React from \"react\";\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Select = SelectPrimitive.Root;\nconst SelectGroup = SelectPrimitive.Group;\nconst SelectValue = SelectPrimitive.Value;\n\nconst SelectTrigger = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"flex h-10 w-full items-center justify-between rounded border border-input bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors duration-150 hover:border-muted-foreground/40 focus:border-primary disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-muted-foreground [&>span]:line-clamp-1\",\n      className,\n    )}\n    {...props}>\n    {children}\n    <SelectPrimitive.Icon asChild>\n      <svg\n        className='h-4 w-4 opacity-50 transition-transform duration-200 data-[state=open]:rotate-180'\n        viewBox='0 0 24 24'\n        fill='none'\n        stroke='currentColor'\n        strokeWidth='2'\n        strokeLinecap='round'\n        strokeLinejoin='round'>\n        <path d='m6 9 6 6 6-6' />\n      </svg>\n    </SelectPrimitive.Icon>\n  </SelectPrimitive.Trigger>\n));\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\n\nconst SelectScrollUpButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollUpButton\n    ref={ref}\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n    {...props}>\n    <svg\n      className='h-4 w-4'\n      viewBox='0 0 24 24'\n      fill='none'\n      stroke='currentColor'\n      strokeWidth='2'\n      strokeLinecap='round'\n      strokeLinejoin='round'>\n      <path d='m18 15-6-6-6 6' />\n    </svg>\n  </SelectPrimitive.ScrollUpButton>\n));\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\n\nconst SelectScrollDownButton = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.ScrollDownButton\n    ref={ref}\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\n    {...props}>\n    <svg\n      className='h-4 w-4'\n      viewBox='0 0 24 24'\n      fill='none'\n      stroke='currentColor'\n      strokeWidth='2'\n      strokeLinecap='round'\n      strokeLinejoin='round'>\n      <path d='m6 9 6 6 6-6' />\n    </svg>\n  </SelectPrimitive.ScrollDownButton>\n));\nSelectScrollDownButton.displayName =\n  SelectPrimitive.ScrollDownButton.displayName;\n\nconst SelectContent = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\n>(({ className, children, position = \"popper\", ...props }, ref) => (\n  <SelectPrimitive.Portal>\n    <SelectPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"relative z-50 max-h-96 overflow-hidden rounded border border-border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2\",\n        position === \"popper\" &&\n          \"w-[var(--radix-select-trigger-width)] data-[side=bottom]:translate-y-1 data-[side=top]:-translate-y-1\",\n        className,\n      )}\n      position={position}\n      {...props}>\n      <SelectScrollUpButton />\n      <SelectPrimitive.Viewport\n        className={cn(\n          \"p-1\",\n          position === \"popper\" &&\n            \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\n        )}>\n        {children}\n      </SelectPrimitive.Viewport>\n      <SelectScrollDownButton />\n    </SelectPrimitive.Content>\n  </SelectPrimitive.Portal>\n));\nSelectContent.displayName = SelectPrimitive.Content.displayName;\n\nconst SelectLabel = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Label\n    ref={ref}\n    className={cn(\n      \"px-2 py-1.5 text-xs font-medium text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\n\nconst SelectItem = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\n>(({ className, children, ...props }, ref) => (\n  <SelectPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex w-full cursor-pointer select-none items-center rounded py-1.5 pl-8 pr-2 text-sm text-foreground outline-none focus:bg-primary/15 focus:text-primary data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className,\n    )}\n    {...props}>\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\n      <SelectPrimitive.ItemIndicator>\n        <svg\n          className='h-4 w-4'\n          viewBox='0 0 24 24'\n          fill='none'\n          stroke='currentColor'\n          strokeWidth='2'\n          strokeLinecap='round'\n          strokeLinejoin='round'>\n          <path d='M20 6 9 17l-5-5' />\n        </svg>\n      </SelectPrimitive.ItemIndicator>\n    </span>\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n  </SelectPrimitive.Item>\n));\nSelectItem.displayName = SelectPrimitive.Item.displayName;\n\nconst SelectSeparator = React.forwardRef<\n  React.ElementRef<typeof SelectPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <SelectPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-border\", className)}\n    {...props}\n  />\n));\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\n\nexport {\n  Select,\n  SelectGroup,\n  SelectValue,\n  SelectTrigger,\n  SelectContent,\n  SelectLabel,\n  SelectItem,\n  SelectSeparator,\n  SelectScrollUpButton,\n  SelectScrollDownButton,\n};\n"
     },
     {

package/assets/r/separator.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Separator.tsx",
       "type": "registry:ui",
+      "target": "components/base/Separator.tsx",
       "content": "import * as React from \"react\";\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref,\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"
     },
     {

package/assets/r/sheet.json

@@ -13,6 +13,7 @@
     {
       "path": "components/base/Sheet.tsx",
       "type": "registry:ui",
+      "target": "components/base/Sheet.tsx",
       "content": "import * as React from \"react\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Sheet = SheetPrimitive.Root;\nconst SheetTrigger = SheetPrimitive.Trigger;\nconst SheetClose = SheetPrimitive.Close;\nconst SheetPortal = SheetPrimitive.Portal;\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    ref={ref}\n    className={cn(\n      \"fixed inset-0 z-50 bg-black/50 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName;\n\nconst sheetVariants = cva(\n  \"fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n  {\n    variants: {\n      side: {\n        top: \"inset-x-0 top-0 border-b border-border data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top\",\n        bottom:\n          \"inset-x-0 bottom-0 border-t border-border data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom\",\n        left: \"inset-y-0 left-0 h-full w-3/4 border-r border-border data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm\",\n        right:\n          \"inset-y-0 right-0 h-full w-3/4 border-l border-border data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm\",\n      },\n    },\n    defaultVariants: { side: \"right\" },\n  },\n);\n\ninterface SheetContentProps\n  extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = \"right\", className, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}>\n      {children}\n      <SheetPrimitive.Close className='absolute right-4 top-4 cursor-pointer rounded opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none'>\n        <svg\n          className='h-4 w-4'\n          viewBox='0 0 24 24'\n          fill='none'\n          stroke='currentColor'\n          strokeWidth='2'\n          strokeLinecap='round'\n          strokeLinejoin='round'>\n          <path d='M18 6 6 18M6 6l12 12' />\n        </svg>\n        <span className='sr-only'>Cerrar</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPortal>\n));\nSheetContent.displayName = SheetPrimitive.Content.displayName;\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-2 text-center sm:text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nSheetHeader.displayName = \"SheetHeader\";\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className,\n    )}\n    {...props}\n  />\n);\nSheetFooter.displayName = \"SheetFooter\";\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn(\"text-lg font-semibold text-foreground\", className)}\n    {...props}\n  />\n));\nSheetTitle.displayName = SheetPrimitive.Title.displayName;\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nSheetDescription.displayName = SheetPrimitive.Description.displayName;\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n};\n"
     },
     {

package/assets/r/sidebar.json

@@ -10,17 +10,18 @@
     "lucide-react"
   ],
   "registryDependencies": [
-    "button",
-    "input",
-    "separator",
-    "sheet",
-    "skeleton",
-    "tooltip"
+    "@lexy/button",
+    "@lexy/input",
+    "@lexy/separator",
+    "@lexy/sheet",
+    "@lexy/skeleton",
+    "@lexy/tooltip"
   ],
   "files": [
     {
       "path": "components/base/Sidebar.tsx",
       "type": "registry:ui",
+      "target": "components/base/Sidebar.tsx",
       "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { PanelLeft } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils/cn\"\nimport { Button } from \"./Button\"\nimport { Input } from \"./Input\"\nimport { Separator } from \"./Separator\"\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"./Sheet\"\nimport { Skeleton } from \"./Skeleton\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"./Tooltip\"\n\nconst SIDEBAR_COOKIE_NAME = \"sidebar_state\"\nconst SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7\nconst SIDEBAR_WIDTH = \"20rem\"\nconst SIDEBAR_WIDTH_MOBILE = \"20rem\"\nconst SIDEBAR_WIDTH_ICON = \"4rem\"\nconst SIDEBAR_KEYBOARD_SHORTCUT = \"b\"\nconst MOBILE_BREAKPOINT = 768\n\nfunction useIsMobile() {\n  const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined)\n\n  React.useEffect(() => {\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`)\n    const onChange = () => setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    mql.addEventListener(\"change\", onChange)\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT)\n    return () => mql.removeEventListener(\"change\", onChange)\n  }, [])\n\n  return !!isMobile\n}\n\ntype SidebarContextProps = {\n  state: \"expanded\" | \"collapsed\"\n  open: boolean\n  setOpen: (open: boolean) => void\n  openMobile: boolean\n  setOpenMobile: (open: boolean) => void\n  isMobile: boolean\n  toggleSidebar: () => void\n}\n\nconst SidebarContext = React.createContext<SidebarContextProps | null>(null)\n\nfunction useSidebar() {\n  const context = React.useContext(SidebarContext)\n  if (!context) {\n    throw new Error(\"useSidebar must be used within a SidebarProvider.\")\n  }\n\n  return context\n}\n\nconst SidebarProvider = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    defaultOpen?: boolean\n    open?: boolean\n    onOpenChange?: (open: boolean) => void\n  }\n>(\n  (\n    {\n      defaultOpen = true,\n      open: openProp,\n      onOpenChange: setOpenProp,\n      className,\n      style,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const isMobile = useIsMobile()\n    const [openMobile, setOpenMobile] = React.useState(false)\n\n    // This is the internal state of the sidebar.\n    // We use openProp and setOpenProp for control from outside the component.\n    const [_open, _setOpen] = React.useState(defaultOpen)\n    const open = openProp ?? _open\n    const setOpen = React.useCallback(\n      (value: boolean | ((value: boolean) => boolean)) => {\n        const openState = typeof value === \"function\" ? value(open) : value\n        if (setOpenProp) {\n          setOpenProp(openState)\n        } else {\n          _setOpen(openState)\n        }\n\n        // This sets the cookie to keep the sidebar state.\n        document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`\n      },\n      [setOpenProp, open]\n    )\n\n    // Helper to toggle the sidebar.\n    const toggleSidebar = React.useCallback(() => {\n      return isMobile\n        ? setOpenMobile((open) => !open)\n        : setOpen((open) => !open)\n    }, [isMobile, setOpen, setOpenMobile])\n\n    // Adds a keyboard shortcut to toggle the sidebar.\n    React.useEffect(() => {\n      const handleKeyDown = (event: KeyboardEvent) => {\n        if (\n          event.key === SIDEBAR_KEYBOARD_SHORTCUT &&\n          (event.metaKey || event.ctrlKey)\n        ) {\n          event.preventDefault()\n          toggleSidebar()\n        }\n      }\n\n      window.addEventListener(\"keydown\", handleKeyDown)\n      return () => window.removeEventListener(\"keydown\", handleKeyDown)\n    }, [toggleSidebar])\n\n    // We add a state so that we can do data-state=\"expanded\" or \"collapsed\".\n    // This makes it easier to style the sidebar with Tailwind classes.\n    const state = open ? \"expanded\" : \"collapsed\"\n\n    const contextValue = React.useMemo<SidebarContextProps>(\n      () => ({\n        state,\n        open,\n        setOpen,\n        isMobile,\n        openMobile,\n        setOpenMobile,\n        toggleSidebar,\n      }),\n      [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]\n    )\n\n    return (\n      <SidebarContext.Provider value={contextValue}>\n        <TooltipProvider delayDuration={0}>\n          <div\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH,\n                \"--sidebar-width-icon\": SIDEBAR_WIDTH_ICON,\n                ...style,\n              } as React.CSSProperties\n            }\n            className={cn(\n              \"group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar\",\n              className\n            )}\n            ref={ref}\n            {...props}\n          >\n            {children}\n          </div>\n        </TooltipProvider>\n      </SidebarContext.Provider>\n    )\n  }\n)\nSidebarProvider.displayName = \"SidebarProvider\"\n\nconst Sidebar = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    side?: \"left\" | \"right\"\n    variant?: \"sidebar\" | \"floating\" | \"inset\"\n    collapsible?: \"offcanvas\" | \"icon\" | \"none\"\n  }\n>(\n  (\n    {\n      side = \"left\",\n      variant = \"sidebar\",\n      collapsible = \"offcanvas\",\n      className,\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const { isMobile, state, openMobile, setOpenMobile } = useSidebar()\n\n    if (collapsible === \"none\") {\n      return (\n        <div\n          className={cn(\n            \"flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground\",\n            className\n          )}\n          ref={ref}\n          {...props}\n        >\n          {children}\n        </div>\n      )\n    }\n\n    if (isMobile) {\n      return (\n        <Sheet open={openMobile} onOpenChange={setOpenMobile} {...props}>\n          <SheetContent\n            data-sidebar=\"sidebar\"\n            data-mobile=\"true\"\n            className=\"w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden\"\n            style={\n              {\n                \"--sidebar-width\": SIDEBAR_WIDTH_MOBILE,\n              } as React.CSSProperties\n            }\n            side={side}\n          >\n            <SheetHeader className=\"sr-only\">\n              <SheetTitle>Sidebar</SheetTitle>\n              <SheetDescription>Displays the mobile sidebar.</SheetDescription>\n            </SheetHeader>\n            <div className=\"flex h-full w-full flex-col\">{children}</div>\n          </SheetContent>\n        </Sheet>\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        className=\"group peer hidden text-sidebar-foreground md:block\"\n        data-state={state}\n        data-collapsible={state === \"collapsed\" ? collapsible : \"\"}\n        data-variant={variant}\n        data-side={side}\n      >\n        {/* This is what handles the sidebar gap on desktop */}\n        <div\n          className={cn(\n            \"relative h-svh w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear\",\n            \"group-data-[collapsible=offcanvas]:w-0\",\n            \"group-data-[side=right]:rotate-180\",\n            variant === \"floating\" || variant === \"inset\"\n              ? \"group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon)\"\n          )}\n        />\n        <div\n          className={cn(\n            \"fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex\",\n            side === \"left\"\n              ? \"left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]\"\n              : \"right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]\",\n            // Adjust the padding for floating and inset variants.\n            variant === \"floating\" || variant === \"inset\"\n              ? \"p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]\"\n              : \"group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l border-sidebar-border\",\n            className\n          )}\n          {...props}\n        >\n          <div\n            data-sidebar=\"sidebar\"\n            className=\"flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow\"\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    )\n  }\n)\nSidebar.displayName = \"Sidebar\"\n\nconst SidebarTrigger = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button>\n>(({ className, onClick, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <Button\n      ref={ref}\n      data-sidebar=\"trigger\"\n      variant=\"ghost\"\n      size=\"icon\"\n      className={cn(\"h-8 w-8 rounded-md hover:bg-secondary\", className)}\n      onClick={(event) => {\n        onClick?.(event)\n        toggleSidebar()\n      }}\n      {...props}\n    >\n      <PanelLeft />\n      <span className=\"sr-only\">Toggle Sidebar</span>\n    </Button>\n  )\n})\nSidebarTrigger.displayName = \"SidebarTrigger\"\n\nconst SidebarRail = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\">\n>(({ className, ...props }, ref) => {\n  const { toggleSidebar } = useSidebar()\n\n  return (\n    <button\n      ref={ref}\n      data-sidebar=\"rail\"\n      aria-label=\"Toggle Sidebar\"\n      tabIndex={-1}\n      onClick={toggleSidebar}\n      title=\"Toggle Sidebar\"\n      className={cn(\n        \"absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-0.5 hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex\",\n        \"[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize\",\n        \"[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize\",\n        \"group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar\",\n        \"[[data-side=left][data-collapsible=offcanvas]_&]:-right-2\",\n        \"[[data-side=right][data-collapsible=offcanvas]_&]:-left-2\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarRail.displayName = \"SidebarRail\"\n\nconst SidebarInset = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"main\">\n>(({ className, ...props }, ref) => {\n  return (\n    <main\n      ref={ref}\n      className={cn(\n        \"relative flex w-full flex-1 flex-col bg-background\",\n        \"md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-lg md:peer-data-[variant=inset]:shadow\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInset.displayName = \"SidebarInset\"\n\nconst SidebarInput = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  React.ComponentProps<typeof Input>\n>(({ className, ...props }, ref) => {\n  return (\n    <Input\n      ref={ref}\n      data-sidebar=\"input\"\n      className={cn(\n        \"h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarInput.displayName = \"SidebarInput\"\n\nconst SidebarHeader = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"header\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarHeader.displayName = \"SidebarHeader\"\n\nconst SidebarFooter = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"footer\"\n      className={cn(\"flex flex-col gap-2 p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarFooter.displayName = \"SidebarFooter\"\n\nconst SidebarSeparator = React.forwardRef<\n  React.ElementRef<typeof Separator>,\n  React.ComponentProps<typeof Separator>\n>(({ className, ...props }, ref) => {\n  return (\n    <Separator\n      ref={ref}\n      data-sidebar=\"separator\"\n      className={cn(\"mx-2 w-auto bg-sidebar-border\", className)}\n      {...props}\n    />\n  )\n})\nSidebarSeparator.displayName = \"SidebarSeparator\"\n\nconst SidebarContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"content\"\n      className={cn(\n        \"flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden [&::-webkit-scrollbar]:w-1 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-border/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarContent.displayName = \"SidebarContent\"\n\nconst SidebarGroup = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => {\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"group\"\n      className={cn(\"relative flex w-full min-w-0 flex-col p-2\", className)}\n      {...props}\n    />\n  )\n})\nSidebarGroup.displayName = \"SidebarGroup\"\n\nconst SidebarGroupLabel = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"div\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-label\"\n      className={cn(\n        \"flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        \"group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupLabel.displayName = \"SidebarGroupLabel\"\n\nconst SidebarGroupAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & { asChild?: boolean }\n>(({ className, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"group-action\"\n      className={cn(\n        \"absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarGroupAction.displayName = \"SidebarGroupAction\"\n\nconst SidebarGroupContent = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"group-content\"\n    className={cn(\"w-full text-sm\", className)}\n    {...props}\n  />\n))\nSidebarGroupContent.displayName = \"SidebarGroupContent\"\n\nconst SidebarMenu = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu\"\n    className={cn(\"flex w-full min-w-0 flex-col gap-1\", className)}\n    {...props}\n  />\n))\nSidebarMenu.displayName = \"SidebarMenu\"\n\nconst SidebarMenuItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ className, ...props }, ref) => (\n  <li\n    ref={ref}\n    data-sidebar=\"menu-item\"\n    className={cn(\"group/menu-item relative\", className)}\n    {...props}\n  />\n))\nSidebarMenuItem.displayName = \"SidebarMenuItem\"\n\nconst sidebarMenuButtonVariants = cva(\n  \"peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[color,background-color,width,height,padding] duration-200 hover:bg-secondary hover:text-sidebar-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-secondary data-[state=open]:hover:text-sidebar-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"hover:bg-secondary hover:text-sidebar-foreground\",\n        outline:\n          \"bg-background shadow-[0_0_0_1px_var(--color-sidebar-border)] hover:bg-secondary hover:text-sidebar-foreground hover:shadow-[0_0_0_1px_var(--color-sidebar-border)]\",\n      },\n      size: {\n        default: \"h-8 text-sm\",\n        sm: \"h-7 text-xs\",\n        lg: \"h-12 text-sm group-data-[collapsible=icon]:!p-0\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nconst SidebarMenuButton = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    isActive?: boolean\n    tooltip?: string | React.ComponentProps<typeof TooltipContent>\n  } & VariantProps<typeof sidebarMenuButtonVariants>\n>(\n  (\n    {\n      asChild = false,\n      isActive = false,\n      variant = \"default\",\n      size = \"default\",\n      tooltip,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot : \"button\"\n    const { isMobile, state } = useSidebar()\n\n    const button = (\n      <Comp\n        ref={ref}\n        data-sidebar=\"menu-button\"\n        data-size={size}\n        data-active={isActive}\n        className={cn(sidebarMenuButtonVariants({ variant, size }), className)}\n        {...props}\n      />\n    )\n\n    if (!tooltip) {\n      return button\n    }\n\n    if (typeof tooltip === \"string\") {\n      tooltip = {\n        children: tooltip,\n      }\n    }\n\n    return (\n      <Tooltip>\n        <TooltipTrigger asChild>{button}</TooltipTrigger>\n        <TooltipContent\n          side=\"right\"\n          align=\"center\"\n          hidden={state !== \"collapsed\" || isMobile}\n          {...tooltip}\n        />\n      </Tooltip>\n    )\n  }\n)\nSidebarMenuButton.displayName = \"SidebarMenuButton\"\n\nconst SidebarMenuAction = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<\"button\"> & {\n    asChild?: boolean\n    showOnHover?: boolean\n  }\n>(({ className, asChild = false, showOnHover = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"button\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-action\"\n      className={cn(\n        \"absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-colors hover:bg-secondary hover:text-sidebar-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-foreground [&>svg]:size-4 [&>svg]:shrink-0\",\n        // Increases the hit area of the button on mobile.\n        \"after:absolute after:-inset-2 after:md:hidden\",\n        \"peer-data-[size=sm]/menu-button:top-1\",\n        \"peer-data-[size=default]/menu-button:top-1.5\",\n        \"peer-data-[size=lg]/menu-button:top-2.5\",\n        \"group-data-[collapsible=icon]:hidden\",\n        showOnHover &&\n          \"group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuAction.displayName = \"SidebarMenuAction\"\n\nconst SidebarMenuBadge = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\">\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    data-sidebar=\"menu-badge\"\n    className={cn(\n      \"pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground\",\n      \"peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground\",\n      \"peer-data-[size=sm]/menu-button:top-1\",\n      \"peer-data-[size=default]/menu-button:top-1.5\",\n      \"peer-data-[size=lg]/menu-button:top-2.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuBadge.displayName = \"SidebarMenuBadge\"\n\nconst SidebarMenuSkeleton = React.forwardRef<\n  HTMLDivElement,\n  React.ComponentProps<\"div\"> & {\n    showIcon?: boolean\n  }\n>(({ className, showIcon = false, ...props }, ref) => {\n  // Random width between 50 to 90%.\n  const width = React.useMemo(() => {\n    return `${Math.floor(Math.random() * 40) + 50}%`\n  }, [])\n\n  return (\n    <div\n      ref={ref}\n      data-sidebar=\"menu-skeleton\"\n      className={cn(\"flex h-8 items-center gap-2 rounded-md px-2\", className)}\n      {...props}\n    >\n      {showIcon && (\n        <Skeleton\n          className=\"size-4 rounded-md\"\n          data-sidebar=\"menu-skeleton-icon\"\n        />\n      )}\n      <Skeleton\n        className=\"h-4 max-w-(--skeleton-width) flex-1\"\n        data-sidebar=\"menu-skeleton-text\"\n        style={\n          {\n            \"--skeleton-width\": width,\n          } as React.CSSProperties\n        }\n      />\n    </div>\n  )\n})\nSidebarMenuSkeleton.displayName = \"SidebarMenuSkeleton\"\n\nconst SidebarMenuSub = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<\"ul\">\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    data-sidebar=\"menu-sub\"\n    className={cn(\n      \"mx-0 flex min-w-0 flex-col gap-1 px-0 py-0.5\",\n      \"group-data-[collapsible=icon]:hidden\",\n      className\n    )}\n    {...props}\n  />\n))\nSidebarMenuSub.displayName = \"SidebarMenuSub\"\n\nconst SidebarMenuSubItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<\"li\">\n>(({ ...props }, ref) => <li ref={ref} {...props} />)\nSidebarMenuSubItem.displayName = \"SidebarMenuSubItem\"\n\nconst SidebarMenuSubButton = React.forwardRef<\n  HTMLAnchorElement,\n  React.ComponentProps<\"a\"> & {\n    asChild?: boolean\n    size?: \"sm\" | \"md\"\n    isActive?: boolean\n  }\n>(({ asChild = false, size = \"md\", isActive, className, ...props }, ref) => {\n  const Comp = asChild ? Slot : \"a\"\n\n  return (\n    <Comp\n      ref={ref}\n      data-sidebar=\"menu-sub-button\"\n      data-size={size}\n      data-active={isActive}\n      className={cn(\n        \"flex h-8 min-w-0 items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground/80 outline-none ring-sidebar-ring transition-colors duration-200 hover:bg-secondary hover:text-sidebar-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-70 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-muted-foreground\",\n        \"data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground\",\n        size === \"sm\" && \"text-xs\",\n        size === \"md\" && \"text-sm\",\n        \"group-data-[collapsible=icon]:hidden\",\n        className\n      )}\n      {...props}\n    />\n  )\n})\nSidebarMenuSubButton.displayName = \"SidebarMenuSubButton\"\n\nexport {\n  Sidebar,\n  SidebarContent,\n  SidebarFooter,\n  SidebarGroup,\n  SidebarGroupAction,\n  SidebarGroupContent,\n  SidebarGroupLabel,\n  SidebarHeader,\n  SidebarInput,\n  SidebarInset,\n  SidebarMenu,\n  SidebarMenuAction,\n  SidebarMenuBadge,\n  SidebarMenuButton,\n  SidebarMenuItem,\n  SidebarMenuSkeleton,\n  SidebarMenuSub,\n  SidebarMenuSubButton,\n  SidebarMenuSubItem,\n  SidebarProvider,\n  SidebarRail,\n  SidebarSeparator,\n  SidebarTrigger,\n  useSidebar,\n}\n"
     },
     {

package/assets/r/skeleton.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Skeleton.tsx",
       "type": "registry:ui",
+      "target": "components/base/Skeleton.tsx",
       "content": "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst skeletonVariants = cva(\"animate-pulse bg-muted motion-reduce:animate-none\", {\n  variants: {\n    shape: {\n      line: \"h-4 w-full rounded\",\n      avatar: \"h-10 w-10 rounded-full\",\n      block: \"h-24 w-full rounded-md\",\n    },\n  },\n  defaultVariants: { shape: \"line\" },\n});\n\nexport interface SkeletonProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {}\n\nconst Skeleton = React.forwardRef<HTMLDivElement, SkeletonProps>(\n  ({ shape, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(skeletonVariants({ shape }), className)}\n      {...props}\n    />\n  ),\n);\nSkeleton.displayName = \"Skeleton\";\n\nexport { Skeleton, skeletonVariants };\n"
     },
     {

package/assets/r/slider.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Slider.tsx",
       "type": "registry:ui",
+      "target": "components/base/Slider.tsx",
       "content": "import * as React from \"react\";\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"relative flex w-full touch-none select-none items-center\",\n      className,\n    )}\n    {...props}>\n    <SliderPrimitive.Track className='relative h-1.5 w-full grow overflow-hidden rounded-full bg-secondary'>\n      <SliderPrimitive.Range className='absolute h-full bg-primary' />\n    </SliderPrimitive.Track>\n    <SliderPrimitive.Thumb className='block h-4 w-4 cursor-pointer rounded-full border border-primary/50 bg-card shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50' />\n  </SliderPrimitive.Root>\n));\nSlider.displayName = SliderPrimitive.Root.displayName;\n\nexport { Slider };\n"
     },
     {

package/assets/r/snippet.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Snippet.tsx",
       "type": "registry:ui",
+      "target": "components/base/Snippet.tsx",
       "content": "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst snippetVariants = cva(\n  // py-2 + py-0.5 del pre: el texto queda a la misma distancia del borde\n  // superior e inferior que el botón de copiar (caja simétrica, 40px de alto).\n  \"relative flex w-full min-w-0 items-start gap-3 rounded-md border bg-background px-3 py-2 text-sm text-foreground\",\n  {\n    variants: {\n      variant: {\n        default: \"border-border\",\n        success: \"border-success/30\",\n        warning: \"border-warning/30\",\n        error: \"border-destructive/30\",\n      },\n      font: {\n        mono: \"font-mono\",\n        sans: \"\",\n      },\n    },\n    defaultVariants: { variant: \"default\", font: \"mono\" },\n  },\n);\n\nexport interface SnippetProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">,\n    VariantProps<typeof snippetVariants> {\n  /** Texto exacto que se copia al portapapeles. */\n  children: string;\n  lines?: \"single\" | \"multi\";\n  onCopy?: () => void;\n  copiedDuration?: number;\n}\n\nexport function Snippet({\n  variant,\n  font,\n  lines = \"single\",\n  children,\n  onCopy,\n  copiedDuration = 1500,\n  className,\n  ...props\n}: SnippetProps) {\n  const [copied, setCopied] = React.useState(false);\n\n  const copy = async () => {\n    try {\n      await navigator.clipboard.writeText(children);\n      setCopied(true);\n      onCopy?.();\n      window.setTimeout(() => setCopied(false), copiedDuration);\n    } catch {\n      /* portapapeles no disponible */\n    }\n  };\n\n  return (\n    <div className={cn(snippetVariants({ variant, font }), className)} {...props}>\n      <pre\n        className={cn(\n          \"min-w-0 flex-1 overflow-x-auto py-0.5\",\n          lines === \"single\"\n            ? \"whitespace-nowrap\"\n            : \"max-h-48 whitespace-pre-wrap\",\n        )}>\n        <code>{children}</code>\n      </pre>\n      <button\n        type='button'\n        onClick={copy}\n        aria-label={copied ? \"Copiado\" : \"Copiar al portapapeles\"}\n        className='m-0 flex shrink-0 cursor-pointer rounded-md p-1 text-muted-foreground transition-colors duration-150 hover:bg-secondary hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring'>\n        {copied ? (\n          <svg\n            className='h-4 w-4 text-success'\n            viewBox='0 0 24 24'\n            fill='none'\n            stroke='currentColor'\n            strokeWidth='2'\n            strokeLinecap='round'\n            strokeLinejoin='round'>\n            <path d='M20 6 9 17l-5-5' />\n          </svg>\n        ) : (\n          <svg\n            className='h-4 w-4'\n            viewBox='0 0 24 24'\n            fill='none'\n            stroke='currentColor'\n            strokeWidth='2'\n            strokeLinecap='round'\n            strokeLinejoin='round'>\n            <rect width='14' height='14' x='8' y='8' rx='2' ry='2' />\n            <path d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2' />\n          </svg>\n        )}\n      </button>\n    </div>\n  );\n}\n\nexport { snippetVariants };\n"
     },
     {

package/assets/r/spinner.json

@@ -13,6 +13,7 @@
     {
       "path": "components/base/Spinner.tsx",
       "type": "registry:ui",
+      "target": "components/base/Spinner.tsx",
       "content": "import * as React from \"react\";\nimport { Loader2Icon } from \"lucide-react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst spinnerVariants = cva(\"animate-spin text-primary\", {\n  variants: {\n    size: {\n      sm: \"size-4\",\n      md: \"size-6\",\n      lg: \"size-8\",\n      xl: \"size-12\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport interface SpinnerProps\n  extends React.ComponentPropsWithoutRef<\"svg\">,\n    VariantProps<typeof spinnerVariants> {}\n\nconst Spinner = React.forwardRef<SVGSVGElement, SpinnerProps>(\n  ({ className, size, ...props }, ref) => (\n    <Loader2Icon\n      ref={ref}\n      role=\"status\"\n      aria-label=\"Cargando\"\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    />\n  ),\n);\nSpinner.displayName = \"Spinner\";\n\nexport { Spinner, spinnerVariants };\n"
     },
     {

package/assets/r/status-dot.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/StatusDot.tsx",
       "type": "registry:ui",
+      "target": "components/base/StatusDot.tsx",
       "content": "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst statusDotVariants = cva(\"inline-block shrink-0 rounded-full\", {\n  variants: {\n    tone: {\n      gray: \"bg-muted-foreground\",\n      brand: \"bg-primary\",\n      success: \"bg-success\",\n      warning: \"bg-warning\",\n      danger: \"bg-destructive\",\n      info: \"bg-info\",\n    },\n    size: {\n      sm: \"h-1.5 w-1.5\",\n      md: \"h-2 w-2\",\n      lg: \"h-2.5 w-2.5\",\n    },\n  },\n  defaultVariants: { tone: \"gray\", size: \"md\" },\n});\n\nexport interface StatusDotProps\n  extends React.HTMLAttributes<HTMLSpanElement>,\n    VariantProps<typeof statusDotVariants> {\n  /** Requerido cuando no hay texto (punto solo). */\n  \"aria-label\"?: string;\n}\n\nconst StatusDot = React.forwardRef<HTMLSpanElement, StatusDotProps>(\n  function StatusDot(\n    { tone, size, children, \"aria-label\": ariaLabel, className, ...props },\n    ref,\n  ) {\n    return (\n      <span\n        ref={ref}\n        className={cn(\"inline-flex min-w-0 items-center gap-2\", className)}\n        {...props}>\n        <span className={statusDotVariants({ tone, size })} aria-hidden />\n        {children ? (\n          <span className='text-sm text-foreground'>{children}</span>\n        ) : (\n          <span className='sr-only'>{ariaLabel ?? \"Estado\"}</span>\n        )}\n      </span>\n    );\n  },\n);\nStatusDot.displayName = \"StatusDot\";\n\nexport { StatusDot, statusDotVariants };\n"
     },
     {

package/assets/r/switch.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Switch.tsx",
       "type": "registry:ui",
+      "target": "components/base/Switch.tsx",
       "content": "import * as React from \"react\";\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Switch = React.forwardRef<\n  React.ElementRef<typeof SwitchPrimitives.Root>,\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\n>(({ className, ...props }, ref) => (\n  <SwitchPrimitives.Root\n    className={cn(\n      \"peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\",\n      className,\n    )}\n    {...props}\n    ref={ref}>\n    <SwitchPrimitives.Thumb\n      className={cn(\n        \"pointer-events-none block h-5 w-5 rounded-full bg-card shadow-sm ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0\",\n      )}\n    />\n  </SwitchPrimitives.Root>\n));\nSwitch.displayName = SwitchPrimitives.Root.displayName;\n\nexport { Switch };\n"
     },
     {

package/assets/r/table.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Table.tsx",
       "type": "registry:ui",
+      "target": "components/base/Table.tsx",
       "content": "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\n// Tabla en grid de divs (no <table>): el ancho de columnas se controla con\n// `columns` (grid-template-columns), lo que permite truncado y alineación\n// fiables. Compound: Table + TableHeader/TableContent/TableRow/TableCell;\n// los alias estáticos (Table.Header, …) se conservan por compatibilidad.\n\ntype TableVariant = \"normal\" | \"basic\" | \"striped\";\n\ninterface TableContextProps {\n  columns?: string;\n  variant: TableVariant;\n  stickyHeader?: boolean;\n}\n\nconst TableContext = React.createContext<TableContextProps>({\n  variant: \"normal\",\n  stickyHeader: false,\n});\n\nconst tableVariants = cva(\n  \"flex w-full flex-col overflow-hidden rounded-md border border-border bg-card text-sm text-foreground shadow-sm\",\n  {\n    variants: {\n      variant: {\n        normal: \"\",\n        basic: \"border-none shadow-none\",\n        striped: \"\",\n      },\n    },\n    defaultVariants: { variant: \"normal\" },\n  },\n);\n\nexport interface TableProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof tableVariants> {\n  /** grid-template-columns (p. ej. \"2fr 1fr 1fr\"). Sin definir: columnas iguales. */\n  columns?: string;\n  /** Mantiene el header visible al hacer scroll vertical. */\n  stickyHeader?: boolean;\n}\n\nconst TableRoot = React.forwardRef<HTMLDivElement, TableProps>(\n  function Table(\n    { children, className, columns, variant, stickyHeader = false, ...props },\n    ref,\n  ) {\n    const resolvedVariant = variant ?? \"normal\";\n    return (\n      <TableContext.Provider\n        value={{ columns, variant: resolvedVariant, stickyHeader }}\n      >\n        <div\n          ref={ref}\n          role='table'\n          className={cn(tableVariants({ variant }), className)}\n          {...props}\n        >\n          <div\n            className={cn(\"w-full overflow-x-auto\", {\n              \"max-h-125 overflow-y-auto\": stickyHeader,\n            })}>\n            {children}\n          </div>\n        </div>\n      </TableContext.Provider>\n    );\n  },\n);\n\nconst getGridStyles = (columns?: string) => {\n  if (columns) return { gridTemplateColumns: columns };\n  return { gridAutoFlow: \"column\" as const, gridAutoColumns: \"1fr\" };\n};\n\nconst TableHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TableHeader({ children, className, style, ...props }, ref) {\n  const { columns, variant, stickyHeader } = React.useContext(TableContext);\n\n  return (\n    <div\n      ref={ref}\n      role='rowgroup'\n      style={{ ...getGridStyles(columns), ...style }}\n      className={cn(\n        \"grid items-center px-4 py-3 font-semibold text-foreground\",\n        {\n          \"border-b border-border bg-background\":\n            variant === \"basic\" || variant === \"normal\",\n          \"bg-muted\": variant === \"striped\",\n          \"sticky top-0 z-10 shadow-sm\": stickyHeader,\n        },\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nconst TableContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TableContent({ className, ...props }, ref) {\n  return (\n    <div ref={ref} className={cn(\"flex flex-col\", className)} {...props} />\n  );\n});\n\nconst TableRow = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TableRow({ children, className, style, onClick, ...props }, ref) {\n  const { columns, variant } = React.useContext(TableContext);\n\n  return (\n    <div\n      ref={ref}\n      role='row'\n      onClick={onClick}\n      style={{ ...getGridStyles(columns), ...style }}\n      className={cn(\n        \"grid items-center px-4 py-3 transition-colors hover:bg-muted/60\",\n        {\n          \"border-b border-border last:border-0\": variant === \"normal\",\n          \"border-none\": variant === \"basic\",\n          \"border-none odd:bg-muted/40 even:bg-card\": variant === \"striped\",\n          \"cursor-pointer\": onClick,\n        },\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n});\n\nconst TableCell = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TableCell({ className, ...props }, ref) {\n  return (\n    <div\n      ref={ref}\n      role='cell'\n      className={cn(\n        \"truncate px-1 leading-relaxed text-muted-foreground\",\n        className,\n      )}\n      {...props}\n    />\n  );\n});\n\n// Alias estáticos por compatibilidad con el uso Table.Header / Table.Row / …\nconst Table = Object.assign(TableRoot, {\n  Header: TableHeader,\n  Content: TableContent,\n  Row: TableRow,\n  Cell: TableCell,\n});\n\nexport { Table, TableHeader, TableContent, TableRow, TableCell, tableVariants };\n"
     },
     {

package/assets/r/tabs.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Tabs.tsx",
       "type": "registry:ui",
+      "target": "components/base/Tabs.tsx",
       "content": "import * as React from \"react\";\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Tabs = TabsPrimitive.Root;\n\nconst TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      \"inline-flex h-10 items-center justify-center rounded-md bg-muted p-1 text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nconst TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={cn(\n      \"inline-flex cursor-pointer items-center justify-center whitespace-nowrap rounded px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm\",\n      className,\n    )}\n    {...props}\n  />\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nconst TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    className={cn(\n      \"mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n      className,\n    )}\n    {...props}\n  />\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent };\n"
     },
     {

package/assets/r/tag.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Tag.tsx",
       "type": "registry:ui",
+      "target": "components/base/Tag.tsx",
       "content": "import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst tagVariants = cva(\n  \"inline-flex select-none items-center gap-1 border text-xs font-medium leading-none\",\n  {\n    variants: {\n      tone: {\n        gray: \"border-border bg-secondary text-secondary-foreground\",\n        brand: \"border-primary/20 bg-primary/10 text-primary\",\n        success: \"border-success/20 bg-success/10 text-success\",\n        warning: \"border-warning/20 bg-warning/10 text-warning\",\n        danger: \"border-destructive/20 bg-destructive/10 text-destructive\",\n      },\n      shape: {\n        square: \"rounded\",\n        rounded: \"rounded-full\",\n      },\n      size: {\n        sm: \"h-6 px-2 py-0.5\",\n        md: \"h-7 px-2.5 py-1\",\n        lg: \"h-8 px-3 py-1\",\n      },\n    },\n    defaultVariants: { tone: \"gray\", shape: \"square\", size: \"sm\" },\n  },\n);\n\nexport interface TagProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"color\">,\n    VariantProps<typeof tagVariants> {\n  removable?: boolean;\n  onRemove?: () => void;\n}\n\nconst Tag = React.forwardRef<HTMLSpanElement, TagProps>(function Tag(\n  { tone, shape, size, removable, onRemove, children, className, ...props },\n  ref,\n) {\n  return (\n    <span\n      ref={ref}\n      className={cn(tagVariants({ tone, shape, size }), className)}\n      {...props}>\n      {children}\n      {removable && (\n        <button\n          type='button'\n          onClick={onRemove}\n          aria-label='Quitar'\n          className='-mr-0.5 inline-flex cursor-pointer items-center justify-center rounded-full opacity-60 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-current'>\n          <svg\n            className='h-3 w-3'\n            viewBox='0 0 24 24'\n            fill='none'\n            stroke='currentColor'\n            strokeWidth='2'\n            strokeLinecap='round'\n            strokeLinejoin='round'>\n            <path d='M18 6 6 18M6 6l12 12' />\n          </svg>\n        </button>\n      )}\n    </span>\n  );\n});\nTag.displayName = \"Tag\";\n\nexport { Tag, tagVariants };\n"
     },
     {

package/assets/r/textarea.json

@@ -10,6 +10,7 @@
     {
       "path": "components/base/Textarea.tsx",
       "type": "registry:ui",
+      "target": "components/base/Textarea.tsx",
       "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst Textarea = React.forwardRef<\n  HTMLTextAreaElement,\n  React.ComponentProps<\"textarea\">\n>(({ className, ...props }, ref) => {\n  return (\n    <textarea\n      className={cn(\n        \"flex min-h-20 w-full resize-y rounded border border-input bg-background px-3 py-2.5 text-sm text-foreground outline-none transition-colors duration-150\",\n        \"placeholder:text-muted-foreground\",\n        \"hover:border-muted-foreground/40\",\n        \"focus-visible:border-primary\",\n        \"aria-invalid:border-destructive aria-invalid:hover:border-destructive aria-invalid:focus-visible:border-destructive\",\n        \"disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-input\",\n        className,\n      )}\n      ref={ref}\n      {...props}\n    />\n  );\n});\nTextarea.displayName = \"Textarea\";\n\nexport { Textarea };\n"
     },
     {

package/assets/r/toaster.json

@@ -0,0 +1,25 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
+  "name": "toaster",
+  "type": "registry:ui",
+  "title": "Toaster",
+  "description": "Notificaciones efímeras de la app (sobre **Sonner**, tematizado con tokens Lexy). Se monta **una vez** en el layout raíz y se dispara imperativo con `toast.*` desde cualquier parte. Reemplaza al `Toast` presentacional del sistema antiguo (deprecado). El componente vive en tu proyecto: instálalo con `create-lexy add toaster` y edítalo con libertad.",
+  "dependencies": [
+    "sonner@^2.0.0"
+  ],
+  "registryDependencies": [],
+  "files": [
+    {
+      "path": "components/base/Toaster.tsx",
+      "type": "registry:ui",
+      "target": "components/base/Toaster.tsx",
+      "content": "import * as React from \"react\";\nimport { Toaster as Sonner, toast } from \"sonner\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\n// Toaster de la app (Sonner) tematizado con tokens Lexy. Se monta UNA vez en\n// el layout raíz; después se dispara imperativo desde cualquier parte:\n//\n//   toast.success(\"Cambios guardados\");\n//   toast.error(\"No pudimos guardar. Intenta de nuevo.\");\n//\n// Los tipos success/error/warning/info colorean con los tokens semánticos del\n// theme (--color-success, --color-destructive, --color-warning, --color-info)\n// vía las CSS vars de Sonner, así que cambiar el theme re-tematiza los toasts.\n//\n// Defaults pensados para CRM (denso, escritorio): bottom-right, 4s, cola de 3.\n// Para mundo cliente (flujos guiados, móvil) se recomienda position=\"top-center\"\n// y duration={6000} — ver criterio en Toaster.md.\n\nexport interface ToasterProps\n  extends React.ComponentProps<typeof Sonner> {}\n\nconst Toaster = ({ className, style, toastOptions, ...props }: ToasterProps) => (\n  <Sonner\n    className={cn(\"toaster group\", className)}\n    position=\"bottom-right\"\n    duration={4000}\n    visibleToasts={3}\n    richColors\n    style={\n      {\n        \"--normal-bg\": \"var(--color-background)\",\n        \"--normal-text\": \"var(--color-foreground)\",\n        \"--normal-border\": \"var(--color-border)\",\n        \"--success-bg\": \"var(--color-background)\",\n        \"--success-text\": \"var(--color-success)\",\n        \"--success-border\":\n          \"color-mix(in oklab, var(--color-success) 30%, transparent)\",\n        \"--error-bg\": \"var(--color-background)\",\n        \"--error-text\": \"var(--color-destructive)\",\n        \"--error-border\":\n          \"color-mix(in oklab, var(--color-destructive) 30%, transparent)\",\n        \"--warning-bg\": \"var(--color-background)\",\n        \"--warning-text\": \"var(--color-warning)\",\n        \"--warning-border\":\n          \"color-mix(in oklab, var(--color-warning) 30%, transparent)\",\n        \"--info-bg\": \"var(--color-background)\",\n        \"--info-text\": \"var(--color-info)\",\n        \"--info-border\":\n          \"color-mix(in oklab, var(--color-info) 30%, transparent)\",\n        \"--border-radius\": \"var(--radius-md)\",\n        ...style,\n      } as React.CSSProperties\n    }\n    toastOptions={{\n      ...toastOptions,\n      classNames: {\n        ...toastOptions?.classNames,\n        // Capa flotante según el contrato de geometría: shadow-md.\n        toast: cn(\"group toast !shadow-md\", toastOptions?.classNames?.toast),\n        description: cn(\n          \"!text-muted-foreground\",\n          toastOptions?.classNames?.description,\n        ),\n        actionButton: cn(\n          \"!bg-primary !text-primary-foreground\",\n          toastOptions?.classNames?.actionButton,\n        ),\n        cancelButton: cn(\n          \"!bg-muted !text-muted-foreground\",\n          toastOptions?.classNames?.cancelButton,\n        ),\n      },\n    }}\n    {...props}\n  />\n);\n\nexport { Toaster, toast };\n"
+    },
+    {
+      "path": "components/base/Toaster.md",
+      "type": "registry:file",
+      "target": "components/base/Toaster.md",
+      "content": "# Toaster — guía de uso\n\nNotificaciones efímeras de la app (sobre **Sonner**, tematizado con tokens Lexy). Se monta **una vez** en el layout raíz y se dispara imperativo con `toast.*` desde cualquier parte. Reemplaza al `Toast` presentacional del sistema antiguo (deprecado). El componente vive en tu proyecto: instálalo con `create-lexy add toaster` y edítalo con libertad.\n\n## Import\n\n```tsx\n// En el layout raíz (una sola vez):\nimport { Toaster } from \"@/components/base/Toaster\";\n\n// Donde dispares notificaciones:\nimport { toast } from \"@/components/base/Toaster\";\n```\n\n## Montaje\n\n```tsx\nfunction App() {\n  return (\n    <>\n      <Rutas />\n      <Toaster />\n    </>\n  );\n}\n```\n\n## Uso básico\n\n```tsx\ntoast(\"Borrador guardado\");\ntoast.success(\"Cambios guardados\");\ntoast.error(\"No pudimos guardar. Intenta de nuevo.\");\ntoast.warning(\"Tu sesión expira en 5 minutos\");\ntoast.info(\"Hay una versión nueva disponible\");\n\n// Con acción y descripción:\ntoast.success(\"Contrato enviado\", {\n  description: \"Le avisamos al cliente por correo.\",\n  action: { label: \"Ver contrato\", onClick: () => navigate(`/contratos/${id}`) },\n});\n\n// Operación async de una vez:\ntoast.promise(guardar(), {\n  loading: \"Guardando…\",\n  success: \"Cambios guardados\",\n  error: \"No pudimos guardar. Intenta de nuevo.\",\n});\n```\n\n## Tematización\n\nLos tipos colorean con los tokens semánticos del theme vía las CSS vars de Sonner: `success` → `--color-success`, `error` → `--color-destructive`, `warning` → `--color-warning`, `info` → `--color-info`. Cambiar los tokens re-tematiza los toasts sin tocar el componente.\n\n## Posición, duración y cola (criterio por mundo)\n\nDefaults del componente: `position=\"bottom-right\"`, `duration={4000}`, `visibleToasts={3}` — pensados para **CRM** (escritorio denso: la esquina inferior derecha no tapa toolbars ni encabezados, y la cola corta evita ruido en flujos de alta frecuencia).\n\nPara **mundo cliente** (flujos guiados, móvil primero) configura el montaje:\n\n```tsx\n<Toaster position=\"top-center\" duration={6000} visibleToasts={2} />\n```\n\nArriba y centrado entra en el campo visual del flujo paso a paso, y la duración mayor da tiempo de lectura a personas no expertas.\n\n## Props\n\n`Toaster` acepta todas las props de Sonner (`position`, `duration`, `visibleToasts`, `closeButton`, `toastOptions`…); los defaults y el mapeo de tokens viven en el componente y son editables. Exporta también `toast` (la API imperativa completa de Sonner).\n\n## Reglas (UX writing)\n\n- Éxito puntual (guardado, envío) → toast con el **siguiente paso** cuando exista (*\"Contrato enviado\"* + acción *\"Ver contrato\"*).\n- Error en toast solo si es transitorio y re-intentable (*\"No pudimos guardar. Intenta de nuevo.\"*); errores de validación van en el formulario (`FormMessage`), y errores que bloquean la página van en la vista, no en un toast.\n- Mensajes cortos, verbo primero, sin tecnicismos ni códigos de error.\n- No comuniques con color solamente: el texto debe bastar.\n\n## Cuándo NO usar\n\n- **Confirmar antes de actuar** → `AlertDialog`.\n- **Estado persistente de la vista** (vacío, error de carga) → `Empty` o estado en la página.\n- **Errores de campos** → `FormMessage`.\n\n## Para IA\n\n1. Monta `<Toaster />` una vez en el layout raíz; nunca por vista.\n2. Importa `toast` desde el componente local, no desde `sonner` directo (así hereda el tema).\n3. Tras una mutación: éxito → `toast.success` con siguiente paso; fallo re-intentable → `toast.error` con cómo arreglarlo.\n4. En mundo cliente configura `position=\"top-center\" duration={6000}`; en CRM deja los defaults.\n"
+    }
+  ]
+}

package/assets/r/tooltip.json

@@ -12,6 +12,7 @@
     {
       "path": "components/base/Tooltip.tsx",
       "type": "registry:ui",
+      "target": "components/base/Tooltip.tsx",
       "content": "import * as React from \"react\";\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst TooltipProvider = TooltipPrimitive.Provider;\nconst Tooltip = TooltipPrimitive.Root;\nconst TooltipTrigger = TooltipPrimitive.Trigger;\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <TooltipPrimitive.Portal>\n    <TooltipPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 overflow-hidden rounded bg-foreground px-3 py-1.5 text-xs text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n        className,\n      )}\n      {...props}\n    />\n  </TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };\n"
     },
     {

package/assets/r/tree.json

@@ -10,6 +10,7 @@
     {
       "path": "components/base/Tree.tsx",
       "type": "registry:ui",
+      "target": "components/base/Tree.tsx",
       "content": "import * as React from \"react\";\n\nimport { cn } from \"@/lib/utils/cn\";\n\nconst DepthCtx = React.createContext(0);\n\nconst svgProps = {\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: \"2\",\n  strokeLinecap: \"round\" as const,\n  strokeLinejoin: \"round\" as const,\n};\n\nexport interface TreeProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport function Tree({ className, ...props }: TreeProps) {\n  return (\n    <div\n      role='tree'\n      className={cn(\n        \"w-full rounded-lg border border-border bg-background p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport interface TreeItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  label: React.ReactNode;\n  kind?: \"folder\" | \"file\";\n  defaultExpanded?: boolean;\n  /** Sub-ítems anidados (solo tiene efecto en kind=\"folder\"). */\n  children?: React.ReactNode;\n}\n\nconst TreeItem = React.forwardRef<HTMLDivElement, TreeItemProps>(\n  function TreeItem(\n    { label, kind = \"file\", defaultExpanded = false, children, className, ...props },\n    ref,\n  ) {\n  const depth = React.useContext(DepthCtx);\n  const [expanded, setExpanded] = React.useState(defaultExpanded);\n  const isFolder = kind === \"folder\";\n  const hasChildren = Boolean(children);\n\n  return (\n    <div\n      ref={ref}\n      role='treeitem'\n      aria-expanded={isFolder ? expanded : undefined}\n      className={className}\n      {...props}>\n      <div\n        onClick={() => isFolder && setExpanded((value) => !value)}\n        style={{ paddingLeft: depth * 16 + 8 }}\n        className={cn(\n          \"flex h-8 items-center gap-1.5 rounded pr-2 text-sm text-foreground transition-colors hover:bg-primary/15 hover:text-primary\",\n          isFolder && \"cursor-pointer\",\n        )}>\n        {isFolder ? (\n          <>\n            <svg\n              className={cn(\n                \"h-4 w-4 flex-shrink-0 text-muted-foreground transition-transform\",\n                expanded && \"rotate-90\",\n              )}\n              {...svgProps}>\n              <path d='m9 18 6-6-6-6' />\n            </svg>\n            {expanded ? (\n              <svg className='h-4 w-4 flex-shrink-0 text-primary' {...svgProps}>\n                <path d='m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.55 6a2 2 0 0 1-1.94 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2' />\n              </svg>\n            ) : (\n              <svg className='h-4 w-4 flex-shrink-0 text-primary' {...svgProps}>\n                <path d='M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z' />\n              </svg>\n            )}\n          </>\n        ) : (\n          <>\n            <span className='w-4 flex-shrink-0' />\n            <svg\n              className='h-4 w-4 flex-shrink-0 text-muted-foreground'\n              {...svgProps}>\n              <path d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z' />\n              <path d='M14 2v4a2 2 0 0 0 2 2h4' />\n            </svg>\n          </>\n        )}\n        <span className='truncate'>{label}</span>\n      </div>\n      {isFolder && expanded && hasChildren && (\n        <DepthCtx.Provider value={depth + 1}>\n          <div role='group'>{children}</div>\n        </DepthCtx.Provider>\n      )}\n    </div>\n  );\n  },\n);\n\nTree.Item = TreeItem;\n\nexport { TreeItem };\n"
     },
     {

package/dist/index.js

@@ -1,11 +1,11 @@
 #!/usr/bin/env node
-import{readFileSync as lt}from"fs";import je from"path";import{fileURLToPath as dt}from"url";import{Command as mt}from"commander";import pt from"picocolors";import{spawn as Te}from"child_process";import W from"fs/promises";import G from"path";import{confirm as Fe,isCancel as Se,spinner as me}from"@clack/prompts";import h from"picocolors";import te from"path";var $e=(e,t)=>t.architecture!=="feature"?e:e.replace(/from ["']@\/lib\/utils\/cn["']/g,'from "@/shared/lib/utils/cn"'),oe="components/base/",$=(e,t)=>e.files.filter(o=>typeof o.content=="string").map(o=>({relPath:te.posix.join(t.paths.components,o.path.startsWith(oe)?o.path.slice(oe.length):te.posix.basename(o.path)),content:$e(o.content,t)}));import re from"fs/promises";import Pe from"path";var ne=e=>Pe.join(e,".lexy"),I=async e=>{let t;try{t=await re.readFile(ne(e),"utf-8")}catch{throw new Error("No se encontr\xF3 el archivo .lexy. \xBFEst\xE1s en la ra\xEDz de un proyecto Lexy? (cr\xE9alo con `npx create-lexy create`)")}let o=JSON.parse(t);if(!o.paths?.components)throw new Error("El .lexy no tiene paths.components \u2014 archivo corrupto o de una versi\xF3n incompatible.");return o.installed??={},o},se=async(e,t)=>{await re.writeFile(ne(e),JSON.stringify(t,null,2)+`
-`)};import k from"fs/promises";import Ce from"os";import P from"path";import{fileURLToPath as Ie}from"url";var ie="@lexydesign/registry",D=`https://cdn.jsdelivr.net/npm/${ie}`,Ee=8e3,H=P.resolve(P.dirname(Ie(import.meta.url)),"../assets"),Le=P.join(Ce.homedir(),".cache","create-lexy","registry"),U=async e=>{let t=await fetch(e,{signal:AbortSignal.timeout(Ee)});if(!t.ok){let o=new Error(`HTTP ${t.status} al pedir ${e}`);throw o.status=t.status,o}return await t.json()},ae=async e=>{try{return JSON.parse(await k.readFile(P.join(H,"r",e),"utf-8"))}catch{return null}},Y=async()=>{try{return(await k.readFile(P.join(H,"registry-version"),"utf-8")).trim()}catch{return"bundle"}},A=null,q=async()=>{if(A)return A;try{A=(await U(`https://registry.npmjs.org/${ie}/latest`)).version}catch{try{A=(await U(`${D}@latest/package.json`)).version}catch{A=await Y()}}return A},x=async(e,t)=>{let o=t??await q(),r=P.join(Le,o,`${e}.json`);try{return{item:JSON.parse(await k.readFile(r,"utf-8")),version:o,source:"cache"}}catch{}try{let n=await U(`${D}@${o}/r/${e}.json`);return await k.mkdir(P.dirname(r),{recursive:!0}),await k.writeFile(r,JSON.stringify(n)),{item:n,version:o,source:"cdn"}}catch(n){if(n.status===404)throw new Error(`El componente "${e}" no existe en el registry (versi\xF3n ${o}). Mira el cat\xE1logo con \`create-lexy view --list\`.`);let s=await ae(`${e}.json`);if(s)return{item:s,version:await Y(),source:"bundle"};throw new Error(`No se pudo alcanzar el registry (\xBFsin red?) y "${e}" tampoco est\xE1 en el bundle local del CLI.`)}},ce=async()=>{try{let e=await q();return{index:await U(`${D}@${e}/r/registry.json`),version:e,source:"cdn"}}catch{let e=await ae("registry.json");if(e)return{index:e,version:await Y(),source:"bundle"};throw new Error("No se pudo alcanzar el registry ni leer el bundle local del CLI.")}},le=P.join(H,"theme/lexy-theme.css"),de=P.join(H,"fonts");var Ne=(e,t)=>new Promise((o,r)=>{Te("pnpm",["add",...e],{cwd:t,stdio:"ignore",shell:!0}).on("close",s=>s===0?o():r(new Error(`pnpm add fall\xF3 con c\xF3digo ${s}`)))}),Ae=async e=>{try{return await W.readFile(e,"utf-8")}catch{return null}},pe=async(e,t)=>{let o=process.cwd(),r=await I(o),n=me();n.start("Resolviendo componentes en el registry...");let s=new Map,i=async a=>{let l=a.toLowerCase();if(s.has(l))return;let u=await x(l);s.set(l,u);for(let v of u.item.registryDependencies??[])await i(v)};try{for(let a of e)await i(a)}catch(a){throw n.stop(h.red("No se pudo resolver el pedido.")),a}let d=new Map;for(let[a,{item:l}]of s){let u=[];for(let v of $(l,r)){let C=await Ae(G.join(o,v.relPath));u.push({...v,status:C===null?"new":C===v.content?"same":"differs"})}d.set(a,u)}let c=Array.from(d.values()).flat().filter(a=>a.status==="differs");if(n.stop(`Resueltos: ${Array.from(s.keys()).join(", ")}`),c.length>0&&!t.overwrite){let a=c.map(l=>`  ${l.relPath}`).join(`
-`);if(process.stdout.isTTY&&process.stdin.isTTY){let l=await Fe({message:`Estos archivos existen con cambios locales y ser\xE1n sobrescritos:
+import{readFileSync as dt}from"fs";import be from"path";import{fileURLToPath as mt}from"url";import{Command as pt}from"commander";import ft from"picocolors";import{spawn as Fe}from"child_process";import W from"fs/promises";import G from"path";import{confirm as Te,isCancel as Se,spinner as de}from"@clack/prompts";import h from"picocolors";import X from"path";var je=(e,t)=>t.architecture!=="feature"?e:e.replace(/from ["']@\/lib\/utils\/cn["']/g,'from "@/shared/lib/utils/cn"').replace(/from ["']@\/components\/base\//g,'from "@/shared/components/base/'),$e=[["components/base/",e=>e.paths.components],["views/",e=>e.paths.views],["hooks/",e=>e.paths.hooks],["lib/",e=>e.paths.lib]],$=(e,t)=>e.files.filter(o=>typeof o.content=="string").map(o=>{let r=$e.find(([n])=>o.path.startsWith(n));return{relPath:r?X.posix.join(r[1](t),o.path.slice(r[0].length)):X.posix.join(t.paths.components,X.posix.basename(o.path)),content:je(o.content,t)}});import oe from"fs/promises";import Pe from"path";var re=e=>Pe.join(e,".lexy"),I=async e=>{let t;try{t=await oe.readFile(re(e),"utf-8")}catch{throw new Error("No se encontr\xF3 el archivo .lexy. \xBFEst\xE1s en la ra\xEDz de un proyecto Lexy? (cr\xE9alo con `npx create-lexy create`)")}let o=JSON.parse(t);if(!o.paths?.components)throw new Error("El .lexy no tiene paths.components \u2014 archivo corrupto o de una versi\xF3n incompatible.");return o.installed??={},o},ne=async(e,t)=>{await oe.writeFile(re(e),JSON.stringify(t,null,2)+`
+`)};import R from"fs/promises";import Ce from"os";import P from"path";import{fileURLToPath as Ie}from"url";var se="@lexydesign/registry",k=`https://cdn.jsdelivr.net/npm/${se}`,Ee=8e3,H=P.resolve(P.dirname(Ie(import.meta.url)),"../assets"),Le=P.join(Ce.homedir(),".cache","create-lexy","registry"),U=async e=>{let t=await fetch(e,{signal:AbortSignal.timeout(Ee)});if(!t.ok){let o=new Error(`HTTP ${t.status} al pedir ${e}`);throw o.status=t.status,o}return await t.json()},ie=async e=>{try{return JSON.parse(await R.readFile(P.join(H,"r",e),"utf-8"))}catch{return null}},Y=async()=>{try{return(await R.readFile(P.join(H,"registry-version"),"utf-8")).trim()}catch{return"bundle"}},O=null,q=async()=>{if(O)return O;try{O=(await U(`https://registry.npmjs.org/${se}/latest`)).version}catch{try{O=(await U(`${k}@latest/package.json`)).version}catch{O=await Y()}}return O},x=async(e,t)=>{let o=e.replace(/^@lexy\//,""),r=t??await q(),s=P.join(Le,r,`${o}.json`);try{return{item:JSON.parse(await R.readFile(s,"utf-8")),version:r,source:"cache"}}catch{}try{let n=await U(`${k}@${r}/r/${o}.json`);return await R.mkdir(P.dirname(s),{recursive:!0}),await R.writeFile(s,JSON.stringify(n)),{item:n,version:r,source:"cdn"}}catch(n){if(n.status===404)throw new Error(`El componente "${o}" no existe en el registry (versi\xF3n ${r}). Mira el cat\xE1logo con \`create-lexy view --list\`.`);let i=await ie(`${o}.json`);if(i)return{item:i,version:await Y(),source:"bundle"};throw new Error(`No se pudo alcanzar el registry (\xBFsin red?) y "${o}" tampoco est\xE1 en el bundle local del CLI.`)}},ae=async()=>{try{let e=await q();return{index:await U(`${k}@${e}/r/registry.json`),version:e,source:"cdn"}}catch{let e=await ie("registry.json");if(e)return{index:e,version:await Y(),source:"bundle"};throw new Error("No se pudo alcanzar el registry ni leer el bundle local del CLI.")}},ce=P.join(H,"theme/lexy-theme.css"),le=P.join(H,"fonts");var Ne=(e,t)=>new Promise((o,r)=>{Fe("pnpm",["add",...e],{cwd:t,stdio:"ignore",shell:!0}).on("close",n=>n===0?o():r(new Error(`pnpm add fall\xF3 con c\xF3digo ${n}`)))}),Oe=async e=>{try{return await W.readFile(e,"utf-8")}catch{return null}},me=async(e,t)=>{let o=process.cwd(),r=await I(o),s=de();s.start("Resolviendo componentes en el registry...");let n=new Map,i=async a=>{let l=a.toLowerCase().replace(/^@lexy\//,"");if(n.has(l))return;let u=await x(l);n.set(l,u);for(let v of u.item.registryDependencies??[])await i(v)};try{for(let a of e)await i(a)}catch(a){throw s.stop(h.red("No se pudo resolver el pedido.")),a}let d=new Map;for(let[a,{item:l}]of n){let u=[];for(let v of $(l,r)){let C=await Oe(G.join(o,v.relPath));u.push({...v,status:C===null?"new":C===v.content?"same":"differs"})}d.set(a,u)}let c=Array.from(d.values()).flat().filter(a=>a.status==="differs");if(s.stop(`Resueltos: ${Array.from(n.keys()).join(", ")}`),c.length>0&&!t.overwrite){let a=c.map(l=>`  ${l.relPath}`).join(`
+`);if(process.stdout.isTTY&&process.stdin.isTTY){let l=await Te({message:`Estos archivos existen con cambios locales y ser\xE1n sobrescritos:
 ${a}
 \xBFContinuar?`});if(Se(l)||l!==!0){console.log(h.yellow("Operaci\xF3n cancelada \u2014 nada fue modificado.")),process.exitCode=1;return}}else{console.error(h.red(`Estos archivos existen con cambios locales:
 `)+a+h.dim(`
-Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[a,l]of d){let{item:u,version:v,source:C}=s.get(a);for(let y of l){if(y.status==="same")continue;let j=G.join(o,y.relPath);await W.mkdir(G.dirname(j),{recursive:!0}),await W.writeFile(j,y.content)}r.installed[u.name]=v;let J=e.map(y=>y.toLowerCase()).includes(a)?"":h.dim(" (dependencia)"),R=C==="bundle"?h.yellow(" [bundle local \u2014 sin red]"):"";console.log(h.green(`${h.bold(u.title??u.name)} instalado`)+J+h.cyan(` \u2192 ${r.paths.components}/`)+R);for(let y of l){let j=y.status==="same"?h.dim(" (sin cambios)"):"";console.log(h.dim(`   ${y.relPath}${j}`))}}await se(o,r);let m=new Set;for(let{item:a}of s.values())for(let l of a.dependencies??[])m.add(l);let p=JSON.parse(await W.readFile(G.join(o,"package.json"),"utf-8")),g={...p.dependencies,...p.devDependencies},z=a=>{let l=a.lastIndexOf("@");return l>0?a.slice(0,l):a},f=Array.from(m).filter(a=>!g[z(a)]);if(f.length>0)if(t.install===!1)console.log(h.yellow(`Dependencias pendientes (inst\xE1lalas t\xFA): ${f.join(", ")}`));else{let a=me();a.start(`Instalando dependencias: ${f.join(", ")}...`),await Ne(f,o),a.stop("Dependencias instaladas.")}};import{spawn as Ze}from"child_process";import{note as et,outro as tt,spinner as ot}from"@clack/prompts";import T from"picocolors";import{cancel as Oe,intro as Re,isCancel as ke,select as fe,text as De}from"@clack/prompts";import ue from"picocolors";var Me=`
+Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[a,l]of d){let{item:u,version:v,source:C}=n.get(a);for(let y of l){if(y.status==="same")continue;let j=G.join(o,y.relPath);await W.mkdir(G.dirname(j),{recursive:!0}),await W.writeFile(j,y.content)}r.installed[u.name]=v;let J=e.map(y=>y.toLowerCase()).includes(a)?"":h.dim(" (dependencia)"),D=C==="bundle"?h.yellow(" [bundle local \u2014 sin red]"):"";console.log(h.green(`${h.bold(u.title??u.name)} instalado`)+J+h.cyan(` \u2192 ${r.paths.components}/`)+D);for(let y of l){let j=y.status==="same"?h.dim(" (sin cambios)"):"";console.log(h.dim(`   ${y.relPath}${j}`))}}await ne(o,r);let m=new Set;for(let{item:a}of n.values())for(let l of a.dependencies??[])m.add(l);let p=JSON.parse(await W.readFile(G.join(o,"package.json"),"utf-8")),g={...p.dependencies,...p.devDependencies},z=a=>{let l=a.lastIndexOf("@");return l>0?a.slice(0,l):a},f=Array.from(m).filter(a=>!g[z(a)]);if(f.length>0)if(t.install===!1)console.log(h.yellow(`Dependencias pendientes (inst\xE1lalas t\xFA): ${f.join(", ")}`));else{let a=de();a.start(`Instalando dependencias: ${f.join(", ")}...`),await Ne(f,o),a.stop("Dependencias instaladas.")}};import{spawn as et}from"child_process";import{note as tt,outro as ot,spinner as rt}from"@clack/prompts";import F from"picocolors";import{cancel as ke,intro as Ae,isCancel as De,select as pe,text as Re}from"@clack/prompts";import fe from"picocolors";var Me=`
   ######                  ######
   ##::+####            ####+::##
    #-..:+################+:..:#
@@ -20,8 +20,8 @@ Usa --overwrite para sobrescribirlos.`)),process.exitCode=1;return}}for(let[a,l]
    ...........:====:...........
       ......................
           ..............
-`,X=e=>{ke(e)&&(Oe("Operaci\xF3n cancelada por el usuario."),process.exit(0))},ge=async e=>{console.clear(),Re(`${ue.cyan(Me)}
-${ue.bold(" Bienvenido al generador de proyectos Lexy")}`);let t=e;if(!t){let n=await De({message:"\xBFCu\xE1l es el nombre de tu proyecto?",placeholder:"lexy-app",validate:s=>{if(!s||s.trim()==="")return"El nombre es obligatorio.";if(!/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(s))return"El nombre debe estar en min\xFAsculas, sin espacios ni caracteres especiales."}});X(n),t=n}let o=await fe({message:"\xBFPara qu\xE9 mundo es este proyecto?",options:[{label:"Cliente",value:"cliente",hint:"Producto de cara al cliente final"},{label:"CRM / equipo interno",value:"crm",hint:"Herramienta densa para el equipo Lexy"},{label:"Mixto",value:"mixto",hint:"Ambos o a\xFAn sin definir"}],initialValue:"mixto"});X(o);let r=await fe({message:"\xBFQu\xE9 tipo de arquitectura utilizar\xE1 este proyecto?",options:[{label:"Por Feature",value:"feature",hint:"Recomendado para apps escalables"},{label:"Por Capas",value:"layer",hint:"Cl\xE1sica"}],initialValue:"feature"});return X(r),{projectName:t,architecture:r,world:o}};import E from"fs/promises";import L from"path";var _e={feature:["src/app","src/features","src/shared/assets","src/shared/components/base","src/shared/hooks","src/shared/services","src/shared/lib","src/shared/types"],layer:["src/assets","src/components/base","src/hooks","src/services","src/lib","src/types","src/views","src/stores"]},Ve=e=>JSON.stringify({name:e.projectName,private:!0,version:"0.0.0",type:"module",scripts:{dev:"vite",build:"tsc -b && vite build",preview:"vite preview"},dependencies:{clsx:"^2.1.1",react:"^19.2.6","react-dom":"^19.2.6","tailwind-merge":"^3.3.1"},devDependencies:{"@tailwindcss/vite":"^4.3.0","@types/node":"^24.12.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1",tailwindcss:"^4.3.0",typescript:"~5.9.3",vite:"^8.0.12"}},null,2)+`
+`,K=e=>{De(e)&&(ke("Operaci\xF3n cancelada por el usuario."),process.exit(0))},ue=async e=>{console.clear(),Ae(`${fe.cyan(Me)}
+${fe.bold(" Bienvenido al generador de proyectos Lexy")}`);let t=e;if(!t){let s=await Re({message:"\xBFCu\xE1l es el nombre de tu proyecto?",placeholder:"lexy-app",validate:n=>{if(!n||n.trim()==="")return"El nombre es obligatorio.";if(!/^(?:@[a-z0-9-*~][a-z0-9-*._~]*\/)?[a-z0-9-~][a-z0-9-._~]*$/.test(n))return"El nombre debe estar en min\xFAsculas, sin espacios ni caracteres especiales."}});K(s),t=s}let o=await pe({message:"\xBFPara qu\xE9 mundo es este proyecto?",options:[{label:"Cliente",value:"cliente",hint:"Producto de cara al cliente final"},{label:"CRM / equipo interno",value:"crm",hint:"Herramienta densa para el equipo Lexy"},{label:"Mixto",value:"mixto",hint:"Ambos o a\xFAn sin definir"}],initialValue:"mixto"});K(o);let r=await pe({message:"\xBFQu\xE9 tipo de arquitectura utilizar\xE1 este proyecto?",options:[{label:"Por Feature",value:"feature",hint:"Recomendado para apps escalables"},{label:"Por Capas",value:"layer",hint:"Cl\xE1sica"}],initialValue:"feature"});return K(r),{projectName:t,architecture:r,world:o}};import E from"fs/promises";import L from"path";var Ve={feature:["src/app","src/features","src/shared/assets","src/shared/components/base","src/shared/hooks","src/shared/services","src/shared/lib","src/shared/types"],layer:["src/assets","src/components/base","src/hooks","src/services","src/lib","src/types","src/views","src/stores"]},_e=e=>JSON.stringify({name:e.projectName,private:!0,version:"0.0.0",type:"module",scripts:{dev:"vite",build:"tsc -b && vite build",preview:"vite preview"},dependencies:{clsx:"^2.1.1",react:"^19.2.6","react-dom":"^19.2.6","tailwind-merge":"^3.3.1"},devDependencies:{"@tailwindcss/vite":"^4.3.0","@types/node":"^24.12.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1",tailwindcss:"^4.3.0",typescript:"~5.9.3",vite:"^8.0.12"}},null,2)+`
 `,ze=`import path from "node:path";
 import { defineConfig } from "vite";
 import react from "@vitejs/plugin-react";
@@ -40,7 +40,11 @@ export default defineConfig({
   "references": [
     { "path": "./tsconfig.app.json" },
     { "path": "./tsconfig.node.json" }
-  ]
+  ],
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": { "@/*": ["./src/*"] }
+  }
 }
 `,Ue=`{
   "compilerOptions": {
@@ -119,13 +123,13 @@ createRoot(document.getElementById("root")!).render(
     </main>
   );
 };
-`,Ye=`import { clsx, type ClassValue } from "clsx";
+`,Xe=`import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 export function cn(...inputs: ClassValue[]) {
   return twMerge(clsx(inputs));
 }
-`,Xe=`node_modules/
+`,Ye=`node_modules/
 dist/
 *.log
 .env
@@ -139,30 +143,31 @@ npx create-lexy view button       # ver un componente antes de instalarlo
 npx create-lexy add button        # instalarlo (local y editable)
 npx create-lexy doctor            # divergencia con el registry
 \`\`\`
-`,Qe=e=>{let t=e.architecture==="feature";return{version:"2.0.0",generatedAt:new Date().toISOString(),architecture:e.architecture,world:e.world,registry:{package:"@lexydesign/registry",cdn:D},componentImportPattern:t?"@/shared/components/base/{Component}":"@/components/base/{Component}",paths:{components:t?"src/shared/components/base":"src/components/base",hooks:t?"src/shared/hooks":"src/hooks",services:t?"src/shared/services":"src/services",lib:t?"src/shared/lib":"src/lib",views:t?"src/features":"src/views"},installed:{}}},ye=async(e,t)=>{let o=["package.json","src","index.html",".lexy"],r=[];for(let c of o)try{await E.access(L.join(t,c)),r.push(c)}catch{}if(r.length>0)throw new Error(`El directorio actual ya contiene archivos de un proyecto (${r.join(", ")}). Ejecuta el comando dentro de una carpeta vac\xEDa.`);for(let c of _e[e.architecture])await E.mkdir(L.join(t,c),{recursive:!0});let n=(c,m)=>E.writeFile(L.join(t,c),m);await n("package.json",Ve(e)),await n("vite.config.ts",ze),await n("tsconfig.json",Je),await n("tsconfig.app.json",Ue),await n("tsconfig.node.json",He),await n("index.html",qe(e)),await n(".gitignore",Xe),await n("README.md",Ke(e)),await n("src/index.css",Ge),await n("src/main.tsx",We(e));let s=e.architecture==="feature"?"src/app":"src/views";await n(`${s}/App.tsx`,Be);let i=Qe(e);await n(".lexy",JSON.stringify(i,null,2)+`
-`),await E.copyFile(le,L.join(t,"src/lexy-theme.css")),await E.mkdir(L.join(t,"public/fonts"),{recursive:!0}),await E.cp(de,L.join(t,"public/fonts"),{recursive:!0});let d=L.join(t,i.paths.lib,"utils");await E.mkdir(d,{recursive:!0}),await E.writeFile(L.join(d,"cn.ts"),Ye)};var rt=["feature","layer"],nt=["cliente","crm","mixto"],st=e=>new Promise((t,o)=>{Ze("pnpm",["install"],{cwd:e,stdio:"ignore",shell:!0}).on("close",n=>n===0?t():o(new Error(`pnpm install fall\xF3 con c\xF3digo ${n}`)))}),he=async(e,t)=>{let o;!!(e&&t.type)?(rt.includes(t.type)||(console.error(T.red(`Error: la arquitectura "${t.type}" no es v\xE1lida. Usa "feature" o "layer".`)),process.exit(1)),t.world&&!nt.includes(t.world)&&(console.error(T.red(`Error: el mundo "${t.world}" no es v\xE1lido. Usa "cliente", "crm" o "mixto".`)),process.exit(1)),o={projectName:e,architecture:t.type,world:t.world??"mixto"},console.log(T.blue("Modo automatizado detectado. Saltando interfaz interactiva..."))):o=await ge(e),et(`Nombre: ${o.projectName}
+`,Qe=e=>{let o=e.architecture==="feature"?"@/shared":"@";return JSON.stringify({$schema:"https://ui.shadcn.com/schema.json",style:"new-york",rsc:!1,tsx:!0,tailwind:{config:"",css:"src/index.css",baseColor:"neutral",cssVariables:!0},aliases:{components:`${o}/components`,ui:`${o}/components/base`,utils:`${o}/lib/utils/cn`,lib:`${o}/lib`,hooks:`${o}/hooks`},registries:{"@lexy":`${k}@latest/r/{name}.json`}},null,2)+`
+`},Ze=e=>{let t=e.architecture==="feature";return{version:"2.0.0",generatedAt:new Date().toISOString(),architecture:e.architecture,world:e.world,registry:{package:"@lexydesign/registry",cdn:k},componentImportPattern:t?"@/shared/components/base/{Component}":"@/components/base/{Component}",paths:{components:t?"src/shared/components/base":"src/components/base",hooks:t?"src/shared/hooks":"src/hooks",services:t?"src/shared/services":"src/services",lib:t?"src/shared/lib":"src/lib",views:t?"src/features":"src/views"},installed:{}}},ge=async(e,t)=>{let o=["package.json","src","index.html",".lexy"],r=[];for(let c of o)try{await E.access(L.join(t,c)),r.push(c)}catch{}if(r.length>0)throw new Error(`El directorio actual ya contiene archivos de un proyecto (${r.join(", ")}). Ejecuta el comando dentro de una carpeta vac\xEDa.`);for(let c of Ve[e.architecture])await E.mkdir(L.join(t,c),{recursive:!0});let s=(c,m)=>E.writeFile(L.join(t,c),m);await s("package.json",_e(e)),await s("vite.config.ts",ze),await s("tsconfig.json",Je),await s("tsconfig.app.json",Ue),await s("tsconfig.node.json",He),await s("index.html",qe(e)),await s(".gitignore",Ye),await s("README.md",Ke(e)),await s("src/index.css",Ge),await s("src/main.tsx",We(e));let n=e.architecture==="feature"?"src/app":"src/views";await s(`${n}/App.tsx`,Be);let i=Ze(e);await s(".lexy",JSON.stringify(i,null,2)+`
+`),await s("components.json",Qe(e)),await E.copyFile(ce,L.join(t,"src/lexy-theme.css")),await E.mkdir(L.join(t,"public/fonts"),{recursive:!0}),await E.cp(le,L.join(t,"public/fonts"),{recursive:!0});let d=L.join(t,i.paths.lib,"utils");await E.mkdir(d,{recursive:!0}),await E.writeFile(L.join(d,"cn.ts"),Xe)};var nt=["feature","layer"],st=["cliente","crm","mixto"],it=e=>new Promise((t,o)=>{et("pnpm",["install"],{cwd:e,stdio:"ignore",shell:!0}).on("close",s=>s===0?t():o(new Error(`pnpm install fall\xF3 con c\xF3digo ${s}`)))}),ye=async(e,t)=>{let o;!!(e&&t.type)?(nt.includes(t.type)||(console.error(F.red(`Error: la arquitectura "${t.type}" no es v\xE1lida. Usa "feature" o "layer".`)),process.exit(1)),t.world&&!st.includes(t.world)&&(console.error(F.red(`Error: el mundo "${t.world}" no es v\xE1lido. Usa "cliente", "crm" o "mixto".`)),process.exit(1)),o={projectName:e,architecture:t.type,world:t.world??"mixto"},console.log(F.blue("Modo automatizado detectado. Saltando interfaz interactiva..."))):o=await ue(e),tt(`Nombre: ${o.projectName}
 Arquitectura: ${o.architecture}
-Mundo: ${o.world}`,"Configuraci\xF3n de Proyecto");let n=ot();n.start("Construyendo tu proyecto...");let s=process.cwd();try{await ye(o,s)}catch(i){throw n.stop(T.red("No se pudo crear el proyecto.")),i}t.install!==!1&&(n.message("Instalando dependencias base..."),await st(s)),n.stop("\xA1Proyecto construido con \xE9xito!"),tt(T.green(`Todo listo en el directorio actual
+Mundo: ${o.world}`,"Configuraci\xF3n de Proyecto");let s=rt();s.start("Construyendo tu proyecto...");let n=process.cwd();try{await ge(o,n)}catch(i){throw s.stop(F.red("No se pudo crear el proyecto.")),i}t.install!==!1&&(s.message("Instalando dependencias base..."),await it(n)),s.stop("\xA1Proyecto construido con \xE9xito!"),ot(F.green(`Todo listo en el directorio actual
 
-`)+T.dim(`Siguientes pasos:
-`)+T.cyan(`  pnpm dev
-`)+T.cyan("  npx create-lexy add button"))};import it from"fs/promises";import at from"path";import F from"picocolors";import K from"picocolors";var M=(e,t)=>{let o=e.split(`
+`)+F.dim(`Siguientes pasos:
+`)+F.cyan(`  pnpm dev
+`)+F.cyan("  npx create-lexy add button"))};import at from"fs/promises";import ct from"path";import T from"picocolors";import Q from"picocolors";var M=(e,t)=>{let o=e.split(`
 `),r=t.split(`
-`),n=o.length,s=r.length,i=Array.from({length:n+1},()=>new Array(s+1).fill(0));for(let p=n-1;p>=0;p--)for(let g=s-1;g>=0;g--)i[p][g]=o[p]===r[g]?i[p+1][g+1]+1:Math.max(i[p+1][g],i[p][g+1]);let d=[],c=0,m=0;for(;c<n&&m<s;)o[c]===r[m]?(d.push({type:"same",text:o[c]}),c++,m++):i[c+1][m]>=i[c][m+1]?d.push({type:"del",text:o[c++]}):d.push({type:"add",text:r[m++]});for(;c<n;)d.push({type:"del",text:o[c++]});for(;m<s;)d.push({type:"add",text:r[m++]});return d},B=e=>e.some(t=>t.type!=="same"),xe=(e,t=3)=>{if(!B(e))return null;let o=new Array(e.length).fill(!1);e.forEach((s,i)=>{if(s.type!=="same")for(let d=Math.max(0,i-t);d<=Math.min(e.length-1,i+t);d++)o[d]=!0});let r=[],n=!1;for(let s=0;s<e.length;s++){if(!o[s]){n||(r.push(K.dim("  \u22EF")),n=!0);continue}n=!1;let i=e[s];i.type==="same"?r.push(`  ${i.text}`):i.type==="del"?r.push(K.red(`- ${i.text}`)):r.push(K.green(`+ ${i.text}`))}return r.join(`
-`)};var we=async e=>{let t=process.cwd(),o=await I(t),r=e.toLowerCase(),{item:n,version:s}=await x(r),i=o.installed[r];console.log(F.bold(`
-${n.title??r}`)+F.dim(` \xB7 instalado con registry@${i??"?"} \xB7 vigente registry@${s}
-`));let d=!1;for(let c of $(n,o)){let m=await it.readFile(at.join(t,c.relPath),"utf-8").catch(()=>null);if(m===null){console.log(F.red(`\u2717 ${c.relPath} no existe localmente`)+F.dim(` \u2014 cr\xE9alo con \`create-lexy add ${r}\``)),d=!0;continue}let p=xe(M(m,c.content));p===null?console.log(F.green(`\u2713 ${c.relPath}`)+F.dim(" sin diferencias")):(d=!0,console.log(F.yellow(`\xB1 ${c.relPath}`)+F.dim(" (\u2212 local \xB7 + registry)")),console.log(p))}d&&(process.exitCode=1)};import O from"fs/promises";import S from"path";import b from"picocolors";var ve=async e=>{let t=process.cwd(),o=0,r=f=>console.log(b.green("  \u2713 ")+f),n=f=>console.log(b.yellow("  \u2022 ")+f),s=(f,a)=>{o=1,console.log(b.red("  \u2717 ")+f),a&&console.log(b.dim(`      \u2192 ${a}`))};console.log(b.bold(`
+`),s=o.length,n=r.length,i=Array.from({length:s+1},()=>new Array(n+1).fill(0));for(let p=s-1;p>=0;p--)for(let g=n-1;g>=0;g--)i[p][g]=o[p]===r[g]?i[p+1][g+1]+1:Math.max(i[p+1][g],i[p][g+1]);let d=[],c=0,m=0;for(;c<s&&m<n;)o[c]===r[m]?(d.push({type:"same",text:o[c]}),c++,m++):i[c+1][m]>=i[c][m+1]?d.push({type:"del",text:o[c++]}):d.push({type:"add",text:r[m++]});for(;c<s;)d.push({type:"del",text:o[c++]});for(;m<n;)d.push({type:"add",text:r[m++]});return d},B=e=>e.some(t=>t.type!=="same"),he=(e,t=3)=>{if(!B(e))return null;let o=new Array(e.length).fill(!1);e.forEach((n,i)=>{if(n.type!=="same")for(let d=Math.max(0,i-t);d<=Math.min(e.length-1,i+t);d++)o[d]=!0});let r=[],s=!1;for(let n=0;n<e.length;n++){if(!o[n]){s||(r.push(Q.dim("  \u22EF")),s=!0);continue}s=!1;let i=e[n];i.type==="same"?r.push(`  ${i.text}`):i.type==="del"?r.push(Q.red(`- ${i.text}`)):r.push(Q.green(`+ ${i.text}`))}return r.join(`
+`)};var xe=async e=>{let t=process.cwd(),o=await I(t),r=e.toLowerCase(),{item:s,version:n}=await x(r),i=o.installed[r];console.log(T.bold(`
+${s.title??r}`)+T.dim(` \xB7 instalado con registry@${i??"?"} \xB7 vigente registry@${n}
+`));let d=!1;for(let c of $(s,o)){let m=await at.readFile(ct.join(t,c.relPath),"utf-8").catch(()=>null);if(m===null){console.log(T.red(`\u2717 ${c.relPath} no existe localmente`)+T.dim(` \u2014 cr\xE9alo con \`create-lexy add ${r}\``)),d=!0;continue}let p=he(M(m,c.content));p===null?console.log(T.green(`\u2713 ${c.relPath}`)+T.dim(" sin diferencias")):(d=!0,console.log(T.yellow(`\xB1 ${c.relPath}`)+T.dim(" (\u2212 local \xB7 + registry)")),console.log(p))}d&&(process.exitCode=1)};import A from"fs/promises";import S from"path";import b from"picocolors";var we=async e=>{let t=process.cwd(),o=0,r=f=>console.log(b.green("  \u2713 ")+f),s=f=>console.log(b.yellow("  \u2022 ")+f),n=(f,a)=>{o=1,console.log(b.red("  \u2717 ")+f),a&&console.log(b.dim(`      \u2192 ${a}`))};console.log(b.bold(`
 Diagn\xF3stico del proyecto Lexy
-`));let i;try{i=await I(t),r(`.lexy v\xE1lido (arquitectura ${i.architecture}${i.world?`, mundo ${i.world}`:""})`)}catch(f){return s(f.message),1}await O.access(S.join(t,"src/lexy-theme.css")).then(()=>!0,()=>!1)?r("theme presente (src/lexy-theme.css)"):s("falta src/lexy-theme.css","re-cr\xE9alo desde un proyecto nuevo o copia el theme del registry");let c=S.join(i.paths.lib,"utils/cn.ts");await O.access(S.join(t,c)).then(()=>!0,()=>!1)?r(`helper cn presente (${c})`):s(`falta el helper cn (${c})`);let p=S.join(t,"ai/lexy-ai-manifest.json"),g=await O.readFile(p,"utf-8").catch(()=>null);if(g===null)console.log(b.dim("  \xB7 capa de IA no instalada (npx @lexydesign/ai install) \u2014 opcional"));else try{let f=JSON.parse(g),a=f.files??[],l=[];for(let u of a)await O.access(S.join(t,u)).then(()=>!0,()=>!1)||l.push(u);l.length>0?s(`capa de IA ${f.aiVersion??"?"} incompleta \u2014 faltan ${l.length} archivo(s) (${l.slice(0,3).join(", ")}${l.length>3?", \u2026":""})`,"npx @lexydesign/ai install"):r(`capa de IA ${f.aiVersion??"?"} completa (${a.length} archivos)`)}catch{s("ai/lexy-ai-manifest.json no es JSON v\xE1lido","regenera con `npx @lexydesign/ai install`")}let z=Object.entries(i.installed);if(z.length===0)console.log(b.dim(`
+`));let i;try{i=await I(t),r(`.lexy v\xE1lido (arquitectura ${i.architecture}${i.world?`, mundo ${i.world}`:""})`)}catch(f){return n(f.message),1}await A.access(S.join(t,"src/lexy-theme.css")).then(()=>!0,()=>!1)?r("theme presente (src/lexy-theme.css)"):n("falta src/lexy-theme.css","re-cr\xE9alo desde un proyecto nuevo o copia el theme del registry");let c=S.join(i.paths.lib,"utils/cn.ts");await A.access(S.join(t,c)).then(()=>!0,()=>!1)?r(`helper cn presente (${c})`):n(`falta el helper cn (${c})`);let p=S.join(t,"ai/lexy-ai-manifest.json"),g=await A.readFile(p,"utf-8").catch(()=>null);if(g===null)console.log(b.dim("  \xB7 capa de IA no instalada (npx @lexydesign/ai install) \u2014 opcional"));else try{let f=JSON.parse(g),a=f.files??[],l=[];for(let u of a)await A.access(S.join(t,u)).then(()=>!0,()=>!1)||l.push(u);l.length>0?n(`capa de IA ${f.aiVersion??"?"} incompleta \u2014 faltan ${l.length} archivo(s) (${l.slice(0,3).join(", ")}${l.length>3?", \u2026":""})`,"npx @lexydesign/ai install"):r(`capa de IA ${f.aiVersion??"?"} completa (${a.length} archivos)`)}catch{n("ai/lexy-ai-manifest.json no es JSON v\xE1lido","regenera con `npx @lexydesign/ai install`")}let z=Object.entries(i.installed);if(z.length===0)console.log(b.dim(`
   Sin componentes instalados a\xFAn (create-lexy add <nombre>).`));else{let f=await q();console.log(b.bold(`
 Componentes instalados (registry vigente: ${f})
-`));for(let[a,l]of z){let u;try{u=await x(a)}catch(y){s(`${a}: ${y.message}`);continue}let v=$(u.item,i),C=[],J=!1;for(let y of v){let j=await O.readFile(S.join(t,y.relPath),"utf-8").catch(()=>null);j===null?C.push(y.relPath):B(M(j,y.content))&&(J=!0)}if(C.length>0){s(`${a}: archivos faltantes (${C.join(", ")})`,`create-lexy add ${a}`);continue}if(!J){r(`${a} al d\xEDa (${u.version})`);continue}let R=!0;if(l&&l!==u.version)try{let y=await x(a,l),j=$(y.item,i);R=!1;for(let Z of j){let ee=await O.readFile(S.join(t,Z.relPath),"utf-8").catch(()=>null);(ee===null||B(M(ee,Z.content)))&&(R=!0)}}catch{}R?e.strict?s(`${a}: editado localmente (difiere del registry vigente)`,`create-lexy diff ${a}`):n(`${a}: editado localmente \u2014 divergencia deliberada (m\xEDrala con \`create-lexy diff ${a}\`)`):s(`${a}: desactualizado (instalado con ${l}, vigente ${u.version})`,`create-lexy diff ${a} \xB7 create-lexy add ${a} --overwrite`)}}return console.log(o===0?b.green(`
+`));for(let[a,l]of z){let u;try{u=await x(a)}catch(y){n(`${a}: ${y.message}`);continue}let v=$(u.item,i),C=[],J=!1;for(let y of v){let j=await A.readFile(S.join(t,y.relPath),"utf-8").catch(()=>null);j===null?C.push(y.relPath):B(M(j,y.content))&&(J=!0)}if(C.length>0){n(`${a}: archivos faltantes (${C.join(", ")})`,`create-lexy add ${a}`);continue}if(!J){r(`${a} al d\xEDa (${u.version})`);continue}let D=!0;if(l&&l!==u.version)try{let y=await x(a,l),j=$(y.item,i);D=!1;for(let ee of j){let te=await A.readFile(S.join(t,ee.relPath),"utf-8").catch(()=>null);(te===null||B(M(te,ee.content)))&&(D=!0)}}catch{}D?e.strict?n(`${a}: editado localmente (difiere del registry vigente)`,`create-lexy diff ${a}`):s(`${a}: editado localmente \u2014 divergencia deliberada (m\xEDrala con \`create-lexy diff ${a}\`)`):n(`${a}: desactualizado (instalado con ${l}, vigente ${u.version})`,`create-lexy diff ${a} \xB7 create-lexy add ${a} --overwrite`)}}return console.log(o===0?b.green(`
 Todo en orden.
 `):b.red(`
 Hay problemas que atender (exit 1).
-`)),o};import ct from"fs/promises";import Q from"path";import w from"picocolors";var _=e=>console.log(w.bold(w.cyan(`
+`)),o};import lt from"fs/promises";import Z from"path";import w from"picocolors";var V=e=>console.log(w.bold(w.cyan(`
 \u2500\u2500 ${e} \u2500\u2500
-`))),be=async(e,t)=>{if(t.list||!e){let{index:i,version:d,source:c}=await ce();_(`Cat\xE1logo Lexy \xB7 @lexydesign/registry@${d}${c==="bundle"?" (bundle local)":""}`);for(let m of i.items)console.log(`  ${w.bold(m.name.padEnd(20))} ${w.dim(m.description??"")}`);console.log(w.dim(`
-  ${i.items.length} componente(s). Instala con: create-lexy add <nombre>`));return}let o=e.toLowerCase();if(t.installed){let i=process.cwd(),d=await I(i),c=d.installed[o];if(!c){console.error(w.red(`"${o}" no figura como instalado en .lexy. Inst\xE1lalo con \`create-lexy add ${o}\`.`)),process.exitCode=1;return}let{item:m}=await x(o,c).catch(()=>x(o));_(`${m.title??o} \xB7 copia local (instalado con registry@${c})`);for(let p of $(m,d)){let g=await ct.readFile(Q.join(i,p.relPath),"utf-8").catch(()=>null);_(g===null?`${p.relPath} (FALTANTE)`:p.relPath),g!==null&&console.log(g)}return}let{item:r,version:n,source:s}=await x(o);_(`${r.title??r.name} \xB7 @lexydesign/registry@${n}${s==="bundle"?" (bundle local)":""}`),r.description&&console.log(r.description+`
-`),console.log(w.dim("tipo:           ")+r.type),console.log(w.dim("deps npm:       ")+((r.dependencies??[]).join(", ")||"\u2014")),console.log(w.dim("deps registry:  ")+((r.registryDependencies??[]).join(", ")||"\u2014")),console.log(w.dim("archivos:       ")+r.files.map(i=>Q.posix.basename(i.path)).join(", ")),console.log(w.dim("instalar:       ")+`create-lexy add ${r.name}`);for(let i of r.files)typeof i.content=="string"&&(_(Q.posix.basename(i.path)),console.log(i.content))};var ft=je.dirname(dt(import.meta.url)),ut=JSON.parse(lt(je.join(ft,"../package.json"),"utf-8")),N=new mt,V=e=>async()=>{try{await e()}catch(t){console.error(pt.red(`
-Error: `)+t.message),process.exit(1)}};N.name("create-lexy").description("CLI del Lexy Design System: crea proyectos y trae componentes a demanda.\nLos componentes viven en tu proyecto \u2014 m\xEDralos con `view`, inst\xE1lalos con `add`, ed\xEDtalos con libertad.").version(ut.version);N.command("create",{isDefault:!0}).alias("init").description("Crea un proyecto Lexy vac\xEDo (React + Vite + TS + theme); los componentes llegan con `add`").argument("[project-name]","Nombre del proyecto").option("-t, --type <architecture>","Arquitectura (feature o layer) \u2014 activa el modo no interactivo").option("-w, --world <world>","Mundo de dise\xF1o (cliente, crm o mixto)").option("--no-install","No correr pnpm install al final").action((e,t)=>V(()=>he(e,t))());N.command("add").description("Instala componentes del registry en tu proyecto (local y editable), con sus dependencias").argument("<components...>","Nombres en el registry (ej: button card)").option("--overwrite","Sobrescribir copias locales con cambios sin preguntar").option("--no-install","No instalar dependencias npm").action((e,t)=>V(()=>pe(e,t))());N.command("view").description("Muestra c\xF3digo + doc + metadata de un componente antes de instalarlo").argument("[component]","Nombre en el registry (sin nombre: lista el cat\xE1logo)").option("--installed","Mostrar la copia local instalada en vez de la del registry").option("--list","Listar el cat\xE1logo completo").action((e,t)=>V(()=>be(e,t))());N.command("diff").description("Copia local vs versi\xF3n vigente del registry (exit 1 si hay diferencias)").argument("<component>","Nombre en el registry").action(e=>V(()=>we(e))());N.command("doctor").description("Drift de todo lo instalado contra el registry (solo lectura; exit 1 con problemas)").option("--strict","Las ediciones locales tambi\xE9n hacen fallar").action(e=>V(async()=>{process.exitCode=await ve(e)})());N.parse(process.argv);
+`))),ve=async(e,t)=>{if(t.list||!e){let{index:i,version:d,source:c}=await ae();V(`Cat\xE1logo Lexy \xB7 @lexydesign/registry@${d}${c==="bundle"?" (bundle local)":""}`);for(let m of i.items)console.log(`  ${w.bold(m.name.padEnd(20))} ${w.dim(m.description??"")}`);console.log(w.dim(`
+  ${i.items.length} componente(s). Instala con: create-lexy add <nombre>`));return}let o=e.toLowerCase();if(t.installed){let i=process.cwd(),d=await I(i),c=d.installed[o];if(!c){console.error(w.red(`"${o}" no figura como instalado en .lexy. Inst\xE1lalo con \`create-lexy add ${o}\`.`)),process.exitCode=1;return}let{item:m}=await x(o,c).catch(()=>x(o));V(`${m.title??o} \xB7 copia local (instalado con registry@${c})`);for(let p of $(m,d)){let g=await lt.readFile(Z.join(i,p.relPath),"utf-8").catch(()=>null);V(g===null?`${p.relPath} (FALTANTE)`:p.relPath),g!==null&&console.log(g)}return}let{item:r,version:s,source:n}=await x(o);V(`${r.title??r.name} \xB7 @lexydesign/registry@${s}${n==="bundle"?" (bundle local)":""}`),r.description&&console.log(r.description+`
+`),console.log(w.dim("tipo:           ")+r.type),console.log(w.dim("deps npm:       ")+((r.dependencies??[]).join(", ")||"\u2014")),console.log(w.dim("deps registry:  ")+((r.registryDependencies??[]).join(", ")||"\u2014")),console.log(w.dim("archivos:       ")+r.files.map(i=>Z.posix.basename(i.path)).join(", ")),console.log(w.dim("instalar:       ")+`create-lexy add ${r.name}`);for(let i of r.files)typeof i.content=="string"&&(V(Z.posix.basename(i.path)),console.log(i.content))};var ut=be.dirname(mt(import.meta.url)),gt=JSON.parse(dt(be.join(ut,"../package.json"),"utf-8")),N=new pt,_=e=>async()=>{try{await e()}catch(t){console.error(ft.red(`
+Error: `)+t.message),process.exit(1)}};N.name("create-lexy").description("CLI del Lexy Design System: crea proyectos y trae componentes a demanda.\nLos componentes viven en tu proyecto \u2014 m\xEDralos con `view`, inst\xE1lalos con `add`, ed\xEDtalos con libertad.").version(gt.version);N.command("create",{isDefault:!0}).alias("init").description("Crea un proyecto Lexy vac\xEDo (React + Vite + TS + theme); los componentes llegan con `add`").argument("[project-name]","Nombre del proyecto").option("-t, --type <architecture>","Arquitectura (feature o layer) \u2014 activa el modo no interactivo").option("-w, --world <world>","Mundo de dise\xF1o (cliente, crm o mixto)").option("--no-install","No correr pnpm install al final").action((e,t)=>_(()=>ye(e,t))());N.command("add").description("Instala componentes del registry en tu proyecto (local y editable), con sus dependencias").argument("<components...>","Nombres en el registry (ej: button card)").option("--overwrite","Sobrescribir copias locales con cambios sin preguntar").option("--no-install","No instalar dependencias npm").action((e,t)=>_(()=>me(e,t))());N.command("view").description("Muestra c\xF3digo + doc + metadata de un componente antes de instalarlo").argument("[component]","Nombre en el registry (sin nombre: lista el cat\xE1logo)").option("--installed","Mostrar la copia local instalada en vez de la del registry").option("--list","Listar el cat\xE1logo completo").action((e,t)=>_(()=>ve(e,t))());N.command("diff").description("Copia local vs versi\xF3n vigente del registry (exit 1 si hay diferencias)").argument("<component>","Nombre en el registry").action(e=>_(()=>xe(e))());N.command("doctor").description("Drift de todo lo instalado contra el registry (solo lectura; exit 1 con problemas)").option("--strict","Las ediciones locales tambi\xE9n hacen fallar").action(e=>_(async()=>{process.exitCode=await we(e)})());N.parse(process.argv);