@arolariu/components 0.2.0 → 0.3.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AAG9D,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAUrE;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ3E;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAO7D;AAED,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,MAAM,CAAC,GACjD,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9B,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,IAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,mBAAmB,2CAiBpG;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAW7F;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,2CAWzF;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW9E;AAED,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../src/components/ui/pagination.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAGnE,QAAA,MAAM,UAAU;8BAA2B,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;;CAOrE,CAAC;AAGF,QAAA,MAAM,iBAAiB,yKAMrB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAMlB,CAAC;AAGH,KAAK,mBAAmB,GAAG;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GACzB,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC;AAE9B,QAAA,MAAM,cAAc;8CAAoD,mBAAmB;;CAY1F,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CAS7F,CAAC;AAGF,QAAA,MAAM,cAAc;8BAA2B,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC;;CASzF,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAQ9E,CAAC;AAGF,OAAO,EAAC,UAAU,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAC,CAAC"}

package/dist/components/ui/pagination.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAO9E;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAOxF;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,KAAgB,EAAE,UAAc,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAerI;AAED,iBAAS,aAAa,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,MAAM,CAAC,2CAOtF;AAED,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/components/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,aAAa,4GAA0B,CAAC;AAE9C,QAAA,MAAM,cAAc,gKAgBlB,CAAC;AAGH,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/popover.js

@@ -1,37 +1,21 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Anchor, Content, Portal, Root, Trigger } from "@radix-ui/react-popover";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Popover({ ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "popover",
-        ...props
-    });
-}
-function PopoverTrigger({ ...props }) {
-    return /*#__PURE__*/ jsx(Trigger, {
-        "data-slot": "popover-trigger",
-        ...props
-    });
-}
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-    return /*#__PURE__*/ jsx(Portal, {
+const Popover = Root;
+const PopoverTrigger = Trigger;
+const PopoverAnchor = Anchor;
+const PopoverContent = /*#__PURE__*/ forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
         children: /*#__PURE__*/ jsx(Content, {
-            "data-slot": "popover-content",
+            ref: ref,
             align: align,
             sideOffset: sideOffset,
-            className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-hidden dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
+            className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-[--radix-popover-content-transform-origin] rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50", className),
             ...props
         })
-    });
-}
-function PopoverAnchor({ ...props }) {
-    return /*#__PURE__*/ jsx(Anchor, {
-        "data-slot": "popover-anchor",
-        ...props
-    });
-}
+    }));
+PopoverContent.displayName = Content.displayName;
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 
 //# sourceMappingURL=popover.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\popover.js","sources":["webpack://@arolariu/components/./src/components/ui/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Popover({...props}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\r\n  return (\r\n    <PopoverPrimitive.Root\r\n      data-slot='popover'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PopoverTrigger({...props}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\r\n  return (\r\n    <PopoverPrimitive.Trigger\r\n      data-slot='popover-trigger'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction PopoverContent({className, align = \"center\", sideOffset = 4, ...props}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\r\n  return (\r\n    <PopoverPrimitive.Portal>\r\n      <PopoverPrimitive.Content\r\n        data-slot='popover-content'\r\n        align={align}\r\n        sideOffset={sideOffset}\r\n        className={cn(\r\n          \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-hidden dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    </PopoverPrimitive.Portal>\r\n  );\r\n}\r\n\r\nfunction PopoverAnchor({...props}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\r\n  return (\r\n    <PopoverPrimitive.Anchor\r\n      data-slot='popover-anchor'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Popover, PopoverAnchor, PopoverContent, PopoverTrigger};\r\n"],"names":["Popover","props","PopoverPrimitive","PopoverTrigger","PopoverContent","className","align","sideOffset","cn","PopoverAnchor"],"mappings":";;;;;AAOA,SAASA,QAAQ,EAAC,GAAGC,OAA0D;IAC7E,OAAO,WAAP,GACE,IAACC,MAAqB;QACpB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASE,eAAe,EAAC,GAAGF,OAA6D;IACvF,OAAO,WAAP,GACE,IAACC,SAAwB;QACvB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASG,eAAe,EAACC,SAAS,EAAEC,QAAQ,QAAQ,EAAEC,aAAa,CAAC,EAAE,GAAGN,OAA6D;IACpI,OAAO,WAAP,GACE,IAACC,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,aAAU;YACV,OAAOI;YACP,YAAYC;YACZ,WAAWC,GACT,6iBACAH;YAED,GAAGJ,KAAK;;;AAIjB;AAEA,SAASQ,cAAc,EAAC,GAAGR,OAA4D;IACrF,OAAO,WAAP,GACE,IAACC,QAAuB;QACtB,aAAU;QACT,GAAGD,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\popover.js","sources":["webpack://@arolariu/components/./src/components/ui/popover.tsx"],"sourcesContent":["\r\n\r\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Popover = PopoverPrimitive.Root;\r\n\r\nconst PopoverTrigger = PopoverPrimitive.Trigger;\r\n\r\nconst PopoverAnchor = PopoverPrimitive.Anchor;\r\n\r\nconst PopoverContent = React.forwardRef<\r\n  React.ElementRef<typeof PopoverPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>\r\n>(({className, align = \"center\", sideOffset = 4, ...props}, ref) => (\r\n  <PopoverPrimitive.Portal>\r\n    <PopoverPrimitive.Content\r\n      ref={ref}\r\n      align={align}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-[--radix-popover-content-transform-origin] rounded-md border border-neutral-200 bg-white p-4 text-neutral-950 shadow-md outline-none dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </PopoverPrimitive.Portal>\r\n));\r\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\r\n\r\nexport {Popover, PopoverAnchor, PopoverContent, PopoverTrigger};\r\n"],"names":["Popover","PopoverPrimitive","PopoverTrigger","PopoverAnchor","PopoverContent","React","className","align","sideOffset","props","ref","cn"],"mappings":";;;;;AAOA,MAAMA,UAAUC;AAEhB,MAAMC,iBAAiBD;AAEvB,MAAME,gBAAgBF;AAEtB,MAAMG,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,QAAQ,QAAQ,EAAEC,aAAa,CAAC,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1D,IAACT,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,KAAKS;YACL,OAAOH;YACP,YAAYC;YACZ,WAAWG,GACT,2iBACAL;YAED,GAAGG,KAAK;;;AAIfL,eAAe,WAAW,GAAGH,QAAAA,WAAoC"}

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

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

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

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

