@arolariu/components 0.1.2 → 0.3.0

package/dist/components/ui/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\menubar.js","sources":["webpack://@arolariu/components/./src/components/ui/menubar.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Menubar({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn(\n        \"bg-white flex h-9 items-center gap-1 rounded-md border border-neutral-200 p-1 shadow-xs dark:bg-neutral-950 dark:border-neutral-800\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarMenu({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return (\n    <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n  );\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-white text-neutral-950 data-[state=open]:animate-in 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=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border border-neutral-200 p-1 shadow-md dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[variant=destructive]:text-red-500 data-[variant=destructive]:focus:bg-red-500/10 dark:data-[variant=destructive]:focus:bg-red-500/20 data-[variant=destructive]:focus:text-red-500 data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-neutral-500 relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[variant=destructive]:text-red-900 dark:data-[variant=destructive]:focus:bg-red-900/10 dark:dark:data-[variant=destructive]:focus:bg-red-900/20 dark:data-[variant=destructive]:focus:text-red-900 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn(\n        \"bg-neutral-200 -mx-1 my-1 h-px dark:bg-neutral-800\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"text-neutral-500 ml-auto text-xs tracking-widest dark:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"bg-white text-neutral-950 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=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border border-neutral-200 p-1 shadow-lg dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n};\n"],"names":["Menubar","className","props","MenubarPrimitive","cn","MenubarMenu","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarTrigger","MenubarContent","align","alignOffset","sideOffset","MenubarItem","inset","variant","MenubarCheckboxItem","children","checked","CheckIcon","MenubarRadioItem","CircleIcon","MenubarLabel","MenubarSeparator","MenubarShortcut","MenubarSub","MenubarSubTrigger","ChevronRightIcon","MenubarSubContent"],"mappings":"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"}
+{"version":3,"file":"components\\ui\\menubar.js","sources":["webpack://@arolariu/components/./src/components/ui/menubar.tsx"],"sourcesContent":["\r\n\r\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\r\nimport {Check, ChevronRight, Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction MenubarMenu({...props}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\r\n  return <MenubarPrimitive.Menu {...props} />;\r\n}\r\n\r\nfunction MenubarGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\r\n  return <MenubarPrimitive.Group {...props} />;\r\n}\r\n\r\nfunction MenubarPortal({...props}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\r\n  return <MenubarPrimitive.Portal {...props} />;\r\n}\r\n\r\nfunction MenubarRadioGroup({...props}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\r\n  return <MenubarPrimitive.RadioGroup {...props} />;\r\n}\r\n\r\nfunction MenubarSub({...props}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\r\n  return (\r\n    <MenubarPrimitive.Sub\r\n      data-slot='menubar-sub'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nconst Menubar = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-9 items-center space-x-1 rounded-md border border-neutral-200 bg-white p-1 shadow-sm dark:border-neutral-800 dark:bg-neutral-950\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nMenubar.displayName = MenubarPrimitive.Root.displayName;\r\n\r\nconst MenubarTrigger = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center rounded-sm px-3 py-1 text-sm font-medium outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nMenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\r\n\r\nconst MenubarSubTrigger = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.SubTrigger>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubTrigger> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, children, ...props}, ref) => (\r\n  <MenubarPrimitive.SubTrigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[state=open]:bg-neutral-100 data-[state=open]:text-neutral-900 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:bg-neutral-800 dark:data-[state=open]:text-neutral-50\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    {children}\r\n    <ChevronRight className='ml-auto h-4 w-4' />\r\n  </MenubarPrimitive.SubTrigger>\r\n));\r\nMenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;\r\n\r\nconst MenubarSubContent = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.SubContent>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.SubContent>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.SubContent\r\n    ref={ref}\r\n    className={cn(\r\n      \"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=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nMenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;\r\n\r\nconst MenubarContent = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\r\n>(({className, align = \"start\", alignOffset = -4, sideOffset = 8, ...props}, ref) => (\r\n  <MenubarPrimitive.Portal>\r\n    <MenubarPrimitive.Content\r\n      ref={ref}\r\n      align={align}\r\n      alignOffset={alignOffset}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"data-[state=open]:animate-in 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=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[12rem] origin-[--radix-menubar-content-transform-origin] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </MenubarPrimitive.Portal>\r\n));\r\nMenubarContent.displayName = MenubarPrimitive.Content.displayName;\r\n\r\nconst MenubarItem = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <MenubarPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      inset && \"pl-8\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nMenubarItem.displayName = MenubarPrimitive.Item.displayName;\r\n\r\nconst MenubarCheckboxItem = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.CheckboxItem>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.CheckboxItem>\r\n>(({className, children, checked, ...props}, ref) => (\r\n  <MenubarPrimitive.CheckboxItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    checked={checked}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <MenubarPrimitive.ItemIndicator>\r\n        <Check className='h-4 w-4' />\r\n      </MenubarPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </MenubarPrimitive.CheckboxItem>\r\n));\r\nMenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;\r\n\r\nconst MenubarRadioItem = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.RadioItem>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.RadioItem>\r\n>(({className, children, ...props}, ref) => (\r\n  <MenubarPrimitive.RadioItem\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm outline-none select-none focus:bg-neutral-100 focus:text-neutral-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <span className='absolute left-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <MenubarPrimitive.ItemIndicator>\r\n        <Circle className='h-4 w-4 fill-current' />\r\n      </MenubarPrimitive.ItemIndicator>\r\n    </span>\r\n    {children}\r\n  </MenubarPrimitive.RadioItem>\r\n));\r\nMenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;\r\n\r\nconst MenubarLabel = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Label> & {\r\n    inset?: boolean;\r\n  }\r\n>(({className, inset, ...props}, ref) => (\r\n  <MenubarPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\r\n    {...props}\r\n  />\r\n));\r\nMenubarLabel.displayName = MenubarPrimitive.Label.displayName;\r\n\r\nconst MenubarSeparator = React.forwardRef<\r\n  React.ElementRef<typeof MenubarPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof MenubarPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <MenubarPrimitive.Separator\r\n    ref={ref}\r\n    className={cn(\"-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nMenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;\r\n\r\nconst MenubarShortcut = ({className, ...props}: React.HTMLAttributes<HTMLSpanElement>) => {\r\n  return (\r\n    <span\r\n      className={cn(\"ml-auto text-xs tracking-widest text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\nMenubarShortcut.displayname = \"MenubarShortcut\";\r\n\r\nexport {\r\n  Menubar,\r\n  MenubarCheckboxItem,\r\n  MenubarContent,\r\n  MenubarGroup,\r\n  MenubarItem,\r\n  MenubarLabel,\r\n  MenubarMenu,\r\n  MenubarPortal,\r\n  MenubarRadioGroup,\r\n  MenubarRadioItem,\r\n  MenubarSeparator,\r\n  MenubarShortcut,\r\n  MenubarSub,\r\n  MenubarSubContent,\r\n  MenubarSubTrigger,\r\n  MenubarTrigger,\r\n};\r\n"],"names":["MenubarMenu","props","MenubarPrimitive","MenubarGroup","MenubarPortal","MenubarRadioGroup","MenubarSub","Menubar","React","className","ref","cn","MenubarTrigger","MenubarSubTrigger","inset","children","ChevronRight","MenubarSubContent","MenubarContent","align","alignOffset","sideOffset","MenubarItem","MenubarCheckboxItem","checked","Check","MenubarRadioItem","Circle","MenubarLabel","MenubarSeparator","MenubarShortcut"],"mappings":"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"}

