@xyo-network/react-appbar 2.35.6 → 2.35.8

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { FlexBoxProps } from '@xylabs/react-flexbox';
+export declare const CollapseToggleFlex: React.FC<FlexBoxProps>;
+//# sourceMappingURL=CollapseToggle.d.ts.map

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseToggle.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAI7D,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAqBrD,CAAA"}

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapseToggleFlex = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const KeyboardDoubleArrowLeftRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardDoubleArrowLeftRounded"));
+const KeyboardDoubleArrowRightRounded_1 = tslib_1.__importDefault(require("@mui/icons-material/KeyboardDoubleArrowRightRounded"));
+const material_1 = require("@mui/material");
+const react_flexbox_1 = require("@xylabs/react-flexbox");
+const contexts_1 = require("../../contexts");
+const CollapseToggleFlex = (props) => {
+    const { collapse, setCollapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
+    const handleCollapseToggle = () => {
+        setCollapse === null || setCollapse === void 0 ? void 0 : setCollapse(!collapse);
+        setCollapseEnd === null || setCollapseEnd === void 0 ? void 0 : setCollapseEnd((previous) => (previous ? false : previous));
+    };
+    return ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ mt: 2, py: 2 }, props, { children: (0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ onClick: handleCollapseToggle, sx: {
+                flexDirection: 'column',
+                ml: 1,
+            } }, { children: !collapse ? (0, jsx_runtime_1.jsx)(KeyboardDoubleArrowLeftRounded_1.default, {}) : (0, jsx_runtime_1.jsx)(KeyboardDoubleArrowRightRounded_1.default, {}) })) })));
+};
+exports.CollapseToggleFlex = CollapseToggleFlex;
+//# sourceMappingURL=CollapseToggle.js.map

package/dist/cjs/components/CollapsibleDrawer/CollapseToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapseToggle.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapseToggle.tsx"],"names":[],"mappings":";;;;;AAAA,gIAAmG;AACnG,kIAAiG;AACjG,4CAA0C;AAC1C,yDAA6D;AAE7D,6CAA+C;AAExC,MAAM,kBAAkB,GAA2B,CAAC,KAAK,EAAE,EAAE;IAClE,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IAElE,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAChC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,CAAC,QAAQ,CAAC,CAAA;QACxB,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC/D,CAAC,CAAA;IAED,OAAO,CACL,uBAAC,uBAAO,kBAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,IAAM,KAAK,cAC9B,uBAAC,qBAAU,kBACT,OAAO,EAAE,oBAAoB,EAC7B,EAAE,EAAE;gBACF,aAAa,EAAE,QAAQ;gBACvB,EAAE,EAAE,CAAC;aACN,gBAEA,CAAC,QAAQ,CAAC,CAAC,CAAC,uBAAC,wCAAkC,KAAG,CAAC,CAAC,CAAC,uBAAC,yCAA+B,KAAG,IAC9E,IACL,CACX,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,kBAAkB,sBAqB9B"}

package/dist/cjs/components/CollapsibleDrawer/CollapsibleDrawer.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { CollapseProps } from '@mui/material';
+import { WithChildren } from '@xylabs/react-shared';
+export declare const CollapsibleDrawer: React.FC<WithChildren<CollapseProps>>;
+//# sourceMappingURL=CollapsibleDrawer.d.ts.map

package/dist/cjs/components/CollapsibleDrawer/CollapsibleDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDrawer.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAY,aAAa,EAAoB,MAAM,eAAe,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAInD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,CAsBnE,CAAA"}