package/dist/components/ui/progress.js

@@ -1,22 +1,20 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Indicator, Root } from "@radix-ui/react-progress";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Progress({ className, value, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "progress",
+const Progress = /*#__PURE__*/ forwardRef(({ className, value, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        ref: ref,
         className: cn("relative h-2 w-full overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20", className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {
-            "data-slot": "progress-indicator",
             className: "h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50",
             style: {
                 transform: `translateX(-${100 - (value || 0)}%)`
             }
         })
-    });
-}
+    }));
+Progress.displayName = Root.displayName;
 export { Progress };
 
 //# sourceMappingURL=progress.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\progress.js","sources":["webpack://@arolariu/components/./src/components/ui/progress.tsx"],"sourcesContent":["\r\n\r\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Progress({className, value, ...props}: React.ComponentProps<typeof ProgressPrimitive.Root>) {\r\n  return (\r\n    <ProgressPrimitive.Root\r\n      data-slot='progress'\r\n      className={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20\", className)}\r\n      {...props}>\r\n      <ProgressPrimitive.Indicator\r\n        data-slot='progress-indicator'\r\n        className='h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50'\r\n        style={{transform: `translateX(-${100 - (value || 0)}%)`}}\r\n      />\r\n    </ProgressPrimitive.Root>\r\n  );\r\n}\r\n\r\nexport {Progress};\r\n"],"names":["Progress","className","value","props","ProgressPrimitive","cn"],"mappings":";;;;;AAOA,SAASA,SAAS,EAACC,SAAS,EAAEC,KAAK,EAAE,GAAGC,OAA2D;IACjG,OAAO,WAAP,GACE,IAACC,MAAsB;QACrB,aAAU;QACV,WAAWC,GAAG,4FAA4FJ;QACzG,GAAGE,KAAK;kBACT,kBAACC,WAA2B;YAC1B,aAAU;YACV,WAAU;YACV,OAAO;gBAAC,WAAW,CAAC,YAAY,EAAE,MAAOF,CAAAA,SAAS,GAAG,EAAE,CAAC;YAAA;;;AAIhE"}