package/dist/components/ui/navigation-menu.d.ts

@@ -1,15 +1,13 @@
-import * as React from "react";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
-declare function NavigationMenu({ className, children, viewport, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
-    viewport?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
-declare function NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuContent({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react/jsx-runtime").JSX.Element;
-declare function NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): import("react/jsx-runtime").JSX.Element;
-export { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuContent, NavigationMenuTrigger, NavigationMenuLink, NavigationMenuIndicator, NavigationMenuViewport, navigationMenuTriggerStyle, };
+import * as React from "react";
+declare const NavigationMenu: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const NavigationMenuList: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuListProps & React.RefAttributes<HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const NavigationMenuItem: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & React.RefAttributes<HTMLLIElement>>;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp) => string;
+declare const NavigationMenuTrigger: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const NavigationMenuContent: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuLink: React.ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const NavigationMenuViewport: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const NavigationMenuIndicator: React.ForwardRefExoticComponent<Omit<NavigationMenuPrimitive.NavigationMenuIndicatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuViewport, };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/components/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAM3E,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,QAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,2CAeA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAQ3D;AAED,QAAA,MAAM,0BAA0B,oFAE/B,CAAC;AAEF,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAe9D;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,OAAO,CAAC,2CAY9D;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,QAAQ,CAAC,2CAiB/D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,IAAI,CAAC,2CAW3D;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,uBAAuB,CAAC,SAAS,CAAC,2CAahE;AAED,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,EACtB,0BAA0B,GAC3B,CAAC"}
+{"version":3,"file":"navigation-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/navigation-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,uBAAuB,MAAM,iCAAiC,CAAC;AAG3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc,iKAWlB,CAAC;AAGH,QAAA,MAAM,kBAAkB,+KAStB,CAAC;AAGH,QAAA,MAAM,kBAAkB,uHAA+B,CAAC;AAExD,QAAA,MAAM,0BAA0B,wEAE/B,CAAC;AAEF,QAAA,MAAM,qBAAqB,oLAezB,CAAC;AAGH,QAAA,MAAM,qBAAqB,8KAYzB,CAAC;AAGH,QAAA,MAAM,kBAAkB,2HAA+B,CAAC;AAExD,QAAA,MAAM,sBAAsB,+KAc1B,CAAC;AAGH,QAAA,MAAM,uBAAuB,gLAa3B,CAAC;AAGH,OAAO,EACL,cAAc,EACd,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,qBAAqB,EACrB,0BAA0B,EAC1B,sBAAsB,GACvB,CAAC"}

package/dist/components/ui/navigation-menu.js

@@ -1,86 +1,67 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { Content, Indicator, Item, Link, List, Root, Trigger, Viewport } from "@radix-ui/react-navigation-menu";
 import { cva } from "class-variance-authority";
-import { ChevronDownIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-function NavigationMenu({ className, children, viewport = true, ...props }) {
-    return /*#__PURE__*/ jsxs(Root, {
-        "data-slot": "navigation-menu",
-        "data-viewport": viewport,
-        className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className),
+import { ChevronDown } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+const NavigationMenu = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
+        ref: ref,
+        className: cn("relative z-10 flex max-w-max flex-1 items-center justify-center", className),
         ...props,
         children: [
             children,
-            viewport && /*#__PURE__*/ jsx(NavigationMenuViewport, {})
+            /*#__PURE__*/ jsx(NavigationMenuViewport, {})
         ]
-    });
-}
-function NavigationMenuList({ className, ...props }) {
-    return /*#__PURE__*/ jsx(List, {
-        "data-slot": "navigation-menu-list",
-        className: cn("group flex flex-1 list-none items-center justify-center gap-1", className),
+    }));
+NavigationMenu.displayName = Root.displayName;
+const NavigationMenuList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
+        ref: ref,
+        className: cn("group flex flex-1 list-none items-center justify-center space-x-1", className),
         ...props
-    });
-}
-function NavigationMenuItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        "data-slot": "navigation-menu-item",
-        className: cn("relative", className),
-        ...props
-    });
-}
-const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:text-neutral-900 data-[state=open]:focus:bg-neutral-100 data-[state=open]:bg-neutral-100/50 focus-visible:ring-neutral-950/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800/50 dark:focus-visible:ring-neutral-300/50");
-function NavigationMenuTrigger({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Trigger, {
-        "data-slot": "navigation-menu-trigger",
+    }));
+NavigationMenuList.displayName = List.displayName;
+const NavigationMenuItem = Item;
+const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-neutral-900 data-[state=open]:bg-neutral-100/50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:focus:bg-neutral-100 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:focus:bg-neutral-800");
+const NavigationMenuTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
+        ref: ref,
         className: cn(navigationMenuTriggerStyle(), "group", className),
         ...props,
         children: [
             children,
             "",
-            /*#__PURE__*/ jsx(ChevronDownIcon, {
-                className: "relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180",
+            /*#__PURE__*/ jsx(ChevronDown, {
+                className: "relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180",
                 "aria-hidden": "true"
             })
         ]
-    });
-}
-function NavigationMenuContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Content, {
-        "data-slot": "navigation-menu-content",
-        className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto", "group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none", className),
+    }));
+NavigationMenuTrigger.displayName = Trigger.displayName;
+const NavigationMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
+        className: cn("data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto", className),
         ...props
