themelia-react-ui 1.0.1 → 2.0.0

package/dist/buttons-Co6GavvM.js

@@ -1,674 +0,0 @@
-"use client";
-import { _ as e, r as t, s as n } from "./ui-provider-CftIB6TY.js";
-import { r } from "./theme-scope-kStaAer0.js";
-import { useStrings as i } from "./lib/strings.js";
-import { t as a } from "./utils-C2EKeIw3.js";
-import { t as o } from "./separator-DO0EbCEm.js";
-import { a as s } from "./typography-Cv8MT-82.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-BS6l5JUw.js";
-import * as f from "react";
-import { createContext as p, forwardRef as m, useContext as h, useEffect as g, useId as _, useLayoutEffect as v, useState as y } from "react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { Loader2 as ee } from "lucide-react";
-import { mergeProps as C } from "@base-ui/react/merge-props";
-import { useRender as te } from "@base-ui/react/use-render";
-import { cva as ne } from "class-variance-authority";
-import { Tooltip as w } from "@base-ui/react/tooltip";
-//#region src/components/ui/button-group.tsx
-var re = ({ orientation: e = "horizontal" } = {}) => e === "vertical" ? "button-group-vertical" : "button-group-horizontal";
-function ie({ className: e, orientation: t = "horizontal", ...n }) {
-	return /* @__PURE__ */ x("div", {
-		role: "group",
-		"data-slot": "button-group",
-		"data-orientation": t,
-		className: a("button-group--primitive", e),
-		...n
-	});
-}
-function ae({ className: e, render: t, ...n }) {
-	return te({
-		defaultTagName: "div",
-		props: C({ className: a("button-group-text--primitive", e) }, n),
-		render: t,
-		state: { slot: "button-group-text" }
-	});
-}
-function oe({ className: e, orientation: t = "vertical", ...n }) {
-	return /* @__PURE__ */ x(o, {
-		"data-slot": "button-group-separator",
-		orientation: t,
-		className: a("button-group-separator--primitive", e),
-		...n
-	});
-}
-//#endregion
-//#region src/components/base/buttons/button-group.recipes.ts
-var T = {
-	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)]:-ms-px [&[data-orientation=vertical]>:not(:last-child)]:rounded-b-none [&[data-orientation=vertical]>:not(:first-child)]:rounded-t-none [&[data-orientation=vertical]>:not(:first-child)]:-mt-px",
-	text: "inline-flex items-center px-control-sm py-0 bg-muted border border-border text-sm text-muted-foreground",
-	separator: "bg-border w-px self-stretch"
-};
-//#endregion
-//#region src/components/base/buttons/button-group.tsx
-function se({ className: e, ...t }) {
-	return /* @__PURE__ */ x(ie, {
-		className: a("button-group--component", T.root, e),
-		...t
-	});
-}
-function E(e) {
-	return typeof e == "string" || typeof e == "number" || typeof e == "bigint";
-}
-function D({ children: e, className: t, ...n }) {
-	return /* @__PURE__ */ x(ae, {
-		className: a("button-group-text--component", T.text, t),
-		...n,
-		children: E(e) ? /* @__PURE__ */ x(s, {
-			tag: "span",
-			size: "inherit",
-			weight: "medium",
-			lineHeight: "tight",
-			className: "text-inherit",
-			children: e
-		}) : e
-	});
-}
-function O({ className: e, ...t }) {
-	return /* @__PURE__ */ x(oe, {
-		className: a("button-group-separator--component", T.separator, e),
-		...t
-	});
-}
-//#endregion
-//#region src/components/ui/tooltip.tsx
-function k({ delay: e = 0, delayDuration: t, ...n }) {
-	return /* @__PURE__ */ x(w.Provider, {
-		"data-slot": "tooltip-provider",
-		delay: t ?? e,
-		...n
-	});
-}
-function A({ ...e }) {
-	return /* @__PURE__ */ x(k, { children: /* @__PURE__ */ x(w.Root, {
-		"data-slot": "tooltip",
-		...e
-	}) });
-}
-function j({ asChild: e = !1, render: t, children: n, ...r }) {
-	let i = e ? /* @__PURE__ */ x(u, {}) : void 0, a = typeof t == "function" ? ((e, n) => {
-		let { nativeButton: r, ...i } = e;
-		return t(i, n);
-	}) : t;
-	return /* @__PURE__ */ x(w.Trigger, {
-		"data-slot": "tooltip-trigger",
-		render: i ?? a,
-		...r,
-		children: n
-	});
-}
-function M({ 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__ */ x(w.Portal, {
-		container: p,
-		children: /* @__PURE__ */ x(w.Positioner, {
-			positionMethod: u,
-			align: o,
-			alignOffset: s,
-			side: n,
-			sideOffset: i,
-			className: "isolate z-50",
-			children: /* @__PURE__ */ S(w.Popup, {
-				"data-slot": "tooltip-content",
-				className: a(l.popup, "rounded-md px-3 py-1.5 text-xs bg-foreground text-background z-50 w-fit max-w-xs origin-(--transform-origin)", e),
-				...f,
-				children: [d, /* @__PURE__ */ x(w.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-foreground fill-foreground 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" })]
-			})
-		})
-	});
-}
-//#endregion
-//#region src/components/base/display/tooltip.tsx
-var N = p(void 0), P = p(!1);
-function F(e) {
-	let t = h(P), n = _(), [r, i] = y(n), a = /* @__PURE__ */ x(N.Provider, {
-		value: {
-			id: r,
-			setId: i
-		},
-		children: /* @__PURE__ */ x(w.Root, {
-			"data-slot": "tooltip",
-			...e
-		})
-	});
-	return t ? a : /* @__PURE__ */ x(k, { children: a });
-}
-function I(e) {
-	return /* @__PURE__ */ x(P.Provider, {
-		value: !0,
-		children: /* @__PURE__ */ x(k, { ...e })
-	});
-}
-function L({ className: e, ...t }) {
-	let n = h(N)?.id;
-	return /* @__PURE__ */ x(j, {
-		className: a("tooltip-trigger--component active:translate-y-0!", e),
-		...t,
-		"aria-describedby": [t["aria-describedby"], n].filter(Boolean).join(" ") || void 0
-	});
-}
-function R({ children: e, className: t, ...n }) {
-	let r = h(N), i = n.id ?? r?.id;
-	v(() => {
-		i && r?.setId(i);
-	}, [i, r?.setId]);
-	let o = typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ x(s, {
-		tag: "span",
-		size: "inherit",
-		lineHeight: "snug",
-		className: "tooltip-content--text text-inherit",
-		children: e
-	}) : e;
-	return /* @__PURE__ */ x(M, {
-		id: i,
-		role: "tooltip",
-		className: a("tooltip-content--component max-w-xs rounded-radius px-space-sm py-space-xs text-xs leading-snug", t),
-		...n,
-		children: o
-	});
-}
-F.displayName = "Tooltip", I.displayName = "TooltipProvider", L.displayName = "TooltipTrigger", R.displayName = "TooltipContent";
-//#endregion
-//#region src/components/base/buttons/button.variants.ts
-var z = ne("box-border inline-flex shrink-0 items-center justify-center gap-space-sm [&_svg:not([class*=size-])]:size-icon [&_svg]:shrink-0 whitespace-nowrap rounded-radius border font-sans font-medium no-underline outline-none transition-colors 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", {
-	variants: {
-		tone: {
-			primary: "",
-			neutral: "",
-			secondary: "",
-			destructive: "",
-			success: "",
-			warning: "",
-			info: ""
-		},
-		buttonStyle: {
-			solid: "border-transparent",
-			outline: "border-input bg-background [&:not([aria-disabled=true]):not(:disabled)]:hover:bg-accent",
-			ghost: "border-transparent bg-transparent [&:not([aria-disabled=true]):not(:disabled)]:hover:bg-accent"
-		},
-		size: {
-			sm: "h-action-sm px-control-sm text-sm leading-none",
-			md: "h-action px-control text-sm leading-none",
-			lg: "h-action-lg px-control text-sm leading-none"
-		},
-		iconOnly: {
-			true: "px-0",
-			false: ""
-		},
-		fullWidth: {
-			true: "w-full",
-			false: ""
-		}
-	},
-	compoundVariants: [
-		{
-			tone: "primary",
-			buttonStyle: "solid",
-			class: "bg-primary text-primary-foreground"
-		},
-		{
-			tone: "primary",
-			buttonStyle: "outline",
-			class: "border-primary/60 text-primary-accent"
-		},
-		{
-			tone: "primary",
-			buttonStyle: "ghost",
-			class: "text-primary-accent"
-		},
-		{
-			tone: "neutral",
-			buttonStyle: "solid",
-			class: "bg-foreground text-background"
-		},
-		{
-			tone: "neutral",
-			buttonStyle: "outline",
-			class: "border-foreground/15 text-foreground"
-		},
-		{
-			tone: "neutral",
-			buttonStyle: "ghost",
-			class: "text-foreground"
-		},
-		{
-			tone: "secondary",
-			buttonStyle: "solid",
-			class: "bg-secondary text-secondary-foreground"
-		},
-		{
-			tone: "secondary",
-			buttonStyle: "outline",
-			class: "border-border/60 text-secondary-foreground"
-		},
-		{
-			tone: "secondary",
-			buttonStyle: "ghost",
-			class: "text-secondary-foreground [&:not([aria-disabled=true]):not(:disabled)]:hover:text-accent-foreground"
-		},
-		{
-			tone: "destructive",
-			buttonStyle: "solid",
-			class: "bg-destructive text-destructive-foreground"
-		},
-		{
-			tone: "destructive",
-			buttonStyle: "outline",
-			class: "border-destructive/60 text-destructive"
-		},
-		{
-			tone: "destructive",
-			buttonStyle: "ghost",
-			class: "text-destructive"
-		},
-		{
-			tone: "success",
-			buttonStyle: "solid",
-			class: "bg-success text-success-foreground"
-		},
-		{
-			tone: "success",
-			buttonStyle: "outline",
-			class: "border-success/60 text-success"
-		},
-		{
-			tone: "success",
-			buttonStyle: "ghost",
-			class: "text-success"
-		},
-		{
-			tone: "warning",
-			buttonStyle: "solid",
-			class: "bg-warning text-warning-foreground"
-		},
-		{
-			tone: "warning",
-			buttonStyle: "outline",
-			class: "border-warning/60 text-warning-accent"
-		},
-		{
-			tone: "warning",
-			buttonStyle: "ghost",
-			class: "text-warning-accent"
-		},
-		{
-			tone: "info",
-			buttonStyle: "solid",
-			class: "bg-info text-info-foreground"
-		},
-		{
-			tone: "info",
-			buttonStyle: "outline",
-			class: "border-info/60 text-info"
-		},
-		{
-			tone: "info",
-			buttonStyle: "ghost",
-			class: "text-info"
-		},
-		{
-			size: "sm",
-			iconOnly: !0,
-			class: "size-action-sm"
-		},
-		{
-			size: "md",
-			iconOnly: !0,
-			class: "size-action"
-		},
-		{
-			size: "lg",
-			iconOnly: !0,
-			class: "size-action-lg"
-		}
-	],
-	defaultVariants: {
-		tone: "primary",
-		buttonStyle: "solid",
-		size: "md",
-		iconOnly: !1,
-		fullWidth: !1
-	}
-});
-//#endregion
-//#region src/components/base/buttons/base-button.tsx
-function B({ tone: r, buttonStyle: i, size: a, iconOnly: o = !1, fullWidth: s = !1 }) {
-	let c = t(), { defaultScale: l } = n(), u = {
-		tone: r ?? c.defaultTone,
-		buttonStyle: i ?? c.defaultButtonStyle,
-		size: e(a, l),
-		iconOnly: o,
-		fullWidth: s
-	};
-	return {
-		...u,
-		classes: z(u),
-		attributes: {
-			"data-slot": "button",
-			"data-tone": u.tone,
-			"data-style": u.buttonStyle,
-			"data-size": u.size,
-			"data-icon-only": o || void 0,
-			"data-full-width": s || void 0
-		}
-	};
-}
-function V({ icon: e, iconPosition: t = "left", children: n }) {
-	let r = e && /* @__PURE__ */ x(e, {
-		className: "size-icon shrink-0",
-		"aria-hidden": "true"
-	});
-	return /* @__PURE__ */ S(b, { children: [
-		t === "left" && r,
-		n,
-		t === "right" && r
-	] });
-}
-var H = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: i, icon: o, iconPosition: s, className: c, children: l, ...u }, f) {
-	let p = B({
-		tone: e,
-		buttonStyle: t,
-		size: n,
-		iconOnly: r,
-		fullWidth: i,
-		children: l
-	});
-	return /* @__PURE__ */ x(d, {
-		...u,
-		...p.attributes,
-		ref: f,
-		className: (e) => a("base-button--component", p.classes, typeof c == "function" ? c(e) : c),
-		children: /* @__PURE__ */ x(V, {
-			icon: o,
-			iconPosition: s,
-			children: l
-		})
-	});
-}), U = m(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: i, icon: o, iconPosition: s, className: c, children: l, disabled: u = !1, tabIndex: d, onClick: f, rel: p, target: m, ...h }, g) {
-	let _ = B({
-		tone: e,
-		buttonStyle: t,
-		size: n,
-		iconOnly: r,
-		fullWidth: i,
-		children: l
-	}), v = new Set(p?.split(/\s+/).filter(Boolean));
-	return m?.toLowerCase() === "_blank" && (v.size || v.add("noreferrer"), v.add("noopener")), /* @__PURE__ */ x("a", {
-		...h,
-		..._.attributes,
-		ref: g,
-		target: m,
-		rel: v.size ? [...v].join(" ") : void 0,
-		"aria-disabled": u || h["aria-disabled"] || void 0,
-		tabIndex: u ? -1 : d,
-		className: a("base-button--component", _.classes, c),
-		onClick: (e) => {
-			if (u) {
-				e.preventDefault(), e.stopPropagation();
-				return;
-			}
-			f?.(e);
-		},
-		children: /* @__PURE__ */ x(V, {
-			icon: o,
-			iconPosition: s,
-			children: l
-		})
-	});
-}), W = {
-	root: "inline-flex items-center justify-center font-[inherit] font-medium leading-tight whitespace-nowrap no-underline select-none border border-transparent rounded-radius box-border align-middle outline-none cursor-pointer transition-[background-color,color,border-color,box-shadow] duration-150 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:cursor-not-allowed aria-disabled:pointer-events-none",
-	isDisabled: "opacity-50 cursor-not-allowed pointer-events-none",
-	sizeSm: "h-action-sm min-h-0 px-control-sm gap-space-sm text-sm [&_.base-button-icon]:size-icon-sm",
-	sizeMd: "h-action min-h-0 px-control gap-space-md text-sm [&_.base-button-icon]:size-icon",
-	sizeLg: "h-action-lg min-h-0 px-control gap-space-lg text-sm [&_.base-button-icon]:size-icon-lg",
-	isIconOnly: "w-auto aspect-square p-0",
-	isFullWidth: "w-full",
-	isLoading: "cursor-wait",
-	styleSolid: "",
-	styleOutline: "",
-	styleGhost: "",
-	icon: "base-button-icon pointer-events-none shrink-0",
-	spinner: "animate-spin me-space-md",
-	toneNeutral: "data-[style=solid]:bg-foreground data-[style=solid]:text-background data-[style=solid]:[&:hover:not(:disabled):not([aria-disabled=true])]:brightness-95 data-[style=outline]:bg-transparent data-[style=outline]:border-border data-[style=outline]:text-foreground data-[style=outline]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-muted data-[style=ghost]:bg-transparent data-[style=ghost]:text-foreground data-[style=ghost]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-muted",
-	tonePrimary: "data-[style=solid]:bg-primary data-[style=solid]:text-primary-foreground data-[style=solid]:[&:hover:not(:disabled):not([aria-disabled=true])]:brightness-95 data-[style=outline]:bg-transparent data-[style=outline]:border-primary data-[style=outline]:text-primary-accent data-[style=outline]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-primary/10 data-[style=ghost]:bg-transparent data-[style=ghost]:text-primary-accent data-[style=ghost]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-primary/10",
-	toneSecondary: "data-[style=solid]:bg-secondary data-[style=solid]:text-secondary-foreground data-[style=solid]:[&:hover:not(:disabled):not([aria-disabled=true])]:brightness-95 data-[style=outline]:bg-transparent data-[style=outline]:border-border data-[style=outline]:text-foreground data-[style=outline]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-secondary data-[style=ghost]:bg-transparent data-[style=ghost]:text-foreground data-[style=ghost]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-secondary",
-	toneDestructive: "data-[style=solid]:bg-destructive data-[style=solid]:text-destructive-foreground data-[style=solid]:[&:hover:not(:disabled):not([aria-disabled=true])]:brightness-95 data-[style=outline]:bg-transparent data-[style=outline]:border-destructive data-[style=outline]:text-destructive data-[style=outline]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-destructive/10 data-[style=ghost]:bg-transparent data-[style=ghost]:text-destructive data-[style=ghost]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-destructive/10",
-	toneSuccess: "data-[style=solid]:bg-success data-[style=solid]:text-success-foreground data-[style=solid]:[&:hover:not(:disabled):not([aria-disabled=true])]:brightness-95 data-[style=outline]:bg-transparent data-[style=outline]:border-success data-[style=outline]:text-success data-[style=outline]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-success/10 data-[style=ghost]:bg-transparent data-[style=ghost]:text-success data-[style=ghost]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-success/10",
-	toneWarning: "data-[style=solid]:bg-warning data-[style=solid]:text-warning-foreground data-[style=solid]:[&:hover:not(:disabled):not([aria-disabled=true])]:brightness-95 data-[style=outline]:bg-transparent data-[style=outline]:border-warning data-[style=outline]:text-warning-accent data-[style=outline]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-warning/10 data-[style=ghost]:bg-transparent data-[style=ghost]:text-warning-accent data-[style=ghost]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-warning/10",
-	toneInfo: "data-[style=solid]:bg-info data-[style=solid]:text-info-foreground data-[style=solid]:[&:hover:not(:disabled):not([aria-disabled=true])]:brightness-95 data-[style=outline]:bg-transparent data-[style=outline]:border-info data-[style=outline]:text-info data-[style=outline]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-info/10 data-[style=ghost]:bg-transparent data-[style=ghost]:text-info data-[style=ghost]:[&:hover:not(:disabled):not([aria-disabled=true])]:bg-info/10"
-}, ce = {
-	loading: "Loading...",
-	completed: "Completed"
-};
-function G({ loading: e = !1, handlesLoading: t, strings: n }) {
-	let r = i(ce, 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: r
-	};
-}
-function K({ isLoading: e, loadingText: t, icon: n, iconPosition: r = "left", size: i, children: o }) {
-	let c = e ? t : o, l = typeof c == "string" || typeof c == "number" || typeof c == "bigint";
-	return /* @__PURE__ */ S(b, { children: [
-		!!e && /* @__PURE__ */ x(ee, {
-			className: a(W.icon, W.spinner),
-			"aria-hidden": "true"
-		}),
-		!!n && r === "left" && !e && /* @__PURE__ */ x(n, {
-			className: W.icon,
-			"aria-hidden": "true"
-		}),
-		l ? /* @__PURE__ */ x(s, {
-			tag: "span",
-			size: "inherit",
-			weight: "medium",
-			lineHeight: "none",
-			className: "text-inherit",
-			children: c
-		}) : c,
-		!!n && r === "right" && !e && /* @__PURE__ */ x(n, {
-			className: W.icon,
-			"aria-hidden": "true"
-		})
-	] });
-}
-var q = 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 } = G({
-		loading: e,
-		handlesLoading: t,
-		strings: n
-	});
-	return /* @__PURE__ */ x(H, {
-		...l,
-		ref: u,
-		disabled: s || d,
-		"aria-busy": d || void 0,
-		className: a("loader-button--component", d && W.isLoading, c),
-		children: /* @__PURE__ */ x(K, {
-			isLoading: d,
-			loadingText: f.loading,
-			icon: r,
-			iconPosition: i,
-			size: l.size,
-			children: o
-		})
-	});
-});
-q.displayName = "LoaderButton";
-//#endregion
-//#region src/components/base/buttons/tooltip-button.tsx
-var J = f.forwardRef(({ withTooltip: e, children: t, ...n }, r) => /* @__PURE__ */ S(F, { children: [/* @__PURE__ */ x(L, { render: (i) => {
-	let o = C(n, i);
-	return /* @__PURE__ */ x(H, {
-		...o,
-		"aria-label": n["aria-label"] ?? e,
-		ref: r,
-		className: a("tooltip-button--component", o.className),
-		children: t
-	});
-} }), /* @__PURE__ */ x(R, {
-	className: "px-2 py-1 text-pxs",
-	children: /* @__PURE__ */ x(s, {
-		tag: "span",
-		size: "inherit",
-		className: "text-inherit",
-		children: e
-	})
-})] }));
-J.displayName = "TooltipButton";
-//#endregion
-//#region src/components/base/buttons/button.tsx
-function Y({ loading: e, handlesLoading: t, strings: n }) {
-	return e === !0 || !!t || n !== void 0;
-}
-var X = 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 = G({
-		loading: e,
-		handlesLoading: t,
-		strings: n
-	});
-	return /* @__PURE__ */ x(U, {
-		...u,
-		ref: d,
-		size: c,
-		disabled: s || f.isLoading,
-		"aria-busy": f.isLoading || void 0,
-		className: a("loader-button--component", l),
-		children: /* @__PURE__ */ x(K, {
-			isLoading: f.isLoading,
-			loadingText: f.strings.loading,
-			icon: r,
-			iconPosition: i,
-			size: c,
-			children: o
-		})
-	});
-});
-X.displayName = "LoadingButtonLink";
-var Z = f.forwardRef(({ withTooltip: e, ...t }, n) => {
-	if (Y(t)) return /* @__PURE__ */ x(X, {
-		ref: n,
-		...t
-	});
-	let { loading: r, handlesLoading: i, strings: a, ...o } = t;
-	return /* @__PURE__ */ x(U, {
-		ref: n,
-		...o
-	});
-});
-Z.displayName = "ButtonLink";
-function le(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 = f.forwardRef(({ href: e, withTooltip: t, loading: n, handlesLoading: r, strings: i, ...o }, c) => {
-	if (e !== void 0) {
-		let l = le(o), u = /* @__PURE__ */ x(Z, {
-			...l,
-			ref: c,
-			href: e,
-			loading: n,
-			handlesLoading: r,
-			strings: i,
-			"aria-label": o["aria-label"] ?? t,
-			className: a("button--component", l.className)
-		});
-		return t ? /* @__PURE__ */ S(F, { children: [/* @__PURE__ */ x(L, { render: u }), /* @__PURE__ */ x(R, {
-			className: "px-2 py-1 text-pxs",
-			children: /* @__PURE__ */ x(s, {
-				tag: "span",
-				size: "inherit",
-				className: "text-inherit",
-				children: t
-			})
-		})] }) : u;
-	}
-	let { download: l, hrefLang: u, media: d, ping: f, referrerPolicy: p, rel: m, target: h, ...g } = o, _ = {
-		...g,
-		className: a("button--component", g.className)
-	};
-	return Y({
-		loading: n,
-		handlesLoading: r,
-		strings: i
-	}) ? t ? /* @__PURE__ */ S(F, { children: [/* @__PURE__ */ x(L, { render: (e) => /* @__PURE__ */ x(q, {
-		..._,
-		...e,
-		ref: c,
-		loading: n,
-		handlesLoading: r,
-		strings: i,
-		"aria-label": g["aria-label"] ?? t,
-		className: a(e.className, _.className),
-		children: g.children
-	}) }), /* @__PURE__ */ x(R, {
-		className: "px-2 py-1 text-pxs",
-		children: /* @__PURE__ */ x(s, {
-			tag: "span",
-			size: "inherit",
-			className: "text-inherit",
-			children: t
-		})
-	})] }) : /* @__PURE__ */ x(q, {
-		..._,
-		ref: c,
-		loading: n,
-		handlesLoading: r,
-		strings: i
-	}) : t ? /* @__PURE__ */ x(J, {
-		..._,
-		ref: c,
-		withTooltip: t
-	}) : /* @__PURE__ */ x(H, {
-		..._,
-		ref: c
-	});
-});
-Q.displayName = "Button";
-//#endregion
-//#region src/components/base/buttons/text-button.tsx
-var ue = {
-	sm: "text-pxs leading-none h-auto px-0",
-	md: "text-pxs leading-none h-auto px-0",
-	lg: "text-sm leading-none h-auto px-0"
-}, $ = f.forwardRef(({ className: t, type: r = "button", size: i, disabled: o, ...s }, c) => {
-	let { defaultScale: l } = n(), u = e(i, l);
-	return /* @__PURE__ */ x(H, {
-		ref: c,
-		type: r,
-		tone: "primary",
-		buttonStyle: "ghost",
-		size: u,
-		disabled: o,
-		className: a("text-button--component", "hover:bg-transparent dark:hover:bg-transparent", "inline-flex items-center justify-center underline decoration-border underline-offset-4 transition-colors duration-300 ease-out hover:decoration-current", "text-primary-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:pointer-events-none disabled:opacity-50", ue[u], t),
-		...s
-	});
-});
-$.displayName = "TextButton";
-//#endregion
-export { z as a, I as c, M as d, j as f, re as g, D as h, U as i, L as l, O as m, Q as n, F as o, se as p, H as r, R as s, $ as t, A as u };
-
-//# sourceMappingURL=buttons-Co6GavvM.js.map