@pixpilot/shadcn-ui 1.19.3 → 1.20.0

package/dist/ColorPickerBase/ColorPickerButton.cjs

@@ -15,7 +15,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 const ColorPickerButton = (props) => {
 	const { slots, formatDisplayValue, placeholder = "Pick a color", onClear, resetOptions, title,...rest } = props;
 	const { isPickerOpen, onValueChange } = require_color_picker_context.useColorPickerContext();
-	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, currentcolor } = require_use_color_picker_reset_options.useColorPickerResetOptions({
+	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, swatchColor } = require_use_color_picker_reset_options.useColorPickerResetOptions({
 		resetOptions,
 		onClear
 	});
@@ -38,7 +38,8 @@ const ColorPickerButton = (props) => {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
 					align: "inline-start",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerSwatch.ColorPickerSwatch, {
-						color: currentcolor,
+						color: swatchColor,
+						resetOptions,
 						...slots?.swatch,
 						children: swatchChildren
 					})

package/dist/ColorPickerBase/ColorPickerButton.d.cts

@@ -1,6 +1,4 @@
-import { ColorPickerResetOptions } from "./types.cjs";
-import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.cjs";
-import { Button } from "@pixpilot/shadcn";
+import { ColorPickerResetOptions, ColorPickerSlots } from "./types.cjs";
 import React from "react";
 
 //#region src/ColorPickerBase/ColorPickerButton.d.ts
@@ -9,10 +7,7 @@ interface ColorPickerButtonProps extends Omit<React.ComponentPropsWithoutRef<'di
   placeholder?: string;
   onClear?: () => void;
   resetOptions?: ColorPickerResetOptions;
-  slots?: {
-    swatch?: React.ComponentProps<typeof ColorPickerSwatch$1>;
-    clearButton?: React.ComponentProps<typeof Button>;
-  };
+  slots?: ColorPickerSlots;
 }
 declare const ColorPickerButton: React.FC<ColorPickerButtonProps>;
 //#endregion

package/dist/ColorPickerBase/ColorPickerButton.d.ts

@@ -1,6 +1,4 @@
-import { ColorPickerResetOptions } from "./types.js";
-import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.js";
-import { Button } from "@pixpilot/shadcn";
+import { ColorPickerResetOptions, ColorPickerSlots } from "./types.js";
 import React from "react";
 
 //#region src/ColorPickerBase/ColorPickerButton.d.ts
@@ -9,10 +7,7 @@ interface ColorPickerButtonProps extends Omit<React.ComponentPropsWithoutRef<'di
   placeholder?: string;
   onClear?: () => void;
   resetOptions?: ColorPickerResetOptions;
-  slots?: {
-    swatch?: React.ComponentProps<typeof ColorPickerSwatch$1>;
-    clearButton?: React.ComponentProps<typeof Button>;
-  };
+  slots?: ColorPickerSlots;
 }
 declare const ColorPickerButton: React.FC<ColorPickerButtonProps>;
 //#endregion

package/dist/ColorPickerBase/ColorPickerButton.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const ColorPickerButton = (props) => {
 	const { slots, formatDisplayValue, placeholder = "Pick a color", onClear, resetOptions, title,...rest } = props;
 	const { isPickerOpen, onValueChange } = useColorPickerContext();
-	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, currentcolor } = useColorPickerResetOptions({
+	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, swatchColor } = useColorPickerResetOptions({
 		resetOptions,
 		onClear
 	});
@@ -31,7 +31,8 @@ const ColorPickerButton = (props) => {
 				/* @__PURE__ */ jsx(InputGroupAddon, {
 					align: "inline-start",
 					children: /* @__PURE__ */ jsx(ColorPickerSwatch$1, {
-						color: currentcolor,
+						color: swatchColor,
+						resetOptions,
 						...slots?.swatch,
 						children: swatchChildren
 					})

package/dist/ColorPickerBase/ColorPickerInput.cjs

@@ -15,7 +15,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 const ColorPickerInput = (props) => {
 	const { slots, onChange, onClear, resetOptions, placeholder, title,...rest } = props;
 	const { isPickerOpen, onValueChange } = require_color_picker_context.useColorPickerContext();
-	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, currentcolor } = require_use_color_picker_reset_options.useColorPickerResetOptions({
+	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, swatchColor } = require_use_color_picker_reset_options.useColorPickerResetOptions({
 		resetOptions,
 		onClear
 	});
@@ -33,7 +33,8 @@ const ColorPickerInput = (props) => {
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
 					align: "inline-start",
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerSwatch.ColorPickerSwatch, {
-						color: currentcolor,
+						color: swatchColor,
+						resetOptions,
 						...slots?.swatch,
 						children: swatchChildren
 					})

package/dist/ColorPickerBase/ColorPickerInput.d.cts

@@ -1,17 +1,12 @@
-import { ColorPickerResetOptions } from "./types.cjs";
-import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.cjs";
-import { Button } from "@pixpilot/shadcn";
+import { ColorPickerResetOptions, ColorPickerSlots } from "./types.cjs";
 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$1>;
-    clearButton?: React.ComponentProps<typeof Button>;
-  };
+  slots?: ColorPickerSlots;
 }
-declare const ColorPickerInput$1: React.FC<ColorPickerInputProps>;
+declare const ColorPickerInput: React.FC<ColorPickerInputProps>;
 //#endregion
-export { ColorPickerInput$1 as ColorPickerInput, ColorPickerInputProps };
+export { ColorPickerInput, ColorPickerInputProps };

package/dist/ColorPickerBase/ColorPickerInput.d.ts

@@ -1,17 +1,12 @@
-import { ColorPickerResetOptions } from "./types.js";
-import { ColorPickerSwatch as ColorPickerSwatch$1 } from "./ColorPickerSwatch.js";
-import { Button } from "@pixpilot/shadcn";
+import { ColorPickerResetOptions, ColorPickerSlots } from "./types.js";
 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$1>;
-    clearButton?: React.ComponentProps<typeof Button>;
-  };
+  slots?: ColorPickerSlots;
 }
-declare const ColorPickerInput$1: React.FC<ColorPickerInputProps>;
+declare const ColorPickerInput: React.FC<ColorPickerInputProps>;
 //#endregion
-export { ColorPickerInput$1 as ColorPickerInput, ColorPickerInputProps };
+export { ColorPickerInput, ColorPickerInputProps };

package/dist/ColorPickerBase/ColorPickerInput.js

@@ -10,7 +10,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const ColorPickerInput$1 = (props) => {
 	const { slots, onChange, onClear, resetOptions, placeholder, title,...rest } = props;
 	const { isPickerOpen, onValueChange } = useColorPickerContext();
-	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, currentcolor } = useColorPickerResetOptions({
+	const { value, isResetValue, resetLabel, resetTooltip, resetIcon, handleClear, showClearButton, swatchColor } = useColorPickerResetOptions({
 		resetOptions,
 		onClear
 	});
@@ -26,7 +26,8 @@ const ColorPickerInput$1 = (props) => {
 				/* @__PURE__ */ jsx(InputGroupAddon, {
 					align: "inline-start",
 					children: /* @__PURE__ */ jsx(ColorPickerSwatch$1, {
-						color: currentcolor,
+						color: swatchColor,
+						resetOptions,
 						...slots?.swatch,
 						children: swatchChildren
 					})

package/dist/ColorPickerBase/ColorPickerSwatch.cjs

@@ -8,8 +8,10 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/ColorPickerBase/ColorPickerSwatch.tsx
 const ColorPickerSwatch = (props) => {
+	const { resetOptions } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.ColorPickerSwatch, {
 		...props,
+		style: { backgroundColor: props.color === resetOptions?.value ? resetOptions?.swatchColor : props.color },
 		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)
 	});
 };

package/dist/ColorPickerBase/ColorPickerSwatch.js

@@ -4,8 +4,10 @@ import { jsx } from "react/jsx-runtime";
 
 //#region src/ColorPickerBase/ColorPickerSwatch.tsx
 const ColorPickerSwatch$1 = (props) => {
+	const { resetOptions } = props;
 	return /* @__PURE__ */ jsx(ColorPickerSwatch, {
 		...props,
+		style: { backgroundColor: props.color === resetOptions?.value ? resetOptions?.swatchColor : props.color },
 		className: cn("rounded-sm w-6.5 h-6.5 p-0 -ml-1 cursor-pointer relative flex items-center justify-center", props.className)
 	});
 };

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

@@ -14,7 +14,7 @@ function useColorPickerResetOptions(params) {
 	const resetLabel = resetOptions?.label ?? (0, __pixpilot_string.capitalize)(resetOptions?.value ?? "");
 	const resetIcon = resetOptions?.icon;
 	const resetTooltip = resetOptions?.tooltip ?? (0, __pixpilot_string.capitalize)(resetLabel);
-	const currentcolor = !isResetValue && value != null && value !== "" ? value : void 0;
+	const currentcolor = !isResetValue && !(0, __pixpilot_string.isEmptyStringOrNil)(value) ? value : void 0;
 	const handleReset = react.default.useCallback(() => {
 		if (resetOptions != null) onValueChange(resetOptions.value);
 	}, [onValueChange, resetOptions]);
@@ -28,7 +28,7 @@ function useColorPickerResetOptions(params) {
 		resetIcon,
 		handleClear,
 		showClearButton: handleClear != null && (onClear != null || isResetValue === false),
-		currentcolor
+		swatchColor: isResetValue ? resetOptions?.swatchColor ?? "transparent" : currentcolor
 	};
 }
 

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

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

package/dist/ColorPickerBase/types.d.cts

@@ -1,5 +1,5 @@
-import { ColorPickerContent, ColorPickerProps } from "@pixpilot/shadcn";
-import { ReactNode } from "react";
+import { Button, ColorPickerContent, ColorPickerProps, ColorPickerSwatch } from "@pixpilot/shadcn";
+import { ComponentProps, ReactNode } from "react";
 
 //#region src/ColorPickerBase/types.d.ts
 interface PresetColor {
@@ -41,6 +41,11 @@ interface ColorPickerResetOptions {
   label?: string;
   icon?: ReactNode;
   tooltip?: string;
+  swatchColor?: string;
+}
+interface ColorPickerSlots {
+  swatch?: ComponentProps<typeof ColorPickerSwatch>;
+  clearButton?: ComponentProps<typeof Button>;
 }
 //#endregion
-export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor };
+export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerResetOptions, ColorPickerRootProps, ColorPickerSlots, PresetColor };

package/dist/ColorPickerBase/types.d.ts

@@ -1,5 +1,5 @@
-import { ColorPickerContent, ColorPickerProps } from "@pixpilot/shadcn";
-import { ReactNode } from "react";
+import { Button, ColorPickerContent, ColorPickerProps, ColorPickerSwatch } from "@pixpilot/shadcn";
+import { ComponentProps, ReactNode } from "react";
 
 //#region src/ColorPickerBase/types.d.ts
 interface PresetColor {
@@ -41,6 +41,11 @@ interface ColorPickerResetOptions {
   label?: string;
   icon?: ReactNode;
   tooltip?: string;
+  swatchColor?: string;
+}
+interface ColorPickerSlots {
+  swatch?: ComponentProps<typeof ColorPickerSwatch>;
+  clearButton?: ComponentProps<typeof Button>;
 }
 //#endregion
-export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerResetOptions, ColorPickerRootProps, PresetColor };
+export { ColorPickerBaseProps, ColorPickerBaseSection, ColorPickerContentProps, ColorPickerContentWrapperProps, ColorPickerResetOptions, ColorPickerRootProps, ColorPickerSlots, PresetColor };

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime11 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_runtime11.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime9.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime11.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-inline/FileUploadInline.d.cts

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime14.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime17.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_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime18 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_runtime10.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime18.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_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/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime12 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_runtime16.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Input, InputProps$1 as InputProps };

package/dist/input/Input.d.ts

@@ -1,6 +1,6 @@
 import { InputProps } from "@pixpilot/shadcn";
 import * as React$1 from "react";
-import * as react_jsx_runtime13 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/input/Input.d.ts
 type InputProps$1 = InputProps & {
@@ -10,6 +10,6 @@ type InputProps$1 = InputProps & {
   prefixClassName?: string;
   suffixClassName?: string;
 };
-declare function Input$1(props: InputProps$1): react_jsx_runtime13.JSX.Element;
+declare function Input$1(props: InputProps$1): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { Input$1 as 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_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime15.JSX.Element;
+}: TagsInputProps): react_jsx_runtime19.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime9.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime20.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_runtime13 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_runtime13.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

@@ -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/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_runtime20.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime18.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_runtime14 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_runtime14.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime19 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_runtime18.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime19.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_runtime15 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_runtime15.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime20 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_runtime19.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime20.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_runtime16 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_runtime16.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "1.19.3",
+  "version": "1.20.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -48,7 +48,7 @@
     "pretty-bytes": "^7.1.0",
     "react-responsive": "^10.0.1",
     "sonner": "2.0.7",
-    "@pixpilot/shadcn": "1.2.5"
+    "@pixpilot/shadcn": "1.2.6"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.18",
@@ -63,12 +63,12 @@
     "tailwindcss": "^4.2.2",
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
-    "@internal/eslint-config": "0.3.0",
     "@internal/hooks": "0.0.0",
+    "@internal/eslint-config": "0.3.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsdown-config": "0.1.0",
-    "@internal/vitest-config": "0.1.0",
-    "@internal/tsconfig": "0.1.0"
+    "@internal/tsconfig": "0.1.0",
+    "@internal/vitest-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {

package/dist/ColorPickerBase/ColorPickerSwatch.d.cts

@@ -1,8 +0,0 @@
-import { ColorPickerSwatch } from "@pixpilot/shadcn";
-import React from "react";
-
-//#region src/ColorPickerBase/ColorPickerSwatch.d.ts
-interface ColorPickerSwatchProps extends React.ComponentProps<typeof ColorPickerSwatch> {}
-declare const ColorPickerSwatch$1: React.FC<ColorPickerSwatchProps>;
-//#endregion
-export { ColorPickerSwatch$1 as ColorPickerSwatch };

package/dist/ColorPickerBase/ColorPickerSwatch.d.ts

@@ -1,8 +0,0 @@
-import { ColorPickerSwatch } from "@pixpilot/shadcn";
-import React from "react";
-
-//#region src/ColorPickerBase/ColorPickerSwatch.d.ts
-interface ColorPickerSwatchProps extends React.ComponentProps<typeof ColorPickerSwatch> {}
-declare const ColorPickerSwatch$1: React.FC<ColorPickerSwatchProps>;
-//#endregion
-export { ColorPickerSwatch$1 as ColorPickerSwatch };