@pixpilot/shadcn-ui 1.9.0 → 1.10.1

package/dist/avatar-upload/AvatarUpload.cjs

@@ -36,41 +36,40 @@ const AvatarUpload = (props) => {
 	const { className, messages, value, onAccept, onFileSuccess, onFileError, onChange, size = "md", clearable = true,...rest } = props;
 	const { upload = "Upload", change = "Change" } = messages || {};
 	const currentSize = sizeClasses[size];
-	const [files, setFiles] = react.default.useState([]);
+	const [selectedFile, setSelectedFile] = react.default.useState(null);
+	const [error, setError] = react.default.useState(null);
 	const imageUrl = value?.url;
 	const handleAccept = react.default.useCallback((acceptedFiles) => {
-		const nextFiles = acceptedFiles.slice(0, 1);
-		setFiles(nextFiles.map((file) => {
-			return {
-				file,
-				id: `${file.name}-${file.lastModified.toString()}`
-			};
-		}));
-		onAccept?.(nextFiles);
+		const nextFile = acceptedFiles[0];
+		setSelectedFile(nextFile == null ? null : {
+			file: nextFile,
+			id: `${nextFile.name}-${nextFile.lastModified.toString()}`
+		});
+		onAccept?.(nextFile == null ? [] : [nextFile]);
 	}, [onAccept]);
 	const handleClear = react.default.useCallback(() => {
-		setFiles([]);
+		setSelectedFile(null);
 		onChange?.(null);
 	}, [onChange]);
 	const hasImageUrl = imageUrl != null;
-	const showClearButton = clearable && (files.length > 0 || hasImageUrl);
+	const showClearButton = clearable && (selectedFile != null || hasImageUrl);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUpload, {
 		...rest,
 		multiple: false,
 		onAccept: handleAccept,
-		className: require_utils.cn("w-fit", className),
+		className: require_utils.cn("w-fit ", className),
 		accept: "image/*",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadDropzone, {
-			className: currentSize.dropZone,
-			children: files.length > 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadList, { children: files.map(({ file, id }, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadItem.AvatarUploadItem, {
-				file,
-				index: i,
+			className: require_utils.cn(error != null && "border-red-500", currentSize.dropZone),
+			children: selectedFile != null ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadList, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadItem.AvatarUploadItem, {
+				file: selectedFile.file,
 				currentSize,
 				change,
 				onFileSuccess,
+				onError: setError,
 				onFileError,
 				onClear: showClearButton ? handleClear : void 0
-			}, id)) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AvatarUploadComponents.MainWrapper, {
+			}, selectedFile.id) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_AvatarUploadComponents.MainWrapper, {
 				currentSize,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadComponents.AvatarWrap, {
 					className: currentSize.avatar,
@@ -81,7 +80,7 @@ const AvatarUpload = (props) => {
 						className: "text-muted-foreground w-full h-full",
 						strokeWidth: 1
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadComponents.MessageComponent, { message: hasImageUrl != null ? change : upload })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadComponents.MessageComponent, { message: value ? change : upload })]
 			})
 		})
 	});

package/dist/avatar-upload/AvatarUpload.js

@@ -31,41 +31,40 @@ const AvatarUpload = (props) => {
 	const { className, messages, value, onAccept, onFileSuccess, onFileError, onChange, size = "md", clearable = true,...rest } = props;
 	const { upload = "Upload", change = "Change" } = messages || {};
 	const currentSize = sizeClasses[size];
-	const [files, setFiles] = React.useState([]);
+	const [selectedFile, setSelectedFile] = React.useState(null);
+	const [error, setError] = React.useState(null);
 	const imageUrl = value?.url;
 	const handleAccept = React.useCallback((acceptedFiles) => {
-		const nextFiles = acceptedFiles.slice(0, 1);
-		setFiles(nextFiles.map((file) => {
-			return {
-				file,
-				id: `${file.name}-${file.lastModified.toString()}`
-			};
-		}));
-		onAccept?.(nextFiles);
+		const nextFile = acceptedFiles[0];
+		setSelectedFile(nextFile == null ? null : {
+			file: nextFile,
+			id: `${nextFile.name}-${nextFile.lastModified.toString()}`
+		});
+		onAccept?.(nextFile == null ? [] : [nextFile]);
 	}, [onAccept]);
 	const handleClear = React.useCallback(() => {
-		setFiles([]);
+		setSelectedFile(null);
 		onChange?.(null);
 	}, [onChange]);
 	const hasImageUrl = imageUrl != null;
-	const showClearButton = clearable && (files.length > 0 || hasImageUrl);
+	const showClearButton = clearable && (selectedFile != null || hasImageUrl);
 	return /* @__PURE__ */ jsx(FileUpload, {
 		...rest,
 		multiple: false,
 		onAccept: handleAccept,
-		className: cn$1("w-fit", className),
+		className: cn$1("w-fit ", className),
 		accept: "image/*",
 		children: /* @__PURE__ */ jsx(FileUploadDropzone, {
-			className: currentSize.dropZone,
-			children: files.length > 0 ? /* @__PURE__ */ jsx(FileUploadList, { children: files.map(({ file, id }, i) => /* @__PURE__ */ jsx(AvatarUploadItem, {
-				file,
-				index: i,
+			className: cn$1(error != null && "border-red-500", currentSize.dropZone),
+			children: selectedFile != null ? /* @__PURE__ */ jsx(FileUploadList, { children: /* @__PURE__ */ jsx(AvatarUploadItem, {
+				file: selectedFile.file,
 				currentSize,
 				change,
 				onFileSuccess,
+				onError: setError,
 				onFileError,
 				onClear: showClearButton ? handleClear : void 0
-			}, id)) }) : /* @__PURE__ */ jsxs(MainWrapper, {
+			}, selectedFile.id) }) : /* @__PURE__ */ jsxs(MainWrapper, {
 				currentSize,
 				children: [/* @__PURE__ */ jsx(AvatarWrap, {
 					className: currentSize.avatar,
@@ -76,7 +75,7 @@ const AvatarUpload = (props) => {
 						className: "text-muted-foreground w-full h-full",
 						strokeWidth: 1
 					})
-				}), /* @__PURE__ */ jsx(MessageComponent, { message: hasImageUrl != null ? change : upload })]
+				}), /* @__PURE__ */ jsx(MessageComponent, { message: value ? change : upload })]
 			})
 		})
 	});

