@pixpilot/shadcn-ui 0.20.0 → 0.21.0

package/dist/ColorPickerBase/ColorPickerBase.cjs

@@ -15,22 +15,70 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/ColorPickerBase/ColorPickerBase.tsx
 const commonColors = [
-	"#00000000",
-	"#000000",
-	"#FFFFFF",
-	"#808080",
-	"#FF0000",
-	"#FFA500",
-	"#FFFF00",
-	"#84CC16",
-	"#22C55E",
-	"#14B8A6",
-	"#00FFFF",
-	"#3B82F6",
-	"#6366F1",
-	"#A855F7",
-	"#EC4899",
-	"#A52A2A"
+	{
+		label: "Transparent",
+		value: "#00000000"
+	},
+	{
+		label: "Black",
+		value: "#000000"
+	},
+	{
+		label: "White",
+		value: "#FFFFFF"
+	},
+	{
+		label: "Gray",
+		value: "#808080"
+	},
+	{
+		label: "Red",
+		value: "#FF0000"
+	},
+	{
+		label: "Orange",
+		value: "#FFA500"
+	},
+	{
+		label: "Yellow",
+		value: "#FFFF00"
+	},
+	{
+		label: "Lime",
+		value: "#84CC16"
+	},
+	{
+		label: "Green",
+		value: "#22C55E"
+	},
+	{
+		label: "Teal",
+		value: "#14B8A6"
+	},
+	{
+		label: "Cyan",
+		value: "#00FFFF"
+	},
+	{
+		label: "Blue",
+		value: "#3B82F6"
+	},
+	{
+		label: "Indigo",
+		value: "#6366F1"
+	},
+	{
+		label: "Purple",
+		value: "#A855F7"
+	},
+	{
+		label: "Pink",
+		value: "#EC4899"
+	},
+	{
+		label: "Brown",
+		value: "#A52A2A"
+	}
 ];
 const DEFAULT_COLOR = "#000000";
 const ColorPickerBase = (props) => {

package/dist/ColorPickerBase/ColorPickerBase.js

@@ -11,22 +11,70 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/ColorPickerBase/ColorPickerBase.tsx
 const commonColors = [
-	"#00000000",
-	"#000000",
-	"#FFFFFF",
-	"#808080",
-	"#FF0000",
-	"#FFA500",
-	"#FFFF00",
-	"#84CC16",
-	"#22C55E",
-	"#14B8A6",
-	"#00FFFF",
-	"#3B82F6",
-	"#6366F1",
-	"#A855F7",
-	"#EC4899",
-	"#A52A2A"
+	{
+		label: "Transparent",
+		value: "#00000000"
+	},
+	{
+		label: "Black",
+		value: "#000000"
+	},
+	{
+		label: "White",
+		value: "#FFFFFF"
+	},
+	{
+		label: "Gray",
+		value: "#808080"
+	},
+	{
+		label: "Red",
+		value: "#FF0000"
+	},
+	{
+		label: "Orange",
+		value: "#FFA500"
+	},
+	{
+		label: "Yellow",
+		value: "#FFFF00"
+	},
+	{
+		label: "Lime",
+		value: "#84CC16"
+	},
+	{
+		label: "Green",
+		value: "#22C55E"
+	},
+	{
+		label: "Teal",
+		value: "#14B8A6"
+	},
+	{
+		label: "Cyan",
+		value: "#00FFFF"
+	},
+	{
+		label: "Blue",
+		value: "#3B82F6"
+	},
+	{
+		label: "Indigo",
+		value: "#6366F1"
+	},
+	{
+		label: "Purple",
+		value: "#A855F7"
+	},
+	{
+		label: "Pink",
+		value: "#EC4899"
+	},
+	{
+		label: "Brown",
+		value: "#A52A2A"
+	}
 ];
 const DEFAULT_COLOR = "#000000";
 const ColorPickerBase = (props) => {

package/dist/ColorPickerBase/ColorPickerCompact.cjs

@@ -31,7 +31,7 @@ const ColorPickerCompact = react.default.memo((props) => {
 				children: [presetColors.map((color) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteSwatch.PaletteSwatch, {
 					color,
 					onSelect: onValueChange
-				}, color)), layout === "compact" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteButton.PaletteButton, {
+				}, color.value)), layout === "compact" && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteButton.PaletteButton, {
 					onClick: () => setShowFullPicker(!showFullPicker),
 					"aria-label": "Toggle full color picker",
 					className: "flex items-center justify-center border-input bg-input hover:bg-accent hover:text-accent-foreground",

package/dist/ColorPickerBase/ColorPickerCompact.js

@@ -26,7 +26,7 @@ const ColorPickerCompact = React.memo((props) => {
 				children: [presetColors.map((color) => /* @__PURE__ */ jsx(PaletteSwatch, {
 					color,
 					onSelect: onValueChange
-				}, color)), layout === "compact" && /* @__PURE__ */ jsx(PaletteButton, {
+				}, color.value)), layout === "compact" && /* @__PURE__ */ jsx(PaletteButton, {
 					onClick: () => setShowFullPicker(!showFullPicker),
 					"aria-label": "Toggle full color picker",
 					className: "flex items-center justify-center border-input bg-input hover:bg-accent hover:text-accent-foreground",

package/dist/ColorPickerBase/ColorPickerFull.cjs

@@ -25,7 +25,7 @@ const ColorPickerFull = react.default.memo((props) => {
 			children: presetColors.map((color) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteSwatch.PaletteSwatch, {
 				color,
 				onSelect: onValueChange
-			}, color))
+			}, color.value))
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 			className: "flex items-center gap-2 w-full",

package/dist/ColorPickerBase/ColorPickerFull.js

@@ -21,7 +21,7 @@ const ColorPickerFull = React.memo((props) => {
 			children: presetColors.map((color) => /* @__PURE__ */ jsx(PaletteSwatch, {
 				color,
 				onSelect: onValueChange
-			}, color))
+			}, color.value))
 		}),
 		/* @__PURE__ */ jsxs("div", {
 			className: "flex items-center gap-2 w-full",

package/dist/ColorPickerBase/PaletteSwatch.cjs

@@ -1,5 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
 const require_PaletteButton = require('./PaletteButton.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
 let react = require("react");
 react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -7,17 +9,27 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/ColorPickerBase/PaletteSwatch.tsx
 const PaletteSwatch = ({ color, onSelect, className }) => {
+	const colorValue = color?.value ?? "rgb(0,0,0,0)";
+	const colorLabel = color?.label;
 	const handleClick = (0, react.useCallback)(() => {
-		if (onSelect) onSelect(color ?? "rgb(0,0,0,0)");
-	}, [color, onSelect]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteButton.PaletteButton, {
+		if (onSelect) onSelect(colorValue);
+	}, [colorValue, onSelect]);
+	const button = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_PaletteButton.PaletteButton, {
 		style: {
-			backgroundImage: `linear-gradient(${color}, ${color}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%)`,
+			backgroundImage: `linear-gradient(${colorValue}, ${colorValue}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%)`,
 			backgroundSize: "auto, 8px 8px"
 		},
 		className,
 		onClick: handleClick
 	});
+	if (colorLabel === null || colorLabel === void 0 || colorLabel === "") return button;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, {
+		side: "top",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: colorLabel })
+	})] });
 };
 
 //#endregion

