@arolariu/components 0.2.0 → 0.3.0

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQnE;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,2CAOtF;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/ui/skeleton.js

@@ -4,8 +4,7 @@ import { cn } from "../../lib/utilities.js";
 import "react";
 function Skeleton({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        "data-slot": "skeleton",
-        className: cn("animate-pulse rounded-md bg-neutral-100 dark:bg-neutral-800", className),
+        className: cn("animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10", className),
         ...props
     });
 }

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\skeleton.js","sources":["webpack://@arolariu/components/./src/components/ui/skeleton.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Skeleton({className, ...props}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot='skeleton'\r\n      className={cn(\"animate-pulse rounded-md bg-neutral-100 dark:bg-neutral-800\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","className","props","cn"],"mappings":";;;;AAKA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAmC;IAClE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,+DAA+DF;QAC5E,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\skeleton.js","sources":["webpack://@arolariu/components/./src/components/ui/skeleton.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport * as React from \"react\";\r\n\r\nfunction Skeleton({className, ...props}: Readonly<React.HTMLAttributes<HTMLDivElement>>) {\r\n  return (\r\n    <div\r\n      className={cn(\"animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Skeleton};\r\n"],"names":["Skeleton","className","props","cn"],"mappings":";;;;AAKA,SAASA,SAAS,EAACC,SAAS,EAAE,GAAGC,OAAsD;IACrF,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAG,oEAAoEF;QACjF,GAAGC,KAAK;;AAGf"}

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

@@ -1,5 +1,5 @@
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import * as React from "react";
-declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Slider };
 //# sourceMappingURL=slider.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,MAAM,CAAC,EAAC,SAAS,EAAE,YAAY,EAAE,KAAK,EAAE,GAAO,EAAE,GAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAuChI;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/ui/slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,yJAYX,CAAC;AAGF,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/components/ui/slider.js

