@pixpilot/shadcn-ui 0.52.1 → 0.53.0

package/dist/Button.cjs

@@ -21,6 +21,14 @@ function getLoaderSize(size) {
 	if (size === "lg" || size === "icon-lg") return LOADER_SIZE_LG;
 	return LOADER_SIZE_DEFAULT;
 }
+/**
+* Render tooltip content. If it's a string containing newlines, split into
+* paragraphs; otherwise render the node as-is.
+*/
+async function renderTooltipContent(content) {
+	if (typeof content === "string") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_jsx_runtime.Fragment, { children: content.split("\n").map((line, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: line }, i)) });
+	return content;
+}
 function Button(props) {
 	const { children, disabled, onClick, disabledTooltip, loading, loaderProps, onDisabledClick, tooltip, title, tooltipProps, className, variant, size, ref,...rest } = props;
 	const { placement: loaderPlacement = "end" } = loaderProps || {};
@@ -31,10 +39,11 @@ function Button(props) {
 	const hasTooltip = Boolean(tooltip);
 	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
 	const showTooltip = hasTooltip || hasDisabledTooltip;
-	const tooltipContent = hasDisabledTooltip ? disabledTooltip ?? "" : tooltip ?? "";
+	const tooltipContent = hasDisabledTooltip ? disabledTooltip : tooltip;
+	const hasArea = variant !== "ghost" && variant !== "link";
 	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", loaderPlacement === "start" && "mr-1", loaderPlacement === "end" && "ml-1"),
+		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, {
 			className: "animate-spin",
 			style: {
@@ -64,7 +73,7 @@ function Button(props) {
 							cursor: "not-allowed"
 						}
 					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: disabledTooltip }) })]
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, { children: renderTooltipContent(disabledTooltip) })]
 			}),
 			loading && loaderPlacement === "start" && Loader,
 			children,
@@ -76,7 +85,7 @@ function Button(props) {
 		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {
 			asChild: true,
 			children: buttonContent
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: tooltipContent }) })]
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, { children: renderTooltipContent(tooltipContent) })]
 	});
 	return buttonContent;
 }

package/dist/Button.d.cts

@@ -15,11 +15,11 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
   /**
    * Tooltip message to show when button is disabled
    */
-  disabledTooltip?: string;
+  disabledTooltip?: React.ReactNode;
   /**
    * Regular tooltip message
    */
-  tooltip?: string;
+  tooltip?: React.ReactNode;
   /**
    * Loading state
    */

package/dist/Button.d.ts

@@ -15,11 +15,11 @@ interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<
   /**
    * Tooltip message to show when button is disabled
    */
-  disabledTooltip?: string;
+  disabledTooltip?: React.ReactNode;
   /**
    * Regular tooltip message
    */
-  tooltip?: string;
+  tooltip?: React.ReactNode;
   /**
    * Loading state
    */

package/dist/Button.js

@@ -2,7 +2,7 @@ import { AbsoluteFill } from "./AbsoluteFill.js";
 import { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from "@pixpilot/shadcn";
 import { Loader2 } from "lucide-react";
 import React, { useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/Button.tsx
 const LOADER_SIZE_SM = 14;
@@ -16,6 +16,14 @@ function getLoaderSize(size) {
 	if (size === "lg" || size === "icon-lg") return LOADER_SIZE_LG;
 	return LOADER_SIZE_DEFAULT;
 }
+/**
+* Render tooltip content. If it's a string containing newlines, split into
+* paragraphs; otherwise render the node as-is.
+*/
+async function renderTooltipContent(content) {
+	if (typeof content === "string") return /* @__PURE__ */ jsx(Fragment, { children: content.split("\n").map((line, i) => /* @__PURE__ */ jsx("p", { children: line }, i)) });
+	return content;
+}
 function Button$1(props) {
 	const { children, disabled, onClick, disabledTooltip, loading, loaderProps, onDisabledClick, tooltip, title, tooltipProps, className, variant, size, ref,...rest } = props;
 	const { placement: loaderPlacement = "end" } = loaderProps || {};
@@ -26,10 +34,11 @@ function Button$1(props) {
 	const hasTooltip = Boolean(tooltip);
 	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
 	const showTooltip = hasTooltip || hasDisabledTooltip;
-	const tooltipContent = hasDisabledTooltip ? disabledTooltip ?? "" : tooltip ?? "";
+	const tooltipContent = hasDisabledTooltip ? disabledTooltip : tooltip;
+	const hasArea = variant !== "ghost" && variant !== "link";
 	const Loader = /* @__PURE__ */ jsx("div", {
 		"data-slot": "button-loader",
-		className: cn("flex items-center justify-center", loaderPlacement === "center" && "rounded-0 absolute inset-0", loaderPlacement === "start" && "mr-1", loaderPlacement === "end" && "ml-1"),
+		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, {
 			className: "animate-spin",
 			style: {
@@ -59,7 +68,7 @@ function Button$1(props) {
 							cursor: "not-allowed"
 						}
 					})
-				}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: disabledTooltip }) })]
+				}), /* @__PURE__ */ jsx(TooltipContent, { children: renderTooltipContent(disabledTooltip) })]
 			}),
 			loading && loaderPlacement === "start" && Loader,
 			children,
@@ -71,7 +80,7 @@ function Button$1(props) {
 		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
 			asChild: true,
 			children: buttonContent
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltipContent }) })]
+		}), /* @__PURE__ */ jsx(TooltipContent, { children: renderTooltipContent(tooltipContent) })]
 	});
 	return buttonContent;
 }

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

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

package/dist/theme-toggle/ThemeModeDropdown.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/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_runtime16.JSX.Element;
+declare function ThemeModeDropdown(props: ThemeModeDropdownProps): react_jsx_runtime17.JSX.Element;
 declare namespace ThemeModeDropdown {
   var displayName: string;
 }

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

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

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

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pixpilot/shadcn-ui",
   "type": "module",
-  "version": "0.52.1",
+  "version": "0.53.0",
   "description": "Custom UI components and utilities built with shadcn/ui.",
   "author": "m.doaie <m.doaie@hotmail.com>",
   "license": "MIT",
@@ -60,9 +60,9 @@
     "react-dom": "19.2.0",
     "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/eslint-config": "0.3.0",
     "@internal/tsconfig": "0.1.0",
     "@internal/tsdown-config": "0.1.0",
     "@internal/vitest-config": "0.1.0"