@wrdagency/blockout 1.0.0 → 1.0.1

package/dist/components/filesystem/folder.js

@@ -1,19 +1,19 @@
-import { jsx as l, jsxs as H } from "react/jsx-runtime";
+import { jsx as o, jsxs as H } from "react/jsx-runtime";
 import * as e from "react";
 import { createContext as v, useContext as M, useState as u } from "react";
 import { w as i } from "../../SSRBase.es-BUXS72ra.js";
 import { List as E } from "./list.js";
-import { u as _ } from "../../WYCIER3C-DndYR0iO.js";
-import { c as g } from "../../RS7LB2H4-lmOMNc4h.js";
-import { c as m, q as b, a as C, m as d, r as p, o as s, p as c, _ as A, j as F } from "../../LMDWO4NN-DyBcLLfK.js";
-import { C as G } from "../../6VRAQV3D-DIdyGLyW.js";
-import { D as y } from "../../F5MUBM3I-Cv5aLv5o.js";
-import { D as N } from "../../KFH4SEIX-BuapSU1b.js";
+import { u as _ } from "../../WYCIER3C-S-jsj0wy.js";
+import { c as g } from "../../RS7LB2H4-C0kmTjy8.js";
+import { c as m, q as b, b as C, o as d, r as p, f as s, a as c, _ as A, l as F } from "../../LMDWO4NN-DdLnHzru.js";
+import { C as G } from "../../6VRAQV3D-BoLhl3hf.js";
+import { D as y } from "../../F5MUBM3I-_HauDyEF.js";
+import { D as N } from "../../KFH4SEIX-D-fCkpQv.js";
 var f = v(void 0), I = "div", h = m(
   function(a) {
-    const t = M(f), o = b(a.id);
-    return C(() => (t == null || t(o), () => t == null ? void 0 : t(void 0)), [t, o]), a = d({
-      id: o,
+    const t = M(f), l = b(a.id);
+    return C(() => (t == null || t(l), () => t == null ? void 0 : t(void 0)), [t, l]), a = d({
+      id: l,
       "aria-hidden": !0
     }, a), p(a);
   }
@@ -23,17 +23,17 @@ s(function(a) {
   return c(I, t);
 });
 var w = "div", x = m(function(a) {
-  var t = a, { store: o } = t, n = A(t, ["store"]);
+  var t = a, { store: l } = t, n = A(t, ["store"]);
   return n = h(n), n;
 }), D = s(function(a) {
   const t = x(a);
   return c(w, t);
 }), P = "div", V = m(
   function(a) {
-    const [t, o] = u();
+    const [t, l] = u();
     return a = F(
       a,
-      (n) => /* @__PURE__ */ l(f.Provider, { value: o, children: n }),
+      (n) => /* @__PURE__ */ o(f.Provider, { value: l, children: n }),
       []
     ), a = d({
       role: "group",
@@ -45,20 +45,20 @@ s(function(a) {
   const t = V(a);
   return c(P, t);
 });
-var O = "div", j = m(
+var O = "div", R = m(
   function(a) {
-    var t = a, { store: o } = t, n = A(t, ["store"]);
+    var t = a, { store: l } = t, n = A(t, ["store"]);
     return n = V(n), n;
   }
-), R = s(function(a) {
-  const t = j(a);
+), T = s(function(a) {
+  const t = R(a);
   return c(O, t);
 });
-function T(r = {}) {
+function $(r = {}) {
   const a = _(r);
-  return /* @__PURE__ */ l(g, { value: a, children: r.children });
+  return /* @__PURE__ */ o(g, { value: a, children: r.children });
 }
-const $ = /* @__PURE__ */ new Map([
+const j = /* @__PURE__ */ new Map([
   [
     "bold",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,68H133.39l-26-29.29a20,20,0,0,0-15-6.71H40A20,20,0,0,0,20,52V200.62A19.41,19.41,0,0,0,39.38,220H216.89A19.13,19.13,0,0,0,236,200.89V88A20,20,0,0,0,216,68ZM44,56H90.61l10.67,12H44ZM212,196H44V92H212Z" }))
@@ -89,7 +89,7 @@ const $ = /* @__PURE__ */ new Map([
     "thin",
     /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,76H129.66L101.17,47.52A11.9,11.9,0,0,0,92.69,44H40A12,12,0,0,0,28,56V200.62A11.4,11.4,0,0,0,39.38,212H216.89A11.12,11.12,0,0,0,228,200.89V88A12,12,0,0,0,216,76ZM36,56a4,4,0,0,1,4-4H92.69a4,4,0,0,1,2.82,1.17L118.34,76H36ZM220,200.89a3.12,3.12,0,0,1-3.11,3.11H39.38A3.39,3.39,0,0,1,36,200.62V84H216a4,4,0,0,1,4,4Z" }))
   ]
-]), L = e.forwardRef((r, a) => /* @__PURE__ */ e.createElement(i, { ref: a, ...r, weights: $ }));
+]), L = e.forwardRef((r, a) => /* @__PURE__ */ e.createElement(i, { ref: a, ...r, weights: j }));
 L.displayName = "FolderIcon";
 const S = /* @__PURE__ */ new Map([
   [
@@ -125,28 +125,28 @@ const S = /* @__PURE__ */ new Map([
 ]), Z = e.forwardRef((r, a) => /* @__PURE__ */ e.createElement(i, { ref: a, ...r, weights: S }));
 Z.displayName = "FolderOpenIcon";
 const Y = ({ name: r, children: a }) => {
-  const [t, o] = u(!1);
-  return /* @__PURE__ */ l(T, { open: t, setOpen: o, children: /* @__PURE__ */ H(
-    R,
+  const [t, l] = u(!1);
+  return /* @__PURE__ */ o($, { open: t, setOpen: l, children: /* @__PURE__ */ H(
+    T,
     {
-      render: /* @__PURE__ */ l("li", {}),
+      render: /* @__PURE__ */ o("li", {}),
       className: "component-filesystem__folder",
       children: [
         /* @__PURE__ */ H(
           G,
           {
-            render: /* @__PURE__ */ l(y, {}),
+            render: /* @__PURE__ */ o(y, {}),
             className: "component-filesystem__folder__line",
             children: [
-              /* @__PURE__ */ l(t ? Z : L, { className: "component-filesystem__folder__icon" }),
-              /* @__PURE__ */ l(D, { className: "component-filesystem__folder__name", children: r })
+              /* @__PURE__ */ o(t ? Z : L, { className: "component-filesystem__folder__icon" }),
+              /* @__PURE__ */ o(D, { className: "component-filesystem__folder__name", children: r })
             ]
           }
         ),
-        a && /* @__PURE__ */ l(
+        a && /* @__PURE__ */ o(
           N,
           {
-            render: /* @__PURE__ */ l(E, {}),
+            render: /* @__PURE__ */ o(E, {}),
             className: "component-filesystem__folder__children",
             unmountOnHide: !0,
             children: a

package/dist/components/filesystem/list.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cn as e } from "../../utils/css.js";
 import { forwardRef as s } from "react";
-import { C as i } from "../../5JTVDSTH-BiHTUReD.js";
+import { C as i } from "../../5JTVDSTH-CIreO5bC.js";
 const c = s(
   ({ className: r, ...m }, t) => /* @__PURE__ */ o(
     i,

package/dist/components/filesystem/root.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { List as t } from "./list.js";
-import { C as i } from "../../composite-provider-cs4korvf.js";
+import { C as i } from "../../composite-provider-R5SnRc_G.js";
 const p = ({ ...r }) => /* @__PURE__ */ o(i, { orientation: "vertical", children: /* @__PURE__ */ o(t, { ...r }) });
 export {
   p as Root

package/dist/components/menu/index.js

@@ -2,7 +2,7 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { cn as d } from "../../utils/css.js";
 import { useState as w } from "react";
 import { Button as n } from "../button/index.js";
-import { M, a as _, b as h, c as v } from "../../item-B72AQ4I4.js";
+import { M, a as _, b as h, c as v } from "../../item-C5GtZF5t.js";
 import '../../assets/style18.css';/* empty css                   */
 const B = ({
   className: r,

package/dist/components/menu/item.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./items/action.js";
 import "./items/spacer.js";
-import { c as e } from "../../item-B72AQ4I4.js";
+import { c as e } from "../../item-C5GtZF5t.js";
 import "./items/toggle.js";
 export {
   e as MenuItem

package/dist/components/menu/items/action.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { EmptyIcon as c } from "../icon.js";
-import { M as t } from "../../../2NBKRL7C-DHf-2xkD.js";
+import { M as t } from "../../../2NBKRL7C-Cug3TzgR.js";
 const l = ({ item: n }) => {
   const m = n.icon || c;
   return /* @__PURE__ */ o(

package/dist/components/menu/items/spacer.js

@@ -1,12 +1,12 @@
 import { jsx as n } from "react/jsx-runtime";
-import { u as p } from "../../../VIIRIBF3-DX-Wjw1-.js";
-import { u } from "../../../TP7N7UIH-DlW_S-4B.js";
-import { o as m, c, p as f, _, m as i } from "../../../LMDWO4NN-DyBcLLfK.js";
+import { u } from "../../../VIIRIBF3-DylpToFV.js";
+import { u as p } from "../../../TP7N7UIH-mdk33dnV.js";
+import { f as m, c, a as f, _, o as i } from "../../../LMDWO4NN-DdLnHzru.js";
 var M = "hr", S = c(
   function(e) {
     var r = e, { store: o } = r, a = _(r, ["store"]);
-    const s = p();
-    return o = o || s, a = u(i({ store: o }, a)), a;
+    const s = u();
+    return o = o || s, a = p(i({ store: o }, a)), a;
   }
 ), l = m(function(e) {
   const r = S(e);

package/dist/components/menu/items/submenu.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "../../../CaretRight.es-vnr78BGI.js";
 import "../icon.js";
-import { S as i } from "../../../item-B72AQ4I4.js";
-import "../../../2NBKRL7C-DHf-2xkD.js";
+import { S as i } from "../../../item-C5GtZF5t.js";
+import "../../../2NBKRL7C-Cug3TzgR.js";
 export {
   i as SubmenuMenuItem
 };

package/dist/components/menu/items/toggle.js

@@ -3,7 +3,7 @@ import { cn as r } from "../../../utils/css.js";
 import { r as a, a as i } from "../../../Square.es-KJLdY11q.js";
 import "react";
 import { EmptyIcon as p } from "../icon.js";
-import { M as d } from "../../../2NBKRL7C-DHf-2xkD.js";
+import { M as d } from "../../../2NBKRL7C-Cug3TzgR.js";
 const x = ({ item: e }) => {
   const t = e.icon || p, s = () => {
     var _, m, l;

package/dist/components/shell/index.js

@@ -1,8 +1,12 @@
-import { Pane as o } from "./pane.js";
+import { Navigation as o } from "./navigation.js";
+import { Pane as r } from "./pane.js";
 import { Root as t } from "./root.js";
-import '../../assets/index8.css';const m = Object.assign(t, {
-  Pane: o
+import { Sidebar as i } from "./sidebar.js";
+import '../../assets/index8.css';const f = Object.assign(t, {
+  Pane: r,
+  Sidebar: i,
+  Navigation: o
 });
 export {
-  m as Shell
+  f as Shell
 };

package/dist/components/shell/navigation.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+interface NavigationProps extends PropsWithChildren {
+    className?: string;
+}
+export declare const Navigation: FC<NavigationProps>;
+export {};

package/dist/components/shell/navigation.js

@@ -0,0 +1,6 @@
+import { jsx as t } from "react/jsx-runtime";
+import { cn as i } from "../../utils/css.js";
+const m = ({ className: o, children: n }) => /* @__PURE__ */ t("div", { className: i("component-shell__navigation", o), children: n });
+export {
+  m as Navigation
+};

package/dist/components/shell/root.d.ts

@@ -1,6 +1,7 @@
-import { FC, PropsWithChildren } from 'react';
-interface RootProps extends PropsWithChildren {
+import { FC, ReactElement } from 'react';
+interface RootProps {
     className?: string;
+    children?: ReactElement[];
 }
 export declare const Root: FC<RootProps>;
 export {};

package/dist/components/shell/root.js

@@ -1,18 +1,31 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cn as p } from "../../utils/css.js";
+import { jsxs as a, jsx as m } from "react/jsx-runtime";
+import { cn as i } from "../../utils/css.js";
 import '../../assets/styles.css';import '../../assets/style6.css';import '../../assets/style5.css';import '../../assets/style4.css';import '../../assets/style3.css';import '../../assets/style2.css';import '../../assets/style.css';import '../../assets/style9.css';/* empty css                   */
-import "react";
+import { Children as p } from "react";
 /* empty css                   */
 /* empty css                   */
 import "../../primitives/popover/index.js";
 /* empty css                   */
-import { ScrollArea as t } from "../../primitives/scroll-area/index.js";
+import { ScrollArea as l } from "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
 /* empty css                    */
-const j = ({ className: r, children: m }) => /* @__PURE__ */ o("div", { className: p("component-shell", r), children: /* @__PURE__ */ o(t, { className: "component-shell__panes", axis: "x", children: /* @__PURE__ */ o("div", { className: "component-shell__panes-wrapper", children: m }) }) });
+import { Pane as t } from "./pane.js";
+const b = ({ className: e, children: r }) => {
+  const n = p.map(
+    r,
+    (o) => (o == null ? void 0 : o.type) === t ? o : null
+  ), s = p.map(
+    r,
+    (o) => (o == null ? void 0 : o.type) !== t ? o : null
+  );
+  return /* @__PURE__ */ a("div", { className: i("component-shell", e), children: [
+    s,
+    /* @__PURE__ */ m(l, { className: "component-shell__panes", axis: "x", children: /* @__PURE__ */ m("div", { className: "component-shell__panes-wrapper", children: n }) })
+  ] });
+};
 export {
-  j as Root
+  b as Root
 };

package/dist/components/shell/sidebar.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+interface SidebarProps extends PropsWithChildren {
+    className?: string;
+}
+export declare const Sidebar: FC<SidebarProps>;
+export {};

package/dist/components/shell/sidebar.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as m } from "../../utils/css.js";
+const i = ({ className: r, children: o }) => /* @__PURE__ */ e("div", { className: m("component-shell__sidebar", r), children: o });
+export {
+  i as Sidebar
+};

package/dist/components/tabs/list.js

@@ -1,9 +1,9 @@
 import { jsx as n } from "react/jsx-runtime";
 import { cn as m } from "../../utils/css.js";
-import { u, T as b } from "../../UYGDZTLQ-DRLNvYE6.js";
-import { u as v } from "../../5JTVDSTH-BiHTUReD.js";
-import { o as f, c as l, p as d, _ as T, i as _, j as L, m as i } from "../../LMDWO4NN-DyBcLLfK.js";
-var x = "div", E = l(
+import { u, T as b } from "../../UYGDZTLQ-fOwUiOjI.js";
+import { u as f } from "../../5JTVDSTH-CIreO5bC.js";
+import { f as l, c as v, a as d, _ as T, i as _, l as L, o as i } from "../../LMDWO4NN-DdLnHzru.js";
+var x = "div", E = v(
   function(r) {
     var e = r, { store: t } = e, o = T(e, ["store"]);
     const p = u();
@@ -23,9 +23,9 @@ var x = "div", E = l(
     }, o)), o = i({
       role: "tablist",
       "aria-orientation": c
-    }, o), o = v(i({ store: t }, o)), o;
+    }, o), o = f(i({ store: t }, o)), o;
   }
-), N = f(function(r) {
+), N = l(function(r) {
   const e = E(r);
   return d(x, e);
 });

package/dist/components/tabs/panel.js

@@ -1,19 +1,19 @@
 import { jsx as S } from "react/jsx-runtime";
-import { cn as j } from "../../utils/css.js";
-import { u as A, T as K } from "../../UYGDZTLQ-DRLNvYE6.js";
-import { u as O } from "../../KFH4SEIX-BuapSU1b.js";
-import { u as V } from "../../WYCIER3C-DndYR0iO.js";
-import { u as q } from "../../RZ4GPYOB-1GOhO1-l.js";
-import { g as F, u as W } from "../../PFRGBC2K-DobANx7W.js";
-import { a as T } from "../../YV4JVR4I-DOlaib2E.js";
-import { o as z, c as B, p as G, _ as J, i as Q, q as U, b as h, k as _, m as d, j as X, l as Y } from "../../LMDWO4NN-DyBcLLfK.js";
+import { cn as A } from "../../utils/css.js";
+import { u as K, T as O } from "../../UYGDZTLQ-fOwUiOjI.js";
+import { u as j } from "../../KFH4SEIX-D-fCkpQv.js";
+import { u as V } from "../../WYCIER3C-S-jsj0wy.js";
+import { u as q } from "../../RZ4GPYOB-c8s_KHUk.js";
+import { g as F, u as W } from "../../PFRGBC2K-DUhGSIey.js";
+import { a as T } from "../../YV4JVR4I-BXEaRiAN.js";
+import { f as z, c as B, a as G, _ as J, i as Q, q as U, e as h, m as _, o as d, l as X, n as Y } from "../../LMDWO4NN-DdLnHzru.js";
 import { useRef as w, useEffect as R, useState as Z, useCallback as $ } from "react";
 var ee = "div", te = B(
   function(c) {
     var a = c, {
       store: t,
       unmountOnHide: C,
-      tabId: f,
+      tabId: p,
       getItem: b,
       scrollRestoration: v,
       scrollElement: l
@@ -25,7 +25,7 @@ var ee = "div", te = B(
       "scrollRestoration",
       "scrollElement"
     ]);
-    const D = A();
+    const D = K();
     t = t || D, Q(
       t,
       process.env.NODE_ENV !== "production" && "TabPanel must receive a `store` prop or be wrapped in a TabProvider component."
@@ -34,7 +34,7 @@ var ee = "div", te = B(
       t.panels,
       () => {
         var e;
-        return f || ((e = t == null ? void 0 : t.panels.item(m)) == null ? void 0 : e.tabId);
+        return p || ((e = t == null ? void 0 : t.panels.item(m)) == null ? void 0 : e.tabId);
       }
     ), k = T(
       t,
@@ -46,55 +46,55 @@ var ee = "div", te = B(
       return e ? l ? typeof l == "function" ? l(e) : "current" in l ? l.current : l : e : null;
     });
     R(() => {
-      var e, n;
+      var e, o;
       if (!v || !P) return;
-      const o = x();
-      if (!o) return;
+      const n = x();
+      if (!n) return;
       if (v === "reset") {
-        o.scroll(0, 0);
+        n.scroll(0, 0);
         return;
       }
       if (!s) return;
       const u = E.current.get(s);
-      o.scroll((e = u == null ? void 0 : u.x) != null ? e : 0, (n = u == null ? void 0 : u.y) != null ? n : 0);
+      n.scroll((e = u == null ? void 0 : u.x) != null ? e : 0, (o = u == null ? void 0 : u.y) != null ? o : 0);
       const i = () => {
         E.current.set(s, {
-          x: o.scrollLeft,
-          y: o.scrollTop
+          x: n.scrollLeft,
+          y: n.scrollTop
         });
       };
-      return o.addEventListener("scroll", i), () => {
-        o.removeEventListener("scroll", i);
+      return n.addEventListener("scroll", i), () => {
+        n.removeEventListener("scroll", i);
       };
     }, [v, P, s, x, t]);
     const [H, L] = Z(!1);
     R(() => {
       const e = I.current;
       if (!e) return;
-      const n = F(e);
-      L(!!n.length);
+      const o = F(e);
+      L(!!o.length);
     }, []);
     const M = $(
       (e) => {
-        const n = _(d({}, e), { id: m || e.id, tabId: f });
-        return b ? b(n) : n;
+        const o = _(d({}, e), { id: m || e.id, tabId: p });
+        return b ? b(o) : o;
       },
-      [m, f, b]
+      [m, p, b]
     ), y = r.onKeyDown, N = h((e) => {
       if (y == null || y(e), e.defaultPrevented || !(t != null && t.composite)) return;
-      const o = {
+      const n = {
         ArrowLeft: t.previous,
         ArrowRight: t.next,
         Home: t.first,
         End: t.last
       }[e.key];
-      if (!o) return;
-      const { selectedId: u } = t.getState(), i = o({ activeId: u });
+      if (!n) return;
+      const { selectedId: u } = t.getState(), i = n({ activeId: u });
       i && (e.preventDefault(), t.move(i));
     });
     return r = X(
       r,
-      (e) => /* @__PURE__ */ S(K, { value: t, children: e }),
+      (e) => /* @__PURE__ */ S(O, { value: t, children: e }),
       [t]
     ), r = _(d({
       id: m,
@@ -108,26 +108,26 @@ var ee = "div", te = B(
       // If the tab panel is rendered as part of another composite widget such
       // as combobox, it should not be focusable.
       focusable: !t.composite && !H
-    }, r)), r = O(d({ store: g }, r)), r = q(_(d({ store: t.panels }, r), { getItem: M })), r;
+    }, r)), r = j(d({ store: g }, r)), r = q(_(d({ store: t.panels }, r), { getItem: M })), r;
   }
 ), re = z(function(c) {
   const a = te(c);
   return G(ee, a);
 });
-const pe = ({
-  value: p,
+const fe = ({
+  value: f,
   className: c,
   style: a,
   children: t
 }) => /* @__PURE__ */ S(
   re,
   {
-    tabId: p,
-    className: j("component-tabs__panel", c),
+    tabId: f,
+    className: A("component-tabs__panel", c),
     style: a,
     children: t
   }
 );
 export {
-  pe as Panel
+  fe as Panel
 };

package/dist/components/tabs/root.js

@@ -1,12 +1,12 @@
 import { jsx as _ } from "react/jsx-runtime";
-import { cn as F } from "../../utils/css.js";
-import { u as R } from "../../DG5U6ZEL-u5QgMA8f.js";
-import { c as $, a as z, b as A } from "../../4CMBR7SL-BkCeHgv2.js";
-import { u as K } from "../../S43UC3DV-C5JWPIhF.js";
-import { m as N, o as O, c as Q, s as I, e as l, g as U, b as y, d as T } from "../../YV4JVR4I-DOlaib2E.js";
-import { P as W, Q as p, S as f, R as S, a1 as M, k as B, m as L, T as V } from "../../LMDWO4NN-DyBcLLfK.js";
+import { cn as R } from "../../utils/css.js";
+import { u as $ } from "../../DG5U6ZEL-C7eLVyh-.js";
+import { c as k, a as z, b as A } from "../../4CMBR7SL-xNGezbCB.js";
+import { u as K } from "../../S43UC3DV-erT1ucAd.js";
+import { m as N, o as O, c as Q, s as I, e as l, g as U, b as y, d as T } from "../../YV4JVR4I-BXEaRiAN.js";
+import { P as W, Q as p, S as f, R as S, a1 as M, m as B, o as L, T as V } from "../../LMDWO4NN-DdLnHzru.js";
 import { useMemo as q } from "react";
-import { b as w } from "../../UYGDZTLQ-DRLNvYE6.js";
+import { b as w } from "../../UYGDZTLQ-fOwUiOjI.js";
 function D(e = {}) {
   var n = e, {
     composite: o,
@@ -30,7 +30,7 @@ function D(e = {}) {
     d.store,
     O(o, g),
     O(c, g)
-  ), r = v == null ? void 0 : v.getState(), b = $(p(S({}, d), {
+  ), r = v == null ? void 0 : v.getState(), b = k(p(S({}, d), {
     store: v,
     // 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`
@@ -99,9 +99,9 @@ function D(e = {}) {
       if (a.length)
         return l(x, ["renderedItems"], (i) => {
           const m = i.renderedItems;
-          m.some((u) => !u.tabId) && m.forEach((u, k) => {
+          m.some((u) => !u.tabId) && m.forEach((u, F) => {
             if (u.tabId) return;
-            const E = a[k];
+            const E = a[F];
             E && x.renderItem(p(S({}, u), { tabId: E.id }));
           });
         });
@@ -141,7 +141,7 @@ function G(e, n, o) {
   );
 }
 function H(e = {}) {
-  const n = K(), o = R() || n;
+  const n = K(), o = $() || n;
   e = B(L({}, e), {
     composite: e.composite !== void 0 ? e.composite : o,
     combobox: e.combobox !== void 0 ? e.combobox : n
@@ -165,7 +165,7 @@ const ce = ({
     selectedId: e,
     setSelectedId: n,
     defaultSelectedId: o,
-    children: /* @__PURE__ */ _("div", { className: F("component-tabs", c), children: d })
+    children: /* @__PURE__ */ _("div", { className: R("component-tabs", c), children: d })
   }
 );
 export {

package/dist/components/tabs/tab.js

@@ -1,11 +1,11 @@
 import { jsx as m } from "react/jsx-runtime";
 import { cn as N } from "../../utils/css.js";
-import { a as w } from "../../UYGDZTLQ-DRLNvYE6.js";
-import { C, u as E } from "../../6VRAQV3D-DIdyGLyW.js";
-import { a as F } from "../../YV4JVR4I-DOlaib2E.js";
-import { B as V, o as W, c as D, p as j, _ as A, i as q, q as B, s as H, k as a, m as r, b as L } from "../../LMDWO4NN-DyBcLLfK.js";
-import { useCallback as O } from "react";
-var $ = "button", y = D(function(i) {
+import { a as w } from "../../UYGDZTLQ-fOwUiOjI.js";
+import { C, u as E } from "../../6VRAQV3D-BoLhl3hf.js";
+import { a as F } from "../../YV4JVR4I-BXEaRiAN.js";
+import { s as V, f as W, c as D, a as j, _ as A, i as q, q as H, t as L, m as a, o as r, e as O } from "../../LMDWO4NN-DdLnHzru.js";
+import { useCallback as $ } from "react";
+var y = "button", z = D(function(i) {
   var n = i, {
     store: e,
     getItem: l
@@ -18,20 +18,20 @@ var $ = "button", y = D(function(i) {
     e,
     process.env.NODE_ENV !== "production" && "Tab must be wrapped in a TabList component."
   );
-  const b = B(), s = t.id || b, I = H(t), x = O(
+  const b = H(), s = t.id || b, I = L(t), x = $(
     (o) => {
       const c = a(r({}, o), { dimmed: I });
       return l ? l(c) : c;
     },
     [I, l]
-  ), f = t.onClick, g = L((o) => {
+  ), f = t.onClick, g = O((o) => {
     f == null || f(o), !o.defaultPrevented && (e == null || e.setSelectedId(s));
   }), T = e.panels.useState(
     (o) => {
       var c;
-      return (c = o.items.find((R) => R.tabId === s)) == null ? void 0 : c.id;
+      return (c = o.items.find((k) => k.tabId === s)) == null ? void 0 : c.id;
     }
-  ), v = b ? t.shouldRegisterItem : !1, S = e.useState((o) => !!s && o.activeId === s), u = e.useState((o) => !!s && o.selectedId === s), P = e.useState((o) => !!e.item(o.activeId)), k = S || u && !P, _ = u || ((p = t.accessibleWhenDisabled) != null ? p : !0);
+  ), v = b ? t.shouldRegisterItem : !1, S = e.useState((o) => !!s && o.activeId === s), u = e.useState((o) => !!s && o.selectedId === s), P = e.useState((o) => !!e.item(o.activeId)), R = S || u && !P, _ = u || ((p = t.accessibleWhenDisabled) != null ? p : !0);
   if (F(
     e.combobox || e.composite,
     "virtualFocus"
@@ -49,7 +49,7 @@ var $ = "button", y = D(function(i) {
       id: s,
       accessibleWhenDisabled: _,
       store: e.composite,
-      shouldRegisterItem: k && v,
+      shouldRegisterItem: R && v,
       rowId: t.rowId,
       render: t.render
     };
@@ -69,13 +69,13 @@ var $ = "button", y = D(function(i) {
     getItem: x,
     shouldRegisterItem: v
   })), t;
-}), z = V(
+}), B = V(
   W(function(i) {
-    const n = y(i);
-    return j($, n);
+    const n = z(i);
+    return j(y, n);
   })
 );
-const Z = ({ className: d, value: i, children: n }) => /* @__PURE__ */ m(z, { id: i, className: N("component-tabs__tab", d), children: /* @__PURE__ */ m("div", { className: "component-tabs__tab__label", children: n }) });
+const Z = ({ className: d, value: i, children: n }) => /* @__PURE__ */ m(B, { id: i, className: N("component-tabs__tab", d), children: /* @__PURE__ */ m("div", { className: "component-tabs__tab__label", children: n }) });
 export {
   Z as Tab
 };