@arolariu/components 0.2.0 → 0.3.0

package/changelog.md

@@ -8,6 +8,17 @@ All notable changes to **@arolariu/components** are documented here following [K
 
 ## 🎉 Latest Releases
 
+### [0.3.0](https://www.npmjs.com/package/@arolariu/components/v/0.3.0) - 2025-11-10
+
+**✨ New Features & Improvements**
+- 🆕 **New Component: `ButtonGroup`** - A group of buttons that behave as a single unit.
+- 🆕 **New Component: `EmptyState`** - A component to display an empty state with a message and illustration.
+- 🆕 **New Component: `Field`** - A component for form fields.
+- 🆕 **New Component: `InputGroup`** - A component for grouping input elements.
+- 🆕 **New Component: `Item`** - A component for displaying a single item in a list.
+- 🆕 **New Component: `Kbd`** - A component for displaying keyboard shortcuts.
+- 🆕 **New Component: `Spinner`** - A component for displaying a loading spinner.
+
 ### [0.2.0](https://www.npmjs.com/package/@arolariu/components/v/0.2.0) - 2025-10-01
 
 **✨ New Features & Improvements**

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

@@ -1,8 +1,8 @@
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import * as React from "react";
-declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 //# sourceMappingURL=accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,SAAS,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAOlF;AAED,iBAAS,aAAa,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQjG;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAejH;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CASjH;AAED,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAC,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,iKASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0KAgBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,oKAUpB,CAAC;AAGH,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/ui/accordion.js

@@ -1,49 +1,41 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion";
-import { ChevronDownIcon } from "lucide-react";
-import "react";
+import { ChevronDown } from "lucide-react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Accordion({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "accordion",
+const Accordion = Root;
+const AccordionItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
+        ref: ref,
+        className: cn("border-b", className),
         ...props
-    });
-}
-function AccordionItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        "data-slot": "accordion-item",
-        className: cn("border-b last:border-b-0", className),
-        ...props
-    });
-}
-function AccordionTrigger({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Header, {
+    }));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Header, {
         className: "flex",
         children: /*#__PURE__*/ jsxs(Trigger, {
-            "data-slot": "accordion-trigger",
-            className: cn("flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 [&[data-state=open]>svg]:rotate-180", className),
+            ref: ref,
+            className: cn("flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className),
             ...props,
             children: [
                 children,
-                /*#__PURE__*/ jsx(ChevronDownIcon, {
-                    className: "pointer-events-none size-4 shrink-0 translate-y-0.5 text-neutral-500 transition-transform duration-200 dark:text-neutral-400"
+                /*#__PURE__*/ jsx(ChevronDown, {
+                    className: "h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200 dark:text-neutral-400"
                 })
             ]
         })
-    });
-}
-function AccordionContent({ className, children, ...props }) {
-    return /*#__PURE__*/ jsx(Content, {
-        "data-slot": "accordion-content",
+    }));
+AccordionTrigger.displayName = Trigger.displayName;
+const AccordionContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+        ref: ref,
         className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
         ...props,
         children: /*#__PURE__*/ jsx("div", {
             className: cn("pt-0 pb-4", className),
             children: children
         })
-    });
-}
+    }));
+AccordionContent.displayName = Content.displayName;
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 
 //# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\accordion.js","sources":["webpack://@arolariu/components/./src/components/ui/accordion.tsx"],"sourcesContent":["\r\n\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\nimport {ChevronDownIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Accordion({...props}: React.ComponentProps<typeof AccordionPrimitive.Root>) {\r\n  return (\r\n    <AccordionPrimitive.Root\r\n      data-slot='accordion'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AccordionItem({className, ...props}: React.ComponentProps<typeof AccordionPrimitive.Item>) {\r\n  return (\r\n    <AccordionPrimitive.Item\r\n      data-slot='accordion-item'\r\n      className={cn(\"border-b last:border-b-0\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AccordionTrigger({className, children, ...props}: React.ComponentProps<typeof AccordionPrimitive.Trigger>) {\r\n  return (\r\n    <AccordionPrimitive.Header className='flex'>\r\n      <AccordionPrimitive.Trigger\r\n        data-slot='accordion-trigger'\r\n        className={cn(\r\n          \"flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:pointer-events-none disabled:opacity-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 [&[data-state=open]>svg]:rotate-180\",\r\n          className,\r\n        )}\r\n        {...props}>\r\n        {children}\r\n        <ChevronDownIcon className='pointer-events-none size-4 shrink-0 translate-y-0.5 text-neutral-500 transition-transform duration-200 dark:text-neutral-400' />\r\n      </AccordionPrimitive.Trigger>\r\n    </AccordionPrimitive.Header>\r\n  );\r\n}\r\n\r\nfunction AccordionContent({className, children, ...props}: React.ComponentProps<typeof AccordionPrimitive.Content>) {\r\n  return (\r\n    <AccordionPrimitive.Content\r\n      data-slot='accordion-content'\r\n      className='data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm'\r\n      {...props}>\r\n      <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\r\n    </AccordionPrimitive.Content>\r\n  );\r\n}\r\n\r\nexport {Accordion, AccordionContent, AccordionItem, AccordionTrigger};\r\n"],"names":["Accordion","props","AccordionPrimitive","AccordionItem","className","cn","AccordionTrigger","children","ChevronDownIcon","AccordionContent"],"mappings":";;;;;;AAQA,SAASA,UAAU,EAAC,GAAGC,OAA4D;IACjF,OAAO,WAAP,GACE,IAACC,MAAuB;QACtB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASE,cAAc,EAACC,SAAS,EAAE,GAAGH,OAA4D;IAChG,OAAO,WAAP,GACE,IAACC,MAAuB;QACtB,aAAU;QACV,WAAWG,GAAG,4BAA4BD;QACzC,GAAGH,KAAK;;AAGf;AAEA,SAASK,iBAAiB,EAACF,SAAS,EAAEG,QAAQ,EAAE,GAAGN,OAA+D;IAChH,OAAO,WAAP,GACE,IAACC,QAAyB;QAAC,WAAU;kBACnC,mBAACA,SAA0B;YACzB,aAAU;YACV,WAAWG,GACT,yYACAD;YAED,GAAGH,KAAK;;gBACRM;8BACD,IAACC,iBAAeA;oBAAC,WAAU;;;;;AAInC;AAEA,SAASC,iBAAiB,EAACL,SAAS,EAAEG,QAAQ,EAAE,GAAGN,OAA+D;IAChH,OAAO,WAAP,GACE,IAACC,SAA0B;QACzB,aAAU;QACV,WAAU;QACT,GAAGD,KAAK;kBACT,kBAAC;YAAI,WAAWI,GAAG,aAAaD;sBAAaG;;;AAGnD"}
