@kuzenbo/core 0.0.4 → 0.0.6

package/dist/input-cICL6sH_.js

@@ -0,0 +1,38 @@
+import { a as useComponentSize, i as useComponentDefaultProps } from "./size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { Input } from "@base-ui/react/input";
+
+//#region src/ui/input/use-input-default-props.ts
+const useInputDefaultProps = (incomingProps) => useComponentDefaultProps("Input", {}, incomingProps);
+
+//#endregion
+//#region src/ui/input/input.tsx
+const inputVariants = tv({
+	base: "border-input file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 w-full min-w-0 border bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]",
+	defaultVariants: { size: "md" },
+	variants: { size: {
+		lg: "h-10 rounded-md px-3 py-1.5 text-base file:h-8 file:text-sm md:text-sm",
+		md: "h-9 rounded-md px-2.5 py-1 text-base file:h-7 file:text-sm md:text-sm",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm file:h-6 file:text-xs",
+		xl: "h-11 rounded-md px-4 py-1.5 text-base file:h-8 file:text-base",
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs file:h-5 file:text-xs"
+	} }
+});
+const Input$1 = (incomingProps) => {
+	const { className, htmlSize, size: providedSize, type, ...props } = useInputDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Input, {
+		className: mergeBaseUIClassName(inputVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "input",
+		size: htmlSize,
+		type,
+		...props
+	});
+};
+
+//#endregion
+export { Input$1 as t };
+//# sourceMappingURL=input-cICL6sH_.js.map

package/dist/input-cICL6sH_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-cICL6sH_.js","names":["Input","InputPrimitive"],"sources":["../src/ui/input/use-input-default-props.ts","../src/ui/input/input.tsx"],"sourcesContent":["import { useComponentDefaultProps } from \"../shared/size/size-provider\";\nimport type { InputProps } from \"./input\";\n\nexport const useInputDefaultProps = (incomingProps: InputProps): InputProps =>\n  useComponentDefaultProps<InputProps>(\"Input\", {}, incomingProps);\n","\"use client\";\n\nimport { Input as InputPrimitive } from \"@base-ui/react/input\";\nimport type { ComponentProps } from \"react\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport type { UISize } from \"../shared/size/size-system\";\nimport { useInputDefaultProps } from \"./use-input-default-props\";\n\nconst inputVariants = tv({\n  base: \"border-input file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 disabled:bg-input/50 aria-invalid:border-danger aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40 w-full min-w-0 border bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium focus-visible:ring-[3px] disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-[3px]\",\n  defaultVariants: {\n    size: \"md\",\n  },\n  variants: {\n    size: {\n      lg: \"h-10 rounded-md px-3 py-1.5 text-base file:h-8 file:text-sm md:text-sm\",\n      md: \"h-9 rounded-md px-2.5 py-1 text-base file:h-7 file:text-sm md:text-sm\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm file:h-6 file:text-xs\",\n      xl: \"h-11 rounded-md px-4 py-1.5 text-base file:h-8 file:text-base\",\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs file:h-5 file:text-xs\",\n    },\n  },\n});\n\ntype InputVariantProps = Omit<VariantProps<typeof inputVariants>, \"size\"> & {\n  size?: UISize;\n};\ntype NativeInputProps = ComponentProps<typeof InputPrimitive>;\ntype NativeInputSize = NativeInputProps[\"size\"];\n\nexport type InputSize = UISize;\n\nexport type InputProps = Omit<NativeInputProps, \"size\"> &\n  InputVariantProps & {\n    htmlSize?: NativeInputSize;\n  };\n\nconst Input = (incomingProps: InputProps) => {\n  const {\n    className,\n    htmlSize,\n    size: providedSize,\n    type,\n    ...props\n  } = useInputDefaultProps(incomingProps);\n  const size = useComponentSize(providedSize);\n\n  return (\n    <InputPrimitive\n      className={mergeBaseUIClassName<InputPrimitive.State>(\n        inputVariants({ size }),\n        className\n      )}\n      data-size={size}\n      data-slot=\"input\"\n      size={htmlSize}\n      type={type}\n      {...props}\n    />\n  );\n};\n\nexport { Input };\n"],"mappings":";;;;;;;AAGA,MAAa,wBAAwB,kBACnC,yBAAqC,SAAS,EAAE,EAAE,cAAc;;;;ACQlE,MAAM,gBAAgB,GAAG;CACvB,MAAM;CACN,iBAAiB,EACf,MAAM,MACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACF,CAAC;AAeF,MAAMA,WAAS,kBAA8B;CAC3C,MAAM,EACJ,WACA,UACA,MAAM,cACN,MACA,GAAG,UACD,qBAAqB,cAAc;CACvC,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACC,OAAD;EACE,WAAW,qBACT,cAAc,EAAE,MAAM,CAAC,EACvB,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAM;EACA;EACN,GAAI;EACJ"}

package/dist/{input-group-textarea-B-rP98r5.js → input-group-7kPror1q.js}

@@ -1,7 +1,9 @@
+import { a as useComponentSize } from "./size-provider-18EvJgDT.js";
 import { Button } from "./ui/button.js";
-import { Input } from "./ui/input.js";
-import { Textarea } from "./ui/textarea.js";
-import { createContext, useContext } from "react";
+import { ActionIcon } from "./ui/action-icon.js";
+import { t as Input } from "./input-cICL6sH_.js";
+import { t as Textarea } from "./textarea-vNt8edEA.js";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 
@@ -11,34 +13,31 @@ const InputGroupContext = createContext({ size: "md" });
 //#endregion
 //#region src/ui/input-group/input-group-addon.tsx
 const inputGroupAddonVariants = tv({
-	base: "flex h-auto cursor-text items-center justify-center font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]",
+	base: "text-muted-foreground flex h-auto cursor-text items-center justify-center font-medium select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]",
+	defaultVariants: {
+		align: "inline-start",
+		size: "md"
+	},
 	variants: {
 		align: {
-			"inline-start": "order-first pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem]",
-			"inline-end": "order-last pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem]",
+			"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2",
 			"block-start": "order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2",
-			"block-end": "order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2"
+			"inline-end": "order-last pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem]",
+			"inline-start": "order-first pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem]"
 		},
 		size: {
-			xs: "gap-1 py-0.5 text-xs [&>svg:not([class*='size-'])]:size-3",
-			sm: "gap-1.5 py-1 text-sm [&>svg:not([class*='size-'])]:size-3.5",
-			md: "gap-2 py-1.5 text-sm [&>svg:not([class*='size-'])]:size-4",
 			lg: "gap-2 py-2 text-sm [&>svg:not([class*='size-'])]:size-4",
-			xl: "gap-2.5 py-2 text-base [&>svg:not([class*='size-'])]:size-5"
+			md: "gap-2 py-1.5 text-sm [&>svg:not([class*='size-'])]:size-4",
+			sm: "gap-1.5 py-1 text-sm [&>svg:not([class*='size-'])]:size-3.5",
+			xl: "gap-2.5 py-2 text-base [&>svg:not([class*='size-'])]:size-5",
+			xs: "gap-1 py-0.5 text-xs [&>svg:not([class*='size-'])]:size-3"
 		}
-	},
-	defaultVariants: {
-		align: "inline-start",
-		size: "md"
 	}
 });
 const focusInput = (e) => {
 	if (e.target.closest("button")) return;
 	(e.currentTarget.parentElement?.querySelector("input, textarea"))?.focus();
 };
-const handleKeyDown = (e) => {
-	if (e.key === "Enter" || e.key === " ") (e.currentTarget.parentElement?.querySelector("input, textarea"))?.focus();
-};
 const InputGroupAddon = ({ className, align = "inline-start", size, ...props }) => {
 	const { size: contextSize } = useContext(InputGroupContext);
 	const resolvedSize = size ?? contextSize ?? "md";
@@ -50,9 +49,7 @@ const InputGroupAddon = ({ className, align = "inline-start", size, ...props })
 		"data-align": align,
 		"data-size": resolvedSize,
 		"data-slot": "input-group-addon",
-		onClick: focusInput,
-		onKeyDown: handleKeyDown,
-		role: "group",
+		onPointerDown: focusInput,
 		...props
 	});
 };
@@ -61,29 +58,38 @@ const InputGroupAddon = ({ className, align = "inline-start", size, ...props })
 //#region src/ui/input-group/input-group-button.tsx
 const inputGroupButtonVariants = tv({
 	base: "flex items-center gap-2 text-sm shadow-none",
+	defaultVariants: { size: "xs" },
 	variants: { size: {
-		xs: "h-6 gap-1 rounded-[calc(var(--kb-radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-		sm: "",
-		md: "",
+		"icon-sm": "size-8 p-0 has-[>svg]:p-0",
 		"icon-xs": "size-6 rounded-[calc(var(--kb-radius)-5px)] p-0 has-[>svg]:p-0",
-		"icon-sm": "size-8 p-0 has-[>svg]:p-0"
-	} },
-	defaultVariants: { size: "xs" }
+		md: "",
+		sm: "",
+		xs: "h-6 gap-1 rounded-[calc(var(--kb-radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5"
+	} }
 });
 const mapInputGroupSizeToButtonSize = (size) => {
 	if (size === "xl") return "sm";
 	return "xs";
 };
