@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

package/dist/src/shadcn/components/ui/menubar.js

@@ -2,10 +2,32 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { cn } from "../../lib/utils.js";
+// Menubar styles
+const menubarStyles = cn("bg-background", "flex", "h-9", "items-center", "gap-1", "rounded-md", "border", "p-1", "shadow-xs");
+// Menubar trigger styles
+const menubarTriggerStyles = cn("focus:bg-accent", "focus:text-accent-foreground", "data-[state=open]:bg-accent", "data-[state=open]:text-accent-foreground", "flex", "items-center", "rounded-sm", "px-2", "py-1", "text-sm", "font-medium", "outline-hidden", "select-none");
+// Menubar content styles
+const menubarContentStyles = cn("bg-popover", "text-popover-foreground", "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", "p-1", "shadow-md");
+// Menubar item styles
+const menubarItemStyles = cn("focus:bg-accent", "focus:text-accent-foreground", "data-[variant=destructive]:text-destructive", "data-[variant=destructive]:focus:bg-destructive/10", "dark:data-[variant=destructive]:focus:bg-destructive/20", "data-[variant=destructive]:focus:text-destructive", "data-[variant=destructive]:*:[svg]:!text-destructive", "[&_svg:not([class*='text-'])]:text-muted-foreground", "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");
+// Menubar checkbox/radio item styles
+const menubarCheckboxRadioItemStyles = cn("focus:bg-accent", "focus:text-accent-foreground", "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");
+// Menubar indicator styles
+const menubarIndicatorStyles = cn("pointer-events-none", "absolute", "left-2", "flex", "size-3.5", "items-center", "justify-center");
+// Menubar label styles
+const menubarLabelStyles = cn("px-2", "py-1.5", "text-sm", "font-medium", "data-[inset]:pl-8");
+// Menubar separator styles
+const menubarSeparatorStyles = cn("bg-border", "-mx-1", "my-1", "h-px");
+// Menubar shortcut styles
+const menubarShortcutStyles = cn("text-muted-foreground", "ml-auto", "text-xs", "tracking-widest");
+// Menubar sub trigger styles
+const menubarSubTriggerStyles = cn("focus:bg-(--color-surface-1)", "data-[state=open]:bg-(--color-surface-1)", "flex", "items-center", "rounded-sm", "px-2", "py-1", "text-sm", "font-medium", "outline-hidden", "select-none");
+// Menubar sub content styles
+const menubarSubContentStyles = cn("bg-popover", "text-popover-foreground", "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", "p-1", "shadow-lg");
 function Menubar({ className, ...props }) {
     return /*#__PURE__*/ _jsx(MenubarPrimitive.Root, {
         "data-slot": "menubar",
-        className: cn("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs", className),
+        className: cn(menubarStyles, className),
         ...props
     });
 }
@@ -36,7 +58,7 @@ function MenubarRadioGroup({ ...props }) {
 function MenubarTrigger({ className, ...props }) {
     return /*#__PURE__*/ _jsx(MenubarPrimitive.Trigger, {
         "data-slot": "menubar-trigger",
-        className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
+        className: cn(menubarTriggerStyles, className),
         ...props
     });
 }
@@ -47,7 +69,7 @@ function MenubarContent({ className, align = "start", alignOffset = -4, sideOffs
             align: align,
             alignOffset: alignOffset,
             sideOffset: sideOffset,
-            className: cn("bg-popover text-popover-foreground 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 p-1 shadow-md", className),
+            className: cn(menubarContentStyles, className),
             ...props
         })
     });