package/dist/cjs/components/CollapsibleDrawer/CollapsibleDrawer.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleDrawer = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const material_1 = require("@mui/material");
+const contexts_1 = require("../../contexts");
+const CollapsibleDrawer = (_a) => {
+    var _b;
+    var { children } = _a, props = tslib_1.__rest(_a, ["children"]);
+    const { collapse, setCollapseEnd } = (0, contexts_1.useCollapsible)();
+    const theme = (0, material_1.useTheme)();
+    const collapsedSize = (_b = props.collapsedSize) !== null && _b !== void 0 ? _b : theme.spacing(5);
+    return ((0, jsx_runtime_1.jsx)(CollapsibleFlexInner, Object.assign({ in: !collapse, orientation: "horizontal", collapsedSize: collapsedSize, onExited: () => setCollapseEnd === null || setCollapseEnd === void 0 ? void 0 : setCollapseEnd(true), sx: {
+            alignItems: 'start',
+            display: 'flex',
+            height: '100%',
+        } }, props, { children: children })));
+};
+exports.CollapsibleDrawer = CollapsibleDrawer;
+const CollapsibleFlexInner = (0, material_1.styled)(material_1.Collapse)(() => ({
+    '& .MuiCollapse-wrapperInner': {
+        display: 'flex',
+        flexDirection: 'column',
+    },
+}));
+//# sourceMappingURL=CollapsibleDrawer.js.map

package/dist/cjs/components/CollapsibleDrawer/CollapsibleDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsibleDrawer.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/CollapsibleDrawer.tsx"],"names":[],"mappings":";;;;;AAAA,4CAAyE;AAGzE,6CAA+C;AAExC,MAAM,iBAAiB,GAA0C,CAAC,EAAsB,EAAE,EAAE;;QAA1B,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApB,YAAsB,CAAF;IAC3F,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAA,yBAAc,GAAE,CAAA;IACrD,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,aAAa,GAAG,MAAA,KAAK,CAAC,aAAa,mCAAI,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;IAE7D,OAAO,CACL,uBAAC,oBAAoB,kBACnB,EAAE,EAAE,CAAC,QAAQ,EACb,WAAW,EAAC,YAAY,EACxB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAG,IAAI,CAAC,EACtC,EAAE,EAAE;YACF,UAAU,EAAE,OAAO;YACnB,OAAO,EAAE,MAAM;YACf,MAAM,EAAE,MAAM;SACf,IACG,KAAK,cAER,QAAQ,IACY,CACxB,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,iBAAiB,qBAsB7B;AAED,MAAM,oBAAoB,GAAG,IAAA,iBAAM,EAAC,mBAAQ,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACnD,6BAA6B,EAAE;QAC7B,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAQ;KACxB;CACF,CAAC,CAAC,CAAA"}

package/dist/cjs/components/CollapsibleDrawer/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CollapseToggle';
+export * from './CollapsibleDrawer';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/components/CollapsibleDrawer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,qBAAqB,CAAA"}