+{"version":3,"file":"components\\ui\\progress.js","sources":["webpack://@arolariu/components/./src/components/ui/progress.tsx"],"sourcesContent":["\r\n\r\nimport * as ProgressPrimitive from \"@radix-ui/react-progress\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Progress = React.forwardRef<\r\n  React.ElementRef<typeof ProgressPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\r\n>(({className, value, ...props}, ref) => (\r\n  <ProgressPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative h-2 w-full overflow-hidden rounded-full bg-neutral-900/20 dark:bg-neutral-50/20\", className)}\r\n    {...props}>\r\n    <ProgressPrimitive.Indicator\r\n      className='h-full w-full flex-1 bg-neutral-900 transition-all dark:bg-neutral-50'\r\n      style={{transform: `translateX(-${100 - (value || 0)}%)`}}\r\n    />\r\n  </ProgressPrimitive.Root>\r\n));\r\nProgress.displayName = ProgressPrimitive.Root.displayName;\r\n\r\nexport {Progress};\r\n"],"names":["Progress","React","className","value","props","ref","ProgressPrimitive","cn"],"mappings":";;;;;AAOA,MAAMA,WAAW,WAAXA,GAAWC,WAGf,CAAC,EAACC,SAAS,EAAEC,KAAK,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/B,IAACC,MAAsB;QACrB,KAAKD;QACL,WAAWE,GAAG,4FAA4FL;QACzG,GAAGE,KAAK;kBACT,kBAACE,WAA2B;YAC1B,WAAU;YACV,OAAO;gBAAC,WAAW,CAAC,YAAY,EAAE,MAAOH,CAAAA,SAAS,GAAG,EAAE,CAAC;YAAA;;;AAI9DH,SAAS,WAAW,GAAGM,KAAAA,WAAkC"}

package/dist/components/ui/radio-group.d.ts

@@ -1,6 +1,6 @@
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import * as React from "react";
-declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.ts.map

package/dist/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAQ/F;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAgBnG;AAED,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAEnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,UAAU,+JAWd,CAAC;AAGH,QAAA,MAAM,cAAc,yKAiBlB,CAAC;AAGH,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/radio-group.js

@@ -1,30 +1,27 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Indicator, Item, Root } from "@radix-ui/react-radio-group";
-import { CircleIcon } from "lucide-react";
-import "react";
+import { Circle } from "lucide-react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function RadioGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        "data-slot": "radio-group",
-        className: cn("grid gap-3", className),
-        ...props
-    });
-}
-function RadioGroupItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Item, {
-        "data-slot": "radio-group-item",
-        className: cn("aspect-square size-4 shrink-0 rounded-full border border-neutral-200 text-neutral-900 shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:border-red-900 dark:aria-invalid:ring-red-500/40 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40", className),
+const RadioGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
+        className: cn("grid gap-2", className),
+        ...props,
+        ref: ref
+    }));
+RadioGroup.displayName = Root.displayName;
+const RadioGroupItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
+        ref: ref,
+        className: cn("aspect-square h-4 w-4 rounded-full border border-neutral-200 border-neutral-900 text-neutral-900 shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-50 dark:border-neutral-800 dark:text-neutral-50 dark:focus-visible:ring-neutral-300", className),
         ...props,
         children: /*#__PURE__*/ jsx(Indicator, {
-            "data-slot": "radio-group-indicator",
-            className: "relative flex items-center justify-center",
-            children: /*#__PURE__*/ jsx(CircleIcon, {
-                className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2"
+            className: "flex items-center justify-center",
+            children: /*#__PURE__*/ jsx(Circle, {
+                className: "fill-primary h-3.5 w-3.5"
             })
         })
-    });
-}
+    }));
+RadioGroupItem.displayName = Item.displayName;
 export { RadioGroup, RadioGroupItem };
 
 //# sourceMappingURL=radio-group.js.map

