welcome-ui 8.1.0-alpha.3 → 8.1.1

package/dist/Tabs.mjs

@@ -1,29 +1,28 @@
 "use client";
-import { j as $ } from "./jsx-runtime-B7I4PJ0H.mjs";
-import { forwardRef as W } from "./System.mjs";
-import z, { th as S, system as he, css as k } from "@xstyled/styled-components";
-import { C as ne, a as re, d as Q, u as ge, e as Te } from "./P2CTZE2T-DOT1mNnX.mjs";
-import { t as ae, z as Pe, A as D, B as j, C as A, P as Z, d as g, g as p, G as ee, v as Ce, f as K, c as G, h as U, _ as X, i as Y, w as ie, l as $e, b as F, D as ce, a9 as ye, e as we, m as Ee } from "./LVA2YJMS-C-kJ1lkr.mjs";
-import { c as _e, b as Re, u as Le, a as Ne } from "./ITI7HKP4-C89kOQb8.mjs";
-import { e as Be, f as je } from "./VGCJ63VH-C0UPBY-5.mjs";
-import { m as Ae, o as te, c as Oe, s as O, d as E, g as ke, a as le, b as oe, u as V } from "./YV4JVR4I-DPC8mMuG.mjs";
-import { createContext as de, useMemo as De, useCallback as ue, useRef as M, useEffect as se, useState as q, Children as Ve, Fragment as ze, cloneElement as Fe } from "react";
-import { u as Me } from "./use-fork-ref-DvaCTfQ_.mjs";
-import { u as He } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
-import { u as We } from "./use-viewport-CWpjoHXy.mjs";
-import { u as Ke } from "./VEVQD5MH-0w9Y7Ytc.mjs";
-import { P as Ge, a as Ue } from "./MTZPJQMC-TybFZCho.mjs";
-var Xe = ae(
-  [Ue, re],
-  [Ge, ne]
-), Ye = Xe.useContext;
-de(!1);
-de(null);
-function qe(t = {}) {
+import L, { createContext as re, useMemo as ge, useCallback as ae, useRef as z, useEffect as Z, useState as K, Children as Te, Fragment as Pe, cloneElement as Ce } from "react";
+import { u as Ee } from "./use-fork-ref-CUZErtAC.mjs";
+import { u as $e } from "./use-viewport-CfklieD-.mjs";
+import { u as ye } from "./use-isomorphic-layout-effect-Izr-e2pi.mjs";
+import j, { th as x, system as we, css as D } from "@xstyled/styled-components";
+import { C as ie, a as ce, d as ee, u as _e, e as Re } from "./P2CTZE2T-Cl2w7OLV.mjs";
+import { v as le, A as Le, B as V, C as A, D as O, Q as te, d as g, g as p, H as oe, w as Ne, f as Q, c as U, h as X, _ as Y, i as q, x as de, l as Be, b as H, t as M, E as ue, aa as Ae, e as Oe, m as ke } from "./LVA2YJMS-DDEmK0pp.mjs";
+import { c as De, b as Ve, u as Fe, a as Me } from "./ITI7HKP4-EL9KXYBU.mjs";
+import { e as je, f as ze } from "./VGCJ63VH-BMzoZtCu.mjs";
+import { m as He, o as se, c as We, s as k, d as y, g as Ke, a as me, b as ne, u as F } from "./YV4JVR4I-Bh7B7TET.mjs";
+import { forwardRef as G } from "./System.mjs";
+import { u as Qe } from "./VEVQD5MH-CuegL0m0.mjs";
+import { P as Ue, a as Xe } from "./MTZPJQMC-CMjAwC0N.mjs";
+var Ye = le(
+  [Xe, ce],
+  [Ue, ie]
+), qe = Ye.useContext;
+re(!1);
+re(null);
+function Ge(t = {}) {
   var s = t, {
     composite: o,
     combobox: e
-  } = s, n = Pe(s, [
+  } = s, n = Le(s, [
     "composite",
     "combobox"
   ]);
@@ -38,42 +37,42 @@ function qe(t = {}) {
     "focusLoop",
     "focusShift",
     "focusWrap"
-  ], m = Ae(
+  ], m = He(
     n.store,
-    te(o, r),
-    te(e, r)
-  ), c = m == null ? void 0 : m.getState(), d = _e(D(A({}, n), {
+    se(o, r),
+    se(e, r)
+  ), c = m == null ? void 0 : m.getState(), d = De(V(O({}, n), {
     store: m,
     // We need to explicitly set the default value of `includesBaseElement` to
     // `false` since we don't want the composite store to default it to `true`
     // when the activeId state is null, which could be the case when rendering
     // combobox with tab.
-    includesBaseElement: j(
+    includesBaseElement: A(
       n.includesBaseElement,
       c == null ? void 0 : c.includesBaseElement,
       !1
     ),
-    orientation: j(
+    orientation: A(
       n.orientation,
       c == null ? void 0 : c.orientation,
       "horizontal"
     ),
-    focusLoop: j(n.focusLoop, c == null ? void 0 : c.focusLoop, !0)
-  })), a = Re(), T = D(A({}, d.getState()), {
-    selectedId: j(
+    focusLoop: A(n.focusLoop, c == null ? void 0 : c.focusLoop, !0)
+  })), a = Ve(), T = V(O({}, d.getState()), {
+    selectedId: A(
       n.selectedId,
       c == null ? void 0 : c.selectedId,
       n.defaultSelectedId
     ),
-    selectOnMove: j(
+    selectOnMove: A(
       n.selectOnMove,
       c == null ? void 0 : c.selectOnMove,
       !0
     )
-  }), i = Oe(T, d, m);
-  O(
+  }), i = We(T, d, m);
+  k(
     i,
-    () => E(i, ["moves"], () => {
+    () => y(i, ["moves"], () => {
       const { activeId: u, selectOnMove: f } = i.getState();
       if (!f || !u) return;
       const I = d.item(u);
@@ -81,62 +80,62 @@ function qe(t = {}) {
     })
   );
   let v = !0;
-  O(
+  k(
     i,
-    () => ke(i, ["selectedId"], (u, f) => {
+    () => Ke(i, ["selectedId"], (u, f) => {
       if (!v) {
         v = !0;
         return;
       }
       o && u.selectedId === f.selectedId || i.setState("activeId", u.selectedId);
     })
-  ), O(
+  ), k(
     i,
-    () => E(i, ["selectedId", "renderedItems"], (u) => {
+    () => y(i, ["selectedId", "renderedItems"], (u) => {
       if (u.selectedId !== void 0) return;
-      const { activeId: f, renderedItems: I } = i.getState(), x = d.item(f);
-      if (x && !x.disabled && !x.dimmed)
-        i.setState("selectedId", x.id);
+      const { activeId: f, renderedItems: I } = i.getState(), S = d.item(f);
+      if (S && !S.disabled && !S.dimmed)
+        i.setState("selectedId", S.id);
       else {
-        const y = I.find(
+        const E = I.find(
           (P) => !P.disabled && !P.dimmed
         );
-        i.setState("selectedId", y == null ? void 0 : y.id);
+        i.setState("selectedId", E == null ? void 0 : E.id);
       }
     })
-  ), O(
+  ), k(
     i,
-    () => E(i, ["renderedItems"], (u) => {
+    () => y(i, ["renderedItems"], (u) => {
       const f = u.renderedItems;
       if (f.length)
-        return E(a, ["renderedItems"], (I) => {
-          const x = I.renderedItems;
-          x.some((P) => !P.tabId) && x.forEach((P, R) => {
+        return y(a, ["renderedItems"], (I) => {
+          const S = I.renderedItems;
+          S.some((P) => !P.tabId) && S.forEach((P, _) => {
             if (P.tabId) return;
-            const N = f[R];
-            N && a.renderItem(D(A({}, P), { tabId: N.id }));
+            const N = f[_];
+            N && a.renderItem(V(O({}, P), { tabId: N.id }));
           });
         });
     })
   );
   let h = null;
-  return O(i, () => {
+  return k(i, () => {
     const u = () => {
       h = i.getState().selectedId;
     }, f = () => {
       v = !1, i.setState("selectedId", h);
     };
     if (o && "setSelectElement" in o)
-      return Z(
-        E(o, ["value"], u),
-        E(o, ["mounted"], f)
+      return te(
+        y(o, ["value"], u),
+        y(o, ["mounted"], f)
       );
     if (e)
-      return Z(
-        E(e, ["selectedValue"], u),
-        E(e, ["mounted"], f)
+      return te(
+        y(e, ["selectedValue"], u),
+        y(e, ["mounted"], f)
       );
-  }), D(A(A({}, d), i), {
+  }), V(O(O({}, d), i), {
     panels: a,
     setSelectedId: (u) => i.setState("selectedId", u),
     select: (u) => {
@@ -145,53 +144,53 @@ function qe(t = {}) {
   });
 }
 function Je(t, s, o) {
-  ee(s, [o.composite, o.combobox]), t = Le(t, s, o), oe(t, o, "selectedId", "setSelectedId"), oe(t, o, "selectOnMove");
-  const [e, n] = le(() => t.panels, {});
-  return ee(n, [t, n]), Object.assign(
-    De(() => g(p({}, t), { panels: e }), [t, e]),
+  oe(s, [o.composite, o.combobox]), t = Fe(t, s, o), ne(t, o, "selectedId", "setSelectedId"), ne(t, o, "selectOnMove");
+  const [e, n] = me(() => t.panels, {});
+  return oe(n, [t, n]), Object.assign(
+    ge(() => g(p({}, t), { panels: e }), [t, e]),
     { composite: o.composite, combobox: o.combobox }
   );
 }
-function Qe(t = {}) {
-  const s = Ke(), o = Ye() || s;
+function Ze(t = {}) {
+  const s = Qe(), o = qe() || s;
   t = g(p({}, t), {
     composite: t.composite !== void 0 ? t.composite : o,
     combobox: t.combobox !== void 0 ? t.combobox : s
   });
-  const [e, n] = le(qe, t);
+  const [e, n] = me(Ge, t);
   return Je(e, n, t);
 }
-var J = ae(
-  [re],
-  [ne]
-), Ze = J.useScopedContext, me = J.useProviderContext, be = J.ScopedContextProvider, et = "button", tt = G(function(s) {
+var J = le(
+  [ce],
+  [ie]
+), et = J.useScopedContext, be = J.useProviderContext, fe = J.ScopedContextProvider, tt = "button", ot = U(function(s) {
   var o = s, {
     store: e,
     getItem: n
-  } = o, r = X(o, [
+  } = o, r = Y(o, [
     "store",
     "getItem"
   ]), m;
-  const c = Ze();
-  e = e || c, Y(
+  const c = et();
+  e = e || c, q(
     e,
     process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
   );
-  const d = ie(), a = r.id || d, T = $e(r), i = ue(
+  const d = de(), a = r.id || d, T = Be(r), i = ae(
     (b) => {
-      const _ = g(p({}, b), { dimmed: T });
-      return n ? n(_) : _;
+      const w = g(p({}, b), { dimmed: T });
+      return n ? n(w) : w;
     },
     [T, n]
-  ), v = r.onClick, h = F((b) => {
+  ), v = r.onClick, h = H((b) => {
     v == null || v(b), !b.defaultPrevented && (e == null || e.setSelectedId(a));
   }), u = e.panels.useState(
     (b) => {
-      var _;
-      return (_ = b.items.find((l) => l.tabId === a)) == null ? void 0 : _.id;
+      var w;
+      return (w = b.items.find((l) => l.tabId === a)) == null ? void 0 : w.id;
     }
-  ), f = d ? r.shouldRegisterItem : !1, I = e.useState((b) => !!a && b.activeId === a), x = e.useState((b) => !!a && b.selectedId === a), y = e.useState((b) => !!e.item(b.activeId)), P = I || x && !y, R = x || ((m = r.accessibleWhenDisabled) != null ? m : !0);
-  if (V(
+  ), f = d ? r.shouldRegisterItem : !1, I = e.useState((b) => !!a && b.activeId === a), S = e.useState((b) => !!a && b.selectedId === a), E = e.useState((b) => !!e.item(b.activeId)), P = I || S && !E, _ = S || ((m = r.accessibleWhenDisabled) != null ? m : !0);
+  if (F(
     e.combobox || e.composite,
     "virtualFocus"
   ) && (r = g(p({}, r), {
@@ -199,66 +198,66 @@ var J = ae(
   })), r = g(p({
     id: a,
     role: "tab",
-    "aria-selected": x,
+    "aria-selected": S,
     "aria-controls": u || void 0
   }, r), {
     onClick: h
   }), e.composite) {
     const b = {
       id: a,
-      accessibleWhenDisabled: R,
+      accessibleWhenDisabled: _,
       store: e.composite,
       shouldRegisterItem: P && f,
       rowId: r.rowId,
       render: r.render
     };
     r = g(p({}, r), {
-      render: /* @__PURE__ */ $.jsx(
-        Q,
+      render: /* @__PURE__ */ M.jsx(
+        ee,
         g(p({}, b), {
-          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ $.jsx(Q, g(p({}, b), { store: e.combobox })) : b.render
+          render: e.combobox && e.composite !== e.combobox ? /* @__PURE__ */ M.jsx(ee, g(p({}, b), { store: e.combobox })) : b.render
         })
       )
     });
   }
-  return r = ge(g(p({
+  return r = _e(g(p({
     store: e
   }, r), {
-    accessibleWhenDisabled: R,
+    accessibleWhenDisabled: _,
     getItem: i,
     shouldRegisterItem: f
   })), r;
-}), ot = Ce(
-  K(function(s) {
-    const o = tt(s);
-    return U(et, o);
+}), st = Ne(
+  Q(function(s) {
+    const o = ot(s);
+    return X(tt, o);
   })
-), st = "div", nt = G(
+), nt = "div", rt = U(
   function(s) {
-    var o = s, { store: e } = o, n = X(o, ["store"]);
-    const r = me();
-    e = e || r, Y(
+    var o = s, { store: e } = o, n = Y(o, ["store"]);
+    const r = be();
+    e = e || r, q(
       e,
       process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
     );
     const m = e.useState(
       (c) => c.orientation === "both" ? void 0 : c.orientation
     );
-    return n = ce(
+    return n = ue(
       n,
-      (c) => /* @__PURE__ */ $.jsx(be, { value: e, children: c }),
+      (c) => /* @__PURE__ */ M.jsx(fe, { value: e, children: c }),
       [e]
     ), e.composite && (n = p({
       focusable: !1
     }, n)), n = p({
       role: "tablist",
       "aria-orientation": m
-    }, n), n = Ne(p({ store: e }, n)), n;
+    }, n), n = Me(p({ store: e }, n)), n;
   }
-), rt = K(function(s) {
-  const o = nt(s);
-  return U(st, o);
-}), at = "div", it = G(
+), at = Q(function(s) {
+  const o = rt(s);
+  return X(nt, o);
+}), it = "div", ct = U(
   function(s) {
     var o = s, {
       store: e,
@@ -267,7 +266,7 @@ var J = ae(
       getItem: m,
       scrollRestoration: c,
       scrollElement: d
-    } = o, a = X(o, [
+    } = o, a = Y(o, [
       "store",
       "unmountOnHide",
       "tabId",
@@ -275,40 +274,40 @@ var J = ae(
       "scrollRestoration",
       "scrollElement"
     ]);
-    const T = me();
-    e = e || T, Y(
+    const T = be();
+    e = e || T, q(
       e,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
     );
-    const i = M(null), v = ie(a.id), h = V(
+    const i = z(null), v = de(a.id), h = F(
       e.panels,
       () => {
         var l;
         return r || ((l = e == null ? void 0 : e.panels.item(v)) == null ? void 0 : l.tabId);
       }
-    ), u = V(
+    ), u = F(
       e,
       (l) => !!h && l.selectedId === h
-    ), f = Be({ open: u }), I = V(f, "mounted"), x = M(
+    ), f = je({ open: u }), I = F(f, "mounted"), S = z(
       /* @__PURE__ */ new Map()
-    ), y = F(() => {
+    ), E = H(() => {
       const l = i.current;
       return l ? d ? typeof d == "function" ? d(l) : "current" in d ? d.current : d : l : null;
     });
-    se(() => {
-      var l, w;
+    Z(() => {
+      var l, $;
       if (!c || !I) return;
-      const C = y();
+      const C = E();
       if (!C) return;
       if (c === "reset") {
         C.scroll(0, 0);
         return;
       }
       if (!h) return;
-      const L = x.current.get(h);
-      C.scroll((l = L == null ? void 0 : L.x) != null ? l : 0, (w = L == null ? void 0 : L.y) != null ? w : 0);
+      const R = S.current.get(h);
+      C.scroll((l = R == null ? void 0 : R.x) != null ? l : 0, ($ = R == null ? void 0 : R.y) != null ? $ : 0);
       const B = () => {
-        x.current.set(h, {
+        S.current.set(h, {
           x: C.scrollLeft,
           y: C.scrollTop
         });
@@ -316,21 +315,21 @@ var J = ae(
       return C.addEventListener("scroll", B), () => {
         C.removeEventListener("scroll", B);
       };
-    }, [c, I, h, y, e]);
-    const [P, R] = q(!1);
-    se(() => {
+    }, [c, I, h, E, e]);
+    const [P, _] = K(!1);
+    Z(() => {
       const l = i.current;
       if (!l) return;
-      const w = ye(l);
-      R(!!w.length);
+      const $ = Ae(l);
+      _(!!$.length);
     }, []);
-    const N = ue(
+    const N = ae(
       (l) => {
-        const w = g(p({}, l), { id: v || l.id, tabId: r });
-        return m ? m(w) : w;
+        const $ = g(p({}, l), { id: v || l.id, tabId: r });
+        return m ? m($) : $;
       },
       [v, r, m]
-    ), b = a.onKeyDown, _ = F((l) => {
+    ), b = a.onKeyDown, w = H((l) => {
       if (b == null || b(l), l.defaultPrevented || !(e != null && e.composite)) return;
       const C = {
         ArrowLeft: e.previous,
@@ -339,12 +338,12 @@ var J = ae(
         End: e.last
       }[l.key];
       if (!C) return;
-      const { selectedId: L } = e.getState(), B = C({ activeId: L });
+      const { selectedId: R } = e.getState(), B = C({ activeId: R });
       B && (l.preventDefault(), e.move(B));
     });
-    return a = ce(
+    return a = ue(
       a,
-      (l) => /* @__PURE__ */ $.jsx(be, { value: e, children: l }),
+      (l) => /* @__PURE__ */ M.jsx(fe, { value: e, children: l }),
       [e]
     ), a = g(p({
       id: v,
@@ -352,20 +351,26 @@ var J = ae(
       "aria-labelledby": h || void 0
     }, a), {
       children: n && !I ? null : a.children,
-      ref: we(i, a.ref),
-      onKeyDown: _
-    }), a = Ee(p({
+      ref: Oe(i, a.ref),
+      onKeyDown: w
+    }), a = ke(p({
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
       focusable: !e.composite && !P
-    }, a)), a = je(p({ store: f }, a)), a = Te(g(p({ store: e.panels }, a), { getItem: N })), a;
+    }, a)), a = ze(p({ store: f }, a)), a = Re(g(p({ store: e.panels }, a), { getItem: N })), a;
   }
-), ct = K(function(s) {
-  const o = it(s);
-  return U(at, o);
+), lt = Q(function(s) {
+  const o = ct(s);
+  return X(it, o);
 });
-const lt = z(rt)(
-  ({ size: t }) => k`
+function W(t) {
+  var s = Te.toArray(t);
+  return s.reduce(function(o, e) {
+    return e.type === Pe ? o.concat(W(e.props.children)) : (o.push(e), o);
+  }, []);
+}
+const dt = j(at)(
+  ({ size: t }) => D`
     position: relative;
     width: 100%;
     overflow-x: auto;
@@ -375,20 +380,20 @@ const lt = z(rt)(
 
     &[aria-orientation='vertical'] {
       flex-direction: column;
-      ${S("tabs.tabsBorder.vertical")};
+      ${x("tabs.tabsBorder.vertical")};
     }
 
-    ${S("tabs.tabsBorder.horizontal")};
+    ${x("tabs.tabsBorder.horizontal")};
 
-    ${fe} {
-      ${S(`tabs.item.size.${t}`)}
+    ${pe} {
+      ${x(`tabs.item.size.${t}`)}
     }
-    ${he};
+    ${we};
   `
-), fe = z.button`
+), pe = j.button`
   border: 0;
   background: none;
-  ${S("tabs.item.default")};
+  ${x("tabs.item.default")};
   display: flex;
   align-items: center;
   flex: none;
@@ -402,136 +407,126 @@ const lt = z(rt)(
     outline: none !important; /* important for firefox */
 
     &:not([aria-selected='true']) {
-      ${S("tabs.item.focus")};
+      ${x("tabs.item.focus")};
     }
   }
 
   &[aria-selected='true'] {
-    ${S("tabs.item.active")};
+    ${x("tabs.item.active")};
   }
 
   &[aria-disabled='true'] {
-    ${S("tabs.item.disabled")};
+    ${x("tabs.item.disabled")};
     cursor: auto;
   }
 
   &:hover:not([aria-selected='true']):not([aria-disabled='true']) {
-    ${S("tabs.item.focus")};
+    ${x("tabs.item.focus")};
   }
 
   & > svg,
   img {
-    ${S("tabs.icon")};
+    ${x("tabs.icon")};
   }
 
   & > span {
-    ${S("tabs.badge")};
+    ${x("tabs.badge")};
   }
-`, dt = z(ct)(
-  ({ orientation: t }) => k`
-    ${t === "vertical" ? S("tabs.panel.vertical") : S("tabs.panel.horizontal")};
+`, ut = j(lt)(
+  ({ orientation: t }) => D`
+    ${t === "vertical" ? x("tabs.panel.vertical") : x("tabs.panel.horizontal")};
   `
-), ut = ({ offset: t = 0, size: s = 0 }) => k`
-  ${S("tabs.activeBar.horizontal")};
+), mt = ({ offset: t = 0, size: s = 0 }) => D`
+  ${x("tabs.activeBar.horizontal")};
   left: 0;
   bottom: 0;
   width: ${s}px;
   transform: translateX(${t}px);
-`, mt = ({ offset: t = 0, size: s = 0 }) => k`
-  ${S("tabs.activeBar.vertical")};
+`, bt = ({ offset: t = 0, size: s = 0 }) => D`
+  ${x("tabs.activeBar.vertical")};
   right: 0;
   top: 0;
   height: ${s}px;
   transform: translateY(${t}px);
-`, bt = z.span(
-  ({ orientation: t, ...s }) => k`
+`, ft = j.span(
+  ({ orientation: t, ...s }) => D`
     position: absolute;
-    ${t === "vertical" ? mt(s) : ut(s)}
+    ${t === "vertical" ? bt(s) : mt(s)}
     will-change: width, transform;
     transition: medium;
     transition-property: transform, width;
   `
-);
-function H(t) {
-  var s = Ve.toArray(t);
-  return s.reduce(function(o, e) {
-    return e.type === ze ? o.concat(H(e.props.children)) : (o.push(e), o);
-  }, []);
-}
-const pe = (t) => {
+), ve = (t) => {
   if (!t || typeof window > "u") return 1;
   const s = Number(window.getComputedStyle(t).scale);
-  return isNaN(s) ? pe(t.parentElement) : s;
+  return isNaN(s) ? ve(t.parentElement) : s;
 };
-function ft(t, s, o) {
-  const [e, n] = q({}), { height: r, width: m } = We();
-  return He(() => {
+function pt(t, s, o) {
+  const [e, n] = K({}), { height: r, width: m } = $e();
+  return ye(() => {
     const c = t.current;
     if (!c || !s) return;
-    const d = c.getBoundingClientRect(), a = s.getBoundingClientRect(), T = pe(c);
+    const d = c.getBoundingClientRect(), a = s.getBoundingClientRect(), T = ve(c);
     if (o === "vertical") {
       const i = a.top - d.top, v = a.height;
       n({
+        size: v,
         offset: i,
-        orientation: o,
-        size: v
+        orientation: o
       });
     } else {
       const i = (a.left - d.left + c.scrollLeft) / T, v = a.width / T;
       n({
+        size: isNaN(v) ? 0 : v,
         offset: isNaN(i) ? 0 : i,
-        orientation: o,
-        size: isNaN(v) ? 0 : v
+        orientation: o
       });
     }
   }, [t, s, m, r, o]), e;
 }
-const ve = ({ activeTab: t, listRef: s, orientation: o }) => {
-  const e = ft(s, t, o);
-  return /* @__PURE__ */ $.jsx(bt, { ...e });
+const Ie = ({ activeTab: t, listRef: s, orientation: o }) => {
+  const e = pt(s, t, o);
+  return /* @__PURE__ */ L.createElement(ft, { ...e });
 };
-ve.displayName = "ActiveBar";
-const pt = H.default || H;
-function vt(t, s) {
-  const [o, e] = q(null);
-  return [pt(s).map((r) => r.props.id === t ? Fe(r, { ref: e }) : r), o];
+Ie.displayName = "ActiveBar";
+const vt = W.default || W;
+function It(t, s) {
+  const [o, e] = K(null);
+  return [vt(s).map((r) => r.props.id === t ? Ce(r, { ref: e }) : r), o];
 }
-const Ie = W(
+const Se = G(
   ({ children: t, size: s = "md", store: o, ...e }, n) => {
-    const r = M(), m = Me(n, r), { orientation: c, selectedId: d } = o.useState(), [a, T] = vt(d, t);
-    return /* @__PURE__ */ $.jsxs(lt, { orientation: c, ref: m, size: s, store: o, ...e, children: [
-      a,
-      a.length > 1 && /* @__PURE__ */ $.jsx(ve, { activeTab: T, listRef: r, orientation: c })
-    ] });
+    const r = z(), m = Ee(n, r), { orientation: c, selectedId: d } = o.useState(), [a, T] = It(d, t);
+    return /* @__PURE__ */ L.createElement(dt, { orientation: c, ref: m, size: s, store: o, ...e }, a, a.length > 1 && /* @__PURE__ */ L.createElement(Ie, { activeTab: T, listRef: r, orientation: c }));
   }
 );
-Ie.displayName = "TabList";
-const xe = W(
+Se.displayName = "TabList";
+const xe = G(
   ({ children: t, store: s, tabId: o, ...e }, n) => {
     const r = s.useState("orientation");
-    return /* @__PURE__ */ $.jsx(dt, { orientation: r, ref: n, store: s, tabId: o, ...e, children: t });
+    return /* @__PURE__ */ L.createElement(ut, { orientation: r, ref: n, store: s, tabId: o, ...e }, t);
   }
 );
 xe.displayName = "TabPanel";
-const Se = W(
-  ({ as: t, children: s, id: o, store: e, ...n }, r) => /* @__PURE__ */ $.jsx(
-    ot,
+const he = G(
+  ({ as: t, children: s, id: o, store: e, ...n }, r) => /* @__PURE__ */ L.createElement(
+    st,
     {
       id: o,
-      render: (m) => /* @__PURE__ */ $.jsx(fe, { as: t, ...m, ref: r }),
+      render: (m) => /* @__PURE__ */ L.createElement(pe, { as: t, ...m, ref: r }),
       store: e,
-      ...n,
-      children: s
-    }
+      ...n
+    },
+    s
   )
 );
-Se.displayName = "Tab";
-const Lt = Object.assign(Se, { List: Ie, Panel: xe });
+he.displayName = "Tab";
+const Lt = Object.assign(he, { List: Se, Panel: xe });
 function Nt(t) {
-  return Qe(t);
+  return Ze(t);
 }
 export {
   Lt as Tab,
-  Se as TabComponent,
+  he as TabComponent,
   Nt as useTab
 };