@pixpilot/shadcn-ui 0.4.0 → 0.4.1

package/dist/AbsoluteFill.cjs

@@ -1 +1,24 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);function r(e){let{ref:t,...r}=e;return(0,n.jsx)(`div`,{ref:t,className:`absolute top-0 right-0 bottom-0 left-0`,...r})}r.displayName=`StretchedElement`,exports.AbsoluteFill=r;
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+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/AbsoluteFill.tsx
+/**
+* Stretched element to enable tooltips on disabled buttons
+* When a button is disabled, tooltips don't work by default.
+* This element is positioned absolutely over the button to capture events.
+*/
+function AbsoluteFill(props) {
+	const { ref,...rest } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		ref,
+		className: "absolute top-0 right-0 bottom-0 left-0",
+		...rest
+	});
+}
+AbsoluteFill.displayName = "StretchedElement";
+
+//#endregion
+exports.AbsoluteFill = AbsoluteFill;

package/dist/AbsoluteFill.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
 
 //#region src/AbsoluteFill.d.ts
 
@@ -10,7 +10,7 @@ import * as react_jsx_runtime0 from "react/jsx-runtime";
  */
 declare function AbsoluteFill(props: React.HTMLAttributes<HTMLDivElement> & {
   ref?: React.Ref<HTMLDivElement>;
-}): react_jsx_runtime0.JSX.Element;
+}): react_jsx_runtime2.JSX.Element;
 declare namespace AbsoluteFill {
   var displayName: string;
 }

package/dist/AbsoluteFill.js

@@ -1 +1,21 @@
-import e from"react";import{jsx as t}from"react/jsx-runtime";function n(e){let{ref:n,...r}=e;return t(`div`,{ref:n,className:`absolute top-0 right-0 bottom-0 left-0`,...r})}n.displayName=`StretchedElement`;export{n as AbsoluteFill};
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/AbsoluteFill.tsx
+/**
+* Stretched element to enable tooltips on disabled buttons
+* When a button is disabled, tooltips don't work by default.
+* This element is positioned absolutely over the button to capture events.
+*/
+function AbsoluteFill(props) {
+	const { ref,...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		ref,
+		className: "absolute top-0 right-0 bottom-0 left-0",
+		...rest
+	});
+}
+AbsoluteFill.displayName = "StretchedElement";
+
+//#endregion
+export { AbsoluteFill };

package/dist/Alert.cjs

