@pixpilot/shadcn-ui 1.18.1 → 1.19.0

package/dist/Button.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/Button.d.ts
@@ -27,7 +27,7 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare namespace Button$1 {
   var displayName: string;
 }

package/dist/ButtonExtended.d.ts

@@ -1,6 +1,6 @@
 import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/ButtonExtended.d.ts
@@ -50,7 +50,7 @@ interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, Varia
 }
 declare function ButtonExtended(props: ButtonExtendedProps & {
   ref?: React.Ref<HTMLButtonElement>;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime1.JSX.Element;
 declare namespace ButtonExtended {
   var displayName: string;
 }

package/dist/ColorPicker/ColorPicker.cjs

@@ -11,11 +11,17 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/ColorPicker/ColorPicker.tsx
 const ColorPicker = (props) => {
-	const { variant = "input", formatDisplayValue,...rest } = props;
-	const Input = variant === "input" ? require_ColorPickerInput.ColorPickerInput : require_ColorPickerButton.ColorPickerButton;
+	const { variant = "input", formatDisplayValue, placeholder, resetOptions,...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerBase.ColorPickerBase, {
 		...rest,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Input, {})
+		children: variant === "input" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerInput.ColorPickerInput, {
+			placeholder,
+			resetOptions
+		}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerButton.ColorPickerButton, {
+			placeholder,
+			formatDisplayValue,
+			resetOptions
+		})
 	});
 };
 ColorPicker.displayName = "ColorPicker";

package/dist/ColorPicker/ColorPicker.d.cts

@@ -1,11 +1,11 @@
-import { ColorPickerBaseProps } from "../ColorPickerBase/types.cjs";
-import "../ColorPickerBase/index.cjs";
+import { ColorPickerBaseProps, ColorPickerResetOptions } from "../ColorPickerBase/types.cjs";
 
 //#region src/ColorPicker/ColorPicker.d.ts
 interface ColorPickerProps extends Omit<ColorPickerBaseProps, 'children'> {
   variant?: 'button' | 'input';
   placeholder?: string;
   formatDisplayValue?: (value: string) => React.ReactNode;
+  resetOptions?: ColorPickerResetOptions;
 }
 declare const ColorPicker: React.FC<ColorPickerProps>;
 //#endregion

package/dist/ColorPicker/ColorPicker.d.ts

@@ -1,11 +1,11 @@
-import { ColorPickerBaseProps } from "../ColorPickerBase/types.js";
-import "../ColorPickerBase/index.js";
+import { ColorPickerBaseProps, ColorPickerResetOptions } from "../ColorPickerBase/types.js";
 
 //#region src/ColorPicker/ColorPicker.d.ts
 interface ColorPickerProps extends Omit<ColorPickerBaseProps, 'children'> {
   variant?: 'button' | 'input';
   placeholder?: string;
   formatDisplayValue?: (value: string) => React.ReactNode;
+  resetOptions?: ColorPickerResetOptions;
 }
 declare const ColorPicker: React.FC<ColorPickerProps>;
 //#endregion

package/dist/ColorPicker/ColorPicker.js

@@ -9,11 +9,17 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/ColorPicker/ColorPicker.tsx
 const ColorPicker = (props) => {
-	const { variant = "input", formatDisplayValue,...rest } = props;
-	const Input = variant === "input" ? ColorPickerInput : ColorPickerButton;
+	const { variant = "input", formatDisplayValue, placeholder, resetOptions,...rest } = props;
 	return /* @__PURE__ */ jsx(ColorPickerBase, {
 		...rest,
-		children: /* @__PURE__ */ jsx(Input, {})
+		children: variant === "input" ? /* @__PURE__ */ jsx(ColorPickerInput, {
+			placeholder,
+			resetOptions
+		}) : /* @__PURE__ */ jsx(ColorPickerButton, {
+			placeholder,
+			formatDisplayValue,
+			resetOptions
+		})
 	});
 };
 ColorPicker.displayName = "ColorPicker";

package/dist/ColorPickerBase/ColorPickerButton.cjs

@@ -1,6 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_color_picker_context = require('./color-picker-context.cjs');
 const require_ColorPickerSwatch = require('./ColorPickerSwatch.cjs');
+const require_use_color_picker_reset_options = require('./hooks/use-color-picker-reset-options.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let lucide_react = require("lucide-react");
@@ -12,49 +13,63 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/ColorPickerBase/ColorPickerButton.tsx
 const ColorPickerButton = (props) => {
-	const { slots, formatDisplayValue, placeholder = "Pick a color", onClear,...rest } = props;
-	const { isPickerOpen, value, onValueChange } = require_color_picker_context.useColorPickerContext();
+	const { slots, formatDisplayValue, placeholder = "Pick a color", onClear, resetOptions, title,...rest } = props;
+	const { isPickerOpen, onValueChange } = require_color_picker_context.useColorPickerContext();
+	const { value, isResettable, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton } = require_use_color_picker_reset_options.useColorPickerResetOptions({
+		resetOptions,
+		onClear
+	});
 	if (process.env.NODE_ENV !== "production") {
 		if (onValueChange === void 0) throw new Error("ColorPickerButton must be used within a ColorPickerRoot component");
 	}
 	const renderDisplayValue = () => {
+		if (isResetValue) return resetLabel;
 		if (value == null || value === "") return placeholder;
 		return formatDisplayValue != null ? formatDisplayValue(value) : value;
 	};
-	const currentcolor = value != null && value !== "" ? value : void 0;
+	const currentcolor = !isResetValue && value != null && value !== "" ? value : void 0;
+	const swatchChildren = isResetValue ? resetIcon ?? slots?.swatch?.children : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.ColorPickerTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.InputGroup, {
 			...rest,
+			title: isResettable ? resetTooltip : title,
 			className: (0, __pixpilot_shadcn.cn)("dark:hover:bg-input/50 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", rest.className),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
 					align: "inline-start",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerSwatch.ColorPickerSwatch, {
 						color: currentcolor,
-						...slots?.swatch
+						...slots?.swatch,
+						children: swatchChildren
 					})
 				}),
