@wrdagency/blockout 1.0.25 → 1.0.27

package/dist/components/data-view/slots/group/header.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { R as s } from "../../../../index-C8OctMj0.js";
+import { R as s } from "../../../../index-CLl-PPjx.js";
 const u = ({
   as: o,
   ...r

package/dist/components/data-view/slots/group/icon.js

@@ -1,4 +1,4 @@
-import { I } from "../../../../index-Bp_FFk15.js";
+import { I } from "../../../../index-BLCPauyN.js";
 export {
   I as Icon
 };

package/dist/components/data-view/slots/group/index.js

@@ -1,4 +1,4 @@
-import { G as m } from "../../../../index-Bp_FFk15.js";
+import { G as m } from "../../../../index-BLCPauyN.js";
 import "./context.js";
 import "./header.js";
 export {

package/dist/components/data-view/slots/group/label.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as e } from "../../../../index-Bp_FFk15.js";
+import { L as e } from "../../../../index-BLCPauyN.js";
 export {
   e as Label
 };

package/dist/components/data-view/slots/index.js

@@ -1,6 +1,6 @@
-import { G as r } from "../../../index-Bp_FFk15.js";
-import { I as p, P as a } from "../../../index-B5z_GwnD.js";
-import { R as m } from "../../../index-C8OctMj0.js";
+import { G as r } from "../../../index-BLCPauyN.js";
+import { I as p, P as a } from "../../../index-BnbjJBS4.js";
+import { R as m } from "../../../index-CLl-PPjx.js";
 export {
   r as GroupSlot,
   p as ItemSlot,

package/dist/components/data-view/slots/item/actions.js

@@ -5,7 +5,7 @@ import * as i from "react";
 import { useMemo as p } from "react";
 import { w as d } from "../../../../SSRBase.es-BUXS72ra.js";
 import { a as u } from "../../../../DotsThreeVertical.es-uadrGk3y.js";
-import { R as h } from "../../../../index-C8OctMj0.js";
+import { R as h } from "../../../../index-CLl-PPjx.js";
 import { useItem as b } from "./context.js";
 const n = i.forwardRef((t, o) => /* @__PURE__ */ i.createElement(d, { ref: o, ...t, weights: u }));
 n.displayName = "DotsThreeVerticalIcon";

package/dist/components/data-view/slots/item/checkbox.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as t from "react";
-import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';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/style8.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
+import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';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/style10.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
 import "../../../../style-CWAa57kN.js";
 import { CheckboxControl as c } from "../../../controls/checkbox-control/index.js";
 /* empty css                         */
@@ -37,7 +37,7 @@ import "../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                          */
-import { R as s } from "../../../../index-C8OctMj0.js";
+import { R as s } from "../../../../index-CLl-PPjx.js";
 import { useItem as g } from "./context.js";
 const f = /* @__PURE__ */ new Map([
   [

package/dist/components/data-view/slots/item/depth.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../../../ArrowBendDownRight.es-mejk84um.js";
 import "react";
-import { D } from "../../../../index-B5z_GwnD.js";
-import "../../../../index-Bp_FFk15.js";
-import "../../../../index-C8OctMj0.js";
+import { D } from "../../../../index-BnbjJBS4.js";
+import "../../../../index-BLCPauyN.js";
+import "../../../../index-CLl-PPjx.js";
 export {
   D as Depth
 };

package/dist/components/data-view/slots/item/description.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { a as t } from "../../../../index-B5z_GwnD.js";
+import { a as t } from "../../../../index-BnbjJBS4.js";
 export {
   t as Description
 };

package/dist/components/data-view/slots/item/index.js

@@ -1,7 +1,7 @@
 import "./actions.js";
 import "./checkbox.js";
 import "./context.js";
-import { I as e } from "../../../../index-B5z_GwnD.js";
+import { I as e } from "../../../../index-BnbjJBS4.js";
 import '../../../../assets/style26.css';/* empty css                         */
 export {
   e as ItemSlot

package/dist/components/data-view/slots/item/properties.js

@@ -1,8 +1,8 @@
 import "react/jsx-runtime";
 import "react";
 import "../../data/fields.js";
-import { b as e } from "../../../../index-B5z_GwnD.js";
-import "../../../../index-C8OctMj0.js";
+import { b as e } from "../../../../index-BnbjJBS4.js";
+import "../../../../index-CLl-PPjx.js";
 export {
   e as Properties
 };

package/dist/components/data-view/slots/item/relations.js

@@ -14,9 +14,9 @@ import "../../../../primitives/truncate/index.js";
 /* empty css                         */
 /* empty css                          */
 import "../../../../ArrowBendDownRight.es-mejk84um.js";
-import { R as k } from "../../../../index-B5z_GwnD.js";
-import "../../../../index-Bp_FFk15.js";
-import "../../../../index-C8OctMj0.js";
+import { R as k } from "../../../../index-BnbjJBS4.js";
+import "../../../../index-BLCPauyN.js";
+import "../../../../index-CLl-PPjx.js";
 export {
   k as Relations
 };

package/dist/components/data-view/slots/item/tags.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../tag/index.js";
 import "react";
-import { T as i } from "../../../../index-B5z_GwnD.js";
+import { T as i } from "../../../../index-BnbjJBS4.js";
 export {
   i as Tags
 };

package/dist/components/data-view/slots/item/thumbnail.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { c as p } from "../../../../index-B5z_GwnD.js";
+import { c as p } from "../../../../index-BnbjJBS4.js";
 export {
   p as Thumbnail
 };

package/dist/components/data-view/slots/item/title.js

@@ -12,7 +12,7 @@ import "../../../../primitives/symbol/index.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                          */
-import { d as g } from "../../../../index-B5z_GwnD.js";
+import { d as g } from "../../../../index-BnbjJBS4.js";
 export {
   g as Title
 };

package/dist/components/data-view/slots/item/util.js

@@ -1,6 +1,6 @@
 import "react";
-import { u as t } from "../../../../index-B5z_GwnD.js";
-import "../../../../index-C8OctMj0.js";
+import { u as t } from "../../../../index-BnbjJBS4.js";
+import "../../../../index-CLl-PPjx.js";
 export {
   t as usePlacement
 };

package/dist/components/data-view/slots/property/field/editable.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../../utils/css.js";
 import "react";
-import '../../../../../assets/styles3.css';import '../../../../../assets/style18.css';import '../../../../../assets/style17.css';import '../../../../../assets/styles5.css';import '../../../../../assets/styles4.css';import '../../../../../assets/style16.css';import '../../../../../assets/style19.css';import '../../../../../assets/style15.css';import '../../../../../assets/style14.css';import '../../../../../assets/style13.css';import '../../../../../assets/prosemirror.css';import '../../../../../assets/style12.css';import '../../../../../assets/style11.css';import '../../../../../assets/style10.css';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/style8.css';import '../../../../../assets/style7.css';import '../../../../../assets/style9.css';import '../../../../../assets/styles2.css';/* empty css                             */
+import '../../../../../assets/styles3.css';import '../../../../../assets/style18.css';import '../../../../../assets/style17.css';import '../../../../../assets/styles5.css';import '../../../../../assets/styles4.css';import '../../../../../assets/style16.css';import '../../../../../assets/style19.css';import '../../../../../assets/style15.css';import '../../../../../assets/style14.css';import '../../../../../assets/style13.css';import '../../../../../assets/prosemirror.css';import '../../../../../assets/style12.css';import '../../../../../assets/style11.css';import '../../../../../assets/style9.css';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/style10.css';import '../../../../../assets/style7.css';import '../../../../../assets/style8.css';import '../../../../../assets/styles2.css';/* empty css                             */
 import "../../../../../style-CWAa57kN.js";
 /* empty css                            */
 /* empty css                            */
@@ -37,7 +37,7 @@ import "../../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                            */
 /* empty css                            */
 /* empty css                             */
-import { E as P } from "../../../../../index-B5z_GwnD.js";
+import { E as P } from "../../../../../index-BnbjJBS4.js";
 export {
   P as Editable
 };

package/dist/components/data-view/slots/property/field/index.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { F as t } from "../../../../../index-B5z_GwnD.js";
+import { F as t } from "../../../../../index-BnbjJBS4.js";
 import '../../../../../assets/style26.css';/* empty css                            */
 export {
   t as Field

package/dist/components/data-view/slots/property/field/static.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../../../utils/css.js";
 import "react";
-import { S as p } from "../../../../../index-B5z_GwnD.js";
+import { S as p } from "../../../../../index-BnbjJBS4.js";
 export {
   p as Static
 };

package/dist/components/data-view/slots/property/index.js

@@ -1,5 +1,5 @@
 import "./context.js";
-import { P as p } from "../../../../index-B5z_GwnD.js";
+import { P as p } from "../../../../index-BnbjJBS4.js";
 export {
   p as PropertySlot
 };

package/dist/components/data-view/slots/property/label.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { L as e } from "../../../../index-B5z_GwnD.js";
+import { L as e } from "../../../../index-BnbjJBS4.js";
 export {
   e as Label
 };

package/dist/components/data-view/slots/root/checkbox.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style10.css';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/style8.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
+import '../../../../assets/styles3.css';import '../../../../assets/style18.css';import '../../../../assets/style17.css';import '../../../../assets/styles5.css';import '../../../../assets/styles4.css';import '../../../../assets/style16.css';import '../../../../assets/style19.css';import '../../../../assets/style15.css';import '../../../../assets/style14.css';import '../../../../assets/style13.css';import '../../../../assets/prosemirror.css';import '../../../../assets/style12.css';import '../../../../assets/style11.css';import '../../../../assets/style9.css';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/style10.css';import '../../../../assets/style7.css';import '../../../../assets/styles2.css';/* empty css                          */
 import "../../../../style-CWAa57kN.js";
 import "../../../controls/checkbox-control/index.js";
 /* empty css                         */
@@ -35,7 +35,7 @@ import "../../../../match-sorter.esm-MNVE8H_6.js";
 /* empty css                         */
 /* empty css                         */
 /* empty css                          */
-import { C as N } from "../../../../index-C8OctMj0.js";
+import { C as N } from "../../../../index-CLl-PPjx.js";
 export {
   N as Checkbox
 };

package/dist/components/data-view/slots/root/index.js

@@ -1,4 +1,4 @@
-import { R as m } from "../../../../index-C8OctMj0.js";
+import { R as m } from "../../../../index-CLl-PPjx.js";
 import "./context.js";
 export {
   m as RootSlot

package/dist/components/dialog/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { cn as c } 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/style8.css';import '../../assets/style7.css';import '../../assets/index6.css';/* empty css                   */
+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/style10.css';import '../../assets/style7.css';import '../../assets/index6.css';/* empty css                   */
 import { noop as d } from "../../utils/noop.js";
 import "react";
 /* empty css                   */
@@ -17,8 +17,8 @@ import { H1 as g } from "../../primitives/typography/heading.js";
 /* empty css                    */
 import { e as f } from "../../X.es-TbGOnXOO.js";
 import { Button as h } from "../button/index.js";
-import { D as _ } from "../../G7GW6PWC-DeYlSr7f.js";
-import { D, a as N } from "../../TIW3GMFC-DPiX149D.js";
+import { D as _ } from "../../G7GW6PWC-C6qSYISF.js";
+import { D, a as N } from "../../TIW3GMFC-C4Bh_hzw.js";
 const M = ({
   className: m,
   open: e = !1,

package/dist/components/filesystem/file.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { cn as l } from "../../utils/css.js";
 import { extension as c, filename as _ } from "../../utils/string.js";
 import { Icon as a } from "./icon.js";
-import { C as r } from "../../6VRAQV3D-pLV6BqmA.js";
+import { C as r } from "../../6VRAQV3D-pTuMqsWW.js";
 const N = ({ name: e, href: s }) => {
   const i = c(e), m = _(e), t = s ? "a" : "span";
   return /* @__PURE__ */ n(

package/dist/components/filesystem/folder.js

@@ -3,11 +3,11 @@ import * as e from "react";
 import { useState as s } from "react";
 import { w as m } from "../../SSRBase.es-BUXS72ra.js";
 import { List as A } from "./list.js";
-import { D as p } from "../../disclosure-provider-DIT2ijtk.js";
-import { C as i, b as d } from "../../YORGHBM4-6CReFG7i.js";
-import { C as V } from "../../6VRAQV3D-pLV6BqmA.js";
-import { D as Z } from "../../F5MUBM3I-AbDoeFd8.js";
-import { D as h } from "../../KFH4SEIX-JLk95eQA.js";
+import { D as p } from "../../disclosure-provider-BUQRx-hY.js";
+import { C as i, b as d } from "../../YORGHBM4-B1RRY_xR.js";
+import { C as V } from "../../6VRAQV3D-pTuMqsWW.js";
+import { D as Z } from "../../F5MUBM3I-D6cacg-c.js";
+import { D as h } from "../../KFH4SEIX-C-0wHvda.js";
 const M = /* @__PURE__ */ new Map([
   [
     "bold",

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-zDMMKAyC.js";
+import { C as i } from "../../5JTVDSTH-BOGL3M3F.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-DFOFHro7.js";
+import { C as i } from "../../composite-provider-VHhinf1k.js";
 const p = ({ ...r }) => /* @__PURE__ */ o(i, { orientation: "vertical", children: /* @__PURE__ */ o(t, { ...r }) });
 export {
   p as Root

package/dist/components/index.js

@@ -22,7 +22,7 @@ import { ToggleControl as H } from "./controls/toggle-control/index.js";
 import { ToggleGroupControl as J } from "./controls/toggle-group-control/index.js";
 import { DataForm as O } from "./data-form/index.js";
 import { useSchema as U, useView as X } from "./data-view/api.js";
-import { f as Z } from "../filter-DzrtcAfG.js";
+import { f as Z } from "../filter-DHK0UoZG.js";
 import { Root as $ } from "./data-view/root.js";
 import { Dialog as ro } from "./dialog/index.js";
 import { Filesystem as to } from "./filesystem/index.js";

package/dist/components/menu/index.js

@@ -2,9 +2,9 @@ import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { cn as d } from "../../utils/css.js";
 import { useState as M } from "react";
 import { Button as r } from "../button/index.js";
-import { M as w } from "../../item-CGLYiEST.js";
+import { M as w } from "../../item-PTynqLvp.js";
 import '../../assets/style20.css';/* empty css                   */
-import { M as _, a as h, b as v } from "../../menu-button-C-h3k7Gh.js";
+import { M as _, a as h, b as v } from "../../menu-button-RmWWFvwE.js";
 const I = ({
   className: n,
   iconOnly: t = !1,

package/dist/components/menu/item.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "./items/action.js";
 import "./items/spacer.js";
-import { M as e } from "../../item-CGLYiEST.js";
+import { M as e } from "../../item-PTynqLvp.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-Cunv252F.js";
+import { M as t } from "../../../2NBKRL7C-M2oB5mLz.js";
 const l = ({ item: n }) => {
   const m = n.icon || c;
   return /* @__PURE__ */ o(

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

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { M as e } from "../../../menu-separator-CuuhJPnR.js";
+import { M as e } from "../../../menu-separator-DgYHkDAA.js";
 const a = () => /* @__PURE__ */ r(e, { className: "component-menu__separator" });
 export {
   a as SeparatorMenuItem

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

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
 import "../../../CaretRight.es-vnr78BGI.js";
 import "../icon.js";
-import { S as u } from "../../../item-CGLYiEST.js";
-import "../../../menu-button-C-h3k7Gh.js";
-import "../../../2NBKRL7C-Cunv252F.js";
+import { S as u } from "../../../item-PTynqLvp.js";
+import "../../../menu-button-RmWWFvwE.js";
+import "../../../2NBKRL7C-M2oB5mLz.js";
 export {
   u 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-Cunv252F.js";
+import { M as d } from "../../../2NBKRL7C-M2oB5mLz.js";
 const x = ({ item: e }) => {
   const t = e.icon || p, s = () => {
     var _, m, l;

package/dist/components/progress/index.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as p } from "react/jsx-runtime";
 import { cn as d } from "../../utils/css.js";
-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/style8.css';import '../../assets/style7.css';import '../../assets/index8.css';/* empty 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/style10.css';import '../../assets/style7.css';import '../../assets/index8.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */

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

@@ -0,0 +1,9 @@
+import { FC, PropsWithChildren } from 'react';
+export type ShellContext = {
+    isSidebarOpen: boolean;
+    openSidebar: () => void;
+    closeSidebar: () => void;
+    toggleSidebar: () => void;
+};
+export declare const ShellProvider: FC<PropsWithChildren>;
+export declare const useShell: () => ShellContext;

package/dist/components/shell/context.js

@@ -0,0 +1,25 @@
+import { jsx as i } from "react/jsx-runtime";
+import { u as a } from "../../index-D7vLJIGX.js";
+import { createContext as l, useContext as c } from "react";
+const o = l(void 0), m = ({ children: r }) => {
+  const [t, e] = a(
+    "component-shell__is-sidebar-open",
+    !1
+  ), s = {
+    isSidebarOpen: t,
+    openSidebar: () => {
+      e(!0);
+    },
+    closeSidebar: () => {
+      e(!1);
+    },
+    toggleSidebar: () => {
+      e((n) => !n);
+    }
+  };
+  return /* @__PURE__ */ i(o.Provider, { value: s, children: r });
+}, u = () => c(o);
+export {
+  m as ShellProvider,
+  u as useShell
+};

package/dist/components/shell/index.js

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

package/dist/components/shell/navigation.js

@@ -1,6 +1,51 @@
-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 });
+import { jsxs as H, jsx as r } from "react/jsx-runtime";
+import { cn as o } from "../../utils/css.js";
+import * as e from "react";
+import { w as i } from "../../SSRBase.es-BUXS72ra.js";
+import { Button as V } from "../button/index.js";
+import { useShell as c } from "./context.js";
+const p = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36ZM44,60H76V196H44ZM212,196H100V60H212Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M88,48V208H40a8,8,0,0,1-8-8V56a8,8,0,0,1,8-8Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40Zm0,160H88V56H216V200Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,42H40A14,14,0,0,0,26,56V200a14,14,0,0,0,14,14H216a14,14,0,0,0,14-14V56A14,14,0,0,0,216,42ZM38,200V56a2,2,0,0,1,2-2H82V202H40A2,2,0,0,1,38,200Zm180,0a2,2,0,0,1-2,2H94V54H216a2,2,0,0,1,2,2Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,40H40A16,16,0,0,0,24,56V200a16,16,0,0,0,16,16H216a16,16,0,0,0,16-16V56A16,16,0,0,0,216,40ZM40,56H80V200H40ZM216,200H96V56H216V200Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216,44H40A12,12,0,0,0,28,56V200a12,12,0,0,0,12,12H216a12,12,0,0,0,12-12V56A12,12,0,0,0,216,44ZM36,200V56a4,4,0,0,1,4-4H84V204H40A4,4,0,0,1,36,200Zm184,0a4,4,0,0,1-4,4H92V52H216a4,4,0,0,1,4,4Z" }))
+  ]
+]), l = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(i, { ref: t, ...a, weights: p }));
+l.displayName = "SidebarSimpleIcon";
+const M = ({ className: a, children: t }) => {
+  const { isSidebarOpen: n, toggleSidebar: m } = c();
+  return /* @__PURE__ */ H("div", { className: o("component-shell__navigation", a), children: [
+    /* @__PURE__ */ r(
+      V.Icon,
+      {
+        "aria-label": "Toggle Sidebar",
+        onClick: m,
+        variant: "ghost",
+        children: /* @__PURE__ */ r(l, { weight: n ? "fill" : "regular" })
+      }
+    ),
+    t
+  ] });
+};
 export {
-  m as Navigation
+  M as Navigation
 };

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

@@ -2,8 +2,6 @@ import { FC, PropsWithChildren } from 'react';
 interface PaneProps extends PropsWithChildren {
     className?: string;
     edgeless?: boolean | "x" | "y" | "top" | "bottom" | "left" | "right" | "all";
-    weight?: number;
-    minWidth?: string;
 }
 export declare const Pane: FC<PaneProps>;
 export {};

package/dist/components/shell/pane.js

@@ -1,13 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import { cn as p } 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/style8.css';import '../../assets/style7.css';/* empty css                   */
+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/style10.css';import '../../assets/style7.css';/* empty css                   */
 import "react";
 /* empty css                   */
 /* empty css                   */
 /* empty css                   */
 import "../../primitives/popover/index.js";
 /* empty css                   */
-import { ScrollArea as n } from "../../primitives/scroll-area/index.js";
+import { ScrollArea as i } from "../../primitives/scroll-area/index.js";
 import "../../primitives/symbol/index.js";
 /* empty css                   */
 /* empty css                   */
@@ -16,29 +16,17 @@ import "../../primitives/symbol/index.js";
 const j = ({
   className: m,
   edgeless: o = !1,
-  weight: e = 1,
-  minWidth: t = "20rem",
-  children: i
-}) => /* @__PURE__ */ r(
+  children: t
+}) => /* @__PURE__ */ r("div", { className: p("component-shell__pane", m), children: /* @__PURE__ */ r(i, { className: "component-shell__pane__scroll-area", axis: "y", children: /* @__PURE__ */ r(
   "div",
   {
-    className: p("component-shell__pane", m),
-    style: {
-      "--pane-weight": e,
-      "--pane-min-width": t
-    },
-    children: /* @__PURE__ */ r(n, { className: "component-shell__pane__scroll-area", axis: "y", children: /* @__PURE__ */ r(
-      "div",
-      {
-        className: p(
-          "component-shell__pane__padding",
-          o && `component-shell__pane__padding--edgeless-${o === !0 ? "all" : o}`
-        ),
-        children: i
-      }
-    ) })
+    className: p(
+      "component-shell__pane__padding",
+      o && `component-shell__pane__padding--edgeless-${o === !0 ? "all" : o}`
+    ),
+    children: t
   }
-);
+) }) });
 export {
   j as Pane
 };