+{"version":3,"file":"components\\ui\\accordion.js","sources":["webpack://@arolariu/components/./src/components/ui/accordion.tsx"],"sourcesContent":["\r\n\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({className, ...props}, ref) => (\r\n  <AccordionPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\"border-b\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <AccordionPrimitive.Header className='flex'>\r\n    <AccordionPrimitive.Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children}\r\n      <ChevronDown className='h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200 dark:text-neutral-400' />\r\n    </AccordionPrimitive.Trigger>\r\n  </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n  React.ElementRef<typeof AccordionPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({className, children, ...props}, ref) => (\r\n  <AccordionPrimitive.Content\r\n    ref={ref}\r\n    className='data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm'\r\n    {...props}>\r\n    <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\r\n  </AccordionPrimitive.Content>\r\n));\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport {Accordion, AccordionContent, AccordionItem, AccordionTrigger};\r\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","cn","AccordionTrigger","children","ChevronDown","AccordionContent"],"mappings":";;;;;;AAQA,MAAMA,YAAYC;AAElB,MAAMC,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,MAAuB;QACtB,KAAKK;QACL,WAAWC,GAAG,YAAYH;QACzB,GAAGC,KAAK;;AAGbH,cAAc,WAAW,GAAG;AAE5B,MAAMM,mBAAmB,WAAnBA,GAAmBL,WAGvB,CAAC,EAACC,SAAS,EAAEK,QAAQ,EAAE,GAAGJ,OAAM,EAAEC,MAAAA,WAAAA,GAClC,IAACL,QAAyB;QAAC,WAAU;kBACnC,mBAACA,SAA0B;YACzB,KAAKK;YACL,WAAWC,GACT,kJACAH;YAED,GAAGC,KAAK;;gBACRI;8BACD,IAACC,aAAWA;oBAAC,WAAU;;;;;AAI7BF,iBAAiB,WAAW,GAAGP,QAAAA,WAAsC;AAErE,MAAMU,mBAAmB,WAAnBA,GAAmBR,WAGvB,CAAC,EAACC,SAAS,EAAEK,QAAQ,EAAE,GAAGJ,OAAM,EAAEC,MAAAA,WAAAA,GAClC,IAACL,SAA0B;QACzB,KAAKK;QACL,WAAU;QACT,GAAGD,KAAK;kBACT,kBAAC;YAAI,WAAWE,GAAG,aAAaH;sBAAaK;;;AAGjDE,iBAAiB,WAAW,GAAGV,QAAAA,WAAsC"}

