seam-react 0.5.1 → 0.7.0

package/dist/index.js

@@ -1,12 +1,12 @@
 import { jsxs as C, jsx as c, Fragment as ge } from "react/jsx-runtime";
-import { forwardRef as P, useId as R, useRef as N, useEffect as O, useState as M, useMemo as U, isValidElement as Z, cloneElement as j, createContext as q, useContext as X, useSyncExternalStore as oe, useLayoutEffect as re, useCallback as G } from "react";
-import { useReducedMotion as V, useMotionValue as Xe, animate as fe, motion as E, LayoutGroup as Ye, AnimatePresence as A, MotionConfig as ie, useIsPresent as ae } from "motion/react";
+import { forwardRef as N, useId as D, useRef as P, useEffect as O, useState as M, useMemo as j, isValidElement as U, cloneElement as X, createContext as Y, useContext as W, useSyncExternalStore as oe, useLayoutEffect as re, Children as Xe, useCallback as q } from "react";
+import { useControllableState as G, useEventCallback as S, useLockBodyScroll as Ye, useFocusTrap as We } from "seam-hooks";
+import { useReducedMotion as V, useMotionValue as Je, animate as fe, motion as E, LayoutGroup as Qe, AnimatePresence as A, MotionConfig as ie, useIsPresent as ae } from "motion/react";
 import { createPortal as se } from "react-dom";