@@ -1 +1,81 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`),t=require(`./packages/shadcn/src/lib/utils.cjs`);require(`./packages/shadcn/src/lib/index.cjs`);const n=require(`./packages/shadcn/src/components/ui/alert.cjs`);let r=require(`lucide-react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=t.cn(`t-0 size-4`),s={error:{descClass:`text-destructive`,textClass:`text-destructive`,class:t.cn(`border-current/80!`),icon:(0,a.jsx)(r.OctagonAlertIcon,{className:o})},warning:{descClass:`text-amber-600/80 dark:text-amber-400/80`,textClass:`text-amber-600 dark:border-amber-400 dark:text-amber-400`,class:t.cn(`border-current/80!`),icon:(0,a.jsx)(r.CircleAlertIcon,{className:o})},info:{descClass:`text-sky-600/80 dark:text-sky-400/80`,textClass:`text-sky-600 dark:border-sky-400 dark:text-sky-400`,class:t.cn(`border-current/80!`),icon:(0,a.jsx)(r.CircleAlertIcon,{className:o})},success:{descClass:`text-green-600/80 dark:text-green-400/80`,textClass:`text-green-600 dark:border-green-400 dark:text-green-400`,class:t.cn(`border-current/80!`),icon:(0,a.jsx)(r.CircleCheckBigIcon,{className:o})},default:{descClass:`text-foreground/80`,textClass:`text-foreground`,class:t.cn(`border-current/60!`),icon:(0,a.jsx)(r.CircleAlertIcon,{className:o})}};function c(e,t){return e===!1?null:e===void 0||e===!0?s[t??`default`].icon:e}const l=e=>{let{description:r,variant:i=`default`,title:o,className:l,children:u,icon:d=!1,...f}=e,p=c(d,i),m=o!=null&&o.trim()!==``,h=s[i]??s.default;return(0,a.jsxs)(n.Alert,{...f,variant:`destructive`,className:t.cn(`bg-card border-accent! flex justify-between rounded-sm border-0 border-l-4`,h.class,h.textClass,l),children:[p&&(0,a.jsx)(`div`,{className:t.cn(`mr-3 flex items-start pt-0.5`),children:p}),(0,a.jsxs)(`div`,{className:`flex flex-1 flex-col gap-1`,children:[m&&(0,a.jsx)(n.AlertTitle,{className:t.cn(h.textClass,{"block!":!m}),children:o}),r!=null&&(0,a.jsx)(n.AlertDescription,{className:t.cn(h.descClass,!m&&h.textClass),children:r})]}),u]})};l.displayName=`Alert`,exports.Alert=l;
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_utils = require('./packages/shadcn/src/lib/utils.cjs');
+const require_alert = require('./packages/shadcn/src/components/ui/alert.cjs');
+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/Alert.tsx
+const iconClass = require_utils.cn("t-0 size-4");
+const colors = {
+	error: {
+		descClass: "text-destructive",
+		textClass: "text-destructive",
+		class: require_utils.cn("border-current/80!"),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.OctagonAlertIcon, { className: iconClass })
+	},
+	warning: {
+		descClass: "text-amber-600/80 dark:text-amber-400/80",
+		textClass: "text-amber-600 dark:border-amber-400 dark:text-amber-400",
+		class: require_utils.cn("border-current/80!"),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleAlertIcon, { className: iconClass })
+	},
+	info: {
+		descClass: "text-sky-600/80 dark:text-sky-400/80",
+		textClass: "text-sky-600 dark:border-sky-400 dark:text-sky-400",
+		class: require_utils.cn("border-current/80!"),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleAlertIcon, { className: iconClass })
+	},
+	success: {
+		descClass: "text-green-600/80 dark:text-green-400/80",
+		textClass: "text-green-600 dark:border-green-400 dark:text-green-400",
+		class: require_utils.cn("border-current/80!"),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleCheckBigIcon, { className: iconClass })
+	},
+	default: {
+		descClass: "text-foreground/80",
+		textClass: "text-foreground",
+		class: require_utils.cn("border-current/60!"),
+		icon: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleAlertIcon, { className: iconClass })
+	}
+};
+function getIcon(icon, variant) {
+	if (icon === false) return null;
+	if (icon === void 0 || icon === true) return colors[variant ?? "default"].icon;
+	return icon;
+}
+const Alert$1 = (props) => {
+	const { description, variant = "default", title, className, children, icon = false,...rest } = props;
+	const msgIcon = getIcon(icon, variant);
+	const hasTitle = title != null && title.trim() !== "";
+	const variantConfig = colors[variant] ?? colors.default;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_alert.Alert, {
+		...rest,
+		variant: "destructive",
+		className: require_utils.cn("bg-card border-accent! flex justify-between rounded-sm border-0 border-l-4", variantConfig.class, variantConfig.textClass, className),
+		children: [
+			msgIcon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: require_utils.cn("mr-3 flex items-start pt-0.5"),
+				children: msgIcon
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-1 flex-col gap-1",
+				children: [hasTitle && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_alert.AlertTitle, {
+					className: require_utils.cn(variantConfig.textClass, { "block!": !hasTitle }),
+					children: title
+				}), description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_alert.AlertDescription, {
+					className: require_utils.cn(variantConfig.descClass, !hasTitle && variantConfig.textClass),
+					children: description
+				})]
+			}),
+			children
+		]
+	});
+};
+Alert$1.displayName = "Alert";
+
+//#endregion
+exports.Alert = Alert$1;

package/dist/Alert.js

