@pixpilot/shadcn-ui 0.65.0 → 1.0.0

package/dist/Button.cjs

@@ -2,101 +2,35 @@ const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
 const require_AbsoluteFill = require('./AbsoluteFill.cjs');
 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/Button.tsx
-const LOADER_SIZE_SM = 14;
-const LOADER_SIZE_DEFAULT = 16;
-const LOADER_SIZE_LG = 20;
-/**
-* Get loader size based on button size
-*/
-function getLoaderSize(size) {
-	if (size === "xs" || size === "sm" || size === "icon-xs" || size === "icon-sm") return LOADER_SIZE_SM;
-	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, slots, className, variant, size, ref,...rest } = props;
-	const { placement: loaderPlacement = "end" } = loaderProps || {};
+	const { children, disabled, onClick, onDisabledClick, title, slots, className, variant, size, ref,...rest } = props;
 	const handleClick = (0, react.useCallback)((e) => {
 		if (onClick && !disabled) onClick(e);
 	}, [disabled, onClick]);
-	const isDisabled = disabled || loading;
-	const hasTooltip = Boolean(tooltip);
-	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
-	const showTooltip = hasTooltip || hasDisabledTooltip;
-	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", hasArea && loaderPlacement === "start" && "mr-1", hasArea && loaderPlacement === "end" && "ml-1"),
-		...slots?.loaderContainer,
-		children: slots?.loader ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
-			className: "animate-spin",
-			style: {
-				height: getLoaderSize(size),
-				width: getLoaderSize(size)
-			}
-		})
-	});
-	const buttonContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
 		...rest,
 		ref,
-		disabled: isDisabled,
+		disabled,
 		onClick: handleClick,
 		className: (0, __pixpilot_shadcn.cn)("relative", className),
 		variant,
 		size,
 		title,
-		children: [
-			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, {
-				...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: {
-							pointerEvents: "all",
-							cursor: "not-allowed"
-						}
-					})
-				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, {
-					...slots?.tooltipContent,
-					children: renderTooltipContent(disabledTooltip)
-				})]
-			}),
-			loading && loaderPlacement === "start" && Loader,
-			children,
-			loading && (loaderPlacement === "end" || loaderPlacement === "center") && Loader
-		]
-	});
-	if (showTooltip && !(Boolean(disabledTooltip) && isDisabled)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, {
-		...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, {
-			...slots?.tooltipContent,
-			children: renderTooltipContent(tooltipContent)
-		})]
+		children: [Boolean(disabled) && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AbsoluteFill.AbsoluteFill, {
+			title,
+			onClick: onDisabledClick,
+			style: {
+				pointerEvents: "all",
+				cursor: "not-allowed"
+			}
+		}), children]
 	});
-	return buttonContent;
 }
 Button.displayName = "Button";
 

package/dist/Button.d.cts