package/dist/components/ui/alert-dialog.d.ts

@@ -1,15 +1,21 @@
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
 import * as React from "react";
-declare function AlertDialog({ ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Root>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTrigger({ ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Trigger>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogPortal({ ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Portal>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogOverlay({ className, ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Overlay>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogContent({ className, ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Content>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogHeader({ className, ...props }: Readonly<React.ComponentProps<"div">>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogFooter({ className, ...props }: Readonly<React.ComponentProps<"div">>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogTitle({ className, ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Title>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogDescription({ className, ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Description>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogAction({ className, ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Action>>): import("react/jsx-runtime").JSX.Element;
-declare function AlertDialogCancel({ className, ...props }: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Cancel>>): import("react/jsx-runtime").JSX.Element;
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
 //# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/ui/alert-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC,2CAOhG;AAED,iBAAS,kBAAkB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAC,2CAO1G;AAED,iBAAS,iBAAiB,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,2CAOxG;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAC,2CAWrH;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,CAAC,2CAcrH;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,2CAQtF;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,2CAQtF;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,CAAC,2CAQjH;AAED,iBAAS,sBAAsB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,CAAC,2CAQ7H;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,2CAOnH;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,CAAC,2CAOnH;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,QAAA,MAAM,WAAW,iDAA4B,CAAC;AAE9C,QAAA,MAAM,kBAAkB,wHAA+B,CAAC;AAExD,QAAA,MAAM,iBAAiB,uDAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,wKAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB,wKAetB,CAAC;AAGH,QAAA,MAAM,iBAAiB;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKrF,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAA2B,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKrF,CAAC;AAGF,QAAA,MAAM,gBAAgB,8KASpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,wLAS1B,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,QAAA,MAAM,iBAAiB,6KASrB,CAAC;AAGH,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/dist/components/ui/alert-dialog.js

@@ -1,88 +1,65 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Action, Cancel, Content, Description, Overlay, Portal, Root, Title, Trigger } from "@radix-ui/react-alert-dialog";
-import "react";
+import { forwardRef } from "react";
 import { buttonVariants } from "./button.js";
 import { cn } from "../../lib/utilities.js";
-function AlertDialog({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "alert-dialog",
-        ...props
-    });
-}
-function AlertDialogTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "alert-dialog-trigger",
-        ...props
-    });
-}
-function AlertDialogPortal({ ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
-        "data-slot": "alert-dialog-portal",
-        ...props
-    });
-}
-function AlertDialogOverlay({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Overlay, {
-        "data-slot": "alert-dialog-overlay",
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
-        ...props
-    });
-}
-function AlertDialogContent({ className, ...props }) {
-    return /*#__PURE__*/ jsxs(AlertDialogPortal, {
+const AlertDialog = Root;
+const AlertDialogTrigger = Trigger;
+const AlertDialogPortal = Portal;
+const AlertDialogOverlay = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Overlay, {
+        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", className),
+        ...props,
+        ref: ref
+    }));
+AlertDialogOverlay.displayName = Overlay.displayName;
+const AlertDialogContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(AlertDialogPortal, {
         children: [
             /*#__PURE__*/ jsx(AlertDialogOverlay, {}),
             /*#__PURE__*/ jsx(Content, {
-                "data-slot": "alert-dialog-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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:max-w-lg dark:border-neutral-800 dark:bg-neutral-950", 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950", className),
                 ...props
             })
         ]
-    });
-}
-function AlertDialogHeader({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "alert-dialog-header",
-        className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+    }));
+AlertDialogContent.displayName = Content.displayName;
+const AlertDialogHeader = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col space-y-2 text-center sm:text-left", className),
         ...props
     });
-}
-function AlertDialogFooter({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "alert-dialog-footer",
-        className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+AlertDialogHeader.displayName = "AlertDialogHeader";
+const AlertDialogFooter = ({ className, ...props })=>/*#__PURE__*/ jsx("div", {
+        className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
         ...props
     });
-}
-function AlertDialogTitle({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Title, {
-        "data-slot": "alert-dialog-title",
+AlertDialogFooter.displayName = "AlertDialogFooter";
+const AlertDialogTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Title, {
+        ref: ref,
         className: cn("text-lg font-semibold", className),
         ...props
-    });
-}
-function AlertDialogDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Description, {
-        "data-slot": "alert-dialog-description",
+    }));
+AlertDialogTitle.displayName = Title.displayName;
+const AlertDialogDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Description, {
+        ref: ref,
         className: cn("text-sm text-neutral-500 dark:text-neutral-400", className),
         ...props
-    });
-}
-function AlertDialogAction({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Action, {
+    }));
+AlertDialogDescription.displayName = Description.displayName;
+const AlertDialogAction = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Action, {
+        ref: ref,
         className: cn(buttonVariants(), className),
         ...props
-    });
-}
-function AlertDialogCancel({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Cancel, {
+    }));
+AlertDialogAction.displayName = Action.displayName;
+const AlertDialogCancel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Cancel, {
+        ref: ref,
         className: cn(buttonVariants({
             variant: "outline"
-        }), className),
+        }), "mt-2 sm:mt-0", className),
         ...props
-    });
-}
+    }));
+AlertDialogCancel.displayName = Cancel.displayName;
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
 
 //# sourceMappingURL=alert-dialog.js.map