package/dist/cjs/components/CollapsibleDrawer/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CollapseToggle"), exports);
+tslib_1.__exportStar(require("./CollapsibleDrawer"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/CollapsibleDrawer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CollapsibleDrawer/index.ts"],"names":[],"mappings":";;;AAAA,2DAAgC;AAChC,8DAAmC"}

package/dist/cjs/components/SiteMenu/Menu.d.ts

@@ -3,6 +3,7 @@ import { FlexBoxProps } from '@xylabs/react-flexbox';
 export interface SiteMenuProps extends FlexBoxProps {
     hideSettingsMenuItem?: boolean;
     side?: 'left' | 'right' | 'top' | 'bottom';
+    onMenuToggle?: (state?: boolean) => void;
 }
 export declare const SiteMenu: React.FC<SiteMenuProps>;
 //# sourceMappingURL=Menu.d.ts.map

package/dist/cjs/components/SiteMenu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;CAC3C;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA8B5C,CAAA"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAW,MAAM,uBAAuB,CAAA;AAK7D,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IAC1C,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;CACzC;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAkC5C,CAAA"}

package/dist/cjs/components/SiteMenu/Menu.js

@@ -10,8 +10,11 @@ const react_flexbox_1 = require("@xylabs/react-flexbox");
 const react_1 = require("react");
 const MenuItems_1 = require("./MenuItems");
 const SiteMenu = (_a) => {
-    var { side = 'right', children } = _a, props = tslib_1.__rest(_a, ["side", "children"]);
+    var { side = 'right', children, onMenuToggle } = _a, props = tslib_1.__rest(_a, ["side", "children", "onMenuToggle"]);
     const [open, setOpen] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        onMenuToggle === null || onMenuToggle === void 0 ? void 0 : onMenuToggle(open);
+    }, [onMenuToggle, open]);
     return ((0, jsx_runtime_1.jsxs)(react_flexbox_1.FlexRow, Object.assign({ alignItems: "stretch" }, props, { children: [(0, jsx_runtime_1.jsx)(material_1.IconButton, Object.assign({ size: "small", color: "inherit", onClick: () => {
                     setOpen(!open);
                 } }, { children: (0, jsx_runtime_1.jsx)(Menu_1.default, { fontSize: "large" }) })), (0, jsx_runtime_1.jsx)(material_1.SwipeableDrawer, Object.assign({ anchor: side, open: open, onClick: () => setOpen(false), onKeyDown: () => setOpen(false), onClose: () => setOpen(false), onOpen: () => setOpen(true) }, { children: children !== null && children !== void 0 ? children : ((0, jsx_runtime_1.jsx)(material_1.List, { children: (0, jsx_runtime_1.jsx)(MenuItems_1.SiteMenuListItem, { primary: "Settings", icon: (0, jsx_runtime_1.jsx)(Settings_1.default, {}), to: "/settings" }) })) }))] })));

package/dist/cjs/components/SiteMenu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAiE;AACjE,yDAA6D;AAC7D,iCAAgC;AAEhC,2CAA8C;AAOvC,MAAM,QAAQ,GAA4B,CAAC,EAAsC,EAAE,EAAE;QAA1C,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAApC,oBAAsC,CAAF;IACpF,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,qBAAU,kBACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,gBAED,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IAClB,EACb,uBAAC,0BAAe,kBACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAE1B,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,4BAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,QAAQ,YA8BpB"}
+{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/Menu.tsx"],"names":[],"mappings":";;;;;AAAA,4EAA+C;AAC/C,oFAAuD;AACvD,4CAAiE;AACjE,yDAA6D;AAC7D,iCAA2C;AAE3C,2CAA8C;AAQvC,MAAM,QAAQ,GAA4B,CAAC,EAAoD,EAAE,EAAE;QAAxD,EAAE,IAAI,GAAG,OAAO,EAAE,QAAQ,EAAE,YAAY,OAAY,EAAP,KAAK,sBAAlD,oCAAoD,CAAF;IAClG,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,IAAI,CAAC,CAAA;IACtB,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,CAAC,CAAA;IAExB,OAAO,CACL,wBAAC,uBAAO,kBAAC,UAAU,EAAC,SAAS,IAAK,KAAK,eACrC,uBAAC,qBAAU,kBACT,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,CAAC,IAAI,CAAC,CAAA;gBAChB,CAAC,gBAED,uBAAC,cAAQ,IAAC,QAAQ,EAAC,OAAO,GAAG,IAClB,EACb,uBAAC,0BAAe,kBACd,MAAM,EAAE,IAAI,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,SAAS,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC/B,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC7B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,gBAE1B,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,uBAAC,eAAI,cACH,uBAAC,4BAAgB,IAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAE,uBAAC,kBAAY,KAAG,EAAE,EAAE,EAAC,WAAW,GAAG,GACzE,CACR,IACe,KACV,CACX,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,QAAQ,YAkCpB"}

package/dist/cjs/components/SiteMenu/MenuItems.js

@@ -10,7 +10,7 @@ const MenuListItemText_1 = require("./MenuListItemText");
 const SiteMenuListItem = (_a) => {
     var { style, children, iconOnly, collapseEnd, icon, primary, onButtonClick, to } = _a, props = tslib_1.__rest(_a, ["style", "children", "iconOnly", "collapseEnd", "icon", "primary", "onButtonClick", "to"]);
     const { dense } = props;
-    return ((0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ style: style, iconOnly: iconOnly }, props, { children: [(0, jsx_runtime_1.jsxs)(MenuListItemButtonEx_1.MenuListItemButtonEx, Object.assign({ iconOnly: iconOnly, onClick: onButtonClick, collapseEnd: collapseEnd, dense: dense, to: to }, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon }), (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly })] })), children] })));
+    return ((0, jsx_runtime_1.jsxs)(MenuListItem_1.MenuListItem, Object.assign({ style: Object.assign({ whiteSpace: 'nowrap' }, style), iconOnly: iconOnly }, props, { children: [(0, jsx_runtime_1.jsxs)(MenuListItemButtonEx_1.MenuListItemButtonEx, Object.assign({ iconOnly: iconOnly, onClick: onButtonClick, collapseEnd: collapseEnd, dense: dense, to: to }, { children: [(0, jsx_runtime_1.jsx)(MenuIcon_1.MenuIcon, { icon: icon }), (0, jsx_runtime_1.jsx)(MenuListItemText_1.MenuListItemText, { primary: primary, iconOnly: iconOnly })] })), children] })));
 };
 exports.SiteMenuListItem = SiteMenuListItem;
 //# sourceMappingURL=MenuItems.js.map