+const isInputGroupActionIconSize = (size) => size === "icon-sm" || size === "icon-xs";
+const mapInputGroupActionIconSizeToActionIconSize = (size) => size === "icon-sm" ? "sm" : "xs";
 const InputGroupButton = ({ className, type = "button", variant = "ghost", size, ...props }) => {
 	const { size: contextSize } = useContext(InputGroupContext);
 	const resolvedSize = size ?? mapInputGroupSizeToButtonSize(contextSize);
-	return /* @__PURE__ */ jsx(Button, {
-		className: cn(inputGroupButtonVariants({ size: resolvedSize }), className),
+	const sharedProps = {
+		className: cn(inputGroupButtonVariants({ size: resolvedSize }), "cursor-clickable", className),
 		"data-size": resolvedSize,
-		size: resolvedSize,
 		type,
 		variant,
 		...props
+	};
+	if (isInputGroupActionIconSize(resolvedSize)) return /* @__PURE__ */ jsx(ActionIcon, {
+		size: mapInputGroupActionIconSizeToActionIconSize(resolvedSize),
+		...sharedProps
+	});
+	return /* @__PURE__ */ jsx(Button, {
+		...sharedProps,
+		size: resolvedSize
 	});
 };
 
@@ -103,7 +109,7 @@ const InputGroupInput = ({ className, size, ...props }) => {
 //#endregion
 //#region src/ui/input-group/input-group-text.tsx
 const InputGroupText = ({ className, ...props }) => /* @__PURE__ */ jsx("span", {
-	className: cn("flex items-center gap-2 text-inherit text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1em]", className),
+	className: cn("text-muted-foreground flex items-center gap-2 text-inherit [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1em]", className),
 	...props
 });
 
@@ -116,5 +122,28 @@ const InputGroupTextarea = ({ className, ...props }) => /* @__PURE__ */ jsx(Text
 });
 
 //#endregion
-export { InputGroupAddon as a, InputGroupButton as i, InputGroupText as n, InputGroupContext as o, InputGroupInput as r, InputGroupTextarea as t };
-//# sourceMappingURL=input-group-textarea-B-rP98r5.js.map
+//#region src/ui/input-group/input-group.tsx
+const InputGroup = ({ className, children, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({ size }), [size]);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("group/input-group border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-danger/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 relative flex w-full min-w-0 items-center border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto data-[size=lg]:h-10 data-[size=lg]:rounded-md data-[size=md]:h-9 data-[size=md]:rounded-md data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=xl]:h-11 data-[size=xl]:rounded-md data-[size=xs]:h-6 data-[size=xs]:rounded-[min(var(--radius-md),8px)] has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
+		"data-size": size,
+		"data-slot": "input-group",
+		role: "group",
+		...props,
+		children: /* @__PURE__ */ jsx(InputGroupContext.Provider, {
+			value: contextValue,
+			children
+		})
+	});
+};
+InputGroup.Addon = InputGroupAddon;
+InputGroup.Button = InputGroupButton;
+InputGroup.Input = InputGroupInput;
+InputGroup.Text = InputGroupText;
+InputGroup.Textarea = InputGroupTextarea;
+
+//#endregion
+export { InputGroupButton as a, InputGroupInput as i, InputGroupTextarea as n, InputGroupAddon as o, InputGroupText as r, InputGroup as t };
+//# sourceMappingURL=input-group-7kPror1q.js.map

package/dist/input-group-7kPror1q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group-7kPror1q.js","names":[],"sources":["../src/ui/input-group/input-group-context.tsx","../src/ui/input-group/input-group-addon.tsx","../src/ui/input-group/input-group-button.tsx","../src/ui/input-group/input-group-input.tsx","../src/ui/input-group/input-group-text.tsx","../src/ui/input-group/input-group-textarea.tsx","../src/ui/input-group/input-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\nexport interface InputGroupContextValue {\n  size?: InputSize;\n}\n\nconst InputGroupContext = createContext<InputGroupContextValue>({\n  size: \"md\",\n});\n\nexport { InputGroupContext };\n","\"use client\";\n\nimport type { ComponentProps, PointerEvent } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { InputGroupContext } from \"./input-group-context\";\nexport type InputGroupAddonProps = ComponentProps<\"div\"> &\n  VariantProps<typeof inputGroupAddonVariants>;\n\nconst inputGroupAddonVariants = tv({\n  base: \"text-muted-foreground flex h-auto cursor-text items-center justify-center font-medium select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]\",\n  defaultVariants: {\n    align: \"inline-start\",\n    size: \"md\",\n  },\n  variants: {\n    align: {\n      \"block-end\":\n        \"order-last w-full justify-start px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2\",\n      \"block-start\":\n        \"order-first w-full justify-start px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2\",\n      \"inline-end\":\n        \"order-last pr-2 has-[>button]:mr-[-0.25rem] has-[>kbd]:mr-[-0.15rem]\",\n      \"inline-start\":\n        \"order-first pl-2 has-[>button]:ml-[-0.25rem] has-[>kbd]:ml-[-0.15rem]\",\n    },\n    size: {\n      lg: \"gap-2 py-2 text-sm [&>svg:not([class*='size-'])]:size-4\",\n      md: \"gap-2 py-1.5 text-sm [&>svg:not([class*='size-'])]:size-4\",\n      sm: \"gap-1.5 py-1 text-sm [&>svg:not([class*='size-'])]:size-3.5\",\n      xl: \"gap-2.5 py-2 text-base [&>svg:not([class*='size-'])]:size-5\",\n      xs: \"gap-1 py-0.5 text-xs [&>svg:not([class*='size-'])]:size-3\",\n    },\n  },\n});\n\nconst focusInput = (e: PointerEvent<HTMLDivElement>) => {\n  if ((e.target as HTMLElement).closest(\"button\")) {\n    return;\n  }\n  const control =\n    e.currentTarget.parentElement?.querySelector<HTMLElement>(\n      \"input, textarea\"\n    );\n  control?.focus();\n};\n\nconst InputGroupAddon = ({\n  className,\n  align = \"inline-start\",\n  size,\n  ...props\n}: InputGroupAddonProps) => {\n  const { size: contextSize } = useContext(InputGroupContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <div\n      className={cn(\n        inputGroupAddonVariants({ align, size: resolvedSize }),\n        className\n      )}\n      data-align={align}\n      data-size={resolvedSize}\n      data-slot=\"input-group-addon\"\n      onPointerDown={focusInput}\n      {...props}\n    />\n  );\n};\n\nexport { InputGroupAddon, inputGroupAddonVariants };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn, tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { ActionIcon } from \"../action-icon/action-icon\";\nimport { Button } from \"../button/button\";\nimport type { InputSize } from \"../input/input\";\nimport { InputGroupContext } from \"./input-group-context\";\nexport type InputGroupButtonProps = Omit<\n  ComponentProps<typeof Button>,\n  \"size\" | \"type\"\n> &\n  VariantProps<typeof inputGroupButtonVariants> & {\n    type?: \"button\" | \"submit\" | \"reset\";\n  };\n\nconst inputGroupButtonVariants = tv({\n  base: \"flex items-center gap-2 text-sm shadow-none\",\n  defaultVariants: {\n    size: \"xs\",\n  },\n  variants: {\n    size: {\n      \"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n      \"icon-xs\":\n        \"size-6 rounded-[calc(var(--kb-radius)-5px)] p-0 has-[>svg]:p-0\",\n      md: \"\",\n      sm: \"\",\n      xs: \"h-6 gap-1 rounded-[calc(var(--kb-radius)-5px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5\",\n    },\n  },\n});\n\nconst mapInputGroupSizeToButtonSize = (size?: InputSize) => {\n  if (size === \"xl\") {\n    return \"sm\";\n  }\n\n  return \"xs\";\n};\n\nconst isInputGroupActionIconSize = (\n  size: InputGroupButtonProps[\"size\"]\n): size is \"icon-sm\" | \"icon-xs\" => size === \"icon-sm\" || size === \"icon-xs\";\n\nconst mapInputGroupActionIconSizeToActionIconSize = (\n  size: \"icon-sm\" | \"icon-xs\"\n) => (size === \"icon-sm\" ? \"sm\" : \"xs\");\n\nconst InputGroupButton = ({\n  className,\n  type = \"button\",\n  variant = \"ghost\",\n  size,\n  ...props\n}: InputGroupButtonProps) => {\n  const { size: contextSize } = useContext(InputGroupContext);\n  const resolvedSize = size ?? mapInputGroupSizeToButtonSize(contextSize);\n  const sharedProps = {\n    className: cn(\n      inputGroupButtonVariants({ size: resolvedSize }),\n      \"cursor-clickable\",\n      className\n    ),\n    \"data-size\": resolvedSize,\n    type,\n    variant,\n    ...props,\n  };\n\n  if (isInputGroupActionIconSize(resolvedSize)) {\n    return (\n      <ActionIcon\n        size={mapInputGroupActionIconSizeToActionIconSize(resolvedSize)}\n        {...sharedProps}\n      />\n    );\n  }\n\n  return <Button {...sharedProps} size={resolvedSize} />;\n};\n\nexport { InputGroupButton, inputGroupButtonVariants };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useContext } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Input } from \"../input/input\";\nimport { InputGroupContext } from \"./input-group-context\";\nexport type InputGroupInputProps = ComponentProps<typeof Input>;\n\nconst InputGroupInput = ({\n  className,\n  size,\n  ...props\n}: InputGroupInputProps) => {\n  const { size: contextSize } = useContext(InputGroupContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n\n  return (\n    <Input\n      className={cn(\n        \"flex-1 rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n        className\n      )}\n      data-slot=\"input-group-control\"\n      size={resolvedSize}\n      {...props}\n    />\n  );\n};\n\nexport { InputGroupInput };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type InputGroupTextProps = ComponentProps<\"span\">;\n\nconst InputGroupText = ({ className, ...props }: InputGroupTextProps) => (\n  <span\n    className={cn(\n      \"text-muted-foreground flex items-center gap-2 text-inherit [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-[1em]\",\n      className\n    )}\n    {...props}\n  />\n);\n\nexport { InputGroupText };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { Textarea } from \"../textarea/textarea\";\nexport type InputGroupTextareaProps = ComponentProps<typeof Textarea>;\n\nconst InputGroupTextarea = ({\n  className,\n  ...props\n}: InputGroupTextareaProps) => (\n  <Textarea\n    className={cn(\n      \"flex-1 resize-none rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent\",\n      className\n    )}\n    data-slot=\"input-group-control\"\n    {...props}\n  />\n);\n\nexport { InputGroupTextarea };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { InputGroupAddon } from \"./input-group-addon\";\nimport { InputGroupButton } from \"./input-group-button\";\nimport { InputGroupContext } from \"./input-group-context\";\nimport { InputGroupInput } from \"./input-group-input\";\nimport { InputGroupText } from \"./input-group-text\";\nimport { InputGroupTextarea } from \"./input-group-textarea\";\nexport type InputGroupProps = ComponentProps<\"div\"> & {\n  size?: InputSize;\n};\n\nconst InputGroup = ({\n  className,\n  children,\n  size: providedSize,\n  ...props\n}: InputGroupProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(() => ({ size }), [size]);\n\n  return (\n    <div\n      className={cn(\n        \"group/input-group border-input has-disabled:bg-input/50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-danger/20 dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 relative flex w-full min-w-0 items-center border transition-colors outline-none in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto data-[size=lg]:h-10 data-[size=lg]:rounded-md data-[size=md]:h-9 data-[size=md]:rounded-md data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=xl]:h-11 data-[size=xl]:rounded-md data-[size=xs]:h-6 data-[size=xs]:rounded-[min(var(--radius-md),8px)] has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"input-group\"\n      role=\"group\"\n      {...props}\n    >\n      <InputGroupContext.Provider value={contextValue}>\n        {children}\n      </InputGroupContext.Provider>\n    </div>\n  );\n};\n\nInputGroup.Addon = InputGroupAddon;\nInputGroup.Button = InputGroupButton;\nInputGroup.Input = InputGroupInput;\nInputGroup.Text = InputGroupText;\nInputGroup.Textarea = InputGroupTextarea;\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n\nexport type { InputGroupAddonProps } from \"./input-group-addon\";\nexport type { InputGroupButtonProps } from \"./input-group-button\";\nexport type { InputGroupInputProps } from \"./input-group-input\";\nexport type { InputGroupTextProps } from \"./input-group-text\";\nexport type { InputGroupTextareaProps } from \"./input-group-textarea\";\n"],"mappings":"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"}

package/dist/provider.d.ts

@@ -1,4 +1,4 @@
-import { n as UI_SIZE_ORDER, t as UISize } from "./size-system-wzOLSuax.js";
-import { t as createSizeContext } from "./size-context-DXfCAlWF.js";
-import { _ as DEFAULT_UI_SIZE, a as KuzenboEnv, c as filterUndefinedProps, d as useGlobalUISize, f as useKuzenboComponentDefaults, g as useOptionalKuzenboContext, h as useKuzenboReducedMotion, i as KuzenboComponentsConfig, l as useComponentDefaultProps, m as useKuzenboEnv, n as KuzenboComponentConfig, o as KuzenboProvider, p as useKuzenboContext, r as KuzenboComponentDefaultProps, s as KuzenboProviderProps, t as KUZENBO_PROVIDER_MISSING_ERROR, u as useComponentSize, v as resolveSize } from "./size-provider-Bd2C6gKd.js";
+import { n as UI_SIZE_ORDER, t as UISize } from "./size-system-BAI1CnwU.js";
+import { t as createSizeContext } from "./size-context-DWvVJytl.js";
+import { _ as DEFAULT_UI_SIZE, a as KuzenboEnv, c as filterUndefinedProps, d as useGlobalUISize, f as useKuzenboComponentDefaults, g as useOptionalKuzenboContext, h as useKuzenboReducedMotion, i as KuzenboComponentsConfig, l as useComponentDefaultProps, m as useKuzenboEnv, n as KuzenboComponentConfig, o as KuzenboProvider, p as useKuzenboContext, r as KuzenboComponentDefaultProps, s as KuzenboProviderProps, t as KUZENBO_PROVIDER_MISSING_ERROR, u as useComponentSize, v as resolveSize } from "./size-provider-PHAZhU6k.js";
 export { DEFAULT_UI_SIZE, KUZENBO_PROVIDER_MISSING_ERROR, type KuzenboComponentConfig, type KuzenboComponentDefaultProps, type KuzenboComponentsConfig, type KuzenboEnv, KuzenboProvider, type KuzenboProviderProps, type UISize, UI_SIZE_ORDER, createSizeContext, filterUndefinedProps, resolveSize, useComponentDefaultProps, useComponentSize, useGlobalUISize, useKuzenboComponentDefaults, useKuzenboContext, useKuzenboEnv, useKuzenboReducedMotion, useOptionalKuzenboContext };

package/dist/provider.js

@@ -1,7 +1,7 @@
 "use client";
 
 import { a as useComponentSize, c as useKuzenboContext, d as useOptionalKuzenboContext, f as DEFAULT_UI_SIZE, i as useComponentDefaultProps, l as useKuzenboEnv, n as KuzenboProvider, o as useGlobalUISize, p as resolveSize, r as filterUndefinedProps, s as useKuzenboComponentDefaults, t as KUZENBO_PROVIDER_MISSING_ERROR, u as useKuzenboReducedMotion } from "./size-provider-18EvJgDT.js";
-import { t as createSizeContext } from "./size-context-BjRwqlSg.js";
-import { o as UI_SIZE_ORDER } from "./size-system-DTXmtQXw.js";
+import { t as createSizeContext } from "./size-context-CvLl3pMC.js";
+import { t as UI_SIZE_ORDER } from "./size-system-BTsMqZRQ.js";
 
 export { DEFAULT_UI_SIZE, KUZENBO_PROVIDER_MISSING_ERROR, KuzenboProvider, UI_SIZE_ORDER, createSizeContext, filterUndefinedProps, resolveSize, useComponentDefaultProps, useComponentSize, useGlobalUISize, useKuzenboComponentDefaults, useKuzenboContext, useKuzenboEnv, useKuzenboReducedMotion, useOptionalKuzenboContext };

package/dist/{scroll-bar-C4qEUKlT.js → scroll-bar-BKRy5Me9.js}

@@ -23,4 +23,4 @@ const ScrollBar = ({ className, orientation = "vertical", children, ...props })
 
 //#endregion
 export { ScrollAreaThumb as n, ScrollBar as t };
-//# sourceMappingURL=scroll-bar-C4qEUKlT.js.map
+//# sourceMappingURL=scroll-bar-BKRy5Me9.js.map

package/dist/{scroll-bar-C4qEUKlT.js.map → scroll-bar-BKRy5Me9.js.map}

@@ -1 +1 @@
-{"version":3,"file":"scroll-bar-C4qEUKlT.js","names":["ScrollAreaPrimitive","ScrollAreaPrimitive"],"sources":["../src/ui/scroll-area/scroll-thumb.tsx","../src/ui/scroll-area/scroll-bar.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ScrollAreaThumbProps = ScrollAreaPrimitive.Thumb.Props;\n\nconst ScrollAreaThumb = ({ className, ...props }: ScrollAreaThumbProps) => (\n  <ScrollAreaPrimitive.Thumb\n    className={mergeBaseUIClassName<ScrollAreaPrimitive.Thumb.State>(\n      \"relative flex-1 rounded-full bg-border\",\n      className\n    )}\n    data-slot=\"scroll-area-thumb\"\n    {...props}\n  />\n);\n\nexport { ScrollAreaThumb };\n","import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ScrollAreaThumb } from \"./scroll-thumb\";\nexport type ScrollBarProps = ScrollAreaPrimitive.Scrollbar.Props;\n\nconst ScrollBar = ({\n  className,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: ScrollBarProps) => (\n  <ScrollAreaPrimitive.Scrollbar\n    className={mergeBaseUIClassName<ScrollAreaPrimitive.Scrollbar.State>(\n      cn(\n        \"flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent\"\n      ),\n      className\n    )}\n    data-orientation={orientation}\n    data-slot=\"scroll-area-scrollbar\"\n    orientation={orientation}\n    {...props}\n  >\n    {children ?? <ScrollAreaThumb />}\n  </ScrollAreaPrimitive.Scrollbar>\n);\n\nexport { ScrollBar };\n"],"mappings":";;;;;;AAKA,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACA,WAAoB;CACnB,WAAW,qBACT,0CACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACNJ,MAAM,aAAa,EACjB,WACA,cAAc,YACd,UACA,GAAG,YAEH,oBAACC,WAAoB;CACnB,WAAW,qBACT,GACE,qQACD,EACD,UACD;CACD,oBAAkB;CAClB,aAAU;CACG;CACb,GAAI;WAEH,YAAY,oBAAC,oBAAkB;EACF"}
+{"version":3,"file":"scroll-bar-BKRy5Me9.js","names":["ScrollAreaPrimitive","ScrollAreaPrimitive"],"sources":["../src/ui/scroll-area/scroll-thumb.tsx","../src/ui/scroll-area/scroll-bar.tsx"],"sourcesContent":["import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nexport type ScrollAreaThumbProps = ScrollAreaPrimitive.Thumb.Props;\n\nconst ScrollAreaThumb = ({ className, ...props }: ScrollAreaThumbProps) => (\n  <ScrollAreaPrimitive.Thumb\n    className={mergeBaseUIClassName<ScrollAreaPrimitive.Thumb.State>(\n      \"relative flex-1 rounded-full bg-border\",\n      className\n    )}\n    data-slot=\"scroll-area-thumb\"\n    {...props}\n  />\n);\n\nexport { ScrollAreaThumb };\n","import { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { ScrollAreaThumb } from \"./scroll-thumb\";\nexport type ScrollBarProps = ScrollAreaPrimitive.Scrollbar.Props;\n\nconst ScrollBar = ({\n  className,\n  orientation = \"vertical\",\n  children,\n  ...props\n}: ScrollBarProps) => (\n  <ScrollAreaPrimitive.Scrollbar\n    className={mergeBaseUIClassName<ScrollAreaPrimitive.Scrollbar.State>(\n      cn(\n        \"flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-l data-vertical:border-l-transparent\"\n      ),\n      className\n    )}\n    data-orientation={orientation}\n    data-slot=\"scroll-area-scrollbar\"\n    orientation={orientation}\n    {...props}\n  >\n    {children ?? <ScrollAreaThumb />}\n  </ScrollAreaPrimitive.Scrollbar>\n);\n\nexport { ScrollBar };\n"],"mappings":";;;;;;AAKA,MAAM,mBAAmB,EAAE,WAAW,GAAG,YACvC,oBAACA,WAAoB,OAArB;CACE,WAAW,qBACT,0CACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACNJ,MAAM,aAAa,EACjB,WACA,cAAc,YACd,UACA,GAAG,YAEH,oBAACC,WAAoB,WAArB;CACE,WAAW,qBACT,GACE,qQACD,EACD,UACD;CACD,oBAAkB;CAClB,aAAU;CACG;CACb,GAAI;WAEH,YAAY,oBAAC,iBAAD,EAAmB;CACF"}

package/dist/separator-CgOz2m5i.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Separator } from "@base-ui/react/separator";
+
+//#region src/ui/separator/separator.d.ts
+type SeparatorProps = Separator.Props;
+declare const Separator$1: ({
+  className,
+  orientation,
+  ...props
+}: SeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SeparatorProps as n, Separator$1 as t };
+//# sourceMappingURL=separator-CgOz2m5i.d.ts.map

