seam-react 0.2.0 → 0.3.0

package/dist/index.js

@@ -1,595 +1,602 @@
-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({
-  variant: e = "primary",
+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(" ");
+}
+const ht = D(function({
+  variant: t = "primary",
   size: n = "md",
-  loading: r = !1,
-  iconOnly: a = !1,
-  type: s = "button",
-  className: i,
-  children: d,
-  ...u
-}, c) {
+  loading: o = !1,
+  iconOnly: r = !1,
+  type: a = "button",
+  className: s,
+  children: l,
+  ...d
+}, i) {
   return /* @__PURE__ */ N(
     "button",
     {
-      ...u,
-      ref: c,
-      type: s,
-      className: h("uk-button", i),
-      "data-variant": e,
+      ...d,
+      ref: i,
+      type: a,
+      className: v("uk-button", s),
+      "data-variant": t,
       "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: d.disabled || o,
+      "aria-busy": o || void 0,
       children: [
-        r ? /* @__PURE__ */ l("span", { className: "uk-button__spinner", "aria-hidden": "true" }) : null,
-        d
+        o ? /* @__PURE__ */ h("span", { className: "uk-button__spinner", "aria-hidden": "true" }) : null,
+        l
       ]
     }
   );
-}), Ae = y(function({
-  inputSize: e = "md",
+}), Te = D(function({
+  inputSize: t = "md",
   invalid: n = !1,
-  className: r,
-  "aria-invalid": a,
-  ...s
-}, i) {
-  return /* @__PURE__ */ l(
+  className: o,
+  "aria-invalid": r,
+  ...a
+}, s) {
+  return /* @__PURE__ */ h(
     "input",
     {
-      ...s,
-      ref: i,
-      className: h("uk-input", r),
-      "data-size": e,
-      "aria-invalid": n ? !0 : a
+      ...a,
+      ref: s,
+      className: v("uk-input", o),
+      "data-size": t,
+      "aria-invalid": n ? !0 : r
     }
   );
-}), Ie = [0.23, 1, 0.32, 1], U = {
+}), U = [0.23, 1, 0.32, 1], pt = {
   type: "spring",
   bounce: 0,
   duration: 0.3
-}, X = {
+}, ft = {
   type: "spring",
   bounce: 0.04,
   duration: 0.38
-}, ye = {
+}, Ut = {
   type: "spring",
   bounce: 0.08,
   duration: 0.34
-}, z = {
+}, bt = {
+  duration: 0.12,
+  ease: U
+}, Xt = {
+  layout: { type: "spring", bounce: 0, duration: 0.22 },
+  opacity: { duration: 0.12, ease: U },
+  scale: { duration: 0.12, ease: U }
+}, H = {
   duration: 0.12,
-  ease: Ie
-}, He = y(function({
-  checked: e,
+  ease: U
+}, we = D(function({
+  checked: t,
   defaultChecked: n,
-  onCheckedChange: r,
-  disabled: a,
-  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({
-    value: e,
+  onCheckedChange: o,
+  disabled: r,
+  className: a,
+  children: s,
+  id: l,
+  ...d
+}, i) {
+  const m = z(), b = l ?? m, u = K() ?? !1, f = _(!1), p = _(null), [g, y] = Q({
+    value: t,
     defaultValue: n ?? !1,
-    onChange: r
-  }), D = ue(C ? 16 : 0);
-  R(() => {
-    if (m.current)
+    onChange: o
+  }), T = Kt(g ? 16 : 0);
+  S(() => {
+    if (p.current)
       return;
-    const t = V(
-      D,
-      C ? 16 : 0,
-      k ? { duration: 0 } : U
+    const c = dt(
+      T,
+      g ? 16 : 0,
+      u ? { duration: 0 } : pt
     );
-    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 () => 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,
+          x ? 16 : 0,
+          u ? { duration: 0 } : { ...pt, velocity: R }
         ), window.setTimeout(() => {
-          b.current = !1;
+          f.current = !1;
         }, 0);
       } else
-        m.current = null;
-      t.currentTarget.hasPointerCapture(t.pointerId) && typeof t.currentTarget.releasePointerCapture == "function" && t.currentTarget.releasePointerCapture(t.pointerId);
+        p.current = null;
+      c.currentTarget.hasPointerCapture(c.pointerId) && typeof c.currentTarget.releasePointerCapture == "function" && c.currentTarget.releasePointerCapture(c.pointerId);
     }
   };
   return /* @__PURE__ */ N(
     "label",
     {
-      className: h("uk-switch", s),
-      "data-disabled": a ? "true" : void 0,
-      htmlFor: g,
-      onClickCapture: (t) => {
-        b.current && (t.preventDefault(), t.stopPropagation());
+      className: v("uk-switch", a),
+      "data-disabled": r ? "true" : void 0,
+      htmlFor: b,
+      onClickCapture: (c) => {
+        f.current && (c.preventDefault(), c.stopPropagation());
       },
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ h(
           "input",
           {
-            ...u,
-            ref: c,
-            id: g,
+            ...d,
+            ref: i,
+            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: (c) => y(c.target.checked)
           }
         ),
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ h(
           "span",
           {
             className: "uk-switch__track",
             "aria-hidden": "true",
-            onPointerDown: (t) => {
-              a || (m.current = {
-                pointerId: t.pointerId,
-                startX: t.clientX,
-                startValue: D.get(),
+            onPointerDown: (c) => {
+              r || (p.current = {
+                pointerId: c.pointerId,
+                startX: c.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: c.clientX, time: performance.now() }]
+              }, typeof c.currentTarget.setPointerCapture == "function" && c.currentTarget.setPointerCapture(c.pointerId));
             },
-            onPointerMove: (t) => {
-              const f = m.current;
-              if (!f || f.pointerId !== t.pointerId)
+            onPointerMove: (c) => {
+              const w = p.current;
+              if (!w || w.pointerId !== c.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 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
               ));
             },
-            onPointerUp: v,
-            onPointerCancel: v,
-            children: /* @__PURE__ */ l(A.span, { className: "uk-switch__thumb", style: { x: D } })
+            onPointerUp: C,
+            onPointerCancel: C,
+            children: /* @__PURE__ */ h(V.span, { className: "uk-switch__thumb", style: { x: T } })
           }
         ),
-        i ? /* @__PURE__ */ l("span", { className: "uk-switch__label", children: i }) : null
+        s ? /* @__PURE__ */ h("span", { className: "uk-switch__label", children: s }) : null
       ]
     }
   );
-}), G = j(null);
-function O(o) {
-  const e = B(G);
-  if (!e)
-    throw new Error(`<${o}> must be rendered inside <Tabs>`);
-  return e;
-}
-function W(o, e) {
-  return `${o}-tab-${encodeURIComponent(e)}`;
-}
-function J(o, e) {
-  return `${o}-panel-${encodeURIComponent(e)}`;
-}
-function ke({
-  value: o,
-  defaultValue: e,
+}), gt = j(null);
+function at(e) {
+  const t = Y(gt);
+  if (!t)
+    throw new Error(`<${e}> must be rendered inside <Tabs>`);
+  return t;
+}
+function yt(e, t) {
+  return `${e}-tab-${encodeURIComponent(t)}`;
+}
+function Tt(e, t) {
+  return `${e}-panel-${encodeURIComponent(t)}`;
+}
+function jt({
+  value: e,
+  defaultValue: t,
   onValueChange: n,
-  orientation: r = "horizontal",
-  className: a,
-  children: s
+  orientation: o = "horizontal",
+  className: r,
+  children: a
 }) {
-  const i = L(), [d, u] = H({
-    value: o,
-    defaultValue: e ?? "",
+  const s = z(), [l, d] = Q({
+    value: e,
+    defaultValue: t ?? "",
     onChange: n
-  }), c = F(
+  }), i = X(
     () => ({
-      baseId: i,
-      value: d,
-      setValue: u,
-      orientation: r,
-      indicatorId: `${i}-indicator`
+      baseId: s,
+      value: l,
+      setValue: d,
+      orientation: o,
+      indicatorId: `${s}-indicator`
     }),
-    [i, d, r, u]
+    [s, l, o, d]
   );
-  return /* @__PURE__ */ l(G.Provider, { value: c, children: /* @__PURE__ */ l("div", { className: h("uk-tabs", a), "data-orientation": r, children: s }) });
+  return /* @__PURE__ */ h(gt.Provider, { value: i, children: /* @__PURE__ */ h("div", { className: v("uk-tabs", r), "data-orientation": o, children: a }) });
 }
-const Ce = y(function({ className: e, onKeyDown: n, ...r }, a) {
-  const { orientation: s } = O("Tabs.List");
-  return /* @__PURE__ */ l(
+const Yt = D(function({ className: t, onKeyDown: n, ...o }, r) {
+  const { orientation: a } = at("Tabs.List");
+  return /* @__PURE__ */ h(
     "div",
     {
-      ...r,
-      ref: a,
+      ...o,
+      ref: r,
       role: "tablist",
-      "aria-orientation": s,
+      "aria-orientation": a,
       tabIndex: -1,
-      className: h("uk-tabs__list", e),
-      onKeyDown: (i) => {
-        if (n?.(i), i.defaultPrevented)
+      className: v("uk-tabs__list", t),
+      onKeyDown: (s) => {
+        if (n?.(s), s.defaultPrevented)
           return;
-        const u = i.target?.closest('[role="tab"]');
-        if (!u || u.hasAttribute("disabled"))
+        const d = s.target?.closest('[role="tab"]');
+        if (!d || d.hasAttribute("disabled"))
           return;
-        const c = Array.from(
-          i.currentTarget.querySelectorAll(
+        const i = Array.from(
+          s.currentTarget.querySelectorAll(
             '[role="tab"]:not([disabled])'
           )
-        ), p = c.indexOf(u);
-        if (p === -1)
+        ), m = i.indexOf(d);
+        if (m === -1)
           return;
-        const g = s === "horizontal" ? "ArrowRight" : "ArrowDown", k = s === "horizontal" ? "ArrowLeft" : "ArrowUp";
-        let b = -1;
-        switch (i.key) {
-          case g:
-            b = (p + 1) % c.length;
+        const b = a === "horizontal" ? "ArrowRight" : "ArrowDown", u = a === "horizontal" ? "ArrowLeft" : "ArrowUp";
+        let f = -1;
+        switch (s.key) {
+          case b:
+            f = (m + 1) % i.length;
             break;
-          case k:
-            b = (p - 1 + c.length) % c.length;
+          case u:
+            f = (m - 1 + i.length) % i.length;
             break;
           case "Home":
-            b = 0;
+            f = 0;
             break;
           case "End":
-            b = c.length - 1;
+            f = i.length - 1;
             break;
           default:
             return;
         }
-        i.preventDefault();
-        const m = c[b];
-        m && (m.focus(), m.click());
+        s.preventDefault();
+        const p = i[f];
+        p && (p.focus(), p.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;
+}), 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(
     "button",
     {
-      ...i,
-      ref: d,
+      ...s,
+      ref: l,
       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: yt(d.baseId, t),
+      "aria-selected": i,
+      "aria-controls": Tt(d.baseId, t),
+      tabIndex: i ? 0 : -1,
+      "data-state": i ? "active" : "inactive",
+      className: v("uk-tabs__trigger", o),
+      onClick: (b) => {
+        r?.(b), b.defaultPrevented || d.setValue(t);
       },
       children: [
-        s,
-        c ? /* @__PURE__ */ l(
-          A.span,
+        a,
+        i ? /* @__PURE__ */ h(
+          V.span,
           {
             className: "uk-tabs__indicator",
-            layoutId: u.indicatorId,
+            layoutId: d.indicatorId,
             "aria-hidden": "true",
-            transition: p ? { duration: 0 } : ye
+            transition: m ? { duration: 0 } : Ut
           }
         ) : null
       ]
     }
   );
-}), Te = y(function({ value: e, className: n, ...r }, a) {
-  const s = O("Tabs.Content"), i = s.value === e;
-  return /* @__PURE__ */ l(
+}), Qt = D(function({ value: t, className: n, ...o }, r) {
+  const a = at("Tabs.Content"), s = a.value === t;
+  return /* @__PURE__ */ h(
     "div",
     {
-      ...r,
-      ref: a,
+      ...o,
+      ref: r,
       role: "tabpanel",
-      id: J(s.baseId, e),
-      "aria-labelledby": W(s.baseId, e),
-      hidden: !i,
+      id: Tt(a.baseId, t),
+      "aria-labelledby": yt(a.baseId, t),
+      hidden: !s,
       tabIndex: 0,
-      "data-state": i ? "active" : "inactive",
-      className: h("uk-tabs__panel", n)
+      "data-state": s ? "active" : "inactive",
+      className: v("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);
-  if (!e)
-    throw new Error(`<${o}> must be rendered inside <Dialog.Root>`);
-  return e;
-}
-function Z(o, e) {
+}), 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;
+}
+function Ct(e, t) {
   return (n) => {
-    o?.(n), n.defaultPrevented || e(n);
+    e?.(n), n.defaultPrevented || t(n);
   };
 }
-function q({
-  children: o,
-  open: e,
+function vt({
+  children: e,
+  open: t,
   defaultOpen: n,
-  onOpenChange: r
+  onOpenChange: o
 }) {
-  const a = L(), [s, i] = $(!1), [d, u] = $(!1), [c, p] = H({
-    value: e,
+  const r = z(), [a, s] = O(!1), [l, d] = O(!1), [i, m] = Q({
+    value: t,
     defaultValue: n ?? !1,
-    onChange: r
-  }), g = F(
+    onChange: o
+  }), b = X(
     () => ({
-      open: c,
-      setOpen: p,
-      triggerId: `${a}-trigger`,
-      contentId: `${a}-content`,
-      titleId: `${a}-title`,
-      descriptionId: `${a}-description`,
-      hasTitle: s,
-      setHasTitle: i,
-      hasDescription: d,
-      setHasDescription: u
+      open: i,
+      setOpen: m,
+      triggerId: `${r}-trigger`,
+      contentId: `${r}-content`,
+      titleId: `${r}-title`,
+      descriptionId: `${r}-description`,
+      hasTitle: a,
+      setHasTitle: s,
+      hasDescription: l,
+      setHasDescription: d
     }),
-    [a, c, d, s, p]
+    [r, i, l, a, m]
   );
-  return /* @__PURE__ */ l(Q.Provider, { value: g, children: o });
+  return /* @__PURE__ */ h(wt.Provider, { value: b, children: e });
 }
-function we({ children: o }) {
-  const e = P("Dialog.Trigger"), n = o, r = n.props.onClick;
-  return K(n, {
-    id: e.triggerId,
+function ee({ children: e }) {
+  const t = G("Dialog.Trigger"), n = e, o = n.props.onClick;
+  return J(n, {
+    id: t.triggerId,
     "aria-haspopup": "dialog",
-    "aria-expanded": e.open,
-    "aria-controls": e.open ? e.contentId : void 0,
-    onClick: Z(r, () => {
-      e.setOpen(!e.open);
+    "aria-expanded": t.open,
+    "aria-controls": t.open ? t.contentId : void 0,
+    onClick: Ct(o, () => {
+      t.setOpen(!t.open);
     })
   });
 }
-function ee({
-  children: o,
-  label: e = "Close"
+function xt({
+  children: e,
+  label: t = "Close"
 }) {
-  const n = P("Dialog.Close");
-  if (se(o)) {
-    const r = o, a = r.props.onClick;
-    return K(r, {
-      onClick: Z(a, () => {
+  const n = G("Dialog.Close");
+  if (tt(e)) {
+    const o = e, r = o.props.onClick;
+    return J(o, {
+      onClick: Ct(r, () => {
         n.setOpen(!1);
       })
     });
   }
-  return /* @__PURE__ */ l(Y, { variant: "ghost", onClick: () => n.setOpen(!1), children: e });
+  return /* @__PURE__ */ h(ht, { variant: "ghost", onClick: () => n.setOpen(!1), children: t });
 }
-const te = y(function({ className: e, ...n }, r) {
-  return /* @__PURE__ */ l(
+const It = D(function({ className: t, ...n }, o) {
+  return /* @__PURE__ */ h(
     "header",
     {
       ...n,
-      ref: r,
-      className: h("uk-dialog__header", e)
+      ref: o,
+      className: v("uk-dialog__header", t)
     }
   );
-}), 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(
+}), 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(
     "h2",
     {
-      ...r,
-      ref: a,
-      id: s.titleId,
-      className: h("uk-dialog__title", e),
+      ...o,
+      ref: r,
+      id: a.titleId,
+      className: v("uk-dialog__title", t),
       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(
+}), Dt = D(
+  function({ className: t, ...n }, o) {
+    const r = G("Dialog.Description"), a = r.setHasDescription;
+    return S(() => (a(!0), () => a(!1)), [a]), /* @__PURE__ */ h(
       "p",
       {
         ...n,
-        ref: r,
-        id: a.descriptionId,
-        className: h("uk-dialog__description", e)
+        ref: o,
+        id: r.descriptionId,
+        className: v("uk-dialog__description", t)
       }
     );
   }
-), 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(
+), 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(
     "footer",
     {
       ...n,
-      ref: r,
-      className: h("uk-dialog__footer", e)
+      ref: o,
+      className: v("uk-dialog__footer", t)
     }
   );
 });
-function Ne({
-  requestClose: o,
-  contentId: e,
+function ne({
+  requestClose: e,
+  contentId: t,
   titleId: n,
-  descriptionId: r,
-  hasTitle: a,
-  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
+  descriptionId: o,
+  hasTitle: r,
+  hasDescription: a,
+  children: s,
+  closeOnBackdropClick: l = !0,
+  closeOnEscape: d = !0,
+  initialFocusRef: i,
+  returnFocusRef: m,
+  className: b,
+  "aria-label": u,
+  "aria-labelledby": f,
+  "aria-describedby": p
 }) {
-  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 = _(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({
     active: !0,
-    containerRef: C,
-    initialFocusRef: c,
-    returnFocusRef: p ?? _
-  }), R(() => {
-    const t = C.current;
-    if (!t)
+    containerRef: g,
+    initialFocusRef: i,
+    returnFocusRef: m ?? y
+  }), S(() => {
+    const c = g.current;
+    if (!c)
       return;
-    const f = () => {
-      t.open || (typeof t.showModal == "function" ? t.showModal() : t.setAttribute("open", ""));
-    }, T = () => {
-      if (!u) {
-        f();
+    const w = () => {
+      c.open || (typeof c.showModal == "function" ? c.showModal() : c.setAttribute("open", ""));
+    }, I = () => {
+      if (!d) {
+        w();
         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();
+      e();
+    }, k = (x) => {
+      x.preventDefault(), d && e();
+    }, L = (x) => {
+      d || x.key !== "Escape" || x.defaultPrevented || (x.preventDefault(), x.stopPropagation());
+    }, R = (x) => {
+      l && x.target === c && e();
     };
-    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 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);
     };
-  }, [d, u, o]), /* @__PURE__ */ l(
+  }, [l, d, e]), /* @__PURE__ */ h(
     "dialog",
     {
-      ref: C,
-      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,
+      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,
         {
           className: "uk-dialog__panel",
-          initial: v ? { opacity: 0 } : {
+          initial: C ? { 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: C ? H : { ...ft, delay: 0.06 }
           },
-          exit: v ? { opacity: 0, transition: z } : {
+          exit: C ? { opacity: 0, transition: H } : {
             opacity: 0,
             transform: "translateY(8px) scale(0.97)",
-            transition: X
+            transition: ft
           },
-          children: i
+          children: s
         }
       )
     }
   );
 }
-function ie({
-  children: o,
-  closeOnBackdropClick: e = !0,
+function Rt({
+  children: e,
+  closeOnBackdropClick: t = !0,
   closeOnEscape: n = !0,
-  initialFocusRef: r,
-  returnFocusRef: a,
-  className: s,
-  "aria-label": i,
-  "aria-labelledby": d,
-  "aria-describedby": u
+  initialFocusRef: o,
+  returnFocusRef: r,
+  className: a,
+  "aria-label": s,
+  "aria-labelledby": l,
+  "aria-describedby": d
 }) {
-  const c = P("Dialog.Content"), p = be(() => {
-    c.setOpen(!1);
+  const i = G("Dialog.Content"), m = P(() => {
+    i.setOpen(!1);
   });
-  return ce(
-    xe,
-    _e,
-    ve
-  ) ? ge(
-    /* @__PURE__ */ l(de, { reducedMotion: "user", children: /* @__PURE__ */ l(fe, { children: c.open ? /* @__PURE__ */ l(
-      Ne,
+  return et(
+    Wt,
+    Zt,
+    te
+  ) ? st(
+    /* @__PURE__ */ h(ot, { reducedMotion: "user", children: /* @__PURE__ */ h(rt, { children: i.open ? /* @__PURE__ */ h(
+      ne,
       {
-        requestClose: p,
-        contentId: c.contentId,
-        titleId: c.titleId,
-        descriptionId: c.descriptionId,
-        hasTitle: c.hasTitle,
-        hasDescription: c.hasDescription,
-        closeOnBackdropClick: e,
+        requestClose: m,
+        contentId: i.contentId,
+        titleId: i.titleId,
+        descriptionId: i.descriptionId,
+        hasTitle: i.hasTitle,
+        hasDescription: i.hasDescription,
+        closeOnBackdropClick: t,
         closeOnEscape: n,
-        initialFocusRef: r,
-        returnFocusRef: a,
-        className: s,
-        "aria-label": i,
-        "aria-labelledby": d,
-        "aria-describedby": u,
-        children: o
+        initialFocusRef: o,
+        returnFocusRef: r,
+        className: a,
+        "aria-label": s,
+        "aria-labelledby": l,
+        "aria-describedby": d,
+        children: e
       },
       "uk-dialog"
     ) : null }) }),
     document.body
   ) : null;
 }
-function Pe({
-  open: o,
-  onOpenChange: e,
+function oe({
+  open: e,
+  onOpenChange: t,
   title: n,
-  description: r,
-  footer: a,
-  children: s,
-  closeLabel: i = "Close",
-  showCloseButton: d = !0,
-  closeOnBackdropClick: u = !0,
-  closeOnEscape: c = !0,
-  initialFocusRef: p,
-  returnFocusRef: g,
-  className: k,
-  "aria-label": b
+  description: o,
+  footer: r,
+  children: a,
+  closeLabel: s = "Close",
+  showCloseButton: l = !0,
+  closeOnBackdropClick: d = !0,
+  closeOnEscape: i = !0,
+  initialFocusRef: m,
+  returnFocusRef: b,
+  className: u,
+  "aria-label": f
 }) {
-  return /* @__PURE__ */ l(q, { open: o, onOpenChange: e, children: /* @__PURE__ */ N(
-    ie,
+  return /* @__PURE__ */ h(vt, { open: e, onOpenChange: t, children: /* @__PURE__ */ N(
+    Rt,
     {
-      className: k,
-      closeOnBackdropClick: u,
-      closeOnEscape: c,
-      initialFocusRef: p,
-      returnFocusRef: g,
-      "aria-label": b,
+      className: u,
+      closeOnBackdropClick: d,
+      closeOnEscape: i,
+      initialFocusRef: m,
+      returnFocusRef: b,
+      "aria-label": f,
       children: [
-        n || r || d ? /* @__PURE__ */ N(te, { children: [
+        n || o || l ? /* @__PURE__ */ N(It, { children: [
           /* @__PURE__ */ N("div", { className: "uk-dialog__heading", children: [
-            n ? /* @__PURE__ */ l(ne, { children: n }) : null,
-            r ? /* @__PURE__ */ l(re, { children: r }) : null
+            n ? /* @__PURE__ */ h(kt, { children: n }) : null,
+            o ? /* @__PURE__ */ h(Dt, { children: o }) : null
           ] }),
-          d ? /* @__PURE__ */ l(ee, { children: /* @__PURE__ */ l(
-            Y,
+          l ? /* @__PURE__ */ h(xt, { children: /* @__PURE__ */ h(
+            ht,
             {
               variant: "ghost",
               size: "sm",
               iconOnly: !0,
-              "aria-label": i,
+              "aria-label": s,
               className: "uk-dialog__close",
-              children: /* @__PURE__ */ l(
+              children: /* @__PURE__ */ h(
                 "svg",
                 {
                   viewBox: "0 0 20 20",
                   width: "16",
                   height: "16",
                   "aria-hidden": "true",
-                  children: /* @__PURE__ */ l(
+                  children: /* @__PURE__ */ h(
                     "path",
                     {
                       d: "M5 5l10 10M15 5L5 15",
@@ -603,28 +610,658 @@ function Pe({
             }
           ) }) : null
         ] }) : null,
-        /* @__PURE__ */ l(oe, { children: s }),
-        a ? /* @__PURE__ */ l(ae, { children: a }) : null
+        /* @__PURE__ */ h(Et, { children: a }),
+        r ? /* @__PURE__ */ h(_t, { 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 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;
+}
+function St(e, t) {
+  typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function $t(e, t) {
+  const n = typeof e == "string" ? e.split(/\s+/).filter(Boolean) : [];
+  return Array.from(/* @__PURE__ */ new Set([...n, t])).join(" ");
+}
+function E(e, t) {
+  return (n) => {
+    e?.(n), n.defaultPrevented || t(n);
+  };
+}
+function re({
+  children: e,
+  open: t,
+  defaultOpen: n,
+  onOpenChange: o,
+  delayDuration: r = 300,
+  closeDelay: a = 80
+}) {
+  const s = z(), [l, d] = O(
+    null
+  ), i = _(null), m = _(null), [b, u] = Q({
+    value: t,
+    defaultValue: n ?? !1,
+    onChange: o
+  }), f = B(() => {
+    i.current !== null && (clearTimeout(i.current), i.current = null);
+  }, []), p = B(() => {
+    m.current !== null && (clearTimeout(m.current), m.current = null);
+  }, []), g = P((c = !1) => {
+    if (f(), p(), !b) {
+      if (c || r <= 0) {
+        u(!0);
+        return;
+      }
+      i.current = setTimeout(() => {
+        i.current = null, u(!0);
+      }, r);
+    }
+  }), y = P(() => {
+    if (f(), p(), !!b) {
+      if (a <= 0) {
+        u(!1);
+        return;
+      }
+      m.current = setTimeout(() => {
+        m.current = null, u(!1);
+      }, a);
+    }
+  }), T = P(() => {
+    f(), p(), u(!1);
+  });
+  S(() => {
+    b ? p() : f();
+  }, [p, f, b]), S(
+    () => () => {
+      f(), p();
+    },
+    [p, f]
+  );
+  const C = X(
+    () => ({
+      open: b,
+      triggerElement: l,
+      setTriggerElement: d,
+      contentId: s,
+      requestOpen: g,
+      requestClose: y,
+      dismiss: T
+    }),
+    [s, b, T, y, g, l]
+  );
+  return /* @__PURE__ */ h(Pt.Provider, { value: C, children: e });
+}
+function ie({ children: e }) {
+  const t = Ot("Tooltip.Trigger"), { setTriggerElement: n } = t;
+  if (!tt(e))
+    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);
+    },
+    [a, 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");
+    }),
+    onPointerLeave: E(l, (u) => {
+      u.pointerType !== "touch" && t.requestClose();
+    }),
+    onFocus: E(d, () => {
+      t.requestOpen();
+    }),
+    onBlur: E(i, () => {
+      t.requestClose();
+    }),
+    onKeyDown: E(m, (u) => {
+      u.key === "Escape" && t.open && (u.preventDefault(), u.stopPropagation(), t.dismiss());
+    })
+  });
+}
+function q(e, t, n) {
+  return n < t ? t : Math.min(Math.max(e, t), n);
+}
+function se(e) {
+  switch (e) {
+    case "top":
+      return "bottom";
+    case "right":
+      return "left";
+    case "bottom":
+      return "top";
+    case "left":
+      return "right";
+  }
+}
+function Z(e, t, n, o, r) {
+  switch (t) {
+    case "top":
+      return e.top - r;
+    case "right":
+      return n - e.right - r;
+    case "bottom":
+      return o - e.bottom - r;
+    case "left":
+      return e.left - r;
+  }
+}
+function mt(e, t, n, o, r, a, s) {
+  return Z(
+    e,
+    n,
+    r,
+    a,
+    s
+  ) >= (n === "top" || n === "bottom" ? t.height : t.width) + o;
+}
+function ae({
+  trigger: e,
+  tooltip: t,
+  side: n,
+  align: o,
+  sideOffset: r,
+  collisionPadding: a,
+  avoidCollisions: s,
+  viewportWidth: l,
+  viewportHeight: d
+}) {
+  let i = n;
+  if (s && !mt(
+    e,
+    t,
+    n,
+    r,
+    l,
+    d,
+    a
+  )) {
+    const y = se(n), T = mt(
+      e,
+      t,
+      y,
+      r,
+      l,
+      d,
+      a
+    ), C = Z(
+      e,
+      n,
+      l,
+      d,
+      a
+    ), c = Z(
+      e,
+      y,
+      l,
+      d,
+      a
+    );
+    (T || c > C) && (i = y);
+  }
+  const m = e.left + e.width / 2, b = e.top + e.height / 2;
+  let u = 0, f = 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;
+      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;
+      break;
+  }
+  s && (u = q(
+    u,
+    a,
+    l - t.width - a
+  ), f = q(
+    f,
+    a,
+    d - t.height - a
+  ));
+  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)
+  );
+  return { x: u, y: f, side: i, arrowOffset: g };
+}
+function At(e, t, {
+  side: n,
+  align: o,
+  sideOffset: r,
+  collisionPadding: a,
+  avoidCollisions: s
+}) {
+  const [l, d] = O(null);
+  return nt(() => {
+    const i = t.current;
+    if (!i || !e)
+      return;
+    const m = () => {
+      const u = e.getBoundingClientRect(), f = i.getBoundingClientRect();
+      d(
+        ae({
+          trigger: u,
+          tooltip: f,
+          side: n,
+          align: o,
+          sideOffset: r,
+          collisionPadding: a,
+          avoidCollisions: s,
+          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();
+    };
+  }, [
+    o,
+    s,
+    a,
+    t,
+    n,
+    r,
+    e
+  ]), l;
+}
+function Bt(e, t, n) {
+  S(() => {
+    const o = (s) => {
+      const l = s.target;
+      l instanceof Node && (e.contains(l) || t.current?.contains(l) || n());
+    }, r = () => {
+      document.visibilityState === "hidden" && n();
+    }, a = (s) => {
+      const l = s.target;
+      s.key !== "Escape" || l instanceof Node && e.contains(l) || 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);
+    };
+  }, [n, t, e]);
+}
+function Vt(e) {
+  switch (e) {
+    case "top":
+      return "center bottom";
+    case "bottom":
+      return "center top";
+    case "left":
+      return "right center";
+    case "right":
+      return "left center";
+    default:
+      return "center";
+  }
+}
+function ce({
+  contentId: e,
+  triggerElement: t,
+  dismiss: n,
+  children: o,
+  className: r,
+  style: a,
+  side: s = "top",
+  align: l = "center",
+  sideOffset: d = 8,
+  collisionPadding: i = 8,
+  avoidCollisions: m = !0,
+  ...b
+}) {
+  const u = _(null), f = K() ?? !1, p = it(), g = At(t, u, {
+    side: s,
+    align: l,
+    sideOffset: d,
+    collisionPadding: i,
+    avoidCollisions: m
+  });
+  Bt(t, u, n);
+  const y = Vt(g?.side ?? s), T = {
+    ...a,
+    left: g ? `${g.x}px` : 0,
+    top: g ? `${g.y}px` : 0,
+    visibility: g ? "visible" : "hidden"
+  };
+  return /* @__PURE__ */ h(
+    "div",
+    {
+      ...b,
+      ref: u,
+      id: e,
+      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,
+        {
+          className: "uk-tooltip__surface",
+          style: { transformOrigin: y },
+          initial: f ? { 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,
+          children: [
+            /* @__PURE__ */ h(
+              "span",
+              {
+                className: "uk-tooltip__arrow",
+                "aria-hidden": "true",
+                style: {
+                  "--uk-tooltip-arrow-offset": `${g?.arrowOffset ?? 0}px`
+                }
+              }
+            ),
+            o
+          ]
+        }
+      )
+    }
+  );
+}
+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,
+      {
+        contentId: t.contentId,
+        triggerElement: t.triggerElement,
+        dismiss: t.dismiss,
+        ...e
+      },
+      "uk-tooltip"
+    ) : null }) }),
+    o
+  );
+}
+const Ft = j(
+  null
+);
+function ue(e) {
+  const t = Y(Ft);
+  if (!t)
+    throw new Error(`<${e}> must be rendered inside <Tooltip.Group>`);
+  return t;
+}
+function de({
+  activeValue: e,
+  content: t,
+  contentClassName: n,
+  contentId: o,
+  dismiss: r,
+  triggerElement: a,
+  side: s,
+  align: l,
+  sideOffset: d,
+  collisionPadding: i,
+  avoidCollisions: m
+}) {
+  const b = _(null), u = K() ?? !1, f = it(), p = At(a, b, {
+    side: s,
+    align: l,
+    sideOffset: d,
+    collisionPadding: i,
+    avoidCollisions: m
+  });
+  Bt(a, b, r);
+  const g = {
+    left: p ? `${p.x}px` : 0,
+    top: p ? `${p.y}px` : 0,
+    transformOrigin: Vt(p?.side ?? s),
+    visibility: p ? "visible" : "hidden"
+  };
+  return /* @__PURE__ */ N(
+    V.div,
+    {
+      ref: b,
+      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(
+        "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 ? { ...H, layout: { duration: 0 } } : Xt,
+      children: [
+        /* @__PURE__ */ h(
+          "span",
+          {
+            className: "uk-tooltip__arrow",
+            "aria-hidden": "true",
+            style: {
+              "--uk-tooltip-arrow-offset": `${p?.arrowOffset ?? 0}px`
+            }
+          }
+        ),
+        /* @__PURE__ */ h(
+          V.div,
+          {
+            className: "uk-tooltip__content",
+            initial: { opacity: 0 },
+            animate: { opacity: 1 },
+            transition: u ? H : bt,
+            children: t
+          },
+          e
+        )
+      ]
+    }
+  );
+}
+function pe({
+  children: e,
+  side: t = "top",
+  align: n = "center",
+  sideOffset: o = 8,
+  collisionPadding: r = 8,
+  avoidCollisions: a = !0,
+  delayDuration: s = 180,
+  closeDelay: l = 80,
+  contentClassName: d
+}) {
+  const i = z(), [m, b] = O(
+    () => /* @__PURE__ */ new Map()
+  ), [u, f] = O(!1), [p, g] = O(null), y = _(null), T = _(null), C = et(
+    Nt,
+    Lt,
+    Mt
+  ), c = B(() => {
+    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);
+        return;
+      }
+      y.current = setTimeout(() => {
+        y.current = null, f(!0);
+      }, s);
+    }
+  }), k = P(() => {
+    if (c(), w(), !!u) {
+      if (l <= 0) {
+        f(!1);
+        return;
+      }
+      T.current = setTimeout(() => {
+        T.current = null, f(!1);
+      }, l);
+    }
+  }), 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;
+      });
+    }
+  ), x = P(($) => {
+    b((M) => {
+      if (!M.has($))
+        return M;
+      const F = new Map(M);
+      return F.delete($), F;
+    });
+  });
+  S(
+    () => () => {
+      c(), w();
+    },
+    [w, c]
+  );
+  const Ht = X(
+    () => ({
+      open: u,
+      activeValue: p,
+      contentId: i,
+      activate: I,
+      requestClose: k,
+      dismiss: L,
+      register: R,
+      unregister: x
+    }),
+    [
+      I,
+      p,
+      i,
+      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,
+        {
+          activeValue: p ?? "",
+          content: A.content,
+          contentClassName: d,
+          contentId: i,
+          dismiss: L,
+          triggerElement: A.triggerElement,
+          side: t,
+          align: n,
+          sideOffset: o,
+          collisionPadding: r,
+          avoidCollisions: a
+        },
+        "uk-tooltip-group"
+      ) : null }) }),
+      ct
+    ) : null
+  ] });
+}
+function fe({
+  value: e,
+  content: t,
+  children: n
+}) {
+  const o = ue("Tooltip.Item"), { register: r, unregister: a } = o, [s, l] = O(
+    null
+  );
+  if (!tt(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);
+    },
+    [m, l]
+  );
+  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");
+    }),
+    onPointerLeave: E(u, (C) => {
+      C.pointerType !== "touch" && o.requestClose();
+    }),
+    onFocus: E(f, () => {
+      o.activate(e);
+    }),
+    onBlur: E(p, () => {
+      o.requestClose();
+    }),
+    onKeyDown: E(g, (C) => {
+      C.key === "Escape" && y && (C.preventDefault(), C.stopPropagation(), o.dismiss());
+    })
+  });
+}
+const xe = {
+  Root: re,
+  Trigger: ie,
+  Content: le,
+  Group: pe,
+  Item: fe
+};
 export {
-  Y as Button,
-  $e as Dialog,
-  Ae as Input,
-  He as Switch,
-  Oe as Tabs
+  ht as Button,
+  ve as Dialog,
+  Te as Input,
+  we as Switch,
+  Ce as Tabs,
+  xe as Tooltip
 };
 //# sourceMappingURL=index.js.map