-    });
-}
-function NavigationMenuViewport({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
+    }));
+NavigationMenuContent.displayName = Content.displayName;
+const NavigationMenuLink = Link;
+const NavigationMenuViewport = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        className: cn("absolute top-full left-0 flex justify-center"),
         children: /*#__PURE__*/ jsx(Viewport, {
-            "data-slot": "navigation-menu-viewport",
-            className: cn("origin-top-center bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800", className),
+            className: cn("origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
+            ref: ref,
             ...props
         })
-    });
-}
-function NavigationMenuLink({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Link, {
-        "data-slot": "navigation-menu-link",
-        className: cn("data-[active=true]:focus:bg-neutral-100 data-[active=true]:hover:bg-neutral-100 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus-visible:ring-neutral-950/50 [&_svg:not([class*='text-'])]:text-neutral-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 dark:data-[active=true]:focus:bg-neutral-800 dark:data-[active=true]:hover:bg-neutral-800 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:focus-visible:ring-neutral-300/50 dark:[&_svg:not([class*='text-'])]:text-neutral-400", className),
-        ...props
-    });
-}
-function NavigationMenuIndicator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Indicator, {
-        "data-slot": "navigation-menu-indicator",
+    }));
+NavigationMenuViewport.displayName = Viewport.displayName;
+const NavigationMenuIndicator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Indicator, {
+        ref: ref,
         className: cn("data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden", className),
         ...props,
         children: /*#__PURE__*/ jsx("div", {
-            className: "bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800"
+            className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800"
         })
-    });
-}
+    }));
+NavigationMenuIndicator.displayName = Indicator.displayName;
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 
 //# sourceMappingURL=navigation-menu.js.map