package/dist/cjs/components/SiteMenu/MenuItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAMA,yCAAqC;AACrC,iDAA6C;AAC7C,iEAA6D;AAC7D,yDAAqD;AAS9C,MAAM,gBAAgB,GAAoC,CAAC,EAUjE,EAAE,EAAE;QAV6D,EAChE,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,aAAa,EACb,EAAE,OAEH,EADI,KAAK,sBATwD,0FAUjE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO,CACL,wBAAC,2BAAY,kBAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,IAAM,KAAK,eACvD,wBAAC,2CAAoB,kBAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,iBAC9G,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,EACxB,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACrC,EACtB,QAAQ,KACI,CAChB,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,gBAAgB,oBAqB5B"}
+{"version":3,"file":"MenuItems.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuItems.tsx"],"names":[],"mappings":";;;;;AAMA,yCAAqC;AACrC,iDAA6C;AAC7C,iEAA6D;AAC7D,yDAAqD;AAS9C,MAAM,gBAAgB,GAAoC,CAAC,EAUjE,EAAE,EAAE;QAV6D,EAChE,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,OAAO,EACP,aAAa,EACb,EAAE,OAEH,EADI,KAAK,sBATwD,0FAUjE,CADS;IAER,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,OAAO,CACL,wBAAC,2BAAY,kBAAC,KAAK,kBAAI,UAAU,EAAE,QAAQ,IAAK,KAAK,GAAI,QAAQ,EAAE,QAAQ,IAAM,KAAK,eACpF,wBAAC,2CAAoB,kBAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,iBAC9G,uBAAC,mBAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,EACxB,uBAAC,mCAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,KACrC,EACtB,QAAQ,KACI,CAChB,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,gBAAgB,oBAqB5B"}

package/dist/cjs/components/SiteMenu/MenuListItemButtonEx.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MenuListItemButtonEx.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB,EAAE,qBAAqB;CAAG;AAEjG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAWpE,CAAA"}
+{"version":3,"file":"MenuListItemButtonEx.d.ts","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAoB,qBAAqB,EAAE,MAAM,2BAA2B,CAAA;AAEnF,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAA;AAE5C,MAAM,WAAW,yBAA0B,SAAQ,oBAAoB,EAAE,qBAAqB;CAAG;AAEjG,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAYpE,CAAA"}

package/dist/cjs/components/SiteMenu/MenuListItemButtonEx.js