package/dist/ColorPickerBase/PaletteSwatch.js

@@ -1,20 +1,31 @@
 import { PaletteButton } from "./PaletteButton.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@pixpilot/shadcn";
 import { useCallback } from "react";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/ColorPickerBase/PaletteSwatch.tsx
 const PaletteSwatch = ({ color, onSelect, className }) => {
+	const colorValue = color?.value ?? "rgb(0,0,0,0)";
+	const colorLabel = color?.label;
 	const handleClick = useCallback(() => {
-		if (onSelect) onSelect(color ?? "rgb(0,0,0,0)");
-	}, [color, onSelect]);
-	return /* @__PURE__ */ jsx(PaletteButton, {
+		if (onSelect) onSelect(colorValue);
+	}, [colorValue, onSelect]);
+	const button = /* @__PURE__ */ jsx(PaletteButton, {
 		style: {
-			backgroundImage: `linear-gradient(${color}, ${color}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%)`,
+			backgroundImage: `linear-gradient(${colorValue}, ${colorValue}), repeating-conic-gradient(#ccc 0% 25%, #fff 0% 50%)`,
 			backgroundSize: "auto, 8px 8px"
 		},
 		className,
 		onClick: handleClick
 	});
+	if (colorLabel === null || colorLabel === void 0 || colorLabel === "") return button;
+	return /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+		asChild: true,
+		children: button
+	}), /* @__PURE__ */ jsx(TooltipContent, {
+		side: "top",
+		children: /* @__PURE__ */ jsx("p", { children: colorLabel })
+	})] });
 };
 
 //#endregion

package/dist/ColorPickerBase/index.d.ts

@@ -1,2 +1,2 @@
-import { ColorPickerBaseProps } from "./types.js";
+import { ColorPickerBaseProps, PresetColor } from "./types.js";
 import { ColorPickerBase } from "./ColorPickerBase.js";

package/dist/ColorPickerBase/types.d.cts

@@ -1,10 +1,14 @@
 import { ColorPickerProps } from "@pixpilot/shadcn";
 
 //#region src/ColorPickerBase/types.d.ts
+interface PresetColor {
+  label: string;
+  value: string;
+}
 interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'children'> {
   value?: string;
   onChange?: (value: string) => void;
-  presetColors?: string[];
+  presetColors?: PresetColor[];
   layout?: 'full' | 'compact';
   children: (props: {
     value?: string;
@@ -13,4 +17,4 @@ interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'chil
   }) => React.ReactNode;
 }
 //#endregion
-export { ColorPickerBaseProps };
+export { ColorPickerBaseProps, PresetColor };

