seam-react 0.7.0 → 0.8.0

package/dist/index.js

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