-				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupText, {
-					className: "flex-1 text-left text-foreground pl-2",
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: "flex-1 min-w-0 block truncate text-left text-foreground pl-2",
 					children: renderDisplayValue()
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.InputGroupAddon, {
 					align: "inline-end",
 					className: "gap-1",
-					children: [onClear != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+					children: [showClearButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
 						type: "button",
 						variant: "ghost",
 						size: "icon",
 						"aria-label": "Clear color",
 						...slots?.clearButton,
 						className: (0, __pixpilot_shadcn.cn)("size-6 shrink-0 rounded-full", slots?.clearButton?.className),
+						onPointerDown: (e) => {
+							slots?.clearButton?.onPointerDown?.(e);
+							if (e.defaultPrevented) return;
+							e.preventDefault();
+							e.stopPropagation();
+						},
 						onClick: (e) => {
 							slots?.clearButton?.onClick?.(e);
 							if (e.defaultPrevented) return;
 							e.preventDefault();
 							e.stopPropagation();
-							onClear();
+							handleClear?.();
 						},
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { className: "size-4 opacity-50" })
 					}), isPickerOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUpIcon, { className: "size-4 opacity-50" }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "size-4 opacity-50" })]

package/dist/ColorPickerBase/ColorPickerButton.d.cts

@@ -1,3 +1,4 @@
+import { ColorPickerResetOptions } from "./types.cjs";
 import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.cjs";
 import { Button } from "@pixpilot/shadcn";
 import React from "react";
@@ -7,6 +8,7 @@ interface ColorPickerButtonProps extends Omit<React.ComponentPropsWithoutRef<'di
   formatDisplayValue?: (value: string) => React.ReactNode;
   placeholder?: string;
   onClear?: () => void;