@@ -1,44 +1,25 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Range, Root, Thumb, Track } from "@radix-ui/react-slider";
-import { useMemo } from "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
-    const _values = useMemo(()=>Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
-            min,
-            max
-        ], [
-        value,
-        defaultValue,
-        min,
-        max
-    ]);
-    return /*#__PURE__*/ jsxs(Root, {
-        "data-slot": "slider",
-        defaultValue: defaultValue,
-        value: value,
-        min: min,
-        max: max,
-        className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+const Slider = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(Root, {
+        ref: ref,
+        className: cn("relative flex w-full touch-none items-center select-none", className),
         ...props,
         children: [
             /*#__PURE__*/ jsx(Track, {
-                "data-slot": "slider-track",
-                className: cn("relative grow overflow-hidden rounded-full bg-neutral-100 data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5 dark:bg-neutral-800"),
+                className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20",
                 children: /*#__PURE__*/ jsx(Range, {
-                    "data-slot": "slider-range",
-                    className: cn("absolute bg-neutral-900 data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full dark:bg-neutral-50")
+                    className: "absolute h-full bg-neutral-900 dark:bg-neutral-50"
                 })
             }),
-            Array.from({
-                length: _values.length
-            }, (_, index)=>/*#__PURE__*/ jsx(Thumb, {
-                    "data-slot": "slider-thumb",
-                    className: "block size-4 shrink-0 rounded-full border border-neutral-200 border-neutral-900 bg-white shadow-sm ring-neutral-950/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50 dark:border-neutral-800 dark:bg-neutral-950 dark:ring-neutral-300/50"
-                }, index))
+            /*#__PURE__*/ jsx(Thumb, {
+                className: "block h-4 w-4 rounded-full border border-neutral-200 border-neutral-900/50 bg-white shadow transition-colors focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50/50 dark:border-neutral-800 dark:bg-neutral-950 dark:focus-visible:ring-neutral-300"
+            })
         ]
-    });
-}
+    }));
+Slider.displayName = Root.displayName;
 export { Slider };
 
 //# sourceMappingURL=slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\slider.js","sources":["webpack://@arolariu/components/./src/components/ui/slider.tsx"],"sourcesContent":["\r\n\r\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Slider({className, defaultValue, value, min = 0, max = 100, ...props}: React.ComponentProps<typeof SliderPrimitive.Root>) {\r\n  const _values = React.useMemo(\r\n    () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),\r\n    [value, defaultValue, min, max],\r\n  );\r\n\r\n  return (\r\n    <SliderPrimitive.Root\r\n      data-slot='slider'\r\n      defaultValue={defaultValue}\r\n      value={value}\r\n      min={min}\r\n      max={max}\r\n      className={cn(\r\n        \"relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <SliderPrimitive.Track\r\n        data-slot='slider-track'\r\n        className={cn(\r\n          \"relative grow overflow-hidden rounded-full bg-neutral-100 data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5 dark:bg-neutral-800\",\r\n        )}>\r\n        <SliderPrimitive.Range\r\n          data-slot='slider-range'\r\n          className={cn(\r\n            \"absolute bg-neutral-900 data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full dark:bg-neutral-50\",\r\n          )}\r\n        />\r\n      </SliderPrimitive.Track>\r\n      {Array.from({length: _values.length}, (_, index) => (\r\n        <SliderPrimitive.Thumb\r\n          data-slot='slider-thumb'\r\n          key={index}\r\n          className='block size-4 shrink-0 rounded-full border border-neutral-200 border-neutral-900 bg-white shadow-sm ring-neutral-950/50 transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50 dark:border-neutral-800 dark:bg-neutral-950 dark:ring-neutral-300/50'\r\n        />\r\n      ))}\r\n    </SliderPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport {Slider};\r\n"],"names":["Slider","className","defaultValue","value","min","max","props","_values","React","Array","SliderPrimitive","cn","_","index"],"mappings":";;;;;AAOA,SAASA,OAAO,EAACC,SAAS,EAAEC,YAAY,EAAEC,KAAK,EAAEC,MAAM,CAAC,EAAEC,MAAM,GAAG,EAAE,GAAGC,OAAyD;IAC/H,MAAMC,UAAUC,QACd,IAAOC,MAAM,OAAO,CAACN,SAASA,QAAQM,MAAM,OAAO,CAACP,gBAAgBA,eAAe;YAACE;YAAKC;SAAI,EAC7F;QAACF;QAAOD;QAAcE;QAAKC;KAAI;IAGjC,OAAO,WAAP,GACE,KAACK,MAAoB;QACnB,aAAU;QACV,cAAcR;QACd,OAAOC;QACP,KAAKC;QACL,KAAKC;QACL,WAAWM,GACT,uOACAV;QAED,GAAGK,KAAK;;0BACT,IAACI,OAAqB;gBACpB,aAAU;gBACV,WAAWC,GACT;0BAEF,kBAACD,OAAqB;oBACpB,aAAU;oBACV,WAAWC,GACT;;;YAILF,MAAM,IAAI,CAAC;gBAAC,QAAQF,QAAQ,MAAM;YAAA,GAAG,CAACK,GAAGC,QAAAA,WAAAA,GACxC,IAACH,OAAqB;oBACpB,aAAU;oBAEV,WAAU;mBADLG;;;AAMf"}
