themelia-react-ui 2.0.5 → 3.0.0

package/dist/{buttons-BedGfygC.js → buttons-pZVgPTZn.js}

@@ -1,24 +1,88 @@
 "use client";
-import { S as e, d as t, s as n } from "./ui-provider-C-74NVLc.js";
+import { C as e, c as t, f as n } from "./ui-provider-Bu1S-o96.js";
 import { useStrings as r } from "./lib/strings.js";
-import { t as i } from "./utils-B6kKb8jB.js";
+import { t as i } from "./utils-BVbAG2J6.js";
 import { t as a } from "./affordance-geometry.generated-P-aVJisu.js";
-import { t as o } from "./separator-Bb17I4pu.js";
-import { c as s } from "./typography-BQnine1k.js";
-import { t as c } from "./focus-recipes-B653VaLq.js";
-import { i as l, n as u, t as d } from "./tooltip-8wz5S_Zr.js";
-import { t as f } from "./button-S2Cubiiz.js";
-import * as p from "react";
-import { forwardRef as m, useCallback as h, useEffect as g, useLayoutEffect as _, useRef as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Loader2 as C } from "lucide-react";
-import { mergeProps as w } from "@base-ui/react/merge-props";
-import { useRender as T } from "@base-ui/react/use-render";
-import { cva as E } from "class-variance-authority";
+import { c as o } from "./typography-C0dELqYV.js";
+import { t as s } from "./focus-recipes-DSkiUvUp.js";
+import { t as c } from "./separator-KGsNXt2J.js";
+import { i as l, n as u, t as d } from "./tooltip-yjX-Uv-p.js";
+import { r as f, t as p } from "./button-rd6FiHfQ.js";
+import * as m from "react";
+import { forwardRef as h, useCallback as g, useEffect as _, useLayoutEffect as v, useRef as y, useState as b } from "react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { Loader2 as w } from "lucide-react";
+import { cva as T } from "class-variance-authority";
+import { useRender as E } from "@base-ui/react/use-render";
+import { mergeProps as D } from "@base-ui/react/merge-props";
+//#region src/components/base/buttons/button.recipes.ts
+var O = {
+	solidInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-95 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-90",
+	neutralInteractive: "hover:text-accent-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-accent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted",
+	secondaryInteractive: "hover:text-accent-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-accent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted",
+	primaryInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-primary/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-primary/20",
+	destructiveInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-destructive/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-destructive/20",
+	successInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-success/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-success/20",
+	warningInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-warning/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-warning/20",
+	infoInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-info/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-info/20",
+	isLoading: "cursor-wait",
+	icon: "base-button-icon pointer-events-none shrink-0",
+	spinner: "animate-spin"
+}, k = {
+	loading: "Loading...",
+	completed: "Completed"
+};
+function A({ loading: e = !1, handlesLoading: t, strings: n }) {
+	let i = r(k, n), [a, o] = b(e), [, s] = b(!1);
+	return _(() => {
+		e && o(!0);
+	}, [e]), _(() => {
+		t && e && o(!0);
+	}, [e, t]), _(() => {
+		let t;
+		return !e && a && (s(!0), t = setTimeout(() => {
+			o(!1), s(!1);
+		}, 300)), () => {
+			t && clearTimeout(t);
+		};
+	}, [e, a]), {
+		isLoading: e || a,
+		strings: i
+	};
+}
+function j({ isLoading: e, loadingText: t, icon: n, iconPosition: r = "left", iconOnly: a = !1, truncate: s = !1, children: c }) {
+	let l = e ? t : c, u = typeof l == "string" || typeof l == "number" || typeof l == "bigint";
+	return /* @__PURE__ */ C(x, { children: [
+		!!e && /* @__PURE__ */ S(w, {
+			className: i(O.icon, O.spinner),
+			"aria-hidden": "true"
+		}),
+		!!n && r === "left" && !e && /* @__PURE__ */ S(n, {
+			className: O.icon,
+			"aria-hidden": "true"
+		}),
+		e && a ? /* @__PURE__ */ S("span", {
+			className: "sr-only",
+			children: t
+		}) : u ? /* @__PURE__ */ S(o, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: i("text-inherit", s && "min-w-0 truncate"),
+			children: l
+		}) : l,
+		!!n && r === "right" && !e && /* @__PURE__ */ S(n, {
+			className: O.icon,
+			"aria-hidden": "true"
+		})
+	] });
+}
+//#endregion
 //#region src/components/ui/button-group.tsx