@@ -1 +1,77 @@
-import{cn as e}from"./packages/shadcn/src/lib/utils.js";import"./packages/shadcn/src/lib/index.js";import{Alert as t,AlertDescription as n,AlertTitle as r}from"./packages/shadcn/src/components/ui/alert.js";import{CircleAlertIcon as i,CircleCheckBigIcon as a,OctagonAlertIcon as o}from"lucide-react";import s from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";const u=e(`t-0 size-4`),d={error:{descClass:`text-destructive`,textClass:`text-destructive`,class:e(`border-current/80!`),icon:c(o,{className:u})},warning:{descClass:`text-amber-600/80 dark:text-amber-400/80`,textClass:`text-amber-600 dark:border-amber-400 dark:text-amber-400`,class:e(`border-current/80!`),icon:c(i,{className:u})},info:{descClass:`text-sky-600/80 dark:text-sky-400/80`,textClass:`text-sky-600 dark:border-sky-400 dark:text-sky-400`,class:e(`border-current/80!`),icon:c(i,{className:u})},success:{descClass:`text-green-600/80 dark:text-green-400/80`,textClass:`text-green-600 dark:border-green-400 dark:text-green-400`,class:e(`border-current/80!`),icon:c(a,{className:u})},default:{descClass:`text-foreground/80`,textClass:`text-foreground`,class:e(`border-current/60!`),icon:c(i,{className:u})}};function f(e,t){return e===!1?null:e===void 0||e===!0?d[t??`default`].icon:e}const p=i=>{let{description:a,variant:o=`default`,title:s,className:u,children:p,icon:m=!1,...h}=i,g=f(m,o),_=s!=null&&s.trim()!==``,v=d[o]??d.default;return l(t,{...h,variant:`destructive`,className:e(`bg-card border-accent! flex justify-between rounded-sm border-0 border-l-4`,v.class,v.textClass,u),children:[g&&c(`div`,{className:e(`mr-3 flex items-start pt-0.5`),children:g}),l(`div`,{className:`flex flex-1 flex-col gap-1`,children:[_&&c(r,{className:e(v.textClass,{"block!":!_}),children:s}),a!=null&&c(n,{className:e(v.descClass,!_&&v.textClass),children:a})]}),p]})};p.displayName=`Alert`;export{p as Alert};
+import { cn } from "./packages/shadcn/src/lib/utils.js";
+import { Alert, AlertDescription, AlertTitle } from "./packages/shadcn/src/components/ui/alert.js";
+import { CircleAlertIcon, CircleCheckBigIcon, OctagonAlertIcon } from "lucide-react";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Alert.tsx
+const iconClass = cn("t-0 size-4");
+const colors = {
+	error: {
+		descClass: "text-destructive",
+		textClass: "text-destructive",
+		class: cn("border-current/80!"),
+		icon: /* @__PURE__ */ jsx(OctagonAlertIcon, { className: iconClass })
+	},
+	warning: {
+		descClass: "text-amber-600/80 dark:text-amber-400/80",
+		textClass: "text-amber-600 dark:border-amber-400 dark:text-amber-400",
+		class: cn("border-current/80!"),
+		icon: /* @__PURE__ */ jsx(CircleAlertIcon, { className: iconClass })
+	},
+	info: {
+		descClass: "text-sky-600/80 dark:text-sky-400/80",
+		textClass: "text-sky-600 dark:border-sky-400 dark:text-sky-400",
+		class: cn("border-current/80!"),
+		icon: /* @__PURE__ */ jsx(CircleAlertIcon, { className: iconClass })
+	},
+	success: {
+		descClass: "text-green-600/80 dark:text-green-400/80",
+		textClass: "text-green-600 dark:border-green-400 dark:text-green-400",
+		class: cn("border-current/80!"),
+		icon: /* @__PURE__ */ jsx(CircleCheckBigIcon, { className: iconClass })
+	},
+	default: {
+		descClass: "text-foreground/80",
+		textClass: "text-foreground",
+		class: cn("border-current/60!"),
+		icon: /* @__PURE__ */ jsx(CircleAlertIcon, { className: iconClass })
+	}
+};
+function getIcon(icon, variant) {
+	if (icon === false) return null;
+	if (icon === void 0 || icon === true) return colors[variant ?? "default"].icon;
+	return icon;
+}
+const Alert$1 = (props) => {
+	const { description, variant = "default", title, className, children, icon = false,...rest } = props;
+	const msgIcon = getIcon(icon, variant);
+	const hasTitle = title != null && title.trim() !== "";
+	const variantConfig = colors[variant] ?? colors.default;
+	return /* @__PURE__ */ jsxs(Alert, {
+		...rest,
+		variant: "destructive",
+		className: cn("bg-card border-accent! flex justify-between rounded-sm border-0 border-l-4", variantConfig.class, variantConfig.textClass, className),
+		children: [
+			msgIcon && /* @__PURE__ */ jsx("div", {
+				className: cn("mr-3 flex items-start pt-0.5"),
+				children: msgIcon
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-1 flex-col gap-1",
+				children: [hasTitle && /* @__PURE__ */ jsx(AlertTitle, {
+					className: cn(variantConfig.textClass, { "block!": !hasTitle }),
+					children: title
+				}), description != null && /* @__PURE__ */ jsx(AlertDescription, {
+					className: cn(variantConfig.descClass, !hasTitle && variantConfig.textClass),
+					children: description
+				})]
+			}),
+			children
+		]
+	});
+};
+Alert$1.displayName = "Alert";
+
+//#endregion
+export { Alert$1 as Alert };