+{"version":3,"file":"components\\ui\\slider.js","sources":["webpack://@arolariu/components/./src/components/ui/slider.tsx"],"sourcesContent":["\r\n\r\nimport * as SliderPrimitive from \"@radix-ui/react-slider\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Slider = React.forwardRef<React.ElementRef<typeof SliderPrimitive.Root>, React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root>>(\r\n  ({className, ...props}, ref) => (\r\n    <SliderPrimitive.Root\r\n      ref={ref}\r\n      className={cn(\"relative flex w-full touch-none items-center select-none\", className)}\r\n      {...props}>\r\n      <SliderPrimitive.Track className='relative h-1.5 w-full grow overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20'>\r\n        <SliderPrimitive.Range className='absolute h-full bg-neutral-900 dark:bg-neutral-50' />\r\n      </SliderPrimitive.Track>\r\n      <SliderPrimitive.Thumb className='block h-4 w-4 rounded-full border border-neutral-200 border-neutral-900/50 bg-white shadow transition-colors focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 dark:border-neutral-50/50 dark:border-neutral-800 dark:bg-neutral-950 dark:focus-visible:ring-neutral-300' />\r\n    </SliderPrimitive.Root>\r\n  ),\r\n);\r\nSlider.displayName = SliderPrimitive.Root.displayName;\r\n\r\nexport {Slider};\r\n"],"names":["Slider","React","className","props","ref","SliderPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WACb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,KAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAG,4DAA4DJ;QACzE,GAAGC,KAAK;;0BACT,IAACE,OAAqB;gBAAC,WAAU;0BAC/B,kBAACA,OAAqB;oBAAC,WAAU;;;0BAEnC,IAACA,OAAqB;gBAAC,WAAU;;;;AAIvCL,OAAO,WAAW,GAAGK,KAAAA,WAAgC"}

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

@@ -1,4 +1,6 @@
-import { ToasterProps, toast } from "sonner";
+import * as React from "react";
+import { Toaster as Sonner, toast } from "sonner";
+type ToasterProps = React.ComponentProps<typeof Sonner>;
 declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
-export { Toaster, toast, };
+export { toast, Toaster, };
 //# sourceMappingURL=sonner.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sonner.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAoB,YAAY,EAAE,KAAK,EAAC,MAAM,QAAQ,CAAC;AAE9D,QAAA,MAAM,OAAO,GAAI,cAAY,YAAY,4CAiBxC,CAAC;AAEF,OAAO,EACL,OAAO,EAEP,KAAK,GACN,CAAC"}
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,OAAO,IAAI,MAAM,EAAE,KAAK,EAAC,MAAM,QAAQ,CAAC;AAEhD,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAExD,QAAA,MAAM,OAAO,GAAI,cAAY,YAAY,4CAqBxC,CAAC;AAEF,OAAO,EAEL,KAAK,EACL,OAAO,GACR,CAAC"}

package/dist/components/ui/sonner.js

@@ -8,10 +8,13 @@ const sonner_Toaster = ({ ...props })=>{
     return /*#__PURE__*/ jsx(Toaster, {
         theme: theme,
         className: "toaster group",
-        style: {
-            "--normal-bg": "var(--popover)",
-            "--normal-text": "var(--popover-foreground)",
-            "--normal-border": "var(--border)"
+        toastOptions: {
+            classNames: {
+                toast: "group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800",
+                description: "group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400",
+                actionButton: "group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900",
+                cancelButton: "group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400"
+            }
         },
         ...props
     });

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\sonner.js","sources":["webpack://@arolariu/components/./src/components/ui/sonner.tsx"],"sourcesContent":["\r\n\r\nimport {useTheme} from \"next-themes\";\r\nimport * as React from \"react\";\r\nimport {Toaster as Sonner, ToasterProps, toast} from \"sonner\";\r\n\r\nconst Toaster = ({...props}: ToasterProps) => {\r\n  const {theme = \"system\"} = useTheme();\r\n\r\n  return (\r\n    <Sonner\r\n      theme={theme as ToasterProps[\"theme\"]}\r\n      className='toaster group'\r\n      style={\r\n        {\r\n          \"--normal-bg\": \"var(--popover)\",\r\n          \"--normal-text\": \"var(--popover-foreground)\",\r\n          \"--normal-border\": \"var(--border)\",\r\n        } as React.CSSProperties\r\n      }\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport {\r\n  Toaster,\r\n  // eslint-disable-next-line unicorn/prefer-export-from -- same export style.\r\n  toast,\r\n};\r\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";;;;;AAMA,MAAMA,iBAAU,CAAC,EAAC,GAAGC,OAAoB;IACvC,MAAM,EAACC,QAAQ,QAAQ,EAAC,GAAGC;IAE3B,OAAO,WAAP,GACE,IAACC,SAAMA;QACL,OAAOF;QACP,WAAU;QACV,OACE;YACE,eAAe;YACf,iBAAiB;YACjB,mBAAmB;QACrB;QAED,GAAGD,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\sonner.js","sources":["webpack://@arolariu/components/./src/components/ui/sonner.tsx"],"sourcesContent":["\r\n\r\nimport {useTheme} from \"next-themes\";\r\nimport * as React from \"react\";\r\nimport {Toaster as Sonner, toast} from \"sonner\";\r\n\r\ntype ToasterProps = React.ComponentProps<typeof Sonner>;\r\n\r\nconst Toaster = ({...props}: ToasterProps) => {\r\n  const {theme = \"system\"} = useTheme();\r\n\r\n  return (\r\n    <Sonner\r\n      theme={theme as ToasterProps[\"theme\"]}\r\n      className='toaster group'\r\n      toastOptions={{\r\n        classNames: {\r\n          toast:\r\n            \"group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800\",\r\n          description: \"group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400\",\r\n          actionButton:\r\n            \"group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900\",\r\n          cancelButton:\r\n            \"group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400\",\r\n        },\r\n      }}\r\n      {...props}\r\n    />\r\n  );\r\n};\r\n\r\nexport {\r\n  // eslint-disable-next-line unicorn/prefer-export-from -- same export style.\r\n  toast,\r\n  Toaster,\r\n};\r\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";;;;;AAQA,MAAMA,iBAAU,CAAC,EAAC,GAAGC,OAAoB;IACvC,MAAM,EAACC,QAAQ,QAAQ,EAAC,GAAGC;IAE3B,OAAO,WAAP,GACE,IAACC,SAAMA;QACL,OAAOF;QACP,WAAU;QACV,cAAc;YACZ,YAAY;gBACV,OACE;gBACF,aAAa;gBACb,cACE;gBACF,cACE;YACJ;QACF;QACC,GAAGD,KAAK;;AAGf"}

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

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
+export { Spinner };
+//# sourceMappingURL=spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,OAAO,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CASlE;AAED,OAAO,EAAC,OAAO,EAAC,CAAC"}

package/dist/components/ui/spinner.js

@@ -0,0 +1,16 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../lib/utilities.js";
+import { Loader2Icon } from "lucide-react";
+import "react";
+function Spinner({ className, ...props }) {
+    return /*#__PURE__*/ jsx(Loader2Icon, {
+        role: "status",
+        "aria-label": "Loading",
+        className: cn("size-4 animate-spin", className),
+        ...props
+    });
+}
+export { Spinner };
+
+//# sourceMappingURL=spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components\\ui\\spinner.js","sources":["webpack://@arolariu/components/./src/components/ui/spinner.tsx"],"sourcesContent":["\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport {Loader2Icon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nfunction Spinner({className, ...props}: React.ComponentProps<\"svg\">) {\r\n  return (\r\n    <Loader2Icon\r\n      role='status'\r\n      aria-label='Loading'\r\n      className={cn(\"size-4 animate-spin\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Spinner};\r\n"],"names":["Spinner","className","props","Loader2Icon","cn"],"mappings":";;;;;AAMA,SAASA,QAAQ,EAACC,SAAS,EAAE,GAAGC,OAAmC;IACjE,OAAO,WAAP,GACE,IAACC,aAAWA;QACV,MAAK;QACL,cAAW;QACX,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf"}

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

@@ -1,5 +1,5 @@
-import * as SwitchPrimitive from "@radix-ui/react-switch";
+import * as SwitchPrimitives from "@radix-ui/react-switch";
 import * as React from "react";
-declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { Switch };
 //# sourceMappingURL=switch.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,MAAM,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAiBvF;AAED,OAAO,EAAC,MAAM,EAAC,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,8JAiBV,CAAC;AAGH,OAAO,EAAC,MAAM,EAAC,CAAC"}

package/dist/components/ui/switch.js

@@ -1,19 +1,17 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Root, Thumb } from "@radix-ui/react-switch";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Switch({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "switch",
-        className: cn("peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-neutral-200 border-transparent shadow-xs transition-all outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:data-[state=checked]:bg-neutral-50 dark:dark:data-[state=unchecked]:bg-neutral-800/80 dark:data-[state=unchecked]:bg-neutral-200/80 dark:data-[state=unchecked]:bg-neutral-800", className),
+const Switch = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800", className),
         ...props,
+        ref: ref,
         children: /*#__PURE__*/ jsx(Thumb, {
-            "data-slot": "switch-thumb",
-            className: cn("pointer-events-none block size-4 rounded-full bg-white ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:bg-neutral-950 dark:dark:data-[state=checked]:bg-neutral-900 dark:data-[state=checked]:bg-neutral-50 dark:dark:data-[state=unchecked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-950")
+            className: cn("pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950")
         })
-    });
-}
+    }));
+Switch.displayName = Root.displayName;
 export { Switch };
 
 //# sourceMappingURL=switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\switch.js","sources":["webpack://@arolariu/components/./src/components/ui/switch.tsx"],"sourcesContent":["\r\n\r\nimport * as SwitchPrimitive from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Switch({className, ...props}: React.ComponentProps<typeof SwitchPrimitive.Root>) {\r\n  return (\r\n    <SwitchPrimitive.Root\r\n      data-slot='switch'\r\n      className={cn(\r\n        \"peer inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-neutral-200 border-transparent shadow-xs transition-all outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:border-neutral-800 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:data-[state=checked]:bg-neutral-50 dark:dark:data-[state=unchecked]:bg-neutral-800/80 dark:data-[state=unchecked]:bg-neutral-200/80 dark:data-[state=unchecked]:bg-neutral-800\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <SwitchPrimitive.Thumb\r\n        data-slot='switch-thumb'\r\n        className={cn(\r\n          \"pointer-events-none block size-4 rounded-full bg-white ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:bg-neutral-950 dark:dark:data-[state=checked]:bg-neutral-900 dark:data-[state=checked]:bg-neutral-50 dark:dark:data-[state=unchecked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-950\",\r\n        )}\r\n      />\r\n    </SwitchPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport {Switch};\r\n"],"names":["Switch","className","props","SwitchPrimitive","cn"],"mappings":";;;;;AAOA,SAASA,OAAO,EAACC,SAAS,EAAE,GAAGC,OAAyD;IACtF,OAAO,WAAP,GACE,IAACC,MAAoB;QACnB,aAAU;QACV,WAAWC,GACT,yoBACAH;QAED,GAAGC,KAAK;kBACT,kBAACC,OAAqB;YACpB,aAAU;YACV,WAAWC,GACT;;;AAKV"}