@@ -57,18 +79,18 @@ function MenubarItem({ className, inset, variant = "default", ...props }) {
         "data-slot": "menubar-item",
         "data-inset": inset,
         "data-variant": variant,
-        className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground 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", className),
+        className: cn(menubarItemStyles, className),
         ...props
     });
 }
 function MenubarCheckboxItem({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(MenubarPrimitive.CheckboxItem, {
         "data-slot": "menubar-checkbox-item",
-        className: cn("focus:bg-accent focus:text-accent-foreground 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", className),
+        className: cn(menubarCheckboxRadioItemStyles, className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: menubarIndicatorStyles,
                 children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
                     children: /*#__PURE__*/ _jsx(CheckIcon, {
                         className: "size-4"
@@ -82,11 +104,11 @@ function MenubarCheckboxItem({ className, children, ...props }) {
 function MenubarRadioItem({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(MenubarPrimitive.RadioItem, {
         "data-slot": "menubar-radio-item",
-        className: cn("focus:bg-accent focus:text-accent-foreground 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", className),
+        className: cn(menubarCheckboxRadioItemStyles, className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: menubarIndicatorStyles,
                 children: /*#__PURE__*/ _jsx(MenubarPrimitive.ItemIndicator, {
                     children: /*#__PURE__*/ _jsx(CircleIcon, {
                         className: "size-2 fill-current"
@@ -101,21 +123,21 @@ function MenubarLabel({ className, inset, ...props }) {
     return /*#__PURE__*/ _jsx(MenubarPrimitive.Label, {
         "data-slot": "menubar-label",
         "data-inset": inset,
-        className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+        className: cn(menubarLabelStyles, className),
         ...props
     });
 }
 function MenubarSeparator({ className, ...props }) {
     return /*#__PURE__*/ _jsx(MenubarPrimitive.Separator, {
         "data-slot": "menubar-separator",
-        className: cn("bg-border -mx-1 my-1 h-px", className),
+        className: cn(menubarSeparatorStyles, className),
         ...props
     });
 }
 function MenubarShortcut({ className, ...props }) {
     return /*#__PURE__*/ _jsx("span", {
         "data-slot": "menubar-shortcut",
-        className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+        className: cn(menubarShortcutStyles, className),
         ...props
     });
 }
@@ -129,7 +151,7 @@ function MenubarSubTrigger({ className, inset, children, ...props }) {
     return /*#__PURE__*/ _jsxs(MenubarPrimitive.SubTrigger, {
         "data-slot": "menubar-sub-trigger",
         "data-inset": inset,
-        className: cn("focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none", className),
+        className: cn(menubarSubTriggerStyles, className),
         ...props,
         children: [
             children,
@@ -142,7 +164,7 @@ function MenubarSubTrigger({ className, inset, children, ...props }) {
 function MenubarSubContent({ className, ...props }) {
     return /*#__PURE__*/ _jsx(MenubarPrimitive.SubContent, {
         "data-slot": "menubar-sub-content",
-        className: cn("bg-popover text-popover-foreground 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 p-1 shadow-lg", className),
+        className: cn(menubarSubContentStyles, className),
         ...props
     });
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"sourcesContent":["import * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Menubar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn (\n\t\t<MenubarPrimitive.Root\n\t\t\tdata-slot=\"menubar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarMenu({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n\treturn <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n\treturn <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n\treturn <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n\t);\n}\n\nfunction MenubarTrigger({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n\treturn (\n\t\t<MenubarPrimitive.Trigger\n\t\t\tdata-slot=\"menubar-trigger\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarContent({\n\tclassName,\n\talign = \"start\",\n\talignOffset = -4,\n\tsideOffset = 8,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n\treturn (\n\t\t<MenubarPortal>\n\t\t\t<MenubarPrimitive.Content\n\t\t\t\tdata-slot=\"menubar-content\"\n\t\t\t\talign={align}\n\t\t\t\talignOffset={alignOffset}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground 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 p-1 shadow-md\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</MenubarPortal>\n\t);\n}\n\nfunction MenubarItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Item\n\t\t\tdata-slot=\"menubar-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<MenubarPrimitive.CheckboxItem\n\t\t\tdata-slot=\"menubar-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.CheckboxItem>\n\t);\n}\n\nfunction MenubarRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioItem\n\t\t\tdata-slot=\"menubar-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground 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\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.RadioItem>\n\t);\n}\n\nfunction MenubarLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Label\n\t\t\tdata-slot=\"menubar-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n\treturn (\n\t\t<MenubarPrimitive.Separator\n\t\t\tdata-slot=\"menubar-separator\"\n\t\t\tclassName={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"menubar-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSub({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n\treturn <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.SubTrigger\n\t\t\tdata-slot=\"menubar-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-(--color-surface-1) data-[state=open]:bg-(--color-surface-1) flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n\t\t</MenubarPrimitive.SubTrigger>\n\t);\n}\n\nfunction MenubarSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n\treturn (\n\t\t<MenubarPrimitive.SubContent\n\t\t\tdata-slot=\"menubar-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-popover text-popover-foreground 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 p-1 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tMenubar,\n\tMenubarPortal,\n\tMenubarMenu,\n\tMenubarTrigger,\n\tMenubarContent,\n\tMenubarGroup,\n\tMenubarSeparator,\n\tMenubarLabel,\n\tMenubarItem,\n\tMenubarShortcut,\n\tMenubarCheckboxItem,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarSub,\n\tMenubarSubTrigger,\n\tMenubarSubContent,\n};\n"],"names":["MenubarPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","Menubar","className","props","Root","data-slot","MenubarMenu","Menu","MenubarGroup","Group","MenubarPortal","Portal","MenubarRadioGroup","RadioGroup","MenubarTrigger","Trigger","MenubarContent","align","alignOffset","sideOffset","Content","MenubarItem","inset","variant","Item","data-inset","data-variant","MenubarCheckboxItem","children","CheckboxItem","span","ItemIndicator","MenubarRadioItem","RadioItem","MenubarLabel","Label","MenubarSeparator","Separator","MenubarShortcut","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/menubar.tsx"],"sourcesContent":["import * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Menubar styles\nconst menubarStyles = cn(\n\t\"bg-background\",\n\t\"flex\",\n\t\"h-9\",\n\t\"items-center\",\n\t\"gap-1\",\n\t\"rounded-md\",\n\t\"border\",\n\t\"p-1\",\n\t\"shadow-xs\",\n);\n\n// Menubar trigger styles\nconst menubarTriggerStyles = cn(\n\t\"focus:bg-accent\",\n\t\"focus:text-accent-foreground\",\n\t\"data-[state=open]:bg-accent\",\n\t\"data-[state=open]:text-accent-foreground\",\n\t\"flex\",\n\t\"items-center\",\n\t\"rounded-sm\",\n\t\"px-2\",\n\t\"py-1\",\n\t\"text-sm\",\n\t\"font-medium\",\n\t\"outline-hidden\",\n\t\"select-none\",\n);\n\n// Menubar content styles\nconst menubarContentStyles = cn(\n\t\"bg-popover\",\n\t\"text-popover-foreground\",\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t\"data-[state=open]:zoom-in-95\",\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n\t\"z-50\",\n\t\"min-w-[12rem]\",\n\t\"origin-(--radix-menubar-content-transform-origin)\",\n\t\"overflow-hidden\",\n\t\"rounded-md\",\n\t\"border\",\n\t\"p-1\",\n\t\"shadow-md\",\n);\n\n// Menubar item styles\nconst menubarItemStyles = cn(\n\t\"focus:bg-accent\",\n\t\"focus:text-accent-foreground\",\n\t\"data-[variant=destructive]:text-destructive\",\n\t\"data-[variant=destructive]:focus:bg-destructive/10\",\n\t\"dark:data-[variant=destructive]:focus:bg-destructive/20\",\n\t\"data-[variant=destructive]:focus:text-destructive\",\n\t\"data-[variant=destructive]:*:[svg]:!text-destructive\",\n\t\"[&_svg:not([class*='text-'])]:text-muted-foreground\",\n\t\"relative\",\n\t\"flex\",\n\t\"cursor-default\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"rounded-sm\",\n\t\"px-2\",\n\t\"py-1.5\",\n\t\"text-sm\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t\"data-[inset]:pl-8\",\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n);\n\n// Menubar checkbox/radio item styles\nconst menubarCheckboxRadioItemStyles = cn(\n\t\"focus:bg-accent\",\n\t\"focus:text-accent-foreground\",\n\t\"relative\",\n\t\"flex\",\n\t\"cursor-default\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"rounded-xs\",\n\t\"py-1.5\",\n\t\"pr-2\",\n\t\"pl-8\",\n\t\"text-sm\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class*='size-'])]:size-4\",\n);\n\n// Menubar indicator styles\nconst menubarIndicatorStyles = cn(\n\t\"pointer-events-none\",\n\t\"absolute\",\n\t\"left-2\",\n\t\"flex\",\n\t\"size-3.5\",\n\t\"items-center\",\n\t\"justify-center\",\n);\n\n// Menubar label styles\nconst menubarLabelStyles = cn(\n\t\"px-2\",\n\t\"py-1.5\",\n\t\"text-sm\",\n\t\"font-medium\",\n\t\"data-[inset]:pl-8\",\n);\n\n// Menubar separator styles\nconst menubarSeparatorStyles = cn(\"bg-border\", \"-mx-1\", \"my-1\", \"h-px\");\n\n// Menubar shortcut styles\nconst menubarShortcutStyles = cn(\n\t\"text-muted-foreground\",\n\t\"ml-auto\",\n\t\"text-xs\",\n\t\"tracking-widest\",\n);\n\n// Menubar sub trigger styles\nconst menubarSubTriggerStyles = cn(\n\t\"focus:bg-(--color-surface-1)\",\n\t\"data-[state=open]:bg-(--color-surface-1)\",\n\t\"flex\",\n\t\"items-center\",\n\t\"rounded-sm\",\n\t\"px-2\",\n\t\"py-1\",\n\t\"text-sm\",\n\t\"font-medium\",\n\t\"outline-hidden\",\n\t\"select-none\",\n);\n\n// Menubar sub content styles\nconst menubarSubContentStyles = cn(\n\t\"bg-popover\",\n\t\"text-popover-foreground\",\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t\"data-[state=open]:zoom-in-95\",\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n\t\"z-50\",\n\t\"min-w-[8rem]\",\n\t\"origin-(--radix-menubar-content-transform-origin)\",\n\t\"overflow-hidden\",\n\t\"rounded-md\",\n\t\"border\",\n\t\"p-1\",\n\t\"shadow-lg\",\n);\n\nfunction Menubar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn (\n\t\t<MenubarPrimitive.Root\n\t\t\tdata-slot=\"menubar\"\n\t\t\tclassName={cn(menubarStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarMenu({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n\treturn <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n\treturn <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n\treturn <MenubarPrimitive.Portal data-slot=\"menubar-portal\" {...props} />;\n}\n\nfunction MenubarRadioGroup({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n\t);\n}\n\nfunction MenubarTrigger({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n\treturn (\n\t\t<MenubarPrimitive.Trigger\n\t\t\tdata-slot=\"menubar-trigger\"\n\t\t\tclassName={cn(menubarTriggerStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarContent({\n\tclassName,\n\talign = \"start\",\n\talignOffset = -4,\n\tsideOffset = 8,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n\treturn (\n\t\t<MenubarPortal>\n\t\t\t<MenubarPrimitive.Content\n\t\t\t\tdata-slot=\"menubar-content\"\n\t\t\t\talign={align}\n\t\t\t\talignOffset={alignOffset}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(menubarContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</MenubarPortal>\n\t);\n}\n\nfunction MenubarItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Item\n\t\t\tdata-slot=\"menubar-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(menubarItemStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<MenubarPrimitive.CheckboxItem\n\t\t\tdata-slot=\"menubar-checkbox-item\"\n\t\t\tclassName={cn(menubarCheckboxRadioItemStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={menubarIndicatorStyles}>\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.CheckboxItem>\n\t);\n}\n\nfunction MenubarRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n\treturn (\n\t\t<MenubarPrimitive.RadioItem\n\t\t\tdata-slot=\"menubar-radio-item\"\n\t\t\tclassName={cn(menubarCheckboxRadioItemStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={menubarIndicatorStyles}>\n\t\t\t\t<MenubarPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</MenubarPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</MenubarPrimitive.RadioItem>\n\t);\n}\n\nfunction MenubarLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.Label\n\t\t\tdata-slot=\"menubar-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(menubarLabelStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n\treturn (\n\t\t<MenubarPrimitive.Separator\n\t\t\tdata-slot=\"menubar-separator\"\n\t\t\tclassName={cn(menubarSeparatorStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"menubar-shortcut\"\n\t\t\tclassName={cn(menubarShortcutStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction MenubarSub({\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n\treturn <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<MenubarPrimitive.SubTrigger\n\t\t\tdata-slot=\"menubar-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(menubarSubTriggerStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n\t\t</MenubarPrimitive.SubTrigger>\n\t);\n}\n\nfunction MenubarSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n\treturn (\n\t\t<MenubarPrimitive.SubContent\n\t\t\tdata-slot=\"menubar-sub-content\"\n\t\t\tclassName={cn(menubarSubContentStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tMenubar,\n\tMenubarPortal,\n\tMenubarMenu,\n\tMenubarTrigger,\n\tMenubarContent,\n\tMenubarGroup,\n\tMenubarSeparator,\n\tMenubarLabel,\n\tMenubarItem,\n\tMenubarShortcut,\n\tMenubarCheckboxItem,\n\tMenubarRadioGroup,\n\tMenubarRadioItem,\n\tMenubarSub,\n\tMenubarSubTrigger,\n\tMenubarSubContent,\n};\n"],"names":["MenubarPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","menubarStyles","menubarTriggerStyles","menubarContentStyles","menubarItemStyles","menubarCheckboxRadioItemStyles","menubarIndicatorStyles","menubarLabelStyles","menubarSeparatorStyles","menubarShortcutStyles","menubarSubTriggerStyles","menubarSubContentStyles","Menubar","className","props","Root","data-slot","MenubarMenu","Menu","MenubarGroup","Group","MenubarPortal","Portal","MenubarRadioGroup","RadioGroup","MenubarTrigger","Trigger","MenubarContent","align","alignOffset","sideOffset","Content","MenubarItem","inset","variant","Item","data-inset","data-variant","MenubarCheckboxItem","children","CheckboxItem","span","ItemIndicator","MenubarRadioItem","RadioItem","MenubarLabel","Label","MenubarSeparator","Separator","MenubarShortcut","MenubarSub","Sub","MenubarSubTrigger","SubTrigger","MenubarSubContent","SubContent"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAC5D,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAGvE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,iBAAiB;AACjB,MAAMC,gBAAgBD,GACrB,iBACA,QACA,OACA,gBACA,SACA,cACA,UACA,OACA;AAGD,yBAAyB;AACzB,MAAME,uBAAuBF,GAC5B,mBACA,gCACA,+BACA,4CACA,QACA,gBACA,cACA,QACA,QACA,WACA,eACA,kBACA;AAGD,yBAAyB;AACzB,MAAMG,uBAAuBH,GAC5B,cACA,2BACA,gCACA,kCACA,+BACA,mCACA,gCACA,0CACA,0CACA,0CACA,0CACA,QACA,iBACA,qDACA,mBACA,cACA,UACA,OACA;AAGD,sBAAsB;AACtB,MAAMI,oBAAoBJ,GACzB,mBACA,gCACA,+CACA,sDACA,2DACA,qDACA,wDACA,uDACA,YACA,QACA,kBACA,gBACA,SACA,cACA,QACA,UACA,WACA,kBACA,eACA,uCACA,8BACA,qBACA,+BACA,oBACA;AAGD,qCAAqC;AACrC,MAAMK,iCAAiCL,GACtC,mBACA,gCACA,YACA,QACA,kBACA,gBACA,SACA,cACA,UACA,QACA,QACA,WACA,kBACA,eACA,uCACA,8BACA,+BACA,oBACA;AAGD,2BAA2B;AAC3B,MAAMM,yBAAyBN,GAC9B,uBACA,YACA,UACA,QACA,YACA,gBACA;AAGD,uBAAuB;AACvB,MAAMO,qBAAqBP,GAC1B,QACA,UACA,WACA,eACA;AAGD,2BAA2B;AAC3B,MAAMQ,yBAAyBR,GAAG,aAAa,SAAS,QAAQ;AAEhE,0BAA0B;AAC1B,MAAMS,wBAAwBT,GAC7B,yBACA,WACA,WACA;AAGD,6BAA6B;AAC7B,MAAMU,0BAA0BV,GAC/B,gCACA,4CACA,QACA,gBACA,cACA,QACA,QACA,WACA,eACA,kBACA;AAGD,6BAA6B;AAC7B,MAAMW,0BAA0BX,GAC/B,cACA,2BACA,gCACA,mCACA,kCACA,+BACA,mCACA,gCACA,0CACA,0CACA,0CACA,0CACA,QACA,gBACA,qDACA,mBAC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"}

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

@@ -1,5 +1,5 @@
 import type * as React from "react";
-import { type Button } from "#shadcn/components/ui/button";
+import { type Button } from "../../components/ui/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;
@@ -10,5 +10,12 @@ declare function PaginationLink({ className, isActive, size, ...props }: Paginat
 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, };
+type PaginationPageSizeSelectorProps = {
+    pageSize: number;
+    onPageSizeChange: (pageSize: number) => void;
+    pageSizeOptions?: number[];
+    className?: string;
+};
+declare function PaginationPageSizeSelector({ pageSize, onPageSizeChange, pageSizeOptions, className, }: PaginationPageSizeSelectorProps): import("react/jsx-runtime").JSX.Element;
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, PaginationPageSizeSelector, };
 //# sourceMappingURL=pagination.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AAG3E,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYvE;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ/D;AAED,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACpD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE3B,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAY7C;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAY9B;AAED,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,GAClB,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,MAAM,EAAkB,MAAM,8BAA8B,CAAC;AAS3E,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYvE;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ5B;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ/D;AAED,KAAK,mBAAmB,GAAG;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACpD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE3B,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACR,EAAE,mBAAmB,2CAgBrB;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAW7C;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAW7C;AAED,iBAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAkB9B;AAED,KAAK,+BAA+B,GAAG;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,iBAAS,0BAA0B,CAAC,EACnC,QAAQ,EACR,gBAAgB,EAChB,eAAmC,EACnC,SAAS,GACT,EAAE,+BAA+B,2CA+BjC;AAED,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,0BAA0B,GAC1B,CAAC"}

package/dist/src/shadcn/components/ui/pagination.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 import { buttonVariants } from "./button.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "./dropdown-menu.js";
 import { cn } from "../../lib/utils.js";
 function Pagination({ className, ...props }) {
     return(// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn
@@ -9,20 +10,20 @@ function Pagination({ className, ...props }) {
         role: "navigation",
         "aria-label": "pagination",
         "data-slot": "pagination",
-        className: cn("mx-auto flex w-full justify-center", className),
+        className: cn("flex", "justify-center", className),
         ...props
     }));
 }
 function PaginationContent({ className, ...props }) {
     return /*#__PURE__*/ _jsx("ul", {
         "data-slot": "pagination-content",
-        className: cn("flex flex-row items-center gap-1", className),
+        className: cn("flex", "flex-row", "items-center", "gap-1", className),
         ...props
     });
 }
 function PaginationItem({ ...props }) {
     return /*#__PURE__*/ _jsx("li", {
-        className: "hover:bg-accent rounded-md",
+        className: cn("hover:bg-bg-secondary", "rounded-md"),
         "data-slot": "pagination-item",
         ...props
     });
@@ -40,40 +41,28 @@ function PaginationLink({ className, isActive, size = "small", ...props }) {
     });
 }
 function PaginationPrevious({ className, ...props }) {
-    return /*#__PURE__*/ _jsxs(PaginationLink, {
+    return /*#__PURE__*/ _jsx(PaginationLink, {
         "aria-label": "Go to previous page",
         size: "small",
-        className: cn("gap-1 px-2.5 sm:pl-2.5", className),
+        className: cn("gap-1", "px-2.5", "sm:pl-2.5", className),
         ...props,
-        children: [
-            /*#__PURE__*/ _jsx(ChevronLeftIcon, {}),
-            /*#__PURE__*/ _jsx("span", {
-                className: "hidden sm:block",
-                children: "Previous"
-            })
-        ]
+        children: /*#__PURE__*/ _jsx(ChevronLeftIcon, {})
     });
 }
 function PaginationNext({ className, ...props }) {
-    return /*#__PURE__*/ _jsxs(PaginationLink, {
+    return /*#__PURE__*/ _jsx(PaginationLink, {
         "aria-label": "Go to next page",
         size: "regular",
-        className: cn("gap-1 px-2.5 sm:pr-2.5", className),
+        className: cn("gap-1", "px-2.5", "sm:pr-2.5", className),
         ...props,
-        children: [
-            /*#__PURE__*/ _jsx("span", {
-                className: "hidden sm:block",
-                children: "Next"
-            }),
-            /*#__PURE__*/ _jsx(ChevronRightIcon, {})
-        ]
+        children: /*#__PURE__*/ _jsx(ChevronRightIcon, {})
     });
 }
 function PaginationEllipsis({ className, ...props }) {
     return /*#__PURE__*/ _jsxs("span", {
         "aria-hidden": true,
         "data-slot": "pagination-ellipsis",
-        className: cn("flex size-9 items-center justify-center", className),
+        className: cn("flex", "size-9", "items-center", "justify-center", className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx(MoreHorizontalIcon, {
@@ -86,6 +75,34 @@ function PaginationEllipsis({ className, ...props }) {
         ]
     });
 }
-export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis };
+function PaginationPageSizeSelector({ pageSize, onPageSizeChange, pageSizeOptions = [
+    10,
+    20,
+    50,
+    100
+], className }) {
+    return /*#__PURE__*/ _jsxs(DropdownMenu, {
+        children: [
+            /*#__PURE__*/ _jsxs(DropdownMenuTrigger, {
+                className: cn("flex", "items-center", "gap-1", "text-sm", "text-text-secondary", "hover:text-text-primary", "outline-none", className),
+                "data-slot": "pagination-page-size-selector",
+                children: [
+                    pageSize,
+                    " / Page",
+                    /*#__PURE__*/ _jsx(ChevronDownIcon, {
+                        className: "size-4"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ _jsx(DropdownMenuContent, {
+                children: pageSizeOptions.map((option)=>/*#__PURE__*/ _jsx(DropdownMenuItem, {
+                        onClick: ()=>onPageSizeChange(option),
+                        children: option
+                    }, option))
+            })
+        ]
+    });
+}
+export { Pagination, PaginationContent, PaginationLink, PaginationItem, PaginationPrevious, PaginationNext, PaginationEllipsis, PaginationPageSizeSelector };
 
 //# sourceMappingURL=pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"sourcesContent":["import {\n\tChevronLeftIcon,\n\tChevronRightIcon,\n\tMoreHorizontalIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport { type Button, buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<nav\n\t\t\t// biome-ignore lint/a11y/noRedundantRoles: FIXME: unchanged shadcn\n\t\t\trole=\"navigation\"\n\t\t\taria-label=\"pagination\"\n\t\t\tdata-slot=\"pagination\"\n\t\t\tclassName={cn(\"mx-auto flex w-full justify-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"pagination-content\"\n\t\t\tclassName={cn(\"flex flex-row items-center gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName=\"hover:bg-accent rounded-md\"\n\t\t\tdata-slot=\"pagination-item\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\ntype PaginationLinkProps = {\n\tisActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n\tReact.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n\tclassName,\n\tisActive,\n\tsize = \"small\",\n\t...props\n}: PaginationLinkProps) {\n\treturn (\n\t\t<a\n\t\t\taria-current={isActive ? \"page\" : undefined}\n\t\t\tdata-slot=\"pagination-link\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant: isActive ? \"secondary\" : \"ghost\",\n\t\t\t\t\tsize,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationPrevious({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to previous page\"\n\t\t\tsize=\"small\"\n\t\t\tclassName={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeftIcon />\n\t\t\t<span className=\"hidden sm:block\">Previous</span>\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationNext({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to next page\"\n\t\t\tsize=\"regular\"\n\t\t\tclassName={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"hidden sm:block\">Next</span>\n\t\t\t<ChevronRightIcon />\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\taria-hidden\n\t\t\tdata-slot=\"pagination-ellipsis\"\n\t\t\tclassName={cn(\"flex size-9 items-center justify-center\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontalIcon className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More pages</span>\n\t\t</span>\n\t);\n}\n\nexport {\n\tPagination,\n\tPaginationContent,\n\tPaginationLink,\n\tPaginationItem,\n\tPaginationPrevious,\n\tPaginationNext,\n\tPaginationEllipsis,\n};\n"],"names":["ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon","buttonVariants","cn","Pagination","className","props","nav","role","aria-label","data-slot","PaginationContent","ul","PaginationItem","li","PaginationLink","isActive","size","a","aria-current","undefined","data-active","variant","PaginationPrevious","span","PaginationNext","PaginationEllipsis","aria-hidden"],"mappings":";AAAA,SACCA,eAAe,EACfC,gBAAgB,EAChBC,kBAAkB,QACZ,eAAe;AAEtB,SAAsBC,cAAc,QAAQ,cAA+B;AAC3E,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EAAEC,SAAS,EAAE,GAAGC,OAAoC;IACvE,OACC,sEAAsE;kBACtE,KAACC;QACA,mEAAmE;QACnEC,MAAK;QACLC,cAAW;QACXC,aAAU;QACVL,WAAWF,GAAG,sCAAsCE;QACnD,GAAGC,KAAK;;AAGZ;AAEA,SAASK,kBAAkB,EAC1BN,SAAS,EACT,GAAGC,OACyB;IAC5B,qBACC,KAACM;QACAF,aAAU;QACVL,WAAWF,GAAG,oCAAoCE;QACjD,GAAGC,KAAK;;AAGZ;AAEA,SAASO,eAAe,EAAE,GAAGP,OAAmC;IAC/D,qBACC,KAACQ;QACAT,WAAU;QACVK,aAAU;QACT,GAAGJ,KAAK;;AAGZ;AAOA,SAASS,eAAe,EACvBV,SAAS,EACTW,QAAQ,EACRC,OAAO,OAAO,EACd,GAAGX,OACkB;IACrB,qBACC,KAACY;QACAC,gBAAcH,WAAW,SAASI;QAClCV,aAAU;QACVW,eAAaL;QACbX,WAAWF,GACVD,eAAe;YACdoB,SAASN,WAAW,cAAc;YAClCC;QACD,IACAZ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASiB,mBAAmB,EAC3BlB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,MAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,0BAA0BE;QACvC,GAAGC,KAAK;;0BAET,KAACP;0BACD,KAACyB;gBAAKnB,WAAU;0BAAkB;;;;AAGrC;AAEA,SAASoB,eAAe,EACvBpB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,MAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,0BAA0BE;QACvC,GAAGC,KAAK;;0BAET,KAACkB;gBAAKnB,WAAU;0BAAkB;;0BAClC,KAACL;;;AAGJ;AAEA,SAAS0B,mBAAmB,EAC3BrB,SAAS,EACT,GAAGC,OAC2B;IAC9B,qBACC,MAACkB;QACAG,aAAW;QACXjB,aAAU;QACVL,WAAWF,GAAG,2CAA2CE;QACxD,GAAGC,KAAK;;0BAET,KAACL;gBAAmBI,WAAU;;0BAC9B,KAACmB;gBAAKnB,WAAU;0BAAU;;;;AAG7B;AAEA,SACCD,UAAU,EACVO,iBAAiB,EACjBI,cAAc,EACdF,cAAc,EACdU,kBAAkB,EAClBE,cAAc,EACdC,kBAAkB,GACjB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.tsx"],"sourcesContent":["import {\n\tChevronDownIcon,\n\tChevronLeftIcon,\n\tChevronRightIcon,\n\tMoreHorizontalIcon,\n} from \"lucide-react\";\nimport type * as React from \"react\";\nimport { type Button, buttonVariants } from \"#shadcn/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuItem,\n\tDropdownMenuTrigger,\n} from \"#shadcn/components/ui/dropdown-menu\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n\treturn (\n\t\t// biome-ignore lint/a11y/useSemanticElements: FIXME: unchanged shadcn\n\t\t<nav\n\t\t\t// biome-ignore lint/a11y/noRedundantRoles: FIXME: unchanged shadcn\n\t\t\trole=\"navigation\"\n\t\t\taria-label=\"pagination\"\n\t\t\tdata-slot=\"pagination\"\n\t\t\tclassName={cn(\"flex\", \"justify-center\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"ul\">) {\n\treturn (\n\t\t<ul\n\t\t\tdata-slot=\"pagination-content\"\n\t\t\tclassName={cn(\"flex\", \"flex-row\", \"items-center\", \"gap-1\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n\treturn (\n\t\t<li\n\t\t\tclassName={cn(\"hover:bg-bg-secondary\", \"rounded-md\")}\n\t\t\tdata-slot=\"pagination-item\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\ntype PaginationLinkProps = {\n\tisActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n\tReact.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n\tclassName,\n\tisActive,\n\tsize = \"small\",\n\t...props\n}: PaginationLinkProps) {\n\treturn (\n\t\t<a\n\t\t\taria-current={isActive ? \"page\" : undefined}\n\t\t\tdata-slot=\"pagination-link\"\n\t\t\tdata-active={isActive}\n\t\t\tclassName={cn(\n\t\t\t\tbuttonVariants({\n\t\t\t\t\tvariant: isActive ? \"secondary\" : \"ghost\",\n\t\t\t\t\tsize,\n\t\t\t\t}),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction PaginationPrevious({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to previous page\"\n\t\t\tsize=\"small\"\n\t\t\tclassName={cn(\"gap-1\", \"px-2.5\", \"sm:pl-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronLeftIcon />\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationNext({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof PaginationLink>) {\n\treturn (\n\t\t<PaginationLink\n\t\t\taria-label=\"Go to next page\"\n\t\t\tsize=\"regular\"\n\t\t\tclassName={cn(\"gap-1\", \"px-2.5\", \"sm:pr-2.5\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronRightIcon />\n\t\t</PaginationLink>\n\t);\n}\n\nfunction PaginationEllipsis({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\taria-hidden\n\t\t\tdata-slot=\"pagination-ellipsis\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex\",\n\t\t\t\t\"size-9\",\n\t\t\t\t\"items-center\",\n\t\t\t\t\"justify-center\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<MoreHorizontalIcon className=\"size-4\" />\n\t\t\t<span className=\"sr-only\">More pages</span>\n\t\t</span>\n\t);\n}\n\ntype PaginationPageSizeSelectorProps = {\n\tpageSize: number;\n\tonPageSizeChange: (pageSize: number) => void;\n\tpageSizeOptions?: number[];\n\tclassName?: string;\n};\n\nfunction PaginationPageSizeSelector({\n\tpageSize,\n\tonPageSizeChange,\n\tpageSizeOptions = [10, 20, 50, 100],\n\tclassName,\n}: PaginationPageSizeSelectorProps) {\n\treturn (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex\",\n\t\t\t\t\t\"items-center\",\n\t\t\t\t\t\"gap-1\",\n\t\t\t\t\t\"text-sm\",\n\t\t\t\t\t\"text-text-secondary\",\n\t\t\t\t\t\"hover:text-text-primary\",\n\t\t\t\t\t\"outline-none\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-slot=\"pagination-page-size-selector\"\n\t\t\t>\n\t\t\t\t{pageSize} / Page\n\t\t\t\t<ChevronDownIcon className=\"size-4\" />\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent>\n\t\t\t\t{pageSizeOptions.map((option) => (\n\t\t\t\t\t<DropdownMenuItem\n\t\t\t\t\t\tkey={option}\n\t\t\t\t\t\tonClick={() => onPageSizeChange(option)}\n\t\t\t\t\t>\n\t\t\t\t\t\t{option}\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t))}\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t);\n}\n\nexport {\n\tPagination,\n\tPaginationContent,\n\tPaginationLink,\n\tPaginationItem,\n\tPaginationPrevious,\n\tPaginationNext,\n\tPaginationEllipsis,\n\tPaginationPageSizeSelector,\n};\n"],"names":["ChevronDownIcon","ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon","buttonVariants","DropdownMenu","DropdownMenuContent","DropdownMenuItem","DropdownMenuTrigger","cn","Pagination","className","props","nav","role","aria-label","data-slot","PaginationContent","ul","PaginationItem","li","PaginationLink","isActive","size","a","aria-current","undefined","data-active","variant","PaginationPrevious","PaginationNext","PaginationEllipsis","span","aria-hidden","PaginationPageSizeSelector","pageSize","onPageSizeChange","pageSizeOptions","map","option","onClick"],"mappings":";AAAA,SACCA,eAAe,EACfC,eAAe,EACfC,gBAAgB,EAChBC,kBAAkB,QACZ,eAAe;AAEtB,SAAsBC,cAAc,QAAQ,cAA+B;AAC3E,SACCC,YAAY,EACZC,mBAAmB,EACnBC,gBAAgB,EAChBC,mBAAmB,QACb,qBAAsC;AAC7C,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EAAEC,SAAS,EAAE,GAAGC,OAAoC;IACvE,OACC,sEAAsE;kBACtE,KAACC;QACA,mEAAmE;QACnEC,MAAK;QACLC,cAAW;QACXC,aAAU;QACVL,WAAWF,GAAG,QAAQ,kBAAkBE;QACvC,GAAGC,KAAK;;AAGZ;AAEA,SAASK,kBAAkB,EAC1BN,SAAS,EACT,GAAGC,OACyB;IAC5B,qBACC,KAACM;QACAF,aAAU;QACVL,WAAWF,GAAG,QAAQ,YAAY,gBAAgB,SAASE;QAC1D,GAAGC,KAAK;;AAGZ;AAEA,SAASO,eAAe,EAAE,GAAGP,OAAmC;IAC/D,qBACC,KAACQ;QACAT,WAAWF,GAAG,yBAAyB;QACvCO,aAAU;QACT,GAAGJ,KAAK;;AAGZ;AAOA,SAASS,eAAe,EACvBV,SAAS,EACTW,QAAQ,EACRC,OAAO,OAAO,EACd,GAAGX,OACkB;IACrB,qBACC,KAACY;QACAC,gBAAcH,WAAW,SAASI;QAClCV,aAAU;QACVW,eAAaL;QACbX,WAAWF,GACVL,eAAe;YACdwB,SAASN,WAAW,cAAc;YAClCC;QACD,IACAZ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASiB,mBAAmB,EAC3BlB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,KAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,SAAS,UAAU,aAAaE;QAC7C,GAAGC,KAAK;kBAET,cAAA,KAACX;;AAGJ;AAEA,SAAS6B,eAAe,EACvBnB,SAAS,EACT,GAAGC,OAC0C;IAC7C,qBACC,KAACS;QACAN,cAAW;QACXQ,MAAK;QACLZ,WAAWF,GAAG,SAAS,UAAU,aAAaE;QAC7C,GAAGC,KAAK;kBAET,cAAA,KAACV;;AAGJ;AAEA,SAAS6B,mBAAmB,EAC3BpB,SAAS,EACT,GAAGC,OAC2B;IAC9B,qBACC,MAACoB;QACAC,aAAW;QACXjB,aAAU;QACVL,WAAWF,GACV,QACA,UACA,gBACA,kBACAE;QAEA,GAAGC,KAAK;;0BAET,KAACT;gBAAmBQ,WAAU;;0BAC9B,KAACqB;gBAAKrB,WAAU;0BAAU;;;;AAG7B;AASA,SAASuB,2BAA2B,EACnCC,QAAQ,EACRC,gBAAgB,EAChBC,kBAAkB;IAAC;IAAI;IAAI;IAAI;CAAI,EACnC1B,SAAS,EACwB;IACjC,qBACC,MAACN;;0BACA,MAACG;gBACAG,WAAWF,GACV,QACA,gBACA,SACA,WACA,uBACA,2BACA,gBACAE;gBAEDK,aAAU;;oBAETmB;oBAAS;kCACV,KAACnC;wBAAgBW,WAAU;;;;0BAE5B,KAACL;0BACC+B,gBAAgBC,GAAG,CAAC,CAACC,uBACrB,KAAChC;wBAEAiC,SAAS,IAAMJ,iBAAiBG;kCAE/BA;uBAHIA;;;;AASX;AAEA,SACC7B,UAAU,EACVO,iBAAiB,EACjBI,cAAc,EACdF,cAAc,EACdU,kBAAkB,EAClBC,cAAc,EACdC,kBAAkB,EAClBG,0BAA0B,GACzB"}

package/dist/src/shadcn/components/ui/pagination.stories.js

@@ -1,47 +1,54 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./pagination.js";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPageSizeSelector, PaginationPrevious } from "./pagination.js";
 const meta = {
     title: "Component/Pagination"
 };
 export default meta;
 export const Demo = {
-    render: ()=>/*#__PURE__*/ _jsx(Pagination, {
-            children: /*#__PURE__*/ _jsxs(PaginationContent, {
-                children: [
-                    /*#__PURE__*/ _jsx(PaginationItem, {
-                        children: /*#__PURE__*/ _jsx(PaginationPrevious, {
-                            href: "#"
+    render: ()=>/*#__PURE__*/ _jsxs(Pagination, {
+            children: [
+                /*#__PURE__*/ _jsx(PaginationPageSizeSelector, {
+                    pageSize: 10,
+                    onPageSizeChange: (_)=>{},
+                    className: "p-2"
+                }),
+                /*#__PURE__*/ _jsxs(PaginationContent, {
+                    children: [
+                        /*#__PURE__*/ _jsx(PaginationItem, {
+                            children: /*#__PURE__*/ _jsx(PaginationPrevious, {
+                                href: "#"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(PaginationItem, {
+                            children: /*#__PURE__*/ _jsx(PaginationLink, {
+                                href: "#",
+                                children: "1"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(PaginationItem, {
+                            children: /*#__PURE__*/ _jsx(PaginationLink, {
+                                href: "#",
+                                isActive: true,
+                                children: "2"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(PaginationItem, {
+                            children: /*#__PURE__*/ _jsx(PaginationEllipsis, {})
+                        }),
+                        /*#__PURE__*/ _jsx(PaginationItem, {
+                            children: /*#__PURE__*/ _jsx(PaginationLink, {
+                                href: "#",
+                                children: "3"
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx(PaginationItem, {
+                            children: /*#__PURE__*/ _jsx(PaginationNext, {
+                                href: "#"
+                            })
                         })
-                    }),
-                    /*#__PURE__*/ _jsx(PaginationItem, {
-                        children: /*#__PURE__*/ _jsx(PaginationLink, {
-                            href: "#",
-                            children: "1"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PaginationItem, {
-                        children: /*#__PURE__*/ _jsx(PaginationLink, {
-                            href: "#",
-                            isActive: true,
-                            children: "2"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PaginationItem, {
-                        children: /*#__PURE__*/ _jsx(PaginationLink, {
-                            href: "#",
-                            children: "3"
-                        })
-                    }),
-                    /*#__PURE__*/ _jsx(PaginationItem, {
-                        children: /*#__PURE__*/ _jsx(PaginationEllipsis, {})
-                    }),
-                    /*#__PURE__*/ _jsx(PaginationItem, {
-                        children: /*#__PURE__*/ _jsx(PaginationNext, {
-                            href: "#"
-                        })
-                    })
-                ]
-            })
+                    ]
+                })
+            ]
         })
 };
 

package/dist/src/shadcn/components/ui/pagination.stories.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nimport {\n\tPagination,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPrevious,\n} from \"#shadcn/components/ui/pagination\";\n\nconst meta = {\n\ttitle: \"Component/Pagination\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Pagination>\n\t\t\t<PaginationContent>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationPrevious href=\"#\" />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\">1</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\" isActive>\n\t\t\t\t\t\t2\n\t\t\t\t\t</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\">3</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationEllipsis />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationNext href=\"#\" />\n\t\t\t\t</PaginationItem>\n\t\t\t</PaginationContent>\n\t\t</Pagination>\n\t),\n} satisfies Story;\n"],"names":["Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPrevious","meta","title","Demo","render","href","isActive"],"mappings":";AAEA,SACCA,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,kBAAkB,QACZ,kBAAmC;AAE1C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACV;sBACA,cAAA,MAACC;;kCACA,KAACE;kCACA,cAAA,KAACG;4BAAmBK,MAAK;;;kCAE1B,KAACR;kCACA,cAAA,KAACC;4BAAeO,MAAK;sCAAI;;;kCAE1B,KAACR;kCACA,cAAA,KAACC;4BAAeO,MAAK;4BAAIC,QAAQ;sCAAC;;;kCAInC,KAACT;kCACA,cAAA,KAACC;4BAAeO,MAAK;sCAAI;;;kCAE1B,KAACR;kCACA,cAAA,KAACD;;kCAEF,KAACC;kCACA,cAAA,KAACE;4BAAeM,MAAK;;;;;;AAK1B,EAAkB"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/pagination.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\n\nimport {\n\tPagination,\n\tPaginationContent,\n\tPaginationEllipsis,\n\tPaginationItem,\n\tPaginationLink,\n\tPaginationNext,\n\tPaginationPageSizeSelector,\n\tPaginationPrevious,\n} from \"#shadcn/components/ui/pagination\";\n\nconst meta = {\n\ttitle: \"Component/Pagination\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Pagination>\n\t\t\t<PaginationPageSizeSelector\n\t\t\t\tpageSize={10}\n\t\t\t\tonPageSizeChange={(_: number) => {}}\n\t\t\t\tclassName=\"p-2\"\n\t\t\t/>\n\t\t\t<PaginationContent>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationPrevious href=\"#\" />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\">1</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\" isActive>\n\t\t\t\t\t\t2\n\t\t\t\t\t</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationEllipsis />\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationLink href=\"#\">3</PaginationLink>\n\t\t\t\t</PaginationItem>\n\t\t\t\t<PaginationItem>\n\t\t\t\t\t<PaginationNext href=\"#\" />\n\t\t\t\t</PaginationItem>\n\t\t\t</PaginationContent>\n\t\t</Pagination>\n\t),\n} satisfies Story;\n"],"names":["Pagination","PaginationContent","PaginationEllipsis","PaginationItem","PaginationLink","PaginationNext","PaginationPageSizeSelector","PaginationPrevious","meta","title","Demo","render","pageSize","onPageSizeChange","_","className","href","isActive"],"mappings":";AAEA,SACCA,UAAU,EACVC,iBAAiB,EACjBC,kBAAkB,EAClBC,cAAc,EACdC,cAAc,EACdC,cAAc,EACdC,0BAA0B,EAC1BC,kBAAkB,QACZ,kBAAmC;AAE1C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACX;;8BACA,KAACM;oBACAM,UAAU;oBACVC,kBAAkB,CAACC,KAAe;oBAClCC,WAAU;;8BAEX,MAACd;;sCACA,KAACE;sCACA,cAAA,KAACI;gCAAmBS,MAAK;;;sCAE1B,KAACb;sCACA,cAAA,KAACC;gCAAeY,MAAK;0CAAI;;;sCAE1B,KAACb;sCACA,cAAA,KAACC;gCAAeY,MAAK;gCAAIC,QAAQ;0CAAC;;;sCAInC,KAACd;sCACA,cAAA,KAACD;;sCAEF,KAACC;sCACA,cAAA,KAACC;gCAAeY,MAAK;0CAAI;;;sCAE1B,KAACb;sCACA,cAAA,KAACE;gCAAeW,MAAK;;;;;;;AAK1B,EAAkB"}

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAevD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,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/shadcn/components/ui/popover.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAsCpC,iBAAS,OAAO,CAAC,EAChB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAEpD;AAED,iBAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAEvD;AAED,iBAAS,cAAc,CAAC,EACvB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAYvD;AAED,iBAAS,aAAa,CAAC,EACtB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAEtD;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/popover.js

@@ -1,6 +1,18 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 import { cn } from "../../lib/utils.js";
+// Popover content styles
+const popoverContentStyles = cn(// Layout
+"z-50", "w-72", "origin-(--radix-popover-content-transform-origin)", "outline-hidden", // Shape
+"rounded-md", // Borders
+"border", "border-border-primary", // Background & Colors
+"bg-bg-primary", "text-text-primary", // Spacing
+"p-4", // Shadow
+"dropdown-menu-shadow", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
+"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");
 function Popover({ ...props }) {
     return /*#__PURE__*/ _jsx(PopoverPrimitive.Root, {
         "data-slot": "popover",
@@ -19,7 +31,7 @@ function PopoverContent({ className, align = "center", sideOffset = 4, ...props
             "data-slot": "popover-content",
             align: align,
             sideOffset: sideOffset,
-            className: cn("bg-popover text-popover-foreground 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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+            className: cn(popoverContentStyles, className),
             ...props
         })
     });

package/dist/src/shadcn/components/ui/popover.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Popover({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n\treturn <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground 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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</PopoverPrimitive.Portal>\n\t);\n}\n\nfunction PopoverAnchor({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n\treturn <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"names":["PopoverPrimitive","cn","Popover","props","Root","data-slot","PopoverTrigger","Trigger","PopoverContent","className","align","sideOffset","Portal","Content","PopoverAnchor","Anchor"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAG5D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,QAAQ,EAChB,GAAGC,OACiD;IACpD,qBAAO,KAACH,iBAAiBI,IAAI;QAACC,aAAU;QAAW,GAAGF,KAAK;;AAC5D;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACH,iBAAiBO,OAAO;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,eAAe,EACvBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGR,OACoD;IACvD,qBACC,KAACH,iBAAiBY,MAAM;kBACvB,cAAA,KAACZ,iBAAiBa,OAAO;YACxBR,aAAU;YACVK,OAAOA;YACPC,YAAYA;YACZF,WAAWR,GACV,keACAQ;YAEA,GAAGN,KAAK;;;AAIb;AAEA,SAASW,cAAc,EACtB,GAAGX,OACmD;IACtD,qBAAO,KAACH,iBAAiBe,MAAM;QAACV,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASD,OAAO,EAAEI,cAAc,EAAEE,cAAc,EAAEM,aAAa,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Popover content styles\nconst popoverContentStyles = cn(\n\t// Layout\n\t\"z-50\",\n\t\"w-72\",\n\t\"origin-(--radix-popover-content-transform-origin)\",\n\t\"outline-hidden\",\n\t// Shape\n\t\"rounded-md\",\n\t// Borders\n\t\"border\",\n\t\"border-border-primary\",\n\t// Background & Colors\n\t\"bg-bg-primary\",\n\t\"text-text-primary\",\n\t// Spacing\n\t\"p-4\",\n\t// Shadow\n\t\"dropdown-menu-shadow\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n);\n\nfunction Popover({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n\treturn <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n\treturn <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n\tclassName,\n\talign = \"center\",\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n\treturn (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tdata-slot=\"popover-content\"\n\t\t\t\talign={align}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(popoverContentStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</PopoverPrimitive.Portal>\n\t);\n}\n\nfunction PopoverAnchor({\n\t...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n\treturn <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"names":["PopoverPrimitive","cn","popoverContentStyles","Popover","props","Root","data-slot","PopoverTrigger","Trigger","PopoverContent","className","align","sideOffset","Portal","Content","PopoverAnchor","Anchor"],"mappings":"AAAA;;AACA,YAAYA,sBAAsB,0BAA0B;AAG5D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,yBAAyB;AACzB,MAAMC,uBAAuBD,GAC5B,SAAS;AACT,QACA,QACA,qDACA,kBACA,QAAQ;AACR,cACA,UAAU;AACV,UACA,yBACA,sBAAsB;AACtB,iBACA,qBACA,UAAU;AACV,OACA,SAAS;AACT,wBACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA,mCACA,mBAAmB;AACnB,0CACA,0CACA,0CACA;AAGD,SAASE,QAAQ,EAChB,GAAGC,OACiD;IACpD,qBAAO,KAACJ,iBAAiBK,IAAI;QAACC,aAAU;QAAW,GAAGF,KAAK;;AAC5D;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACJ,iBAAiBQ,OAAO;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,eAAe,EACvBC,SAAS,EACTC,QAAQ,QAAQ,EAChBC,aAAa,CAAC,EACd,GAAGR,OACoD;IACvD,qBACC,KAACJ,iBAAiBa,MAAM;kBACvB,cAAA,KAACb,iBAAiBc,OAAO;YACxBR,aAAU;YACVK,OAAOA;YACPC,YAAYA;YACZF,WAAWT,GAAGC,sBAAsBQ;YACnC,GAAGN,KAAK;;;AAIb;AAEA,SAASW,cAAc,EACtB,GAAGX,OACmD;IACtD,qBAAO,KAACJ,iBAAiBgB,MAAM;QAACV,aAAU;QAAkB,GAAGF,KAAK;;AACrE;AAEA,SAASD,OAAO,EAAEI,cAAc,EAAEE,cAAc,EAAEM,aAAa,GAAG"}

package/dist/src/shadcn/components/ui/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAiBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuBpC,iBAAS,QAAQ,CAAC,EACjB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAcrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/progress.js

@@ -1,14 +1,18 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 import { cn } from "../../lib/utils.js";
+// Progress root styles
+const progressRootStyles = cn("relative", "h-2", "w-full", "overflow-hidden", "rounded-full", "bg-bg-quaternary");
+// Progress indicator styles
+const progressIndicatorStyles = cn("bg-bg-link", "h-full", "w-full", "flex-1", "transition-all");
 function Progress({ className, value, ...props }) {
     return /*#__PURE__*/ _jsx(ProgressPrimitive.Root, {
         "data-slot": "progress",
-        className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+        className: cn(progressRootStyles, className),
         ...props,
         children: /*#__PURE__*/ _jsx(ProgressPrimitive.Indicator, {
             "data-slot": "progress-indicator",
-            className: "bg-primary h-full w-full flex-1 transition-all",
+            className: progressIndicatorStyles,
             style: {
                 transform: `translateX(-${100 - (value || 0)}%)`
             }

package/dist/src/shadcn/components/ui/progress.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Progress({\n\tclassName,\n\tvalue,\n\t...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n\treturn (\n\t\t<ProgressPrimitive.Root\n\t\t\tdata-slot=\"progress\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-primary/20 relative h-2 w-full overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ProgressPrimitive.Indicator\n\t\t\t\tdata-slot=\"progress-indicator\"\n\t\t\t\tclassName=\"bg-primary h-full w-full flex-1 transition-all\"\n\t\t\t\tstyle={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n\t\t\t/>\n\t\t</ProgressPrimitive.Root>\n\t);\n}\n\nexport { Progress };\n"],"names":["ProgressPrimitive","cn","Progress","className","value","props","Root","data-slot","Indicator","style","transform"],"mappings":";AAAA,YAAYA,uBAAuB,2BAA2B;AAG9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,SAAS,EACjBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACkD;IACrD,qBACC,KAACL,kBAAkBM,IAAI;QACtBC,aAAU;QACVJ,WAAWF,GACV,kEACAE;QAEA,GAAGE,KAAK;kBAET,cAAA,KAACL,kBAAkBQ,SAAS;YAC3BD,aAAU;YACVJ,WAAU;YACVM,OAAO;gBAAEC,WAAW,CAAC,YAAY,EAAE,MAAON,CAAAA,SAAS,CAAA,EAAG,EAAE,CAAC;YAAC;;;AAI9D;AAEA,SAASF,QAAQ,GAAG"}
+{"version":3,"sources":["../../../../../src/shadcn/components/ui/progress.tsx"],"sourcesContent":["import * as ProgressPrimitive from \"@radix-ui/react-progress\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Progress root styles\nconst progressRootStyles = cn(\n\t\"relative\",\n\t\"h-2\",\n\t\"w-full\",\n\t\"overflow-hidden\",\n\t\"rounded-full\",\n\t\"bg-bg-quaternary\",\n);\n\n// Progress indicator styles\nconst progressIndicatorStyles = cn(\n\t\"bg-bg-link\",\n\t\"h-full\",\n\t\"w-full\",\n\t\"flex-1\",\n\t\"transition-all\",\n);\n\nfunction Progress({\n\tclassName,\n\tvalue,\n\t...props\n}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n\treturn (\n\t\t<ProgressPrimitive.Root\n\t\t\tdata-slot=\"progress\"\n\t\t\tclassName={cn(progressRootStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ProgressPrimitive.Indicator\n\t\t\t\tdata-slot=\"progress-indicator\"\n\t\t\t\tclassName={progressIndicatorStyles}\n\t\t\t\tstyle={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n\t\t\t/>\n\t\t</ProgressPrimitive.Root>\n\t);\n}\n\nexport { Progress };\n"],"names":["ProgressPrimitive","cn","progressRootStyles","progressIndicatorStyles","Progress","className","value","props","Root","data-slot","Indicator","style","transform"],"mappings":";AAAA,YAAYA,uBAAuB,2BAA2B;AAG9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,uBAAuB;AACvB,MAAMC,qBAAqBD,GAC1B,YACA,OACA,UACA,mBACA,gBACA;AAGD,4BAA4B;AAC5B,MAAME,0BAA0BF,GAC/B,cACA,UACA,UACA,UACA;AAGD,SAASG,SAAS,EACjBC,SAAS,EACTC,KAAK,EACL,GAAGC,OACkD;IACrD,qBACC,KAACP,kBAAkBQ,IAAI;QACtBC,aAAU;QACVJ,WAAWJ,GAAGC,oBAAoBG;QACjC,GAAGE,KAAK;kBAET,cAAA,KAACP,kBAAkBU,SAAS;YAC3BD,aAAU;YACVJ,WAAWF;YACXQ,OAAO;gBAAEC,WAAW,CAAC,YAAY,EAAE,MAAON,CAAAA,SAAS,CAAA,EAAG,EAAE,CAAC;YAAC;;;AAI9D;AAEA,SAASF,QAAQ,GAAG"}