@@ -8,6 +8,7 @@ const MenuListItemButtonEx = (_a) => {
     var { iconOnly, collapseEnd, sx, children } = _a, props = tslib_1.__rest(_a, ["iconOnly", "collapseEnd", "sx", "children"]);
     const { dense } = props;
     const listItemButtonSx = iconOnly ? { borderRadius: '50%', display: 'inline-flex', flexGrow: 0 } : {};
+    // wait till collapseEnds to remove the spacing between items
     const spacingSx = collapseEnd ? { columnGap: 0 } : { columnGap: 1.5 };
     // adjusts to the paddingY value which does NOT scale along the theme.spacing
     const paddingSx = dense ? { px: '8px' } : { px: '12px' };

package/dist/cjs/components/SiteMenu/MenuListItemButtonEx.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuListItemButtonEx.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAmF;AAM5E,MAAM,oBAAoB,GAAwC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/C,6CAAiD,CAAF;IACvH,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACrG,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,+BAAgB,kBAAC,EAAE,8DAAO,gBAAgB,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cACxF,QAAQ,IACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,oBAAoB,wBAWhC"}
+{"version":3,"file":"MenuListItemButtonEx.js","sourceRoot":"","sources":["../../../../src/components/SiteMenu/MenuListItemButtonEx.tsx"],"names":[],"mappings":";;;;;AAAA,4DAAmF;AAM5E,MAAM,oBAAoB,GAAwC,CAAC,EAAiD,EAAE,EAAE;QAArD,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,EAAE,QAAQ,OAAY,EAAP,KAAK,sBAA/C,6CAAiD,CAAF;IACvH,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAA;IACvB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;IACrG,6DAA6D;IAC7D,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,EAAE,CAAA;IACrE,6EAA6E;IAC7E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,CAAA;IACxD,OAAO,CACL,uBAAC,+BAAgB,kBAAC,EAAE,8DAAO,gBAAgB,GAAK,SAAS,GAAK,SAAS,GAAK,EAAE,KAAQ,KAAK,cACxF,QAAQ,IACQ,CACpB,CAAA;AACH,CAAC,CAAA;AAZY,QAAA,oBAAoB,wBAYhC"}

package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts

@@ -2,6 +2,7 @@ import { ToolbarProps } from '@mui/material';
 import { SelectExProps } from '@xylabs/react-common';
 import { NetworkSelectExProps } from '@xyo-network/react-network';
 import { ReactNode } from 'react';
+import { SiteMenuProps } from '../../SiteMenu';
 export interface SystemToolbarProps extends ToolbarProps {
     networkSelectProps?: NetworkSelectExProps;
     archiveSelectProps?: SelectExProps<string>;
@@ -12,6 +13,7 @@ export interface SystemToolbarProps extends ToolbarProps {
     menuItems?: ReactNode;
     precedingChildren?: ReactNode;
     developerMode?: boolean;
+    onMenuToggle?: SiteMenuProps['onMenuToggle'];
 }
 export declare const SystemToolbar: React.FC<SystemToolbarProps>;
 //# sourceMappingURL=SystemToolbar.d.ts.map

package/dist/cjs/components/Toolbar/System/SystemToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SystemToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKpD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,kBAAkB,CAAC,EAAE,oBAAoB,CAAA;IACzC,kBAAkB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAmCtD,CAAA"}
+{"version":3,"file":"SystemToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAKpD,OAAO,EAAmB,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAY,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAExD,MAAM,WAAW,kBAAmB,SAAQ,YAAY;IACtD,kBAAkB,CAAC,EAAE,oBAAoB,CAAA;IACzC,kBAAkB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAA;IAC1C,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,iBAAiB,CAAC,EAAE,SAAS,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,YAAY,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;CAC7C;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoCtD,CAAA"}

package/dist/cjs/components/Toolbar/System/SystemToolbar.js

@@ -11,8 +11,8 @@ const react_auth_sets_1 = require("@xyo-network/react-auth-sets");
 const react_network_1 = require("@xyo-network/react-network");
 const SiteMenu_1 = require("../../SiteMenu");
 const SystemToolbar = (_a) => {
-    var { children, precedingChildren, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false, menuItems } = _a, props = tslib_1.__rest(_a, ["children", "precedingChildren", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "darkModeButton", "authButton", "menuItems"]);
-    return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [precedingChildren, hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_sets_1.AuthSetsStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_app_settings_1.DarkModeIconButton, { color: "inherit" }) : null, menuItems ? (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, { children: menuItems }) : null] })));
+    var { children, precedingChildren, networkSelectProps, archiveSelectProps, hideNetworkSelect, hideArchiveSelect, darkModeButton = false, authButton = false, menuItems, onMenuToggle } = _a, props = tslib_1.__rest(_a, ["children", "precedingChildren", "networkSelectProps", "archiveSelectProps", "hideNetworkSelect", "hideArchiveSelect", "darkModeButton", "authButton", "menuItems", "onMenuToggle"]);
+    return ((0, jsx_runtime_1.jsxs)(material_1.Toolbar, Object.assign({}, props, { children: [precedingChildren, hideNetworkSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_network_1.NetworkSelectEx, Object.assign({ fullWidth: true }, networkSelectProps)) })) }))), hideArchiveSelect ? null : ((0, jsx_runtime_1.jsx)(react_flexbox_1.FlexRow, Object.assign({ marginX: 0.5 }, { children: (0, jsx_runtime_1.jsx)(material_1.Paper, Object.assign({ variant: "elevation" }, { children: (0, jsx_runtime_1.jsx)(react_archive_1.ArchiveSelectEx, Object.assign({ fullWidth: true }, archiveSelectProps)) })) }))), children, authButton ? (0, jsx_runtime_1.jsx)(react_auth_sets_1.AuthSetsStatusIconButton, { color: "inherit" }) : null, darkModeButton ? (0, jsx_runtime_1.jsx)(react_app_settings_1.DarkModeIconButton, { color: "inherit" }) : null, menuItems ? (0, jsx_runtime_1.jsx)(SiteMenu_1.SiteMenu, Object.assign({ onMenuToggle: onMenuToggle }, { children: menuItems })) : null] })));
 };
 exports.SystemToolbar = SystemToolbar;
 //# sourceMappingURL=SystemToolbar.js.map

