seam-react 0.3.0 → 0.5.0

package/dist/index.js

@@ -1,339 +1,584 @@
-import { jsxs as N, jsx as h } from "react/jsx-runtime";
-import { forwardRef as D, useId as z, useRef as _, useEffect as S, useMemo as X, createContext as j, useContext as Y, isValidElement as tt, cloneElement as J, useSyncExternalStore as et, useState as O, useLayoutEffect as nt, useCallback as B } from "react";
-import { useReducedMotion as K, useMotionValue as Kt, animate as dt, motion as V, MotionConfig as ot, AnimatePresence as rt, useIsPresent as it } from "motion/react";
-import { createPortal as st } from "react-dom";
-import { useControllableState as Q, useEventCallback as P, useLockBodyScroll as Gt, useFocusTrap as qt } from "seam-hooks";
-function v(...e) {
-  return e.filter(Boolean).join(" ");
+import { jsxs as C, jsx as c, Fragment as ge } from "react/jsx-runtime";
+import { forwardRef as P, useId as R, useRef as N, useEffect as O, useState as M, useMemo as U, isValidElement as Z, cloneElement as j, createContext as q, useContext as X, useSyncExternalStore as oe, useLayoutEffect as re, useCallback as G } from "react";
+import { useReducedMotion as V, useMotionValue as Xe, animate as fe, motion as E, LayoutGroup as Ye, AnimatePresence as A, MotionConfig as ie, useIsPresent as ae } from "motion/react";
+import { createPortal as se } from "react-dom";
+import { useControllableState as Y, useEventCallback as S, useLockBodyScroll as We, useFocusTrap as Je } from "seam-hooks";
+function k(...t) {
+  return t.filter(Boolean).join(" ");
 }
-const ht = D(function({
-  variant: t = "primary",
+const ye = P(function({
+  variant: e = "primary",
   size: n = "md",
   loading: o = !1,
   iconOnly: r = !1,
-  type: a = "button",
-  className: s,
-  children: l,
+  type: s = "button",
+  className: a,
+  children: p,
   ...d
 }, i) {
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ C(
     "button",
     {
       ...d,
       ref: i,
-      type: a,
-      className: v("uk-button", s),
-      "data-variant": t,
+      type: s,
+      className: k("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,
       "aria-busy": o || void 0,
       children: [
-        o ? /* @__PURE__ */ h("span", { className: "uk-button__spinner", "aria-hidden": "true" }) : null,
-        l
+        o ? /* @__PURE__ */ c("span", { className: "uk-button__spinner", "aria-hidden": "true" }) : null,
+        p
       ]
     }
   );
-}), Te = D(function({
-  inputSize: t = "md",
+}), Pt = P(function({
+  inputSize: e = "md",
   invalid: n = !1,
   className: o,
   "aria-invalid": r,
-  ...a
-}, s) {
-  return /* @__PURE__ */ h(
+  ...s
+}, a) {
+  return /* @__PURE__ */ c(
     "input",
     {
-      ...a,
-      ref: s,
-      className: v("uk-input", o),
-      "data-size": t,
+      ...s,
+      ref: a,
+      className: k("uk-input", o),
+      "data-size": e,
       "aria-invalid": n ? !0 : r
     }
   );
-}), U = [0.23, 1, 0.32, 1], pt = {
+}), Q = [0.23, 1, 0.32, 1], Qe = [0.77, 0, 0.175, 1], he = {
   type: "spring",
   bounce: 0,
   duration: 0.3
-}, ft = {
+}, me = {
   type: "spring",
   bounce: 0.04,
   duration: 0.38
-}, Ut = {
+}, ce = {
   type: "spring",
   bounce: 0.08,
   duration: 0.34
-}, bt = {
+}, Ze = {
+  duration: 0.2,
+  ease: Qe
+}, ve = {
   duration: 0.12,
-  ease: U
-}, Xt = {
+  ease: Q
+}, et = {
   layout: { type: "spring", bounce: 0, duration: 0.22 },
-  opacity: { duration: 0.12, ease: U },
-  scale: { duration: 0.12, ease: U }
-}, H = {
+  opacity: { duration: 0.12, ease: Q },
+  scale: { duration: 0.12, ease: Q }
+}, K = {
   duration: 0.12,
-  ease: U
-}, we = D(function({
-  checked: t,
+  ease: Q
+}, Dt = P(function({
+  checked: e,
   defaultChecked: n,
   onCheckedChange: o,
   disabled: r,
-  className: a,
-  children: s,
-  id: l,
+  className: s,
+  children: a,
+  id: p,
   ...d
 }, i) {
-  const m = z(), b = l ?? m, u = K() ?? !1, f = _(!1), p = _(null), [g, y] = Q({
-    value: t,
+  const m = R(), h = p ?? m, f = V() ?? !1, b = N(!1), u = N(null), [g, y] = Y({
+    value: e,
     defaultValue: n ?? !1,
     onChange: o
-  }), T = Kt(g ? 16 : 0);
-  S(() => {
-    if (p.current)
+  }), v = Xe(g ? 16 : 0);
+  O(() => {
+    if (u.current)
       return;
-    const c = dt(
-      T,
+    const l = fe(
+      v,
       g ? 16 : 0,
-      u ? { duration: 0 } : pt
+      f ? { duration: 0 } : he
     );
-    return () => c.stop();
-  }, [g, u, T]);
-  const C = (c) => {
-    const w = p.current;
-    if (!(!w || w.pointerId !== c.pointerId)) {
-      if (w.moved) {
-        const I = w.samples[0], k = w.samples[w.samples.length - 1], L = I && k ? Math.max(k.time - I.time, 1) : 1, R = I && k ? (k.x - I.x) / L * 1e3 : 0, x = Math.abs(R) > 220 ? R > 0 : T.get() >= 8;
-        f.current = !0, p.current = null, y(x), dt(
-          T,
+    return () => l.stop();
+  }, [g, f, v]);
+  const T = (l) => {
+    const I = u.current;
+    if (!(!I || I.pointerId !== l.pointerId)) {
+      if (I.moved) {
+        const w = I.samples[0], _ = I.samples[I.samples.length - 1], $ = w && _ ? Math.max(_.time - w.time, 1) : 1, L = w && _ ? (_.x - w.x) / $ * 1e3 : 0, x = Math.abs(L) > 220 ? L > 0 : v.get() >= 8;
+        b.current = !0, u.current = null, y(x), fe(
+          v,
           x ? 16 : 0,
-          u ? { duration: 0 } : { ...pt, velocity: R }
+          f ? { duration: 0 } : { ...he, velocity: L }
         ), window.setTimeout(() => {
-          f.current = !1;
+          b.current = !1;
         }, 0);
       } else
-        p.current = null;
-      c.currentTarget.hasPointerCapture(c.pointerId) && typeof c.currentTarget.releasePointerCapture == "function" && c.currentTarget.releasePointerCapture(c.pointerId);
+        u.current = null;
+      l.currentTarget.hasPointerCapture(l.pointerId) && typeof l.currentTarget.releasePointerCapture == "function" && l.currentTarget.releasePointerCapture(l.pointerId);
     }
   };
-  return /* @__PURE__ */ N(
+  return /* @__PURE__ */ C(
     "label",
     {
-      className: v("uk-switch", a),
+      className: k("uk-switch", s),
       "data-disabled": r ? "true" : void 0,
-      htmlFor: b,
-      onClickCapture: (c) => {
-        f.current && (c.preventDefault(), c.stopPropagation());
+      htmlFor: h,
+      onClickCapture: (l) => {
+        b.current && (l.preventDefault(), l.stopPropagation());
       },
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ c(
           "input",
           {
             ...d,
             ref: i,
-            id: b,
+            id: h,
             type: "checkbox",
             role: "switch",
             className: "uk-switch__input",
             checked: g,
             disabled: r,
             "aria-checked": g,
-            onChange: (c) => y(c.target.checked)
+            onChange: (l) => y(l.target.checked)
           }
         ),
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ c(
           "span",
           {
             className: "uk-switch__track",
             "aria-hidden": "true",
-            onPointerDown: (c) => {
-              r || (p.current = {
-                pointerId: c.pointerId,
-                startX: c.clientX,
-                startValue: T.get(),
+            onPointerDown: (l) => {
+              r || (u.current = {
+                pointerId: l.pointerId,
+                startX: l.clientX,
+                startValue: v.get(),
                 moved: !1,
-                samples: [{ x: c.clientX, time: performance.now() }]
-              }, typeof c.currentTarget.setPointerCapture == "function" && c.currentTarget.setPointerCapture(c.pointerId));
+                samples: [{ x: l.clientX, time: performance.now() }]
+              }, typeof l.currentTarget.setPointerCapture == "function" && l.currentTarget.setPointerCapture(l.pointerId));
             },
-            onPointerMove: (c) => {
-              const w = p.current;
-              if (!w || w.pointerId !== c.pointerId)
+            onPointerMove: (l) => {
+              const I = u.current;
+              if (!I || I.pointerId !== l.pointerId)
                 return;
-              const I = c.clientX - w.startX;
-              Math.abs(I) > 4 && (w.moved = !0), w.moved && (c.preventDefault(), T.set(Math.max(0, Math.min(16, w.startValue + I))), w.samples.push({ x: c.clientX, time: performance.now() }), w.samples = w.samples.filter(
-                (k) => performance.now() - k.time < 120
+              const w = l.clientX - I.startX;
+              Math.abs(w) > 4 && (I.moved = !0), I.moved && (l.preventDefault(), v.set(Math.max(0, Math.min(16, I.startValue + w))), I.samples.push({ x: l.clientX, time: performance.now() }), I.samples = I.samples.filter(
+                (_) => performance.now() - _.time < 120
               ));
             },
-            onPointerUp: C,
-            onPointerCancel: C,
-            children: /* @__PURE__ */ h(V.span, { className: "uk-switch__thumb", style: { x: T } })
+            onPointerUp: T,
+            onPointerCancel: T,
+            children: /* @__PURE__ */ c(E.span, { className: "uk-switch__thumb", style: { x: v } })
           }
         ),
-        s ? /* @__PURE__ */ h("span", { className: "uk-switch__label", children: s }) : null
+        a ? /* @__PURE__ */ c("span", { className: "uk-switch__label", children: a }) : null
       ]
     }
   );
-}), gt = j(null);
-function at(e) {
-  const t = Y(gt);
-  if (!t)
-    throw new Error(`<${e}> must be rendered inside <Tabs>`);
-  return t;
+}), Ie = q(null);
+function Te(t) {
+  const e = X(Ie);
+  if (!e)
+    throw new Error(`<${t}> must be rendered inside <Sidebar>`);
+  return e;
 }
-function yt(e, t) {
-  return `${e}-tab-${encodeURIComponent(t)}`;
+function te(t, e) {
+  return (n) => {
+    t?.(n), n.defaultPrevented || e(n);
+  };
 }
-function Tt(e, t) {
-  return `${e}-panel-${encodeURIComponent(t)}`;
+function tt({
+  children: t,
+  className: e,
+  hoverPreview: n = !0,
+  hoverIndicator: o = "rail",
+  groupGap: r,
+  style: s,
+  ...a
+}) {
+  const [p, d] = M(null), i = R().replace(/:/g, ""), m = U(
+    () => ({
+      hoveredId: p,
+      setHoveredId: d,
+      indicatorBaseId: i,
+      hoverPreview: n,
+      hoverIndicator: o
+    }),
+    [p, i, n, o]
+  ), h = typeof r == "number" ? `${r}px` : r, f = {
+    ...s,
+    ...h === void 0 ? {} : { "--uk-sidebar-group-gap": h }
+  };
+  return /* @__PURE__ */ c(Ie.Provider, { value: m, children: /* @__PURE__ */ c(Ye, { id: `sidebar-${i}`, children: /* @__PURE__ */ c(
+    "nav",
+    {
+      ...a,
+      className: k("uk-sidebar", e),
+      style: f,
+      children: t
+    }
+  ) }) });
 }
-function jt({
-  value: e,
-  defaultValue: t,
+function nt({
+  title: t,
+  icon: e,
+  collapsible: n = !1,
+  open: o,
+  defaultOpen: r = !0,
+  onOpenChange: s,
+  children: a,
+  className: p,
+  ...d
+}) {
+  const i = R(), m = R(), h = R(), f = N(null), b = N(null), u = Te("Sidebar.Group"), g = e != null, y = V() ?? !1, [v, T] = Y({
+    value: o,
+    defaultValue: r,
+    onChange: s
+  }), l = n ? v : !0, I = u.hoveredId === h;
+  O(() => {
+    !n || l || b.current?.contains(document.activeElement) && f.current?.focus();
+  }, [n, l]);
+  const w = /* @__PURE__ */ C(ge, { children: [
+    g ? /* @__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",
+        stroke: "currentColor",
+        strokeWidth: "1.35",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) }) }) : null
+  ] });
+  return /* @__PURE__ */ C(
+    "section",
+    {
+      ...d,
+      className: k("uk-sidebar__group", p),
+      "aria-labelledby": d["aria-labelledby"] ?? i,
+      "data-collapsible": n ? "true" : "false",
+      "data-has-icon": g ? "true" : "false",
+      "data-state": l ? "open" : "closed",
+      children: [
+        n ? /* @__PURE__ */ C(
+          "button",
+          {
+            ref: f,
+            type: "button",
+            className: "uk-sidebar__group-title uk-sidebar__group-trigger",
+            id: i,
+            "aria-controls": m,
+            "aria-expanded": l,
+            "data-preview": u.hoverIndicator === "background" && I ? "true" : void 0,
+            onClick: () => T((_) => !_),
+            onPointerEnter: (_) => {
+              u.hoverPreview && u.hoverIndicator === "background" && _.pointerType === "mouse" && u.setHoveredId(h);
+            },
+            onPointerLeave: () => {
+              u.hoveredId === h && u.setHoveredId(null);
+            },
+            onPointerCancel: () => {
+              u.hoveredId === h && u.setHoveredId(null);
+            },
+            children: [
+              /* @__PURE__ */ c(A, { initial: !1, children: u.hoverPreview && u.hoverIndicator === "background" && I ? /* @__PURE__ */ c(
+                E.span,
+                {
+                  className: "uk-sidebar__group-surface",
+                  "data-kind": "hover",
+                  "data-slot": "sidebar-hover-highlight",
+                  layoutId: `${u.indicatorBaseId}-hover`,
+                  "aria-hidden": "true",
+                  initial: { opacity: 0 },
+                  animate: { opacity: 1 },
+                  exit: { opacity: 0 },
+                  transition: y ? { duration: 0 } : ce
+                }
+              ) : null }),
+              w
+            ]
+          }
+        ) : /* @__PURE__ */ c("div", { className: "uk-sidebar__group-title", id: i, children: w }),
+        /* @__PURE__ */ c(
+          E.div,
+          {
+            ref: b,
+            className: "uk-sidebar__content",
+            id: m,
+            "data-state": l ? "open" : "closed",
+            initial: !1,
+            animate: {
+              height: l ? "auto" : 0,
+              opacity: l ? 1 : 0
+            },
+            transition: y ? { duration: 0 } : Ze,
+            inert: n && !l,
+            "aria-hidden": n && !l ? !0 : void 0,
+            children: /* @__PURE__ */ c("ul", { className: "uk-sidebar__list", children: a })
+          }
+        )
+      ]
+    }
+  );
+}
+function ot({
+  active: t = !1,
+  children: e,
+  className: n
+}) {
+  const o = Te("Sidebar.Item"), r = R(), a = V() ?? !1 ? { duration: 0 } : ce;
+  if (!Z(e))
+    throw new Error("<Sidebar.Item> expects a single valid React element");
+  const p = e, d = p.props, i = d.className, m = typeof i == "function" ? (y) => k("uk-sidebar__link", i(y), n) : k("uk-sidebar__link", i, n), h = d.onPointerEnter, f = d.onPointerLeave, b = d.onPointerCancel, u = o.hoveredId === r, g = /* @__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,
+      {
+        className: "uk-sidebar__rail-indicator",
+        "data-kind": "hover",
+        "data-slot": "sidebar-hover-rail-indicator",
+        layoutId: `${o.indicatorBaseId}-hover-rail`,
+        "aria-hidden": "true",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: a
+      }
+    ) : null }),
+    /* @__PURE__ */ c(A, { initial: !1, children: o.hoverIndicator === "rail" && t ? /* @__PURE__ */ c(
+      E.span,
+      {
+        className: "uk-sidebar__rail-indicator",
+        "data-kind": "active",
+        "data-slot": "sidebar-active-rail-indicator",
+        layoutId: `${o.indicatorBaseId}-active-rail`,
+        "aria-hidden": "true",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: a
+      }
+    ) : null }),
+    /* @__PURE__ */ c(A, { initial: !1, children: o.hoverPreview && o.hoverIndicator === "background" && u ? /* @__PURE__ */ c(
+      E.span,
+      {
+        className: "uk-sidebar__surface",
+        "data-kind": "hover",
+        "data-slot": "sidebar-hover-highlight",
+        layoutId: `${o.indicatorBaseId}-hover`,
+        "aria-hidden": "true",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: a
+      }
+    ) : null }),
+    /* @__PURE__ */ c(A, { initial: !1, children: o.hoverIndicator === "background" && t ? /* @__PURE__ */ c(
+      E.span,
+      {
+        className: "uk-sidebar__surface",
+        "data-kind": "active",
+        "data-slot": "sidebar-active-highlight",
+        layoutId: `${o.indicatorBaseId}-active`,
+        "aria-hidden": "true",
+        initial: { opacity: 0 },
+        animate: { opacity: 1 },
+        exit: { opacity: 0 },
+        transition: a
+      }
+    ) : null }),
+    /* @__PURE__ */ c("span", { className: "uk-sidebar__label", children: d.children })
+  ] });
+  return /* @__PURE__ */ c("li", { className: "uk-sidebar__item", children: j(
+    p,
+    {
+      className: m,
+      "data-active": t ? "true" : "false",
+      "data-preview": t || u ? "true" : "false",
+      "aria-current": d["aria-current"] ?? (t ? "page" : void 0),
+      onPointerEnter: te(
+        h,
+        (y) => {
+          o.hoverPreview && y.pointerType === "mouse" && o.setHoveredId(r);
+        }
+      ),
+      onPointerLeave: te(f, () => {
+        o.hoveredId === r && o.setHoveredId(null);
+      }),
+      onPointerCancel: te(b, () => {
+        o.hoveredId === r && o.setHoveredId(null);
+      })
+    },
+    g
+  ) });
+}
+const Rt = Object.assign(tt, {
+  Group: nt,
+  Item: ot
+}), ke = q(null);
+function le(t) {
+  const e = X(ke);
+  if (!e)
+    throw new Error(`<${t}> must be rendered inside <Tabs>`);
+  return e;
+}
+function we(t, e) {
+  return `${t}-tab-${encodeURIComponent(e)}`;
+}
+function _e(t, e) {
+  return `${t}-panel-${encodeURIComponent(e)}`;
+}
+function rt({
+  value: t,
+  defaultValue: e,
   onValueChange: n,
   orientation: o = "horizontal",
   className: r,
-  children: a
+  children: s
 }) {
-  const s = z(), [l, d] = Q({
-    value: e,
-    defaultValue: t ?? "",
+  const a = R(), [p, d] = Y({
+    value: t,
+    defaultValue: e ?? "",
     onChange: n
-  }), i = X(
+  }), i = U(
     () => ({
-      baseId: s,
-      value: l,
+      baseId: a,
+      value: p,
       setValue: d,
       orientation: o,
-      indicatorId: `${s}-indicator`
+      indicatorId: `${a}-indicator`
     }),
-    [s, l, o, d]
+    [a, p, o, d]
   );
-  return /* @__PURE__ */ h(gt.Provider, { value: i, children: /* @__PURE__ */ h("div", { className: v("uk-tabs", r), "data-orientation": o, children: a }) });
+  return /* @__PURE__ */ c(ke.Provider, { value: i, children: /* @__PURE__ */ c("div", { className: k("uk-tabs", r), "data-orientation": o, children: s }) });
 }
-const Yt = D(function({ className: t, onKeyDown: n, ...o }, r) {
-  const { orientation: a } = at("Tabs.List");
-  return /* @__PURE__ */ h(
+const it = P(function({ className: e, onKeyDown: n, ...o }, r) {
+  const { orientation: s } = le("Tabs.List");
+  return /* @__PURE__ */ c(
     "div",
     {
       ...o,
       ref: r,
       role: "tablist",
-      "aria-orientation": a,
+      "aria-orientation": s,
       tabIndex: -1,
-      className: v("uk-tabs__list", t),
-      onKeyDown: (s) => {
-        if (n?.(s), s.defaultPrevented)
+      className: k("uk-tabs__list", e),
+      onKeyDown: (a) => {
+        if (n?.(a), a.defaultPrevented)
           return;
-        const d = s.target?.closest('[role="tab"]');
+        const d = a.target?.closest('[role="tab"]');
         if (!d || d.hasAttribute("disabled"))
           return;
         const i = Array.from(
-          s.currentTarget.querySelectorAll(
+          a.currentTarget.querySelectorAll(
             '[role="tab"]:not([disabled])'
           )
         ), m = i.indexOf(d);
         if (m === -1)
           return;
-        const b = a === "horizontal" ? "ArrowRight" : "ArrowDown", u = a === "horizontal" ? "ArrowLeft" : "ArrowUp";
-        let f = -1;
-        switch (s.key) {
-          case b:
-            f = (m + 1) % i.length;
+        const h = s === "horizontal" ? "ArrowRight" : "ArrowDown", f = s === "horizontal" ? "ArrowLeft" : "ArrowUp";
+        let b = -1;
+        switch (a.key) {
+          case h:
+            b = (m + 1) % i.length;
             break;
-          case u:
-            f = (m - 1 + i.length) % i.length;
+          case f:
+            b = (m - 1 + i.length) % i.length;
             break;
           case "Home":
-            f = 0;
+            b = 0;
             break;
           case "End":
-            f = i.length - 1;
+            b = i.length - 1;
             break;
           default:
             return;
         }
-        s.preventDefault();
-        const p = i[f];
-        p && (p.focus(), p.click());
+        a.preventDefault();
+        const u = i[b];
+        u && (u.focus(), u.click());
       }
     }
   );
-}), Jt = D(function({ value: t, type: n = "button", className: o, onClick: r, children: a, ...s }, l) {
-  const d = at("Tabs.Trigger"), i = d.value === t, m = K() ?? !1;
-  return /* @__PURE__ */ N(
+}), at = P(function({ value: e, type: n = "button", className: o, onClick: r, children: s, ...a }, p) {
+  const d = le("Tabs.Trigger"), i = d.value === e, m = V() ?? !1;
+  return /* @__PURE__ */ C(
     "button",
     {
-      ...s,
-      ref: l,
+      ...a,
+      ref: p,
       type: n,
       role: "tab",
-      id: yt(d.baseId, t),
+      id: we(d.baseId, e),
       "aria-selected": i,
-      "aria-controls": Tt(d.baseId, t),
+      "aria-controls": _e(d.baseId, e),
       tabIndex: i ? 0 : -1,
       "data-state": i ? "active" : "inactive",
-      className: v("uk-tabs__trigger", o),
-      onClick: (b) => {
-        r?.(b), b.defaultPrevented || d.setValue(t);
+      className: k("uk-tabs__trigger", o),
+      onClick: (h) => {
+        r?.(h), h.defaultPrevented || d.setValue(e);
       },
       children: [
-        a,
-        i ? /* @__PURE__ */ h(
-          V.span,
+        s,
+        i ? /* @__PURE__ */ c(
+          E.span,
           {
             className: "uk-tabs__indicator",
             layoutId: d.indicatorId,
             "aria-hidden": "true",
-            transition: m ? { duration: 0 } : Ut
+            transition: m ? { duration: 0 } : ce
           }
         ) : null
       ]
     }
   );
-}), Qt = D(function({ value: t, className: n, ...o }, r) {
-  const a = at("Tabs.Content"), s = a.value === t;
-  return /* @__PURE__ */ h(
+}), st = P(function({ value: e, className: n, ...o }, r) {
+  const s = le("Tabs.Content"), a = s.value === e;
+  return /* @__PURE__ */ c(
     "div",
     {
       ...o,
       ref: r,
       role: "tabpanel",
-      id: Tt(a.baseId, t),
-      "aria-labelledby": yt(a.baseId, t),
-      hidden: !s,
+      id: _e(s.baseId, e),
+      "aria-labelledby": we(s.baseId, e),
+      hidden: !a,
       tabIndex: 0,
-      "data-state": s ? "active" : "inactive",
-      className: v("uk-tabs__panel", n)
+      "data-state": a ? "active" : "inactive",
+      className: k("uk-tabs__panel", n)
     }
   );
-}), Ce = Object.assign(jt, {
-  List: Yt,
-  Trigger: Jt,
-  Content: Qt
-}), wt = j(null), Wt = () => () => {
-}, Zt = () => !0, te = () => !1;
-function G(e) {
-  const t = Y(wt);
-  if (!t)
-    throw new Error(`<${e}> must be rendered inside <Dialog.Root>`);
-  return t;
+}), Lt = Object.assign(rt, {
+  List: it,
+  Trigger: at,
+  Content: st
+}), xe = q(null), ct = () => () => {
+}, lt = () => !0, ut = () => !1;
+function W(t) {
+  const e = X(xe);
+  if (!e)
+    throw new Error(`<${t}> must be rendered inside <Dialog.Root>`);
+  return e;
 }
-function Ct(e, t) {
+function Ce(t, e) {
   return (n) => {
-    e?.(n), n.defaultPrevented || t(n);
+    t?.(n), n.defaultPrevented || e(n);
   };
 }
-function vt({
-  children: e,
-  open: t,
+function Ee({
+  children: t,
+  open: e,
   defaultOpen: n,
   onOpenChange: o
 }) {
-  const r = z(), [a, s] = O(!1), [l, d] = O(!1), [i, m] = Q({
-    value: t,
+  const r = R(), [s, a] = M(!1), [p, d] = M(!1), [i, m] = Y({
+    value: e,
     defaultValue: n ?? !1,
     onChange: o
-  }), b = X(
+  }), h = U(
     () => ({
       open: i,
       setOpen: m,
@@ -341,193 +586,193 @@ function vt({
       contentId: `${r}-content`,
       titleId: `${r}-title`,
       descriptionId: `${r}-description`,
-      hasTitle: a,
-      setHasTitle: s,
-      hasDescription: l,
+      hasTitle: s,
+      setHasTitle: a,
+      hasDescription: p,
       setHasDescription: d
     }),
-    [r, i, l, a, m]
+    [r, i, p, s, m]
   );
-  return /* @__PURE__ */ h(wt.Provider, { value: b, children: e });
+  return /* @__PURE__ */ c(xe.Provider, { value: h, children: t });
 }
-function ee({ children: e }) {
-  const t = G("Dialog.Trigger"), n = e, o = n.props.onClick;
-  return J(n, {
-    id: t.triggerId,
+function dt({ children: t }) {
+  const e = W("Dialog.Trigger"), n = t, o = n.props.onClick;
+  return j(n, {
+    id: e.triggerId,
     "aria-haspopup": "dialog",
-    "aria-expanded": t.open,
-    "aria-controls": t.open ? t.contentId : void 0,
-    onClick: Ct(o, () => {
-      t.setOpen(!t.open);
+    "aria-expanded": e.open,
+    "aria-controls": e.open ? e.contentId : void 0,
+    onClick: Ce(o, () => {
+      e.setOpen(!e.open);
     })
   });
 }
-function xt({
-  children: e,
-  label: t = "Close"
+function Ne({
+  children: t,
+  label: e = "Close"
 }) {
-  const n = G("Dialog.Close");
-  if (tt(e)) {
-    const o = e, r = o.props.onClick;
-    return J(o, {
-      onClick: Ct(r, () => {
+  const n = W("Dialog.Close");
+  if (Z(t)) {
+    const o = t, r = o.props.onClick;
+    return j(o, {
+      onClick: Ce(r, () => {
         n.setOpen(!1);
       })
     });
   }
-  return /* @__PURE__ */ h(ht, { variant: "ghost", onClick: () => n.setOpen(!1), children: t });
+  return /* @__PURE__ */ c(ye, { variant: "ghost", onClick: () => n.setOpen(!1), children: e });
 }
-const It = D(function({ className: t, ...n }, o) {
-  return /* @__PURE__ */ h(
+const Pe = P(function({ className: e, ...n }, o) {
+  return /* @__PURE__ */ c(
     "header",
     {
       ...n,
       ref: o,
-      className: v("uk-dialog__header", t)
+      className: k("uk-dialog__header", e)
     }
   );
-}), kt = D(function({ className: t, children: n, ...o }, r) {
-  const a = G("Dialog.Title"), s = a.setHasTitle;
-  return S(() => (s(!0), () => s(!1)), [s]), /* @__PURE__ */ h(
+}), De = P(function({ className: e, children: n, ...o }, r) {
+  const s = W("Dialog.Title"), a = s.setHasTitle;
+  return O(() => (a(!0), () => a(!1)), [a]), /* @__PURE__ */ c(
     "h2",
     {
       ...o,
       ref: r,
-      id: a.titleId,
-      className: v("uk-dialog__title", t),
+      id: s.titleId,
+      className: k("uk-dialog__title", e),
       children: n
     }
   );
-}), Dt = D(
-  function({ className: t, ...n }, o) {
-    const r = G("Dialog.Description"), a = r.setHasDescription;
-    return S(() => (a(!0), () => a(!1)), [a]), /* @__PURE__ */ h(
+}), Re = P(
+  function({ className: e, ...n }, o) {
+    const r = W("Dialog.Description"), s = r.setHasDescription;
+    return O(() => (s(!0), () => s(!1)), [s]), /* @__PURE__ */ c(
       "p",
       {
         ...n,
         ref: o,
         id: r.descriptionId,
-        className: v("uk-dialog__description", t)
+        className: k("uk-dialog__description", e)
       }
     );
   }
-), Et = D(function({ className: t, ...n }, o) {
-  return /* @__PURE__ */ h("div", { ...n, ref: o, className: v("uk-dialog__body", t) });
-}), _t = D(function({ className: t, ...n }, o) {
-  return /* @__PURE__ */ h(
+), Le = P(function({ className: e, ...n }, o) {
+  return /* @__PURE__ */ c("div", { ...n, ref: o, className: k("uk-dialog__body", e) });
+}), Se = P(function({ className: e, ...n }, o) {
+  return /* @__PURE__ */ c(
     "footer",
     {
       ...n,
       ref: o,
-      className: v("uk-dialog__footer", t)
+      className: k("uk-dialog__footer", e)
     }
   );
 });
-function ne({
-  requestClose: e,
-  contentId: t,
+function pt({
+  requestClose: t,
+  contentId: e,
   titleId: n,
   descriptionId: o,
   hasTitle: r,
-  hasDescription: a,
-  children: s,
-  closeOnBackdropClick: l = !0,
+  hasDescription: s,
+  children: a,
+  closeOnBackdropClick: p = !0,
   closeOnEscape: d = !0,
   initialFocusRef: i,
   returnFocusRef: m,
-  className: b,
-  "aria-label": u,
-  "aria-labelledby": f,
-  "aria-describedby": p
+  className: h,
+  "aria-label": f,
+  "aria-labelledby": b,
+  "aria-describedby": u
 }) {
-  const g = _(null), y = _(null), T = it(), C = K() ?? !1;
-  return Gt(!0), nt(() => {
-    const c = g.current;
-    c && (y.current ?? (y.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), !c.open && (typeof c.showModal == "function" ? c.showModal() : c.setAttribute("open", "")));
-  }, []), qt({
+  const g = N(null), y = N(null), v = ae(), T = V() ?? !1;
+  return We(!0), re(() => {
+    const l = g.current;
+    l && (y.current ?? (y.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), !l.open && (typeof l.showModal == "function" ? l.showModal() : l.setAttribute("open", "")));
+  }, []), Je({
     active: !0,
     containerRef: g,
     initialFocusRef: i,
     returnFocusRef: m ?? y
-  }), S(() => {
-    const c = g.current;
-    if (!c)
+  }), O(() => {
+    const l = g.current;
+    if (!l)
       return;
-    const w = () => {
-      c.open || (typeof c.showModal == "function" ? c.showModal() : c.setAttribute("open", ""));
-    }, I = () => {
+    const I = () => {
+      l.open || (typeof l.showModal == "function" ? l.showModal() : l.setAttribute("open", ""));
+    }, w = () => {
       if (!d) {
-        w();
+        I();
         return;
       }
-      e();
-    }, k = (x) => {
-      x.preventDefault(), d && e();
-    }, L = (x) => {
+      t();
+    }, _ = (x) => {
+      x.preventDefault(), d && t();
+    }, $ = (x) => {
       d || x.key !== "Escape" || x.defaultPrevented || (x.preventDefault(), x.stopPropagation());
-    }, R = (x) => {
-      l && x.target === c && e();
+    }, L = (x) => {
+      p && x.target === l && t();
     };
-    return c.addEventListener("close", I), c.addEventListener("cancel", k), c.addEventListener("keydown", L, !0), c.addEventListener("click", R), () => {
-      c.removeEventListener("close", I), c.removeEventListener("cancel", k), c.removeEventListener("keydown", L, !0), c.removeEventListener("click", R);
+    return l.addEventListener("close", w), l.addEventListener("cancel", _), l.addEventListener("keydown", $, !0), l.addEventListener("click", L), () => {
+      l.removeEventListener("close", w), l.removeEventListener("cancel", _), l.removeEventListener("keydown", $, !0), l.removeEventListener("click", L);
     };
-  }, [l, d, e]), /* @__PURE__ */ h(
+  }, [p, d, t]), /* @__PURE__ */ c(
     "dialog",
     {
       ref: g,
-      id: t,
-      className: v("uk-dialog", b),
-      closedby: d || l ? "any" : "none",
-      "data-state": T ? "open" : "closed",
-      inert: !T,
-      "aria-label": u,
-      "aria-labelledby": f ?? (u ? void 0 : r ? n : void 0),
-      "aria-describedby": p ?? (a ? o : void 0),
-      children: /* @__PURE__ */ h(
-        V.div,
+      id: e,
+      className: k("uk-dialog", h),
+      closedby: d || p ? "any" : "none",
+      "data-state": v ? "open" : "closed",
+      inert: !v,
+      "aria-label": f,
+      "aria-labelledby": b ?? (f ? void 0 : r ? n : void 0),
+      "aria-describedby": u ?? (s ? o : void 0),
+      children: /* @__PURE__ */ c(
+        E.div,
         {
           className: "uk-dialog__panel",
-          initial: C ? { opacity: 0 } : {
+          initial: T ? { opacity: 0 } : {
             opacity: 0,
             transform: "translateY(12px) scale(0.96)"
           },
           animate: {
             opacity: 1,
             transform: "translateY(0px) scale(1)",
-            transition: C ? H : { ...ft, delay: 0.06 }
+            transition: T ? K : { ...me, delay: 0.06 }
           },
-          exit: C ? { opacity: 0, transition: H } : {
+          exit: T ? { opacity: 0, transition: K } : {
             opacity: 0,
             transform: "translateY(8px) scale(0.97)",
-            transition: ft
+            transition: me
           },
-          children: s
+          children: a
         }
       )
     }
   );
 }
-function Rt({
-  children: e,
-  closeOnBackdropClick: t = !0,
+function Me({
+  children: t,
+  closeOnBackdropClick: e = !0,
   closeOnEscape: n = !0,
   initialFocusRef: o,
   returnFocusRef: r,
-  className: a,
-  "aria-label": s,
-  "aria-labelledby": l,
+  className: s,
+  "aria-label": a,
+  "aria-labelledby": p,
   "aria-describedby": d
 }) {
-  const i = G("Dialog.Content"), m = P(() => {
+  const i = W("Dialog.Content"), m = S(() => {
     i.setOpen(!1);
   });
-  return et(
-    Wt,
-    Zt,
-    te
-  ) ? st(
-    /* @__PURE__ */ h(ot, { reducedMotion: "user", children: /* @__PURE__ */ h(rt, { children: i.open ? /* @__PURE__ */ h(
-      ne,
+  return oe(
+    ct,
+    lt,
+    ut
+  ) ? se(
+    /* @__PURE__ */ c(ie, { reducedMotion: "user", children: /* @__PURE__ */ c(A, { children: i.open ? /* @__PURE__ */ c(
+      pt,
       {
         requestClose: m,
         contentId: i.contentId,
@@ -535,68 +780,68 @@ function Rt({
         descriptionId: i.descriptionId,
         hasTitle: i.hasTitle,
         hasDescription: i.hasDescription,
-        closeOnBackdropClick: t,
+        closeOnBackdropClick: e,
         closeOnEscape: n,
         initialFocusRef: o,
         returnFocusRef: r,
-        className: a,
-        "aria-label": s,
-        "aria-labelledby": l,
+        className: s,
+        "aria-label": a,
+        "aria-labelledby": p,
         "aria-describedby": d,
-        children: e
+        children: t
       },
       "uk-dialog"
     ) : null }) }),
     document.body
   ) : null;
 }
-function oe({
-  open: e,
-  onOpenChange: t,
+function ft({
+  open: t,
+  onOpenChange: e,
   title: n,
   description: o,
   footer: r,
-  children: a,
-  closeLabel: s = "Close",
-  showCloseButton: l = !0,
+  children: s,
+  closeLabel: a = "Close",
+  showCloseButton: p = !0,
   closeOnBackdropClick: d = !0,
   closeOnEscape: i = !0,
   initialFocusRef: m,
-  returnFocusRef: b,
-  className: u,
-  "aria-label": f
+  returnFocusRef: h,
+  className: f,
+  "aria-label": b
 }) {
-  return /* @__PURE__ */ h(vt, { open: e, onOpenChange: t, children: /* @__PURE__ */ N(
-    Rt,
+  return /* @__PURE__ */ c(Ee, { open: t, onOpenChange: e, children: /* @__PURE__ */ C(
+    Me,
     {
-      className: u,
+      className: f,
       closeOnBackdropClick: d,
       closeOnEscape: i,
       initialFocusRef: m,
-      returnFocusRef: b,
-      "aria-label": f,
+      returnFocusRef: h,
+      "aria-label": b,
       children: [
-        n || o || l ? /* @__PURE__ */ N(It, { children: [
-          /* @__PURE__ */ N("div", { className: "uk-dialog__heading", children: [
-            n ? /* @__PURE__ */ h(kt, { children: n }) : null,
-            o ? /* @__PURE__ */ h(Dt, { children: o }) : null
+        n || o || p ? /* @__PURE__ */ C(Pe, { children: [
+          /* @__PURE__ */ C("div", { className: "uk-dialog__heading", children: [
+            n ? /* @__PURE__ */ c(De, { children: n }) : null,
+            o ? /* @__PURE__ */ c(Re, { children: o }) : null
           ] }),
-          l ? /* @__PURE__ */ h(xt, { children: /* @__PURE__ */ h(
-            ht,
+          p ? /* @__PURE__ */ c(Ne, { children: /* @__PURE__ */ c(
+            ye,
             {
               variant: "ghost",
               size: "sm",
               iconOnly: !0,
-              "aria-label": s,
+              "aria-label": a,
               className: "uk-dialog__close",
-              children: /* @__PURE__ */ h(
+              children: /* @__PURE__ */ c(
                 "svg",
                 {
                   viewBox: "0 0 20 20",
                   width: "16",
                   height: "16",
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ h(
+                  children: /* @__PURE__ */ c(
                     "path",
                     {
                       d: "M5 5l10 10M15 5L5 15",
@@ -610,140 +855,140 @@ function oe({
             }
           ) }) : null
         ] }) : null,
-        /* @__PURE__ */ h(Et, { children: a }),
-        r ? /* @__PURE__ */ h(_t, { children: r }) : null
+        /* @__PURE__ */ c(Le, { children: s }),
+        r ? /* @__PURE__ */ c(Se, { children: r }) : null
       ]
     }
   ) });
 }
-const ve = Object.assign(oe, {
-  Root: vt,
-  Trigger: ee,
-  Content: Rt,
-  Header: It,
-  Title: kt,
-  Description: Dt,
-  Body: Et,
-  Footer: _t,
-  Close: xt
-}), Pt = j(null), Nt = () => () => {
-}, Lt = () => !0, Mt = () => !1;
-function Ot(e) {
-  const t = Y(Pt);
-  if (!t)
-    throw new Error(`<${e}> must be rendered inside <Tooltip.Root>`);
-  return t;
+const St = Object.assign(ft, {
+  Root: Ee,
+  Trigger: dt,
+  Content: Me,
+  Header: Pe,
+  Title: De,
+  Description: Re,
+  Body: Le,
+  Footer: Se,
+  Close: Ne
+}), Oe = q(null), $e = () => () => {
+}, Be = () => !0, Ae = () => !1;
+function He(t) {
+  const e = X(Oe);
+  if (!e)
+    throw new Error(`<${t}> must be rendered inside <Tooltip.Root>`);
+  return e;
 }
-function St(e, t) {
-  typeof e == "function" ? e(t) : e && (e.current = t);
+function Ve(t, e) {
+  typeof t == "function" ? t(e) : t && (t.current = e);
 }
-function $t(e, t) {
-  const n = typeof e == "string" ? e.split(/\s+/).filter(Boolean) : [];
-  return Array.from(/* @__PURE__ */ new Set([...n, t])).join(" ");
+function Fe(t, e) {
+  const n = typeof t == "string" ? t.split(/\s+/).filter(Boolean) : [];
+  return Array.from(/* @__PURE__ */ new Set([...n, e])).join(" ");
 }
-function E(e, t) {
+function D(t, e) {
   return (n) => {
-    e?.(n), n.defaultPrevented || t(n);
+    t?.(n), n.defaultPrevented || e(n);
   };
 }
-function re({
-  children: e,
-  open: t,
+function ht({
+  children: t,
+  open: e,
   defaultOpen: n,
   onOpenChange: o,
   delayDuration: r = 300,
-  closeDelay: a = 80
+  closeDelay: s = 80
 }) {
-  const s = z(), [l, d] = O(
+  const a = R(), [p, d] = M(
     null
-  ), i = _(null), m = _(null), [b, u] = Q({
-    value: t,
+  ), i = N(null), m = N(null), [h, f] = Y({
+    value: e,
     defaultValue: n ?? !1,
     onChange: o
-  }), f = B(() => {
+  }), b = G(() => {
     i.current !== null && (clearTimeout(i.current), i.current = null);
-  }, []), p = B(() => {
+  }, []), u = G(() => {
     m.current !== null && (clearTimeout(m.current), m.current = null);
-  }, []), g = P((c = !1) => {
-    if (f(), p(), !b) {
-      if (c || r <= 0) {
-        u(!0);
+  }, []), g = S((l = !1) => {
+    if (b(), u(), !h) {
+      if (l || r <= 0) {
+        f(!0);
         return;
       }
       i.current = setTimeout(() => {
-        i.current = null, u(!0);
+        i.current = null, f(!0);
       }, r);
     }
-  }), y = P(() => {
-    if (f(), p(), !!b) {
-      if (a <= 0) {
-        u(!1);
+  }), y = S(() => {
+    if (b(), u(), !!h) {
+      if (s <= 0) {
+        f(!1);
         return;
       }
       m.current = setTimeout(() => {
-        m.current = null, u(!1);
-      }, a);
+        m.current = null, f(!1);
+      }, s);
     }
-  }), T = P(() => {
-    f(), p(), u(!1);
+  }), v = S(() => {
+    b(), u(), f(!1);
   });
-  S(() => {
-    b ? p() : f();
-  }, [p, f, b]), S(
+  O(() => {
+    h ? u() : b();
+  }, [u, b, h]), O(
     () => () => {
-      f(), p();
+      b(), u();
     },
-    [p, f]
+    [u, b]
   );
-  const C = X(
+  const T = U(
     () => ({
-      open: b,
-      triggerElement: l,
+      open: h,
+      triggerElement: p,
       setTriggerElement: d,
-      contentId: s,
+      contentId: a,
       requestOpen: g,
       requestClose: y,
-      dismiss: T
+      dismiss: v
     }),
-    [s, b, T, y, g, l]
+    [a, h, v, y, g, p]
   );
-  return /* @__PURE__ */ h(Pt.Provider, { value: C, children: e });
+  return /* @__PURE__ */ c(Oe.Provider, { value: T, children: t });
 }
-function ie({ children: e }) {
-  const t = Ot("Tooltip.Trigger"), { setTriggerElement: n } = t;
-  if (!tt(e))
+function mt({ children: t }) {
+  const e = He("Tooltip.Trigger"), { setTriggerElement: n } = e;
+  if (!Z(t))
     throw new Error("<Tooltip.Trigger> expects a single valid React element");
-  const o = e, r = o.props, a = r.ref ?? o.ref, s = r.onPointerEnter, l = r.onPointerLeave, d = r.onFocus, i = r.onBlur, m = r.onKeyDown, b = B(
-    (u) => {
-      St(a, u), n(u);
+  const o = t, r = o.props, s = r.ref ?? o.ref, a = r.onPointerEnter, p = r.onPointerLeave, d = r.onFocus, i = r.onBlur, m = r.onKeyDown, h = G(
+    (f) => {
+      Ve(s, f), n(f);
     },
-    [a, n]
+    [s, n]
   );
-  return J(o, {
-    ref: b,
-    "aria-describedby": t.open ? $t(r["aria-describedby"], t.contentId) : r["aria-describedby"],
-    onPointerEnter: E(s, (u) => {
-      t.requestOpen(u.pointerType === "touch");
+  return j(o, {
+    ref: h,
+    "aria-describedby": e.open ? Fe(r["aria-describedby"], e.contentId) : r["aria-describedby"],
+    onPointerEnter: D(a, (f) => {
+      e.requestOpen(f.pointerType === "touch");
     }),
-    onPointerLeave: E(l, (u) => {
-      u.pointerType !== "touch" && t.requestClose();
+    onPointerLeave: D(p, (f) => {
+      f.pointerType !== "touch" && e.requestClose();
     }),
-    onFocus: E(d, () => {
-      t.requestOpen();
+    onFocus: D(d, () => {
+      e.requestOpen();
     }),
-    onBlur: E(i, () => {
-      t.requestClose();
+    onBlur: D(i, () => {
+      e.requestClose();
     }),
-    onKeyDown: E(m, (u) => {
-      u.key === "Escape" && t.open && (u.preventDefault(), u.stopPropagation(), t.dismiss());
+    onKeyDown: D(m, (f) => {
+      f.key === "Escape" && e.open && (f.preventDefault(), f.stopPropagation(), e.dismiss());
     })
   });
 }
-function q(e, t, n) {
-  return n < t ? t : Math.min(Math.max(e, t), n);
+function J(t, e, n) {
+  return n < e ? e : Math.min(Math.max(t, e), n);
 }
-function se(e) {
-  switch (e) {
+function bt(t) {
+  switch (t) {
     case "top":
       return "bottom";
     case "right":
@@ -754,164 +999,164 @@ function se(e) {
       return "right";
   }
 }
-function Z(e, t, n, o, r) {
-  switch (t) {
+function ne(t, e, n, o, r) {
+  switch (e) {
     case "top":
-      return e.top - r;
+      return t.top - r;
     case "right":
-      return n - e.right - r;
+      return n - t.right - r;
     case "bottom":
-      return o - e.bottom - r;
+      return o - t.bottom - r;
     case "left":
-      return e.left - r;
+      return t.left - r;
   }
 }
-function mt(e, t, n, o, r, a, s) {
-  return Z(
-    e,
+function be(t, e, n, o, r, s, a) {
+  return ne(
+    t,
     n,
     r,
-    a,
-    s
-  ) >= (n === "top" || n === "bottom" ? t.height : t.width) + o;
+    s,
+    a
+  ) >= (n === "top" || n === "bottom" ? e.height : e.width) + o;
 }
-function ae({
-  trigger: e,
-  tooltip: t,
+function gt({
+  trigger: t,
+  tooltip: e,
   side: n,
   align: o,
   sideOffset: r,
-  collisionPadding: a,
-  avoidCollisions: s,
-  viewportWidth: l,
+  collisionPadding: s,
+  avoidCollisions: a,
+  viewportWidth: p,
   viewportHeight: d
 }) {
   let i = n;
-  if (s && !mt(
-    e,
+  if (a && !be(
     t,
+    e,
     n,
     r,
-    l,
+    p,
     d,
-    a
+    s
   )) {
-    const y = se(n), T = mt(
-      e,
+    const y = bt(n), v = be(
       t,
+      e,
       y,
       r,
-      l,
+      p,
       d,
-      a
-    ), C = Z(
-      e,
+      s
+    ), T = ne(
+      t,
       n,
-      l,
+      p,
       d,
-      a
-    ), c = Z(
-      e,
+      s
+    ), l = ne(
+      t,
       y,
-      l,
+      p,
       d,
-      a
+      s
     );
-    (T || c > C) && (i = y);
+    (v || l > T) && (i = y);
   }
-  const m = e.left + e.width / 2, b = e.top + e.height / 2;
-  let u = 0, f = 0;
+  const m = t.left + t.width / 2, h = t.top + t.height / 2;
+  let f = 0, b = 0;
   switch (i) {
     case "top":
     case "bottom":
-      u = o === "start" ? e.left : o === "end" ? e.right - t.width : m - t.width / 2, f = i === "top" ? e.top - t.height - r : e.bottom + r;
+      f = o === "start" ? t.left : o === "end" ? t.right - e.width : m - e.width / 2, b = i === "top" ? t.top - e.height - r : t.bottom + r;
       break;
     case "left":
     case "right":
-      u = i === "left" ? e.left - t.width - r : e.right + r, f = o === "start" ? e.top : o === "end" ? e.bottom - t.height : b - t.height / 2;
+      f = i === "left" ? t.left - e.width - r : t.right + r, b = o === "start" ? t.top : o === "end" ? t.bottom - e.height : h - e.height / 2;
       break;
   }
-  s && (u = q(
-    u,
-    a,
-    l - t.width - a
-  ), f = q(
+  a && (f = J(
     f,
-    a,
-    d - t.height - a
+    s,
+    p - e.width - s
+  ), b = J(
+    b,
+    s,
+    d - e.height - s
   ));
-  const p = 10, g = i === "top" || i === "bottom" ? q(
-    m - u,
-    p,
-    Math.max(p, t.width - p)
-  ) : q(
-    b - f,
-    p,
-    Math.max(p, t.height - p)
+  const u = 10, g = i === "top" || i === "bottom" ? J(
+    m - f,
+    u,
+    Math.max(u, e.width - u)
+  ) : J(
+    h - b,
+    u,
+    Math.max(u, e.height - u)
   );
-  return { x: u, y: f, side: i, arrowOffset: g };
+  return { x: f, y: b, side: i, arrowOffset: g };
 }
-function At(e, t, {
+function Ge(t, e, {
   side: n,
   align: o,
   sideOffset: r,
-  collisionPadding: a,
-  avoidCollisions: s
+  collisionPadding: s,
+  avoidCollisions: a
 }) {
-  const [l, d] = O(null);
-  return nt(() => {
-    const i = t.current;
-    if (!i || !e)
+  const [p, d] = M(null);
+  return re(() => {
+    const i = e.current;
+    if (!i || !t)
       return;
     const m = () => {
-      const u = e.getBoundingClientRect(), f = i.getBoundingClientRect();
+      const f = t.getBoundingClientRect(), b = i.getBoundingClientRect();
       d(
-        ae({
-          trigger: u,
-          tooltip: f,
+        gt({
+          trigger: f,
+          tooltip: b,
           side: n,
           align: o,
           sideOffset: r,
-          collisionPadding: a,
-          avoidCollisions: s,
+          collisionPadding: s,
+          avoidCollisions: a,
           viewportWidth: window.innerWidth || document.documentElement.clientWidth,
           viewportHeight: window.innerHeight || document.documentElement.clientHeight
         })
       );
     };
     m(), window.addEventListener("resize", m), window.addEventListener("scroll", m, !0);
-    const b = typeof ResizeObserver > "u" ? null : new ResizeObserver(m);
-    return b?.observe(e), b?.observe(i), () => {
-      window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0), b?.disconnect();
+    const h = typeof ResizeObserver > "u" ? null : new ResizeObserver(m);
+    return h?.observe(t), h?.observe(i), () => {
+      window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0), h?.disconnect();
     };
   }, [
     o,
-    s,
     a,
-    t,
+    s,
+    e,
     n,
     r,
-    e
-  ]), l;
+    t
+  ]), p;
 }
-function Bt(e, t, n) {
-  S(() => {
-    const o = (s) => {
-      const l = s.target;
-      l instanceof Node && (e.contains(l) || t.current?.contains(l) || n());
+function ze(t, e, n) {
+  O(() => {
+    const o = (a) => {
+      const p = a.target;
+      p instanceof Node && (t.contains(p) || e.current?.contains(p) || n());
     }, r = () => {
       document.visibilityState === "hidden" && n();
-    }, a = (s) => {
-      const l = s.target;
-      s.key !== "Escape" || l instanceof Node && e.contains(l) || n();
+    }, s = (a) => {
+      const p = a.target;
+      a.key !== "Escape" || p instanceof Node && t.contains(p) || n();
     };
-    return document.addEventListener("pointerdown", o, !0), document.addEventListener("visibilitychange", r), document.addEventListener("keydown", a, !0), window.addEventListener("blur", n), () => {
-      document.removeEventListener("pointerdown", o, !0), document.removeEventListener("visibilitychange", r), document.removeEventListener("keydown", a, !0), window.removeEventListener("blur", 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);
     };
-  }, [n, t, e]);
+  }, [n, e, t]);
 }
-function Vt(e) {
-  switch (e) {
+function Ke(t) {
+  switch (t) {
     case "top":
       return "center bottom";
     case "bottom":
@@ -924,58 +1169,58 @@ function Vt(e) {
       return "center";
   }
 }
-function ce({
-  contentId: e,
-  triggerElement: t,
+function yt({
+  contentId: t,
+  triggerElement: e,
   dismiss: n,
   children: o,
   className: r,
-  style: a,
-  side: s = "top",
-  align: l = "center",
+  style: s,
+  side: a = "top",
+  align: p = "center",
   sideOffset: d = 8,
   collisionPadding: i = 8,
   avoidCollisions: m = !0,
-  ...b
+  ...h
 }) {
-  const u = _(null), f = K() ?? !1, p = it(), g = At(t, u, {
-    side: s,
-    align: l,
+  const f = N(null), b = V() ?? !1, u = ae(), g = Ge(e, f, {
+    side: a,
+    align: p,
     sideOffset: d,
     collisionPadding: i,
     avoidCollisions: m
   });
-  Bt(t, u, n);
-  const y = Vt(g?.side ?? s), T = {
-    ...a,
+  ze(e, f, n);
+  const y = Ke(g?.side ?? a), v = {
+    ...s,
     left: g ? `${g.x}px` : 0,
     top: g ? `${g.y}px` : 0,
     visibility: g ? "visible" : "hidden"
   };
-  return /* @__PURE__ */ h(
+  return /* @__PURE__ */ c(
     "div",
     {
-      ...b,
-      ref: u,
-      id: e,
+      ...h,
+      ref: f,
+      id: t,
       role: "tooltip",
-      "data-side": g?.side ?? s,
-      "data-align": l,
-      "data-state": p ? "open" : "closed",
-      "aria-hidden": p ? void 0 : !0,
-      className: v("uk-tooltip", r),
-      style: T,
-      children: /* @__PURE__ */ N(
-        V.div,
+      "data-side": g?.side ?? a,
+      "data-align": p,
+      "data-state": u ? "open" : "closed",
+      "aria-hidden": u ? void 0 : !0,
+      className: k("uk-tooltip", r),
+      style: v,
+      children: /* @__PURE__ */ C(
+        E.div,
         {
           className: "uk-tooltip__surface",
           style: { transformOrigin: y },
-          initial: f ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+          initial: b ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
           animate: { opacity: 1, scale: 1 },
-          exit: f ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
-          transition: f ? H : bt,
+          exit: b ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+          transition: b ? K : ve,
           children: [
-            /* @__PURE__ */ h(
+            /* @__PURE__ */ c(
               "span",
               {
                 className: "uk-tooltip__arrow",
@@ -992,276 +1237,277 @@ function ce({
     }
   );
 }
-function le(e) {
-  const t = Ot("Tooltip.Content"), o = et(
-    Nt,
-    Lt,
-    Mt
-  ) && t.triggerElement ? t.triggerElement.closest("dialog") ?? document.body : null;
-  return !o || !t.triggerElement ? null : st(
-    /* @__PURE__ */ h(ot, { reducedMotion: "user", children: /* @__PURE__ */ h(rt, { children: t.open ? /* @__PURE__ */ h(
-      ce,
+function vt(t) {
+  const e = He("Tooltip.Content"), o = oe(
+    $e,
+    Be,
+    Ae
+  ) && 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(
+      yt,
       {
-        contentId: t.contentId,
-        triggerElement: t.triggerElement,
-        dismiss: t.dismiss,
-        ...e
+        contentId: e.contentId,
+        triggerElement: e.triggerElement,
+        dismiss: e.dismiss,
+        ...t
       },
       "uk-tooltip"
     ) : null }) }),
     o
   );
 }
-const Ft = j(
+const Ue = q(
   null
 );
-function ue(e) {
-  const t = Y(Ft);
-  if (!t)
-    throw new Error(`<${e}> must be rendered inside <Tooltip.Group>`);
-  return t;
+function It(t) {
+  const e = X(Ue);
+  if (!e)
+    throw new Error(`<${t}> must be rendered inside <Tooltip.Group>`);
+  return e;
 }
-function de({
-  activeValue: e,
-  content: t,
+function Tt({
+  activeValue: t,
+  content: e,
   contentClassName: n,
   contentId: o,
   dismiss: r,
-  triggerElement: a,
-  side: s,
-  align: l,
+  triggerElement: s,
+  side: a,
+  align: p,
   sideOffset: d,
   collisionPadding: i,
   avoidCollisions: m
 }) {
-  const b = _(null), u = K() ?? !1, f = it(), p = At(a, b, {
-    side: s,
-    align: l,
+  const h = N(null), f = V() ?? !1, b = ae(), u = Ge(s, h, {
+    side: a,
+    align: p,
     sideOffset: d,
     collisionPadding: i,
     avoidCollisions: m
   });
-  Bt(a, b, r);
+  ze(s, h, r);
   const g = {
-    left: p ? `${p.x}px` : 0,
-    top: p ? `${p.y}px` : 0,
-    transformOrigin: Vt(p?.side ?? s),
-    visibility: p ? "visible" : "hidden"
+    left: u ? `${u.x}px` : 0,
+    top: u ? `${u.y}px` : 0,
+    transformOrigin: Ke(u?.side ?? a),
+    visibility: u ? "visible" : "hidden"
   };
-  return /* @__PURE__ */ N(
-    V.div,
+  return /* @__PURE__ */ C(
+    E.div,
     {
-      ref: b,
+      ref: h,
       id: o,
       role: "tooltip",
-      layout: !u,
-      layoutDependency: e,
-      "data-side": p?.side ?? s,
-      "data-align": l,
-      "data-state": f ? "open" : "closed",
-      "aria-hidden": f ? void 0 : !0,
-      className: v(
+      layout: !f,
+      layoutDependency: t,
+      "data-side": u?.side ?? a,
+      "data-align": p,
+      "data-state": b ? "open" : "closed",
+      "aria-hidden": b ? void 0 : !0,
+      className: k(
         "uk-tooltip",
         "uk-tooltip__surface",
         "uk-tooltip--group",
         n
       ),
       style: g,
-      initial: u ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+      initial: f ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
       animate: { opacity: 1, scale: 1 },
-      exit: u ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
-      transition: u ? { ...H, layout: { duration: 0 } } : Xt,
+      exit: f ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+      transition: f ? { ...K, layout: { duration: 0 } } : et,
       children: [
-        /* @__PURE__ */ h(
+        /* @__PURE__ */ c(
           "span",
           {
             className: "uk-tooltip__arrow",
             "aria-hidden": "true",
             style: {
-              "--uk-tooltip-arrow-offset": `${p?.arrowOffset ?? 0}px`
+              "--uk-tooltip-arrow-offset": `${u?.arrowOffset ?? 0}px`
             }
           }
         ),
-        /* @__PURE__ */ h(
-          V.div,
+        /* @__PURE__ */ c(
+          E.div,
           {
             className: "uk-tooltip__content",
             initial: { opacity: 0 },
             animate: { opacity: 1 },
-            transition: u ? H : bt,
-            children: t
+            transition: f ? K : ve,
+            children: e
           },
-          e
+          t
         )
       ]
     }
   );
 }
-function pe({
-  children: e,
-  side: t = "top",
+function kt({
+  children: t,
+  side: e = "top",
   align: n = "center",
   sideOffset: o = 8,
   collisionPadding: r = 8,
-  avoidCollisions: a = !0,
-  delayDuration: s = 180,
-  closeDelay: l = 80,
+  avoidCollisions: s = !0,
+  delayDuration: a = 180,
+  closeDelay: p = 80,
   contentClassName: d
 }) {
-  const i = z(), [m, b] = O(
+  const i = R(), [m, h] = M(
     () => /* @__PURE__ */ new Map()
-  ), [u, f] = O(!1), [p, g] = O(null), y = _(null), T = _(null), C = et(
-    Nt,
-    Lt,
-    Mt
-  ), c = B(() => {
+  ), [f, b] = M(!1), [u, g] = M(null), y = N(null), v = N(null), T = oe(
+    $e,
+    Be,
+    Ae
+  ), l = G(() => {
     y.current !== null && (clearTimeout(y.current), y.current = null);
-  }, []), w = B(() => {
-    T.current !== null && (clearTimeout(T.current), T.current = null);
-  }, []), I = P(($, M = !1) => {
-    if (c(), w(), g($), !u) {
-      if (M || s <= 0) {
-        f(!0);
+  }, []), I = G(() => {
+    v.current !== null && (clearTimeout(v.current), v.current = null);
+  }, []), w = S((H, B = !1) => {
+    if (l(), I(), g(H), !f) {
+      if (B || a <= 0) {
+        b(!0);
         return;
       }
       y.current = setTimeout(() => {
-        y.current = null, f(!0);
-      }, s);
+        y.current = null, b(!0);
+      }, a);
     }
-  }), k = P(() => {
-    if (c(), w(), !!u) {
-      if (l <= 0) {
-        f(!1);
+  }), _ = S(() => {
+    if (l(), I(), !!f) {
+      if (p <= 0) {
+        b(!1);
         return;
       }
-      T.current = setTimeout(() => {
-        T.current = null, f(!1);
-      }, l);
+      v.current = setTimeout(() => {
+        v.current = null, b(!1);
+      }, p);
     }
-  }), L = P(() => {
-    c(), w(), f(!1);
-  }), R = P(
-    ($, M, F) => {
-      b((W) => {
-        const lt = W.get($);
-        if (lt?.triggerElement === M && Object.is(lt.content, F))
-          return W;
-        const ut = new Map(W);
-        return ut.set($, { triggerElement: M, content: F }), ut;
+  }), $ = S(() => {
+    l(), I(), b(!1);
+  }), L = S(
+    (H, B, z) => {
+      h((ee) => {
+        const de = ee.get(H);
+        if (de?.triggerElement === B && Object.is(de.content, z))
+          return ee;
+        const pe = new Map(ee);
+        return pe.set(H, { triggerElement: B, content: z }), pe;
       });
     }
-  ), x = P(($) => {
-    b((M) => {
-      if (!M.has($))
-        return M;
-      const F = new Map(M);
-      return F.delete($), F;
+  ), x = S((H) => {
+    h((B) => {
+      if (!B.has(H))
+        return B;
+      const z = new Map(B);
+      return z.delete(H), z;
     });
   });
-  S(
+  O(
     () => () => {
-      c(), w();
+      l(), I();
     },
-    [w, c]
+    [I, l]
   );
-  const Ht = X(
+  const je = U(
     () => ({
-      open: u,
-      activeValue: p,
+      open: f,
+      activeValue: u,
       contentId: i,
-      activate: I,
-      requestClose: k,
-      dismiss: L,
-      register: R,
+      activate: w,
+      requestClose: _,
+      dismiss: $,
+      register: L,
       unregister: x
     }),
     [
-      I,
-      p,
+      w,
+      u,
       i,
+      $,
+      f,
       L,
-      u,
-      R,
-      k,
+      _,
       x
     ]
-  ), A = p ? m.get(p) : void 0, zt = u && !!A, ct = C && A ? A.triggerElement.closest("dialog") ?? document.body : null;
-  return /* @__PURE__ */ N(Ft.Provider, { value: Ht, children: [
-    e,
-    ct && A ? st(
-      /* @__PURE__ */ h(ot, { reducedMotion: "user", children: /* @__PURE__ */ h(rt, { children: zt ? /* @__PURE__ */ h(
-        de,
+  ), F = u ? m.get(u) : void 0, qe = f && !!F, ue = T && F ? F.triggerElement.closest("dialog") ?? document.body : null;
+  return /* @__PURE__ */ C(Ue.Provider, { value: je, children: [
+    t,
+    ue && F ? se(
+      /* @__PURE__ */ c(ie, { reducedMotion: "user", children: /* @__PURE__ */ c(A, { children: qe ? /* @__PURE__ */ c(
+        Tt,
         {
-          activeValue: p ?? "",
-          content: A.content,
+          activeValue: u ?? "",
+          content: F.content,
           contentClassName: d,
           contentId: i,
-          dismiss: L,
-          triggerElement: A.triggerElement,
-          side: t,
+          dismiss: $,
+          triggerElement: F.triggerElement,
+          side: e,
           align: n,
           sideOffset: o,
           collisionPadding: r,
-          avoidCollisions: a
+          avoidCollisions: s
         },
         "uk-tooltip-group"
       ) : null }) }),
-      ct
+      ue
     ) : null
   ] });
 }
-function fe({
-  value: e,
-  content: t,
+function wt({
+  value: t,
+  content: e,
   children: n
 }) {
-  const o = ue("Tooltip.Item"), { register: r, unregister: a } = o, [s, l] = O(
+  const o = It("Tooltip.Item"), { register: r, unregister: s } = o, [a, p] = M(
     null
   );
-  if (!tt(n))
+  if (!Z(n))
     throw new Error("<Tooltip.Item> expects a single valid React element");
-  const d = n, i = d.props, m = i.ref ?? d.ref, b = i.onPointerEnter, u = i.onPointerLeave, f = i.onFocus, p = i.onBlur, g = i.onKeyDown, y = o.open && o.activeValue === e, T = B(
-    (C) => {
-      St(m, C), l(C);
+  const d = n, i = d.props, m = i.ref ?? d.ref, h = i.onPointerEnter, f = i.onPointerLeave, b = i.onFocus, u = i.onBlur, g = i.onKeyDown, y = o.open && o.activeValue === t, v = G(
+    (T) => {
+      Ve(m, T), p(T);
     },
-    [m, l]
+    [m, p]
   );
-  return nt(() => {
-    if (s)
-      return r(e, s, t), () => a(e);
-  }, [t, r, s, a, e]), J(d, {
-    ref: T,
-    "aria-describedby": y ? $t(i["aria-describedby"], o.contentId) : i["aria-describedby"],
-    onPointerEnter: E(b, (C) => {
-      o.activate(e, C.pointerType === "touch");
+  return re(() => {
+    if (a)
+      return r(t, a, e), () => s(t);
+  }, [e, r, a, s, t]), j(d, {
+    ref: v,
+    "aria-describedby": y ? Fe(i["aria-describedby"], o.contentId) : i["aria-describedby"],
+    onPointerEnter: D(h, (T) => {
+      o.activate(t, T.pointerType === "touch");
     }),
-    onPointerLeave: E(u, (C) => {
-      C.pointerType !== "touch" && o.requestClose();
+    onPointerLeave: D(f, (T) => {
+      T.pointerType !== "touch" && o.requestClose();
     }),
-    onFocus: E(f, () => {
-      o.activate(e);
+    onFocus: D(b, () => {
+      o.activate(t);
     }),
-    onBlur: E(p, () => {
+    onBlur: D(u, () => {
       o.requestClose();
     }),
-    onKeyDown: E(g, (C) => {
-      C.key === "Escape" && y && (C.preventDefault(), C.stopPropagation(), o.dismiss());
+    onKeyDown: D(g, (T) => {
+      T.key === "Escape" && y && (T.preventDefault(), T.stopPropagation(), o.dismiss());
     })
   });
 }
-const xe = {
-  Root: re,
-  Trigger: ie,
-  Content: le,
-  Group: pe,
-  Item: fe
+const Mt = {
+  Root: ht,
+  Trigger: mt,
+  Content: vt,
+  Group: kt,
+  Item: wt
 };
 export {
-  ht as Button,
-  ve as Dialog,
-  Te as Input,
-  we as Switch,
-  Ce as Tabs,
-  xe as Tooltip
+  ye as Button,
+  St as Dialog,
+  Pt as Input,
+  Rt as Sidebar,
+  Dt as Switch,
+  Lt as Tabs,
+  Mt as Tooltip
 };
 //# sourceMappingURL=index.js.map