+  resetOptions?: ColorPickerResetOptions;
   slots?: {
     swatch?: React.ComponentProps<typeof ColorPickerSwatch$1>;
     clearButton?: React.ComponentProps<typeof Button>;

package/dist/ColorPickerBase/ColorPickerButton.d.ts

@@ -1,3 +1,4 @@
+import { ColorPickerResetOptions } from "./types.js";
 import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.js";
 import { Button } from "@pixpilot/shadcn";
 import React from "react";
@@ -7,6 +8,7 @@ interface ColorPickerButtonProps extends Omit<React.ComponentPropsWithoutRef<'di
   formatDisplayValue?: (value: string) => React.ReactNode;
   placeholder?: string;
   onClear?: () => void;
+  resetOptions?: ColorPickerResetOptions;
   slots?: {
     swatch?: React.ComponentProps<typeof ColorPickerSwatch$1>;
     clearButton?: React.ComponentProps<typeof Button>;

package/dist/ColorPickerBase/ColorPickerButton.js

@@ -1,53 +1,68 @@
 import { useColorPickerContext } from "./color-picker-context.js";
 import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.js";
-import { Button, ColorPickerTrigger, InputGroup, InputGroupAddon, InputGroupText, cn } from "@pixpilot/shadcn";
+import { useColorPickerResetOptions } from "./hooks/use-color-picker-reset-options.js";
+import { Button, ColorPickerTrigger, InputGroup, InputGroupAddon, cn } from "@pixpilot/shadcn";
 import { ChevronDownIcon, ChevronUpIcon, XIcon } from "lucide-react";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/ColorPickerBase/ColorPickerButton.tsx
 const ColorPickerButton = (props) => {
-	const { slots, formatDisplayValue, placeholder = "Pick a color", onClear,...rest } = props;
-	const { isPickerOpen, value, onValueChange } = useColorPickerContext();
+	const { slots, formatDisplayValue, placeholder = "Pick a color", onClear, resetOptions, title,...rest } = props;
+	const { isPickerOpen, onValueChange } = useColorPickerContext();
+	const { value, isResettable, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton } = useColorPickerResetOptions({
+		resetOptions,
+		onClear
+	});
 	if (onValueChange === void 0) throw new Error("ColorPickerButton must be used within a ColorPickerRoot component");
 	const renderDisplayValue = () => {
+		if (isResetValue) return resetLabel;
 		if (value == null || value === "") return placeholder;
 		return formatDisplayValue != null ? formatDisplayValue(value) : value;
 	};
-	const currentcolor = value != null && value !== "" ? value : void 0;
+	const currentcolor = !isResetValue && value != null && value !== "" ? value : void 0;
+	const swatchChildren = isResetValue ? resetIcon ?? slots?.swatch?.children : void 0;
 	return /* @__PURE__ */ jsx(ColorPickerTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsxs(InputGroup, {
 			...rest,
+			title: isResettable ? resetTooltip : title,
 			className: cn("dark:hover:bg-input/50 disabled:cursor-not-allowed disabled:opacity-50 cursor-pointer", rest.className),
 			children: [
 				/* @__PURE__ */ jsx(InputGroupAddon, {
 					align: "inline-start",
 					children: /* @__PURE__ */ jsx(ColorPickerSwatch$1, {
 						color: currentcolor,
-						...slots?.swatch
+						...slots?.swatch,
+						children: swatchChildren
 					})
 				}),
-				/* @__PURE__ */ jsx(InputGroupText, {
-					className: "flex-1 text-left text-foreground pl-2",
+				/* @__PURE__ */ jsx("span", {
+					className: "flex-1 min-w-0 block truncate text-left text-foreground pl-2",
 					children: renderDisplayValue()
 				}),
 				/* @__PURE__ */ jsxs(InputGroupAddon, {
 					align: "inline-end",
 					className: "gap-1",
-					children: [onClear != null && /* @__PURE__ */ jsx(Button, {
+					children: [showClearButton && /* @__PURE__ */ jsx(Button, {
 						type: "button",
 						variant: "ghost",
 						size: "icon",
 						"aria-label": "Clear color",
 						...slots?.clearButton,
 						className: cn("size-6 shrink-0 rounded-full", slots?.clearButton?.className),
+						onPointerDown: (e) => {
+							slots?.clearButton?.onPointerDown?.(e);
+							if (e.defaultPrevented) return;
+							e.preventDefault();
+							e.stopPropagation();
+						},
 						onClick: (e) => {
 							slots?.clearButton?.onClick?.(e);
 							if (e.defaultPrevented) return;
 							e.preventDefault();
 							e.stopPropagation();
-							onClear();
+							handleClear?.();
 						},
 						children: /* @__PURE__ */ jsx(XIcon, { className: "size-4 opacity-50" })
 					}), isPickerOpen ? /* @__PURE__ */ jsx(ChevronUpIcon, { className: "size-4 opacity-50" }) : /* @__PURE__ */ jsx(ChevronDownIcon, { className: "size-4 opacity-50" })]

package/dist/ColorPickerBase/ColorPickerInput.cjs

@@ -1,8 +1,11 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_color_picker_context = require('./color-picker-context.cjs');
 const require_ColorPickerSwatch = require('./ColorPickerSwatch.cjs');
+const require_use_color_picker_reset_options = require('./hooks/use-color-picker-reset-options.cjs');
 let __pixpilot_shadcn = require("@pixpilot/shadcn");
 __pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -10,39 +13,78 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/ColorPickerBase/ColorPickerInput.tsx
 const ColorPickerInput = (props) => {
-	const { slots, onChange,...rest } = props;
-	const { isPickerOpen, value, onValueChange } = require_color_picker_context.useColorPickerContext();
+	const { slots, onChange, onClear, resetOptions, placeholder, title,...rest } = props;
+	const { isPickerOpen, onValueChange } = require_color_picker_context.useColorPickerContext();
+	const { value, isResettable, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton } = require_use_color_picker_reset_options.useColorPickerResetOptions({
+		resetOptions,
+		onClear
+	});
 	if (process.env.NODE_ENV !== "production") {
 		if (onValueChange === void 0) throw new Error("ColorPickerInput must be used within a ColorPickerRoot component");
 	}
+	const currentcolor = !isResetValue && value != null && value !== "" ? value : void 0;
+	const inputValue = isResetValue ? "" : value ?? "";
+	const inputPlaceholder = isResetValue ? resetLabel : placeholder;
+	const swatchChildren = isResetValue ? resetIcon ?? slots?.swatch?.children : void 0;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.ColorPickerTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.InputGroup, {
 			className: "w-full",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
-				align: "inline-start",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerSwatch.ColorPickerSwatch, {
-					color: value != null && value !== "" ? value : void 0,
-					...slots?.swatch
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupInput, {
-				value: value ?? "",
-				...rest,
-				onPointerDown: (e) => {
-					rest.onPointerDown?.(e);
-					if (isPickerOpen) return;
-					e.stopPropagation();
-				},
-				onClick: (e) => {
-					rest.onClick?.(e);
-					if (isPickerOpen) return;
-					e.stopPropagation();
-				},
-				onChange: (e) => {
-					onValueChange(e.target.value);
-					onChange?.(e);
-				}
-			})]
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
+					align: "inline-start",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerSwatch.ColorPickerSwatch, {
+						color: currentcolor,
+						...slots?.swatch,
+						children: swatchChildren
+					})
+				}),
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupInput, {
+					value: inputValue,
+					...rest,
+					title: isResettable ? resetTooltip : title,
+					placeholder: inputPlaceholder,
+					onPointerDown: (e) => {
+						rest.onPointerDown?.(e);
+						if (isPickerOpen) return;
+						e.stopPropagation();
+					},
+					onClick: (e) => {
+						rest.onClick?.(e);
+						if (isPickerOpen) return;
+						e.stopPropagation();
+					},
+					onChange: (e) => {
+						onValueChange(e.target.value);
+						onChange?.(e);
+					}
+				}),
+				showClearButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
+					align: "inline-end",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": "Clear color",
+						...slots?.clearButton,
+						className: (0, __pixpilot_shadcn.cn)("size-6 shrink-0 rounded-full", slots?.clearButton?.className),
+						onPointerDown: (e) => {
+							slots?.clearButton?.onPointerDown?.(e);
+							if (e.defaultPrevented) return;
+							e.preventDefault();
+							e.stopPropagation();
+						},
+						onClick: (e) => {
+							slots?.clearButton?.onClick?.(e);
+							if (e.defaultPrevented) return;
+							e.preventDefault();
+							e.stopPropagation();
+							handleClear?.();
+						},
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { className: "size-4 opacity-50" })
+					})
+				}) : null
+			]
 		})
 	});
 };

