@arolariu/components 0.1.2 → 0.3.0

package/dist/components/ui/breadcrumb.js

@@ -1,68 +1,61 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import { cn } from "../../lib/utils.js";
-function Breadcrumb({ ...props }) {
-    return /*#__PURE__*/ jsx("nav", {
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+const Breadcrumb = /*#__PURE__*/ forwardRef(({ ...props }, ref)=>/*#__PURE__*/ jsx("nav", {
+        ref: ref,
         "aria-label": "breadcrumb",
-        "data-slot": "breadcrumb",
         ...props
-    });
-}
-function BreadcrumbList({ className, ...props }) {
-    return /*#__PURE__*/ jsx("ol", {
-        "data-slot": "breadcrumb-list",
-        className: cn("text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400", className),
+    }));
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ol", {
+        ref: ref,
+        className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-neutral-500 sm:gap-2.5 dark:text-neutral-400", className),
         ...props
-    });
-}
-function BreadcrumbItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx("li", {
-        "data-slot": "breadcrumb-item",
+    }));
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
+        ref: ref,
         className: cn("inline-flex items-center gap-1.5", className),
         ...props
-    });
-}
-function BreadcrumbLink({ asChild, className, ...props }) {
+    }));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = /*#__PURE__*/ forwardRef(({ asChild, className, ...props }, ref)=>{
     const Comp = asChild ? Slot : "a";
     return /*#__PURE__*/ jsx(Comp, {
-        "data-slot": "breadcrumb-link",
-        className: cn("hover:text-neutral-950 transition-colors dark:hover:text-neutral-50", className),
+        ref: ref,
+        className: cn("transition-colors hover:text-neutral-950 dark:hover:text-neutral-50", className),
         ...props
     });
-}
-function BreadcrumbPage({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        "data-slot": "breadcrumb-page",
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
+        ref: ref,
         role: "link",
         "aria-disabled": "true",
         "aria-current": "page",
-        className: cn("text-neutral-950 font-normal dark:text-neutral-50", className),
+        className: cn("font-normal text-neutral-950 dark:text-neutral-50", className),
         ...props
-    });
-}
-function BreadcrumbSeparator({ children, className, ...props }) {
-    return /*#__PURE__*/ jsx("li", {
-        "data-slot": "breadcrumb-separator",
+    }));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({ children, className, ...props })=>/*#__PURE__*/ jsx("li", {
         role: "presentation",
         "aria-hidden": "true",
-        className: cn("[&>svg]:size-3.5", className),
+        className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
         ...props,
         children: children ?? /*#__PURE__*/ jsx(ChevronRight, {})
     });