package/dist/separator-CgOz2m5i.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator-CgOz2m5i.d.ts","names":[],"sources":["../src/ui/separator/separator.tsx"],"mappings":";;;;KAMY,cAAA,GAAiB,SAAA,CAAmB,KAAA;AAAA,cAE1C,WAAA;EAAa,SAAA;EAAA,WAAA;EAAA,GAAA;AAAA,GAIhB,cAAA,KAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/{sheet-trigger-D7neoTF5.js → sheet-FVsgl5Wk.js}

@@ -1,4 +1,4 @@
-import { Button } from "./ui/button.js";
+import { ActionIcon } from "./ui/action-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "tailwind-variants";
 import { Cancel01Icon } from "@hugeicons/core-free-icons";
@@ -7,7 +7,7 @@ import { Dialog } from "@base-ui/react/dialog";
 
 //#region src/ui/sheet/sheet-backdrop.tsx
 const SheetBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Backdrop, {
-	className: cn("fixed inset-0 z-50 bg-black/10 duration-100 data-closed:animate-out data-closed:fade-out-0 data-ending-style:opacity-0 data-open:animate-in data-open:fade-in-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
+	className: cn("z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs", className),
 	"data-slot": "sheet-backdrop",
 	...props
 });
@@ -15,7 +15,7 @@ const SheetBackdrop = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Ba
 //#endregion
 //#region src/ui/sheet/sheet-close.tsx
 const SheetClose = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Close, {
-	className: cn("cursor-pointer", className),
+	className: cn("cursor-clickable", className),
 	"data-slot": "sheet-close",
 	...props
 });
