@selectwin/kit 0.1.197 → 0.1.198

package/dist/SelectModal.js

@@ -0,0 +1,177 @@
+/* empty css           */
+import { CloseIcon as e } from "./icons.js";
+import { useSelectMessages as t } from "./SelectLocale.js";
+import { useFocusTrap as n } from "./internal/useFocusTrap.js";
+import { LayerProvider as r, isTopLayer as i, openLayer as a, useParentLayer as o } from "./internal/layers.js";
+import { FrameBody as s } from "./internal/frame.js";
+import { useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { createPortal as h } from "react-dom";
+//#region src/SelectModal.tsx
+var g = 220;
+function _({ open: _, onClose: v, eyebrow: y, title: b, subtitle: x, badge: S, children: C, footer: w, aside: T, size: E = "md", showClose: D = !0, noise: O = !0, dividedHeader: k = !1, backdrop: A = "dim", theme: j = "light", placement: M = "center", headerAction: N, flush: P = !1, dismissible: F = !0 }) {
+	let I = t(), [L, R] = d(_), [z, B] = d(!1), V = u(null), H = l(), U = l(), [W] = d(() => ({})), G = o(), K = u({
+		onClose: v,
+		dismissible: F
+	});
+	K.current = {
+		onClose: v,
+		dismissible: F
+	};
+	let [q] = d(() => _ && typeof document < "u" ? document.activeElement : null), J = u(null);
+	c(() => {
+		if (_) {
+			if (!J.current) {
+				var e;
+				let t = document.activeElement, n = t instanceof HTMLElement && t !== document.body && !((e = V.current) != null && e.contains(t));
+				J.current = n ? t : q instanceof HTMLElement && q !== document.body ? q : null;
+			}
+			R(!0), B(!1);
+		} else if (L) {
+			var t;
+			B(!0);
+			let e = J.current;
+			J.current = null;
+			let n = document.activeElement;
+			e != null && e.isConnected && (!n || n === document.body || (t = V.current) != null && t.contains(n)) && e.focus({ preventScroll: !0 });
+			let r = setTimeout(() => {
+				R(!1), B(!1);
+			}, g);
+			return () => clearTimeout(r);
+		}
+	}, [
+		_,
+		L,
+		q
+	]), c(() => {
+		if (!L) return;
+		let e = a(W, G), t = (e) => {
+			e.key === "Escape" && !e.defaultPrevented && i(W) && K.current.dismissible && K.current.onClose();
+		};
+		document.addEventListener("keydown", t);
+		let n = document.body.style.overflow;
+		return document.body.style.overflow = "hidden", () => {
+			e(), document.removeEventListener("keydown", t), document.body.style.overflow = n;
+		};
+	}, [
+		L,
+		W,
+		G
+	]);
+	let Y = L && !z;
+	if (c(() => {
+		if (!Y) return;
+		let e = V.current;
+		e && !e.contains(document.activeElement) && (e.querySelector("[data-autofocus]") ?? e).focus({ preventScroll: !0 });
+	}, [Y]), n(Y, V, { initialFocus: !1 }), !L) return null;
+	let X = S ? /* @__PURE__ */ m("p", {
+		id: U,
+		className: "select-modal__subtitle select-modal__subtitle--badge",
+		children: [S, x ? /* @__PURE__ */ p("span", { children: x }) : null]
+	}) : x && /* @__PURE__ */ p("p", {
+		id: U,
+		className: "select-modal__subtitle",
+		children: x
+	}), Z = D && F && /* @__PURE__ */ p("button", {
+		type: "button",
+		className: "select-modal__close",
+		"aria-label": I.common.close,
+		onClick: v,
+		children: /* @__PURE__ */ p(e, {})
+	}), Q = `select-modal__header${k ? " select-modal__header--divided" : ""}`, $ = /* @__PURE__ */ p("div", {
+		className: `select select-modal__overlay${M === "side" ? " select-modal__overlay--side" : ""}${O ? " select-modal__overlay--noise" : ""}${A === "blur" ? " select-modal__overlay--blur" : ""}${z ? " select-modal__overlay--closing" : ""}`,
+		"data-theme": j,
+		onMouseDown: F ? v : void 0,
+		children: /* @__PURE__ */ p("div", {
+			className: `select-modal select-modal--${E}${M === "side" ? " select-modal--side" : ""}${P ? " select-modal--flush" : ""}${T ? " select-modal--split" : ""}${z ? " select-modal--closing" : ""}`,
+			ref: V,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": b ? H : void 0,
+			"aria-describedby": x || S ? U : void 0,
+			tabIndex: -1,
+			onMouseDown: (e) => e.stopPropagation(),
+			children: T ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("aside", {
+				className: "select-modal__aside",
+				children: T
+			}), /* @__PURE__ */ m("div", {
+				className: "select-modal__content",
+				children: [
+					Z,
+					(y || b || x || S) && /* @__PURE__ */ m("div", {
+						className: Q,
+						children: [
+							y && /* @__PURE__ */ p("span", {
+								className: "select-modal__eyebrow",
+								children: y
+							}),
+							b && /* @__PURE__ */ p("h2", {
+								id: H,
+								className: "select-modal__title",
+								children: b
+							}),
+							X
+						]
+					}),
+					/* @__PURE__ */ p("div", {
+						className: "select-modal__body",
+						children: /* @__PURE__ */ p(s, { children: C })
+					})
+				]
+			})] }) : /* @__PURE__ */ m(f, { children: [
+				Z,
+				(y || b || x || S) && (N ? /* @__PURE__ */ m("div", {
+					className: `${Q} select-modal__header--action`,
+					children: [/* @__PURE__ */ m("div", {
+						className: "select-modal__headtext",
+						children: [
+							y && /* @__PURE__ */ p("span", {
+								className: "select-modal__eyebrow",
+								children: y
+							}),
+							b && /* @__PURE__ */ p("h2", {
+								id: H,
+								className: "select-modal__title",
+								children: b
+							}),
+							X
+						]
+					}), /* @__PURE__ */ p("div", {
+						className: "select-modal__headaction",
+						children: N
+					})]
+				}) : /* @__PURE__ */ m("div", {
+					className: Q,
+					children: [
+						y && /* @__PURE__ */ p("span", {
+							className: "select-modal__eyebrow",
+							children: y
+						}),
+						b && /* @__PURE__ */ p("h2", {
+							id: H,
+							className: "select-modal__title",
+							children: b
+						}),
+						X
+					]
+				})),
+				C && /* @__PURE__ */ p("div", {
+					className: "select-modal__body",
+					children: /* @__PURE__ */ p(s, { children: C })
+				}),
+				w && /* @__PURE__ */ p("div", {
+					className: "select-modal__footer",
+					children: w
+				})
+			] })
+		})
+	});
+	return h(/* @__PURE__ */ p(r, {
+		value: W,
+		children: $
+	}), document.body);
+}
+//#endregion
+export { _ as SelectModal };
+
+//# sourceMappingURL=SelectModal.js.map