+{"version":3,"file":"components\\ui\\switch.js","sources":["webpack://@arolariu/components/./src/components/ui/switch.tsx"],"sourcesContent":["\r\n\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Switch = React.forwardRef<\r\n  React.ElementRef<typeof SwitchPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({className, ...props}, ref) => (\r\n  <SwitchPrimitives.Root\r\n    className={cn(\r\n      \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}>\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950\",\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","className","props","ref","SwitchPrimitives","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAqB;QACpB,WAAWC,GACT,6iBACAJ;QAED,GAAGC,KAAK;QACT,KAAKC;kBACL,kBAACC,OAAsB;YACrB,WAAWC,GACT;;;AAKRN,OAAO,WAAW,GAAGK,KAAAA,WAAiC"}

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

@@ -1,11 +1,11 @@
 import * as React from "react";
-declare function Table({ className, ...props }: React.ComponentProps<"table">): import("react/jsx-runtime").JSX.Element;
-declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): import("react/jsx-runtime").JSX.Element;
-declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): import("react/jsx-runtime").JSX.Element;
-declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): import("react/jsx-runtime").JSX.Element;
-declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): import("react/jsx-runtime").JSX.Element;
-declare function TableHead({ className, ...props }: React.ComponentProps<"th">): import("react/jsx-runtime").JSX.Element;
-declare function TableCell({ className, ...props }: React.ComponentProps<"td">): import("react/jsx-runtime").JSX.Element;
-declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): import("react/jsx-runtime").JSX.Element;
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAalE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQtE;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWlE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWnE;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQnE;AAED,iBAAS,YAAY,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQ3E;AAED,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAQT,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,SAAS,+HAMb,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,QAAQ,uHASZ,CAAC;AAGH,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,SAAS,2HAMb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAQjB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/ui/table.js

