import e, { createContext as t, useCallback as n, useContext as r, useEffect as i, useMemo as a, useRef as o, useState as s } from "react"; import { jsx as c, jsxs as l } from "react/jsx-runtime"; import { createPortal as u } from "react-dom"; //#region src/hooks/use-interactive-state.ts function d(e = {}) { let { disabled: t = !1 } = e, [n, r] = s(!1), [i, a] = s(!1), [o, c] = s(!1); return { handlers: { onMouseEnter: () => { t || r(!0); }, onMouseLeave: () => { r(!1), c(!1); }, onFocus: (e) => { e.currentTarget.matches(":focus-visible") && a(!0); }, onBlur: () => { a(!1), c(!1); }, onPointerDown: () => { t || c(!0); }, onPointerUp: () => { c(!1); }, onKeyDown: (e) => { (e.key === " " || e.key === "Enter") && !t && c(!0); }, onKeyUp: (e) => { (e.key === " " || e.key === "Enter") && c(!1); } }, dataAttributes: { "data-hover": n ? "" : void 0, "data-focus-visible": i ? "" : void 0, "data-active": o ? "" : void 0, "data-disabled": t ? "" : void 0 }, isHovered: n, isFocusVisible: i, isActive: o }; } //#endregion //#region src/utils/merge-props.ts function f(e, t) { let n = { ...e }; for (let r in t) { let i = e[r], a = t[r]; typeof i == "function" && typeof a == "function" ? n[r] = (...e) => { i(...e), a(...e); } : a !== void 0 && (n[r] = a); } return n; } //#endregion //#region src/components/accordion/Accordion.tsx var p = t(null), m = t(null); function h() { let e = r(p); if (!e) throw new globalThis.Error("Accordion sub-components must be used within Accordion.Root"); return e; } function g() { let e = r(m); if (!e) throw new globalThis.Error("Accordion.Trigger/Content must be used within Accordion.Item"); return e; } var _ = e.forwardRef(({ disabled: e = !1, className: t, children: r, ...i }, a) => { if (i.type === "single") { let { type: o, value: l, defaultValue: u, onChange: d, collapsible: f = !1, ...m } = i, [h, g] = s(u ?? ""), _ = l !== void 0, v = _ ? l : h, y = n((e) => v === e, [v]), b = n((e) => { let t = v === e ? f ? "" : v : e; _ || g(t), d?.(t); }, [ v, f, _, d ]); return /* @__PURE__ */ c(p.Provider, { value: { isOpen: y, toggle: b, disabled: e }, children: /* @__PURE__ */ c("div", { ref: a, className: t, ...m, children: r }) }); } let { type: o, value: l, defaultValue: u, onChange: d, ...f } = i, [m, h] = s(u ?? []), g = l !== void 0, _ = g ? l : m, v = n((e) => _.includes(e), [_]), y = n((e) => { let t = _.includes(e) ? _.filter((t) => t !== e) : [..._, e]; g || h(t), d?.(t); }, [ _, g, d ]); return /* @__PURE__ */ c(p.Provider, { value: { isOpen: v, toggle: y, disabled: e }, children: /* @__PURE__ */ c("div", { ref: a, className: t, ...f, children: r }) }); }); _.displayName = "Accordion.Root"; var v = e.forwardRef(({ value: e, disabled: t = !1, className: n, children: r, ...i }, a) => { let o = h(), s = t || o.disabled, l = o.isOpen(e); return /* @__PURE__ */ c(m.Provider, { value: { value: e, isOpen: l, disabled: s }, children: /* @__PURE__ */ c("div", { ref: a, className: n, "data-state": l ? "open" : "closed", "data-disabled": s ? "" : void 0, ...i, children: r }) }); }); v.displayName = "Accordion.Item"; var y = e.forwardRef(({ children: e, className: t, onClick: n, ...r }, i) => { let { isOpen: a, disabled: o, value: s } = g(), { toggle: l } = h(), { handlers: u, dataAttributes: p } = d({ disabled: o }), m = f(r, u); return /* @__PURE__ */ c("button", { ref: i, type: "button", disabled: o, "aria-expanded": a, "data-state": a ? "open" : "closed", "data-disabled": o ? "" : void 0, className: t, ...p, ...m, onClick: (e) => { l(s), n?.(e); }, children: e }); }); y.displayName = "Accordion.Trigger"; var b = e.forwardRef(({ forceMount: e = !1, children: t, className: n, ...r }, i) => { let { isOpen: a } = g(); return !e && !a ? null : /* @__PURE__ */ c("div", { ref: i, role: "region", hidden: e && !a ? !0 : void 0, className: n, "data-state": a ? "open" : "closed", ...r, children: t }); }); b.displayName = "Accordion.Content"; var x = { Root: _, Item: v, Trigger: y, Content: b }, S = t(null); function C() { let e = r(S); if (!e) throw new globalThis.Error("[wire-ui] Alert sub-components must be used inside "); return e; } var w = e.forwardRef(({ status: e, isAutoDismissable: t = !1, dismissCountdown: r = 3e3, onDismiss: a, children: l, ...u }, d) => { let [f, p] = s(!1), m = o(null), h = n(() => { p(!0), a?.(); }, [a]); return i(() => (t && (m.current = setTimeout(h, r)), () => { m.current && clearTimeout(m.current); }), [ t, r, h ]), f ? null : /* @__PURE__ */ c(S.Provider, { value: { status: e, dismiss: h }, children: /* @__PURE__ */ c("div", { ref: d, role: "alert", "data-status": e, ...u, children: l }) }); }); w.displayName = "Alert.Root"; var T = e.forwardRef(({ children: e, ...t }, n) => /* @__PURE__ */ c("p", { ref: n, "data-part": "title", ...t, children: e })); T.displayName = "Alert.Title"; var E = e.forwardRef(({ children: e, ...t }, n) => /* @__PURE__ */ c("p", { ref: n, "data-part": "description", ...t, children: e })); E.displayName = "Alert.Description"; var D = e.forwardRef(({ children: e, ...t }, n) => { let { dismiss: r } = C(), { handlers: i, dataAttributes: a } = d(), o = f(t, i); return /* @__PURE__ */ c("button", { ref: n, type: "button", "aria-label": "Dismiss", ...a, ...o, onClick: (e) => { r(), t.onClick?.(e); }, children: e }); }); D.displayName = "Alert.Dismiss"; var O = { Root: w, Title: T, Description: E, Dismiss: D }, k = t(null); function A() { let e = r(k); if (!e) throw new globalThis.Error("[wire-ui] Avatar sub-components must be used inside "); return e; } var j = e.forwardRef(({ children: e, ...t }, n) => { let [r, i] = s("loading"); return /* @__PURE__ */ c(k.Provider, { value: { imageStatus: r, setImageStatus: i }, children: /* @__PURE__ */ c("div", { ref: n, "data-status": r, ...t, children: e }) }); }); j.displayName = "Avatar.Root"; var M = e.forwardRef(({ src: e, onLoad: t, onError: n, style: r, ...a }, o) => { let { imageStatus: s, setImageStatus: l } = A(); return i(() => { l(e ? "loading" : "error"); }, [e, l]), e ? /* @__PURE__ */ c("img", { ref: o, src: e, "data-status": s, style: { display: s === "loaded" ? void 0 : "none", ...r }, onLoad: (e) => { l("loaded"), t?.(e); }, onError: (e) => { l("error"), n?.(e); }, ...a }) : null; }); M.displayName = "Avatar.Image"; var N = e.forwardRef(({ delayMs: e = 0, children: t, ...n }, r) => { let { imageStatus: a } = A(), [o, l] = s(e === 0); return i(() => { if (e > 0) { let t = setTimeout(() => l(!0), e); return () => clearTimeout(t); } }, [e]), a === "loaded" || !o ? null : /* @__PURE__ */ c("span", { ref: r, ...n, children: t }); }); N.displayName = "Avatar.Fallback"; var P = Object.assign(j, { Root: j, Image: M, Fallback: N }), F = e.forwardRef(({ count: e = 0, className: t, ...n }, r) => { let i = e > 0 ? e > 9 ? "9+" : e : 0; return /* @__PURE__ */ c("span", { ref: r, className: t, "data-count": e, ...n, children: i }); }); F.displayName = "Badge"; //#endregion //#region src/components/button/Button.tsx var I = e.forwardRef(({ asChild: t = !1, disabled: n = !1, autoFocus: r = !1, type: i = "button", children: a, ...o }, s) => { let { handlers: l, dataAttributes: u } = d({ disabled: n }), p = { ...f(o, l), ...u, "data-autofocus": r ? "" : void 0 }; if (t && e.isValidElement(a)) { let t = a; return e.cloneElement(t, { ref: s, ...f(t.props, p) }); } return /* @__PURE__ */ c("button", { ref: s, type: i, disabled: n, autoFocus: r, ...p, children: a }); }); I.displayName = "Button"; //#endregion //#region src/components/card/Card.tsx var L = e.forwardRef(({ color: e, size: t, className: n, children: r, ...i }, a) => /* @__PURE__ */ c("div", { ref: a, className: n, "data-color": e, "data-size": t, ...i, children: r })); L.displayName = "Card"; //#endregion //#region src/components/divider/Divider.tsx var R = e.forwardRef(({ orientation: e = "horizontal", decorative: t = !0, ...n }, r) => { let i = t ? { role: "none", "aria-hidden": !0 } : { role: "separator", "aria-orientation": e }; return /* @__PURE__ */ c("div", { ref: r, "data-orientation": e, ...i, ...n }); }); R.displayName = "Divider"; //#endregion //#region src/utils/helper.ts var z = { generateUUID() { let e = "abcdefghijklmnopqrstuvwxyz"[Math.floor(Math.random() * 26)], t = (/* @__PURE__ */ new Date()).getTime(); return `${e}${Math.random().toString(32).substring(2)}${t}`; } }, B = t(null), ee = t(null); function te() { let e = r(B); if (!e) throw new globalThis.Error("Checkbox compound components must be used within Checkbox.Root"); return e; } function ne() { let e = r(ee); if (!e) throw new globalThis.Error("Checkbox.Indicator/Label must be used within Checkbox.Item"); return e; } var re = e.forwardRef(({ value: e, defaultValue: t = [], onChange: r, name: i, children: o, className: l, ...u }, d) => { let [f, p] = s(t), m = e !== void 0, h = m ? e : f, g = a(() => i || z.generateUUID(), [i]), _ = n((e) => h.some((t) => String(t) === String(e)), [h]), v = n((e) => { let t = [...h], n = t.findIndex((t) => String(t) === String(e)); n === -1 ? t.push(e) : t.splice(n, 1), m || p(t), r?.(t); }, [ h, m, r ]); return /* @__PURE__ */ c(B.Provider, { value: { values: h, name: g, toggle: v, isChecked: _ }, children: /* @__PURE__ */ c("div", { ref: d, role: "group", className: l, ...u, children: o }) }); }); re.displayName = "Checkbox.Root"; var ie = e.forwardRef(({ value: e, disabled: t = !1, children: n, className: r, onClick: i, ...a }, o) => { let s = te(), u = s.isChecked(e), { handlers: f, dataAttributes: p } = d({ disabled: t }); return /* @__PURE__ */ c(ee.Provider, { value: { value: e, disabled: t, checked: u }, children: /* @__PURE__ */ l("div", { className: r, "data-checked": u ? "" : void 0, ...p, onMouseEnter: f.onMouseEnter, onMouseLeave: f.onMouseLeave, onPointerDown: f.onPointerDown, onPointerUp: f.onPointerUp, onClick: (n) => { t || s.toggle(e), i?.(n); }, ...a, children: [/* @__PURE__ */ c("input", { ref: o, type: "checkbox", name: s.name, value: String(e), checked: u, disabled: t, onChange: () => s.toggle(e), onFocus: f.onFocus, onBlur: f.onBlur, onKeyDown: f.onKeyDown, onKeyUp: f.onKeyUp, style: { position: "absolute", opacity: 0, pointerEvents: "none", width: 0, height: 0 } }), n] }) }); }); ie.displayName = "Checkbox.Item"; var ae = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { checked: i } = ne(); return i ? /* @__PURE__ */ c("span", { ref: r, className: t, "data-checked": "", ...n, children: e }) : null; }); ae.displayName = "Checkbox.Indicator"; var oe = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { disabled: i } = ne(); return /* @__PURE__ */ c("label", { ref: r, className: t, "data-disabled": i ? "" : void 0, ...n, children: e }); }); oe.displayName = "Checkbox.Label"; var se = { Root: re, Item: ie, Indicator: ae, Label: oe }, ce = t(null); function V() { let e = r(ce); if (!e) throw new globalThis.Error("Drawer compound components must be used within Drawer.Root"); return e; } var le = ({ open: e, defaultOpen: t = !1, onOpenChange: r, children: a }) => { let [o, l] = s(t), u = e !== void 0, d = u ? e : o, f = n((e) => { u || l(e), r?.(e); }, [u, r]); return i(() => { let e = (e) => { e.key === "Escape" && d && f(!1); }; return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e); }, [d, f]), /* @__PURE__ */ c(ce.Provider, { value: { open: d, onOpenChange: f }, children: a }); }; le.displayName = "Drawer.Root"; var ue = ({ children: e, container: t }) => { let { open: n } = V(); return n ? u(e, t || document.body) : null; }; ue.displayName = "Drawer.Portal"; var de = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { open: i, onOpenChange: a } = V(); return /* @__PURE__ */ c("div", { ref: r, className: t, "data-state": i ? "open" : "closed", onClick: () => a(!1), ...n, children: e }); }); de.displayName = "Drawer.Overlay"; var fe = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { open: i } = V(); return /* @__PURE__ */ c("div", { ref: r, role: "dialog", "aria-modal": "true", className: t, "data-state": i ? "open" : "closed", onClick: (e) => e.stopPropagation(), ...n, children: e }); }); fe.displayName = "Drawer.Content"; var pe = e.forwardRef(({ children: e, className: t, ...n }, r) => /* @__PURE__ */ c("div", { ref: r, className: t, ...n, children: e })); pe.displayName = "Drawer.Header"; var me = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { onOpenChange: i } = V(), { handlers: a, dataAttributes: o } = d(), s = f(n, a); return /* @__PURE__ */ c("button", { ref: r, type: "button", className: t, ...o, ...s, onClick: (e) => { i(!1), n.onClick?.(e); }, children: e }); }); me.displayName = "Drawer.Close"; var he = { Root: le, Portal: ue, Overlay: de, Content: fe, Header: pe, Close: me }; //#endregion //#region src/hooks/use-click-outside.ts function H(e, t) { i(() => { function n(n) { let r = e.current; r && !r.contains(n.target) && t(n); } return document.addEventListener("click", n), document.addEventListener("touchstart", n), () => { document.removeEventListener("click", n), document.removeEventListener("touchstart", n); }; }, [e, t]); } //#endregion //#region src/components/dropdown/Dropdown.tsx var ge = t(null); function _e() { let e = r(ge); if (!e) throw new globalThis.Error("Dropdown compound components must be used within Dropdown.Root"); return e; } var ve = e.forwardRef(({ open: e, defaultOpen: t = !1, onOpenChange: r, children: a, className: l, ...u }, d) => { let [f, p] = s(t), m = e !== void 0, h = m ? e : f, g = o(null), _ = d && d || g, v = n((e) => { m || p(e), r?.(e); }, [m, r]); return H(_, () => { h && v(!1); }), i(() => { let e = (e) => { e.key === "Escape" && h && v(!1); }; return window.addEventListener("keyup", e), () => window.removeEventListener("keyup", e); }, [h, v]), /* @__PURE__ */ c(ge.Provider, { value: { open: h, onOpenChange: v }, children: /* @__PURE__ */ c("div", { ref: _, className: l, ...u, children: a }) }); }); ve.displayName = "Dropdown.Root"; var ye = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { open: i, onOpenChange: a } = _e(), { handlers: o, dataAttributes: s } = d(), l = f(n, o); return /* @__PURE__ */ c("button", { ref: r, type: "button", className: t, "aria-expanded": i, "data-state": i ? "open" : "closed", ...s, ...l, onClick: (e) => { a(!i), n.onClick?.(e); }, children: e }); }); ye.displayName = "Dropdown.Trigger"; var be = e.forwardRef(({ position: e, children: t, className: n, ...r }, i) => { let { open: a } = _e(); return a ? /* @__PURE__ */ c("div", { ref: i, role: "menu", className: n, "data-state": a ? "open" : "closed", "data-position": e, ...r, children: t }) : null; }); be.displayName = "Dropdown.Menu"; var xe = { Root: ve, Trigger: ye, Menu: be }; //#endregion //#region src/components/icon/Icon.tsx function Se(e) { return { viewBox: e.match(/viewBox="([^"]+)"/i)?.[1] ?? "0 0 24 24", content: e.replace(/^[\s\S]*?]*>/i, "").replace(/<\/svg>\s*$/i, "") }; } var Ce = e.forwardRef(({ type: e, size: t, label: n, icons: r, className: i, ...a }, o) => { let s = r?.[e]; if (!s) return null; let { viewBox: l, content: u } = Se(s), d = !n; return /* @__PURE__ */ c("svg", { ref: o, className: i, viewBox: l, "aria-label": n, "aria-hidden": d ? "true" : void 0, role: "img", focusable: "false", "data-name": e, "data-size": t, dangerouslySetInnerHTML: { __html: u }, ...a }); }); Ce.displayName = "Icon"; //#endregion //#region src/components/image/Image.tsx var we = e.forwardRef(({ src: e, alt: t, position: n, onImageLoaded: r, className: i, ...a }, o) => { let [u, d] = s(!1), f = () => { d(!0), r?.(); }, p = () => { d(!0), r?.(); }; return /* @__PURE__ */ l("div", { ref: o, className: i, "data-position": n, ...a, children: [!u && /* @__PURE__ */ c("div", { "data-part": "loader" }), /* @__PURE__ */ c("img", { src: e, alt: t, "data-part": "image", "data-loaded": u || void 0, style: u ? void 0 : { display: "none" }, onLoad: f, onError: p })] }); }); we.displayName = "Image"; //#endregion //#region src/components/input/Input.tsx var Te = t(null); function U() { let e = r(Te); if (!e) throw new globalThis.Error("Input compound components must be used within Input.Root"); return e; } var Ee = e.forwardRef(({ value: e, defaultValue: t = "", onChange: r, onFocus: i, onBlur: o, invalidType: l = "", errorMessage: u = {}, isRequired: d = !1, isSuccess: f = !1, id: p, children: m, className: h, ...g }, _) => { let [v, y] = s(t), b = e !== void 0, x = b ? e : v, [S, C] = s(!1), w = { value: x, inputId: a(() => p || z.generateUUID(), [p]), isActive: S, invalidType: l, isSuccess: f, isRequired: d, errorMessage: u, handleChange: n((e) => { b || y(e), r?.(e); }, [b, r]), handleFocus: n(() => { C(!0), i?.(); }, [i]), handleBlur: n(() => { C(!1), o?.(); }, [o]) }; return /* @__PURE__ */ c(Te.Provider, { value: w, children: /* @__PURE__ */ c("div", { ref: _, className: h, ...g, children: m }) }); }); Ee.displayName = "Input.Root"; var De = e.forwardRef(({ className: e, ...t }, n) => { let r = U(); return /* @__PURE__ */ c("input", { ref: n, id: r.inputId, value: r.value, required: r.isRequired, className: e, "aria-required": r.isRequired || void 0, "aria-invalid": r.invalidType ? !0 : void 0, "data-invalid": r.invalidType ? "" : void 0, "data-active": r.isActive ? "" : void 0, "data-success": r.isSuccess ? "" : void 0, onFocus: r.handleFocus, onBlur: r.handleBlur, onChange: (e) => r.handleChange(e.target.value), ...t }); }); De.displayName = "Input.Field"; var Oe = e.forwardRef(({ children: e, className: t, ...n }, r) => { let i = U(); return /* @__PURE__ */ l("label", { ref: r, htmlFor: i.inputId, className: t, ...n, children: [i.isRequired && /* @__PURE__ */ c("span", { children: "*" }), e] }); }); Oe.displayName = "Input.Label"; var ke = e.forwardRef(({ children: e, className: t, ...n }, r) => { let i = U(); if (!i.invalidType) return null; let a = e ?? i.errorMessage[i.invalidType]; return /* @__PURE__ */ c("small", { ref: r, role: "alert", className: t, ...n, children: a }); }); ke.displayName = "Input.Error"; var Ae = { Root: Ee, Field: De, Label: Oe, Error: ke }, je = e.forwardRef(({ isOrdered: e = !1, type: t, size: n, className: r, children: i, ...a }, o) => /* @__PURE__ */ c(e ? "ol" : "ul", { ref: o, className: r, "data-type": t, "data-size": n, "data-striped": t === "striped" ? "" : void 0, "data-divider": t === "divider" ? "" : void 0, ...a, children: i })); je.displayName = "List"; //#endregion //#region src/components/modal/Modal.tsx var Me = t(null); function W() { let e = r(Me); if (!e) throw new globalThis.Error("Modal compound components must be used within Modal.Root"); return e; } var Ne = ({ open: e, defaultOpen: t = !1, onOpenChange: r, children: a }) => { let [o, l] = s(t), u = e !== void 0, d = u ? e : o, f = n((e) => { u || l(e), r?.(e); }, [u, r]); return i(() => { let e = (e) => { e.key === "Escape" && d && f(!1); }; return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e); }, [d, f]), /* @__PURE__ */ c(Me.Provider, { value: { open: d, onOpenChange: f }, children: a }); }; Ne.displayName = "Modal.Root"; var Pe = ({ children: e, container: t }) => { let { open: n } = W(); return n ? u(e, t || document.body) : null; }; Pe.displayName = "Modal.Portal"; var Fe = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { open: i, onOpenChange: a } = W(); return /* @__PURE__ */ c("div", { ref: r, className: t, "data-state": i ? "open" : "closed", onClick: () => a(!1), ...n, children: e }); }); Fe.displayName = "Modal.Overlay"; var Ie = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { open: i } = W(); return /* @__PURE__ */ c("div", { ref: r, role: "dialog", "aria-modal": "true", className: t, "data-state": i ? "open" : "closed", onClick: (e) => e.stopPropagation(), ...n, children: e }); }); Ie.displayName = "Modal.Content"; var Le = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { onOpenChange: i } = W(), { handlers: a, dataAttributes: o } = d(), s = f(n, a); return /* @__PURE__ */ c("button", { ref: r, type: "button", className: t, ...o, ...s, onClick: (e) => { i(!1), n.onClick?.(e); }, children: e }); }); Le.displayName = "Modal.Close"; var Re = { Root: Ne, Portal: Pe, Overlay: Fe, Content: Ie, Close: Le }, ze = t(null); function Be() { let e = r(ze); if (!e) throw new globalThis.Error("OTP.Slot and OTP.Separator must be used within OTP.Root"); return e; } function Ve(e, t) { return e.split("").slice(0, t).concat(Array(t).fill("")).slice(0, t); } var He = e.forwardRef(({ length: e = 6, value: t, defaultValue: r = "", onChange: i, onComplete: a, pattern: l = "numeric", disabled: u = !1, className: d, children: f, ...p }, m) => { let [h, g] = s(() => Ve(r, e)), _ = o(Array(e).fill(null)), v = t !== void 0, y = v ? Ve(t, e) : h, b = y.every((e) => e !== ""), x = n((e) => l === "numeric" ? /^[0-9]$/.test(e) : /^[0-9a-zA-Z]$/.test(e), [l]), S = n((e) => { v || g(e); let t = e.join(""); i?.(t), e.every((e) => e !== "") && a?.(t); }, [ v, i, a ]), C = n((e, t) => { _.current[e] = t; }, []), w = n((t, n) => { let r = n.slice(-1); if (r && !x(r)) return; let i = [...y]; i[t] = r, S(i), r && t < e - 1 && _.current[t + 1]?.focus(); }, [ y, x, S, e ]), T = n((t, n) => { if (n.key === "Backspace") { if (n.preventDefault(), y[t]) { let e = [...y]; e[t] = "", S(e); } else if (t > 0) { let e = [...y]; e[t - 1] = "", S(e), _.current[t - 1]?.focus(); } } else n.key === "ArrowLeft" ? (n.preventDefault(), t > 0 && _.current[t - 1]?.focus()) : n.key === "ArrowRight" && (n.preventDefault(), t < e - 1 && _.current[t + 1]?.focus()); }, [ y, S, e ]), E = n((t, n) => { n.preventDefault(); let r = n.clipboardData.getData("text").split("").filter((e) => x(e)).slice(0, e - t); if (r.length === 0) return; let i = [...y]; r.forEach((n, r) => { t + r < e && (i[t + r] = n); }), S(i); let a = Math.min(t + r.length, e - 1); _.current[a]?.focus(); }, [ y, x, S, e ]); return /* @__PURE__ */ c(ze.Provider, { value: { chars: y, length: e, disabled: u, isComplete: b, registerRef: C, handleChange: w, handleKeyDown: T, handlePaste: E }, children: /* @__PURE__ */ c("div", { ref: m, className: d, "data-complete": b ? "" : void 0, "data-disabled": u ? "" : void 0, ...p, children: f }) }); }); He.displayName = "OTP.Root"; var Ue = e.forwardRef(({ index: e, className: t, ...n }, r) => { let { chars: i, disabled: a, isComplete: o, registerRef: l, handleChange: u, handleKeyDown: d, handlePaste: f } = Be(), p = i[e] ?? "", [m, h] = s(!1); return /* @__PURE__ */ c("input", { ref: (t) => { l(e, t), typeof r == "function" ? r(t) : r && (r.current = t); }, type: "text", inputMode: "numeric", autoComplete: "one-time-code", maxLength: 2, value: p, disabled: a, className: t, "data-active": m ? "" : void 0, "data-filled": p ? "" : void 0, "data-complete": o ? "" : void 0, "data-disabled": a ? "" : void 0, "aria-label": `Digit ${e + 1}`, onChange: (t) => u(e, t.target.value), onKeyDown: (t) => d(e, t), onFocus: (e) => { h(!0), e.target.select(); }, onBlur: () => h(!1), onPaste: (t) => f(e, t), ...n }); }); Ue.displayName = "OTP.Slot"; var We = e.forwardRef(({ children: e = "–", className: t, ...n }, r) => /* @__PURE__ */ c("span", { ref: r, className: t, "aria-hidden": "true", role: "separator", ...n, children: e })); We.displayName = "OTP.Separator"; var Ge = { Root: He, Slot: Ue, Separator: We }, Ke = t(null); function G() { let e = r(Ke); if (!e) throw new globalThis.Error("Password sub-components must be used within Password.Root"); return e; } var qe = e.forwardRef(({ value: e, defaultValue: t = "", onChange: r, onFocus: i, onBlur: l, isRequired: u = !1, errorMessage: d = {}, invalidType: f = "", id: p, className: m, children: h, ...g }, _) => { let [v, y] = s(t), b = e !== void 0, x = b ? e : v, [S, C] = s(!1), w = o(null), T = a(() => p ?? z.generateUUID(), [p]), E = n((e) => { b || y(e), r?.(e); }, [b, r]), D = n(() => i?.(), [i]), O = n(() => l?.(), [l]); return /* @__PURE__ */ c(Ke.Provider, { value: { inputId: T, value: x, visible: S, isRequired: u, invalidType: f, errorMessage: d, setVisible: C, handleChange: E, handleFocus: D, handleBlur: O, setFieldNode: (e) => { w.current = e; } }, children: /* @__PURE__ */ c("div", { ref: _, className: m, ...g, children: h }) }); }); qe.displayName = "Password.Root"; var Je = e.forwardRef(({ className: e, ...t }, n) => { let r = G(); return /* @__PURE__ */ c("input", { ref: (e) => { r.setFieldNode(e), typeof n == "function" ? n(e) : n && (n.current = e); }, id: r.inputId, value: r.value, type: r.visible ? "text" : "password", required: r.isRequired, className: e, "aria-required": r.isRequired || void 0, "aria-invalid": r.invalidType ? !0 : void 0, "data-invalid": r.invalidType ? "" : void 0, "data-visible": r.visible ? "" : void 0, onFocus: r.handleFocus, onBlur: r.handleBlur, onChange: (e) => r.handleChange(e.target.value), ...t }); }); Je.displayName = "Password.Field"; var Ye = e.forwardRef(({ className: e, children: t, onClick: n, ...r }, i) => { let a = G(), { handlers: o, dataAttributes: s } = d(), l = f(r, o); return /* @__PURE__ */ c("button", { ref: i, type: "button", "aria-label": a.visible ? "Hide password" : "Show password", className: e, "data-visible": a.visible ? "" : void 0, ...s, ...l, onClick: (e) => { a.setVisible(!a.visible), n?.(e); }, children: t }); }); Ye.displayName = "Password.Toggle"; var Xe = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { inputId: i, isRequired: a } = G(); return /* @__PURE__ */ l("label", { ref: r, htmlFor: i, className: t, ...n, children: [a && /* @__PURE__ */ c("span", { "aria-hidden": "true", children: "*" }), e] }); }); Xe.displayName = "Password.Label"; var Ze = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { invalidType: i, errorMessage: a } = G(); return i ? /* @__PURE__ */ c("small", { ref: r, role: "alert", className: t, ...n, children: e ?? a[i] }) : null; }); Ze.displayName = "Password.Error"; var Qe = { Root: qe, Field: Je, Toggle: Ye, Label: Xe, Error: Ze }, $e = e.forwardRef(({ percentage: e = 0, size: t = "medium", className: n, ...r }, i) => { let a = Math.min(100, Math.max(0, e)); return /* @__PURE__ */ c("div", { ref: i, className: n, role: "progressbar", "aria-valuenow": a, "aria-valuemin": 0, "aria-valuemax": 100, "data-size": t, ...r, children: /* @__PURE__ */ c("div", { "data-part": "fill", style: { width: `${a}%` } }) }); }); $e.displayName = "ProgressBar"; //#endregion //#region src/components/radio/Radio.tsx var et = t(null), tt = t(null); function nt() { let e = r(et); if (!e) throw new globalThis.Error("Radio compound components must be used within Radio.Root"); return e; } function rt() { let e = r(tt); if (!e) throw new globalThis.Error("Radio.Indicator/Label must be used within Radio.Item"); return e; } var it = e.forwardRef(({ value: e, defaultValue: t, onChange: r, name: i, children: o, className: l, ...u }, d) => { let [f, p] = s(t), m = e !== void 0, h = m ? e : f, g = a(() => i || z.generateUUID(), [i]), _ = n((e) => h == null ? !1 : String(h) === String(e), [h]), v = n((e) => { m || p(e), r?.(e); }, [m, r]); return /* @__PURE__ */ c(et.Provider, { value: { selectedValue: h, name: g, select: v, isSelected: _ }, children: /* @__PURE__ */ c("div", { ref: d, role: "radiogroup", className: l, ...u, children: o }) }); }); it.displayName = "Radio.Root"; var at = e.forwardRef(({ value: e, disabled: t = !1, children: n, className: r, onClick: i, ...a }, o) => { let s = nt(), u = s.isSelected(e), { handlers: f, dataAttributes: p } = d({ disabled: t }); return /* @__PURE__ */ c(tt.Provider, { value: { value: e, disabled: t, checked: u }, children: /* @__PURE__ */ l("div", { className: r, "data-checked": u ? "" : void 0, ...p, onMouseEnter: f.onMouseEnter, onMouseLeave: f.onMouseLeave, onPointerDown: f.onPointerDown, onPointerUp: f.onPointerUp, onClick: (n) => { t || s.select(e), i?.(n); }, ...a, children: [/* @__PURE__ */ c("input", { ref: o, type: "radio", name: s.name, value: String(e), checked: u, disabled: t, onChange: () => s.select(e), onFocus: f.onFocus, onBlur: f.onBlur, onKeyDown: f.onKeyDown, onKeyUp: f.onKeyUp, style: { position: "absolute", opacity: 0, pointerEvents: "none", width: 0, height: 0 } }), n] }) }); }); at.displayName = "Radio.Item"; var ot = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { checked: i } = rt(); return i ? /* @__PURE__ */ c("span", { ref: r, className: t, "data-checked": "", ...n, children: e }) : null; }); ot.displayName = "Radio.Indicator"; var st = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { disabled: i } = rt(); return /* @__PURE__ */ c("label", { ref: r, className: t, "data-disabled": i ? "" : void 0, ...n, children: e }); }); st.displayName = "Radio.Label"; var ct = { Root: it, Item: at, Indicator: ot, Label: st }, lt = () => /* @__PURE__ */ c("svg", { viewBox: "0 0 20 20", fill: "currentColor", "aria-hidden": "true", className: "size-full", children: /* @__PURE__ */ c("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" }) }), ut = e.forwardRef(({ value: e, defaultValue: t = 0, onChange: n, max: r = 5, disabled: i = !1, readOnly: a = !1, className: o, starClassName: l, ...u }, d) => { let [f, p] = s(t), [m, h] = s(0), g = e !== void 0, _ = g ? e : f, v = m || _, y = (e) => { i || a || (g || p(e), n?.(e)); }; return /* @__PURE__ */ c("div", { ref: d, className: o, role: a ? "img" : "group", "aria-label": a ? `Rating: ${_} out of ${r}` : "Rating", "data-disabled": i ? "" : void 0, "data-readonly": a ? "" : void 0, ...u, children: Array.from({ length: r }, (e, t) => t + 1).map((e) => /* @__PURE__ */ c("button", { type: "button", disabled: i || a, tabIndex: a ? -1 : void 0, className: l, "data-filled": e <= _ ? "" : void 0, "data-highlighted": e <= v ? "" : void 0, "data-disabled": i ? "" : void 0, "aria-label": `${e} out of ${r} stars`, onClick: () => y(e), onMouseEnter: () => { !i && !a && h(e); }, onMouseLeave: () => h(0), children: /* @__PURE__ */ c(lt, {}) }, e)) }); }); ut.displayName = "Rating"; //#endregion //#region src/components/search/Search.tsx var dt = t(null); function K() { let e = r(dt); if (!e) throw new globalThis.Error("Search compound components must be used within Search.Root"); return e; } var ft = e.forwardRef(({ open: e, defaultOpen: t = !1, onOpenChange: r, value: a, defaultSearchValue: l = "", onSearchChange: u, onSelect: d, onSubmitSearch: f, loading: p = !1, searchDelay: m = 1e3, children: h, className: g, ..._ }, v) => { let [y, b] = s(t), x = e !== void 0, S = x ? e : y, [C, w] = s(l), T = a !== void 0, E = T ? a : C, [D, O] = s(-1), [k, A] = s(0), j = o(null), M = o(null), N = o(null), P = v && v || N, F = n((e) => { x || b(e), r?.(e), e || O(-1); }, [x, r]), I = n((e) => { T || w(e), u?.(e), j.current && clearTimeout(j.current), j.current = setTimeout(() => { f?.(); }, m); }, [ T, u, f, m ]), L = n((e) => { j.current && clearTimeout(j.current), d?.(e), T || w(""), u?.(""), F(!1); }, [ d, T, u, F ]), R = n(() => { let e = k; return A((e) => e + 1), e; }, [k]), z = n(() => { A((e) => Math.max(0, e - 1)); }, []); H(P, () => { S && F(!1); }), i(() => () => { j.current && clearTimeout(j.current); }, []); let B = { open: S, onOpenChange: F, searchValue: E, onSearchChange: I, onSelect: L, loading: p, highlightedIndex: D, setHighlightedIndex: O, itemCount: k, registerItem: R, unregisterItem: z, inputRef: M, setInputNode: (e) => { M.current = e; } }; return /* @__PURE__ */ c(dt.Provider, { value: B, children: /* @__PURE__ */ c("div", { ref: P, className: g, "data-loading": p ? "" : void 0, ..._, children: h }) }); }); ft.displayName = "Search.Root"; var pt = e.forwardRef(({ className: e, ...t }, n) => { let r = K(); return /* @__PURE__ */ c("input", { ref: (e) => { r.setInputNode(e), typeof n == "function" ? n(e) : n && (n.current = e); }, type: "text", value: r.searchValue, className: e, onFocus: () => r.onOpenChange(!0), onChange: (e) => r.onSearchChange(e.target.value), onKeyDown: (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.inputRef.current?.blur(); break; } }, ...t }); }); pt.displayName = "Search.Input"; var mt = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { open: i } = K(); return i ? /* @__PURE__ */ c("div", { ref: r, role: "listbox", className: t, "data-state": i ? "open" : "closed", ...n, children: e }) : null; }); mt.displayName = "Search.Content"; var ht = e.forwardRef(({ option: e, children: t, className: n, ...r }, a) => { let s = K(), l = o(-1), { handlers: u, dataAttributes: p } = d(); i(() => (l.current = s.registerItem(), () => s.unregisterItem()), []); let m = s.highlightedIndex === l.current, h = (t) => { u.onKeyDown(t), t.key === "Enter" && s.onSelect(e); }, g = f(r, { ...u, onKeyDown: h }); return /* @__PURE__ */ c("div", { ref: a, role: "option", "aria-selected": m, className: n, "data-highlighted": m ? "" : void 0, ...p, ...g, onClick: (t) => { s.onSelect(e), r.onClick?.(t); }, tabIndex: -1, children: t }); }); ht.displayName = "Search.Item"; var gt = e.forwardRef(({ children: e, className: t, ...n }, r) => { let { itemCount: i, loading: a } = K(); return i > 0 || a ? null : /* @__PURE__ */ c("div", { ref: r, className: t, ...n, children: e }); }); gt.displayName = "Search.Empty"; var _t = { Root: ft, Input: pt, Content: mt, Item: ht, Empty: gt }, vt = t(null); function q() { let e = r(vt); if (!e) throw new globalThis.Error("Select sub-components must be used within Select.Root"); return e; } var yt = e.forwardRef(({ value: e, defaultValue: t = "", onChange: r, disabled: i = !1, className: a, children: l, ...u }, d) => { let [f, p] = s(t), m = e !== void 0, h = m ? e : f, [g, _] = s(!1), [v, y] = s({}), [b, x] = s(""), S = o(null); H(S, () => _(!1)); let C = n((e, t) => { m || p(e), x(t), r?.(e), _(!1); }, [m, r]), w = n((e, t) => { y((n) => ({ ...n, [e]: t })); }, []), T = n((e) => {}, []), E = b || v[h] || ""; return /* @__PURE__ */ c(vt.Provider, { value: { open: g, selectedValue: h, selectedLabel: E, disabled: i, setOpen: _, select: C, registerItem: w, unregisterItem: T }, children: /* @__PURE__ */ c("div", { ref: (e) => { S.current = e, typeof d == "function" ? d(e) : d && (d.current = e); }, className: a, "data-open": g ? "" : void 0, "data-disabled": i ? "" : void 0, ...u, children: l }) }); }); yt.displayName = "Select.Root"; var bt = e.forwardRef(({ className: e, children: t, onClick: n, ...r }, i) => { let { open: a, disabled: o, setOpen: s } = q(), { handlers: l, dataAttributes: u } = d({ disabled: o }), p = f(r, l); return /* @__PURE__ */ c("button", { ref: i, type: "button", "aria-haspopup": "listbox", "aria-expanded": a, disabled: o, className: e, "data-state": a ? "open" : "closed", "data-disabled": o ? "" : void 0, ...u, ...p, onClick: (e) => { o || s(!a), n?.(e); }, onKeyDown: (e) => { e.key === "Escape" && s(!1), (e.key === "ArrowDown" || e.key === "Enter" || e.key === " ") && (e.preventDefault(), s(!0)), l.onKeyDown?.(e); }, children: t }); }); bt.displayName = "Select.Trigger"; var xt = e.forwardRef(({ placeholder: e = "Select an option", className: t, ...n }, r) => { let { selectedLabel: i } = q(); return /* @__PURE__ */ c("span", { ref: r, className: t, "data-placeholder": i ? void 0 : "", ...n, children: i || e }); }); xt.displayName = "Select.Value"; var St = e.forwardRef(({ className: e, children: t, ...n }, r) => { let { open: i } = q(); return i ? /* @__PURE__ */ c("div", { ref: r, role: "listbox", className: e, "data-state": "open", ...n, children: t }) : null; }); St.displayName = "Select.Content"; var Ct = e.forwardRef(({ value: e, textValue: t, disabled: n = !1, className: r, children: a, onClick: o, ...s }, l) => { let { selectedValue: u, select: p, registerItem: m } = q(), { handlers: h, dataAttributes: g } = d({ disabled: n }), _ = f(s, h), v = u === e, y = t ?? (typeof a == "string" ? a : e); return i(() => { m(e, y); }, [ e, y, m ]), /* @__PURE__ */ c("div", { ref: l, role: "option", "aria-selected": v, className: r, "data-selected": v ? "" : void 0, "data-disabled": n ? "" : void 0, ...g, ..._, onClick: (t) => { n || p(e, y), o?.(t); }, onKeyDown: (t) => { (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n || p(e, y)), h.onKeyDown?.(t); }, children: a }); }); Ct.displayName = "Select.Item"; var wt = e.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c("hr", { ref: n, className: e, "aria-hidden": "true", ...t })); wt.displayName = "Select.Separator"; var Tt = e.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ c("div", { ref: r, role: "group", className: e, ...n, children: t })); Tt.displayName = "Select.Group"; var Et = e.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ c("span", { ref: r, className: e, ...n, children: t })); Et.displayName = "Select.GroupLabel"; var Dt = { Root: yt, Trigger: bt, Value: xt, Content: St, Item: Ct, Separator: wt, Group: Tt, GroupLabel: Et }, Ot = 12, kt = e.forwardRef(({ size: e = "medium", color: t, className: n, style: r, ...i }, a) => { let o = t ? { ...r, "--spinner-color": t } : { ...r }; return /* @__PURE__ */ c("div", { ref: a, className: n, role: "status", "aria-label": "Loading", "data-size": e, style: o, ...i, children: Array.from({ length: Ot }, (e, t) => /* @__PURE__ */ c("div", { "data-part": "dot" }, t)) }); }); kt.displayName = "Spinner"; //#endregion //#region src/components/switch/Switch.tsx var At = t({ checked: !1, disabled: !1 }), J = e.forwardRef(({ checked: e, defaultChecked: t = !1, onChange: n, disabled: r = !1, className: i, children: a, onClick: o, ...l }, u) => { let [p, m] = s(t), h = e !== void 0, g = h ? e : p, { handlers: _, dataAttributes: v } = d({ disabled: r }), y = f(l, _), b = () => { r || (h || m((e) => !e), n?.(!g)); }; return /* @__PURE__ */ c(At.Provider, { value: { checked: g, disabled: r }, children: /* @__PURE__ */ c("button", { ref: u, type: "button", role: "switch", "aria-checked": g, disabled: r, className: i, "data-checked": g ? "" : void 0, ...v, ...y, onClick: (e) => { b(), o?.(e); }, children: a }) }); }); J.displayName = "Switch.Root"; var jt = e.forwardRef(({ className: e, ...t }, n) => { let { checked: i, disabled: a } = r(At); return /* @__PURE__ */ c("span", { ref: n, className: e, "data-checked": i ? "" : void 0, "data-disabled": a ? "" : void 0, ...t }); }); jt.displayName = "Switch.Thumb"; var Mt = { Root: J, Thumb: jt }, Nt = t(null); function Y() { let e = r(Nt); if (!e) throw new globalThis.Error("Textarea compound components must be used within Textarea.Root"); return e; } var Pt = e.forwardRef(({ value: e, defaultValue: t = "", onChange: r, onFocus: i, onBlur: o, invalidType: l = "", errorMessage: u = {}, isRequired: d = !1, isSuccess: f = !1, id: p, children: m, className: h, ...g }, _) => { let [v, y] = s(t), b = e !== void 0, x = b ? e : v, [S, C] = s(!1), w = { value: x, textareaId: a(() => p || z.generateUUID(), [p]), isActive: S, invalidType: l, isSuccess: f, isRequired: d, errorMessage: u, handleChange: n((e) => { b || y(e), r?.(e); }, [b, r]), handleFocus: n(() => { C(!0), i?.(); }, [i]), handleBlur: n(() => { C(!1), o?.(); }, [o]) }; return /* @__PURE__ */ c(Nt.Provider, { value: w, children: /* @__PURE__ */ c("div", { ref: _, className: h, ...g, children: m }) }); }); Pt.displayName = "Textarea.Root"; var Ft = e.forwardRef(({ className: e, ...t }, n) => { let r = Y(); return /* @__PURE__ */ c("textarea", { ref: n, id: r.textareaId, value: r.value, required: r.isRequired, className: e, "aria-required": r.isRequired || void 0, "aria-invalid": r.invalidType ? !0 : void 0, "data-invalid": r.invalidType ? "" : void 0, "data-active": r.isActive ? "" : void 0, "data-success": r.isSuccess ? "" : void 0, onFocus: r.handleFocus, onBlur: r.handleBlur, onChange: (e) => r.handleChange(e.target.value), ...t }); }); Ft.displayName = "Textarea.Field"; var It = e.forwardRef(({ children: e, className: t, ...n }, r) => { let i = Y(); return /* @__PURE__ */ l("label", { ref: r, htmlFor: i.textareaId, className: t, ...n, children: [i.isRequired && /* @__PURE__ */ c("span", { children: "*" }), e] }); }); It.displayName = "Textarea.Label"; var Lt = e.forwardRef(({ children: e, className: t, ...n }, r) => { let i = Y(); if (!i.invalidType) return null; let a = e ?? i.errorMessage[i.invalidType]; return /* @__PURE__ */ c("small", { ref: r, role: "alert", className: t, ...n, children: a }); }); Lt.displayName = "Textarea.Error"; var Rt = { Root: Pt, Field: Ft, Label: It, Error: Lt }, X = 1e3 * 60, Z = X * 60, zt = Z * 24, Bt = 6e4, Vt = { 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" ] }, Ht = (e) => e === 1 ? "one" : "other"; function Q(e) { return new Date(e); } function Ut(e) { let t = e instanceof Date ? e.getTime() : e; return Math.floor((/* @__PURE__ */ new Date()).getTime() - t); } var Wt = e.forwardRef(({ datetime: e, isLive: t = !1, isDuration: r = !1, timeOnly: a = !1, format: l = Vt, pluralize: u = Ht, className: d, ...f }, p) => { let m = n(() => { let t = Q(e), n = t.getHours(), r = t.getMinutes(); return `${n.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`; }, [e]), h = n(() => { let t = Ut(Q(e)), n = l.past; if (t < X) return l.just; let r; if (t < Z) { let e = Math.round(t / X), n = u(e); r = l.minute[n].replace("#num", e.toString()); } else { let e = Math.round(t / Z), n = u(e); r = l.hour[n].replace("#num", e.toString()); } return n.replace("#time", r); }, [ e, l, u ]), g = n(() => { let t = Q(e), n = /* @__PURE__ */ new Date(), r = m(), i = new Date(t), a = new Date(n); if (i.setHours(0, 0, 0, 0), a.setHours(0, 0, 0, 0), i.getTime() === a.getTime()) return l.today.replace("#time", r); let o = Math.floor((n.getTime() - t.getTime()) / zt), s = l.days[t.getDay()]; if (o < 7) return `${s}, ${r}`; let c = t.getDate(), u = l.months[t.getMonth()], d = t.getFullYear(); return d === n.getFullYear() ? `${u} ${c}, ${r}` : `${u} ${c} ${d}, ${r}`; }, [ e, l, m ]), _ = n(() => r ? h() : a ? m() : g(), [ r, a, h, m, g ]), [v, y] = s(0), b = o(null); i(() => (t && (b.current = setInterval(() => { y((e) => e + 1); }, Bt)), () => { b.current && clearInterval(b.current); }), [t]); let x = _(); return /* @__PURE__ */ c("time", { ref: p, className: d, ...f, children: x }); }); Wt.displayName = "Timeago"; //#endregion //#region src/components/tooltip/Tooltip.tsx var $ = t({ open: !1, setOpen: () => {} }), Gt = ({ open: e, defaultOpen: t = !1, onOpenChange: n, delayDuration: r = 300, children: i }) => { let [a, l] = s(t), u = e !== void 0, d = u ? e : a, f = o(null); return /* @__PURE__ */ c($.Provider, { value: { open: d, setOpen: (e) => { f.current &&= (clearTimeout(f.current), null), e ? f.current = setTimeout(() => { u || l(!0), n?.(!0); }, r) : (u || l(!1), n?.(!1)); } }, children: /* @__PURE__ */ c("span", { style: { position: "relative", display: "inline-block" }, children: i }) }); }; Gt.displayName = "Tooltip.Root"; var Kt = e.forwardRef(({ children: e, onMouseEnter: t, onMouseLeave: n, onFocus: i, onBlur: a, ...o }, s) => { let { setOpen: l } = r($); return /* @__PURE__ */ c("span", { ref: s, onMouseEnter: (e) => { l(!0), t?.(e); }, onMouseLeave: (e) => { l(!1), n?.(e); }, onFocus: (e) => { l(!0), i?.(e); }, onBlur: (e) => { l(!1), a?.(e); }, ...o, children: e }); }); Kt.displayName = "Tooltip.Trigger"; var qt = e.forwardRef(({ side: e = "top", className: t, children: n, style: i, ...a }, o) => { let { open: s } = r($), l = { position: "absolute", zIndex: 50, pointerEvents: "none", ...e === "top" && { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: 8 }, ...e === "bottom" && { top: "100%", left: "50%", transform: "translateX(-50%)", marginTop: 8 }, ...e === "left" && { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: 8 }, ...e === "right" && { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: 8 } }; return /* @__PURE__ */ c("span", { ref: o, role: "tooltip", "data-state": s ? "open" : "closed", "data-side": e, className: t, style: { ...l, ...i }, ...a, children: n }); }); qt.displayName = "Tooltip.Content"; var Jt = { Root: Gt, Trigger: Kt, Content: qt }; //#endregion export { x as Accordion, O as Alert, P as Avatar, F as Badge, I as Button, L as Card, se as Checkbox, R as Divider, he as Drawer, xe as Dropdown, Ce as Icon, we as Image, Ae as Input, je as List, Re as Modal, Ge as OTP, Qe as Password, $e as ProgressBar, ct as Radio, ut as Rating, _t as Search, Dt as Select, kt as Spinner, Mt as Switch, Rt as Textarea, Wt as Timeago, Jt as Tooltip, H as useClickOutside, d as useInteractiveState };

Avatar

Preview

Anatomy

Image data attributes