-import { useControllableState as Y, useEventCallback as S, useLockBodyScroll as We, useFocusTrap as Je } from "seam-hooks";
-function k(...t) {
+function T(...t) {
   return t.filter(Boolean).join(" ");
 }
-const ye = P(function({
+const ye = N(function({
   variant: e = "primary",
   size: n = "md",
   loading: o = !1,
@@ -22,7 +22,7 @@ const ye = P(function({
       ...d,
       ref: i,
       type: s,
-      className: k("uk-button", a),
+      className: T("uk-button", a),
       "data-variant": e,
       "data-size": n,
       "data-loading": o ? "true" : void 0,
@@ -35,7 +35,63 @@ const ye = P(function({
       ]
     }
   );
-}), Pt = P(function({
+}), Ze = N(function({
+  checked: e,
+  defaultChecked: n,
+  onCheckedChange: o,
+  disabled: r,
+  className: s,
+  children: a,
+  id: p,
+  ...d
+}, i) {
+  const h = D(), m = p ?? h, [f, g] = G({
+    value: e,
+    defaultValue: n ?? !1,
+    onChange: o
+  });
+  return /* @__PURE__ */ C(
+    "label",
+    {
+      className: T("uk-checkbox", s),
+      "data-disabled": r ? "true" : void 0,
+      htmlFor: m,
+      children: [
+        /* @__PURE__ */ c(
+          "input",
+          {
+            ...d,
+            ref: i,
+            id: m,
+            type: "checkbox",
+            className: "uk-checkbox__input",
+            checked: f,
+            disabled: r,
+            onChange: (u) => {
+              r || g(u.target.checked);
+            }
+          }
+        ),
+        /* @__PURE__ */ c("span", { className: "uk-checkbox__box", "aria-hidden": "true", children: /* @__PURE__ */ c(
+          "svg",
+          {
+            className: "uk-checkbox__check",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: 3.2,
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: /* @__PURE__ */ c("path", { d: "M4 12.5 L9.5 18 L20 7", pathLength: 1 })
+          }
+        ) }),
+        a ? /* @__PURE__ */ c("span", { className: "uk-checkbox__label", children: a }) : null
+      ]
+    }
+  );
+});
+Ze.displayName = "CheckBox";
+const Rt = N(function({
   inputSize: e = "md",
   invalid: n = !1,
   className: o,
@@ -47,12 +103,12 @@ const ye = P(function({
     {
       ...s,
       ref: a,
-      className: k("uk-input", o),
+      className: T("uk-input", o),
       "data-size": e,
       "aria-invalid": n ? !0 : r
     }
   );
-}), Q = [0.23, 1, 0.32, 1], Qe = [0.77, 0, 0.175, 1], he = {
+}), Z = [0.23, 1, 0.32, 1], et = [0.77, 0, 0.175, 1], he = {
   type: "spring",
   bounce: 0,
   duration: 0.3
@@ -64,20 +120,20 @@ const ye = P(function({
   type: "spring",
   bounce: 0.08,
   duration: 0.34
-}, Ze = {
+}, tt = {
   duration: 0.2,
-  ease: Qe
+  ease: et
 }, ve = {
   duration: 0.12,
-  ease: Q
-}, et = {
+  ease: Z
+}, nt = {
   layout: { type: "spring", bounce: 0, duration: 0.22 },
-  opacity: { duration: 0.12, ease: Q },
-  scale: { duration: 0.12, ease: Q }
-}, K = {
+  opacity: { duration: 0.12, ease: Z },
+  scale: { duration: 0.12, ease: Z }
+}, z = {
   duration: 0.12,
-  ease: Q
-}, Dt = P(function({
+  ease: Z
+}, St = N(function({
   checked: e,
   defaultChecked: n,
   onCheckedChange: o,
@@ -87,32 +143,32 @@ const ye = P(function({
   id: p,
   ...d
 }, i) {
-  const m = R(), h = p ?? m, f = V() ?? !1, b = N(!1), u = N(null), [g, y] = Y({
+  const h = D(), m = p ?? h, f = V() ?? !1, g = P(!1), u = P(null), [k, b] = G({
     value: e,
     defaultValue: n ?? !1,
     onChange: o
-  }), v = Xe(g ? 16 : 0);
+  }), v = Je(k ? 16 : 0);
   O(() => {
     if (u.current)
       return;
     const l = fe(
       v,
-      g ? 16 : 0,
+      k ? 16 : 0,
       f ? { duration: 0 } : he
     );
     return () => l.stop();
-  }, [g, f, v]);
-  const T = (l) => {
+  }, [k, f, v]);
+  const y = (l) => {
     const I = u.current;
     if (!(!I || I.pointerId !== l.pointerId)) {
       if (I.moved) {
-        const w = I.samples[0], _ = I.samples[I.samples.length - 1], $ = w && _ ? Math.max(_.time - w.time, 1) : 1, L = w && _ ? (_.x - w.x) / $ * 1e3 : 0, x = Math.abs(L) > 220 ? L > 0 : v.get() >= 8;
-        b.current = !0, u.current = null, y(x), fe(
+        const _ = I.samples[0], w = I.samples[I.samples.length - 1], $ = _ && w ? Math.max(w.time - _.time, 1) : 1, R = _ && w ? (w.x - _.x) / $ * 1e3 : 0, x = Math.abs(R) > 220 ? R > 0 : v.get() >= 8;
+        g.current = !0, u.current = null, b(x), fe(
           v,
           x ? 16 : 0,
-          f ? { duration: 0 } : { ...he, velocity: L }
+          f ? { duration: 0 } : { ...he, velocity: R }
         ), window.setTimeout(() => {
-          b.current = !1;
+          g.current = !1;
         }, 0);
       } else
         u.current = null;
@@ -122,11 +178,11 @@ const ye = P(function({
   return /* @__PURE__ */ C(
     "label",
     {
-      className: k("uk-switch", s),
+      className: T("uk-switch", s),
       "data-disabled": r ? "true" : void 0,
-      htmlFor: h,
+      htmlFor: m,
       onClickCapture: (l) => {
-        b.current && (l.preventDefault(), l.stopPropagation());
+        g.current && (l.preventDefault(), l.stopPropagation());
       },
       children: [
         /* @__PURE__ */ c(
@@ -134,14 +190,14 @@ const ye = P(function({
           {
             ...d,
             ref: i,
-            id: h,
+            id: m,
             type: "checkbox",
             role: "switch",
             className: "uk-switch__input",
-            checked: g,
+            checked: k,
             disabled: r,
-            "aria-checked": g,
-            onChange: (l) => y(l.target.checked)
+            "aria-checked": k,
+            onChange: (l) => b(l.target.checked)
           }
         ),
         /* @__PURE__ */ c(
@@ -162,13 +218,13 @@ const ye = P(function({
               const I = u.current;
               if (!I || I.pointerId !== l.pointerId)
                 return;
-              const w = l.clientX - I.startX;
-              Math.abs(w) > 4 && (I.moved = !0), I.moved && (l.preventDefault(), v.set(Math.max(0, Math.min(16, I.startValue + w))), I.samples.push({ x: l.clientX, time: performance.now() }), I.samples = I.samples.filter(
-                (_) => performance.now() - _.time < 120
+              const _ = l.clientX - I.startX;
+              Math.abs(_) > 4 && (I.moved = !0), I.moved && (l.preventDefault(), v.set(Math.max(0, Math.min(16, I.startValue + _))), I.samples.push({ x: l.clientX, time: performance.now() }), I.samples = I.samples.filter(
+                (w) => performance.now() - w.time < 120
               ));
             },
-            onPointerUp: T,
-            onPointerCancel: T,
+            onPointerUp: y,
+            onPointerCancel: y,
             children: /* @__PURE__ */ c(E.span, { className: "uk-switch__thumb", style: { x: v } })
           }
         ),
@@ -176,9 +232,9 @@ const ye = P(function({
       ]
     }
   );
-}), Ie = q(null);
-function Te(t) {
-  const e = X(Ie);
+}), ke = Y(null);
+function Ie(t) {
+  const e = W(ke);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Sidebar>`);
   return e;
@@ -188,7 +244,7 @@ function te(t, e) {
     t?.(n), n.defaultPrevented || e(n);
   };
 }
-function tt({
+function ot({
   children: t,
   className: e,
   hoverPreview: n = !0,
@@ -197,7 +253,7 @@ function tt({
   style: s,
   ...a
 }) {
-  const [p, d] = M(null), i = R().replace(/:/g, ""), m = U(
+  const [p, d] = M(null), i = D().replace(/:/g, ""), h = j(
     () => ({
       hoveredId: p,
       setHoveredId: d,
@@ -206,21 +262,21 @@ function tt({
       hoverIndicator: o
     }),
     [p, i, n, o]
-  ), h = typeof r == "number" ? `${r}px` : r, f = {
+  ), m = typeof r == "number" ? `${r}px` : r, f = {
     ...s,
-    ...h === void 0 ? {} : { "--uk-sidebar-group-gap": h }
+    ...m === void 0 ? {} : { "--uk-sidebar-group-gap": m }
   };
-  return /* @__PURE__ */ c(Ie.Provider, { value: m, children: /* @__PURE__ */ c(Ye, { id: `sidebar-${i}`, children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(ke.Provider, { value: h, children: /* @__PURE__ */ c(Qe, { id: `sidebar-${i}`, children: /* @__PURE__ */ c(
     "nav",
     {
       ...a,
-      className: k("uk-sidebar", e),
+      className: T("uk-sidebar", e),
       style: f,
       children: t
     }
   ) }) });
 }
-function nt({
+function rt({
   title: t,
   icon: e,
   collapsible: n = !1,
@@ -231,16 +287,16 @@ function nt({
   className: p,
   ...d
 }) {
-  const i = R(), m = R(), h = R(), f = N(null), b = N(null), u = Te("Sidebar.Group"), g = e != null, y = V() ?? !1, [v, T] = Y({
+  const i = D(), h = D(), m = D(), f = P(null), g = P(null), u = Ie("Sidebar.Group"), k = e != null, b = V() ?? !1, [v, y] = G({
     value: o,
     defaultValue: r,
     onChange: s
-  }), l = n ? v : !0, I = u.hoveredId === h;
+  }), l = n ? v : !0, I = u.hoveredId === m;
   O(() => {
-    !n || l || b.current?.contains(document.activeElement) && f.current?.focus();
+    !n || l || g.current?.contains(document.activeElement) && f.current?.focus();
   }, [n, l]);
-  const w = /* @__PURE__ */ C(ge, { children: [
-    g ? /* @__PURE__ */ c("span", { className: "uk-sidebar__group-icon", "aria-hidden": "true", children: e }) : null,
+  const _ = /* @__PURE__ */ C(ge, { children: [
+    k ? /* @__PURE__ */ c("span", { className: "uk-sidebar__group-icon", "aria-hidden": "true", children: e }) : null,
     /* @__PURE__ */ c("span", { className: "uk-sidebar__group-label", children: t }),
     n ? /* @__PURE__ */ c("span", { className: "uk-sidebar__chevron", "aria-hidden": "true", children: /* @__PURE__ */ c("svg", { viewBox: "0 0 16 16", width: "12", height: "12", fill: "none", children: /* @__PURE__ */ c(
       "path",
@@ -257,10 +313,10 @@ function nt({
     "section",
     {
       ...d,
-      className: k("uk-sidebar__group", p),
+      className: T("uk-sidebar__group", p),
       "aria-labelledby": d["aria-labelledby"] ?? i,
       "data-collapsible": n ? "true" : "false",
-      "data-has-icon": g ? "true" : "false",
+      "data-has-icon": k ? "true" : "false",
       "data-state": l ? "open" : "closed",
       children: [
         n ? /* @__PURE__ */ C(
@@ -270,18 +326,18 @@ function nt({
             type: "button",
             className: "uk-sidebar__group-title uk-sidebar__group-trigger",
             id: i,
-            "aria-controls": m,
+            "aria-controls": h,
             "aria-expanded": l,
             "data-preview": u.hoverIndicator === "background" && I ? "true" : void 0,
-            onClick: () => T((_) => !_),
-            onPointerEnter: (_) => {
-              u.hoverPreview && u.hoverIndicator === "background" && _.pointerType === "mouse" && u.setHoveredId(h);
+            onClick: () => y((w) => !w),
+            onPointerEnter: (w) => {
+              u.hoverPreview && u.hoverIndicator === "background" && w.pointerType === "mouse" && u.setHoveredId(m);
             },
             onPointerLeave: () => {
-              u.hoveredId === h && u.setHoveredId(null);
+              u.hoveredId === m && u.setHoveredId(null);
             },
             onPointerCancel: () => {
-              u.hoveredId === h && u.setHoveredId(null);
+              u.hoveredId === m && u.setHoveredId(null);
             },
             children: [
               /* @__PURE__ */ c(A, { initial: !1, children: u.hoverPreview && u.hoverIndicator === "background" && I ? /* @__PURE__ */ c(
@@ -295,26 +351,26 @@ function nt({
                   initial: { opacity: 0 },
                   animate: { opacity: 1 },
                   exit: { opacity: 0 },
-                  transition: y ? { duration: 0 } : ce
+                  transition: b ? { duration: 0 } : ce
                 }
               ) : null }),
-              w
+              _
             ]
           }
-        ) : /* @__PURE__ */ c("div", { className: "uk-sidebar__group-title", id: i, children: w }),
+        ) : /* @__PURE__ */ c("div", { className: "uk-sidebar__group-title", id: i, children: _ }),
         /* @__PURE__ */ c(
           E.div,
           {
-            ref: b,
+            ref: g,
             className: "uk-sidebar__content",
-            id: m,
+            id: h,
             "data-state": l ? "open" : "closed",
             initial: !1,
             animate: {
               height: l ? "auto" : 0,
               opacity: l ? 1 : 0
             },
-            transition: y ? { duration: 0 } : Ze,
+            transition: b ? { duration: 0 } : tt,
             inert: n && !l,
             "aria-hidden": n && !l ? !0 : void 0,
             children: /* @__PURE__ */ c("ul", { className: "uk-sidebar__list", children: a })
@@ -324,15 +380,15 @@ function nt({
     }
   );
 }
-function ot({
+function it({
   active: t = !1,
   children: e,
   className: n
 }) {
-  const o = Te("Sidebar.Item"), r = R(), a = V() ?? !1 ? { duration: 0 } : ce;
-  if (!Z(e))
+  const o = Ie("Sidebar.Item"), r = D(), a = V() ?? !1 ? { duration: 0 } : ce;
+  if (!U(e))
     throw new Error("<Sidebar.Item> expects a single valid React element");
-  const p = e, d = p.props, i = d.className, m = typeof i == "function" ? (y) => k("uk-sidebar__link", i(y), n) : k("uk-sidebar__link", i, n), h = d.onPointerEnter, f = d.onPointerLeave, b = d.onPointerCancel, u = o.hoveredId === r, g = /* @__PURE__ */ C(ge, { children: [
+  const p = e, d = p.props, i = d.className, h = typeof i == "function" ? (b) => T("uk-sidebar__link", i(b), n) : T("uk-sidebar__link", i, n), m = d.onPointerEnter, f = d.onPointerLeave, g = d.onPointerCancel, u = o.hoveredId === r, k = /* @__PURE__ */ C(ge, { children: [
     /* @__PURE__ */ c("span", { className: "uk-sidebar__rail", "aria-hidden": "true" }),
     /* @__PURE__ */ c(A, { initial: !1, children: o.hoverPreview && o.hoverIndicator === "rail" && u ? /* @__PURE__ */ c(
       E.span,
@@ -392,46 +448,46 @@ function ot({
     ) : null }),
     /* @__PURE__ */ c("span", { className: "uk-sidebar__label", children: d.children })
   ] });
-  return /* @__PURE__ */ c("li", { className: "uk-sidebar__item", children: j(
+  return /* @__PURE__ */ c("li", { className: "uk-sidebar__item", children: X(
     p,
     {
-      className: m,
+      className: h,
       "data-active": t ? "true" : "false",
       "data-preview": t || u ? "true" : "false",
       "aria-current": d["aria-current"] ?? (t ? "page" : void 0),
       onPointerEnter: te(
-        h,
-        (y) => {
-          o.hoverPreview && y.pointerType === "mouse" && o.setHoveredId(r);
+        m,
+        (b) => {
+          o.hoverPreview && b.pointerType === "mouse" && o.setHoveredId(r);
         }
       ),
       onPointerLeave: te(f, () => {
         o.hoveredId === r && o.setHoveredId(null);
       }),
-      onPointerCancel: te(b, () => {
+      onPointerCancel: te(g, () => {
         o.hoveredId === r && o.setHoveredId(null);
       })
     },
-    g
+    k
   ) });
 }
-const Rt = Object.assign(tt, {
-  Group: nt,
-  Item: ot
-}), ke = q(null);
+const Mt = Object.assign(ot, {
+  Group: rt,
+  Item: it
+}), Te = Y(null);
 function le(t) {
-  const e = X(ke);
+  const e = W(Te);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Tabs>`);
   return e;
 }
-function we(t, e) {
+function _e(t, e) {
   return `${t}-tab-${encodeURIComponent(e)}`;
 }
-function _e(t, e) {
+function we(t, e) {
   return `${t}-panel-${encodeURIComponent(e)}`;
 }
-function rt({
+function at({
   value: t,
   defaultValue: e,
   onValueChange: n,
@@ -439,11 +495,11 @@ function rt({
   className: r,
   children: s
 }) {
-  const a = R(), [p, d] = Y({
+  const a = D(), [p, d] = G({
     value: t,
     defaultValue: e ?? "",
     onChange: n
-  }), i = U(
+  }), i = j(
     () => ({
       baseId: a,
       value: p,
@@ -453,9 +509,9 @@ function rt({
     }),
     [a, p, o, d]
   );
-  return /* @__PURE__ */ c(ke.Provider, { value: i, children: /* @__PURE__ */ c("div", { className: k("uk-tabs", r), "data-orientation": o, children: s }) });
+  return /* @__PURE__ */ c(Te.Provider, { value: i, children: /* @__PURE__ */ c("div", { className: T("uk-tabs", r), "data-orientation": o, children: s }) });
 }
-const it = P(function({ className: e, onKeyDown: n, ...o }, r) {
+const st = N(function({ className: e, onKeyDown: n, ...o }, r) {
   const { orientation: s } = le("Tabs.List");
   return /* @__PURE__ */ c(
     "div",
@@ -465,7 +521,7 @@ const it = P(function({ className: e, onKeyDown: n, ...o }, r) {
       role: "tablist",
       "aria-orientation": s,
       tabIndex: -1,
-      className: k("uk-tabs__list", e),
+      className: T("uk-tabs__list", e),
       onKeyDown: (a) => {
         if (n?.(a), a.defaultPrevented)
           return;
@@ -476,35 +532,35 @@ const it = P(function({ className: e, onKeyDown: n, ...o }, r) {
           a.currentTarget.querySelectorAll(
             '[role="tab"]:not([disabled])'
           )
-        ), m = i.indexOf(d);
-        if (m === -1)
+        ), h = i.indexOf(d);
+        if (h === -1)
           return;
-        const h = s === "horizontal" ? "ArrowRight" : "ArrowDown", f = s === "horizontal" ? "ArrowLeft" : "ArrowUp";
-        let b = -1;
+        const m = s === "horizontal" ? "ArrowRight" : "ArrowDown", f = s === "horizontal" ? "ArrowLeft" : "ArrowUp";
+        let g = -1;
         switch (a.key) {
-          case h:
-            b = (m + 1) % i.length;
+          case m:
+            g = (h + 1) % i.length;
             break;
           case f:
-            b = (m - 1 + i.length) % i.length;
+            g = (h - 1 + i.length) % i.length;
             break;
           case "Home":
-            b = 0;
+            g = 0;
             break;
           case "End":
-            b = i.length - 1;
+            g = i.length - 1;
             break;
           default:
             return;
         }
         a.preventDefault();
-        const u = i[b];
+        const u = i[g];
         u && (u.focus(), u.click());
       }
     }
   );
-}), at = P(function({ value: e, type: n = "button", className: o, onClick: r, children: s, ...a }, p) {
-  const d = le("Tabs.Trigger"), i = d.value === e, m = V() ?? !1;
+}), ct = N(function({ value: e, type: n = "button", className: o, onClick: r, children: s, ...a }, p) {
+  const d = le("Tabs.Trigger"), i = d.value === e, h = V() ?? !1;
   return /* @__PURE__ */ C(
     "button",
     {
@@ -512,14 +568,14 @@ const it = P(function({ className: e, onKeyDown: n, ...o }, r) {
       ref: p,
       type: n,
       role: "tab",
-      id: we(d.baseId, e),
+      id: _e(d.baseId, e),
       "aria-selected": i,
-      "aria-controls": _e(d.baseId, e),
+      "aria-controls": we(d.baseId, e),
       tabIndex: i ? 0 : -1,
       "data-state": i ? "active" : "inactive",
-      className: k("uk-tabs__trigger", o),
-      onClick: (h) => {
-        r?.(h), h.defaultPrevented || d.setValue(e);
+      className: T("uk-tabs__trigger", o),
+      onClick: (m) => {
+        r?.(m), m.defaultPrevented || d.setValue(e);
       },
       children: [
         s,
@@ -529,13 +585,13 @@ const it = P(function({ className: e, onKeyDown: n, ...o }, r) {
             className: "uk-tabs__indicator",
             layoutId: d.indicatorId,
             "aria-hidden": "true",
-            transition: m ? { duration: 0 } : ce
+            transition: h ? { duration: 0 } : ce
           }
         ) : null
       ]
     }
   );
-}), st = P(function({ value: e, className: n, ...o }, r) {
+}), lt = N(function({ value: e, className: n, ...o }, r) {
   const s = le("Tabs.Content"), a = s.value === e;
   return /* @__PURE__ */ c(
     "div",
@@ -543,22 +599,22 @@ const it = P(function({ className: e, onKeyDown: n, ...o }, r) {
       ...o,
       ref: r,
       role: "tabpanel",
-      id: _e(s.baseId, e),
-      "aria-labelledby": we(s.baseId, e),
+      id: we(s.baseId, e),
+      "aria-labelledby": _e(s.baseId, e),
       hidden: !a,
       tabIndex: 0,
       "data-state": a ? "active" : "inactive",
-      className: k("uk-tabs__panel", n)
+      className: T("uk-tabs__panel", n)
     }
   );
-}), Lt = Object.assign(rt, {
-  List: it,
-  Trigger: at,
-  Content: st
-}), xe = q(null), ct = () => () => {
-}, lt = () => !0, ut = () => !1;
-function W(t) {
-  const e = X(xe);
+}), Ot = Object.assign(at, {
+  List: st,
+  Trigger: ct,
+  Content: lt
+}), xe = Y(null), ut = () => () => {
+}, dt = () => !0, pt = () => !1;
+function J(t) {
+  const e = W(xe);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Dialog.Root>`);
   return e;
@@ -568,20 +624,20 @@ function Ce(t, e) {
     t?.(n), n.defaultPrevented || e(n);
   };
 }
-function Ee({
+function Ne({
   children: t,
   open: e,
   defaultOpen: n,
   onOpenChange: o
 }) {
-  const r = R(), [s, a] = M(!1), [p, d] = M(!1), [i, m] = Y({
+  const r = D(), [s, a] = M(!1), [p, d] = M(!1), [i, h] = G({
     value: e,
     defaultValue: n ?? !1,
     onChange: o
-  }), h = U(
+  }), m = j(
     () => ({
       open: i,
-      setOpen: m,
+      setOpen: h,
       triggerId: `${r}-trigger`,
       contentId: `${r}-content`,
       titleId: `${r}-title`,
@@ -591,13 +647,13 @@ function Ee({
       hasDescription: p,
       setHasDescription: d
     }),
-    [r, i, p, s, m]
+    [r, i, p, s, h]
   );
-  return /* @__PURE__ */ c(xe.Provider, { value: h, children: t });
+  return /* @__PURE__ */ c(xe.Provider, { value: m, children: t });
 }
-function dt({ children: t }) {
-  const e = W("Dialog.Trigger"), n = t, o = n.props.onClick;
-  return j(n, {
+function ft({ children: t }) {
+  const e = J("Dialog.Trigger"), n = t, o = n.props.onClick;
+  return X(n, {
     id: e.triggerId,
     "aria-haspopup": "dialog",
     "aria-expanded": e.open,
@@ -607,14 +663,14 @@ function dt({ children: t }) {
     })
   });
 }
-function Ne({
+function Ee({
   children: t,
   label: e = "Close"
 }) {
-  const n = W("Dialog.Close");
-  if (Z(t)) {
+  const n = J("Dialog.Close");
+  if (U(t)) {
     const o = t, r = o.props.onClick;
-    return j(o, {
+    return X(o, {
       onClick: Ce(r, () => {
         n.setOpen(!1);
       })
@@ -622,53 +678,53 @@ function Ne({
   }
   return /* @__PURE__ */ c(ye, { variant: "ghost", onClick: () => n.setOpen(!1), children: e });
 }
-const Pe = P(function({ className: e, ...n }, o) {
+const Pe = N(function({ className: e, ...n }, o) {
   return /* @__PURE__ */ c(
     "header",
     {
       ...n,
       ref: o,
-      className: k("uk-dialog__header", e)
+      className: T("uk-dialog__header", e)
     }
   );
-}), De = P(function({ className: e, children: n, ...o }, r) {
-  const s = W("Dialog.Title"), a = s.setHasTitle;
+}), De = N(function({ className: e, children: n, ...o }, r) {
+  const s = J("Dialog.Title"), a = s.setHasTitle;
   return O(() => (a(!0), () => a(!1)), [a]), /* @__PURE__ */ c(
     "h2",
     {
       ...o,
       ref: r,
       id: s.titleId,
-      className: k("uk-dialog__title", e),
+      className: T("uk-dialog__title", e),
       children: n
     }
   );
-}), Re = P(
+}), Le = N(
   function({ className: e, ...n }, o) {
-    const r = W("Dialog.Description"), s = r.setHasDescription;
+    const r = J("Dialog.Description"), s = r.setHasDescription;
     return O(() => (s(!0), () => s(!1)), [s]), /* @__PURE__ */ c(
       "p",
       {
         ...n,
         ref: o,
         id: r.descriptionId,
-        className: k("uk-dialog__description", e)
+        className: T("uk-dialog__description", e)
       }
     );
   }
-), Le = P(function({ className: e, ...n }, o) {
-  return /* @__PURE__ */ c("div", { ...n, ref: o, className: k("uk-dialog__body", e) });
-}), Se = P(function({ className: e, ...n }, o) {
+), Re = N(function({ className: e, ...n }, o) {
+  return /* @__PURE__ */ c("div", { ...n, ref: o, className: T("uk-dialog__body", e) });
+}), Se = N(function({ className: e, ...n }, o) {
   return /* @__PURE__ */ c(
     "footer",
     {
       ...n,
       ref: o,
-      className: k("uk-dialog__footer", e)
+      className: T("uk-dialog__footer", e)
     }
   );
 });
-function pt({
+function ht({
   requestClose: t,
   contentId: e,
   titleId: n,
@@ -679,69 +735,69 @@ function pt({
   closeOnBackdropClick: p = !0,
   closeOnEscape: d = !0,
   initialFocusRef: i,
-  returnFocusRef: m,
-  className: h,
+  returnFocusRef: h,
+  className: m,
   "aria-label": f,
-  "aria-labelledby": b,
+  "aria-labelledby": g,
   "aria-describedby": u
 }) {
-  const g = N(null), y = N(null), v = ae(), T = V() ?? !1;
-  return We(!0), re(() => {
-    const l = g.current;
-    l && (y.current ?? (y.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), !l.open && (typeof l.showModal == "function" ? l.showModal() : l.setAttribute("open", "")));
-  }, []), Je({
+  const k = P(null), b = P(null), v = ae(), y = V() ?? !1;
+  return Ye(!0), re(() => {
+    const l = k.current;
+    l && (b.current ?? (b.current = document.activeElement instanceof HTMLElement ? document.activeElement : null), !l.open && (typeof l.showModal == "function" ? l.showModal() : l.setAttribute("open", "")));
+  }, []), We({
     active: !0,
-    containerRef: g,
+    containerRef: k,
     initialFocusRef: i,
-    returnFocusRef: m ?? y
+    returnFocusRef: h ?? b
   }), O(() => {
-    const l = g.current;
+    const l = k.current;
     if (!l)
       return;
     const I = () => {
       l.open || (typeof l.showModal == "function" ? l.showModal() : l.setAttribute("open", ""));
-    }, w = () => {
+    }, _ = () => {
       if (!d) {
         I();
         return;
       }
       t();
-    }, _ = (x) => {
+    }, w = (x) => {
       x.preventDefault(), d && t();
     }, $ = (x) => {
       d || x.key !== "Escape" || x.defaultPrevented || (x.preventDefault(), x.stopPropagation());
-    }, L = (x) => {
+    }, R = (x) => {
       p && x.target === l && t();
     };
-    return l.addEventListener("close", w), l.addEventListener("cancel", _), l.addEventListener("keydown", $, !0), l.addEventListener("click", L), () => {
-      l.removeEventListener("close", w), l.removeEventListener("cancel", _), l.removeEventListener("keydown", $, !0), l.removeEventListener("click", L);
+    return l.addEventListener("close", _), l.addEventListener("cancel", w), l.addEventListener("keydown", $, !0), l.addEventListener("click", R), () => {
+      l.removeEventListener("close", _), l.removeEventListener("cancel", w), l.removeEventListener("keydown", $, !0), l.removeEventListener("click", R);
     };
   }, [p, d, t]), /* @__PURE__ */ c(
     "dialog",
     {
-      ref: g,
+      ref: k,
       id: e,
-      className: k("uk-dialog", h),
+      className: T("uk-dialog", m),
       closedby: d || p ? "any" : "none",
       "data-state": v ? "open" : "closed",
       inert: !v,
       "aria-label": f,
-      "aria-labelledby": b ?? (f ? void 0 : r ? n : void 0),
+      "aria-labelledby": g ?? (f ? void 0 : r ? n : void 0),
       "aria-describedby": u ?? (s ? o : void 0),
       children: /* @__PURE__ */ c(
         E.div,
         {
           className: "uk-dialog__panel",
-          initial: T ? { opacity: 0 } : {
+          initial: y ? { opacity: 0 } : {
             opacity: 0,
             transform: "translateY(12px) scale(0.96)"
           },
           animate: {
             opacity: 1,
             transform: "translateY(0px) scale(1)",
-            transition: T ? K : { ...me, delay: 0.06 }
+            transition: y ? z : { ...me, delay: 0.06 }
           },
-          exit: T ? { opacity: 0, transition: K } : {
+          exit: y ? { opacity: 0, transition: z } : {
             opacity: 0,
             transform: "translateY(8px) scale(0.97)",
             transition: me
@@ -763,18 +819,18 @@ function Me({
   "aria-labelledby": p,
   "aria-describedby": d
 }) {
-  const i = W("Dialog.Content"), m = S(() => {
+  const i = J("Dialog.Content"), h = S(() => {
     i.setOpen(!1);
   });
   return oe(
-    ct,
-    lt,
-    ut
+    ut,
+    dt,
+    pt
   ) ? se(
     /* @__PURE__ */ c(ie, { reducedMotion: "user", children: /* @__PURE__ */ c(A, { children: i.open ? /* @__PURE__ */ c(
-      pt,
+      ht,
       {
-        requestClose: m,
+        requestClose: h,
         contentId: i.contentId,
         titleId: i.titleId,
         descriptionId: i.descriptionId,
@@ -795,7 +851,7 @@ function Me({
     document.body
   ) : null;
 }
-function ft({
+function mt({
   open: t,
   onOpenChange: e,
   title: n,
@@ -806,27 +862,27 @@ function ft({
   showCloseButton: p = !0,
   closeOnBackdropClick: d = !0,
   closeOnEscape: i = !0,
-  initialFocusRef: m,
-  returnFocusRef: h,
+  initialFocusRef: h,
+  returnFocusRef: m,
   className: f,
-  "aria-label": b
+  "aria-label": g
 }) {
-  return /* @__PURE__ */ c(Ee, { open: t, onOpenChange: e, children: /* @__PURE__ */ C(
+  return /* @__PURE__ */ c(Ne, { open: t, onOpenChange: e, children: /* @__PURE__ */ C(
     Me,
     {
       className: f,
       closeOnBackdropClick: d,
       closeOnEscape: i,
-      initialFocusRef: m,
-      returnFocusRef: h,
-      "aria-label": b,
+      initialFocusRef: h,
+      returnFocusRef: m,
+      "aria-label": g,
       children: [
         n || o || p ? /* @__PURE__ */ C(Pe, { children: [
           /* @__PURE__ */ C("div", { className: "uk-dialog__heading", children: [
             n ? /* @__PURE__ */ c(De, { children: n }) : null,
-            o ? /* @__PURE__ */ c(Re, { children: o }) : null
+            o ? /* @__PURE__ */ c(Le, { children: o }) : null
           ] }),
-          p ? /* @__PURE__ */ c(Ne, { children: /* @__PURE__ */ c(
+          p ? /* @__PURE__ */ c(Ee, { children: /* @__PURE__ */ c(
             ye,
             {
               variant: "ghost",
@@ -855,26 +911,108 @@ function ft({
             }
           ) }) : null
         ] }) : null,
-        /* @__PURE__ */ c(Le, { children: s }),
+        /* @__PURE__ */ c(Re, { children: s }),
         r ? /* @__PURE__ */ c(Se, { children: r }) : null
       ]
     }
   ) });
 }
-const St = Object.assign(ft, {
-  Root: Ee,
-  Trigger: dt,
+const $t = Object.assign(mt, {
+  Root: Ne,
+  Trigger: ft,
   Content: Me,
   Header: Pe,
   Title: De,
-  Description: Re,
-  Body: Le,
+  Description: Le,
+  Body: Re,
   Footer: Se,
-  Close: Ne
-}), Oe = q(null), $e = () => () => {
+  Close: Ee
+});
+function bt(t, e) {
+  if (!(e instanceof Element))
+    return !1;
+  const n = e.closest(
+    'a, button, input, select, textarea, label, [contenteditable="true"], [role="button"]'
+  );
+  return n !== null && n !== t;
+}
+const Bt = N(function({
+  children: e,
+  className: n,
+  direction: o = "left",
+  speed: r = 30,
+  pauseOnHover: s = !0,
+  gap: a = "1rem",
+  fade: p = !0,
+  paused: d = !1,
+  items: i,
+  onItemClick: h,
+  ...m
+}, f) {
+  const g = i ? i.map((b) => ({
+    key: b.key,
+    content: b.content,
+    data: b.data
+  })) : Xe.toArray(e).map((b, v) => ({
+    key: U(b) ? b.key ?? null : null,
+    content: b,
+    data: void 0
+  })), u = (b, v, y) => {
+    !h || y.defaultPrevented || bt(y.currentTarget, y.target) || h({ index: v, key: b.key, data: b.data }, y);
+  }, k = (b, v, y) => {
+    !h || y.defaultPrevented || (y.key === "Enter" || y.key === " ") && (y.preventDefault(), h({ index: v, key: b.key, data: b.data }, y));
+  };
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      ...m,
+      ref: f,
+      className: T("uk-marquee", n),
+      "data-direction": o,
+      "data-fade": p ? "true" : void 0,
+      "data-pause-on-hover": s ? "true" : void 0,
+      "data-paused": d ? "true" : "false",
+      style: {
+        ...m.style,
+        "--uk-marquee-gap": a,
+        "--uk-marquee-duration": `${r}s`,
+        gap: a
+      },
+      children: [!1, !0].map((b) => /* @__PURE__ */ c(
+        "div",
+        {
+          "aria-hidden": b,
+          className: "uk-marquee__track",
+          "data-duplicate": b ? "true" : void 0,
+          inert: b && !h,
+          role: b ? "presentation" : void 0,
+          onFocusCapture: b ? (v) => {
+            v.target instanceof HTMLElement && v.target.blur();
+          } : void 0,
+          children: g.map((v, y) => /* @__PURE__ */ c(
+            "div",
+            {
+              className: "uk-marquee__item",
+              "data-clickable": h ? "true" : void 0,
+              ...h ? {
+                role: b ? void 0 : "button",
+                tabIndex: b ? -1 : 0,
+                onClick: (l) => u(v, y, l),
+                onKeyDown: b ? void 0 : (l) => k(v, y, l)
+              } : {},
+              children: v.content
+            },
+            b ? `duplicate-${y}` : v.key ?? y
+          ))
+        },
+        b ? "duplicate" : "primary"
+      ))
+    }
+  );
+}), Oe = Y(null), $e = () => () => {
 }, Be = () => !0, Ae = () => !1;
 function He(t) {
-  const e = X(Oe);
+  const e = W(Oe);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Tooltip.Root>`);
   return e;
@@ -886,12 +1024,12 @@ function Fe(t, e) {
   const n = typeof t == "string" ? t.split(/\s+/).filter(Boolean) : [];
   return Array.from(/* @__PURE__ */ new Set([...n, e])).join(" ");
 }
-function D(t, e) {
+function L(t, e) {
   return (n) => {
     t?.(n), n.defaultPrevented || e(n);
   };
 }
-function ht({
+function gt({
   children: t,
   open: e,
   defaultOpen: n,
@@ -899,18 +1037,18 @@ function ht({
   delayDuration: r = 300,
   closeDelay: s = 80
 }) {
-  const a = R(), [p, d] = M(
+  const a = D(), [p, d] = M(
     null
-  ), i = N(null), m = N(null), [h, f] = Y({
+  ), i = P(null), h = P(null), [m, f] = G({
     value: e,
     defaultValue: n ?? !1,
     onChange: o
-  }), b = G(() => {
+  }), g = q(() => {
     i.current !== null && (clearTimeout(i.current), i.current = null);
-  }, []), u = G(() => {
-    m.current !== null && (clearTimeout(m.current), m.current = null);
-  }, []), g = S((l = !1) => {
-    if (b(), u(), !h) {
+  }, []), u = q(() => {
+    h.current !== null && (clearTimeout(h.current), h.current = null);
+  }, []), k = S((l = !1) => {
+    if (g(), u(), !m) {
       if (l || r <= 0) {
         f(!0);
         return;
@@ -919,75 +1057,75 @@ function ht({
         i.current = null, f(!0);
       }, r);
     }
-  }), y = S(() => {
-    if (b(), u(), !!h) {
+  }), b = S(() => {
+    if (g(), u(), !!m) {
       if (s <= 0) {
         f(!1);
         return;
       }
-      m.current = setTimeout(() => {
-        m.current = null, f(!1);
+      h.current = setTimeout(() => {
+        h.current = null, f(!1);
       }, s);
     }
   }), v = S(() => {
-    b(), u(), f(!1);
+    g(), u(), f(!1);
   });
   O(() => {
-    h ? u() : b();
-  }, [u, b, h]), O(
+    m ? u() : g();
+  }, [u, g, m]), O(
     () => () => {
-      b(), u();
+      g(), u();
     },
-    [u, b]
+    [u, g]
   );
-  const T = U(
+  const y = j(
     () => ({
-      open: h,
+      open: m,
       triggerElement: p,
       setTriggerElement: d,
       contentId: a,
-      requestOpen: g,
-      requestClose: y,
+      requestOpen: k,
+      requestClose: b,
       dismiss: v
     }),
-    [a, h, v, y, g, p]
+    [a, m, v, b, k, p]
   );
-  return /* @__PURE__ */ c(Oe.Provider, { value: T, children: t });
+  return /* @__PURE__ */ c(Oe.Provider, { value: y, children: t });
 }
-function mt({ children: t }) {
+function yt({ children: t }) {
   const e = He("Tooltip.Trigger"), { setTriggerElement: n } = e;
-  if (!Z(t))
+  if (!U(t))
     throw new Error("<Tooltip.Trigger> expects a single valid React element");
-  const o = t, r = o.props, s = r.ref ?? o.ref, a = r.onPointerEnter, p = r.onPointerLeave, d = r.onFocus, i = r.onBlur, m = r.onKeyDown, h = G(
+  const o = t, r = o.props, s = r.ref ?? o.ref, a = r.onPointerEnter, p = r.onPointerLeave, d = r.onFocus, i = r.onBlur, h = r.onKeyDown, m = q(
     (f) => {
       Ve(s, f), n(f);
     },
     [s, n]
   );
-  return j(o, {
-    ref: h,
+  return X(o, {
+    ref: m,
     "aria-describedby": e.open ? Fe(r["aria-describedby"], e.contentId) : r["aria-describedby"],
-    onPointerEnter: D(a, (f) => {
+    onPointerEnter: L(a, (f) => {
       e.requestOpen(f.pointerType === "touch");
     }),
-    onPointerLeave: D(p, (f) => {
+    onPointerLeave: L(p, (f) => {
       f.pointerType !== "touch" && e.requestClose();
     }),
-    onFocus: D(d, () => {
+    onFocus: L(d, () => {
       e.requestOpen();
     }),
-    onBlur: D(i, () => {
+    onBlur: L(i, () => {
       e.requestClose();
     }),
-    onKeyDown: D(m, (f) => {
+    onKeyDown: L(h, (f) => {
       f.key === "Escape" && e.open && (f.preventDefault(), f.stopPropagation(), e.dismiss());
     })
   });
 }
-function J(t, e, n) {
+function Q(t, e, n) {
   return n < e ? e : Math.min(Math.max(t, e), n);
 }
-function bt(t) {
+function vt(t) {
   switch (t) {
     case "top":
       return "bottom";
@@ -1020,7 +1158,7 @@ function be(t, e, n, o, r, s, a) {
     a
   ) >= (n === "top" || n === "bottom" ? e.height : e.width) + o;
 }
-function gt({
+function kt({
   trigger: t,
   tooltip: e,
   side: n,
@@ -1041,15 +1179,15 @@ function gt({
     d,
     s
   )) {
-    const y = bt(n), v = be(
+    const b = vt(n), v = be(
       t,
       e,
-      y,
+      b,
       r,
       p,
       d,
       s
-    ), T = ne(
+    ), y = ne(
       t,
       n,
       p,
@@ -1057,46 +1195,46 @@ function gt({
       s
     ), l = ne(
       t,
-      y,
+      b,
       p,
       d,
       s
     );
-    (v || l > T) && (i = y);
+    (v || l > y) && (i = b);
   }
-  const m = t.left + t.width / 2, h = t.top + t.height / 2;
-  let f = 0, b = 0;
+  const h = t.left + t.width / 2, m = t.top + t.height / 2;
+  let f = 0, g = 0;
   switch (i) {
     case "top":
     case "bottom":
-      f = o === "start" ? t.left : o === "end" ? t.right - e.width : m - e.width / 2, b = i === "top" ? t.top - e.height - r : t.bottom + r;
+      f = o === "start" ? t.left : o === "end" ? t.right - e.width : h - e.width / 2, g = i === "top" ? t.top - e.height - r : t.bottom + r;
       break;
     case "left":
     case "right":
-      f = i === "left" ? t.left - e.width - r : t.right + r, b = o === "start" ? t.top : o === "end" ? t.bottom - e.height : h - e.height / 2;
+      f = i === "left" ? t.left - e.width - r : t.right + r, g = o === "start" ? t.top : o === "end" ? t.bottom - e.height : m - e.height / 2;
       break;
   }
-  a && (f = J(
+  a && (f = Q(
     f,
     s,
     p - e.width - s
-  ), b = J(
-    b,
+  ), g = Q(
+    g,
     s,
     d - e.height - s
   ));
-  const u = 10, g = i === "top" || i === "bottom" ? J(
-    m - f,
+  const u = 10, k = i === "top" || i === "bottom" ? Q(
+    h - f,
     u,
     Math.max(u, e.width - u)
-  ) : J(
-    h - b,
+  ) : Q(
+    m - g,
     u,
     Math.max(u, e.height - u)
   );
-  return { x: f, y: b, side: i, arrowOffset: g };
+  return { x: f, y: g, side: i, arrowOffset: k };
 }
-function Ge(t, e, {
+function qe(t, e, {
   side: n,
   align: o,
   sideOffset: r,
@@ -1108,12 +1246,12 @@ function Ge(t, e, {
     const i = e.current;
     if (!i || !t)
       return;
-    const m = () => {
-      const f = t.getBoundingClientRect(), b = i.getBoundingClientRect();
+    const h = () => {
+      const f = t.getBoundingClientRect(), g = i.getBoundingClientRect();
       d(
-        gt({
+        kt({
           trigger: f,
-          tooltip: b,
+          tooltip: g,
           side: n,
           align: o,
           sideOffset: r,
@@ -1124,10 +1262,10 @@ function Ge(t, e, {
         })
       );
     };
-    m(), window.addEventListener("resize", m), window.addEventListener("scroll", m, !0);
-    const h = typeof ResizeObserver > "u" ? null : new ResizeObserver(m);
-    return h?.observe(t), h?.observe(i), () => {
-      window.removeEventListener("resize", m), window.removeEventListener("scroll", m, !0), h?.disconnect();
+    h(), window.addEventListener("resize", h), window.addEventListener("scroll", h, !0);
+    const m = typeof ResizeObserver > "u" ? null : new ResizeObserver(h);
+    return m?.observe(t), m?.observe(i), () => {
+      window.removeEventListener("resize", h), window.removeEventListener("scroll", h, !0), m?.disconnect();
     };
   }, [
     o,
@@ -1139,7 +1277,7 @@ function Ge(t, e, {
     t
   ]), p;
 }
-function ze(t, e, n) {
+function Ge(t, e, n) {
   O(() => {
     const o = (a) => {
       const p = a.target;
@@ -1169,7 +1307,7 @@ function Ke(t) {
       return "center";
   }
 }
-function yt({
+function It({
   contentId: t,
   triggerElement: e,
   dismiss: n,
@@ -1180,45 +1318,45 @@ function yt({
   align: p = "center",
   sideOffset: d = 8,
   collisionPadding: i = 8,
-  avoidCollisions: m = !0,
-  ...h
+  avoidCollisions: h = !0,
+  ...m
 }) {
-  const f = N(null), b = V() ?? !1, u = ae(), g = Ge(e, f, {
+  const f = P(null), g = V() ?? !1, u = ae(), k = qe(e, f, {
     side: a,
     align: p,
     sideOffset: d,
     collisionPadding: i,
-    avoidCollisions: m
+    avoidCollisions: h
   });
-  ze(e, f, n);
-  const y = Ke(g?.side ?? a), v = {
+  Ge(e, f, n);
+  const b = Ke(k?.side ?? a), v = {
     ...s,
-    left: g ? `${g.x}px` : 0,
-    top: g ? `${g.y}px` : 0,
-    visibility: g ? "visible" : "hidden"
+    left: k ? `${k.x}px` : 0,
+    top: k ? `${k.y}px` : 0,
+    visibility: k ? "visible" : "hidden"
   };
   return /* @__PURE__ */ c(
     "div",
     {
-      ...h,
+      ...m,
       ref: f,
       id: t,
       role: "tooltip",
-      "data-side": g?.side ?? a,
+      "data-side": k?.side ?? a,
       "data-align": p,
       "data-state": u ? "open" : "closed",
       "aria-hidden": u ? void 0 : !0,
-      className: k("uk-tooltip", r),
+      className: T("uk-tooltip", r),
       style: v,
       children: /* @__PURE__ */ C(
         E.div,
         {
           className: "uk-tooltip__surface",
-          style: { transformOrigin: y },
-          initial: b ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+          style: { transformOrigin: b },
+          initial: g ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
           animate: { opacity: 1, scale: 1 },
-          exit: b ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
-          transition: b ? K : ve,
+          exit: g ? { opacity: 0 } : { opacity: 0, scale: 0.96 },
+          transition: g ? z : ve,
           children: [
             /* @__PURE__ */ c(
               "span",
@@ -1226,7 +1364,7 @@ function yt({
                 className: "uk-tooltip__arrow",
                 "aria-hidden": "true",
                 style: {
-                  "--uk-tooltip-arrow-offset": `${g?.arrowOffset ?? 0}px`
+                  "--uk-tooltip-arrow-offset": `${k?.arrowOffset ?? 0}px`
                 }
               }
             ),
@@ -1237,7 +1375,7 @@ function yt({
     }
   );
 }
-function vt(t) {
+function Tt(t) {
   const e = He("Tooltip.Content"), o = oe(
     $e,
     Be,
@@ -1245,7 +1383,7 @@ function vt(t) {
   ) && e.triggerElement ? e.triggerElement.closest("dialog") ?? document.body : null;
   return !o || !e.triggerElement ? null : se(
     /* @__PURE__ */ c(ie, { reducedMotion: "user", children: /* @__PURE__ */ c(A, { children: e.open ? /* @__PURE__ */ c(
-      yt,
+      It,
       {
         contentId: e.contentId,
         triggerElement: e.triggerElement,
@@ -1257,16 +1395,16 @@ function vt(t) {
     o
   );
 }
-const Ue = q(
+const ze = Y(
   null
 );
-function It(t) {
-  const e = X(Ue);
+function _t(t) {
+  const e = W(ze);
   if (!e)
     throw new Error(`<${t}> must be rendered inside <Tooltip.Group>`);
   return e;
 }
-function Tt({
+function wt({
   activeValue: t,
   content: e,
   contentClassName: n,
@@ -1277,17 +1415,17 @@ function Tt({
   align: p,
   sideOffset: d,
   collisionPadding: i,
-  avoidCollisions: m
+  avoidCollisions: h
 }) {
-  const h = N(null), f = V() ?? !1, b = ae(), u = Ge(s, h, {
+  const m = P(null), f = V() ?? !1, g = ae(), u = qe(s, m, {
     side: a,
     align: p,
     sideOffset: d,
     collisionPadding: i,
-    avoidCollisions: m
+    avoidCollisions: h
   });
-  ze(s, h, r);
-  const g = {
+  Ge(s, m, r);
+  const k = {
     left: u ? `${u.x}px` : 0,
     top: u ? `${u.y}px` : 0,
     transformOrigin: Ke(u?.side ?? a),
@@ -1296,26 +1434,26 @@ function Tt({
   return /* @__PURE__ */ C(
     E.div,
     {
-      ref: h,
+      ref: m,
       id: o,
       role: "tooltip",
       layout: !f,
       layoutDependency: t,
       "data-side": u?.side ?? a,
       "data-align": p,
-      "data-state": b ? "open" : "closed",
-      "aria-hidden": b ? void 0 : !0,
-      className: k(
+      "data-state": g ? "open" : "closed",
+      "aria-hidden": g ? void 0 : !0,
+      className: T(
         "uk-tooltip",
         "uk-tooltip__surface",
         "uk-tooltip--group",
         n
       ),
-      style: g,
+      style: k,
       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 ? { ...K, layout: { duration: 0 } } : et,
+      transition: f ? { ...z, layout: { duration: 0 } } : nt,
       children: [
         /* @__PURE__ */ c(
           "span",
@@ -1333,7 +1471,7 @@ function Tt({
             className: "uk-tooltip__content",
             initial: { opacity: 0 },
             animate: { opacity: 1 },
-            transition: f ? K : ve,
+            transition: f ? z : ve,
             children: e
           },
           t
@@ -1342,7 +1480,7 @@ function Tt({
     }
   );
 }
-function kt({
+function xt({
   children: t,
   side: e = "top",
   align: n = "center",
@@ -1353,54 +1491,54 @@ function kt({
   closeDelay: p = 80,
   contentClassName: d
 }) {
-  const i = R(), [m, h] = M(
+  const i = D(), [h, m] = M(
     () => /* @__PURE__ */ new Map()
-  ), [f, b] = M(!1), [u, g] = M(null), y = N(null), v = N(null), T = oe(
+  ), [f, g] = M(!1), [u, k] = M(null), b = P(null), v = P(null), y = oe(
     $e,
     Be,
     Ae
-  ), l = G(() => {
-    y.current !== null && (clearTimeout(y.current), y.current = null);
-  }, []), I = G(() => {
+  ), l = q(() => {
+    b.current !== null && (clearTimeout(b.current), b.current = null);
+  }, []), I = q(() => {
     v.current !== null && (clearTimeout(v.current), v.current = null);
-  }, []), w = S((H, B = !1) => {
-    if (l(), I(), g(H), !f) {
+  }, []), _ = S((H, B = !1) => {
+    if (l(), I(), k(H), !f) {
       if (B || a <= 0) {
-        b(!0);
+        g(!0);
         return;
       }
-      y.current = setTimeout(() => {
-        y.current = null, b(!0);
+      b.current = setTimeout(() => {
+        b.current = null, g(!0);
       }, a);
     }
-  }), _ = S(() => {
+  }), w = S(() => {
     if (l(), I(), !!f) {
       if (p <= 0) {
-        b(!1);
+        g(!1);
         return;
       }
       v.current = setTimeout(() => {
-        v.current = null, b(!1);
+        v.current = null, g(!1);
       }, p);
     }
   }), $ = S(() => {
-    l(), I(), b(!1);
-  }), L = S(
-    (H, B, z) => {
-      h((ee) => {
+    l(), I(), g(!1);
+  }), R = S(
+    (H, B, K) => {
+      m((ee) => {
         const de = ee.get(H);
-        if (de?.triggerElement === B && Object.is(de.content, z))
+        if (de?.triggerElement === B && Object.is(de.content, K))
           return ee;
         const pe = new Map(ee);
-        return pe.set(H, { triggerElement: B, content: z }), pe;
+        return pe.set(H, { triggerElement: B, content: K }), pe;
       });
     }
   ), x = S((H) => {
-    h((B) => {
+    m((B) => {
       if (!B.has(H))
         return B;
-      const z = new Map(B);
-      return z.delete(H), z;
+      const K = new Map(B);
+      return K.delete(H), K;
     });
   });
   O(
@@ -1409,33 +1547,33 @@ function kt({
     },
     [I, l]
   );
-  const je = U(
+  const je = j(
     () => ({
       open: f,
       activeValue: u,
       contentId: i,
-      activate: w,
-      requestClose: _,
+      activate: _,
+      requestClose: w,
       dismiss: $,
-      register: L,
+      register: R,
       unregister: x
     }),
     [
-      w,
+      _,
       u,
       i,
       $,
       f,
-      L,
-      _,
+      R,
+      w,
       x
     ]
-  ), F = u ? m.get(u) : void 0, qe = f && !!F, ue = T && F ? F.triggerElement.closest("dialog") ?? document.body : null;
-  return /* @__PURE__ */ C(Ue.Provider, { value: je, children: [
+  ), F = u ? h.get(u) : void 0, Ue = f && !!F, ue = y && F ? F.triggerElement.closest("dialog") ?? document.body : null;
+  return /* @__PURE__ */ C(ze.Provider, { value: je, children: [
     t,
     ue && F ? se(
-      /* @__PURE__ */ c(ie, { reducedMotion: "user", children: /* @__PURE__ */ c(A, { children: qe ? /* @__PURE__ */ c(
-        Tt,
+      /* @__PURE__ */ c(ie, { reducedMotion: "user", children: /* @__PURE__ */ c(A, { children: Ue ? /* @__PURE__ */ c(
+        wt,
         {
           activeValue: u ?? "",
           content: F.content,
@@ -1455,59 +1593,61 @@ function kt({
     ) : null
   ] });
 }
-function wt({
+function Ct({
   value: t,
   content: e,
   children: n
 }) {
-  const o = It("Tooltip.Item"), { register: r, unregister: s } = o, [a, p] = M(
+  const o = _t("Tooltip.Item"), { register: r, unregister: s } = o, [a, p] = M(
     null
   );
-  if (!Z(n))
+  if (!U(n))
     throw new Error("<Tooltip.Item> expects a single valid React element");
-  const d = n, i = d.props, m = i.ref ?? d.ref, h = i.onPointerEnter, f = i.onPointerLeave, b = i.onFocus, u = i.onBlur, g = i.onKeyDown, y = o.open && o.activeValue === t, v = G(
-    (T) => {
-      Ve(m, T), p(T);
+  const d = n, i = d.props, h = i.ref ?? d.ref, m = i.onPointerEnter, f = i.onPointerLeave, g = i.onFocus, u = i.onBlur, k = i.onKeyDown, b = o.open && o.activeValue === t, v = q(
+    (y) => {
+      Ve(h, y), p(y);
     },
-    [m, p]
+    [h, p]
   );
   return re(() => {
     if (a)
       return r(t, a, e), () => s(t);
-  }, [e, r, a, s, t]), j(d, {
+  }, [e, r, a, s, t]), X(d, {
     ref: v,
-    "aria-describedby": y ? Fe(i["aria-describedby"], o.contentId) : i["aria-describedby"],
-    onPointerEnter: D(h, (T) => {
-      o.activate(t, T.pointerType === "touch");
+    "aria-describedby": b ? Fe(i["aria-describedby"], o.contentId) : i["aria-describedby"],
+    onPointerEnter: L(m, (y) => {
+      o.activate(t, y.pointerType === "touch");
     }),
-    onPointerLeave: D(f, (T) => {
-      T.pointerType !== "touch" && o.requestClose();
+    onPointerLeave: L(f, (y) => {
+      y.pointerType !== "touch" && o.requestClose();
     }),
-    onFocus: D(b, () => {
+    onFocus: L(g, () => {
       o.activate(t);
     }),
-    onBlur: D(u, () => {
+    onBlur: L(u, () => {
       o.requestClose();
     }),
-    onKeyDown: D(g, (T) => {
-      T.key === "Escape" && y && (T.preventDefault(), T.stopPropagation(), o.dismiss());
+    onKeyDown: L(k, (y) => {
+      y.key === "Escape" && b && (y.preventDefault(), y.stopPropagation(), o.dismiss());
     })
   });
 }
-const Mt = {
-  Root: ht,
-  Trigger: mt,
-  Content: vt,
-  Group: kt,
-  Item: wt
+const At = {
+  Root: gt,
+  Trigger: yt,
+  Content: Tt,
+  Group: xt,
+  Item: Ct
 };
 export {
   ye as Button,
-  St as Dialog,
-  Pt as Input,
-  Rt as Sidebar,
-  Dt as Switch,
-  Lt as Tabs,
-  Mt as Tooltip
+  Ze as CheckBox,
+  $t as Dialog,
+  Rt as Input,
+  Bt as Marquee,
+  Mt as Sidebar,
+  St as Switch,
+  Ot as Tabs,
+  At as Tooltip
 };
 //# sourceMappingURL=index.js.map