package/dist/SelectMoney.js

@@ -0,0 +1,136 @@
+/* empty css           */
+import { EyeIcon as e, EyeOffIcon as t } from "./icons.js";
+import { SelectIconButton as n } from "./SelectIconButton.js";
+import { centsToBRL as r } from "./internal/money.js";
+import { createContext as i, forwardRef as a, useCallback as o, useContext as s, useEffect as c, useMemo as l, useState as u, useSyncExternalStore as d } from "react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/SelectMoney.tsx
+var h = "sw:hide-money", g = {
+	hidden: !1,
+	toggle: () => {},
+	setHidden: () => {}
+}, _ = i(null);
+function v() {
+	try {
+		return localStorage.getItem(h) === "1";
+	} catch {
+		return !1;
+	}
+}
+function y(e) {
+	try {
+		localStorage.setItem(h, e ? "1" : "0");
+	} catch {}
+}
+function b() {
+	let e = 0, t = /* @__PURE__ */ new Set(), n = () => t.forEach((e) => e());
+	return {
+		mark() {
+			e += 1, e === 1 && n();
+			let t = !1;
+			return () => {
+				t || (t = !0, --e, e === 0 && n());
+			};
+		},
+		subscribe(e) {
+			return t.add(e), () => {
+				t.delete(e);
+			};
+		},
+		present: () => e > 0
+	};
+}
+var x = i(null), S = () => () => {}, C = () => !1;
+function w({ children: e }) {
+	let [t] = u(b), [n, r] = u(v), i = o((e) => {
+		r(e), y(e);
+	}, []), a = o(() => {
+		r((e) => {
+			let t = !e;
+			return y(t), t;
+		});
+	}, []), s = l(() => ({
+		hidden: n,
+		toggle: a,
+		setHidden: i
+	}), [
+		n,
+		a,
+		i
+	]);
+	return /* @__PURE__ */ p(x.Provider, {
+		value: t,
+		children: /* @__PURE__ */ p(_.Provider, {
+			value: s,
+			children: e
+		})
+	});
+}
+function T() {
+	return s(_) ?? g;
+}
+function E(e = !0) {
+	let t = s(x);
+	c(() => e && t ? t.mark() : void 0, [t, e]);
+}
+function D() {
+	let e = s(x);
+	return d(e ? e.subscribe : S, e ? e.present : C, C);
+}
+var O = a(function({ children: e, label: t = "valor oculto", className: n, ...r }, i) {
+	let { hidden: a } = T();
+	return E(), /* @__PURE__ */ p("span", {
+		ref: i,
+		...r,
+		className: `select-sensitive${a ? " select-sensitive--hidden" : ""}${n ? " " + n : ""}`,
+		"aria-label": a ? t : void 0,
+		children: e
+	});
+});
+function k({ cents: e, sensitive: t = !0 }) {
+	let n = r(e);
+	return p(t ? O : f, { children: n });
+}
+var A = new Intl.NumberFormat("pt-BR", {
+	signDisplay: "exceptZero",
+	minimumFractionDigits: 1,
+	maximumFractionDigits: 1
+}), j = a(function({ value: e, invert: t = !1, caption: n, unit: r = "percent", className: i, ...a }, o) {
+	if (e == null || !Number.isFinite(e)) return /* @__PURE__ */ m("span", {
+		ref: o,
+		...a,
+		className: `select-delta select-delta--muted${i ? " " + i : ""}`,
+		children: ["—", n ? ` ${n}` : ""]
+	});
+	let s = e === 0, c = e > 0, l = s ? null : t ? !c : c, u = l == null ? "muted" : l ? "up" : "down", d = s ? "" : c ? "▲" : "▼";
+	return /* @__PURE__ */ m("span", {
+		ref: o,
+		...a,
+		className: `select-delta${i ? " " + i : ""}`,
+		children: [/* @__PURE__ */ m("span", {
+			className: `select-delta__value select-delta__value--${u}`,
+			children: [
+				d ? `${d} ` : "",
+				A.format(e),
+				r === "points" ? " p.p." : "%"
+			]
+		}), n != null && /* @__PURE__ */ p("span", {
+			className: "select-delta__caption",
+			children: n
+		})]
+	});
+});
+function M() {
+	let { hidden: r, toggle: i } = T();
+	return /* @__PURE__ */ p(n, {
+		variant: "outline",
+		icon: p(r ? t : e, {}),
+		label: r ? "Mostrar valores" : "Ocultar valores",
+		active: r,
+		onClick: i
+	});
+}
+//#endregion
+export { M as SelectHideMoneyToggle, j as SelectMetricDelta, k as SelectMoney, O as SelectSensitiveValue, w as SelectValueVisibilityProvider, D as useSelectHasSensitiveValues, E as useSelectSensitiveValueMark, T as useSelectValueVisibility };
+
+//# sourceMappingURL=SelectMoney.js.map