package/dist/components/ui/alert-dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\alert-dialog.js","sources":["webpack://@arolariu/components/./src/components/ui/alert-dialog.tsx"],"sourcesContent":["\r\n\r\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\r\nimport * as React from \"react\";\r\n\r\nimport {buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction AlertDialog({...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Root>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Root\r\n      data-slot='alert-dialog'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogTrigger({...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Trigger>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Trigger\r\n      data-slot='alert-dialog-trigger'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogPortal({...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Portal>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Portal\r\n      data-slot='alert-dialog-portal'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogOverlay({className, ...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Overlay>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Overlay\r\n      data-slot='alert-dialog-overlay'\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 fixed inset-0 z-50 bg-black/50\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogContent({className, ...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Content>>) {\r\n  return (\r\n    <AlertDialogPortal>\r\n      <AlertDialogOverlay />\r\n      <AlertDialogPrimitive.Content\r\n        data-slot='alert-dialog-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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:max-w-lg dark:border-neutral-800 dark:bg-neutral-950\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    </AlertDialogPortal>\r\n  );\r\n}\r\n\r\nfunction AlertDialogHeader({className, ...props}: Readonly<React.ComponentProps<\"div\">>) {\r\n  return (\r\n    <div\r\n      data-slot='alert-dialog-header'\r\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogFooter({className, ...props}: Readonly<React.ComponentProps<\"div\">>) {\r\n  return (\r\n    <div\r\n      data-slot='alert-dialog-footer'\r\n      className={cn(\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogTitle({className, ...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Title>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Title\r\n      data-slot='alert-dialog-title'\r\n      className={cn(\"text-lg font-semibold\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogDescription({className, ...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Description>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Description\r\n      data-slot='alert-dialog-description'\r\n      className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogAction({className, ...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Action>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Action\r\n      className={cn(buttonVariants(), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDialogCancel({className, ...props}: Readonly<React.ComponentProps<typeof AlertDialogPrimitive.Cancel>>) {\r\n  return (\r\n    <AlertDialogPrimitive.Cancel\r\n      className={cn(buttonVariants({variant: \"outline\"}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {\r\n  AlertDialog,\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n  AlertDialogContent,\r\n  AlertDialogDescription,\r\n  AlertDialogFooter,\r\n  AlertDialogHeader,\r\n  AlertDialogOverlay,\r\n  AlertDialogPortal,\r\n  AlertDialogTitle,\r\n  AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","props","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","className","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":";;;;;;AAQA,SAASA,YAAY,EAAC,GAAGC,OAAwE;IAC/F,OAAO,WAAP,GACE,IAACC,MAAyB;QACxB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASE,mBAAmB,EAAC,GAAGF,OAA2E;IACzG,OAAO,WAAP,GACE,IAACC,SAA4B;QAC3B,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASG,kBAAkB,EAAC,GAAGH,OAA0E;IACvG,OAAO,WAAP,GACE,IAACC,QAA2B;QAC1B,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASI,mBAAmB,EAACC,SAAS,EAAE,GAAGL,OAA2E;IACpH,OAAO,WAAP,GACE,IAACC,SAA4B;QAC3B,aAAU;QACV,WAAWK,GACT,0JACAD;QAED,GAAGL,KAAK;;AAGf;AAEA,SAASO,mBAAmB,EAACF,SAAS,EAAE,GAAGL,OAA2E;IACpH,OAAO,WAAP,GACE,KAACG,mBAAAA;;0BACC,IAACC,oBAAAA,CAAAA;0BACD,IAACH,SAA4B;gBAC3B,aAAU;gBACV,WAAWK,GACT,yaACAD;gBAED,GAAGL,KAAK;;;;AAIjB;AAEA,SAASQ,kBAAkB,EAACH,SAAS,EAAE,GAAGL,OAA6C;IACrF,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWM,GAAG,gDAAgDD;QAC7D,GAAGL,KAAK;;AAGf;AAEA,SAASS,kBAAkB,EAACJ,SAAS,EAAE,GAAGL,OAA6C;IACrF,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWM,GAAG,0DAA0DD;QACvE,GAAGL,KAAK;;AAGf;AAEA,SAASU,iBAAiB,EAACL,SAAS,EAAE,GAAGL,OAAyE;IAChH,OAAO,WAAP,GACE,IAACC,OAA0B;QACzB,aAAU;QACV,WAAWK,GAAG,yBAAyBD;QACtC,GAAGL,KAAK;;AAGf;AAEA,SAASW,uBAAuB,EAACN,SAAS,EAAE,GAAGL,OAA+E;IAC5H,OAAO,WAAP,GACE,IAACC,aAAgC;QAC/B,aAAU;QACV,WAAWK,GAAG,kDAAkDD;QAC/D,GAAGL,KAAK;;AAGf;AAEA,SAASY,kBAAkB,EAACP,SAAS,EAAE,GAAGL,OAA0E;IAClH,OAAO,WAAP,GACE,IAACC,QAA2B;QAC1B,WAAWK,GAAGO,kBAAkBR;QAC/B,GAAGL,KAAK;;AAGf;AAEA,SAASc,kBAAkB,EAACT,SAAS,EAAE,GAAGL,OAA0E;IAClH,OAAO,WAAP,GACE,IAACC,QAA2B;QAC1B,WAAWK,GAAGO,eAAe;YAAC,SAAS;QAAS,IAAIR;QACnD,GAAGL,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\alert-dialog.js","sources":["webpack://@arolariu/components/./src/components/ui/alert-dialog.tsx"],"sourcesContent":["\r\n\r\nimport * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\r\nimport * as React from \"react\";\r\n\r\nimport {buttonVariants} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst AlertDialog = AlertDialogPrimitive.Root;\r\n\r\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger;\r\n\r\nconst AlertDialogPortal = AlertDialogPrimitive.Portal;\r\n\r\nconst AlertDialogOverlay = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Overlay\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 fixed inset-0 z-50 bg-black/80\",\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}\r\n  />\r\n));\r\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;\r\n\r\nconst AlertDialogContent = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPortal>\r\n    <AlertDialogOverlay />\r\n    <AlertDialogPrimitive.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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] fixed top-[50%] left-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-neutral-200 bg-white p-6 shadow-lg duration-200 sm:rounded-lg dark:border-neutral-800 dark:bg-neutral-950\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </AlertDialogPortal>\r\n));\r\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName;\r\n\r\nconst AlertDialogHeader = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"flex flex-col space-y-2 text-center sm:text-left\", className)}\r\n    {...props}\r\n  />\r\n);\r\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\r\n\r\nconst AlertDialogFooter = ({className, ...props}: React.HTMLAttributes<HTMLDivElement>) => (\r\n  <div\r\n    className={cn(\"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\", className)}\r\n    {...props}\r\n  />\r\n);\r\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\r\n\r\nconst AlertDialogTitle = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Title\r\n    ref={ref}\r\n    className={cn(\"text-lg font-semibold\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;\r\n\r\nconst AlertDialogDescription = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Description\r\n    ref={ref}\r\n    className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;\r\n\r\nconst AlertDialogAction = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Action\r\n    ref={ref}\r\n    className={cn(buttonVariants(), className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;\r\n\r\nconst AlertDialogCancel = React.forwardRef<\r\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\r\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\r\n>(({className, ...props}, ref) => (\r\n  <AlertDialogPrimitive.Cancel\r\n    ref={ref}\r\n    className={cn(buttonVariants({variant: \"outline\"}), \"mt-2 sm:mt-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;\r\n\r\nexport {\r\n  AlertDialog,\r\n  AlertDialogAction,\r\n  AlertDialogCancel,\r\n  AlertDialogContent,\r\n  AlertDialogDescription,\r\n  AlertDialogFooter,\r\n  AlertDialogHeader,\r\n  AlertDialogOverlay,\r\n  AlertDialogPortal,\r\n  AlertDialogTitle,\r\n  AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonVariants","AlertDialogCancel"],"mappings":";;;;;;AAQA,MAAMA,cAAcC;AAEpB,MAAMC,qBAAqBD;AAE3B,MAAME,oBAAoBF;AAE1B,MAAMG,qBAAqB,WAArBA,GAAqBC,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,SAA4B;QAC3B,WAAWQ,GACT,0JACAH;QAED,GAAGC,KAAK;QACT,KAAKC;;AAGTJ,mBAAmB,WAAW,GAAGH,QAAAA,WAAwC;AAEzE,MAAMS,qBAAqB,WAArBA,GAAqBL,WAGzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,KAACL,mBAAAA;;0BACC,IAACC,oBAAAA,CAAAA;0BACD,IAACH,SAA4B;gBAC3B,KAAKO;gBACL,WAAWC,GACT,yjBACAH;gBAED,GAAGC,KAAK;;;;AAIfG,mBAAmB,WAAW,GAAGT,QAAAA,WAAwC;AAEzE,MAAMU,oBAAoB,CAAC,EAACL,SAAS,EAAE,GAAGC,OAA4C,iBACpF,IAAC;QACC,WAAWE,GAAG,oDAAoDH;QACjE,GAAGC,KAAK;;AAGbI,kBAAkB,WAAW,GAAG;AAEhC,MAAMC,oBAAoB,CAAC,EAACN,SAAS,EAAE,GAAGC,OAA4C,iBACpF,IAAC;QACC,WAAWE,GAAG,iEAAiEH;QAC9E,GAAGC,KAAK;;AAGbK,kBAAkB,WAAW,GAAG;AAEhC,MAAMC,mBAAmB,WAAnBA,GAAmBR,WAGvB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,OAA0B;QACzB,KAAKO;QACL,WAAWC,GAAG,yBAAyBH;QACtC,GAAGC,KAAK;;AAGbM,iBAAiB,WAAW,GAAGZ,MAAAA,WAAsC;AAErE,MAAMa,yBAAyB,WAAzBA,GAAyBT,WAG7B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,aAAgC;QAC/B,KAAKO;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbO,uBAAuB,WAAW,GAAGb,YAAAA,WAA4C;AAEjF,MAAMc,oBAAoB,WAApBA,GAAoBV,WAGxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,QAA2B;QAC1B,KAAKO;QACL,WAAWC,GAAGO,kBAAkBV;QAC/B,GAAGC,KAAK;;AAGbQ,kBAAkB,WAAW,GAAGd,OAAAA,WAAuC;AAEvE,MAAMgB,oBAAoB,WAApBA,GAAoBZ,WAGxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACP,QAA2B;QAC1B,KAAKO;QACL,WAAWC,GAAGO,eAAe;YAAC,SAAS;QAAS,IAAI,gBAAgBV;QACnE,GAAGC,KAAK;;AAGbU,kBAAkB,WAAW,GAAGhB,OAAAA,WAAuC"}

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

