@kuzenbo/core 0.0.1-alpha.4 → 0.0.1

package/dist/button-group.js

@@ -1,22 +1,47 @@
-import { n as ButtonGroupSeparator, t as ButtonGroupText } from "./button-group-text-bzlQC1Fa.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { t as ButtonGroupSizeContext } from "./button-group-size-context-BAqIdusJ.js";
+import { n as ButtonGroupSeparator, t as ButtonGroupText } from "./button-group-text-JA0xMSnb.js";
 import { cn, tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/ui/button-group/button-group.tsx
 const buttonGroupVariants = tv({
-	base: "flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 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: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
-		vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
-	} },
-	defaultVariants: { orientation: "horizontal" }
-});
-const ButtonGroup = ({ className, orientation, ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn(buttonGroupVariants({ orientation }), className),
-	"data-orientation": orientation,
-	"data-slot": "button-group",
-	...props
+	base: "group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
+	variants: {
+		orientation: {
+			horizontal: "*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-[inherit]! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0",
+			vertical: "flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-[inherit]! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0"
+		},
+		size: {
+			xs: "has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),8px)]",
+			sm: "has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),10px)]",
+			md: "has-[>[data-slot=button-group]]:gap-2 rounded-md",
+			lg: "has-[>[data-slot=button-group]]:gap-2 rounded-md",
+			xl: "has-[>[data-slot=button-group]]:gap-2.5 rounded-md"
+		}
+	},
+	defaultVariants: {
+		orientation: "horizontal",
+		size: "md"
+	}
 });
+const ButtonGroup = ({ className, orientation, size: providedSize, ...props }) => {
+	const resolvedOrientation = orientation ?? "horizontal";
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(ButtonGroupSizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx("div", {
+			className: cn(buttonGroupVariants({
+				orientation: resolvedOrientation,
+				size
+			}), className),
+			"data-orientation": resolvedOrientation,
+			"data-size": size,
+			"data-slot": "button-group",
+			...props
+		})
+	});
+};
 ButtonGroup.Separator = ButtonGroupSeparator;
 ButtonGroup.Text = ButtonGroupText;
 

package/dist/button-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-group.js","names":[],"sources":["../src/ui/button-group/button-group.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { ButtonGroupSeparator } from \"./button-group-separator\";\nimport { ButtonGroupText } from \"./button-group-text\";\n\nconst buttonGroupVariants = tv({\n  base: \"flex w-fit items-stretch *:focus-visible:relative *:focus-visible:z-10 has-[>[data-slot=button-group]]:gap-2 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\",\n  variants: {\n    orientation: {\n      horizontal:\n        \"*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-md! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\",\n      vertical:\n        \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-md! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n  },\n});\n\nconst ButtonGroup = ({\n  className,\n  orientation,\n  ...props\n}: ComponentProps<\"div\"> & VariantProps<typeof buttonGroupVariants>) => (\n  <div\n    className={cn(buttonGroupVariants({ orientation }), className)}\n    data-orientation={orientation}\n    data-slot=\"button-group\"\n    {...props}\n  />\n);\n\nButtonGroup.Separator = ButtonGroupSeparator;\nButtonGroup.Text = ButtonGroupText;\n\nexport {\n  ButtonGroup,\n  buttonGroupVariants,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n};\n"],"mappings":";;;;;AAOA,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,aAAa;EACX,YACE;EACF,UACE;EACH,EACF;CACD,iBAAiB,EACf,aAAa,cACd;CACF,CAAC;AAEF,MAAM,eAAe,EACnB,WACA,aACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,oBAAoB,EAAE,aAAa,CAAC,EAAE,UAAU;CAC9D,oBAAkB;CAClB,aAAU;CACV,GAAI;EACJ;AAGJ,YAAY,YAAY;AACxB,YAAY,OAAO"}
+{"version":3,"file":"button-group.js","names":[],"sources":["../src/ui/button-group/button-group.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { ButtonGroupSeparator } from \"./button-group-separator\";\nimport { ButtonGroupSizeContext } from \"./button-group-size-context\";\nimport { ButtonGroupText } from \"./button-group-text\";\nexport type ButtonGroupProps = ComponentProps<\"div\"> &\n  VariantProps<typeof buttonGroupVariants> & {\n    size?: UISize;\n  };\n\nconst buttonGroupVariants = tv({\n  base: \"group/button-group flex w-fit items-stretch overflow-hidden *:focus-visible:relative *:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-[inherit] [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1\",\n  variants: {\n    orientation: {\n      horizontal:\n        \"*:data-slot:rounded-r-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-r-[inherit]! [&>[data-slot]~[data-slot]]:rounded-l-none [&>[data-slot]~[data-slot]]:border-l-0\",\n      vertical:\n        \"flex-col *:data-slot:rounded-b-none [&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-[inherit]! [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0\",\n    },\n    size: {\n      xs: \"has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),8px)]\",\n      sm: \"has-[>[data-slot=button-group]]:gap-1 rounded-[min(var(--radius-md),10px)]\",\n      md: \"has-[>[data-slot=button-group]]:gap-2 rounded-md\",\n      lg: \"has-[>[data-slot=button-group]]:gap-2 rounded-md\",\n      xl: \"has-[>[data-slot=button-group]]:gap-2.5 rounded-md\",\n    },\n  },\n  defaultVariants: {\n    orientation: \"horizontal\",\n    size: \"md\",\n  },\n});\n\nconst ButtonGroup = ({\n  className,\n  orientation,\n  size: providedSize,\n  ...props\n}: ButtonGroupProps) => {\n  const resolvedOrientation = orientation ?? \"horizontal\";\n  const size = useComponentSize(providedSize);\n\n  return (\n    <ButtonGroupSizeContext.Provider value={{ size }}>\n      <div\n        className={cn(\n          buttonGroupVariants({ orientation: resolvedOrientation, size }),\n          className\n        )}\n        data-orientation={resolvedOrientation}\n        data-size={size}\n        data-slot=\"button-group\"\n        {...props}\n      />\n    </ButtonGroupSizeContext.Provider>\n  );\n};\n\nButtonGroup.Separator = ButtonGroupSeparator;\nButtonGroup.Text = ButtonGroupText;\n\nexport {\n  ButtonGroup,\n  buttonGroupVariants,\n  ButtonGroupSeparator,\n  ButtonGroupText,\n};\n\nexport type { ButtonGroupSeparatorProps } from \"./button-group-separator\";\nexport type { ButtonGroupTextProps } from \"./button-group-text\";\n"],"mappings":";;;;;;;AAeA,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU;EACR,aAAa;GACX,YACE;GACF,UACE;GACH;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,aAAa;EACb,MAAM;EACP;CACF,CAAC;AAEF,MAAM,eAAe,EACnB,WACA,aACA,MAAM,cACN,GAAG,YACmB;CACtB,MAAM,sBAAsB,eAAe;CAC3C,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,uBAAuB;EAAS,OAAO,EAAE,MAAM;YAC9C,oBAAC;GACC,WAAW,GACT,oBAAoB;IAAE,aAAa;IAAqB;IAAM,CAAC,EAC/D,UACD;GACD,oBAAkB;GAClB,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC8B;;AAItC,YAAY,YAAY;AACxB,YAAY,OAAO"}