package/dist/Button.cjs

@@ -1 +1,84 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`),t=require(`./AbsoluteFill.cjs`);let n=require(`@pixpilot/shadcn`);n=e.__toESM(n);let r=require(`lucide-react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=14,s=16,c=20;function l(e){return e===`sm`||e===`icon-sm`?14:e===`lg`||e===`icon-lg`?20:16}function u(e){let{children:o,disabled:s,onClick:c,disabledTooltip:u,loading:d,LoaderProps:f,onDisabledClick:p,tooltip:m,title:h,TooltipProps:g,className:_,variant:v,size:y,ref:b,...x}=e,{placement:S=`end`}=f||{},C=(0,i.useCallback)(e=>{c&&!s&&c(e)},[s,c]),w=s||d,T=!!m||!!h,E=!!u&&w,D=T||E,O=E?u??``:m??h??``,k=(0,a.jsx)(`div`,{className:(0,n.cn)(`flex items-center justify-center`,S===`center`&&`rounded-0 absolute inset-0`,S===`start`&&`mr-1`,S===`end`&&`ml-1`),children:(0,a.jsx)(r.Loader2,{className:`text-background animate-spin`,style:{height:l(y),width:l(y)}})}),A=(0,a.jsxs)(n.Button,{...x,ref:b,disabled:w,onClick:C,className:(0,n.cn)(`relative`,_),variant:v,size:y,children:[!!u&&w&&(0,a.jsxs)(n.Tooltip,{...g,children:[(0,a.jsx)(n.TooltipTrigger,{asChild:!0,children:(0,a.jsx)(t.AbsoluteFill,{onClick:p,style:{pointerEvents:`all`,cursor:`not-allowed`}})}),(0,a.jsx)(n.TooltipContent,{children:(0,a.jsx)(`p`,{children:u})})]}),d&&S===`start`&&k,o,d&&(S===`end`||S===`center`)&&k]});return D&&!(u&&w)?(0,a.jsxs)(n.Tooltip,{...g,children:[(0,a.jsx)(n.TooltipTrigger,{asChild:!0,children:A}),(0,a.jsx)(n.TooltipContent,{children:(0,a.jsx)(`p`,{children:O})})]}):A}u.displayName=`Button`,exports.Button=u;
+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 === "sm" || size === "icon-sm") return LOADER_SIZE_SM;
+	if (size === "lg" || size === "icon-lg") return LOADER_SIZE_LG;
+	return LOADER_SIZE_DEFAULT;
+}
+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 || {};
+	const handleClick = (0, react.useCallback)((e) => {
+		if (onClick && !disabled) onClick(e);
+	}, [disabled, onClick]);
+	const isDisabled = disabled || loading;
+	const hasTooltip = Boolean(tooltip) || Boolean(title);
+	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
+	const showTooltip = hasTooltip || hasDisabledTooltip;
+	const tooltipContent = hasDisabledTooltip ? disabledTooltip ?? "" : tooltip ?? title ?? "";
+	const Loader = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		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"),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, {
+			className: "text-background 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,
+		children: [
+			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Tooltip, {
+				...TooltipProps,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.TooltipTrigger, {
+					asChild: true,
+					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, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", { children: 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, {
+		...TooltipProps,
+		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 }) })]
+	});
+	return buttonContent;
+}
+Button.displayName = "Button";
+
+//#endregion
+exports.Button = Button;