package/dist/ColorPickerBase/ColorPickerInput.d.cts

@@ -1,12 +1,17 @@
-import { ColorPickerSwatch } from "./ColorPickerSwatch.cjs";
+import { ColorPickerResetOptions } from "./types.cjs";
+import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.cjs";
+import { Button } from "@pixpilot/shadcn";
 import React from "react";
 
 //#region src/ColorPickerBase/ColorPickerInput.d.ts
 interface ColorPickerInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'value'> {
+  onClear?: () => void;
+  resetOptions?: ColorPickerResetOptions;
   slots?: {
-    swatch: React.ComponentProps<typeof ColorPickerSwatch>;
+    swatch?: React.ComponentProps<typeof ColorPickerSwatch$1>;
+    clearButton?: React.ComponentProps<typeof Button>;
   };
 }
-declare const ColorPickerInput: React.FC<ColorPickerInputProps>;
+declare const ColorPickerInput$1: React.FC<ColorPickerInputProps>;
 //#endregion
-export { ColorPickerInput, ColorPickerInputProps };
+export { ColorPickerInput$1 as ColorPickerInput, ColorPickerInputProps };

package/dist/ColorPickerBase/ColorPickerInput.d.ts

@@ -1,12 +1,17 @@
-import { ColorPickerSwatch } from "./ColorPickerSwatch.js";
+import { ColorPickerResetOptions } from "./types.js";
+import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.js";
+import { Button } from "@pixpilot/shadcn";
 import React from "react";
 
 //#region src/ColorPickerBase/ColorPickerInput.d.ts
 interface ColorPickerInputProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'value'> {
+  onClear?: () => void;
+  resetOptions?: ColorPickerResetOptions;
   slots?: {
-    swatch: React.ComponentProps<typeof ColorPickerSwatch>;
+    swatch?: React.ComponentProps<typeof ColorPickerSwatch$1>;
+    clearButton?: React.ComponentProps<typeof Button>;
   };
 }
-declare const ColorPickerInput: React.FC<ColorPickerInputProps>;
+declare const ColorPickerInput$1: React.FC<ColorPickerInputProps>;
 //#endregion
-export { ColorPickerInput, ColorPickerInputProps };
+export { ColorPickerInput$1 as ColorPickerInput, ColorPickerInputProps };

package/dist/ColorPickerBase/ColorPickerInput.js

@@ -1,42 +1,83 @@
 import { useColorPickerContext } from "./color-picker-context.js";
 import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.js";
