@wire-ui/solid 0.1.0

package/dist/wire-ui-solid.es.js

@@ -0,0 +1,2627 @@
+import { Dynamic as e, Portal as t, addEventListener as n, className as r, createComponent as i, delegateEvents as a, effect as o, insert as s, memo as c, mergeProps as l, setAttribute as u, setStyleProperty as d, spread as f, style as p, template as m, use as h } from "solid-js/web";
+import { For as g, Show as _, children as v, createContext as y, createEffect as b, createMemo as x, createSignal as S, mergeProps as C, onCleanup as w, onMount as T, splitProps as E, useContext as D } from "solid-js";
+//#region src/primitives/create-interactive-state.ts
+function O(e = {}) {
+	let t = C({ disabled: !1 }, e), [n, r] = S(!1), [i, a] = S(!1), [o, s] = S(!1);
+	return {
+		handlers: {
+			onMouseEnter: () => {
+				t.disabled || r(!0);
+			},
+			onMouseLeave: () => {
+				r(!1), s(!1);
+			},
+			onFocus: (e) => {
+				e.currentTarget.matches(":focus-visible") && a(!0);
+			},
+			onBlur: () => {
+				a(!1), s(!1);
+			},
+			onPointerDown: () => {
+				t.disabled || s(!0);
+			},
+			onPointerUp: () => {
+				s(!1);
+			},
+			onKeyDown: (e) => {
+				(e.key === " " || e.key === "Enter") && !t.disabled && s(!0);
+			},
+			onKeyUp: (e) => {
+				(e.key === " " || e.key === "Enter") && s(!1);
+			}
+		},
+		dataAttributes: {
+			get "data-hover"() {
+				return n() ? "" : void 0;
+			},
+			get "data-focus-visible"() {
+				return i() ? "" : void 0;
+			},
+			get "data-active"() {
+				return o() ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return t.disabled ? "" : void 0;
+			}
+		},
+		isHovered: n,
+		isFocusVisible: i,
+		isActive: o
+	};
+}
+//#endregion
+//#region src/utils/merge-props.ts
+function k(e, t) {
+	return new Proxy({}, {
+		get(n, r) {
+			if (typeof r == "symbol") return;
+			let i = e[r], a = t[r];
+			return typeof i == "function" && typeof a == "function" ? (...e) => {
+				i(...e), a(...e);
+			} : a === void 0 ? i : a;
+		},
+		has(n, r) {
+			return typeof r == "symbol" ? !1 : r in e || r in t;
+		},
+		ownKeys() {
+			return [...new Set([...Object.keys(e), ...Object.keys(t)])];
+		},
+		getOwnPropertyDescriptor(n, r) {
+			if (typeof r != "symbol" && (r in e || r in t)) return {
+				enumerable: !0,
+				configurable: !0
+			};
+		}
+	});
+}
+//#endregion
+//#region src/components/accordion/Accordion.tsx
+var A = /* @__PURE__ */ m("<div>"), ee = /* @__PURE__ */ m("<button type=button>"), te = /* @__PURE__ */ m("<div role=region>"), j = y(null), M = y(null);
+function N() {
+	let e = D(j);
+	if (!e) throw Error("Accordion sub-components must be used within Accordion.Root");
+	return e;
+}
+function P() {
+	let e = D(M);
+	if (!e) throw Error("Accordion.Trigger/Content must be used within Accordion.Item");
+	return e;
+}
+function ne(e) {
+	let [t, n] = E(e, [
+		"type",
+		"value",
+		"defaultValue",
+		"onChange",
+		"disabled",
+		"collapsible",
+		"class",
+		"children"
+	]), [r, a] = S((() => {
+		let e = t.defaultValue;
+		return t.type === "single" ? e ? [e] : [] : (e ?? []).slice();
+	})()), o = () => t.value !== void 0, c = () => {
+		if (!o()) return r();
+		let e = t.value;
+		return t.type === "single" ? e ? [e] : [] : e ?? [];
+	};
+	return i(j.Provider, {
+		value: {
+			isOpen: (e) => c().includes(e),
+			toggle: (e) => {
+				let n = c();
+				if (t.type === "single") {
+					let r = !!t.collapsible, i = n[0] === e, s;
+					s = i ? r ? [] : n.length ? [n[0]] : [] : [e], o() || a(s), t.onChange?.(s[0] ?? "");
+				} else {
+					let r = n.includes(e) ? n.filter((t) => t !== e) : [...n, e];
+					o() || a(r), t.onChange?.(r);
+				}
+			},
+			get disabled() {
+				return t.disabled ?? !1;
+			}
+		},
+		get children() {
+			var e = A();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function re(e) {
+	let [t, n] = E(e, [
+		"value",
+		"disabled",
+		"class",
+		"children"
+	]), r = N(), a = () => !!t.disabled || r.disabled, o = () => r.isOpen(t.value);
+	return i(M.Provider, {
+		value: {
+			get value() {
+				return t.value;
+			},
+			get isOpen() {
+				return o();
+			},
+			get disabled() {
+				return a();
+			}
+		},
+		get children() {
+			var e = A();
+			return f(e, l({
+				get class() {
+					return t.class;
+				},
+				get "data-state"() {
+					return o() ? "open" : "closed";
+				},
+				get "data-disabled"() {
+					return a() ? "" : void 0;
+				}
+			}, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function ie(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = P(), i = N(), a = O({ get disabled() {
+		return r.disabled;
+	} }), o = k(n, a.handlers), c = (e) => {
+		i.toggle(r.value);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = ee();
+		return f(e, l({
+			get disabled() {
+				return r.disabled;
+			},
+			get "aria-expanded"() {
+				return r.isOpen;
+			},
+			get "data-state"() {
+				return r.isOpen ? "open" : "closed";
+			},
+			get "data-disabled"() {
+				return r.disabled ? "" : void 0;
+			},
+			get class() {
+				return t.class;
+			}
+		}, () => a.dataAttributes, o, { onClick: c }), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function ae(e) {
+	let [t, n] = E(e, [
+		"forceMount",
+		"class",
+		"children"
+	]), r = P();
+	return i(_, {
+		get when() {
+			return r.isOpen || t.forceMount;
+		},
+		get children() {
+			var e = te();
+			return f(e, l({
+				get hidden() {
+					return t.forceMount && !r.isOpen ? !0 : void 0;
+				},
+				get class() {
+					return t.class;
+				},
+				get "data-state"() {
+					return r.isOpen ? "open" : "closed";
+				}
+			}, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+var oe = {
+	Root: ne,
+	Item: re,
+	Trigger: ie,
+	Content: ae
+}, se = /* @__PURE__ */ m("<div role=alert>"), ce = /* @__PURE__ */ m("<p data-part=title>"), le = /* @__PURE__ */ m("<p data-part=description>"), ue = /* @__PURE__ */ m("<button type=button aria-label=Dismiss>"), de = y(null);
+function fe() {
+	let e = D(de);
+	if (!e) throw Error("[wire-ui] Alert sub-components must be used inside <Alert.Root>");
+	return e;
+}
+function pe(e) {
+	let [t, n] = E(e, [
+		"status",
+		"isAutoDismissable",
+		"dismissCountdown",
+		"onDismiss",
+		"children"
+	]), [r, a] = S(!1), o = () => {
+		a(!0), t.onDismiss?.();
+	};
+	b(() => {
+		if (!t.isAutoDismissable) return;
+		let e = setTimeout(o, t.dismissCountdown ?? 3e3);
+		w(() => clearTimeout(e));
+	});
+	let c = {
+		get status() {
+			return t.status;
+		},
+		dismiss: o
+	};
+	return i(_, {
+		get when() {
+			return !r();
+		},
+		get children() {
+			return i(de.Provider, {
+				value: c,
+				get children() {
+					var e = se();
+					return f(e, l({ get "data-status"() {
+						return t.status;
+					} }, n), !1, !0), s(e, () => t.children), e;
+				}
+			});
+		}
+	});
+}
+function me(e) {
+	let [t, n] = E(e, ["children"]);
+	return (() => {
+		var e = ce();
+		return f(e, n, !1, !0), s(e, () => t.children), e;
+	})();
+}
+function he(e) {
+	let [t, n] = E(e, ["children"]);
+	return (() => {
+		var e = le();
+		return f(e, n, !1, !0), s(e, () => t.children), e;
+	})();
+}
+function ge(e) {
+	let [t, n] = E(e, ["children", "onClick"]), r = fe(), i = O(), a = k(n, i.handlers), o = (e) => {
+		r.dismiss();
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = ue();
+		return f(e, l(() => i.dataAttributes, a, { onClick: o }), !1, !0), s(e, () => t.children), e;
+	})();
+}
+var _e = {
+	Root: pe,
+	Title: me,
+	Description: he,
+	Dismiss: ge
+}, ve = /* @__PURE__ */ m("<div>"), ye = /* @__PURE__ */ m("<img>"), be = /* @__PURE__ */ m("<span>"), xe = y(null);
+function Se() {
+	let e = D(xe);
+	if (!e) throw Error("[wire-ui] Avatar sub-components must be used inside <Avatar.Root>");
+	return e;
+}
+function Ce(e) {
+	let [t, n] = E(e, ["children"]), [r, a] = S("loading"), o = {
+		get imageStatus() {
+			return r();
+		},
+		setImageStatus: a
+	};
+	return i(xe.Provider, {
+		value: o,
+		get children() {
+			var e = ve();
+			return f(e, l({ get "data-status"() {
+				return r();
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function we(e) {
+	let [t, n] = E(e, [
+		"src",
+		"onLoad",
+		"onError",
+		"style"
+	]), r = Se();
+	b(() => {
+		t.src ? r.setImageStatus("loading") : r.setImageStatus("error");
+	});
+	let a = () => {
+		let e = r.imageStatus === "loaded" ? {} : { display: "none" }, n = t.style;
+		return typeof n == "string" || !n ? e : {
+			...e,
+			...n
+		};
+	}, o = (e) => {
+		r.setImageStatus("loaded");
+		let n = t.onLoad;
+		typeof n == "function" && n(e);
+	}, s = (e) => {
+		r.setImageStatus("error");
+		let n = t.onError;
+		typeof n == "function" && n(e);
+	};
+	return i(_, {
+		get when() {
+			return t.src;
+		},
+		get children() {
+			var e = ye();
+			return e.addEventListener("error", s), e.addEventListener("load", o), f(e, l({
+				get src() {
+					return t.src;
+				},
+				get "data-status"() {
+					return r.imageStatus;
+				},
+				get style() {
+					return a();
+				}
+			}, n), !1, !1), e;
+		}
+	});
+}
+function Te(e) {
+	let [t, n] = E(e, ["delayMs", "children"]), r = Se(), a = () => t.delayMs ?? 0, [o, l] = S(a() === 0);
+	return b(() => {
+		let e = a();
+		if (e > 0) {
+			let t = setTimeout(() => l(!0), e);
+			w(() => clearTimeout(t));
+		}
+	}), i(_, {
+		get when() {
+			return c(() => r.imageStatus !== "loaded")() && o();
+		},
+		get children() {
+			var e = be();
+			return f(e, n, !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+var Ee = Object.assign(Ce, {
+	Root: Ce,
+	Image: we,
+	Fallback: Te
+}), De = /* @__PURE__ */ m("<span>");
+function Oe(e) {
+	let [t, n] = E(e, ["count", "class"]), r = () => t.count ?? 0, i = () => {
+		let e = r();
+		return e > 0 ? e > 9 ? "9+" : e : 0;
+	};
+	return (() => {
+		var e = De();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-count"() {
+				return r();
+			}
+		}, n), !1, !0), s(e, i), e;
+	})();
+}
+//#endregion
+//#region src/components/button/Button.tsx
+var ke = /* @__PURE__ */ m("<button>");
+function Ae(e) {
+	let [t, n] = E(e, [
+		"asChild",
+		"disabled",
+		"autofocus",
+		"type",
+		"class",
+		"children",
+		"onClick"
+	]), r = O({ get disabled() {
+		return !!t.disabled;
+	} }), i = k(n, r.handlers);
+	if (t.asChild) {
+		let e = v(() => t.children);
+		return b(() => {
+			let n = e();
+			if (!(n instanceof HTMLElement)) return;
+			let i = (e, t) => {
+				t ? n.setAttribute(e, "") : n.removeAttribute(e);
+			};
+			i("data-disabled", !!t.disabled), i("data-autofocus", !!t.autofocus), i("data-hover", r.isHovered()), i("data-focus-visible", r.isFocusVisible()), i("data-active", r.isActive());
+		}), b(() => {
+			let t = e();
+			if (!(t instanceof HTMLElement)) return;
+			let n = () => r.handlers.onMouseEnter(), i = () => r.handlers.onMouseLeave(), a = () => r.handlers.onPointerDown(), o = () => r.handlers.onPointerUp(), s = (e) => r.handlers.onFocus(e), c = () => r.handlers.onBlur(), l = (e) => r.handlers.onKeyDown(e), u = (e) => r.handlers.onKeyUp(e);
+			t.addEventListener("mouseenter", n), t.addEventListener("mouseleave", i), t.addEventListener("pointerdown", a), t.addEventListener("pointerup", o), t.addEventListener("focus", s), t.addEventListener("blur", c), t.addEventListener("keydown", l), t.addEventListener("keyup", u), w(() => {
+				t.removeEventListener("mouseenter", n), t.removeEventListener("mouseleave", i), t.removeEventListener("pointerdown", a), t.removeEventListener("pointerup", o), t.removeEventListener("focus", s), t.removeEventListener("blur", c), t.removeEventListener("keydown", l), t.removeEventListener("keyup", u);
+			});
+		}), e();
+	}
+	let a = (e) => {
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = ke();
+		return f(e, l({
+			get type() {
+				return t.type ?? "button";
+			},
+			get disabled() {
+				return t.disabled;
+			},
+			get autofocus() {
+				return t.autofocus;
+			},
+			get "data-autofocus"() {
+				return t.autofocus ? "" : void 0;
+			},
+			get class() {
+				return t.class;
+			}
+		}, () => r.dataAttributes, i, { onClick: a }), !1, !0), s(e, () => t.children), e;
+	})();
+}
+//#endregion
+//#region src/components/card/Card.tsx
+var je = /* @__PURE__ */ m("<div>");
+function Me(e) {
+	let [t, n] = E(e, [
+		"color",
+		"size",
+		"class",
+		"children"
+	]);
+	return (() => {
+		var e = je();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-color"() {
+				return t.color;
+			},
+			get "data-size"() {
+				return t.size;
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+//#endregion
+//#region src/utils/helper.ts
+var F = { generateUUID() {
+	let e = "abcdefghijklmnopqrstuvwxyz"[Math.floor(Math.random() * 26)], t = (/* @__PURE__ */ new Date()).getTime();
+	return `${e}${Math.random().toString(32).substring(2)}${t}`;
+} }, Ne = /* @__PURE__ */ m("<div role=group>"), Pe = /* @__PURE__ */ m("<div><input type=checkbox style=position:absolute;opacity:0;pointer-events:none;width:0;height:0>"), Fe = /* @__PURE__ */ m("<span data-checked>"), Ie = /* @__PURE__ */ m("<label>"), Le = y(null), Re = y(null);
+function ze() {
+	let e = D(Le);
+	if (!e) throw Error("Checkbox compound components must be used within Checkbox.Root");
+	return e;
+}
+function Be() {
+	let e = D(Re);
+	if (!e) throw Error("Checkbox.Indicator/Label must be used within Checkbox.Item");
+	return e;
+}
+function Ve(e) {
+	let [t, n] = E(e, [
+		"value",
+		"defaultValue",
+		"onChange",
+		"name",
+		"children",
+		"class"
+	]), [r, a] = S(t.defaultValue ?? []), o = () => t.value !== void 0, c = () => o() ? t.value ?? [] : r(), u = x(() => t.name || F.generateUUID());
+	return i(Le.Provider, {
+		value: {
+			get values() {
+				return c();
+			},
+			get name() {
+				return u();
+			},
+			toggle: (e) => {
+				let n = [...c()], r = n.findIndex((t) => String(t) === String(e));
+				r === -1 ? n.push(e) : n.splice(r, 1), o() || a(n), t.onChange?.(n);
+			},
+			isChecked: (e) => c().some((t) => String(t) === String(e))
+		},
+		get children() {
+			var e = Ne();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function He(e) {
+	let [t, r] = E(e, [
+		"value",
+		"disabled",
+		"children",
+		"class",
+		"onClick"
+	]), a = ze(), c = () => a.isChecked(t.value), d = () => !!t.disabled, p = O({ get disabled() {
+		return d();
+	} }), m = {
+		get value() {
+			return t.value;
+		},
+		get disabled() {
+			return d();
+		},
+		get checked() {
+			return c();
+		}
+	}, h = (e) => {
+		d() || a.toggle(t.value);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return i(Re.Provider, {
+		value: m,
+		get children() {
+			var e = Pe(), i = e.firstChild;
+			return f(e, l({
+				get class() {
+					return t.class;
+				},
+				get "data-checked"() {
+					return c() ? "" : void 0;
+				}
+			}, () => p.dataAttributes, {
+				get onMouseEnter() {
+					return p.handlers.onMouseEnter;
+				},
+				get onMouseLeave() {
+					return p.handlers.onMouseLeave;
+				},
+				get onPointerDown() {
+					return p.handlers.onPointerDown;
+				},
+				get onPointerUp() {
+					return p.handlers.onPointerUp;
+				},
+				onClick: h
+			}, r), !1, !0), n(i, "keyup", p.handlers.onKeyUp, !0), n(i, "keydown", p.handlers.onKeyDown, !0), n(i, "blur", p.handlers.onBlur), n(i, "focus", p.handlers.onFocus), i.addEventListener("change", () => a.toggle(t.value)), s(e, () => t.children, null), o((e) => {
+				var t = a.name, n = d();
+				return t !== e.e && u(i, "name", e.e = t), n !== e.t && (i.disabled = e.t = n), e;
+			}, {
+				e: void 0,
+				t: void 0
+			}), o(() => i.value = String(t.value)), o(() => i.checked = c()), e;
+		}
+	});
+}
+function Ue(e) {
+	let [t, n] = E(e, ["children", "class"]), r = Be();
+	return i(_, {
+		get when() {
+			return r.checked;
+		},
+		get children() {
+			var e = Fe();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function We(e) {
+	let [t, n] = E(e, ["children", "class"]), r = Be();
+	return (() => {
+		var e = Ie();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-disabled"() {
+				return r.disabled ? "" : void 0;
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+var Ge = {
+	Root: Ve,
+	Item: He,
+	Indicator: Ue,
+	Label: We
+};
+a(["keydown", "keyup"]);
+//#endregion
+//#region src/components/divider/Divider.tsx
+var Ke = /* @__PURE__ */ m("<div>");
+function qe(e) {
+	let [t, n] = E(e, ["orientation", "decorative"]), r = () => t.orientation ?? "horizontal", i = () => t.decorative ?? !0;
+	return (() => {
+		var e = Ke();
+		return f(e, l({
+			get "data-orientation"() {
+				return r();
+			},
+			get role() {
+				return i() ? "none" : "separator";
+			},
+			get "aria-hidden"() {
+				return i() ? !0 : void 0;
+			},
+			get "aria-orientation"() {
+				return c(() => !i())() ? r() : void 0;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+//#endregion
+//#region src/components/drawer/Drawer.tsx
+var Je = /* @__PURE__ */ m("<div>"), Ye = /* @__PURE__ */ m("<div role=dialog aria-modal=true>"), Xe = /* @__PURE__ */ m("<button type=button>"), Ze = y(null);
+function I() {
+	let e = D(Ze);
+	if (!e) throw Error("Drawer compound components must be used within Drawer.Root");
+	return e;
+}
+function Qe(e) {
+	let [t, n] = S(e.defaultOpen ?? !1), r = () => e.open !== void 0, a = () => r() ? !!e.open : t(), o = (t) => {
+		r() || n(t), e.onOpenChange?.(t);
+	};
+	b(() => {
+		let e = (e) => {
+			e.key === "Escape" && a() && o(!1);
+		};
+		window.addEventListener("keydown", e), w(() => window.removeEventListener("keydown", e));
+	});
+	let s = {
+		get open() {
+			return a();
+		},
+		onOpenChange: o
+	};
+	return i(Ze.Provider, {
+		value: s,
+		get children() {
+			return e.children;
+		}
+	});
+}
+function $e(e) {
+	let n = I();
+	return i(_, {
+		get when() {
+			return n.open;
+		},
+		get children() {
+			return i(t, {
+				get mount() {
+					return e.container;
+				},
+				get children() {
+					return e.children;
+				}
+			});
+		}
+	});
+}
+function et(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = I(), i = (e) => {
+		r.onOpenChange(!1);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = Je();
+		return e.$$click = i, f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-state"() {
+				return r.open ? "open" : "closed";
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function tt(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = I(), i = (e) => {
+		e.stopPropagation();
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = Ye();
+		return e.$$click = i, f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-state"() {
+				return r.open ? "open" : "closed";
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function nt(e) {
+	let [t, n] = E(e, ["children", "class"]);
+	return (() => {
+		var e = Je();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function rt(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = I(), i = O(), a = k(n, i.handlers), o = (e) => {
+		r.onOpenChange(!1);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = Xe();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, () => i.dataAttributes, a, { onClick: o }), !1, !0), s(e, () => t.children), e;
+	})();
+}
+var it = {
+	Root: Qe,
+	Portal: $e,
+	Overlay: et,
+	Content: tt,
+	Header: nt,
+	Close: rt
+};
+a(["click"]);
+//#endregion
+//#region src/primitives/create-click-outside.ts
+function L(e, t) {
+	T(() => {
+		let n = (n) => {
+			let r = e();
+			r && !r.contains(n.target) && t(n);
+		};
+		document.addEventListener("click", n), document.addEventListener("touchstart", n), w(() => {
+			document.removeEventListener("click", n), document.removeEventListener("touchstart", n);
+		});
+	});
+}
+//#endregion
+//#region src/components/dropdown/Dropdown.tsx
+var at = /* @__PURE__ */ m("<div>"), ot = /* @__PURE__ */ m("<button type=button>"), st = /* @__PURE__ */ m("<div role=menu>"), R = y(null);
+function z() {
+	let e = D(R);
+	if (!e) throw Error("Dropdown compound components must be used within Dropdown.Root");
+	return e;
+}
+function ct(e) {
+	let [t, n] = E(e, [
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"children",
+		"class"
+	]), [r, a] = S(t.defaultOpen ?? !1), o = () => t.open !== void 0, c = () => o() ? !!t.open : r(), u = (e) => {
+		o() || a(e), t.onOpenChange?.(e);
+	}, d;
+	L(() => d, () => {
+		c() && u(!1);
+	}), b(() => {
+		let e = (e) => {
+			e.key === "Escape" && c() && u(!1);
+		};
+		window.addEventListener("keyup", e), w(() => window.removeEventListener("keyup", e));
+	});
+	let p = {
+		get open() {
+			return c();
+		},
+		onOpenChange: u
+	};
+	return i(R.Provider, {
+		value: p,
+		get children() {
+			var e = at(), r = d;
+			return typeof r == "function" ? h(r, e) : d = e, f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function lt(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = z(), i = O(), a = k(n, i.handlers), o = (e) => {
+		r.onOpenChange(!r.open);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = ot();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "aria-expanded"() {
+				return r.open;
+			},
+			get "data-state"() {
+				return r.open ? "open" : "closed";
+			}
+		}, () => i.dataAttributes, a, { onClick: o }), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function ut(e) {
+	let [t, n] = E(e, [
+		"position",
+		"children",
+		"class"
+	]), r = z();
+	return i(_, {
+		get when() {
+			return r.open;
+		},
+		get children() {
+			var e = st();
+			return f(e, l({
+				get class() {
+					return t.class;
+				},
+				get "data-state"() {
+					return r.open ? "open" : "closed";
+				},
+				get "data-position"() {
+					return t.position;
+				}
+			}, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+var dt = {
+	Root: ct,
+	Trigger: lt,
+	Menu: ut
+}, ft = /* @__PURE__ */ m("<svg role=img>");
+function pt(e) {
+	return {
+		viewBox: e.match(/viewBox="([^"]+)"/i)?.[1] ?? "0 0 24 24",
+		content: e.replace(/^[\s\S]*?<svg[^>]*>/i, "").replace(/<\/svg>\s*$/i, "")
+	};
+}
+function mt(e) {
+	let [t, n] = E(e, [
+		"type",
+		"size",
+		"label",
+		"icons",
+		"class"
+	]), r = () => t.icons?.[t.type], a = () => {
+		let e = r();
+		return e ? pt(e) : null;
+	}, o = () => !t.label;
+	return i(_, {
+		get when() {
+			return a();
+		},
+		children: (e) => (() => {
+			var r = ft();
+			return f(r, l({
+				get class() {
+					return t.class;
+				},
+				get viewBox() {
+					return e().viewBox;
+				},
+				get "aria-label"() {
+					return t.label;
+				},
+				get "aria-hidden"() {
+					return o() ? "true" : void 0;
+				}
+			}, { focusable: "false" }, {
+				get "data-name"() {
+					return t.type;
+				},
+				get "data-size"() {
+					return t.size;
+				},
+				get innerHTML() {
+					return e().content;
+				}
+			}, n), !0, !1), r;
+		})()
+	});
+}
+//#endregion
+//#region src/components/icon/Icon.types.ts
+var ht = /* @__PURE__ */ "alert.arrow-down.arrow-left.arrow-right.attachment.audio-file.bullet-points.call-end.call-ingoing.call.caret-down.chat-bubble.chat-widget.close-circle.csv-file.doc-file.double-chevron-down.edit.emoji.envelope.export.filter-funnel.generic-file.home.menu.message.missed-chat.mute.pdf-file.plus.popout.search.searches.send.share-screen.text-file.thumbs-down.thumbs-up.user.video-call-off.video-call-on.video-file.volume-down.volume-up.warning-triangle.x".split("."), gt = [
+	"xsmall",
+	"small",
+	"medium",
+	"large",
+	"xlarge",
+	"xxlarge"
+], _t = /* @__PURE__ */ m("<div data-part=loader>"), vt = /* @__PURE__ */ m("<div><img data-part=image>");
+function yt(e) {
+	let [t, n] = E(e, [
+		"src",
+		"alt",
+		"position",
+		"onImageLoaded",
+		"class"
+	]), [r, a] = S(!1), c = () => {
+		a(!0), t.onImageLoaded?.();
+	}, d = () => {
+		a(!0), t.onImageLoaded?.();
+	};
+	return (() => {
+		var e = vt(), a = e.firstChild;
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-position"() {
+				return t.position;
+			}
+		}, n), !1, !0), s(e, i(_, {
+			get when() {
+				return !r();
+			},
+			get children() {
+				return _t();
+			}
+		}), a), a.addEventListener("error", d), a.addEventListener("load", c), o((e) => {
+			var n = t.src, i = t.alt, o = r() ? "" : void 0, s = r() ? void 0 : { display: "none" };
+			return n !== e.e && u(a, "src", e.e = n), i !== e.t && u(a, "alt", e.t = i), o !== e.a && u(a, "data-loaded", e.a = o), e.o = p(a, s, e.o), e;
+		}, {
+			e: void 0,
+			t: void 0,
+			a: void 0,
+			o: void 0
+		}), e;
+	})();
+}
+//#endregion
+//#region src/components/input/Input.tsx
+var bt = /* @__PURE__ */ m("<div>"), xt = /* @__PURE__ */ m("<input>"), St = /* @__PURE__ */ m("<span>*"), Ct = /* @__PURE__ */ m("<label>"), wt = /* @__PURE__ */ m("<small role=alert>"), B = y(null);
+function V() {
+	let e = D(B);
+	if (!e) throw Error("Input compound components must be used within Input.Root");
+	return e;
+}
+function Tt(e) {
+	let [t, n] = E(e, [
+		"value",
+		"defaultValue",
+		"onChange",
+		"onFocus",
+		"onBlur",
+		"invalidType",
+		"errorMessage",
+		"isRequired",
+		"isSuccess",
+		"id",
+		"children",
+		"class"
+	]), [r, a] = S(t.defaultValue ?? ""), [o, c] = S(!1), u = () => t.value !== void 0, d = () => u() ? t.value ?? "" : r(), p = x(() => t.id || F.generateUUID());
+	return i(B.Provider, {
+		value: {
+			get value() {
+				return d();
+			},
+			get inputId() {
+				return p();
+			},
+			get isActive() {
+				return o();
+			},
+			get invalidType() {
+				return t.invalidType ?? "";
+			},
+			get isSuccess() {
+				return !!t.isSuccess;
+			},
+			get isRequired() {
+				return !!t.isRequired;
+			},
+			get errorMessage() {
+				return t.errorMessage ?? {};
+			},
+			handleChange: (e) => {
+				u() || a(e), t.onChange?.(e);
+			},
+			handleFocus: () => {
+				c(!0), t.onFocus?.();
+			},
+			handleBlur: () => {
+				c(!1), t.onBlur?.();
+			}
+		},
+		get children() {
+			var e = bt();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function Et(e) {
+	let [t, n] = E(e, ["class"]), r = V();
+	return (() => {
+		var e = xt();
+		return e.$$input = (e) => r.handleChange(e.currentTarget.value), e.addEventListener("blur", () => r.handleBlur()), e.addEventListener("focus", () => r.handleFocus()), f(e, l({
+			get id() {
+				return r.inputId;
+			},
+			get value() {
+				return r.value;
+			},
+			get required() {
+				return r.isRequired;
+			},
+			get class() {
+				return t.class;
+			},
+			get "aria-required"() {
+				return r.isRequired || void 0;
+			},
+			get "aria-invalid"() {
+				return r.invalidType ? !0 : void 0;
+			},
+			get "data-invalid"() {
+				return r.invalidType ? "" : void 0;
+			},
+			get "data-active"() {
+				return r.isActive ? "" : void 0;
+			},
+			get "data-success"() {
+				return r.isSuccess ? "" : void 0;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+function Dt(e) {
+	let [t, n] = E(e, ["children", "class"]), r = V();
+	return (() => {
+		var e = Ct();
+		return f(e, l({
+			get for() {
+				return r.inputId;
+			},
+			get class() {
+				return t.class;
+			}
+		}, n), !1, !0), s(e, i(_, {
+			get when() {
+				return r.isRequired;
+			},
+			get children() {
+				return St();
+			}
+		}), null), s(e, () => t.children, null), e;
+	})();
+}
+function Ot(e) {
+	let [t, n] = E(e, ["children", "class"]), r = V();
+	return i(_, {
+		get when() {
+			return r.invalidType;
+		},
+		get children() {
+			var e = wt();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children ?? r.errorMessage[r.invalidType]), e;
+		}
+	});
+}
+var kt = {
+	Root: Tt,
+	Field: Et,
+	Label: Dt,
+	Error: Ot
+};
+a(["input"]);
+//#endregion
+//#region src/components/list/List.tsx
+function At(t) {
+	let [n, r] = E(t, [
+		"isOrdered",
+		"type",
+		"size",
+		"class",
+		"children"
+	]), a = () => n.isOrdered ? "ol" : "ul";
+	return i(e, l({
+		get component() {
+			return a();
+		},
+		get class() {
+			return n.class;
+		},
+		get "data-type"() {
+			return n.type;
+		},
+		get "data-size"() {
+			return n.size;
+		},
+		get "data-striped"() {
+			return n.type === "striped" ? "" : void 0;
+		},
+		get "data-divider"() {
+			return n.type === "divider" ? "" : void 0;
+		}
+	}, r, { get children() {
+		return n.children;
+	} }));
+}
+//#endregion
+//#region src/components/modal/Modal.tsx
+var jt = /* @__PURE__ */ m("<div>"), Mt = /* @__PURE__ */ m("<div role=dialog aria-modal=true>"), Nt = /* @__PURE__ */ m("<button type=button>"), H = y(null);
+function U() {
+	let e = D(H);
+	if (!e) throw Error("Modal compound components must be used within Modal.Root");
+	return e;
+}
+function Pt(e) {
+	let [t, n] = S(e.defaultOpen ?? !1), r = () => e.open !== void 0, a = () => r() ? !!e.open : t(), o = (t) => {
+		r() || n(t), e.onOpenChange?.(t);
+	};
+	b(() => {
+		let e = (e) => {
+			e.key === "Escape" && a() && o(!1);
+		};
+		window.addEventListener("keydown", e), w(() => window.removeEventListener("keydown", e));
+	});
+	let s = {
+		get open() {
+			return a();
+		},
+		onOpenChange: o
+	};
+	return i(H.Provider, {
+		value: s,
+		get children() {
+			return e.children;
+		}
+	});
+}
+function Ft(e) {
+	let n = U();
+	return i(_, {
+		get when() {
+			return n.open;
+		},
+		get children() {
+			return i(t, {
+				get mount() {
+					return e.container;
+				},
+				get children() {
+					return e.children;
+				}
+			});
+		}
+	});
+}
+function It(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = U(), i = (e) => {
+		r.onOpenChange(!1);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = jt();
+		return e.$$click = i, f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-state"() {
+				return r.open ? "open" : "closed";
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function Lt(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = U(), i = (e) => {
+		e.stopPropagation();
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = Mt();
+		return e.$$click = i, f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-state"() {
+				return r.open ? "open" : "closed";
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function Rt(e) {
+	let [t, n] = E(e, [
+		"children",
+		"class",
+		"onClick"
+	]), r = U(), i = O(), a = k(n, i.handlers), o = (e) => {
+		r.onOpenChange(!1);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = Nt();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, () => i.dataAttributes, a, { onClick: o }), !1, !0), s(e, () => t.children), e;
+	})();
+}
+var zt = {
+	Root: Pt,
+	Portal: Ft,
+	Overlay: It,
+	Content: Lt,
+	Close: Rt
+};
+a(["click"]);
+//#endregion
+//#region src/components/otp/OTP.tsx
+var Bt = /* @__PURE__ */ m("<div>"), Vt = /* @__PURE__ */ m("<input type=text inputmode=numeric autocomplete=one-time-code maxlength=2>"), Ht = /* @__PURE__ */ m("<span aria-hidden=true role=separator>"), W = y(null);
+function Ut() {
+	let e = D(W);
+	if (!e) throw Error("OTP.Slot and OTP.Separator must be used within OTP.Root");
+	return e;
+}
+function Wt(e, t) {
+	return e.split("").slice(0, t).concat(Array(t).fill("")).slice(0, t);
+}
+function Gt(e) {
+	let [t, n] = E(e, [
+		"length",
+		"value",
+		"defaultValue",
+		"onChange",
+		"onComplete",
+		"pattern",
+		"disabled",
+		"class",
+		"children"
+	]), r = () => t.length ?? 6, a = () => t.pattern ?? "numeric", o = () => !!t.disabled, [c, u] = S(Wt(t.defaultValue ?? "", r())), d = [], p = () => t.value !== void 0, m = () => p() ? Wt(t.value ?? "", r()) : c(), h = () => m().every((e) => e !== ""), g = (e) => a() === "numeric" ? /^[0-9]$/.test(e) : /^[0-9a-zA-Z]$/.test(e), _ = (e) => {
+		p() || u(e);
+		let n = e.join("");
+		t.onChange?.(n), e.every((e) => e !== "") && t.onComplete?.(n);
+	};
+	return i(W.Provider, {
+		value: {
+			get chars() {
+				return m();
+			},
+			get length() {
+				return r();
+			},
+			get disabled() {
+				return o();
+			},
+			get isComplete() {
+				return h();
+			},
+			registerRef: (e, t) => {
+				d[e] = t;
+			},
+			handleChange: (e, t) => {
+				let n = t.slice(-1);
+				if (n && !g(n)) {
+					let t = d[e];
+					t && (t.value = m()[e] ?? "");
+					return;
+				}
+				let i = [...m()];
+				i[e] = n, _(i), n && e < r() - 1 && d[e + 1]?.focus();
+			},
+			handleKeyDown: (e, t) => {
+				if (t.key === "Backspace") {
+					t.preventDefault();
+					let n = m();
+					if (n[e]) {
+						let t = [...n];
+						t[e] = "", _(t);
+					} else if (e > 0) {
+						let t = [...n];
+						t[e - 1] = "", _(t), d[e - 1]?.focus();
+					}
+				} else t.key === "ArrowLeft" ? (t.preventDefault(), e > 0 && d[e - 1]?.focus()) : t.key === "ArrowRight" && (t.preventDefault(), e < r() - 1 && d[e + 1]?.focus());
+			},
+			handlePaste: (e, t) => {
+				t.preventDefault();
+				let n = (t.clipboardData?.getData("text") ?? "").split("").filter((e) => g(e)).slice(0, r() - e);
+				if (n.length === 0) return;
+				let i = [...m()];
+				n.forEach((t, n) => {
+					e + n < r() && (i[e + n] = t);
+				}), _(i), d[Math.min(e + n.length, r() - 1)]?.focus();
+			}
+		},
+		get children() {
+			var e = Bt();
+			return f(e, l({
+				get class() {
+					return t.class;
+				},
+				get "data-complete"() {
+					return h() ? "" : void 0;
+				},
+				get "data-disabled"() {
+					return o() ? "" : void 0;
+				}
+			}, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function Kt(e) {
+	let [t, n] = E(e, ["index", "class"]), r = Ut(), [i, a] = S(!1), o = () => r.chars[t.index] ?? "";
+	return (() => {
+		var e = Vt();
+		return e.addEventListener("paste", (e) => r.handlePaste(t.index, e)), e.addEventListener("blur", () => a(!1)), e.addEventListener("focus", (e) => {
+			a(!0), e.currentTarget.select();
+		}), e.$$keydown = (e) => r.handleKeyDown(t.index, e), e.$$input = (e) => r.handleChange(t.index, e.currentTarget.value), h((e) => r.registerRef(t.index, e), e), f(e, l({
+			get value() {
+				return o();
+			},
+			get disabled() {
+				return r.disabled;
+			},
+			get class() {
+				return t.class;
+			},
+			get "data-active"() {
+				return i() ? "" : void 0;
+			},
+			get "data-filled"() {
+				return o() ? "" : void 0;
+			},
+			get "data-complete"() {
+				return r.isComplete ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return r.disabled ? "" : void 0;
+			},
+			get "aria-label"() {
+				return `Digit ${t.index + 1}`;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+function qt(e) {
+	let [t, n] = E(e, ["children", "class"]);
+	return (() => {
+		var e = Ht();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, n), !1, !0), s(e, () => t.children ?? "–"), e;
+	})();
+}
+var Jt = {
+	Root: Gt,
+	Slot: Kt,
+	Separator: qt
+};
+a(["input", "keydown"]);
+//#endregion
+//#region src/components/password/Password.tsx
+var Yt = /* @__PURE__ */ m("<div>"), Xt = /* @__PURE__ */ m("<input>"), Zt = /* @__PURE__ */ m("<button type=button>"), Qt = /* @__PURE__ */ m("<span aria-hidden=true>*"), $t = /* @__PURE__ */ m("<label>"), en = /* @__PURE__ */ m("<small role=alert>"), tn = y(null);
+function G() {
+	let e = D(tn);
+	if (!e) throw Error("Password sub-components must be used within Password.Root");
+	return e;
+}
+function nn(e) {
+	let [t, n] = E(e, [
+		"value",
+		"defaultValue",
+		"onChange",
+		"onFocus",
+		"onBlur",
+		"isRequired",
+		"errorMessage",
+		"invalidType",
+		"id",
+		"class",
+		"children"
+	]), [r, a] = S(t.defaultValue ?? ""), o = () => t.value !== void 0, c = () => o() ? t.value ?? "" : r(), [u, d] = S(!1), p = x(() => t.id ?? F.generateUUID()), m = {
+		get inputId() {
+			return p();
+		},
+		get value() {
+			return c();
+		},
+		get visible() {
+			return u();
+		},
+		get isRequired() {
+			return !!t.isRequired;
+		},
+		get invalidType() {
+			return t.invalidType ?? "";
+		},
+		get errorMessage() {
+			return t.errorMessage ?? {};
+		},
+		setVisible: d,
+		handleChange: (e) => {
+			o() || a(e), t.onChange?.(e);
+		},
+		handleFocus: () => t.onFocus?.(),
+		handleBlur: () => t.onBlur?.()
+	};
+	return i(tn.Provider, {
+		value: m,
+		get children() {
+			var e = Yt();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function rn(e) {
+	let [t, n] = E(e, ["class"]), r = G();
+	return (() => {
+		var e = Xt();
+		return e.$$input = (e) => r.handleChange(e.currentTarget.value), e.addEventListener("blur", () => r.handleBlur()), e.addEventListener("focus", () => r.handleFocus()), f(e, l({
+			get id() {
+				return r.inputId;
+			},
+			get value() {
+				return r.value;
+			},
+			get type() {
+				return r.visible ? "text" : "password";
+			},
+			get required() {
+				return r.isRequired;
+			},
+			get class() {
+				return t.class;
+			},
+			get "aria-required"() {
+				return r.isRequired || void 0;
+			},
+			get "aria-invalid"() {
+				return r.invalidType ? !0 : void 0;
+			},
+			get "data-invalid"() {
+				return r.invalidType ? "" : void 0;
+			},
+			get "data-visible"() {
+				return r.visible ? "" : void 0;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+function an(e) {
+	let [t, n] = E(e, [
+		"class",
+		"children",
+		"onClick"
+	]), r = G(), i = O(), a = k(n, i.handlers), o = (e) => {
+		r.setVisible(!r.visible);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = Zt();
+		return f(e, l({
+			get "aria-label"() {
+				return r.visible ? "Hide password" : "Show password";
+			},
+			get class() {
+				return t.class;
+			},
+			get "data-visible"() {
+				return r.visible ? "" : void 0;
+			}
+		}, () => i.dataAttributes, a, { onClick: o }), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function on(e) {
+	let [t, n] = E(e, ["children", "class"]), r = G();
+	return (() => {
+		var e = $t();
+		return f(e, l({
+			get for() {
+				return r.inputId;
+			},
+			get class() {
+				return t.class;
+			}
+		}, n), !1, !0), s(e, i(_, {
+			get when() {
+				return r.isRequired;
+			},
+			get children() {
+				return Qt();
+			}
+		}), null), s(e, () => t.children, null), e;
+	})();
+}
+function sn(e) {
+	let [t, n] = E(e, ["children", "class"]), r = G();
+	return i(_, {
+		get when() {
+			return r.invalidType;
+		},
+		get children() {
+			var e = en();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children ?? r.errorMessage[r.invalidType]), e;
+		}
+	});
+}
+var cn = {
+	Root: nn,
+	Field: rn,
+	Toggle: an,
+	Label: on,
+	Error: sn
+};
+a(["input"]);
+//#endregion
+//#region src/components/progress-bar/ProgressBar.tsx
+var ln = /* @__PURE__ */ m("<div role=progressbar aria-valuemin=0 aria-valuemax=100><div data-part=fill>");
+function un(e) {
+	let [t, n] = E(e, [
+		"percentage",
+		"size",
+		"class"
+	]), r = () => Math.min(100, Math.max(0, t.percentage ?? 0)), i = () => t.size ?? "medium";
+	return (() => {
+		var e = ln(), a = e.firstChild;
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "aria-valuenow"() {
+				return r();
+			},
+			get "data-size"() {
+				return i();
+			}
+		}, n), !1, !0), o((e) => d(a, "width", `${r()}%`)), e;
+	})();
+}
+//#endregion
+//#region src/components/radio/Radio.tsx
+var dn = /* @__PURE__ */ m("<div role=radiogroup>"), fn = /* @__PURE__ */ m("<div><input type=radio style=position:absolute;opacity:0;pointer-events:none;width:0;height:0>"), pn = /* @__PURE__ */ m("<span data-checked>"), mn = /* @__PURE__ */ m("<label>"), hn = y(null), gn = y(null);
+function _n() {
+	let e = D(hn);
+	if (!e) throw Error("Radio compound components must be used within Radio.Root");
+	return e;
+}
+function vn() {
+	let e = D(gn);
+	if (!e) throw Error("Radio.Indicator/Label must be used within Radio.Item");
+	return e;
+}
+function yn(e) {
+	let [t, n] = E(e, [
+		"value",
+		"defaultValue",
+		"onChange",
+		"name",
+		"children",
+		"class"
+	]), [r, a] = S(t.defaultValue), o = () => t.value !== void 0, c = () => o() ? t.value : r(), u = x(() => t.name || F.generateUUID());
+	return i(hn.Provider, {
+		value: {
+			get selectedValue() {
+				return c();
+			},
+			get name() {
+				return u();
+			},
+			select: (e) => {
+				o() || a(e), t.onChange?.(e);
+			},
+			isSelected: (e) => {
+				let t = c();
+				return t == null ? !1 : String(t) === String(e);
+			}
+		},
+		get children() {
+			var e = dn();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function bn(e) {
+	let [t, r] = E(e, [
+		"value",
+		"disabled",
+		"children",
+		"class",
+		"onClick"
+	]), a = _n(), c = () => a.isSelected(t.value), d = () => !!t.disabled, p = O({ get disabled() {
+		return d();
+	} }), m = {
+		get value() {
+			return t.value;
+		},
+		get disabled() {
+			return d();
+		},
+		get checked() {
+			return c();
+		}
+	}, h = (e) => {
+		d() || a.select(t.value);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return i(gn.Provider, {
+		value: m,
+		get children() {
+			var e = fn(), i = e.firstChild;
+			return f(e, l({
+				get class() {
+					return t.class;
+				},
+				get "data-checked"() {
+					return c() ? "" : void 0;
+				}
+			}, () => p.dataAttributes, {
+				get onMouseEnter() {
+					return p.handlers.onMouseEnter;
+				},
+				get onMouseLeave() {
+					return p.handlers.onMouseLeave;
+				},
+				get onPointerDown() {
+					return p.handlers.onPointerDown;
+				},
+				get onPointerUp() {
+					return p.handlers.onPointerUp;
+				},
+				onClick: h
+			}, r), !1, !0), n(i, "keyup", p.handlers.onKeyUp, !0), n(i, "keydown", p.handlers.onKeyDown, !0), n(i, "blur", p.handlers.onBlur), n(i, "focus", p.handlers.onFocus), i.addEventListener("change", () => a.select(t.value)), s(e, () => t.children, null), o((e) => {
+				var t = a.name, n = d();
+				return t !== e.e && u(i, "name", e.e = t), n !== e.t && (i.disabled = e.t = n), e;
+			}, {
+				e: void 0,
+				t: void 0
+			}), o(() => i.value = String(t.value)), o(() => i.checked = c()), e;
+		}
+	});
+}
+function xn(e) {
+	let [t, n] = E(e, ["children", "class"]), r = vn();
+	return i(_, {
+		get when() {
+			return r.checked;
+		},
+		get children() {
+			var e = pn();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function Sn(e) {
+	let [t, n] = E(e, ["children", "class"]), r = vn();
+	return (() => {
+		var e = mn();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-disabled"() {
+				return r.disabled ? "" : void 0;
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+var Cn = {
+	Root: yn,
+	Item: bn,
+	Indicator: xn,
+	Label: Sn
+};
+a(["keydown", "keyup"]);
+//#endregion
+//#region src/components/rating/Rating.tsx
+var wn = /* @__PURE__ */ m("<svg viewBox=\"0 0 20 20\"fill=currentColor aria-hidden=true class=size-full><path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\">"), Tn = /* @__PURE__ */ m("<div>"), En = /* @__PURE__ */ m("<button type=button>"), Dn = () => wn();
+function On(e) {
+	let [t, n] = E(e, [
+		"value",
+		"defaultValue",
+		"onChange",
+		"max",
+		"disabled",
+		"readOnly",
+		"class",
+		"starClass"
+	]), [a, d] = S(t.defaultValue ?? 0), [p, m] = S(0), h = () => t.value !== void 0, _ = () => h() ? t.value ?? 0 : a(), v = () => p() || _(), y = () => t.max ?? 5, b = () => !!t.disabled, x = () => !!t.readOnly, C = (e) => {
+		b() || x() || (h() || d(e), t.onChange?.(e));
+	}, w = () => Array.from({ length: y() }, (e, t) => t + 1);
+	return (() => {
+		var e = Tn();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get role() {
+				return x() ? "img" : "group";
+			},
+			get "aria-label"() {
+				return c(() => !!x())() ? `Rating: ${_()} out of ${y()}` : "Rating";
+			},
+			get "data-disabled"() {
+				return b() ? "" : void 0;
+			},
+			get "data-readonly"() {
+				return x() ? "" : void 0;
+			}
+		}, n), !1, !0), s(e, i(g, {
+			get each() {
+				return w();
+			},
+			children: (e) => (() => {
+				var n = En();
+				return n.addEventListener("mouseleave", () => m(0)), n.addEventListener("mouseenter", () => {
+					!b() && !x() && m(e);
+				}), n.$$click = () => C(e), s(n, i(Dn, {})), o((i) => {
+					var a = b() || x(), o = x() ? -1 : void 0, s = t.starClass, c = e <= _() ? "" : void 0, l = e <= v() ? "" : void 0, d = b() ? "" : void 0, f = `${e} out of ${y()} stars`;
+					return a !== i.e && (n.disabled = i.e = a), o !== i.t && u(n, "tabindex", i.t = o), s !== i.a && r(n, i.a = s), c !== i.o && u(n, "data-filled", i.o = c), l !== i.i && u(n, "data-highlighted", i.i = l), d !== i.n && u(n, "data-disabled", i.n = d), f !== i.s && u(n, "aria-label", i.s = f), i;
+				}, {
+					e: void 0,
+					t: void 0,
+					a: void 0,
+					o: void 0,
+					i: void 0,
+					n: void 0,
+					s: void 0
+				}), n;
+			})()
+		})), e;
+	})();
+}
+a(["click"]);
+//#endregion
+//#region src/components/search/Search.tsx
+var kn = /* @__PURE__ */ m("<div>"), An = /* @__PURE__ */ m("<input type=text>"), jn = /* @__PURE__ */ m("<div role=listbox data-state=open>"), Mn = /* @__PURE__ */ m("<div role=option>"), Nn = y(null);
+function K() {
+	let e = D(Nn);
+	if (!e) throw Error("Search compound components must be used within Search.Root");
+	return e;
+}
+function Pn(e) {
+	let [t, n] = E(e, [
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"value",
+		"defaultSearchValue",
+		"onSearchChange",
+		"onSelect",
+		"onSubmitSearch",
+		"loading",
+		"searchDelay",
+		"children",
+		"class"
+	]), [r, a] = S(t.defaultOpen ?? !1), o = () => t.open !== void 0, c = () => o() ? !!t.open : r(), [u, d] = S(t.defaultSearchValue ?? ""), p = () => t.value !== void 0, m = () => p() ? t.value ?? "" : u(), [g, _] = S(-1), [v, y] = S(0), b = null, x = null, C, T = (e) => {
+		o() || a(e), t.onOpenChange?.(e), e || _(-1);
+	}, D = (e) => {
+		p() || d(e), t.onSearchChange?.(e), b && clearTimeout(b), b = setTimeout(() => {
+			t.onSubmitSearch?.();
+		}, t.searchDelay ?? 1e3);
+	}, O = (e) => {
+		b && clearTimeout(b), t.onSelect?.(e), p() || d(""), t.onSearchChange?.(""), T(!1);
+	}, k = () => {
+		let e = v();
+		return y((e) => e + 1), e;
+	}, A = () => {
+		y((e) => Math.max(0, e - 1));
+	};
+	L(() => C, () => {
+		c() && T(!1);
+	}), w(() => {
+		b && clearTimeout(b);
+	});
+	let ee = {
+		get open() {
+			return c();
+		},
+		onOpenChange: T,
+		get searchValue() {
+			return m();
+		},
+		onSearchChange: D,
+		onSelect: O,
+		get loading() {
+			return !!t.loading;
+		},
+		get highlightedIndex() {
+			return g();
+		},
+		setHighlightedIndex: _,
+		get itemCount() {
+			return v();
+		},
+		registerItem: k,
+		unregisterItem: A,
+		getInputNode: () => x,
+		setInputNode: (e) => {
+			x = e;
+		}
+	};
+	return i(Nn.Provider, {
+		value: ee,
+		get children() {
+			var e = kn(), r = C;
+			return typeof r == "function" ? h(r, e) : C = e, f(e, l({
+				get class() {
+					return t.class;
+				},
+				get "data-loading"() {
+					return t.loading ? "" : void 0;
+				}
+			}, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function Fn(e) {
+	let [t, n] = E(e, ["class"]), r = K(), i = (e) => {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), r.itemCount > 0 && r.setHighlightedIndex(r.highlightedIndex < r.itemCount - 1 ? r.highlightedIndex + 1 : 0);
+				break;
+			case "ArrowUp":
+				e.preventDefault(), r.itemCount > 0 && r.setHighlightedIndex(r.highlightedIndex > 0 ? r.highlightedIndex - 1 : r.itemCount - 1);
+				break;
+			case "Escape":
+				r.onOpenChange(!1), r.getInputNode()?.blur();
+				break;
+		}
+	};
+	return (() => {
+		var e = An();
+		return e.$$keydown = i, e.$$input = (e) => r.onSearchChange(e.currentTarget.value), e.addEventListener("focus", () => r.onOpenChange(!0)), h((e) => r.setInputNode(e), e), f(e, l({
+			get value() {
+				return r.searchValue;
+			},
+			get class() {
+				return t.class;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+function In(e) {
+	let [t, n] = E(e, ["children", "class"]), r = K();
+	return i(_, {
+		get when() {
+			return r.open;
+		},
+		get children() {
+			var e = jn();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function Ln(e) {
+	let [t, n] = E(e, [
+		"option",
+		"children",
+		"class",
+		"onClick"
+	]), r = K(), i = O(), a = -1;
+	T(() => {
+		a = r.registerItem(), w(() => r.unregisterItem());
+	});
+	let o = () => r.highlightedIndex === a, c = (e) => {
+		i.handlers.onKeyDown(e), e.key === "Enter" && r.onSelect(t.option);
+	}, u = k(n, {
+		...i.handlers,
+		onKeyDown: c
+	}), d = (e) => {
+		r.onSelect(t.option);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return (() => {
+		var e = Mn();
+		return f(e, l({
+			get "aria-selected"() {
+				return o();
+			},
+			get class() {
+				return t.class;
+			},
+			get "data-highlighted"() {
+				return o() ? "" : void 0;
+			}
+		}, () => i.dataAttributes, u, {
+			onClick: d,
+			tabIndex: -1
+		}), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function Rn(e) {
+	let [t, n] = E(e, ["children", "class"]), r = K();
+	return i(_, {
+		get when() {
+			return c(() => r.itemCount === 0)() && !r.loading;
+		},
+		get children() {
+			var e = kn();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+var zn = {
+	Root: Pn,
+	Input: Fn,
+	Content: In,
+	Item: Ln,
+	Empty: Rn
+};
+a(["input", "keydown"]);
+//#endregion
+//#region src/components/select/Select.tsx
+var Bn = /* @__PURE__ */ m("<div>"), Vn = /* @__PURE__ */ m("<button type=button aria-haspopup=listbox>"), Hn = /* @__PURE__ */ m("<span>"), Un = /* @__PURE__ */ m("<div role=listbox data-state=open>"), Wn = /* @__PURE__ */ m("<div role=option>"), Gn = /* @__PURE__ */ m("<hr aria-hidden=true>"), Kn = /* @__PURE__ */ m("<div role=group>"), qn = y(null);
+function q() {
+	let e = D(qn);
+	if (!e) throw Error("Select sub-components must be used within Select.Root");
+	return e;
+}
+function Jn(e) {
+	let [t, n] = E(e, [
+		"value",
+		"defaultValue",
+		"onChange",
+		"disabled",
+		"class",
+		"children"
+	]), [r, a] = S(t.defaultValue ?? ""), o = () => t.value !== void 0, c = () => o() ? t.value ?? "" : r(), [u, d] = S(!1), [p, m] = S({}), [g, _] = S(""), v;
+	L(() => v, () => d(!1));
+	let y = (e, n) => {
+		o() || a(e), _(n), t.onChange?.(e), d(!1);
+	}, b = (e, t) => {
+		m((n) => ({
+			...n,
+			[e]: t
+		}));
+	}, x = (e) => {}, C = () => g() || p()[c()] || "", w = {
+		get open() {
+			return u();
+		},
+		get selectedValue() {
+			return c();
+		},
+		get selectedLabel() {
+			return C();
+		},
+		get disabled() {
+			return !!t.disabled;
+		},
+		setOpen: d,
+		select: y,
+		registerItem: b,
+		unregisterItem: x
+	};
+	return i(qn.Provider, {
+		value: w,
+		get children() {
+			var e = Bn(), r = v;
+			return typeof r == "function" ? h(r, e) : v = e, f(e, l({
+				get class() {
+					return t.class;
+				},
+				get "data-open"() {
+					return u() ? "" : void 0;
+				},
+				get "data-disabled"() {
+					return t.disabled ? "" : void 0;
+				}
+			}, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function Yn(e) {
+	let [t, n] = E(e, [
+		"class",
+		"children",
+		"onClick"
+	]), r = q(), i = O({ get disabled() {
+		return r.disabled;
+	} }), a = k(n, i.handlers), o = (e) => {
+		r.disabled || r.setOpen(!r.open);
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	}, c = (e) => {
+		e.key === "Escape" && r.setOpen(!1), (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), r.setOpen(!0)), i.handlers.onKeyDown(e);
+	};
+	return (() => {
+		var e = Vn();
+		return f(e, l({
+			get "aria-expanded"() {
+				return r.open;
+			},
+			get disabled() {
+				return r.disabled;
+			},
+			get class() {
+				return t.class;
+			},
+			get "data-state"() {
+				return r.open ? "open" : "closed";
+			},
+			get "data-disabled"() {
+				return r.disabled ? "" : void 0;
+			}
+		}, () => i.dataAttributes, a, {
+			onClick: o,
+			onKeyDown: c
+		}), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function Xn(e) {
+	let [t, n] = E(e, ["placeholder", "class"]), r = q(), i = () => t.placeholder ?? "Select an option";
+	return (() => {
+		var e = Hn();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-placeholder"() {
+				return r.selectedLabel ? void 0 : "";
+			}
+		}, n), !1, !0), s(e, () => r.selectedLabel || i()), e;
+	})();
+}
+function Zn(e) {
+	let [t, n] = E(e, ["class", "children"]), r = q();
+	return i(_, {
+		get when() {
+			return r.open;
+		},
+		get children() {
+			var e = Un();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function Qn(e) {
+	let [t, n] = E(e, [
+		"value",
+		"textValue",
+		"disabled",
+		"class",
+		"children",
+		"onClick"
+	]), r = q(), i = O({ get disabled() {
+		return !!t.disabled;
+	} }), a = k(n, i.handlers), o = () => r.selectedValue === t.value, c = v(() => t.children), u = () => {
+		if (t.textValue !== void 0) return t.textValue;
+		let e = c();
+		return typeof e == "string" ? e : t.value;
+	};
+	b(() => {
+		r.registerItem(t.value, u());
+	});
+	let d = (e) => {
+		t.disabled || r.select(t.value, u());
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	}, p = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), t.disabled || r.select(t.value, u())), i.handlers.onKeyDown(e);
+	};
+	return (() => {
+		var e = Wn();
+		return f(e, l({
+			get "aria-selected"() {
+				return o();
+			},
+			get class() {
+				return t.class;
+			},
+			get "data-selected"() {
+				return o() ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return t.disabled ? "" : void 0;
+			}
+		}, () => i.dataAttributes, a, {
+			onClick: d,
+			onKeyDown: p
+		}), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function $n(e) {
+	let [t, n] = E(e, ["class"]);
+	return (() => {
+		var e = Gn();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, n), !1, !1), e;
+	})();
+}
+function er(e) {
+	let [t, n] = E(e, ["class", "children"]);
+	return (() => {
+		var e = Kn();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+function tr(e) {
+	let [t, n] = E(e, ["class", "children"]);
+	return (() => {
+		var e = Hn();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+var nr = {
+	Root: Jn,
+	Trigger: Yn,
+	Value: Xn,
+	Content: Zn,
+	Item: Qn,
+	Separator: $n,
+	Group: er,
+	GroupLabel: tr
+}, rr = /* @__PURE__ */ m("<button type=button role=switch>"), ir = /* @__PURE__ */ m("<span>"), ar = y({
+	checked: !1,
+	disabled: !1
+});
+function or(e) {
+	let [t, n] = E(e, [
+		"checked",
+		"defaultChecked",
+		"onChange",
+		"disabled",
+		"class",
+		"children",
+		"onClick"
+	]), [r, a] = S(t.defaultChecked ?? !1), o = () => t.checked !== void 0, c = () => o() ? !!t.checked : r(), u = () => !!t.disabled, d = O({ get disabled() {
+		return u();
+	} }), p = k(n, d.handlers), m = () => {
+		if (u()) return;
+		let e = !c();
+		o() || a(e), t.onChange?.(e);
+	}, h = (e) => {
+		m();
+		let n = t.onClick;
+		typeof n == "function" && n(e);
+	};
+	return i(ar.Provider, {
+		value: {
+			get checked() {
+				return c();
+			},
+			get disabled() {
+				return u();
+			}
+		},
+		get children() {
+			var e = rr();
+			return f(e, l({
+				get "aria-checked"() {
+					return c();
+				},
+				get disabled() {
+					return u();
+				},
+				get class() {
+					return t.class;
+				},
+				get "data-checked"() {
+					return c() ? "" : void 0;
+				}
+			}, () => d.dataAttributes, p, { onClick: h }), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function sr(e) {
+	let [t, n] = E(e, ["class"]), r = D(ar);
+	return (() => {
+		var e = ir();
+		return f(e, l({
+			get class() {
+				return t.class;
+			},
+			get "data-checked"() {
+				return r.checked ? "" : void 0;
+			},
+			get "data-disabled"() {
+				return r.disabled ? "" : void 0;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+var cr = {
+	Root: or,
+	Thumb: sr
+}, lr = /* @__PURE__ */ m("<div>"), ur = /* @__PURE__ */ m("<textarea>"), dr = /* @__PURE__ */ m("<span>*"), fr = /* @__PURE__ */ m("<label>"), pr = /* @__PURE__ */ m("<small role=alert>"), J = y(null);
+function Y() {
+	let e = D(J);
+	if (!e) throw Error("Textarea compound components must be used within Textarea.Root");
+	return e;
+}
+function mr(e) {
+	let [t, n] = E(e, [
+		"value",
+		"defaultValue",
+		"onChange",
+		"onFocus",
+		"onBlur",
+		"invalidType",
+		"errorMessage",
+		"isRequired",
+		"isSuccess",
+		"id",
+		"children",
+		"class"
+	]), [r, a] = S(t.defaultValue ?? ""), [o, c] = S(!1), u = () => t.value !== void 0, d = () => u() ? t.value ?? "" : r(), p = x(() => t.id || F.generateUUID());
+	return i(J.Provider, {
+		value: {
+			get value() {
+				return d();
+			},
+			get textareaId() {
+				return p();
+			},
+			get isActive() {
+				return o();
+			},
+			get invalidType() {
+				return t.invalidType ?? "";
+			},
+			get isSuccess() {
+				return !!t.isSuccess;
+			},
+			get isRequired() {
+				return !!t.isRequired;
+			},
+			get errorMessage() {
+				return t.errorMessage ?? {};
+			},
+			handleChange: (e) => {
+				u() || a(e), t.onChange?.(e);
+			},
+			handleFocus: () => {
+				c(!0), t.onFocus?.();
+			},
+			handleBlur: () => {
+				c(!1), t.onBlur?.();
+			}
+		},
+		get children() {
+			var e = lr();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children), e;
+		}
+	});
+}
+function hr(e) {
+	let [t, n] = E(e, ["class"]), r = Y();
+	return (() => {
+		var e = ur();
+		return e.$$input = (e) => r.handleChange(e.currentTarget.value), e.addEventListener("blur", () => r.handleBlur()), e.addEventListener("focus", () => r.handleFocus()), f(e, l({
+			get id() {
+				return r.textareaId;
+			},
+			get value() {
+				return r.value;
+			},
+			get required() {
+				return r.isRequired;
+			},
+			get class() {
+				return t.class;
+			},
+			get "aria-required"() {
+				return r.isRequired || void 0;
+			},
+			get "aria-invalid"() {
+				return r.invalidType ? !0 : void 0;
+			},
+			get "data-invalid"() {
+				return r.invalidType ? "" : void 0;
+			},
+			get "data-active"() {
+				return r.isActive ? "" : void 0;
+			},
+			get "data-success"() {
+				return r.isSuccess ? "" : void 0;
+			}
+		}, n), !1, !1), e;
+	})();
+}
+function gr(e) {
+	let [t, n] = E(e, ["children", "class"]), r = Y();
+	return (() => {
+		var e = fr();
+		return f(e, l({
+			get for() {
+				return r.textareaId;
+			},
+			get class() {
+				return t.class;
+			}
+		}, n), !1, !0), s(e, i(_, {
+			get when() {
+				return r.isRequired;
+			},
+			get children() {
+				return dr();
+			}
+		}), null), s(e, () => t.children, null), e;
+	})();
+}
+function _r(e) {
+	let [t, n] = E(e, ["children", "class"]), r = Y();
+	return i(_, {
+		get when() {
+			return r.invalidType;
+		},
+		get children() {
+			var e = pr();
+			return f(e, l({ get class() {
+				return t.class;
+			} }, n), !1, !0), s(e, () => t.children ?? r.errorMessage[r.invalidType]), e;
+		}
+	});
+}
+var vr = {
+	Root: mr,
+	Field: hr,
+	Label: gr,
+	Error: _r
+};
+a(["input"]);
+//#endregion
+//#region src/components/timeago/Timeago.tsx
+var yr = /* @__PURE__ */ m("<time>"), X = 1e3 * 60, Z = X * 60, br = Z * 24, xr = 6e4, Sr = {
+	just: "Just Now",
+	past: "#time ago",
+	today: "Today, #time",
+	second: {
+		one: "#num second",
+		other: "#num seconds"
+	},
+	minute: {
+		one: "#num minute",
+		other: "#num minutes"
+	},
+	hour: {
+		one: "#num hour",
+		other: "#num hours"
+	},
+	days: [
+		"Sunday",
+		"Monday",
+		"Tuesday",
+		"Wednesday",
+		"Thursday",
+		"Friday",
+		"Saturday"
+	],
+	months: [
+		"January",
+		"February",
+		"March",
+		"April",
+		"May",
+		"June",
+		"July",
+		"August",
+		"September",
+		"October",
+		"November",
+		"December"
+	]
+}, Cr = (e) => e === 1 ? "one" : "other";
+function Q(e) {
+	return new Date(e);
+}
+function wr(e) {
+	let t = e instanceof Date ? e.getTime() : e;
+	return Math.floor((/* @__PURE__ */ new Date()).getTime() - t);
+}
+function Tr(e) {
+	let [t, n] = E(e, [
+		"datetime",
+		"isLive",
+		"isDuration",
+		"timeOnly",
+		"format",
+		"pluralize",
+		"class"
+	]), r = () => t.format ?? Sr, i = () => t.pluralize ?? Cr, [a, o] = S(0), c = () => {
+		let e = Q(t.datetime), n = e.getHours(), r = e.getMinutes();
+		return `${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
+	}, u = () => {
+		let e = r(), n = wr(Q(t.datetime)), a = e.past;
+		if (n < X) return e.just;
+		let o;
+		if (n < Z) {
+			let t = Math.round(n / X), r = i()(t);
+			o = e.minute[r].replace("#num", t.toString());
+		} else {
+			let t = Math.round(n / Z), r = i()(t);
+			o = e.hour[r].replace("#num", t.toString());
+		}
+		return a.replace("#time", o);
+	}, d = () => {
+		let e = r(), n = Q(t.datetime), i = /* @__PURE__ */ new Date(), a = c(), o = new Date(n), s = new Date(i);
+		if (o.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), o.getTime() === s.getTime()) return e.today.replace("#time", a);
+		let l = Math.floor((i.getTime() - n.getTime()) / br), u = e.days[n.getDay()];
+		if (l < 7) return `${u}, ${a}`;
+		let d = n.getDate(), f = e.months[n.getMonth()], p = n.getFullYear();
+		return p === i.getFullYear() ? `${f} ${d}, ${a}` : `${f} ${d} ${p}, ${a}`;
+	}, p = x(() => (a(), t.isDuration ? u() : t.timeOnly ? c() : d()));
+	return b(() => {
+		if (!t.isLive) return;
+		let e = setInterval(() => o((e) => e + 1), xr);
+		w(() => clearInterval(e));
+	}), (() => {
+		var e = yr();
+		return f(e, l({ get class() {
+			return t.class;
+		} }, n), !1, !0), s(e, p), e;
+	})();
+}
+//#endregion
+//#region src/components/tooltip/Tooltip.tsx
+var Er = /* @__PURE__ */ m("<span style=position:relative;display:inline-block>"), Dr = /* @__PURE__ */ m("<span>"), Or = /* @__PURE__ */ m("<span role=tooltip>"), $ = y({
+	open: !1,
+	setOpen: () => {}
+});
+function kr(e) {
+	let [t, n] = S(e.defaultOpen ?? !1), r = () => e.open !== void 0, a = () => r() ? !!e.open : t(), o = null;
+	return i($.Provider, {
+		value: {
+			get open() {
+				return a();
+			},
+			setOpen: (t) => {
+				o &&= (clearTimeout(o), null), t ? o = setTimeout(() => {
+					r() || n(!0), e.onOpenChange?.(!0);
+				}, e.delayDuration ?? 300) : (r() || n(!1), e.onOpenChange?.(!1));
+			}
+		},
+		get children() {
+			var t = Er();
+			return s(t, () => e.children), t;
+		}
+	});
+}
+function Ar(e) {
+	let [t, n] = E(e, [
+		"children",
+		"onMouseEnter",
+		"onMouseLeave",
+		"onFocus",
+		"onBlur"
+	]), r = D($), i = (e, t) => {
+		typeof e == "function" && e(t);
+	}, a = (e) => {
+		r.setOpen(!0), i(t.onMouseEnter, e);
+	}, o = (e) => {
+		r.setOpen(!1), i(t.onMouseLeave, e);
+	}, c = (e) => {
+		r.setOpen(!0), i(t.onFocus, e);
+	}, l = (e) => {
+		r.setOpen(!1), i(t.onBlur, e);
+	};
+	return (() => {
+		var e = Dr();
+		return e.addEventListener("blur", l), e.addEventListener("focus", c), e.addEventListener("mouseleave", o), e.addEventListener("mouseenter", a), f(e, n, !1, !0), s(e, () => t.children), e;
+	})();
+}
+function jr(e) {
+	let [t, n] = E(e, [
+		"side",
+		"class",
+		"children",
+		"style"
+	]), r = D($), i = () => t.side ?? "top", a = () => {
+		let e = i(), t = {
+			position: "absolute",
+			"z-index": 50,
+			"pointer-events": "none"
+		};
+		return e === "top" ? {
+			...t,
+			bottom: "100%",
+			left: "50%",
+			transform: "translateX(-50%)",
+			"margin-bottom": "8px"
+		} : e === "bottom" ? {
+			...t,
+			top: "100%",
+			left: "50%",
+			transform: "translateX(-50%)",
+			"margin-top": "8px"
+		} : e === "left" ? {
+			...t,
+			right: "100%",
+			top: "50%",
+			transform: "translateY(-50%)",
+			"margin-right": "8px"
+		} : {
+			...t,
+			left: "100%",
+			top: "50%",
+			transform: "translateY(-50%)",
+			"margin-left": "8px"
+		};
+	}, o = () => {
+		let e = t.style;
+		return typeof e == "string" || !e ? a() : {
+			...a(),
+			...e
+		};
+	};
+	return (() => {
+		var e = Or();
+		return f(e, l({
+			get "data-state"() {
+				return r.open ? "open" : "closed";
+			},
+			get "data-side"() {
+				return i();
+			},
+			get class() {
+				return t.class;
+			},
+			get style() {
+				return o();
+			}
+		}, n), !1, !0), s(e, () => t.children), e;
+	})();
+}
+var Mr = {
+	Root: kr,
+	Trigger: Ar,
+	Content: jr
+};
+//#endregion
+export { oe as Accordion, _e as Alert, Ee as Avatar, Oe as Badge, Ae as Button, Me as Card, Ge as Checkbox, qe as Divider, it as Drawer, dt as Dropdown, mt as Icon, yt as Image, kt as Input, At as List, zt as Modal, Jt as OTP, cn as Password, un as ProgressBar, Cn as Radio, On as Rating, zn as Search, nr as Select, cr as Switch, vr as Textarea, Tr as Timeago, Mr as Tooltip, L as createClickOutside, O as createInteractiveState, ht as iconNames, gt as iconSizes };