package/dist/Button.d.ts

@@ -1,7 +1,7 @@
 import { Button, Tooltip, buttonVariants } from "@pixpilot/shadcn";
 import React from "react";
-import { VariantProps } from "class-variance-authority";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
 
 //#region src/Button.d.ts
 interface ButtonLoaderProps {

package/dist/Button.js

@@ -1 +1,79 @@
-import{AbsoluteFill as e}from"./AbsoluteFill.js";import{Button as t,Tooltip as n,TooltipContent as r,TooltipTrigger as i,cn as a}from"@pixpilot/shadcn";import{Loader2 as o}from"lucide-react";import s,{useCallback as c}from"react";import{jsx as l,jsxs as u}from"react/jsx-runtime";function d(e){return e===`sm`||e===`icon-sm`?14:e===`lg`||e===`icon-lg`?20:16}function f(s){let{children:f,disabled:p,onClick:m,disabledTooltip:h,loading:g,LoaderProps:_,onDisabledClick:v,tooltip:y,title:b,TooltipProps:x,className:S,variant:C,size:w,ref:T,...E}=s,{placement:D=`end`}=_||{},O=c(e=>{m&&!p&&m(e)},[p,m]),k=p||g,A=!!y||!!b,j=!!h&&k,M=A||j,N=j?h??``:y??b??``,P=l(`div`,{className:a(`flex items-center justify-center`,D===`center`&&`rounded-0 absolute inset-0`,D===`start`&&`mr-1`,D===`end`&&`ml-1`),children:l(o,{className:`text-background animate-spin`,style:{height:d(w),width:d(w)}})}),F=u(t,{...E,ref:T,disabled:k,onClick:O,className:a(`relative`,S),variant:C,size:w,children:[!!h&&k&&u(n,{...x,children:[l(i,{asChild:!0,children:l(e,{onClick:v,style:{pointerEvents:`all`,cursor:`not-allowed`}})}),l(r,{children:l(`p`,{children:h})})]}),g&&D===`start`&&P,f,g&&(D===`end`||D===`center`)&&P]});return M&&!(h&&k)?u(n,{...x,children:[l(i,{asChild:!0,children:F}),l(r,{children:l(`p`,{children:N})})]}):F}f.displayName=`Button`;export{f as Button};
+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";
+
+//#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 === "sm" || size === "icon-sm") return LOADER_SIZE_SM;
+	if (size === "lg" || size === "icon-lg") return LOADER_SIZE_LG;
+	return LOADER_SIZE_DEFAULT;
+}
+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 || {};
+	const handleClick = useCallback((e) => {
+		if (onClick && !disabled) onClick(e);
+	}, [disabled, onClick]);
+	const isDisabled = disabled || loading;
+	const hasTooltip = Boolean(tooltip) || Boolean(title);
+	const hasDisabledTooltip = Boolean(disabledTooltip) && isDisabled;
+	const showTooltip = hasTooltip || hasDisabledTooltip;
+	const tooltipContent = hasDisabledTooltip ? disabledTooltip ?? "" : tooltip ?? title ?? "";
+	const Loader = /* @__PURE__ */ jsx("div", {
+		className: cn("flex items-center justify-center", loaderPlacement === "center" && "rounded-0 absolute inset-0", loaderPlacement === "start" && "mr-1", loaderPlacement === "end" && "ml-1"),
+		children: /* @__PURE__ */ jsx(Loader2, {
+			className: "text-background 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,
+		children: [
+			Boolean(disabledTooltip) && isDisabled && /* @__PURE__ */ jsxs(Tooltip, {
+				...TooltipProps,
+				children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(AbsoluteFill, {
+						onClick: onDisabledClick,
+						style: {
+							pointerEvents: "all",
+							cursor: "not-allowed"
+						}
+					})
+				}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: disabledTooltip }) })]
+			}),
+			loading && loaderPlacement === "start" && Loader,
+			children,
+			loading && (loaderPlacement === "end" || loaderPlacement === "center") && Loader
+		]
+	});
+	if (showTooltip && !(Boolean(disabledTooltip) && isDisabled)) return /* @__PURE__ */ jsxs(Tooltip, {
+		...TooltipProps,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			asChild: true,
+			children: buttonContent
+		}), /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: tooltipContent }) })]
+	});
+	return buttonContent;
+}
+Button$1.displayName = "Button";
+
+//#endregion
+export { Button$1 as Button };