package/dist/button.d.ts

@@ -15,20 +15,18 @@ declare const buttonVariants: tailwind_variants0.TVReturnType<{
     link: string;
   };
   size: {
-    default: string;
-    xs: string;
-    sm: string;
+    md: string;
+    xs: string[];
+    sm: string[];
     lg: string;
-    xl: string;
-    xxl: string;
+    xl: string[];
     icon: string;
     "icon-xs": string;
     "icon-sm": string;
     "icon-lg": string;
     "icon-xl": string;
-    "icon-xxl": string;
   };
-}, undefined, "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+}, undefined, "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none active:scale-[0.98] motion-reduce:active:scale-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variant: {
     default: string;
     outline: string;
@@ -38,18 +36,16 @@ declare const buttonVariants: tailwind_variants0.TVReturnType<{
     link: string;
   };
   size: {
-    default: string;
-    xs: string;
-    sm: string;
+    md: string;
+    xs: string[];
+    sm: string[];
     lg: string;
-    xl: string;
-    xxl: string;
+    xl: string[];
     icon: string;
     "icon-xs": string;
     "icon-sm": string;
     "icon-lg": string;
     "icon-xl": string;
-    "icon-xxl": string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   variant: {
@@ -61,32 +57,22 @@ declare const buttonVariants: tailwind_variants0.TVReturnType<{
     link: string;
   };
   size: {
-    default: string;
-    xs: string;
-    sm: string;
+    md: string;
+    xs: string[];
+    sm: string[];
     lg: string;
-    xl: string;
-    xxl: string;
+    xl: string[];
     icon: string;
     "icon-xs": string;
     "icon-sm": string;
     "icon-lg": string;
     "icon-xl": string;
-    "icon-xxl": string;
   };
-}, undefined, "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
+}, undefined, "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none active:scale-[0.98] motion-reduce:active:scale-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
 type ButtonProps = ComponentProps<typeof Button$1> & VariantProps<typeof buttonVariants> & {
   isLoading?: boolean;
 };
-declare const Button: ({
-  className,
-  variant,
-  size,
-  isLoading,
-  children,
-  disabled,
-  ...props
-}: ButtonProps) => react_jsx_runtime0.JSX.Element;
+declare const Button: (incomingProps: ButtonProps) => react_jsx_runtime0.JSX.Element;
 //#endregion
 export { Button, ButtonProps, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

package/dist/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","names":[],"sources":["../src/ui/button/button.tsx"],"mappings":";;;;;;;cAOM,cAAA,EAqCJ,kBAAA,CArCkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAqClB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,cAAA,QAAsB,QAAA,IAC9C,YAAA,QAAoB,cAAA;EAClB,SAAA;AAAA;AAAA,cAkCE,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,SAAA;EAAA,QAAA;EAAA,QAAA;EAAA,GAAA;AAAA,GAQb,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"button.d.ts","names":[],"sources":["../src/ui/button/button.tsx"],"mappings":";;;;;;;cAwBM,cAAA,EAgDJ,kBAAA,CAhDkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgDlB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;KAEU,WAAA,GAAc,cAAA,QAAsB,QAAA,IAC9C,YAAA,QAAoB,cAAA;EAClB,SAAA;AAAA;AAAA,cAsDE,MAAA,GAAU,aAAA,EAAe,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/button.js

@@ -1,64 +1,109 @@
+"use client";
+
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { o as useGlobalUISize, r as filterUndefinedProps, s as useKuzenboComponentDefaults } from "./size-provider-D2Fy00Ky.js";
+import { t as ButtonGroupSizeContext } from "./button-group-size-context-BAqIdusJ.js";
+import { a as FIELD_TEXT_CLASS_BY_SIZE, i as FIELD_HEIGHT_CLASS_BY_SIZE, r as DEFAULT_NESTED_ICON_CLASS_BY_SIZE } from "./size-system-BNfPN2hb.js";
 import { Spinner } from "./spinner.js";
 import { cn, tv } from "tailwind-variants";
+import { useContext } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Button as Button$1 } from "@base-ui/react/button";
 
 //#region src/ui/button/button.tsx
 const buttonVariants = tv({
-	base: "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	base: "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none active:scale-[0.98] motion-reduce:active:scale-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
 	variants: {
 		variant: {
-			default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+			default: "bg-primary text-primary-foreground hover:bg-primary/90 [a]:hover:bg-primary/80",
 			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted",
 			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
 			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-			danger: "bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger/40 focus-visible:ring-danger/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger/40",
+			danger: "bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger-foreground/40 focus-visible:ring-danger-foreground/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger-foreground/40",
 			link: "text-primary underline-offset-4 hover:underline"
 		},
 		size: {
-			default: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-			xs: "h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
-			xl: "h-11 gap-2 px-4 text-base has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5 [&_svg:not([class*='size-'])]:size-5",
-			xxl: "h-14 gap-2.5 px-5 text-lg has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-6",
+			md: `${FIELD_HEIGHT_CLASS_BY_SIZE.md} gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,
+			xs: [
+				FIELD_HEIGHT_CLASS_BY_SIZE.xs,
+				FIELD_TEXT_CLASS_BY_SIZE.xs,
+				DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs,
+				"gap-1 rounded-[min(var(--radius-md),8px)] px-2 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5"
+			],
+			sm: [
+				FIELD_HEIGHT_CLASS_BY_SIZE.sm,
+				DEFAULT_NESTED_ICON_CLASS_BY_SIZE.sm,
+				"gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5"
+			],
+			lg: `${FIELD_HEIGHT_CLASS_BY_SIZE.lg} gap-1.5 px-3 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,
+			xl: [
+				FIELD_HEIGHT_CLASS_BY_SIZE.xl,
+				FIELD_TEXT_CLASS_BY_SIZE.xl,
+				DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl,
+				"gap-2 px-4 has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5"
+			],
 			icon: "size-9",
-			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-xs": `size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg ${DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs}`,
 			"icon-sm": "size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg",
 			"icon-lg": "size-10",
-			"icon-xl": "size-11 [&_svg:not([class*='size-'])]:size-5",
-			"icon-xxl": "size-14 [&_svg:not([class*='size-'])]:size-6"
+			"icon-xl": `size-11 ${DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl}`
 		}
 	},
 	defaultVariants: {
 		variant: "default",
-		size: "default"
+		size: "md"
 	}
 });
-const ButtonContent = ({ children, isLoading }) => /* @__PURE__ */ jsxs("span", {
+const BUTTON_SPINNER_SIZE_BY_BUTTON_SIZE = {
+	xs: "xs",
+	sm: "sm",
+	md: "md",
+	lg: "lg",
+	xl: "xl",
+	icon: "md",
+	"icon-xs": "xs",
+	"icon-sm": "sm",
+	"icon-lg": "lg",
+	"icon-xl": "xl"
+};
+const isButtonSize = (value) => typeof value === "string" && value in BUTTON_SPINNER_SIZE_BY_BUTTON_SIZE;
+const ButtonContent = ({ children, isLoading, size }) => /* @__PURE__ */ jsxs("span", {
 	className: "relative inline-flex items-center justify-center",
 	children: [/* @__PURE__ */ jsx("span", {
 		className: cn("inline-flex items-center justify-center gap-2 transition-all duration-200", isLoading ? "pointer-events-none -translate-y-full opacity-0" : "translate-y-0 opacity-100"),
 		children
 	}), /* @__PURE__ */ jsx("span", {
 		className: cn("absolute inset-0 inline-flex items-center justify-center transition-all duration-200", isLoading ? "translate-y-0 opacity-100" : "pointer-events-none -translate-y-full opacity-0"),
-		children: /* @__PURE__ */ jsx(Spinner, { className: "size-4" })
+		children: /* @__PURE__ */ jsx(Spinner, { size: BUTTON_SPINNER_SIZE_BY_BUTTON_SIZE[size] })
 	})]
 });
-const Button = ({ className, variant = "default", size = "default", isLoading, children, disabled, ...props }) => /* @__PURE__ */ jsx(Button$1, {
-	className: cn(buttonVariants({
-		variant,
-		size
-	}), className),
-	"data-loading": isLoading,
-	"data-slot": "button",
-	disabled: disabled || isLoading,
-	...props,
-	children: /* @__PURE__ */ jsx(ButtonContent, {
-		isLoading,
-		children
-	})
-});
+const Button = (incomingProps) => {
+	const { size: componentDefaultSize, ...componentDefaultsWithoutSize } = useKuzenboComponentDefaults("Button");
+	const { className, variant = "default", size, isLoading, children, disabled, ...props } = {
+		...filterUndefinedProps(componentDefaultsWithoutSize),
+		...filterUndefinedProps(incomingProps)
+	};
+	const { size: buttonGroupSize } = useContext(ButtonGroupSizeContext);
+	const globalSize = useGlobalUISize();
+	const resolvedSize = isButtonSize(size) ? size : buttonGroupSize ?? (isButtonSize(componentDefaultSize) ? componentDefaultSize : globalSize ?? "md");
+	return /* @__PURE__ */ jsx(Button$1, {
+		className: mergeBaseUIClassName(cn(buttonVariants({
+			variant,
+			size: resolvedSize
+		})), className),
+		focusableWhenDisabled: Boolean(isLoading),
+		"data-loading": isLoading,
+		"data-size": resolvedSize,
+		"data-slot": "button",
+		disabled: disabled || isLoading,
+		...props,
+		children: /* @__PURE__ */ jsx(ButtonContent, {
+			isLoading,
+			size: resolvedSize,
+			children
+		})
+	});
+};
 
 //#endregion
 export { Button, buttonVariants };

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","names":["ButtonPrimitive"],"sources":["../src/ui/button/button.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { Spinner } from \"../spinner/spinner\";\n\nconst buttonVariants = tv({\n  base: \"group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n      outline:\n        \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted\",\n      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n      danger:\n        \"bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger/40 focus-visible:ring-danger/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger/40\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n    },\n    size: {\n      default:\n        \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n      xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n      lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n      xl: \"h-11 gap-2 px-4 text-base has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5 [&_svg:not([class*='size-'])]:size-5\",\n      xxl: \"h-14 gap-2.5 px-5 text-lg has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-6\",\n      icon: \"size-9\",\n      \"icon-xs\":\n        \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n      \"icon-sm\":\n        \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n      \"icon-lg\": \"size-10\",\n      \"icon-xl\": \"size-11 [&_svg:not([class*='size-'])]:size-5\",\n      \"icon-xxl\": \"size-14 [&_svg:not([class*='size-'])]:size-6\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> &\n  VariantProps<typeof buttonVariants> & {\n    isLoading?: boolean;\n  };\n\nconst ButtonContent = ({\n  children,\n  isLoading,\n}: {\n  children: ReactNode;\n  isLoading?: boolean;\n}) => (\n  <span className=\"relative inline-flex items-center justify-center\">\n    <span\n      className={cn(\n        \"inline-flex items-center justify-center gap-2 transition-all duration-200\",\n        isLoading\n          ? \"pointer-events-none -translate-y-full opacity-0\"\n          : \"translate-y-0 opacity-100\"\n      )}\n    >\n      {children}\n    </span>\n    <span\n      className={cn(\n        \"absolute inset-0 inline-flex items-center justify-center transition-all duration-200\",\n        isLoading\n          ? \"translate-y-0 opacity-100\"\n          : \"pointer-events-none -translate-y-full opacity-0\"\n      )}\n    >\n      <Spinner className=\"size-4\" />\n    </span>\n  </span>\n);\n\nconst Button = ({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  isLoading,\n  children,\n  disabled,\n  ...props\n}: ButtonProps) => (\n  <ButtonPrimitive\n    className={cn(buttonVariants({ variant, size }), className)}\n    data-loading={isLoading}\n    data-slot=\"button\"\n    disabled={disabled || isLoading}\n    {...props}\n  >\n    <ButtonContent isLoading={isLoading}>{children}</ButtonContent>\n  </ButtonPrimitive>\n);\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;AAOA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;GACF,WACE;GACF,OACE;GACF,QACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,SACE;GACF,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,KAAK;GACL,MAAM;GACN,WACE;GACF,WACE;GACF,WAAW;GACX,WAAW;GACX,YAAY;GACb;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAOF,MAAM,iBAAiB,EACrB,UACA,gBAKA,qBAAC;CAAK,WAAU;YACd,oBAAC;EACC,WAAW,GACT,6EACA,YACI,oDACA,4BACL;EAEA;GACI,EACP,oBAAC;EACC,WAAW,GACT,wFACA,YACI,8BACA,kDACL;YAED,oBAAC,WAAQ,WAAU,WAAW;GACzB;EACF;AAGT,MAAM,UAAU,EACd,WACA,UAAU,WACV,OAAO,WACP,WACA,UACA,UACA,GAAG,YAEH,oBAACA;CACC,WAAW,GAAG,eAAe;EAAE;EAAS;EAAM,CAAC,EAAE,UAAU;CAC3D,gBAAc;CACd,aAAU;CACV,UAAU,YAAY;CACtB,GAAI;WAEJ,oBAAC;EAAyB;EAAY;GAAyB;EAC/C"}
+{"version":3,"file":"button.js","names":["ButtonPrimitive"],"sources":["../src/ui/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps, ReactNode } from \"react\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ButtonGroupSizeContext } from \"../button-group/button-group-size-context\";\nimport {\n  filterUndefinedProps,\n  useGlobalUISize,\n  useKuzenboComponentDefaults,\n} from \"../shared/size/size-provider\";\nimport {\n  DEFAULT_NESTED_ICON_CLASS_BY_SIZE,\n  FIELD_HEIGHT_CLASS_BY_SIZE,\n  FIELD_TEXT_CLASS_BY_SIZE,\n} from \"../shared/size/size-system\";\nimport { Spinner } from \"../spinner/spinner\";\n\nconst buttonVariants = tv({\n  base: \"group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-[transform,color,background-color,border-color,box-shadow] duration-100 ease-out outline-none select-none active:scale-[0.98] motion-reduce:active:scale-100 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      default:\n        \"bg-primary text-primary-foreground hover:bg-primary/90 [a]:hover:bg-primary/80\",\n      outline:\n        \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-card dark:hover:bg-muted\",\n      secondary:\n        \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n      ghost:\n        \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n      danger:\n        \"bg-danger text-danger-foreground hover:bg-danger/90 focus-visible:border-danger-foreground/40 focus-visible:ring-danger-foreground/30 dark:bg-danger dark:text-danger-foreground dark:hover:bg-danger/80 dark:focus-visible:ring-danger-foreground/40\",\n      link: \"text-primary underline-offset-4 hover:underline\",\n    },\n    size: {\n      md: `${FIELD_HEIGHT_CLASS_BY_SIZE.md} gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2`,\n      xs: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.xs,\n        FIELD_TEXT_CLASS_BY_SIZE.xs,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs,\n        \"gap-1 rounded-[min(var(--radius-md),8px)] px-2 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n      ],\n      sm: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.sm,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.sm,\n        \"gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n      ],\n      lg: `${FIELD_HEIGHT_CLASS_BY_SIZE.lg} gap-1.5 px-3 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3`,\n      xl: [\n        FIELD_HEIGHT_CLASS_BY_SIZE.xl,\n        FIELD_TEXT_CLASS_BY_SIZE.xl,\n        DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl,\n        \"gap-2 px-4 has-data-[icon=inline-end]:pr-3.5 has-data-[icon=inline-start]:pl-3.5\",\n      ],\n      icon: \"size-9\",\n      \"icon-xs\": `size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg ${DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xs}`,\n      \"icon-sm\":\n        \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg\",\n      \"icon-lg\": \"size-10\",\n      \"icon-xl\": `size-11 ${DEFAULT_NESTED_ICON_CLASS_BY_SIZE.xl}`,\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nexport type ButtonProps = ComponentProps<typeof ButtonPrimitive> &\n  VariantProps<typeof buttonVariants> & {\n    isLoading?: boolean;\n  };\n\ntype ButtonSize = NonNullable<VariantProps<typeof buttonVariants>[\"size\"]>;\n\nconst BUTTON_SPINNER_SIZE_BY_BUTTON_SIZE: Record<ButtonSize, UISize> = {\n  xs: \"xs\",\n  sm: \"sm\",\n  md: \"md\",\n  lg: \"lg\",\n  xl: \"xl\",\n  icon: \"md\",\n  \"icon-xs\": \"xs\",\n  \"icon-sm\": \"sm\",\n  \"icon-lg\": \"lg\",\n  \"icon-xl\": \"xl\",\n};\n\nconst isButtonSize = (value: unknown): value is ButtonSize =>\n  typeof value === \"string\" && value in BUTTON_SPINNER_SIZE_BY_BUTTON_SIZE;\n\nconst ButtonContent = ({\n  children,\n  isLoading,\n  size,\n}: {\n  children: ReactNode;\n  isLoading?: boolean;\n  size: ButtonSize;\n}) => (\n  <span className=\"relative inline-flex items-center justify-center\">\n    <span\n      className={cn(\n        \"inline-flex items-center justify-center gap-2 transition-all duration-200\",\n        isLoading\n          ? \"pointer-events-none -translate-y-full opacity-0\"\n          : \"translate-y-0 opacity-100\"\n      )}\n    >\n      {children}\n    </span>\n    <span\n      className={cn(\n        \"absolute inset-0 inline-flex items-center justify-center transition-all duration-200\",\n        isLoading\n          ? \"translate-y-0 opacity-100\"\n          : \"pointer-events-none -translate-y-full opacity-0\"\n      )}\n    >\n      <Spinner size={BUTTON_SPINNER_SIZE_BY_BUTTON_SIZE[size]} />\n    </span>\n  </span>\n);\n\nconst Button = (incomingProps: ButtonProps) => {\n  const componentDefaults = useKuzenboComponentDefaults<ButtonProps>(\"Button\");\n  const { size: componentDefaultSize, ...componentDefaultsWithoutSize } =\n    componentDefaults;\n  const {\n    className,\n    variant = \"default\",\n    size,\n    isLoading,\n    children,\n    disabled,\n    ...props\n  } = {\n    ...filterUndefinedProps(componentDefaultsWithoutSize),\n    ...filterUndefinedProps(incomingProps),\n  } as ButtonProps;\n\n  const { size: buttonGroupSize } = useContext(ButtonGroupSizeContext);\n  const globalSize = useGlobalUISize();\n\n  const resolvedSize: ButtonSize = isButtonSize(size)\n    ? size\n    : (buttonGroupSize ??\n      (isButtonSize(componentDefaultSize)\n        ? componentDefaultSize\n        : (globalSize ?? \"md\")));\n\n  return (\n    <ButtonPrimitive\n      className={mergeBaseUIClassName<ButtonPrimitive.State>(\n        cn(buttonVariants({ variant, size: resolvedSize })),\n        className\n      )}\n      focusableWhenDisabled={Boolean(isLoading)}\n      data-loading={isLoading}\n      data-size={resolvedSize}\n      data-slot=\"button\"\n      disabled={disabled || isLoading}\n      {...props}\n    >\n      <ButtonContent isLoading={isLoading} size={resolvedSize}>\n        {children}\n      </ButtonContent>\n    </ButtonPrimitive>\n  );\n};\n\nexport { Button, buttonVariants };\n"],"mappings":";;;;;;;;;;;;;AAwBA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SACE;GACF,SACE;GACF,WACE;GACF,OACE;GACF,QACE;GACF,MAAM;GACP;EACD,MAAM;GACJ,IAAI,GAAG,2BAA2B,GAAG;GACrC,IAAI;IACF,2BAA2B;IAC3B,yBAAyB;IACzB,kCAAkC;IAClC;IACD;GACD,IAAI;IACF,2BAA2B;IAC3B,kCAAkC;IAClC;IACD;GACD,IAAI,GAAG,2BAA2B,GAAG;GACrC,IAAI;IACF,2BAA2B;IAC3B,yBAAyB;IACzB,kCAAkC;IAClC;IACD;GACD,MAAM;GACN,WAAW,sFAAsF,kCAAkC;GACnI,WACE;GACF,WAAW;GACX,WAAW,WAAW,kCAAkC;GACzD;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AASF,MAAM,qCAAiE;CACrE,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,MAAM,gBAAgB,UACpB,OAAO,UAAU,YAAY,SAAS;AAExC,MAAM,iBAAiB,EACrB,UACA,WACA,WAMA,qBAAC;CAAK,WAAU;YACd,oBAAC;EACC,WAAW,GACT,6EACA,YACI,oDACA,4BACL;EAEA;GACI,EACP,oBAAC;EACC,WAAW,GACT,wFACA,YACI,8BACA,kDACL;YAED,oBAAC,WAAQ,MAAM,mCAAmC,QAAS;GACtD;EACF;AAGT,MAAM,UAAU,kBAA+B;CAE7C,MAAM,EAAE,MAAM,sBAAsB,GAAG,iCADb,4BAAyC,SAAS;CAG5E,MAAM,EACJ,WACA,UAAU,WACV,MACA,WACA,UACA,UACA,GAAG,UACD;EACF,GAAG,qBAAqB,6BAA6B;EACrD,GAAG,qBAAqB,cAAc;EACvC;CAED,MAAM,EAAE,MAAM,oBAAoB,WAAW,uBAAuB;CACpE,MAAM,aAAa,iBAAiB;CAEpC,MAAM,eAA2B,aAAa,KAAK,GAC/C,OACC,oBACA,aAAa,qBAAqB,GAC/B,uBACC,cAAc;AAEvB,QACE,oBAACA;EACC,WAAW,qBACT,GAAG,eAAe;GAAE;GAAS,MAAM;GAAc,CAAC,CAAC,EACnD,UACD;EACD,uBAAuB,QAAQ,UAAU;EACzC,gBAAc;EACd,aAAW;EACX,aAAU;EACV,UAAU,YAAY;EACtB,GAAI;YAEJ,oBAAC;GAAyB;GAAW,MAAM;GACxC;IACa;GACA"}

package/dist/card-title-BaHIF8-E.d.ts

@@ -0,0 +1,47 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/ui/card/card-action.d.ts
+type CardActionProps = ComponentProps<"div">;
+declare const CardAction: ({
+  className,
+  ...props
+}: CardActionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-content.d.ts
+type CardContentProps = ComponentProps<"div">;
+declare const CardContent: ({
+  className,
+  ...props
+}: CardContentProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-description.d.ts
+type CardDescriptionProps = ComponentProps<"div">;
+declare const CardDescription: ({
+  className,
+  ...props
+}: CardDescriptionProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-footer.d.ts
+type CardFooterProps = ComponentProps<"div">;
+declare const CardFooter: ({
+  className,
+  ...props
+}: CardFooterProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-header.d.ts
+type CardHeaderProps = ComponentProps<"div">;
+declare const CardHeader: ({
+  className,
+  ...props
+}: CardHeaderProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/card/card-title.d.ts
+type CardTitleProps = ComponentProps<"div">;
+declare const CardTitle: ({
+  className,
+  ...props
+}: CardTitleProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CardFooter as a, CardDescriptionProps as c, CardAction as d, CardActionProps as f, CardHeaderProps as i, CardContent as l, CardTitleProps as n, CardFooterProps as o, CardHeader as r, CardDescription as s, CardTitle as t, CardContentProps as u };
+//# sourceMappingURL=card-title-BaHIF8-E.d.ts.map

package/dist/card-title-BaHIF8-E.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-title-BaHIF8-E.d.ts","names":[],"sources":["../src/ui/card/card-action.tsx","../src/ui/card/card-content.tsx","../src/ui/card/card-description.tsx","../src/ui/card/card-footer.tsx","../src/ui/card/card-header.tsx","../src/ui/card/card-title.tsx"],"mappings":";;;;KAGY,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,gBAAA,GAAmB,cAAA;AAAA,cAEzB,WAAA;EAAe,SAAA;EAAA,GAAA;AAAA,GAAyB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFlD,oBAAA,GAAuB,cAAA;AAAA,cAE7B,eAAA;EAAmB,SAAA;EAAA,GAAA;AAAA,GAAyB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCF1D,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,eAAA,GAAkB,cAAA;AAAA,cAExB,UAAA;EAAc,SAAA;EAAA,GAAA;AAAA,GAAyB,eAAA,KAAe,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCFhD,cAAA,GAAiB,cAAA;AAAA,cAEvB,SAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAAyB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/card.d.ts

@@ -1,41 +1,39 @@
-import { a as CardContent, i as CardDescription, n as CardHeader, o as CardAction, r as CardFooter, t as CardTitle } from "./card-title-Dk0akcFR.js";
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { a as CardFooter, c as CardDescriptionProps, d as CardAction, f as CardActionProps, i as CardHeaderProps, l as CardContent, n as CardTitleProps, o as CardFooterProps, r as CardHeader, s as CardDescription, t as CardTitle, u as CardContentProps } from "./card-title-BaHIF8-E.js";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ui/card/card.d.ts
+type CardProps = ComponentProps<"div"> & {
+  size?: UISize;
+};
 declare const Card: {
-  ({
-    className,
-    size,
-    ...props
-  }: ComponentProps<"div"> & {
-    size?: "default" | "sm";
-  }): react_jsx_runtime0.JSX.Element;
+  (incomingProps: CardProps): react_jsx_runtime0.JSX.Element;
   Action: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CardActionProps) => react_jsx_runtime0.JSX.Element;
   Content: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CardContentProps) => react_jsx_runtime0.JSX.Element;
   Description: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CardDescriptionProps) => react_jsx_runtime0.JSX.Element;
   Footer: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CardFooterProps) => react_jsx_runtime0.JSX.Element;
   Header: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CardHeaderProps) => react_jsx_runtime0.JSX.Element;
   Title: ({
     className,
     ...props
-  }: ComponentProps<"div">) => react_jsx_runtime0.JSX.Element;
+  }: CardTitleProps) => react_jsx_runtime0.JSX.Element;
 };
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardProps, CardTitle, type CardTitleProps };
 //# sourceMappingURL=card.d.ts.map