package/dist/components/ui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\radio-group.js","sources":["webpack://@arolariu/components/./src/components/ui/radio-group.tsx"],"sourcesContent":["\r\n\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport {CircleIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction RadioGroup({className, ...props}: React.ComponentProps<typeof RadioGroupPrimitive.Root>) {\r\n  return (\r\n    <RadioGroupPrimitive.Root\r\n      data-slot='radio-group'\r\n      className={cn(\"grid gap-3\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction RadioGroupItem({className, ...props}: React.ComponentProps<typeof RadioGroupPrimitive.Item>) {\r\n  return (\r\n    <RadioGroupPrimitive.Item\r\n      data-slot='radio-group-item'\r\n      className={cn(\r\n        \"aspect-square size-4 shrink-0 rounded-full border border-neutral-200 text-neutral-900 shadow-xs transition-[color,box-shadow] outline-none focus-visible:border-neutral-950 focus-visible:ring-[3px] focus-visible:ring-neutral-950/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-red-500 aria-invalid:ring-red-500/20 dark:border-neutral-800 dark:bg-neutral-200/30 dark:dark:bg-neutral-800/30 dark:text-neutral-50 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:border-red-900 dark:aria-invalid:ring-red-500/40 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <RadioGroupPrimitive.Indicator\r\n        data-slot='radio-group-indicator'\r\n        className='relative flex items-center justify-center'>\r\n        <CircleIcon className='fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2' />\r\n      </RadioGroupPrimitive.Indicator>\r\n    </RadioGroupPrimitive.Item>\r\n  );\r\n}\r\n\r\nexport {RadioGroup, RadioGroupItem};\r\n"],"names":["RadioGroup","className","props","RadioGroupPrimitive","cn","RadioGroupItem","CircleIcon"],"mappings":";;;;;;AAQA,SAASA,WAAW,EAACC,SAAS,EAAE,GAAGC,OAA6D;IAC9F,OAAO,WAAP,GACE,IAACC,MAAwB;QACvB,aAAU;QACV,WAAWC,GAAG,cAAcH;QAC3B,GAAGC,KAAK;;AAGf;AAEA,SAASG,eAAe,EAACJ,SAAS,EAAE,GAAGC,OAA6D;IAClG,OAAO,WAAP,GACE,IAACC,MAAwB;QACvB,aAAU;QACV,WAAWC,GACT,4oBACAH;QAED,GAAGC,KAAK;kBACT,kBAACC,WAA6B;YAC5B,aAAU;YACV,WAAU;sBACV,kBAACG,YAAUA;gBAAC,WAAU;;;;AAI9B"}
+{"version":3,"file":"components\\ui\\radio-group.js","sources":["webpack://@arolariu/components/./src/components/ui/radio-group.tsx"],"sourcesContent":["\r\n\r\nimport * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\r\nimport {Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst RadioGroup = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>\r\n>(({className, ...props}, ref) => {\r\n  return (\r\n    <RadioGroupPrimitive.Root\r\n      className={cn(\"grid gap-2\", className)}\r\n      {...props}\r\n      ref={ref}\r\n    />\r\n  );\r\n});\r\nRadioGroup.displayName = RadioGroupPrimitive.Root.displayName;\r\n\r\nconst RadioGroupItem = React.forwardRef<\r\n  React.ElementRef<typeof RadioGroupPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>\r\n>(({className, ...props}, ref) => {\r\n  return (\r\n    <RadioGroupPrimitive.Item\r\n      ref={ref}\r\n      className={cn(\r\n        \"aspect-square h-4 w-4 rounded-full border border-neutral-200 border-neutral-900 text-neutral-900 shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-50 dark:border-neutral-800 dark:text-neutral-50 dark:focus-visible:ring-neutral-300\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      <RadioGroupPrimitive.Indicator className='flex items-center justify-center'>\r\n        <Circle className='fill-primary h-3.5 w-3.5' />\r\n      </RadioGroupPrimitive.Indicator>\r\n    </RadioGroupPrimitive.Item>\r\n  );\r\n});\r\nRadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;\r\n\r\nexport {RadioGroup, RadioGroupItem};\r\n"],"names":["RadioGroup","React","className","props","ref","RadioGroupPrimitive","cn","RadioGroupItem","Circle"],"mappings":";;;;;;AAQA,MAAMA,aAAa,WAAbA,GAAaC,WAGjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACjB,WAAP,GACE,IAACC,MAAwB;QACvB,WAAWC,GAAG,cAAcJ;QAC3B,GAAGC,KAAK;QACT,KAAKC;;AAIXJ,WAAW,WAAW,GAAGK,KAAAA,WAAoC;AAE7D,MAAME,iBAAiB,WAAjBA,GAAiBN,WAGrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACjB,WAAP,GACE,IAACC,MAAwB;QACvB,KAAKD;QACL,WAAWE,GACT,0UACAJ;QAED,GAAGC,KAAK;kBACT,kBAACE,WAA6B;YAAC,WAAU;sBACvC,kBAACG,QAAMA;gBAAC,WAAU;;;;AAK1BD,eAAe,WAAW,GAAGF,KAAAA,WAAoC"}

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

@@ -1,9 +1,24 @@
-import * as React from "react";
 import * as ResizablePrimitive from "react-resizable-panels";
-declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): import("react/jsx-runtime").JSX.Element;
-declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
-declare function ResizableHandle({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
+declare const ResizablePanelGroup: ({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => import("react/jsx-runtime").JSX.Element;
+declare const ResizablePanel: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLMapElement | HTMLAnchorElement | HTMLButtonElement | HTMLFormElement | HTMLHeadingElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLIElement | HTMLOListElement | HTMLParagraphElement | HTMLSelectElement | HTMLSpanElement | HTMLUListElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLLegendElement | HTMLLinkElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
+    className?: string;
+    collapsedSize?: number | undefined;
+    collapsible?: boolean | undefined;
+    defaultSize?: number | undefined;
+    id?: string;
+    maxSize?: number | undefined;
+    minSize?: number | undefined;
+    onCollapse?: ResizablePrimitive.PanelOnCollapse;
+    onExpand?: ResizablePrimitive.PanelOnExpand;
+    onResize?: ResizablePrimitive.PanelOnResize;
+    order?: number;
+    style?: object;
+    tagName?: keyof HTMLElementTagNameMap | undefined;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
+declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
     withHandle?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 //# sourceMappingURL=resizable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,iBAAS,mBAAmB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,2CAQ7G;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,2CAOxF;AAED,iBAAS,eAAe,CAAC,EACvB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,2CAgBA;AAED,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAI7D,QAAA,MAAM,mBAAmB,GAAI,yBAAuB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,4CAK7G,CAAC;AAEF,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;4EAA2B,CAAC;AAEhD,QAAA,MAAM,eAAe,GAAI,qCAItB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,4CAaA,CAAC;AAEF,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/ui/resizable.js

@@ -1,35 +1,23 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { GripVerticalIcon } from "lucide-react";
-import "react";
+import { GripVertical } from "lucide-react";
 import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
 import { cn } from "../../lib/utilities.js";
-function ResizablePanelGroup({ className, ...props }) {
-    return /*#__PURE__*/ jsx(PanelGroup, {
-        "data-slot": "resizable-panel-group",
+const ResizablePanelGroup = ({ className, ...props })=>/*#__PURE__*/ jsx(PanelGroup, {
         className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
         ...props
     });
-}
-function ResizablePanel({ ...props }) {
-    return /*#__PURE__*/ jsx(Panel, {
-        "data-slot": "resizable-panel",
-        ...props
-    });
-}
-function ResizableHandle({ withHandle, className, ...props }) {
-    return /*#__PURE__*/ jsx(PanelResizeHandle, {
-        "data-slot": "resizable-handle",
-        className: cn("relative flex w-px items-center justify-center bg-neutral-200 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
+const ResizablePanel = Panel;
+const ResizableHandle = ({ withHandle, className, ...props })=>/*#__PURE__*/ jsx(PanelResizeHandle, {
+        className: cn("relative flex w-px items-center justify-center bg-neutral-200 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-none data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
         ...props,
-        children: Boolean(withHandle) && /*#__PURE__*/ jsx("div", {
-            className: "z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-neutral-200 dark:bg-neutral-800",
-            children: /*#__PURE__*/ jsx(GripVerticalIcon, {
-                className: "size-2.5"
+        children: withHandle && /*#__PURE__*/ jsx("div", {
+            className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-neutral-200 bg-neutral-200 dark:border-neutral-800 dark:bg-neutral-800",
+            children: /*#__PURE__*/ jsx(GripVertical, {
+                className: "h-2.5 w-2.5"
             })
         })
     });
-}
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
 
 //# sourceMappingURL=resizable.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\resizable.js","sources":["webpack://@arolariu/components/./src/components/ui/resizable.tsx"],"sourcesContent":["\r\n\r\nimport {GripVerticalIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport * as ResizablePrimitive from \"react-resizable-panels\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction ResizablePanelGroup({className, ...props}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\r\n  return (\r\n    <ResizablePrimitive.PanelGroup\r\n      data-slot='resizable-panel-group'\r\n      className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction ResizablePanel({...props}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\r\n  return (\r\n    <ResizablePrimitive.Panel\r\n      data-slot='resizable-panel'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction ResizableHandle({\r\n  withHandle,\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\r\n  withHandle?: boolean;\r\n}) {\r\n  return (\r\n    <ResizablePrimitive.PanelResizeHandle\r\n      data-slot='resizable-handle'\r\n      className={cn(\r\n        \"relative flex w-px items-center justify-center bg-neutral-200 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {Boolean(withHandle) && (\r\n        <div className='z-10 flex h-4 w-3 items-center justify-center rounded-xs border bg-neutral-200 dark:bg-neutral-800'>\r\n          <GripVerticalIcon className='size-2.5' />\r\n        </div>\r\n      )}\r\n    </ResizablePrimitive.PanelResizeHandle>\r\n  );\r\n}\r\n\r\nexport {ResizableHandle, ResizablePanel, ResizablePanelGroup};\r\n"],"names":["ResizablePanelGroup","className","props","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","Boolean","GripVerticalIcon"],"mappings":";;;;;;AAQA,SAASA,oBAAoB,EAACC,SAAS,EAAE,GAAGC,OAAkE;IAC5G,OAAO,WAAP,GACE,IAACC,YAA6B;QAC5B,aAAU;QACV,WAAWC,GAAG,qEAAqEH;QAClF,GAAGC,KAAK;;AAGf;AAEA,SAASG,eAAe,EAAC,GAAGH,OAA6D;IACvF,OAAO,WAAP,GACE,IAACC,OAAwB;QACvB,aAAU;QACT,GAAGD,KAAK;;AAGf;AAEA,SAASI,gBAAgB,EACvBC,UAAU,EACVN,SAAS,EACT,GAAGC,OAGJ;IACC,OAAO,WAAP,GACE,IAACC,mBAAoC;QACnC,aAAU;QACV,WAAWC,GACT,itBACAH;QAED,GAAGC,KAAK;kBACRM,QAAQD,eAAe,WAAfA,GACP,IAAC;YAAI,WAAU;sBACb,kBAACE,kBAAgBA;gBAAC,WAAU;;;;AAKtC"}
+{"version":3,"file":"components\\ui\\resizable.js","sources":["webpack://@arolariu/components/./src/components/ui/resizable.tsx"],"sourcesContent":["\r\n\r\nimport {GripVertical} from \"lucide-react\";\r\nimport * as ResizablePrimitive from \"react-resizable-panels\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst ResizablePanelGroup = ({className, ...props}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => (\r\n  <ResizablePrimitive.PanelGroup\r\n    className={cn(\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\", className)}\r\n    {...props}\r\n  />\r\n);\r\n\r\nconst ResizablePanel = ResizablePrimitive.Panel;\r\n\r\nconst ResizableHandle = ({\r\n  withHandle,\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\r\n  withHandle?: boolean;\r\n}) => (\r\n  <ResizablePrimitive.PanelResizeHandle\r\n    className={cn(\r\n      \"relative flex w-px items-center justify-center bg-neutral-200 after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:ring-offset-1 focus-visible:outline-none data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 dark:bg-neutral-800 dark:focus-visible:ring-neutral-300 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\r\n      className,\r\n    )}\r\n    {...props}>\r\n    {withHandle && (\r\n      <div className='z-10 flex h-4 w-3 items-center justify-center rounded-sm border border-neutral-200 bg-neutral-200 dark:border-neutral-800 dark:bg-neutral-800'>\r\n        <GripVertical className='h-2.5 w-2.5' />\r\n      </div>\r\n    )}\r\n  </ResizablePrimitive.PanelResizeHandle>\r\n);\r\n\r\nexport {ResizableHandle, ResizablePanel, ResizablePanelGroup};\r\n"],"names":["ResizablePanelGroup","className","props","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","GripVertical"],"mappings":";;;;;AAOA,MAAMA,sBAAsB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkE,iBAC5G,IAACC,YAA6B;QAC5B,WAAWC,GAAG,qEAAqEH;QAClF,GAAGC,KAAK;;AAIb,MAAMG,iBAAiBF;AAEvB,MAAMG,kBAAkB,CAAC,EACvBC,UAAU,EACVN,SAAS,EACT,GAAGC,OAGJ,iBACC,IAACC,mBAAoC;QACnC,WAAWC,GACT,+sBACAH;QAED,GAAGC,KAAK;kBACRK,cAAc,WAAdA,GACC,IAAC;YAAI,WAAU;sBACb,kBAACC,cAAYA;gBAAC,WAAU"}

package/dist/components/ui/scroll-area.d.ts

@@ -1,6 +1,6 @@
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 import * as React from "react";
-declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };
 //# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,UAAU,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAezG;AAED,iBAAS,SAAS,CAAC,EAAC,SAAS,EAAE,WAAwB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAkBvI;AAED,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,UAAU,+JAYd,CAAC;AAGH,QAAA,MAAM,SAAS,wKAgBb,CAAC;AAGH,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC"}