package/dist/cjs/components/Toolbar/System/SystemToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAE5D,yDAA+C;AAC/C,wEAAoE;AACpE,8DAA4D;AAC5D,kEAAuE;AACvE,8DAAkF;AAGlF,6CAAyC;AAclC,MAAM,aAAa,GAAiC,CAAC,EAW3D,EAAE,EAAE;QAXuD,EAC1D,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,OAEV,EADI,KAAK,sBAVkD,oKAW3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,EACjB,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,0CAAwB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAChE,cAAc,CAAC,CAAC,CAAC,uBAAC,uCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAQ,cAAE,SAAS,GAAY,CAAC,CAAC,CAAC,IAAI,KAC5C,CACX,CAAA;AACH,CAAC,CAAA;AAnCY,QAAA,aAAa,iBAmCzB"}
+{"version":3,"file":"SystemToolbar.js","sourceRoot":"","sources":["../../../../../src/components/Toolbar/System/SystemToolbar.tsx"],"names":[],"mappings":";;;;;AAAA,4CAA4D;AAE5D,yDAA+C;AAC/C,wEAAoE;AACpE,8DAA4D;AAC5D,kEAAuE;AACvE,8DAAkF;AAGlF,6CAAwD;AAejD,MAAM,aAAa,GAAiC,CAAC,EAY3D,EAAE,EAAE;QAZuD,EAC1D,QAAQ,EACR,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,cAAc,GAAG,KAAK,EACtB,UAAU,GAAG,KAAK,EAClB,SAAS,EACT,YAAY,OAEb,EADI,KAAK,sBAXkD,oLAY3D,CADS;IAER,OAAO,CACL,wBAAC,kBAAO,oBAAK,KAAK,eACf,iBAAiB,EACjB,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B,uBAAC,uBAAO,kBAAC,OAAO,EAAE,GAAG,gBACnB,uBAAC,gBAAK,kBAAC,OAAO,EAAC,WAAW,gBACxB,uBAAC,+BAAe,kBAAC,SAAS,UAAK,kBAAkB,EAAI,IAC/C,IACA,CACX,EACA,QAAQ,EACR,UAAU,CAAC,CAAC,CAAC,uBAAC,0CAAwB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAChE,cAAc,CAAC,CAAC,CAAC,uBAAC,uCAAkB,IAAC,KAAK,EAAC,SAAS,GAAG,CAAC,CAAC,CAAC,IAAI,EAC9D,SAAS,CAAC,CAAC,CAAC,uBAAC,mBAAQ,kBAAC,YAAY,EAAE,YAAY,gBAAG,SAAS,IAAY,CAAC,CAAC,CAAC,IAAI,KACxE,CACX,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,aAAa,iBAoCzB"}