-import { ColorPickerTrigger, InputGroup, InputGroupAddon, InputGroupInput } from "@pixpilot/shadcn";
+import { useColorPickerResetOptions } from "./hooks/use-color-picker-reset-options.js";
+import { Button, ColorPickerTrigger, InputGroup, InputGroupAddon, InputGroupInput, cn } from "@pixpilot/shadcn";
+import { XIcon } from "lucide-react";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/ColorPickerBase/ColorPickerInput.tsx
 const ColorPickerInput$1 = (props) => {
-	const { slots, onChange,...rest } = props;
-	const { isPickerOpen, value, onValueChange } = useColorPickerContext();
+	const { slots, onChange, onClear, resetOptions, placeholder, title,...rest } = props;
+	const { isPickerOpen, onValueChange } = useColorPickerContext();
+	const { value, isResettable, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton } = useColorPickerResetOptions({
+		resetOptions,
+		onClear
+	});
 	if (onValueChange === void 0) throw new Error("ColorPickerInput must be used within a ColorPickerRoot component");
+	const currentcolor = !isResetValue && value != null && value !== "" ? value : void 0;
+	const inputValue = isResetValue ? "" : value ?? "";
+	const inputPlaceholder = isResetValue ? resetLabel : placeholder;
+	const swatchChildren = isResetValue ? resetIcon ?? slots?.swatch?.children : void 0;
 	return /* @__PURE__ */ jsx(ColorPickerTrigger, {
 		asChild: true,
 		children: /* @__PURE__ */ jsxs(InputGroup, {
 			className: "w-full",
-			children: [/* @__PURE__ */ jsx(InputGroupAddon, {
-				align: "inline-start",
-				children: /* @__PURE__ */ jsx(ColorPickerSwatch$1, {
-					color: value != null && value !== "" ? value : void 0,
-					...slots?.swatch
-				})
-			}), /* @__PURE__ */ jsx(InputGroupInput, {
-				value: value ?? "",
-				...rest,
-				onPointerDown: (e) => {
-					rest.onPointerDown?.(e);
-					if (isPickerOpen) return;
-					e.stopPropagation();
-				},
-				onClick: (e) => {
-					rest.onClick?.(e);
-					if (isPickerOpen) return;
-					e.stopPropagation();
-				},
-				onChange: (e) => {
-					onValueChange(e.target.value);
-					onChange?.(e);
-				}
-			})]
+			children: [
+				/* @__PURE__ */ jsx(InputGroupAddon, {
+					align: "inline-start",
+					children: /* @__PURE__ */ jsx(ColorPickerSwatch$1, {
+						color: currentcolor,
+						...slots?.swatch,
+						children: swatchChildren
+					})
+				}),
+				/* @__PURE__ */ jsx(InputGroupInput, {
+					value: inputValue,
+					...rest,
+					title: isResettable ? resetTooltip : title,
+					placeholder: inputPlaceholder,
+					onPointerDown: (e) => {
+						rest.onPointerDown?.(e);
+						if (isPickerOpen) return;
+						e.stopPropagation();
+					},
+					onClick: (e) => {
+						rest.onClick?.(e);
+						if (isPickerOpen) return;
+						e.stopPropagation();
+					},
+					onChange: (e) => {
+						onValueChange(e.target.value);
+						onChange?.(e);
+					}
+				}),
+				showClearButton ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					align: "inline-end",
+					children: /* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": "Clear color",
+						...slots?.clearButton,
+						className: cn("size-6 shrink-0 rounded-full", slots?.clearButton?.className),
+						onPointerDown: (e) => {
+							slots?.clearButton?.onPointerDown?.(e);
+							if (e.defaultPrevented) return;
+							e.preventDefault();
+							e.stopPropagation();
+						},
+						onClick: (e) => {
+							slots?.clearButton?.onClick?.(e);
+							if (e.defaultPrevented) return;
+							e.preventDefault();
+							e.stopPropagation();
+							handleClear?.();
+						},
+						children: /* @__PURE__ */ jsx(XIcon, { className: "size-4 opacity-50" })
+					})
+				}) : null
+			]
 		})
 	});
 };

package/dist/ColorPickerBase/ColorPickerSwatch.cjs

@@ -10,7 +10,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 const ColorPickerSwatch = (props) => {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.ColorPickerSwatch, {
 		...props,
-		className: (0, __pixpilot_shadcn.cn)("rounded-sm w-6.5 h-6.5 p-0 -ml-1 cursor-pointer", props.className)
+		className: (0, __pixpilot_shadcn.cn)("rounded-sm w-6.5 h-6.5 p-0 -ml-1 cursor-pointer relative flex items-center justify-center", props.className)
 	});
 };
 ColorPickerSwatch.displayName = "ColorPickerSwatch";

package/dist/ColorPickerBase/ColorPickerSwatch.js

@@ -6,7 +6,7 @@ import { jsx } from "react/jsx-runtime";
 const ColorPickerSwatch$1 = (props) => {
 	return /* @__PURE__ */ jsx(ColorPickerSwatch, {
 		...props,
-		className: cn("rounded-sm w-6.5 h-6.5 p-0 -ml-1 cursor-pointer", props.className)
+		className: cn("rounded-sm w-6.5 h-6.5 p-0 -ml-1 cursor-pointer relative flex items-center justify-center", props.className)
 	});
 };
 ColorPickerSwatch$1.displayName = "ColorPickerSwatch";

package/dist/ColorPickerBase/hooks/use-color-picker-reset-options.cjs

@@ -0,0 +1,34 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_color_picker_context = require('../color-picker-context.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let __pixpilot_string = require("@pixpilot/string");
+__pixpilot_string = require_rolldown_runtime.__toESM(__pixpilot_string);
+
+//#region src/ColorPickerBase/hooks/use-color-picker-reset-options.ts
+function useColorPickerResetOptions(params) {
+	const { resetOptions, onClear } = params;
+	const { value, onValueChange } = require_color_picker_context.useColorPickerContext();
+	const isResettable = resetOptions != null;
+	const isResetValue = value === resetOptions?.value;
+	const resetLabel = resetOptions?.label ?? (0, __pixpilot_string.capitalize)(resetOptions?.value ?? "");
+	const resetIcon = resetOptions?.icon;
+	const resetTooltip = resetOptions?.tooltip ?? (0, __pixpilot_string.capitalize)(resetLabel);
+	const handleReset = react.default.useCallback(() => {
+		if (resetOptions != null) onValueChange(resetOptions.value);
+	}, [onValueChange, resetOptions]);
+	const handleClear = onClear ?? (isResettable ? handleReset : void 0);
+	return {
+		value,
+		isResettable,
+		isResetValue,
+		resetLabel,
+		resetTooltip,
+		resetIcon,
+		handleClear,
+		showClearButton: handleClear != null && (onClear != null || isResetValue === false)
+	};
+}
+
+//#endregion
+exports.useColorPickerResetOptions = useColorPickerResetOptions;

package/dist/ColorPickerBase/hooks/use-color-picker-reset-options.js

@@ -0,0 +1,31 @@
+import { useColorPickerContext } from "../color-picker-context.js";
+import React from "react";
+import { capitalize } from "@pixpilot/string";
+
+//#region src/ColorPickerBase/hooks/use-color-picker-reset-options.ts
+function useColorPickerResetOptions(params) {
+	const { resetOptions, onClear } = params;
+	const { value, onValueChange } = useColorPickerContext();
+	const isResettable = resetOptions != null;
+	const isResetValue = value === resetOptions?.value;
+	const resetLabel = resetOptions?.label ?? capitalize(resetOptions?.value ?? "");
+	const resetIcon = resetOptions?.icon;
+	const resetTooltip = resetOptions?.tooltip ?? capitalize(resetLabel);
+	const handleReset = React.useCallback(() => {
+		if (resetOptions != null) onValueChange(resetOptions.value);
+	}, [onValueChange, resetOptions]);
+	const handleClear = onClear ?? (isResettable ? handleReset : void 0);
+	return {
+		value,
+		isResettable,
+		isResetValue,
+		resetLabel,
+		resetTooltip,
+		resetIcon,
+		handleClear,
+		showClearButton: handleClear != null && (onClear != null || isResetValue === false)
+	};
+}
+
+//#endregion
+export { useColorPickerResetOptions };

package/dist/ColorPickerBase/index.d.cts

@@ -1,4 +1,4 @@
-import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerRootProps, PresetColor } from "./types.cjs";
+import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor } from "./types.cjs";
 import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./color-palette/ColorPalette.cjs";
 import { COLOR_PICKER_PALETTE_BUTTON_CLASSES, ColorPickerPaletteButton, ColorPickerPaletteButtonProps } from "./color-palette/PaletteButton.cjs";
 import { ColorPickerPaletteSwatch } from "./color-palette/PaletteSwatch.cjs";

package/dist/ColorPickerBase/index.d.ts

@@ -1,4 +1,4 @@
-import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerRootProps, PresetColor } from "./types.js";
+import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor } from "./types.js";
 import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./color-palette/ColorPalette.js";
 import { COLOR_PICKER_PALETTE_BUTTON_CLASSES, ColorPickerPaletteButton, ColorPickerPaletteButtonProps } from "./color-palette/PaletteButton.js";
 import { ColorPickerPaletteSwatch } from "./color-palette/PaletteSwatch.js";

package/dist/ColorPickerBase/types.d.cts

@@ -1,4 +1,5 @@
 import { ColorPickerContent, ColorPickerProps } from "@pixpilot/shadcn";
+import { ReactNode } from "react";
 
 //#region src/ColorPickerBase/types.d.ts
 interface PresetColor {
@@ -35,5 +36,11 @@ interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'chil
     isPickerOpen: boolean;
   }) => React.ReactNode);
 }
+interface ColorPickerResetOptions {
+  value: string;
+  label?: string;
+  icon?: ReactNode;
+  tooltip?: string;
+}
 //#endregion
-export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerRootProps, PresetColor };
+export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor };

package/dist/ColorPickerBase/types.d.ts

@@ -1,4 +1,5 @@
 import { ColorPickerContent, ColorPickerProps } from "@pixpilot/shadcn";
+import { ReactNode } from "react";
 
 //#region src/ColorPickerBase/types.d.ts
 interface PresetColor {
@@ -35,5 +36,11 @@ interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'chil
     isPickerOpen: boolean;
   }) => React.ReactNode);
 }
+interface ColorPickerResetOptions {
+  value: string;
+  label?: string;
+  icon?: ReactNode;
+  tooltip?: string;
+}
 //#endregion
-export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerRootProps, PresetColor };
+export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor };

package/dist/ColorSelect.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/ColorSelect.d.ts
 interface ColorSelectOption {
@@ -15,6 +15,6 @@ type BaseColorSelectProps = {
   placeholder?: string;
   keyboardMode?: 'cycle' | 'dropdown';
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime3.JSX.Element;
+declare function ColorSelect(props: BaseColorSelectProps): react_jsx_runtime2.JSX.Element;
 //#endregion
 export { BaseColorSelectProps, ColorSelect, ColorSelectOption };

package/dist/ContentCard.d.ts

@@ -1,6 +1,6 @@
 import { Card } from "@pixpilot/shadcn";
 import React, { ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/ContentCard.d.ts
 interface SectionCardProps extends React.ComponentProps<typeof Card> {
@@ -8,7 +8,7 @@ interface SectionCardProps extends React.ComponentProps<typeof Card> {
   children: ReactNode;
   marginBottom?: boolean;
 }
-declare function ContentCard(props: SectionCardProps): react_jsx_runtime0.JSX.Element;
+declare function ContentCard(props: SectionCardProps): react_jsx_runtime3.JSX.Element;
 declare namespace ContentCard {
   var displayName: string;
 }

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { DialogContent } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 import * as _radix_ui_react_dialog0 from "@radix-ui/react-dialog";
@@ -13,14 +13,14 @@ declare const DialogContent$1: React$1.ForwardRefExoticComponent<Omit<_radix_ui_
 declare function DialogHeader({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime10.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 //#endregion
 export { DialogBody, DialogContent$1 as DialogContent, DialogContentProps, DialogFooter, DialogHeader };

package/dist/file-upload/FileUpload.d.cts

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.cjs";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime9.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { FileUpload };

package/dist/file-upload-inline/FileUploadInline.d.cts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime13.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-inline/FileUploadInline.d.ts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime12.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/file-upload-root/FileUploadRoot.d.cts

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/file-upload-root/FileUploadRoot.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime14.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime13.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/file-upload-root/FileUploadRoot.d.ts

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.js";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/file-upload-root/FileUploadRoot.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime13.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime12.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/index.d.cts

@@ -13,7 +13,9 @@ import { CircleLoader, CircleLoaderProps } from "./circle-loader/circle-loader.c
 import "./circle-loader/index.cjs";
 import { CloseButtonRounded, CloseButtonRoundedProps } from "./CloseButtonRounded.cjs";
 import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./CloseButtonAbsolute.cjs";
-import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerRootProps, PresetColor } from "./ColorPickerBase/types.cjs";
+import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor } from "./ColorPickerBase/types.cjs";
+import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.cjs";
+import "./ColorPicker/index.cjs";
 import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./ColorPickerBase/color-palette/ColorPalette.cjs";
 import { COLOR_PICKER_PALETTE_BUTTON_CLASSES, ColorPickerPaletteButton, ColorPickerPaletteButtonProps } from "./ColorPickerBase/color-palette/PaletteButton.cjs";
 import { ColorPickerPaletteSwatch } from "./ColorPickerBase/color-palette/PaletteSwatch.cjs";
@@ -29,8 +31,6 @@ import { ColorPickerFullControls, ColorPickerFullControlsProps } from "./ColorPi
 import { ColorPickerInput, ColorPickerInputProps } from "./ColorPickerBase/ColorPickerInput.cjs";
 import { ColorPickerRoot } from "./ColorPickerBase/ColorPickerRoot.cjs";
 import "./ColorPickerBase/index.cjs";
-import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.cjs";
-import "./ColorPicker/index.cjs";
 import { BaseColorSelectProps, ColorSelect, ColorSelectOption } from "./ColorSelect.cjs";
 import { Combobox } from "./Combobox.cjs";
 import { ConfirmationDialogProps, ConfirmationDialogVariant } from "./confirmation-dialog/ConfirmationDialog.cjs";
@@ -101,4 +101,4 @@ import "./toast/index.cjs";
 import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.cjs";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.cjs";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadCallbacks, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContentProps, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerResetOptions, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadCallbacks, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/index.d.ts

@@ -13,7 +13,9 @@ import { CircleLoader, CircleLoaderProps } from "./circle-loader/circle-loader.j
 import "./circle-loader/index.js";
 import { CloseButtonRounded, CloseButtonRoundedProps } from "./CloseButtonRounded.js";
 import { CloseButtonAbsolute, PopoverCloseButtonProps } from "./CloseButtonAbsolute.js";
-import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerRootProps, PresetColor } from "./ColorPickerBase/types.js";
+import { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor } from "./ColorPickerBase/types.js";
+import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.js";
+import "./ColorPicker/index.js";
 import { COMMON_COLORS, ColorPickerColorPalette, ColorPickerColorPaletteProps } from "./ColorPickerBase/color-palette/ColorPalette.js";
 import { COLOR_PICKER_PALETTE_BUTTON_CLASSES, ColorPickerPaletteButton, ColorPickerPaletteButtonProps } from "./ColorPickerBase/color-palette/PaletteButton.js";
 import { ColorPickerPaletteSwatch } from "./ColorPickerBase/color-palette/PaletteSwatch.js";
@@ -29,8 +31,6 @@ import { ColorPickerFullControls, ColorPickerFullControlsProps } from "./ColorPi
 import { ColorPickerInput, ColorPickerInputProps } from "./ColorPickerBase/ColorPickerInput.js";
 import { ColorPickerRoot } from "./ColorPickerBase/ColorPickerRoot.js";
 import "./ColorPickerBase/index.js";
-import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.js";
-import "./ColorPicker/index.js";
 import { BaseColorSelectProps, ColorSelect, ColorSelectOption } from "./ColorSelect.js";
 import { Combobox } from "./Combobox.js";
 import { ConfirmationDialogProps, ConfirmationDialogVariant } from "./confirmation-dialog/ConfirmationDialog.js";
@@ -101,4 +101,4 @@ import "./toast/index.js";
 import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue } from "./ToggleGroup.js";
 import { isSvgMarkupString, svgMarkupToMaskUrl } from "./utils/svg.js";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadCallbacks, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertToastProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps, ButtonGroup, ButtonGroupProps, ButtonGroupSeparator, ButtonGroupText, ButtonProps, COLOR_PICKER_PALETTE_BUTTON_CLASSES, COMMON_COLORS, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerAlphaSlider, ColorPickerArea, ColorPickerBase, ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerButton, ColorPickerButtonProps, ColorPickerColorPalette, ColorPickerColorPaletteProps, ColorPickerCompactControls, ColorPickerCompactControlsProps, ColorPickerContent, ColorPickerContentProps, ColorPickerContext, Consumer as ColorPickerContextContextConsumer, Provider as ColorPickerContextContextProvider, ColorPickerContextStates, ColorPickerControls, ColorPickerControlsProps, ColorPickerEyeDropper, ColorPickerFormatControls, ColorPickerFormatControlsProps, ColorPickerFormatInput, ColorPickerFormatInputProps, ColorPickerFormatSelect, ColorPickerFullControls, ColorPickerFullControlsProps, ColorPickerHueSlider, ColorPickerInput, ColorPickerInputProps, ColorPickerPaletteButton, ColorPickerPaletteButtonProps, ColorPickerPaletteSwatch, ColorPickerProps, ColorPickerResetOptions, ColorPickerRoot, ColorPickerRootProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ConfirmationDialogVariant, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogContentProps, DialogDescription, DialogFooter, DialogHeader, DialogProvider, DialogProviderProps, DialogTitle, DialogTrigger, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadCallbacks, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, FileUploadRoot, FileUploadRootItem, FileUploadRootItemProps, FileUploadRootProps, FileUploadRootPropsBaseProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, IconToggle, IconToggleProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoadingOverlay, LoadingOverlayProps, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, Popover, PopoverAnchor, PopoverCloseButtonProps, PopoverContent, PopoverContentProps, PopoverContentUnstyled, PopoverTrigger, PresetColor, Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps, RichTextEditor, RichTextEditorProps, RichTextEditorSlots, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectContentProps, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputInline, TagsInputInlineItem, TagsInputInlineProps, TagsInputProps, ThemeModeDropdown, ThemeModeDropdownProps, ThemeModeSwitchInside, ThemeModeSwitchInsideProps, ThemeModeSwitchInsideSize, ThemeModeSwitchOutside, ThemeModeSwitchOutsideProps, ThemeModeToggleButton, ThemeModeToggleButtonProps, ThemeProvider, ThemeProviderProps, ToastFunction, ToastMessage, Toaster, ToggleButton, ToggleButtonProps, ToggleGroup, ToggleGroupItem, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValue, ToolbarItems, cn, isSvgMarkupString, showConfirmDialog, svgMarkupToMaskUrl, toast, useColorPickerContext, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
 
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input(props: InputProps$1): react_jsx_runtime8.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Input, InputProps$1 as InputProps };

package/dist/tags-input/TagsInput.d.cts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -57,6 +57,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime16.JSX.Element;
+}: TagsInputProps): react_jsx_runtime20.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInput.d.ts

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.js";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -57,6 +57,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime20.JSX.Element;
+}: TagsInputProps): react_jsx_runtime15.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

package/dist/tags-input/TagsInputInline.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime19 from "react/jsx-runtime";
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from "react";
 
 //#region src/tags-input/TagsInputInline.d.ts
@@ -75,6 +75,6 @@ declare function TagsInputInline({
   canAddCurrentValue,
   onAddCurrentInput,
   showClear
-}: TagsInputInlineProps): react_jsx_runtime15.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

package/dist/theme-toggle/ThemeModeDropdown.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime16 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeDropdown.d.ts
 interface ThemeModeDropdownProps {
@@ -17,7 +17,7 @@ interface ThemeModeDropdownProps {
  * Provides Light / Dark / System options.
  * Pure component - requires themeValue and onChange props.
  */
-declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime18.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime16.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeSwitchInside.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime17 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchInside.d.ts
 type ThemeModeSwitchInsideSize = 'sm' | 'md' | 'lg';
@@ -25,7 +25,7 @@ interface ThemeModeSwitchInsideProps {
  * Icons are embedded within the switch control.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime19.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeSwitchOutside.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime18 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeSwitchOutside.d.ts
 interface ThemeModeSwitchOutsideProps {
@@ -22,7 +22,7 @@ interface ThemeModeSwitchOutsideProps {
  * Icons flank the switch control on either side.
  * Pure component - requires value and onChange props.
  */
-declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime20.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime18.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeToggleButton.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime17.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime15.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/dist/theme-toggle/ThemeModeToggleButton.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime15.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime20.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.18.1",
+  "version": "1.19.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -33,6 +33,7 @@
     "@iconify-json/mdi": "^1.2.3",
     "@iconify/react": "^6.0.2",
     "@pixpilot/hash": "^0.2.0",
+    "@pixpilot/string": "^3.0.0",
     "@tailwindcss/typography": "^0.5.19",
     "@tanstack/react-virtual": "^3.13.23",
     "@tiptap/core": "^3.22.3",
@@ -65,8 +66,8 @@
     "@internal/eslint-config": "0.3.0",
     "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
-    "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
+    "@internal/tsconfig": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",