@pixpilot/shadcn-ui 0.53.0 → 0.56.0

package/dist/Button.cjs

@@ -30,7 +30,7 @@ async function renderTooltipContent(content) {
 	return content;
 }
 function Button(props) {
-	const { children, disabled, onClick, disabledTooltip, loading, loaderProps, onDisabledClick, tooltip, title, tooltipProps, className, variant, size, ref,...rest } = props;
+	const { children, disabled, onClick, disabledTooltip, loading, loaderProps, onDisabledClick, tooltip, title, slots, className, variant, size, ref,...rest } = props;
 	const { placement: loaderPlacement = "end" } = loaderProps || {};
 	const handleClick = (0, react.useCallback)((e) => {
 		if (onClick && !disabled) onClick(e);
@@ -44,7 +44,8 @@ function Button(props) {
 	const Loader = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-slot": "button-loader",
 		className: (0, __pixpilot_shadcn.cn)("flex items-center justify-center", loaderPlacement === "center" && "rounded-0 absolute inset-0", hasArea && loaderPlacement === "start" && "mr-1", hasArea && loaderPlacement === "end" && "ml-1"),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
+		...slots?.loaderContainer,
+		children: slots?.loader ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
 			className: "animate-spin",
 			style: {
 				height: getLoaderSize(size),
@@ -63,9 +64,10 @@ function Button(props) {
 		title,
 		children: [
 			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, {
-				...tooltipProps,
+				...slots?.tooltip,
 				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {
 					asChild: true,
+					...slots?.tooltipTrigger,
 					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AbsoluteFill.AbsoluteFill, {
 						onClick: onDisabledClick,
 						style: {
@@ -73,7 +75,10 @@ function Button(props) {
 							cursor: "not-allowed"
 						}
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, { children: renderTooltipContent(disabledTooltip) })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, {
+					...slots?.tooltipContent,
+					children: renderTooltipContent(disabledTooltip)
+				})]
 			}),
 			loading && loaderPlacement === "start" && Loader,
 			children,
@@ -81,11 +86,15 @@ function Button(props) {
 		]
 	});
 	if (showTooltip && !(Boolean(disabledTooltip) && isDisabled)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, {
-		...tooltipProps,
+		...slots?.tooltip,
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {
 			asChild: true,
+			...slots?.tooltipTrigger,
 			children: buttonContent
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, { children: renderTooltipContent(tooltipContent) })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, {
+			...slots?.tooltipContent,
+			children: renderTooltipContent(tooltipContent)
+		})]
 	});
 	return buttonContent;
 }

package/dist/Button.d.cts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Button, Tooltip, buttonVariants } from "@pixpilot/shadcn";
+import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import { VariantProps } from "class-variance-authority";
 
@@ -35,7 +35,18 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
   /**
    * Props to pass to the tooltip component
    */
-  tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children' | 'delayDuration'>;
+  /**
+   * Slots to customize tooltip components and their props.
+   */
+  slots?: {
+    tooltip?: Omit<React.ComponentProps<typeof Tooltip>, 'children' | 'delayDuration'>;
+    tooltipTrigger?: Omit<React.ComponentProps<typeof TooltipTrigger>, 'children'>;
+    tooltipContent?: React.ComponentProps<typeof TooltipContent>;
+    /** Props applied to the loader container element */
+    loaderContainer?: React.HTMLAttributes<HTMLDivElement>;
+    /** Custom loader node to render instead of the default `Loader2` */
+    loader?: React.ReactNode;
+  };
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;

package/dist/Button.d.ts

@@ -1,4 +1,4 @@
-import { Button, Tooltip, buttonVariants } from "@pixpilot/shadcn";
+import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
@@ -35,7 +35,18 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
   /**
    * Props to pass to the tooltip component
    */
