@suribef/suri-ui 0.1.0

package/dist/suri-ui.js

@@ -0,0 +1,612 @@
+import { forwardRef as e, useCallback as t, useEffect as n, useId as r, useRef as i } from "react";
+//#region \0rolldown/runtime.js
+var a = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), o = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+//#region src/utils/cn.ts
+function s(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var c = {
+	button: "_button_1cyfq_1",
+	primary: "_primary_1cyfq_27",
+	secondary: "_secondary_1cyfq_28",
+	ghost: "_ghost_1cyfq_29",
+	danger: "_danger_1cyfq_30",
+	sm: "_sm_1cyfq_37",
+	md: "_md_1cyfq_38",
+	lg: "_lg_1cyfq_39",
+	fullWidth: "_fullWidth_1cyfq_41",
+	loading: "_loading_1cyfq_42",
+	spinner: "_spinner_1cyfq_44",
+	spin: "_spin_1cyfq_44",
+	icon: "_icon_1cyfq_56"
+}, l = /* @__PURE__ */ a(((e) => {
+	var t = Symbol.for("react.transitional.element"), n = Symbol.for("react.fragment");
+	function r(e, n, r) {
+		var i = null;
+		if (r !== void 0 && (i = "" + r), n.key !== void 0 && (i = "" + n.key), "key" in n) for (var a in r = {}, n) a !== "key" && (r[a] = n[a]);
+		else r = n;
+		return n = r.ref, {
+			$$typeof: t,
+			type: e,
+			key: i,
+			ref: n === void 0 ? null : n,
+			props: r
+		};
+	}
+	e.Fragment = n, e.jsx = r, e.jsxs = r;
+})), u = /* @__PURE__ */ a(((e) => {
+	process.env.NODE_ENV !== "production" && (function() {
+		function t(e) {
+			if (e == null) return null;
+			if (typeof e == "function") return e.$$typeof === k ? null : e.displayName || e.name || null;
+			if (typeof e == "string") return e;
+			switch (e) {
+				case v: return "Fragment";
+				case b: return "Profiler";
+				case y: return "StrictMode";
+				case w: return "Suspense";
+				case T: return "SuspenseList";
+				case O: return "Activity";
+			}
+			if (typeof e == "object") switch (typeof e.tag == "number" && console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), e.$$typeof) {
+				case _: return "Portal";
+				case S: return e.displayName || "Context";
+				case x: return (e._context.displayName || "Context") + ".Consumer";
+				case C:
+					var n = e.render;
+					return e = e.displayName, e ||= (e = n.displayName || n.name || "", e === "" ? "ForwardRef" : "ForwardRef(" + e + ")"), e;
+				case E: return n = e.displayName || null, n === null ? t(e.type) || "Memo" : n;
+				case D:
+					n = e._payload, e = e._init;
+					try {
+						return t(e(n));
+					} catch {}
+			}
+			return null;
+		}
+		function n(e) {
+			return "" + e;
+		}
+		function r(e) {
+			try {
+				n(e);
+				var t = !1;
+			} catch {
+				t = !0;
+			}
+			if (t) {
+				t = console;
+				var r = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+				return r.call(t, "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.", i), n(e);
+			}
+		}
+		function i(e) {
+			if (e === v) return "<>";
+			if (typeof e == "object" && e && e.$$typeof === D) return "<...>";
+			try {
+				var n = t(e);
+				return n ? "<" + n + ">" : "<...>";
+			} catch {
+				return "<...>";
+			}
+		}
+		function a() {
+			var e = A.A;
+			return e === null ? null : e.getOwner();
+		}
+		function s() {
+			return Error("react-stack-top-frame");
+		}
+		function c(e) {
+			if (j.call(e, "key")) {
+				var t = Object.getOwnPropertyDescriptor(e, "key").get;
+				if (t && t.isReactWarning) return !1;
+			}
+			return e.key !== void 0;
+		}
+		function l(e, t) {
+			function n() {
+				P || (P = !0, console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)", t));
+			}
+			n.isReactWarning = !0, Object.defineProperty(e, "key", {
+				get: n,
+				configurable: !0
+			});
+		}
+		function u() {
+			var e = t(this.type);
+			return F[e] || (F[e] = !0, console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")), e = this.props.ref, e === void 0 ? null : e;
+		}
+		function d(e, t, n, r, i, a) {
+			var o = n.ref;
+			return e = {
+				$$typeof: g,
+				type: e,
+				key: t,
+				props: n,
+				_owner: r
+			}, (o === void 0 ? null : o) === null ? Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				value: null
+			}) : Object.defineProperty(e, "ref", {
+				enumerable: !1,
+				get: u
+			}), e._store = {}, Object.defineProperty(e._store, "validated", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: 0
+			}), Object.defineProperty(e, "_debugInfo", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: null
+			}), Object.defineProperty(e, "_debugStack", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: i
+			}), Object.defineProperty(e, "_debugTask", {
+				configurable: !1,
+				enumerable: !1,
+				writable: !0,
+				value: a
+			}), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+		}
+		function f(e, n, i, o, s, u) {
+			var f = n.children;
+			if (f !== void 0) if (o) if (M(f)) {
+				for (o = 0; o < f.length; o++) p(f[o]);
+				Object.freeze && Object.freeze(f);
+			} else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+			else p(f);
+			if (j.call(n, "key")) {
+				f = t(e);
+				var m = Object.keys(n).filter(function(e) {
+					return e !== "key";
+				});
+				o = 0 < m.length ? "{key: someKey, " + m.join(": ..., ") + ": ...}" : "{key: someKey}", R[f + o] || (m = 0 < m.length ? "{" + m.join(": ..., ") + ": ...}" : "{}", console.error("A props object containing a \"key\" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />", o, f, m, f), R[f + o] = !0);
+			}
+			if (f = null, i !== void 0 && (r(i), f = "" + i), c(n) && (r(n.key), f = "" + n.key), "key" in n) for (var h in i = {}, n) h !== "key" && (i[h] = n[h]);
+			else i = n;
+			return f && l(i, typeof e == "function" ? e.displayName || e.name || "Unknown" : e), d(e, f, i, a(), s, u);
+		}
+		function p(e) {
+			m(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e && e.$$typeof === D && (e._payload.status === "fulfilled" ? m(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+		}
+		function m(e) {
+			return typeof e == "object" && !!e && e.$$typeof === g;
+		}
+		var h = o("react"), g = Symbol.for("react.transitional.element"), _ = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), b = Symbol.for("react.profiler"), x = Symbol.for("react.consumer"), S = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), T = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), k = Symbol.for("react.client.reference"), A = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, M = Array.isArray, N = console.createTask ? console.createTask : function() {
+			return null;
+		};
+		h = { react_stack_bottom_frame: function(e) {
+			return e();
+		} };
+		var P, F = {}, I = h.react_stack_bottom_frame.bind(h, s)(), L = N(i(s)), R = {};
+		e.Fragment = v, e.jsx = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !1, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
+		}, e.jsxs = function(e, t, n) {
+			var r = 1e4 > A.recentlyCreatedOwnerStacks++;
+			return f(e, t, n, !0, r ? Error("react-stack-top-frame") : I, r ? N(i(e)) : L);
+		};
+	})();
+})), d = (/* @__PURE__ */ a(((e, t) => {
+	process.env.NODE_ENV === "production" ? t.exports = l() : t.exports = u();
+})))(), f = e(({ variant: e = "primary", size: t = "md", loading: n = !1, leftIcon: r, rightIcon: i, fullWidth: a = !1, disabled: o, children: l, className: u, onClick: f, tabIndex: p, ...m }, h) => /* @__PURE__ */ (0, d.jsxs)("button", {
+	ref: h,
+	className: s(c.button, c[e], c[t], a && c.fullWidth, n && c.loading, u),
+	disabled: o,
+	"aria-disabled": n || void 0,
+	"aria-busy": n || void 0,
+	tabIndex: n ? -1 : p,
+	"data-fullwidth": a || void 0,
+	"data-loading": n || void 0,
+	onClick: (e) => {
+		if (n) {
+			e.preventDefault();
+			return;
+		}
+		f?.(e);
+	},
+	...m,
+	children: [
+		n && /* @__PURE__ */ (0, d.jsx)("span", {
+			className: c.spinner,
+			"aria-hidden": "true"
+		}),
+		!n && r && /* @__PURE__ */ (0, d.jsx)("span", {
+			className: c.icon,
+			children: r
+		}),
+		/* @__PURE__ */ (0, d.jsx)("span", { children: l }),
+		!n && i && /* @__PURE__ */ (0, d.jsx)("span", {
+			className: c.icon,
+			children: i
+		})
+	]
+}));
+f.displayName = "Button";
+var p = {
+	badge: "_badge_1di7z_1",
+	sm: "_sm_1di7z_13",
+	md: "_md_1di7z_14",
+	dot: "_dot_1di7z_17",
+	default: "_default_1di7z_26",
+	success: "_success_1di7z_27",
+	warning: "_warning_1di7z_28",
+	danger: "_danger_1di7z_29",
+	info: "_info_1di7z_30"
+};
+//#endregion
+//#region src/components/Badge/Badge.tsx
+function m({ variant: e = "default", size: t = "md", dot: n = !1, children: r, className: i, ...a }) {
+	return process.env.NODE_ENV !== "production" && n && !a["aria-label"] && console.warn("[SuriUI Badge] El modo dot requiere aria-label para accesibilidad. Ejemplo: <Badge dot aria-label=\"3 notificaciones\" />"), /* @__PURE__ */ (0, d.jsx)("span", {
+		className: s(p.badge, p[e], p[t], n && p.dot, i),
+		"data-dot": n || void 0,
+		...a,
+		children: !n && r
+	});
+}
+m.displayName = "Badge";
+var h = {
+	spinner: "_spinner_b9met_1",
+	sm: "_sm_b9met_10",
+	md: "_md_b9met_11",
+	lg: "_lg_b9met_12",
+	svg: "_svg_b9met_15",
+	spin: "_spin_b9met_1",
+	track: "_track_b9met_22",
+	head: "_head_b9met_28"
+};
+//#endregion
+//#region src/components/Spinner/Spinner.tsx
+function g({ size: e = "md", label: t = "Cargando...", "aria-live": n = "polite", className: r, ...i }) {
+	return /* @__PURE__ */ (0, d.jsxs)("span", {
+		role: "status",
+		"aria-live": n,
+		className: s(h.spinner, h[e], r),
+		...i,
+		children: [/* @__PURE__ */ (0, d.jsxs)("svg", {
+			className: h.svg,
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			"aria-hidden": "true",
+			focusable: "false",
+			children: [/* @__PURE__ */ (0, d.jsx)("circle", {
+				className: h.track,
+				cx: "12",
+				cy: "12",
+				r: "10",
+				strokeWidth: "3"
+			}), /* @__PURE__ */ (0, d.jsx)("path", {
+				className: h.head,
+				d: "M12 2a10 10 0 0 1 10 10",
+				strokeWidth: "3",
+				strokeLinecap: "round"
+			})]
+		}), /* @__PURE__ */ (0, d.jsx)("span", {
+			className: "sui-sr-only",
+			children: t
+		})]
+	});
+}
+g.displayName = "Spinner";
+var _ = {
+	wrapper: "_wrapper_1cd3d_1",
+	fullWidth: "_fullWidth_1cd3d_7",
+	label: "_label_1cd3d_12",
+	required: "_required_1cd3d_20",
+	input: "_input_1cd3d_25",
+	inputError: "_inputError_1cd3d_51",
+	disabled: "_disabled_1cd3d_68",
+	description: "_description_1cd3d_74",
+	descriptionHelper: "_descriptionHelper_1cd3d_80",
+	descriptionError: "_descriptionError_1cd3d_84"
+}, v = e(({ label: e, helperText: t, error: n, fullWidth: i = !1, disabled: a, required: o, id: c, className: l, ...u }, f) => {
+	let p = r(), m = c ?? p, h = `${m}-description`, g = n || t || void 0;
+	return /* @__PURE__ */ (0, d.jsxs)("div", {
+		className: s(_.wrapper, i && _.fullWidth, a && _.disabled),
+		"data-fullwidth": i || void 0,
+		"data-error": !!n || void 0,
+		"data-disabled": a || void 0,
+		children: [
+			e && /* @__PURE__ */ (0, d.jsxs)("label", {
+				htmlFor: m,
+				className: _.label,
+				children: [e, o && /* @__PURE__ */ (0, d.jsxs)("span", {
+					"aria-hidden": "true",
+					className: _.required,
+					children: [" ", "*"]
+				})]
+			}),
+			/* @__PURE__ */ (0, d.jsx)("input", {
+				ref: f,
+				id: m,
+				className: s(_.input, n && _.inputError, l),
+				disabled: a,
+				required: o,
+				"aria-required": o || void 0,
+				"aria-invalid": !!n || void 0,
+				"aria-describedby": h,
+				...u
+			}),
+			/* @__PURE__ */ (0, d.jsx)("span", {
+				id: h,
+				className: s(_.description, n ? _.descriptionError : _.descriptionHelper),
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: g
+			})
+		]
+	});
+});
+v.displayName = "Input";
+var y = {
+	card: "_card_l6w6d_4",
+	bordered: "_bordered_l6w6d_15",
+	fullWidth: "_fullWidth_l6w6d_19",
+	"shadow-sm": "_shadow-sm_l6w6d_24",
+	"shadow-md": "_shadow-md_l6w6d_25",
+	"shadow-lg": "_shadow-lg_l6w6d_26",
+	header: "_header_l6w6d_29",
+	headerDivided: "_headerDivided_l6w6d_33",
+	body: "_body_l6w6d_37",
+	footer: "_footer_l6w6d_41",
+	footerDivided: "_footerDivided_l6w6d_45"
+}, b = e(({ as: e = "div", shadow: t = "sm", bordered: n = !0, fullWidth: r = !1, className: i, children: a, ...o }, c) => /* @__PURE__ */ (0, d.jsx)(e, {
+	ref: c,
+	className: s(y.card, t !== "none" && y[`shadow-${t}`], n && y.bordered, r && y.fullWidth, i),
+	"data-shadow": t,
+	"data-bordered": n || void 0,
+	"data-fullwidth": r || void 0,
+	...o,
+	children: a
+}));
+b.displayName = "Card";
+function x({ divided: e = !1, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ (0, d.jsx)("div", {
+		className: s(y.header, e && y.headerDivided, t),
+		"data-divided": e || void 0,
+		...r,
+		children: n
+	});
+}
+x.displayName = "Card.Header";
+function S({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ (0, d.jsx)("div", {
+		className: s(y.body, e),
+		...n,
+		children: t
+	});
+}
+S.displayName = "Card.Body";
+function C({ divided: e = !1, className: t, children: n, ...r }) {
+	return /* @__PURE__ */ (0, d.jsx)("div", {
+		className: s(y.footer, e && y.footerDivided, t),
+		"data-divided": e || void 0,
+		...r,
+		children: n
+	});
+}
+C.displayName = "Card.Footer";
+var w = b;
+w.Header = x, w.Body = S, w.Footer = C;
+var T = {
+	stack: "_stack_2ervp_1",
+	"direction-column": "_direction-column_2ervp_8",
+	"direction-row": "_direction-row_2ervp_9",
+	"direction-row-reverse": "_direction-row-reverse_2ervp_10",
+	"direction-column-reverse": "_direction-column-reverse_2ervp_11",
+	"align-start": "_align-start_2ervp_14",
+	"align-center": "_align-center_2ervp_15",
+	"align-end": "_align-end_2ervp_16",
+	"align-stretch": "_align-stretch_2ervp_17",
+	"align-baseline": "_align-baseline_2ervp_18",
+	"justify-start": "_justify-start_2ervp_21",
+	"justify-center": "_justify-center_2ervp_22",
+	"justify-end": "_justify-end_2ervp_23",
+	"justify-between": "_justify-between_2ervp_24",
+	"justify-around": "_justify-around_2ervp_25",
+	"justify-evenly": "_justify-evenly_2ervp_26",
+	wrap: "_wrap_2ervp_29",
+	fullWidth: "_fullWidth_2ervp_30",
+	fullHeight: "_fullHeight_2ervp_31"
+}, E = e(({ as: e = "div", direction: t = "column", gap: n = 4, align: r, justify: i, wrap: a = !1, fullWidth: o = !1, fullHeight: c = !1, className: l, style: u, children: f, ...p }, m) => {
+	let h = e, g = `var(--sui-space-${n})`;
+	return /* @__PURE__ */ (0, d.jsx)(h, {
+		ref: m,
+		className: s(T.stack, T[`direction-${t}`], r && T[`align-${r}`], i && T[`justify-${i}`], a && T.wrap, o && T.fullWidth, c && T.fullHeight, l),
+		style: {
+			"--sui-stack-gap": g,
+			...u
+		},
+		"data-direction": t,
+		"data-fullwidth": o || void 0,
+		"data-fullheight": c || void 0,
+		...p,
+		children: f
+	});
+});
+E.displayName = "Stack";
+var D = {
+	divider: "_divider_a98c6_1",
+	horizontal: "_horizontal_a98c6_7",
+	vertical: "_vertical_a98c6_13"
+};
+//#endregion
+//#region src/components/Divider/Divider.tsx
+function O({ decorative: e = !1, orientation: t = "horizontal", label: n, className: r, ...i }) {
+	let a = t === "vertical";
+	return e ? /* @__PURE__ */ (0, d.jsx)("div", {
+		"aria-hidden": "true",
+		className: s(D.divider, a ? D.vertical : D.horizontal, r),
+		"data-orientation": t,
+		"data-decorative": "true",
+		...i
+	}) : /* @__PURE__ */ (0, d.jsx)("hr", {
+		role: a ? "separator" : void 0,
+		"aria-orientation": a ? "vertical" : void 0,
+		"aria-label": n,
+		className: s(D.divider, a ? D.vertical : D.horizontal, r),
+		"data-orientation": t,
+		...i
+	});
+}
+O.displayName = "Divider";
+//#endregion
+//#region src/utils/useCombinedRef.ts
+function k(...e) {
+	return t((t) => {
+		e.forEach((e) => {
+			e && (typeof e == "function" ? e(t) : e.current = t);
+		});
+	}, e);
+}
+var A = {
+	wrapper: "_wrapper_48l1v_1",
+	fullWidth: "_fullWidth_48l1v_7",
+	label: "_label_48l1v_10",
+	required: "_required_48l1v_18",
+	textarea: "_textarea_48l1v_21",
+	"resize-none": "_resize-none_48l1v_47",
+	"resize-vertical": "_resize-vertical_48l1v_48",
+	"resize-horizontal": "_resize-horizontal_48l1v_49",
+	"resize-both": "_resize-both_48l1v_50",
+	autoResize: "_autoResize_48l1v_54",
+	textareaError: "_textareaError_48l1v_60",
+	disabled: "_disabled_48l1v_77",
+	description: "_description_48l1v_83",
+	descriptionHelper: "_descriptionHelper_48l1v_91",
+	descriptionError: "_descriptionError_48l1v_92"
+}, j = e(({ label: e, helperText: t, error: a, fullWidth: o = !1, resize: c = "vertical", autoResize: l = !1, disabled: u, required: f, id: p, rows: m = 3, value: h, className: g, onChange: _, ...v }, y) => {
+	let b = r(), x = p ?? b, S = `${x}-description`, C = a || t || void 0, w = i(null), T = k(w, y);
+	return n(() => {
+		if (!l || !w.current) return;
+		let e = w.current;
+		e.style.height = "auto", e.style.height = `${e.scrollHeight}px`;
+	}, [l, h]), /* @__PURE__ */ (0, d.jsxs)("div", {
+		className: s(A.wrapper, o && A.fullWidth, u && A.disabled),
+		"data-fullwidth": o || void 0,
+		"data-error": !!a || void 0,
+		"data-disabled": u || void 0,
+		children: [
+			e && /* @__PURE__ */ (0, d.jsxs)("label", {
+				htmlFor: x,
+				className: A.label,
+				children: [e, f && /* @__PURE__ */ (0, d.jsxs)("span", {
+					"aria-hidden": "true",
+					className: A.required,
+					children: [" ", "*"]
+				})]
+			}),
+			/* @__PURE__ */ (0, d.jsx)("textarea", {
+				ref: T,
+				id: x,
+				rows: m,
+				value: h,
+				className: s(A.textarea, A[`resize-${c}`], l && A.autoResize, a && A.textareaError, g),
+				disabled: u,
+				required: f,
+				"aria-required": f || void 0,
+				"aria-invalid": !!a || void 0,
+				"aria-describedby": S,
+				onChange: _,
+				...v
+			}),
+			/* @__PURE__ */ (0, d.jsx)("span", {
+				id: S,
+				className: s(A.description, a ? A.descriptionError : A.descriptionHelper),
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: C
+			})
+		]
+	});
+});
+j.displayName = "Textarea";
+var M = {
+	wrapper: "_wrapper_1ny9q_1",
+	fullWidth: "_fullWidth_1ny9q_7",
+	label: "_label_1ny9q_10",
+	required: "_required_1ny9q_18",
+	selectWrapper: "_selectWrapper_1ny9q_21",
+	select: "_select_1ny9q_21",
+	selectError: "_selectError_1ny9q_57",
+	disabled: "_disabled_1ny9q_74",
+	description: "_description_1ny9q_80",
+	descriptionHelper: "_descriptionHelper_1ny9q_88",
+	descriptionError: "_descriptionError_1ny9q_89"
+};
+//#endregion
+//#region src/components/Select/Select.tsx
+function N(e) {
+	return "group" in e;
+}
+var P = e(({ options: e, label: t, placeholder: n, helperText: i, error: a, fullWidth: o = !1, disabled: c, required: l, id: u, className: f, ...p }, m) => {
+	let h = r(), g = u ?? h, _ = `${g}-description`, v = a || i || void 0;
+	return /* @__PURE__ */ (0, d.jsxs)("div", {
+		className: s(M.wrapper, o && M.fullWidth, c && M.disabled),
+		"data-fullwidth": o || void 0,
+		"data-error": !!a || void 0,
+		"data-disabled": c || void 0,
+		children: [
+			t && /* @__PURE__ */ (0, d.jsxs)("label", {
+				htmlFor: g,
+				className: M.label,
+				children: [t, l && /* @__PURE__ */ (0, d.jsxs)("span", {
+					"aria-hidden": "true",
+					className: M.required,
+					children: [" ", "*"]
+				})]
+			}),
+			/* @__PURE__ */ (0, d.jsx)("div", {
+				className: M.selectWrapper,
+				children: /* @__PURE__ */ (0, d.jsxs)("select", {
+					ref: m,
+					id: g,
+					className: s(M.select, a && M.selectError, f),
+					disabled: c,
+					required: l,
+					"aria-required": l || void 0,
+					"aria-invalid": !!a || void 0,
+					"aria-describedby": _,
+					...p,
+					children: [n && /* @__PURE__ */ (0, d.jsx)("option", {
+						value: "",
+						disabled: !0,
+						hidden: !0,
+						children: n
+					}), e.map((e) => N(e) ? /* @__PURE__ */ (0, d.jsx)("optgroup", {
+						label: e.group,
+						children: e.options.map((e) => /* @__PURE__ */ (0, d.jsx)("option", {
+							value: e.value,
+							disabled: e.disabled,
+							children: e.label
+						}, e.value))
+					}, e.group) : /* @__PURE__ */ (0, d.jsx)("option", {
+						value: e.value,
+						disabled: e.disabled,
+						children: e.label
+					}, e.value))]
+				})
+			}),
+			/* @__PURE__ */ (0, d.jsx)("span", {
+				id: _,
+				className: s(M.description, a ? M.descriptionError : M.descriptionHelper),
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: v
+			})
+		]
+	});
+});
+P.displayName = "Select";
+//#endregion
+export { m as Badge, f as Button, w as Card, S as CardBody, C as CardFooter, x as CardHeader, O as Divider, v as Input, P as Select, g as Spinner, E as Stack, j as Textarea, k as useCombinedRef };

package/dist/utils/cn.d.ts

@@ -0,0 +1 @@
+export declare function cn(...classes: (string | undefined | false | null)[]): string;

package/dist/utils/useCombinedRef.d.ts

@@ -0,0 +1,2 @@
+import { Ref, RefCallback } from 'react';
+export declare function useCombinedRef<T>(...refs: (Ref<T> | null | undefined)[]): RefCallback<T>;