themelia-react-ui 1.0.0 → 1.0.2

package/dist/button-BZDasD04.js

@@ -0,0 +1,651 @@
+"use client";
+import { _ as e, r as t, s as n } from "./ui-provider-DRPn3qNl.js";
+import { r } from "./theme-scope-kStaAer0.js";
+import { useStrings as i } from "./lib/strings.js";
+import { t as a } from "./utils-BvH9PSmq.js";
+import { a as o } from "./typography-BxQgiZyw.js";
+import { t as s } from "./anchored-positioning-DPnKTvNs.js";
+import { t as c } from "./motion-recipes-B6jKXEcN.js";
+import { t as l } from "./slot-CLF9kLrS.js";
+import { t as u } from "./button-BZyfTvwm.js";
+import * as d from "react";
+import { createContext as f, forwardRef as p, useCallback as m, useContext as h, useEffect as g, useId 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 { mergeProps as T } from "@base-ui/react/merge-props";
+import { cva as E } 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__ */ S(D.Provider, {
+		"data-slot": "tooltip-provider",
+		delay: t ?? e,
+		...n
+	});
+}
+function k({ ...e }) {
+	return /* @__PURE__ */ S(O, { children: /* @__PURE__ */ S(D.Root, {
+		"data-slot": "tooltip",
+		...e
+	}) });
+}
+function A({ asChild: e = !1, render: t, children: n, ...r }) {
+	let i = e ? /* @__PURE__ */ S(l, {}) : void 0, a = typeof t == "function" ? ((e, n) => {
+		let { nativeButton: r, ...i } = e;
+		return t(i, n);
+	}) : t;
+	return /* @__PURE__ */ S(D.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render: i ?? a,
+		...r,
+		children: n
+	});
+}
+function j({ className: e, container: t, side: n = "top", sideOffset: i = 4, align: o = "center", alignOffset: l = 0, positionMethod: u = s, children: d, ...f }) {
+	let p = r(t);
+	return /* @__PURE__ */ S(D.Portal, {
+		container: p,
+		children: /* @__PURE__ */ S(D.Positioner, {
+			positionMethod: u,
+			align: o,
+			alignOffset: l,
+			side: n,
+			sideOffset: i,
+			className: "isolate z-50",
+			children: /* @__PURE__ */ C(D.Popup, {
+				"data-slot": "tooltip-content",
+				className: a(c.popup, "rounded-radius px-space-sm 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__ */ S(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" })]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/base/display/tooltip.tsx
+var M = f(void 0), N = f(!1);
+function P(e) {
+	let t = h(N), n = _(), [r, i] = b(n), a = /* @__PURE__ */ S(M.Provider, {
+		value: {
+			id: r,
+			setId: i
+		},
+		children: /* @__PURE__ */ S(D.Root, {
+			"data-slot": "tooltip",
+			...e
+		})
+	});
+	return t ? a : /* @__PURE__ */ S(O, { children: a });
+}
+function F(e) {
+	return /* @__PURE__ */ S(N.Provider, {
+		value: !0,
+		children: /* @__PURE__ */ S(O, { ...e })
+	});
+}
+function I({ className: e, ...t }) {
+	let n = h(M)?.id;
+	return /* @__PURE__ */ S(A, {
+		className: a("tooltip-trigger--component active:translate-y-0!", e),
+		...t,
+		"aria-describedby": [t["aria-describedby"], n].filter(Boolean).join(" ") || void 0
+	});
+}
+function L({ children: e, className: t, ...n }) {
+	let r = h(M), i = n.id ?? r?.id;
+	v(() => {
+		i && r?.setId(i);
+	}, [i, r?.setId]);
+	let s = typeof e == "string" || typeof e == "number" || typeof e == "bigint" ? /* @__PURE__ */ S(o, {
+		tag: "span",
+		size: "inherit",
+		lineHeight: "snug",
+		className: "tooltip-content--text text-inherit",
+		children: e
+	}) : e;
+	return /* @__PURE__ */ S(j, {
+		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: s
+	});
+}
+P.displayName = "Tooltip", F.displayName = "TooltipProvider", I.displayName = "TooltipTrigger", L.displayName = "TooltipContent";
+//#endregion
+//#region src/components/base/buttons/button.recipes.ts
+var R = {
+	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",
+	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"
+}, z = E("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-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", {
+	variants: {
+		tone: {
+			primary: "",
+			neutral: "",
+			secondary: "",
+			destructive: "",
+			success: "",
+			warning: "",
+			info: ""
+		},
+		buttonStyle: {
+			solid: `border-transparent ${R.solidInteractive}`,
+			outline: "border-input bg-transparent",
+			ghost: "border-transparent bg-transparent"
+		},
+		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: "info",
+			buttonStyle: ["outline", "ghost"],
+			class: R.infoInteractive
+		},
+		{
+			tone: "warning",
+			buttonStyle: ["outline", "ghost"],
+			class: R.warningInteractive
+		},
+		{
+			tone: "success",
+			buttonStyle: ["outline", "ghost"],
+			class: R.successInteractive
+		},
+		{
+			tone: "destructive",
+			buttonStyle: ["outline", "ghost"],
+			class: R.destructiveInteractive
+		},
+		{
+			tone: "secondary",
+			buttonStyle: ["outline", "ghost"],
+			class: R.secondaryInteractive
+		},
+		{
+			tone: "neutral",
+			buttonStyle: ["outline", "ghost"],
+			class: R.neutralInteractive
+		},
+		{
+			tone: "primary",
+			buttonStyle: ["outline", "ghost"],
+			class: R.primaryInteractive
+		},
+		{
+			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"
+		},
+		{
+			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/use-pending-button-focus.ts
+function B(e, t) {
+	let n = y(null), r = y(!1), i = y(!1), a = y(!1), o = m((e) => {
+		n.current = e;
+		let a = () => {
+			r.current = !0;
+		}, o = () => {
+			!i.current && !e?.matches(":disabled") && (r.current = !1);
+		};
+		e?.addEventListener("focus", a), e?.addEventListener("blur", o);
+		let s = typeof t == "function" ? t(e) : void 0;
+		return t && typeof t != "function" && (t.current = e), () => {
+			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 v(() => {
+		let t = n.current, o = i.current;
+		if (i.current = e, !t) return;
+		let s = t.ownerDocument;
+		if (!e && !o && (r.current = s.activeElement === t), e && !o && (a.current = r.current || s.activeElement === t), !e && o) {
+			let e = a.current;
+			a.current = !1, e && t.isConnected && !t.matches(":disabled,[aria-disabled=true]") && (s.activeElement === s.body || s.activeElement === s.documentElement) && t.focus({ preventScroll: !0 });
+		}
+		if (!e || !a.current) return;
+		let c = () => {
+			s.removeEventListener("focusin", u, !0), s.removeEventListener("pointerdown", d, !0), s.removeEventListener("keydown", f, !0);
+		}, l = () => {
+			r.current = !1, a.current = !1, c();
+		}, u = (e) => {
+			e.target !== t && e.target !== s.body && e.target !== s.documentElement && l();
+		}, d = (e) => {
+			t.contains(e.target) || l();
+		}, f = (e) => {
+			e.key === "Tab" && l();
+		};
+		return s.addEventListener("focusin", u, !0), s.addEventListener("pointerdown", d, !0), s.addEventListener("keydown", f, !0), c;
+	}), o;
+}
+//#endregion
+//#region src/components/base/buttons/base-button.tsx
+function V({ 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 H({ icon: e, iconPosition: t = "left", children: n }) {
+	let r = e && /* @__PURE__ */ S(e, {
+		className: "size-icon shrink-0",
+		"aria-hidden": "true"
+	});
+	return /* @__PURE__ */ C(x, { children: [
+		t === "left" && r,
+		n,
+		t === "right" && r
+	] });
+}
+var U = p(function({ tone: e, buttonStyle: t, size: n, iconOnly: r, fullWidth: i, icon: o, iconPosition: s, className: c, children: l, ...d }, f) {
+	let p = V({
+		tone: e,
+		buttonStyle: t,
+		size: n,
+		iconOnly: r,
+		fullWidth: i,
+		children: l
+	}), m = B(d["aria-busy"] === !0 || d["aria-busy"] === "true", f);
+	return /* @__PURE__ */ S(u, {
+		...d,
+		...p.attributes,
+		ref: m,
+		className: (e) => a("base-button--component", p.classes, typeof c == "function" ? c(e) : c),
+		children: /* @__PURE__ */ S(H, {
+			icon: o,
+			iconPosition: s,
+			children: l
+		})
+	});
+}), W = p(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 _ = V({
+		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__ */ S("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__ */ S(H, {
+			icon: o,
+			iconPosition: s,
+			children: l
+		})
+	});
+}), G = {
+	loading: "Loading...",
+	completed: "Completed"
+};
+function K({ loading: e = !1, handlesLoading: t, strings: n }) {
+	let r = i(G, n), [a, o] = b(e), [, s] = b(!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 q({ isLoading: e, loadingText: t, icon: n, iconPosition: r = "left", size: i, children: s }) {
+	let c = e ? t : s, l = typeof c == "string" || typeof c == "number" || typeof c == "bigint";
+	return /* @__PURE__ */ C(x, { children: [
+		!!e && /* @__PURE__ */ S(w, {
+			className: a(R.icon, R.spinner),
+			"aria-hidden": "true"
+		}),
+		!!n && r === "left" && !e && /* @__PURE__ */ S(n, {
+			className: R.icon,
+			"aria-hidden": "true"
+		}),
+		l ? /* @__PURE__ */ S(o, {
+			tag: "span",
+			size: "inherit",
+			weight: "medium",
+			lineHeight: "none",
+			className: "text-inherit",
+			children: c
+		}) : c,
+		!!n && r === "right" && !e && /* @__PURE__ */ S(n, {
+			className: R.icon,
+			"aria-hidden": "true"
+		})
+	] });
+}
+var J = d.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({
+		loading: e,
+		handlesLoading: t,
+		strings: n
+	});
+	return /* @__PURE__ */ S(U, {
+		...l,
+		ref: u,
+		disabled: s || d,
+		"aria-busy": d || void 0,
+		className: a("loader-button--component", d && R.isLoading, c),
+		children: /* @__PURE__ */ S(q, {
+			isLoading: d,
+			loadingText: f.loading,
+			icon: r,
+			iconPosition: i,
+			size: l.size,
+			children: o
+		})
+	});
+});
+J.displayName = "LoaderButton";
+//#endregion
+//#region src/components/base/buttons/tooltip-button.tsx
+var Y = d.forwardRef(({ withTooltip: e, children: t, ...n }, r) => /* @__PURE__ */ C(P, { children: [/* @__PURE__ */ S(I, { render: (i) => {
+	let o = T(n, i);
+	return /* @__PURE__ */ S(U, {
+		...o,
+		"aria-label": n["aria-label"] ?? e,
+		ref: r,
+		className: a("tooltip-button--component", o.className),
+		children: t
+	});
+} }), /* @__PURE__ */ S(L, {
+	className: "px-space-md py-space-xs text-pxs",
+	children: /* @__PURE__ */ S(o, {
+		tag: "span",
+		size: "inherit",
+		className: "text-inherit",
+		children: e
+	})
+})] }));
+Y.displayName = "TooltipButton";
+//#endregion
+//#region src/components/base/buttons/button.tsx
+function X({ loading: e, handlesLoading: t, strings: n }) {
+	return e === !0 || !!t || n !== void 0;
+}
+var Z = d.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({
+		loading: e,
+		handlesLoading: t,
+		strings: n
+	});
+	return /* @__PURE__ */ S(W, {
+		...u,
+		ref: d,
+		size: c,
+		disabled: s || f.isLoading,
+		"aria-busy": f.isLoading || void 0,
+		className: a("loader-button--component", l),
+		children: /* @__PURE__ */ S(q, {
+			isLoading: f.isLoading,
+			loadingText: f.strings.loading,
+			icon: r,
+			iconPosition: i,
+			size: c,
+			children: o
+		})
+	});
+});
+Z.displayName = "LoadingButtonLink";
+var Q = d.forwardRef(({ withTooltip: e, ...t }, n) => {
+	if (X(t)) return /* @__PURE__ */ S(Z, {
+		ref: n,
+		...t
+	});
+	let { loading: r, handlesLoading: i, strings: a, ...o } = t;
+	return /* @__PURE__ */ S(W, {
+		ref: n,
+		...o
+	});
+});
+Q.displayName = "ButtonLink";
+function ee(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 $ = d.forwardRef(({ href: e, withTooltip: t, loading: n, handlesLoading: r, strings: i, ...s }, c) => {
+	if (e !== void 0) {
+		let l = ee(s), u = /* @__PURE__ */ S(Q, {
+			...l,
+			ref: c,
+			href: e,
+			loading: n,
+			handlesLoading: r,
+			strings: i,
+			"aria-label": s["aria-label"] ?? t,
+			className: a("button--component", l.className)
+		});
+		return t ? /* @__PURE__ */ C(P, { children: [/* @__PURE__ */ S(I, { render: u }), /* @__PURE__ */ S(L, {
+			className: "px-space-md py-space-xs text-pxs",
+			children: /* @__PURE__ */ S(o, {
+				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 } = s, _ = {
+		...g,
+		className: a("button--component", g.className)
+	};
+	return X({
+		loading: n,
+		handlesLoading: r,
+		strings: i
+	}) ? t ? /* @__PURE__ */ C(P, { children: [/* @__PURE__ */ S(I, { render: (e) => /* @__PURE__ */ S(J, {
+		..._,
+		...e,
+		ref: c,
+		loading: n,
+		handlesLoading: r,
+		strings: i,
+		"aria-label": g["aria-label"] ?? t,
+		className: a(e.className, _.className),
+		children: g.children
+	}) }), /* @__PURE__ */ S(L, {
+		className: "px-space-md py-space-xs text-pxs",
+		children: /* @__PURE__ */ S(o, {
+			tag: "span",
+			size: "inherit",
+			className: "text-inherit",
+			children: t
+		})
+	})] }) : /* @__PURE__ */ S(J, {
+		..._,
+		ref: c,
+		loading: n,
+		handlesLoading: r,
+		strings: i
+	}) : t ? /* @__PURE__ */ S(Y, {
+		..._,
+		ref: c,
+		withTooltip: t
+	}) : /* @__PURE__ */ S(U, {
+		..._,
+		ref: c
+	});
+});
+$.displayName = "Button";
+//#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 };
+
+//# sourceMappingURL=button-BZDasD04.js.map