package/dist/SelectMoneyField.js

@@ -0,0 +1,82 @@
+import { SelectLabelRow as e } from "./SelectField.js";
+import { forwardRef as t, useId as n, useLayoutEffect as r, useRef as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/SelectMoneyField.tsx
+var s = new Intl.NumberFormat("pt-BR", {
+	minimumFractionDigits: 2,
+	maximumFractionDigits: 2
+}), c = (e) => e.replace(/\D/g, "");
+function l(e, t) {
+	if (t <= 0) return e.length;
+	let n = 0;
+	for (let r = e.length - 1; r >= 0; r--) {
+		let i = e.charCodeAt(r);
+		if (i >= 48 && i <= 57 && ++n === t) return r;
+	}
+	return 0;
+}
+var u = t(function({ label: t, value: u, onChange: d, info: f, hint: p, error: m, onBlur: h, placeholder: g = "0,00", name: _, disabled: v = !1, size: y = "md", className: b, ...x }, S) {
+	let C = n(), w = i(null), T = i(null), E = u == null ? "" : s.format(u / 100);
+	r(() => {
+		let e = w.current;
+		if (!e || T.current == null) return;
+		let t = T.current;
+		if (T.current = null, document.activeElement !== e) return;
+		e.value !== E && (e.value = E);
+		let n = l(e.value, t);
+		e.setSelectionRange(n, n);
+	});
+	let D = (e) => {
+		let t = e.currentTarget, n = t.value, r = t.selectionStart ?? n.length, i = c(n.slice(0, r)), a = c(n.slice(r));
+		if (i + a === c(E)) {
+			let t = e.nativeEvent.inputType;
+			t === "deleteContentBackward" && i ? i = i.slice(0, -1) : t === "deleteContentForward" && a && (a = a.slice(1));
+		}
+		let o = i + a, u = o ? parseInt(o, 10) : 0, f = s.format(u / 100), p = l(f, a.length);
+		t.value = f, t.setSelectionRange(p, p), T.current = a.length, d(u);
+	};
+	return /* @__PURE__ */ o("div", {
+		ref: S,
+		...x,
+		className: `select-field${y === "sm" ? " select-field--sm" : y === "lg" ? " select-field--lg" : ""}${b ? " " + b : ""}`,
+		children: [
+			t && /* @__PURE__ */ a(e, {
+				htmlFor: C,
+				label: t,
+				info: f
+			}),
+			/* @__PURE__ */ o("div", {
+				className: `select-unit select-unit--money${m ? " select-unit--error" : ""}${v ? " select-unit--disabled" : ""}`,
+				children: [/* @__PURE__ */ a("span", {
+					className: "select-unit__prefix",
+					children: "R$"
+				}), /* @__PURE__ */ a("input", {
+					id: C,
+					ref: w,
+					className: "select-unit__input select-unit__input--right",
+					type: "text",
+					inputMode: "numeric",
+					autoComplete: "off",
+					name: _,
+					disabled: v,
+					value: E,
+					placeholder: g,
+					onChange: D,
+					onBlur: h,
+					"aria-invalid": m ? !0 : void 0
+				})]
+			}),
+			m ? /* @__PURE__ */ a("p", {
+				className: "select-field__error",
+				children: m
+			}) : p ? /* @__PURE__ */ a("p", {
+				className: "select-field__hint",
+				children: p
+			}) : null
+		]
+	});
+});
+//#endregion
+export { u as SelectMoneyField };
+
+//# sourceMappingURL=SelectMoneyField.js.map

package/dist/SelectNetwork.js

@@ -0,0 +1,122 @@
+/* empty css           */
+import { chartColor as e, formatCompact as t, useChartSize as n } from "./chartUtils.js";
+import { ChartTooltip as r, useChartTooltip as i } from "./chartTip.js";
+import { useMemo as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/SelectNetwork.tsx
+function l({ nodes: l, links: u, height: d = 300, format: f = t, className: p, ...m }) {
+	let { ref: h, width: g } = n(d), _ = i(), [v, y] = o(null), b = a(() => {
+		let e = g || d, t = d, n = l.length, r = /* @__PURE__ */ new Map();
+		if (!n) return r;
+		let i = l.map((r, i) => ({
+			id: r.id,
+			x: e / 2 + Math.cos(i / n * 2 * Math.PI) * e * .3,
+			y: t / 2 + Math.sin(i / n * 2 * Math.PI) * t * .3
+		})), a = new Map(l.map((e, t) => [e.id, t])), o = Math.sqrt(e * t / n) * .55, s = e * .12;
+		for (let r = 0; r < 320; r++) {
+			let r = i.map(() => ({
+				x: 0,
+				y: 0
+			}));
+			for (let e = 0; e < n; e++) for (let t = e + 1; t < n; t++) {
+				let n = i[e].x - i[t].x, a = i[e].y - i[t].y, s = Math.hypot(n, a) || .01, c = o * o / s;
+				r[e].x += n / s * c, r[e].y += a / s * c, r[t].x -= n / s * c, r[t].y -= a / s * c;
+			}
+			for (let e of u) {
+				let t = a.get(e.source), n = a.get(e.target);
+				if (t == null || n == null) continue;
+				let s = i[t].x - i[n].x, c = i[t].y - i[n].y, l = Math.hypot(s, c) || .01, u = l * l / o;
+				r[t].x -= s / l * u, r[t].y -= c / l * u, r[n].x += s / l * u, r[n].y += c / l * u;
+			}
+			for (let a = 0; a < n; a++) {
+				let n = r[a].x, o = r[a].y, c = Math.hypot(n, o) || .01, l = Math.min(c, s);
+				i[a].x = Math.max(18, Math.min(e - 18, i[a].x + n / c * l)), i[a].y = Math.max(18, Math.min(t - 18, i[a].y + o / c * l));
+			}
+			s *= .97;
+		}
+		return i.forEach((e) => r.set(e.id, {
+			x: e.x,
+			y: e.y
+		})), r;
+	}, [
+		l,
+		u,
+		g,
+		d
+	]), x = /* @__PURE__ */ new Map();
+	u.forEach((e) => {
+		x.set(e.source, (x.get(e.source) ?? 0) + 1), x.set(e.target, (x.get(e.target) ?? 0) + 1);
+	});
+	let S = v ? new Set(u.filter((e) => e.source === v || e.target === v).flatMap((e) => [e.source, e.target])) : null;
+	return /* @__PURE__ */ c("div", {
+		...m,
+		className: `select-chart-wrap${p ? " " + p : ""}`,
+		ref: h,
+		children: [g > 0 && /* @__PURE__ */ c("svg", {
+			width: g,
+			height: d,
+			className: "select-chart",
+			onMouseLeave: () => {
+				y(null), _.hide();
+			},
+			children: [u.map((e, t) => {
+				let n = b.get(e.source), r = b.get(e.target);
+				if (!n || !r) return null;
+				let i = !v || e.source === v || e.target === v;
+				return /* @__PURE__ */ s("line", {
+					x1: n.x,
+					y1: n.y,
+					x2: r.x,
+					y2: r.y,
+					className: "select-net__link",
+					strokeWidth: Math.max(1, Math.min(4, e.value ?? 1)),
+					style: { opacity: i ? .6 : .12 }
+				}, t);
+			}), l.map((t, n) => {
+				let r = b.get(t.id);
+				if (!r) return null;
+				let i = t.color ?? e(t.group ?? n), a = 5 + Math.min(12, (t.value ?? x.get(t.id) ?? 1) * 1.2), o = !S || S.has(t.id);
+				return /* @__PURE__ */ c("g", {
+					style: { opacity: o ? 1 : .3 },
+					children: [/* @__PURE__ */ s("circle", {
+						cx: r.x,
+						cy: r.y,
+						r: v === t.id ? a + 2 : a,
+						fill: i,
+						className: "select-net__node",
+						onMouseEnter: () => {
+							y(t.id), _.show({
+								x: r.x,
+								y: r.y - a - 4,
+								place: r.y < 48 ? "bottom" : "top",
+								title: t.label ?? t.id,
+								rows: t.value == null ? [{
+									label: "Conexões",
+									value: String(x.get(t.id) ?? 0),
+									color: i
+								}] : [{
+									label: "Valor",
+									value: f(t.value),
+									color: i
+								}]
+							});
+						},
+						onMouseLeave: () => {
+							y(null), _.hide();
+						}
+					}), (v === t.id || a >= 9) && /* @__PURE__ */ s("text", {
+						x: r.x,
+						y: r.y - a - 6,
+						className: "select-chart__xlabel",
+						textAnchor: "middle",
+						children: t.label ?? t.id
+					})]
+				}, t.id);
+			})]
+		}), /* @__PURE__ */ s(r, { tip: _.tip })]
+	});
+}
+//#endregion
+export { l as SelectNetwork };
+
+//# sourceMappingURL=SelectNetwork.js.map

package/dist/SelectNote.js

@@ -0,0 +1,26 @@
+import { InfoIcon as e, WarningIcon as t } from "./icons.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/SelectNote.tsx
+var a = n(function({ children: n, tone: a = "neutral", hideIcon: o = !1, icon: s, title: c, className: l, ...u }, d) {
+	let f = s ?? r(a === "warning" || a === "critical" ? t : e, {});
+	return /* @__PURE__ */ i("div", {
+		ref: d,
+		...u,
+		className: `select-note select-note--${a}${l ? " " + l : ""}`,
+		children: [!o && /* @__PURE__ */ r("span", {
+			className: "select-note__icon",
+			children: f
+		}), /* @__PURE__ */ i("span", {
+			className: "select-note__body",
+			children: [c != null && /* @__PURE__ */ r("span", {
+				className: "select-note__title",
+				children: c
+			}), n]
+		})]
+	});
+});
+//#endregion
+export { a as SelectNote };
+
+//# sourceMappingURL=SelectNote.js.map

package/dist/SelectNumberField.js

@@ -0,0 +1,87 @@
+/* empty css           */
+import { PlusIcon as e } from "./icons.js";
+import { SelectLabelRow as t } from "./SelectField.js";
+import { SelectIconButton as n } from "./SelectIconButton.js";
+import { forwardRef as r, useId as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/SelectNumberField.tsx
+var c = r(function({ label: r, value: c, onChange: l, min: u, max: d, step: f = 1, decimal: p = !1, disabled: m = !1, hint: h, error: g, onBlur: _, placeholder: v, size: y = "md", ariaLabel: b, className: x, ...S }, C) {
+	let w = i(), T = g ? `${w}-err` : h ? `${w}-hint` : void 0, E = (e) => Math.min(d ?? Infinity, Math.max(u ?? -Infinity, e)), D = (e) => Math.round(e * 1e6) / 1e6, O = c ?? 0, k = u != null && O <= u, A = d != null && O >= d, [j, M] = a(!1), [N, P] = a(""), F = p && j ? N : c == null ? "" : String(c), I = (e) => {
+		let t = p ? e.replace(/[^\d.,-]/g, "").replace(",", ".") : e.replace(/[^\d-]/g, "");
+		if (p && P(t), t === "" || t === "-" || t === ".") return l(null);
+		let n = Number(t);
+		Number.isFinite(n) && l(E(n));
+	}, L = (e) => {
+		let t = E(D(O + e));
+		p && P(String(t)), l(t);
+	};
+	return /* @__PURE__ */ s("div", {
+		ref: C,
+		...S,
+		className: `select-field${y === "sm" ? " select-field--sm" : ""}${x ? " " + x : ""}`,
+		children: [
+			r && /* @__PURE__ */ o(t, {
+				htmlFor: w,
+				label: r
+			}),
+			/* @__PURE__ */ s("div", {
+				className: "select-numfield",
+				children: [
+					/* @__PURE__ */ o(n, {
+						variant: "outline",
+						size: y,
+						icon: /* @__PURE__ */ o("span", {
+							"aria-hidden": "true",
+							className: "select-numfield__minus",
+							children: "−"
+						}),
+						label: "Diminuir",
+						disabled: m || k,
+						onClick: () => L(-f)
+					}),
+					/* @__PURE__ */ o("input", {
+						id: w,
+						className: `select-input select-numfield__input${g ? " select-input--error" : ""}`,
+						type: "text",
+						inputMode: p ? "decimal" : "numeric",
+						autoComplete: "off",
+						disabled: m,
+						placeholder: v,
+						value: F,
+						onChange: (e) => I(e.target.value),
+						onFocus: () => {
+							M(!0), P(c == null ? "" : String(c));
+						},
+						onBlur: () => {
+							M(!1), _ == null || _();
+						},
+						"aria-invalid": g ? !0 : void 0,
+						"aria-describedby": T,
+						"aria-label": r ? void 0 : b
+					}),
+					/* @__PURE__ */ o(n, {
+						variant: "outline",
+						size: y,
+						icon: /* @__PURE__ */ o(e, {}),
+						label: "Aumentar",
+						disabled: m || A,
+						onClick: () => L(f)
+					})
+				]
+			}),
+			g ? /* @__PURE__ */ o("p", {
+				id: `${w}-err`,
+				className: "select-field__error",
+				children: g
+			}) : h ? /* @__PURE__ */ o("p", {
+				id: `${w}-hint`,
+				className: "select-field__hint",
+				children: h
+			}) : null
+		]
+	});
+});
+//#endregion
+export { c as SelectNumberField };
+
+//# sourceMappingURL=SelectNumberField.js.map

package/dist/SelectNumberedList.js

@@ -0,0 +1,30 @@
+/* empty css           */
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/SelectNumberedList.tsx
+function n({ children: t, className: n, ...r }) {
+	return /* @__PURE__ */ e("ol", {
+		...r,
+		className: `select-numlist${n ? " " + n : ""}`,
+		children: t
+	});
+}
+function r({ title: n, children: r, className: i, ...a }) {
+	return /* @__PURE__ */ e("li", {
+		...a,
+		className: `select-numlist__item${i ? " " + i : ""}`,
+		children: /* @__PURE__ */ t("div", {
+			className: "select-numlist__body",
+			children: [n != null && /* @__PURE__ */ e("div", {
+				className: "select-numlist__title",
+				children: n
+			}), r != null && /* @__PURE__ */ e("div", {
+				className: "select-numlist__text",
+				children: r
+			})]
+		})
+	});
+}
+//#endregion
+export { r as SelectNumberedItem, n as SelectNumberedList };
+
+//# sourceMappingURL=SelectNumberedList.js.map