seam-react 0.2.0 → 0.4.0

package/dist/index.js

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