@@ -1,67 +1,58 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Table({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "table-container",
-        className: "relative w-full overflow-x-auto",
+const Table = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        className: "relative w-full overflow-auto",
         children: /*#__PURE__*/ jsx("table", {
-            "data-slot": "table",
+            ref: ref,
             className: cn("w-full caption-bottom text-sm", className),
             ...props
         })
-    });
-}
-function TableHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("thead", {
-        "data-slot": "table-header",
+    }));
+Table.displayName = "Table";
+const TableHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("thead", {
+        ref: ref,
         className: cn("[&_tr]:border-b", className),
         ...props
-    });
-}
-function TableBody({ className, ...props }) {
-    return /*#__PURE__*/ jsx("tbody", {
-        "data-slot": "table-body",
+    }));
+TableHeader.displayName = "TableHeader";
+const TableBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tbody", {
+        ref: ref,
         className: cn("[&_tr:last-child]:border-0", className),
         ...props
-    });
-}
-function TableFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("tfoot", {
-        "data-slot": "table-footer",
+    }));
+TableBody.displayName = "TableBody";
+const TableFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tfoot", {
+        ref: ref,
         className: cn("border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0", className),
         ...props
-    });
-}
-function TableRow({ className, ...props }) {
-    return /*#__PURE__*/ jsx("tr", {
-        "data-slot": "table-row",
+    }));
+TableFooter.displayName = "TableFooter";
+const TableRow = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tr", {
+        ref: ref,
         className: cn("border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800", className),
         ...props