package/dist/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","names":[],"sources":["../src/ui/card/card.tsx"],"mappings":";;;;;cAWM,IAAA;EAAA;;;;KAIH,cAAA;IAA0B,IAAA;EAAA,IAAyB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"card.d.ts","names":[],"sources":["../src/ui/card/card.tsx"],"mappings":";;;;;;KAcY,SAAA,GAAY,cAAA;EAA0B,IAAA,GAAO,MAAA;AAAA;AAAA,cAEnD,IAAA;EAAA,gBAAuB,SAAA,GAAS,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/card.js

@@ -1,14 +1,19 @@
-import { a as CardContent, i as CardDescription, n as CardHeader, o as CardAction, r as CardFooter, t as CardTitle } from "./card-title-BBu0T37s.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as CardDescription, i as CardFooter, n as CardTitle, o as CardContent, r as CardHeader, s as CardAction, t as useCardDefaultProps } from "./use-card-default-props-D7h5DKMA.js";
 import { cn } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/ui/card/card.tsx
-const Card = ({ className, size = "default", ...props }) => /* @__PURE__ */ jsx("div", {
-	className: cn("group/card flex flex-col gap-5 overflow-hidden rounded-xl border border-border bg-card py-5 text-sm text-card-foreground shadow-xs has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
-	"data-size": size,
-	"data-slot": "card",
-	...props
-});
+const Card = (incomingProps) => {
+	const { className, size: providedSize, ...props } = useCardDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("group/card flex flex-col overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow-xs has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=xs]:gap-2.5 data-[size=xs]:py-2.5 data-[size=xs]:text-xs data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:text-sm data-[size=md]:gap-5 data-[size=md]:py-5 data-[size=md]:text-sm data-[size=lg]:gap-6 data-[size=lg]:py-6 data-[size=lg]:text-sm data-[size=xl]:gap-7 data-[size=xl]:py-6 data-[size=xl]:text-base *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className),
+		"data-size": size,
+		"data-slot": "card",
+		...props
+	});
+};
 Card.Action = CardAction;
 Card.Content = CardContent;
 Card.Description = CardDescription;

