seam-react 0.9.0 → 0.9.1

package/dist/index.js

@@ -1,78 +1,78 @@
-import { jsxs as C, jsx as l, Fragment as _e } from "react/jsx-runtime";
-import { forwardRef as S, useId as O, useState as $, useCallback as V, useMemo as U, useRef as R, useEffect as A, createContext as W, useContext as X, useSyncExternalStore as oe, useLayoutEffect as re, isValidElement as Q, cloneElement as Z, Children as nt } from "react";
-import { useControllableState as F, useEventCallback as D, useLockBodyScroll as ot, useFocusTrap as rt } from "seam-hooks";
-import { useReducedMotion as H, AnimatePresence as M, motion as L, useIsPresent as ie, LayoutGroup as Te, useMotionValue as it, animate as ye, MotionConfig as pe } from "motion/react";
-import { createPortal as ae } from "react-dom";
-function _(...t) {
+import { jsxs as D, jsx as c, Fragment as Te } from "react/jsx-runtime";
+import { forwardRef as A, useId as V, useState as S, useMemo as W, useCallback as j, useRef as $, useEffect as H, createContext as Z, useContext as ee, useSyncExternalStore as ae, useLayoutEffect as se, isValidElement as te, cloneElement as ne, Children as at } from "react";
+import { useControllableState as J, useEventCallback as M, useLockBodyScroll as st, useFocusTrap as ct } from "seam-hooks";
+import { useReducedMotion as U, AnimatePresence as z, motion as O, useIsPresent as ce, LayoutGroup as Ce, useMotionValue as lt, animate as ye, MotionConfig as me } from "motion/react";
+import { createPortal as le } from "react-dom";
+function L(...t) {
   return t.filter(Boolean).join(" ");
 }
-const Ce = S(function({
+const Ne = A(function({
   variant: e = "primary",
   size: n = "md",
   loading: r = !1,
   iconOnly: i = !1,
   type: s = "button",
-  className: c,
+  className: a,
   children: d,
-  ...h
-}, u) {
-  return /* @__PURE__ */ C(
+  ...p
+}, l) {
+  return /* @__PURE__ */ D(
     "button",
     {
-      ...h,
-      ref: u,
+      ...p,
+      ref: l,
       type: s,
-      className: _("uk-button", c),
+      className: L("uk-button", a),
       "data-variant": e,
       "data-size": n,
       "data-loading": r ? "true" : void 0,
       "data-icon-only": i ? "true" : void 0,
-      disabled: h.disabled || r,
+      disabled: p.disabled || r,
       "aria-busy": r || void 0,
       children: [
-        r ? /* @__PURE__ */ l("span", { className: "uk-button__spinner", "aria-hidden": "true" }) : null,
+        r ? /* @__PURE__ */ c("span", { className: "uk-button__spinner", "aria-hidden": "true" }) : null,
         d
       ]
     }
   );
-}), at = S(function({
+}), dt = A(function({
   checked: e,
   defaultChecked: n,
   onCheckedChange: r,
   disabled: i,
   className: s,
-  children: c,
+  children: a,
   id: d,
-  ...h
-}, u) {
-  const o = O(), m = d ?? o, [p, b] = F({
+  ...p
+}, l) {
+  const h = V(), o = d ?? h, [f, v] = J({
     value: e,
     defaultValue: n ?? !1,
     onChange: r
   });
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ D(
     "label",
     {
-      className: _("uk-checkbox", s),
+      className: L("uk-checkbox", s),
       "data-disabled": i ? "true" : void 0,
-      htmlFor: m,
+      htmlFor: o,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ c(
           "input",
           {
-            ...h,
-            ref: u,
-            id: m,
+            ...p,
+            ref: l,
+            id: o,
             type: "checkbox",
             className: "uk-checkbox__input",
-            checked: p,
+            checked: f,
             disabled: i,
-            onChange: (f) => {
-              i || b(f.target.checked);
+            onChange: (m) => {
+              i || v(m.target.checked);
             }
           }
         ),
-        /* @__PURE__ */ l("span", { className: "uk-checkbox__box", "aria-hidden": "true", children: /* @__PURE__ */ l(
+        /* @__PURE__ */ c("span", { className: "uk-checkbox__box", "aria-hidden": "true", children: /* @__PURE__ */ c(
           "svg",
           {
             className: "uk-checkbox__check",
@@ -82,270 +82,347 @@ const Ce = S(function({
             strokeWidth: 3.2,
             strokeLinecap: "round",
             strokeLinejoin: "round",
-            children: /* @__PURE__ */ l("path", { d: "M4 12.5 L9.5 18 L20 7", pathLength: 1 })
+            children: /* @__PURE__ */ c("path", { d: "M4 12.5 L9.5 18 L20 7", pathLength: 1 })
           }
         ) }),
-        c ? /* @__PURE__ */ l("span", { className: "uk-checkbox__label", children: c }) : null
+        a ? /* @__PURE__ */ c("span", { className: "uk-checkbox__label", children: a }) : null
       ]
     }
   );
 });
-at.displayName = "CheckBox";
-const J = [0.23, 1, 0.32, 1], ue = [0.77, 0, 0.175, 1], ve = {
+dt.displayName = "CheckBox";
+const Q = [0.23, 1, 0.32, 1], pe = [0.77, 0, 0.175, 1], ke = {
   type: "spring",
   bounce: 0,
   duration: 0.3
-}, ke = {
+}, xe = {
   type: "spring",
   bounce: 0.04,
   duration: 0.38
-}, se = {
+}, de = {
   type: "spring",
   bounce: 0.08,
   duration: 0.34
-}, Ne = {
+}, Ee = {
   duration: 0.2,
-  ease: ue
-}, st = {
-  layout: { duration: 0.16, ease: ue },
-  opacity: { duration: 0.16, ease: J },
-  x: { duration: 0.16, ease: ue }
+  ease: pe
+}, ut = {
+  layout: { type: "spring", bounce: 0.04, duration: 0.22 },
+  opacity: { duration: 0.12, ease: Q },
+  x: { type: "spring", bounce: 0.08, duration: 0.26 },
+  scaleX: { type: "spring", bounce: 0.08, duration: 0.26 },
+  scaleY: { type: "spring", bounce: 0.08, duration: 0.26 }
+}, pt = {
+  layout: { duration: 0.16, ease: pe },
+  opacity: { duration: 0.16, ease: Q },
+  x: { duration: 0.16, ease: pe }
 }, Pe = {
   duration: 0.12,
-  ease: J
-}, ct = {
+  ease: Q
+}, ft = {
   layout: { type: "spring", bounce: 0, duration: 0.22 },
-  opacity: { duration: 0.12, ease: J },
-  scale: { duration: 0.12, ease: J }
-}, j = {
+  opacity: { duration: 0.12, ease: Q },
+  scale: { duration: 0.12, ease: Q }
+}, Y = {
   duration: 0.12,
-  ease: J
-}, Ee = W(null);
-function fe(t) {
-  const e = X(Ee);
+  ease: Q
+}, Le = Z(null);
+function ge(t) {
+  const e = ee(Le);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Select>`);
   return e;
 }
-const lt = () => () => {
-}, ut = () => !0, dt = () => !1;
+const ht = () => () => {
+}, mt = () => !0, gt = () => !1;
 function Ie(t, e) {
   return (n) => {
     t?.(n), n.defaultPrevented || e(n);
   };
 }
-function pt(t, e, n) {
+function De(t, e, n) {
   return n < e ? e : Math.min(Math.max(t, e), n);
 }
 function we(t, e) {
   const n = e ? t ?? [] : t == null ? [] : [t];
   return Array.from(new Set(n));
 }
-function ft(t) {
+function bt(t) {
   return t === "bottom" ? "center top" : "center bottom";
 }
-function ht({
+function vt(t, e = null, n = 0) {
+  let r = 0;
+  function i(s, a, d) {
+    return s.flatMap((p) => {
+      const l = p.children ?? [], h = {
+        option: p,
+        index: r,
+        parentIndex: a,
+        depth: d,
+        hasChildren: l.length > 0
+      };
+      return r += 1, [h, ...i(l, h.index, d + 1)];
+    });
+  }
+  return i(t, e, n);
+}
+function Se(t, e) {
+  for (const n of t) {
+    if (n.value === e)
+      return n;
+    const r = Se(n.children ?? [], e);
+    if (r)
+      return r;
+  }
+  return null;
+}
+function Re(t, e) {
+  return (t.children ?? []).some(
+    (n) => e.includes(n.value) || Re(n, e)
+  );
+}
+function yt({
   options: t,
-  value: e,
-  defaultValue: n = null,
-  onValueChange: r,
-  multiple: i = !1,
-  children: s
+  loading: e = !1,
+  value: n,
+  defaultValue: r = null,
+  onValueChange: i,
+  multiple: s = !1,
+  children: a
 }) {
-  const c = O(), d = we(e, i), h = we(n, i), [u, o] = F({
-    value: e === void 0 ? void 0 : d,
-    defaultValue: h,
-    onChange: (w) => {
-      r?.(i ? w : w[0] ?? "");
+  const d = V(), p = we(n, s), l = we(r, s), [h, o] = J({
+    value: n === void 0 ? void 0 : p,
+    defaultValue: l,
+    onChange: (E) => {
+      i?.(s ? E : E[0] ?? "");
     }
-  }), [m, p] = $(!1), b = t.findIndex(
-    (w) => w.value === u[0]
-  ), [f, I] = $(
+  }), [f, v] = S(!1), [m, k] = S(e);
+  m !== e && (k(e), e && v(!1));
+  const b = W(() => vt(t), [t]), I = b.findIndex(
+    (E) => E.option.value === h[0]
+  ), [x, g] = S(
     null
-  ), g = f ?? Math.max(b, 0), k = V((w) => {
-    I(w);
-  }, []), v = D((w) => {
-    const T = t[w];
-    !T || T.disabled || (o((N) => i ? N.includes(T.value) ? N.filter((P) => P !== T.value) : [...N, T.value] : N[0] === T.value ? N : [T.value]), i || (p(!1), I(null)));
-  }), a = D((w) => {
+  ), u = x ?? Math.max(I, 0), _ = j((E) => {
+    g(E);
+  }, []), C = M((E) => {
+    const N = b[E], P = N?.option;
+    e || !P || P.disabled || N?.hasChildren || (o((R) => s ? R.includes(P.value) ? R.filter((K) => K !== P.value) : [...R, P.value] : R[0] === P.value ? R : [P.value]), s || (v(!1), g(null)));
+  }), y = M((E) => {
     o(
-      (T) => T.filter((N) => N !== w)
+      (N) => N.filter((P) => P !== E)
     );
-  }), y = D(() => {
+  }), w = M(() => {
     o([]);
-  }), x = U(
+  }), T = W(
     () => ({
-      values: u,
-      multiple: i,
-      activeIndex: g,
-      open: m,
-      setOpen: p,
-      setActiveIndex: k,
-      commit: v,
-      removeValue: a,
-      clearValues: y,
-      triggerId: `${c}-trigger`,
-      contentId: `${c}-content`,
-      options: t
+      values: h,
+      multiple: s,
+      activeIndex: u,
+      open: f,
+      setOpen: v,
+      setActiveIndex: _,
+      commit: C,
+      removeValue: y,
+      clearValues: w,
+      triggerId: `${d}-trigger`,
+      contentId: `${d}-content`,
+      options: t,
+      optionNodes: b,
+      loading: e
     }),
     [
-      g,
-      c,
-      v,
-      i,
-      m,
+      u,
+      d,
+      C,
+      s,
+      f,
       t,
-      a,
+      b,
+      e,
       y,
-      k,
-      u
+      w,
+      _,
+      h
     ]
   );
-  return /* @__PURE__ */ l(Ee.Provider, { value: x, children: s });
+  return /* @__PURE__ */ c(Le.Provider, { value: T, children: a });
 }
-function te(t, e, n, r = !0) {
+function re(t, e, n, r = !0) {
   const i = t.length;
   if (i === 0)
     return -1;
   for (let s = 1; s <= i; s += 1) {
-    const c = r ? (e + n * s + i * s) % i : e + n * s;
-    if (c < 0 || c >= i)
+    const a = r ? (e + n * s + i * s) % i : e + n * s;
+    if (a < 0 || a >= i)
       break;
-    if (!t[c]?.disabled)
-      return c;
+    if (!t[a]?.option.disabled)
+      return a;
   }
   return e;
 }
-const mt = S(function({
+function fe(t, e) {
+  const n = t[e];
+  if (!n?.hasChildren)
+    return e;
+  for (let r = e + 1; r < t.length && (t[r]?.depth ?? 0) > n.depth; r += 1)
+    if (t[r]?.depth === n.depth + 1 && !t[r]?.option.disabled)
+      return r;
+  return e;
+}
+const kt = A(function({
   className: e,
   placeholder: n = "请选择",
   size: r = "md",
   clear: i = !1,
-  disabled: s,
-  onPointerDown: c,
-  onKeyDown: d,
-  ...h
-}, u) {
-  const o = fe("Select.Trigger"), m = H() ?? !1, p = o.values.map((a) => o.options.find((x) => x.value === a) ?? { value: a, label: a }), b = p[0], f = R({ search: "", timer: null }), I = V(() => {
-    f.current.timer && (clearTimeout(f.current.timer), f.current.timer = null), f.current.search = "";
+  loadingText: s = "加载中...",
+  disabled: a,
+  onPointerDown: d,
+  onKeyDown: p,
+  ...l
+}, h) {
+  const o = ge("Select.Trigger"), f = U() ?? !1, v = o.values.map((u) => Se(o.options, u) ?? { value: u, label: u }), m = v[0], k = $({ search: "", timer: null }), b = j(() => {
+    k.current.timer && (clearTimeout(k.current.timer), k.current.timer = null), k.current.search = "";
   }, []);
-  A(() => I, [I]);
-  const g = D((a) => {
-    const y = f.current;
-    y.timer && clearTimeout(y.timer), y.search += a.toLowerCase(), y.timer = setTimeout(I, 500);
-    const x = o.options.map((E) => {
-      const G = E.label;
-      return (typeof G == "string" ? G : E.value).toLowerCase();
-    }), w = o.open && o.activeIndex >= 0 ? o.activeIndex + 1 : 0, T = Array.from(
-      { length: x.length },
-      (E, G) => (w + G) % x.length
-    ), N = T.find(
-      (E) => !o.options[E]?.disabled && x[E]?.startsWith(y.search)
-    ), P = T.find(
-      (E) => !o.options[E]?.disabled && x[E]?.includes(y.search)
-    ), q = N ?? P;
-    q !== void 0 && (o.open ? o.setActiveIndex(q) : o.multiple ? (o.setActiveIndex(q), o.setOpen(!0)) : o.commit(q));
-  }), k = D(
-    (a) => {
-      s || o.setOpen(!o.open);
+  H(() => b, [b]);
+  const I = M((u) => {
+    if (o.loading)
+      return;
+    const _ = k.current;
+    _.timer && clearTimeout(_.timer), _.search += u.toLowerCase(), _.timer = setTimeout(b, 500);
+    const C = o.optionNodes.map((P) => {
+      const R = P.option.label;
+      return (typeof R == "string" ? R : P.option.value).toLowerCase();
+    }), y = o.open && o.activeIndex >= 0 ? o.activeIndex + 1 : 0, w = Array.from(
+      { length: C.length },
+      (P, R) => (y + R) % C.length
+    ), T = w.find(
+      (P) => !o.optionNodes[P]?.option.disabled && C[P]?.startsWith(_.search)
+    ), E = w.find(
+      (P) => !o.optionNodes[P]?.option.disabled && C[P]?.includes(_.search)
+    ), N = T ?? E;
+    N !== void 0 && (o.open ? o.setActiveIndex(N) : o.multiple || o.optionNodes[N]?.hasChildren ? (o.setActiveIndex(N), o.setOpen(!0)) : o.commit(N));
+  }), x = M(
+    (u) => {
+      a || o.loading || o.setOpen(!o.open);
     }
-  ), v = D(
-    (a) => {
-      if (!s) {
-        if (a.key.length === 1 && !a.metaKey && !a.ctrlKey && !a.altKey) {
-          a.preventDefault(), g(a.key);
-          return;
-        }
-        if (a.key === "Backspace" && o.multiple) {
-          const y = o.values[o.values.length - 1];
-          y && (a.preventDefault(), o.removeValue(y));
-          return;
-        }
-        if (!o.open) {
-          ["ArrowDown", "ArrowUp", "Enter", " "].includes(a.key) && (a.preventDefault(), o.setOpen(!0), o.setActiveIndex(
-            o.activeIndex >= 0 ? o.activeIndex : te(o.options, -1, 1)
-          ));
-          return;
-        }
-        if (a.key === "Escape" || a.key === "Tab") {
-          o.setOpen(!1), a.currentTarget.focus();
-          return;
-        }
-        if (a.key === "Enter" || a.key === " ") {
-          a.preventDefault(), o.commit(o.activeIndex), a.currentTarget.focus();
+  ), g = M(
+    (u) => {
+      if (a || o.loading)
+        return;
+      if (u.key.length === 1 && !u.metaKey && !u.ctrlKey && !u.altKey) {
+        u.preventDefault(), I(u.key);
+        return;
+      }
+      if (u.key === "Backspace" && o.multiple) {
+        const C = o.values[o.values.length - 1];
+        C && (u.preventDefault(), o.removeValue(C));
+        return;
+      }
+      if (!o.open) {
+        ["ArrowDown", "ArrowUp", "Enter", " "].includes(u.key) && (u.preventDefault(), o.setOpen(!0), o.loading || o.setActiveIndex(
+          o.activeIndex >= 0 ? o.activeIndex : re(o.optionNodes, -1, 1)
+        ));
+        return;
+      }
+      if (u.key === "Escape" || u.key === "Tab") {
+        o.setOpen(!1), u.currentTarget.focus();
+        return;
+      }
+      const _ = o.optionNodes[o.activeIndex];
+      if (u.key === "Enter" || u.key === " ") {
+        if (u.preventDefault(), _?.hasChildren) {
+          o.setActiveIndex(
+            fe(o.optionNodes, o.activeIndex)
+          ), u.currentTarget.focus();
           return;
         }
-        if (a.key === "ArrowDown") {
-          a.preventDefault(), o.setActiveIndex(
-            te(o.options, o.activeIndex, 1)
+        o.commit(o.activeIndex), u.currentTarget.focus();
+        return;
+      }
+      if (u.key === "ArrowRight" && _?.hasChildren) {
+        u.preventDefault(), o.setActiveIndex(
+          fe(o.optionNodes, o.activeIndex)
+        );
+        return;
+      }
+      if (u.key === "ArrowLeft" && _?.parentIndex != null) {
+        u.preventDefault(), o.setActiveIndex(_.parentIndex);
+        return;
+      }
+      if (!o.loading) {
+        if (u.key === "ArrowDown") {
+          u.preventDefault(), o.setActiveIndex(
+            re(o.optionNodes, o.activeIndex, 1)
           );
           return;
         }
-        if (a.key === "ArrowUp") {
-          a.preventDefault(), o.setActiveIndex(
-            te(o.options, o.activeIndex, -1)
+        if (u.key === "ArrowUp") {
+          u.preventDefault(), o.setActiveIndex(
+            re(o.optionNodes, o.activeIndex, -1)
           );
           return;
         }
-        if (a.key === "Home" || a.key === "End") {
-          a.preventDefault();
-          const y = a.key === "Home" ? 1 : -1, x = a.key === "Home" ? -1 : o.options.length;
+        if (u.key === "Home" || u.key === "End") {
+          u.preventDefault();
+          const C = u.key === "Home" ? 1 : -1, y = u.key === "Home" ? -1 : o.optionNodes.length;
           o.setActiveIndex(
-            te(o.options, x, y, !1)
+            re(o.optionNodes, y, C, !1)
           );
         }
       }
     }
   );
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ D(
     "div",
     {
-      ...h,
-      ref: u,
+      ...l,
+      ref: h,
       id: o.triggerId,
       role: "combobox",
-      tabIndex: s ? -1 : 0,
-      "aria-disabled": s || void 0,
+      tabIndex: a || o.loading ? -1 : 0,
+      "aria-disabled": a || o.loading || void 0,
       "aria-expanded": o.open,
+      "aria-busy": o.loading || void 0,
       "aria-haspopup": "listbox",
       "aria-controls": o.open ? o.contentId : void 0,
-      "aria-activedescendant": o.open && o.options[o.activeIndex] ? `${o.contentId}-option-${o.activeIndex}` : void 0,
+      "aria-activedescendant": o.open && o.optionNodes[o.activeIndex] ? `${o.contentId}-option-${o.activeIndex}` : void 0,
       "data-size": r,
       "data-multiple": o.multiple || void 0,
-      className: _("uk-select__trigger", e),
-      onPointerDown: Ie(c, k),
-      onKeyDown: Ie(d, v),
+      "data-loading": o.loading || void 0,
+      className: L("uk-select__trigger", e),
+      onPointerDown: Ie(d, x),
+      onKeyDown: Ie(p, g),
       children: [
-        o.multiple ? /* @__PURE__ */ C("span", { className: "uk-select__tags", children: [
-          /* @__PURE__ */ l(M, { initial: !1, children: p.map((a) => {
-            const y = a.label ?? a.value, x = typeof y == "string" ? y : a.value;
-            return /* @__PURE__ */ C(
-              L.span,
+        o.multiple ? /* @__PURE__ */ D("span", { className: "uk-select__tags", children: [
+          /* @__PURE__ */ c(z, { initial: !1, children: v.map((u) => {
+            const _ = u.label ?? u.value, C = typeof _ == "string" ? _ : u.value;
+            return /* @__PURE__ */ D(
+              O.span,
               {
                 className: "uk-select__tag",
                 "data-slot": "select-tag",
                 layout: !0,
-                initial: m ? { opacity: 0 } : { opacity: 0, x: 12 },
-                animate: m ? { opacity: 1 } : { opacity: 1, x: 0 },
-                exit: m ? { opacity: 0 } : { opacity: 0, x: 4 },
-                transition: m ? { duration: 0 } : st,
+                initial: f ? { opacity: 0 } : { opacity: 0, x: 12 },
+                animate: f ? { opacity: 1 } : { opacity: 1, x: 0 },
+                exit: f ? { opacity: 0 } : { opacity: 0, x: 4 },
+                transition: f ? { duration: 0 } : pt,
                 children: [
-                  /* @__PURE__ */ l("span", { className: "uk-select__tag-label", children: y }),
-                  /* @__PURE__ */ l(
+                  /* @__PURE__ */ c("span", { className: "uk-select__tag-label", children: _ }),
+                  /* @__PURE__ */ c(
                     "button",
                     {
                       type: "button",
                       className: "uk-select__tag-remove",
-                      disabled: s,
-                      "aria-label": `移除 ${x}`,
-                      onPointerDown: (w) => w.stopPropagation(),
-                      onKeyDown: (w) => {
-                        w.key === "Backspace" && w.stopPropagation();
+                      disabled: a,
+                      "aria-label": `移除 ${C}`,
+                      onPointerDown: (y) => y.stopPropagation(),
+                      onKeyDown: (y) => {
+                        y.key === "Backspace" && y.stopPropagation();
                       },
-                      onClick: (w) => {
-                        w.stopPropagation(), o.removeValue(a.value);
+                      onClick: (y) => {
+                        y.stopPropagation(), o.removeValue(u.value);
                       },
-                      children: /* @__PURE__ */ l("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ l(
+                      children: /* @__PURE__ */ c("svg", { viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ c(
                         "path",
                         {
                           d: "M5 5l6 6M11 5l-6 6",
@@ -358,26 +435,26 @@ const mt = S(function({
                   )
                 ]
               },
-              a.value
+              u.value
             );
           }) }),
-          p.length === 0 ? /* @__PURE__ */ l("span", { className: "uk-select__placeholder", children: n }) : null
-        ] }) : /* @__PURE__ */ l("span", { className: "uk-select__value", children: b?.label ?? o.values[0] ?? n }),
-        /* @__PURE__ */ C("span", { className: "uk-select__actions", children: [
-          i && !s && o.values.length > 0 ? /* @__PURE__ */ l(
+          v.length === 0 ? /* @__PURE__ */ c("span", { className: "uk-select__placeholder", children: n }) : null
+        ] }) : /* @__PURE__ */ c("span", { className: "uk-select__value", children: m?.label ?? o.values[0] ?? n }),
+        /* @__PURE__ */ D("span", { className: "uk-select__actions", children: [
+          i && !a && !o.loading && o.values.length > 0 ? /* @__PURE__ */ c(
             "button",
             {
               type: "button",
               className: "uk-select__clear",
               "aria-label": "清空",
-              onPointerDown: (a) => a.stopPropagation(),
-              onKeyDown: (a) => {
-                ["Backspace", " "].includes(a.key) && a.stopPropagation();
+              onPointerDown: (u) => u.stopPropagation(),
+              onKeyDown: (u) => {
+                ["Backspace", " "].includes(u.key) && u.stopPropagation();
               },
-              onClick: (a) => {
-                a.stopPropagation(), document.getElementById(o.triggerId)?.focus(), o.clearValues();
+              onClick: (u) => {
+                u.stopPropagation(), document.getElementById(o.triggerId)?.focus(), o.clearValues();
               },
-              children: /* @__PURE__ */ C(
+              children: /* @__PURE__ */ D(
                 "svg",
                 {
                   viewBox: "0 0 24 24",
@@ -388,41 +465,60 @@ const mt = S(function({
                   strokeLinejoin: "round",
                   "aria-hidden": "true",
                   children: [
-                    /* @__PURE__ */ l("path", { d: "M18 6 6 18" }),
-                    /* @__PURE__ */ l("path", { d: "m6 6 12 12" })
+                    /* @__PURE__ */ c("path", { d: "M18 6 6 18" }),
+                    /* @__PURE__ */ c("path", { d: "m6 6 12 12" })
                   ]
                 }
               )
             }
           ) : null,
-          /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "uk-select__chevron", children: /* @__PURE__ */ l("svg", { viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ l(
-            "path",
+          /* @__PURE__ */ c(
+            "span",
             {
-              d: "m4 6.2 4 4 4-4",
-              stroke: "currentColor",
-              strokeWidth: "1.5",
-              strokeLinecap: "round",
-              strokeLinejoin: "round"
+              "aria-hidden": "true",
+              className: L(
+                "uk-select__chevron",
+                o.loading && "uk-select__spinner"
+              ),
+              children: o.loading ? null : /* @__PURE__ */ c("svg", { viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ c(
+                "path",
+                {
+                  d: "m4 6.2 4 4 4-4",
+                  stroke: "currentColor",
+                  strokeWidth: "1.5",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round"
+                }
+              ) })
             }
-          ) }) })
-        ] })
+          )
+        ] }),
+        o.loading ? /* @__PURE__ */ c(
+          "span",
+          {
+            className: "uk-select__loading-status",
+            role: "status",
+            "aria-live": "polite",
+            children: s
+          }
+        ) : null
       ]
     }
   );
 });
-function bt(t, e) {
-  const [n, r] = $(null), i = V(() => {
+function xt(t, e) {
+  const [n, r] = S(null), i = j(() => {
     const s = e.current;
     if (!t || !s)
       return;
-    const c = t.getBoundingClientRect(), d = s.getBoundingClientRect(), h = window.innerHeight - c.bottom - 8, u = c.top - 8, o = h >= Math.min(d.height, 320) || h >= u ? "bottom" : "top", m = o === "bottom" ? c.bottom + 6 : c.top - d.height - 6, p = pt(
-      c.left,
+    const a = t.getBoundingClientRect(), d = s.getBoundingClientRect(), p = window.innerHeight - a.bottom - 8, l = a.top - 8, h = p >= Math.min(d.height, 320) || p >= l ? "bottom" : "top", o = h === "bottom" ? a.bottom + 6 : a.top - d.height - 6, f = De(
+      a.left,
       8,
-      Math.max(8, window.innerWidth - c.width - 8)
+      Math.max(8, window.innerWidth - a.width - 8)
     );
-    r({ x: p, y: m, side: o });
+    r({ x: f, y: o, side: h });
   }, [e, t]);
-  return re(() => {
+  return se(() => {
     if (!t)
       return;
     i(), window.addEventListener("resize", i), window.addEventListener("scroll", i, !0);
@@ -432,342 +528,460 @@ function bt(t, e) {
     };
   }, [e, t, i]), n;
 }
-function gt({
+function It({
   emptyText: t
 }) {
-  const e = fe("Select.Content"), n = e.triggerId, r = document.getElementById(
+  const e = ge("Select.Content"), n = e.triggerId, r = document.getElementById(
     n
-  ), i = R(null), s = H() ?? !1, c = ie(), d = bt(r, i), h = oe(
-    lt,
-    ut,
-    dt
-  );
-  if (A(() => {
+  ), i = $(null), s = U() ?? !1, a = ce(), d = xt(r, i), p = ae(
+    ht,
+    mt,
+    gt
+  ), [l, h] = S([]), [o, f] = S(0), v = $(/* @__PURE__ */ new Map()), m = $(/* @__PURE__ */ new Map()), [k, b] = S(e.open), [I, x] = S(!1);
+  if (k !== e.open && (b(e.open), x(!1), e.open || (h([]), f((y) => y + 1))), H(() => {
+    !e.open || !d || !I || h((y) => {
+      const w = e.optionNodes[e.activeIndex];
+      if (!w)
+        return y;
+      const T = w.hasChildren ? w.depth + 1 : w.depth, E = y.filter((F) => F.level <= T);
+      if (!w.hasChildren)
+        return E.length === y.length ? y : E;
+      const N = v.current.get(w.index);
+      if (!N)
+        return E;
+      const P = N.getBoundingClientRect(), R = 224, B = P.right + R + 14 > window.innerWidth ? P.left - R - 6 : P.right + 6, G = De(P.top - 6, 8, window.innerHeight - 8), X = E.find((F) => F.level === T);
+      return X?.parentIndex === w.index ? X.left === B && X.top === G ? y : [
+        ...E.filter((F) => F.level !== T),
+        { ...X, left: B, top: G }
+      ] : [
+        ...E.filter((F) => F.level !== T),
+        {
+          session: o,
+          level: T,
+          parentIndex: w.index,
+          left: B,
+          top: G
+        }
+      ];
+    });
+  }, [
+    e.activeIndex,
+    e.open,
+    e.optionNodes,
+    o,
+    d,
+    I,
+    h
+  ]), H(() => {
     if (!e.open)
       return;
-    const o = (b) => {
-      const f = b.target;
-      f instanceof Node && (r?.contains(f) || i.current?.contains(f) || (e.setOpen(!1), r?.focus()));
+    const y = (E) => {
+      const N = E.target;
+      N instanceof Node && (r?.contains(N) || i.current?.contains(N) || Array.from(m.current.values()).some(
+        (P) => P.contains(N)
+      ) || (e.setOpen(!1), r?.focus()));
     };
-    document.addEventListener("pointerdown", o, !0);
-    const m = (b) => {
-      b.key === "Escape" && (e.setOpen(!1), r?.focus());
-    }, p = () => {
+    document.addEventListener("pointerdown", y, !0);
+    const w = (E) => {
+      E.key === "Escape" && (e.setOpen(!1), r?.focus());
+    }, T = () => {
       e.setOpen(!1);
     };
-    return document.addEventListener("keydown", m, !0), window.addEventListener("blur", p), () => {
-      document.removeEventListener("pointerdown", o, !0), document.removeEventListener("keydown", m, !0), window.removeEventListener("blur", p);
+    return document.addEventListener("keydown", w, !0), window.addEventListener("blur", T), () => {
+      document.removeEventListener("pointerdown", y, !0), document.removeEventListener("keydown", w, !0), window.removeEventListener("blur", T);
     };
-  }, [e, r]), !h)
+  }, [e, r]), !p)
     return null;
-  const u = r?.closest("dialog") ?? document.body;
-  return ae(
-    /* @__PURE__ */ l(
-      "div",
+  const g = r?.closest("dialog") ?? document.body, u = j(
+    (y, w) => {
+      w ? v.current.set(y, w) : v.current.delete(y);
+    },
+    []
+  ), _ = (y) => {
+    const w = y.option, T = e.values.includes(w.value), E = y.index === e.activeIndex;
+    return /* @__PURE__ */ D(
+      "li",
       {
-        ref: i,
-        className: "uk-select",
-        "data-side": d?.side ?? "bottom",
-        "data-state": c ? "open" : "closed",
-        "aria-hidden": c ? void 0 : !0,
-        style: {
-          left: d ? `${d.x}px` : 0,
-          top: d ? `${d.y}px` : 0,
-          "--uk-select-width": `${r?.offsetWidth ?? 220}px`,
-          visibility: d ? "visible" : "hidden"
+        ref: (N) => u(y.index, N),
+        id: `${e.contentId}-option-${y.index}`,
+        role: "option",
+        "aria-disabled": w.disabled || void 0,
+        "aria-selected": T,
+        "data-disabled": w.disabled || void 0,
+        "data-selected": T || Re(w, e.values) || void 0,
+        "data-active": E || void 0,
+        "data-has-children": y.hasChildren || void 0,
+        "data-depth": y.depth,
+        className: "uk-select__option",
+        onPointerEnter: (N) => {
+          N.pointerType === "mouse" && !w.disabled && e.setActiveIndex(y.index);
+        },
+        onClick: (N) => {
+          if (N.stopPropagation(), y.hasChildren) {
+            e.setActiveIndex(
+              fe(e.optionNodes, y.index)
+            );
+            return;
+          }
+          e.commit(y.index);
         },
-        children: /* @__PURE__ */ l(
-          L.div,
+        children: [
+          /* @__PURE__ */ c(z, { initial: !1, children: E ? /* @__PURE__ */ c(
+            O.span,
+            {
+              className: "uk-select__option-highlight",
+              "data-slot": "select-active-highlight",
+              layoutId: `${e.contentId}-active-${y.depth}`,
+              "aria-hidden": "true",
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              exit: { opacity: 0 },
+              transition: s ? { duration: 0 } : de
+            }
+          ) : null }),
+          /* @__PURE__ */ c("span", { className: "uk-select__option-label", children: w.label ?? w.value }),
+          y.hasChildren ? /* @__PURE__ */ c("span", { "aria-hidden": "true", className: "uk-select__expand", children: /* @__PURE__ */ c("svg", { viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ c(
+            "path",
+            {
+              d: "m6 4 4 4-4 4",
+              stroke: "currentColor",
+              strokeWidth: "1.5",
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ) }) }) : /* @__PURE__ */ c("span", { "aria-hidden": "true", className: "uk-select__check" })
+        ]
+      },
+      w.value
+    );
+  }, C = e.open ? l : [];
+  return le(
+    /* @__PURE__ */ D(Ce, { id: `select-${e.contentId}`, children: [
+      /* @__PURE__ */ c(
+        "div",
+        {
+          ref: i,
+          className: "uk-select",
+          "data-side": d?.side ?? "bottom",
+          "data-state": a ? "open" : "closed",
+          "aria-hidden": a ? void 0 : !0,
+          style: {
+            left: d ? `${d.x}px` : 0,
+            top: d ? `${d.y}px` : 0,
+            "--uk-select-width": `${r?.offsetWidth ?? 220}px`,
+            visibility: d ? "visible" : "hidden"
+          },
+          children: /* @__PURE__ */ c(
+            O.div,
+            {
+              className: "uk-select__surface",
+              style: {
+                transformOrigin: bt(d?.side ?? "bottom")
+              },
+              initial: s ? { opacity: 0 } : { opacity: 0, scale: 0.97, y: -4 },
+              animate: s ? { opacity: 1 } : { opacity: 1, scale: 1, y: 0 },
+              exit: s ? { opacity: 0 } : { opacity: 0, scale: 0.97, y: -2 },
+              transition: s ? Y : Ee,
+              onAnimationComplete: () => {
+                e.open && x(!0);
+              },
+              children: e.options.length === 0 ? /* @__PURE__ */ c("p", { className: "uk-select__empty", children: t }) : /* @__PURE__ */ c(
+                "ul",
+                {
+                  id: e.contentId,
+                  className: "uk-select__list",
+                  role: "listbox",
+                  "aria-labelledby": n,
+                  "aria-owns": C.map(
+                    (y) => `${e.contentId}-submenu-${y.level}`
+                  ).join(" ") || void 0,
+                  children: e.optionNodes.filter((y) => y.depth === 0).map(_)
+                }
+              )
+            }
+          )
+        }
+      ),
+      C.map((y) => {
+        const w = e.optionNodes.filter(
+          (T) => T.parentIndex === y.parentIndex
+        );
+        return /* @__PURE__ */ c(
+          O.div,
           {
-            className: "uk-select__surface",
-            style: { transformOrigin: ft(d?.side ?? "bottom") },
-            initial: s ? { opacity: 0 } : { opacity: 0, scale: 0.97, y: -4 },
-            animate: s ? { opacity: 1 } : { opacity: 1, scale: 1, y: 0 },
-            exit: s ? { opacity: 0 } : { opacity: 0, scale: 0.97, y: -2 },
-            transition: s ? j : Ne,
-            children: e.options.length === 0 ? /* @__PURE__ */ l("p", { className: "uk-select__empty", children: t }) : /* @__PURE__ */ l(Te, { id: `select-${e.contentId}`, children: /* @__PURE__ */ l(
+            ref: (T) => {
+              T ? m.current.set(y.level, T) : m.current.delete(y.level);
+            },
+            className: "uk-select__submenu",
+            "data-select-owner": e.contentId,
+            "data-state": a ? "open" : "closed",
+            layout: !0,
+            initial: {
+              opacity: 0,
+              x: -34,
+              scaleX: 0.18,
+              scaleY: 0.36
+            },
+            animate: { opacity: 1, x: 0, scaleX: 1, scaleY: 1 },
+            exit: { opacity: 0, x: -16, scaleX: 0.28, scaleY: 0.42 },
+            style: {
+              left: y.left,
+              top: y.top,
+              transformOrigin: "left center"
+            },
+            transition: s ? Y : ut,
+            children: /* @__PURE__ */ c(
               "ul",
               {
-                id: e.contentId,
+                id: `${e.contentId}-submenu-${y.level}`,
                 className: "uk-select__list",
                 role: "listbox",
                 "aria-labelledby": n,
-                children: e.options.map((o, m) => /* @__PURE__ */ C(
-                  "li",
-                  {
-                    id: `${e.contentId}-option-${m}`,
-                    role: "option",
-                    "aria-disabled": o.disabled || void 0,
-                    "aria-selected": e.values.includes(o.value),
-                    "data-disabled": o.disabled || void 0,
-                    "data-selected": e.values.includes(o.value) || void 0,
-                    "data-active": m === e.activeIndex || void 0,
-                    className: "uk-select__option",
-                    onPointerEnter: (p) => {
-                      p.pointerType === "mouse" && !o.disabled && e.setActiveIndex(m);
-                    },
-                    onClick: (p) => {
-                      p.stopPropagation(), e.commit(m);
-                    },
-                    children: [
-                      /* @__PURE__ */ l(M, { initial: !1, children: m === e.activeIndex ? /* @__PURE__ */ l(
-                        L.span,
-                        {
-                          className: "uk-select__option-highlight",
-                          "data-slot": "select-active-highlight",
-                          layoutId: `${e.contentId}-active`,
-                          "aria-hidden": "true",
-                          initial: { opacity: 0 },
-                          animate: { opacity: 1 },
-                          exit: { opacity: 0 },
-                          transition: s ? { duration: 0 } : se
-                        }
-                      ) : null }),
-                      /* @__PURE__ */ l("span", { className: "uk-select__option-label", children: o.label ?? o.value }),
-                      /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "uk-select__check" })
-                    ]
-                  },
-                  o.value
-                ))
+                children: w.map(_)
               }
-            ) })
-          }
-        )
-      }
-    ),
-    u
+            )
+          },
+          `${y.session}-${y.level}`
+        );
+      })
+    ] }),
+    g
   );
 }
-const Wt = S(function({
+const Zt = A(function({
   options: e,
   multiple: n,
   value: r,
   defaultValue: i,
   onValueChange: s,
-  placeholder: c,
+  placeholder: a,
   size: d = "md",
-  clear: h,
-  disabled: u,
-  invalid: o,
-  emptyText: m = "暂无可选项",
-  className: p,
-  ...b
-}, f) {
-  return /* @__PURE__ */ C(
-    ht,
+  clear: p,
+  disabled: l,
+  invalid: h,
+  emptyText: o = "暂无可选项",
+  loading: f = !1,
+  loadingText: v = "加载中...",
+  className: m,
+  ...k
+}, b) {
+  return /* @__PURE__ */ D(
+    yt,
     {
       options: e,
+      loading: f,
       multiple: n,
       value: r,
       defaultValue: i,
       onValueChange: s,
       children: [
-        /* @__PURE__ */ l(
-          mt,
+        /* @__PURE__ */ c(
+          kt,
           {
-            ...b,
-            ref: f,
-            placeholder: c,
+            ...k,
+            ref: b,
+            placeholder: a,
             size: d,
-            clear: h,
-            disabled: u,
-            "aria-invalid": o || void 0,
+            clear: p,
+            loadingText: v,
+            disabled: l,
+            "aria-invalid": h || void 0,
             "data-size": d,
-            className: p
+            className: m
           }
         ),
-        /* @__PURE__ */ l(yt, { emptyText: m })
+        /* @__PURE__ */ c(wt, { emptyText: o })
       ]
     }
   );
 });
-function yt({ emptyText: t }) {
-  const e = fe("Select.Content");
-  return /* @__PURE__ */ l(M, { children: e.open ? /* @__PURE__ */ l(gt, { emptyText: t }, "select-layer") : null });
+function wt({ emptyText: t }) {
+  const e = ge("Select.Content");
+  return /* @__PURE__ */ c(z, { children: e.open ? /* @__PURE__ */ c(It, { emptyText: t }, "select-layer") : null });
 }
-const Xt = S(function({
+const en = A(function({
   inputSize: e = "md",
   invalid: n = !1,
   className: r,
   "aria-invalid": i,
   ...s
-}, c) {
-  return /* @__PURE__ */ l(
+}, a) {
+  return /* @__PURE__ */ c(
     "input",
     {
       ...s,
-      ref: c,
-      className: _("uk-input", r),
+      ref: a,
+      className: L("uk-input", r),
       "data-size": e,
       "aria-invalid": n ? !0 : i
     }
   );
-}), Yt = S(function({
+}), tn = A(function({
   checked: e,
   defaultChecked: n,
   onCheckedChange: r,
   disabled: i,
   className: s,
-  children: c,
+  children: a,
   id: d,
-  ...h
-}, u) {
-  const o = O(), m = d ?? o, p = H() ?? !1, b = R(!1), f = R(null), [I, g] = F({
+  ...p
+}, l) {
+  const h = V(), o = d ?? h, f = U() ?? !1, v = $(!1), m = $(null), [k, b] = J({
     value: e,
     defaultValue: n ?? !1,
     onChange: r
-  }), k = it(I ? 16 : 0);
-  A(() => {
-    if (f.current)
+  }), I = lt(k ? 16 : 0);
+  H(() => {
+    if (m.current)
       return;
-    const a = ye(
-      k,
-      I ? 16 : 0,
-      p ? { duration: 0 } : ve
+    const g = ye(
+      I,
+      k ? 16 : 0,
+      f ? { duration: 0 } : ke
     );
-    return () => a.stop();
-  }, [I, p, k]);
-  const v = (a) => {
-    const y = f.current;
-    if (!(!y || y.pointerId !== a.pointerId)) {
-      if (y.moved) {
-        const x = y.samples[0], w = y.samples[y.samples.length - 1], T = x && w ? Math.max(w.time - x.time, 1) : 1, N = x && w ? (w.x - x.x) / T * 1e3 : 0, P = Math.abs(N) > 220 ? N > 0 : k.get() >= 8;
-        b.current = !0, f.current = null, g(P), ye(
-          k,
-          P ? 16 : 0,
-          p ? { duration: 0 } : { ...ve, velocity: N }
+    return () => g.stop();
+  }, [k, f, I]);
+  const x = (g) => {
+    const u = m.current;
+    if (!(!u || u.pointerId !== g.pointerId)) {
+      if (u.moved) {
+        const _ = u.samples[0], C = u.samples[u.samples.length - 1], y = _ && C ? Math.max(C.time - _.time, 1) : 1, w = _ && C ? (C.x - _.x) / y * 1e3 : 0, T = Math.abs(w) > 220 ? w > 0 : I.get() >= 8;
+        v.current = !0, m.current = null, b(T), ye(
+          I,
+          T ? 16 : 0,
+          f ? { duration: 0 } : { ...ke, velocity: w }
         ), window.setTimeout(() => {
-          b.current = !1;
+          v.current = !1;
         }, 0);
       } else
-        f.current = null;
-      a.currentTarget.hasPointerCapture(a.pointerId) && typeof a.currentTarget.releasePointerCapture == "function" && a.currentTarget.releasePointerCapture(a.pointerId);
+        m.current = null;
+      g.currentTarget.hasPointerCapture(g.pointerId) && typeof g.currentTarget.releasePointerCapture == "function" && g.currentTarget.releasePointerCapture(g.pointerId);
     }
   };
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ D(
     "label",
     {
-      className: _("uk-switch", s),
+      className: L("uk-switch", s),
       "data-disabled": i ? "true" : void 0,
-      htmlFor: m,
-      onClickCapture: (a) => {
-        b.current && (a.preventDefault(), a.stopPropagation());
+      htmlFor: o,
+      onClickCapture: (g) => {
+        v.current && (g.preventDefault(), g.stopPropagation());
       },
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ c(
           "input",
           {
-            ...h,
-            ref: u,
-            id: m,
+            ...p,
+            ref: l,
+            id: o,
             type: "checkbox",
             role: "switch",
             className: "uk-switch__input",
-            checked: I,
+            checked: k,
             disabled: i,
-            "aria-checked": I,
-            onChange: (a) => g(a.target.checked)
+            "aria-checked": k,
+            onChange: (g) => b(g.target.checked)
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ c(
           "span",
           {
             className: "uk-switch__track",
             "aria-hidden": "true",
-            onPointerDown: (a) => {
-              i || (f.current = {
-                pointerId: a.pointerId,
-                startX: a.clientX,
-                startValue: k.get(),
+            onPointerDown: (g) => {
+              i || (m.current = {
+                pointerId: g.pointerId,
+                startX: g.clientX,
+                startValue: I.get(),
                 moved: !1,
-                samples: [{ x: a.clientX, time: performance.now() }]
-              }, typeof a.currentTarget.setPointerCapture == "function" && a.currentTarget.setPointerCapture(a.pointerId));
+                samples: [{ x: g.clientX, time: performance.now() }]
+              }, typeof g.currentTarget.setPointerCapture == "function" && g.currentTarget.setPointerCapture(g.pointerId));
             },
-            onPointerMove: (a) => {
-              const y = f.current;
-              if (!y || y.pointerId !== a.pointerId)
+            onPointerMove: (g) => {
+              const u = m.current;
+              if (!u || u.pointerId !== g.pointerId)
                 return;
-              const x = a.clientX - y.startX;
-              Math.abs(x) > 4 && (y.moved = !0), y.moved && (a.preventDefault(), k.set(Math.max(0, Math.min(16, y.startValue + x))), y.samples.push({ x: a.clientX, time: performance.now() }), y.samples = y.samples.filter(
-                (w) => performance.now() - w.time < 120
+              const _ = g.clientX - u.startX;
+              Math.abs(_) > 4 && (u.moved = !0), u.moved && (g.preventDefault(), I.set(Math.max(0, Math.min(16, u.startValue + _))), u.samples.push({ x: g.clientX, time: performance.now() }), u.samples = u.samples.filter(
+                (C) => performance.now() - C.time < 120
               ));
             },
-            onPointerUp: v,
-            onPointerCancel: v,
-            children: /* @__PURE__ */ l(L.span, { className: "uk-switch__thumb", style: { x: k } })
+            onPointerUp: x,
+            onPointerCancel: x,
+            children: /* @__PURE__ */ c(O.span, { className: "uk-switch__thumb", style: { x: I } })
           }
         ),
-        c ? /* @__PURE__ */ l("span", { className: "uk-switch__label", children: c }) : null
+        a ? /* @__PURE__ */ c("span", { className: "uk-switch__label", children: a }) : null
       ]
     }
   );
-}), De = W(null);
-function Le(t) {
-  const e = X(De);
+}), Oe = Z(null);
+function $e(t) {
+  const e = ee(Oe);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Sidebar>`);
   return e;
 }
-function le(t, e) {
+function ue(t, e) {
   return (n) => {
     t?.(n), n.defaultPrevented || e(n);
   };
 }
-function vt({
+function _t({
   children: t,
   className: e,
   hoverPreview: n = !0,
   hoverIndicator: r = "rail",
   groupGap: i,
   style: s,
-  ...c
+  ...a
 }) {
-  const [d, h] = $(null), u = O().replace(/:/g, ""), o = U(
+  const [d, p] = S(null), l = V().replace(/:/g, ""), h = W(
     () => ({
       hoveredId: d,
-      setHoveredId: h,
-      indicatorBaseId: u,
+      setHoveredId: p,
+      indicatorBaseId: l,
       hoverPreview: n,
       hoverIndicator: r
     }),
-    [d, u, n, r]
-  ), m = typeof i == "number" ? `${i}px` : i, p = {
+    [d, l, n, r]
+  ), o = typeof i == "number" ? `${i}px` : i, f = {
     ...s,
-    ...m === void 0 ? {} : { "--uk-sidebar-group-gap": m }
+    ...o === void 0 ? {} : { "--uk-sidebar-group-gap": o }
   };
-  return /* @__PURE__ */ l(De.Provider, { value: o, children: /* @__PURE__ */ l(Te, { id: `sidebar-${u}`, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(Oe.Provider, { value: h, children: /* @__PURE__ */ c(Ce, { id: `sidebar-${l}`, children: /* @__PURE__ */ c(
     "nav",
     {
-      ...c,
-      className: _("uk-sidebar", e),
-      style: p,
+      ...a,
+      className: L("uk-sidebar", e),
+      style: f,
       children: t
     }
   ) }) });
 }
-function kt({
+function Tt({
   title: t,
   icon: e,
   collapsible: n = !1,
   open: r,
   defaultOpen: i = !0,
   onOpenChange: s,
-  children: c,
+  children: a,
   className: d,
-  ...h
+  ...p
 }) {
-  const u = O(), o = O(), m = O(), p = R(null), b = R(null), f = Le("Sidebar.Group"), I = e != null, g = H() ?? !1, [k, v] = F({
+  const l = V(), h = V(), o = V(), f = $(null), v = $(null), m = $e("Sidebar.Group"), k = e != null, b = U() ?? !1, [I, x] = J({
     value: r,
     defaultValue: i,
     onChange: s
-  }), a = n ? k : !0, y = f.hoveredId === m;
-  A(() => {
-    !n || a || b.current?.contains(document.activeElement) && p.current?.focus();
-  }, [n, a]);
-  const x = /* @__PURE__ */ C(_e, { children: [
-    I ? /* @__PURE__ */ l("span", { className: "uk-sidebar__group-icon", "aria-hidden": "true", children: e }) : null,
-    /* @__PURE__ */ l("span", { className: "uk-sidebar__group-label", children: t }),
-    n ? /* @__PURE__ */ l("span", { className: "uk-sidebar__chevron", "aria-hidden": "true", children: /* @__PURE__ */ l("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", children: /* @__PURE__ */ l(
+  }), g = n ? I : !0, u = m.hoveredId === o;
+  H(() => {
+    !n || g || v.current?.contains(document.activeElement) && f.current?.focus();
+  }, [n, g]);
+  const _ = /* @__PURE__ */ D(Te, { children: [
+    k ? /* @__PURE__ */ c("span", { className: "uk-sidebar__group-icon", "aria-hidden": "true", children: e }) : null,
+    /* @__PURE__ */ c("span", { className: "uk-sidebar__group-label", children: t }),
+    n ? /* @__PURE__ */ c("span", { className: "uk-sidebar__chevron", "aria-hidden": "true", children: /* @__PURE__ */ c("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", children: /* @__PURE__ */ c(
       "path",
       {
         d: "m6 3.8 4.2 4.2L6 12.2",
@@ -778,89 +992,89 @@ function kt({
       }
     ) }) }) : null
   ] });
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ D(
     "section",
     {
-      ...h,
-      className: _("uk-sidebar__group", d),
-      "aria-labelledby": h["aria-labelledby"] ?? u,
+      ...p,
+      className: L("uk-sidebar__group", d),
+      "aria-labelledby": p["aria-labelledby"] ?? l,
       "data-collapsible": n ? "true" : "false",
-      "data-has-icon": I ? "true" : "false",
-      "data-state": a ? "open" : "closed",
+      "data-has-icon": k ? "true" : "false",
+      "data-state": g ? "open" : "closed",
       children: [
-        n ? /* @__PURE__ */ C(
+        n ? /* @__PURE__ */ D(
           "button",
           {
-            ref: p,
+            ref: f,
             type: "button",
             className: "uk-sidebar__group-title uk-sidebar__group-trigger",
-            id: u,
-            "aria-controls": o,
-            "aria-expanded": a,
-            "data-preview": f.hoverIndicator === "background" && y ? "true" : void 0,
-            onClick: () => v((w) => !w),
-            onPointerEnter: (w) => {
-              f.hoverPreview && f.hoverIndicator === "background" && w.pointerType === "mouse" && f.setHoveredId(m);
+            id: l,
+            "aria-controls": h,
+            "aria-expanded": g,
+            "data-preview": m.hoverIndicator === "background" && u ? "true" : void 0,
+            onClick: () => x((C) => !C),
+            onPointerEnter: (C) => {
+              m.hoverPreview && m.hoverIndicator === "background" && C.pointerType === "mouse" && m.setHoveredId(o);
             },
             onPointerLeave: () => {
-              f.hoveredId === m && f.setHoveredId(null);
+              m.hoveredId === o && m.setHoveredId(null);
             },
             onPointerCancel: () => {
-              f.hoveredId === m && f.setHoveredId(null);
+              m.hoveredId === o && m.setHoveredId(null);
             },
             children: [
-              /* @__PURE__ */ l(M, { initial: !1, children: f.hoverPreview && f.hoverIndicator === "background" && y ? /* @__PURE__ */ l(
-                L.span,
+              /* @__PURE__ */ c(z, { initial: !1, children: m.hoverPreview && m.hoverIndicator === "background" && u ? /* @__PURE__ */ c(
+                O.span,
                 {
                   className: "uk-sidebar__group-surface",
                   "data-kind": "hover",
                   "data-slot": "sidebar-hover-highlight",
-                  layoutId: `${f.indicatorBaseId}-hover`,
+                  layoutId: `${m.indicatorBaseId}-hover`,
                   "aria-hidden": "true",
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
                   exit: { opacity: 0 },
-                  transition: g ? { duration: 0 } : se
+                  transition: b ? { duration: 0 } : de
                 }
               ) : null }),
-              x
+              _
             ]
           }
-        ) : /* @__PURE__ */ l("div", { className: "uk-sidebar__group-title", id: u, children: x }),
-        /* @__PURE__ */ l(
-          L.div,
+        ) : /* @__PURE__ */ c("div", { className: "uk-sidebar__group-title", id: l, children: _ }),
+        /* @__PURE__ */ c(
+          O.div,
           {
-            ref: b,
+            ref: v,
             className: "uk-sidebar__content",
-            id: o,
-            "data-state": a ? "open" : "closed",
+            id: h,
+            "data-state": g ? "open" : "closed",
             initial: !1,
             animate: {
-              height: a ? "auto" : 0,
-              opacity: a ? 1 : 0
+              height: g ? "auto" : 0,
+              opacity: g ? 1 : 0
             },
-            transition: g ? { duration: 0 } : Ne,
-            inert: n && !a,
-            "aria-hidden": n && !a ? !0 : void 0,
-            children: /* @__PURE__ */ l("ul", { className: "uk-sidebar__list", children: c })
+            transition: b ? { duration: 0 } : Ee,
+            inert: n && !g,
+            "aria-hidden": n && !g ? !0 : void 0,
+            children: /* @__PURE__ */ c("ul", { className: "uk-sidebar__list", children: a })
           }
         )
       ]
     }
   );
 }
-function It({
+function Ct({
   active: t = !1,
   children: e,
   className: n
 }) {
-  const r = Le("Sidebar.Item"), i = O(), c = H() ?? !1 ? { duration: 0 } : se;
-  if (!Q(e))
+  const r = $e("Sidebar.Item"), i = V(), a = U() ?? !1 ? { duration: 0 } : de;
+  if (!te(e))
     throw new Error("<Sidebar.Item> expects a single valid React element");
-  const d = e, h = d.props, u = h.className, o = typeof u == "function" ? (g) => _("uk-sidebar__link", u(g), n) : _("uk-sidebar__link", u, n), m = h.onPointerEnter, p = h.onPointerLeave, b = h.onPointerCancel, f = r.hoveredId === i, I = /* @__PURE__ */ C(_e, { children: [
-    /* @__PURE__ */ l("span", { className: "uk-sidebar__rail", "aria-hidden": "true" }),
-    /* @__PURE__ */ l(M, { initial: !1, children: r.hoverPreview && r.hoverIndicator === "rail" && f ? /* @__PURE__ */ l(
-      L.span,
+  const d = e, p = d.props, l = p.className, h = typeof l == "function" ? (b) => L("uk-sidebar__link", l(b), n) : L("uk-sidebar__link", l, n), o = p.onPointerEnter, f = p.onPointerLeave, v = p.onPointerCancel, m = r.hoveredId === i, k = /* @__PURE__ */ D(Te, { children: [
+    /* @__PURE__ */ c("span", { className: "uk-sidebar__rail", "aria-hidden": "true" }),
+    /* @__PURE__ */ c(z, { initial: !1, children: r.hoverPreview && r.hoverIndicator === "rail" && m ? /* @__PURE__ */ c(
+      O.span,
       {
         className: "uk-sidebar__rail-indicator",
         "data-kind": "hover",
@@ -870,11 +1084,11 @@ function It({
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: c
+        transition: a
       }
     ) : null }),
-    /* @__PURE__ */ l(M, { initial: !1, children: r.hoverIndicator === "rail" && t ? /* @__PURE__ */ l(
-      L.span,
+    /* @__PURE__ */ c(z, { initial: !1, children: r.hoverIndicator === "rail" && t ? /* @__PURE__ */ c(
+      O.span,
       {
         className: "uk-sidebar__rail-indicator",
         "data-kind": "active",
@@ -884,11 +1098,11 @@ function It({
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: c
+        transition: a
       }
     ) : null }),
-    /* @__PURE__ */ l(M, { initial: !1, children: r.hoverPreview && r.hoverIndicator === "background" && f ? /* @__PURE__ */ l(
-      L.span,
+    /* @__PURE__ */ c(z, { initial: !1, children: r.hoverPreview && r.hoverIndicator === "background" && m ? /* @__PURE__ */ c(
+      O.span,
       {
         className: "uk-sidebar__surface",
         "data-kind": "hover",
@@ -898,11 +1112,11 @@ function It({
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: c
+        transition: a
       }
     ) : null }),
-    /* @__PURE__ */ l(M, { initial: !1, children: r.hoverIndicator === "background" && t ? /* @__PURE__ */ l(
-      L.span,
+    /* @__PURE__ */ c(z, { initial: !1, children: r.hoverIndicator === "background" && t ? /* @__PURE__ */ c(
+      O.span,
       {
         className: "uk-sidebar__surface",
         "data-kind": "active",
@@ -912,51 +1126,51 @@ function It({
         initial: { opacity: 0 },
         animate: { opacity: 1 },
         exit: { opacity: 0 },
-        transition: c
+        transition: a
       }
     ) : null }),
-    /* @__PURE__ */ l("span", { className: "uk-sidebar__label", children: h.children })
+    /* @__PURE__ */ c("span", { className: "uk-sidebar__label", children: p.children })
   ] });
-  return /* @__PURE__ */ l("li", { className: "uk-sidebar__item", children: Z(
+  return /* @__PURE__ */ c("li", { className: "uk-sidebar__item", children: ne(
     d,
     {
-      className: o,
+      className: h,
       "data-active": t ? "true" : "false",
-      "data-preview": t || f ? "true" : "false",
-      "aria-current": h["aria-current"] ?? (t ? "page" : void 0),
-      onPointerEnter: le(
-        m,
-        (g) => {
-          r.hoverPreview && g.pointerType === "mouse" && r.setHoveredId(i);
+      "data-preview": t || m ? "true" : "false",
+      "aria-current": p["aria-current"] ?? (t ? "page" : void 0),
+      onPointerEnter: ue(
+        o,
+        (b) => {
+          r.hoverPreview && b.pointerType === "mouse" && r.setHoveredId(i);
         }
       ),
-      onPointerLeave: le(p, () => {
+      onPointerLeave: ue(f, () => {
         r.hoveredId === i && r.setHoveredId(null);
       }),
-      onPointerCancel: le(b, () => {
+      onPointerCancel: ue(v, () => {
         r.hoveredId === i && r.setHoveredId(null);
       })
     },
-    I
+    k
   ) });
 }
-const Jt = Object.assign(vt, {
-  Group: kt,
-  Item: It
-}), Se = W(null);
-function he(t) {
-  const e = X(Se);
+const nn = Object.assign(_t, {
+  Group: Tt,
+  Item: Ct
+}), Me = Z(null);
+function be(t) {
+  const e = ee(Me);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Tabs>`);
   return e;
 }
-function Re(t, e) {
+function Ae(t, e) {
   return `${t}-tab-${encodeURIComponent(e)}`;
 }
-function Oe(t, e) {
+function Be(t, e) {
   return `${t}-panel-${encodeURIComponent(e)}`;
 }
-function wt({
+function Nt({
   value: t,
   defaultValue: e,
   onValueChange: n,
@@ -964,25 +1178,25 @@ function wt({
   className: i,
   children: s
 }) {
-  const c = O(), [d, h] = F({
+  const a = V(), [d, p] = J({
     value: t,
     defaultValue: e ?? "",
     onChange: n
-  }), u = U(
+  }), l = W(
     () => ({
-      baseId: c,
+      baseId: a,
       value: d,
-      setValue: h,
+      setValue: p,
       orientation: r,
-      indicatorId: `${c}-indicator`
+      indicatorId: `${a}-indicator`
     }),
-    [c, d, r, h]
+    [a, d, r, p]
   );
-  return /* @__PURE__ */ l(Se.Provider, { value: u, children: /* @__PURE__ */ l("div", { className: _("uk-tabs", i), "data-orientation": r, children: s }) });
+  return /* @__PURE__ */ c(Me.Provider, { value: l, children: /* @__PURE__ */ c("div", { className: L("uk-tabs", i), "data-orientation": r, children: s }) });
 }
-const xt = S(function({ className: e, onKeyDown: n, ...r }, i) {
-  const { orientation: s } = he("Tabs.List");
-  return /* @__PURE__ */ l(
+const Et = A(function({ className: e, onKeyDown: n, ...r }, i) {
+  const { orientation: s } = be("Tabs.List");
+  return /* @__PURE__ */ c(
     "div",
     {
       ...r,
@@ -990,329 +1204,329 @@ const xt = S(function({ className: e, onKeyDown: n, ...r }, i) {
       role: "tablist",
       "aria-orientation": s,
       tabIndex: -1,
-      className: _("uk-tabs__list", e),
-      onKeyDown: (c) => {
-        if (n?.(c), c.defaultPrevented)
+      className: L("uk-tabs__list", e),
+      onKeyDown: (a) => {
+        if (n?.(a), a.defaultPrevented)
           return;
-        const h = c.target?.closest('[role="tab"]');
-        if (!h || h.hasAttribute("disabled"))
+        const p = a.target?.closest('[role="tab"]');
+        if (!p || p.hasAttribute("disabled"))
           return;
-        const u = Array.from(
-          c.currentTarget.querySelectorAll(
+        const l = Array.from(
+          a.currentTarget.querySelectorAll(
             '[role="tab"]:not([disabled])'
           )
-        ), o = u.indexOf(h);
-        if (o === -1)
+        ), h = l.indexOf(p);
+        if (h === -1)
           return;
-        const m = s === "horizontal" ? "ArrowRight" : "ArrowDown", p = s === "horizontal" ? "ArrowLeft" : "ArrowUp";
-        let b = -1;
-        switch (c.key) {
-          case m:
-            b = (o + 1) % u.length;
+        const o = s === "horizontal" ? "ArrowRight" : "ArrowDown", f = s === "horizontal" ? "ArrowLeft" : "ArrowUp";
+        let v = -1;
+        switch (a.key) {
+          case o:
+            v = (h + 1) % l.length;
             break;
-          case p:
-            b = (o - 1 + u.length) % u.length;
+          case f:
+            v = (h - 1 + l.length) % l.length;
             break;
           case "Home":
-            b = 0;
+            v = 0;
             break;
           case "End":
-            b = u.length - 1;
+            v = l.length - 1;
             break;
           default:
             return;
         }
-        c.preventDefault();
-        const f = u[b];
-        f && (f.focus(), f.click());
+        a.preventDefault();
+        const m = l[v];
+        m && (m.focus(), m.click());
       }
     }
   );
-}), _t = S(function({ value: e, type: n = "button", className: r, onClick: i, children: s, ...c }, d) {
-  const h = he("Tabs.Trigger"), u = h.value === e, o = H() ?? !1;
-  return /* @__PURE__ */ C(
+}), Pt = A(function({ value: e, type: n = "button", className: r, onClick: i, children: s, ...a }, d) {
+  const p = be("Tabs.Trigger"), l = p.value === e, h = U() ?? !1;
+  return /* @__PURE__ */ D(
     "button",
     {
-      ...c,
+      ...a,
       ref: d,
       type: n,
       role: "tab",
-      id: Re(h.baseId, e),
-      "aria-selected": u,
-      "aria-controls": Oe(h.baseId, e),
-      tabIndex: u ? 0 : -1,
-      "data-state": u ? "active" : "inactive",
-      className: _("uk-tabs__trigger", r),
-      onClick: (m) => {
-        i?.(m), m.defaultPrevented || h.setValue(e);
+      id: Ae(p.baseId, e),
+      "aria-selected": l,
+      "aria-controls": Be(p.baseId, e),
+      tabIndex: l ? 0 : -1,
+      "data-state": l ? "active" : "inactive",
+      className: L("uk-tabs__trigger", r),
+      onClick: (o) => {
+        i?.(o), o.defaultPrevented || p.setValue(e);
       },
       children: [
         s,
-        u ? /* @__PURE__ */ l(
-          L.span,
+        l ? /* @__PURE__ */ c(
+          O.span,
           {
             className: "uk-tabs__indicator",
-            layoutId: h.indicatorId,
+            layoutId: p.indicatorId,
             "aria-hidden": "true",
-            transition: o ? { duration: 0 } : se
+            transition: h ? { duration: 0 } : de
           }
         ) : null
       ]
     }
   );
-}), Tt = S(function({ value: e, className: n, ...r }, i) {
-  const s = he("Tabs.Content"), c = s.value === e;
-  return /* @__PURE__ */ l(
+}), Lt = A(function({ value: e, className: n, ...r }, i) {
+  const s = be("Tabs.Content"), a = s.value === e;
+  return /* @__PURE__ */ c(
     "div",
     {
       ...r,
       ref: i,
       role: "tabpanel",
-      id: Oe(s.baseId, e),
-      "aria-labelledby": Re(s.baseId, e),
-      hidden: !c,
+      id: Be(s.baseId, e),
+      "aria-labelledby": Ae(s.baseId, e),
+      hidden: !a,
       tabIndex: 0,
-      "data-state": c ? "active" : "inactive",
-      className: _("uk-tabs__panel", n)
+      "data-state": a ? "active" : "inactive",
+      className: L("uk-tabs__panel", n)
     }
   );
-}), Qt = Object.assign(wt, {
-  List: xt,
-  Trigger: _t,
-  Content: Tt
-}), $e = W(null), Ct = () => () => {
-}, Nt = () => !0, Pt = () => !1;
-function ee(t) {
-  const e = X($e);
+}), on = Object.assign(Nt, {
+  List: Et,
+  Trigger: Pt,
+  Content: Lt
+}), Ve = Z(null), Dt = () => () => {
+}, St = () => !0, Rt = () => !1;
+function oe(t) {
+  const e = ee(Ve);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Dialog.Root>`);
   return e;
 }
-function Me(t, e) {
+function He(t, e) {
   return (n) => {
     t?.(n), n.defaultPrevented || e(n);
   };
 }
-function Ae({
+function ze({
   children: t,
   open: e,
   defaultOpen: n,
   onOpenChange: r
 }) {
-  const i = O(), [s, c] = $(!1), [d, h] = $(!1), [u, o] = F({
+  const i = V(), [s, a] = S(!1), [d, p] = S(!1), [l, h] = J({
     value: e,
     defaultValue: n ?? !1,
     onChange: r
-  }), m = U(
+  }), o = W(
     () => ({
-      open: u,
-      setOpen: o,
+      open: l,
+      setOpen: h,
       triggerId: `${i}-trigger`,
       contentId: `${i}-content`,
       titleId: `${i}-title`,
       descriptionId: `${i}-description`,
       hasTitle: s,
-      setHasTitle: c,
+      setHasTitle: a,
       hasDescription: d,
-      setHasDescription: h
+      setHasDescription: p
     }),
-    [i, u, d, s, o]
+    [i, l, d, s, h]
   );
-  return /* @__PURE__ */ l($e.Provider, { value: m, children: t });
+  return /* @__PURE__ */ c(Ve.Provider, { value: o, children: t });
 }
-function Et({ children: t }) {
-  const e = ee("Dialog.Trigger"), n = t, r = n.props.onClick;
-  return Z(n, {
+function Ot({ children: t }) {
+  const e = oe("Dialog.Trigger"), n = t, r = n.props.onClick;
+  return ne(n, {
     id: e.triggerId,
     "aria-haspopup": "dialog",
     "aria-expanded": e.open,
     "aria-controls": e.open ? e.contentId : void 0,
-    onClick: Me(r, () => {
+    onClick: He(r, () => {
       e.setOpen(!e.open);
     })
   });
 }
-function Be({
+function Ke({
   children: t,
   label: e = "Close"
 }) {
-  const n = ee("Dialog.Close");
-  if (Q(t)) {
+  const n = oe("Dialog.Close");
+  if (te(t)) {
     const r = t, i = r.props.onClick;
-    return Z(r, {
-      onClick: Me(i, () => {
+    return ne(r, {
+      onClick: He(i, () => {
         n.setOpen(!1);
       })
     });
   }
-  return /* @__PURE__ */ l(Ce, { variant: "ghost", onClick: () => n.setOpen(!1), children: e });
+  return /* @__PURE__ */ c(Ne, { variant: "ghost", onClick: () => n.setOpen(!1), children: e });
 }
-const Ve = S(function({ className: e, ...n }, r) {
-  return /* @__PURE__ */ l(
+const Fe = A(function({ className: e, ...n }, r) {
+  return /* @__PURE__ */ c(
     "header",
     {
       ...n,
       ref: r,
-      className: _("uk-dialog__header", e)
+      className: L("uk-dialog__header", e)
     }
   );
-}), He = S(function({ className: e, children: n, ...r }, i) {
-  const s = ee("Dialog.Title"), c = s.setHasTitle;
-  return A(() => (c(!0), () => c(!1)), [c]), /* @__PURE__ */ l(
+}), qe = A(function({ className: e, children: n, ...r }, i) {
+  const s = oe("Dialog.Title"), a = s.setHasTitle;
+  return H(() => (a(!0), () => a(!1)), [a]), /* @__PURE__ */ c(
     "h2",
     {
       ...r,
       ref: i,
       id: s.titleId,
-      className: _("uk-dialog__title", e),
+      className: L("uk-dialog__title", e),
       children: n
     }
   );
-}), ze = S(
+}), je = A(
   function({ className: e, ...n }, r) {
-    const i = ee("Dialog.Description"), s = i.setHasDescription;
-    return A(() => (s(!0), () => s(!1)), [s]), /* @__PURE__ */ l(
+    const i = oe("Dialog.Description"), s = i.setHasDescription;
+    return H(() => (s(!0), () => s(!1)), [s]), /* @__PURE__ */ c(
       "p",
       {
         ...n,
         ref: r,
         id: i.descriptionId,
-        className: _("uk-dialog__description", e)
+        className: L("uk-dialog__description", e)
       }
     );
   }
-), Ke = S(function({ className: e, ...n }, r) {
-  return /* @__PURE__ */ l("div", { ...n, ref: r, className: _("uk-dialog__body", e) });
-}), Fe = S(function({ className: e, ...n }, r) {
-  return /* @__PURE__ */ l(
+), Ge = A(function({ className: e, ...n }, r) {
+  return /* @__PURE__ */ c("div", { ...n, ref: r, className: L("uk-dialog__body", e) });
+}), Ue = A(function({ className: e, ...n }, r) {
+  return /* @__PURE__ */ c(
     "footer",
     {
       ...n,
       ref: r,
-      className: _("uk-dialog__footer", e)
+      className: L("uk-dialog__footer", e)
     }
   );
 });
-function Dt({
+function $t({
   requestClose: t,
   contentId: e,
   titleId: n,
   descriptionId: r,
   hasTitle: i,
   hasDescription: s,
-  children: c,
+  children: a,
   closeOnBackdropClick: d = !0,
-  closeOnEscape: h = !0,
-  initialFocusRef: u,
-  returnFocusRef: o,
-  className: m,
-  "aria-label": p,
-  "aria-labelledby": b,
-  "aria-describedby": f
+  closeOnEscape: p = !0,
+  initialFocusRef: l,
+  returnFocusRef: h,
+  className: o,
+  "aria-label": f,
+  "aria-labelledby": v,
+  "aria-describedby": m
 }) {
-  const I = R(null), g = R(null), k = ie(), v = H() ?? !1;
-  return ot(!0), re(() => {
-    const a = I.current;
-    a && (g.current ?? (g.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), !a.open && (typeof a.showModal == "function" ? a.showModal() : a.setAttribute("open", "")));
-  }, []), rt({
+  const k = $(null), b = $(null), I = ce(), x = U() ?? !1;
+  return st(!0), se(() => {
+    const g = k.current;
+    g && (b.current ?? (b.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), !g.open && (typeof g.showModal == "function" ? g.showModal() : g.setAttribute("open", "")));
+  }, []), ct({
     active: !0,
-    containerRef: I,
-    initialFocusRef: u,
-    returnFocusRef: o ?? g
-  }), A(() => {
-    const a = I.current;
-    if (!a)
+    containerRef: k,
+    initialFocusRef: l,
+    returnFocusRef: h ?? b
+  }), H(() => {
+    const g = k.current;
+    if (!g)
       return;
-    const y = () => {
-      a.open || (typeof a.showModal == "function" ? a.showModal() : a.setAttribute("open", ""));
-    }, x = () => {
-      if (!h) {
-        y();
+    const u = () => {
+      g.open || (typeof g.showModal == "function" ? g.showModal() : g.setAttribute("open", ""));
+    }, _ = () => {
+      if (!p) {
+        u();
         return;
       }
       t();
-    }, w = (P) => {
-      P.preventDefault(), h && t();
-    }, T = (P) => {
-      h || P.key !== "Escape" || P.defaultPrevented || (P.preventDefault(), P.stopPropagation());
-    }, N = (P) => {
-      d && P.target === a && t();
+    }, C = (T) => {
+      T.preventDefault(), p && t();
+    }, y = (T) => {
+      p || T.key !== "Escape" || T.defaultPrevented || (T.preventDefault(), T.stopPropagation());
+    }, w = (T) => {
+      d && T.target === g && t();
     };
-    return a.addEventListener("close", x), a.addEventListener("cancel", w), a.addEventListener("keydown", T, !0), a.addEventListener("click", N), () => {
-      a.removeEventListener("close", x), a.removeEventListener("cancel", w), a.removeEventListener("keydown", T, !0), a.removeEventListener("click", N);
+    return g.addEventListener("close", _), g.addEventListener("cancel", C), g.addEventListener("keydown", y, !0), g.addEventListener("click", w), () => {
+      g.removeEventListener("close", _), g.removeEventListener("cancel", C), g.removeEventListener("keydown", y, !0), g.removeEventListener("click", w);
     };
-  }, [d, h, t]), /* @__PURE__ */ l(
+  }, [d, p, t]), /* @__PURE__ */ c(
     "dialog",
     {
-      ref: I,
+      ref: k,
       id: e,
-      className: _("uk-dialog", m),
-      closedby: h || d ? "any" : "none",
-      "data-state": k ? "open" : "closed",
-      inert: !k,
-      "aria-label": p,
-      "aria-labelledby": b ?? (p ? void 0 : i ? n : void 0),
-      "aria-describedby": f ?? (s ? r : void 0),
-      children: /* @__PURE__ */ l(
-        L.div,
+      className: L("uk-dialog", o),
+      closedby: p || d ? "any" : "none",
+      "data-state": I ? "open" : "closed",
+      inert: !I,
+      "aria-label": f,
+      "aria-labelledby": v ?? (f ? void 0 : i ? n : void 0),
+      "aria-describedby": m ?? (s ? r : void 0),
+      children: /* @__PURE__ */ c(
+        O.div,
         {
           className: "uk-dialog__panel",
-          initial: v ? { opacity: 0 } : {
+          initial: x ? { opacity: 0 } : {
             opacity: 0,
             transform: "translateY(12px) scale(0.96)"
           },
           animate: {
             opacity: 1,
             transform: "translateY(0px) scale(1)",
-            transition: v ? j : { ...ke, delay: 0.06 }
+            transition: x ? Y : { ...xe, delay: 0.06 }
           },
-          exit: v ? { opacity: 0, transition: j } : {
+          exit: x ? { opacity: 0, transition: Y } : {
             opacity: 0,
             transform: "translateY(8px) scale(0.97)",
-            transition: ke
+            transition: xe
           },
-          children: c
+          children: a
         }
       )
     }
   );
 }
-function qe({
+function Xe({
   children: t,
   closeOnBackdropClick: e = !0,
   closeOnEscape: n = !0,
   initialFocusRef: r,
   returnFocusRef: i,
   className: s,
-  "aria-label": c,
+  "aria-label": a,
   "aria-labelledby": d,
-  "aria-describedby": h
+  "aria-describedby": p
 }) {
-  const u = ee("Dialog.Content"), o = D(() => {
-    u.setOpen(!1);
+  const l = oe("Dialog.Content"), h = M(() => {
+    l.setOpen(!1);
   });
-  return oe(
-    Ct,
-    Nt,
-    Pt
-  ) ? ae(
-    /* @__PURE__ */ l(pe, { reducedMotion: "user", children: /* @__PURE__ */ l(M, { children: u.open ? /* @__PURE__ */ l(
-      Dt,
+  return ae(
+    Dt,
+    St,
+    Rt
+  ) ? le(
+    /* @__PURE__ */ c(me, { reducedMotion: "user", children: /* @__PURE__ */ c(z, { children: l.open ? /* @__PURE__ */ c(
+      $t,
       {
-        requestClose: o,
-        contentId: u.contentId,
-        titleId: u.titleId,
-        descriptionId: u.descriptionId,
-        hasTitle: u.hasTitle,
-        hasDescription: u.hasDescription,
+        requestClose: h,
+        contentId: l.contentId,
+        titleId: l.titleId,
+        descriptionId: l.descriptionId,
+        hasTitle: l.hasTitle,
+        hasDescription: l.hasDescription,
         closeOnBackdropClick: e,
         closeOnEscape: n,
         initialFocusRef: r,
         returnFocusRef: i,
         className: s,
-        "aria-label": c,
+        "aria-label": a,
         "aria-labelledby": d,
-        "aria-describedby": h,
+        "aria-describedby": p,
         children: t
       },
       "uk-dialog"
@@ -1320,53 +1534,53 @@ function qe({
     document.body
   ) : null;
 }
-function Lt({
+function Mt({
   open: t,
   onOpenChange: e,
   title: n,
   description: r,
   footer: i,
   children: s,
-  closeLabel: c = "Close",
+  closeLabel: a = "Close",
   showCloseButton: d = !0,
-  closeOnBackdropClick: h = !0,
-  closeOnEscape: u = !0,
-  initialFocusRef: o,
-  returnFocusRef: m,
-  className: p,
-  "aria-label": b
+  closeOnBackdropClick: p = !0,
+  closeOnEscape: l = !0,
+  initialFocusRef: h,
+  returnFocusRef: o,
+  className: f,
+  "aria-label": v
 }) {
-  return /* @__PURE__ */ l(Ae, { open: t, onOpenChange: e, children: /* @__PURE__ */ C(
-    qe,
+  return /* @__PURE__ */ c(ze, { open: t, onOpenChange: e, children: /* @__PURE__ */ D(
+    Xe,
     {
-      className: p,
-      closeOnBackdropClick: h,
-      closeOnEscape: u,
-      initialFocusRef: o,
-      returnFocusRef: m,
-      "aria-label": b,
+      className: f,
+      closeOnBackdropClick: p,
+      closeOnEscape: l,
+      initialFocusRef: h,
+      returnFocusRef: o,
+      "aria-label": v,
       children: [
-        n || r || d ? /* @__PURE__ */ C(Ve, { children: [
-          /* @__PURE__ */ C("div", { className: "uk-dialog__heading", children: [
-            n ? /* @__PURE__ */ l(He, { children: n }) : null,
-            r ? /* @__PURE__ */ l(ze, { children: r }) : null
+        n || r || d ? /* @__PURE__ */ D(Fe, { children: [
+          /* @__PURE__ */ D("div", { className: "uk-dialog__heading", children: [
+            n ? /* @__PURE__ */ c(qe, { children: n }) : null,
+            r ? /* @__PURE__ */ c(je, { children: r }) : null
           ] }),
-          d ? /* @__PURE__ */ l(Be, { children: /* @__PURE__ */ l(
-            Ce,
+          d ? /* @__PURE__ */ c(Ke, { children: /* @__PURE__ */ c(
+            Ne,
             {
               variant: "ghost",
               size: "sm",
               iconOnly: !0,
-              "aria-label": c,
+              "aria-label": a,
               className: "uk-dialog__close",
-              children: /* @__PURE__ */ l(
+              children: /* @__PURE__ */ c(
                 "svg",
                 {
                   viewBox: "0 0 20 20",
                   width: "16",
                   height: "16",
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ l(
+                  children: /* @__PURE__ */ c(
                     "path",
                     {
                       d: "M5 5l10 10M15 5L5 15",
@@ -1380,24 +1594,24 @@ function Lt({
             }
           ) }) : null
         ] }) : null,
-        /* @__PURE__ */ l(Ke, { children: s }),
-        i ? /* @__PURE__ */ l(Fe, { children: i }) : null
+        /* @__PURE__ */ c(Ge, { children: s }),
+        i ? /* @__PURE__ */ c(Ue, { children: i }) : null
       ]
     }
   ) });
 }
-const Zt = Object.assign(Lt, {
-  Root: Ae,
-  Trigger: Et,
-  Content: qe,
-  Header: Ve,
-  Title: He,
-  Description: ze,
-  Body: Ke,
-  Footer: Fe,
-  Close: Be
+const rn = Object.assign(Mt, {
+  Root: ze,
+  Trigger: Ot,
+  Content: Xe,
+  Header: Fe,
+  Title: qe,
+  Description: je,
+  Body: Ge,
+  Footer: Ue,
+  Close: Ke
 });
-function St(t, e) {
+function At(t, e) {
   if (!(e instanceof Element))
     return !1;
   const n = e.closest(
@@ -1405,100 +1619,100 @@ function St(t, e) {
   );
   return n !== null && n !== t;
 }
-const en = S(function({
+const an = A(function({
   children: e,
   className: n,
   direction: r = "left",
   speed: i = 30,
   pauseOnHover: s = !0,
-  gap: c = "1rem",
+  gap: a = "1rem",
   fade: d = !0,
-  paused: h = !1,
-  items: u,
-  onItemClick: o,
-  ...m
-}, p) {
-  const b = u ? u.map((g) => ({
-    key: g.key,
-    content: g.content,
-    data: g.data
-  })) : nt.toArray(e).map((g, k) => ({
-    key: Q(g) ? g.key ?? null : null,
-    content: g,
+  paused: p = !1,
+  items: l,
+  onItemClick: h,
+  ...o
+}, f) {
+  const v = l ? l.map((b) => ({
+    key: b.key,
+    content: b.content,
+    data: b.data
+  })) : at.toArray(e).map((b, I) => ({
+    key: te(b) ? b.key ?? null : null,
+    content: b,
     data: void 0
-  })), f = (g, k, v) => {
-    !o || v.defaultPrevented || St(v.currentTarget, v.target) || o({ index: k, key: g.key, data: g.data }, v);
-  }, I = (g, k, v) => {
-    !o || v.defaultPrevented || (v.key === "Enter" || v.key === " ") && (v.preventDefault(), o({ index: k, key: g.key, data: g.data }, v));
+  })), m = (b, I, x) => {
+    !h || x.defaultPrevented || At(x.currentTarget, x.target) || h({ index: I, key: b.key, data: b.data }, x);
+  }, k = (b, I, x) => {
+    !h || x.defaultPrevented || (x.key === "Enter" || x.key === " ") && (x.preventDefault(), h({ index: I, key: b.key, data: b.data }, x));
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(
     "div",
     {
-      ...m,
-      ref: p,
-      className: _("uk-marquee", n),
+      ...o,
+      ref: f,
+      className: L("uk-marquee", n),
       "data-direction": r,
       "data-fade": d ? "true" : void 0,
       "data-pause-on-hover": s ? "true" : void 0,
-      "data-paused": h ? "true" : "false",
+      "data-paused": p ? "true" : "false",
       style: {
-        ...m.style,
-        "--uk-marquee-gap": c,
+        ...o.style,
+        "--uk-marquee-gap": a,
         "--uk-marquee-duration": `${i}s`,
-        gap: c
+        gap: a
       },
-      children: [!1, !0].map((g) => /* @__PURE__ */ l(
+      children: [!1, !0].map((b) => /* @__PURE__ */ c(
         "div",
         {
-          "aria-hidden": g,
+          "aria-hidden": b,
           className: "uk-marquee__track",
-          "data-duplicate": g ? "true" : void 0,
-          inert: g && !o,
-          role: g ? "presentation" : void 0,
-          onFocusCapture: g ? (k) => {
-            k.target instanceof HTMLElement && k.target.blur();
+          "data-duplicate": b ? "true" : void 0,
+          inert: b && !h,
+          role: b ? "presentation" : void 0,
+          onFocusCapture: b ? (I) => {
+            I.target instanceof HTMLElement && I.target.blur();
           } : void 0,
-          children: b.map((k, v) => /* @__PURE__ */ l(
+          children: v.map((I, x) => /* @__PURE__ */ c(
             "div",
             {
               className: "uk-marquee__item",
-              "data-clickable": o ? "true" : void 0,
-              ...o ? {
-                role: g ? void 0 : "button",
-                tabIndex: g ? -1 : 0,
-                onClick: (a) => f(k, v, a),
-                onKeyDown: g ? void 0 : (a) => I(k, v, a)
+              "data-clickable": h ? "true" : void 0,
+              ...h ? {
+                role: b ? void 0 : "button",
+                tabIndex: b ? -1 : 0,
+                onClick: (g) => m(I, x, g),
+                onKeyDown: b ? void 0 : (g) => k(I, x, g)
               } : {},
-              children: k.content
+              children: I.content
             },
-            g ? `duplicate-${v}` : k.key ?? v
+            b ? `duplicate-${x}` : I.key ?? x
           ))
         },
-        g ? "duplicate" : "primary"
+        b ? "duplicate" : "primary"
       ))
     }
   );
-}), Ge = W(null), je = () => () => {
-}, Ue = () => !0, We = () => !1;
-function Xe(t) {
-  const e = X(Ge);
+}), We = Z(null), Ye = () => () => {
+}, Je = () => !0, Qe = () => !1;
+function Ze(t) {
+  const e = ee(We);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Tooltip.Root>`);
   return e;
 }
-function Ye(t, e) {
+function et(t, e) {
   typeof t == "function" ? t(e) : t && (t.current = e);
 }
-function Je(t, e) {
+function tt(t, e) {
   const n = typeof t == "string" ? t.split(/\s+/).filter(Boolean) : [];
   return Array.from(/* @__PURE__ */ new Set([...n, e])).join(" ");
 }
-function B(t, e) {
+function q(t, e) {
   return (n) => {
     t?.(n), n.defaultPrevented || e(n);
   };
 }
-function Rt({
+function Bt({
   children: t,
   open: e,
   defaultOpen: n,
@@ -1506,95 +1720,95 @@ function Rt({
   delayDuration: i = 300,
   closeDelay: s = 80
 }) {
-  const c = O(), [d, h] = $(
+  const a = V(), [d, p] = S(
     null
-  ), u = R(null), o = R(null), [m, p] = F({
+  ), l = $(null), h = $(null), [o, f] = J({
     value: e,
     defaultValue: n ?? !1,
     onChange: r
-  }), b = V(() => {
-    u.current !== null && (clearTimeout(u.current), u.current = null);
-  }, []), f = V(() => {
-    o.current !== null && (clearTimeout(o.current), o.current = null);
-  }, []), I = D((a = !1) => {
-    if (b(), f(), !m) {
-      if (a || i <= 0) {
-        p(!0);
+  }), v = j(() => {
+    l.current !== null && (clearTimeout(l.current), l.current = null);
+  }, []), m = j(() => {
+    h.current !== null && (clearTimeout(h.current), h.current = null);
+  }, []), k = M((g = !1) => {
+    if (v(), m(), !o) {
+      if (g || i <= 0) {
+        f(!0);
         return;
       }
-      u.current = setTimeout(() => {
-        u.current = null, p(!0);
+      l.current = setTimeout(() => {
+        l.current = null, f(!0);
       }, i);
     }
-  }), g = D(() => {
-    if (b(), f(), !!m) {
+  }), b = M(() => {
+    if (v(), m(), !!o) {
       if (s <= 0) {
-        p(!1);
+        f(!1);
         return;
       }
-      o.current = setTimeout(() => {
-        o.current = null, p(!1);
+      h.current = setTimeout(() => {
+        h.current = null, f(!1);
       }, s);
     }
-  }), k = D(() => {
-    b(), f(), p(!1);
+  }), I = M(() => {
+    v(), m(), f(!1);
   });
-  A(() => {
-    m ? f() : b();
-  }, [f, b, m]), A(
+  H(() => {
+    o ? m() : v();
+  }, [m, v, o]), H(
     () => () => {
-      b(), f();
+      v(), m();
     },
-    [f, b]
+    [m, v]
   );
-  const v = U(
+  const x = W(
     () => ({
-      open: m,
+      open: o,
       triggerElement: d,
-      setTriggerElement: h,
-      contentId: c,
-      requestOpen: I,
-      requestClose: g,
-      dismiss: k
+      setTriggerElement: p,
+      contentId: a,
+      requestOpen: k,
+      requestClose: b,
+      dismiss: I
     }),
-    [c, m, k, g, I, d]
+    [a, o, I, b, k, d]
   );
-  return /* @__PURE__ */ l(Ge.Provider, { value: v, children: t });
+  return /* @__PURE__ */ c(We.Provider, { value: x, children: t });
 }
-function Ot({ children: t }) {
-  const e = Xe("Tooltip.Trigger"), { setTriggerElement: n } = e;
-  if (!Q(t))
+function Vt({ children: t }) {
+  const e = Ze("Tooltip.Trigger"), { setTriggerElement: n } = e;
+  if (!te(t))
     throw new Error("<Tooltip.Trigger> expects a single valid React element");
-  const r = t, i = r.props, s = i.ref ?? r.ref, c = i.onPointerEnter, d = i.onPointerLeave, h = i.onFocus, u = i.onBlur, o = i.onKeyDown, m = V(
-    (p) => {
-      Ye(s, p), n(p);
+  const r = t, i = r.props, s = i.ref ?? r.ref, a = i.onPointerEnter, d = i.onPointerLeave, p = i.onFocus, l = i.onBlur, h = i.onKeyDown, o = j(
+    (f) => {
+      et(s, f), n(f);
     },
     [s, n]
   );
-  return Z(r, {
-    ref: m,
-    "aria-describedby": e.open ? Je(i["aria-describedby"], e.contentId) : i["aria-describedby"],
-    onPointerEnter: B(c, (p) => {
-      e.requestOpen(p.pointerType === "touch");
+  return ne(r, {
+    ref: o,
+    "aria-describedby": e.open ? tt(i["aria-describedby"], e.contentId) : i["aria-describedby"],
+    onPointerEnter: q(a, (f) => {
+      e.requestOpen(f.pointerType === "touch");
     }),
-    onPointerLeave: B(d, (p) => {
-      p.pointerType !== "touch" && e.requestClose();
+    onPointerLeave: q(d, (f) => {
+      f.pointerType !== "touch" && e.requestClose();
     }),
-    onFocus: B(h, () => {
+    onFocus: q(p, () => {
       e.requestOpen();
     }),
-    onBlur: B(u, () => {
+    onBlur: q(l, () => {
       e.requestClose();
     }),
-    onKeyDown: B(o, (p) => {
-      p.key === "Escape" && e.open && (p.preventDefault(), p.stopPropagation(), e.dismiss());
+    onKeyDown: q(h, (f) => {
+      f.key === "Escape" && e.open && (f.preventDefault(), f.stopPropagation(), e.dismiss());
     })
   });
 }
-function ne(t, e, n) {
+function ie(t, e, n) {
   return n < e ? e : Math.min(Math.max(t, e), n);
 }
-function $t(t) {
+function Ht(t) {
   switch (t) {
     case "top":
       return "bottom";
@@ -1606,7 +1820,7 @@ function $t(t) {
       return "right";
   }
 }
-function de(t, e, n, r, i) {
+function he(t, e, n, r, i) {
   switch (e) {
     case "top":
       return t.top - i;
@@ -1618,127 +1832,127 @@ function de(t, e, n, r, i) {
       return t.left - i;
   }
 }
-function xe(t, e, n, r, i, s, c) {
-  return de(
+function _e(t, e, n, r, i, s, a) {
+  return he(
     t,
     n,
     i,
     s,
-    c
+    a
   ) >= (n === "top" || n === "bottom" ? e.height : e.width) + r;
 }
-function Mt({
+function zt({
   trigger: t,
   tooltip: e,
   side: n,
   align: r,
   sideOffset: i,
   collisionPadding: s,
-  avoidCollisions: c,
+  avoidCollisions: a,
   viewportWidth: d,
-  viewportHeight: h
+  viewportHeight: p
 }) {
-  let u = n;
-  if (c && !xe(
+  let l = n;
+  if (a && !_e(
     t,
     e,
     n,
     i,
     d,
-    h,
+    p,
     s
   )) {
-    const g = $t(n), k = xe(
+    const b = Ht(n), I = _e(
       t,
       e,
-      g,
+      b,
       i,
       d,
-      h,
+      p,
       s
-    ), v = de(
+    ), x = he(
       t,
       n,
       d,
-      h,
+      p,
       s
-    ), a = de(
+    ), g = he(
       t,
-      g,
+      b,
       d,
-      h,
+      p,
       s
     );
-    (k || a > v) && (u = g);
+    (I || g > x) && (l = b);
   }
-  const o = t.left + t.width / 2, m = t.top + t.height / 2;
-  let p = 0, b = 0;
-  switch (u) {
+  const h = t.left + t.width / 2, o = t.top + t.height / 2;
+  let f = 0, v = 0;
+  switch (l) {
     case "top":
     case "bottom":
-      p = r === "start" ? t.left : r === "end" ? t.right - e.width : o - e.width / 2, b = u === "top" ? t.top - e.height - i : t.bottom + i;
+      f = r === "start" ? t.left : r === "end" ? t.right - e.width : h - e.width / 2, v = l === "top" ? t.top - e.height - i : t.bottom + i;
       break;
     case "left":
     case "right":
-      p = u === "left" ? t.left - e.width - i : t.right + i, b = r === "start" ? t.top : r === "end" ? t.bottom - e.height : m - e.height / 2;
+      f = l === "left" ? t.left - e.width - i : t.right + i, v = r === "start" ? t.top : r === "end" ? t.bottom - e.height : o - e.height / 2;
       break;
   }
-  c && (p = ne(
-    p,
+  a && (f = ie(
+    f,
     s,
     d - e.width - s
-  ), b = ne(
-    b,
+  ), v = ie(
+    v,
     s,
-    h - e.height - s
+    p - e.height - s
   ));
-  const f = 10, I = u === "top" || u === "bottom" ? ne(
-    o - p,
-    f,
-    Math.max(f, e.width - f)
-  ) : ne(
-    m - b,
-    f,
-    Math.max(f, e.height - f)
+  const m = 10, k = l === "top" || l === "bottom" ? ie(
+    h - f,
+    m,
+    Math.max(m, e.width - m)
+  ) : ie(
+    o - v,
+    m,
+    Math.max(m, e.height - m)
   );
-  return { x: p, y: b, side: u, arrowOffset: I };
+  return { x: f, y: v, side: l, arrowOffset: k };
 }
-function Qe(t, e, {
+function nt(t, e, {
   side: n,
   align: r,
   sideOffset: i,
   collisionPadding: s,
-  avoidCollisions: c
+  avoidCollisions: a
 }) {
-  const [d, h] = $(null);
-  return re(() => {
-    const u = e.current;
-    if (!u || !t)
+  const [d, p] = S(null);
+  return se(() => {
+    const l = e.current;
+    if (!l || !t)
       return;
-    const o = () => {
-      const p = t.getBoundingClientRect(), b = u.getBoundingClientRect();
-      h(
-        Mt({
-          trigger: p,
-          tooltip: b,
+    const h = () => {
+      const f = t.getBoundingClientRect(), v = l.getBoundingClientRect();
+      p(
+        zt({
+          trigger: f,
+          tooltip: v,
           side: n,
           align: r,
           sideOffset: i,
           collisionPadding: s,
-          avoidCollisions: c,
+          avoidCollisions: a,
           viewportWidth: window.innerWidth || document.documentElement.clientWidth,
           viewportHeight: window.innerHeight || document.documentElement.clientHeight
         })
       );
     };
-    o(), window.addEventListener("resize", o), window.addEventListener("scroll", o, !0);
-    const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(o);
-    return m?.observe(t), m?.observe(u), () => {
-      window.removeEventListener("resize", o), window.removeEventListener("scroll", o, !0), m?.disconnect();
+    h(), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0);
+    const o = typeof ResizeObserver > "u" ? null : new ResizeObserver(h);
+    return o?.observe(t), o?.observe(l), () => {
+      window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), o?.disconnect();
     };
   }, [
     r,
-    c,
+    a,
     s,
     e,
     n,
@@ -1746,23 +1960,23 @@ function Qe(t, e, {
     t
   ]), d;
 }
-function Ze(t, e, n) {
-  A(() => {
-    const r = (c) => {
-      const d = c.target;
+function ot(t, e, n) {
+  H(() => {
+    const r = (a) => {
+      const d = a.target;
       d instanceof Node && (t.contains(d) || e.current?.contains(d) || n());
     }, i = () => {
       document.visibilityState === "hidden" && n();
-    }, s = (c) => {
-      const d = c.target;
-      c.key !== "Escape" || d instanceof Node && t.contains(d) || n();
+    }, s = (a) => {
+      const d = a.target;
+      a.key !== "Escape" || d instanceof Node && t.contains(d) || n();
     };
     return document.addEventListener("pointerdown", r, !0), document.addEventListener("visibilitychange", i), document.addEventListener("keydown", s, !0), window.addEventListener("blur", n), () => {
       document.removeEventListener("pointerdown", r, !0), document.removeEventListener("visibilitychange", i), document.removeEventListener("keydown", s, !0), window.removeEventListener("blur", n);
     };
   }, [n, e, t]);
 }
-function et(t) {
+function rt(t) {
   switch (t) {
     case "top":
       return "center bottom";
@@ -1776,64 +1990,64 @@ function et(t) {
       return "center";
   }
 }
-function At({
+function Kt({
   contentId: t,
   triggerElement: e,
   dismiss: n,
   children: r,
   className: i,
   style: s,
-  side: c = "top",
+  side: a = "top",
   align: d = "center",
-  sideOffset: h = 8,
-  collisionPadding: u = 8,
-  avoidCollisions: o = !0,
-  ...m
+  sideOffset: p = 8,
+  collisionPadding: l = 8,
+  avoidCollisions: h = !0,
+  ...o
 }) {
-  const p = R(null), b = H() ?? !1, f = ie(), I = Qe(e, p, {
-    side: c,
+  const f = $(null), v = U() ?? !1, m = ce(), k = nt(e, f, {
+    side: a,
     align: d,
-    sideOffset: h,
-    collisionPadding: u,
-    avoidCollisions: o
+    sideOffset: p,
+    collisionPadding: l,
+    avoidCollisions: h
   });
-  Ze(e, p, n);
-  const g = et(I?.side ?? c), k = {
+  ot(e, f, n);
+  const b = rt(k?.side ?? a), I = {
     ...s,
-    left: I ? `${I.x}px` : 0,
-    top: I ? `${I.y}px` : 0,
-    visibility: I ? "visible" : "hidden"
+    left: k ? `${k.x}px` : 0,
+    top: k ? `${k.y}px` : 0,
+    visibility: k ? "visible" : "hidden"
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(
     "div",
     {
-      ...m,
-      ref: p,
+      ...o,
+      ref: f,
       id: t,
       role: "tooltip",
-      "data-side": I?.side ?? c,
+      "data-side": k?.side ?? a,
       "data-align": d,
-      "data-state": f ? "open" : "closed",
-      "aria-hidden": f ? void 0 : !0,
-      className: _("uk-tooltip", i),
-      style: k,
-      children: /* @__PURE__ */ C(
-        L.div,
+      "data-state": m ? "open" : "closed",
+      "aria-hidden": m ? void 0 : !0,
+      className: L("uk-tooltip", i),
+      style: I,
+      children: /* @__PURE__ */ D(
+        O.div,
         {
           className: "uk-tooltip__surface",
-          style: { transformOrigin: g },
-          initial: b ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+          style: { transformOrigin: b },
+          initial: v ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
           animate: { opacity: 1, scale: 1 },
-          exit: b ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
-          transition: b ? j : Pe,
+          exit: v ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+          transition: v ? Y : Pe,
           children: [
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ c(
               "span",
               {
                 className: "uk-tooltip__arrow",
                 "aria-hidden": "true",
                 style: {
-                  "--uk-tooltip-arrow-offset": `${I?.arrowOffset ?? 0}px`
+                  "--uk-tooltip-arrow-offset": `${k?.arrowOffset ?? 0}px`
                 }
               }
             ),
@@ -1844,15 +2058,15 @@ function At({
     }
   );
 }
-function Bt(t) {
-  const e = Xe("Tooltip.Content"), r = oe(
-    je,
-    Ue,
-    We
+function Ft(t) {
+  const e = Ze("Tooltip.Content"), r = ae(
+    Ye,
+    Je,
+    Qe
   ) && e.triggerElement ? e.triggerElement.closest("dialog") ?? document.body : null;
-  return !r || !e.triggerElement ? null : ae(
-    /* @__PURE__ */ l(pe, { reducedMotion: "user", children: /* @__PURE__ */ l(M, { children: e.open ? /* @__PURE__ */ l(
-      At,
+  return !r || !e.triggerElement ? null : le(
+    /* @__PURE__ */ c(me, { reducedMotion: "user", children: /* @__PURE__ */ c(z, { children: e.open ? /* @__PURE__ */ c(
+      Kt,
       {
         contentId: e.contentId,
         triggerElement: e.triggerElement,
@@ -1864,83 +2078,83 @@ function Bt(t) {
     r
   );
 }
-const tt = W(
+const it = Z(
   null
 );
-function Vt(t) {
-  const e = X(tt);
+function qt(t) {
+  const e = ee(it);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Tooltip.Group>`);
   return e;
 }
-function Ht({
+function jt({
   activeValue: t,
   content: e,
   contentClassName: n,
   contentId: r,
   dismiss: i,
   triggerElement: s,
-  side: c,
+  side: a,
   align: d,
-  sideOffset: h,
-  collisionPadding: u,
-  avoidCollisions: o
+  sideOffset: p,
+  collisionPadding: l,
+  avoidCollisions: h
 }) {
-  const m = R(null), p = H() ?? !1, b = ie(), f = Qe(s, m, {
-    side: c,
+  const o = $(null), f = U() ?? !1, v = ce(), m = nt(s, o, {
+    side: a,
     align: d,
-    sideOffset: h,
-    collisionPadding: u,
-    avoidCollisions: o
+    sideOffset: p,
+    collisionPadding: l,
+    avoidCollisions: h
   });
-  Ze(s, m, i);
-  const I = {
-    left: f ? `${f.x}px` : 0,
-    top: f ? `${f.y}px` : 0,
-    transformOrigin: et(f?.side ?? c),
-    visibility: f ? "visible" : "hidden"
+  ot(s, o, i);
+  const k = {
+    left: m ? `${m.x}px` : 0,
+    top: m ? `${m.y}px` : 0,
+    transformOrigin: rt(m?.side ?? a),
+    visibility: m ? "visible" : "hidden"
   };
-  return /* @__PURE__ */ C(
-    L.div,
+  return /* @__PURE__ */ D(
+    O.div,
     {
-      ref: m,
+      ref: o,
       id: r,
       role: "tooltip",
-      layout: !p,
+      layout: !f,
       layoutDependency: t,
-      "data-side": f?.side ?? c,
+      "data-side": m?.side ?? a,
       "data-align": d,
-      "data-state": b ? "open" : "closed",
-      "aria-hidden": b ? void 0 : !0,
-      className: _(
+      "data-state": v ? "open" : "closed",
+      "aria-hidden": v ? void 0 : !0,
+      className: L(
         "uk-tooltip",
         "uk-tooltip__surface",
         "uk-tooltip--group",
         n
       ),
-      style: I,
-      initial: p ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+      style: k,
+      initial: f ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
       animate: { opacity: 1, scale: 1 },
-      exit: p ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
-      transition: p ? { ...j, layout: { duration: 0 } } : ct,
+      exit: f ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+      transition: f ? { ...Y, layout: { duration: 0 } } : ft,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ c(
           "span",
           {
             className: "uk-tooltip__arrow",
             "aria-hidden": "true",
             style: {
-              "--uk-tooltip-arrow-offset": `${f?.arrowOffset ?? 0}px`
+              "--uk-tooltip-arrow-offset": `${m?.arrowOffset ?? 0}px`
             }
           }
         ),
-        /* @__PURE__ */ l(
-          L.div,
+        /* @__PURE__ */ c(
+          O.div,
           {
             className: "uk-tooltip__content",
             initial: { opacity: 0 },
             animate: { opacity: 1 },
-            transition: p ? j : Pe,
+            transition: f ? Y : Pe,
             children: e
           },
           t
@@ -1949,107 +2163,107 @@ function Ht({
     }
   );
 }
-function zt({
+function Gt({
   children: t,
   side: e = "top",
   align: n = "center",
   sideOffset: r = 8,
   collisionPadding: i = 8,
   avoidCollisions: s = !0,
-  delayDuration: c = 180,
+  delayDuration: a = 180,
   closeDelay: d = 80,
-  contentClassName: h
+  contentClassName: p
 }) {
-  const u = O(), [o, m] = $(
+  const l = V(), [h, o] = S(
     () => /* @__PURE__ */ new Map()
-  ), [p, b] = $(!1), [f, I] = $(null), g = R(null), k = R(null), v = oe(
-    je,
-    Ue,
-    We
-  ), a = V(() => {
-    g.current !== null && (clearTimeout(g.current), g.current = null);
-  }, []), y = V(() => {
-    k.current !== null && (clearTimeout(k.current), k.current = null);
-  }, []), x = D((K, z = !1) => {
-    if (a(), y(), I(K), !p) {
-      if (z || c <= 0) {
-        b(!0);
+  ), [f, v] = S(!1), [m, k] = S(null), b = $(null), I = $(null), x = ae(
+    Ye,
+    Je,
+    Qe
+  ), g = j(() => {
+    b.current !== null && (clearTimeout(b.current), b.current = null);
+  }, []), u = j(() => {
+    I.current !== null && (clearTimeout(I.current), I.current = null);
+  }, []), _ = M((K, B = !1) => {
+    if (g(), u(), k(K), !f) {
+      if (B || a <= 0) {
+        v(!0);
         return;
       }
-      g.current = setTimeout(() => {
-        g.current = null, b(!0);
-      }, c);
+      b.current = setTimeout(() => {
+        b.current = null, v(!0);
+      }, a);
     }
-  }), w = D(() => {
-    if (a(), y(), !!p) {
+  }), C = M(() => {
+    if (g(), u(), !!f) {
       if (d <= 0) {
-        b(!1);
+        v(!1);
         return;
       }
-      k.current = setTimeout(() => {
-        k.current = null, b(!1);
+      I.current = setTimeout(() => {
+        I.current = null, v(!1);
       }, d);
     }
-  }), T = D(() => {
-    a(), y(), b(!1);
-  }), N = D(
-    (K, z, Y) => {
-      m((ce) => {
-        const be = ce.get(K);
-        if (be?.triggerElement === z && Object.is(be.content, Y))
-          return ce;
-        const ge = new Map(ce);
-        return ge.set(K, { triggerElement: z, content: Y }), ge;
+  }), y = M(() => {
+    g(), u(), v(!1);
+  }), w = M(
+    (K, B, G) => {
+      o((X) => {
+        const F = X.get(K);
+        if (F?.triggerElement === B && Object.is(F.content, G))
+          return X;
+        const ve = new Map(X);
+        return ve.set(K, { triggerElement: B, content: G }), ve;
       });
     }
-  ), P = D((K) => {
-    m((z) => {
-      if (!z.has(K))
-        return z;
-      const Y = new Map(z);
-      return Y.delete(K), Y;
+  ), T = M((K) => {
+    o((B) => {
+      if (!B.has(K))
+        return B;
+      const G = new Map(B);
+      return G.delete(K), G;
     });
   });
-  A(
+  H(
     () => () => {
-      a(), y();
+      g(), u();
     },
-    [y, a]
+    [u, g]
   );
-  const q = U(
+  const E = W(
     () => ({
-      open: p,
-      activeValue: f,
-      contentId: u,
-      activate: x,
-      requestClose: w,
-      dismiss: T,
-      register: N,
-      unregister: P
+      open: f,
+      activeValue: m,
+      contentId: l,
+      activate: _,
+      requestClose: C,
+      dismiss: y,
+      register: w,
+      unregister: T
     }),
     [
-      x,
+      _,
+      m,
+      l,
+      y,
       f,
-      u,
-      T,
-      p,
-      N,
       w,
-      P
+      C,
+      T
     ]
-  ), E = f ? o.get(f) : void 0, G = p && !!E, me = v && E ? E.triggerElement.closest("dialog") ?? document.body : null;
-  return /* @__PURE__ */ C(tt.Provider, { value: q, children: [
+  ), N = m ? h.get(m) : void 0, P = f && !!N, R = x && N ? N.triggerElement.closest("dialog") ?? document.body : null;
+  return /* @__PURE__ */ D(it.Provider, { value: E, children: [
     t,
-    me && E ? ae(
-      /* @__PURE__ */ l(pe, { reducedMotion: "user", children: /* @__PURE__ */ l(M, { children: G ? /* @__PURE__ */ l(
-        Ht,
+    R && N ? le(
+      /* @__PURE__ */ c(me, { reducedMotion: "user", children: /* @__PURE__ */ c(z, { children: P ? /* @__PURE__ */ c(
+        jt,
         {
-          activeValue: f ?? "",
-          content: E.content,
-          contentClassName: h,
-          contentId: u,
-          dismiss: T,
-          triggerElement: E.triggerElement,
+          activeValue: m ?? "",
+          content: N.content,
+          contentClassName: p,
+          contentId: l,
+          dismiss: y,
+          triggerElement: N.triggerElement,
           side: e,
           align: n,
           sideOffset: r,
@@ -2058,66 +2272,66 @@ function zt({
         },
         "uk-tooltip-group"
       ) : null }) }),
-      me
+      R
     ) : null
   ] });
 }
-function Kt({
+function Ut({
   value: t,
   content: e,
   children: n
 }) {
-  const r = Vt("Tooltip.Item"), { register: i, unregister: s } = r, [c, d] = $(
+  const r = qt("Tooltip.Item"), { register: i, unregister: s } = r, [a, d] = S(
     null
   );
-  if (!Q(n))
+  if (!te(n))
     throw new Error("<Tooltip.Item> expects a single valid React element");
-  const h = n, u = h.props, o = u.ref ?? h.ref, m = u.onPointerEnter, p = u.onPointerLeave, b = u.onFocus, f = u.onBlur, I = u.onKeyDown, g = r.open && r.activeValue === t, k = V(
-    (v) => {
-      Ye(o, v), d(v);
+  const p = n, l = p.props, h = l.ref ?? p.ref, o = l.onPointerEnter, f = l.onPointerLeave, v = l.onFocus, m = l.onBlur, k = l.onKeyDown, b = r.open && r.activeValue === t, I = j(
+    (x) => {
+      et(h, x), d(x);
     },
-    [o, d]
+    [h, d]
   );
-  return re(() => {
-    if (c)
-      return i(t, c, e), () => s(t);
-  }, [e, i, c, s, t]), Z(h, {
-    ref: k,
-    "aria-describedby": g ? Je(u["aria-describedby"], r.contentId) : u["aria-describedby"],
-    onPointerEnter: B(m, (v) => {
-      r.activate(t, v.pointerType === "touch");
+  return se(() => {
+    if (a)
+      return i(t, a, e), () => s(t);
+  }, [e, i, a, s, t]), ne(p, {
+    ref: I,
+    "aria-describedby": b ? tt(l["aria-describedby"], r.contentId) : l["aria-describedby"],
+    onPointerEnter: q(o, (x) => {
+      r.activate(t, x.pointerType === "touch");
     }),
-    onPointerLeave: B(p, (v) => {
-      v.pointerType !== "touch" && r.requestClose();
+    onPointerLeave: q(f, (x) => {
+      x.pointerType !== "touch" && r.requestClose();
     }),
-    onFocus: B(b, () => {
+    onFocus: q(v, () => {
       r.activate(t);
     }),
-    onBlur: B(f, () => {
+    onBlur: q(m, () => {
       r.requestClose();
     }),
-    onKeyDown: B(I, (v) => {
-      v.key === "Escape" && g && (v.preventDefault(), v.stopPropagation(), r.dismiss());
+    onKeyDown: q(k, (x) => {
+      x.key === "Escape" && b && (x.preventDefault(), x.stopPropagation(), r.dismiss());
     })
   });
 }
-const tn = {
-  Root: Rt,
-  Trigger: Ot,
-  Content: Bt,
-  Group: zt,
-  Item: Kt
+const sn = {
+  Root: Bt,
+  Trigger: Vt,
+  Content: Ft,
+  Group: Gt,
+  Item: Ut
 };
 export {
-  Ce as Button,
-  at as CheckBox,
-  Zt as Dialog,
-  Xt as Input,
-  en as Marquee,
-  Wt as Select,
-  Jt as Sidebar,
-  Yt as Switch,
-  Qt as Tabs,
-  tn as Tooltip
+  Ne as Button,
+  dt as CheckBox,
+  rn as Dialog,
+  en as Input,
+  an as Marquee,
+  Zt as Select,
+  nn as Sidebar,
+  tn as Switch,
+  on as Tabs,
+  sn as Tooltip
 };
 //# sourceMappingURL=index.js.map