package/dist/components/ui/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\navigation-menu.js","sources":["webpack://@arolariu/components/./src/components/ui/navigation-menu.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:text-neutral-900 data-[state=open]:focus:bg-neutral-100 data-[state=open]:bg-neutral-100/50 focus-visible:ring-neutral-950/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:focus:bg-neutral-800 dark:data-[state=open]:bg-neutral-800/50 dark:focus-visible:ring-neutral-300/50\",\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}\n      {\"\"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\",\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center bg-white text-neutral-950 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:bg-neutral-950 dark:text-neutral-50 dark:border-neutral-800\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"data-[active=true]:focus:bg-neutral-100 data-[active=true]:hover:bg-neutral-100 data-[active=true]:bg-neutral-100/50 data-[active=true]:text-neutral-900 hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus-visible:ring-neutral-950/50 [&_svg:not([class*='text-'])]:text-neutral-500 flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4 dark:data-[active=true]:focus:bg-neutral-800 dark:data-[active=true]:hover:bg-neutral-800 dark:data-[active=true]:bg-neutral-800/50 dark:data-[active=true]:text-neutral-50 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:focus-visible:ring-neutral-300/50 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-neutral-200 relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md dark:bg-neutral-800\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"names":["NavigationMenu","className","children","viewport","props","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDownIcon","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;;;AASA,SAASA,eAAe,EACtBC,SAAS,EACTC,QAAQ,EACRC,WAAW,IAAI,EACf,GAAGC,OAGJ;IACC,OAAO,WAAP,GACE,KAACC,MAA4B;QAC3B,aAAU;QACV,iBAAeF;QACf,WAAWG,GACT,oFACAL;QAED,GAAGG,KAAK;;YAERF;YACAC,YAAY,WAAZA,GAAY,IAACI,wBAAAA,CAAAA;;;AAGpB;AAEA,SAASC,mBAAmB,EAC1BP,SAAS,EACT,GAAGG,OACuD;IAC1D,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GACT,iEACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASK,mBAAmB,EAC1BR,SAAS,EACT,GAAGG,OACuD;IAC1D,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GAAG,YAAYL;QACzB,GAAGG,KAAK;;AAGf;AAEA,MAAMM,6BAA6BC,IACjC;AAGF,SAASC,sBAAsB,EAC7BX,SAAS,EACTC,QAAQ,EACR,GAAGE,OAC0D;IAC7D,OAAO,WAAP,GACE,KAACC,SAA+B;QAC9B,aAAU;QACV,WAAWC,GAAGI,8BAA8B,SAAST;QACpD,GAAGG,KAAK;;YAERF;YACA;0BACD,IAACW,iBAAeA;gBACd,WAAU;gBACV,eAAY;;;;AAIpB;AAEA,SAASC,sBAAsB,EAC7Bb,SAAS,EACT,GAAGG,OAC0D;IAC7D,OAAO,WAAP,GACE,IAACC,SAA+B;QAC9B,aAAU;QACV,WAAWC,GACT,oWACA,6hCACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASG,uBAAuB,EAC9BN,SAAS,EACT,GAAGG,OAC2D;IAC9D,OAAO,WAAP,GACE,IAAC;QACC,WAAWE,GACT;kBAGF,kBAACD,UAAgC;YAC/B,aAAU;YACV,WAAWC,GACT,iaACAL;YAED,GAAGG,KAAK;;;AAIjB;AAEA,SAASW,mBAAmB,EAC1Bd,SAAS,EACT,GAAGG,OACuD;IAC1D,OAAO,WAAP,GACE,IAACC,MAA4B;QAC3B,aAAU;QACV,WAAWC,GACT,m1BACAL;QAED,GAAGG,KAAK;;AAGf;AAEA,SAASY,wBAAwB,EAC/Bf,SAAS,EACT,GAAGG,OAC4D;IAC/D,OAAO,WAAP,GACE,IAACC,WAAiC;QAChC,aAAU;QACV,WAAWC,GACT,gMACAL;QAED,GAAGG,KAAK;kBAET,kBAAC;YAAI,WAAU;;;AAGrB"}
+{"version":3,"file":"components\\ui\\navigation-menu.js","sources":["webpack://@arolariu/components/./src/components/ui/navigation-menu.tsx"],"sourcesContent":["\r\n\r\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\r\nimport {cva} from \"class-variance-authority\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst NavigationMenu = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>\r\n>(({className, children, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative z-10 flex max-w-max flex-1 items-center justify-center\", className)}\r\n    {...props}>\r\n    {children}\r\n    <NavigationMenuViewport />\r\n  </NavigationMenuPrimitive.Root>\r\n));\r\nNavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;\r\n\r\nconst NavigationMenuList = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.List>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.List\r\n    ref={ref}\r\n    className={cn(\"group flex flex-1 list-none items-center justify-center space-x-1\", className)}\r\n    {...props}\r\n  />\r\n));\r\nNavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;\r\n\r\nconst NavigationMenuItem = NavigationMenuPrimitive.Item;\r\n\r\nconst navigationMenuTriggerStyle = cva(\r\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-white px-4 py-2 text-sm font-medium transition-colors hover:bg-neutral-100 hover:text-neutral-900 focus:bg-neutral-100 focus:text-neutral-900 focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-neutral-900 data-[state=open]:bg-neutral-100/50 data-[state=open]:hover:bg-neutral-100 data-[state=open]:focus:bg-neutral-100 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:focus:bg-neutral-800 dark:focus:text-neutral-50 dark:data-[state=open]:text-neutral-50 dark:data-[state=open]:bg-neutral-800/50 dark:data-[state=open]:hover:bg-neutral-800 dark:data-[state=open]:focus:bg-neutral-800\",\r\n);\r\n\r\nconst NavigationMenuTrigger = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(navigationMenuTriggerStyle(), \"group\", className)}\r\n    {...props}>\r\n    {children}\r\n    {\"\"}\r\n    <ChevronDown\r\n      className='relative top-[1px] ml-1 h-3 w-3 transition duration-300 group-data-[state=open]:rotate-180'\r\n      aria-hidden='true'\r\n    />\r\n  </NavigationMenuPrimitive.Trigger>\r\n));\r\nNavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;\r\n\r\nconst NavigationMenuContent = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full md:absolute md:w-auto\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nNavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;\r\n\r\nconst NavigationMenuLink = NavigationMenuPrimitive.Link;\r\n\r\nconst NavigationMenuViewport = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>\r\n>(({className, ...props}, ref) => (\r\n  <div className={cn(\"absolute top-full left-0 flex justify-center\")}>\r\n    <NavigationMenuPrimitive.Viewport\r\n      className={cn(\r\n        \"origin-top-center data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border border-neutral-200 bg-white text-neutral-950 shadow md:w-[var(--radix-navigation-menu-viewport-width)] dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        className,\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\nNavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;\r\n\r\nconst NavigationMenuIndicator = React.forwardRef<\r\n  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,\r\n  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>\r\n>(({className, ...props}, ref) => (\r\n  <NavigationMenuPrimitive.Indicator\r\n    ref={ref}\r\n    className={cn(\r\n      \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <div className='relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-neutral-200 shadow-md dark:bg-neutral-800' />\r\n  </NavigationMenuPrimitive.Indicator>\r\n));\r\nNavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;\r\n\r\nexport {\r\n  NavigationMenu,\r\n  NavigationMenuContent,\r\n  NavigationMenuIndicator,\r\n  NavigationMenuItem,\r\n  NavigationMenuLink,\r\n  NavigationMenuList,\r\n  NavigationMenuTrigger,\r\n  navigationMenuTriggerStyle,\r\n  NavigationMenuViewport,\r\n};\r\n"],"names":["NavigationMenu","React","className","children","props","ref","NavigationMenuPrimitive","cn","NavigationMenuViewport","NavigationMenuList","NavigationMenuItem","navigationMenuTriggerStyle","cva","NavigationMenuTrigger","ChevronDown","NavigationMenuContent","NavigationMenuLink","NavigationMenuIndicator"],"mappings":";;;;;;;AASA,MAAMA,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,mEAAmEL;QAChF,GAAGE,KAAK;;YACRD;0BACD,IAACK,wBAAAA,CAAAA;;;AAGLR,eAAe,WAAW,GAAGM,KAAAA,WAAwC;AAErE,MAAMG,qBAAqB,WAArBA,GAAqBR,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAA4B;QAC3B,KAAKD;QACL,WAAWE,GAAG,qEAAqEL;QAClF,GAAGE,KAAK;;AAGbK,mBAAmB,WAAW,GAAGH,KAAAA,WAAwC;AAEzE,MAAMI,qBAAqBJ;AAE3B,MAAMK,6BAA6BC,IACjC;AAGF,MAAMC,wBAAwB,WAAxBA,GAAwBZ,WAG5B,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GAAGI,8BAA8B,SAAST;QACpD,GAAGE,KAAK;;YACRD;YACA;0BACD,IAACW,aAAWA;gBACV,WAAU;gBACV,eAAY;;;;AAIlBD,sBAAsB,WAAW,GAAGP,QAAAA,WAA2C;AAE/E,MAAMS,wBAAwB,WAAxBA,GAAwBd,WAG5B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,SAA+B;QAC9B,KAAKD;QACL,WAAWE,GACT,yVACAL;QAED,GAAGE,KAAK;;AAGbW,sBAAsB,WAAW,GAAGT,QAAAA,WAA2C;AAE/E,MAAMU,qBAAqBV;AAE3B,MAAME,yBAAyB,WAAzBA,GAAyBP,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAAC;QAAI,WAAWE,GAAG;kBACjB,kBAACD,UAAgC;YAC/B,WAAWC,GACT,iaACAL;YAEF,KAAKG;YACJ,GAAGD,KAAK;;;AAIfI,uBAAuB,WAAW,GAAGF,SAAAA,WAA4C;AAEjF,MAAMW,0BAA0B,WAA1BA,GAA0BhB,WAG9B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,WAAiC;QAChC,KAAKD;QACL,WAAWE,GACT,gMACAL;QAED,GAAGE,KAAK;kBACT,kBAAC;YAAI,WAAU;;;AAGnBa,wBAAwB,WAAW,GAAGX,UAAAA,WAA6C"}