package/dist/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../src/ui/card/card.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { CardAction } from \"./card-action\";\nimport { CardContent } from \"./card-content\";\nimport { CardDescription } from \"./card-description\";\nimport { CardFooter } from \"./card-footer\";\nimport { CardHeader } from \"./card-header\";\nimport { CardTitle } from \"./card-title\";\n\nconst Card = ({\n  className,\n  size = \"default\",\n  ...props\n}: ComponentProps<\"div\"> & { size?: \"default\" | \"sm\" }) => (\n  <div\n    className={cn(\n      \"group/card flex flex-col gap-5 overflow-hidden rounded-xl border border-border bg-card py-5 text-sm text-card-foreground shadow-xs has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n      className\n    )}\n    data-size={size}\n    data-slot=\"card\"\n    {...props}\n  />\n);\n\nCard.Action = CardAction;\nCard.Content = CardContent;\nCard.Description = CardDescription;\nCard.Footer = CardFooter;\nCard.Header = CardHeader;\nCard.Title = CardTitle;\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n"],"mappings":";;;;;AAWA,MAAM,QAAQ,EACZ,WACA,OAAO,WACP,GAAG,YAEH,oBAAC;CACC,WAAW,GACT,6VACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;EACJ;AAGJ,KAAK,SAAS;AACd,KAAK,UAAU;AACf,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,SAAS;AACd,KAAK,QAAQ"}
+{"version":3,"file":"card.js","names":[],"sources":["../src/ui/card/card.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { CardAction } from \"./card-action\";\nimport { CardContent } from \"./card-content\";\nimport { CardDescription } from \"./card-description\";\nimport { CardFooter } from \"./card-footer\";\nimport { CardHeader } from \"./card-header\";\nimport { CardTitle } from \"./card-title\";\nimport { useCardDefaultProps } from \"./use-card-default-props\";\nexport type CardProps = ComponentProps<\"div\"> & { size?: UISize };\n\nconst Card = (incomingProps: CardProps) => {\n  const {\n    className,\n    size: providedSize,\n    ...props\n  } = useCardDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return (\n    <div\n      className={cn(\n        \"group/card flex flex-col overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow-xs has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=xs]:gap-2.5 data-[size=xs]:py-2.5 data-[size=xs]:text-xs data-[size=sm]:gap-3 data-[size=sm]:py-3 data-[size=sm]:text-sm data-[size=md]:gap-5 data-[size=md]:py-5 data-[size=md]:text-sm data-[size=lg]:gap-6 data-[size=lg]:py-6 data-[size=lg]:text-sm data-[size=xl]:gap-7 data-[size=xl]:py-6 data-[size=xl]:text-base *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"card\"\n      {...props}\n    />\n  );\n};\n\nCard.Action = CardAction;\nCard.Content = CardContent;\nCard.Description = CardDescription;\nCard.Footer = CardFooter;\nCard.Header = CardHeader;\nCard.Title = CardTitle;\n\nexport {\n  Card,\n  CardAction,\n  CardContent,\n  CardDescription,\n  CardFooter,\n  CardHeader,\n  CardTitle,\n};\n\nexport type { CardActionProps } from \"./card-action\";\nexport type { CardContentProps } from \"./card-content\";\nexport type { CardDescriptionProps } from \"./card-description\";\nexport type { CardFooterProps } from \"./card-footer\";\nexport type { CardHeaderProps } from \"./card-header\";\nexport type { CardTitleProps } from \"./card-title\";\n"],"mappings":";;;;;;AAgBA,MAAM,QAAQ,kBAA6B;CACzC,MAAM,EACJ,WACA,MAAM,cACN,GAAG,UACD,oBAAoB,cAAc;CACtC,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC;EACC,WAAW,GACT,ujBACA,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;AAIN,KAAK,SAAS;AACd,KAAK,UAAU;AACf,KAAK,cAAc;AACnB,KAAK,SAAS;AACd,KAAK,SAAS;AACd,KAAK,QAAQ"}