-var D = ({ orientation: e = "horizontal" } = {}) => e === "vertical" ? "button-group-vertical" : "button-group-horizontal";
-function O({ className: e, orientation: t = "horizontal", ...n }) {
-	return /* @__PURE__ */ x("div", {
+var M = ({ orientation: e = "horizontal" } = {}) => e === "vertical" ? "button-group-vertical" : "button-group-horizontal";
+function N({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ S("div", {
 		role: "group",
 		"data-slot": "button-group",
 		"data-orientation": t,
@@ -26,16 +90,16 @@ function O({ className: e, orientation: t = "horizontal", ...n }) {
 		...n
 	});
 }
-function k({ className: e, render: t, ...n }) {
-	return T({
+function P({ className: e, render: t, ...n }) {
+	return E({
 		defaultTagName: "div",
-		props: w({ className: i("button-group-text--primitive", e) }, n),
+		props: D({ className: i("button-group-text--primitive", e) }, n),
 		render: t,
 		state: { slot: "button-group-text" }
 	});
 }
-function A({ className: e, orientation: t = "vertical", ...n }) {
-	return /* @__PURE__ */ x(o, {
+function F({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ S(c, {
 		"data-slot": "button-group-separator",
 		orientation: t,
 		className: i("button-group-separator--primitive", e),
@@ -44,27 +108,27 @@ function A({ className: e, orientation: t = "vertical", ...n }) {
 }
 //#endregion
 //#region src/components/base/buttons/button-group.recipes.ts
-var j = {
+var I = {
 	root: "inline-flex items-stretch rounded-radius box-border data-[orientation=vertical]:flex-col [&[data-orientation=horizontal]>:not(:last-child)]:rounded-e-none [&[data-orientation=horizontal]>:not(:first-child)]:rounded-s-none [&[data-orientation=horizontal]>:not(:first-child)]:border-s-0 [&[data-orientation=vertical]>:not(:last-child)]:rounded-b-none [&[data-orientation=vertical]>:not(:first-child)]:rounded-t-none [&[data-orientation=vertical]>:not(:first-child)]:border-t-0",
 	text: "inline-flex items-center rounded-radius px-control-sm py-0 bg-muted border border-input text-sm text-muted-foreground",
 	separator: "bg-border w-px self-stretch"
 };
 //#endregion
 //#region src/components/base/buttons/button-group.tsx
-function M({ className: e, ...t }) {
-	return /* @__PURE__ */ x(O, {
-		className: i("button-group--component", j.root, e),
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ S(N, {
+		className: i("button-group--component", I.root, e),
 		...t
 	});
 }
-function N(e) {
+function R(e) {
 	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function P({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ x(k, {
-		className: i("button-group-text--component", j.text, t),
+function z({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ S(P, {
+		className: i("button-group-text--component", I.text, t),
 		...n,
-		children: N(e) ? /* @__PURE__ */ x(s, {
+		children: R(e) ? /* @__PURE__ */ S(o, {
 			tag: "span",
 			size: "inherit",
 			weight: "medium",
@@ -74,27 +138,15 @@ function P({ children: e, className: t, ...n }) {
 		}) : e
 	});
 }
-function F({ className: e, ...t }) {
-	return /* @__PURE__ */ x(A, {
-		className: i("button-group-separator--component", j.separator, e),
+function B({ className: e, ...t }) {
+	return /* @__PURE__ */ S(F, {
+		className: i("button-group-separator--component", I.separator, e),
 		...t
 	});
 }
 //#endregion
-//#region src/components/base/buttons/button.recipes.ts
-var I = {
-	solidInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-95 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:brightness-90",
-	neutralInteractive: "hover:text-accent-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-accent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted",
-	secondaryInteractive: "hover:text-accent-foreground [&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-accent [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-muted",
-	primaryInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-primary/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-primary/20",
-	destructiveInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-destructive/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-destructive/20",
-	successInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-success/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-success/20",
-	warningInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-warning/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-warning/20",
-	infoInteractive: "[&:hover:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-info/10 [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-info/20",
-	isLoading: "cursor-wait",
-	icon: "base-button-icon pointer-events-none shrink-0",
-	spinner: "animate-spin"
-}, L = E(`box-border inline-flex max-w-full shrink-0 items-center justify-center gap-space-sm has-[>[data-slot=avatar]]:py-0 [&_svg:not([class*=size-])]:size-icon [&_svg]:shrink-0 text-center [overflow-wrap:break-word] rounded-radius border font-sans font-medium no-underline outline-none transition-[background-color,border-color,color,filter,box-shadow] ${c.frame} disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50`, {
+//#region src/components/base/buttons/button.variants.ts
+var V = T(`box-border inline-flex max-w-full shrink-0 items-center justify-center gap-space-sm has-[>[data-slot=avatar]]:py-0 [&_svg:not([class*=size-])]:size-icon [&_svg]:shrink-0 text-center [overflow-wrap:break-word] rounded-radius border font-sans font-medium no-underline outline-none transition-[background-color,border-color,color,filter,box-shadow] ${s.frame} disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50`, {
 	variants: {
 		tone: {
 			primary: "",
@@ -106,7 +158,7 @@ var I = {
 			info: ""
 		},
 		buttonStyle: {
-			solid: `border-transparent ${I.solidInteractive}`,
+			solid: `border-transparent ${O.solidInteractive}`,
 			outline: "border-input bg-transparent",
 			ghost: "border-transparent bg-transparent"
 		},
@@ -132,37 +184,37 @@ var I = {
 		{
 			tone: "info",
 			buttonStyle: ["outline", "ghost"],
-			class: I.infoInteractive
+			class: O.infoInteractive
 		},
 		{
 			tone: "warning",
 			buttonStyle: ["outline", "ghost"],
-			class: I.warningInteractive
+			class: O.warningInteractive
 		},
 		{
 			tone: "success",
 			buttonStyle: ["outline", "ghost"],
-			class: I.successInteractive
+			class: O.successInteractive
 		},
 		{
 			tone: "destructive",
 			buttonStyle: ["outline", "ghost"],
-			class: I.destructiveInteractive
+			class: O.destructiveInteractive
 		},
 		{
 			tone: "secondary",
 			buttonStyle: ["outline", "ghost"],
-			class: I.secondaryInteractive
+			class: O.secondaryInteractive
 		},
 		{
 			tone: "neutral",
 			buttonStyle: ["outline", "ghost"],
-			class: I.neutralInteractive
+			class: O.neutralInteractive
 		},
 		{
 			tone: "primary",
 			buttonStyle: ["outline", "ghost"],
-			class: I.primaryInteractive
+			class: O.primaryInteractive
 		},
 		{
 			tone: "primary",
@@ -311,8 +363,8 @@ var I = {
 });
 //#endregion
 //#region src/components/base/buttons/use-pending-button-focus.ts
-function R(e, t) {
-	let n = v(null), r = v(!1), i = v(!1), a = v(!1), o = h((e) => {
+function H(e, t) {
+	let n = y(null), r = y(!1), i = y(!1), a = y(!1), o = g((e) => {
 		n.current = e;
 		let a = () => {
 			r.current = !0;
@@ -325,7 +377,7 @@ function R(e, t) {
 			e?.removeEventListener("focus", a), e?.removeEventListener("blur", o), n.current === e && (n.current = null), typeof s == "function" ? s() : typeof t == "function" ? t(null) : t && (t.current = null);
 		};
 	}, [t]);
-	return _(() => {
+	return v(() => {
 		let t = n.current, o = i.current;
 		if (i.current = e, !t) return;
 		let s = t.ownerDocument;
@@ -350,45 +402,45 @@ function R(e, t) {
 }
 //#endregion
 //#region src/components/base/buttons/base-button.tsx
-function z({ tone: r, buttonStyle: i, size: a, iconOnly: o = !1, fullWidth: s = !1, truncate: c = !1 }) {
-	let l = n(), { defaultScale: u } = t(), d = {
-		tone: r ?? l.defaultTone,
-		buttonStyle: i ?? (r === void 0 ? l.defaultButtonStyle : "solid"),
-		size: e(a, u),
+function U({ tone: r, buttonStyle: i, size: a, iconOnly: o = !1, fullWidth: s = !1, truncate: c = !1 }, l) {
+	let u = t(), { defaultScale: d } = n(), p = {
+		tone: r ?? u.defaultTone,
+		buttonStyle: i ?? (r === void 0 ? u.defaultButtonStyle : "solid"),
+		size: e(a, d),
 		iconOnly: o,
 		fullWidth: s,
 		truncate: c
 	};
 	return {
-		...d,
-		classes: L(d),
+		...p,
+		classes: V(p),
 		attributes: {
-			"data-slot": "button",
-			"data-tone": d.tone,
-			"data-style": d.buttonStyle,
-			"data-size": d.size,
+			"data-slot": f(l),
+			"data-tone": p.tone,
+			"data-style": p.buttonStyle,
+			"data-size": p.size,
 			"data-icon-only": o || void 0,
 			"data-full-width": s || void 0,
 			"data-truncate": c || void 0
 		}
 	};
 }
-function B({ icon: e, iconPosition: t = "left", truncate: n = !1, children: r }) {
-	let i = e && /* @__PURE__ */ x(e, {
+function W({ icon: e, iconPosition: t = "left", truncate: n = !1, children: r }) {
+	let i = e && /* @__PURE__ */ S(e, {
 		className: "size-icon shrink-0",
 		"aria-hidden": "true"
 	});
-	return /* @__PURE__ */ S(b, { children: [
+	return /* @__PURE__ */ C(x, { children: [
 		t === "left" && i,
-		n && (typeof r == "string" || typeof r == "number") ? /* @__PURE__ */ x("span", {
+		n && (typeof r == "string" || typeof r == "number") ? /* @__PURE__ */ S("span", {
 			className: "min-w-0 truncate",
 			children: r
 		}) : r,
 		t === "right" && i
 	] });
 }
-var V = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: a, truncate: o, icon: s, iconPosition: c, className: l, children: u, ...d }, p) {
-	let m = z({
+var G = h(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: a, truncate: o, icon: s, iconPosition: c, className: l, children: u, ...d }, f) {
+	let m = U({
 		tone: e,
 		buttonStyle: t,
 		size: n,
@@ -396,21 +448,21 @@ var V = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: a
 		fullWidth: a,
 		truncate: o,
 		children: u
-	}), h = R(d["aria-busy"] === !0 || d["aria-busy"] === "true", p);
-	return /* @__PURE__ */ x(f, {
+	}, d["data-slot"]), h = H(d["aria-busy"] === !0 || d["aria-busy"] === "true", f);
+	return /* @__PURE__ */ S(p, {
 		...d,
 		...m.attributes,
 		ref: h,
 		className: (e) => i("base-button--component", m.classes, typeof l == "function" ? l(e) : l),
-		children: /* @__PURE__ */ x(B, {
+		children: /* @__PURE__ */ S(W, {
 			icon: s,
 			iconPosition: c,
 			truncate: o,
 			children: u
 		})
 	});
-}), H = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: a, truncate: o, icon: s, iconPosition: c, className: l, children: u, disabled: d = !1, tabIndex: f, onClick: p, rel: m, target: h, ...g }, _) {
-	let v = z({
+}), K = h(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: a, truncate: o, icon: s, iconPosition: c, className: l, children: u, disabled: d = !1, tabIndex: f, onClick: p, rel: m, target: h, ...g }, _) {
+	let v = U({
 		tone: e,
 		buttonStyle: t,
 		size: n,
@@ -418,8 +470,8 @@ var V = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: a
 		fullWidth: a,
 		truncate: o,
 		children: u
-	}), y = new Set(m?.split(/\s+/).filter(Boolean));
-	return h?.toLowerCase() === "_blank" && (y.size || y.add("noreferrer"), y.add("noopener")), /* @__PURE__ */ x("a", {
+	}, g["data-slot"]), y = new Set(m?.split(/\s+/).filter(Boolean));
+	return h?.toLowerCase() === "_blank" && (y.size || y.add("noreferrer"), y.add("noopener")), /* @__PURE__ */ S("a", {
 		...g,
 		...v.attributes,
 		ref: _,
@@ -435,232 +487,164 @@ var V = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: a
 			}
 			p?.(e);
 		},
-		children: /* @__PURE__ */ x(B, {
+		children: /* @__PURE__ */ S(W, {
 			icon: s,
 			iconPosition: c,
 			truncate: o,
 			children: u
 		})
 	});
-}), U = {
-	loading: "Loading...",
-	completed: "Completed"
-};
-function W({ loading: e = !1, handlesLoading: t, strings: n }) {
-	let i = r(U, n), [a, o] = y(e), [, s] = y(!1);
-	return g(() => {
-		e && o(!0);
-	}, [e]), g(() => {
-		t && e && o(!0);
-	}, [e, t]), g(() => {
-		let t;
-		return !e && a && (s(!0), t = setTimeout(() => {
-			o(!1), s(!1);
-		}, 300)), () => {
-			t && clearTimeout(t);
-		};
-	}, [e, a]), {
-		isLoading: a,
-		strings: i
-	};
-}
-function G({ isLoading: e, loadingText: t, icon: n, iconPosition: r = "left", iconOnly: a = !1, size: o, truncate: c = !1, children: l }) {
-	let u = e ? t : l, d = typeof u == "string" || typeof u == "number" || typeof u == "bigint";
-	return /* @__PURE__ */ S(b, { children: [
-		!!e && /* @__PURE__ */ x(C, {
-			className: i(I.icon, I.spinner),
-			"aria-hidden": "true"
-		}),
-		!!n && r === "left" && !e && /* @__PURE__ */ x(n, {
-			className: I.icon,
-			"aria-hidden": "true"
-		}),
-		e && a ? /* @__PURE__ */ x("span", {
-			className: "sr-only",
-			children: t
-		}) : d ? /* @__PURE__ */ x(s, {
-			tag: "span",
-			size: "inherit",
-			weight: "medium",
-			lineHeight: "tight",
-			className: i("text-inherit", c && "min-w-0 truncate"),
-			children: u
-		}) : u,
-		!!n && r === "right" && !e && /* @__PURE__ */ x(n, {
-			className: I.icon,
-			"aria-hidden": "true"
-		})
-	] });
-}
-var K = p.forwardRef(({ loading: e = !1, handlesLoading: t, strings: n, icon: r, iconPosition: a = "left", children: o, disabled: s, className: c, ...l }, u) => {
-	let { isLoading: d, strings: f } = W({
-		loading: e,
-		handlesLoading: t,
-		strings: n
-	});
-	return /* @__PURE__ */ x(V, {
-		...l,
-		ref: u,
-		disabled: s || d,
-		"aria-busy": d || void 0,
-		className: i("loader-button--component", d && I.isLoading, c),
-		children: /* @__PURE__ */ x(G, {
-			isLoading: d,
-			loadingText: f.loading,
-			icon: r,
-			iconPosition: a,
-			iconOnly: l.iconOnly,
-			size: l.size,
-			truncate: l.truncate,
-			children: o
-		})
-	});
 });
-K.displayName = "LoaderButton";
-//#endregion
-//#region src/components/base/buttons/tooltip-button.tsx
-var q = p.forwardRef(({ withTooltip: e, children: t, ...n }, r) => /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(l, { render: (a) => {
-	let o = w(n, a);
-	return /* @__PURE__ */ x(V, {
-		...o,
-		"aria-label": n["aria-label"] ?? e,
-		ref: r,
-		className: i("tooltip-button--component", o.className),
-		children: t
-	});
-} }), /* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(s, {
-	tag: "span",
-	size: "inherit",
-	className: "text-inherit",
-	children: e
-}) })] }));
-q.displayName = "TooltipButton";
 //#endregion
 //#region src/components/base/buttons/button.tsx
-function J({ loading: e, handlesLoading: t, strings: n }) {
+function q({ loading: e, handlesLoading: t, strings: n }) {
 	return e === !0 || !!t || n !== void 0;
 }
-var Y = p.forwardRef(({ loading: e, handlesLoading: t, strings: n, icon: r, iconPosition: a = "left", children: o, disabled: s, size: c, className: l, ...u }, d) => {
-	let f = W({
-		loading: e,
-		handlesLoading: t,
-		strings: n
+var J = m.forwardRef(({ withTooltip: e, loading: t, handlesLoading: n, strings: r, icon: a, iconPosition: o, children: s, disabled: c, className: l, ...u }, d) => {
+	let f = q({
+		loading: t,
+		handlesLoading: n,
+		strings: r
+	}), p = A({
+		loading: t,
+		handlesLoading: n,
+		strings: r
 	});
-	return /* @__PURE__ */ x(H, {
+	return f ? /* @__PURE__ */ S(K, {
 		...u,
 		ref: d,
-		size: c,
-		disabled: s || f.isLoading,
-		"aria-busy": f.isLoading || void 0,
+		disabled: c || p.isLoading,
+		"aria-busy": p.isLoading || void 0,
 		className: i("loader-button--component", l),
-		children: /* @__PURE__ */ x(G, {
-			isLoading: f.isLoading,
-			loadingText: f.strings.loading,
-			icon: r,
-			iconPosition: a,
+		children: /* @__PURE__ */ S(j, {
+			isLoading: p.isLoading,
+			loadingText: p.strings.loading,
+			icon: a,
+			iconPosition: o,
 			iconOnly: u.iconOnly,
-			size: c,
 			truncate: u.truncate,
-			children: o
+			children: s
 		})
+	}) : /* @__PURE__ */ S(K, {
+		...u,
+		ref: d,
+		icon: a,
+		iconPosition: o,
+		disabled: c,
+		className: l,
+		children: s
 	});
 });
-Y.displayName = "LoadingButtonLink";
-var X = p.forwardRef(({ withTooltip: e, ...t }, n) => {
-	if (J(t)) return /* @__PURE__ */ x(Y, {
-		ref: n,
-		...t
-	});
-	let { loading: r, handlesLoading: i, strings: a, ...o } = t;
-	return /* @__PURE__ */ x(H, {
-		ref: n,
-		...o
+J.displayName = "ButtonLink";
+var Y = m.forwardRef(({ withTooltip: e, loading: t, handlesLoading: n, strings: r, ...a }, s) => {
+	let c = q({
+		loading: t,
+		handlesLoading: n,
+		strings: r
+	}), f = A({
+		loading: t,
+		handlesLoading: n,
+		strings: r
+	}), p = c && f.isLoading, m = a;
+	if (c) {
+		let { icon: e, iconPosition: t, children: n, disabled: r, className: o, ...s } = a;
+		m = {
+			...s,
+			disabled: r || p,
+			"aria-busy": p || void 0,
+			className: i("loader-button--component", p && O.isLoading, o),
+			children: /* @__PURE__ */ S(j, {
+				isLoading: p,
+				loadingText: f.strings.loading,
+				icon: e,
+				iconPosition: t,
+				iconOnly: s.iconOnly,
+				truncate: s.truncate,
+				children: n
+			})
+		};
+	}
+	if (!e) return /* @__PURE__ */ S(G, {
+		...m,
+		ref: s
 	});
+	let { children: h, ...g } = m;
+	return /* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S(l, { render: (t) => {
+		let n = D(g, t);
+		return /* @__PURE__ */ S(G, {
+			...n,
+			"data-slot": a["data-slot"],
+			"aria-label": a["aria-label"] ?? e,
+			ref: s,
+			className: i("tooltip-button--component", n.className),
+			children: h
+		});
+	} }), /* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(o, {
+		tag: "span",
+		size: "inherit",
+		className: "text-inherit",
+		children: e
+	}) })] });
 });
-X.displayName = "ButtonLink";
-function Z(e) {
+Y.displayName = "ButtonAction";
+function X(e) {
 	let { type: t, form: n, formAction: r, formEncType: i, formMethod: a, formNoValidate: o, formTarget: s, name: c, value: l, nativeButton: u, focusableWhenDisabled: d, render: f, ...p } = e;
 	return p;
 }
-var Q = p.forwardRef(({ href: e, withTooltip: t, loading: n, handlesLoading: r, strings: a, ...o }, c) => {
+var Z = m.forwardRef(({ href: e, withTooltip: t, loading: n, handlesLoading: r, strings: a, ...s }, c) => {
 	if (e !== void 0) {
-		let f = Z(o), p = /* @__PURE__ */ x(X, {
+		let f = X(s), p = /* @__PURE__ */ S(J, {
 			...f,
 			ref: c,
 			href: e,
 			loading: n,
 			handlesLoading: r,
 			strings: a,
-			"aria-label": o["aria-label"] ?? t,
+			"aria-label": s["aria-label"] ?? t,
 			className: i("button--component", f.className)
 		});
-		return t ? /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(l, { render: p }), /* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(s, {
+		return t ? /* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S(l, { render: p }), /* @__PURE__ */ S(u, { children: /* @__PURE__ */ S(o, {
 			tag: "span",
 			size: "inherit",
 			className: "text-inherit",
 			children: t
 		}) })] }) : p;
 	}
-	let { download: f, hrefLang: p, media: m, ping: h, referrerPolicy: g, rel: _, target: v, ...y } = o, b = {
+	let { download: f, hrefLang: p, media: m, ping: h, referrerPolicy: g, rel: _, target: v, ...y } = s, b = {
 		...y,
 		className: i("button--component", y.className)
 	};
-	return J({
-		loading: n,
-		handlesLoading: r,
-		strings: a
-	}) ? t ? /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(l, { render: (e) => /* @__PURE__ */ x(K, {
-		...b,
-		...e,
-		ref: c,
-		loading: n,
-		handlesLoading: r,
-		strings: a,
-		"aria-label": y["aria-label"] ?? t,
-		className: i(e.className, b.className),
-		children: y.children
-	}) }), /* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(s, {
-		tag: "span",
-		size: "inherit",
-		className: "text-inherit",
-		children: t
-	}) })] }) : /* @__PURE__ */ x(K, {
+	return /* @__PURE__ */ S(Y, {
 		...b,
 		ref: c,
+		withTooltip: t,
 		loading: n,
 		handlesLoading: r,
 		strings: a
-	}) : t ? /* @__PURE__ */ x(q, {
-		...b,
-		ref: c,
-		withTooltip: t
-	}) : /* @__PURE__ */ x(V, {
-		...b,
-		ref: c
 	});
 });
-Q.displayName = "Button";
+Z.displayName = "Button";
 //#endregion
 //#region src/components/base/buttons/text-button.tsx
-var ee = {
+var Q = {
 	sm: "text-pxs leading-none h-auto min-h-0 px-0 py-0",
 	md: "text-sm leading-none h-auto min-h-0 px-0 py-0",
 	lg: "text-sm leading-none h-auto min-h-0 px-0 py-0"
-}, $ = p.forwardRef(({ className: n, type: r = "button", size: a, disabled: o, ...s }, l) => {
-	let { defaultScale: u } = t(), d = e(a, u);
-	return /* @__PURE__ */ x(V, {
+}, $ = m.forwardRef(({ className: t, type: r = "button", size: a, disabled: o, ...c }, l) => {
+	let { defaultScale: u } = n(), d = e(a, u);
+	return /* @__PURE__ */ S(G, {
 		ref: l,
 		type: r,
 		tone: "primary",
 		buttonStyle: "ghost",
 		size: d,
 		disabled: o,
-		className: i("text-button--component", "hover:bg-transparent dark:hover:bg-transparent", "inline-flex items-center justify-center underline decoration-border underline-offset-[0.2em] transition-colors hover:decoration-current", `text-primary-accent focus-visible:border-transparent ${c.text}`, "disabled:pointer-events-none disabled:opacity-50", ee[d], n),
-		...s
+		className: i("text-button--component", "hover:bg-transparent dark:hover:bg-transparent", "inline-flex items-center justify-center underline decoration-border underline-offset-[0.2em] transition-colors hover:decoration-current", `text-primary-accent focus-visible:border-transparent ${s.text}`, "disabled:pointer-events-none disabled:opacity-50", Q[d], t),
+		...c
 	});
 });
 $.displayName = "TextButton";
 //#endregion
-export { L as a, P as c, H as i, D as l, Q as n, M as o, V as r, F as s, $ as t };
+export { V as a, z as c, K as i, M as l, Z as n, L as o, G as r, B as s, $ as t, k as u };
 
-//# sourceMappingURL=buttons-BedGfygC.js.map
+//# sourceMappingURL=buttons-pZVgPTZn.js.map