themelia-react-ui 2.0.0 → 2.0.2

package/dist/{button-BS3KDg00.js → buttons-DPZekJFu.js}

@@ -1,124 +1,91 @@
 "use client";
-import { _ as e, r as t, s as n } from "./ui-provider-D2_TeLqw.js";
-import { r } from "./theme-scope-kStaAer0.js";
-import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-Cospvlj1.js";
-import { t as o } from "./affordance-geometry.generated-CCIXb2A1.js";
-import { s } from "./typography-CAr3dQhX.js";
-import { t as c } from "./anchored-positioning-DPnKTvNs.js";
-import { t as l } from "./motion-recipes-B6jKXEcN.js";
-import { t as u } from "./slot-CLF9kLrS.js";
-import { t as d } from "./button-R9CCoH7A.js";
-import * as f from "react";
-import { createContext as p, forwardRef as m, useCallback as h, useContext as g, useEffect as _, useId as v, useLayoutEffect as y, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
-import { Loader2 as T } from "lucide-react";
-import { mergeProps as E } from "@base-ui/react/merge-props";
-import { cva as ee } from "class-variance-authority";
-import { Tooltip as D } from "@base-ui/react/tooltip";
-//#region src/components/ui/tooltip.tsx
-function O({ delay: e = 0, delayDuration: t, ...n }) {
-	return /* @__PURE__ */ C(D.Provider, {
-		"data-slot": "tooltip-provider",
-		delay: t ?? e,
+import { r as e, s as t, v as n } from "./ui-provider-C_U0Xma4.js";
+import { useStrings as r } from "./lib/strings.js";
+import { t as i } from "./utils-BRhFDwuU.js";
+import { t as a } from "./affordance-geometry.generated-tF36bREk.js";
+import { t as o } from "./separator-Bom7NsGO.js";
+import { c as s } from "./typography-UTnveOEy.js";
+import { t as c } from "./focus-recipes-B653VaLq.js";
+import { i as l, n as u, t as d } from "./tooltip-yiRJUFjp.js";
+import { t as f } from "./button-DVzspB_G.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";
+//#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", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": t,
+		className: i("button-group--primitive", e),
 		...n
 	});
 }
-function k({ ...e }) {
-	return /* @__PURE__ */ C(O, { children: /* @__PURE__ */ C(D.Root, {
-		"data-slot": "tooltip",
-		...e
-	}) });
-}
-function A({ asChild: e = !1, render: t, children: n, ...r }) {
-	let i = e ? /* @__PURE__ */ C(u, {}) : void 0, a = typeof t == "function" ? ((e, n) => {
-		let { nativeButton: r, ...i } = e;
-		return t(i, n);
-	}) : t;
-	return /* @__PURE__ */ C(D.Trigger, {
-		"data-slot": "tooltip-trigger",
-		render: i ?? a,
-		...r,
-		children: n
+function k({ className: e, render: t, ...n }) {
+	return T({
+		defaultTagName: "div",
+		props: w({ className: i("button-group-text--primitive", e) }, n),
+		render: t,
+		state: { slot: "button-group-text" }
 	});
 }
-function j({ className: e, container: t, side: n = "top", sideOffset: i = 4, align: o = "center", alignOffset: s = 0, positionMethod: u = c, children: d, ...f }) {
-	let p = r(t);
-	return /* @__PURE__ */ C(D.Portal, {
-		container: p,
-		children: /* @__PURE__ */ C(D.Positioner, {
-			positionMethod: u,
-			align: o,
-			alignOffset: s,
-			side: n,
-			sideOffset: i,
-			className: "isolate z-50",
-			children: /* @__PURE__ */ w(D.Popup, {
-				"data-slot": "tooltip-content",
-				className: a(l.popup, "rounded-radius px-space-md py-space-xs text-xs bg-inverse-background text-inverse-foreground z-50 w-fit max-w-xs origin-(--transform-origin)", e),
-				...f,
-				children: [d, /* @__PURE__ */ C(D.Arrow, { className: "size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 bg-inverse-background fill-inverse-background z-50 data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })]
-			})
-		})
+function A({ className: e, orientation: t = "vertical", ...n }) {
+	return /* @__PURE__ */ x(o, {
+		"data-slot": "button-group-separator",
+		orientation: t,
+		className: i("button-group-separator--primitive", e),
+		...n
 	});
 }
 //#endregion
-//#region src/components/base/display/tooltip.tsx
-var M = p(void 0), N = p(!1);
-function P(e) {
-	let t = g(N), n = v(), [r, i] = x(n), a = /* @__PURE__ */ C(M.Provider, {
-		value: {
-			id: r,
-			setId: i
-		},
-		children: /* @__PURE__ */ C(D.Root, {
-			"data-slot": "tooltip",
-			...e
-		})
+//#region src/components/base/buttons/button-group.recipes.ts
+var j = {
+	root: "inline-flex items-stretch rounded-inner 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-inner 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),
+		...t
 	});
-	return t ? a : /* @__PURE__ */ C(O, { children: a });
 }
-function F(e) {
-	return /* @__PURE__ */ C(N.Provider, {
-		value: !0,
-		children: /* @__PURE__ */ C(O, { ...e })
-	});
+function N(e) {
+	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
 }
-function I({ className: e, ...t }) {
-	let n = g(M)?.id;
-	return /* @__PURE__ */ C(A, {
-		className: a("tooltip-trigger--component active:translate-y-0!", e),
-		...t,
-		"aria-describedby": [t["aria-describedby"], n].filter(Boolean).join(" ") || void 0
+function P({ children: e, className: t, ...n }) {
+	return /* @__PURE__ */ x(k, {
+		className: i("button-group-text--component", j.text, t),
+		...n,
+		children: N(e) ? /* @__PURE__ */ x(s, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "tight",
+			className: "text-inherit",
+			children: e
+		}) : e
 	});
 }
-function L({ children: e, className: t, ...n }) {
-	let r = g(M), i = n.id ?? r?.id;
-	y(() => {
-		i && r?.setId(i);
-	}, [i, r?.setId]);
-	let o = typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ C(s, {
-		tag: "span",
-		size: "inherit",
-		lineHeight: "snug",
-		className: "tooltip-content--text text-inherit",
-		children: e
-	}) : e;
-	return /* @__PURE__ */ C(j, {
-		id: i,
-		role: "tooltip",
-		className: a("tooltip-content--component max-w-xs rounded-radius px-space-md py-space-xs text-xs leading-snug", t),
-		...n,
-		children: o
+function F({ className: e, ...t }) {
+	return /* @__PURE__ */ x(A, {
+		className: i("button-group-separator--component", j.separator, e),
+		...t
 	});
 }
-P.displayName = "Tooltip", F.displayName = "TooltipProvider", I.displayName = "TooltipTrigger", L.displayName = "TooltipContent";
 //#endregion
 //#region src/components/base/buttons/button.recipes.ts
-var R = {
+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: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:not(:active):not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-secondary [&:active:not(:disabled):not([data-disabled]):not([aria-disabled=true])]:bg-accent",
+	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",
@@ -127,7 +94,7 @@ var R = {
 	isLoading: "cursor-wait",
 	icon: "base-button-icon pointer-events-none shrink-0",
 	spinner: "animate-spin"
-}, z = ee("box-border inline-flex max-w-full shrink-0 items-center justify-center gap-space-sm [&_svg:not([class*=size-])]:size-icon [&_svg]:shrink-0 text-center [overflow-wrap:break-word] rounded-inner border font-sans font-medium no-underline outline-none transition-[background-color,border-color,color,filter,box-shadow] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:opacity-50", {
+}, L = E(`box-border inline-flex max-w-full shrink-0 items-center justify-center gap-space-sm [&_svg:not([class*=size-])]:size-icon [&_svg]:shrink-0 text-center [overflow-wrap:break-word] rounded-inner 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`, {
 	variants: {
 		tone: {
 			primary: "",
@@ -139,14 +106,14 @@ var R = {
 			info: ""
 		},
 		buttonStyle: {
-			solid: `border-transparent ${R.solidInteractive}`,
+			solid: `border-transparent ${I.solidInteractive}`,
 			outline: "border-input bg-transparent",
 			ghost: "border-transparent bg-transparent"
 		},
 		size: {
-			sm: `px-control-sm ${o.buttonBlockPadding.sm} text-sm leading-tight`,
-			md: `px-control ${o.buttonBlockPadding.md} text-sm leading-tight`,
-			lg: `px-control ${o.buttonBlockPadding.lg} text-sm leading-tight`
+			sm: `px-control-sm ${a.buttonBlockPadding.sm} text-sm leading-tight`,
+			md: `px-control ${a.buttonBlockPadding.md} text-sm leading-tight`,
+			lg: `px-control ${a.buttonBlockPadding.lg} text-sm leading-tight`
 		},
 		iconOnly: {
 			true: "px-0 py-0",
@@ -165,37 +132,37 @@ var R = {
 		{
 			tone: "info",
 			buttonStyle: ["outline", "ghost"],
-			class: R.infoInteractive
+			class: I.infoInteractive
 		},
 		{
 			tone: "warning",
 			buttonStyle: ["outline", "ghost"],
-			class: R.warningInteractive
+			class: I.warningInteractive
 		},
 		{
 			tone: "success",
 			buttonStyle: ["outline", "ghost"],
-			class: R.successInteractive
+			class: I.successInteractive
 		},
 		{
 			tone: "destructive",
 			buttonStyle: ["outline", "ghost"],
-			class: R.destructiveInteractive
+			class: I.destructiveInteractive
 		},
 		{
 			tone: "secondary",
 			buttonStyle: ["outline", "ghost"],
-			class: R.secondaryInteractive
+			class: I.secondaryInteractive
 		},
 		{
 			tone: "neutral",
 			buttonStyle: ["outline", "ghost"],
-			class: R.neutralInteractive
+			class: I.neutralInteractive
 		},
 		{
 			tone: "primary",
 			buttonStyle: ["outline", "ghost"],
-			class: R.primaryInteractive
+			class: I.primaryInteractive
 		},
 		{
 			tone: "primary",
@@ -220,7 +187,7 @@ var R = {
 		{
 			tone: "neutral",
 			buttonStyle: "outline",
-			class: "border-foreground/15 text-foreground"
+			class: "border-input text-foreground"
 		},
 		{
 			tone: "neutral",
@@ -235,7 +202,7 @@ var R = {
 		{
 			tone: "secondary",
 			buttonStyle: "outline",
-			class: "border-foreground/15 text-secondary-foreground"
+			class: "border-input text-secondary-foreground"
 		},
 		{
 			tone: "secondary",
@@ -344,8 +311,8 @@ var R = {
 });
 //#endregion
 //#region src/components/base/buttons/use-pending-button-focus.ts
-function B(e, t) {
-	let n = b(null), r = b(!1), i = b(!1), a = b(!1), o = h((e) => {
+function R(e, t) {
+	let n = v(null), r = v(!1), i = v(!1), a = v(!1), o = h((e) => {
 		n.current = e;
 		let a = () => {
 			r.current = !0;
@@ -358,7 +325,7 @@ function B(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 y(() => {
+	return _(() => {
 		let t = n.current, o = i.current;
 		if (i.current = e, !t) return;
 		let s = t.ownerDocument;
@@ -383,18 +350,18 @@ function B(e, t) {
 }
 //#endregion
 //#region src/components/base/buttons/base-button.tsx
-function V({ tone: r, buttonStyle: i, size: a, iconOnly: o = !1, fullWidth: s = !1, truncate: c = !1 }) {
-	let l = t(), { defaultScale: u } = n(), d = {
+function z({ tone: r, buttonStyle: i, size: a, iconOnly: o = !1, fullWidth: s = !1, truncate: c = !1 }) {
+	let l = e(), { defaultScale: u } = t(), d = {
 		tone: r ?? l.defaultTone,
 		buttonStyle: i ?? (r === void 0 ? l.defaultButtonStyle : "solid"),
-		size: e(a, u),
+		size: n(a, u),
 		iconOnly: o,
 		fullWidth: s,
 		truncate: c
 	};
 	return {
 		...d,
-		classes: z(d),
+		classes: L(d),
 		attributes: {
 			"data-slot": "button",
 			"data-tone": d.tone,
@@ -406,53 +373,53 @@ function V({ tone: r, buttonStyle: i, size: a, iconOnly: o = !1, fullWidth: s =
 		}
 	};
 }
-function H({ icon: e, iconPosition: t = "left", truncate: n = !1, children: r }) {
-	let i = e && /* @__PURE__ */ C(e, {
+function B({ icon: e, iconPosition: t = "left", truncate: n = !1, children: r }) {
+	let i = e && /* @__PURE__ */ x(e, {
 		className: "size-icon shrink-0",
 		"aria-hidden": "true"
 	});
-	return /* @__PURE__ */ w(S, { children: [
+	return /* @__PURE__ */ S(b, { children: [
 		t === "left" && i,
-		n && (typeof r == "string" || typeof r == "number") ? /* @__PURE__ */ C("span", {
+		n && (typeof r == "string" || typeof r == "number") ? /* @__PURE__ */ x("span", {
 			className: "min-w-0 truncate",
 			children: r
 		}) : r,
 		t === "right" && i
 	] });
 }
-var U = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: i, truncate: o, icon: s, iconPosition: c, className: l, children: u, ...f }, p) {
-	let m = V({
+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({
 		tone: e,
 		buttonStyle: t,
 		size: n,
 		iconOnly: r,
-		fullWidth: i,
+		fullWidth: a,
 		truncate: o,
 		children: u
-	}), h = B(f["aria-busy"] === !0 || f["aria-busy"] === "true", p);
-	return /* @__PURE__ */ C(d, {
-		...f,
+	}), h = R(d["aria-busy"] === !0 || d["aria-busy"] === "true", p);
+	return /* @__PURE__ */ x(f, {
+		...d,
 		...m.attributes,
 		ref: h,
-		className: (e) => a("base-button--component", m.classes, typeof l == "function" ? l(e) : l),
-		children: /* @__PURE__ */ C(H, {
+		className: (e) => i("base-button--component", m.classes, typeof l == "function" ? l(e) : l),
+		children: /* @__PURE__ */ x(B, {
 			icon: s,
 			iconPosition: c,
 			truncate: o,
 			children: u
 		})
 	});
-}), W = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: i, truncate: o, icon: s, iconPosition: c, className: l, children: u, disabled: d = !1, tabIndex: f, onClick: p, rel: m, target: h, ...g }, _) {
-	let v = V({
+}), 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({
 		tone: e,
 		buttonStyle: t,
 		size: n,
 		iconOnly: r,
-		fullWidth: i,
+		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__ */ C("a", {
+	return h?.toLowerCase() === "_blank" && (y.size || y.add("noreferrer"), y.add("noopener")), /* @__PURE__ */ x("a", {
 		...g,
 		...v.attributes,
 		ref: _,
@@ -460,7 +427,7 @@ var U = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: i
 		rel: y.size ? [...y].join(" ") : void 0,
 		"aria-disabled": d || g["aria-disabled"] || void 0,
 		tabIndex: d ? -1 : f,
-		className: a("base-button--component", v.classes, l),
+		className: i("base-button--component", v.classes, l),
 		onClick: (e) => {
 			if (d) {
 				e.preventDefault(), e.stopPropagation();
@@ -468,24 +435,24 @@ var U = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: i
 			}
 			p?.(e);
 		},
-		children: /* @__PURE__ */ C(H, {
+		children: /* @__PURE__ */ x(B, {
 			icon: s,
 			iconPosition: c,
 			truncate: o,
 			children: u
 		})
 	});
-}), G = {
+}), U = {
 	loading: "Loading...",
 	completed: "Completed"
 };
-function K({ loading: e = !1, handlesLoading: t, strings: n }) {
-	let r = i(G, n), [a, o] = x(e), [, s] = x(!1);
-	return _(() => {
+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]), _(() => {
+	}, [e]), g(() => {
 		t && e && o(!0);
-	}, [e, t]), _(() => {
+	}, [e, t]), g(() => {
 		let t;
 		return !e && a && (s(!0), t = setTimeout(() => {
 			o(!1), s(!1);
@@ -494,181 +461,206 @@ function K({ loading: e = !1, handlesLoading: t, strings: n }) {
 		};
 	}, [e, a]), {
 		isLoading: a,
-		strings: r
+		strings: i
 	};
 }
-function q({ isLoading: e, loadingText: t, icon: n, iconPosition: r = "left", size: i, truncate: o = !1, children: c }) {
-	let l = e ? t : c, u = typeof l == "string" || typeof l == "number" || typeof l == "bigint";
-	return /* @__PURE__ */ w(S, { children: [
-		!!e && /* @__PURE__ */ C(T, {
-			className: a(R.icon, R.spinner),
+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__ */ C(n, {
-			className: R.icon,
+		!!n && r === "left" && !e && /* @__PURE__ */ x(n, {
+			className: I.icon,
 			"aria-hidden": "true"
 		}),
-		u ? /* @__PURE__ */ C(s, {
+		e && a ? /* @__PURE__ */ x("span", {
+			className: "sr-only",
+			children: t
+		}) : d ? /* @__PURE__ */ x(s, {
 			tag: "span",
 			size: "inherit",
 			weight: "medium",
 			lineHeight: "tight",
-			className: a("text-inherit", o && "min-w-0 truncate"),
-			children: l
-		}) : l,
-		!!n && r === "right" && !e && /* @__PURE__ */ C(n, {
-			className: R.icon,
+			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 J = f.forwardRef(({ loading: e = !1, handlesLoading: t, strings: n, icon: r, iconPosition: i = "left", children: o, disabled: s, className: c, ...l }, u) => {
-	let { isLoading: d, strings: f } = K({
+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__ */ C(U, {
+	return /* @__PURE__ */ x(V, {
 		...l,
 		ref: u,
 		disabled: s || d,
 		"aria-busy": d || void 0,
-		className: a("loader-button--component", d && R.isLoading, c),
-		children: /* @__PURE__ */ C(q, {
+		className: i("loader-button--component", d && I.isLoading, c),
+		children: /* @__PURE__ */ x(G, {
 			isLoading: d,
 			loadingText: f.loading,
 			icon: r,
-			iconPosition: i,
+			iconPosition: a,
+			iconOnly: l.iconOnly,
 			size: l.size,
 			truncate: l.truncate,
 			children: o
 		})
 	});
 });
-J.displayName = "LoaderButton";
+K.displayName = "LoaderButton";
 //#endregion
 //#region src/components/base/buttons/tooltip-button.tsx
-var Y = f.forwardRef(({ withTooltip: e, children: t, ...n }, r) => /* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(I, { render: (i) => {
-	let o = E(n, i);
-	return /* @__PURE__ */ C(U, {
+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: a("tooltip-button--component", o.className),
+		className: i("tooltip-button--component", o.className),
 		children: t
 	});
-} }), /* @__PURE__ */ C(L, { children: /* @__PURE__ */ C(s, {
+} }), /* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(s, {
 	tag: "span",
 	size: "inherit",
 	className: "text-inherit",
 	children: e
 }) })] }));
-Y.displayName = "TooltipButton";
+q.displayName = "TooltipButton";
 //#endregion
 //#region src/components/base/buttons/button.tsx
-function X({ loading: e, handlesLoading: t, strings: n }) {
+function J({ loading: e, handlesLoading: t, strings: n }) {
 	return e === !0 || !!t || n !== void 0;
 }
-var Z = f.forwardRef(({ loading: e, handlesLoading: t, strings: n, icon: r, iconPosition: i = "left", children: o, disabled: s, size: c, className: l, ...u }, d) => {
-	let f = K({
+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
 	});
-	return /* @__PURE__ */ C(W, {
+	return /* @__PURE__ */ x(H, {
 		...u,
 		ref: d,
 		size: c,
 		disabled: s || f.isLoading,
 		"aria-busy": f.isLoading || void 0,
-		className: a("loader-button--component", l),
-		children: /* @__PURE__ */ C(q, {
+		className: i("loader-button--component", l),
+		children: /* @__PURE__ */ x(G, {
 			isLoading: f.isLoading,
 			loadingText: f.strings.loading,
 			icon: r,
-			iconPosition: i,
+			iconPosition: a,
+			iconOnly: u.iconOnly,
 			size: c,
 			truncate: u.truncate,
 			children: o
 		})
 	});
 });
-Z.displayName = "LoadingButtonLink";
-var Q = f.forwardRef(({ withTooltip: e, ...t }, n) => {
-	if (X(t)) return /* @__PURE__ */ C(Z, {
+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__ */ C(W, {
+	return /* @__PURE__ */ x(H, {
 		ref: n,
 		...o
 	});
 });
-Q.displayName = "ButtonLink";
-function te(e) {
+X.displayName = "ButtonLink";
+function Z(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 $ = f.forwardRef(({ href: e, withTooltip: t, loading: n, handlesLoading: r, strings: i, ...o }, c) => {
+var Q = p.forwardRef(({ href: e, withTooltip: t, loading: n, handlesLoading: r, strings: a, ...o }, c) => {
 	if (e !== void 0) {
-		let l = te(o), u = /* @__PURE__ */ C(Q, {
-			...l,
+		let f = Z(o), p = /* @__PURE__ */ x(X, {
+			...f,
 			ref: c,
 			href: e,
 			loading: n,
 			handlesLoading: r,
-			strings: i,
+			strings: a,
 			"aria-label": o["aria-label"] ?? t,
-			className: a("button--component", l.className)
+			className: i("button--component", f.className)
 		});
-		return t ? /* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(I, { render: u }), /* @__PURE__ */ C(L, { children: /* @__PURE__ */ C(s, {
+		return t ? /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(l, { render: p }), /* @__PURE__ */ x(u, { children: /* @__PURE__ */ x(s, {
 			tag: "span",
 			size: "inherit",
 			className: "text-inherit",
 			children: t
-		}) })] }) : u;
+		}) })] }) : p;
 	}
-	let { download: l, hrefLang: u, media: d, ping: f, referrerPolicy: p, rel: m, target: h, ...g } = o, _ = {
-		...g,
-		className: a("button--component", g.className)
+	let { download: f, hrefLang: p, media: m, ping: h, referrerPolicy: g, rel: _, target: v, ...y } = o, b = {
+		...y,
+		className: i("button--component", y.className)
 	};
-	return X({
+	return J({
 		loading: n,
 		handlesLoading: r,
-		strings: i
-	}) ? t ? /* @__PURE__ */ w(P, { children: [/* @__PURE__ */ C(I, { render: (e) => /* @__PURE__ */ C(J, {
-		..._,
+		strings: a
+	}) ? t ? /* @__PURE__ */ S(d, { children: [/* @__PURE__ */ x(l, { render: (e) => /* @__PURE__ */ x(K, {
+		...b,
 		...e,
 		ref: c,
 		loading: n,
 		handlesLoading: r,
-		strings: i,
-		"aria-label": g["aria-label"] ?? t,
-		className: a(e.className, _.className),
-		children: g.children
-	}) }), /* @__PURE__ */ C(L, { children: /* @__PURE__ */ C(s, {
+		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__ */ C(J, {
-		..._,
+	}) })] }) : /* @__PURE__ */ x(K, {
+		...b,
 		ref: c,
 		loading: n,
 		handlesLoading: r,
-		strings: i
-	}) : t ? /* @__PURE__ */ C(Y, {
-		..._,
+		strings: a
+	}) : t ? /* @__PURE__ */ x(q, {
+		...b,
 		ref: c,
 		withTooltip: t
-	}) : /* @__PURE__ */ C(U, {
-		..._,
+	}) : /* @__PURE__ */ x(V, {
+		...b,
 		ref: c
 	});
 });
-$.displayName = "Button";
+Q.displayName = "Button";
+//#endregion
+//#region src/components/base/buttons/text-button.tsx
+var ee = {
+	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: e, type: r = "button", size: a, disabled: o, ...s }, l) => {
+	let { defaultScale: u } = t(), d = n(a, u);
+	return /* @__PURE__ */ x(V, {
+		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], e),
+		...s
+	});
+});
+$.displayName = "TextButton";
 //#endregion
-export { P as a, I as c, A as d, z as i, k as l, U as n, L as o, W as r, F as s, $ as t, j as u };
+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 };
 
-//# sourceMappingURL=button-BS3KDg00.js.map
+//# sourceMappingURL=buttons-DPZekJFu.js.map