package/dist/CloseButtonAbsolute.cjs

@@ -1 +1,20 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`),t=require(`./CloseButtonRounded.cjs`);let n=require(`@pixpilot/shadcn`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);const a=e=>(0,i.jsx)(t.CloseButtonRounded,{...e,className:(0,n.cn)(`absolute top-1 right-1`,e.className)});a.displayName=`CloseButtonAbsolute`,exports.CloseButtonAbsolute=a;
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_CloseButtonRounded = require('./CloseButtonRounded.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+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/CloseButtonAbsolute.tsx
+const CloseButtonAbsolute = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButtonRounded.CloseButtonRounded, {
+		...props,
+		className: (0, __pixpilot_shadcn.cn)("absolute top-1 right-1", props.className)
+	});
+};
+CloseButtonAbsolute.displayName = "CloseButtonAbsolute";
+
+//#endregion
+exports.CloseButtonAbsolute = CloseButtonAbsolute;

package/dist/CloseButtonAbsolute.js

@@ -1 +1,16 @@
-import{CloseButtonRounded as e}from"./CloseButtonRounded.js";import{cn as t}from"@pixpilot/shadcn";import n from"react";import{jsx as r}from"react/jsx-runtime";const i=n=>r(e,{...n,className:t(`absolute top-1 right-1`,n.className)});i.displayName=`CloseButtonAbsolute`;export{i as CloseButtonAbsolute};
+import { CloseButtonRounded } from "./CloseButtonRounded.js";
+import { cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/CloseButtonAbsolute.tsx
+const CloseButtonAbsolute = (props) => {
+	return /* @__PURE__ */ jsx(CloseButtonRounded, {
+		...props,
+		className: cn("absolute top-1 right-1", props.className)
+	});
+};
+CloseButtonAbsolute.displayName = "CloseButtonAbsolute";
+
+//#endregion
+export { CloseButtonAbsolute };

package/dist/CloseButtonRounded.cjs

@@ -1 +1,22 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn`);t=e.__toESM(t);let n=require(`lucide-react`);n=e.__toESM(n);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);i=e.__toESM(i);const a=e=>(0,i.jsx)(t.Button,{...e,className:(0,t.cn)(`flex h-8 w-8 items-center justify-center rounded-full p-0`,e.className),children:(0,i.jsx)(n.X,{className:`h-5 w-5`})});a.displayName=`CloseButtonRounded`,exports.CloseButtonRounded=a;
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.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/CloseButtonRounded.tsx
+const CloseButtonRounded = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+		...props,
+		className: (0, __pixpilot_shadcn.cn)("flex h-8 w-8 items-center justify-center rounded-full p-0", props.className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "h-5 w-5" })
+	});
+};
+CloseButtonRounded.displayName = "CloseButtonRounded";
+
+//#endregion
+exports.CloseButtonRounded = CloseButtonRounded;

package/dist/CloseButtonRounded.js