package/dist/avatar-upload/AvatarUploadComponents.cjs

@@ -26,7 +26,7 @@ const AvatarWrap = ({ children, className, iconClass, showChangeIcon, onClear })
 				type: "button",
 				variant: "secondary",
 				size: "icon",
-				className: "-top-1 -right-1 absolute size-5 rounded-full",
+				className: "-top-2.5 -right-2.5 absolute size-5.5 rounded-full",
 				"aria-label": "Clear avatar",
 				onClick: (e) => {
 					e.stopPropagation();

package/dist/avatar-upload/AvatarUploadComponents.js

@@ -21,7 +21,7 @@ const AvatarWrap = ({ children, className, iconClass, showChangeIcon, onClear })
 				type: "button",
 				variant: "secondary",
 				size: "icon",
-				className: "-top-1 -right-1 absolute size-5 rounded-full",
+				className: "-top-2.5 -right-2.5 absolute size-5.5 rounded-full",
 				"aria-label": "Clear avatar",
 				onClick: (e) => {
 					e.stopPropagation();

package/dist/avatar-upload/AvatarUploadItem.cjs

@@ -7,12 +7,14 @@ 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");
 react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change, onFileSuccess, onFileError, onClear } = props;
+	const { file, currentSize, change = "Change", onFileSuccess, onFileError, onClear, onError } = props;
 	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, {
 		onFileSuccess,
 		onFileError
@@ -23,6 +25,12 @@ const AvatarUploadItem = (props) => {
 		if (store.files.get(file)?.status === "uploading") return true;
 		return false;
 	});
+	react.default.useEffect(() => {
+		if (fileError != null) onError?.(fileError);
+		return () => {
+			onError?.(null);
+		};
+	}, [fileError, onError]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadItem, {
 		value: file,
 		className: "p-0 border-0 m-0",
@@ -40,7 +48,7 @@ const AvatarUploadItem = (props) => {
 					asChild: true,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
 						type: "button",
-						className: "absolute -top-2 -right-2 p-1",
+						className: "absolute -top-3 -left-3 p-1",
 						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlertCircle, { className: "h-5 w-5 text-red-500" })
 					})
 				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, { children: fileError })] }) })]

package/dist/avatar-upload/AvatarUploadItem.js

@@ -4,11 +4,12 @@ import "../file-upload/index.js";
 import { AvatarWrap, Image, MainWrapper, MessageComponent } from "./AvatarUploadComponents.js";
 import { FileUploadItem, FileUploadItemProgress, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, useFileUpload } from "@pixpilot/shadcn";
 import { AlertCircle } from "lucide-react";
+import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change, onFileSuccess, onFileError, onClear } = props;
+	const { file, currentSize, change = "Change", onFileSuccess, onFileError, onClear, onError } = props;
 	useFileUploadProgressCallbacks(file, {
 		onFileSuccess,
 		onFileError
@@ -19,6 +20,12 @@ const AvatarUploadItem = (props) => {
 		if (store.files.get(file)?.status === "uploading") return true;
 		return false;
 	});
+	React.useEffect(() => {
+		if (fileError != null) onError?.(fileError);
+		return () => {
+			onError?.(null);
+		};
+	}, [fileError, onError]);
 	return /* @__PURE__ */ jsx(FileUploadItem, {
 		value: file,
 		className: "p-0 border-0 m-0",
@@ -36,7 +43,7 @@ const AvatarUploadItem = (props) => {
 					asChild: true,
 					children: /* @__PURE__ */ jsx("button", {
 						type: "button",
-						className: "absolute -top-2 -right-2 p-1",
+						className: "absolute -top-3 -left-3 p-1",
 						children: /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 text-red-500" })
 					})
 				}), /* @__PURE__ */ jsx(TooltipContent, { children: fileError })] }) })]

package/dist/dialog/Dialog.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime8 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_runtime18.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogBody({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime18.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.JSX.Element;
 declare function DialogFooter({
   className,
   ...props
-}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime18.JSX.Element;
+}: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime8.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_runtime8 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime8.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime20.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_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime10.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime11.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_runtime11 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_runtime11.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime12.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime9 from "react/jsx-runtime";
+import * as react_jsx_runtime13 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_runtime13.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_runtime13 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_runtime13.JSX.Element;
+}: TagsInputProps): react_jsx_runtime15.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_runtime16 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_runtime16.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_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime14 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_runtime12.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime14.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime14 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_runtime14.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime16.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime18 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime17.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime15 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_runtime15.JSX.Element;
+declare function ThemeModeSwitchInside(props: ThemeModeSwitchInsideProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeSwitchInside {
   var displayName: string;
 }

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 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_runtime17.JSX.Element;
+declare function ThemeModeSwitchOutside(props: ThemeModeSwitchOutsideProps): react_jsx_runtime18.JSX.Element;
 declare namespace ThemeModeSwitchOutside {
   var displayName: string;
 }

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

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

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

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

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime17 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_runtime17.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.9.0",
+  "version": "1.10.1",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",