@pixpilot/shadcn-ui 0.20.0 → 0.22.0

package/dist/ColorPicker/ColorPicker.cjs

@@ -19,14 +19,22 @@ function Swatch(props) {
 	});
 }
 const ColorPicker = (props) => {
-	const { variant = "input", placeholder = "Pick a color",...rest } = props;
+	const { variant = "input", placeholder = "Pick a color", formatDisplayValue,...rest } = props;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ColorPickerBase.ColorPickerBase, {
 		...rest,
 		children: ({ value, onValueChange, isPickerOpen }) => {
+			const swatchColor = value != null && value !== "" ? value : void 0;
+			const renderSwatch = () => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Swatch, { color: swatchColor });
+			};
+			const renderDisplayValue = () => {
+				if (value == null || value === "") return placeholder;
+				return formatDisplayValue != null ? formatDisplayValue(value) : value;
+			};
 			if (variant === "input") return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.InputGroup, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
 				align: "inline-start",
 				className: "pl-0",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Swatch, { color: value })
+				children: renderSwatch()
 			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupInput, {
 				value: value ?? "",
 				onPointerDown: (e) => {
@@ -46,11 +54,11 @@ const ColorPicker = (props) => {
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
 						align: "inline-start",
 						className: "pl-0",
-						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Swatch, { color: value })
+						children: renderSwatch()
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupText, {
 						className: "flex-1 text-left text-foreground pl-2",
-						children: value ?? placeholder
+						children: renderDisplayValue()
 					}),
 					/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.InputGroupAddon, {
 						align: "inline-end",

package/dist/ColorPicker/ColorPicker.d.cts

@@ -4,6 +4,7 @@ import { ColorPickerBaseProps } from "../ColorPickerBase/types.cjs";
 interface ColorPickerProps extends Omit<ColorPickerBaseProps, 'children'> {
   variant?: 'button' | 'input';
   placeholder?: string;
+  formatDisplayValue?: (value: string) => React.ReactNode;
 }
 declare const ColorPicker: React.FC<ColorPickerProps>;
 //#endregion

package/dist/ColorPicker/ColorPicker.d.ts

@@ -5,6 +5,7 @@ import "../ColorPickerBase/index.js";
 interface ColorPickerProps extends Omit<ColorPickerBaseProps, 'children'> {
   variant?: 'button' | 'input';
   placeholder?: string;
+  formatDisplayValue?: (value: string) => React.ReactNode;
 }
 declare const ColorPicker: React.FC<ColorPickerProps>;
 //#endregion

package/dist/ColorPicker/ColorPicker.js

@@ -15,14 +15,22 @@ function Swatch(props) {
 	});
 }
 const ColorPicker$1 = (props) => {
-	const { variant = "input", placeholder = "Pick a color",...rest } = props;
+	const { variant = "input", placeholder = "Pick a color", formatDisplayValue,...rest } = props;
 	return /* @__PURE__ */ jsx(ColorPickerBase, {
 		...rest,
 		children: ({ value, onValueChange, isPickerOpen }) => {
+			const swatchColor = value != null && value !== "" ? value : void 0;
+			const renderSwatch = () => {
+				return /* @__PURE__ */ jsx(Swatch, { color: swatchColor });
+			};
+			const renderDisplayValue = () => {
+				if (value == null || value === "") return placeholder;
+				return formatDisplayValue != null ? formatDisplayValue(value) : value;
+			};
 			if (variant === "input") return /* @__PURE__ */ jsxs(InputGroup, { children: [/* @__PURE__ */ jsx(InputGroupAddon, {
 				align: "inline-start",
 				className: "pl-0",
-				children: /* @__PURE__ */ jsx(Swatch, { color: value })
+				children: renderSwatch()
 			}), /* @__PURE__ */ jsx(InputGroupInput, {
 				value: value ?? "",
 				onPointerDown: (e) => {
@@ -42,11 +50,11 @@ const ColorPicker$1 = (props) => {
 					/* @__PURE__ */ jsx(InputGroupAddon, {
 						align: "inline-start",
 						className: "pl-0",
-						children: /* @__PURE__ */ jsx(Swatch, { color: value })
+						children: renderSwatch()
 					}),
 					/* @__PURE__ */ jsx(InputGroupText, {
 						className: "flex-1 text-left text-foreground pl-2",
-						children: value ?? placeholder
+						children: renderDisplayValue()
 					}),
 					/* @__PURE__ */ jsx(InputGroupAddon, {
 						align: "inline-end",

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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",