-    });
-}
-function TableHead({ className, ...props }) {
-    return /*#__PURE__*/ jsx("th", {
-        "data-slot": "table-head",
-        className: cn("h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-neutral-950 dark:text-neutral-50 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    }));
+TableRow.displayName = "TableRow";
+const TableHead = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
+        ref: ref,
+        className: cn("h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
         ...props
-    });
-}
-function TableCell({ className, ...props }) {
-    return /*#__PURE__*/ jsx("td", {
-        "data-slot": "table-cell",
-        className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    }));
+TableHead.displayName = "TableHead";
+const TableCell = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("td", {
+        ref: ref,
+        className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
         ...props
-    });
-}
-function TableCaption({ className, ...props }) {
-    return /*#__PURE__*/ jsx("caption", {
-        "data-slot": "table-caption",
+    }));
+TableCell.displayName = "TableCell";
+const TableCaption = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("caption", {
+        ref: ref,
         className: cn("mt-4 text-sm text-neutral-500 dark:text-neutral-400", className),
         ...props
-    });
-}
+    }));
+TableCaption.displayName = "TableCaption";
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 
 //# sourceMappingURL=table.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\table.js","sources":["webpack://@arolariu/components/./src/components/ui/table.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Table({className, ...props}: React.ComponentProps<\"table\">) {\r\n  return (\r\n    <div\r\n      data-slot='table-container'\r\n      className='relative w-full overflow-x-auto'>\r\n      {/* eslint-disable-next-line sonarjs/table-header */}\r\n      <table\r\n        data-slot='table'\r\n        className={cn(\"w-full caption-bottom text-sm\", className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction TableHeader({className, ...props}: React.ComponentProps<\"thead\">) {\r\n  return (\r\n    <thead\r\n      data-slot='table-header'\r\n      className={cn(\"[&_tr]:border-b\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableBody({className, ...props}: React.ComponentProps<\"tbody\">) {\r\n  return (\r\n    <tbody\r\n      data-slot='table-body'\r\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableFooter({className, ...props}: React.ComponentProps<\"tfoot\">) {\r\n  return (\r\n    <tfoot\r\n      data-slot='table-footer'\r\n      className={cn(\"border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableRow({className, ...props}: React.ComponentProps<\"tr\">) {\r\n  return (\r\n    <tr\r\n      data-slot='table-row'\r\n      className={cn(\r\n        \"border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableHead({className, ...props}: React.ComponentProps<\"th\">) {\r\n  return (\r\n    <th\r\n      data-slot='table-head'\r\n      className={cn(\r\n        \"h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-neutral-950 dark:text-neutral-50 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCell({className, ...props}: React.ComponentProps<\"td\">) {\r\n  return (\r\n    <td\r\n      data-slot='table-cell'\r\n      className={cn(\"p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TableCaption({className, ...props}: React.ComponentProps<\"caption\">) {\r\n  return (\r\n    <caption\r\n      data-slot='table-caption'\r\n      className={cn(\"mt-4 text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","className","props","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAMA,SAASA,MAAM,EAACC,SAAS,EAAE,GAAGC,OAAqC;IACjE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAU;kBAEV,kBAAC;YACC,aAAU;YACV,WAAWC,GAAG,iCAAiCF;YAC9C,GAAGC,KAAK;;;AAIjB;AAEA,SAASE,YAAY,EAACH,SAAS,EAAE,GAAGC,OAAqC;IACvE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,mBAAmBF;QAChC,GAAGC,KAAK;;AAGf;AAEA,SAASG,UAAU,EAACJ,SAAS,EAAE,GAAGC,OAAqC;IACrE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,8BAA8BF;QAC3C,GAAGC,KAAK;;AAGf;AAEA,SAASI,YAAY,EAACL,SAAS,EAAE,GAAGC,OAAqC;IACvE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,wFAAwFF;QACrG,GAAGC,KAAK;;AAGf;AAEA,SAASK,SAAS,EAACN,SAAS,EAAE,GAAGC,OAAkC;IACjE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GACT,kKACAF;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASM,UAAU,EAACP,SAAS,EAAE,GAAGC,OAAkC;IAClE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GACT,4KACAF;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASO,UAAU,EAACR,SAAS,EAAE,GAAGC,OAAkC;IAClE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,0GAA0GF;QACvH,GAAGC,KAAK;;AAGf;AAEA,SAASQ,aAAa,EAACT,SAAS,EAAE,GAAGC,OAAuC;IAC1E,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,uDAAuDF;QACpE,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\table.js","sources":["webpack://@arolariu/components/./src/components/ui/table.tsx"],"sourcesContent":["\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(({className, ...props}, ref) => (\r\n  <div className='relative w-full overflow-auto'>\r\n    <table\r\n      ref={ref}\r\n      className={cn(\"w-full caption-bottom text-sm\", className)}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\nTable.displayName = \"Table\";\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <thead\r\n      ref={ref}\r\n      className={cn(\"[&_tr]:border-b\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(({className, ...props}, ref) => (\r\n  <tbody\r\n    ref={ref}\r\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cn(\"border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(({className, ...props}, ref) => (\r\n  <tr\r\n    ref={ref}\r\n    className={cn(\r\n      \"border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <th\r\n    ref={ref}\r\n    className={cn(\r\n      \"h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <td\r\n    ref={ref}\r\n    className={cn(\"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <caption\r\n      ref={ref}\r\n      className={cn(\"mt-4 text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAMA,MAAMA,QAAQ,WAARA,GAAQC,WAA2E,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QAAI,WAAU;kBACb,kBAAC;YACC,KAAKA;YACL,WAAWC,GAAG,iCAAiCH;YAC9C,GAAGC,KAAK;;;AAIfH,MAAM,WAAW,GAAG;AAEpB,MAAMM,cAAc,WAAdA,GAAcL,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,mBAAmBH;QAChC,GAAGC,KAAK;;AAIfG,YAAY,WAAW,GAAG;AAE1B,MAAMC,YAAY,WAAZA,GAAYN,WAAyF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjI,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,cAAc,WAAdA,GAAcP,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAIfK,YAAY,WAAW,GAAG;AAE1B,MAAMC,WAAW,WAAXA,GAAWR,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,kKACAH;QAED,GAAGC,KAAK;;AAGbM,SAAS,WAAW,GAAG;AAEvB,MAAMC,YAAY,WAAZA,GAAYT,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,2JACAH;QAED,GAAGC,KAAK;;AAGbO,UAAU,WAAW,GAAG;AAExB,MAAMC,YAAY,WAAZA,GAAYV,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAGbQ,UAAU,WAAW,GAAG;AAExB,MAAMC,eAAe,WAAfA,GAAeX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,uDAAuDH;QACpE,GAAGC,KAAK;;AAIfS,aAAa,WAAW,GAAG"}

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