-  tooltipProps?: Omit<React.ComponentProps<typeof Tooltip>, 'children' | 'delayDuration'>;
+  /**
+   * Slots to customize tooltip components and their props.
+   */
+  slots?: {
+    tooltip?: Omit<React.ComponentProps<typeof Tooltip>, 'children' | 'delayDuration'>;
+    tooltipTrigger?: Omit<React.ComponentProps<typeof TooltipTrigger>, 'children'>;
+    tooltipContent?: React.ComponentProps<typeof TooltipContent>;
+    /** Props applied to the loader container element */
+    loaderContainer?: React.HTMLAttributes<HTMLDivElement>;
+    /** Custom loader node to render instead of the default `Loader2` */
+    loader?: React.ReactNode;
+  };
 }
 declare function Button$1(props: ButtonProps & {
   ref?: React.Ref<HTMLButtonElement>;

package/dist/Button.js

@@ -25,7 +25,7 @@ async function renderTooltipContent(content) {
 	return content;
 }
 function Button$1(props) {
-	const { children, disabled, onClick, disabledTooltip, loading, loaderProps, onDisabledClick, tooltip, title, tooltipProps, className, variant, size, ref,...rest } = props;
+	const { children, disabled, onClick, disabledTooltip, loading, loaderProps, onDisabledClick, tooltip, title, slots, className, variant, size, ref,...rest } = props;
 	const { placement: loaderPlacement = "end" } = loaderProps || {};
 	const handleClick = useCallback((e) => {
 		if (onClick && !disabled) onClick(e);
@@ -39,7 +39,8 @@ function Button$1(props) {
 	const Loader = /* @__PURE__ */ jsx("div", {
 		"data-slot": "button-loader",
 		className: cn("flex items-center justify-center", loaderPlacement === "center" && "rounded-0 absolute inset-0", hasArea && loaderPlacement === "start" && "mr-1", hasArea && loaderPlacement === "end" && "ml-1"),
-		children: /* @__PURE__ */ jsx(Loader2, {
+		...slots?.loaderContainer,
+		children: slots?.loader ?? /* @__PURE__ */ jsx(Loader2, {
 			className: "animate-spin",
 			style: {
 				height: getLoaderSize(size),
@@ -58,9 +59,10 @@ function Button$1(props) {
 		title,
 		children: [
 			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ jsxs(Tooltip, {
-				...tooltipProps,
+				...slots?.tooltip,
 				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 					asChild: true,
+					...slots?.tooltipTrigger,
 					children: /* @__PURE__ */ jsx(AbsoluteFill, {
 						onClick: onDisabledClick,
 						style: {
@@ -68,7 +70,10 @@ function Button$1(props) {
 							cursor: "not-allowed"
 						}
 					})
-				}), /* @__PURE__ */ jsx(TooltipContent, { children: renderTooltipContent(disabledTooltip) })]
+				}), /* @__PURE__ */ jsx(TooltipContent, {
+					...slots?.tooltipContent,
+					children: renderTooltipContent(disabledTooltip)
+				})]
 			}),
 			loading && loaderPlacement === "start" && Loader,
 			children,
@@ -76,11 +81,15 @@ function Button$1(props) {
 		]
 	});
 	if (showTooltip && !(Boolean(disabledTooltip) && isDisabled)) return /* @__PURE__ */ jsxs(Tooltip, {
-		...tooltipProps,
+		...slots?.tooltip,
 		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 			asChild: true,
+			...slots?.tooltipTrigger,
 			children: buttonContent
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: renderTooltipContent(tooltipContent) })]
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			...slots?.tooltipContent,
+			children: renderTooltipContent(tooltipContent)
+		})]
 	});
 	return buttonContent;
 }

package/dist/LoadingOverlay.cjs

@@ -15,7 +15,8 @@ react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
 const DEFAULT_DELAY = 0;
 const FADE_DURATION = 300;
 const LoadingOverlay = (props) => {
-	const { backdrop = true, placement = "center", loading, delay = DEFAULT_DELAY, message, scope = "container ", size = "default", className, spinnerClassName, messageClassName } = props;
+	const { backdrop = true, placement = "center", loading, delay = DEFAULT_DELAY, message, scope = "container ", size = "default", className, slots } = props;
+	const contentProps = slots?.content || {};
 	const [mounted, setMounted] = (0, react.useState)(false);
 	const [visible, setVisible] = (0, react.useState)(false);
 	(0, react.useEffect)(() => {
@@ -59,20 +60,25 @@ const LoadingOverlay = (props) => {
 	}[size];
 	if (!mounted) return null;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		"data-slot": "loading-overlay",
 		className: (0, __pixpilot_shadcn.cn)("inset-0 z-[9999] flex justify-center transition-opacity", scope === "fullscreen" ? "fixed" : "absolute", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0", className),
 		style: { transitionDuration: `${FADE_DURATION}ms` },
 		role: "status",
 		"aria-live": "polite",
 		"aria-busy": loading,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex flex-col items-center gap-2",
+			"data-slot": "loading-overlay-content",
+			...contentProps,
+			className: (0, __pixpilot_shadcn.cn)("flex flex-col items-center gap-2", contentProps.className),
 			children: [
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
-					className: (0, __pixpilot_shadcn.cn)("text-foreground animate-spin", sizeClass, spinnerClassName),
+					"data-slot": "loading-overlay-spinner",
+					className: (0, __pixpilot_shadcn.cn)("text-foreground animate-spin", sizeClass, slots?.spinner?.className),
 					"aria-hidden": "true"
 				}),
 				message != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-					className: (0, __pixpilot_shadcn.cn)("text-foreground font-medium", messageSizeClass, messageClassName),
+					"data-slot": "loading-overlay-message",
+					className: (0, __pixpilot_shadcn.cn)("text-foreground font-medium", messageSizeClass, slots?.message?.className),
 					children: message
 				}),
 				/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {

package/dist/LoadingOverlay.d.cts

@@ -1,4 +1,5 @@
 import React from "react";
+import { Loader2 } from "lucide-react";
 
 //#region src/LoadingOverlay.d.ts
 interface LoadingOverlayProps {
@@ -42,13 +43,16 @@ interface LoadingOverlayProps {
    */
   className?: string;
   /**
-   * Custom class name for the spinner
+   * Slots for customizing inner elements' props (e.g. spinner/message)
    */
-  spinnerClassName?: string;
-  /**
-   * Custom class name for the message
-   */
-  messageClassName?: string;
+  slots?: {
+    /** Props forwarded to the spinner (`Loader2`) component */
+    spinner?: React.ComponentProps<typeof Loader2>;
+    /** Props forwarded to the message `div` element */
+    message?: React.HTMLAttributes<HTMLDivElement>;
+    /** Props forwarded to the inner content `div` (flex column wrapper) */
+    content?: React.HTMLAttributes<HTMLDivElement>;
+  };
 }
 declare const LoadingOverlay: React.FC<LoadingOverlayProps>;
 //#endregion

package/dist/LoadingOverlay.d.ts

@@ -1,3 +1,4 @@
+import { Loader2 } from "lucide-react";
 import React from "react";
 
 //#region src/LoadingOverlay.d.ts
@@ -42,13 +43,16 @@ interface LoadingOverlayProps {
    */
   className?: string;
   /**
-   * Custom class name for the spinner
+   * Slots for customizing inner elements' props (e.g. spinner/message)
    */
-  spinnerClassName?: string;
-  /**
-   * Custom class name for the message
-   */
-  messageClassName?: string;
+  slots?: {
+    /** Props forwarded to the spinner (`Loader2`) component */
+    spinner?: React.ComponentProps<typeof Loader2>;
+    /** Props forwarded to the message `div` element */
+    message?: React.HTMLAttributes<HTMLDivElement>;
+    /** Props forwarded to the inner content `div` (flex column wrapper) */
+    content?: React.HTMLAttributes<HTMLDivElement>;
+  };
 }
 declare const LoadingOverlay: React.FC<LoadingOverlayProps>;
 //#endregion

package/dist/LoadingOverlay.js

@@ -10,7 +10,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 const DEFAULT_DELAY = 0;
 const FADE_DURATION = 300;
 const LoadingOverlay = (props) => {
-	const { backdrop = true, placement = "center", loading, delay = DEFAULT_DELAY, message, scope = "container ", size = "default", className, spinnerClassName, messageClassName } = props;
+	const { backdrop = true, placement = "center", loading, delay = DEFAULT_DELAY, message, scope = "container ", size = "default", className, slots } = props;
+	const contentProps = slots?.content || {};
 	const [mounted, setMounted] = useState(false);
 	const [visible, setVisible] = useState(false);
 	useEffect(() => {
@@ -54,20 +55,25 @@ const LoadingOverlay = (props) => {
 	}[size];
 	if (!mounted) return null;
 	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "loading-overlay",
 		className: cn("inset-0 z-[9999] flex justify-center transition-opacity", scope === "fullscreen" ? "fixed" : "absolute", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0", className),
 		style: { transitionDuration: `${FADE_DURATION}ms` },
 		role: "status",
 		"aria-live": "polite",
 		"aria-busy": loading,
 		children: /* @__PURE__ */ jsxs("div", {
-			className: "flex flex-col items-center gap-2",
+			"data-slot": "loading-overlay-content",
+			...contentProps,
+			className: cn("flex flex-col items-center gap-2", contentProps.className),
 			children: [
 				/* @__PURE__ */ jsx(Loader2, {
-					className: cn("text-foreground animate-spin", sizeClass, spinnerClassName),
+					"data-slot": "loading-overlay-spinner",
+					className: cn("text-foreground animate-spin", sizeClass, slots?.spinner?.className),
 					"aria-hidden": "true"
 				}),
 				message != null && /* @__PURE__ */ jsx("div", {
-					className: cn("text-foreground font-medium", messageSizeClass, messageClassName),
+					"data-slot": "loading-overlay-message",
+					className: cn("text-foreground font-medium", messageSizeClass, slots?.message?.className),
 					children: message
 				}),
 				/* @__PURE__ */ jsx("span", {

package/dist/Rating.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 import * as class_variance_authority_types0 from "class-variance-authority/types";
 
@@ -35,7 +35,7 @@ declare function RatingButton({
   index,
   className,
   ...props
-}: RatingButtonProps): react_jsx_runtime4.JSX.Element;
+}: RatingButtonProps): react_jsx_runtime5.JSX.Element;
 declare function Rating({
   value: valueProp,
   defaultValue,
@@ -52,6 +52,6 @@ declare function Rating({
   className,
   children,
   ...props
-}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime4.JSX.Element;
+}: React$1.PropsWithChildren<RatingProps>): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Rating, RatingButton, RatingButtonProps, RatingColor, RatingOption, RatingProps };

package/dist/Select.d.ts

@@ -1,6 +1,6 @@
 import { Select, SelectContent } from "@pixpilot/shadcn";
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 
 //#region src/Select.d.ts
 interface SelectOption {
@@ -46,6 +46,6 @@ type BaseSelectProps = {
    */
   clearable?: boolean;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime6.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime4.JSX.Element;
 //#endregion
 export { Select$1 as Select, SelectContentProps, SelectOption };

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { ChangeEventHandler, FocusEventHandler, KeyboardEventHandler, MouseEventHandler, Ref } from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime17 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_runtime14.JSX.Element;
+}: TagsInputInlineProps): react_jsx_runtime17.JSX.Element;
 //#endregion
 export { TagsInputInline, TagsInputInlineItem, TagsInputInlineProps };

package/dist/theme-toggle/ThemeModeDropdown.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/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_runtime16.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

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

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

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.53.0",
+  "version": "0.56.0",
   "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": "0.9.0"
+    "@pixpilot/shadcn": "0.10.0"
   },
   "devDependencies": {
     "@storybook/react": "^8.6.14",
@@ -62,10 +62,10 @@
     "typescript": "^5.9.3",
     "@internal/hooks": "0.0.0",
     "@internal/prettier-config": "0.0.1",
-    "@internal/eslint-config": "0.3.0",
-    "@internal/tsconfig": "0.1.0",
+    "@internal/vitest-config": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
-    "@internal/vitest-config": "0.1.0"
+    "@internal/eslint-config": "0.3.0",
+    "@internal/tsconfig": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {