welcome-ui 9.0.0-alpha.4 → 9.0.0

package/dist/Tabs.js

@@ -1,216 +1,69 @@
 "use client";
-import { jsx as P, jsxs as pe } from "react/jsx-runtime";
-import { C as te, a as oe, h as U, b as ve, j as Ie } from "./P2CTZE2T-D1TepwxQ.js";
-import { v as se, w as Se, x as M, y as O, z as k, S as J, e as h, g as v, B as Q, m as xe, l as A, c as B, n as j, _ as H, i as K, C as ne, G as he, b as F, D as re, a0 as _e, f as Ce, W as ge } from "./LVA2YJMS-NUHCRwFZ.js";
-import { m as Pe, o as X, c as Te, s as z, a as w, f as Ee, u as ae, b as Y, d as D } from "./YV4JVR4I-CVFstk2K.js";
-import ce, { createContext as ie, useMemo as le, useCallback as de, useRef as W, useEffect as Z, useState as q, cloneElement as we, forwardRef as ue } from "react";
-import { c as V } from "./index-PAaZGbyz.js";
-import { f as ye } from "./forwardRefWithAs-8eP3ZN15.js";
-import { b as Re, a as $e } from "./ITI7HKP4-C5xLpoVY.js";
-import { u as Ne, a as Le } from "./use-viewport-CgrficYB.js";
-import { u as Oe, f as ke } from "./VGCJ63VH-CVhs4PYt.js";
-import { P as ze, b as De } from "./MTZPJQMC-D_TnSwZf.js";
-import { c as Me, a as Ve, u as Fe } from "./4CMBR7SL-Dhp8uJop.js";
-var We = se(
-  [De, oe],
-  [ze, te]
-), Ae = We.useContext;
-ie(!1);
-ie(null);
-function Be(t = {}) {
-  var s = t, {
-    composite: o,
-    combobox: e
-  } = s, n = Se(s, [
-    "composite",
-    "combobox"
-  ]);
-  const r = [
-    "items",
-    "renderedItems",
-    "moves",
-    "orientation",
-    "virtualFocus",
-    "includesBaseElement",
-    "baseElement",
-    "focusLoop",
-    "focusShift",
-    "focusWrap"
-  ], m = Pe(
-    n.store,
-    X(o, r),
-    X(e, r)
-  ), i = m == null ? void 0 : m.getState(), d = Me(M(k({}, 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: O(
-      n.includesBaseElement,
-      i == null ? void 0 : i.includesBaseElement,
-      !1
-    ),
-    orientation: O(
-      n.orientation,
-      i == null ? void 0 : i.orientation,
-      "horizontal"
-    ),
-    focusLoop: O(n.focusLoop, i == null ? void 0 : i.focusLoop, !0)
-  })), a = Ve(), _ = M(k({}, d.getState()), {
-    selectedId: O(
-      n.selectedId,
-      i == null ? void 0 : i.selectedId,
-      n.defaultSelectedId
-    ),
-    selectOnMove: O(
-      n.selectOnMove,
-      i == null ? void 0 : i.selectOnMove,
-      !0
-    )
-  }), c = Te(_, d, m);
-  z(
-    c,
-    () => w(c, ["moves"], () => {
-      const { activeId: u, selectOnMove: p } = c.getState();
-      if (!p || !u) return;
-      const I = d.item(u);
-      I && (I.dimmed || I.disabled || c.setState("selectedId", I.id));
-    })
-  );
-  let b = !0;
-  z(
-    c,
-    () => Ee(c, ["selectedId"], (u, p) => {
-      if (!b) {
-        b = !0;
-        return;
-      }
-      o && u.selectedId === p.selectedId || c.setState("activeId", u.selectedId);
-    })
-  ), z(
-    c,
-    () => w(c, ["selectedId", "renderedItems"], (u) => {
-      if (u.selectedId !== void 0) return;
-      const { activeId: p, renderedItems: I } = c.getState(), S = d.item(p);
-      if (S && !S.disabled && !S.dimmed)
-        c.setState("selectedId", S.id);
-      else {
-        const T = I.find(
-          (C) => !C.disabled && !C.dimmed
-        );
-        c.setState("selectedId", T == null ? void 0 : T.id);
-      }
-    })
-  ), z(
-    c,
-    () => w(c, ["renderedItems"], (u) => {
-      const p = u.renderedItems;
-      if (p.length)
-        return w(a, ["renderedItems"], (I) => {
-          const S = I.renderedItems;
-          S.some((C) => !C.tabId) && S.forEach((C, R) => {
-            if (C.tabId) return;
-            const N = p[R];
-            N && a.renderItem(M(k({}, C), { tabId: N.id }));
-          });
-        });
-    })
-  );
-  let x = null;
-  return z(c, () => {
-    const u = () => {
-      x = c.getState().selectedId;
-    }, p = () => {
-      b = !1, c.setState("selectedId", x);
-    };
-    if (o && "setSelectElement" in o)
-      return J(
-        w(o, ["value"], u),
-        w(o, ["mounted"], p)
-      );
-    if (e)
-      return J(
-        w(e, ["selectedValue"], u),
-        w(e, ["mounted"], p)
-      );
-  }), M(k(k({}, d), c), {
-    panels: a,
-    setSelectedId: (u) => c.setState("selectedId", u),
-    select: (u) => {
-      c.setState("selectedId", u), d.move(u);
-    }
-  });
-}
-function je(t, s, o) {
-  Q(s, [o.composite, o.combobox]), t = Fe(t, s, o), Y(t, o, "selectedId", "setSelectedId"), Y(t, o, "selectOnMove");
-  const [e, n] = ae(() => t.panels, {});
-  return Q(n, [t, n]), Object.assign(
-    le(() => h(v({}, t), { panels: e }), [t, e]),
-    { composite: o.composite, combobox: o.combobox }
-  );
-}
-function Nt(t = {}) {
-  const s = Re(), o = Ae() || s;
-  t = h(v({}, t), {
-    composite: t.composite !== void 0 ? t.composite : o,
-    combobox: t.combobox !== void 0 ? t.combobox : s
-  });
-  const [e, n] = ae(Be, t);
-  return je(e, n, t);
-}
-var G = se(
-  [oe],
-  [te]
-), He = G.useScopedContext, me = G.useProviderContext, fe = G.ScopedContextProvider, Ke = "button", qe = B(function(s) {
-  var o = s, {
+import { jsx as P, jsxs as fe } from "react/jsx-runtime";
+import { C as ee, a as te, h as U, b as be, j as pe } from "./SBSPVDDI-DJKkC1eb.js";
+import { e as oe, v as ve, f as B, c as W, b as j, _ as H, i as K, w as se, A as Ie, d as h, a as v, u as V, x as ne, ad as Se, p as xe, W as he, F as _e, G as D, H as O, I as k, S as J, K as Q } from "./OE2EFRVA-C3721cM3.js";
+import { u as A, m as ge, o as X, c as Ce, s as z, a as w, f as Pe, b as re, d as Y } from "./RTNCFSKZ-qpPg689E.js";
+import ae, { useCallback as ce, useRef as F, useEffect as Z, useState as q, createContext as ie, useMemo as Te, cloneElement as Ee, forwardRef as le } from "react";
+import { c as M } from "./index-CdiHdiVB.js";
+import { f as we } from "./forwardRefWithAs-8eP3ZN15.js";
+import { u as Re, b as ye } from "./OLVWQA7U-DysaSaZj.js";
+import { m as $e, g as Ne, u as Le } from "./useForkRef-D807AV7D.js";
+import { u as Oe, a as ke } from "./use-viewport-CgrficYB.js";
+import { u as ze, d as Ae } from "./T22PY7TE-C1N0q8Kn.js";
+import { P as De, a as Me } from "./Y67KZUMI-DFEgrUv2.js";
+import { c as Ve, a as Fe, u as Be } from "./B7UTNDHN-BlIblHCu.js";
+var G = oe(
+  [te],
+  [ee]
+), We = G.useScopedContext, de = G.useProviderContext, ue = G.ScopedContextProvider, je = "button", He = W(function(r) {
+  var t = r, {
     store: e,
-    getItem: n
-  } = o, r = H(o, [
+    getItem: s
+  } = t, n = H(t, [
     "store",
     "getItem"
   ]), m;
-  const i = He();
+  const i = We();
   e = e || i, K(
     e,
     process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
   );
-  const d = ne(), a = r.id || d, _ = he(r), c = de(
+  const d = se(), a = n.id || d, _ = Ie(n), c = ce(
     (f) => {
-      const y = h(v({}, f), { dimmed: _ });
-      return n ? n(y) : y;
+      const R = h(v({}, f), { dimmed: _ });
+      return s ? s(R) : R;
     },
-    [_, n]
-  ), b = r.onClick, x = F((f) => {
+    [_, s]
+  ), b = n.onClick, x = V((f) => {
     b == null || b(f), !f.defaultPrevented && (e == null || e.setSelectedId(a));
   }), u = e.panels.useState(
     (f) => {
-      var y;
-      return (y = f.items.find((l) => l.tabId === a)) == null ? void 0 : y.id;
+      var R;
+      return (R = f.items.find((l) => l.tabId === a)) == null ? void 0 : R.id;
     }
-  ), p = d ? r.shouldRegisterItem : !1, I = e.useState((f) => !!a && f.activeId === a), S = e.useState((f) => !!a && f.selectedId === a), T = e.useState((f) => !!e.item(f.activeId)), C = I || S && !T, R = S || ((m = r.accessibleWhenDisabled) != null ? m : !0);
-  if (D(
+  ), p = d ? n.shouldRegisterItem : !1, I = e.useState((f) => !!a && f.activeId === a), S = e.useState((f) => !!a && f.selectedId === a), T = e.useState((f) => !!e.item(f.activeId)), g = I || S && !T, y = S || ((m = n.accessibleWhenDisabled) != null ? m : !0);
+  if (A(
     e.combobox || e.composite,
     "virtualFocus"
-  ) && (r = h(v({}, r), {
+  ) && (n = h(v({}, n), {
     tabIndex: -1
-  })), r = h(v({
+  })), n = h(v({
     id: a,
     role: "tab",
     "aria-selected": S,
     "aria-controls": u || void 0
-  }, r), {
+  }, n), {
     onClick: x
   }), e.composite) {
     const f = {
       id: a,
-      accessibleWhenDisabled: R,
+      accessibleWhenDisabled: y,
       store: e.composite,
-      shouldRegisterItem: C && p,
-      rowId: r.rowId,
-      render: r.render
+      shouldRegisterItem: g && p,
+      rowId: n.rowId,
+      render: n.render
     };
-    r = h(v({}, r), {
+    n = h(v({}, n), {
       render: /* @__PURE__ */ P(
         U,
         h(v({}, f), {
@@ -219,53 +72,53 @@ var G = se(
       )
     });
   }
-  return r = ve(h(v({
+  return n = be(h(v({
     store: e
-  }, r), {
-    accessibleWhenDisabled: R,
+  }, n), {
+    accessibleWhenDisabled: y,
     getItem: c,
     shouldRegisterItem: p
-  })), r;
-}), Ge = xe(
-  A(function(s) {
-    const o = qe(s);
-    return j(Ke, o);
+  })), n;
+}), Ke = ve(
+  B(function(r) {
+    const t = He(r);
+    return j(je, t);
   })
-), Ue = "div", Je = B(
-  function(s) {
-    var o = s, { store: e } = o, n = H(o, ["store"]);
-    const r = me();
-    e = e || r, K(
+), qe = "div", Ge = W(
+  function(r) {
+    var t = r, { store: e } = t, s = H(t, ["store"]);
+    const n = de();
+    e = e || n, K(
       e,
       process.env.NODE_ENV !== "production" && "TabList must receive a `store` prop or be wrapped in a TabProvider component."
     );
     const m = e.useState(
       (i) => i.orientation === "both" ? void 0 : i.orientation
     );
-    return n = re(
-      n,
-      (i) => /* @__PURE__ */ P(fe, { value: e, children: i }),
+    return s = ne(
+      s,
+      (i) => /* @__PURE__ */ P(ue, { value: e, children: i }),
       [e]
-    ), e.composite && (n = v({
+    ), e.composite && (s = v({
       focusable: !1
-    }, n)), n = v({
+    }, s)), s = v({
       role: "tablist",
       "aria-orientation": m
-    }, n), n = $e(v({ store: e }, n)), n;
+    }, s), s = Re(v({ store: e }, s)), s;
   }
-), Qe = A(function(s) {
-  const o = Je(s);
-  return j(Ue, o);
-}), Xe = "div", Ye = B(
-  function(s) {
-    var o = s, {
+), Ue = B(function(r) {
+  const t = Ge(r);
+  return j(qe, t);
+}), Je = "div", Qe = W(
+  function(r) {
+    var t = r, {
       store: e,
-      unmountOnHide: n,
-      tabId: r,
+      unmountOnHide: s,
+      tabId: n,
       getItem: m,
       scrollRestoration: i,
       scrollElement: d
-    } = o, a = H(o, [
+    } = t, a = H(t, [
       "store",
       "unmountOnHide",
       "tabId",
@@ -273,187 +126,329 @@ var G = se(
       "scrollRestoration",
       "scrollElement"
     ]);
-    const _ = me();
+    const _ = de();
     e = e || _, K(
       e,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
     );
-    const c = W(null), b = ne(a.id), x = D(
+    const c = F(null), b = se(a.id), x = A(
       e.panels,
       () => {
         var l;
-        return r || ((l = e == null ? void 0 : e.panels.item(b)) == null ? void 0 : l.tabId);
+        return n || ((l = e == null ? void 0 : e.panels.item(b)) == null ? void 0 : l.tabId);
       }
-    ), u = D(
+    ), u = A(
       e,
       (l) => !!x && l.selectedId === x
-    ), p = Oe({ open: u }), I = D(p, "mounted"), S = W(
+    ), p = ze({ open: u }), I = A(p, "mounted"), S = F(
       /* @__PURE__ */ new Map()
-    ), T = F(() => {
+    ), T = V(() => {
       const l = c.current;
       return l ? d ? typeof d == "function" ? d(l) : "current" in d ? d.current : d : l : null;
     });
     Z(() => {
       var l, E;
       if (!i || !I) return;
-      const g = T();
-      if (!g) return;
+      const C = T();
+      if (!C) return;
       if (i === "reset") {
-        g.scroll(0, 0);
+        C.scroll(0, 0);
         return;
       }
       if (!x) return;
       const $ = S.current.get(x);
-      g.scroll((l = $ == null ? void 0 : $.x) != null ? l : 0, (E = $ == null ? void 0 : $.y) != null ? E : 0);
+      C.scroll((l = $ == null ? void 0 : $.x) != null ? l : 0, (E = $ == null ? void 0 : $.y) != null ? E : 0);
       const L = () => {
         S.current.set(x, {
-          x: g.scrollLeft,
-          y: g.scrollTop
+          x: C.scrollLeft,
+          y: C.scrollTop
         });
       };
-      return g.addEventListener("scroll", L), () => {
-        g.removeEventListener("scroll", L);
+      return C.addEventListener("scroll", L), () => {
+        C.removeEventListener("scroll", L);
       };
     }, [i, I, x, T, e]);
-    const [C, R] = q(!1);
+    const [g, y] = q(!1);
     Z(() => {
       const l = c.current;
       if (!l) return;
-      const E = _e(l);
-      R(!!E.length);
+      const E = Se(l);
+      y(!!E.length);
     }, []);
-    const N = de(
+    const N = ce(
       (l) => {
-        const E = h(v({}, l), { id: b || l.id, tabId: r });
+        const E = h(v({}, l), { id: b || l.id, tabId: n });
         return m ? m(E) : E;
       },
-      [b, r, m]
-    ), f = a.onKeyDown, y = F((l) => {
+      [b, n, m]
+    ), f = a.onKeyDown, R = V((l) => {
       if (f == null || f(l), l.defaultPrevented || !(e != null && e.composite)) return;
-      const g = {
+      const C = {
         ArrowLeft: e.previous,
         ArrowRight: e.next,
         Home: e.first,
         End: e.last
       }[l.key];
-      if (!g) return;
-      const { selectedId: $ } = e.getState(), L = g({ activeId: $ });
+      if (!C) return;
+      const { selectedId: $ } = e.getState(), L = C({ activeId: $ });
       L && (l.preventDefault(), e.move(L));
     });
-    return a = re(
+    return a = ne(
       a,
-      (l) => /* @__PURE__ */ P(fe, { value: e, children: l }),
+      (l) => /* @__PURE__ */ P(ue, { value: e, children: l }),
       [e]
     ), a = h(v({
       id: b,
       role: "tabpanel",
       "aria-labelledby": x || void 0
     }, a), {
-      children: n && !I ? null : a.children,
-      ref: Ce(c, a.ref),
-      onKeyDown: y
-    }), a = ge(v({
+      children: s && !I ? null : a.children,
+      ref: xe(c, a.ref),
+      onKeyDown: R
+    }), a = he(v({
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
-      focusable: !e.composite && !C
-    }, a)), a = ke(v({ store: p }, a)), a = Ie(h(v({ store: e.panels }, a), { getItem: N })), a;
+      focusable: !e.composite && !g
+    }, a)), a = Ae(v({ store: p }, a)), a = pe(h(v({ store: e.panels }, a), { getItem: N })), a;
   }
-), Ze = A(function(s) {
-  const o = Ye(s);
-  return j(Xe, o);
-});
-const be = (t) => {
-  if (!t || typeof window > "u") return 1;
-  const s = Number(window.getComputedStyle(t).scale);
-  return isNaN(s) ? be(t.parentElement) : s;
-};
-function et(t, s) {
-  return le(() => t == null && s == null ? null : (o) => {
-    ee(t, o), ee(s, o);
-  }, [t, s]);
+), Xe = B(function(r) {
+  const t = Qe(r);
+  return j(Je, t);
+}), Ye = oe(
+  [Me, te],
+  [De, ee]
+), Ze = Ye.useContext;
+ie(!1);
+ie(null);
+function et(o = {}) {
+  var r = o, {
+    composite: t,
+    combobox: e
+  } = r, s = _e(r, [
+    "composite",
+    "combobox"
+  ]);
+  const n = [
+    "items",
+    "renderedItems",
+    "moves",
+    "orientation",
+    "virtualFocus",
+    "includesBaseElement",
+    "baseElement",
+    "focusLoop",
+    "focusShift",
+    "focusWrap"
+  ], m = ge(
+    s.store,
+    X(t, n),
+    X(e, n)
+  ), i = m == null ? void 0 : m.getState(), d = Ve(D(k({}, s), {
+    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: O(
+      s.includesBaseElement,
+      i == null ? void 0 : i.includesBaseElement,
+      !1
+    ),
+    orientation: O(
+      s.orientation,
+      i == null ? void 0 : i.orientation,
+      "horizontal"
+    ),
+    focusLoop: O(s.focusLoop, i == null ? void 0 : i.focusLoop, !0)
+  })), a = Fe(), _ = D(k({}, d.getState()), {
+    selectedId: O(
+      s.selectedId,
+      i == null ? void 0 : i.selectedId,
+      s.defaultSelectedId
+    ),
+    selectOnMove: O(
+      s.selectOnMove,
+      i == null ? void 0 : i.selectOnMove,
+      !0
+    )
+  }), c = Ce(_, d, m);
+  z(
+    c,
+    () => w(c, ["moves"], () => {
+      const { activeId: u, selectOnMove: p } = c.getState();
+      if (!p || !u) return;
+      const I = d.item(u);
+      I && (I.dimmed || I.disabled || c.setState("selectedId", I.id));
+    })
+  );
+  let b = !0;
+  z(
+    c,
+    () => Pe(c, ["selectedId"], (u, p) => {
+      if (!b) {
+        b = !0;
+        return;
+      }
+      t && u.selectedId === p.selectedId || c.setState("activeId", u.selectedId);
+    })
+  ), z(
+    c,
+    () => w(c, ["selectedId", "renderedItems"], (u) => {
+      if (u.selectedId !== void 0) return;
+      const { activeId: p, renderedItems: I } = c.getState(), S = d.item(p);
+      if (S && !S.disabled && !S.dimmed)
+        c.setState("selectedId", S.id);
+      else {
+        const T = I.find(
+          (g) => !g.disabled && !g.dimmed
+        );
+        c.setState("selectedId", T == null ? void 0 : T.id);
+      }
+    })
+  ), z(
+    c,
+    () => w(c, ["renderedItems"], (u) => {
+      const p = u.renderedItems;
+      if (p.length)
+        return w(a, ["renderedItems"], (I) => {
+          const S = I.renderedItems;
+          S.some((g) => !g.tabId) && S.forEach((g, y) => {
+            if (g.tabId) return;
+            const N = p[y];
+            N && a.renderItem(D(k({}, g), { tabId: N.id }));
+          });
+        });
+    })
+  );
+  let x = null;
+  return z(c, () => {
+    const u = () => {
+      x = c.getState().selectedId;
+    }, p = () => {
+      b = !1, c.setState("selectedId", x);
+    };
+    if (t && "setSelectElement" in t)
+      return J(
+        w(t, ["value"], u),
+        w(t, ["mounted"], p)
+      );
+    if (e)
+      return J(
+        w(e, ["selectedValue"], u),
+        w(e, ["mounted"], p)
+      );
+  }), D(k(k({}, d), c), {
+    panels: a,
+    setSelectedId: (u) => c.setState("selectedId", u),
+    select: (u) => {
+      c.setState("selectedId", u), d.move(u);
+    }
+  });
+}
+function tt(o, r, t) {
+  Q(r, [t.composite, t.combobox]), o = Be(o, r, t), Y(o, t, "selectedId", "setSelectedId"), Y(o, t, "selectOnMove");
+  const [e, s] = re(() => o.panels, {});
+  return Q(s, [o, s]), Object.assign(
+    Te(() => h(v({}, o), { panels: e }), [o, e]),
+    { composite: t.composite, combobox: t.combobox }
+  );
 }
-function tt(t, s) {
-  const [o, e] = q(null), n = ce.Children.map(s, (r) => r.props.id === t ? we(r, { ref: e }) : r);
-  return { activeTab: o, tabs: n };
+function Ot(o = {}) {
+  const r = ye(), t = Ze() || r;
+  o = h(v({}, o), {
+    composite: o.composite !== void 0 ? o.composite : t,
+    combobox: o.combobox !== void 0 ? o.combobox : r
+  });
+  const [e, s] = re(et, o);
+  return tt(e, s, o);
 }
-function ee(t, s) {
-  typeof t == "function" ? t(s) : t && (t.current = s);
+const me = (o) => {
+  if (!o || typeof window > "u") return 1;
+  const r = Number(window.getComputedStyle(o).scale);
+  return isNaN(r) ? me(o.parentElement) : r;
+};
+function ot(o, r) {
+  const [t, e] = q(null), s = ae.Children.map(r, (n) => n.props.id === o ? Ee(n, {
+    ...n.props,
+    ref: $e(e, Ne(n))
+  }) : n);
+  return { activeTab: t, tabs: s };
 }
-const ot = "_root_102tt_2", st = {
-  root: ot
+const st = "_root_102tt_2", nt = {
+  root: st
 };
-function nt({ activeTab: t, listRef: s, orientation: o }) {
-  const [e, n] = q({}), { height: r, width: m } = Ne();
-  return Le(() => {
-    const i = s.current;
-    if (!i || !t) return;
-    const d = i.getBoundingClientRect(), a = t.getBoundingClientRect(), _ = be(i);
-    if (o === "vertical") {
+function rt({ activeTab: o, listRef: r, orientation: t }) {
+  const [e, s] = q({}), { height: n, width: m } = Oe();
+  return ke(() => {
+    const i = r.current;
+    if (!i || !o) return;
+    const d = i.getBoundingClientRect(), a = o.getBoundingClientRect(), _ = me(i);
+    if (t === "vertical") {
       const c = a.top - d.top, b = a.height;
-      n({
+      s({
         offset: c,
-        orientation: o,
+        orientation: t,
         size: b
       });
     } else {
       const c = (a.left - d.left + i.scrollLeft) / _, b = a.width / _;
-      n({
+      s({
         offset: isNaN(c) ? 0 : c,
-        orientation: o,
+        orientation: t,
         size: isNaN(b) ? 0 : b
       });
     }
-  }, [s, t, m, r, o]), e;
+  }, [r, o, m, n, t]), e;
 }
-const rt = V(st), at = ({ activeTab: t, listRef: s, orientation: o }) => {
-  const e = nt({ activeTab: t, listRef: s, orientation: o }), n = {
+const at = M(nt), ct = ({ activeTab: o, listRef: r, orientation: t }) => {
+  const e = rt({ activeTab: o, listRef: r, orientation: t }), s = {
     "--active-bar-offset": `${e.offset}px`,
     "--active-bar-size": `${e.size}px`
   };
-  return /* @__PURE__ */ P("span", { className: rt("root", `orientation-${o}`), style: n });
-}, ct = "_root_axn0q_2", it = {
-  root: ct,
+  return /* @__PURE__ */ P("span", { className: at("root", `orientation-${t}`), style: s });
+}, it = "_root_axn0q_2", lt = {
+  root: it,
   "size-md": "_size-md_axn0q_18",
   "size-sm": "_size-sm_axn0q_21"
-}, lt = V(it), dt = ue(
-  ({ children: t, className: s, size: o = "md", store: e, ...n }, r) => {
-    const m = W(), i = et(r, m), { orientation: d, selectedId: a } = D(e), { activeTab: _, tabs: c } = tt(a, t), b = ce.Children.count(t) > 1;
-    return /* @__PURE__ */ pe(
-      Qe,
+}, dt = M(lt), ut = le(
+  ({ children: o, className: r, size: t = "md", store: e, ...s }, n) => {
+    const m = F(), [, i] = Le(n, m), { orientation: d, selectedId: a } = A(e), { activeTab: _, tabs: c } = ot(a, o), b = ae.Children.count(o) > 1;
+    return /* @__PURE__ */ fe(
+      Ue,
       {
-        className: lt("root", `size-${o}`, s),
+        className: dt("root", `size-${t}`, r),
         ref: i,
         store: e,
-        ...n,
+        ...s,
         children: [
           c,
-          b ? /* @__PURE__ */ P(at, { activeTab: _, listRef: m, orientation: d }) : null
+          b ? /* @__PURE__ */ P(ct, { activeTab: _, listRef: m, orientation: d }) : null
         ]
       }
     );
   }
-), ut = "_root_1kepd_2", mt = {
-  root: ut
-}, ft = V(mt), bt = ue(
-  ({ children: t, store: s, tabId: o, ...e }, n) => /* @__PURE__ */ P(Ze, { className: ft("root"), ref: n, store: s, tabId: o, ...e, children: t })
-), pt = "_root_wlfaw_2", vt = {
-  root: pt
-}, It = V(vt), St = ye(
-  ({ as: t, children: s, className: o, id: e, store: n, ...r }, m) => /* @__PURE__ */ P(
-    Ge,
+), mt = "_root_1kepd_2", ft = {
+  root: mt
+}, bt = M(ft), pt = le(
+  ({ children: o, store: r, tabId: t, ...e }, s) => /* @__PURE__ */ P(Xe, { className: bt("root"), ref: s, store: r, tabId: t, ...e, children: o })
+), vt = "_root_wlfaw_2", It = {
+  root: vt
+}, St = M(It), xt = we(
+  ({ as: o, children: r, className: t, id: e, store: s, ...n }, m) => /* @__PURE__ */ P(
+    Ke,
     {
-      className: It("root", o),
+      className: St("root", t),
       id: e,
       ref: m,
-      render: t ? /* @__PURE__ */ P(t, {}) : void 0,
-      store: n,
-      ...r,
-      children: s
+      render: o ? /* @__PURE__ */ P(o, {}) : void 0,
+      store: s,
+      ...n,
+      children: r
     }
   )
-), Lt = Object.assign(St, { List: dt, Panel: bt });
+), kt = Object.assign(xt, { List: ut, Panel: pt });
 export {
-  Lt as Tab,
-  St as TabComponent,
-  Nt as useTab
+  kt as Tab,
+  xt as TabComponent,
+  Ot as useTab
 };