@@ -1 +1,17 @@
-import{Button as e,cn as t}from"@pixpilot/shadcn";import{X as n}from"lucide-react";import r from"react";import{jsx as i}from"react/jsx-runtime";const a=r=>i(e,{...r,className:t(`flex h-8 w-8 items-center justify-center rounded-full p-0`,r.className),children:i(n,{className:`h-5 w-5`})});a.displayName=`CloseButtonRounded`;export{a as CloseButtonRounded};
+import { Button, cn } from "@pixpilot/shadcn";
+import { X } from "lucide-react";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/CloseButtonRounded.tsx
+const CloseButtonRounded = (props) => {
+	return /* @__PURE__ */ jsx(Button, {
+		...props,
+		className: cn("flex h-8 w-8 items-center justify-center rounded-full p-0", props.className),
+		children: /* @__PURE__ */ jsx(X, { className: "h-5 w-5" })
+	});
+};
+CloseButtonRounded.displayName = "CloseButtonRounded";
+
+//#endregion
+export { CloseButtonRounded };

package/dist/Combobox.cjs

@@ -1 +1,53 @@
-"use client";const e=require(`./_virtual/rolldown_runtime.cjs`),t=require(`./CommandOptionList.cjs`);let n=require(`@pixpilot/shadcn`);n=e.__toESM(n);let r=require(`lucide-react`);r=e.__toESM(r);let i=require(`react`);i=e.__toESM(i);let a=require(`react/jsx-runtime`);a=e.__toESM(a);const o=[],s=e=>{let{value:s=``,onChange:c,options:l=o,placeholder:u=`Select option...`,searchPlaceholder:d=`Search...`,emptyText:f=`No option found.`,...p}=e,[m,h]=(0,i.useState)(!1);return(0,a.jsxs)(n.Popover,{open:m,onOpenChange:h,children:[(0,a.jsx)(n.PopoverTrigger,{asChild:!0,children:(0,a.jsxs)(n.Button,{variant:`outline`,role:`combobox`,"aria-expanded":m,className:`w-full justify-between`,children:[s?l.find(e=>e.value===s)?.label:u,(0,a.jsx)(r.ChevronsUpDown,{className:`ml-2 h-4 w-4 shrink-0 opacity-50`})]})}),(0,a.jsx)(n.PopoverContent,{className:`w-full p-0`,style:{width:`var(--radix-popover-trigger-width)`},children:(0,a.jsxs)(n.Command,{...p,children:[(0,a.jsx)(n.CommandInput,{placeholder:d}),(0,a.jsx)(t.CommandOptionList,{options:l,value:s,onChange:e=>{c?.(e),h(!1)},emptyText:f})]})})]})};s.displayName=`Combobox`,exports.Combobox=s;
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+const require_CommandOptionList = require('./CommandOptionList.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/Combobox.tsx
+const DEFAULT_OPTIONS = [];
+const Combobox = (props) => {
+	const { value = "", onChange, options = DEFAULT_OPTIONS, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.",...commandProps } = props;
+	const [open, setOpen] = (0, react.useState)(false);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+				variant: "outline",
+				role: "combobox",
+				"aria-expanded": open,
+				className: "w-full justify-between",
+				children: [value ? options.find((option) => option.value === value)?.label : placeholder, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+			className: "w-full p-0",
+			style: { width: "var(--radix-popover-trigger-width)" },
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Command, {
+				...commandProps,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandInput, { placeholder: searchPlaceholder }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CommandOptionList.CommandOptionList, {
+					options,
+					value,
+					onChange: (val) => {
+						onChange?.(val);
+						setOpen(false);
+					},
+					emptyText
+				})]
+			})
+		})]
+	});
+};
+Combobox.displayName = "Combobox";
+
+//#endregion
+exports.Combobox = Combobox;

package/dist/Combobox.js