-}
-function BreadcrumbEllipsis({ className, ...props }) {
-    return /*#__PURE__*/ jsxs("span", {
-        "data-slot": "breadcrumb-ellipsis",
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = ({ className, ...props })=>/*#__PURE__*/ jsxs("span", {
         role: "presentation",
         "aria-hidden": "true",
-        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(MoreHorizontal, {
-                className: "size-4"
+                className: "h-4 w-4"
             }),
             /*#__PURE__*/ jsx("span", {
                 className: "sr-only",
@@ -70,7 +63,7 @@ function BreadcrumbEllipsis({ className, ...props }) {
             })
         ]
     });
-}
+BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 
 //# sourceMappingURL=breadcrumb.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\breadcrumb.js","sources":["webpack://@arolariu/components/./src/components/ui/breadcrumb.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { ChevronRight, MoreHorizontal } from \"lucide-react\";\n\nimport { cn } from \"@/lib/utils\";\n\nfunction Breadcrumb({ ...props }: React.ComponentProps<\"nav\">) {\n  return <nav aria-label=\"breadcrumb\" data-slot=\"breadcrumb\" {...props} />;\n}\n\nfunction BreadcrumbList({ className, ...props }: React.ComponentProps<\"ol\">) {\n  return (\n    <ol\n      data-slot=\"breadcrumb-list\"\n      className={cn(\n        \"text-neutral-500 flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5 dark:text-neutral-400\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbItem({ className, ...props }: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-item\"\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbLink({\n  asChild,\n  className,\n  ...props\n}: React.ComponentProps<\"a\"> & {\n  asChild?: boolean;\n}) {\n  const Comp = asChild ? Slot : \"a\";\n\n  return (\n    <Comp\n      data-slot=\"breadcrumb-link\"\n      className={cn(\n        \"hover:text-neutral-950 transition-colors dark:hover:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbPage({ className, ...props }: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-page\"\n      role=\"link\"\n      aria-disabled=\"true\"\n      aria-current=\"page\"\n      className={cn(\n        \"text-neutral-950 font-normal dark:text-neutral-50\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction BreadcrumbSeparator({\n  children,\n  className,\n  ...props\n}: React.ComponentProps<\"li\">) {\n  return (\n    <li\n      data-slot=\"breadcrumb-separator\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"[&>svg]:size-3.5\", className)}\n      {...props}\n    >\n      {children ?? <ChevronRight />}\n    </li>\n  );\n}\n\nfunction BreadcrumbEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"breadcrumb-ellipsis\"\n      role=\"presentation\"\n      aria-hidden=\"true\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontal className=\"size-4\" />\n      <span className=\"sr-only\">More</span>\n    </span>\n  );\n}\n\nexport {\n  Breadcrumb,\n  BreadcrumbList,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n  BreadcrumbEllipsis,\n};\n"],"names":["Breadcrumb","props","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,SAASA,WAAW,EAAE,GAAGC,OAAoC;IAC3D,OAAO,WAAP,GAAO,IAAC;QAAI,cAAW;QAAa,aAAU;QAAc,GAAGA,KAAK;;AACtE;AAEA,SAASC,eAAe,EAAEC,SAAS,EAAE,GAAGF,OAAmC;IACzE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWG,GACT,6GACAD;QAED,GAAGF,KAAK;;AAGf;AAEA,SAASI,eAAe,EAAEF,SAAS,EAAE,GAAGF,OAAmC;IACzE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWG,GAAG,oCAAoCD;QACjD,GAAGF,KAAK;;AAGf;AAEA,SAASK,eAAe,EACtBC,OAAO,EACPJ,SAAS,EACT,GAAGF,OAGJ;IACC,MAAMO,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWJ,GACT,uEACAD;QAED,GAAGF,KAAK;;AAGf;AAEA,SAASS,eAAe,EAAEP,SAAS,EAAE,GAAGF,OAAqC;IAC3E,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,iBAAc;QACd,gBAAa;QACb,WAAWG,GACT,qDACAD;QAED,GAAGF,KAAK;;AAGf;AAEA,SAASU,oBAAoB,EAC3BC,QAAQ,EACRT,SAAS,EACT,GAAGF,OACwB;IAC3B,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,oBAAoBD;QACjC,GAAGF,KAAK;kBAERW,YAAY,WAAZA,GAAY,IAACC,cAAYA,CAAAA;;AAGhC;AAEA,SAASC,mBAAmB,EAC1BX,SAAS,EACT,GAAGF,OAC0B;IAC7B,OAAO,WAAP,GACE,KAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,2CAA2CD;QACxD,GAAGF,KAAK;;0BAET,IAACc,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAGhC"}
+{"version":3,"file":"components\\ui\\breadcrumb.js","sources":["webpack://@arolariu/components/./src/components/ui/breadcrumb.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Breadcrumb = React.forwardRef<\r\n  HTMLElement,\r\n  React.ComponentPropsWithoutRef<\"nav\"> & {\r\n    separator?: React.ReactNode;\r\n  }\r\n>(({...props}, ref) => (\r\n  <nav\r\n    ref={ref}\r\n    aria-label='breadcrumb'\r\n    {...props}\r\n  />\r\n));\r\nBreadcrumb.displayName = \"Breadcrumb\";\r\n\r\nconst BreadcrumbList = React.forwardRef<HTMLOListElement, React.ComponentPropsWithoutRef<\"ol\">>(({className, ...props}, ref) => (\r\n  <ol\r\n    ref={ref}\r\n    className={cn(\"flex flex-wrap items-center gap-1.5 text-sm break-words text-neutral-500 sm:gap-2.5 dark:text-neutral-400\", className)}\r\n    {...props}\r\n  />\r\n));\r\nBreadcrumbList.displayName = \"BreadcrumbList\";\r\n\r\nconst BreadcrumbItem = React.forwardRef<HTMLLIElement, React.ComponentPropsWithoutRef<\"li\">>(({className, ...props}, ref) => (\r\n  <li\r\n    ref={ref}\r\n    className={cn(\"inline-flex items-center gap-1.5\", className)}\r\n    {...props}\r\n  />\r\n));\r\nBreadcrumbItem.displayName = \"BreadcrumbItem\";\r\n\r\nconst BreadcrumbLink = React.forwardRef<\r\n  HTMLAnchorElement,\r\n  React.ComponentPropsWithoutRef<\"a\"> & {\r\n    asChild?: boolean;\r\n  }\r\n>(({asChild, className, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return (\r\n    <Comp\r\n      ref={ref}\r\n      className={cn(\"transition-colors hover:text-neutral-950 dark:hover:text-neutral-50\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nBreadcrumbLink.displayName = \"BreadcrumbLink\";\r\n\r\nconst BreadcrumbPage = React.forwardRef<HTMLSpanElement, React.ComponentPropsWithoutRef<\"span\">>(({className, ...props}, ref) => (\r\n  <span\r\n    ref={ref}\r\n    role='link'\r\n    aria-disabled='true'\r\n    aria-current='page'\r\n    className={cn(\"font-normal text-neutral-950 dark:text-neutral-50\", className)}\r\n    {...props}\r\n  />\r\n));\r\nBreadcrumbPage.displayName = \"BreadcrumbPage\";\r\n\r\nconst BreadcrumbSeparator = ({children, className, ...props}: React.ComponentProps<\"li\">) => (\r\n  <li\r\n    role='presentation'\r\n    aria-hidden='true'\r\n    className={cn(\"[&>svg]:h-3.5 [&>svg]:w-3.5\", className)}\r\n    {...props}>\r\n    {children ?? <ChevronRight />}\r\n  </li>\r\n);\r\nBreadcrumbSeparator.displayName = \"BreadcrumbSeparator\";\r\n\r\nconst BreadcrumbEllipsis = ({className, ...props}: React.ComponentProps<\"span\">) => (\r\n  <span\r\n    role='presentation'\r\n    aria-hidden='true'\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</span>\r\n  </span>\r\n);\r\nBreadcrumbEllipsis.displayName = \"BreadcrumbElipssis\";\r\n\r\nexport {Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator};\r\n"],"names":["Breadcrumb","React","props","ref","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,MAAMA,aAAa,WAAbA,GAAaC,WAKjB,CAAC,EAAC,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACb,IAAC;QACC,KAAKA;QACL,cAAW;QACV,GAAGD,KAAK;;AAGbF,WAAW,WAAW,GAAG;AAEzB,MAAMI,iBAAiB,WAAjBA,GAAiBH,WAAyE,CAAC,EAACI,SAAS,EAAE,GAAGH,OAAM,EAAEC,MAAAA,WAAAA,GACtH,IAAC;QACC,KAAKA;QACL,WAAWG,GAAG,6GAA6GD;QAC1H,GAAGH,KAAK;;AAGbE,eAAe,WAAW,GAAG;AAE7B,MAAMG,iBAAiB,WAAjBA,GAAiBN,WAAsE,CAAC,EAACI,SAAS,EAAE,GAAGH,OAAM,EAAEC,MAAAA,WAAAA,GACnH,IAAC;QACC,KAAKA;QACL,WAAWG,GAAG,oCAAoCD;QACjD,GAAGH,KAAK;;AAGbK,eAAe,WAAW,GAAG;AAE7B,MAAMC,iBAAiB,WAAjBA,GAAiBP,WAKrB,CAAC,EAACQ,OAAO,EAAEJ,SAAS,EAAE,GAAGH,OAAM,EAAEC;IACjC,MAAMO,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,KAAKP;QACL,WAAWG,GAAG,uEAAuED;QACpF,GAAGH,KAAK;;AAGf;AACAM,eAAe,WAAW,GAAG;AAE7B,MAAMI,iBAAiB,WAAjBA,GAAiBX,WAA0E,CAAC,EAACI,SAAS,EAAE,GAAGH,OAAM,EAAEC,MAAAA,WAAAA,GACvH,IAAC;QACC,KAAKA;QACL,MAAK;QACL,iBAAc;QACd,gBAAa;QACb,WAAWG,GAAG,qDAAqDD;QAClE,GAAGH,KAAK;;AAGbU,eAAe,WAAW,GAAG;AAE7B,MAAMC,sBAAsB,CAAC,EAACC,QAAQ,EAAET,SAAS,EAAE,GAAGH,OAAkC,iBACtF,IAAC;QACC,MAAK;QACL,eAAY;QACZ,WAAWI,GAAG,+BAA+BD;QAC5C,GAAGH,KAAK;kBACRY,YAAY,WAAZA,GAAY,IAACC,cAAYA,CAAAA;;AAG9BF,oBAAoB,WAAW,GAAG;AAElC,MAAMG,qBAAqB,CAAC,EAACX,SAAS,EAAE,GAAGH,OAAoC,iBAC7E,KAAC;QACC,MAAK;QACL,eAAY;QACZ,WAAWI,GAAG,4CAA4CD;QACzD,GAAGH,KAAK;;0BACT,IAACe,gBAAcA;gBAAC,WAAU;;0BAC1B,IAAC;gBAAK,WAAU;0BAAU;;;;AAG9BD,mBAAmB,WAAW,GAAG"}

package/dist/components/ui/bubble-background.d.ts

@@ -1,5 +1,5 @@
-import * as React from "react";
 import { type SpringOptions } from "motion/react";
+import * as React from "react";
 interface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {
     interactive?: boolean;
     transition?: SpringOptions;

package/dist/components/ui/bubble-background.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bubble-background.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bubble-background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,aAAa,EAInB,MAAM,cAAc,CAAC;AAItB,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,8FA8JrB,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,KAAK,qBAAqB,EAAE,CAAC"}
+{"version":3,"file":"bubble-background.d.ts","sourceRoot":"","sources":["../../../src/components/ui/bubble-background.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAS,KAAK,aAAa,EAAwC,MAAM,cAAc,CAAC;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,QAAA,MAAM,gBAAgB,8FAiJrB,CAAC;AAIF,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,CAAC"}

package/dist/components/ui/bubble-background.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { motion, useMotionValue, useSpring } from "motion/react";
-import { cn } from "../../lib/utils.js";
+import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
+import { cn } from "../../lib/utilities.js";
 const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, interactive = false, transition = {
     stiffness: 100,
     damping: 20
@@ -57,7 +57,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
             }),
             /*#__PURE__*/ jsx("svg", {
                 xmlns: "http://www.w3.org/2000/svg",
-                className: "absolute top-0 left-0 w-0 h-0",
+                className: "absolute top-0 left-0 h-0 w-0",
                 children: /*#__PURE__*/ jsx("defs", {
                     children: /*#__PURE__*/ jsxs("filter", {
                         id: "goo",
@@ -88,7 +88,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                 },
                 children: [
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)]",
+                        className: "absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)] mix-blend-hard-light",
                         animate: {
                             y: [
                                 -50,
@@ -103,7 +103,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                         }
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute inset-0 flex justify-center items-center origin-[calc(50%-400px)]",
+                        className: "absolute inset-0 flex origin-[calc(50%-400px)] items-center justify-center",
                         animate: {
                             rotate: 360
                         },
@@ -114,11 +114,11 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                             repeatType: "reverse"
                         },
                         children: /*#__PURE__*/ jsx("div", {
-                            className: "rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)]"
+                            className: "top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)] mix-blend-hard-light"
                         })
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute inset-0 flex justify-center items-center origin-[calc(50%+400px)]",
+                        className: "absolute inset-0 flex origin-[calc(50%+400px)] items-center justify-center",
                         animate: {
                             rotate: 360
                         },
@@ -128,11 +128,11 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                             repeat: 1 / 0
                         },
                         children: /*#__PURE__*/ jsx("div", {
-                            className: "absolute rounded-full size-[80%] bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light top-[calc(50%+200px)] left-[calc(50%-500px)]"
+                            className: "absolute top-[calc(50%+200px)] left-[calc(50%-500px)] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light"
                         })
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70",
+                        className: "absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70 mix-blend-hard-light",
                         animate: {
                             x: [
                                 -50,
@@ -147,7 +147,7 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                         }
                     }),
                     /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute inset-0 flex justify-center items-center origin-[calc(50%_-_800px)_calc(50%_+_200px)]",
+                        className: "absolute inset-0 flex origin-[calc(50%_-_800px)_calc(50%_+_200px)] items-center justify-center",
                         animate: {
                             rotate: 360
                         },
@@ -157,11 +157,11 @@ const BubbleBackground = /*#__PURE__*/ forwardRef(({ className, children, intera
                             repeat: 1 / 0
                         },
                         children: /*#__PURE__*/ jsx("div", {
-                            className: "absolute rounded-full size-[160%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] top-[calc(50%-80%)] left-[calc(50%-80%)]"
+                            className: "absolute top-[calc(50%-80%)] left-[calc(50%-80%)] size-[160%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] mix-blend-hard-light"
                         })
                     }),
-                    interactive && /*#__PURE__*/ jsx(motion.div, {
-                        className: "absolute rounded-full size-full mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70",
+                    Boolean(interactive) && /*#__PURE__*/ jsx(motion.div, {
+                        className: "absolute size-full rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70 mix-blend-hard-light",
                         style: {
                             x: springX,
                             y: springY

package/dist/components/ui/bubble-background.js.map

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\bubble-background.js","sources":["webpack://@arolariu/components/./src/components/ui/bubble-background.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport {\n  motion,\n  type SpringOptions,\n  Transition,\n  useMotionValue,\n  useSpring,\n} from \"motion/react\";\n\nimport { cn } from \"@/lib/utils\";\n\ninterface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {\n  interactive?: boolean;\n  transition?: SpringOptions;\n  colors?: {\n    first: string;\n    second: string;\n    third: string;\n    fourth: string;\n    fifth: string;\n    sixth: string;\n  };\n}\n\nconst BubbleBackground = React.forwardRef<\n  HTMLDivElement,\n  BubbleBackgroundProps\n>(\n  (\n    {\n      className,\n      children,\n      interactive = false,\n      transition = { stiffness: 100, damping: 20 },\n      colors = {\n        first: \"18,113,255\",\n        second: \"221,74,255\",\n        third: \"0,220,255\",\n        fourth: \"200,50,50\",\n        fifth: \"180,180,50\",\n        sixth: \"140,100,255\",\n      },\n      ...props\n    },\n    ref,\n  ) => {\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    React.useImperativeHandle(\n      ref,\n      () => containerRef.current as HTMLDivElement,\n    );\n\n    const mouseX = useMotionValue(0);\n    const mouseY = useMotionValue(0);\n    const springX = useSpring(mouseX, transition);\n    const springY = useSpring(mouseY, transition);\n\n    React.useEffect(() => {\n      if (!interactive) return;\n\n      const currentContainer = containerRef.current;\n      if (!currentContainer) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        const rect = currentContainer.getBoundingClientRect();\n        const centerX = rect.left + rect.width / 2;\n        const centerY = rect.top + rect.height / 2;\n        mouseX.set(e.clientX - centerX);\n        mouseY.set(e.clientY - centerY);\n      };\n\n      currentContainer?.addEventListener(\"mousemove\", handleMouseMove);\n      return () =>\n        currentContainer?.removeEventListener(\"mousemove\", handleMouseMove);\n    }, [interactive, mouseX, mouseY]);\n\n    return (\n      <div\n        ref={containerRef}\n        className={cn(\n          \"relative size-full overflow-hidden bg-gradient-to-br from-violet-900 to-blue-900\",\n          className,\n        )}\n        {...props}\n      >\n        <style>\n          {`\n            :root {\n              --first-color: ${colors.first};\n              --second-color: ${colors.second};\n              --third-color: ${colors.third};\n              --fourth-color: ${colors.fourth};\n              --fifth-color: ${colors.fifth};\n              --sixth-color: ${colors.sixth};\n            }\n          `}\n        </style>\n\n        <svg\n          xmlns=\"http://www.w3.org/2000/svg\"\n          className=\"absolute top-0 left-0 w-0 h-0\"\n        >\n          <defs>\n            <filter id=\"goo\">\n              <feGaussianBlur\n                in=\"SourceGraphic\"\n                stdDeviation=\"10\"\n                result=\"blur\"\n              />\n              <feColorMatrix\n                in=\"blur\"\n                mode=\"matrix\"\n                values=\"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8\"\n                result=\"goo\"\n              />\n              <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n            </filter>\n          </defs>\n        </svg>\n\n        <div\n          className=\"absolute inset-0\"\n          style={{ filter: \"url(#goo) blur(40px)\" }}\n        >\n          <motion.div\n            className=\"absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)]\"\n            animate={{ y: [-50, 50, -50] }}\n            transition={{ duration: 30, ease: \"easeInOut\", repeat: Infinity }}\n          />\n\n          <motion.div\n            className=\"absolute inset-0 flex justify-center items-center origin-[calc(50%-400px)]\"\n            animate={{ rotate: 360 }}\n            transition={\n              {\n                duration: 20,\n                ease: \"linear\",\n                repeat: Infinity,\n                repeatType: \"reverse\",\n              } satisfies Transition\n            }\n          >\n            <div className=\"rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)]\" />\n          </motion.div>\n\n          <motion.div\n            className=\"absolute inset-0 flex justify-center items-center origin-[calc(50%+400px)]\"\n            animate={{ rotate: 360 }}\n            transition={{ duration: 40, ease: \"linear\", repeat: Infinity }}\n          >\n            <div className=\"absolute rounded-full size-[80%] bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light top-[calc(50%+200px)] left-[calc(50%-500px)]\" />\n          </motion.div>\n\n          <motion.div\n            className=\"absolute rounded-full size-[80%] top-[10%] left-[10%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70\"\n            animate={{ x: [-50, 50, -50] }}\n            transition={{ duration: 40, ease: \"easeInOut\", repeat: Infinity }}\n          />\n\n          <motion.div\n            className=\"absolute inset-0 flex justify-center items-center origin-[calc(50%_-_800px)_calc(50%_+_200px)]\"\n            animate={{ rotate: 360 }}\n            transition={{ duration: 20, ease: \"linear\", repeat: Infinity }}\n          >\n            <div className=\"absolute rounded-full size-[160%] mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] top-[calc(50%-80%)] left-[calc(50%-80%)]\" />\n          </motion.div>\n\n          {interactive && (\n            <motion.div\n              className=\"absolute rounded-full size-full mix-blend-hard-light bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70\"\n              style={{\n                x: springX,\n                y: springY,\n              }}\n            />\n          )}\n        </div>\n\n        {children}\n      </div>\n    );\n  },\n);\n\nBubbleBackground.displayName = \"BubbleBackground\";\n\nexport { BubbleBackground, type BubbleBackgroundProps };\n"],"names":["BubbleBackground","React","className","children","interactive","transition","colors","props","ref","containerRef","mouseX","useMotionValue","mouseY","springX","useSpring","springY","currentContainer","handleMouseMove","e","rect","centerX","centerY","cn","motion","Infinity"],"mappings":";;;;;AA0BA,MAAMA,mBAAmB,WAAnBA,GAAmBC,WAIvB,CACE,EACEC,SAAS,EACTC,QAAQ,EACRC,cAAc,KAAK,EACnBC,aAAa;IAAE,WAAW;IAAK,SAAS;AAAG,CAAC,EAC5CC,SAAS;IACP,OAAO;IACP,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,OAAO;IACP,OAAO;AACT,CAAC,EACD,GAAGC,OACJ,EACDC;IAEA,MAAMC,eAAeR,OAA6B;IAClDA,oBACEO,KACA,IAAMC,aAAa,OAAO;IAG5B,MAAMC,SAASC,eAAe;IAC9B,MAAMC,SAASD,eAAe;IAC9B,MAAME,UAAUC,UAAUJ,QAAQL;IAClC,MAAMU,UAAUD,UAAUF,QAAQP;IAElCJ,UAAgB;QACd,IAAI,CAACG,aAAa;QAElB,MAAMY,mBAAmBP,aAAa,OAAO;QAC7C,IAAI,CAACO,kBAAkB;QAEvB,MAAMC,kBAAkB,CAACC;YACvB,MAAMC,OAAOH,iBAAiB,qBAAqB;YACnD,MAAMI,UAAUD,KAAK,IAAI,GAAGA,KAAK,KAAK,GAAG;YACzC,MAAME,UAAUF,KAAK,GAAG,GAAGA,KAAK,MAAM,GAAG;YACzCT,OAAO,GAAG,CAACQ,EAAE,OAAO,GAAGE;YACvBR,OAAO,GAAG,CAACM,EAAE,OAAO,GAAGG;QACzB;QAEAL,kBAAkB,iBAAiB,aAAaC;QAChD,OAAO,IACLD,kBAAkB,oBAAoB,aAAaC;IACvD,GAAG;QAACb;QAAaM;QAAQE;KAAO;IAEhC,OAAO,WAAP,GACE,KAAC;QACC,KAAKH;QACL,WAAWa,GACT,oFACApB;QAED,GAAGK,KAAK;;0BAET,IAAC;0BACE,CAAC;;6BAEiB,EAAED,OAAO,KAAK,CAAC;8BACd,EAAEA,OAAO,MAAM,CAAC;6BACjB,EAAEA,OAAO,KAAK,CAAC;8BACd,EAAEA,OAAO,MAAM,CAAC;6BACjB,EAAEA,OAAO,KAAK,CAAC;6BACf,EAAEA,OAAO,KAAK,CAAC;;UAElC,CAAC;;0BAGH,IAAC;gBACC,OAAM;gBACN,WAAU;0BAEV,kBAAC;8BACC,mBAAC;wBAAO,IAAG;;0CACT,IAAC;gCACC,IAAG;gCACH,cAAa;gCACb,QAAO;;0CAET,IAAC;gCACC,IAAG;gCACH,MAAK;gCACL,QAAO;gCACP,QAAO;;0CAET,IAAC;gCAAQ,IAAG;gCAAgB,KAAI;;;;;;0BAKtC,KAAC;gBACC,WAAU;gBACV,OAAO;oBAAE,QAAQ;gBAAuB;;kCAExC,IAACiB,OAAO,GAAG;wBACT,WAAU;wBACV,SAAS;4BAAE,GAAG;gCAAC;gCAAK;gCAAI;6BAAI;wBAAC;wBAC7B,YAAY;4BAAE,UAAU;4BAAI,MAAM;4BAAa,QAAQC;wBAAS;;kCAGlE,IAACD,OAAO,GAAG;wBACT,WAAU;wBACV,SAAS;4BAAE,QAAQ;wBAAI;wBACvB,YACE;4BACE,UAAU;4BACV,MAAM;4BACN,QAAQC;4BACR,YAAY;wBACd;kCAGF,kBAAC;4BAAI,WAAU;;;kCAGjB,IAACD,OAAO,GAAG;wBACT,WAAU;wBACV,SAAS;4BAAE,QAAQ;wBAAI;wBACvB,YAAY;4BAAE,UAAU;4BAAI,MAAM;4BAAU,QAAQC;wBAAS;kCAE7D,kBAAC;4BAAI,WAAU;;;kCAGjB,IAACD,OAAO,GAAG;wBACT,WAAU;wBACV,SAAS;4BAAE,GAAG;gCAAC;gCAAK;gCAAI;6BAAI;wBAAC;wBAC7B,YAAY;4BAAE,UAAU;4BAAI,MAAM;4BAAa,QAAQC;wBAAS;;kCAGlE,IAACD,OAAO,GAAG;wBACT,WAAU;wBACV,SAAS;4BAAE,QAAQ;wBAAI;wBACvB,YAAY;4BAAE,UAAU;4BAAI,MAAM;4BAAU,QAAQC;wBAAS;kCAE7D,kBAAC;4BAAI,WAAU;;;oBAGhBpB,eAAe,WAAfA,GACC,IAACmB,OAAO,GAAG;wBACT,WAAU;wBACV,OAAO;4BACL,GAAGV;4BACH,GAAGE;wBACL;;;;YAKLZ;;;AAGP;AAGFH,iBAAiB,WAAW,GAAG"}
+{"version":3,"file":"components\\ui\\bubble-background.js","sources":["webpack://@arolariu/components/./src/components/ui/bubble-background.tsx"],"sourcesContent":["\r\n\r\nimport {motion, type SpringOptions, Transition, useMotionValue, useSpring} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\ninterface BubbleBackgroundProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  interactive?: boolean;\r\n  transition?: SpringOptions;\r\n  colors?: {\r\n    first: string;\r\n    second: string;\r\n    third: string;\r\n    fourth: string;\r\n    fifth: string;\r\n    sixth: string;\r\n  };\r\n}\r\n\r\nconst BubbleBackground = React.forwardRef<HTMLDivElement, BubbleBackgroundProps>(\r\n  (\r\n    {\r\n      className,\r\n      children,\r\n      interactive = false,\r\n      transition = {stiffness: 100, damping: 20},\r\n      colors = {\r\n        first: \"18,113,255\",\r\n        second: \"221,74,255\",\r\n        third: \"0,220,255\",\r\n        fourth: \"200,50,50\",\r\n        fifth: \"180,180,50\",\r\n        sixth: \"140,100,255\",\r\n      },\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n    React.useImperativeHandle(ref, () => containerRef.current as HTMLDivElement);\r\n\r\n    const mouseX = useMotionValue(0);\r\n    const mouseY = useMotionValue(0);\r\n    const springX = useSpring(mouseX, transition);\r\n    const springY = useSpring(mouseY, transition);\r\n\r\n    React.useEffect(() => {\r\n      if (!interactive) return;\r\n\r\n      const currentContainer = containerRef.current;\r\n      if (!currentContainer) return;\r\n\r\n      const handleMouseMove = (e: MouseEvent) => {\r\n        const rect = currentContainer.getBoundingClientRect();\r\n        const centerX = rect.left + rect.width / 2;\r\n        const centerY = rect.top + rect.height / 2;\r\n        mouseX.set(e.clientX - centerX);\r\n        mouseY.set(e.clientY - centerY);\r\n      };\r\n\r\n      currentContainer?.addEventListener(\"mousemove\", handleMouseMove);\r\n      return () => currentContainer?.removeEventListener(\"mousemove\", handleMouseMove);\r\n    }, [interactive, mouseX, mouseY]);\r\n\r\n    return (\r\n      <div\r\n        ref={containerRef}\r\n        className={cn(\"relative size-full overflow-hidden bg-gradient-to-br from-violet-900 to-blue-900\", className)}\r\n        {...props}>\r\n        <style>\r\n          {`\r\n            :root {\r\n              --first-color: ${colors.first};\r\n              --second-color: ${colors.second};\r\n              --third-color: ${colors.third};\r\n              --fourth-color: ${colors.fourth};\r\n              --fifth-color: ${colors.fifth};\r\n              --sixth-color: ${colors.sixth};\r\n            }\r\n          `}\r\n        </style>\r\n\r\n        <svg\r\n          xmlns='http://www.w3.org/2000/svg'\r\n          className='absolute top-0 left-0 h-0 w-0'>\r\n          <defs>\r\n            <filter id='goo'>\r\n              <feGaussianBlur\r\n                in='SourceGraphic'\r\n                stdDeviation='10'\r\n                result='blur'\r\n              />\r\n              <feColorMatrix\r\n                in='blur'\r\n                mode='matrix'\r\n                values='1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 18 -8'\r\n                result='goo'\r\n              />\r\n              <feBlend\r\n                in='SourceGraphic'\r\n                in2='goo'\r\n              />\r\n            </filter>\r\n          </defs>\r\n        </svg>\r\n\r\n        <div\r\n          className='absolute inset-0'\r\n          style={{filter: \"url(#goo) blur(40px)\"}}>\r\n          <motion.div\r\n            className='absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--first-color),0.8)_0%,rgba(var(--first-color),0)_50%)] mix-blend-hard-light'\r\n            animate={{y: [-50, 50, -50]}}\r\n            transition={{duration: 30, ease: \"easeInOut\", repeat: Infinity}}\r\n          />\r\n\r\n          <motion.div\r\n            className='absolute inset-0 flex origin-[calc(50%-400px)] items-center justify-center'\r\n            animate={{rotate: 360}}\r\n            transition={\r\n              {\r\n                duration: 20,\r\n                ease: \"linear\",\r\n                repeat: Infinity,\r\n                repeatType: \"reverse\",\r\n              } satisfies Transition\r\n            }>\r\n            <div className='top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--second-color),0.8)_0%,rgba(var(--second-color),0)_50%)] mix-blend-hard-light' />\r\n          </motion.div>\r\n\r\n          <motion.div\r\n            className='absolute inset-0 flex origin-[calc(50%+400px)] items-center justify-center'\r\n            animate={{rotate: 360}}\r\n            transition={{duration: 40, ease: \"linear\", repeat: Infinity}}>\r\n            <div className='absolute top-[calc(50%+200px)] left-[calc(50%-500px)] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--third-color),0.8)_0%,rgba(var(--third-color),0)_50%)] mix-blend-hard-light' />\r\n          </motion.div>\r\n\r\n          <motion.div\r\n            className='absolute top-[10%] left-[10%] size-[80%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fourth-color),0.8)_0%,rgba(var(--fourth-color),0)_50%)] opacity-70 mix-blend-hard-light'\r\n            animate={{x: [-50, 50, -50]}}\r\n            transition={{duration: 40, ease: \"easeInOut\", repeat: Infinity}}\r\n          />\r\n\r\n          <motion.div\r\n            className='absolute inset-0 flex origin-[calc(50%_-_800px)_calc(50%_+_200px)] items-center justify-center'\r\n            animate={{rotate: 360}}\r\n            transition={{duration: 20, ease: \"linear\", repeat: Infinity}}>\r\n            <div className='absolute top-[calc(50%-80%)] left-[calc(50%-80%)] size-[160%] rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--fifth-color),0.8)_0%,rgba(var(--fifth-color),0)_50%)] mix-blend-hard-light' />\r\n          </motion.div>\r\n\r\n          {Boolean(interactive) && (\r\n            <motion.div\r\n              className='absolute size-full rounded-full bg-[radial-gradient(circle_at_center,rgba(var(--sixth-color),0.8)_0%,rgba(var(--sixth-color),0)_50%)] opacity-70 mix-blend-hard-light'\r\n              style={{\r\n                x: springX,\r\n                y: springY,\r\n              }}\r\n            />\r\n          )}\r\n        </div>\r\n\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nBubbleBackground.displayName = \"BubbleBackground\";\r\n\r\nexport {BubbleBackground, type BubbleBackgroundProps};\r\n"],"names":["BubbleBackground","React","className","children","interactive","transition","colors","props","ref","containerRef","mouseX","useMotionValue","mouseY","springX","useSpring","springY","currentContainer","handleMouseMove","e","rect","centerX","centerY","cn","motion","Infinity","Boolean"],"mappings":"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"}

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

@@ -0,0 +1,13 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { Separator } from "./separator";
+declare const buttonGroupVariants: (props?: {
+    orientation?: "horizontal" | "vertical";
+} & import("class-variance-authority/types").ClassProp) => string;
+declare function ButtonGroup({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupText({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function ButtonGroupSeparator({ className, orientation, ...props }: React.ComponentProps<typeof Separator>): import("react/jsx-runtime").JSX.Element;
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+//# sourceMappingURL=button-group.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAGpD,QAAA,MAAM,mBAAmB;;iEAcxB,CAAC;AAEF,iBAAS,WAAW,CAAC,EAAC,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,2CAU9H;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAYA;AAED,iBAAS,oBAAoB,CAAC,EAAC,SAAS,EAAE,WAAwB,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CASpH;AAED,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAC,CAAC"}

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

@@ -0,0 +1,47 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import "react";
+import { Separator } from "./separator.js";
+import { cn } from "../../lib/utilities.js";
+const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
+    variants: {
+        orientation: {
+            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+        }
+    },
+    defaultVariants: {
+        orientation: "horizontal"
+    }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
+        role: "group",
+        "data-slot": "button-group",
+        "data-orientation": orientation,
+        className: cn(buttonGroupVariants({
+            orientation
+        }), className),
+        ...props
+    });
+}
+function ButtonGroupText({ className, asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ jsx(Comp, {
+        className: cn("flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+    return /*#__PURE__*/ jsx(Separator, {
+        "data-slot": "button-group-separator",
+        orientation: orientation,
+        className: cn("relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800", className),
+        ...props
+    });
+}
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+
+//# sourceMappingURL=button-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components\\ui\\button-group.js","sources":["webpack://@arolariu/components/./src/components/ui/button-group.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst buttonGroupVariants = cva(\r\n  \"flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\r\n  {\r\n    variants: {\r\n      orientation: {\r\n        horizontal: \"[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none\",\r\n        vertical:\r\n          \"flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      orientation: \"horizontal\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction ButtonGroup({className, orientation, ...props}: React.ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) {\r\n  return (\r\n    <div\r\n      role='group'\r\n      data-slot='button-group'\r\n      data-orientation={orientation}\r\n      className={cn(buttonGroupVariants({orientation}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction ButtonGroupText({\r\n  className,\r\n  asChild = false,\r\n  ...props\r\n}: React.ComponentProps<\"div\"> & {\r\n  asChild?: boolean;\r\n}) {\r\n  const Comp = asChild ? Slot : \"div\";\r\n\r\n  return (\r\n    <Comp\r\n      className={cn(\r\n        \"flex items-center gap-2 rounded-md border border-neutral-200 bg-neutral-100 px-4 text-sm font-medium shadow-xs dark:border-neutral-800 dark:bg-neutral-800 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction ButtonGroupSeparator({className, orientation = \"vertical\", ...props}: React.ComponentProps<typeof Separator>) {\r\n  return (\r\n    <Separator\r\n      data-slot='button-group-separator'\r\n      orientation={orientation}\r\n      className={cn(\"relative !m-0 self-stretch bg-neutral-200 data-[orientation=vertical]:h-auto dark:bg-neutral-800\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants};\r\n"],"names":["buttonGroupVariants","cva","ButtonGroup","className","orientation","props","cn","ButtonGroupText","asChild","Comp","Slot","ButtonGroupSeparator","Separator"],"mappings":";;;;;;;AASA,MAAMA,sBAAsBC,IAC1B,oSACA;IACE,UAAU;QACR,aAAa;YACX,YAAY;YACZ,UACE;QACJ;IACF;IACA,iBAAiB;QACf,aAAa;IACf;AACF;AAGF,SAASC,YAAY,EAACC,SAAS,EAAEC,WAAW,EAAE,GAAGC,OAA8E;IAC7H,OAAO,WAAP,GACE,IAAC;QACC,MAAK;QACL,aAAU;QACV,oBAAkBD;QAClB,WAAWE,GAAGN,oBAAoB;YAACI;QAAW,IAAID;QACjD,GAAGE,KAAK;;AAGf;AAEA,SAASE,gBAAgB,EACvBJ,SAAS,EACTK,UAAU,KAAK,EACf,GAAGH,OAGJ;IACC,MAAMI,OAAOD,UAAUE,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,WAAWH,GACT,+NACAH;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASM,qBAAqB,EAACR,SAAS,EAAEC,cAAc,UAAU,EAAE,GAAGC,OAA8C;IACnH,OAAO,WAAP,GACE,IAACO,WAASA;QACR,aAAU;QACV,aAAaR;QACb,WAAWE,GAAG,oGAAoGH;QACjH,GAAGE,KAAK;;AAGf"}

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

@@ -1,11 +1,12 @@
-import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+import * as React from "react";
+declare const buttonVariants: (props?: {
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
+    size?: "default" | "sm" | "lg" | "icon";
+} & import("class-variance-authority/types").ClassProp) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA6BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;iEA4BnB,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFASV,CAAC;AAGH,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/button.js

@@ -1,24 +1,24 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils.js";
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900", {
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300", {
     variants: {
         variant: {
-            default: "bg-neutral-900 text-neutral-50 shadow-xs hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90",
-            destructive: "bg-red-500 text-white shadow-xs hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60",
-            outline: "border bg-white shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:bg-neutral-200/30 dark:border-neutral-200 dark:hover:bg-neutral-200/50 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:bg-neutral-800/30 dark:dark:border-neutral-800 dark:dark:hover:bg-neutral-800/50",
-            secondary: "bg-neutral-100 text-neutral-900 shadow-xs hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",
-            ghost: "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-100/50 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:hover:bg-neutral-800/50",
+            default: "bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90",
+            destructive: "bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90",
+            outline: "border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
+            secondary: "bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",
+            ghost: "hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50",
             link: "text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50"
         },
         size: {
-            default: "h-9 px-4 py-2 has-[>svg]:px-3",
-            sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-            icon: "size-9"
+            default: "h-9 px-4 py-2",
+            sm: "h-8 rounded-md px-3 text-xs",
+            lg: "h-10 rounded-md px-8",
+            icon: "h-9 w-9"
         }
     },
     defaultVariants: {
@@ -26,18 +26,19 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
         size: "default"
     }
 });
-function Button({ className, variant, size, asChild = false, ...props }) {
+const Button = /*#__PURE__*/ forwardRef(({ className, variant, size, asChild = false, ...props }, ref)=>{
     const Comp = asChild ? Slot : "button";
     return /*#__PURE__*/ jsx(Comp, {
-        "data-slot": "button",
         className: cn(buttonVariants({
             variant,
             size,
             className
         })),
+        ref: ref,
         ...props
     });
-}
+});
+Button.displayName = "Button";
 export { Button, buttonVariants };
 
 //# sourceMappingURL=button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\button.js","sources":["webpack://@arolariu/components/./src/components/ui/button.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nimport { cn } from \"@/lib/utils\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-neutral-950 focus-visible:ring-neutral-950/50 focus-visible:ring-[3px] aria-invalid:ring-red-500/20 dark:aria-invalid:ring-red-500/40 aria-invalid:border-red-500 dark:focus-visible:border-neutral-300 dark:focus-visible:ring-neutral-300/50 dark:aria-invalid:ring-red-900/20 dark:dark:aria-invalid:ring-red-900/40 dark:aria-invalid:border-red-900\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-neutral-900 text-neutral-50 shadow-xs hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90\",\n        destructive:\n          \"bg-red-500 text-white shadow-xs hover:bg-red-500/90 focus-visible:ring-red-500/20 dark:focus-visible:ring-red-500/40 dark:bg-red-500/60 dark:bg-red-900 dark:hover:bg-red-900/90 dark:focus-visible:ring-red-900/20 dark:dark:focus-visible:ring-red-900/40 dark:dark:bg-red-900/60\",\n        outline:\n          \"border bg-white shadow-xs hover:bg-neutral-100 hover:text-neutral-900 dark:bg-neutral-200/30 dark:border-neutral-200 dark:hover:bg-neutral-200/50 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:bg-neutral-800/30 dark:dark:border-neutral-800 dark:dark:hover:bg-neutral-800/50\",\n        secondary:\n          \"bg-neutral-100 text-neutral-900 shadow-xs hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\n        ghost:\n          \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-100/50 dark:hover:bg-neutral-800 dark:hover:text-neutral-50 dark:dark:hover:bg-neutral-800/50\",\n        link: \"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2 has-[>svg]:px-3\",\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\n        icon: \"size-9\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"button\"> &\n  VariantProps<typeof buttonVariants> & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : \"button\";\n\n  return (\n    <Comp\n      data-slot=\"button\"\n      className={cn(buttonVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,wnBACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,aACE;YACF,SACE;YACF,WACE;YACF,OACE;YACF,MAAM;QACR;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,MAAM;QACR;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAGF,SAASC,OAAO,EACdC,SAAS,EACTC,OAAO,EACPC,IAAI,EACJC,UAAU,KAAK,EACf,GAAGC,OAIF;IACD,MAAMC,OAAOF,UAAUG,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWE,GAAGV,eAAe;YAAEI;YAASC;YAAMF;QAAU;QACvD,GAAGI,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\button.js","sources":["webpack://@arolariu/components/./src/components/ui/button.tsx"],"sourcesContent":["\r\n\r\nimport {Slot} from \"@radix-ui/react-slot\";\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 buttonVariants = cva(\r\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-neutral-950 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 dark:focus-visible:ring-neutral-300\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/90\",\r\n        destructive:\r\n          \"bg-red-500 text-neutral-50 shadow-sm hover:bg-red-500/90 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/90\",\r\n        outline:\r\n          \"border border-neutral-200 bg-white shadow-sm hover:bg-neutral-100 hover:text-neutral-900 dark:border-neutral-800 dark:bg-neutral-950 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n        secondary:\r\n          \"bg-neutral-100 text-neutral-900 shadow-sm hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\r\n        ghost: \"hover:bg-neutral-100 hover:text-neutral-900 dark:hover:bg-neutral-800 dark:hover:text-neutral-50\",\r\n        link: \"text-neutral-900 underline-offset-4 hover:underline dark:text-neutral-50\",\r\n      },\r\n      size: {\r\n        default: \"h-9 px-4 py-2\",\r\n        sm: \"h-8 rounded-md px-3 text-xs\",\r\n        lg: \"h-10 rounded-md px-8\",\r\n        icon: \"h-9 w-9\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n      size: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {\r\n  asChild?: boolean;\r\n}\r\n\r\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(({className, variant, size, asChild = false, ...props}, ref) => {\r\n  const Comp = asChild ? Slot : \"button\";\r\n  return (\r\n    <Comp\r\n      className={cn(buttonVariants({variant, size, className}))}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nButton.displayName = \"Button\";\r\n\r\nexport {Button, buttonVariants};\r\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,iBAAiBC,IACrB,oVACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,aACE;YACF,SACE;YACF,WACE;YACF,OAAO;YACP,MAAM;QACR;QACA,MAAM;YACJ,SAAS;YACT,IAAI;YACJ,IAAI;YACJ,MAAM;QACR;IACF;IACA,iBAAiB;QACf,SAAS;QACT,MAAM;IACR;AACF;AAOF,MAAMC,SAAS,WAATA,GAASC,WAAiD,CAAC,EAACC,SAAS,EAAEC,OAAO,EAAEC,IAAI,EAAEC,UAAU,KAAK,EAAE,GAAGC,OAAM,EAAEC;IACtH,MAAMC,OAAOH,UAAUI,OAAO;IAC9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,WAAWE,GAAGZ,eAAe;YAACK;YAASC;YAAMF;QAAS;QACtD,KAAKK;QACJ,GAAGD,KAAK;;AAGf;AACAN,OAAO,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,wBAAwB,CAAC;AAEhE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CAuJA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA+BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAC,SAAS,EAAE,SAAS,EAAuB,MAAM,kBAAkB,CAAC;AAE5E,OAAO,EAAC,MAAM,EAAiB,MAAM,wBAAwB,CAAC;AAG9D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CA4HA;AAED,iBAAS,iBAAiB,CAAC,EAAC,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA0BvG;AAED,OAAO,EAAC,QAAQ,EAAE,iBAAiB,EAAC,CAAC"}