@@ -4,30 +4,7 @@ import React from "react";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/Button.d.ts
-interface ButtonLoaderProps {
-  /**
-   * Position of the loader relative to button content
-   * @default 'end'
-   */
-  placement?: 'start' | 'end' | 'center';
-}
 interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<typeof buttonVariants> {
-  /**
-   * Tooltip message to show when button is disabled
-   */
-  disabledTooltip?: React.ReactNode;
-  /**
-   * Regular tooltip message
-   */
-  tooltip?: React.ReactNode;
-  /**
-   * Loading state
-   */
-  loading?: boolean;
-  /**
-   * Loader configuration
-   */
-  loaderProps?: ButtonLoaderProps;
   /**
    * Click handler for when disabled button is clicked
    */
@@ -55,4 +32,4 @@ declare namespace Button$1 {
   var displayName: string;
 }
 //#endregion
-export { Button$1 as Button, ButtonLoaderProps, ButtonProps };
+export { Button$1 as Button, ButtonProps };

package/dist/Button.d.ts

@@ -4,30 +4,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/Button.d.ts
-interface ButtonLoaderProps {
-  /**
-   * Position of the loader relative to button content
-   * @default 'end'
-   */
-  placement?: 'start' | 'end' | 'center';
-}
 interface ButtonProps extends React.ComponentProps<typeof Button>, VariantProps<typeof buttonVariants> {
-  /**
-   * Tooltip message to show when button is disabled
-   */
-  disabledTooltip?: React.ReactNode;
-  /**
-   * Regular tooltip message
-   */
-  tooltip?: React.ReactNode;
-  /**
-   * Loading state
-   */
-  loading?: boolean;
-  /**
-   * Loader configuration
-   */
-  loaderProps?: ButtonLoaderProps;
   /**
    * Click handler for when disabled button is clicked
    */
@@ -55,4 +32,4 @@ declare namespace Button$1 {
   var displayName: string;
 }
 //#endregion
-export { Button$1 as Button, ButtonLoaderProps, ButtonProps };
+export { Button$1 as Button, ButtonProps };

package/dist/Button.js

@@ -1,97 +1,32 @@
 import { AbsoluteFill } from "./AbsoluteFill.js";
-import { Button, Tooltip, TooltipContent, TooltipTrigger, cn } from "@pixpilot/shadcn";
-import { Loader2 } from "lucide-react";
+import { Button, cn } from "@pixpilot/shadcn";
 import React, { useCallback } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/Button.tsx
-const LOADER_SIZE_SM = 14;
-const LOADER_SIZE_DEFAULT = 16;
-const LOADER_SIZE_LG = 20;
-/**
-* Get loader size based on button size
-*/
-function getLoaderSize(size) {
-	if (size === "xs" || size === "sm" || size === "icon-xs" || size === "icon-sm") return LOADER_SIZE_SM;
-	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, slots, className, variant, size, ref,...rest } = props;
-	const { placement: loaderPlacement = "end" } = loaderProps || {};
+	const { children, disabled, onClick, onDisabledClick, title, slots, className, variant, size, ref,...rest } = props;
 	const handleClick = useCallback((e) => {
 		if (onClick && !disabled) onClick(e);
 	}, [disabled, onClick]);
-	const isDisabled = disabled || loading;
-	const hasTooltip = Boolean(tooltip);
-	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
-	const showTooltip = hasTooltip || hasDisabledTooltip;
-	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", hasArea && loaderPlacement === "start" && "mr-1", hasArea && loaderPlacement === "end" && "ml-1"),
-		...slots?.loaderContainer,
-		children: slots?.loader ?? /* @__PURE__ */ jsx(Loader2, {
-			className: "animate-spin",
-			style: {
-				height: getLoaderSize(size),
-				width: getLoaderSize(size)
-			}
-		})
-	});
-	const buttonContent = /* @__PURE__ */ jsxs(Button, {
+	return /* @__PURE__ */ jsxs(Button, {
 		...rest,
 		ref,
-		disabled: isDisabled,
+		disabled,
 		onClick: handleClick,
 		className: cn("relative", className),
 		variant,
 		size,
 		title,
-		children: [
-			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ jsxs(Tooltip, {
-				...slots?.tooltip,
-				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-					asChild: true,
-					...slots?.tooltipTrigger,
-					children: /* @__PURE__ */ jsx(AbsoluteFill, {
-						onClick: onDisabledClick,
-						style: {
-							pointerEvents: "all",
-							cursor: "not-allowed"
-						}
-					})
-				}), /* @__PURE__ */ jsx(TooltipContent, {
-					...slots?.tooltipContent,
-					children: renderTooltipContent(disabledTooltip)
-				})]
-			}),
-			loading && loaderPlacement === "start" && Loader,
-			children,
-			loading && (loaderPlacement === "end" || loaderPlacement === "center") && Loader
-		]
-	});
-	if (showTooltip && !(Boolean(disabledTooltip) && isDisabled)) return /* @__PURE__ */ jsxs(Tooltip, {
-		...slots?.tooltip,
-		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			asChild: true,
-			...slots?.tooltipTrigger,
-			children: buttonContent
-		}), /* @__PURE__ */ jsx(TooltipContent, {
-			...slots?.tooltipContent,
-			children: renderTooltipContent(tooltipContent)
-		})]
+		children: [Boolean(disabled) && /* @__PURE__ */ jsx(AbsoluteFill, {
+			title,
+			onClick: onDisabledClick,
+			style: {
+				pointerEvents: "all",
+				cursor: "not-allowed"
+			}
+		}), children]
 	});
