@arolariu/components 0.2.0 → 0.3.1

package/dist/components/ui/scroll-area.js

@@ -1,36 +1,32 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Corner, Root, ScrollAreaScrollbar, ScrollAreaThumb, Viewport } from "@radix-ui/react-scroll-area";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function ScrollArea({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Root, {
-        "data-slot": "scroll-area",
-        className: cn("relative", className),
+const ScrollArea = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
+        ref: ref,
+        className: cn("relative overflow-hidden", className),
         ...props,
         children: [
             /*#__PURE__*/ jsx(Viewport, {
-                "data-slot": "scroll-area-viewport",
-                className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 focus-visible:outline-1 dark:focus-visible:ring-neutral-300/50",
+                className: "h-full w-full rounded-[inherit]",
                 children: children
             }),
             /*#__PURE__*/ jsx(ScrollBar, {}),
             /*#__PURE__*/ jsx(Corner, {})
         ]
-    });
-}
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-    return /*#__PURE__*/ jsx(ScrollAreaScrollbar, {
-        "data-slot": "scroll-area-scrollbar",
+    }));
+ScrollArea.displayName = Root.displayName;
+const ScrollBar = /*#__PURE__*/ forwardRef(({ className, orientation = "vertical", ...props }, ref)=>/*#__PURE__*/ jsx(ScrollAreaScrollbar, {
+        ref: ref,
         orientation: orientation,
-        className: cn("flex touch-none p-px transition-colors select-none", "vertical" === orientation && "h-full w-2.5 border-l border-l-transparent", "horizontal" === orientation && "h-2.5 flex-col border-t border-t-transparent", className),
+        className: cn("flex touch-none transition-colors select-none", "vertical" === orientation && "h-full w-2.5 border-l border-l-transparent p-[1px]", "horizontal" === orientation && "h-2.5 flex-col border-t border-t-transparent p-[1px]", className),
         ...props,
         children: /*#__PURE__*/ jsx(ScrollAreaThumb, {
-            "data-slot": "scroll-area-thumb",
             className: "relative flex-1 rounded-full bg-neutral-200 dark:bg-neutral-800"
         })
-    });
-}
+    }));
+ScrollBar.displayName = ScrollAreaScrollbar.displayName;
 export { ScrollArea, ScrollBar };
 
 //# sourceMappingURL=scroll-area.js.map