@@ -1,10 +1,9 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const alertVariants: (props?: {
+declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: {
     variant?: "default" | "destructive";
-} & import("class-variance-authority/types").ClassProp) => string;
-declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
-declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+} & import("class-variance-authority/types").ClassProp) => string> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 export { Alert, AlertDescription, AlertTitle };
 //# sourceMappingURL=alert.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;iEAclB,CAAC;AAEF,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CAS9G;AAED,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQrE;AAED,iBAAS,gBAAgB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW3E;AAED,OAAO,EAAC,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAC,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAoB/B,QAAA,MAAM,KAAK;;yGASV,CAAC;AAGF,QAAA,MAAM,UAAU,uHAMd,CAAC;AAGH,QAAA,MAAM,gBAAgB,yHAQrB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAC,CAAC"}

package/dist/components/ui/alert.js

@@ -1,43 +1,40 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const alertVariants = cva("relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current dark:border-neutral-800", {
+const alertVariants = cva("relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-neutral-950 [&>svg~*]:pl-7 dark:border-neutral-800 dark:[&>svg]:text-neutral-50", {
     variants: {
         variant: {
             default: "bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50",
-            destructive: "text-red-500 bg-white [&>svg]:text-current *:data-[slot=alert-description]:text-red-500/90 dark:text-red-900 dark:bg-neutral-950 dark:*:data-[slot=alert-description]:text-red-900/90"
+            destructive: "border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-900 dark:dark:border-red-900 dark:[&>svg]:text-red-900"
         }
     },
     defaultVariants: {
         variant: "default"
     }
 });
-function Alert({ className, variant, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "alert",
+const Alert = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
         role: "alert",
         className: cn(alertVariants({
             variant
         }), className),
         ...props
-    });
-}
-function AlertTitle({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "alert-title",
-        className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+    }));
+Alert.displayName = "Alert";
+const AlertTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("h5", {
+        ref: ref,
+        className: cn("mb-1 leading-none font-medium tracking-tight", className),
         ...props
-    });
-}
-function AlertDescription({ className, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "alert-description",
-        className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-neutral-500 dark:text-neutral-400 [&_p]:leading-relaxed", className),
+    }));
+AlertTitle.displayName = "AlertTitle";
+const AlertDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn("text-sm [&_p]:leading-relaxed", className),
         ...props