@@ -1 +1,48 @@
-"use client";import{CommandOptionList as e}from"./CommandOptionList.js";import{Button as t,Command as n,CommandInput as r,Popover as i,PopoverContent as a,PopoverTrigger as o}from"@pixpilot/shadcn";import{ChevronsUpDown as s}from"lucide-react";import c,{useState as l}from"react";import{jsx as u,jsxs as d}from"react/jsx-runtime";const f=[],p=c=>{let{value:p=``,onChange:m,options:h=f,placeholder:g=`Select option...`,searchPlaceholder:_=`Search...`,emptyText:v=`No option found.`,...y}=c,[b,x]=l(!1);return d(i,{open:b,onOpenChange:x,children:[u(o,{asChild:!0,children:d(t,{variant:`outline`,role:`combobox`,"aria-expanded":b,className:`w-full justify-between`,children:[p?h.find(e=>e.value===p)?.label:g,u(s,{className:`ml-2 h-4 w-4 shrink-0 opacity-50`})]})}),u(a,{className:`w-full p-0`,style:{width:`var(--radix-popover-trigger-width)`},children:d(n,{...y,children:[u(r,{placeholder:_}),u(e,{options:h,value:p,onChange:e=>{m?.(e),x(!1)},emptyText:v})]})})]})};p.displayName=`Combobox`;export{p as Combobox};
+'use client';
+
+
+import { CommandOptionList } from "./CommandOptionList.js";
+import { Button, Command, CommandInput, Popover, PopoverContent, PopoverTrigger } from "@pixpilot/shadcn";
+import { ChevronsUpDown } from "lucide-react";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Combobox.tsx
+const DEFAULT_OPTIONS = [];
+const Combobox = (props) => {
+	const { value = "", onChange, options = DEFAULT_OPTIONS, placeholder = "Select option...", searchPlaceholder = "Search...", emptyText = "No option found.",...commandProps } = props;
+	const [open, setOpen] = useState(false);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				role: "combobox",
+				"aria-expanded": open,
+				className: "w-full justify-between",
+				children: [value ? options.find((option) => option.value === value)?.label : placeholder, /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })]
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-full p-0",
+			style: { width: "var(--radix-popover-trigger-width)" },
+			children: /* @__PURE__ */ jsxs(Command, {
+				...commandProps,
+				children: [/* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder }), /* @__PURE__ */ jsx(CommandOptionList, {
+					options,
+					value,
+					onChange: (val) => {
+						onChange?.(val);
+						setOpen(false);
+					},
+					emptyText
+				})]
+			})
+		})]
+	});
+};
+Combobox.displayName = "Combobox";
+
+//#endregion
+export { Combobox };

package/dist/CommandOptionList.cjs

@@ -1 +1,29 @@
-"use client";const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn`);t=e.__toESM(t);let n=require(`lucide-react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);const i=e=>{let{options:i,value:a,onChange:o,emptyText:s=`No option found.`}=e;return(0,r.jsxs)(t.CommandList,{children:[(0,r.jsx)(t.CommandEmpty,{children:s}),(0,r.jsx)(t.CommandGroup,{children:i.map(e=>(0,r.jsx)(t.CommandItem,{value:e.value,onSelect:e=>{o?.(e===a?``:e)},children:(0,r.jsxs)(`div`,{className:`w-full flex items-center justify-between`,children:[e.label,(0,r.jsx)(n.Check,{className:(0,t.cn)(`mr-2 h-4 w-4`,a===e.value?`opacity-100`:`opacity-0`)})]})},e.value))})]})};i.displayName=`CommandOptionList`,exports.CommandOptionList=i;
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.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_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/CommandOptionList.tsx
+const CommandOptionList = (props) => {
+	const { options, value, onChange, emptyText = "No option found." } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CommandList, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandEmpty, { children: emptyText }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.CommandItem, {
+		value: option.value,
+		onSelect: (currentValue) => {
+			onChange?.(currentValue === value ? "" : currentValue);
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "w-full flex items-center justify-between",
+			children: [option.label, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Check, { className: (0, __pixpilot_shadcn.cn)("mr-2 h-4 w-4", value === option.value ? "opacity-100" : "opacity-0") })]
+		})
+	}, option.value)) })] });
+};
+CommandOptionList.displayName = "CommandOptionList";
+
+//#endregion
+exports.CommandOptionList = CommandOptionList;