package/dist/components/ui/pagination.d.ts

@@ -1,14 +1,29 @@
 import * as React from "react";
-import { Button } from "./button";
-declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
-declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): import("react/jsx-runtime").JSX.Element;
-declare function PaginationItem({ ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+import { ButtonProps } from "./button";
+declare const Pagination: {
+    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
 type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
-declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
-declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, };
+} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+declare const PaginationLink: {
+    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationPrevious: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationNext: {
+    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const PaginationEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/components/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAAE,MAAM,EAAkB,MAAM,wBAAwB,CAAC;AAEhE,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUvE;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAE/D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACnD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE5B,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAa,EACb,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY9B;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAGnE,QAAA,MAAM,UAAU;8BAA2B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;;CAOrE,CAAC;AAGF,QAAA,MAAM,iBAAiB,yKAMrB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAMlB,CAAC;AAGH,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACzB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9B,QAAA,MAAM,cAAc;8CAAoD,mBAAmB;;CAY1F,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAS7F,CAAC;AAGF,QAAA,MAAM,cAAc;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CASzF,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAQ9E,CAAC;AAGF,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}

package/dist/components/ui/pagination.js

@@ -1,82 +1,74 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
-import { cn } from "../../lib/utils.js";
+import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
+import { forwardRef } from "react";
 import { buttonVariants } from "./button.js";
-function Pagination({ className, ...props }) {
-    return /*#__PURE__*/ jsx("nav", {
+import { cn } from "../../lib/utilities.js";
+const Pagination = ({ className, ...props })=>/*#__PURE__*/ jsx("nav", {
         role: "navigation",
         "aria-label": "pagination",
-        "data-slot": "pagination",
         className: cn("mx-auto flex w-full justify-center", className),
         ...props
     });
-}
-function PaginationContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx("ul", {
-        "data-slot": "pagination-content",
+Pagination.displayName = "Pagination";
+const PaginationContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
+        ref: ref,
         className: cn("flex flex-row items-center gap-1", className),
         ...props
-    });
-}
-function PaginationItem({ ...props }) {
-    return /*#__PURE__*/ jsx("li", {
-        "data-slot": "pagination-item",
+    }));
+PaginationContent.displayName = "PaginationContent";
+const PaginationItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
+        ref: ref,
+        className: cn("", className),
         ...props
-    });
-}
-function PaginationLink({ className, isActive, size = "icon", ...props }) {
-    return /*#__PURE__*/ jsx("a", {
+    }));
+PaginationItem.displayName = "PaginationItem";
+const PaginationLink = ({ className, isActive, size = "icon", ...props })=>/*#__PURE__*/ jsx("a", {
         "aria-current": isActive ? "page" : void 0,
-        "data-slot": "pagination-link",
-        "data-active": isActive,
         className: cn(buttonVariants({
             variant: isActive ? "outline" : "ghost",
             size
         }), className),
         ...props
     });
-}
-function PaginationPrevious({ className, ...props }) {
-    return /*#__PURE__*/ jsxs(PaginationLink, {
+PaginationLink.displayName = "PaginationLink";
+const PaginationPrevious = ({ className, ...props })=>/*#__PURE__*/ jsxs(PaginationLink, {
         "aria-label": "Go to previous page",
         size: "default",
-        className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+        className: cn("gap-1 pl-2.5", className),
         ...props,
         children: [
-            /*#__PURE__*/ jsx(ChevronLeftIcon, {}),
+            /*#__PURE__*/ jsx(ChevronLeft, {
+                className: "h-4 w-4"
+            }),
             /*#__PURE__*/ jsx("span", {
-                className: "hidden sm:block",
                 children: "Previous"
             })
         ]
     });
-}
-function PaginationNext({ className, ...props }) {
-    return /*#__PURE__*/ jsxs(PaginationLink, {
+PaginationPrevious.displayName = "PaginationPrevious";
+const PaginationNext = ({ className, ...props })=>/*#__PURE__*/ jsxs(PaginationLink, {
         "aria-label": "Go to next page",
         size: "default",
-        className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+        className: cn("gap-1 pr-2.5", className),
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "hidden sm:block",
                 children: "Next"
             }),
-            /*#__PURE__*/ jsx(ChevronRightIcon, {})
+            /*#__PURE__*/ jsx(ChevronRight, {
+                className: "h-4 w-4"
+            })
         ]
     });
-}
-function PaginationEllipsis({ className, ...props }) {
-    return /*#__PURE__*/ jsxs("span", {
+PaginationNext.displayName = "PaginationNext";
+const PaginationEllipsis = ({ className, ...props })=>/*#__PURE__*/ jsxs("span", {
         "aria-hidden": true,
-        "data-slot": "pagination-ellipsis",
-        className: cn("flex size-9 items-center justify-center", className),
+        className: cn("flex h-9 w-9 items-center justify-center", className),
         ...props,
         children: [
-            /*#__PURE__*/ jsx(MoreHorizontalIcon, {
-                className: "size-4"
+            /*#__PURE__*/ jsx(MoreHorizontal, {
+                className: "h-4 w-4"
             }),
             /*#__PURE__*/ jsx("span", {
                 className: "sr-only",
@@ -84,7 +76,7 @@ function PaginationEllipsis({ className, ...props }) {
             })
         ]
     });
-}
+PaginationEllipsis.displayName = "PaginationEllipsis";
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 
 //# sourceMappingURL=pagination.js.map

package/dist/components/ui/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\pagination.js","sources":["webpack://@arolariu/components/./src/components/ui/pagination.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { Button, buttonVariants } from \"@/components/ui/button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"names":["Pagination","className","props","cn","PaginationContent","PaginationItem","PaginationLink","isActive","size","undefined","buttonVariants","PaginationPrevious","ChevronLeftIcon","PaginationNext","ChevronRightIcon","PaginationEllipsis","MoreHorizontalIcon"],"mappings":";;;;;;AAYA,SAASA,WAAW,EAAEC,SAAS,EAAE,GAAGC,OAAoC;IACtE,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,cAAW;QACX,aAAU;QACV,WAAWC,GAAG,sCAAsCF;QACnD,GAAGC,KAAK;;AAGf;AAEA,SAASE,kBAAkB,EACzBH,SAAS,EACT,GAAGC,OACwB;IAC3B,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,oCAAoCF;QACjD,GAAGC,KAAK;;AAGf;AAEA,SAASG,eAAe,EAAE,GAAGH,OAAmC;IAC9D,OAAO,WAAP,GAAO,IAAC;QAAG,aAAU;QAAmB,GAAGA,KAAK;;AAClD;AAOA,SAASI,eAAe,EACtBL,SAAS,EACTM,QAAQ,EACRC,OAAO,MAAM,EACb,GAAGN,OACiB;IACpB,OAAO,WAAP,GACE,IAAC;QACC,gBAAcK,WAAW,SAASE;QAClC,aAAU;QACV,eAAaF;QACb,WAAWJ,GACTO,eAAe;YACb,SAASH,WAAW,YAAY;YAChCC;QACF,IACAP;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASS,mBAAmB,EAC1BV,SAAS,EACT,GAAGC,OACyC;IAC5C,OAAO,WAAP,GACE,KAACI,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWH,GAAG,0BAA0BF;QACvC,GAAGC,KAAK;;0BAET,IAACU,iBAAeA,CAAAA;0BAChB,IAAC;gBAAK,WAAU;0BAAkB;;;;AAGxC;AAEA,SAASC,eAAe,EACtBZ,SAAS,EACT,GAAGC,OACyC;IAC5C,OAAO,WAAP,GACE,KAACI,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWH,GAAG,0BAA0BF;QACvC,GAAGC,KAAK;;0BAET,IAAC;gBAAK,WAAU;0BAAkB;;0BAClC,IAACY,kBAAgBA,CAAAA;;;AAGvB;AAEA,SAASC,mBAAmB,EAC1Bd,SAAS,EACT,GAAGC,OAC0B;IAC7B,OAAO,WAAP,GACE,KAAC;QACC,eAAW;QACX,aAAU;QACV,WAAWC,GAAG,2CAA2CF;QACxD,GAAGC,KAAK;;0BAET,IAACc,oBAAkBA;gBAAC,WAAU;;0BAC9B,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC"}
+{"version":3,"file":"components\\ui\\pagination.js","sources":["webpack://@arolariu/components/./src/components/ui/pagination.tsx"],"sourcesContent":["\r\n\r\nimport {ChevronLeft, ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {ButtonProps, buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Pagination = ({className, ...props}: React.ComponentProps<\"nav\">) => (\r\n  <nav\r\n    role='navigation'\r\n    aria-label='pagination'\r\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\r\n    {...props}\r\n  />\r\n);\r\nPagination.displayName = \"Pagination\";\r\n\r\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(({className, ...props}, ref) => (\r\n  <ul\r\n    ref={ref}\r\n    className={cn(\"flex flex-row items-center gap-1\", className)}\r\n    {...props}\r\n  />\r\n));\r\nPaginationContent.displayName = \"PaginationContent\";\r\n\r\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    className={cn(\"\", className)}\r\n    {...props}\r\n  />\r\n));\r\nPaginationItem.displayName = \"PaginationItem\";\r\n\r\ntype PaginationLinkProps = {\r\n  isActive?: boolean;\r\n} & Pick<ButtonProps, \"size\">\r\n  & React.ComponentProps<\"a\">;\r\n\r\nconst PaginationLink = ({className, isActive, size = \"icon\", ...props}: PaginationLinkProps) => (\r\n  <a\r\n    aria-current={isActive ? \"page\" : undefined}\r\n    className={cn(\r\n      buttonVariants({\r\n        variant: isActive ? \"outline\" : \"ghost\",\r\n        size,\r\n      }),\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n);\r\nPaginationLink.displayName = \"PaginationLink\";\r\n\r\nconst PaginationPrevious = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\r\n  <PaginationLink\r\n    aria-label='Go to previous page'\r\n    size='default'\r\n    className={cn(\"gap-1 pl-2.5\", className)}\r\n    {...props}>\r\n    <ChevronLeft className='h-4 w-4' />\r\n    <span>Previous</span>\r\n  </PaginationLink>\r\n);\r\nPaginationPrevious.displayName = \"PaginationPrevious\";\r\n\r\nconst PaginationNext = ({className, ...props}: React.ComponentProps<typeof PaginationLink>) => (\r\n  <PaginationLink\r\n    aria-label='Go to next page'\r\n    size='default'\r\n    className={cn(\"gap-1 pr-2.5\", className)}\r\n    {...props}>\r\n    <span>Next</span>\r\n    <ChevronRight className='h-4 w-4' />\r\n  </PaginationLink>\r\n);\r\nPaginationNext.displayName = \"PaginationNext\";\r\n\r\nconst PaginationEllipsis = ({className, ...props}: React.ComponentProps<\"span\">) => (\r\n  <span\r\n    aria-hidden\r\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\r\n    {...props}>\r\n    <MoreHorizontal className='h-4 w-4' />\r\n    <span className='sr-only'>More pages</span>\r\n  </span>\r\n);\r\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\r\n\r\nexport {Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious};\r\n"],"names":["Pagination","className","props","cn","PaginationContent","React","ref","PaginationItem","PaginationLink","isActive","size","undefined","buttonVariants","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,MAAMA,aAAa,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,iBACpE,IAAC;QACC,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,sCAAsCF;QACnD,GAAGC,KAAK;;AAGbF,WAAW,WAAW,GAAG;AAEzB,MAAMI,oBAAoB,WAApBA,GAAoBC,WAA+D,CAAC,EAACJ,SAAS,EAAE,GAAGC,OAAM,EAAEI,MAAAA,WAAAA,GAC/G,IAAC;QACC,KAAKA;QACL,WAAWH,GAAG,oCAAoCF;QACjD,GAAGC,KAAK;;AAGbE,kBAAkB,WAAW,GAAG;AAEhC,MAAMG,iBAAiB,WAAjBA,GAAiBF,WAA4D,CAAC,EAACJ,SAAS,EAAE,GAAGC,OAAM,EAAEI,MAAAA,WAAAA,GACzG,IAAC;QACC,KAAKA;QACL,WAAWH,GAAG,IAAIF;QACjB,GAAGC,KAAK;;AAGbK,eAAe,WAAW,GAAG;AAO7B,MAAMC,iBAAiB,CAAC,EAACP,SAAS,EAAEQ,QAAQ,EAAEC,OAAO,MAAM,EAAE,GAAGR,OAA2B,iBACzF,IAAC;QACC,gBAAcO,WAAW,SAASE;QAClC,WAAWR,GACTS,eAAe;YACb,SAASH,WAAW,YAAY;YAChCC;QACF,IACAT;QAED,GAAGC,KAAK;;AAGbM,eAAe,WAAW,GAAG;AAE7B,MAAMK,qBAAqB,CAAC,EAACZ,SAAS,EAAE,GAAGC,OAAmD,iBAC5F,KAACM,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWL,GAAG,gBAAgBF;QAC7B,GAAGC,KAAK;;0BACT,IAACY,aAAWA;gBAAC,WAAU;;0BACvB,IAAC;0BAAK;;;;AAGVD,mBAAmB,WAAW,GAAG;AAEjC,MAAME,iBAAiB,CAAC,EAACd,SAAS,EAAE,GAAGC,OAAmD,iBACxF,KAACM,gBAAAA;QACC,cAAW;QACX,MAAK;QACL,WAAWL,GAAG,gBAAgBF;QAC7B,GAAGC,KAAK;;0BACT,IAAC;0BAAK;;0BACN,IAACc,cAAYA;gBAAC,WAAU;;;;AAG5BD,eAAe,WAAW,GAAG;AAE7B,MAAME,qBAAqB,CAAC,EAAChB,SAAS,EAAE,GAAGC,OAAoC,iBAC7E,KAAC;QACC,eAAW;QACX,WAAWC,GAAG,4CAA4CF;QACzD,GAAGC,KAAK;;0BACT,IAACgB,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAG9BD,mBAAmB,WAAW,GAAG"}

package/dist/components/ui/popover.d.ts

@@ -1,8 +1,8 @@
-import * as React from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+import * as React from "react";
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/components/ui/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,iBAAS,OAAO,CAAC,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACtB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACrB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,aAAa,4GAA0B,CAAC;AAE9C,QAAA,MAAM,cAAc,gKAgBlB,CAAC;AAGH,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAC,CAAC"}