@@ -23,7 +23,7 @@ const SheetClose = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Close
 //#endregion
 //#region src/ui/sheet/sheet-popup.tsx
 const SheetPopup = ({ className, side = "right", ...props }) => /* @__PURE__ */ jsx(Dialog.Popup, {
-	className: cn("fixed z-50 flex flex-col gap-4 bg-background bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
+	className: cn("z-overlay bg-background data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 fixed flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", className),
 	"data-side": side,
 	"data-slot": "sheet-popup",
 	...props
@@ -39,7 +39,7 @@ const SheetPortal = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Portal, {
 //#endregion
 //#region src/ui/sheet/sheet-viewport.tsx
 const SheetViewport = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Viewport, {
-	className: cn("fixed inset-0 z-50", className),
+	className: cn("z-overlay fixed inset-0", className),
 	"data-slot": "sheet-viewport",
 	...props
 });
@@ -53,9 +53,9 @@ const SheetContent = ({ className, children, side = "right", showCloseButton = t
 	...props,
 	children: [children, showCloseButton && /* @__PURE__ */ jsxs(SheetClose, {
 		"data-slot": "sheet-close",
-		render: /* @__PURE__ */ jsx(Button, {
-			className: "absolute top-4 right-4",
-			size: "icon-sm",
+		render: /* @__PURE__ */ jsx(ActionIcon, {
+			className: "cursor-clickable absolute top-4 right-4",
+			size: "sm",
 			variant: "ghost"
 		}),
 		children: [/* @__PURE__ */ jsx(HugeiconsIcon, {
@@ -71,7 +71,7 @@ const SheetContent = ({ className, children, side = "right", showCloseButton = t
 //#endregion
 //#region src/ui/sheet/sheet-description.tsx
 const SheetDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Description, {
-	className: cn("text-sm text-muted-foreground", className),
+	className: cn("text-muted-foreground text-sm", className),
 	"data-slot": "sheet-description",
 	...props
 });
@@ -103,7 +103,7 @@ const SheetOverlay = ({ className, ...props }) => /* @__PURE__ */ jsx(SheetBackd
 //#endregion
 //#region src/ui/sheet/sheet-title.tsx
 const SheetTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Title, {
-	className: cn("text-base font-medium text-foreground", className),
+	className: cn("text-foreground text-base font-medium", className),
 	"data-slot": "sheet-title",
 	...props
 });
@@ -111,11 +111,30 @@ const SheetTitle = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Title
 //#endregion
 //#region src/ui/sheet/sheet-trigger.tsx
 const SheetTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Dialog.Trigger, {
-	className: cn("cursor-pointer", className),
+	className: cn("cursor-clickable", className),
 	"data-slot": "sheet-trigger",
 	...props
 });
 
 //#endregion
-export { SheetFooter as a, SheetViewport as c, SheetClose as d, SheetBackdrop as f, SheetHeader as i, SheetPortal as l, SheetTitle as n, SheetDescription as o, SheetOverlay as r, SheetContent as s, SheetTrigger as t, SheetPopup as u };
-//# sourceMappingURL=sheet-trigger-D7neoTF5.js.map
+//#region src/ui/sheet/sheet.tsx
+const Sheet = ({ ...props }) => /* @__PURE__ */ jsx(Dialog.Root, {
+	"data-slot": "sheet",
+	...props
+});
+Sheet.Close = SheetClose;
+Sheet.Content = SheetContent;
+Sheet.Backdrop = SheetBackdrop;
+Sheet.Description = SheetDescription;
+Sheet.Footer = SheetFooter;
+Sheet.Header = SheetHeader;
+Sheet.Overlay = SheetOverlay;
+Sheet.Portal = SheetPortal;
+Sheet.Popup = SheetPopup;
+Sheet.Title = SheetTitle;
+Sheet.Trigger = SheetTrigger;
+Sheet.Viewport = SheetViewport;
+
+//#endregion
+export { SheetHeader as a, SheetContent as c, SheetPopup as d, SheetClose as f, SheetOverlay as i, SheetViewport as l, SheetTrigger as n, SheetFooter as o, SheetBackdrop as p, SheetTitle as r, SheetDescription as s, Sheet as t, SheetPortal as u };
+//# sourceMappingURL=sheet-FVsgl5Wk.js.map

package/dist/sheet-FVsgl5Wk.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet-FVsgl5Wk.js","names":["SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive","SheetPrimitive"],"sources":["../src/ui/sheet/sheet-backdrop.tsx","../src/ui/sheet/sheet-close.tsx","../src/ui/sheet/sheet-popup.tsx","../src/ui/sheet/sheet-portal.tsx","../src/ui/sheet/sheet-viewport.tsx","../src/ui/sheet/sheet-content.tsx","../src/ui/sheet/sheet-description.tsx","../src/ui/sheet/sheet-footer.tsx","../src/ui/sheet/sheet-header.tsx","../src/ui/sheet/sheet-overlay.tsx","../src/ui/sheet/sheet-title.tsx","../src/ui/sheet/sheet-trigger.tsx","../src/ui/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetBackdropProps = SheetPrimitive.Backdrop.Props;\n\nconst SheetBackdrop = ({ className, ...props }: SheetBackdropProps) => (\n  <SheetPrimitive.Backdrop\n    className={cn(\n      \"z-overlay data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 fixed inset-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs\",\n      className\n    )}\n    data-slot=\"sheet-backdrop\"\n    {...props}\n  />\n);\n\nexport { SheetBackdrop };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetCloseProps = SheetPrimitive.Close.Props;\n\nconst SheetClose = ({ className, ...props }: SheetCloseProps) => (\n  <SheetPrimitive.Close\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"sheet-close\"\n    {...props}\n  />\n);\n\nexport { SheetClose };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetSide = \"top\" | \"right\" | \"bottom\" | \"left\";\nexport type SheetPopupProps = SheetPrimitive.Popup.Props & {\n  side?: SheetSide;\n};\n\nconst SheetPopup = ({\n  className,\n  side = \"right\",\n  ...props\n}: SheetPopupProps) => (\n  <SheetPrimitive.Popup\n    className={cn(\n      \"z-overlay bg-background data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 fixed flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm\",\n      className\n    )}\n    data-side={side}\n    data-slot=\"sheet-popup\"\n    {...props}\n  />\n);\n\nexport { SheetPopup };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nexport type SheetPortalProps = SheetPrimitive.Portal.Props;\n\nconst SheetPortal = ({ ...props }: SheetPortalProps) => (\n  <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />\n);\n\nexport { SheetPortal };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\n\nexport type SheetViewportProps = SheetPrimitive.Viewport.Props;\n\nconst SheetViewport = ({ className, ...props }: SheetViewportProps) => (\n  <SheetPrimitive.Viewport\n    className={cn(\"z-overlay fixed inset-0\", className)}\n    data-slot=\"sheet-viewport\"\n    {...props}\n  />\n);\n\nexport { SheetViewport };\n","\"use client\";\n\nimport { Cancel01Icon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\n\nimport { ActionIcon } from \"../action-icon/action-icon\";\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetPopup } from \"./sheet-popup\";\nimport type { SheetPopupProps, SheetSide } from \"./sheet-popup\";\nimport { SheetPortal } from \"./sheet-portal\";\nimport { SheetViewport } from \"./sheet-viewport\";\nexport type SheetContentProps = SheetPopupProps & {\n  side?: SheetSide;\n  showCloseButton?: boolean;\n};\n\nconst SheetContent = ({\n  className,\n  children,\n  side = \"right\",\n  showCloseButton = true,\n  ...props\n}: SheetContentProps) => (\n  <SheetPortal>\n    <SheetBackdrop />\n    <SheetViewport>\n      <SheetPopup\n        className={className}\n        data-slot=\"sheet-content\"\n        side={side}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <SheetClose\n            data-slot=\"sheet-close\"\n            render={\n              <ActionIcon\n                className=\"cursor-clickable absolute top-4 right-4\"\n                size=\"sm\"\n                variant=\"ghost\"\n              />\n            }\n          >\n            <HugeiconsIcon icon={Cancel01Icon} strokeWidth={2} />\n            <span className=\"sr-only\">Close</span>\n          </SheetClose>\n        )}\n      </SheetPopup>\n    </SheetViewport>\n  </SheetPortal>\n);\n\nexport { SheetContent };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetDescriptionProps = SheetPrimitive.Description.Props;\n\nconst SheetDescription = ({ className, ...props }: SheetDescriptionProps) => (\n  <SheetPrimitive.Description\n    className={cn(\"text-muted-foreground text-sm\", className)}\n    data-slot=\"sheet-description\"\n    {...props}\n  />\n);\n\nexport { SheetDescription };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetFooterProps = ComponentProps<\"div\">;\n\nconst SheetFooter = ({ className, ...props }: SheetFooterProps) => (\n  <div\n    className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n    data-slot=\"sheet-footer\"\n    {...props}\n  />\n);\n\nexport { SheetFooter };\n","import type { ComponentProps } from \"react\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetHeaderProps = ComponentProps<\"div\">;\n\nconst SheetHeader = ({ className, ...props }: SheetHeaderProps) => (\n  <div\n    className={cn(\"flex flex-col gap-0.5 p-4\", className)}\n    data-slot=\"sheet-header\"\n    {...props}\n  />\n);\n\nexport { SheetHeader };\n","\"use client\";\n\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport type { SheetBackdropProps } from \"./sheet-backdrop\";\nexport type SheetOverlayProps = SheetBackdropProps;\n\nconst SheetOverlay = ({ className, ...props }: SheetOverlayProps) => (\n  <SheetBackdrop className={className} data-slot=\"sheet-overlay\" {...props} />\n);\n\nexport { SheetOverlay };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetTitleProps = SheetPrimitive.Title.Props;\n\nconst SheetTitle = ({ className, ...props }: SheetTitleProps) => (\n  <SheetPrimitive.Title\n    className={cn(\"text-foreground text-base font-medium\", className)}\n    data-slot=\"sheet-title\"\n    {...props}\n  />\n);\n\nexport { SheetTitle };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\nimport { cn } from \"tailwind-variants\";\nexport type SheetTriggerProps = SheetPrimitive.Trigger.Props;\n\nconst SheetTrigger = ({ className, ...props }: SheetTriggerProps) => (\n  <SheetPrimitive.Trigger\n    className={cn(\"cursor-clickable\", className)}\n    data-slot=\"sheet-trigger\"\n    {...props}\n  />\n);\n\nexport { SheetTrigger };\n","\"use client\";\n\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\";\n\nimport { SheetBackdrop } from \"./sheet-backdrop\";\nimport { SheetClose } from \"./sheet-close\";\nimport { SheetContent } from \"./sheet-content\";\nimport { SheetDescription } from \"./sheet-description\";\nimport { SheetFooter } from \"./sheet-footer\";\nimport { SheetHeader } from \"./sheet-header\";\nimport { SheetOverlay } from \"./sheet-overlay\";\nimport { SheetPopup } from \"./sheet-popup\";\nimport { SheetPortal } from \"./sheet-portal\";\nimport { SheetTitle } from \"./sheet-title\";\nimport { SheetTrigger } from \"./sheet-trigger\";\nimport { SheetViewport } from \"./sheet-viewport\";\nexport type SheetProps = SheetPrimitive.Root.Props;\n\nconst Sheet = ({ ...props }: SheetProps) => (\n  <SheetPrimitive.Root data-slot=\"sheet\" {...props} />\n);\n\nSheet.Close = SheetClose;\nSheet.Content = SheetContent;\nSheet.Backdrop = SheetBackdrop;\nSheet.Description = SheetDescription;\nSheet.Footer = SheetFooter;\nSheet.Header = SheetHeader;\nSheet.Overlay = SheetOverlay;\nSheet.Portal = SheetPortal;\nSheet.Popup = SheetPopup;\nSheet.Title = SheetTitle;\nSheet.Trigger = SheetTrigger;\nSheet.Viewport = SheetViewport;\n\nexport {\n  Sheet,\n  SheetBackdrop,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetOverlay,\n  SheetPortal,\n  SheetPopup,\n  SheetTitle,\n  SheetTrigger,\n  SheetViewport,\n};\n\nexport type { SheetBackdropProps } from \"./sheet-backdrop\";\nexport type { SheetCloseProps } from \"./sheet-close\";\nexport type { SheetContentProps } from \"./sheet-content\";\nexport type { SheetDescriptionProps } from \"./sheet-description\";\nexport type { SheetFooterProps } from \"./sheet-footer\";\nexport type { SheetHeaderProps } from \"./sheet-header\";\nexport type { SheetOverlayProps } from \"./sheet-overlay\";\nexport type { SheetPopupProps } from \"./sheet-popup\";\nexport type { SheetPortalProps } from \"./sheet-portal\";\nexport type { SheetTitleProps } from \"./sheet-title\";\nexport type { SheetTriggerProps } from \"./sheet-trigger\";\nexport type { SheetViewportProps } from \"./sheet-viewport\";\n"],"mappings":";;;;;;;;AAOA,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACA,OAAe,UAAhB;CACE,WAAW,GACT,gPACA,UACD;CACD,aAAU;CACV,GAAI;CACJ;;;;ACTJ,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,OAAe,OAAhB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACDJ,MAAM,cAAc,EAClB,WACA,OAAO,SACP,GAAG,YAEH,oBAACC,OAAe,OAAhB;CACE,WAAW,GACT,+mCACA,UACD;CACD,aAAW;CACX,aAAU;CACV,GAAI;CACJ;;;;AClBJ,MAAM,eAAe,EAAE,GAAG,YACxB,oBAACC,OAAe,QAAhB;CAAuB,aAAU;CAAe,GAAI;CAAS;;;;ACC/D,MAAM,iBAAiB,EAAE,WAAW,GAAG,YACrC,oBAACC,OAAe,UAAhB;CACE,WAAW,GAAG,2BAA2B,UAAU;CACnD,aAAU;CACV,GAAI;CACJ;;;;ACKJ,MAAM,gBAAgB,EACpB,WACA,UACA,OAAO,SACP,kBAAkB,MAClB,GAAG,YAEH,qBAAC,aAAD,aACE,oBAAC,eAAD,EAAiB,GACjB,oBAAC,eAAD,YACE,qBAAC,YAAD;CACa;CACX,aAAU;CACJ;CACN,GAAI;WAJN,CAMG,UACA,mBACC,qBAAC,YAAD;EACE,aAAU;EACV,QACE,oBAAC,YAAD;GACE,WAAU;GACV,MAAK;GACL,SAAQ;GACR;YAPN,CAUE,oBAAC,eAAD;GAAe,MAAM;GAAc,aAAa;GAAK,GACrD,oBAAC,QAAD;GAAM,WAAU;aAAU;GAAY,EAC3B;IAEJ;IACC,EACJ;;;;AC7ChB,MAAM,oBAAoB,EAAE,WAAW,GAAG,YACxC,oBAACC,OAAe,aAAhB;CACE,WAAW,GAAG,iCAAiC,UAAU;CACzD,aAAU;CACV,GAAI;CACJ;;;;ACPJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GAAG,mCAAmC,UAAU;CAC3D,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,eAAe,EAAE,WAAW,GAAG,YACnC,oBAAC,OAAD;CACE,WAAW,GAAG,6BAA6B,UAAU;CACrD,aAAU;CACV,GAAI;CACJ;;;;ACHJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAAC,eAAD;CAA0B;CAAW,aAAU;CAAgB,GAAI;CAAS;;;;ACD9E,MAAM,cAAc,EAAE,WAAW,GAAG,YAClC,oBAACC,OAAe,OAAhB;CACE,WAAW,GAAG,yCAAyC,UAAU;CACjE,aAAU;CACV,GAAI;CACJ;;;;ACLJ,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACC,OAAe,SAAhB;CACE,WAAW,GAAG,oBAAoB,UAAU;CAC5C,aAAU;CACV,GAAI;CACJ;;;;ACOJ,MAAM,SAAS,EAAE,GAAG,YAClB,oBAACC,OAAe,MAAhB;CAAqB,aAAU;CAAQ,GAAI;CAAS;AAGtD,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,WAAW;AACjB,MAAM,cAAc;AACpB,MAAM,SAAS;AACf,MAAM,SAAS;AACf,MAAM,UAAU;AAChB,MAAM,SAAS;AACf,MAAM,QAAQ;AACd,MAAM,QAAQ;AACd,MAAM,UAAU;AAChB,MAAM,WAAW"}

package/dist/{size-context-BjRwqlSg.js → size-context-CvLl3pMC.js}

@@ -4,8 +4,8 @@ import { createContext, useContext } from "react";
 //#region src/ui/shared/size/size-context.ts
 const createSizeContext = (defaultSize = DEFAULT_UI_SIZE) => {
 	const SizeContext = createContext({
-		size: defaultSize,
-		hasFallbackDefault: true
+		hasFallbackDefault: true,
+		size: defaultSize
 	});
 	const useResolvedSize = (...candidates) => {
 		const [explicitCandidate, ...contextAfterCandidates] = candidates;
@@ -22,4 +22,4 @@ const createSizeContext = (defaultSize = DEFAULT_UI_SIZE) => {
 
 //#endregion
 export { createSizeContext as t };
-//# sourceMappingURL=size-context-BjRwqlSg.js.map
+//# sourceMappingURL=size-context-CvLl3pMC.js.map

package/dist/size-context-CvLl3pMC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-context-CvLl3pMC.js","names":[],"sources":["../src/ui/shared/size/size-context.ts"],"sourcesContent":["\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nimport { DEFAULT_UI_SIZE, resolveSize } from \"./resolve-size\";\nimport { useGlobalUISize } from \"./size-provider\";\nimport type { UISize } from \"./size-system\";\n\nexport interface SizeContextValue {\n  size?: UISize;\n}\n\nexport const createSizeContext = (defaultSize: UISize = DEFAULT_UI_SIZE) => {\n  const SizeContext = createContext<\n    SizeContextValue & {\n      hasFallbackDefault?: true;\n    }\n  >({\n    hasFallbackDefault: true,\n    size: defaultSize,\n  });\n\n  const useResolvedSize = (...candidates: (UISize | undefined | null)[]) => {\n    const [explicitCandidate, ...contextAfterCandidates] = candidates;\n    const { hasFallbackDefault, size: contextSize } = useContext(SizeContext);\n    const localSize = hasFallbackDefault ? undefined : contextSize;\n    const globalSize = useGlobalUISize();\n\n    return resolveSize(\n      explicitCandidate,\n      localSize,\n      ...contextAfterCandidates,\n      globalSize,\n      defaultSize\n    );\n  };\n\n  return { SizeContext, useResolvedSize };\n};\n"],"mappings":";;;;AAYA,MAAa,qBAAqB,cAAsB,oBAAoB;CAC1E,MAAM,cAAc,cAIlB;EACA,oBAAoB;EACpB,MAAM;EACP,CAAC;CAEF,MAAM,mBAAmB,GAAG,eAA8C;EACxE,MAAM,CAAC,mBAAmB,GAAG,0BAA0B;EACvD,MAAM,EAAE,oBAAoB,MAAM,gBAAgB,WAAW,YAAY;EACzE,MAAM,YAAY,qBAAqB,SAAY;EACnD,MAAM,aAAa,iBAAiB;AAEpC,SAAO,YACL,mBACA,WACA,GAAG,wBACH,YACA,YACD;;AAGH,QAAO;EAAE;EAAa;EAAiB"}

package/dist/{size-context-DXfCAlWF.d.ts → size-context-DWvVJytl.d.ts}

@@ -1,4 +1,4 @@
-import { t as UISize } from "./size-system-wzOLSuax.js";
+import { t as UISize } from "./size-system-BAI1CnwU.js";
 import * as react from "react";
 
 //#region src/ui/shared/size/size-context.d.ts
@@ -13,4 +13,4 @@ declare const createSizeContext: (defaultSize?: UISize) => {
 };
 //#endregion
 export { createSizeContext as t };
-//# sourceMappingURL=size-context-DXfCAlWF.d.ts.map
+//# sourceMappingURL=size-context-DWvVJytl.d.ts.map

package/dist/size-context-DWvVJytl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-context-DWvVJytl.d.ts","names":[],"sources":["../src/ui/shared/size/size-context.ts"],"mappings":";;;;UAQiB,gBAAA;EACf,IAAA,GAAO,MAAA;AAAA;AAAA,cAGI,iBAAA,GAAqB,WAAA,GAAa,MAAA;;;;oCAUJ,MAAA,2BAA4B,MAAA;AAAA"}

package/dist/size-provider-18EvJgDT.js.map

@@ -1 +1 @@
-{"version":3,"file":"size-provider-18EvJgDT.js","names":[],"sources":["../src/ui/shared/size/resolve-size.ts","../src/ui/shared/provider/create-strict-context.ts","../src/ui/shared/size/size-provider.tsx"],"sourcesContent":["import type { UISize } from \"./size-system\";\n\nconst DEFAULT_UI_SIZE: UISize = \"md\";\n\nexport const resolveSize = (\n  ...candidates: (UISize | undefined | null)[]\n): UISize => {\n  for (const candidate of candidates) {\n    if (candidate !== undefined && candidate !== null) {\n      return candidate;\n    }\n  }\n\n  return DEFAULT_UI_SIZE;\n};\n\nexport { DEFAULT_UI_SIZE };\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nexport const createStrictContext = <T>(errorMessage: string) => {\n  const StrictContext = createContext<T | null>(null);\n\n  const useStrictContext = (): T => {\n    const context = useContext(StrictContext);\n\n    if (!context) {\n      throw new Error(errorMessage);\n    }\n\n    return context;\n  };\n\n  const useOptionalContext = (): T | null => useContext(StrictContext);\n\n  return {\n    StrictContext,\n    useOptionalContext,\n    useStrictContext,\n  };\n};\n","\"use client\";\n\nimport type { CSSProperties, ReactNode } from \"react\";\n\nimport { useMemo } from \"react\";\n\nimport type { UISize } from \"./size-system\";\n\nimport { createStrictContext } from \"../provider/create-strict-context\";\nimport { DEFAULT_UI_SIZE, resolveSize } from \"./resolve-size\";\n\nexport type KuzenboEnv = \"default\" | \"test\";\nexport type KuzenboComponentDefaultProps = Record<string, unknown>;\n\nexport interface KuzenboComponentConfig {\n  defaultProps?: KuzenboComponentDefaultProps;\n}\n\nexport type KuzenboComponentsConfig = Record<\n  string,\n  KuzenboComponentConfig | undefined\n>;\n\nexport interface KuzenboContextValue {\n  components: KuzenboComponentsConfig;\n  defaultRadius?: number | string;\n  defaultSize?: UISize;\n  env: KuzenboEnv;\n  reducedMotion: boolean;\n}\n\nexport interface KuzenboProviderProps {\n  children: ReactNode;\n  components?: KuzenboComponentsConfig;\n  defaultRadius?: number | string;\n  defaultSize?: UISize;\n  env?: KuzenboEnv;\n  inherit?: boolean;\n  reducedMotion?: boolean;\n}\n\nexport const KUZENBO_PROVIDER_MISSING_ERROR =\n  \"[@kuzenbo/core] KuzenboProvider was not found in tree. Wrap app root with <KuzenboProvider>.\";\n\nconst {\n  StrictContext: KuzenboContext,\n  useOptionalContext: useOptionalKuzenboContextInternal,\n} = createStrictContext<KuzenboContextValue>(KUZENBO_PROVIDER_MISSING_ERROR);\n\nconst KUZENBO_TEST_CONTEXT_FALLBACK: KuzenboContextValue = {\n  components: {},\n  defaultRadius: undefined,\n  defaultSize: undefined,\n  env: \"test\",\n  reducedMotion: false,\n};\n\nconst isMissingProviderAllowed = (): boolean =>\n  (\n    globalThis as {\n      __KUZENBO_ALLOW_MISSING_PROVIDER__?: boolean;\n    }\n  ).__KUZENBO_ALLOW_MISSING_PROVIDER__ === true;\n\nconst mergeComponentConfigs = (\n  parent: KuzenboComponentsConfig | undefined,\n  own: KuzenboComponentsConfig | undefined\n): KuzenboComponentsConfig => {\n  const merged: KuzenboComponentsConfig = { ...parent };\n\n  if (!own) {\n    return merged;\n  }\n\n  for (const [componentName, componentConfig] of Object.entries(own)) {\n    const parentConfig = merged[componentName];\n\n    if (!componentConfig) {\n      merged[componentName] = parentConfig;\n      continue;\n    }\n\n    merged[componentName] = {\n      ...parentConfig,\n      ...componentConfig,\n      defaultProps: {\n        ...parentConfig?.defaultProps,\n        ...componentConfig.defaultProps,\n      },\n    };\n  }\n\n  return merged;\n};\n\nconst toRadiusVariableValue = (value: number | string): string =>\n  typeof value === \"number\" ? `${value}px` : value;\n\nexport const filterUndefinedProps = <T extends object>(\n  input: Partial<T> | undefined\n): Partial<T> => {\n  if (!input) {\n    return {};\n  }\n\n  const filtered: Partial<T> = {};\n\n  for (const [key, value] of Object.entries(input)) {\n    if (value !== undefined) {\n      filtered[key as keyof T] = value as T[keyof T];\n    }\n  }\n\n  return filtered;\n};\n\nexport const KuzenboProvider = ({\n  children,\n  components,\n  defaultRadius,\n  defaultSize,\n  env,\n  inherit = true,\n  reducedMotion,\n}: KuzenboProviderProps) => {\n  const parentContext = useOptionalKuzenboContextInternal();\n  const inheritedContext = inherit ? parentContext : null;\n\n  const contextValue = useMemo<KuzenboContextValue>(\n    () => ({\n      components: mergeComponentConfigs(\n        inheritedContext?.components,\n        components\n      ),\n      defaultRadius: defaultRadius ?? inheritedContext?.defaultRadius,\n      defaultSize: defaultSize ?? inheritedContext?.defaultSize,\n      env: env ?? inheritedContext?.env ?? \"default\",\n      reducedMotion: reducedMotion ?? inheritedContext?.reducedMotion ?? false,\n    }),\n    [\n      components,\n      defaultRadius,\n      defaultSize,\n      env,\n      inheritedContext,\n      reducedMotion,\n    ]\n  );\n\n  const providerStyle = useMemo(() => {\n    const style: CSSProperties = {\n      display: \"contents\",\n    };\n\n    if (contextValue.defaultRadius !== undefined) {\n      (\n        style as CSSProperties & {\n          \"--kb-radius\": string;\n        }\n      )[\"--kb-radius\"] = toRadiusVariableValue(contextValue.defaultRadius);\n    }\n\n    return style;\n  }, [contextValue.defaultRadius]);\n\n  return (\n    <KuzenboContext.Provider value={contextValue}>\n      <div\n        data-kb-env={contextValue.env}\n        data-kb-motion={contextValue.reducedMotion ? \"reduce\" : \"allow\"}\n        data-slot=\"kuzenbo-provider\"\n        style={providerStyle}\n      >\n        {children}\n      </div>\n    </KuzenboContext.Provider>\n  );\n};\n\nexport const useKuzenboContext = (): KuzenboContextValue => {\n  const context = useOptionalKuzenboContextInternal();\n\n  if (context) {\n    return context;\n  }\n\n  if (isMissingProviderAllowed()) {\n    return KUZENBO_TEST_CONTEXT_FALLBACK;\n  }\n\n  throw new Error(KUZENBO_PROVIDER_MISSING_ERROR);\n};\n\nexport const useOptionalKuzenboContext = (): KuzenboContextValue | null =>\n  useOptionalKuzenboContextInternal();\n\nexport const useKuzenboEnv = (): KuzenboEnv => useKuzenboContext().env;\n\nexport const useKuzenboReducedMotion = (): boolean =>\n  useKuzenboContext().reducedMotion;\n\nexport const useKuzenboComponentDefaults = <T extends object>(\n  componentName: string\n): Partial<T> => {\n  const context = useKuzenboContext();\n\n  return (context.components[componentName]?.defaultProps ?? {}) as Partial<T>;\n};\n\nexport const useComponentDefaultProps = <T extends object>(\n  componentName: string,\n  defaultProps: Partial<T>,\n  props: T\n): T => {\n  const componentDefaults = useKuzenboComponentDefaults<T>(componentName);\n\n  return {\n    ...filterUndefinedProps(defaultProps),\n    ...filterUndefinedProps(componentDefaults),\n    ...filterUndefinedProps(props),\n  } as T;\n};\n\nexport const useGlobalUISize = (): UISize | undefined =>\n  useKuzenboContext().defaultSize;\n\nexport const useComponentSize = (\n  ...candidates: (UISize | undefined | null)[]\n): UISize => {\n  const globalSize = useGlobalUISize();\n\n  return resolveSize(...candidates, globalSize, DEFAULT_UI_SIZE);\n};\n"],"mappings":"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"}
+{"version":3,"file":"size-provider-18EvJgDT.js","names":[],"sources":["../src/ui/shared/size/resolve-size.ts","../src/ui/shared/provider/create-strict-context.ts","../src/ui/shared/size/size-provider.tsx"],"sourcesContent":["import type { UISize } from \"./size-system\";\n\nconst DEFAULT_UI_SIZE: UISize = \"md\";\n\nexport const resolveSize = (\n  ...candidates: (UISize | undefined | null)[]\n): UISize => {\n  for (const candidate of candidates) {\n    if (candidate !== undefined && candidate !== null) {\n      return candidate;\n    }\n  }\n\n  return DEFAULT_UI_SIZE;\n};\n\nexport { DEFAULT_UI_SIZE };\n","\"use client\";\n\nimport { createContext, useContext } from \"react\";\n\nexport const createStrictContext = <T>(errorMessage: string) => {\n  const StrictContext = createContext<T | null>(null);\n\n  const useStrictContext = (): T => {\n    const context = useContext(StrictContext);\n\n    if (!context) {\n      throw new Error(errorMessage);\n    }\n\n    return context;\n  };\n\n  const useOptionalContext = (): T | null => useContext(StrictContext);\n\n  return {\n    StrictContext,\n    useOptionalContext,\n    useStrictContext,\n  };\n};\n","\"use client\";\n\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { useMemo } from \"react\";\n\nimport { createStrictContext } from \"../provider/create-strict-context\";\nimport { DEFAULT_UI_SIZE, resolveSize } from \"./resolve-size\";\nimport type { UISize } from \"./size-system\";\n\nexport type KuzenboEnv = \"default\" | \"test\";\nexport type KuzenboComponentDefaultProps = Record<string, unknown>;\n\nexport interface KuzenboComponentConfig {\n  defaultProps?: KuzenboComponentDefaultProps;\n}\n\nexport type KuzenboComponentsConfig = Record<\n  string,\n  KuzenboComponentConfig | undefined\n>;\n\nexport interface KuzenboContextValue {\n  components: KuzenboComponentsConfig;\n  defaultRadius?: number | string;\n  defaultSize?: UISize;\n  env: KuzenboEnv;\n  reducedMotion: boolean;\n}\n\nexport interface KuzenboProviderProps {\n  children: ReactNode;\n  components?: KuzenboComponentsConfig;\n  defaultRadius?: number | string;\n  defaultSize?: UISize;\n  env?: KuzenboEnv;\n  inherit?: boolean;\n  reducedMotion?: boolean;\n}\n\nexport const KUZENBO_PROVIDER_MISSING_ERROR =\n  \"[@kuzenbo/core] KuzenboProvider was not found in tree. Wrap app root with <KuzenboProvider>.\";\n\nconst {\n  StrictContext: KuzenboContext,\n  useOptionalContext: useOptionalKuzenboContextInternal,\n} = createStrictContext<KuzenboContextValue>(KUZENBO_PROVIDER_MISSING_ERROR);\n\nconst KUZENBO_TEST_CONTEXT_FALLBACK: KuzenboContextValue = {\n  components: {},\n  defaultRadius: undefined,\n  defaultSize: undefined,\n  env: \"test\",\n  reducedMotion: false,\n};\n\nconst isMissingProviderAllowed = (): boolean =>\n  (\n    globalThis as {\n      __KUZENBO_ALLOW_MISSING_PROVIDER__?: boolean;\n    }\n  ).__KUZENBO_ALLOW_MISSING_PROVIDER__ === true;\n\nconst mergeComponentConfigs = (\n  parent: KuzenboComponentsConfig | undefined,\n  own: KuzenboComponentsConfig | undefined\n): KuzenboComponentsConfig => {\n  const merged: KuzenboComponentsConfig = { ...parent };\n\n  if (!own) {\n    return merged;\n  }\n\n  for (const [componentName, componentConfig] of Object.entries(own)) {\n    const parentConfig = merged[componentName];\n\n    if (!componentConfig) {\n      merged[componentName] = parentConfig;\n      continue;\n    }\n\n    merged[componentName] = {\n      ...parentConfig,\n      ...componentConfig,\n      defaultProps: {\n        ...parentConfig?.defaultProps,\n        ...componentConfig.defaultProps,\n      },\n    };\n  }\n\n  return merged;\n};\n\nconst toRadiusVariableValue = (value: number | string): string =>\n  typeof value === \"number\" ? `${value}px` : value;\n\nexport const filterUndefinedProps = <T extends object>(\n  input: Partial<T> | undefined\n): Partial<T> => {\n  if (!input) {\n    return {};\n  }\n\n  const filtered: Partial<T> = {};\n\n  for (const [key, value] of Object.entries(input)) {\n    if (value !== undefined) {\n      filtered[key as keyof T] = value as T[keyof T];\n    }\n  }\n\n  return filtered;\n};\n\nexport const KuzenboProvider = ({\n  children,\n  components,\n  defaultRadius,\n  defaultSize,\n  env,\n  inherit = true,\n  reducedMotion,\n}: KuzenboProviderProps) => {\n  const parentContext = useOptionalKuzenboContextInternal();\n  const inheritedContext = inherit ? parentContext : null;\n\n  const contextValue = useMemo<KuzenboContextValue>(\n    () => ({\n      components: mergeComponentConfigs(\n        inheritedContext?.components,\n        components\n      ),\n      defaultRadius: defaultRadius ?? inheritedContext?.defaultRadius,\n      defaultSize: defaultSize ?? inheritedContext?.defaultSize,\n      env: env ?? inheritedContext?.env ?? \"default\",\n      reducedMotion: reducedMotion ?? inheritedContext?.reducedMotion ?? false,\n    }),\n    [\n      components,\n      defaultRadius,\n      defaultSize,\n      env,\n      inheritedContext,\n      reducedMotion,\n    ]\n  );\n\n  const providerStyle = useMemo(() => {\n    const style: CSSProperties = {\n      display: \"contents\",\n    };\n\n    if (contextValue.defaultRadius !== undefined) {\n      (\n        style as CSSProperties & {\n          \"--kb-radius\": string;\n        }\n      )[\"--kb-radius\"] = toRadiusVariableValue(contextValue.defaultRadius);\n    }\n\n    return style;\n  }, [contextValue.defaultRadius]);\n\n  return (\n    <KuzenboContext.Provider value={contextValue}>\n      <div\n        data-kb-env={contextValue.env}\n        data-kb-motion={contextValue.reducedMotion ? \"reduce\" : \"allow\"}\n        data-slot=\"kuzenbo-provider\"\n        style={providerStyle}\n      >\n        {children}\n      </div>\n    </KuzenboContext.Provider>\n  );\n};\n\nexport const useKuzenboContext = (): KuzenboContextValue => {\n  const context = useOptionalKuzenboContextInternal();\n\n  if (context) {\n    return context;\n  }\n\n  if (isMissingProviderAllowed()) {\n    return KUZENBO_TEST_CONTEXT_FALLBACK;\n  }\n\n  throw new Error(KUZENBO_PROVIDER_MISSING_ERROR);\n};\n\nexport const useOptionalKuzenboContext = (): KuzenboContextValue | null =>\n  useOptionalKuzenboContextInternal();\n\nexport const useKuzenboEnv = (): KuzenboEnv => useKuzenboContext().env;\n\nexport const useKuzenboReducedMotion = (): boolean =>\n  useKuzenboContext().reducedMotion;\n\nexport const useKuzenboComponentDefaults = <T extends object>(\n  componentName: string\n): Partial<T> => {\n  const context = useKuzenboContext();\n\n  return (context.components[componentName]?.defaultProps ?? {}) as Partial<T>;\n};\n\nexport const useComponentDefaultProps = <T extends object>(\n  componentName: string,\n  defaultProps: Partial<T>,\n  props: T\n): T => {\n  const componentDefaults = useKuzenboComponentDefaults<T>(componentName);\n\n  return {\n    ...filterUndefinedProps(defaultProps),\n    ...filterUndefinedProps(componentDefaults),\n    ...filterUndefinedProps(props),\n  } as T;\n};\n\nexport const useGlobalUISize = (): UISize | undefined =>\n  useKuzenboContext().defaultSize;\n\nexport const useComponentSize = (\n  ...candidates: (UISize | undefined | null)[]\n): UISize => {\n  const globalSize = useGlobalUISize();\n\n  return resolveSize(...candidates, globalSize, DEFAULT_UI_SIZE);\n};\n"],"mappings":"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"}

package/dist/{size-provider-Bd2C6gKd.d.ts → size-provider-PHAZhU6k.d.ts}

@@ -1,4 +1,4 @@
-import { t as UISize } from "./size-system-wzOLSuax.js";
+import { t as UISize } from "./size-system-BAI1CnwU.js";
 import { ReactNode } from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -50,4 +50,4 @@ declare const useGlobalUISize: () => UISize | undefined;
 declare const useComponentSize: (...candidates: (UISize | undefined | null)[]) => UISize;
 //#endregion
 export { DEFAULT_UI_SIZE as _, KuzenboEnv as a, filterUndefinedProps as c, useGlobalUISize as d, useKuzenboComponentDefaults as f, useOptionalKuzenboContext as g, useKuzenboReducedMotion as h, KuzenboComponentsConfig as i, useComponentDefaultProps as l, useKuzenboEnv as m, KuzenboComponentConfig as n, KuzenboProvider as o, useKuzenboContext as p, KuzenboComponentDefaultProps as r, KuzenboProviderProps as s, KUZENBO_PROVIDER_MISSING_ERROR as t, useComponentSize as u, resolveSize as v };
-//# sourceMappingURL=size-provider-Bd2C6gKd.d.ts.map
+//# sourceMappingURL=size-provider-PHAZhU6k.d.ts.map

package/dist/{size-provider-Bd2C6gKd.d.ts.map → size-provider-PHAZhU6k.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"size-provider-Bd2C6gKd.d.ts","names":[],"sources":["../src/ui/shared/size/resolve-size.ts","../src/ui/shared/size/size-provider.tsx"],"mappings":";;;;;cAEM,eAAA,EAAiB,MAAA;AAAA,cAEV,WAAA,MACR,UAAA,GAAa,MAAA,2BACf,MAAA;;;KCKS,UAAA;AAAA,KACA,4BAAA,GAA+B,MAAA;AAAA,UAE1B,sBAAA;EACf,YAAA,GAAe,4BAAA;AAAA;AAAA,KAGL,uBAAA,GAA0B,MAAA,SAEpC,sBAAA;AAAA,UAGe,mBAAA;EACf,UAAA,EAAY,uBAAA;EACZ,aAAA;EACA,WAAA,GAAc,MAAA;EACd,GAAA,EAAK,UAAA;EACL,aAAA;AAAA;AAAA,UAGe,oBAAA;EACf,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,uBAAA;EACb,aAAA;EACA,WAAA,GAAc,MAAA;EACd,GAAA,GAAM,UAAA;EACN,OAAA;EACA,aAAA;AAAA;AAAA,cAGW,8BAAA;AAAA,cAyDA,oBAAA,qBACX,KAAA,EAAO,OAAA,CAAQ,CAAA,kBACd,OAAA,CAAQ,CAAA;AAAA,cAgBE,eAAA;EAAmB,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,WAAA;EAAA,GAAA;EAAA,OAAA;EAAA;AAAA,GAQ7B,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAuDV,iBAAA,QAAwB,mBAAA;AAAA,cAcxB,yBAAA,QAAgC,mBAAA;AAAA,cAGhC,aAAA,QAAoB,UAAA;AAAA,cAEpB,uBAAA;AAAA,cAGA,2BAAA,qBACX,aAAA,aACC,OAAA,CAAQ,CAAA;AAAA,cAME,wBAAA,qBACX,aAAA,UACA,YAAA,EAAc,OAAA,CAAQ,CAAA,GACtB,KAAA,EAAO,CAAA,KACN,CAAA;AAAA,cAUU,eAAA,QAAsB,MAAA;AAAA,cAGtB,gBAAA,MACR,UAAA,GAAa,MAAA,2BACf,MAAA"}
+{"version":3,"file":"size-provider-PHAZhU6k.d.ts","names":[],"sources":["../src/ui/shared/size/resolve-size.ts","../src/ui/shared/size/size-provider.tsx"],"mappings":";;;;;cAEM,eAAA,EAAiB,MAAA;AAAA,cAEV,WAAA,MACR,UAAA,GAAa,MAAA,2BACf,MAAA;;;KCGS,UAAA;AAAA,KACA,4BAAA,GAA+B,MAAA;AAAA,UAE1B,sBAAA;EACf,YAAA,GAAe,4BAAA;AAAA;AAAA,KAGL,uBAAA,GAA0B,MAAA,SAEpC,sBAAA;AAAA,UAGe,mBAAA;EACf,UAAA,EAAY,uBAAA;EACZ,aAAA;EACA,WAAA,GAAc,MAAA;EACd,GAAA,EAAK,UAAA;EACL,aAAA;AAAA;AAAA,UAGe,oBAAA;EACf,QAAA,EAAU,SAAA;EACV,UAAA,GAAa,uBAAA;EACb,aAAA;EACA,WAAA,GAAc,MAAA;EACd,GAAA,GAAM,UAAA;EACN,OAAA;EACA,aAAA;AAAA;AAAA,cAGW,8BAAA;AAAA,cAyDA,oBAAA,qBACX,KAAA,EAAO,OAAA,CAAQ,CAAA,kBACd,OAAA,CAAQ,CAAA;AAAA,cAgBE,eAAA;EAAmB,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,WAAA;EAAA,GAAA;EAAA,OAAA;EAAA;AAAA,GAQ7B,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAuDV,iBAAA,QAAwB,mBAAA;AAAA,cAcxB,yBAAA,QAAgC,mBAAA;AAAA,cAGhC,aAAA,QAAoB,UAAA;AAAA,cAEpB,uBAAA;AAAA,cAGA,2BAAA,qBACX,aAAA,aACC,OAAA,CAAQ,CAAA;AAAA,cAME,wBAAA,qBACX,aAAA,UACA,YAAA,EAAc,OAAA,CAAQ,CAAA,GACtB,KAAA,EAAO,CAAA,KACN,CAAA;AAAA,cAUU,eAAA,QAAsB,MAAA;AAAA,cAGtB,gBAAA,MACR,UAAA,GAAa,MAAA,2BACf,MAAA"}

package/dist/{size-system-wzOLSuax.d.ts → size-system-BAI1CnwU.d.ts}

@@ -3,4 +3,4 @@ type UISize = "xs" | "sm" | "md" | "lg" | "xl";
 declare const UI_SIZE_ORDER: readonly UISize[];
 //#endregion
 export { UI_SIZE_ORDER as n, UISize as t };
-//# sourceMappingURL=size-system-wzOLSuax.d.ts.map
+//# sourceMappingURL=size-system-BAI1CnwU.d.ts.map

package/dist/size-system-BAI1CnwU.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"size-system-BAI1CnwU.d.ts","names":[],"sources":["../src/ui/shared/size/size-system.ts"],"mappings":";KAEY,MAAA;AAAA,cAEC,aAAA,WAAwB,MAAA"}