-	return buttonContent;
 }
 Button$1.displayName = "Button";
 

package/dist/ButtonExtended.cjs

@@ -0,0 +1,104 @@
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_AbsoluteFill = require('./AbsoluteFill.cjs');
+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/ButtonExtended.tsx
+const LOADER_SIZE_SM = 14;
+const LOADER_SIZE_DEFAULT = 16;
+const LOADER_SIZE_LG = 20;
+/**
+* Get loader size based on button size
+*/
+function getLoaderSize(size) {
+	if (size === "xs" || size === "sm" || size === "icon-xs" || size === "icon-sm") return LOADER_SIZE_SM;
+	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 ButtonExtended(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);
+	}, [disabled, onClick]);
+	const isDisabled = disabled || loading;
+	const hasTooltip = Boolean(tooltip);
+	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
+	const showTooltip = hasTooltip || hasDisabledTooltip;
+	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", hasArea && loaderPlacement === "start" && "mr-1", hasArea && loaderPlacement === "end" && "ml-1"),
+		...slots?.loaderContainer,
+		children: slots?.loader ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
+			className: "animate-spin",
+			style: {
+				height: getLoaderSize(size),
+				width: getLoaderSize(size)
+			}
+		})
+	});
+	const buttonContent = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+		...rest,
+		ref,
+		disabled: isDisabled,
+		onClick: handleClick,
+		className: (0, __pixpilot_shadcn.cn)("relative", className),
+		variant,
+		size,
+		title,
+		children: [
+			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, {
+				...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: {
+							pointerEvents: "all",
+							cursor: "not-allowed"
+						}
+					})
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipContent, {
+					...slots?.tooltipContent,
+					children: renderTooltipContent(disabledTooltip)
+				})]
+			}),
+			loading && loaderPlacement === "start" && Loader,
+			children,
+			loading && (loaderPlacement === "end" || loaderPlacement === "center") && Loader
+		]
+	});
+	if (showTooltip && !(Boolean(disabledTooltip) && isDisabled)) return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, {
+		...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, {
+			...slots?.tooltipContent,
+			children: renderTooltipContent(tooltipContent)
+		})]
+	});
+	return buttonContent;
+}
+ButtonExtended.displayName = "ButtonExtended";
+
+//#endregion
+exports.ButtonExtended = ButtonExtended;

package/dist/ButtonExtended.d.cts