package/dist/ColorPickerBase/types.d.ts

@@ -1,10 +1,14 @@
 import { ColorPickerProps } from "@pixpilot/shadcn";
 
 //#region src/ColorPickerBase/types.d.ts
+interface PresetColor {
+  label: string;
+  value: string;
+}
 interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'children'> {
   value?: string;
   onChange?: (value: string) => void;
-  presetColors?: string[];
+  presetColors?: PresetColor[];
   layout?: 'full' | 'compact';
   children: (props: {
     value?: string;
@@ -13,4 +17,4 @@ interface ColorPickerBaseProps extends Omit<ColorPickerProps, 'onChange' | 'chil
   }) => React.ReactNode;
 }
 //#endregion
-export { ColorPickerBaseProps };
+export { ColorPickerBaseProps, PresetColor };

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

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

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

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.js";
-import * as react_jsx_runtime7 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_runtime7.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 export { FileUpload };

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

@@ -1,10 +1,10 @@
 import { FileUploadInlineProps } from "./types.js";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime7 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_runtime8.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime7.JSX.Element;
 //#endregion
 export { FileUploadInline };

package/dist/index.d.cts

@@ -10,7 +10,7 @@ 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 } from "./ColorPickerBase/types.cjs";
+import { ColorPickerBaseProps, PresetColor } from "./ColorPickerBase/types.cjs";
 import { ColorPickerBase } from "./ColorPickerBase/ColorPickerBase.cjs";
 import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.cjs";
 import { BaseColorSelectProps, ColorSelect, ColorSelectOption } from "./ColorSelect.cjs";
@@ -62,4 +62,4 @@ import { ThemeToggle } from "./ThemeToggle.cjs";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.cjs";
 import "./toast/index.cjs";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, PresetColor, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/index.d.ts

@@ -10,7 +10,7 @@ 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 } from "./ColorPickerBase/types.js";
+import { ColorPickerBaseProps, PresetColor } from "./ColorPickerBase/types.js";
 import { ColorPickerBase } from "./ColorPickerBase/ColorPickerBase.js";
 import "./ColorPickerBase/index.js";
 import { ColorPicker, ColorPickerProps } from "./ColorPicker/ColorPicker.js";
@@ -64,4 +64,4 @@ import { ThemeToggle } from "./ThemeToggle.js";
 import { DEFAULT_ALERT_DURATION, ToastMessage, toast, toastError, toastInfo, toastSuccess, toastWarning } from "./toast/toast.js";
 import "./toast/index.js";
 import { cn } from "@pixpilot/shadcn";
-export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };
+export { AbsoluteFill, Alert, AlertBaseProps, AlertProps, AlertVariant, AvatarUpload, AvatarUploadProps, BaseTabsTriggerProps, Button, ButtonLoaderProps, ButtonProps, CircleLoader, CircleLoaderProps, CloseButtonAbsolute, CloseButtonRounded, CloseButtonRoundedProps, ColorPicker, ColorPickerBase, ColorPickerBaseProps, ColorPickerProps, ColorSelect, ColorSelectOption, BaseColorSelectProps as ColorSelectProps, Combobox, ConfirmationDialogProps, ContentCard, DEFAULT_ALERT_DURATION, DatePicker, DatePickerProps, DialogProvider, DialogProviderProps, type FileMetadata, FileUpload, FileUploadBaseProps, FileUploadInline, FileUploadInlineBaseProps, FileUploadInlineProps, type FileUploadProgressCallBacks, type FileUploadProps, IconPicker, IconPickerProps, IconPickerVariant, IconProvider, IconProviderLoader, IconProviderProps, Input, InputProps, Layout, LayoutFooter, LayoutFooterProps, LayoutHeader, LayoutHeaderProps, LayoutMain, LayoutMainProps, LayoutProps, LoaderProps, LoadingOverlay, MultiFileUploadProps, OnChangeMultipleFiles, OnChangeSingleFile, Pagination, PaginationProps, PopoverCloseButtonProps, PresetColor, RichTextEditor, RichTextEditorProps, ScaledPreview, ScaledPreviewProps, ScaledPreviewSize, Select, SelectOption, SingleFileUploadProps, Slider, SliderInput, SliderInputProps, SliderProps, SliderSelect, SliderSelectOption, SliderSelectProps, SliderSelectValue, Tabs, TabsContent, TabsContext, TabsContextValue, TabsList, TabsListProps, TabsTrigger, TabsTriggerProps, TabsVariant, TagsInput, TagsInputProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ToastMessage, ToolbarOption, cn, showConfirmDialog, toast, toastError, toastInfo, toastSuccess, toastWarning, useMediaQuery, useSelectKeyboard, useTabsContext, useTheme };

package/dist/input/Input.d.cts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -58,9 +58,9 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "@internal/eslint-config": "0.3.0",
-    "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
     "@internal/tsconfig": "0.1.0",
+    "@internal/hooks": "0.0.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"
   },