@arolariu/components 0.2.0 → 0.3.1

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\avatar.js","sources":["webpack://@arolariu/components/./src/components/ui/avatar.tsx"],"sourcesContent":["\r\n\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nfunction Avatar({className, ...props}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\r\n  return (\r\n    <AvatarPrimitive.Root\r\n      data-slot='avatar'\r\n      className={cn(\"relative flex size-8 shrink-0 overflow-hidden rounded-full\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AvatarImage({className, ...props}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\r\n  return (\r\n    <AvatarPrimitive.Image\r\n      data-slot='avatar-image'\r\n      className={cn(\"aspect-square size-full\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction AvatarFallback({className, ...props}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\r\n  return (\r\n    <AvatarPrimitive.Fallback\r\n      data-slot='avatar-fallback'\r\n      className={cn(\"flex size-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Avatar, AvatarFallback, AvatarImage};\r\n"],"names":["Avatar","className","props","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAOA,SAASA,OAAO,EAACC,SAAS,EAAE,GAAGC,OAAyD;IACtF,OAAO,WAAP,GACE,IAACC,MAAoB;QACnB,aAAU;QACV,WAAWC,GAAG,8DAA8DH;QAC3E,GAAGC,KAAK;;AAGf;AAEA,SAASG,YAAY,EAACJ,SAAS,EAAE,GAAGC,OAA0D;IAC5F,OAAO,WAAP,GACE,IAACC,OAAqB;QACpB,aAAU;QACV,WAAWC,GAAG,2BAA2BH;QACxC,GAAGC,KAAK;;AAGf;AAEA,SAASI,eAAe,EAACL,SAAS,EAAE,GAAGC,OAA6D;IAClG,OAAO,WAAP,GACE,IAACC,UAAwB;QACvB,aAAU;QACV,WAAWC,GAAG,8FAA8FH;QAC3G,GAAGC,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\avatar.js","sources":["webpack://@arolariu/components/./src/components/ui/avatar.tsx"],"sourcesContent":["\r\n\r\nimport * as AvatarPrimitive from \"@radix-ui/react-avatar\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Avatar = React.forwardRef<\r\n  React.ComponentRef<typeof AvatarPrimitive.Root>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\r\n>(({className, ...props}, ref) => (\r\n  <AvatarPrimitive.Root\r\n    ref={ref}\r\n    className={cn(\"relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatar.displayName = AvatarPrimitive.Root.displayName;\r\n\r\nconst AvatarImage = React.forwardRef<\r\n  React.ComponentRef<typeof AvatarPrimitive.Image>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\r\n>(({className, ...props}, ref) => (\r\n  <AvatarPrimitive.Image\r\n    ref={ref}\r\n    className={cn(\"aspect-square h-full w-full\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\r\n\r\nconst AvatarFallback = React.forwardRef<\r\n  React.ComponentRef<typeof AvatarPrimitive.Fallback>,\r\n  React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\r\n>(({className, ...props}, ref) => (\r\n  <AvatarPrimitive.Fallback\r\n    ref={ref}\r\n    className={cn(\"flex h-full w-full items-center justify-center rounded-full bg-neutral-100 dark:bg-neutral-800\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\r\n\r\nexport {Avatar, AvatarFallback, AvatarImage};\r\n"],"names":["Avatar","React","className","props","ref","AvatarPrimitive","cn","AvatarImage","AvatarFallback"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAoB;QACnB,KAAKD;QACL,WAAWE,GAAG,iEAAiEJ;QAC9E,GAAGC,KAAK;;AAGbH,OAAO,WAAW,GAAGK,KAAAA,WAAgC;AAErD,MAAME,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,OAAqB;QACpB,KAAKD;QACL,WAAWE,GAAG,+BAA+BJ;QAC5C,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGF,MAAAA,WAAiC;AAE3D,MAAMG,iBAAiB,WAAjBA,GAAiBP,WAGrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,UAAwB;QACvB,KAAKD;QACL,WAAWE,GAAG,kGAAkGJ;QAC/G,GAAGC,KAAK;;AAGbK,eAAe,WAAW,GAAGH,SAAAA,WAAoC"}

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

@@ -3,8 +3,8 @@ import * as React from "react";
 declare const badgeVariants: (props?: {
     variant?: "default" | "destructive" | "outline" | "secondary";
 } & import("class-variance-authority/types").ClassProp) => string;
-declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+}
+declare function Badge({ className, variant, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
 export { Badge, badgeVariants };
 //# sourceMappingURL=badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;iEAmBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAC,OAAO,CAAC,EAAE,OAAO,CAAA;CAAC,2CAUzF;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/badge.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,aAAa;;iEAkBlB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;CAAG;AAE/G,iBAAS,KAAK,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAC,EAAE,UAAU,2CAOxD;AAED,OAAO,EAAC,KAAK,EAAE,aAAa,EAAC,CAAC"}

package/dist/components/ui/badge.js

@@ -1,26 +1,23 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import "react";
 import { cn } from "../../lib/utilities.js";
-const badgeVariants = cva("inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 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", {
+const badgeVariants = cva("inline-flex items-center rounded-md border border-neutral-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 dark:border-neutral-800 dark:focus:ring-neutral-300", {
     variants: {
         variant: {
-            default: "border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90",
-            secondary: "border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90",
-            destructive: "border-transparent bg-red-500 text-white [a&]: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:[a&]: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: "text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50"
+            default: "border-transparent bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/80 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/80",
+            secondary: "border-transparent bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80",
+            destructive: "border-transparent bg-red-500 text-neutral-50 shadow hover:bg-red-500/80 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/80",
+            outline: "text-neutral-950 dark:text-neutral-50"
         }
     },
     defaultVariants: {
         variant: "default"
     }
 });
-function Badge({ className, variant, asChild = false, ...props }) {
-    const Comp = asChild ? Slot : "span";
-    return /*#__PURE__*/ jsx(Comp, {
-        "data-slot": "badge",
+function Badge({ className, variant, ...props }) {
+    return /*#__PURE__*/ jsx("div", {
         className: cn(badgeVariants({
             variant
         }), className),

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

@@ -1 +1 @@
-{"version":3,"file":"components\\ui\\badge.js","sources":["webpack://@arolariu/components/./src/components/ui/badge.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 badgeVariants = cva(\r\n  \"inline-flex items-center justify-center rounded-md border border-neutral-200 px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden dark:border-neutral-800 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\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"border-transparent bg-neutral-900 text-neutral-50 [a&]:hover:bg-neutral-900/90 dark:bg-neutral-50 dark:text-neutral-900 dark:[a&]:hover:bg-neutral-50/90\",\r\n        secondary:\r\n          \"border-transparent bg-neutral-100 text-neutral-900 [a&]:hover:bg-neutral-100/90 dark:bg-neutral-800 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800/90\",\r\n        destructive:\r\n          \"border-transparent bg-red-500 text-white [a&]: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:[a&]: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\",\r\n        outline:\r\n          \"text-neutral-950 [a&]:hover:bg-neutral-100 [a&]:hover:text-neutral-900 dark:text-neutral-50 dark:[a&]:hover:bg-neutral-800 dark:[a&]:hover:text-neutral-50\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nfunction Badge({\r\n  className,\r\n  variant,\r\n  asChild = false,\r\n  ...props\r\n}: React.ComponentProps<\"span\"> & VariantProps<typeof badgeVariants> & {asChild?: boolean}) {\r\n  const Comp = asChild ? Slot : \"span\";\r\n\r\n  return (\r\n    <Comp\r\n      data-slot='badge'\r\n      className={cn(badgeVariants({variant}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Badge, badgeVariants};\r\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","cn"],"mappings":";;;;;;AAQA,MAAMA,gBAAgBC,IACpB,snBACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,WACE;YACF,aACE;YACF,SACE;QACJ;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,SAASC,MAAM,EACbC,SAAS,EACTC,OAAO,EACPC,UAAU,KAAK,EACf,GAAGC,OACqF;IACxF,MAAMC,OAAOF,UAAUG,OAAO;IAE9B,OAAO,WAAP,GACE,IAACD,MAAAA;QACC,aAAU;QACV,WAAWE,GAAGT,cAAc;YAACI;QAAO,IAAID;QACvC,GAAGG,KAAK;;AAGf"}
+{"version":3,"file":"components\\ui\\badge.js","sources":["webpack://@arolariu/components/./src/components/ui/badge.tsx"],"sourcesContent":["\r\n\r\nimport {cva, type VariantProps} from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst badgeVariants = cva(\r\n  \"inline-flex items-center rounded-md border border-neutral-200 px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-neutral-950 focus:ring-offset-2 dark:border-neutral-800 dark:focus:ring-neutral-300\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\n          \"border-transparent bg-neutral-900 text-neutral-50 shadow hover:bg-neutral-900/80 dark:bg-neutral-50 dark:text-neutral-900 dark:hover:bg-neutral-50/80\",\r\n        secondary:\r\n          \"border-transparent bg-neutral-100 text-neutral-900 hover:bg-neutral-100/80 dark:bg-neutral-800 dark:text-neutral-50 dark:hover:bg-neutral-800/80\",\r\n        destructive:\r\n          \"border-transparent bg-red-500 text-neutral-50 shadow hover:bg-red-500/80 dark:bg-red-900 dark:text-neutral-50 dark:hover:bg-red-900/80\",\r\n        outline: \"text-neutral-950 dark:text-neutral-50\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      variant: \"default\",\r\n    },\r\n  },\r\n);\r\n\r\nexport interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {}\r\n\r\nfunction Badge({className, variant, ...props}: BadgeProps) {\r\n  return (\r\n    <div\r\n      className={cn(badgeVariants({variant}), className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Badge, badgeVariants};\r\n"],"names":["badgeVariants","cva","Badge","className","variant","props","cn"],"mappings":";;;;;AAOA,MAAMA,gBAAgBC,IACpB,sPACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,WACE;YACF,aACE;YACF,SAAS;QACX;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAKF,SAASC,MAAM,EAACC,SAAS,EAAEC,OAAO,EAAE,GAAGC,OAAkB;IACvD,OAAO,WAAP,GACE,IAAC;QACC,WAAWC,GAAGN,cAAc;YAACI;QAAO,IAAID;QACvC,GAAGE,KAAK;;AAGf"}

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

@@ -1,12 +1,20 @@
 import * as React from "react";
-declare function Breadcrumb({ ...props }: Readonly<React.ComponentProps<"nav">>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbList({ className, ...props }: Readonly<React.ComponentProps<"ol">>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ className, ...props }: Readonly<React.ComponentProps<"li">>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbSeparator({ children, className, ...props }: Readonly<React.ComponentProps<"li">>): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbEllipsis({ className, ...props }: Readonly<React.ComponentProps<"span">>): import("react/jsx-runtime").JSX.Element;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
 //# sourceMappingURL=breadcrumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,UAAU,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,2CAQpE;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,2CAQlF;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,2CAQlF;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW1E;AAED,iBAAS,mBAAmB,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,2CAWjG;AAED,iBAAS,kBAAkB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,2CAYxF;AAED,OAAO,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,UAAU;gBAGA,KAAK,CAAC,SAAS;qCAQ7B,CAAC;AAGH,QAAA,MAAM,cAAc,2KAMlB,CAAC;AAGH,QAAA,MAAM,cAAc,kKAMlB,CAAC;AAGH,QAAA,MAAM,cAAc;cAGN,OAAO;2CAYnB,CAAC;AAGH,QAAA,MAAM,cAAc,sKASlB,CAAC;AAGH,QAAA,MAAM,mBAAmB;wCAAqC,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;;CAQvF,CAAC;AAGF,QAAA,MAAM,kBAAkB;8BAA2B,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC;;CAS9E,CAAC;AAGF,OAAO,EAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/ui/breadcrumb.js

@@ -2,67 +2,60 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-function Breadcrumb({ ...props }) {
-    return /*#__PURE__*/ jsx("nav", {
+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",
+    }));
+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",
+        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("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":["\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\nfunction Breadcrumb({...props}: Readonly<React.ComponentProps<\"nav\">>) {\r\n  return (\r\n    <nav\r\n      aria-label='breadcrumb'\r\n      data-slot='breadcrumb'\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction BreadcrumbList({className, ...props}: Readonly<React.ComponentProps<\"ol\">>) {\r\n  return (\r\n    <ol\r\n      data-slot='breadcrumb-list'\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\n}\r\n\r\nfunction BreadcrumbItem({className, ...props}: Readonly<React.ComponentProps<\"li\">>) {\r\n  return (\r\n    <li\r\n      data-slot='breadcrumb-item'\r\n      className={cn(\"inline-flex items-center gap-1.5\", className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nfunction BreadcrumbLink({\r\n  asChild,\r\n  className,\r\n  ...props\r\n}: React.ComponentProps<\"a\"> & {\r\n  asChild?: boolean;\r\n}) {\r\n  const Comp = asChild ? Slot : \"a\";\r\n\r\n  return (\r\n    <Comp\r\n      data-slot='breadcrumb-link'\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\n\r\nfunction BreadcrumbPage({className, ...props}: React.ComponentProps<\"span\">) {\r\n  return (\r\n    <span\r\n      data-slot='breadcrumb-page'\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\n}\r\n\r\nfunction BreadcrumbSeparator({children, className, ...props}: Readonly<React.ComponentProps<\"li\">>) {\r\n  return (\r\n    <li\r\n      data-slot='breadcrumb-separator'\r\n      role='presentation'\r\n      aria-hidden='true'\r\n      className={cn(\"[&>svg]:size-3.5\", className)}\r\n      {...props}>\r\n      {children ?? <ChevronRight />}\r\n    </li>\r\n  );\r\n}\r\n\r\nfunction BreadcrumbEllipsis({className, ...props}: Readonly<React.ComponentProps<\"span\">>) {\r\n  return (\r\n    <span\r\n      data-slot='breadcrumb-ellipsis'\r\n      role='presentation'\r\n      aria-hidden='true'\r\n      className={cn(\"flex size-9 items-center justify-center\", className)}\r\n      {...props}>\r\n      <MoreHorizontal className='size-4' />\r\n      <span className='sr-only'>More</span>\r\n    </span>\r\n  );\r\n}\r\n\r\nexport {Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator};\r\n"],"names":["Breadcrumb","props","BreadcrumbList","className","cn","BreadcrumbItem","BreadcrumbLink","asChild","Comp","Slot","BreadcrumbPage","BreadcrumbSeparator","children","ChevronRight","BreadcrumbEllipsis","MoreHorizontal"],"mappings":";;;;;;AAQA,SAASA,WAAW,EAAC,GAAGC,OAA6C;IACnE,OAAO,WAAP,GACE,IAAC;QACC,cAAW;QACX,aAAU;QACT,GAAGA,KAAK;;AAGf;AAEA,SAASC,eAAe,EAACC,SAAS,EAAE,GAAGF,OAA4C;IACjF,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,WAAWG,GAAG,6GAA6GD;QAC1H,GAAGF,KAAK;;AAGf;AAEA,SAASI,eAAe,EAACF,SAAS,EAAE,GAAGF,OAA4C;IACjF,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,GAAG,uEAAuED;QACpF,GAAGF,KAAK;;AAGf;AAEA,SAASS,eAAe,EAACP,SAAS,EAAE,GAAGF,OAAoC;IACzE,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,iBAAc;QACd,gBAAa;QACb,WAAWG,GAAG,qDAAqDD;QAClE,GAAGF,KAAK;;AAGf;AAEA,SAASU,oBAAoB,EAACC,QAAQ,EAAET,SAAS,EAAE,GAAGF,OAA4C;IAChG,OAAO,WAAP,GACE,IAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,oBAAoBD;QACjC,GAAGF,KAAK;kBACRW,YAAY,WAAZA,GAAY,IAACC,cAAYA,CAAAA;;AAGhC;AAEA,SAASC,mBAAmB,EAACX,SAAS,EAAE,GAAGF,OAA8C;IACvF,OAAO,WAAP,GACE,KAAC;QACC,aAAU;QACV,MAAK;QACL,eAAY;QACZ,WAAWG,GAAG,2CAA2CD;QACxD,GAAGF,KAAK;;0BACT,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/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

@@ -4,8 +4,9 @@ declare const buttonVariants: (props?: {
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost";
     size?: "default" | "sm" | "lg" | "icon";
 } & import("class-variance-authority/types").ClassProp) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+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":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;iEA6BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC7B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAC,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

@@ -2,23 +2,23 @@
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import "react";
+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-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", {
+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":["\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-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\",\r\n  {\r\n    variants: {\r\n      variant: {\r\n        default:\r\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\",\r\n        destructive:\r\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\",\r\n        outline:\r\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\",\r\n        secondary:\r\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\",\r\n        ghost:\r\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\",\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 has-[>svg]:px-3\",\r\n        sm: \"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5\",\r\n        lg: \"h-10 rounded-md px-6 has-[>svg]:px-4\",\r\n        icon: \"size-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\nfunction Button({\r\n  className,\r\n  variant,\r\n  size,\r\n  asChild = false,\r\n  ...props\r\n}: React.ComponentProps<\"button\">\r\n  & VariantProps<typeof buttonVariants> & {\r\n    asChild?: boolean;\r\n  }) {\r\n  const Comp = asChild ? Slot : \"button\";\r\n\r\n  return (\r\n    <Comp\r\n      data-slot='button'\r\n      className={cn(buttonVariants({variant, size, className}))}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\nexport {Button, buttonVariants};\r\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;YAACI;YAASC;YAAMF;QAAS;QACrD,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.js

@@ -9,7 +9,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
     const defaultClassNames = getDefaultClassNames();
     return /*#__PURE__*/ jsx(DayPicker, {
         showOutsideDays: showOutsideDays,
-        className: cn("group/calendar bg-white p-3 [--cell-size:--spacing(8)] dark:bg-neutral-950 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+        className: cn("group/calendar bg-white p-3 [--cell-size:2rem] dark:bg-neutral-950 [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
         captionLayout: captionLayout,
         formatters: {
             formatMonthDropdown: (date)=>date.toLocaleString("default", {
@@ -19,30 +19,30 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
         },
         classNames: {
             root: cn("w-fit", defaultClassNames.root),
-            months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
-            month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
-            nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+            months: cn("relative flex flex-col gap-4 md:flex-row", defaultClassNames.months),
+            month: cn("flex w-full flex-col gap-4", defaultClassNames.month),
+            nav: cn("absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1", defaultClassNames.nav),
             button_previous: cn(buttonVariants({
                 variant: buttonVariant
-            }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+            }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_previous),
             button_next: cn(buttonVariants({
                 variant: buttonVariant
-            }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
-            month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
-            dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
-            dropdown_root: cn("relative has-focus:border-neutral-950 border border-neutral-200 shadow-xs has-focus:ring-neutral-950/50 has-focus:ring-[3px] rounded-md dark:has-focus:border-neutral-300 dark:border-neutral-800 dark:has-focus:ring-neutral-300/50", defaultClassNames.dropdown_root),
-            dropdown: cn("absolute bg-white inset-0 opacity-0 dark:bg-neutral-950", defaultClassNames.dropdown),
-            caption_label: cn("select-none font-medium", "label" === captionLayout ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-neutral-500 [&>svg]:size-3.5 dark:[&>svg]:text-neutral-400", defaultClassNames.caption_label),
+            }), "h-[--cell-size] w-[--cell-size] select-none p-0 aria-disabled:opacity-50", defaultClassNames.button_next),
+            month_caption: cn("flex h-[--cell-size] w-full items-center justify-center px-[--cell-size]", defaultClassNames.month_caption),
+            dropdowns: cn("flex h-[--cell-size] w-full items-center justify-center gap-1.5 text-sm font-medium", defaultClassNames.dropdowns),
+            dropdown_root: cn("has-focus:border-neutral-950 border-neutral-200 shadow-xs has-focus:ring-neutral-950/50 has-focus:ring-[3px] relative rounded-md border dark:has-focus:border-neutral-300 dark:border-neutral-800 dark:has-focus:ring-neutral-300/50", defaultClassNames.dropdown_root),
+            dropdown: cn("bg-white absolute inset-0 opacity-0 dark:bg-neutral-950", defaultClassNames.dropdown),
+            caption_label: cn("select-none font-medium", "label" === captionLayout ? "text-sm" : "[&>svg]:text-neutral-500 flex h-8 items-center gap-1 rounded-md pl-2 pr-1 text-sm [&>svg]:size-3.5 dark:[&>svg]:text-neutral-400", defaultClassNames.caption_label),
             table: "w-full border-collapse",
             weekdays: cn("flex", defaultClassNames.weekdays),
-            weekday: cn("text-neutral-500 rounded-md flex-1 font-normal text-[0.8rem] select-none dark:text-neutral-400", defaultClassNames.weekday),
-            week: cn("flex w-full mt-2", defaultClassNames.week),
-            week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
-            week_number: cn("text-[0.8rem] select-none text-neutral-500 dark:text-neutral-400", defaultClassNames.week_number),
-            day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
-            range_start: cn("rounded-l-md bg-neutral-100 dark:bg-neutral-800", defaultClassNames.range_start),
+            weekday: cn("text-neutral-500 flex-1 select-none rounded-md text-[0.8rem] font-normal dark:text-neutral-400", defaultClassNames.weekday),
+            week: cn("mt-2 flex w-full", defaultClassNames.week),
+            week_number_header: cn("w-[--cell-size] select-none", defaultClassNames.week_number_header),
+            week_number: cn("text-neutral-500 select-none text-[0.8rem] dark:text-neutral-400", defaultClassNames.week_number),
+            day: cn("group/day relative aspect-square h-full w-full select-none p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md", defaultClassNames.day),
+            range_start: cn("bg-neutral-100 rounded-l-md dark:bg-neutral-800", defaultClassNames.range_start),
             range_middle: cn("rounded-none", defaultClassNames.range_middle),
-            range_end: cn("rounded-r-md bg-neutral-100 dark:bg-neutral-800", defaultClassNames.range_end),
+            range_end: cn("bg-neutral-100 rounded-r-md dark:bg-neutral-800", defaultClassNames.range_end),
             today: cn("bg-neutral-100 text-neutral-900 rounded-md data-[selected=true]:rounded-none dark:bg-neutral-800 dark:text-neutral-50", defaultClassNames.today),
             outside: cn("text-neutral-500 aria-selected:text-neutral-500 dark:text-neutral-400 dark:aria-selected:text-neutral-400", defaultClassNames.outside),
             disabled: cn("text-neutral-500 opacity-50 dark:text-neutral-400", defaultClassNames.disabled),
@@ -74,7 +74,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
             WeekNumber: ({ children, ...props })=>/*#__PURE__*/ jsx("td", {
                     ...props,
                     children: /*#__PURE__*/ jsx("div", {
-                        className: "flex size-(--cell-size) items-center justify-center text-center",
+                        className: "flex size-[--cell-size] items-center justify-center text-center",
                         children: children
                     })
                 }),
@@ -100,7 +100,7 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
         "data-range-start": modifiers["range_start"],
         "data-range-end": modifiers["range_end"],
         "data-range-middle": modifiers["range_middle"],
-        className: cn("group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-end=true]:bg-neutral-900 data-[range-end=true]:text-neutral-50 data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-neutral-100 data-[range-middle=true]:text-neutral-900 data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md data-[range-start=true]:bg-neutral-900 data-[range-start=true]:text-neutral-50 data-[selected-single=true]:bg-neutral-900 data-[selected-single=true]:text-neutral-50 dark:dark:hover:text-neutral-50 dark:hover:text-neutral-900 dark:data-[range-end=true]:bg-neutral-50 dark:data-[range-end=true]:text-neutral-900 dark:data-[range-middle=true]:bg-neutral-800 dark:data-[range-middle=true]:text-neutral-50 dark:data-[range-start=true]:bg-neutral-50 dark:data-[range-start=true]:text-neutral-900 dark:data-[selected-single=true]:bg-neutral-50 dark:data-[selected-single=true]:text-neutral-900 [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+        className: cn("group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 flex aspect-square h-auto w-full min-w-[--cell-size] flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:bg-neutral-900 data-[range-end=true]:text-neutral-50 data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-neutral-100 data-[range-middle=true]:text-neutral-900 data-[range-start=true]:rounded-md data-[range-start=true]:bg-neutral-900 data-[range-start=true]:text-neutral-50 data-[selected-single=true]:bg-neutral-900 data-[selected-single=true]:text-neutral-50 dark:data-[range-end=true]:bg-neutral-50 dark:data-[range-end=true]:text-neutral-900 dark:data-[range-middle=true]:bg-neutral-800 dark:data-[range-middle=true]:text-neutral-50 dark:data-[range-start=true]:bg-neutral-50 dark:data-[range-start=true]:text-neutral-900 dark:data-[selected-single=true]:bg-neutral-50 dark:data-[selected-single=true]:text-neutral-900 [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
         ...props
     });
 }