-    });
-}
+    }));
+AlertDescription.displayName = "AlertDescription";
 export { Alert, AlertDescription, AlertTitle };
 
 //# sourceMappingURL=alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\alert.js","sources":["webpack://@arolariu/components/./src/components/ui/alert.tsx"],"sourcesContent":["\r\n\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst alertVariants = cva(\r\n  \"relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current dark:border-neutral-800\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        destructive:\r\n          \"text-red-500 bg-white [&>svg]:text-current *:data-[slot=alert-description]:text-red-500/90 dark:text-red-900 dark:bg-neutral-950 dark:*:data-[slot=alert-description]:text-red-900/90\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction Alert({className, variant, ...props}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\r\n  return (\r\n    <div\r\n      data-slot='alert'\r\n      role='alert'\r\n      className={cn(alertVariants({variant}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertTitle({className, ...props}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot='alert-title'\r\n      className={cn(\"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AlertDescription({className, ...props}: React.ComponentProps<\"div\">) {\r\n  return (\r\n    <div\r\n      data-slot='alert-description'\r\n      className={cn(\r\n        \"col-start-2 grid justify-items-start gap-1 text-sm text-neutral-500 dark:text-neutral-400 [&_p]:leading-relaxed\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Alert, AlertDescription, AlertTitle};\r\n"],"names":["alertVariants","cva","Alert","className","variant","props","cn","AlertTitle","AlertDescription"],"mappings":";;;;;AAOA,MAAMA,gBAAgBC,IACpB,gRACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,aACE;QACJ;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,SAASC,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAwE;IAC7G,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,WAAWC,GAAGN,cAAc;YAACI;QAAO,IAAID;QACvC,GAAGE,KAAK;;AAGf;AAEA,SAASE,WAAW,EAACJ,SAAS,EAAE,GAAGE,OAAmC;IACpE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GAAG,+DAA+DH;QAC5E,GAAGE,KAAK;;AAGf;AAEA,SAASG,iBAAiB,EAACL,SAAS,EAAE,GAAGE,OAAmC;IAC1E,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWC,GACT,mHACAH;QAED,GAAGE,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\alert.js","sources":["webpack://@arolariu/components/./src/components/ui/alert.tsx"],"sourcesContent":["\r\n\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst alertVariants = cva(\r\n  \"relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-neutral-950 [&>svg~*]:pl-7 dark:border-neutral-800 dark:[&>svg]:text-neutral-50\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default: \"bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        destructive:\r\n          \"border-red-500/50 text-red-500 dark:border-red-500 [&>svg]:text-red-500 dark:border-red-900/50 dark:text-red-900 dark:dark:border-red-900 dark:[&>svg]:text-red-900\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nconst Alert = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement> & VariantProps<typeof alertVariants>>(\r\n  ({className, variant, ...props}, ref) => (\r\n    <div\r\n      ref={ref}\r\n      role='alert'\r\n      className={cn(alertVariants({variant}), className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nAlert.displayName = \"Alert\";\r\n\r\nconst AlertTitle = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLHeadingElement>>(({className, ...props}, ref) => (\r\n  <h5\r\n    ref={ref}\r\n    className={cn(\"mb-1 leading-none font-medium tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAlertTitle.displayName = \"AlertTitle\";\r\n\r\nconst AlertDescription = React.forwardRef<HTMLParagraphElement, React.HTMLAttributes<HTMLParagraphElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(\"text-sm [&_p]:leading-relaxed\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nAlertDescription.displayName = \"AlertDescription\";\r\n\r\nexport {Alert, AlertDescription, AlertTitle};\r\n"],"names":["alertVariants","cva","Alert","React","className","variant","props","ref","cn","AlertTitle","AlertDescription"],"mappings":";;;;;AAOA,MAAMA,gBAAgBC,IACpB,oPACA;IACE,UAAU;QACR,SAAS;YACP,SAAS;YACT,aACE;QACJ;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,MAAMC,QAAQ,WAARA,GAAQC,WACZ,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/B,IAAC;QACC,KAAKA;QACL,MAAK;QACL,WAAWC,GAAGR,cAAc;YAACK;QAAO,IAAID;QACvC,GAAGE,KAAK;;AAIfJ,MAAM,WAAW,GAAG;AAEpB,MAAMO,aAAa,WAAbA,GAAaN,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GAC1H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,gDAAgDJ;QAC7D,GAAGE,KAAK;;AAGbG,WAAW,WAAW,GAAG;AAEzB,MAAMC,mBAAmB,WAAnBA,GAAmBP,WACvB,CAAC,EAACC,SAAS,EAAE,GAAGE,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,iCAAiCJ;QAC9C,GAAGE,KAAK;;AAIfI,iBAAiB,WAAW,GAAG"}

package/dist/components/ui/aspect-ratio.d.ts

@@ -1,5 +1,4 @@
 import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-import * as React from "react";
-declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare const AspectRatio: import("react").ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & import("react").RefAttributes<HTMLDivElement>>;
 export { AspectRatio };
 //# sourceMappingURL=aspect-ratio.d.ts.map

package/dist/components/ui/aspect-ratio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,iBAAS,WAAW,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAOtF;AAED,OAAO,EAAC,WAAW,EAAC,CAAC"}
+{"version":3,"file":"aspect-ratio.d.ts","sourceRoot":"","sources":["../../../src/components/ui/aspect-ratio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,QAAA,MAAM,WAAW,kIAA4B,CAAC;AAE9C,OAAO,EAAC,WAAW,EAAC,CAAC"}

package/dist/components/ui/aspect-ratio.js

@@ -1,13 +1,6 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { Root } from "@radix-ui/react-aspect-ratio";
-import "react";
-function AspectRatio({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "aspect-ratio",
-        ...props
-    });
-}
+const AspectRatio = Root;
 export { AspectRatio };
 
 //# sourceMappingURL=aspect-ratio.js.map

package/dist/components/ui/aspect-ratio.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\aspect-ratio.js","sources":["webpack://@arolariu/components/./src/components/ui/aspect-ratio.tsx"],"sourcesContent":["\r\n\r\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\r\nimport * as React from \"react\";\r\n\r\nfunction AspectRatio({...props}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\r\n  return (\r\n    <AspectRatioPrimitive.Root\r\n      data-slot='aspect-ratio'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {AspectRatio};\r\n"],"names":["AspectRatio","props","AspectRatioPrimitive"],"mappings":";;;;AAKA,SAASA,YAAY,EAAC,GAAGC,OAA8D;IACrF,OAAO,WAAP,GACE,IAACC,MAAyB;QACxB,aAAU;QACT,GAAGD,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\aspect-ratio.js","sources":["webpack://@arolariu/components/./src/components/ui/aspect-ratio.tsx"],"sourcesContent":["\r\n\r\nimport * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\r\n\r\nconst AspectRatio = AspectRatioPrimitive.Root;\r\n\r\nexport {AspectRatio};\r\n"],"names":["AspectRatio","AspectRatioPrimitive"],"mappings":";;AAIA,MAAMA,cAAcC"}

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