package/dist/cjs/components/index.d.ts

@@ -1,4 +1,5 @@
 export * from './AppBar';
+export * from './CollapsibleDrawer';
 export * from './MobileSystemControls';
 export * from './SearchBar';
 export * from './SiteMenu';

package/dist/cjs/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,qBAAqB,CAAA;AACnC,cAAc,wBAAwB,CAAA;AACtC,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}

package/dist/cjs/components/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./AppBar"), exports);
+tslib_1.__exportStar(require("./CollapsibleDrawer"), exports);
 tslib_1.__exportStar(require("./MobileSystemControls"), exports);
 tslib_1.__exportStar(require("./SearchBar"), exports);
 tslib_1.__exportStar(require("./SiteMenu"), exports);

package/dist/cjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,iEAAsC;AACtC,sDAA2B;AAC3B,qDAA0B;AAC1B,oDAAyB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,8DAAmC;AACnC,iEAAsC;AACtC,sDAA2B;AAC3B,qDAA0B;AAC1B,oDAAyB"}

package/dist/cjs/contexts/Collapsible/State.d.ts

@@ -0,0 +1,9 @@
+import { ContextExState } from '@xyo-network/react-shared';
+import { Dispatch, SetStateAction } from 'react';
+export interface CollapsibleState extends ContextExState {
+    collapse?: boolean;
+    setCollapse?: Dispatch<SetStateAction<boolean>>;
+    collapseEnd?: boolean;
+    setCollapseEnd?: Dispatch<SetStateAction<boolean>>;
+}
+//# sourceMappingURL=State.d.ts.map

package/dist/cjs/contexts/Collapsible/State.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/State.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;IAC/C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,cAAc,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAA;CACnD"}

package/dist/cjs/contexts/Collapsible/State.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=State.js.map

package/dist/cjs/contexts/Collapsible/State.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"State.js","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/State.ts"],"names":[],"mappings":""}

package/dist/cjs/contexts/Collapsible/context.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CollapsibleState } from './State';
+export declare const CollapsibleContext: import("react").Context<CollapsibleState & import("@xyo-network/react-shared").ContextExState>;
+//# sourceMappingURL=context.d.ts.map

package/dist/cjs/contexts/Collapsible/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/context.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE1C,eAAO,MAAM,kBAAkB,gGAAsC,CAAA"}

package/dist/cjs/contexts/Collapsible/context.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleContext = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+exports.CollapsibleContext = (0, react_shared_1.createContextEx)();
+//# sourceMappingURL=context.js.map

package/dist/cjs/contexts/Collapsible/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/context.ts"],"names":[],"mappings":";;;AAAA,4DAA2D;AAI9C,QAAA,kBAAkB,GAAG,IAAA,8BAAe,GAAoB,CAAA"}

package/dist/cjs/contexts/Collapsible/index.d.ts

@@ -0,0 +1,3 @@
+export * from './provider';
+export * from './use';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/contexts/Collapsible/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,OAAO,CAAA"}

