themelia-ui 3.0.0 → 3.2.0

package/dist/forms-numeric-CPVsL7Vf.js

@@ -1,569 +0,0 @@
-import { t as e } from "./cx--CBrhWH0.js";
-import { d as t, l as n, s as r } from "./text-inputs-DF_lD7pA.js";
-import { _ as i, s as a } from "./choice-inputs-OUDn0kQw.js";
-import { MinusIcon as o, PlusIcon as s } from "lucide-react";
-import * as c from "react";
-import { Fragment as l, forwardRef as u, useCallback as d, useId as f, useMemo as p, useState as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-//#region src/components/base/forms-numeric/forms-numeric.strings.ts
-var _ = {
-	...t,
-	decrement: "Decrement",
-	increment: "Increment"
-}, v = {
-	..._,
-	currency: "Currency"
-}, y = { unit: "Unit" }, b = {
-	...y,
-	length: "Length",
-	width: "Width",
-	height: "Height"
-}, x = {
-	latitude: "Latitude",
-	longitude: "Longitude"
-}, S = {
-	stepperGroup: "forms-numeric__stepperGroup___bUSNs",
-	stepperButton: "forms-numeric__stepperButton___cufmI",
-	stepperInput: "forms-numeric__stepperInput___88VTz",
-	stepperAdornment: "forms-numeric__stepperAdornment___hcydc",
-	numericInput: "forms-numeric__numericInput___etz0y",
-	row: "forms-numeric__row___S_Yk3",
-	grow: "forms-numeric__grow___XGXmI",
-	unitColumn: "forms-numeric__unitColumn___-uN6i",
-	currencyColumn: "forms-numeric__currencyColumn___ZVbMW",
-	field: "forms-numeric__field___UqzjY",
-	dimensions: "forms-numeric__dimensions___5lXR9",
-	subLabel: "forms-numeric__subLabel___tBUGK",
-	separator: "forms-numeric__separator___7_fz3"
-};
-//#endregion
-//#region src/components/base/forms-numeric/decimal.format.ts
-function C(e, t, n) {
-	if (!e) return "";
-	let r = e.replace(/,/g, ".");
-	if (r = n ? r.replace(/[^\d.-]/g, "") : r.replace(/[^\d.]/g, ""), n && r.includes("-")) {
-		let e = r.startsWith("-");
-		r = r.replace(/-/g, ""), e && (r = `-${r}`);
-	}
-	let i = r.split(".");
-	i.length > 2 && (r = `${i[0]}.${i.slice(1).join("")}`);
-	let [a = "", o] = r.split(".");
-	return o !== void 0 && o.length > t && (r = t === 0 ? a : `${a}.${o.slice(0, t)}`), r;
-}
-function w(e, t) {
-	let n = e.trim().replace(/\s+/g, "");
-	if (/^[-+\u2212]?(\d+\.?\d*|\.\d+)e[-+]?\d+$/i.test(n)) {
-		let e = Number(n.replace("−", "-"));
-		if (Number.isFinite(e)) return e.toLocaleString("en-US", {
-			useGrouping: !1,
-			maximumFractionDigits: 20
-		});
-	}
-	let r = /^[(\-\u2212]/.test(n) || /^[^\d]*[-\u2212]/.test(n), i = n.replace(/[^\d.,]/g, "");
-	if (!i) return "";
-	let a = i.lastIndexOf("."), o = i.lastIndexOf(","), s = Math.max(a, o);
-	if (s >= 0 && (a < 0 || o < 0)) {
-		let e = i.charAt(s), n = i.split(e).length - 1, r = i.slice(0, s), a = i.slice(s + 1);
-		(n > 1 || a.length === 3 && t < 3 && /^[1-9]\d{0,2}$/.test(r)) && (s = -1);
-	}
-	let c = (e) => e.replace(/[.,]/g, ""), l = c(s < 0 ? i : i.slice(0, s)), u = s < 0 ? void 0 : c(i.slice(s + 1));
-	return `${r ? "-" : ""}${l || (u === void 0 ? "" : "0")}${u === void 0 ? "" : `.${u}`}`;
-}
-function T(e, t, n) {
-	let r = 10 ** t, i = e * r;
-	switch (n) {
-		case "floor": return Math.floor(i) / r;
-		case "ceil": return Math.ceil(i) / r;
-		case "half-even": {
-			let e = Math.floor(i), t = i - e;
-			return t > .5 ? (e + 1) / r : t < .5 ? e / r : (e % 2 == 0 ? e : e + 1) / r;
-		}
-		default: return Math.round(i) / r;
-	}
-}
-//#endregion
-//#region src/components/base/forms-numeric/decimal-input.tsx
-function E(e, t, n) {
-	let r = e;
-	return t !== void 0 && (r = Math.max(t, r)), n !== void 0 && (r = Math.min(n, r)), r;
-}
-function D(e, t, n, r) {
-	let i = r ?? 0, a = (e - i) / n, o = Math.round(a), s = Math.abs(a - o) < 1e-9 ? o + t : t > 0 ? Math.ceil(a) : Math.floor(a);
-	return Number((i + s * n).toFixed(12));
-}
-function O(e) {
-	if (e == null) return;
-	let t = Number.parseFloat(String(e).replace(",", "."));
-	return Number.isFinite(t) ? t : void 0;
-}
-function k(e, t, n) {
-	let r = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
-	r ? r.call(e, t) : e.value = t, n?.({
-		target: e,
-		currentTarget: e,
-		type: "change",
-		bubbles: !1,
-		cancelable: !1
-	});
-}
-var A = c.forwardRef(function({ decimalPlaces: t = 2, min: r, max: i, allowNegative: a = !0, allowEmpty: l = !0, step: u, roundingMode: d = "round", normalizeOnBlur: f = !0, strings: p, endAdornment: m, onChange: v, onBlur: y, onKeyDown: b, onPaste: x, placeholder: A, className: j, value: M, defaultValue: N, disabled: P, readOnly: F, ...I }, L) {
-	let R = {
-		..._,
-		...p
-	}, z = Math.min(12, Math.max(0, t)), B = c.useRef(null), [V, H] = c.useState(() => O(N)), U = M === void 0 ? V : O(M), W = c.useCallback((e) => {
-		H(O(e.target.value)), v?.(e);
-	}, [v]), G = c.useCallback((e) => {
-		B.current = e, typeof L == "function" ? L(e) : L && (L.current = e);
-	}, [L]), K = c.useCallback((e) => {
-		let t = e.target.value;
-		if (!t && l) {
-			W(e);
-			return;
-		}
-		let n = C(t, z, a);
-		if (n === t) {
-			W(e);
-			return;
-		}
-		B.current && k(B.current, n, W);
-	}, [
-		l,
-		a,
-		z,
-		W
-	]), q = c.useCallback((e) => {
-		if (x?.(e), e.defaultPrevented || P || F) return;
-		let t = e.clipboardData.getData("text");
-		if (!t) return;
-		e.preventDefault();
-		let n = e.currentTarget, r = n.selectionStart ?? n.value.length, i = n.selectionEnd ?? r;
-		k(n, C(`${n.value.slice(0, r)}${w(t, z)}${n.value.slice(i)}`, z, a), W);
-	}, [
-		a,
-		P,
-		x,
-		z,
-		F,
-		W
-	]), J = c.useCallback((e) => {
-		if (y?.(e), !f || P || F) return;
-		let t = e.target.value;
-		if (!t && l) return;
-		let n = Number.parseFloat(t.replace(",", "."));
-		if (!Number.isFinite(n)) return;
-		let a = T(E(n, r, i), z, d).toFixed(z);
-		a !== t && B.current && k(B.current, a, W);
-	}, [
-		l,
-		P,
-		F,
-		i,
-		r,
-		f,
-		y,
-		z,
-		W,
-		d
-	]), Y = c.useCallback((e) => {
-		if (P || F || u === void 0 || !Number.isFinite(u) || u <= 0) return;
-		let t = B.current;
-		t && k(t, T(E(D(O(t.value) ?? r ?? 0, e, u, r), r, i), z, d).toFixed(z), W);
-	}, [
-		P,
-		F,
-		i,
-		r,
-		z,
-		W,
-		d,
-		u
-	]), X = r !== void 0 && U !== void 0 && U <= r, ee = i !== void 0 && U !== void 0 && U >= i, te = A ?? (z > 0 ? `0.${"0".repeat(z)}` : "0"), Z = typeof u == "number" && u > 0, Q = /* @__PURE__ */ h(n, {
-		...I,
-		ref: G,
-		type: "text",
-		inputMode: z > 0 ? "decimal" : "numeric",
-		placeholder: te,
-		value: M,
-		defaultValue: N,
-		disabled: P,
-		readOnly: F,
-		onChange: K,
-		onPaste: q,
-		onBlur: J,
-		onKeyDown: (e) => {
-			b?.(e), !(e.defaultPrevented || e.nativeEvent.isComposing || P || F || !Z) && (e.key === "ArrowUp" || e.key === "ArrowDown") && (e.preventDefault(), Y(e.key === "ArrowUp" ? 1 : -1));
-		},
-		className: e(Z ? S.stepperInput : S.numericInput, j)
-	});
-	if (!Z) return Q;
-	let $ = (e) => e.preventDefault();
-	return /* @__PURE__ */ g("div", {
-		"data-field-shell": "",
-		"aria-invalid": I["aria-invalid"] || void 0,
-		className: e("decimal-input--component", S.stepperGroup),
-		children: [
-			/* @__PURE__ */ h("button", {
-				type: "button",
-				tabIndex: -1,
-				"aria-label": R.decrement,
-				disabled: P || F || X,
-				onMouseDown: $,
-				onClick: () => Y(-1),
-				className: S.stepperButton,
-				children: /* @__PURE__ */ h(o, { "aria-hidden": !0 })
-			}),
-			Q,
-			!!m && /* @__PURE__ */ h("span", {
-				className: S.stepperAdornment,
-				children: m
-			}),
-			/* @__PURE__ */ h("button", {
-				type: "button",
-				tabIndex: -1,
-				"aria-label": R.increment,
-				disabled: P || F || ee,
-				onMouseDown: $,
-				onClick: () => Y(1),
-				className: S.stepperButton,
-				children: /* @__PURE__ */ h(s, { "aria-hidden": !0 })
-			})
-		]
-	});
-}), j = u(function({ decimalPlaces: t = 2, min: n = 0, max: i = 100, allowNegative: a = !1, step: o, className: s, ...c }, l) {
-	let u = o !== void 0 && o > 0, d = /* @__PURE__ */ h(A, {
-		ref: l,
-		decimalPlaces: t,
-		allowNegative: a,
-		min: n,
-		max: i,
-		step: o,
-		endAdornment: u ? "%" : void 0,
-		className: s,
-		...c
-	});
-	return u ? d : /* @__PURE__ */ h(r, {
-		end: "%",
-		className: e("percentage-input--component", S.grow),
-		children: d
-	});
-}), M = {
-	USD: "$",
-	EUR: "€",
-	GBP: "£",
-	JPY: "¥",
-	CNY: "¥",
-	CHF: "CHF",
-	CAD: "C$",
-	AUD: "A$",
-	BGN: "лв",
-	SEK: "kr",
-	NOK: "kr",
-	DKK: "kr",
-	PLN: "zł"
-};
-//#endregion
-//#region src/components/base/forms-numeric/currency-input.tsx
-function N(e) {
-	return e.map((e) => {
-		if (typeof e != "string") return e;
-		let t = M[e];
-		return {
-			value: e,
-			label: t ? `${t} ${e}` : e
-		};
-	});
-}
-var P = u(function({ currency: t, defaultCurrency: n, onCurrencyChange: r, currencies: i = [
-	"USD",
-	"EUR",
-	"GBP"
-], currencyPosition: o = "start", disableCurrencySelector: s = !1, strings: c, invalid: l, disabled: u, className: f, ..._ }, y) {
-	let b = {
-		...v,
-		...c
-	}, x = p(() => N(i), [i]), C = t !== void 0, [w, T] = m(n ?? x[0]?.value ?? ""), E = C ? t ?? "" : w, D = d((e) => {
-		let t = e ?? "";
-		C || T(t), r?.(t);
-	}, [C, r]), O = s ? null : /* @__PURE__ */ h("div", {
-		className: S.currencyColumn,
-		children: /* @__PURE__ */ h(a, {
-			options: x,
-			value: E || null,
-			onValueChange: D,
-			disabled: u,
-			invalid: l,
-			"aria-label": b.currency
-		})
-	});
-	return /* @__PURE__ */ g("div", {
-		className: e("currency-input--component", S.row, f),
-		children: [
-			o === "start" && O,
-			/* @__PURE__ */ h("div", {
-				className: S.grow,
-				children: /* @__PURE__ */ h(A, {
-					..._,
-					ref: y,
-					disabled: u,
-					"aria-invalid": l || _["aria-invalid"] || void 0,
-					allowNegative: _.allowNegative ?? !0
-				})
-			}),
-			o === "end" && O
-		]
-	});
-}), F = [
-	{
-		value: "g",
-		label: "g"
-	},
-	{
-		value: "kg",
-		label: "kg"
-	},
-	{
-		value: "lb",
-		label: "lb"
-	},
-	{
-		value: "oz",
-		label: "oz"
-	}
-];
-function I(e, t) {
-	let n = f(), r = !!t || e["aria-invalid"] === !0 || e["aria-invalid"] === "true", i = e["aria-required"] === !0 || e["aria-required"] === "true";
-	return {
-		base: n,
-		isInvalid: r,
-		part: (t) => ({
-			"aria-labelledby": e["aria-labelledby"] ? `${e["aria-labelledby"]} ${t}` : t,
-			"aria-describedby": e["aria-describedby"],
-			"aria-invalid": r || void 0,
-			"aria-required": i || void 0
-		})
-	};
-}
-var L = u(function({ id: t, value: n, defaultValue: r, onChange: i, unit: o, defaultUnit: s = "g", onUnitChange: c, units: l, decimalPlaces: u = 2, min: f = 0, max: _, step: v, showUnitSelector: b = !0, disableUnitSelector: x = !1, strings: C, placeholder: w, disabled: T, invalid: E, className: D, "aria-label": O, ...k }, j) {
-	let M = {
-		...y,
-		...C
-	}, N = !!E || k["aria-invalid"] === !0 || k["aria-invalid"] === "true", P = p(() => l ? F.filter((e) => l.includes(e.value)) : F, [l]), I = o !== void 0, [L, R] = m(s), z = I ? o ?? s : L, B = d((e) => {
-		e && (I || R(e), c?.(e));
-	}, [I, c]);
-	return /* @__PURE__ */ g("div", {
-		className: e("weight-input--component", S.row, D),
-		children: [/* @__PURE__ */ h("div", {
-			className: S.grow,
-			children: /* @__PURE__ */ h(A, {
-				id: t,
-				ref: j,
-				value: n,
-				defaultValue: r,
-				onChange: (e) => i?.({ target: { value: e.target.value } }),
-				decimalPlaces: u,
-				allowNegative: !1,
-				min: f,
-				max: _,
-				step: v,
-				placeholder: w,
-				disabled: T,
-				"aria-invalid": N || void 0,
-				"aria-label": O,
-				"aria-labelledby": O ? void 0 : k["aria-labelledby"],
-				"aria-describedby": k["aria-describedby"],
-				"aria-required": k["aria-required"]
-			})
-		}), b && /* @__PURE__ */ h("div", {
-			className: S.unitColumn,
-			children: /* @__PURE__ */ h(a, {
-				options: P,
-				value: z,
-				onValueChange: B,
-				disabled: T || x,
-				invalid: N,
-				"aria-label": M.unit
-			})
-		})]
-	});
-}), R = [
-	{
-		value: "mm",
-		label: "mm"
-	},
-	{
-		value: "cm",
-		label: "cm"
-	},
-	{
-		value: "m",
-		label: "m"
-	},
-	{
-		value: "in",
-		label: "in"
-	},
-	{
-		value: "ft",
-		label: "ft"
-	},
-	{
-		value: "px",
-		label: "px"
-	}
-], z = u(function({ id: t, value: n, onValueChange: r, unit: i, defaultUnit: o = "cm", onUnitChange: s, units: c, decimalPlaces: u = 2, showHeight: d = !0, showUnitSelector: f = !0, strings: _, disabled: v, invalid: y, className: x, ...C }, w) {
-	let T = {
-		...b,
-		..._
-	}, { base: E, isInvalid: D, part: O } = I(C, y), k = p(() => c ? R.filter((e) => c.includes(e.value)) : R, [c]), j = i !== void 0, [M, N] = m(o), P = j ? i ?? o : M, F = (e, t) => r?.({
-		...n,
-		[e]: t
-	}), L = d ? [
-		"length",
-		"width",
-		"height"
-	] : ["length", "width"];
-	return /* @__PURE__ */ g("div", {
-		ref: w,
-		className: e("dimensions-input--component", S.row, S.dimensions, x),
-		children: [L.map((e, r) => /* @__PURE__ */ g(l, { children: [r > 0 && /* @__PURE__ */ h("span", {
-			"aria-hidden": !0,
-			className: S.separator,
-			children: "×"
-		}), /* @__PURE__ */ g("div", {
-			className: S.field,
-			children: [/* @__PURE__ */ h("label", {
-				id: `${E}-${e}-caption`,
-				htmlFor: r === 0 && t ? t : `${E}-${e}`,
-				className: S.subLabel,
-				children: T[e]
-			}), /* @__PURE__ */ h(A, {
-				id: r === 0 && t ? t : `${E}-${e}`,
-				value: n?.[e] ?? "",
-				onChange: (t) => F(e, t.target.value),
-				decimalPlaces: u,
-				allowNegative: !1,
-				min: 0,
-				disabled: v,
-				...O(`${E}-${e}-caption`)
-			})]
-		})] }, e)), f && /* @__PURE__ */ g("div", {
-			className: S.field,
-			style: {
-				flex: "0 0 auto",
-				width: "var(--numeric-unit-w)"
-			},
-			children: [/* @__PURE__ */ h("span", {
-				className: S.subLabel,
-				children: T.unit
-			}), /* @__PURE__ */ h(a, {
-				options: k,
-				value: P,
-				onValueChange: (e) => {
-					e && (j || N(e), s?.(e));
-				},
-				disabled: v,
-				invalid: D,
-				"aria-label": T.unit
-			})]
-		})]
-	});
-}), B = u(function({ id: t, value: n, onValueChange: r, decimalPlaces: i = 6, strings: a, disabled: o, invalid: s, className: c, ...l }, u) {
-	let d = {
-		...x,
-		...a
-	}, { base: f, part: p } = I(l, s), m = (e, t) => r?.({
-		...n,
-		[e]: t
-	});
-	return /* @__PURE__ */ g("div", {
-		ref: u,
-		className: e("coordinates-input--component", S.row, c),
-		children: [/* @__PURE__ */ g("div", {
-			className: S.field,
-			children: [/* @__PURE__ */ h("label", {
-				id: `${f}-latitude-caption`,
-				htmlFor: t ?? `${f}-latitude`,
-				className: S.subLabel,
-				children: d.latitude
-			}), /* @__PURE__ */ h(A, {
-				id: t ?? `${f}-latitude`,
-				value: n?.latitude ?? "",
-				onChange: (e) => m("latitude", e.target.value),
-				decimalPlaces: i,
-				min: -90,
-				max: 90,
-				disabled: o,
-				...p(`${f}-latitude-caption`)
-			})]
-		}), /* @__PURE__ */ g("div", {
-			className: S.field,
-			children: [/* @__PURE__ */ h("label", {
-				id: `${f}-longitude-caption`,
-				htmlFor: `${f}-longitude`,
-				className: S.subLabel,
-				children: d.longitude
-			}), /* @__PURE__ */ h(A, {
-				id: `${f}-longitude`,
-				value: n?.longitude ?? "",
-				onChange: (e) => m("longitude", e.target.value),
-				decimalPlaces: i,
-				min: -180,
-				max: 180,
-				disabled: o,
-				...p(`${f}-longitude-caption`)
-			})]
-		})]
-	});
-}), V = {
-	...i,
-	floor: "Round down",
-	round: "Round half up",
-	ceil: "Round up",
-	"half-even": "Round half to even"
-}, H = [
-	"floor",
-	"round",
-	"ceil"
-], U = u(function({ value: e, onValueChange: t, modes: n, strings: r, ...i }, o) {
-	let s = p(() => {
-		let e = {
-			...V,
-			...r
-		};
-		return (n ?? H).map((t) => ({
-			value: t,
-			label: e[t]
-		}));
-	}, [n, r]);
-	return /* @__PURE__ */ h(a, {
-		ref: o,
-		options: s,
-		value: e ?? null,
-		onValueChange: (e) => t?.(e ?? void 0),
-		...i
-	});
-}), W = u(function({ value: t, onValueChange: n, currencies: r = [
-	"USD",
-	"EUR",
-	"GBP"
-], className: i, ...a }, o) {
-	let s = t?.amount ?? "", c = t?.currency ?? (typeof r[0] == "string" ? r[0] : r[0]?.value) ?? "", l = d((e) => n?.({
-		amount: e,
-		currency: c
-	}), [c, n]), u = d((e) => n?.({
-		amount: s,
-		currency: e
-	}), [s, n]);
-	return /* @__PURE__ */ h(P, {
-		...a,
-		ref: o,
-		currencies: r,
-		value: s,
-		onChange: (e) => l(e.target.value),
-		currency: c,
-		onCurrencyChange: u,
-		className: e("money-input--component", i)
-	});
-});
-//#endregion
-export { y as _, z as a, M as c, T as d, C as f, b as g, _ as h, B as i, j as l, v as m, U as n, L as o, x as p, V as r, P as s, W as t, A as u };

package/dist/index.css

@@ -1,3 +0,0 @@
-@import "./core.css";
-@import "./css/primitives.css";
-@import "./css/typography.css";

package/dist/input-group-BYe0rhoB.js

@@ -1,126 +0,0 @@
-import { t as e } from "./cvm-DtsCA8iZ.js";
-import { t } from "./cx--CBrhWH0.js";
-import { o as n } from "./typography-BkxEiwQ1.js";
-import { c as r } from "./buttons-CqXKWty3.js";
-import { c as i, l as a } from "./text-inputs-DF_lD7pA.js";
-import * as o from "react";
-import { jsx as s } from "react/jsx-runtime";
-var c = {
-	root: "input-group__root___IVFN2",
-	addon: "input-group__addon___CQjEA",
-	alignInlineStart: "input-group__alignInlineStart___rpeAh",
-	alignInlineEnd: "input-group__alignInlineEnd___4sKti",
-	alignBlockStart: "input-group__alignBlockStart___NXAJ_",
-	alignBlockEnd: "input-group__alignBlockEnd___qYvPO",
-	button: "input-group__button___W_UEo",
-	buttonXs: "input-group__buttonXs___UoSH_",
-	buttonIconXs: "input-group__buttonIconXs___0kdNZ",
-	buttonSm: "input-group__buttonSm___ZfZjH",
-	buttonIconSm: "input-group__buttonIconSm___7aBC7",
-	text: "input-group__text___Lq-YE",
-	control: "input-group__control___accIN",
-	controlTextarea: "input-group__controlTextarea___8GMg_"
-}, l = o.createContext({});
-function u(e) {
-	let t = o.useContext(l);
-	return {
-		...e,
-		id: e.id ?? t.id,
-		"aria-labelledby": e["aria-labelledby"] ?? (e["aria-label"] === void 0 ? t["aria-labelledby"] : void 0),
-		"aria-describedby": e["aria-describedby"] ?? t["aria-describedby"],
-		"aria-invalid": e["aria-invalid"] ?? t["aria-invalid"],
-		"aria-required": e["aria-required"] ?? t["aria-required"]
-	};
-}
-function d({ className: e, id: n, "aria-labelledby": r, "aria-describedby": i, "aria-invalid": a, "aria-required": u, ...d }) {
-	let f = o.useMemo(() => ({
-		id: n,
-		"aria-labelledby": r,
-		"aria-describedby": i,
-		"aria-invalid": a,
-		"aria-required": u
-	}), [
-		n,
-		r,
-		i,
-		a,
-		u
-	]);
-	return /* @__PURE__ */ s(l.Provider, {
-		value: f,
-		children: /* @__PURE__ */ s("div", {
-			"data-slot": "input-group",
-			role: "group",
-			className: t("input-group--component", c.root, e),
-			...d
-		})
-	});
-}
-var f = e(c.addon, {
-	variants: { align: {
-		"inline-start": c.alignInlineStart,
-		"inline-end": c.alignInlineEnd,
-		"block-start": c.alignBlockStart,
-		"block-end": c.alignBlockEnd
-	} },
-	defaultVariants: { align: "inline-start" }
-});
-function p({ className: e, align: n = "inline-start", ...r }) {
-	return /* @__PURE__ */ s("div", {
-		"data-slot": "input-group-addon",
-		"data-align": n,
-		className: t("input-group-addon--component", f({
-			align: n,
-			className: e
-		})),
-		onClick: (e) => {
-			e.target.closest("button") || e.currentTarget.parentElement?.querySelector("[data-field-control]")?.focus();
-		},
-		...r
-	});
-}
-var m = e(c.button, {
-	variants: { size: {
-		xs: c.buttonXs,
-		sm: c.buttonSm,
-		"icon-xs": c.buttonIconXs,
-		"icon-sm": c.buttonIconSm
-	} },
-	defaultVariants: { size: "xs" }
-});
-function h({ className: e, type: n = "button", tone: i = "neutral", buttonStyle: a = "ghost", size: o = "xs", ...c }) {
-	return /* @__PURE__ */ s(r, {
-		type: n,
-		"data-size": o,
-		tone: i,
-		buttonStyle: a,
-		className: t("input-group-button--component", m({
-			size: o,
-			className: e
-		})),
-		...c
-	});
-}
-function g({ className: e, ...r }) {
-	return /* @__PURE__ */ s(n, {
-		tag: "span",
-		size: "inherit",
-		type: "secondary",
-		className: t("input-group-text--component", c.text, e),
-		...r
-	});
-}
-function _({ className: e, ...n }) {
-	return /* @__PURE__ */ s(a, {
-		className: t("input-group-input--component", c.control, e),
-		...u(n)
-	});
-}
-function v({ className: e, ...n }) {
-	return /* @__PURE__ */ s(i, {
-		className: t("input-group-textarea--component", c.control, c.controlTextarea, e),
-		...u(n)
-	});
-}
-//#endregion
-export { g as a, _ as i, p as n, v as o, h as r, d as t };