@@ -1,7 +1,7 @@
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
 import * as React from "react";
-declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
-declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 export { Avatar, AvatarFallback, AvatarImage };
 //# sourceMappingURL=avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.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,2CAQvF;AAED,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQ7F;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAQnG;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAC,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,yJAQX,CAAC;AAGF,QAAA,MAAM,WAAW,gKASf,CAAC;AAGH,QAAA,MAAM,cAAc,iKASlB,CAAC;AAGH,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/ui/avatar.js

@@ -1,29 +1,26 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Fallback, Image, Root } from "@radix-ui/react-avatar";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Avatar({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "avatar",
-        className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+const Avatar = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
+        className: cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className),
         ...props
-    });
-}
-function AvatarImage({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Image, {
-        "data-slot": "avatar-image",
-        className: cn("aspect-square size-full", className),
+    }));
+Avatar.displayName = Root.displayName;
+const AvatarImage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Image, {
+        ref: ref,
+        className: cn("aspect-square h-full w-full", className),
         ...props
-    });
-}
-function AvatarFallback({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Fallback, {
-        "data-slot": "avatar-fallback",
-        className: cn("flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800", className),
+    }));
+AvatarImage.displayName = Image.displayName;
+const AvatarFallback = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Fallback, {
+        ref: ref,
+        className: cn("flex h-full w-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800", className),
         ...props
-    });
-}
+    }));
+AvatarFallback.displayName = Fallback.displayName;
 export { Avatar, AvatarFallback, AvatarImage };
 
 //# sourceMappingURL=avatar.js.map