package/dist/cjs/contexts/Collapsible/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./provider"), exports);
+tslib_1.__exportStar(require("./use"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/contexts/Collapsible/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0B;AAC1B,gDAAqB"}

package/dist/cjs/contexts/Collapsible/provider.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { WithChildren } from '@xylabs/react-shared';
+export interface CollapsibleProviderProps extends WithChildren {
+    defaultCollapse?: boolean;
+    defaultCollapseEnd?: boolean;
+}
+export declare const CollapsibleProvider: React.FC<CollapsibleProviderProps>;
+//# sourceMappingURL=provider.d.ts.map

package/dist/cjs/contexts/Collapsible/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKnD,MAAM,WAAW,wBAAyB,SAAQ,YAAY;IAC5D,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CASlE,CAAA"}

package/dist/cjs/contexts/Collapsible/provider.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsibleProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const context_1 = require("./context");
+const CollapsibleProvider = ({ defaultCollapse = false, defaultCollapseEnd = false, children }) => {
+    const [collapse, setCollapse] = (0, react_1.useState)(defaultCollapse);
+    const [collapseEnd, setCollapseEnd] = (0, react_1.useState)(defaultCollapseEnd);
+    return ((0, jsx_runtime_1.jsx)(context_1.CollapsibleContext.Provider, Object.assign({ value: { collapse, collapseEnd, provided: true, setCollapse, setCollapseEnd } }, { children: children })));
+};
+exports.CollapsibleProvider = CollapsibleProvider;
+//# sourceMappingURL=provider.js.map

package/dist/cjs/contexts/Collapsible/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/provider.tsx"],"names":[],"mappings":";;;;AACA,iCAAgC;AAEhC,uCAA8C;AAOvC,MAAM,mBAAmB,GAAuC,CAAC,EAAE,eAAe,GAAG,KAAK,EAAE,kBAAkB,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC3I,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAC,eAAe,CAAC,CAAA;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,kBAAkB,CAAC,CAAA;IAElE,OAAO,CACL,uBAAC,4BAAkB,CAAC,QAAQ,kBAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,gBACvG,QAAQ,IACmB,CAC/B,CAAA;AACH,CAAC,CAAA;AATY,QAAA,mBAAmB,uBAS/B"}

package/dist/cjs/contexts/Collapsible/use.d.ts

@@ -0,0 +1,2 @@
+export declare const useCollapsible: () => Omit<import("./State").CollapsibleState & import("@xyo-network/react-shared").ContextExState, "provided">;
+//# sourceMappingURL=use.d.ts.map

package/dist/cjs/contexts/Collapsible/use.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.d.ts","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/use.tsx"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,iHAA+D,CAAA"}

package/dist/cjs/contexts/Collapsible/use.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCollapsible = void 0;
+const react_shared_1 = require("@xyo-network/react-shared");
+const context_1 = require("./context");
+const useCollapsible = () => (0, react_shared_1.useContextEx)(context_1.CollapsibleContext, 'Collapsible', false);
+exports.useCollapsible = useCollapsible;
+//# sourceMappingURL=use.js.map

package/dist/cjs/contexts/Collapsible/use.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use.js","sourceRoot":"","sources":["../../../../src/contexts/Collapsible/use.tsx"],"names":[],"mappings":";;;AAAA,4DAAwD;AAExD,uCAA8C;AAEvC,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,IAAA,2BAAY,EAAC,4BAAkB,EAAE,aAAa,EAAE,KAAK,CAAC,CAAA;AAA7E,QAAA,cAAc,kBAA+D"}

package/dist/cjs/contexts/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Collapsible';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/contexts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/cjs/contexts/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Collapsible"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/contexts/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/contexts/index.ts"],"names":[],"mappings":";;;AAAA,wDAA6B"}

package/dist/cjs/index.d.ts

@@ -1,2 +1,3 @@
 export * from './components';
+export * from './contexts';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA"}

package/dist/cjs/index.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./components"), exports);
+tslib_1.__exportStar(require("./contexts"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B;AAC5B,qDAA0B"}