@@ -1,8 +1,8 @@
 import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React from "react";
-declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,IAAI,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQnF;AAED,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWvF;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAW7F;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQ7F;AAED,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAWb,CAAC;AAGF,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/ui/tabs.js

@@ -1,36 +1,27 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Tabs({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "tabs",
-        className: cn("flex flex-col gap-2", className),
+const Tabs = Root;
+const TabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
+        ref: ref,
+        className: cn("inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400", className),
         ...props
-    });
-}
-function TabsList({ className, ...props }) {
-    return /*#__PURE__*/ jsx(List, {
-        "data-slot": "tabs-list",
-        className: cn("inline-flex h-9 w-fit items-center justify-center rounded-lg bg-neutral-100 p-[3px] text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400", className),
+    }));
+TabsList.displayName = List.displayName;
+const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ref: ref,
+        className: cn("inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50", className),
         ...props
-    });
-}
-function TabsTrigger({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "tabs-trigger",
-        className: cn("focus-visible:outline-ring inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-neutral-200 border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-neutral-950 transition-[color,box-shadow] focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:shadow-sm dark:border-neutral-800 dark:dark:text-neutral-400 dark:text-neutral-50 dark:text-neutral-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:dark:data-[state=active]:border-neutral-800 dark:data-[state=active]:border-neutral-200 dark:dark:data-[state=active]:bg-neutral-800/30 dark:data-[state=active]:bg-neutral-200/30 dark:data-[state=active]:bg-neutral-950 dark:dark:data-[state=active]:text-neutral-50 dark:data-[state=active]:text-neutral-950 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    }));
+TabsTrigger.displayName = Trigger.displayName;
+const TabsContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
+        className: cn("mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300", className),
         ...props
-    });
-}
-function TabsContent({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Content, {
-        "data-slot": "tabs-content",
-        className: cn("flex-1 outline-none", className),
-        ...props
-    });
-}
+    }));
+TabsContent.displayName = Content.displayName;
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\tabs.js","sources":["webpack://@arolariu/components/./src/components/ui/tabs.tsx"],"sourcesContent":["\r\n\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Tabs({className, ...props}: React.ComponentProps<typeof TabsPrimitive.Root>) {\r\n  return (\r\n    <TabsPrimitive.Root\r\n      data-slot='tabs'\r\n      className={cn(\"flex flex-col gap-2\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsList({className, ...props}: React.ComponentProps<typeof TabsPrimitive.List>) {\r\n  return (\r\n    <TabsPrimitive.List\r\n      data-slot='tabs-list'\r\n      className={cn(\r\n        \"inline-flex h-9 w-fit items-center justify-center rounded-lg bg-neutral-100 p-[3px] text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsTrigger({className, ...props}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\r\n  return (\r\n    <TabsPrimitive.Trigger\r\n      data-slot='tabs-trigger'\r\n      className={cn(\r\n        \"focus-visible:outline-ring inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-neutral-200 border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-neutral-950 transition-[color,box-shadow] focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:shadow-sm dark:border-neutral-800 dark:dark:text-neutral-400 dark:text-neutral-50 dark:text-neutral-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:dark:data-[state=active]:border-neutral-800 dark:data-[state=active]:border-neutral-200 dark:dark:data-[state=active]:bg-neutral-800/30 dark:data-[state=active]:bg-neutral-200/30 dark:data-[state=active]:bg-neutral-950 dark:dark:data-[state=active]:text-neutral-50 dark:data-[state=active]:text-neutral-950 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction TabsContent({className, ...props}: React.ComponentProps<typeof TabsPrimitive.Content>) {\r\n  return (\r\n    <TabsPrimitive.Content\r\n      data-slot='tabs-content'\r\n      className={cn(\"flex-1 outline-none\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","className","props","TabsPrimitive","cn","TabsList","TabsTrigger","TabsContent"],"mappings":";;;;;AAOA,SAASA,KAAK,EAACC,SAAS,EAAE,GAAGC,OAAuD;IAClF,OAAO,WAAP,GACE,IAACC,MAAkB;QACjB,aAAU;QACV,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf;AAEA,SAASG,SAAS,EAACJ,SAAS,EAAE,GAAGC,OAAuD;IACtF,OAAO,WAAP,GACE,IAACC,MAAkB;QACjB,aAAU;QACV,WAAWC,GACT,kJACAH;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASI,YAAY,EAACL,SAAS,EAAE,GAAGC,OAA0D;IAC5F,OAAO,WAAP,GACE,IAACC,SAAqB;QACpB,aAAU;QACV,WAAWC,GACT,ohCACAH;QAED,GAAGC,KAAK;;AAGf;AAEA,SAASK,YAAY,EAACN,SAAS,EAAE,GAAGC,OAA0D;IAC5F,OAAO,WAAP,GACE,IAACC,SAAqB;QACpB,aAAU;QACV,WAAWC,GAAG,uBAAuBH;QACpC,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\tabs.js","sources":["webpack://@arolariu/components/./src/components/ui/tabs.tsx"],"sourcesContent":["\r\n\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Tabs = TabsPrimitive.Root;\r\n\r\nconst TabsList = React.forwardRef<React.ElementRef<typeof TabsPrimitive.List>, React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>>(\r\n  ({className, ...props}, ref) => (\r\n    <TabsPrimitive.List\r\n      ref={ref}\r\n      className={cn(\r\n        \"inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTabsList.displayName = TabsPrimitive.List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ElementRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsContent.displayName = TabsPrimitive.Content.displayName;\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;;;AAOA,MAAMA,OAAOC;AAEb,MAAMC,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAACL,MAAkB;QACjB,KAAKK;QACL,WAAWC,GACT,wIACAH;QAED,GAAGC,KAAK;;AAIfH,SAAS,WAAW,GAAGD,KAAAA,WAA8B;AAErD,MAAMO,cAAc,WAAdA,GAAcL,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,khBACAH;QAED,GAAGC,KAAK;;AAGbG,YAAY,WAAW,GAAGP,QAAAA,WAAiC;AAE3D,MAAMQ,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,sMACAH;QAED,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGR,QAAAA,WAAiC"}

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

@@ -1,4 +1,4 @@
 import * as React from "react";
-declare function Textarea({ className, ...props }: Readonly<React.ComponentProps<"textarea">>): import("react/jsx-runtime").JSX.Element;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,QAAQ,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC,2CAWlF;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,0LAWZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/ui/textarea.js

@@ -1,14 +1,13 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Textarea({ className, ...props }) {
-    return /*#__PURE__*/ jsx("textarea", {
-        "data-slot": "textarea",
-        className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none placeholder:text-neutral-500 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 md:text-sm dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:placeholder:text-neutral-400 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", className),
+const Textarea = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("textarea", {
+        className: cn("flex min-h-[60px] w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300", className),
+        ref: ref,
         ...props
-    });
-}
+    }));
+Textarea.displayName = "Textarea";
 export { Textarea };
 
 //# sourceMappingURL=textarea.js.map