package/dist/{carousel-previous-BE0u96g1.js → carousel-previous-OcdvvI1k.js}

@@ -87,4 +87,4 @@ const CarouselPrevious = ({ className, variant = "outline", size = "icon-sm", ..
 
 //#endregion
 export { CarouselContext as a, CarouselContent as i, CarouselNext as n, useCarousel as o, CarouselItem as r, CarouselPrevious as t };
-//# sourceMappingURL=carousel-previous-BE0u96g1.js.map
+//# sourceMappingURL=carousel-previous-OcdvvI1k.js.map

package/dist/carousel-previous-OcdvvI1k.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-previous-OcdvvI1k.js","names":[],"sources":["../src/ui/carousel/use-carousel.tsx","../src/ui/carousel/carousel-content.tsx","../src/ui/carousel/carousel-item.tsx","../src/ui/carousel/carousel-next.tsx","../src/ui/carousel/carousel-previous.tsx"],"sourcesContent":["import type useEmblaCarousel from \"embla-carousel-react\";\nimport type { UseEmblaCarouselType } from \"embla-carousel-react\";\n\nimport { createContext, useContext } from \"react\";\n\ntype CarouselApi = UseEmblaCarouselType[1];\ntype UseCarouselParameters = Parameters<typeof useEmblaCarousel>;\ntype CarouselOptions = UseCarouselParameters[0];\ntype CarouselPlugin = UseCarouselParameters[1];\n\ninterface CarouselProps {\n  opts?: CarouselOptions;\n  plugins?: CarouselPlugin;\n  orientation?: \"horizontal\" | \"vertical\";\n  setApi?: (api: CarouselApi) => void;\n}\n\ntype CarouselContextProps = {\n  carouselRef: ReturnType<typeof useEmblaCarousel>[0];\n  api: ReturnType<typeof useEmblaCarousel>[1];\n  scrollPrev: () => void;\n  scrollNext: () => void;\n  canScrollPrev: boolean;\n  canScrollNext: boolean;\n} & CarouselProps;\n\nconst CarouselContext = createContext<CarouselContextProps | null>(null);\n\nconst useCarousel = () => {\n  const context = useContext(CarouselContext);\n\n  if (!context) {\n    throw new Error(\"useCarousel must be used within a <Carousel />\");\n  }\n\n  return context;\n};\n\nexport {\n  type CarouselApi,\n  type CarouselContextProps,\n  type CarouselProps,\n  CarouselContext,\n  useCarousel,\n};\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselContentProps = ComponentProps<\"div\">;\n\nconst CarouselContent = ({ className, ...props }: CarouselContentProps) => {\n  const { carouselRef, orientation } = useCarousel();\n\n  return (\n    <div\n      className=\"overflow-hidden\"\n      data-slot=\"carousel-content\"\n      ref={carouselRef}\n    >\n      <div\n        className={cn(\n          \"flex\",\n          orientation === \"horizontal\" ? \"-ml-4\" : \"-mt-4 flex-col\",\n          className\n        )}\n        {...props}\n      />\n    </div>\n  );\n};\n\nexport { CarouselContent };\n","import type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselItemProps = ComponentProps<\"div\">;\n\nconst CarouselItem = ({ className, ...props }: CarouselItemProps) => {\n  const { orientation } = useCarousel();\n\n  return (\n    <div\n      aria-roledescription=\"slide\"\n      className={cn(\n        \"min-w-0 shrink-0 grow-0 basis-full\",\n        orientation === \"horizontal\" ? \"pl-4\" : \"pt-4\",\n        className\n      )}\n      data-slot=\"carousel-item\"\n      role=\"group\"\n      {...props}\n    />\n  );\n};\n\nexport { CarouselItem };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowRight01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselNextProps = ComponentProps<typeof Button>;\n\nconst CarouselNext = ({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: CarouselNextProps) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -right-12 -translate-y-1/2\"\n          : \"-bottom-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      data-slot=\"carousel-next\"\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowRight01Icon} strokeWidth={2} />\n      <span className=\"sr-only\">Next slide</span>\n    </Button>\n  );\n};\n\nexport { CarouselNext };\n","import type { ComponentProps } from \"react\";\n\nimport { ArrowLeft01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Button } from \"../button/button\";\nimport { useCarousel } from \"./use-carousel\";\nexport type CarouselPreviousProps = ComponentProps<typeof Button>;\n\nconst CarouselPrevious = ({\n  className,\n  variant = \"outline\",\n  size = \"icon-sm\",\n  ...props\n}: CarouselPreviousProps) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel();\n\n  return (\n    <Button\n      className={cn(\n        \"absolute touch-manipulation rounded-full\",\n        orientation === \"horizontal\"\n          ? \"top-1/2 -left-12 -translate-y-1/2\"\n          : \"-top-12 left-1/2 -translate-x-1/2 rotate-90\",\n        className\n      )}\n      data-slot=\"carousel-previous\"\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      size={size}\n      variant={variant}\n      {...props}\n    >\n      <HugeiconsIcon icon={ArrowLeft01Icon} strokeWidth={2} />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  );\n};\n\nexport { CarouselPrevious };\n"],"mappings":";;;;;;;;AA0BA,MAAM,kBAAkB,cAA2C,KAAK;AAExE,MAAM,oBAAoB;CACxB,MAAM,UAAU,WAAW,gBAAgB;AAE3C,KAAI,CAAC,QACH,OAAM,IAAI,MAAM,iDAAiD;AAGnE,QAAO;;;;;AC5BT,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;CACzE,MAAM,EAAE,aAAa,gBAAgB,aAAa;AAElD,QACE,oBAAC;EACC,WAAU;EACV,aAAU;EACV,KAAK;YAEL,oBAAC;GACC,WAAW,GACT,QACA,gBAAgB,eAAe,UAAU,kBACzC,UACD;GACD,GAAI;IACJ;GACE;;;;;ACjBV,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;CACnE,MAAM,EAAE,gBAAgB,aAAa;AAErC,QACE,oBAAC;EACC,wBAAqB;EACrB,WAAW,GACT,sCACA,gBAAgB,eAAe,SAAS,QACxC,UACD;EACD,aAAU;EACV,MAAK;EACL,GAAI;GACJ;;;;;ACXN,MAAM,gBAAgB,EACpB,WACA,UAAU,WACV,OAAO,WACP,GAAG,YACoB;CACvB,MAAM,EAAE,aAAa,YAAY,kBAAkB,aAAa;AAEhE,QACE,qBAAC;EACC,WAAW,GACT,4CACA,gBAAgB,eACZ,uCACA,kDACJ,UACD;EACD,aAAU;EACV,UAAU,CAAC;EACX,SAAS;EACH;EACG;EACT,GAAI;aAEJ,oBAAC;GAAc,MAAM;GAAkB,aAAa;IAAK,EACzD,oBAAC;GAAK,WAAU;aAAU;IAAiB;GACpC;;;;;AC1Bb,MAAM,oBAAoB,EACxB,WACA,UAAU,WACV,OAAO,WACP,GAAG,YACwB;CAC3B,MAAM,EAAE,aAAa,YAAY,kBAAkB,aAAa;AAEhE,QACE,qBAAC;EACC,WAAW,GACT,4CACA,gBAAgB,eACZ,sCACA,+CACJ,UACD;EACD,aAAU;EACV,UAAU,CAAC;EACX,SAAS;EACH;EACG;EACT,GAAI;aAEJ,oBAAC;GAAc,MAAM;GAAiB,aAAa;IAAK,EACxD,oBAAC;GAAK,WAAU;aAAU;IAAqB;GACxC"}