@editora/ui-react 0.1.0

package/dist/index.esm.js

@@ -0,0 +1,4051 @@
+import * as Z from "react";
+import F, { useRef as X, useEffect as S, useImperativeHandle as z, createContext as be, useMemo as Le, useContext as me, useCallback as ie, useState as ae } from "react";
+import { createDialogManager as Se, showToast as oe, computePosition as Fe, applyTheme as xe, registerThemeHost as Be, defaultTokens as de, createAlertDialogManager as Te } from "@editora/ui-core";
+function Mt(N) {
+  const { children: f, onClick: t, variant: s, size: i, icon: u, loading: b, block: n, headless: r, disabled: d, animation: m, theme: l, ...E } = N, p = X(null), L = typeof window < "u" ? F.useLayoutEffect : F.useEffect;
+  S(() => {
+    const a = p.current;
+    if (!a)
+      return;
+    const A = (e) => t && t(e);
+    return t && a.addEventListener("click", A), () => {
+      t && a.removeEventListener("click", A);
+    };
+  }, [t]), L(() => {
+    const a = p.current;
+    a && (s ? a.setAttribute("variant", s) : a.removeAttribute("variant"), i ? a.setAttribute("size", i) : a.removeAttribute("size"), u ? a.setAttribute("icon", u) : a.removeAttribute("icon"), b ? a.setAttribute("loading", "") : a.removeAttribute("loading"), n ? a.setAttribute("block", "") : a.removeAttribute("block"), r ? a.setAttribute("headless", "") : a.removeAttribute("headless"), d ? a.setAttribute("disabled", "") : a.removeAttribute("disabled"), m ? a.setAttribute("animation", m) : a.removeAttribute("animation"), l && l !== "default" ? a.setAttribute("theme", l) : a.removeAttribute("theme"));
+  }, [s, i, u, b, n, r, d, m, l]);
+  const v = {
+    ref: p,
+    ...E,
+    variant: s,
+    size: i,
+    icon: u,
+    animation: m,
+    theme: l && l !== "default" ? l : void 0,
+    loading: b ? "" : void 0,
+    block: n ? "" : void 0,
+    headless: r ? "" : void 0,
+    disabled: d ? "" : void 0
+  };
+  return F.createElement("ui-button", v, f);
+}
+const De = F.forwardRef(function({
+  children: f,
+  text: t,
+  placement: s,
+  open: i,
+  disabled: u,
+  headless: b,
+  variant: n,
+  size: r,
+  tone: d,
+  delay: m,
+  closeDelay: l,
+  trigger: E,
+  offset: p,
+  interactive: L,
+  arrow: v,
+  onOpen: a,
+  onClose: A,
+  onOpenChange: e,
+  ...o
+}, g) {
+  const y = X(null);
+  return z(g, () => y.current), S(() => {
+    const w = y.current;
+    if (!w)
+      return;
+    const c = () => {
+      a == null || a();
+    }, R = () => {
+      A == null || A();
+    }, h = (k) => {
+      const x = k.detail;
+      x && typeof x.open == "boolean" && (e == null || e(x.open));
+    };
+    return w.addEventListener("open", c), w.addEventListener("close", R), w.addEventListener("change", h), () => {
+      w.removeEventListener("open", c), w.removeEventListener("close", R), w.removeEventListener("change", h);
+    };
+  }, [a, A, e]), S(() => {
+    const w = y.current;
+    if (!w)
+      return;
+    const c = (h, k) => {
+      const x = w.getAttribute(h);
+      if (k == null) {
+        x != null && w.removeAttribute(h);
+        return;
+      }
+      x !== k && w.setAttribute(h, k);
+    }, R = (h, k) => {
+      k ? c(h, "") : c(h, null);
+    };
+    c("text", t || null), c("placement", s || null), R("open", i), R("disabled", u), R("headless", b), c("variant", n && n !== "default" ? n : null), c("size", r && r !== "md" ? r : null), c("tone", d && d !== "default" ? d : null), c("delay", typeof m == "number" && Number.isFinite(m) ? String(m) : null), c("close-delay", typeof l == "number" && Number.isFinite(l) ? String(l) : null), c("trigger", E || null), c("offset", typeof p == "number" && Number.isFinite(p) ? String(p) : null), R("interactive", L), typeof v == "boolean" ? c("arrow", v ? "true" : "false") : c("arrow", null);
+  }, [t, s, i, u, b, n, r, d, m, l, E, p, L, v]), F.createElement("ui-tooltip", { ref: y, ...o }, f);
+});
+De.displayName = "Tooltip";
+function zt(N) {
+  const {
+    title: f,
+    description: t,
+    tone: s,
+    variant: i,
+    layout: u,
+    dismissible: b,
+    open: n,
+    headless: r,
+    onClose: d,
+    children: m,
+    ...l
+  } = N, E = X(null);
+  return S(() => {
+    const p = E.current;
+    if (!p)
+      return;
+    const L = () => d == null ? void 0 : d();
+    return p.addEventListener("close", L), () => p.removeEventListener("close", L);
+  }, [d]), S(() => {
+    const p = E.current;
+    p && (f ? p.setAttribute("title", f) : p.removeAttribute("title"), t ? p.setAttribute("description", t) : p.removeAttribute("description"), s ? p.setAttribute("tone", s) : p.removeAttribute("tone"), i ? p.setAttribute("variant", i) : p.removeAttribute("variant"), u ? p.setAttribute("layout", u) : p.removeAttribute("layout"), b ? p.setAttribute("dismissible", "") : p.removeAttribute("dismissible"), r ? p.setAttribute("headless", "") : p.removeAttribute("headless"), typeof n == "boolean" && (n ? p.removeAttribute("hidden") : p.setAttribute("hidden", "")));
+  }, [f, t, s, i, u, b, n, r]), F.createElement("ui-alert", { ref: E, ...l }, m);
+}
+const qe = F.forwardRef(function({
+  children: f,
+  open: t,
+  placement: s,
+  variant: i,
+  density: u,
+  shape: b,
+  elevation: n,
+  tone: r,
+  closeOnSelect: d,
+  typeahead: m,
+  onOpen: l,
+  onClose: E,
+  onChange: p,
+  onSelect: L,
+  ...v
+}, a) {
+  const A = X(null);
+  return F.useImperativeHandle(a, () => A.current), S(() => {
+    const e = A.current;
+    if (!e)
+      return;
+    const o = () => l == null ? void 0 : l(), g = () => E == null ? void 0 : E(), y = (c) => {
+      var h;
+      const R = (h = c.detail) == null ? void 0 : h.open;
+      typeof R == "boolean" && (p == null || p(R));
+    }, w = (c) => {
+      L == null || L(c.detail || {});
+    };
+    return e.addEventListener("open", o), e.addEventListener("close", g), e.addEventListener("change", y), e.addEventListener("select", w), () => {
+      e.removeEventListener("open", o), e.removeEventListener("close", g), e.removeEventListener("change", y), e.removeEventListener("select", w);
+    };
+  }, [l, E, p, L]), S(() => {
+    const e = A.current;
+    !e || t == null || (t ? e.setAttribute("open", "") : e.removeAttribute("open"));
+  }, [t]), S(() => {
+    const e = A.current;
+    e && (s ? e.setAttribute("placement", s) : e.removeAttribute("placement"));
+  }, [s]), S(() => {
+    const e = A.current;
+    e && (i && i !== "default" ? e.setAttribute("variant", i) : e.removeAttribute("variant"));
+  }, [i]), S(() => {
+    const e = A.current;
+    e && (u && u !== "default" ? e.setAttribute("density", u) : e.removeAttribute("density"));
+  }, [u]), S(() => {
+    const e = A.current;
+    e && (b && b !== "default" ? e.setAttribute("shape", b) : e.removeAttribute("shape"));
+  }, [b]), S(() => {
+    const e = A.current;
+    e && (n && n !== "default" ? e.setAttribute("elevation", n) : e.removeAttribute("elevation"));
+  }, [n]), S(() => {
+    const e = A.current;
+    e && (r && r !== "default" && r !== "brand" ? e.setAttribute("tone", r) : e.removeAttribute("tone"));
+  }, [r]), S(() => {
+    const e = A.current;
+    if (e) {
+      if (d == null) {
+        e.removeAttribute("close-on-select");
+        return;
+      }
+      e.setAttribute("close-on-select", d ? "true" : "false");
+    }
+  }, [d]), S(() => {
+    const e = A.current;
+    if (e) {
+      if (m == null) {
+        e.removeAttribute("typeahead");
+        return;
+      }
+      e.setAttribute("typeahead", m ? "true" : "false");
+    }
+  }, [m]), F.createElement("ui-dropdown", { ref: A, ...v }, f);
+});
+qe.displayName = "Dropdown";
+const $e = F.forwardRef(function(f, t) {
+  const {
+    value: s,
+    onChange: i,
+    onInput: u,
+    onDebouncedInput: b,
+    onClear: n,
+    clearable: r,
+    debounce: d,
+    validation: m,
+    size: l,
+    minlength: E,
+    maxlength: p,
+    readOnly: L,
+    autofocus: v,
+    disabled: a,
+    counter: A,
+    floatingLabel: e,
+    type: o,
+    name: g,
+    required: y,
+    pattern: w,
+    inputMode: c,
+    autoComplete: R,
+    min: h,
+    max: k,
+    step: x,
+    spellCheck: q,
+    placeholder: B,
+    headless: H,
+    variant: Y,
+    tone: P,
+    density: T,
+    shape: D,
+    color: $,
+    radius: J,
+    label: G,
+    description: Q,
+    children: _,
+    ...U
+  } = f, K = X(null);
+  return z(t, () => K.current), S(() => {
+    const j = K.current;
+    if (!j)
+      return;
+    const O = (te) => {
+      const V = te.detail;
+      typeof (V == null ? void 0 : V.value) == "string" && (u == null || u(V.value));
+    }, I = (te) => {
+      const V = te.detail;
+      typeof (V == null ? void 0 : V.value) == "string" && (i == null || i(V.value));
+    }, le = (te) => {
+      const V = te.detail;
+      typeof (V == null ? void 0 : V.value) == "string" && (b == null || b(V.value));
+    }, se = () => {
+      n == null || n();
+    };
+    return j.addEventListener("input", O), j.addEventListener("change", I), j.addEventListener("debounced-input", le), j.addEventListener("clear", se), () => {
+      j.removeEventListener("input", O), j.removeEventListener("change", I), j.removeEventListener("debounced-input", le), j.removeEventListener("clear", se);
+    };
+  }, [i, u, b, n]), S(() => {
+    const j = K.current;
+    j && (r ? j.setAttribute("clearable", "") : j.removeAttribute("clearable"), typeof d == "number" && Number.isFinite(d) ? j.setAttribute("debounce", String(d)) : j.removeAttribute("debounce"), m && m !== "none" ? j.setAttribute("validation", m) : j.removeAttribute("validation"), l && l !== "md" && l !== "2" ? j.setAttribute("size", String(l)) : j.removeAttribute("size"), typeof E == "number" ? j.setAttribute("minlength", String(E)) : j.removeAttribute("minlength"), typeof p == "number" ? j.setAttribute("maxlength", String(p)) : j.removeAttribute("maxlength"), L ? j.setAttribute("readonly", "") : j.removeAttribute("readonly"), v ? j.setAttribute("autofocus", "") : j.removeAttribute("autofocus"), a ? j.setAttribute("disabled", "") : j.removeAttribute("disabled"), A ? j.setAttribute("counter", "") : j.removeAttribute("counter"), e ? j.setAttribute("floating-label", "") : j.removeAttribute("floating-label"), o ? j.setAttribute("type", o) : j.removeAttribute("type"), g ? j.setAttribute("name", g) : j.removeAttribute("name"), y ? j.setAttribute("required", "") : j.removeAttribute("required"), w ? j.setAttribute("pattern", w) : j.removeAttribute("pattern"), c ? j.setAttribute("inputmode", c) : j.removeAttribute("inputmode"), R ? j.setAttribute("autocomplete", R) : j.removeAttribute("autocomplete"), h != null && h !== "" ? j.setAttribute("min", String(h)) : j.removeAttribute("min"), k != null && k !== "" ? j.setAttribute("max", String(k)) : j.removeAttribute("max"), x != null && x !== "" ? j.setAttribute("step", String(x)) : j.removeAttribute("step"), typeof q == "boolean" ? j.setAttribute("spellcheck", q ? "true" : "false") : j.removeAttribute("spellcheck"), B ? j.setAttribute("placeholder", B) : j.removeAttribute("placeholder"), H ? j.setAttribute("headless", "") : j.removeAttribute("headless"), Y && Y !== "classic" ? j.setAttribute("variant", Y) : j.removeAttribute("variant"), P && P !== "default" ? j.setAttribute("tone", P) : j.removeAttribute("tone"), T && T !== "default" ? j.setAttribute("density", T) : j.removeAttribute("density"), D && D !== "default" ? j.setAttribute("shape", D) : j.removeAttribute("shape"), $ ? j.setAttribute("color", $) : j.removeAttribute("color"), J ? j.setAttribute("radius", String(J)) : j.removeAttribute("radius"), G ? j.setAttribute("label", G) : j.removeAttribute("label"), Q ? j.setAttribute("description", Q) : j.removeAttribute("description"));
+  }, [
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w,
+    c,
+    R,
+    h,
+    k,
+    x,
+    q,
+    B,
+    H,
+    Y,
+    P,
+    T,
+    D,
+    $,
+    J,
+    G,
+    Q
+  ]), F.createElement("ui-input", { ref: K, value: s ?? void 0, ...U }, _);
+});
+$e.displayName = "Input";
+const Je = F.forwardRef(function({
+  value: f,
+  onChange: t,
+  onInput: s,
+  onDebouncedInput: i,
+  onClear: u,
+  clearable: b,
+  debounce: n,
+  validation: r,
+  size: d,
+  minlength: m,
+  maxlength: l,
+  rows: E,
+  readOnly: p,
+  autofocus: L,
+  disabled: v,
+  name: a,
+  required: A,
+  placeholder: e,
+  resize: o,
+  variant: g,
+  color: y,
+  radius: w,
+  label: c,
+  description: R,
+  autosize: h,
+  maxRows: k,
+  showCount: x,
+  density: q,
+  tone: B,
+  headless: H,
+  children: Y,
+  ...P
+}, T) {
+  const D = X(null);
+  return z(T, () => D.current), S(() => {
+    const $ = D.current;
+    if (!$)
+      return;
+    const J = (U) => {
+      const K = U.detail;
+      K && (s == null || s(K.value));
+    }, G = (U) => {
+      const K = U.detail;
+      K && (t == null || t(K.value));
+    }, Q = (U) => {
+      const K = U.detail;
+      K && (i == null || i(K.value));
+    }, _ = () => u == null ? void 0 : u();
+    return $.addEventListener("input", J), $.addEventListener("change", G), $.addEventListener("debounced-input", Q), $.addEventListener("clear", _), () => {
+      $.removeEventListener("input", J), $.removeEventListener("change", G), $.removeEventListener("debounced-input", Q), $.removeEventListener("clear", _);
+    };
+  }, [t, s, i, u]), S(() => {
+    const $ = D.current;
+    if (!$)
+      return;
+    const J = (Q, _) => {
+      const U = $.getAttribute(Q);
+      if (_ == null) {
+        U != null && $.removeAttribute(Q);
+        return;
+      }
+      U !== _ && $.setAttribute(Q, _);
+    }, G = (Q, _) => {
+      _ ? J(Q, "") : J(Q, null);
+    };
+    J("value", f != null ? String(f) : null), G("clearable", b), G("readonly", p), G("autofocus", L), G("disabled", v), G("required", A), G("autosize", h), G("show-count", x), G("headless", H), J("debounce", typeof n == "number" && Number.isFinite(n) ? String(n) : null), J("validation", r && r !== "none" ? r : null), J("size", d && d !== "md" && d !== "2" ? String(d) : null), J("minlength", typeof m == "number" ? String(m) : null), J("maxlength", typeof l == "number" ? String(l) : null), J("rows", typeof E == "number" ? String(E) : null), J("name", a || null), J("placeholder", e || null), J("resize", o || null), J("variant", g && g !== "classic" ? g : null), J("color", y || null), J("radius", w ? String(w) : null), J("label", c || null), J("description", R || null), J("max-rows", typeof k == "number" ? String(k) : null), J("density", q && q !== "default" ? q : null), J("tone", B && B !== "brand" ? B : null);
+  }, [
+    f,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w,
+    c,
+    R,
+    h,
+    k,
+    x,
+    q,
+    B,
+    H
+  ]), F.createElement("ui-textarea", { ref: D, ...P }, Y);
+});
+Je.displayName = "Textarea";
+function Wt(N) {
+  const {
+    children: f,
+    label: t,
+    description: s,
+    error: i,
+    htmlFor: u,
+    required: b,
+    invalid: n,
+    orientation: r,
+    variant: d,
+    tone: m,
+    density: l,
+    shape: E,
+    labelWidth: p,
+    headless: L,
+    ...v
+  } = N, a = X(null);
+  return S(() => {
+    const A = a.current;
+    A && (t != null && t !== "" ? A.setAttribute("label", t) : A.removeAttribute("label"), s != null && s !== "" ? A.setAttribute("description", s) : A.removeAttribute("description"), i != null && i !== "" ? A.setAttribute("error", i) : A.removeAttribute("error"), u ? A.setAttribute("for", u) : A.removeAttribute("for"), b ? A.setAttribute("required", "") : A.removeAttribute("required"), n ? A.setAttribute("invalid", "") : A.removeAttribute("invalid"), r && r !== "vertical" ? A.setAttribute("orientation", r) : A.removeAttribute("orientation"), d && d !== "default" ? A.setAttribute("variant", d) : A.removeAttribute("variant"), m && m !== "default" ? A.setAttribute("tone", m) : A.removeAttribute("tone"), l && l !== "default" ? A.setAttribute("density", l) : A.removeAttribute("density"), E && E !== "default" ? A.setAttribute("shape", E) : A.removeAttribute("shape"), p ? A.setAttribute("label-width", p) : A.removeAttribute("label-width"), L ? A.setAttribute("headless", "") : A.removeAttribute("headless"));
+  }, [
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L
+  ]), F.createElement("ui-field", { ref: a, ...v }, f);
+}
+function It(N) {
+  const {
+    value: f,
+    onChange: t,
+    onInput: s,
+    onDebouncedInput: i,
+    onSelect: u,
+    onOpen: b,
+    onClose: n,
+    onClear: r,
+    clearable: d,
+    debounce: m,
+    validation: l,
+    size: E,
+    maxlength: p,
+    readOnly: L,
+    autofocus: v,
+    disabled: a,
+    name: A,
+    required: e,
+    placeholder: o,
+    variant: g,
+    radius: y,
+    label: w,
+    description: c,
+    emptyText: R,
+    noFilter: h,
+    allowCustom: k,
+    children: x,
+    ...q
+  } = N, B = X(null);
+  return S(() => {
+    const H = B.current;
+    if (!H)
+      return;
+    const Y = (Q) => {
+      var U;
+      const _ = (U = Q.detail) == null ? void 0 : U.query;
+      typeof _ == "string" && (s == null || s(_));
+    }, P = (Q) => {
+      var U;
+      const _ = (U = Q.detail) == null ? void 0 : U.value;
+      typeof _ == "string" && (t == null || t(_));
+    }, T = (Q) => {
+      var U;
+      const _ = (U = Q.detail) == null ? void 0 : U.query;
+      typeof _ == "string" && (i == null || i(_));
+    }, D = (Q) => {
+      const _ = Q.detail;
+      typeof (_ == null ? void 0 : _.value) == "string" && (u == null || u(_.value, _.label || _.value));
+    }, $ = () => b == null ? void 0 : b(), J = () => n == null ? void 0 : n(), G = () => r == null ? void 0 : r();
+    return H.addEventListener("input", Y), H.addEventListener("change", P), H.addEventListener("debounced-input", T), H.addEventListener("select", D), H.addEventListener("open", $), H.addEventListener("close", J), H.addEventListener("clear", G), () => {
+      H.removeEventListener("input", Y), H.removeEventListener("change", P), H.removeEventListener("debounced-input", T), H.removeEventListener("select", D), H.removeEventListener("open", $), H.removeEventListener("close", J), H.removeEventListener("clear", G);
+    };
+  }, [t, s, i, u, b, n, r]), S(() => {
+    const H = B.current;
+    H && (d ? H.setAttribute("clearable", "") : H.removeAttribute("clearable"), typeof m == "number" && Number.isFinite(m) ? H.setAttribute("debounce", String(m)) : H.removeAttribute("debounce"), l && l !== "none" ? H.setAttribute("validation", l) : H.removeAttribute("validation"), E && E !== "md" && E !== "2" ? H.setAttribute("size", String(E)) : H.removeAttribute("size"), typeof p == "number" ? H.setAttribute("maxlength", String(p)) : H.removeAttribute("maxlength"), L ? H.setAttribute("readonly", "") : H.removeAttribute("readonly"), v ? H.setAttribute("autofocus", "") : H.removeAttribute("autofocus"), a ? H.setAttribute("disabled", "") : H.removeAttribute("disabled"), A ? H.setAttribute("name", A) : H.removeAttribute("name"), e ? H.setAttribute("required", "") : H.removeAttribute("required"), o ? H.setAttribute("placeholder", o) : H.removeAttribute("placeholder"), g ? H.setAttribute("variant", g) : H.removeAttribute("variant"), y ? H.setAttribute("radius", String(y)) : H.removeAttribute("radius"), w ? H.setAttribute("label", w) : H.removeAttribute("label"), c ? H.setAttribute("description", c) : H.removeAttribute("description"), R ? H.setAttribute("empty-text", R) : H.removeAttribute("empty-text"), h ? H.setAttribute("no-filter", "") : H.removeAttribute("no-filter"), k ? H.setAttribute("allow-custom", "") : H.removeAttribute("allow-custom"));
+  }, [
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w,
+    c,
+    R,
+    h,
+    k
+  ]), F.createElement("ui-combobox", { ref: B, value: f, ...q }, x);
+}
+function Ot(N) {
+  const {
+    text: f,
+    tone: t,
+    variant: s,
+    size: i,
+    radius: u,
+    pill: b,
+    dot: n,
+    removable: r,
+    autoRemove: d,
+    iconOnly: m,
+    disabled: l,
+    onRemove: E,
+    children: p,
+    ...L
+  } = N, v = X(null);
+  return S(() => {
+    const a = v.current;
+    if (!a)
+      return;
+    const A = () => E == null ? void 0 : E();
+    return a.addEventListener("remove", A), () => a.removeEventListener("remove", A);
+  }, [E]), S(() => {
+    const a = v.current;
+    a && (f ? a.setAttribute("text", f) : a.removeAttribute("text"), t ? a.setAttribute("tone", t) : a.removeAttribute("tone"), s ? a.setAttribute("variant", s) : a.removeAttribute("variant"), i && i !== "md" && i !== "2" ? a.setAttribute("size", i) : a.removeAttribute("size"), u ? a.setAttribute("radius", String(u)) : a.removeAttribute("radius"), b ? a.setAttribute("pill", "") : a.removeAttribute("pill"), n ? a.setAttribute("dot", "") : a.removeAttribute("dot"), r ? a.setAttribute("removable", "") : a.removeAttribute("removable"), d ? a.setAttribute("auto-remove", "") : a.removeAttribute("auto-remove"), m ? a.setAttribute("icon-only", "") : a.removeAttribute("icon-only"), l ? a.setAttribute("disabled", "") : a.removeAttribute("disabled"));
+  }, [f, t, s, i, u, b, n, r, d, m, l]), F.createElement("ui-badge", { ref: v, ...L }, p);
+}
+function Vt(N) {
+  const {
+    title: f,
+    description: t,
+    actionLabel: s,
+    tone: i,
+    compact: u,
+    headless: b,
+    onAction: n,
+    children: r,
+    ...d
+  } = N, m = X(null);
+  return S(() => {
+    const l = m.current;
+    if (!l)
+      return;
+    const E = () => n == null ? void 0 : n();
+    return l.addEventListener("action", E), () => l.removeEventListener("action", E);
+  }, [n]), S(() => {
+    const l = m.current;
+    l && (f ? l.setAttribute("title", f) : l.removeAttribute("title"), t ? l.setAttribute("description", t) : l.removeAttribute("description"), s ? l.setAttribute("action-label", s) : l.removeAttribute("action-label"), i ? l.setAttribute("tone", i) : l.removeAttribute("tone"), u ? l.setAttribute("compact", "") : l.removeAttribute("compact"), b ? l.setAttribute("headless", "") : l.removeAttribute("headless"));
+  }, [f, t, s, i, u, b]), F.createElement("ui-empty-state", { ref: m, ...d }, r);
+}
+function Ct(N) {
+  const {
+    sortable: f,
+    selectable: t,
+    multiSelect: s,
+    striped: i,
+    hover: u,
+    compact: b,
+    bordered: n,
+    stickyHeader: r,
+    loading: d,
+    headless: m,
+    emptyText: l,
+    onSortChange: E,
+    onRowSelect: p,
+    children: L,
+    ...v
+  } = N, a = X(null);
+  return S(() => {
+    const A = a.current;
+    if (!A)
+      return;
+    const e = (g) => {
+      const y = g.detail;
+      y && (E == null || E(y));
+    }, o = (g) => {
+      const y = g.detail;
+      y && (p == null || p(y));
+    };
+    return A.addEventListener("sort-change", e), A.addEventListener("row-select", o), () => {
+      A.removeEventListener("sort-change", e), A.removeEventListener("row-select", o);
+    };
+  }, [E, p]), F.createElement(
+    "ui-table",
+    {
+      ref: a,
+      ...v,
+      ...f ? { sortable: "" } : {},
+      ...t ? { selectable: "" } : {},
+      ...s ? { "multi-select": "" } : {},
+      ...i ? { striped: "" } : {},
+      ...u ? { hover: "" } : {},
+      ...b ? { compact: "" } : {},
+      ...n ? { bordered: "" } : {},
+      ...r ? { "sticky-header": "" } : {},
+      ...d ? { loading: "" } : {},
+      ...m ? { headless: "" } : {},
+      ...l ? { "empty-text": l } : {}
+    },
+    L
+  );
+}
+function er(N) {
+  const {
+    sortable: f,
+    selectable: t,
+    multiSelect: s,
+    striped: i,
+    hover: u,
+    compact: b,
+    bordered: n,
+    stickyHeader: r,
+    loading: d,
+    headless: m,
+    hideSummary: l,
+    emptyText: E,
+    page: p,
+    pageSize: L,
+    paginationId: v,
+    filterQuery: a,
+    filterColumn: A,
+    filterRules: e,
+    columnOrder: o,
+    pinColumns: g,
+    draggableColumns: y,
+    resizableColumns: w,
+    bulkActionsLabel: c,
+    bulkClearLabel: R,
+    virtualize: h,
+    rowHeight: k,
+    overscan: x,
+    onSortChange: q,
+    onRowSelect: B,
+    onPageChange: H,
+    onFilterChange: Y,
+    onColumnResize: P,
+    onVirtualRangeChange: T,
+    onColumnOrderChange: D,
+    onBulkClear: $,
+    children: J,
+    ...G
+  } = N, Q = X(null);
+  S(() => {
+    const K = Q.current;
+    if (!K)
+      return;
+    const j = (C) => {
+      const W = C.detail;
+      W && (q == null || q(W));
+    }, O = (C) => {
+      const W = C.detail;
+      W && (B == null || B(W));
+    }, I = (C) => {
+      const W = C.detail;
+      W && (H == null || H(W));
+    }, le = (C) => {
+      const W = C.detail;
+      W && (Y == null || Y(W));
+    }, se = (C) => {
+      const W = C.detail;
+      W && (P == null || P(W));
+    }, te = (C) => {
+      const W = C.detail;
+      W && (T == null || T(W));
+    }, V = (C) => {
+      const W = C.detail;
+      W && (D == null || D(W));
+    }, ce = (C) => {
+      const W = C.detail;
+      W && ($ == null || $(W));
+    };
+    return K.addEventListener("sort-change", j), K.addEventListener("row-select", O), K.addEventListener("page-change", I), K.addEventListener("filter-change", le), K.addEventListener("column-resize", se), K.addEventListener("virtual-range-change", te), K.addEventListener("column-order-change", V), K.addEventListener("bulk-clear", ce), () => {
+      K.removeEventListener("sort-change", j), K.removeEventListener("row-select", O), K.removeEventListener("page-change", I), K.removeEventListener("filter-change", le), K.removeEventListener("column-resize", se), K.removeEventListener("virtual-range-change", te), K.removeEventListener("column-order-change", V), K.removeEventListener("bulk-clear", ce);
+    };
+  }, [
+    q,
+    B,
+    H,
+    Y,
+    P,
+    T,
+    D,
+    $
+  ]);
+  const _ = e && e.length ? (() => {
+    try {
+      return JSON.stringify(e);
+    } catch {
+      return;
+    }
+  })() : void 0, U = typeof g == "string" ? g.trim() || void 0 : g && typeof g == "object" ? (() => {
+    try {
+      return JSON.stringify(g);
+    } catch {
+      return;
+    }
+  })() : void 0;
+  return F.createElement(
+    "ui-data-table",
+    {
+      ref: Q,
+      ...G,
+      ...f ? { sortable: "" } : {},
+      ...t ? { selectable: "" } : {},
+      ...s ? { "multi-select": "" } : {},
+      ...i ? { striped: "" } : {},
+      ...u ? { hover: "" } : {},
+      ...b ? { compact: "" } : {},
+      ...n ? { bordered: "" } : {},
+      ...r ? { "sticky-header": "" } : {},
+      ...d ? { loading: "" } : {},
+      ...m ? { headless: "" } : {},
+      ...l ? { "hide-summary": "" } : {},
+      ...E ? { "empty-text": E } : {},
+      ...typeof p == "number" && Number.isFinite(p) ? { page: String(p) } : {},
+      ...typeof L == "number" && Number.isFinite(L) ? { "page-size": String(L) } : {},
+      ...v ? { "pagination-id": v } : {},
+      ...typeof a == "string" ? { "filter-query": a } : {},
+      ...typeof A == "number" && Number.isFinite(A) ? { "filter-column": String(A) } : typeof A == "string" && A.trim() ? { "filter-column": A } : {},
+      ..._ ? { filters: _ } : {},
+      ...o ? { "column-order": o } : {},
+      ...U ? { "pin-columns": U } : {},
+      ...y ? { "draggable-columns": "" } : {},
+      ...w ? { "resizable-columns": "" } : {},
+      ...c ? { "bulk-actions-label": c } : {},
+      ...R ? { "bulk-clear-label": R } : {},
+      ...h ? { virtualize: "" } : {},
+      ...typeof k == "number" && Number.isFinite(k) ? { "row-height": String(k) } : {},
+      ...typeof x == "number" && Number.isFinite(x) ? { overscan: String(x) } : {}
+    },
+    J
+  );
+}
+const je = F.forwardRef(function({ data: f, values: t, labels: s, type: i, variant: u, title: b, subtitle: n, headless: r, children: d, ...m }, l) {
+  const E = X(null);
+  return z(l, () => E.current), S(() => {
+    const p = E.current;
+    if (!p)
+      return;
+    const L = (a, A) => {
+      const e = p.getAttribute(a);
+      if (A == null) {
+        e != null && p.removeAttribute(a);
+        return;
+      }
+      e !== A && p.setAttribute(a, A);
+    }, v = (a, A) => {
+      A ? L(a, "") : L(a, null);
+    };
+    if (f && f.length)
+      try {
+        L("data", JSON.stringify(f));
+      } catch {
+        L("data", null);
+      }
+    else
+      L("data", null);
+    t && t.length ? L("values", t.join(",")) : L("values", null), s && s.length ? L("labels", s.join(",")) : L("labels", null), L("type", i && i !== "line" ? i : null), L("variant", u && u !== "default" ? u : null), L("title", b || null), L("subtitle", n || null), v("headless", r);
+  }, [f, t, s, i, u, b, n, r]), F.createElement("ui-chart", { ref: E, ...m }, d);
+});
+je.displayName = "Chart";
+const Ge = F.forwardRef(function({ items: f, variant: t, headless: s, children: i, ...u }, b) {
+  const n = X(null);
+  return z(b, () => n.current), S(() => {
+    const r = n.current;
+    if (!r)
+      return;
+    const d = (l, E) => {
+      const p = r.getAttribute(l);
+      if (E == null) {
+        p != null && r.removeAttribute(l);
+        return;
+      }
+      p !== E && r.setAttribute(l, E);
+    }, m = (l, E) => {
+      E ? d(l, "") : d(l, null);
+    };
+    if (f && f.length)
+      try {
+        d("items", JSON.stringify(f));
+      } catch {
+        d("items", null);
+      }
+    else
+      d("items", null);
+    d("variant", t && t !== "default" ? t : null), m("headless", s);
+  }, [f, t, s]), F.createElement("ui-timeline", { ref: n, ...u }, i);
+});
+Ge.displayName = "Timeline";
+const _e = F.forwardRef(function({
+  year: f,
+  month: t,
+  value: s,
+  events: i,
+  variant: u,
+  selection: b,
+  min: n,
+  max: r,
+  disabled: d,
+  readOnly: m,
+  locale: l,
+  weekStart: E,
+  outsideClick: p,
+  eventsMax: L,
+  eventsDisplay: v,
+  maxSelections: a,
+  size: A,
+  headless: e,
+  hideToday: o,
+  showToday: g,
+  onSelect: y,
+  onChange: w,
+  onCalendarChange: c,
+  onValueChange: R,
+  children: h,
+  ...k
+}, x) {
+  const q = X(null);
+  return z(x, () => q.current), S(() => {
+    const B = q.current;
+    if (!B)
+      return;
+    const H = (P) => {
+      const T = P.detail;
+      T && (y == null || y(T), w == null || w(T), R == null || R(T.value));
+    }, Y = (P) => {
+      const T = P.detail;
+      T && (c == null || c(T));
+    };
+    return B.addEventListener("select", H), B.addEventListener("change", Y), () => {
+      B.removeEventListener("select", H), B.removeEventListener("change", Y);
+    };
+  }, [y, w, c, R]), S(() => {
+    const B = q.current;
+    if (!B)
+      return;
+    const H = (P, T) => {
+      const D = B.getAttribute(P);
+      if (T == null) {
+        D != null && B.removeAttribute(P);
+        return;
+      }
+      D !== T && B.setAttribute(P, T);
+    }, Y = (P, T) => {
+      T ? B.hasAttribute(P) || B.setAttribute(P, "") : B.hasAttribute(P) && B.removeAttribute(P);
+    };
+    if (typeof f == "number" && Number.isFinite(f) ? H("year", String(f)) : H("year", null), typeof t == "number" && Number.isFinite(t) ? H("month", String(t)) : H("month", null), H("value", s || null), H("selection", b && b !== "single" ? b : null), H("min", n || null), H("max", r || null), H("locale", l || null), H("week-start", typeof E == "number" ? String(E) : null), H("outside-click", p && p !== "navigate" ? p : null), H("events-max", typeof L == "number" && Number.isFinite(L) ? String(L) : null), H("events-display", v && v !== "dots" ? v : null), H(
+      "max-selections",
+      typeof a == "number" && Number.isFinite(a) ? String(a) : null
+    ), H("size", A && A !== "md" ? A : null), H("show-today", typeof g == "boolean" ? g ? "true" : "false" : null), Y("disabled", d), Y("readonly", m), Y("hide-today", o), Y("headless", e), i && i.length)
+      try {
+        H("events", JSON.stringify(i));
+      } catch {
+        H("events", null);
+      }
+    else
+      H("events", null);
+    H("variant", u && u !== "default" ? u : null);
+  }, [
+    f,
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g
+  ]), F.createElement("ui-calendar", { ref: q, ...k }, h);
+});
+_e.displayName = "Calendar";
+const Qe = F.forwardRef(function({
+  value: f,
+  format: t,
+  alpha: s,
+  disabled: i,
+  readOnly: u,
+  size: b,
+  variant: n,
+  mode: r,
+  open: d,
+  placeholder: m,
+  presets: l,
+  recent: E,
+  maxRecent: p,
+  persist: L,
+  onInput: v,
+  onChange: a,
+  onValueChange: A,
+  onOpen: e,
+  onClose: o,
+  onInvalid: g,
+  children: y,
+  ...w
+}, c) {
+  const R = X(null);
+  z(c, () => R.current), S(() => {
+    const k = R.current;
+    if (!k)
+      return;
+    const x = (H) => {
+      const Y = H.detail;
+      Y && (v == null || v(Y));
+    }, q = (H) => {
+      const Y = H.detail;
+      Y && (a == null || a(Y), A == null || A(Y.value));
+    }, B = (H) => {
+      const Y = H.detail;
+      Y && (g == null || g(Y));
+    };
+    return k.addEventListener("input", x), k.addEventListener("change", q), k.addEventListener("open", e), k.addEventListener("close", o), k.addEventListener("invalid", B), () => {
+      k.removeEventListener("input", x), k.removeEventListener("change", q), k.removeEventListener("open", e), k.removeEventListener("close", o), k.removeEventListener("invalid", B);
+    };
+  }, [v, a, A, e, o, g]), S(() => {
+    const k = R.current;
+    if (!k)
+      return;
+    const x = (B, H) => {
+      const Y = k.getAttribute(B);
+      H == null ? Y != null && k.removeAttribute(B) : Y !== H && k.setAttribute(B, H);
+    }, q = (B, H) => {
+      H ? x(B, "") : x(B, null);
+    };
+    if (x("value", f ?? null), x("format", t && t !== "hex" ? t : null), q("alpha", s), q("disabled", i), q("readonly", u), x("size", b && b !== "md" ? b : null), x("variant", n && n !== "default" ? n : null), x("mode", r && r !== "inline" ? r : null), typeof d == "boolean" ? q("open", d) : x("open", null), x("placeholder", m ?? null), q("recent", E), x("max-recent", typeof p == "number" ? String(p) : null), q("persist", L), l && l.length > 0)
+      try {
+        x("presets", JSON.stringify(l));
+      } catch {
+        x("presets", null);
+      }
+    else
+      x("presets", null);
+  }, [f, t, s, i, u, b, n, r, d, m, l, E, p, L]);
+  const h = { ref: R, ...w };
+  if (r && r !== "inline" && (h.mode = r), typeof d == "boolean" && d && (h.open = ""), f != null && (h.value = f), t && t !== "hex" && (h.format = t), s && (h.alpha = ""), i && (h.disabled = ""), u && (h.readonly = ""), b && b !== "md" && (h.size = b), n && n !== "default" && (h.variant = n), m && (h.placeholder = m), E && (h.recent = ""), typeof p == "number" && (h["max-recent"] = String(p)), L && (h.persist = ""), l && l.length > 0)
+    try {
+      h.presets = JSON.stringify(l);
+    } catch {
+    }
+  return F.createElement("ui-color-picker", h, y);
+});
+Qe.displayName = "ColorPicker";
+const Ke = F.forwardRef(function({
+  value: f,
+  defaultValue: t,
+  open: s,
+  defaultOpen: i,
+  min: u,
+  max: b,
+  locale: n,
+  weekStart: r,
+  size: d,
+  variant: m,
+  placeholder: l,
+  label: E,
+  hint: p,
+  error: L,
+  clearable: v,
+  allowInput: a,
+  closeOnSelect: A,
+  outsideClick: e,
+  disabled: o,
+  readOnly: g,
+  required: y,
+  name: w,
+  mode: c,
+  events: R,
+  eventsMax: h,
+  eventsDisplay: k,
+  format: x,
+  displayFormat: q,
+  onInput: B,
+  onChange: H,
+  onValueChange: Y,
+  onOpen: P,
+  onClose: T,
+  onInvalid: D,
+  children: $,
+  ...J
+}, G) {
+  const Q = X(null);
+  return z(G, () => Q.current), S(() => {
+    const _ = Q.current;
+    if (!_)
+      return;
+    const U = (O) => {
+      const I = O.detail;
+      I && (B == null || B(I));
+    }, K = (O) => {
+      const I = O.detail;
+      I && (H == null || H(I), Y == null || Y(I.value));
+    }, j = (O) => {
+      const I = O.detail;
+      I && (D == null || D(I));
+    };
+    return _.addEventListener("input", U), _.addEventListener("change", K), _.addEventListener("open", P), _.addEventListener("close", T), _.addEventListener("invalid", j), () => {
+      _.removeEventListener("input", U), _.removeEventListener("change", K), _.removeEventListener("open", P), _.removeEventListener("close", T), _.removeEventListener("invalid", j);
+    };
+  }, [B, H, Y, P, T, D]), S(() => {
+    const _ = Q.current;
+    if (!_)
+      return;
+    const U = (j, O) => {
+      const I = _.getAttribute(j);
+      O == null ? I != null && _.removeAttribute(j) : I !== O && _.setAttribute(j, O);
+    }, K = (j, O) => {
+      O ? U(j, "") : U(j, null);
+    };
+    if (U("value", f ?? null), U("default-value", t ?? null), typeof s == "boolean" ? K("open", s) : U("open", null), K("default-open", i), U("min", u ?? null), U("max", b ?? null), U("locale", n ?? null), U("week-start", typeof r == "number" ? String(r) : null), U("size", d && d !== "md" ? d : null), U("variant", m && m !== "default" ? m : null), U("placeholder", l ?? null), U("label", E ?? null), U("hint", p ?? null), U("error", L ?? null), K("clearable", v), K("allow-input", a), K("close-on-select", A), U("outside-click", e && e !== "navigate" ? e : null), K("disabled", o), K("readonly", g), K("required", y), U("name", w ?? null), U("mode", c && c !== "popover" ? c : null), U("events-max", typeof h == "number" ? String(h) : null), U("events-display", k && k !== "dots" ? k : null), U("format", x && x !== "locale" ? x : null), U("display-format", q ?? null), R != null && R.length)
+      try {
+        U("events", JSON.stringify(R));
+      } catch {
+        U("events", null);
+      }
+    else
+      U("events", null);
+  }, [
+    f,
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w,
+    c,
+    R,
+    h,
+    k,
+    x,
+    q
+  ]), F.createElement("ui-date-picker", { ref: Q, ...J }, $);
+});
+Ke.displayName = "DatePicker";
+const Ue = F.forwardRef(function({
+  value: f,
+  defaultValue: t,
+  open: s,
+  defaultOpen: i,
+  min: u,
+  max: b,
+  locale: n,
+  weekStart: r,
+  size: d,
+  variant: m,
+  rangeVariant: l,
+  label: E,
+  hint: p,
+  error: L,
+  allowSameDay: v,
+  allowPartial: a,
+  closeOnSelect: A,
+  clearable: e,
+  disabled: o,
+  readOnly: g,
+  required: y,
+  name: w,
+  nameStart: c,
+  nameEnd: R,
+  mode: h,
+  onInput: k,
+  onChange: x,
+  onValueChange: q,
+  onOpen: B,
+  onClose: H,
+  onInvalid: Y,
+  children: P,
+  ...T
+}, D) {
+  const $ = X(null);
+  return z(D, () => $.current), S(() => {
+    const J = $.current;
+    if (!J)
+      return;
+    const G = (U) => {
+      const K = U.detail;
+      K && (k == null || k(K));
+    }, Q = (U) => {
+      const K = U.detail;
+      K && (x == null || x(K), q == null || q(K.value ? JSON.stringify(K.value) : null));
+    }, _ = (U) => {
+      const K = U.detail;
+      K && (Y == null || Y(K));
+    };
+    return J.addEventListener("input", G), J.addEventListener("change", Q), J.addEventListener("open", B), J.addEventListener("close", H), J.addEventListener("invalid", _), () => {
+      J.removeEventListener("input", G), J.removeEventListener("change", Q), J.removeEventListener("open", B), J.removeEventListener("close", H), J.removeEventListener("invalid", _);
+    };
+  }, [k, x, q, B, H, Y]), S(() => {
+    const J = $.current;
+    if (!J)
+      return;
+    const G = (_, U) => {
+      const K = J.getAttribute(_);
+      U == null ? K != null && J.removeAttribute(_) : K !== U && J.setAttribute(_, U);
+    }, Q = (_, U) => {
+      U ? G(_, "") : G(_, null);
+    };
+    G("value", f ?? null), G("default-value", t ?? null), typeof s == "boolean" ? Q("open", s) : G("open", null), Q("default-open", i), G("min", u ?? null), G("max", b ?? null), G("locale", n ?? null), G("week-start", typeof r == "number" ? String(r) : null), G("size", d && d !== "md" ? d : null), G("variant", m && m !== "default" ? m : null), G("range-variant", l && l !== "two-fields" ? l : null), G("label", E ?? null), G("hint", p ?? null), G("error", L ?? null), Q("allow-same-day", v), Q("allow-partial", a), Q("close-on-select", A), Q("clearable", e), Q("disabled", o), Q("readonly", g), Q("required", y), G("name", w ?? null), G("name-start", c ?? null), G("name-end", R ?? null), G("mode", h && h !== "popover" ? h : null);
+  }, [
+    f,
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w,
+    c,
+    R,
+    h
+  ]), F.createElement("ui-date-range-picker", { ref: $, ...T }, P);
+});
+Ue.displayName = "DateRangePicker";
+const Xe = F.forwardRef(function({
+  value: f,
+  defaultValue: t,
+  open: s,
+  defaultOpen: i,
+  format: u,
+  step: b,
+  seconds: n,
+  stepSeconds: r,
+  min: d,
+  max: m,
+  disabled: l,
+  readOnly: E,
+  required: p,
+  name: L,
+  clearable: v,
+  allowInput: a,
+  mode: A,
+  label: e,
+  hint: o,
+  error: g,
+  locale: y,
+  variant: w,
+  onInput: c,
+  onChange: R,
+  onValueChange: h,
+  onOpen: k,
+  onClose: x,
+  onInvalid: q,
+  children: B,
+  ...H
+}, Y) {
+  const P = X(null);
+  return z(Y, () => P.current), S(() => {
+    const T = P.current;
+    if (!T)
+      return;
+    const D = (G) => {
+      const Q = G.detail;
+      Q && (c == null || c(Q));
+    }, $ = (G) => {
+      const Q = G.detail;
+      Q && (R == null || R(Q), h == null || h(Q.value));
+    }, J = (G) => {
+      const Q = G.detail;
+      Q && (q == null || q(Q));
+    };
+    return T.addEventListener("input", D), T.addEventListener("change", $), T.addEventListener("open", k), T.addEventListener("close", x), T.addEventListener("invalid", J), () => {
+      T.removeEventListener("input", D), T.removeEventListener("change", $), T.removeEventListener("open", k), T.removeEventListener("close", x), T.removeEventListener("invalid", J);
+    };
+  }, [c, R, h, k, x, q]), S(() => {
+    const T = P.current;
+    if (!T)
+      return;
+    const D = (J, G) => {
+      const Q = T.getAttribute(J);
+      G == null ? Q != null && T.removeAttribute(J) : Q !== G && T.setAttribute(J, G);
+    }, $ = (J, G) => {
+      G ? D(J, "") : D(J, null);
+    };
+    D("value", f ?? null), D("default-value", t ?? null), typeof s == "boolean" ? $("open", s) : D("open", null), $("default-open", i), D("format", u && u !== "24h" ? u : null), D("step", typeof b == "number" ? String(b) : null), $("seconds", n), D("step-seconds", typeof r == "number" ? String(r) : null), D("min", d ?? null), D("max", m ?? null), $("disabled", l), $("readonly", E), $("required", p), D("name", L ?? null), $("clearable", v), $("allow-input", a), D("mode", A && A !== "popover" ? A : null), D("label", e ?? null), D("hint", o ?? null), D("error", g ?? null), D("locale", y ?? null), D("variant", w && w !== "default" ? w : null);
+  }, [
+    f,
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w
+  ]), F.createElement("ui-time-picker", { ref: P, ...H }, B);
+});
+Xe.displayName = "TimePicker";
+const Ye = F.forwardRef(function({
+  value: f,
+  defaultValue: t,
+  open: s,
+  defaultOpen: i,
+  min: u,
+  max: b,
+  locale: n,
+  weekStart: r,
+  size: d,
+  variant: m,
+  step: l,
+  format: E,
+  disabled: p,
+  readOnly: L,
+  required: v,
+  name: a,
+  closeOnSelect: A,
+  clearable: e,
+  allowInput: o,
+  mode: g,
+  label: y,
+  hint: w,
+  error: c,
+  onInput: R,
+  onChange: h,
+  onValueChange: k,
+  onOpen: x,
+  onClose: q,
+  onInvalid: B,
+  children: H,
+  ...Y
+}, P) {
+  const T = X(null);
+  return z(P, () => T.current), S(() => {
+    const D = T.current;
+    if (!D)
+      return;
+    const $ = (Q) => {
+      const _ = Q.detail;
+      _ && (R == null || R(_));
+    }, J = (Q) => {
+      const _ = Q.detail;
+      _ && (h == null || h(_), k == null || k(_.value));
+    }, G = (Q) => {
+      const _ = Q.detail;
+      _ && (B == null || B(_));
+    };
+    return D.addEventListener("input", $), D.addEventListener("change", J), D.addEventListener("open", x), D.addEventListener("close", q), D.addEventListener("invalid", G), () => {
+      D.removeEventListener("input", $), D.removeEventListener("change", J), D.removeEventListener("open", x), D.removeEventListener("close", q), D.removeEventListener("invalid", G);
+    };
+  }, [R, h, k, x, q, B]), S(() => {
+    const D = T.current;
+    if (!D)
+      return;
+    const $ = (G, Q) => {
+      const _ = D.getAttribute(G);
+      Q == null ? _ != null && D.removeAttribute(G) : _ !== Q && D.setAttribute(G, Q);
+    }, J = (G, Q) => {
+      Q ? $(G, "") : $(G, null);
+    };
+    $("value", f ?? null), $("default-value", t ?? null), typeof s == "boolean" ? J("open", s) : $("open", null), J("default-open", i), $("min", u ?? null), $("max", b ?? null), $("locale", n ?? null), $("week-start", typeof r == "number" ? String(r) : null), $("size", d && d !== "md" ? d : null), $("variant", m && m !== "default" ? m : null), $("step", typeof l == "number" ? String(l) : null), $("format", E && E !== "24h" ? E : null), J("disabled", p), J("readonly", L), J("required", v), $("name", a ?? null), J("close-on-select", A), J("clearable", e), J("allow-input", o), $("mode", g && g !== "popover" ? g : null), $("label", y ?? null), $("hint", w ?? null), $("error", c ?? null);
+  }, [
+    f,
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w,
+    c
+  ]), F.createElement("ui-date-time-picker", { ref: T, ...Y }, H);
+});
+Ye.displayName = "DateTimePicker";
+const Ze = F.forwardRef(
+  function({
+    value: f,
+    defaultValue: t,
+    open: s,
+    defaultOpen: i,
+    min: u,
+    max: b,
+    locale: n,
+    weekStart: r,
+    size: d,
+    variant: m,
+    step: l,
+    autoNormalize: E,
+    allowPartial: p,
+    disabled: L,
+    readOnly: v,
+    required: a,
+    name: A,
+    closeOnSelect: e,
+    clearable: o,
+    mode: g,
+    label: y,
+    hint: w,
+    error: c,
+    onInput: R,
+    onChange: h,
+    onValueChange: k,
+    onOpen: x,
+    onClose: q,
+    onInvalid: B,
+    children: H,
+    ...Y
+  }, P) {
+    const T = X(null);
+    return z(P, () => T.current), S(() => {
+      const D = T.current;
+      if (!D)
+        return;
+      const $ = (Q) => {
+        const _ = Q.detail;
+        _ && (R == null || R(_));
+      }, J = (Q) => {
+        const _ = Q.detail;
+        _ && (h == null || h(_), k == null || k(_.value ? JSON.stringify(_.value) : null));
+      }, G = (Q) => {
+        const _ = Q.detail;
+        _ && (B == null || B(_));
+      };
+      return D.addEventListener("input", $), D.addEventListener("change", J), D.addEventListener("open", x), D.addEventListener("close", q), D.addEventListener("invalid", G), () => {
+        D.removeEventListener("input", $), D.removeEventListener("change", J), D.removeEventListener("open", x), D.removeEventListener("close", q), D.removeEventListener("invalid", G);
+      };
+    }, [R, h, k, x, q, B]), S(() => {
+      const D = T.current;
+      if (!D)
+        return;
+      const $ = (G, Q) => {
+        const _ = D.getAttribute(G);
+        Q == null ? _ != null && D.removeAttribute(G) : _ !== Q && D.setAttribute(G, Q);
+      }, J = (G, Q) => {
+        Q ? $(G, "") : $(G, null);
+      };
+      $("value", f ?? null), $("default-value", t ?? null), typeof s == "boolean" ? J("open", s) : $("open", null), J("default-open", i), $("min", u ?? null), $("max", b ?? null), $("locale", n ?? null), $("week-start", typeof r == "number" ? String(r) : null), $("size", d && d !== "md" ? d : null), $("variant", m && m !== "default" ? m : null), $("step", typeof l == "number" ? String(l) : null), J("auto-normalize", E), J("allow-partial", p), J("disabled", L), J("readonly", v), J("required", a), $("name", A ?? null), J("close-on-select", e), J("clearable", o), $("mode", g && g !== "popover" ? g : null), $("label", y ?? null), $("hint", w ?? null), $("error", c ?? null);
+    }, [
+      f,
+      t,
+      s,
+      i,
+      u,
+      b,
+      n,
+      r,
+      d,
+      m,
+      l,
+      E,
+      p,
+      L,
+      v,
+      a,
+      A,
+      e,
+      o,
+      g,
+      y,
+      w,
+      c
+    ]), F.createElement("ui-date-range-time-picker", { ref: T, ...Y }, H);
+  }
+);
+Ze.displayName = "DateRangeTimePicker";
+const Me = F.forwardRef(function({ tasks: f, variant: t, headless: s, children: i, ...u }, b) {
+  const n = X(null);
+  return z(b, () => n.current), S(() => {
+    const r = n.current;
+    if (!r)
+      return;
+    const d = (l, E) => {
+      const p = r.getAttribute(l);
+      if (E == null) {
+        p != null && r.removeAttribute(l);
+        return;
+      }
+      p !== E && r.setAttribute(l, E);
+    }, m = (l, E) => {
+      E ? d(l, "") : d(l, null);
+    };
+    if (f && f.length)
+      try {
+        d("tasks", JSON.stringify(f));
+      } catch {
+        d("tasks", null);
+      }
+    else
+      d("tasks", null);
+    d("variant", t && t !== "default" ? t : null), m("headless", s);
+  }, [f, t, s]), F.createElement("ui-gantt", { ref: n, ...u }, i);
+});
+Me.displayName = "Gantt";
+const ze = F.forwardRef(function({
+  steps: f,
+  value: t,
+  orientation: s,
+  variant: i,
+  size: u,
+  clickable: b,
+  linear: n,
+  headless: r,
+  onChange: d,
+  onSelect: m,
+  children: l,
+  ...E
+}, p) {
+  const L = X(null);
+  return z(p, () => L.current), S(() => {
+    const v = L.current;
+    if (!v)
+      return;
+    const a = (e) => {
+      const o = e.detail;
+      o && (d == null || d(o));
+    }, A = (e) => {
+      const o = e.detail;
+      o && (m == null || m(o));
+    };
+    return v.addEventListener("change", a), v.addEventListener("select", A), () => {
+      v.removeEventListener("change", a), v.removeEventListener("select", A);
+    };
+  }, [d, m]), S(() => {
+    const v = L.current;
+    if (!v)
+      return;
+    const a = (e, o) => {
+      const g = v.getAttribute(e);
+      if (o == null) {
+        g != null && v.removeAttribute(e);
+        return;
+      }
+      g !== o && v.setAttribute(e, o);
+    }, A = (e, o) => {
+      o ? a(e, "") : a(e, null);
+    };
+    if (f && f.length)
+      try {
+        a("steps", JSON.stringify(f));
+      } catch {
+        a("steps", null);
+      }
+    else
+      a("steps", null);
+    a("value", t || null), a("orientation", s && s !== "horizontal" ? s : null), a("variant", i && i !== "default" ? i : null), a("size", u && u !== "md" ? u : null), A("clickable", b), A("linear", n), A("headless", r);
+  }, [f, t, s, i, u, b, n, r]), F.createElement("ui-stepper", { ref: L, ...E }, l);
+});
+ze.displayName = "Stepper";
+const We = F.forwardRef(function({
+  value: f,
+  linear: t,
+  showStepper: s,
+  stepperPosition: i,
+  hideControls: u,
+  keepMounted: b,
+  variant: n,
+  headless: r,
+  nextLabel: d,
+  prevLabel: m,
+  finishLabel: l,
+  onBeforeChange: E,
+  onChange: p,
+  onStepChange: L,
+  onComplete: v,
+  children: a,
+  ...A
+}, e) {
+  const o = X(null);
+  return z(e, () => o.current), S(() => {
+    const g = o.current;
+    if (!g)
+      return;
+    const y = (h) => {
+      if (!E)
+        return;
+      const k = h.detail;
+      E(k) === !1 && h.preventDefault();
+    }, w = (h) => {
+      const k = h.detail;
+      k && (p == null || p(k));
+    }, c = (h) => {
+      const k = h.detail;
+      k && (L == null || L(k));
+    }, R = (h) => {
+      const k = h.detail;
+      k && (v == null || v(k));
+    };
+    return g.addEventListener("before-change", y), g.addEventListener("change", w), g.addEventListener("step-change", c), g.addEventListener("complete", R), () => {
+      g.removeEventListener("before-change", y), g.removeEventListener("change", w), g.removeEventListener("step-change", c), g.removeEventListener("complete", R);
+    };
+  }, [E, p, L, v]), S(() => {
+    const g = o.current;
+    if (!g)
+      return;
+    const y = (c, R) => {
+      const h = g.getAttribute(c);
+      if (R == null) {
+        h != null && g.removeAttribute(c);
+        return;
+      }
+      h !== R && g.setAttribute(c, R);
+    }, w = (c, R, h) => {
+      if (typeof R == "boolean") {
+        R ? y(c, "") : y(c, null);
+        return;
+      }
+      h !== void 0 && (h ? y(c, "") : y(c, null));
+    };
+    y("value", f || null), w("linear", t), typeof s == "boolean" ? y("show-stepper", s ? "true" : "false") : y("show-stepper", null), y("stepper-position", i && i !== "top" ? i : null), w("hide-controls", u), w("keep-mounted", b), y("variant", n && n !== "default" ? n : null), w("headless", r), y("next-label", d || null), y("prev-label", m || null), y("finish-label", l || null);
+  }, [f, t, s, i, u, b, n, r, d, m, l]), F.createElement("ui-wizard", { ref: o, ...A }, a);
+});
+We.displayName = "Wizard";
+const Ie = F.forwardRef(function({
+  open: f,
+  mode: t,
+  orientation: s,
+  variant: i,
+  floating: u,
+  placement: b,
+  collapsible: n,
+  label: r,
+  headless: d,
+  onSelect: m,
+  onOpenChange: l,
+  onToggle: E,
+  children: p,
+  ...L
+}, v) {
+  const a = X(null);
+  return z(v, () => a.current), S(() => {
+    const A = a.current;
+    if (!A)
+      return;
+    const e = (y) => {
+      const w = y.detail;
+      w && (m == null || m(w));
+    }, o = (y) => {
+      var c;
+      const w = (c = y.detail) == null ? void 0 : c.open;
+      typeof w == "boolean" && (l == null || l(w));
+    }, g = (y) => {
+      var c;
+      const w = (c = y.detail) == null ? void 0 : c.open;
+      typeof w == "boolean" && (E == null || E(w));
+    };
+    return A.addEventListener("select", e), A.addEventListener("change", o), A.addEventListener("toggle", g), () => {
+      A.removeEventListener("select", e), A.removeEventListener("change", o), A.removeEventListener("toggle", g);
+    };
+  }, [m, l, E]), S(() => {
+    const A = a.current;
+    if (!A)
+      return;
+    const e = (g, y) => {
+      const w = A.getAttribute(g);
+      if (y == null) {
+        w != null && A.removeAttribute(g);
+        return;
+      }
+      w !== y && A.setAttribute(g, y);
+    }, o = (g, y) => {
+      y ? e(g, "") : e(g, null);
+    };
+    typeof f == "boolean" ? o("open", f) : e("open", null), e("mode", t && t !== "bar" ? t : null), e("orientation", s && s !== "horizontal" ? s : null), e("variant", i && i !== "default" ? i : null), o("floating", u), e("placement", b && b !== "bottom-right" ? b : null), o("collapsible", n), e("label", r || null), o("headless", d);
+  }, [f, t, s, i, u, b, n, r, d]), F.createElement("ui-quick-actions", { ref: a, ...L }, p);
+});
+Ie.displayName = "QuickActions";
+function tr(N) {
+  const {
+    selected: f,
+    orientation: t,
+    activation: s,
+    loop: i,
+    collapsible: u,
+    headless: b,
+    onChange: n,
+    onSelect: r,
+    children: d,
+    ...m
+  } = N, l = X(null);
+  return S(() => {
+    const E = l.current;
+    if (!E)
+      return;
+    const p = (L) => {
+      const v = L.detail;
+      v && (n == null || n(v), r == null || r(v.selected));
+    };
+    return E.addEventListener("change", p), () => E.removeEventListener("change", p);
+  }, [n, r]), S(() => {
+    const E = l.current;
+    E && (typeof f == "number" ? E.setAttribute("selected", String(f)) : E.removeAttribute("selected"), t ? E.setAttribute("orientation", t) : E.removeAttribute("orientation"), s ? E.setAttribute("activation", s) : E.removeAttribute("activation"), typeof i == "boolean" ? E.setAttribute("loop", String(i)) : E.removeAttribute("loop"), u ? E.setAttribute("collapsible", "") : E.removeAttribute("collapsible"), b ? E.setAttribute("headless", "") : E.removeAttribute("headless"));
+  }, [f, t, s, i, u, b]), F.createElement("ui-navigation-menu", { ref: l, ...m }, d);
+}
+function rr(N) {
+  const {
+    selected: f,
+    open: t,
+    loop: s,
+    headless: i,
+    orientation: u,
+    placement: b,
+    variant: n,
+    density: r,
+    shape: d,
+    elevation: m,
+    tone: l,
+    closeOnSelect: E,
+    typeahead: p,
+    onChange: L,
+    onOpen: v,
+    onClose: a,
+    onSelect: A,
+    children: e,
+    ...o
+  } = N, g = X(null);
+  return S(() => {
+    const y = g.current;
+    if (!y)
+      return;
+    const w = (k) => {
+      const x = k.detail;
+      x && (L == null || L(x));
+    }, c = (k) => {
+      const x = k.detail;
+      typeof (x == null ? void 0 : x.selected) == "number" ? v == null || v(x.selected) : v == null || v(-1);
+    }, R = () => a == null ? void 0 : a(), h = (k) => {
+      const x = k.detail;
+      x && (A == null || A(x));
+    };
+    return y.addEventListener("change", w), y.addEventListener("open", c), y.addEventListener("close", R), y.addEventListener("select", h), () => {
+      y.removeEventListener("change", w), y.removeEventListener("open", c), y.removeEventListener("close", R), y.removeEventListener("select", h);
+    };
+  }, [L, v, a, A]), S(() => {
+    const y = g.current;
+    y && (typeof f == "number" ? y.setAttribute("selected", String(f)) : y.removeAttribute("selected"), typeof t == "boolean" && t ? y.setAttribute("open", "") : y.removeAttribute("open"), typeof s == "boolean" ? y.setAttribute("loop", String(s)) : y.removeAttribute("loop"), i ? y.setAttribute("headless", "") : y.removeAttribute("headless"), u && u !== "horizontal" ? y.setAttribute("orientation", u) : y.removeAttribute("orientation"), b ? y.setAttribute("placement", b) : y.removeAttribute("placement"), n && n !== "default" ? y.setAttribute("variant", n) : y.removeAttribute("variant"), r && r !== "default" ? y.setAttribute("density", r) : y.removeAttribute("density"), d && d !== "default" ? y.setAttribute("shape", d) : y.removeAttribute("shape"), m && m !== "default" ? y.setAttribute("elevation", m) : y.removeAttribute("elevation"), l && l !== "default" && l !== "brand" ? y.setAttribute("tone", l) : y.removeAttribute("tone"), E == null ? y.removeAttribute("close-on-select") : y.setAttribute("close-on-select", E ? "true" : "false"), p == null ? y.removeAttribute("typeahead") : y.setAttribute("typeahead", p ? "true" : "false"));
+  }, [
+    f,
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p
+  ]), F.createElement("ui-menubar", { ref: g, ...o }, e);
+}
+const Oe = typeof window < "u" ? F.useLayoutEffect : F.useEffect, Ve = F.forwardRef(function(f, t) {
+  const {
+    open: s,
+    title: i,
+    description: u,
+    closable: b,
+    dismissible: n,
+    closeOnOverlay: r,
+    closeOnEsc: d,
+    lockWhileLoading: m,
+    roleType: l,
+    size: E,
+    state: p,
+    initialFocus: L,
+    submitText: v,
+    cancelText: a,
+    loadingText: A,
+    dialogId: e,
+    config: o,
+    headless: g,
+    onOpen: y,
+    onClose: w,
+    onRequestClose: c,
+    onDialogOpen: R,
+    onDialogSubmit: h,
+    onDialogCancel: k,
+    onDialogDismiss: x,
+    onDialogClose: q,
+    children: B,
+    ...H
+  } = f, Y = X(null);
+  return F.useImperativeHandle(t, () => Y.current), S(() => {
+    const P = Y.current;
+    if (!P)
+      return;
+    const T = () => y == null ? void 0 : y(), D = () => w == null ? void 0 : w(), $ = (K) => {
+      const j = K.detail;
+      j && (c == null || c(j));
+    }, J = (K) => R == null ? void 0 : R(K.detail), G = (K) => h == null ? void 0 : h(K.detail), Q = (K) => k == null ? void 0 : k(K.detail), _ = (K) => x == null ? void 0 : x(K.detail), U = (K) => q == null ? void 0 : q(K.detail);
+    return P.addEventListener("open", T), P.addEventListener("close", D), P.addEventListener("request-close", $), P.addEventListener("ui-open", J), P.addEventListener("ui-submit", G), P.addEventListener("ui-cancel", Q), P.addEventListener("ui-dismiss", _), P.addEventListener("ui-close", U), () => {
+      P.removeEventListener("open", T), P.removeEventListener("close", D), P.removeEventListener("request-close", $), P.removeEventListener("ui-open", J), P.removeEventListener("ui-submit", G), P.removeEventListener("ui-cancel", Q), P.removeEventListener("ui-dismiss", _), P.removeEventListener("ui-close", U);
+    };
+  }, [y, w, c, R, h, k, x, q]), Oe(() => {
+    const P = Y.current;
+    if (!P)
+      return;
+    typeof s == "boolean" && (s ? P.setAttribute("open", "") : P.removeAttribute("open")), i ? P.setAttribute("title", i) : P.removeAttribute("title"), u ? P.setAttribute("description", u) : P.removeAttribute("description");
+    const T = typeof n == "boolean" ? n : b;
+    typeof T == "boolean" ? (P.setAttribute("dismissible", String(T)), P.setAttribute("closable", String(T))) : (P.removeAttribute("dismissible"), P.removeAttribute("closable")), typeof r == "boolean" ? (P.setAttribute("close-on-overlay", String(r)), P.setAttribute("close-on-backdrop", String(r))) : (P.removeAttribute("close-on-overlay"), P.removeAttribute("close-on-backdrop")), typeof d == "boolean" ? P.setAttribute("close-on-esc", String(d)) : P.removeAttribute("close-on-esc"), typeof m == "boolean" ? P.setAttribute("lock-while-loading", String(m)) : P.removeAttribute("lock-while-loading"), l ? P.setAttribute("role", l) : P.removeAttribute("role"), E && E !== "md" && E !== "2" ? P.setAttribute("size", E) : P.removeAttribute("size"), p && p !== "idle" ? P.setAttribute("state", p) : P.removeAttribute("state"), L ? P.setAttribute("initial-focus", L) : P.removeAttribute("initial-focus"), v ? P.setAttribute("submit-text", v) : P.removeAttribute("submit-text"), a ? P.setAttribute("cancel-text", a) : P.removeAttribute("cancel-text"), A ? P.setAttribute("loading-text", A) : P.removeAttribute("loading-text"), e && (P.dialogId = e), o && (P.config = o), g ? P.setAttribute("headless", "") : P.removeAttribute("headless");
+  }, [
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g
+  ]), F.createElement("ui-dialog", { ref: Y, ...H }, B);
+});
+Ve.displayName = "Dialog";
+const ge = be(null);
+function ir({ children: N, hostId: f = "ui-dialog-react-host" }) {
+  const t = X(null);
+  t.current || (t.current = Se()), S(() => {
+    var u;
+    if (typeof document > "u")
+      return;
+    let i = document.getElementById(f);
+    return i || (i = document.createElement("div"), i.id = f, i.setAttribute("data-ui-dialog-react-host", "true"), document.body.appendChild(i)), (u = t.current) == null || u.setContainer(i), () => {
+      var b;
+      (b = t.current) == null || b.destroy("unmount"), t.current = null, i && i.parentElement && i.parentElement.removeChild(i);
+    };
+  }, [f]);
+  const s = Le(
+    () => ({
+      open: (i = {}) => {
+        var u;
+        return ((u = t.current) == null ? void 0 : u.open(i)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      },
+      confirm: (i = {}) => {
+        var u;
+        return ((u = t.current) == null ? void 0 : u.confirm(i)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ F.createElement(ge.Provider, { value: s }, N);
+}
+function nr() {
+  const N = me(ge);
+  if (!N)
+    throw new Error("useDialog must be used within <DialogProvider>.");
+  return N;
+}
+const Ce = F.forwardRef(function({ children: f, onOpen: t, onClose: s, ...i }, u) {
+  const b = X(null);
+  return F.useImperativeHandle(u, () => b.current), S(() => {
+    const n = b.current;
+    if (!n)
+      return;
+    const r = () => t == null ? void 0 : t(), d = () => s == null ? void 0 : s();
+    return n.addEventListener("open", r), n.addEventListener("close", d), () => {
+      n.removeEventListener("open", r), n.removeEventListener("close", d);
+    };
+  }, [t, s]), F.createElement("ui-popover", { ref: b, ...i }, f);
+});
+Ce.displayName = "Popover";
+const et = F.forwardRef(function({
+  children: f,
+  selected: t,
+  value: s,
+  orientation: i,
+  activation: u,
+  variant: b,
+  size: n,
+  tone: r,
+  stretched: d,
+  headless: m,
+  onChange: l,
+  onTabChange: E,
+  ...p
+}, L) {
+  const v = X(null);
+  return z(L, () => v.current), S(() => {
+    const a = v.current;
+    if (!a)
+      return;
+    const A = (e) => {
+      const o = e.detail;
+      o && (l == null || l(o.index), E == null || E(o));
+    };
+    return a.addEventListener("change", A), () => {
+      a.removeEventListener("change", A);
+    };
+  }, [l, E]), S(() => {
+    const a = v.current;
+    if (!a)
+      return;
+    const A = (o, g) => {
+      const y = a.getAttribute(o);
+      if (g == null) {
+        y != null && a.removeAttribute(o);
+        return;
+      }
+      y !== g && a.setAttribute(o, g);
+    }, e = (o, g) => {
+      g ? A(o, "") : A(o, null);
+    };
+    A("selected", t != null ? String(t) : null), A("value", s || null), A("orientation", i && i !== "horizontal" ? i : null), A("activation", u && u !== "auto" ? u : null), A("variant", b && b !== "default" ? b : null), A("size", n && n !== "md" ? n : null), A("tone", r && r !== "brand" ? r : null), e("stretched", d), e("headless", m);
+  }, [t, s, i, u, b, n, r, d, m]), F.createElement("ui-tabs", { ref: v, ...p }, f);
+});
+et.displayName = "Tabs";
+const tt = F.forwardRef(function({
+  children: f,
+  open: t,
+  placement: s,
+  variant: i,
+  density: u,
+  shape: b,
+  elevation: n,
+  tone: r,
+  closeOnSelect: d,
+  typeahead: m,
+  onOpen: l,
+  onClose: E,
+  onChange: p,
+  onSelect: L,
+  onSelectDetail: v,
+  ...a
+}, A) {
+  const e = X(null);
+  return F.useImperativeHandle(A, () => e.current), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = () => l == null ? void 0 : l(), y = () => E == null ? void 0 : E(), w = (R) => {
+      var k;
+      const h = (k = R.detail) == null ? void 0 : k.open;
+      typeof h == "boolean" && (p == null || p(h));
+    }, c = (R) => {
+      const h = R.detail || {};
+      v == null || v(h), typeof h.index == "number" && (L == null || L(h.index));
+    };
+    return o.addEventListener("open", g), o.addEventListener("close", y), o.addEventListener("change", w), o.addEventListener("select", c), () => {
+      o.removeEventListener("open", g), o.removeEventListener("close", y), o.removeEventListener("change", w), o.removeEventListener("select", c);
+    };
+  }, [l, E, p, L, v]), S(() => {
+    const o = e.current;
+    !o || t == null || (t ? o.setAttribute("open", "") : o.removeAttribute("open"));
+  }, [t]), S(() => {
+    const o = e.current;
+    o && (s ? o.setAttribute("placement", s) : o.removeAttribute("placement"));
+  }, [s]), S(() => {
+    const o = e.current;
+    o && (i && i !== "default" ? o.setAttribute("variant", i) : o.removeAttribute("variant"));
+  }, [i]), S(() => {
+    const o = e.current;
+    o && (u && u !== "default" ? o.setAttribute("density", u) : o.removeAttribute("density"));
+  }, [u]), S(() => {
+    const o = e.current;
+    o && (b && b !== "default" ? o.setAttribute("shape", b) : o.removeAttribute("shape"));
+  }, [b]), S(() => {
+    const o = e.current;
+    o && (n && n !== "default" ? o.setAttribute("elevation", n) : o.removeAttribute("elevation"));
+  }, [n]), S(() => {
+    const o = e.current;
+    o && (r && r !== "default" && r !== "brand" ? o.setAttribute("tone", r) : o.removeAttribute("tone"));
+  }, [r]), S(() => {
+    const o = e.current;
+    if (o) {
+      if (d == null) {
+        o.removeAttribute("close-on-select");
+        return;
+      }
+      o.setAttribute("close-on-select", d ? "true" : "false");
+    }
+  }, [d]), S(() => {
+    const o = e.current;
+    if (o) {
+      if (m == null) {
+        o.removeAttribute("typeahead");
+        return;
+      }
+      o.setAttribute("typeahead", m ? "true" : "false");
+    }
+  }, [m]), F.createElement("ui-menu", { ref: e, ...a }, f);
+});
+tt.displayName = "Menu";
+const rt = F.forwardRef(function({
+  children: f,
+  name: t,
+  iconVariant: s,
+  size: i,
+  color: u,
+  secondaryColor: b,
+  variant: n,
+  tone: r,
+  shape: d,
+  spin: m,
+  pulse: l,
+  badge: E,
+  label: p,
+  decorative: L,
+  strokeWidth: v,
+  absoluteStrokeWidth: a,
+  strokeLinecap: A,
+  strokeLinejoin: e,
+  rotate: o,
+  flip: g,
+  rtl: y,
+  ...w
+}, c) {
+  const R = X(null);
+  return z(c, () => R.current), S(() => {
+    const h = R.current;
+    h && (t ? h.setAttribute("name", t) : h.removeAttribute("name"), s ? h.setAttribute("icon-variant", s) : h.removeAttribute("icon-variant"), i != null && i !== "" ? h.setAttribute("size", String(i)) : h.removeAttribute("size"), u ? h.setAttribute("color", u) : h.removeAttribute("color"), b ? h.setAttribute("secondary-color", b) : h.removeAttribute("secondary-color"), n && n !== "default" ? h.setAttribute("variant", n) : h.removeAttribute("variant"), r && r !== "default" ? h.setAttribute("tone", r) : h.removeAttribute("tone"), d && d !== "default" ? h.setAttribute("shape", d) : h.removeAttribute("shape"), m ? h.setAttribute("spin", "") : h.removeAttribute("spin"), l ? h.setAttribute("pulse", "") : h.removeAttribute("pulse"), E ? h.setAttribute("badge", "") : h.removeAttribute("badge"), p ? h.setAttribute("label", p) : h.removeAttribute("label"), L ? h.setAttribute("decorative", "") : h.removeAttribute("decorative"), v != null && v !== "" ? h.setAttribute("stroke-width", String(v)) : h.removeAttribute("stroke-width"), a ? h.setAttribute("absolute-stroke-width", "") : h.removeAttribute("absolute-stroke-width"), A ? h.setAttribute("stroke-linecap", A) : h.removeAttribute("stroke-linecap"), e ? h.setAttribute("stroke-linejoin", e) : h.removeAttribute("stroke-linejoin"), o != null && Number.isFinite(o) ? h.setAttribute("rotate", String(o)) : h.removeAttribute("rotate"), g ? h.setAttribute("flip", g) : h.removeAttribute("flip"), y ? h.setAttribute("rtl", "") : h.removeAttribute("rtl"));
+  }, [
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y
+  ]), F.createElement("ui-icon", { ref: R, ...w }, f);
+});
+rt.displayName = "Icon";
+const fe = {
+  default: "",
+  success: "Success: ",
+  error: "Error: ",
+  warning: "Warning: ",
+  info: "Info: "
+};
+function lr(N, f = {}) {
+  return oe(N, f);
+}
+const sr = {
+  show(N, f = {}) {
+    return oe(N, f);
+  },
+  success(N, f = {}) {
+    return oe(`${fe.success}${N}`, f);
+  },
+  error(N, f = {}) {
+    return oe(`${fe.error}${N}`, f);
+  },
+  warning(N, f = {}) {
+    return oe(`${fe.warning}${N}`, f);
+  },
+  info(N, f = {}) {
+    return oe(`${fe.info}${N}`, f);
+  }
+};
+function ur() {
+  return null;
+}
+const it = F.forwardRef(function({ children: f, headless: t, onShow: s, onHide: i, ...u }, b) {
+  const n = X(null);
+  return F.useImperativeHandle(b, () => n.current), S(() => {
+    const r = n.current;
+    if (!r)
+      return;
+    const d = (l) => {
+      const E = l.detail;
+      E && (s == null || s(E));
+    }, m = (l) => {
+      const E = l.detail;
+      E && (i == null || i(E));
+    };
+    return r.addEventListener("show", d), r.addEventListener("hide", m), () => {
+      r.removeEventListener("show", d), r.removeEventListener("hide", m);
+    };
+  }, [s, i]), S(() => {
+    const r = n.current;
+    r && (t ? r.setAttribute("headless", "") : r.removeAttribute("headless"));
+  }, [t]), F.createElement("ui-toast", { ref: n, ...u }, f);
+});
+it.displayName = "Toast";
+function re(N, f) {
+  if (typeof window > "u" || typeof customElements > "u" || customElements.get(N))
+    return;
+  const t = `__editora_warned_${N}`, s = window;
+  s[t] || (s[t] = !0, console.warn(
+    `[ui-react/${f}] ${N} is not registered. Import/register the matching web component before using this wrapper.`
+  ));
+}
+function or(N) {
+  const { children: f, anchorId: t, open: s, ...i } = N, u = X(null);
+  return S(() => {
+    re("ui-floating-toolbar", "FloatingToolbar");
+  }, []), S(() => {
+    var n, r;
+    const b = u.current;
+    b && (s && t ? (n = b.showForAnchorId) == null || n.call(b, t) : (r = b.hide) == null || r.call(b));
+  }, [s, t]), F.createElement("ui-floating-toolbar", { ref: u, ...i }, f);
+}
+const nt = Z.forwardRef(function({ children: f, orientation: t, density: s, ariaLabel: i, ...u }, b) {
+  const n = Z.useRef(null);
+  return Z.useImperativeHandle(b, () => n.current), Z.useEffect(() => {
+    re("ui-block-controls", "BlockControls");
+  }, []), Z.useEffect(() => {
+    const r = n.current;
+    r && (t ? r.setAttribute("orientation", t) : r.removeAttribute("orientation"), s ? r.setAttribute("density", s) : r.removeAttribute("density"), i ? r.setAttribute("aria-label", i) : r.removeAttribute("aria-label"));
+  }, [t, s, i]), Z.createElement("ui-block-controls", { ref: n, ...u }, f);
+});
+nt.displayName = "BlockControls";
+function cr(N) {
+  const { children: f, open: t, onSelect: s, ...i } = N, u = X(null);
+  return S(() => {
+    re("ui-command-palette", "CommandPalette");
+  }, []), S(() => {
+    const b = u.current;
+    if (!b)
+      return;
+    const n = (r) => {
+      var m;
+      const d = (m = r.detail) == null ? void 0 : m.index;
+      typeof d == "number" && (s == null || s(d));
+    };
+    return b.addEventListener("select", n), t ? b.setAttribute("open", "") : b.removeAttribute("open"), () => b.removeEventListener("select", n);
+  }, [t, s]), F.createElement("ui-command-palette", { ref: u, ...i }, f);
+}
+function fr(N) {
+  const {
+    items: f,
+    anchorId: t,
+    anchorPoint: s,
+    open: i,
+    variant: u,
+    density: b,
+    shape: n,
+    elevation: r,
+    tone: d,
+    closeOnSelect: m,
+    typeahead: l,
+    children: E,
+    onOpen: p,
+    onClose: L,
+    onChange: v,
+    onSelect: a,
+    ...A
+  } = N, e = X(null);
+  S(() => {
+    const w = e.current;
+    if (!w)
+      return;
+    const c = () => p == null ? void 0 : p(), R = () => L == null ? void 0 : L(), h = (x) => {
+      var B;
+      const q = (B = x.detail) == null ? void 0 : B.open;
+      typeof q == "boolean" && (v == null || v(q));
+    }, k = (x) => {
+      a == null || a(x.detail);
+    };
+    return w.addEventListener("open", c), w.addEventListener("close", R), w.addEventListener("change", h), w.addEventListener("select", k), () => {
+      w.removeEventListener("open", c), w.removeEventListener("close", R), w.removeEventListener("change", h), w.removeEventListener("select", k);
+    };
+  }, [p, L, v, a]), S(() => {
+    const w = e.current;
+    if (!(!w || i == null)) {
+      if (!i) {
+        w.close ? w.close() : w.open = !1;
+        return;
+      }
+      if (s && w.openAt) {
+        w.openAt(s);
+        return;
+      }
+      if (t) {
+        if (w.openForAnchorId) {
+          w.openForAnchorId(t);
+          return;
+        }
+        if (w.showForAnchorId) {
+          w.showForAnchorId(t);
+          return;
+        }
+      }
+      w.open = !0;
+    }
+  }, [i, t, s]);
+  const o = (w) => w ? w.map((c, R) => {
+    if (c.separator)
+      return /* @__PURE__ */ F.createElement("div", { key: R, className: "separator", role: "separator" });
+    let h = null;
+    c.icon && (h = typeof c.icon == "string" ? /* @__PURE__ */ F.createElement("span", { className: "icon" }, c.icon) : c.icon);
+    let k = null;
+    return c.submenu && (k = /* @__PURE__ */ F.createElement("div", { className: "submenu" }, o(c.submenu))), /* @__PURE__ */ F.createElement(
+      "div",
+      {
+        key: R,
+        className: "menuitem",
+        role: "menuitem",
+        tabIndex: c.disabled ? -1 : 0,
+        "aria-disabled": c.disabled ? "true" : void 0,
+        "data-value": c.value,
+        onClick: c.disabled ? void 0 : c.onClick
+      },
+      h,
+      /* @__PURE__ */ F.createElement("span", { className: "label" }, c.label),
+      c.submenu && /* @__PURE__ */ F.createElement("span", { className: "submenu-arrow" }, "▶"),
+      k
+    );
+  }) : null, g = F.Children.count(E) > 0, y = !!i && !s && !t;
+  return /* @__PURE__ */ F.createElement(
+    "ui-context-menu",
+    {
+      ref: e,
+      ...A,
+      ...y ? { open: "" } : {},
+      ...u && u !== "default" ? { variant: u } : {},
+      ...b && b !== "default" ? { density: b } : {},
+      ...n && n !== "default" ? { shape: n } : {},
+      ...r && r !== "default" ? { elevation: r } : {},
+      ...d && d !== "default" && d !== "brand" ? { tone: d } : {},
+      ...m == null ? {} : { "close-on-select": m ? "true" : "false" },
+      ...l == null ? {} : { typeahead: l ? "true" : "false" }
+    },
+    g ? E : /* @__PURE__ */ F.createElement("div", { slot: "menu" }, o(f))
+  );
+}
+function dr(N) {
+  const {
+    children: f,
+    anchorId: t,
+    open: s,
+    placement: i,
+    offset: u,
+    strategy: b,
+    arrow: n,
+    variant: r,
+    tone: d,
+    radius: m,
+    size: l,
+    closeOnOutside: E,
+    closeOnEscape: p,
+    onOpen: L,
+    onClose: v,
+    onOpenChange: a,
+    ...A
+  } = N, e = X(null);
+  return S(() => {
+    re("ui-selection-popup", "SelectionPopup");
+  }, []), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = () => {
+      L == null || L(), a == null || a(!0);
+    }, y = () => {
+      v == null || v(), a == null || a(!1);
+    };
+    return o.addEventListener("open", g), o.addEventListener("close", y), () => {
+      o.removeEventListener("open", g), o.removeEventListener("close", y);
+    };
+  }, [L, v, a]), S(() => {
+    var w, c;
+    const o = e.current;
+    if (!o)
+      return;
+    const g = (R, h) => {
+      const k = o.getAttribute(R);
+      if (h == null) {
+        k != null && o.removeAttribute(R);
+        return;
+      }
+      k !== h && o.setAttribute(R, h);
+    }, y = (R, h, k = void 0) => {
+      if (h == null) {
+        k !== void 0 && g(R, k ? null : "false");
+        return;
+      }
+      h ? g(R, "") : g(R, "false");
+    };
+    g("anchor-id", t ?? null), g("placement", i && i !== "top" ? i : null), g("offset", typeof u == "number" && Number.isFinite(u) ? String(u) : null), g("strategy", b && b !== "fixed" ? b : null), g("variant", r && r !== "default" ? r : null), g("tone", d && d !== "brand" ? d : null), g("radius", m ? String(m) : null), g("size", l && l !== "md" ? l : null), y("arrow", n), y("close-on-outside", E, !0), y("close-on-escape", p, !0), s && t ? (w = o.openFor) == null || w.call(o, t) : s ? o.setAttribute("open", "") : s === !1 ? (c = o.close) == null || c.call(o) : o.removeAttribute("open");
+  }, [
+    s,
+    t,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p
+  ]), F.createElement("ui-selection-popup", { ref: e, ...A }, f);
+}
+function ar(N) {
+  const { children: f, open: t, position: s, ...i } = N, u = X(null);
+  return S(() => {
+    re("ui-plugin-panel", "PluginPanel");
+  }, []), S(() => {
+    const b = u.current;
+    b && (t ? b.setAttribute("open", "") : b.removeAttribute("open"), s && b.setAttribute("position", s));
+  }, [t, s]), F.createElement("ui-plugin-panel", { ref: u, ...i }, f);
+}
+const lt = F.forwardRef(function(f, t) {
+  const {
+    children: s,
+    onSubmit: i,
+    onInvalid: u,
+    onValidate: b,
+    onAutosave: n,
+    onDirtyChange: r,
+    novalidate: d,
+    autosave: m,
+    autosaveDelay: l,
+    guardUnsaved: E,
+    variant: p,
+    tone: L,
+    density: v,
+    shape: a,
+    elevation: A,
+    gap: e,
+    headless: o,
+    loading: g,
+    ...y
+  } = f, w = X(null);
+  return z(t, () => w.current), S(() => {
+    const c = w.current;
+    if (!c)
+      return;
+    const R = (B) => {
+      const H = B.detail || {};
+      i == null || i(H.values || {});
+    }, h = (B) => {
+      const H = B.detail || {};
+      u == null || u(H.errors || {}, H.values || {});
+    }, k = (B) => {
+      const H = B.detail || {};
+      b == null || b({ valid: !!H.valid, errors: H.errors || {} });
+    }, x = (B) => {
+      const H = B.detail || {};
+      n == null || n(H.values || {});
+    }, q = (B) => {
+      const H = B.detail || {};
+      r == null || r(!!H.dirty, H.values || {});
+    };
+    return c.addEventListener("submit", R), c.addEventListener("invalid", h), c.addEventListener("validate", k), c.addEventListener("autosave", x), c.addEventListener("dirty-change", q), () => {
+      c.removeEventListener("submit", R), c.removeEventListener("invalid", h), c.removeEventListener("validate", k), c.removeEventListener("autosave", x), c.removeEventListener("dirty-change", q);
+    };
+  }, [i, u, b, n, r]), S(() => {
+    const c = w.current;
+    c && (d ? c.setAttribute("novalidate", "") : c.removeAttribute("novalidate"), m ? c.setAttribute("autosave", "") : c.removeAttribute("autosave"), typeof l == "number" && Number.isFinite(l) ? c.setAttribute("autosave-delay", String(l)) : c.removeAttribute("autosave-delay"), E ? c.setAttribute("guard-unsaved", "") : c.removeAttribute("guard-unsaved"), p && p !== "default" ? c.setAttribute("variant", p) : c.removeAttribute("variant"), L && L !== "default" ? c.setAttribute("tone", L) : c.removeAttribute("tone"), v && v !== "default" ? c.setAttribute("density", v) : c.removeAttribute("density"), a && a !== "default" ? c.setAttribute("shape", a) : c.removeAttribute("shape"), A && A !== "default" ? c.setAttribute("elevation", A) : c.removeAttribute("elevation"), e ? c.setAttribute("gap", e) : c.removeAttribute("gap"), o ? c.setAttribute("headless", "") : c.removeAttribute("headless"), g ? c.setAttribute("loading", "") : c.removeAttribute("loading"));
+  }, [d, m, l, E, p, L, v, a, A, e, o, g]), F.createElement("ui-form", { ref: w, ...y }, s);
+});
+lt.displayName = "Form";
+function br() {
+  const N = X(null), f = ie(async () => {
+    const n = N.current;
+    return n ? await n.submit() : !1;
+  }, []), t = ie(async () => {
+    const n = N.current;
+    return n ? await n.validate() : { valid: !0, errors: {} };
+  }, []), s = ie(() => {
+    var r;
+    const n = N.current;
+    return n ? (r = n.getValues) == null ? void 0 : r.call(n) : {};
+  }, []), i = ie((n) => {
+    var d;
+    const r = N.current;
+    return (d = r == null ? void 0 : r.reset) == null ? void 0 : d.call(r, n);
+  }, []), u = ie(() => {
+    var r;
+    const n = N.current;
+    return n ? typeof n.isDirty == "function" ? !!n.isDirty() : ((r = n.hasAttribute) == null ? void 0 : r.call(n, "dirty")) || !1 : !1;
+  }, []), b = ie((n) => {
+    var d;
+    const r = N.current;
+    return (d = r == null ? void 0 : r.markClean) == null ? void 0 : d.call(r, n);
+  }, []);
+  return { ref: N, submit: f, validate: t, getValues: s, reset: i, isDirty: u, markClean: b };
+}
+function mr(N) {
+  const { placement: f = "bottom", offset: t = 8, open: s, onOpen: i, onClose: u, role: b = "menu" } = N || {}, n = X(null), r = X(null), d = X(null), [m, l] = ae({ top: 0, left: 0, placement: f }), E = typeof s < "u", [p, L] = ae(!!s), v = E ? s : p, a = (P) => {
+    E || L(P), P ? i && i() : u && u();
+  }, A = () => a(!v), e = () => a(!0), o = () => a(!1), g = ie(() => {
+    const P = n.current, T = r.current;
+    if (!P || !T)
+      return;
+    const D = Fe(P, T, { placement: f, offset: t });
+    l({ top: Math.round(D.top), left: Math.round(D.left), placement: D.placement, arrow: D.x || D.y ? { x: D.x, y: D.y } : void 0 });
+  }, [f, t]);
+  S(() => {
+    if (!v)
+      return;
+    const P = n.current, T = r.current;
+    if (!P || !T)
+      return;
+    g();
+    const D = () => {
+      d.current && cancelAnimationFrame(d.current), d.current = requestAnimationFrame(() => g());
+    }, $ = () => {
+      d.current && cancelAnimationFrame(d.current), d.current = requestAnimationFrame(() => g());
+    };
+    window.addEventListener("scroll", D, !0), window.addEventListener("resize", $);
+    let J = null, G = null;
+    try {
+      typeof ResizeObserver < "u" && (J = new ResizeObserver($), G = new ResizeObserver($), J.observe(P), G.observe(T));
+    } catch {
+      J = G = null;
+    }
+    return () => {
+      window.removeEventListener("scroll", D, !0), window.removeEventListener("resize", $), J && J.disconnect(), G && G.disconnect(), d.current && cancelAnimationFrame(d.current);
+    };
+  }, [v, g]);
+  const y = ie((P) => {
+    n.current = P;
+  }, []), w = ie((P) => {
+    r.current = P;
+  }, []), c = X(`floating-${Math.random().toString(36).slice(2, 9)}`), R = () => r.current ? Array.from(r.current.querySelectorAll('[role="menuitem"], .item, [data-menu-item]')).filter(Boolean) : [], h = (P) => {
+    const T = R();
+    if (!T.length)
+      return;
+    const D = Math.max(0, Math.min(T.length - 1, P));
+    try {
+      T[D].focus();
+    } catch {
+    }
+  }, k = () => h(0), x = () => {
+    const P = R();
+    P.length && h(P.length - 1);
+  }, q = () => {
+    const P = R(), T = P.findIndex((D) => D === document.activeElement);
+    h(T < 0 ? 0 : (T + 1) % P.length);
+  }, B = () => {
+    const P = R(), T = P.findIndex((D) => D === document.activeElement);
+    h(T <= 0 ? P.length - 1 : T - 1);
+  };
+  return {
+    referenceRef: y,
+    floatingRef: w,
+    coords: m,
+    update: g,
+    open: v,
+    setOpen: a,
+    toggle: A,
+    openPopup: e,
+    closePopup: o,
+    getReferenceProps: (P = {}) => ({
+      ref: y,
+      "aria-haspopup": b,
+      "aria-controls": c.current,
+      "aria-expanded": v ? "true" : "false",
+      onClick: (T) => {
+        P.onClick && P.onClick(T), A();
+      },
+      onKeyDown: (T) => {
+        P.onKeyDown && P.onKeyDown(T), T.key === "ArrowDown" && (T.preventDefault(), e(), setTimeout(() => k(), 0));
+      },
+      ...P
+    }),
+    getFloatingProps: (P = {}) => ({
+      id: c.current,
+      ref: w,
+      role: b,
+      tabIndex: -1,
+      style: { position: "absolute", top: `${m.top}px`, left: `${m.left}px` },
+      hidden: !v,
+      onKeyDown: (T) => {
+        P.onKeyDown && P.onKeyDown(T), T.key === "Escape" ? (T.preventDefault(), o()) : T.key === "ArrowDown" ? (T.preventDefault(), q()) : T.key === "ArrowUp" ? (T.preventDefault(), B()) : T.key === "Home" ? (T.preventDefault(), k()) : T.key === "End" && (T.preventDefault(), x());
+      },
+      ...P
+    }),
+    focusFirstItem: k,
+    focusLastItem: x,
+    focusNext: q,
+    focusPrev: B
+  };
+}
+function M(N) {
+  if (N != null) {
+    if (typeof N == "object")
+      try {
+        return JSON.stringify(N);
+      } catch {
+        return;
+      }
+    return String(N);
+  }
+}
+function vr(N) {
+  const {
+    children: f,
+    className: t,
+    variant: s,
+    tone: i,
+    elevation: u,
+    radius: b,
+    interactive: n,
+    headless: r,
+    p: d,
+    px: m,
+    py: l,
+    pt: E,
+    pr: p,
+    pb: L,
+    pl: v,
+    m: a,
+    mx: A,
+    my: e,
+    mt: o,
+    mr: g,
+    mb: y,
+    ml: w,
+    width: c,
+    w: R,
+    minWidth: h,
+    minW: k,
+    maxWidth: x,
+    maxW: q,
+    height: B,
+    h: H,
+    minHeight: Y,
+    minH: P,
+    maxHeight: T,
+    maxH: D,
+    display: $,
+    position: J,
+    inset: G,
+    top: Q,
+    right: _,
+    bottom: U,
+    left: K,
+    flexBasis: j,
+    flexGrow: O,
+    flexShrink: I,
+    gridArea: le,
+    gridColumn: se,
+    gridColumnStart: te,
+    gridColumnEnd: V,
+    gridRow: ce,
+    gridRowStart: C,
+    gridRowEnd: W,
+    align: Ne,
+    bg: He,
+    color: Re,
+    ...ke
+  } = N, Pe = {
+    className: t,
+    ...ke,
+    p: M(d),
+    px: M(m),
+    py: M(l),
+    pt: M(E),
+    pr: M(p),
+    pb: M(L),
+    pl: M(v),
+    m: M(a),
+    mx: M(A),
+    my: M(e),
+    mt: M(o),
+    mr: M(g),
+    mb: M(y),
+    ml: M(w),
+    width: M(c),
+    w: M(R),
+    minwidth: M(h ?? k),
+    maxwidth: M(x ?? q),
+    height: M(B),
+    h: M(H),
+    minheight: M(Y ?? P),
+    maxheight: M(T ?? D),
+    display: M($),
+    position: M(J),
+    inset: M(G),
+    top: M(Q),
+    right: M(_),
+    bottom: M(U),
+    left: M(K),
+    flexbasis: M(j),
+    flexgrow: M(O),
+    flexshrink: M(I),
+    gridarea: M(le),
+    gridcolumn: M(se),
+    gridcolumnstart: M(te),
+    gridcolumnend: M(V),
+    gridrow: M(ce),
+    gridrowstart: M(C),
+    gridrowend: M(W),
+    align: M(Ne),
+    bg: M(He),
+    color: M(Re),
+    variant: s && s !== "default" ? s : void 0,
+    tone: i && i !== "default" ? i : void 0,
+    elevation: u && u !== "default" ? u : void 0,
+    radius: b && b !== "default" ? b : void 0,
+    interactive: n ? "" : void 0,
+    headless: r ? "" : void 0
+  };
+  return F.createElement("ui-box", Pe, f);
+}
+function ne(N) {
+  if (N != null) {
+    if (typeof N == "object")
+      try {
+        return JSON.stringify(N);
+      } catch {
+        return;
+      }
+    return String(N);
+  }
+}
+function Ar(N) {
+  const {
+    children: f,
+    className: t,
+    direction: s,
+    align: i,
+    justify: u,
+    wrap: b,
+    gap: n,
+    rowGap: r,
+    columnGap: d,
+    display: m,
+    headless: l,
+    ...E
+  } = N, p = {
+    className: t,
+    ...E,
+    direction: ne(s),
+    align: ne(i),
+    justify: ne(u),
+    wrap: ne(b),
+    gap: ne(n),
+    rowgap: ne(r),
+    columngap: ne(d),
+    display: ne(m),
+    headless: l ? "" : void 0
+  };
+  return F.createElement("ui-flex", p, f);
+}
+function ee(N) {
+  if (N != null) {
+    if (typeof N == "object")
+      try {
+        return JSON.stringify(N);
+      } catch {
+        return;
+      }
+    return String(N);
+  }
+}
+function pr(N) {
+  const {
+    children: f,
+    className: t,
+    columns: s,
+    rows: i,
+    gap: u,
+    rowGap: b,
+    columnGap: n,
+    autoFlow: r,
+    autoRows: d,
+    autoColumns: m,
+    align: l,
+    justify: E,
+    place: p,
+    alignContent: L,
+    justifyContent: v,
+    placeContent: a,
+    display: A,
+    headless: e,
+    ...o
+  } = N, g = {
+    className: t,
+    ...o,
+    columns: ee(s),
+    rows: ee(i),
+    gap: ee(u),
+    rowgap: ee(b),
+    columngap: ee(n),
+    autoflow: ee(r),
+    autorows: ee(d),
+    autocolumns: ee(m),
+    align: ee(l),
+    justify: ee(E),
+    place: ee(p),
+    aligncontent: ee(L),
+    justifycontent: ee(v),
+    placecontent: ee(a),
+    display: ee(A),
+    headless: e ? "" : void 0
+  };
+  return F.createElement("ui-grid", g, f);
+}
+const st = F.forwardRef(function({
+  size: f = "medium",
+  variant: t = "default",
+  tone: s = "neutral",
+  radius: i = "md",
+  density: u = "comfortable",
+  inset: b,
+  children: n,
+  ...r
+}, d) {
+  const m = X(null);
+  return F.useImperativeHandle(d, () => m.current), S(() => {
+    const l = m.current;
+    if (!l)
+      return;
+    const E = (L, v) => {
+      const a = l.getAttribute(L);
+      if (v == null) {
+        a != null && l.removeAttribute(L);
+        return;
+      }
+      a !== v && l.setAttribute(L, v);
+    }, p = (L, v) => {
+      v ? l.hasAttribute(L) || l.setAttribute(L, "") : l.hasAttribute(L) && l.removeAttribute(L);
+    };
+    E("size", f !== "medium" ? f : null), E("variant", t !== "default" ? t : null), E("tone", s !== "neutral" ? s : null), E("radius", i !== "md" ? i : null), E("density", u !== "comfortable" ? u : null), p("inset", b);
+  }, [f, t, s, i, u, b]), F.createElement("ui-section", { ref: m, ...r }, n);
+});
+st.displayName = "Section";
+function Er(N) {
+  const { children: f, size: t = "md", ...s } = N;
+  return F.createElement("ui-container", { size: t, ...s }, f);
+}
+const ut = F.forwardRef(function({
+  children: f,
+  collapsed: t,
+  collapsible: s,
+  rail: i,
+  position: u,
+  value: b,
+  items: n,
+  variant: r,
+  size: d,
+  density: m,
+  tone: l,
+  showIcons: E,
+  showBadges: p,
+  headless: L,
+  onSelect: v,
+  onChange: a,
+  onToggle: A,
+  onCollapseChange: e,
+  ...o
+}, g) {
+  const y = X(null);
+  return z(g, () => y.current), S(() => {
+    const w = y.current;
+    if (!w)
+      return;
+    const c = (x) => {
+      const q = x.detail;
+      q && (v == null || v(q));
+    }, R = (x) => {
+      const q = x.detail;
+      q && (a == null || a(q));
+    }, h = (x) => {
+      var B;
+      const q = (B = x.detail) == null ? void 0 : B.collapsed;
+      typeof q == "boolean" && (A == null || A(q));
+    }, k = (x) => {
+      var B;
+      const q = (B = x.detail) == null ? void 0 : B.collapsed;
+      typeof q == "boolean" && (e == null || e(q));
+    };
+    return w.addEventListener("select", c), w.addEventListener("change", R), w.addEventListener("toggle", h), w.addEventListener("collapse-change", k), () => {
+      w.removeEventListener("select", c), w.removeEventListener("change", R), w.removeEventListener("toggle", h), w.removeEventListener("collapse-change", k);
+    };
+  }, [v, a, A, e]), S(() => {
+    const w = y.current;
+    if (!w)
+      return;
+    const c = (h, k) => {
+      const x = w.getAttribute(h);
+      if (k == null) {
+        x != null && w.removeAttribute(h);
+        return;
+      }
+      x !== k && w.setAttribute(h, k);
+    }, R = (h, k, x) => {
+      if (k == null) {
+        x !== void 0 && x === !1 && c(h, null);
+        return;
+      }
+      k ? c(h, "") : c(h, null);
+    };
+    if (R("collapsed", t), R("collapsible", s), R("rail", i), R("headless", L), c("position", u && u !== "left" ? u : null), c("value", b != null && b !== "" ? String(b) : null), n && n.length)
+      try {
+        c("items", JSON.stringify(n));
+      } catch {
+        c("items", null);
+      }
+    else
+      c("items", null);
+    c("variant", r && r !== "surface" ? r : null), c("size", d && d !== "md" ? d : null), c("density", m && m !== "default" ? m : null), c("tone", l && l !== "default" ? l : null), typeof E == "boolean" ? c("show-icons", E ? "true" : "false") : c("show-icons", null), typeof p == "boolean" ? c("show-badges", p ? "true" : "false") : c("show-badges", null);
+  }, [t, s, i, L, u, b, n, r, d, m, l, E, p]), F.createElement("ui-sidebar", { ref: y, ...o }, f);
+});
+ut.displayName = "Sidebar";
+const ot = F.forwardRef(function({ children: f, separator: t, maxItems: s, onSelect: i, ...u }, b) {
+  const n = X(null);
+  return z(b, () => n.current), S(() => {
+    const r = n.current;
+    if (!r || !i)
+      return;
+    const d = (m) => {
+      const l = m.detail;
+      l && i(l);
+    };
+    return r.addEventListener("select", d), () => r.removeEventListener("select", d);
+  }, [i]), S(() => {
+    const r = n.current;
+    r && (t != null && t !== "" ? r.setAttribute("separator", t) : r.removeAttribute("separator"));
+  }, [t]), S(() => {
+    const r = n.current;
+    r && (typeof s == "number" && Number.isFinite(s) ? r.setAttribute("max-items", String(s)) : r.removeAttribute("max-items"));
+  }, [s]), F.createElement("ui-breadcrumb", { ref: n, ...u }, f);
+});
+ot.displayName = "Breadcrumb";
+const ct = F.forwardRef(function({ children: f, sticky: t, bordered: s, dense: i, showMenuButton: u, onMenuTrigger: b, ...n }, r) {
+  const d = X(null);
+  return z(r, () => d.current), S(() => {
+    const m = d.current;
+    if (!m || !b)
+      return;
+    const l = () => b();
+    return m.addEventListener("menu-trigger", l), () => m.removeEventListener("menu-trigger", l);
+  }, [b]), S(() => {
+    const m = d.current;
+    m && (t ? m.setAttribute("sticky", "") : m.removeAttribute("sticky"));
+  }, [t]), S(() => {
+    const m = d.current;
+    m && (s ? m.setAttribute("bordered", "") : m.removeAttribute("bordered"));
+  }, [s]), S(() => {
+    const m = d.current;
+    m && (i ? m.setAttribute("dense", "") : m.removeAttribute("dense"));
+  }, [i]), S(() => {
+    const m = d.current;
+    m && (u ? m.setAttribute("show-menu-button", "") : m.removeAttribute("show-menu-button"));
+  }, [u]), F.createElement("ui-app-header", { ref: d, ...n }, f);
+});
+ct.displayName = "AppHeader";
+const ft = F.forwardRef(function({ children: f, open: t, side: s, variant: i, density: u, shape: b, elevation: n, tone: r, size: d, inset: m, dismissible: l, onOpen: E, onClose: p, onChange: L, ...v }, a) {
+  const A = X(null);
+  return z(a, () => A.current), S(() => {
+    const e = A.current;
+    if (!e)
+      return;
+    const o = () => E == null ? void 0 : E(), g = () => p == null ? void 0 : p(), y = (w) => {
+      var R;
+      const c = (R = w.detail) == null ? void 0 : R.open;
+      typeof c == "boolean" && (L == null || L(c));
+    };
+    return e.addEventListener("open", o), e.addEventListener("close", g), e.addEventListener("change", y), () => {
+      e.removeEventListener("open", o), e.removeEventListener("close", g), e.removeEventListener("change", y);
+    };
+  }, [E, p, L]), S(() => {
+    const e = A.current;
+    e && (t ? e.setAttribute("open", "") : e.removeAttribute("open"));
+  }, [t]), S(() => {
+    const e = A.current;
+    e && (s ? e.setAttribute("side", s) : e.removeAttribute("side"));
+  }, [s]), S(() => {
+    const e = A.current;
+    e && (l ? e.setAttribute("dismissible", "") : e.removeAttribute("dismissible"));
+  }, [l]), S(() => {
+    const e = A.current;
+    e && (i && i !== "default" ? e.setAttribute("variant", i) : e.removeAttribute("variant"));
+  }, [i]), S(() => {
+    const e = A.current;
+    e && (u && u !== "default" ? e.setAttribute("density", u) : e.removeAttribute("density"));
+  }, [u]), S(() => {
+    const e = A.current;
+    e && (b && b !== "default" ? e.setAttribute("shape", b) : e.removeAttribute("shape"));
+  }, [b]), S(() => {
+    const e = A.current;
+    e && (n && n !== "default" ? e.setAttribute("elevation", n) : e.removeAttribute("elevation"));
+  }, [n]), S(() => {
+    const e = A.current;
+    e && (r && r !== "default" && r !== "brand" ? e.setAttribute("tone", r) : e.removeAttribute("tone"));
+  }, [r]), S(() => {
+    const e = A.current;
+    e && (d && d !== "default" ? e.setAttribute("size", d) : e.removeAttribute("size"));
+  }, [d]), S(() => {
+    const e = A.current;
+    e && (m ? e.setAttribute("inset", "") : e.removeAttribute("inset"));
+  }, [m]), F.createElement("ui-drawer", { ref: A, ...v }, f);
+});
+ft.displayName = "Drawer";
+const dt = F.forwardRef(function({
+  children: f,
+  mode: t,
+  variant: s,
+  density: i,
+  maxWidth: u,
+  sidebarSide: b,
+  collapsed: n,
+  headless: r,
+  sidebarWidth: d,
+  asideWidth: m,
+  onLayoutChange: l,
+  ...E
+}, p) {
+  const L = X(null);
+  return F.useImperativeHandle(p, () => L.current), S(() => {
+    const v = L.current;
+    if (!v)
+      return;
+    const a = () => l == null ? void 0 : l();
+    return v.addEventListener("layoutchange", a), () => v.removeEventListener("layoutchange", a);
+  }, [l]), S(() => {
+    const v = L.current;
+    v && (t && t !== "dashboard" ? v.setAttribute("mode", t) : v.removeAttribute("mode"), s && s !== "default" ? v.setAttribute("variant", s) : v.removeAttribute("variant"), i && i !== "default" ? v.setAttribute("density", i) : v.removeAttribute("density"), u ? v.setAttribute("max-width", u) : v.removeAttribute("max-width"), b && b !== "start" ? v.setAttribute("sidebar-side", b) : v.removeAttribute("sidebar-side"), n ? v.setAttribute("collapsed", "") : v.removeAttribute("collapsed"), r ? v.setAttribute("headless", "") : v.removeAttribute("headless"), d ? v.setAttribute("sidebar-width", d) : v.removeAttribute("sidebar-width"), m ? v.setAttribute("aside-width", m) : v.removeAttribute("aside-width"));
+  }, [t, s, i, u, b, n, r, d, m]), F.createElement("ui-layout", { ref: L, ...E }, f);
+});
+dt.displayName = "Layout";
+const he = be(null);
+function at() {
+  try {
+    const N = getComputedStyle(document.documentElement), f = N.getPropertyValue("--ui-color-primary").trim();
+    return f ? {
+      colors: {
+        primary: f || void 0,
+        text: N.getPropertyValue("--ui-color-text").trim() || void 0,
+        background: N.getPropertyValue("--ui-color-background").trim() || void 0
+      }
+    } : {};
+  } catch {
+    return {};
+  }
+}
+function yr({ tokens: N, children: f, storageKey: t = "editora.theme.tokens" }) {
+  const s = () => {
+    if (typeof window < "u" && t)
+      try {
+        const n = localStorage.getItem(t);
+        if (n)
+          return JSON.parse(n);
+      } catch {
+      }
+    if (N && Object.keys(N).length)
+      return { ...de, ...N };
+    if (typeof window < "u") {
+      const n = at();
+      if (n.colors && n.colors.primary)
+        return { ...de, ...n };
+    }
+    return { ...de, ...N || {} };
+  }, [i, u] = ae(() => s());
+  S(() => {
+    N && Object.keys(N).length && u((n) => ({ ...n, ...N }));
+  }, [N]), S(() => {
+    xe(i);
+    try {
+      Be(document.documentElement);
+    } catch {
+    }
+    if (typeof window < "u" && t) {
+      const n = JSON.stringify(i);
+      let r;
+      const d = () => {
+        try {
+          localStorage.setItem(t, n);
+        } catch {
+        }
+      };
+      return window.requestIdleCallback ? r = window.requestIdleCallback(d, { timeout: 1e3 }) : r = window.setTimeout(d, 250), () => {
+        try {
+          window.cancelIdleCallback && r ? window.cancelIdleCallback(r) : r && clearTimeout(r);
+        } catch {
+        }
+      };
+    }
+  }, [i, t]);
+  const b = (n) => u(n);
+  return /* @__PURE__ */ F.createElement(he.Provider, { value: { tokens: i, setTokens: b } }, f);
+}
+function Lr() {
+  const N = me(he);
+  if (!N)
+    throw new Error("useTheme must be used within ThemeProvider");
+  return N;
+}
+function ue(N, f, t) {
+  if (t == null) {
+    N.removeAttribute(f);
+    return;
+  }
+  t ? N.setAttribute(f, "") : N.removeAttribute(f);
+}
+function ve(N, f, t, s) {
+  const i = t && t !== s ? t : void 0;
+  if (!i) {
+    N.removeAttribute(f);
+    return;
+  }
+  N.setAttribute(f, i);
+}
+const bt = Z.forwardRef(function({
+  checked: f,
+  disabled: t,
+  indeterminate: s,
+  loading: i,
+  headless: u,
+  invalid: b,
+  density: n,
+  preset: r,
+  onCheckedChange: d,
+  onChange: m,
+  onInput: l,
+  children: E,
+  ...p
+}, L) {
+  const v = Z.useRef(null);
+  Z.useImperativeHandle(L, () => v.current);
+  const a = typeof window < "u" ? Z.useLayoutEffect : Z.useEffect;
+  Z.useEffect(() => {
+    re("ui-checkbox", "Checkbox");
+  }, []), a(() => {
+    const e = v.current;
+    e && (ue(e, "checked", f), ue(e, "disabled", t), ue(e, "indeterminate", s), ue(e, "loading", i), ue(e, "headless", u), ue(e, "invalid", b), ve(e, "density", n, "default"), ve(e, "preset", r, "default"));
+  }, [f, t, s, i, u, b, n, r]), Z.useEffect(() => {
+    const e = v.current;
+    if (!e || !d && !m && !l)
+      return;
+    const o = (y) => {
+      var c;
+      const w = y;
+      l == null || l(w), typeof ((c = w.detail) == null ? void 0 : c.checked) == "boolean" && (d == null || d(w.detail.checked, w.detail));
+    }, g = (y) => {
+      const w = y;
+      m == null || m(w);
+    };
+    return e.addEventListener("input", o), e.addEventListener("change", g), () => {
+      e.removeEventListener("input", o), e.removeEventListener("change", g);
+    };
+  }, [d, m, l]);
+  const A = {
+    ref: v,
+    ...p,
+    checked: f ? "" : void 0,
+    disabled: t ? "" : void 0,
+    indeterminate: s ? "" : void 0,
+    loading: i ? "" : void 0,
+    headless: u ? "" : void 0,
+    invalid: b ? "" : void 0,
+    density: n && n !== "default" ? n : void 0,
+    preset: r && r !== "default" ? r : void 0
+  };
+  return Z.createElement("ui-checkbox", A, E);
+});
+bt.displayName = "Checkbox";
+const mt = F.forwardRef(function({
+  value: f,
+  disabled: t,
+  required: s,
+  name: i,
+  orientation: u,
+  variant: b,
+  size: n,
+  tone: r,
+  options: d,
+  onValueChange: m,
+  children: l,
+  ...E
+}, p) {
+  const L = X(null);
+  return F.useImperativeHandle(p, () => L.current), S(() => {
+    const v = L.current;
+    if (!v)
+      return;
+    const a = (A) => {
+      const e = A.detail;
+      e && (m == null || m(e));
+    };
+    return v.addEventListener("change", a), () => v.removeEventListener("change", a);
+  }, [m]), S(() => {
+    const v = L.current;
+    if (!v)
+      return;
+    const a = (e, o) => {
+      const g = v.getAttribute(e);
+      if (o == null) {
+        g != null && v.removeAttribute(e);
+        return;
+      }
+      g !== o && v.setAttribute(e, o);
+    }, A = (e, o) => {
+      o ? v.hasAttribute(e) || v.setAttribute(e, "") : v.hasAttribute(e) && v.removeAttribute(e);
+    };
+    a("value", f ?? null), A("disabled", t), A("required", s), a("name", i || null), a("orientation", u && u !== "vertical" ? u : null), a("variant", b && b !== "default" ? b : null), a("size", n && n !== "md" ? n : null), a("tone", r && r !== "brand" ? r : null), d && d.length ? a("options", JSON.stringify(d)) : a("options", null);
+  }, [f, t, s, i, u, b, n, r, d]), F.createElement("ui-radio-group", { ref: L, ...E }, l);
+});
+mt.displayName = "RadioGroup";
+const vt = F.forwardRef(function({
+  children: f,
+  checked: t,
+  disabled: s,
+  headless: i,
+  loading: u,
+  size: b,
+  variant: n,
+  tone: r,
+  label: d,
+  description: m,
+  name: l,
+  value: E,
+  required: p,
+  onInput: L,
+  onChange: v,
+  ...a
+}, A) {
+  const e = X(null);
+  return z(A, () => e.current), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = (w) => {
+      const c = w.detail;
+      c && (L == null || L(c));
+    }, y = (w) => {
+      const c = w.detail;
+      c && (v == null || v(c));
+    };
+    return o.addEventListener("input", g), o.addEventListener("change", y), () => {
+      o.removeEventListener("input", g), o.removeEventListener("change", y);
+    };
+  }, [L, v]), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = (w, c) => {
+      const R = o.getAttribute(w);
+      if (c == null) {
+        R != null && o.removeAttribute(w);
+        return;
+      }
+      R !== c && o.setAttribute(w, c);
+    }, y = (w, c) => {
+      c ? g(w, "") : g(w, null);
+    };
+    y("checked", t), y("disabled", s), y("headless", i), y("loading", u), y("required", p), g("size", b && b !== "md" ? b : null), g("variant", n && n !== "default" ? n : null), g("tone", r && r !== "brand" ? r : null), g("label", d || null), g("description", m || null), g("name", l || null), g("value", E || null);
+  }, [t, s, i, u, p, b, n, r, d, m, l, E]), F.createElement("ui-switch", { ref: e, ...a }, f);
+});
+vt.displayName = "Switch";
+const At = F.forwardRef(function({
+  children: f,
+  pressed: t,
+  disabled: s,
+  loading: i,
+  headless: u,
+  size: b,
+  variant: n,
+  tone: r,
+  name: d,
+  value: m,
+  required: l,
+  iconOn: E,
+  iconOff: p,
+  onInput: L,
+  onChange: v,
+  ...a
+}, A) {
+  const e = X(null);
+  return z(A, () => e.current), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = (w) => {
+      const c = w.detail;
+      c && (L == null || L(c));
+    }, y = (w) => {
+      const c = w.detail;
+      c && (v == null || v(c));
+    };
+    return o.addEventListener("input", g), o.addEventListener("change", y), () => {
+      o.removeEventListener("input", g), o.removeEventListener("change", y);
+    };
+  }, [L, v]), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = (w, c) => {
+      const R = o.getAttribute(w);
+      if (c == null) {
+        R != null && o.removeAttribute(w);
+        return;
+      }
+      R !== c && o.setAttribute(w, c);
+    }, y = (w, c) => {
+      c ? g(w, "") : g(w, null);
+    };
+    y("pressed", t), y("disabled", s), y("loading", i), y("headless", u), y("required", l), g("size", b && b !== "md" ? b : null), g("variant", n && n !== "default" ? n : null), g("tone", r && r !== "brand" ? r : null), g("name", d || null), g("value", m || null), g("icon-on", E || null), g("icon-off", p || null);
+  }, [t, s, i, u, l, b, n, r, d, m, E, p]), F.createElement("ui-toggle", { ref: e, ...a }, f);
+});
+At.displayName = "Toggle";
+const pt = F.forwardRef(function({
+  children: f,
+  value: t,
+  multiple: s,
+  disabled: i,
+  headless: u,
+  orientation: b,
+  variant: n,
+  size: r,
+  density: d,
+  allowEmpty: m,
+  required: l,
+  activation: E,
+  onInput: p,
+  onChange: L,
+  onValueChange: v,
+  ...a
+}, A) {
+  const e = X(null);
+  return z(A, () => e.current), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = (w) => {
+      const c = w.detail;
+      c && (p == null || p(c), v == null || v(c));
+    }, y = (w) => {
+      const c = w.detail;
+      c && (L == null || L(c), v == null || v(c));
+    };
+    return o.addEventListener("input", g), o.addEventListener("change", y), () => {
+      o.removeEventListener("input", g), o.removeEventListener("change", y);
+    };
+  }, [p, L, v]), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = (w, c) => {
+      const R = o.getAttribute(w);
+      if (c == null) {
+        R != null && o.removeAttribute(w);
+        return;
+      }
+      R !== c && o.setAttribute(w, c);
+    }, y = (w, c) => {
+      c ? g(w, "") : g(w, null);
+    };
+    y("multiple", s), y("disabled", i), y("headless", u), y("allow-empty", m), y("required", l), t == null ? g("value", null) : Array.isArray(t) ? g("value", JSON.stringify(t)) : g("value", String(t)), g("orientation", b && b !== "horizontal" ? b : null), g("variant", n && n !== "default" ? n : null), g("size", r && r !== "md" ? r : null), g("density", d && d !== "default" ? d : null), g("activation", E && E !== "auto" ? E : null);
+  }, [t, s, i, u, m, l, b, n, r, d, E]), F.createElement("ui-toggle-group", { ref: e, ...a }, f);
+});
+pt.displayName = "ToggleGroup";
+function Et(N) {
+  if (N != null) {
+    if (typeof N == "string")
+      return N;
+    if (!(!Number.isFinite(N) || N <= 0))
+      return Math.abs(N - 16 / 9) < 0.01 ? "16/9" : Math.abs(N - 4 / 3) < 0.01 ? "4/3" : Math.abs(N - 1) < 0.01 ? "1/1" : `${N}/1`;
+  }
+}
+const yt = Z.forwardRef(function({ ratio: f, fit: t, children: s, ...i }, u) {
+  const b = Z.useRef(null);
+  return Z.useImperativeHandle(u, () => b.current), Z.useEffect(() => {
+    re("ui-aspect-ratio", "AspectRatio");
+  }, []), Z.useEffect(() => {
+    const n = b.current;
+    if (!n)
+      return;
+    const r = Et(f);
+    r ? n.setAttribute("ratio", r) : n.removeAttribute("ratio"), t ? n.setAttribute("fit", t) : n.removeAttribute("fit");
+  }, [f, t]), Z.createElement("ui-aspect-ratio", { ref: b, ...i }, s);
+});
+yt.displayName = "AspectRatio";
+function Ae(N) {
+  const f = N.trim().split(/\s+/).filter(Boolean);
+  return f.length === 0 ? "?" : f.length === 1 ? f[0].slice(0, 2).toUpperCase() : `${f[0][0] || ""}${f[1][0] || ""}`.toUpperCase();
+}
+function Lt(N) {
+  if (N != null)
+    return N === "lazy" || N === "eager" ? N : N ? "eager" : "lazy";
+}
+function gt(N, f, t) {
+  return N && N.trim() ? N.trim().slice(0, 2).toUpperCase() : f && f.trim() ? Ae(f) : typeof t == "string" && t.trim() ? Ae(t) : "?";
+}
+const ht = Z.forwardRef(function({
+  src: f,
+  alt: t,
+  initials: s,
+  size: i,
+  bg: u,
+  color: b,
+  radius: n,
+  fontWeight: r,
+  shape: d,
+  status: m,
+  ring: l,
+  loading: E,
+  children: p,
+  ...L
+}, v) {
+  const a = Z.useRef(null), A = Z.useMemo(() => gt(s, t, p), [s, t, p]);
+  return Z.useImperativeHandle(v, () => a.current), Z.useEffect(() => {
+    re("ui-avatar", "Avatar");
+  }, []), Z.useEffect(() => {
+    const e = a.current;
+    if (!e)
+      return;
+    f ? e.setAttribute("src", f) : e.removeAttribute("src"), t ? e.setAttribute("alt", t) : e.removeAttribute("alt"), s ? e.setAttribute("initials", s) : e.removeAttribute("initials"), i != null ? e.setAttribute("size", String(i)) : e.removeAttribute("size"), u ? e.setAttribute("bg", u) : e.removeAttribute("bg"), b ? e.setAttribute("color", b) : e.removeAttribute("color"), n ? e.setAttribute("radius", n) : e.removeAttribute("radius"), r != null ? e.setAttribute("fontweight", String(r)) : e.removeAttribute("fontweight"), d ? e.setAttribute("shape", d) : e.removeAttribute("shape"), m ? e.setAttribute("status", m) : e.removeAttribute("status"), l == null ? e.removeAttribute("ring") : l ? e.setAttribute("ring", "") : e.removeAttribute("ring");
+    const o = Lt(E);
+    o ? e.setAttribute("loading", o) : e.removeAttribute("loading");
+  }, [f, t, s, i, u, b, n, r, d, m, l, E]), Z.createElement("ui-avatar", { ref: a, ...L }, A);
+});
+ht.displayName = "Avatar";
+const wt = F.forwardRef(function({
+  present: f,
+  headless: t,
+  mode: s,
+  size: i,
+  variant: u,
+  keepMounted: b,
+  lazy: n,
+  enterDuration: r,
+  exitDuration: d,
+  delay: m,
+  onBeforeEnter: l,
+  onEnter: E,
+  onAfterEnter: p,
+  onBeforeExit: L,
+  onExit: v,
+  onAfterExit: a,
+  children: A,
+  ...e
+}, o) {
+  const g = X(null);
+  return F.useImperativeHandle(o, () => g.current), S(() => {
+    const y = g.current;
+    if (!y)
+      return;
+    const w = (B) => {
+      const H = B.detail;
+      return (H == null ? void 0 : H.state) || "hidden";
+    }, c = (B) => l == null ? void 0 : l(w(B)), R = (B) => E == null ? void 0 : E(w(B)), h = (B) => p == null ? void 0 : p(w(B)), k = (B) => L == null ? void 0 : L(w(B)), x = (B) => v == null ? void 0 : v(w(B)), q = (B) => a == null ? void 0 : a(w(B));
+    return y.addEventListener("before-enter", c), y.addEventListener("enter", R), y.addEventListener("after-enter", h), y.addEventListener("before-exit", k), y.addEventListener("exit", x), y.addEventListener("after-exit", q), () => {
+      y.removeEventListener("before-enter", c), y.removeEventListener("enter", R), y.removeEventListener("after-enter", h), y.removeEventListener("before-exit", k), y.removeEventListener("exit", x), y.removeEventListener("after-exit", q);
+    };
+  }, [l, E, p, L, v, a]), S(() => {
+    const y = g.current;
+    y && (f ? y.setAttribute("present", "") : y.removeAttribute("present"), t ? y.setAttribute("headless", "") : y.removeAttribute("headless"), s && s !== "fade" ? y.setAttribute("mode", s) : y.removeAttribute("mode"), i && i !== "md" ? y.setAttribute("size", i) : y.removeAttribute("size"), u && u !== "default" ? y.setAttribute("variant", u) : y.removeAttribute("variant"), b ? y.setAttribute("keep-mounted", "") : y.removeAttribute("keep-mounted"), n ? y.setAttribute("lazy", "") : y.removeAttribute("lazy"), typeof r == "number" ? y.setAttribute("enter-duration", String(r)) : y.removeAttribute("enter-duration"), typeof d == "number" ? y.setAttribute("exit-duration", String(d)) : y.removeAttribute("exit-duration"), typeof m == "number" ? y.setAttribute("delay", String(m)) : y.removeAttribute("delay"));
+  }, [f, t, s, i, u, b, n, r, d, m]), F.createElement("ui-presence", { ref: g, ...e }, A);
+});
+wt.displayName = "Presence";
+const Nt = F.forwardRef(function({
+  value: f,
+  buffer: t,
+  max: s,
+  min: i,
+  indeterminate: u,
+  striped: b,
+  animated: n,
+  showLabel: r,
+  label: d,
+  format: m,
+  precision: l,
+  size: E,
+  variant: p,
+  tone: L,
+  shape: v,
+  mode: a,
+  onValueChange: A,
+  onComplete: e,
+  children: o,
+  ...g
+}, y) {
+  const w = X(null);
+  return F.useImperativeHandle(y, () => w.current), S(() => {
+    const c = w.current;
+    if (!c)
+      return;
+    const R = (k) => {
+      const x = k.detail;
+      x && (A == null || A(x));
+    }, h = (k) => {
+      const x = k.detail;
+      x && (e == null || e(x));
+    };
+    return c.addEventListener("change", R), c.addEventListener("complete", h), () => {
+      c.removeEventListener("change", R), c.removeEventListener("complete", h);
+    };
+  }, [A, e]), S(() => {
+    const c = w.current;
+    if (!c)
+      return;
+    const R = (k, x) => {
+      const q = c.getAttribute(k);
+      if (x == null) {
+        q != null && c.removeAttribute(k);
+        return;
+      }
+      q !== x && c.setAttribute(k, x);
+    }, h = (k, x) => {
+      x ? c.hasAttribute(k) || c.setAttribute(k, "") : c.hasAttribute(k) && c.removeAttribute(k);
+    };
+    R("value", f != null ? String(f) : null), R("buffer", t != null ? String(t) : null), R("max", s != null ? String(s) : null), R("min", i != null ? String(i) : null), h("indeterminate", u), h("striped", b), h("animated", n), h("show-label", r), R("label", d != null && d !== "" ? d : null), R("format", m != null && m !== "percent" ? m : null), R("precision", l != null ? String(l) : null), R("size", E && E !== "md" ? E : null), R("variant", p && p !== "default" ? p : null), R("tone", L && L !== "brand" ? L : null), R("shape", v && v !== "pill" ? v : null), R("mode", a && a !== "line" ? a : null);
+  }, [f, t, s, i, u, b, n, r, d, m, l, E, p, L, v, a]), F.createElement("ui-progress", { ref: w, ...g }, o);
+});
+Nt.displayName = "Progress";
+const Ht = F.forwardRef(function({ target: f, headless: t, disabled: s, strategy: i, onMount: u, onUnmount: b, onSync: n, onTargetMissing: r, children: d, ...m }, l) {
+  const E = X(null);
+  return F.useImperativeHandle(l, () => E.current), S(() => {
+    const p = E.current;
+    if (!p)
+      return;
+    const L = (e) => u == null ? void 0 : u(e.detail || { count: 0 }), v = (e) => b == null ? void 0 : b(e.detail || { count: 0 }), a = (e) => n == null ? void 0 : n(e.detail || { count: 0 }), A = (e) => {
+      const o = e.detail;
+      o && (r == null || r(o));
+    };
+    return p.addEventListener("mount", L), p.addEventListener("unmount", v), p.addEventListener("sync", a), p.addEventListener("target-missing", A), () => {
+      p.removeEventListener("mount", L), p.removeEventListener("unmount", v), p.removeEventListener("sync", a), p.removeEventListener("target-missing", A);
+    };
+  }, [u, b, n, r]), S(() => {
+    const p = E.current;
+    p && (f ? p.setAttribute("target", f) : p.removeAttribute("target"), i && i !== "append" ? p.setAttribute("strategy", i) : p.removeAttribute("strategy"), t ? p.setAttribute("headless", "") : p.removeAttribute("headless"), s ? p.setAttribute("disabled", "") : p.removeAttribute("disabled"));
+  }, [f, i, t, s]), F.createElement("ui-portal", { ref: E, ...m }, d);
+});
+Ht.displayName = "Portal";
+const Rt = F.forwardRef(function({
+  orientation: f,
+  size: t,
+  variant: s,
+  tone: i,
+  autoHide: u,
+  shadows: b,
+  onScrollChange: n,
+  onReachStart: r,
+  onReachEnd: d,
+  children: m,
+  ...l
+}, E) {
+  const p = X(null);
+  return F.useImperativeHandle(E, () => p.current), S(() => {
+    const L = p.current;
+    if (!L)
+      return;
+    const v = (e) => {
+      const o = e.detail;
+      o && (n == null || n(o));
+    }, a = () => r == null ? void 0 : r(), A = () => d == null ? void 0 : d();
+    return L.addEventListener("scroll", v), L.addEventListener("reach-start", a), L.addEventListener("reach-end", A), () => {
+      L.removeEventListener("scroll", v), L.removeEventListener("reach-start", a), L.removeEventListener("reach-end", A);
+    };
+  }, [n, r, d]), S(() => {
+    const L = p.current;
+    if (!L)
+      return;
+    const v = (A, e) => {
+      const o = L.getAttribute(A);
+      if (e == null) {
+        o != null && L.removeAttribute(A);
+        return;
+      }
+      o !== e && L.setAttribute(A, e);
+    }, a = (A, e) => {
+      const o = L.getAttribute(A);
+      if (e == null) {
+        o != null && L.removeAttribute(A);
+        return;
+      }
+      const g = e ? "true" : "false";
+      o !== g && L.setAttribute(A, g);
+    };
+    v("orientation", f && f !== "vertical" ? f : null), v("size", t && t !== "md" ? t : null), v("variant", s && s !== "default" ? s : null), v("tone", i && i !== "neutral" ? i : null), a("auto-hide", u), a("shadows", b);
+  }, [f, t, s, i, u, b]), F.createElement("ui-scroll-area", { ref: p, ...l }, m);
+});
+Rt.displayName = "ScrollArea";
+const kt = Z.forwardRef((N, f) => /* @__PURE__ */ Z.createElement("ui-separator", { ref: f, ...N }));
+kt.displayName = "Separator";
+const Pt = F.forwardRef(function({
+  children: f,
+  name: t,
+  fallback: s,
+  required: i,
+  inline: u,
+  align: b,
+  size: n,
+  variant: r,
+  tone: d,
+  headless: m,
+  onSlotChange: l,
+  onMissing: E,
+  onResolved: p,
+  ...L
+}, v) {
+  const a = X(null);
+  return z(v, () => a.current), S(() => {
+    const A = a.current;
+    if (!A)
+      return;
+    const e = (y) => {
+      const w = y.detail;
+      w && (l == null || l(w));
+    }, o = () => E == null ? void 0 : E(), g = () => p == null ? void 0 : p();
+    return A.addEventListener("slotchange", e), A.addEventListener("missing", o), A.addEventListener("resolved", g), () => {
+      A.removeEventListener("slotchange", e), A.removeEventListener("missing", o), A.removeEventListener("resolved", g);
+    };
+  }, [l, E, p]), S(() => {
+    const A = a.current;
+    if (!A)
+      return;
+    const e = (g, y) => {
+      const w = A.getAttribute(g);
+      if (y == null) {
+        w != null && A.removeAttribute(g);
+        return;
+      }
+      w !== y && A.setAttribute(g, y);
+    }, o = (g, y) => {
+      y ? e(g, "") : e(g, null);
+    };
+    e("name", t || null), e("fallback", s || null), o("required", i), typeof u == "boolean" ? e("inline", u ? "true" : "false") : e("inline", null), e("align", b && b !== "start" ? b : null), e("size", n && n !== "md" ? n : null), e("variant", r && r !== "plain" ? r : null), e("tone", d && d !== "brand" ? d : null), o("headless", m);
+  }, [t, s, i, u, b, n, r, d, m]), F.createElement("ui-slot", { ref: a, ...L }, f);
+});
+Pt.displayName = "Slot";
+const St = F.forwardRef(function({
+  children: f,
+  orientation: t,
+  variant: s,
+  size: i,
+  density: u,
+  wrap: b,
+  loop: n,
+  headless: r,
+  ...d
+}, m) {
+  const l = X(null);
+  return z(m, () => l.current), S(() => {
+    const E = l.current;
+    if (!E)
+      return;
+    const p = (v, a) => {
+      const A = E.getAttribute(v);
+      if (a == null) {
+        A != null && E.removeAttribute(v);
+        return;
+      }
+      A !== a && E.setAttribute(v, a);
+    }, L = (v, a) => {
+      a ? p(v, "") : p(v, null);
+    };
+    p("orientation", t && t !== "horizontal" ? t : null), p("variant", s && s !== "default" ? s : null), p("size", i && i !== "md" ? i : null), p("density", u && u !== "default" ? u : null), L("wrap", b), typeof n == "boolean" ? L("loop", n) : p("loop", null), L("headless", r);
+  }, [t, s, i, u, b, n, r]), F.createElement("ui-toolbar", { ref: l, ...d }, f);
+});
+St.displayName = "Toolbar";
+const Ft = Z.forwardRef((N, f) => /* @__PURE__ */ Z.createElement("ui-visually-hidden", { ref: f, ...N }));
+Ft.displayName = "VisuallyHidden";
+function pe(N, f, t) {
+  if (t == null) {
+    N.removeAttribute(f);
+    return;
+  }
+  t ? N.setAttribute(f, "") : N.removeAttribute(f);
+}
+function Ee(N) {
+  var f;
+  return (f = N.detail) == null ? void 0 : f.open;
+}
+const xt = Z.forwardRef(function({ header: f, open: t, headless: s, onToggle: i, onChangeOpen: u, children: b, ...n }, r) {
+  const d = Z.useRef(null);
+  Z.useImperativeHandle(r, () => d.current), Z.useEffect(() => {
+    re("ui-collapsible", "Collapsible");
+  }, []), Z.useEffect(() => {
+    const l = d.current;
+    l && (pe(l, "open", t), pe(l, "headless", s));
+  }, [t, s]), Z.useEffect(() => {
+    const l = d.current;
+    if (!l || !i && !u)
+      return;
+    const E = (L) => {
+      const v = Ee(L);
+      typeof v == "boolean" && (i == null || i(v));
+    }, p = (L) => {
+      const v = Ee(L);
+      typeof v == "boolean" && (u == null || u(v));
+    };
+    return l.addEventListener("toggle", E), l.addEventListener("change", p), () => {
+      l.removeEventListener("toggle", E), l.removeEventListener("change", p);
+    };
+  }, [i, u]);
+  let m = null;
+  return f != null && (typeof f == "string" || typeof f == "number" ? m = /* @__PURE__ */ Z.createElement("span", { slot: "header" }, f) : Z.isValidElement(f) ? m = Z.cloneElement(f, { slot: "header" }) : m = /* @__PURE__ */ Z.createElement("span", { slot: "header" }, f)), /* @__PURE__ */ Z.createElement("ui-collapsible", { ref: d, ...n }, m, b);
+});
+xt.displayName = "Collapsible";
+const Bt = Z.forwardRef((N, f) => /* @__PURE__ */ Z.createElement("ui-pagination", { ref: f, ...N }));
+Bt.displayName = "Pagination";
+function Tt(N, f, t) {
+  if (t == null) {
+    N.removeAttribute(f);
+    return;
+  }
+  t ? N.setAttribute(f, "") : N.removeAttribute(f);
+}
+function ye(N) {
+  var f;
+  return (f = N.detail) == null ? void 0 : f.open;
+}
+const Dt = Z.forwardRef(function({ multiple: f, collapsible: t, open: s, onToggle: i, onChangeOpen: u, children: b, ...n }, r) {
+  const d = Z.useRef(null);
+  return Z.useImperativeHandle(r, () => d.current), Z.useEffect(() => {
+    re("ui-accordion", "Accordion");
+  }, []), Z.useEffect(() => {
+    const m = d.current;
+    m && (Tt(m, "multiple", f), t == null ? m.removeAttribute("collapsible") : m.setAttribute("collapsible", String(!!t)), s == null ? m.removeAttribute("open") : m.setAttribute("open", Array.isArray(s) ? JSON.stringify(s) : String(s)));
+  }, [f, t, s]), Z.useEffect(() => {
+    const m = d.current;
+    if (!m || !i && !u)
+      return;
+    const l = (p) => {
+      const L = ye(p);
+      L != null && (i == null || i(L));
+    }, E = (p) => {
+      const L = ye(p);
+      L != null && (u == null || u(L));
+    };
+    return m.addEventListener("toggle", l), m.addEventListener("change", E), () => {
+      m.removeEventListener("toggle", l), m.removeEventListener("change", E);
+    };
+  }, [i, u]), Z.createElement("ui-accordion", { ref: d, ...n }, b);
+});
+Dt.displayName = "Accordion";
+const qt = Z.forwardRef(function({ disabled: f, children: t, ...s }, i) {
+  const u = {
+    ref: i,
+    "data-ui-accordion-item": "",
+    ...s
+  };
+  return f && (u.disabled = !0), Z.createElement("div", u, t);
+});
+qt.displayName = "AccordionItem";
+const $t = Z.forwardRef(function({ type: f, children: t, ...s }, i) {
+  return Z.createElement(
+    "button",
+    {
+      ref: i,
+      type: f || "button",
+      "data-ui-accordion-trigger": "",
+      ...s
+    },
+    t
+  );
+});
+$t.displayName = "AccordionTrigger";
+const Jt = Z.forwardRef(function({ children: f, ...t }, s) {
+  return Z.createElement(
+    "div",
+    {
+      ref: s,
+      "data-ui-accordion-panel": "",
+      ...t
+    },
+    f
+  );
+});
+Jt.displayName = "AccordionPanel";
+const jt = Z.forwardRef((N, f) => /* @__PURE__ */ Z.createElement("ui-direction-provider", { ref: f, ...N }));
+jt.displayName = "DirectionProvider";
+const Gt = F.forwardRef(function({
+  children: f,
+  open: t,
+  delay: s,
+  closeDelay: i,
+  placement: u,
+  offset: b,
+  variant: n,
+  tone: r,
+  density: d,
+  shape: m,
+  elevation: l,
+  headless: E,
+  onOpen: p,
+  onClose: L,
+  onChange: v,
+  ...a
+}, A) {
+  const e = X(null);
+  return z(A, () => e.current), S(() => {
+    const o = e.current;
+    if (!o)
+      return;
+    const g = () => p == null ? void 0 : p(), y = () => L == null ? void 0 : L(), w = (c) => {
+      var h;
+      const R = (h = c.detail) == null ? void 0 : h.open;
+      typeof R == "boolean" && (v == null || v(R));
+    };
+    return o.addEventListener("open", g), o.addEventListener("close", y), o.addEventListener("change", w), () => {
+      o.removeEventListener("open", g), o.removeEventListener("close", y), o.removeEventListener("change", w);
+    };
+  }, [p, L, v]), S(() => {
+    const o = e.current;
+    !o || t == null || (t ? o.setAttribute("open", "") : o.removeAttribute("open"));
+  }, [t]), S(() => {
+    const o = e.current;
+    o && (typeof s == "number" ? o.setAttribute("delay", String(s)) : o.removeAttribute("delay"), typeof i == "number" ? o.setAttribute("close-delay", String(i)) : o.removeAttribute("close-delay"), u ? o.setAttribute("placement", u) : o.removeAttribute("placement"), typeof b == "number" ? o.setAttribute("offset", String(b)) : o.removeAttribute("offset"), n && n !== "default" ? o.setAttribute("variant", n) : o.removeAttribute("variant"), r && r !== "default" ? o.setAttribute("tone", r) : o.removeAttribute("tone"), d && d !== "default" ? o.setAttribute("density", d) : o.removeAttribute("density"), m && m !== "default" ? o.setAttribute("shape", m) : o.removeAttribute("shape"), l && l !== "default" ? o.setAttribute("elevation", l) : o.removeAttribute("elevation"), E ? o.setAttribute("headless", "") : o.removeAttribute("headless"));
+  }, [s, i, u, b, n, r, d, m, l, E]), F.createElement("ui-hover-card", { ref: e, ...a }, f);
+});
+Gt.displayName = "HoverCard";
+const _t = F.forwardRef(function({
+  children: f,
+  htmlFor: t,
+  for: s,
+  required: i,
+  description: u,
+  variant: b,
+  tone: n,
+  size: r,
+  density: d,
+  shape: m,
+  disabled: l,
+  headless: E,
+  ...p
+}, L) {
+  const v = X(null);
+  return z(L, () => v.current), S(() => {
+    const a = v.current;
+    if (!a)
+      return;
+    const A = t || s;
+    A ? a.setAttribute("for", A) : a.removeAttribute("for"), i ? a.setAttribute("required", "") : a.removeAttribute("required"), u ? a.setAttribute("description", u) : a.removeAttribute("description"), b && b !== "default" ? a.setAttribute("variant", b) : a.removeAttribute("variant"), n && n !== "default" ? a.setAttribute("tone", n) : a.removeAttribute("tone"), r && r !== "md" && r !== "2" ? a.setAttribute("size", r) : a.removeAttribute("size"), d && d !== "default" ? a.setAttribute("density", d) : a.removeAttribute("density"), m && m !== "default" ? a.setAttribute("shape", m) : a.removeAttribute("shape"), l ? a.setAttribute("disabled", "") : a.removeAttribute("disabled"), E ? a.setAttribute("headless", "") : a.removeAttribute("headless");
+  }, [t, s, i, u, b, n, r, d, m, l, E]), F.createElement("ui-label", { ref: v, ...p }, f);
+});
+_t.displayName = "Label";
+const Qt = typeof window < "u" ? F.useLayoutEffect : F.useEffect, Kt = F.forwardRef(function({
+  children: f,
+  open: t,
+  headless: s,
+  dismissible: i,
+  closeOnEsc: u,
+  closeOnBackdrop: b,
+  lockWhileLoading: n,
+  roleType: r,
+  size: d,
+  state: m,
+  initialFocus: l,
+  dialogId: E,
+  config: p,
+  onOpen: L,
+  onConfirm: v,
+  onCancel: a,
+  onDismiss: A,
+  onClose: e,
+  onChange: o,
+  ...g
+}, y) {
+  const w = X(null);
+  return F.useImperativeHandle(y, () => w.current), S(() => {
+    const c = w.current;
+    if (!c)
+      return;
+    const R = (H) => L == null ? void 0 : L(H.detail), h = (H) => v == null ? void 0 : v(H.detail), k = (H) => a == null ? void 0 : a(H.detail), x = (H) => A == null ? void 0 : A(H.detail), q = (H) => e == null ? void 0 : e(H.detail), B = (H) => o == null ? void 0 : o(H.detail);
+    return c.addEventListener("ui-open", R), c.addEventListener("ui-confirm", h), c.addEventListener("ui-cancel", k), c.addEventListener("ui-dismiss", x), c.addEventListener("ui-close", q), c.addEventListener("ui-change", B), () => {
+      c.removeEventListener("ui-open", R), c.removeEventListener("ui-confirm", h), c.removeEventListener("ui-cancel", k), c.removeEventListener("ui-dismiss", x), c.removeEventListener("ui-close", q), c.removeEventListener("ui-change", B);
+    };
+  }, [L, v, a, A, e, o]), Qt(() => {
+    const c = w.current;
+    c && (typeof t == "boolean" && (t ? c.setAttribute("open", "") : c.removeAttribute("open")), s ? c.setAttribute("headless", "") : c.removeAttribute("headless"), typeof i == "boolean" ? c.setAttribute("dismissible", String(i)) : c.removeAttribute("dismissible"), typeof u == "boolean" ? c.setAttribute("close-on-esc", String(u)) : c.removeAttribute("close-on-esc"), typeof b == "boolean" ? c.setAttribute("close-on-backdrop", String(b)) : c.removeAttribute("close-on-backdrop"), typeof n == "boolean" ? c.setAttribute("lock-while-loading", String(n)) : c.removeAttribute("lock-while-loading"), r ? c.setAttribute("role", r) : c.removeAttribute("role"), d && d !== "md" ? c.setAttribute("size", d) : c.removeAttribute("size"), m && m !== "idle" ? c.setAttribute("state", m) : c.removeAttribute("state"), l ? c.setAttribute("initial-focus", l) : c.removeAttribute("initial-focus"), E && (c.dialogId = E), p && (c.config = p));
+  }, [
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p
+  ]), F.createElement("ui-alert-dialog", { ref: w, ...g }, f);
+});
+Kt.displayName = "AlertDialog";
+const we = be(null);
+function gr({ children: N, hostId: f = "ui-alert-dialog-react-host" }) {
+  const t = X(null);
+  t.current || (t.current = Te()), S(() => {
+    var u;
+    if (typeof document > "u")
+      return;
+    let i = document.getElementById(f);
+    return i || (i = document.createElement("div"), i.id = f, i.setAttribute("data-ui-alert-dialog-react-host", "true"), document.body.appendChild(i)), (u = t.current) == null || u.setContainer(i), () => {
+      var b;
+      (b = t.current) == null || b.destroy("unmount"), t.current = null, i && i.parentElement && i.parentElement.removeChild(i);
+    };
+  }, [f]);
+  const s = Le(
+    () => ({
+      alert: (i = {}) => {
+        var u;
+        return ((u = t.current) == null ? void 0 : u.alert(i)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      },
+      confirm: (i = {}) => {
+        var u;
+        return ((u = t.current) == null ? void 0 : u.confirm(i)) ?? Promise.resolve({ id: "", action: "dismiss" });
+      },
+      prompt: (i = {}) => {
+        var u;
+        return ((u = t.current) == null ? void 0 : u.prompt(i)) ?? Promise.resolve({ id: "", action: "dismiss", value: "" });
+      }
+    }),
+    []
+  );
+  return /* @__PURE__ */ F.createElement(we.Provider, { value: s }, N);
+}
+function hr() {
+  const N = me(we);
+  if (!N)
+    throw new Error("useAlertDialog must be used within <AlertDialogProvider>.");
+  return N;
+}
+const Ut = F.forwardRef(function({
+  children: f,
+  value: t,
+  disabled: s,
+  required: i,
+  invalid: u,
+  headless: b,
+  placeholder: n,
+  name: r,
+  label: d,
+  description: m,
+  error: l,
+  size: E,
+  variant: p,
+  tone: L,
+  density: v,
+  radius: a,
+  validation: A,
+  onChange: e,
+  onInput: o,
+  onValueChange: g,
+  ...y
+}, w) {
+  const c = X(null);
+  return z(w, () => c.current), S(() => {
+    const R = c.current;
+    if (!R)
+      return;
+    const h = (q) => {
+      var B, H;
+      return ((B = q.detail) == null ? void 0 : B.value) ?? ((H = q.target) == null ? void 0 : H.value) ?? "";
+    }, k = (q) => {
+      o == null || o(h(q));
+    }, x = (q) => {
+      const B = h(q);
+      e == null || e(B), g == null || g(B);
+    };
+    return R.addEventListener("input", k), R.addEventListener("change", x), () => {
+      R.removeEventListener("input", k), R.removeEventListener("change", x);
+    };
+  }, [e, o, g]), S(() => {
+    const R = c.current;
+    if (!R)
+      return;
+    const h = (x, q) => {
+      const B = R.getAttribute(x);
+      if (q == null) {
+        B != null && R.removeAttribute(x);
+        return;
+      }
+      B !== q && R.setAttribute(x, q);
+    }, k = (x, q) => {
+      q ? R.hasAttribute(x) || R.setAttribute(x, "") : R.hasAttribute(x) && R.removeAttribute(x);
+    };
+    h("value", t != null ? String(t) : null), k("disabled", s), k("required", i), k("headless", b), k("invalid", u), h("placeholder", n || null), h("name", r || null), h("label", d || null), h("description", m || null), h("error", l || null), h("size", E && E !== "md" && E !== "2" ? E : null), h("variant", p && p !== "classic" ? p : null), h("tone", L && L !== "default" ? L : null), h("density", v && v !== "default" ? v : null), h("radius", a ? String(a) : null), h("validation", A && A !== "none" ? A : null);
+  }, [
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A
+  ]), F.createElement("ui-select", { ref: c, ...y }, f);
+});
+Ut.displayName = "Select";
+const Xt = F.forwardRef(function({
+  children: f,
+  value: t,
+  valueStart: s,
+  valueEnd: i,
+  min: u,
+  max: b,
+  step: n,
+  range: r,
+  disabled: d,
+  headless: m,
+  orientation: l,
+  size: E,
+  variant: p,
+  tone: L,
+  showValue: v,
+  format: a,
+  label: A,
+  description: e,
+  marks: o,
+  name: g,
+  nameStart: y,
+  nameEnd: w,
+  onInput: c,
+  onChange: R,
+  onValueChange: h,
+  ...k
+}, x) {
+  const q = X(null);
+  return z(x, () => q.current), S(() => {
+    const B = q.current;
+    if (!B)
+      return;
+    const H = (P) => {
+      const T = P.detail;
+      T && (c == null || c(Number(T.value)), h == null || h(T));
+    }, Y = (P) => {
+      const T = P.detail;
+      T && (R == null || R(Number(T.value)), h == null || h(T));
+    };
+    return B.addEventListener("input", H), B.addEventListener("change", Y), () => {
+      B.removeEventListener("input", H), B.removeEventListener("change", Y);
+    };
+  }, [c, R, h]), S(() => {
+    const B = q.current;
+    if (!B)
+      return;
+    const H = (P, T) => {
+      const D = B.getAttribute(P);
+      if (T == null) {
+        D != null && B.removeAttribute(P);
+        return;
+      }
+      D !== T && B.setAttribute(P, T);
+    }, Y = (P, T, D) => {
+      if (T == null) {
+        D !== void 0 && D === !1 && H(P, null);
+        return;
+      }
+      T ? H(P, "") : H(P, null);
+    };
+    if (H("value", typeof t == "number" && Number.isFinite(t) ? String(t) : null), H("value-start", typeof s == "number" && Number.isFinite(s) ? String(s) : null), H("value-end", typeof i == "number" && Number.isFinite(i) ? String(i) : null), H("min", typeof u == "number" && Number.isFinite(u) ? String(u) : null), H("max", typeof b == "number" && Number.isFinite(b) ? String(b) : null), H("step", typeof n == "number" && Number.isFinite(n) ? String(n) : null), Y("range", r), Y("disabled", d), Y("headless", m), H("orientation", l && l !== "horizontal" ? l : null), H("size", E && E !== "md" ? E : null), H("variant", p && p !== "default" ? p : null), H("tone", L && L !== "brand" ? L : null), typeof v == "boolean" ? H("show-value", v ? "true" : "false") : H("show-value", null), H("format", a || null), H("label", A || null), H("description", e || null), H("name", g || null), H("name-start", y || null), H("name-end", w || null), o && o.length)
+      try {
+        H("marks", JSON.stringify(o));
+      } catch {
+        H("marks", null);
+      }
+    else
+      H("marks", null);
+  }, [
+    t,
+    s,
+    i,
+    u,
+    b,
+    n,
+    r,
+    d,
+    m,
+    l,
+    E,
+    p,
+    L,
+    v,
+    a,
+    A,
+    e,
+    o,
+    g,
+    y,
+    w
+  ]), F.createElement("ui-slider", { ref: q, ...k }, f);
+});
+Xt.displayName = "Slider";
+function wr(N) {
+  const {
+    count: f,
+    width: t,
+    height: s,
+    radius: i,
+    gap: u,
+    variant: b,
+    animated: n,
+    headless: r,
+    ...d
+  } = N, m = X(null);
+  return S(() => {
+    const l = m.current;
+    l && (typeof f == "number" && Number.isFinite(f) ? l.setAttribute("count", String(f)) : l.removeAttribute("count"), t ? l.setAttribute("width", t) : l.removeAttribute("width"), s ? l.setAttribute("height", s) : l.removeAttribute("height"), i ? l.setAttribute("radius", i) : l.removeAttribute("radius"), u ? l.setAttribute("gap", u) : l.removeAttribute("gap"), b ? l.setAttribute("variant", b) : l.removeAttribute("variant"), n ? l.setAttribute("animated", "") : l.removeAttribute("animated"), r ? l.setAttribute("headless", "") : l.removeAttribute("headless"));
+  }, [f, t, s, i, u, b, n, r]), F.createElement("ui-skeleton", { ref: m, ...d });
+}
+export {
+  Dt as Accordion,
+  qt as AccordionItem,
+  Jt as AccordionPanel,
+  $t as AccordionTrigger,
+  zt as Alert,
+  Kt as AlertDialog,
+  gr as AlertDialogProvider,
+  ct as AppHeader,
+  yt as AspectRatio,
+  ht as Avatar,
+  Ot as Badge,
+  nt as BlockControls,
+  vr as Box,
+  ot as Breadcrumb,
+  Mt as Button,
+  _e as Calendar,
+  je as Chart,
+  bt as Checkbox,
+  xt as Collapsible,
+  Qe as ColorPicker,
+  It as Combobox,
+  cr as CommandPalette,
+  Er as Container,
+  fr as ContextMenu,
+  er as DataTable,
+  Ke as DatePicker,
+  Ue as DateRangePicker,
+  Ze as DateRangeTimePicker,
+  Ye as DateTimePicker,
+  Ve as Dialog,
+  ir as DialogProvider,
+  jt as DirectionProvider,
+  ft as Drawer,
+  qe as Dropdown,
+  Vt as EmptyState,
+  Wt as Field,
+  Ar as Flex,
+  or as FloatingToolbar,
+  lt as Form,
+  Me as Gantt,
+  pr as Grid,
+  Gt as HoverCard,
+  rt as Icon,
+  $e as Input,
+  _t as Label,
+  dt as Layout,
+  tt as Menu,
+  rr as Menubar,
+  tr as NavigationMenu,
+  Bt as Pagination,
+  ar as PluginPanel,
+  Ce as Popover,
+  Ht as Portal,
+  wt as Presence,
+  Nt as Progress,
+  Ie as QuickActions,
+  mt as RadioGroup,
+  Rt as ScrollArea,
+  st as Section,
+  Ut as Select,
+  dr as SelectionPopup,
+  kt as Separator,
+  ut as Sidebar,
+  wr as Skeleton,
+  Xt as Slider,
+  Pt as Slot,
+  ze as Stepper,
+  vt as Switch,
+  Ct as Table,
+  et as Tabs,
+  Je as Textarea,
+  yr as ThemeProvider,
+  Xe as TimePicker,
+  Ge as Timeline,
+  it as Toast,
+  ur as ToastAPI,
+  At as Toggle,
+  pt as ToggleGroup,
+  St as Toolbar,
+  De as Tooltip,
+  Ft as VisuallyHidden,
+  We as Wizard,
+  lr as toast,
+  sr as toastApi,
+  hr as useAlertDialog,
+  nr as useDialog,
+  mr as useFloating,
+  br as useForm,
+  Lr as useTheme
+};