@pixpilot/shadcn-ui 1.10.1 → 1.10.2

package/dist/avatar-upload/AvatarUpload.cjs

@@ -14,20 +14,14 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 //#region src/avatar-upload/AvatarUpload.tsx
 const sizeClasses = {
 	sm: {
-		avatar: "h-20 w-20",
-		icon: "h-5 w-5",
 		dropZone: "p-3",
 		main: "space-y-2"
 	},
 	md: {
 		main: "space-y-2.5",
-		avatar: "h-28 w-28",
-		icon: "h-6 w-6 bottom-1 right-1",
 		dropZone: "p-4"
 	},
 	lg: {
-		avatar: "h-40 w-40",
-		icon: "h-7 w-7 bottom-1.5 right-1.5",
 		dropZone: "p-5",
 		main: "space-y-3"
 	}
@@ -59,6 +53,7 @@ const AvatarUpload = (props) => {
 		onAccept: handleAccept,
 		className: require_utils.cn("w-fit ", className),
 		accept: "image/*",
+		"data-slots": "avatar-upload",
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadDropzone, {
 			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, {
@@ -68,14 +63,14 @@ const AvatarUpload = (props) => {
 				onFileSuccess,
 				onError: setError,
 				onFileError,
-				onClear: showClearButton ? handleClear : void 0
+				onClear: showClearButton ? handleClear : void 0,
+				size
 			}, 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,
-					iconClass: currentSize.icon,
 					showChangeIcon: hasImageUrl,
 					onClear: showClearButton ? handleClear : void 0,
+					size,
 					children: hasImageUrl ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadComponents.Image, { src: imageUrl }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.UserCircle2, {
 						className: "text-muted-foreground w-full h-full",
 						strokeWidth: 1

package/dist/avatar-upload/AvatarUpload.d.cts

@@ -1,6 +1,6 @@
 import { SingleFileUploadProps } from "../file-upload/types/index.cjs";
 import "../file-upload/index.cjs";
-import { ComponentSizes } from "./types.cjs";
+import { Size } from "./types.cjs";
 import React from "react";
 
 //#region src/avatar-upload/AvatarUpload.d.ts
@@ -9,7 +9,7 @@ interface AvatarUploadProps extends SingleFileUploadProps {
     upload?: string;
     change?: string;
   };
-  size?: keyof ComponentSizes;
+  size?: Size;
   /**
    * When `true` (the default), a small × button is displayed on the avatar
    * whenever there is an image loaded. Clicking it clears the current value.

package/dist/avatar-upload/AvatarUpload.d.ts

@@ -1,6 +1,6 @@
 import { SingleFileUploadProps } from "../file-upload/types/index.js";
 import "../file-upload/index.js";
-import { ComponentSizes } from "./types.js";
+import { Size } from "./types.js";
 import React from "react";
 
 //#region src/avatar-upload/AvatarUpload.d.ts
@@ -9,7 +9,7 @@ interface AvatarUploadProps extends SingleFileUploadProps {
     upload?: string;
     change?: string;
   };
-  size?: keyof ComponentSizes;
+  size?: Size;
   /**
    * When `true` (the default), a small × button is displayed on the avatar
    * whenever there is an image loaded. Clicking it clears the current value.

package/dist/avatar-upload/AvatarUpload.js

@@ -9,20 +9,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/avatar-upload/AvatarUpload.tsx
 const sizeClasses = {
 	sm: {
-		avatar: "h-20 w-20",
-		icon: "h-5 w-5",
 		dropZone: "p-3",
 		main: "space-y-2"
 	},
 	md: {
 		main: "space-y-2.5",
-		avatar: "h-28 w-28",
-		icon: "h-6 w-6 bottom-1 right-1",
 		dropZone: "p-4"
 	},
 	lg: {
-		avatar: "h-40 w-40",
-		icon: "h-7 w-7 bottom-1.5 right-1.5",
 		dropZone: "p-5",
 		main: "space-y-3"
 	}
@@ -54,6 +48,7 @@ const AvatarUpload = (props) => {
 		onAccept: handleAccept,
 		className: cn$1("w-fit ", className),
 		accept: "image/*",
+		"data-slots": "avatar-upload",
 		children: /* @__PURE__ */ jsx(FileUploadDropzone, {
 			className: cn$1(error != null && "border-red-500", currentSize.dropZone),
 			children: selectedFile != null ? /* @__PURE__ */ jsx(FileUploadList, { children: /* @__PURE__ */ jsx(AvatarUploadItem, {
@@ -63,14 +58,14 @@ const AvatarUpload = (props) => {
 				onFileSuccess,
 				onError: setError,
 				onFileError,
-				onClear: showClearButton ? handleClear : void 0
+				onClear: showClearButton ? handleClear : void 0,
+				size
 			}, selectedFile.id) }) : /* @__PURE__ */ jsxs(MainWrapper, {
 				currentSize,
 				children: [/* @__PURE__ */ jsx(AvatarWrap, {
-					className: currentSize.avatar,
-					iconClass: currentSize.icon,
 					showChangeIcon: hasImageUrl,
 					onClear: showClearButton ? handleClear : void 0,
+					size,
 					children: hasImageUrl ? /* @__PURE__ */ jsx(Image, { src: imageUrl }) : /* @__PURE__ */ jsx(UserCircle2, {
 						className: "text-muted-foreground w-full h-full",
 						strokeWidth: 1

package/dist/avatar-upload/AvatarUploadComponents.cjs

@@ -16,24 +16,38 @@ const MessageComponent = ({ message, className }) => {
 		children: message
 	});
 };
-const AvatarWrap = ({ children, className, iconClass, showChangeIcon, onClear }) => {
+const AvatarWrap = ({ children, className, showChangeIcon, size, onClear }) => {
+	const editIcon = {
+		sm: "size-5.5 bottom-0 right-0",
+		md: "size-6.5 bottom-1 right-1",
+		lg: "size-7 bottom-1.5 right-1.5"
+	};
+	const clearButtonSize = {
+		sm: "size-5.5",
+		md: "size-6.5",
+		lg: "size-7.5"
+	};
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.cn("relative", className),
+		className: require_utils.cn("relative", {
+			sm: "h-20 w-20",
+			md: "h-28 w-28",
+			lg: "h-40 w-40"
+		}[size], className),
 		children: [
 			children,
-			showChangeIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: require_utils.cn(`absolute bottom-0 right-0 bg-secondary text-secondary-foreground rounded-full p-1.5 shadow-md`, iconClass) }),
+			showChangeIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Pencil, { className: require_utils.cn(editIcon[size], `absolute bg-secondary text-secondary-foreground rounded-full p-1.5 shadow-md`) }),
 			onClear != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
 				type: "button",
 				variant: "secondary",
 				size: "icon",
-				className: "-top-2.5 -right-2.5 absolute size-5.5 rounded-full",
+				className: require_utils.cn("-top-2.5 -right-2.5 absolute  rounded-full ", clearButtonSize[size]),
 				"aria-label": "Clear avatar",
 				onClick: (e) => {
 					e.stopPropagation();
 					e.preventDefault();
 					onClear();
 				},
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-3" })
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: require_utils.cn("p-1.5", clearButtonSize[size]) })
 			})
 		]
 	});

package/dist/avatar-upload/AvatarUploadComponents.js

@@ -11,24 +11,38 @@ const MessageComponent = ({ message, className }) => {
 		children: message
 	});
 };
-const AvatarWrap = ({ children, className, iconClass, showChangeIcon, onClear }) => {
+const AvatarWrap = ({ children, className, showChangeIcon, size, onClear }) => {
+	const editIcon = {
+		sm: "size-5.5 bottom-0 right-0",
+		md: "size-6.5 bottom-1 right-1",
+		lg: "size-7 bottom-1.5 right-1.5"
+	};
+	const clearButtonSize = {
+		sm: "size-5.5",
+		md: "size-6.5",
+		lg: "size-7.5"
+	};
 	return /* @__PURE__ */ jsxs("div", {
-		className: cn$1("relative", className),
+		className: cn$1("relative", {
+			sm: "h-20 w-20",
+			md: "h-28 w-28",
+			lg: "h-40 w-40"
+		}[size], className),
 		children: [
 			children,
-			showChangeIcon && /* @__PURE__ */ jsx(Pencil, { className: cn$1(`absolute bottom-0 right-0 bg-secondary text-secondary-foreground rounded-full p-1.5 shadow-md`, iconClass) }),
+			showChangeIcon && /* @__PURE__ */ jsx(Pencil, { className: cn$1(editIcon[size], `absolute bg-secondary text-secondary-foreground rounded-full p-1.5 shadow-md`) }),
 			onClear != null && /* @__PURE__ */ jsx(Button, {
 				type: "button",
 				variant: "secondary",
 				size: "icon",
-				className: "-top-2.5 -right-2.5 absolute size-5.5 rounded-full",
+				className: cn$1("-top-2.5 -right-2.5 absolute  rounded-full ", clearButtonSize[size]),
 				"aria-label": "Clear avatar",
 				onClick: (e) => {
 					e.stopPropagation();
 					e.preventDefault();
 					onClear();
 				},
-				children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+				children: /* @__PURE__ */ jsx(X, { className: cn$1("p-1.5", clearButtonSize[size]) })
 			})
 		]
 	});

package/dist/avatar-upload/AvatarUploadItem.cjs

@@ -14,7 +14,7 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change = "Change", onFileSuccess, onFileError, onClear, onError } = props;
+	const { file, currentSize, change = "Change", onFileSuccess, onFileError, onClear, onError, size = "md" } = props;
 	require_use_file_upload_progress_callbacks.useFileUploadProgressCallbacks(file, {
 		onFileSuccess,
 		onFileError
@@ -39,10 +39,9 @@ const AvatarUploadItem = (props) => {
 			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 				className: (0, __pixpilot_shadcn.cn)("relative"),
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadComponents.AvatarWrap, {
-					className: currentSize.avatar,
 					showChangeIcon: true,
-					iconClass: currentSize.icon,
 					onClear,
+					size,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AvatarUploadComponents.Image, { src: URL.createObjectURL(file) })
 				}), fileError != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipProvider, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {
 					asChild: true,

package/dist/avatar-upload/AvatarUploadItem.js

@@ -9,7 +9,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/avatar-upload/AvatarUploadItem.tsx
 const AvatarUploadItem = (props) => {
-	const { file, currentSize, change = "Change", onFileSuccess, onFileError, onClear, onError } = props;
+	const { file, currentSize, change = "Change", onFileSuccess, onFileError, onClear, onError, size = "md" } = props;
 	useFileUploadProgressCallbacks(file, {
 		onFileSuccess,
 		onFileError
@@ -34,10 +34,9 @@ const AvatarUploadItem = (props) => {
 			children: [/* @__PURE__ */ jsxs("div", {
 				className: cn("relative"),
 				children: [/* @__PURE__ */ jsx(AvatarWrap, {
-					className: currentSize.avatar,
 					showChangeIcon: true,
-					iconClass: currentSize.icon,
 					onClear,
+					size,
 					children: /* @__PURE__ */ jsx(Image, { src: URL.createObjectURL(file) })
 				}), fileError != null && /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 					asChild: true,

package/dist/avatar-upload/types.d.cts

@@ -1,14 +1,5 @@
 //#region src/avatar-upload/types.d.ts
-interface ComponentSize {
-  avatar: string;
-  icon: string;
-  dropZone: string;
-  main: string;
-}
-interface ComponentSizes {
-  sm: ComponentSize;
-  md: ComponentSize;
-  lg: ComponentSize;
-}
+
+type Size = 'md' | 'sm' | 'lg';
 //#endregion
-export { ComponentSizes };
+export { Size };

package/dist/avatar-upload/types.d.ts

@@ -1,14 +1,5 @@
 //#region src/avatar-upload/types.d.ts
-interface ComponentSize {
-  avatar: string;
-  icon: string;
-  dropZone: string;
-  main: string;
-}
-interface ComponentSizes {
-  sm: ComponentSize;
-  md: ComponentSize;
-  lg: ComponentSize;
-}
+
+type Size = 'md' | 'sm' | 'lg';
 //#endregion
-export { ComponentSizes };
+export { Size };

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

@@ -1,7 +1,7 @@
 import { FileUploadProps } from "./types/index.cjs";
-import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 
 //#region src/file-upload/FileUpload.d.ts
-declare function FileUpload(props: FileUploadProps): react_jsx_runtime20.JSX.Element;
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime14.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_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/file-upload-inline/FileUploadInline.d.ts
 /**
  * FileUploadInline - An inline file upload component using FileUpload primitives
  */
-declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime11.JSX.Element;
+declare function FileUploadInline(props: FileUploadInlineProps): react_jsx_runtime13.JSX.Element;
 //#endregion
 export { FileUploadInline };

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

@@ -1,11 +1,11 @@
 import { FileUploadRootProps } from "./types.cjs";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime12.JSX.Element;
+declare function FileUploadRoot(props: FileUploadRootProps): react_jsx_runtime11.JSX.Element;
 declare namespace FileUploadRoot {
   var displayName: string;
 }

package/dist/input/Input.d.cts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime13 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_runtime13.JSX.Element;
+declare function Input(props: InputProps$1): react_jsx_runtime12.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_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
 
 //#region src/tags-input/TagsInput.d.ts
 interface TagsInputProps {
@@ -57,6 +57,6 @@ declare function TagsInput({
   addOnTab,
   onValidate,
   addButtonVisibility
-}: TagsInputProps): react_jsx_runtime15.JSX.Element;
+}: TagsInputProps): react_jsx_runtime20.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

@@ -1,5 +1,5 @@
 import { CommandOptionListItem } from "../CommandOptionList.js";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime17.JSX.Element;
 //#endregion
 export { TagsInput, TagsInputProps };

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

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

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

@@ -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/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_runtime17.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime18.JSX.Element;
 declare namespace ThemeModeDropdown {
   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.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_runtime19 from "react/jsx-runtime";
+import * as react_jsx_runtime15 from "react/jsx-runtime";
 
 //#region src/theme-toggle/ThemeModeToggleButton.d.ts
 interface ThemeModeToggleButtonProps {
@@ -13,7 +13,7 @@ interface ThemeModeToggleButtonProps {
  * Light/Dark toggle button.
  * Pure component - toggles between light and dark.
  */
-declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime19.JSX.Element;
+declare function ThemeModeToggleButton(props: ThemeModeToggleButtonProps): react_jsx_runtime15.JSX.Element;
 declare namespace ThemeModeToggleButton {
   var displayName: string;
 }

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

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime20 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_runtime20.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.10.1",
+  "version": "1.10.2",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -47,7 +47,7 @@
     "pretty-bytes": "^7.1.0",
     "react-responsive": "^10.0.1",
     "sonner": "2.0.7",
-    "@pixpilot/shadcn": "1.2.0"
+    "@pixpilot/shadcn": "1.2.1"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.14",