@@ -0,0 +1,58 @@
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
+import React from "react";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/ButtonExtended.d.ts
+interface ButtonExtendedLoaderProps {
+  /**
+   * Position of the loader relative to button content
+   * @default 'end'
+   */
+  placement?: 'start' | 'end' | 'center';
+}
+interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, VariantProps<typeof buttonVariants> {
+  /**
+   * Tooltip message to show when button is disabled
+   */
+  disabledTooltip?: React.ReactNode;
+  /**
+   * Regular tooltip message
+   */
+  tooltip?: React.ReactNode;
+  /**
+   * Loading state
+   */
+  loading?: boolean;
+  /**
+   * Loader configuration
+   */
+  loaderProps?: ButtonExtendedLoaderProps;
+  /**
+   * Click handler for when disabled button is clicked
+   */
+  onDisabledClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+  /**
+   * Props to pass to the tooltip component
+   */
+  /**
+   * 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 ButtonExtended(props: ButtonExtendedProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): react_jsx_runtime1.JSX.Element;
+declare namespace ButtonExtended {
+  var displayName: string;
+}
+//#endregion
+export { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps };

package/dist/ButtonExtended.d.ts

@@ -0,0 +1,58 @@
+import { Button, Tooltip, TooltipContent, TooltipTrigger, buttonVariants } from "@pixpilot/shadcn";
+import React from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+
+//#region src/ButtonExtended.d.ts
+interface ButtonExtendedLoaderProps {
+  /**
+   * Position of the loader relative to button content
+   * @default 'end'
+   */
+  placement?: 'start' | 'end' | 'center';
+}
+interface ButtonExtendedProps extends React.ComponentProps<typeof Button>, VariantProps<typeof buttonVariants> {
+  /**
+   * Tooltip message to show when button is disabled
+   */
+  disabledTooltip?: React.ReactNode;
+  /**
+   * Regular tooltip message
+   */
+  tooltip?: React.ReactNode;
+  /**
+   * Loading state
+   */
+  loading?: boolean;
+  /**
+   * Loader configuration
+   */
+  loaderProps?: ButtonExtendedLoaderProps;
+  /**
+   * Click handler for when disabled button is clicked
+   */
+  onDisabledClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+  /**
+   * Props to pass to the tooltip component
+   */
+  /**
+   * 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 ButtonExtended(props: ButtonExtendedProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): react_jsx_runtime1.JSX.Element;
+declare namespace ButtonExtended {
+  var displayName: string;
+}
+//#endregion
+export { ButtonExtended, ButtonExtendedLoaderProps, ButtonExtendedProps };

package/dist/ButtonExtended.js

@@ -0,0 +1,99 @@
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ButtonExtended.tsx
+const LOADER_SIZE_SM = 14;
+const LOADER_SIZE_DEFAULT = 16;
+const LOADER_SIZE_LG = 20;
+/**
+* Get loader size based on button size
+*/
+function getLoaderSize(size) {
+	if (size === "xs" || size === "sm" || size === "icon-xs" || size === "icon-sm") return LOADER_SIZE_SM;
+	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 ButtonExtended(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);
+	}, [disabled, onClick]);
+	const isDisabled = disabled || loading;
+	const hasTooltip = Boolean(tooltip);
+	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
+	const showTooltip = hasTooltip || hasDisabledTooltip;
+	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", hasArea && loaderPlacement === "start" && "mr-1", hasArea && loaderPlacement === "end" && "ml-1"),
+		...slots?.loaderContainer,
+		children: slots?.loader ?? /* @__PURE__ */ jsx(Loader2, {
+			className: "animate-spin",
+			style: {
+				height: getLoaderSize(size),
+				width: getLoaderSize(size)
+			}
+		})
+	});
+	const buttonContent = /* @__PURE__ */ jsxs(Button, {
+		...rest,
+		ref,
+		disabled: isDisabled,
+		onClick: handleClick,
+		className: cn("relative", className),
+		variant,
+		size,
+		title,
+		children: [
+			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ jsxs(Tooltip, {
+				...slots?.tooltip,
+				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					asChild: true,
+					...slots?.tooltipTrigger,
+					children: /* @__PURE__ */ jsx(AbsoluteFill, {
+						onClick: onDisabledClick,
+						style: {
+							pointerEvents: "all",
+							cursor: "not-allowed"
+						}
+					})
+				}), /* @__PURE__ */ jsx(TooltipContent, {
+					...slots?.tooltipContent,
+					children: renderTooltipContent(disabledTooltip)
+				})]
+			}),
+			loading && loaderPlacement === "start" && Loader,
+			children,
+			loading && (loaderPlacement === "end" || loaderPlacement === "center") && Loader
+		]
+	});
+	if (showTooltip && !(Boolean(disabledTooltip) && isDisabled)) return /* @__PURE__ */ jsxs(Tooltip, {
+		...slots?.tooltip,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			...slots?.tooltipTrigger,
+			children: buttonContent
+		}), /* @__PURE__ */ jsx(TooltipContent, {
+			...slots?.tooltipContent,
+			children: renderTooltipContent(tooltipContent)
+		})]
+	});
+	return buttonContent;
+}
+ButtonExtended.displayName = "ButtonExtended";
+
+//#endregion
+export { ButtonExtended };