package/dist/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\scroll-area.js","sources":["webpack://@arolariu/components/./src/components/ui/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction ScrollArea({className, children, ...props}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\r\n  return (\r\n    <ScrollAreaPrimitive.Root\r\n      data-slot='scroll-area'\r\n      className={cn(\"relative\", className)}\r\n      {...props}>\r\n      <ScrollAreaPrimitive.Viewport\r\n        data-slot='scroll-area-viewport'\r\n        className='size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 focus-visible:outline-1 dark:focus-visible:ring-neutral-300/50'>\r\n        {children}\r\n      </ScrollAreaPrimitive.Viewport>\r\n      <ScrollBar />\r\n      <ScrollAreaPrimitive.Corner />\r\n    </ScrollAreaPrimitive.Root>\r\n  );\r\n}\r\n\r\nfunction ScrollBar({className, orientation = \"vertical\", ...props}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\r\n  return (\r\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n      data-slot='scroll-area-scrollbar'\r\n      orientation={orientation}\r\n      className={cn(\r\n        \"flex touch-none p-px transition-colors select-none\",\r\n        orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent\",\r\n        orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <ScrollAreaPrimitive.ScrollAreaThumb\r\n        data-slot='scroll-area-thumb'\r\n        className='relative flex-1 rounded-full bg-neutral-200 dark:bg-neutral-800'\r\n      />\r\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n  );\r\n}\r\n\r\nexport {ScrollArea, ScrollBar};\r\n"],"names":["ScrollArea","className","children","props","ScrollAreaPrimitive","cn","ScrollBar","orientation"],"mappings":";;;;;AAOA,SAASA,WAAW,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAA6D;IACxG,OAAO,WAAP,GACE,KAACC,MAAwB;QACvB,aAAU;QACV,WAAWC,GAAG,YAAYJ;QACzB,GAAGE,KAAK;;0BACT,IAACC,UAA4B;gBAC3B,aAAU;gBACV,WAAU;0BACTF;;0BAEH,IAACI,WAAAA,CAAAA;0BACD,IAACF,QAA0B;;;AAGjC;AAEA,SAASE,UAAU,EAACL,SAAS,EAAEM,cAAc,UAAU,EAAE,GAAGJ,OAA4E;IACtI,OAAO,WAAP,GACE,IAACC,qBAAuC;QACtC,aAAU;QACV,aAAaG;QACb,WAAWF,GACT,sDACAE,eAAAA,eAA8B,8CAC9BA,iBAAAA,eAAgC,gDAChCN;QAED,GAAGE,KAAK;kBACT,kBAACC,iBAAmC;YAClC,aAAU;YACV,WAAU;;;AAIlB"}
+{"version":3,"file":"components\\ui\\scroll-area.js","sources":["webpack://@arolariu/components/./src/components/ui/scroll-area.tsx"],"sourcesContent":["\r\n\r\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ScrollArea = React.forwardRef<\r\n  React.ComponentRef<typeof ScrollAreaPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>\r\n>(({className, children, ...props}, ref) => (\r\n  <ScrollAreaPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative overflow-hidden\", className)}\r\n    {...props}>\r\n    <ScrollAreaPrimitive.Viewport className='h-full w-full rounded-[inherit]'>{children}</ScrollAreaPrimitive.Viewport>\r\n    <ScrollBar />\r\n    <ScrollAreaPrimitive.Corner />\r\n  </ScrollAreaPrimitive.Root>\r\n));\r\nScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;\r\n\r\nconst ScrollBar = React.forwardRef<\r\n  React.ComponentRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>,\r\n  React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n>(({className, orientation = \"vertical\", ...props}, ref) => (\r\n  <ScrollAreaPrimitive.ScrollAreaScrollbar\r\n    ref={ref}\r\n    orientation={orientation}\r\n    className={cn(\r\n      \"flex touch-none transition-colors select-none\",\r\n      orientation === \"vertical\" && \"h-full w-2.5 border-l border-l-transparent p-[1px]\",\r\n      orientation === \"horizontal\" && \"h-2.5 flex-col border-t border-t-transparent p-[1px]\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    <ScrollAreaPrimitive.ScrollAreaThumb className='relative flex-1 rounded-full bg-neutral-200 dark:bg-neutral-800' />\r\n  </ScrollAreaPrimitive.ScrollAreaScrollbar>\r\n));\r\nScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;\r\n\r\nexport {ScrollArea, ScrollBar};\r\n"],"names":["ScrollArea","React","className","children","props","ref","ScrollAreaPrimitive","cn","ScrollBar","orientation"],"mappings":";;;;;AAOA,MAAMA,aAAa,WAAbA,GAAaC,WAGjB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACC,MAAwB;QACvB,KAAKD;QACL,WAAWE,GAAG,4BAA4BL;QACzC,GAAGE,KAAK;;0BACT,IAACE,UAA4B;gBAAC,WAAU;0BAAmCH;;0BAC3E,IAACK,WAAAA,CAAAA;0BACD,IAACF,QAA0B;;;AAG/BN,WAAW,WAAW,GAAGM,KAAAA,WAAoC;AAE7D,MAAME,YAAY,WAAZA,GAAYP,WAGhB,CAAC,EAACC,SAAS,EAAEO,cAAc,UAAU,EAAE,GAAGL,OAAM,EAAEC,MAAAA,WAAAA,GAClD,IAACC,qBAAuC;QACtC,KAAKD;QACL,aAAaI;QACb,WAAWF,GACT,iDACAE,eAAAA,eAA8B,sDAC9BA,iBAAAA,eAAgC,wDAChCP;QAED,GAAGE,KAAK;kBACT,kBAACE,iBAAmC;YAAC,WAAU;;;AAGnDE,UAAU,WAAW,GAAGF,oBAAAA,WAAmD"}

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

@@ -1,16 +1,14 @@
 import * as SelectPrimitive from "@radix-ui/react-select";
 import * as React from "react";
-declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-    size?: "sm" | "default";
-}): import("react/jsx-runtime").JSX.Element;
-declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
-declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): import("react/jsx-runtime").JSX.Element;
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,MAAM,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAO5E;AAED,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOlF;AAED,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAOlF;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,IAAgB,EAChB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;CACzB,2CAgBA;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,QAAmB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,2CAyBhI;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ7F;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAiBrG;AAED,iBAAS,eAAe,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,2CAQrG;AAED,iBAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,cAAc,CAAC,2CAS/G;AAED,iBAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,gBAAgB,CAAC,2CASnH;AAED,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAgBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAUxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAU1B,CAAC;AAGH,QAAA,MAAM,aAAa,8JA0BjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAkBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/components/ui/select.js

@@ -1,80 +1,78 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Content, Group, Icon, Item, ItemIndicator, ItemText, Label, Portal, Root, ScrollDownButton, ScrollUpButton, Separator, Trigger, Value, Viewport } from "@radix-ui/react-select";
-import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import "react";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Select({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "select",
-        ...props
-    });
-}
-function SelectGroup({ ...props }) {
-    return /*#__PURE__*/ jsx(Group, {
-        "data-slot": "select-group",
-        ...props
-    });
-}
-function SelectValue({ ...props }) {
-    return /*#__PURE__*/ jsx(Value, {
-        "data-slot": "select-value",
-        ...props
-    });
-}
-function SelectTrigger({ className, size = "default", children, ...props }) {
-    return /*#__PURE__*/ jsxs(Trigger, {
-        "data-slot": "select-trigger",
-        "data-size": size,
-        className: cn("flex w-fit items-center justify-between gap-2 rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 data-[placeholder]:text-neutral-500 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:dark:hover:bg-neutral-800/50 dark:hover:bg-neutral-200/50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:border-red-900 dark:aria-invalid:ring-red-500/40 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:data-[placeholder]:text-neutral-400 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400", className),
+const Select = Root;
+const SelectGroup = Group;
+const SelectValue = Value;
+const SelectTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Trigger, {
+        ref: ref,
+        className: cn("flex h-9 w-full items-center justify-between rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm ring-offset-white focus:ring-1 focus:ring-neutral-950 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-neutral-500 dark:border-neutral-800 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[placeholder]:text-neutral-400 [&>span]:line-clamp-1", className),
         ...props,
         children: [
             children,
             /*#__PURE__*/ jsx(Icon, {
                 asChild: true,
-                children: /*#__PURE__*/ jsx(ChevronDownIcon, {
-                    className: "size-4 opacity-50"
+                children: /*#__PURE__*/ jsx(ChevronDown, {
+                    className: "h-4 w-4 opacity-50"
                 })
             })
         ]
-    });
-}
-function SelectContent({ className, children, position = "popper", ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
+    }));
+SelectTrigger.displayName = Trigger.displayName;
+const SelectScrollUpButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollUpButton, {
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronUp, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollUpButton.displayName = ScrollUpButton.displayName;
+const SelectScrollDownButton = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(ScrollDownButton, {
+        ref: ref,
+        className: cn("flex cursor-default items-center justify-center py-1", className),
+        ...props,
+        children: /*#__PURE__*/ jsx(ChevronDown, {
+            className: "h-4 w-4"
+        })
+    }));
+SelectScrollDownButton.displayName = ScrollDownButton.displayName;
+const SelectContent = /*#__PURE__*/ forwardRef(({ className, children, position = "popper", ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
         children: /*#__PURE__*/ jsxs(Content, {
-            "data-slot": "select-content",
-            className: cn("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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", "popper" === position && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
+            ref: ref,
+            className: cn("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 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", "popper" === position && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
             position: position,
             ...props,
             children: [
                 /*#__PURE__*/ jsx(SelectScrollUpButton, {}),
                 /*#__PURE__*/ jsx(Viewport, {
-                    className: cn("p-1", "popper" === position && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
+                    className: cn("p-1", "popper" === position && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),
                     children: children
                 }),
                 /*#__PURE__*/ jsx(SelectScrollDownButton, {})
             ]
         })
-    });
-}
-function SelectLabel({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Label, {
-        "data-slot": "select-label",
-        className: cn("px-2 py-1.5 text-xs text-neutral-500 dark:text-neutral-400", className),
+    }));
+SelectContent.displayName = Content.displayName;
+const SelectLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
+        ref: ref,
+        className: cn("px-2 py-1.5 text-sm font-semibold", className),
         ...props
-    });
-}
-function SelectItem({ className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(Item, {
-        "data-slot": "select-item",
-        className: cn("relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
+    }));
+SelectLabel.displayName = Label.displayName;
+const SelectItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(Item, {
+        ref: ref,
+        className: cn("relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 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", className),
         ...props,
         children: [
             /*#__PURE__*/ jsx("span", {
-                className: "absolute right-2 flex size-3.5 items-center justify-center",
+                className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center",
                 children: /*#__PURE__*/ jsx(ItemIndicator, {
-                    children: /*#__PURE__*/ jsx(CheckIcon, {
-                        className: "size-4"
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
                     })
                 })
             }),
@@ -82,35 +80,14 @@ function SelectItem({ className, children, ...props }) {
                 children: children
             })
         ]
-    });
-}
-function SelectSeparator({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        "data-slot": "select-separator",
-        className: cn("pointer-events-none -mx-1 my-1 h-px bg-neutral-200 dark:bg-neutral-800", className),
+    }));
+SelectItem.displayName = Item.displayName;
+const SelectSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        className: cn("-mx-1 my-1 h-px bg-neutral-100 dark:bg-neutral-800", className),
         ...props
-    });
-}
-function SelectScrollUpButton({ className, ...props }) {
-    return /*#__PURE__*/ jsx(ScrollUpButton, {
-        "data-slot": "select-scroll-up-button",
-        className: cn("flex cursor-default items-center justify-center py-1", className),
-        ...props,
-        children: /*#__PURE__*/ jsx(ChevronUpIcon, {
-            className: "size-4"
-        })
-    });
-}
-function SelectScrollDownButton({ className, ...props }) {
-    return /*#__PURE__*/ jsx(ScrollDownButton, {
-        "data-slot": "select-scroll-down-button",
-        className: cn("flex cursor-default items-center justify-center py-1", className),
-        ...props,
-        children: /*#__PURE__*/ jsx(ChevronDownIcon, {
-            className: "size-4"
-        })
-    });
-}
+    }));
+SelectSeparator.displayName = Separator.displayName;
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
 
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\select.js","sources":["webpack://@arolariu/components/./src/components/ui/select.tsx"],"sourcesContent":["\r\n\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\r\nimport {CheckIcon, ChevronDownIcon, ChevronUpIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Select({...props}: React.ComponentProps<typeof SelectPrimitive.Root>) {\r\n  return (\r\n    <SelectPrimitive.Root\r\n      data-slot='select'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction SelectGroup({...props}: React.ComponentProps<typeof SelectPrimitive.Group>) {\r\n  return (\r\n    <SelectPrimitive.Group\r\n      data-slot='select-group'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction SelectValue({...props}: React.ComponentProps<typeof SelectPrimitive.Value>) {\r\n  return (\r\n    <SelectPrimitive.Value\r\n      data-slot='select-value'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction SelectTrigger({\r\n  className,\r\n  size = \"default\",\r\n  children,\r\n  ...props\r\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\r\n  size?: \"sm\" | \"default\";\r\n}) {\r\n  return (\r\n    <SelectPrimitive.Trigger\r\n      data-slot='select-trigger'\r\n      data-size={size}\r\n      className={cn(\r\n        \"flex w-fit items-center justify-between gap-2 rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 data-[placeholder]:text-neutral-500 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:dark:hover:bg-neutral-800/50 dark:hover:bg-neutral-200/50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:border-red-900 dark:aria-invalid:ring-red-500/40 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:data-[placeholder]:text-neutral-400 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children}\r\n      <SelectPrimitive.Icon asChild>\r\n        <ChevronDownIcon className='size-4 opacity-50' />\r\n      </SelectPrimitive.Icon>\r\n    </SelectPrimitive.Trigger>\r\n  );\r\n}\r\n\r\nfunction SelectContent({className, children, position = \"popper\", ...props}: React.ComponentProps<typeof SelectPrimitive.Content>) {\r\n  return (\r\n    <SelectPrimitive.Portal>\r\n      <SelectPrimitive.Content\r\n        data-slot='select-content'\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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n          position === \"popper\"\r\n            && \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n          className,\r\n        )}\r\n        position={position}\r\n        {...props}>\r\n        <SelectScrollUpButton />\r\n        <SelectPrimitive.Viewport\r\n          className={cn(\r\n            \"p-1\",\r\n            position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\r\n          )}>\r\n          {children}\r\n        </SelectPrimitive.Viewport>\r\n        <SelectScrollDownButton />\r\n      </SelectPrimitive.Content>\r\n    </SelectPrimitive.Portal>\r\n  );\r\n}\r\n\r\nfunction SelectLabel({className, ...props}: React.ComponentProps<typeof SelectPrimitive.Label>) {\r\n  return (\r\n    <SelectPrimitive.Label\r\n      data-slot='select-label'\r\n      className={cn(\"px-2 py-1.5 text-xs text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction SelectItem({className, children, ...props}: React.ComponentProps<typeof SelectPrimitive.Item>) {\r\n  return (\r\n    <SelectPrimitive.Item\r\n      data-slot='select-item'\r\n      className={cn(\r\n        \"relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden 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 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-neutral-500 dark:[&_svg:not([class*='text-'])]:text-neutral-400 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <span className='absolute right-2 flex size-3.5 items-center justify-center'>\r\n        <SelectPrimitive.ItemIndicator>\r\n          <CheckIcon className='size-4' />\r\n        </SelectPrimitive.ItemIndicator>\r\n      </span>\r\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n    </SelectPrimitive.Item>\r\n  );\r\n}\r\n\r\nfunction SelectSeparator({className, ...props}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\r\n  return (\r\n    <SelectPrimitive.Separator\r\n      data-slot='select-separator'\r\n      className={cn(\"pointer-events-none -mx-1 my-1 h-px bg-neutral-200 dark:bg-neutral-800\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction SelectScrollUpButton({className, ...props}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollUpButton\r\n      data-slot='select-scroll-up-button'\r\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n      {...props}>\r\n      <ChevronUpIcon className='size-4' />\r\n    </SelectPrimitive.ScrollUpButton>\r\n  );\r\n}\r\n\r\nfunction SelectScrollDownButton({className, ...props}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\r\n  return (\r\n    <SelectPrimitive.ScrollDownButton\r\n      data-slot='select-scroll-down-button'\r\n      className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n      {...props}>\r\n      <ChevronDownIcon className='size-4' />\r\n    </SelectPrimitive.ScrollDownButton>\r\n  );\r\n}\r\n\r\nexport {\r\n  Select,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectLabel,\r\n  SelectScrollDownButton,\r\n  SelectScrollUpButton,\r\n  SelectSeparator,\r\n  SelectTrigger,\r\n  SelectValue,\r\n};\r\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","cn","ChevronDownIcon","SelectContent","position","SelectScrollUpButton","SelectScrollDownButton","SelectLabel","SelectItem","CheckIcon","SelectSeparator","ChevronUpIcon"],"mappings":";;;;;;AAQA,SAASA,OAAO,EAAC,GAAGC,OAAyD;IAC3E,OAAO,WAAP,GACE,IAACC,MAAoB;QACnB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASE,YAAY,EAAC,GAAGF,OAA0D;IACjF,OAAO,WAAP,GACE,IAACC,OAAqB;QACpB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASG,YAAY,EAAC,GAAGH,OAA0D;IACjF,OAAO,WAAP,GACE,IAACC,OAAqB;QACpB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASI,cAAc,EACrBC,SAAS,EACTC,OAAO,SAAS,EAChBC,QAAQ,EACR,GAAGP,OAGJ;IACC,OAAO,WAAP,GACE,KAACC,SAAuB;QACtB,aAAU;QACV,aAAWK;QACX,WAAWE,GACT,oqCACAH;QAED,GAAGL,KAAK;;YACRO;0BACD,IAACN,MAAoB;gBAAC,SAAO;0BAC3B,kBAACQ,iBAAeA;oBAAC,WAAU;;;;;AAInC;AAEA,SAASC,cAAc,EAACL,SAAS,EAAEE,QAAQ,EAAEI,WAAW,QAAQ,EAAE,GAAGX,OAA4D;IAC/H,OAAO,WAAP,GACE,IAACC,QAAsB;kBACrB,mBAACA,SAAuB;YACtB,aAAU;YACV,WAAWO,GACT,4nBACAG,aAAAA,YACK,mIACLN;YAEF,UAAUM;YACT,GAAGX,KAAK;;8BACT,IAACY,sBAAAA,CAAAA;8BACD,IAACX,UAAwB;oBACvB,WAAWO,GACT,OACAG,aAAAA,YAAyB;8BAE1BJ;;8BAEH,IAACM,wBAAAA,CAAAA;;;;AAIT;AAEA,SAASC,YAAY,EAACT,SAAS,EAAE,GAAGL,OAA0D;IAC5F,OAAO,WAAP,GACE,IAACC,OAAqB;QACpB,aAAU;QACV,WAAWO,GAAG,8DAA8DH;QAC3E,GAAGL,KAAK;;AAGf;AAEA,SAASe,WAAW,EAACV,SAAS,EAAEE,QAAQ,EAAE,GAAGP,OAAyD;IACpG,OAAO,WAAP,GACE,KAACC,MAAoB;QACnB,aAAU;QACV,WAAWO,GACT,ghBACAH;QAED,GAAGL,KAAK;;0BACT,IAAC;gBAAK,WAAU;0BACd,kBAACC,eAA6B;8BAC5B,kBAACe,WAASA;wBAAC,WAAU;;;;0BAGzB,IAACf,UAAwB;0BAAEM;;;;AAGjC;AAEA,SAASU,gBAAgB,EAACZ,SAAS,EAAE,GAAGL,OAA8D;IACpG,OAAO,WAAP,GACE,IAACC,WAAyB;QACxB,aAAU;QACV,WAAWO,GAAG,0EAA0EH;QACvF,GAAGL,KAAK;;AAGf;AAEA,SAASY,qBAAqB,EAACP,SAAS,EAAE,GAAGL,OAAmE;IAC9G,OAAO,WAAP,GACE,IAACC,gBAA8B;QAC7B,aAAU;QACV,WAAWO,GAAG,wDAAwDH;QACrE,GAAGL,KAAK;kBACT,kBAACkB,eAAaA;YAAC,WAAU;;;AAG/B;AAEA,SAASL,uBAAuB,EAACR,SAAS,EAAE,GAAGL,OAAqE;IAClH,OAAO,WAAP,GACE,IAACC,kBAAgC;QAC/B,aAAU;QACV,WAAWO,GAAG,wDAAwDH;QACrE,GAAGL,KAAK;kBACT,kBAACS,iBAAeA;YAAC,WAAU;;;AAGjC"}
+{"version":3,"file":"components\\ui\\select.js","sources":["webpack://@arolariu/components/./src/components/ui/select.tsx"],"sourcesContent":["\r\n\r\nimport * as SelectPrimitive from \"@radix-ui/react-select\";\r\nimport {Check, ChevronDown, ChevronUp} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Select = SelectPrimitive.Root;\r\n\r\nconst SelectGroup = SelectPrimitive.Group;\r\n\r\nconst SelectValue = SelectPrimitive.Value;\r\n\r\nconst SelectTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <SelectPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"flex h-9 w-full items-center justify-between rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-sm ring-offset-white focus:ring-1 focus:ring-neutral-950 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[placeholder]:text-neutral-500 dark:border-neutral-800 dark:ring-offset-neutral-950 dark:focus:ring-neutral-300 dark:data-[placeholder]:text-neutral-400 [&>span]:line-clamp-1\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    {children}\r\n    <SelectPrimitive.Icon asChild>\r\n      <ChevronDown className='h-4 w-4 opacity-50' />\r\n    </SelectPrimitive.Icon>\r\n  </SelectPrimitive.Trigger>\r\n));\r\nSelectTrigger.displayName = SelectPrimitive.Trigger.displayName;\r\n\r\nconst SelectScrollUpButton = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.ScrollUpButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.ScrollUpButton\r\n    ref={ref}\r\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n    {...props}>\r\n    <ChevronUp className='h-4 w-4' />\r\n  </SelectPrimitive.ScrollUpButton>\r\n));\r\nSelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;\r\n\r\nconst SelectScrollDownButton = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.ScrollDownButton>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.ScrollDownButton\r\n    ref={ref}\r\n    className={cn(\"flex cursor-default items-center justify-center py-1\", className)}\r\n    {...props}>\r\n    <ChevronDown className='h-4 w-4' />\r\n  </SelectPrimitive.ScrollDownButton>\r\n));\r\nSelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;\r\n\r\nconst SelectContent = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>\r\n>(({className, children, position = \"popper\", ...props}, ref) => (\r\n  <SelectPrimitive.Portal>\r\n    <SelectPrimitive.Content\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 relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] origin-[--radix-select-content-transform-origin] overflow-x-hidden overflow-y-auto rounded-md border border-neutral-200 bg-white text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        position === \"popper\"\r\n          && \"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\r\n        className,\r\n      )}\r\n      position={position}\r\n      {...props}>\r\n      <SelectScrollUpButton />\r\n      <SelectPrimitive.Viewport\r\n        className={cn(\r\n          \"p-1\",\r\n          position === \"popper\" && \"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]\",\r\n        )}>\r\n        {children}\r\n      </SelectPrimitive.Viewport>\r\n      <SelectScrollDownButton />\r\n    </SelectPrimitive.Content>\r\n  </SelectPrimitive.Portal>\r\n));\r\nSelectContent.displayName = SelectPrimitive.Content.displayName;\r\n\r\nconst SelectLabel = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Label>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.Label\r\n    ref={ref}\r\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", className)}\r\n    {...props}\r\n  />\r\n));\r\nSelectLabel.displayName = SelectPrimitive.Label.displayName;\r\n\r\nconst SelectItem = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>\r\n>(({className, children, ...props}, ref) => (\r\n  <SelectPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\r\n      \"relative flex w-full cursor-default items-center rounded-sm py-1.5 pr-8 pl-2 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 right-2 flex h-3.5 w-3.5 items-center justify-center'>\r\n      <SelectPrimitive.ItemIndicator>\r\n        <Check className='h-4 w-4' />\r\n      </SelectPrimitive.ItemIndicator>\r\n    </span>\r\n    <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\r\n  </SelectPrimitive.Item>\r\n));\r\nSelectItem.displayName = SelectPrimitive.Item.displayName;\r\n\r\nconst SelectSeparator = React.forwardRef<\r\n  React.ComponentRef<typeof SelectPrimitive.Separator>,\r\n  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>\r\n>(({className, ...props}, ref) => (\r\n  <SelectPrimitive.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\nSelectSeparator.displayName = SelectPrimitive.Separator.displayName;\r\n\r\nexport {\r\n  Select,\r\n  SelectContent,\r\n  SelectGroup,\r\n  SelectItem,\r\n  SelectLabel,\r\n  SelectScrollDownButton,\r\n  SelectScrollUpButton,\r\n  SelectSeparator,\r\n  SelectTrigger,\r\n  SelectValue,\r\n};\r\n"],"names":["Select","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","React","className","children","props","ref","cn","ChevronDown","SelectScrollUpButton","ChevronUp","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","Check","SelectSeparator"],"mappings":";;;;;;AAQA,MAAMA,SAASC;AAEf,MAAMC,cAAcD;AAEpB,MAAME,cAAcF;AAEpB,MAAMG,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,SAAuB;QACtB,KAAKQ;QACL,WAAWC,GACT,+bACAJ;QAED,GAAGE,KAAK;;YACRD;0BACD,IAACN,MAAoB;gBAAC,SAAO;0BAC3B,kBAACU,aAAWA;oBAAC,WAAU;;;;;AAI7BP,cAAc,WAAW,GAAGH,QAAAA,WAAmC;AAE/D,MAAMW,uBAAuB,WAAvBA,GAAuBP,WAG3B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,gBAA8B;QAC7B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACK,WAASA;YAAC,WAAU;;;AAGzBD,qBAAqB,WAAW,GAAGX,eAAAA,WAA0C;AAE7E,MAAMa,yBAAyB,WAAzBA,GAAyBT,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,kBAAgC;QAC/B,KAAKQ;QACL,WAAWC,GAAG,wDAAwDJ;QACrE,GAAGE,KAAK;kBACT,kBAACG,aAAWA;YAAC,WAAU;;;AAG3BG,uBAAuB,WAAW,GAAGb,iBAAAA,WAA4C;AAEjF,MAAMc,gBAAgB,WAAhBA,GAAgBV,WAGpB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAES,WAAW,QAAQ,EAAE,GAAGR,OAAM,EAAEC,MAAAA,WAAAA,GACvD,IAACR,QAAsB;kBACrB,mBAACA,SAAuB;YACtB,KAAKQ;YACL,WAAWC,GACT,4nBACAM,aAAAA,YACK,mIACLV;YAEF,UAAUU;YACT,GAAGR,KAAK;;8BACT,IAACI,sBAAAA,CAAAA;8BACD,IAACX,UAAwB;oBACvB,WAAWS,GACT,OACAM,aAAAA,YAAyB;8BAE1BT;;8BAEH,IAACO,wBAAAA,CAAAA;;;;AAIPC,cAAc,WAAW,GAAGd,QAAAA,WAAmC;AAE/D,MAAMgB,cAAc,WAAdA,GAAcZ,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,OAAqB;QACpB,KAAKQ;QACL,WAAWC,GAAG,qCAAqCJ;QAClD,GAAGE,KAAK;;AAGbS,YAAY,WAAW,GAAGhB,MAAAA,WAAiC;AAE3D,MAAMiB,aAAa,WAAbA,GAAab,WAGjB,CAAC,EAACC,SAAS,EAAEC,QAAQ,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAClC,KAACR,MAAoB;QACnB,KAAKQ;QACL,WAAWC,GACT,iRACAJ;QAED,GAAGE,KAAK;;0BACT,IAAC;gBAAK,WAAU;0BACd,kBAACP,eAA6B;8BAC5B,kBAACkB,OAAKA;wBAAC,WAAU;;;;0BAGrB,IAAClB,UAAwB;0BAAEM;;;;AAG/BW,WAAW,WAAW,GAAGjB,KAAAA,WAAgC;AAEzD,MAAMmB,kBAAkB,WAAlBA,GAAkBf,WAGtB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACR,WAAyB;QACxB,KAAKQ;QACL,WAAWC,GAAG,sDAAsDJ;QACnE,GAAGE,KAAK;;AAGbY,gBAAgB,WAAW,GAAGnB,UAAAA,WAAqC"}

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

@@ -1,5 +1,5 @@
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
 import * as React from "react";
-declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Separator };
 //# sourceMappingURL=separator.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAatD;AAED,OAAO,EAAC,SAAS,EAAC,CAAC"}
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,6JAeb,CAAC;AAGH,OAAO,EAAC,SAAS,EAAC,CAAC"}

package/dist/components/ui/separator.js

@@ -1,17 +1,16 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-separator";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "separator",
+const Separator = /*#__PURE__*/ forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
         decorative: decorative,
         orientation: orientation,
-        className: cn("shrink-0 bg-neutral-200 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800", className),
+        className: cn("shrink-0 bg-neutral-200 dark:bg-neutral-800", "horizontal" === orientation ? "h-[1px] w-full" : "h-full w-[1px]", className),
         ...props
-    });
-}
+    }));
+Separator.displayName = Root.displayName;
 export { Separator };
 
 //# sourceMappingURL=separator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\separator.js","sources":["webpack://@arolariu/components/./src/components/ui/separator.tsx"],"sourcesContent":["\r\n\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Separator({\r\n  className,\r\n  orientation = \"horizontal\",\r\n  decorative = true,\r\n  ...props\r\n}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {\r\n  return (\r\n    <SeparatorPrimitive.Root\r\n      data-slot='separator'\r\n      decorative={decorative}\r\n      orientation={orientation}\r\n      className={cn(\r\n        \"shrink-0 bg-neutral-200 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px dark:bg-neutral-800\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Separator};\r\n"],"names":["Separator","className","orientation","decorative","props","SeparatorPrimitive","cn"],"mappings":";;;;;AAOA,SAASA,UAAU,EACjBC,SAAS,EACTC,cAAc,YAAY,EAC1BC,aAAa,IAAI,EACjB,GAAGC,OACkD;IACrD,OAAO,WAAP,GACE,IAACC,MAAuB;QACtB,aAAU;QACV,YAAYF;QACZ,aAAaD;QACb,WAAWI,GACT,2LACAL;QAED,GAAGG,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\separator.js","sources":["webpack://@arolariu/components/./src/components/ui/separator.tsx"],"sourcesContent":["\r\n\r\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Separator = React.forwardRef<\r\n  React.ComponentRef<typeof SeparatorPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\r\n>(({className, orientation = \"horizontal\", decorative = true, ...props}, ref) => (\r\n  <SeparatorPrimitive.Root\r\n    ref={ref}\r\n    decorative={decorative}\r\n    orientation={orientation}\r\n    className={cn(\r\n      \"shrink-0 bg-neutral-200 dark:bg-neutral-800\",\r\n      orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\r\n\r\nexport {Separator};\r\n"],"names":["Separator","React","className","orientation","decorative","props","ref","SeparatorPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,YAAY,WAAZA,GAAYC,WAGhB,CAAC,EAACC,SAAS,EAAEC,cAAc,YAAY,EAAEC,aAAa,IAAI,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACvE,IAACC,MAAuB;QACtB,KAAKD;QACL,YAAYF;QACZ,aAAaD;QACb,WAAWK,GACT,+CACAL,iBAAAA,cAA+B,mBAAmB,kBAClDD;QAED,GAAGG,KAAK;;AAGbL,UAAU,WAAW,GAAGO,KAAAA,WAAmC"}

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

@@ -1,14 +1,26 @@
 import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function SheetContent({ className, children, side, ...props }: React.ComponentProps<typeof SheetPrimitive.Content> & {
-    side?: "top" | "right" | "bottom" | "left";
-}): import("react/jsx-runtime").JSX.Element;
-declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function SheetDescription({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+declare const Sheet: React.FC<SheetPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<SheetPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: {
+    side?: "left" | "right" | "top" | "bottom";
+} & import("class-variance-authority/types").ClassProp) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
 //# sourceMappingURL=sheet.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AAEzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,KAAK,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAO1E;AAED,iBAAS,YAAY,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,2CAOpF;AAED,iBAAS,UAAU,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAOhF;AAwBD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,IAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,GAAG;IACvD,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C,2CA0BA;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,KAAK,CAAC,2CAQ3F;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,WAAW,CAAC,2CAQvG;AAED,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAC,CAAC"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,sCAAsB,CAAC;AAElC,QAAA,MAAM,YAAY,6GAAyB,CAAC;AAE5C,QAAA,MAAM,UAAU,2GAAuB,CAAC;AAExC,QAAA,MAAM,WAAW,4CAAwB,CAAC;AAE1C,QAAA,MAAM,YAAY,6JAYhB,CAAC;AAGH,QAAA,MAAM,aAAa;;iEAgBlB,CAAC;AAEF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,cAAc,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAExI,QAAA,MAAM,YAAY,0FAgBjB,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAK/E,CAAC;AAGF,QAAA,MAAM,WAAW;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAK/E,CAAC;AAGF,QAAA,MAAM,UAAU,mKASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,6KASpB,CAAC;AAGH,OAAO,EAAC,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAC,CAAC"}