@vuu-ui/vuu-shell 3.0.0-beta.3 → 3.1.0-beta.1

package/cjs/persistence-manager/RemotePersistenceManager.js

@@ -1,165 +0,0 @@
-'use strict';
-
-const baseURL = "/api";
-const metadataSaveLocation = "layouts/metadata";
-const layoutsSaveLocation = "layouts";
-const applicationLayoutsSaveLocation = "application-layouts";
-class RemotePersistenceManager {
-  constructor(userName) {
-    this.userName = userName;
-  }
-  createLayout(metadata, layout) {
-    return new Promise(
-      (resolve, reject) => fetch(`${baseURL}/${layoutsSaveLocation}`, {
-        headers: {
-          "Content-Type": "application/json"
-        },
-        method: "POST",
-        body: JSON.stringify({
-          metadata,
-          definition: layout
-        })
-      }).then((response) => {
-        if (!response.ok) {
-          reject(new Error(response.statusText));
-        }
-        response.json().then(({ metadata: metadata2 }) => {
-          if (!metadata2) {
-            reject(new Error("Response did not contain valid metadata"));
-          }
-          resolve(metadata2);
-        });
-      }).catch((error) => {
-        reject(error);
-      })
-    );
-  }
-  clearUserSettings() {
-  }
-  updateLayout(id, metadata, newLayoutJson) {
-    return new Promise(
-      (resolve, reject) => fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {
-        method: "PUT",
-        body: JSON.stringify({
-          metadata,
-          layout: newLayoutJson
-        })
-      }).then((response) => {
-        if (!response.ok) {
-          reject(new Error(response.statusText));
-        }
-        resolve();
-      }).catch((error) => {
-        reject(error);
-      })
-    );
-  }
-  deleteLayout(id) {
-    return new Promise(
-      (resolve, reject) => fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {
-        method: "DELETE"
-      }).then((response) => {
-        if (!response.ok) {
-          reject(new Error(response.statusText));
-        }
-        resolve();
-      }).catch((error) => {
-        reject(error);
-      })
-    );
-  }
-  loadLayout(id) {
-    return new Promise((resolve, reject) => {
-      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {
-        method: "GET"
-      }).then((response) => {
-        if (!response.ok) {
-          reject(new Error(response.statusText));
-        }
-        response.json().then(({ definition }) => {
-          if (!definition) {
-            reject(new Error("Response did not contain a valid layout"));
-          }
-          resolve(definition);
-        });
-      }).catch((error) => {
-        reject(error);
-      });
-    });
-  }
-  loadMetadata() {
-    return new Promise(
-      (resolve, reject) => fetch(`${baseURL}/${metadataSaveLocation}`, {
-        method: "GET"
-      }).then((response) => {
-        if (!response.ok) {
-          reject(new Error(response.statusText));
-        }
-        response.json().then((metadata) => {
-          if (!metadata) {
-            reject(new Error("Response did not contain valid metadata"));
-          }
-          resolve(metadata);
-        });
-      }).catch((error) => {
-        reject(error);
-      })
-    );
-  }
-  saveApplicationJSON(applicationJSON) {
-    return new Promise(
-      (resolve, reject) => fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {
-        method: "PUT",
-        headers: {
-          "Content-Type": "application/json",
-          username: this.userName
-        },
-        body: JSON.stringify(applicationJSON)
-      }).then((response) => {
-        if (!response.ok) {
-          reject(new Error(response.statusText));
-        }
-        resolve();
-      }).catch((error) => {
-        reject(error);
-      })
-    );
-  }
-  loadApplicationJSON() {
-    return new Promise(
-      (resolve, reject) => fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {
-        method: "GET",
-        headers: {
-          username: this.userName
-        }
-      }).then((response) => {
-        if (!response.ok) {
-          reject(new Error(response.statusText));
-        }
-        response.json().then((applicationJSON) => {
-          if (!applicationJSON) {
-            reject(
-              new Error(
-                "Response did not contain valid application layout information"
-              )
-            );
-          }
-          resolve(applicationJSON.definition);
-        });
-      }).catch((error) => {
-        reject(error);
-      })
-    );
-  }
-  async getUserSettings() {
-    return {};
-  }
-  saveUserSettings(userSettings) {
-    console.log("saveUserSettings not implemented", {
-      userSettings
-    });
-  }
-}
-
-exports.RemotePersistenceManager = RemotePersistenceManager;
-//# sourceMappingURL=RemotePersistenceManager.js.map

package/cjs/persistence-manager/RemotePersistenceManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RemotePersistenceManager.js","sources":["../../../../packages/vuu-shell/src/persistence-manager/RemotePersistenceManager.ts"],"sourcesContent":["import {\n  ApplicationJSON,\n  LayoutJSON,\n  LayoutMetadata,\n  LayoutMetadataDto,\n  Settings,\n} from \"@vuu-ui/vuu-utils\";\nimport { IPersistenceManager } from \"./PersistenceManager\";\n\nconst baseURL = \"/api\";\nconst metadataSaveLocation = \"layouts/metadata\";\nconst layoutsSaveLocation = \"layouts\";\nconst applicationLayoutsSaveLocation = \"application-layouts\";\n\nexport type CreateLayoutResponseDto = { metadata: LayoutMetadata };\nexport type GetLayoutResponseDto = { definition: LayoutJSON };\nexport type GetApplicationResponseDto = { definition: ApplicationJSON };\n\nexport class RemotePersistenceManager implements IPersistenceManager {\n  constructor(private userName: string) {}\n\n  createLayout(\n    metadata: LayoutMetadataDto,\n    layout: LayoutJSON,\n  ): Promise<LayoutMetadata> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${layoutsSaveLocation}`, {\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        method: \"POST\",\n        body: JSON.stringify({\n          metadata,\n          definition: layout,\n        }),\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then(({ metadata }: CreateLayoutResponseDto) => {\n            if (!metadata) {\n              reject(new Error(\"Response did not contain valid metadata\"));\n            }\n            resolve(metadata);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  clearUserSettings() {\n    // todo\n  }\n\n  updateLayout(\n    id: string,\n    metadata: LayoutMetadataDto,\n    newLayoutJson: LayoutJSON,\n  ): Promise<void> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {\n        method: \"PUT\",\n        body: JSON.stringify({\n          metadata,\n          layout: newLayoutJson,\n        }),\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          resolve();\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  deleteLayout(id: string): Promise<void> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {\n        method: \"DELETE\",\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          resolve();\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  loadLayout(id: string): Promise<LayoutJSON> {\n    return new Promise((resolve, reject) => {\n      fetch(`${baseURL}/${layoutsSaveLocation}/${id}`, {\n        method: \"GET\",\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then(({ definition }: GetLayoutResponseDto) => {\n            if (!definition) {\n              reject(new Error(\"Response did not contain a valid layout\"));\n            }\n            resolve(definition);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        });\n    });\n  }\n\n  loadMetadata(): Promise<LayoutMetadata[]> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${metadataSaveLocation}`, {\n        method: \"GET\",\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then((metadata: LayoutMetadata[]) => {\n            if (!metadata) {\n              reject(new Error(\"Response did not contain valid metadata\"));\n            }\n            resolve(metadata);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  saveApplicationJSON(applicationJSON: ApplicationJSON): Promise<void> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {\n        method: \"PUT\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n          username: this.userName,\n        },\n        body: JSON.stringify(applicationJSON),\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          resolve();\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  loadApplicationJSON(): Promise<ApplicationJSON> {\n    return new Promise((resolve, reject) =>\n      fetch(`${baseURL}/${applicationLayoutsSaveLocation}`, {\n        method: \"GET\",\n        headers: {\n          username: this.userName,\n        },\n      })\n        .then((response) => {\n          if (!response.ok) {\n            reject(new Error(response.statusText));\n          }\n          response.json().then((applicationJSON: GetApplicationResponseDto) => {\n            if (!applicationJSON) {\n              reject(\n                new Error(\n                  \"Response did not contain valid application layout information\",\n                ),\n              );\n            }\n            resolve(applicationJSON.definition);\n          });\n        })\n        .catch((error: Error) => {\n          reject(error);\n        }),\n    );\n  }\n\n  async getUserSettings() {\n    return {};\n  }\n\n  saveUserSettings(userSettings: Settings) {\n    console.log(\"saveUserSettings not implemented\", {\n      userSettings,\n    });\n  }\n}\n"],"names":["metadata"],"mappings":"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"}

package/cjs/persistence-manager/StaticPersistenceManager.js

@@ -1,73 +0,0 @@
-'use strict';
-
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _applicationLoadDelay, _applicationJSON, _layoutMetaData;
-function unsupported() {
-  return new Promise((_, reject) => {
-    reject("not supported");
-  });
-}
-class StaticPersistenceManager {
-  constructor({
-    applicationJSON,
-    applicationLoadDelay = 0,
-    layoutMetadata = []
-  }) {
-    __privateAdd(this, _applicationLoadDelay);
-    __privateAdd(this, _applicationJSON);
-    __privateAdd(this, _layoutMetaData);
-    __privateSet(this, _applicationJSON, applicationJSON);
-    __privateSet(this, _applicationLoadDelay, applicationLoadDelay);
-    __privateSet(this, _layoutMetaData, layoutMetadata);
-  }
-  createLayout() {
-    return unsupported();
-  }
-  clearUserSettings() {
-  }
-  updateLayout() {
-    return unsupported();
-  }
-  deleteLayout() {
-    return unsupported();
-  }
-  loadLayout(id) {
-    console.log(`load layout #${id}`);
-    return unsupported();
-  }
-  loadMetadata() {
-    return Promise.resolve(__privateGet(this, _layoutMetaData));
-  }
-  loadApplicationJSON() {
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        resolve(__privateGet(this, _applicationJSON));
-      }, __privateGet(this, _applicationLoadDelay));
-    });
-  }
-  async saveApplicationJSON(applicationJson) {
-    console.log(`save application json `, {
-      applicationJson
-    });
-  }
-  async getUserSettings() {
-    return __privateGet(this, _applicationJSON)?.userSettings ?? {};
-  }
-  saveUserSettings(userSettings) {
-    console.log("saveUserSettings not implemented", {
-      userSettings
-    });
-  }
-}
-_applicationLoadDelay = new WeakMap();
-_applicationJSON = new WeakMap();
-_layoutMetaData = new WeakMap();
-
-exports.StaticPersistenceManager = StaticPersistenceManager;
-//# sourceMappingURL=StaticPersistenceManager.js.map

package/cjs/persistence-manager/StaticPersistenceManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"StaticPersistenceManager.js","sources":["../../../../packages/vuu-shell/src/persistence-manager/StaticPersistenceManager.ts"],"sourcesContent":["import {\n  ApplicationJSON,\n  LayoutJSON,\n  LayoutMetadata,\n  Settings,\n} from \"@vuu-ui/vuu-utils\";\nimport { IPersistenceManager } from \"./PersistenceManager\";\n\nfunction unsupported<T = void>() {\n  return new Promise<T>((_, reject) => {\n    reject(\"not supported\");\n  });\n}\n\n/**\n * Use in Showcase examples only\n */\nexport class StaticPersistenceManager implements IPersistenceManager {\n  #applicationLoadDelay: number;\n  #applicationJSON?: ApplicationJSON;\n  #layoutMetaData: LayoutMetadata[];\n  constructor({\n    applicationJSON,\n    applicationLoadDelay = 0,\n    layoutMetadata = [],\n  }: {\n    applicationJSON?: ApplicationJSON;\n    applicationLoadDelay?: number;\n    layoutMetadata?: LayoutMetadata[];\n  }) {\n    this.#applicationJSON = applicationJSON;\n    this.#applicationLoadDelay = applicationLoadDelay;\n    this.#layoutMetaData = layoutMetadata;\n  }\n  createLayout() {\n    return unsupported<LayoutMetadata>();\n  }\n\n  clearUserSettings() {\n    // TODO\n  }\n  updateLayout() {\n    return unsupported();\n  }\n  deleteLayout() {\n    return unsupported();\n  }\n  loadLayout(id: string) {\n    console.log(`load layout #${id}`);\n    return unsupported<LayoutJSON>();\n  }\n  loadMetadata() {\n    return Promise.resolve(this.#layoutMetaData);\n  }\n  loadApplicationJSON() {\n    return new Promise<ApplicationJSON | undefined>((resolve) => {\n      setTimeout(() => {\n        resolve(this.#applicationJSON);\n      }, this.#applicationLoadDelay);\n    });\n  }\n  async saveApplicationJSON(applicationJson: ApplicationJSON) {\n    console.log(`save application json `, {\n      applicationJson,\n    });\n  }\n\n  async getUserSettings() {\n    return this.#applicationJSON?.userSettings ?? {};\n  }\n\n  saveUserSettings(userSettings: Settings) {\n    console.log(\"saveUserSettings not implemented\", {\n      userSettings,\n    });\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;AAAA,IAAA,qBAAA,EAAA,gBAAA,EAAA,eAAA;AAQA,SAAS,WAAwB,GAAA;AAC/B,EAAA,OAAO,IAAI,OAAA,CAAW,CAAC,CAAA,EAAG,MAAW,KAAA;AACnC,IAAA,MAAA,CAAO,eAAe,CAAA;AAAA,GACvB,CAAA;AACH;AAKO,MAAM,wBAAwD,CAAA;AAAA,EAInE,WAAY,CAAA;AAAA,IACV,eAAA;AAAA,IACA,oBAAuB,GAAA,CAAA;AAAA,IACvB,iBAAiB;AAAC,GAKjB,EAAA;AAXH,IAAA,YAAA,CAAA,IAAA,EAAA,qBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,gBAAA,CAAA;AACA,IAAA,YAAA,CAAA,IAAA,EAAA,eAAA,CAAA;AAUE,IAAA,YAAA,CAAA,IAAA,EAAK,gBAAmB,EAAA,eAAA,CAAA;AACxB,IAAA,YAAA,CAAA,IAAA,EAAK,qBAAwB,EAAA,oBAAA,CAAA;AAC7B,IAAA,YAAA,CAAA,IAAA,EAAK,eAAkB,EAAA,cAAA,CAAA;AAAA;AACzB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAA4B,EAAA;AAAA;AACrC,EAEA,iBAAoB,GAAA;AAAA;AAEpB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAAY,EAAA;AAAA;AACrB,EACA,YAAe,GAAA;AACb,IAAA,OAAO,WAAY,EAAA;AAAA;AACrB,EACA,WAAW,EAAY,EAAA;AACrB,IAAQ,OAAA,CAAA,GAAA,CAAI,CAAgB,aAAA,EAAA,EAAE,CAAE,CAAA,CAAA;AAChC,IAAA,OAAO,WAAwB,EAAA;AAAA;AACjC,EACA,YAAe,GAAA;AACb,IAAO,OAAA,OAAA,CAAQ,OAAQ,CAAA,YAAA,CAAA,IAAA,EAAK,eAAe,CAAA,CAAA;AAAA;AAC7C,EACA,mBAAsB,GAAA;AACpB,IAAO,OAAA,IAAI,OAAqC,CAAA,CAAC,OAAY,KAAA;AAC3D,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,OAAA,CAAQ,mBAAK,gBAAgB,CAAA,CAAA;AAAA,OAC/B,EAAG,mBAAK,qBAAqB,CAAA,CAAA;AAAA,KAC9B,CAAA;AAAA;AACH,EACA,MAAM,oBAAoB,eAAkC,EAAA;AAC1D,IAAA,OAAA,CAAQ,IAAI,CAA0B,sBAAA,CAAA,EAAA;AAAA,MACpC;AAAA,KACD,CAAA;AAAA;AACH,EAEA,MAAM,eAAkB,GAAA;AACtB,IAAO,OAAA,YAAA,CAAA,IAAA,EAAK,gBAAkB,CAAA,EAAA,YAAA,IAAgB,EAAC;AAAA;AACjD,EAEA,iBAAiB,YAAwB,EAAA;AACvC,IAAA,OAAA,CAAQ,IAAI,kCAAoC,EAAA;AAAA,MAC9C;AAAA,KACD,CAAA;AAAA;AAEL;AA1DE,qBAAA,GAAA,IAAA,OAAA,EAAA;AACA,gBAAA,GAAA,IAAA,OAAA,EAAA;AACA,eAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/cjs/shell-layout-templates/context-panel/ContextPanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var contextPanelCss = ".vuuContextPanel {\n  --header-height: var(--vuuContextPanel-header-height, 48px);\n  background: var(--vuuContextPanel-background, var(--salt-container-primary-background));\n  position: relative;\n  transition: width 0.3s ease-in-out;\n  width: var(--vuu-side-panel-width, 0px) !important;\n  z-index: 1;\n}\n\n.vuuContextPanel-expanded {\n  --vuu-side-panel-width: var(--vuuContextPanel-width, 300px) !important;\n  --vuu-side-panel-shadow: -4px 4px 4px rgba(0, 0, 0, 0.1);\n  --vuu-side-panel-padding: var(--vuuContextPanel-padding, 24px);\n\n  .vuuView.vuuContextPanel-inner {\n    padding: 24px 8px 24px 18px;\n  }\n}\n\n.vuuContextPanel-overlay {\n  width: 0px !important;\n}\n\n.vuuView.vuuContextPanel-inner {\n  background-color: inherit;\n  box-shadow: var(--vuu-side-panel-shadow, none);\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0 !important;\n  overflow: auto;\n  position: absolute !important;\n  right: 0;\n  top: 0;\n  transition-property: padding-left, padding-right, width;\n  transition-duration: 0.3s;\n  transition-timing-function: ease-in-out;\n  width: var(--vuu-side-panel-width, 0px);\n}\n\n.vuuContextPanel-header {\n  align-items: center;\n  display: flex;\n  flex-wrap: nowrap;\n  flex: 0 0 var(--header-height) !important;\n  justify-content: space-between;\n}\n\n.vuuContextPanel-title {\n  font-size: 20px;\n  font-weight: 700;\n  white-space: nowrap;\n}\n\n.vuuContextPanel-content {\n  flex: 1 1 auto;\n  overflow-y: auto;\n  padding-right: 16px;\n  position: relative;\n  width: 100%;\n}\n";
-
-module.exports = contextPanelCss;
-//# sourceMappingURL=ContextPanel.css.js.map

package/cjs/shell-layout-templates/context-panel/ContextPanel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextPanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/shell-layout-templates/context-panel/ContextPanel.js

@@ -1,100 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var React = require('react');
-var ContextPanel$1 = require('./ContextPanel.css.js');
-
-const classBase = "vuuContextPanel";
-const ContextPanel = ({
-  className: classNameProp,
-  expanded = false,
-  content: contentProp,
-  id,
-  onClose,
-  overlay = false,
-  title
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-context-panel",
-    css: ContextPanel$1,
-    window: targetWindow
-  });
-  const hideContextPanel = vuuUiControls.useHideContextPanel();
-  const closeButtonRef = React.useRef(null);
-  const dispatchLayoutAction = vuuLayout.useLayoutProviderDispatch();
-  const handleClose = React.useCallback(() => {
-    if (hideContextPanel) {
-      hideContextPanel();
-    } else {
-      dispatchLayoutAction({
-        path: `#${vuuUtils.VuuShellLocation.ContextPanel}`,
-        propName: "expanded",
-        propValue: false,
-        type: "set-prop"
-      });
-    }
-  }, [dispatchLayoutAction, hideContextPanel]);
-  const handleKeyDown = React.useCallback(
-    (e) => {
-      if (e.key === "Escape") {
-        handleClose();
-      }
-    },
-    [handleClose]
-  );
-  const className = cx(classBase, classNameProp, {
-    [`${classBase}-expanded`]: expanded,
-    [`${classBase}-inline`]: overlay !== true,
-    [`${classBase}-overlay`]: overlay
-  });
-  const content = React.useMemo(
-    () => contentProp && expanded ? React.isValidElement(contentProp) ? contentProp : vuuLayout.layoutFromJson(contentProp, "context-0") : null,
-    [contentProp, expanded]
-  );
-  React.useLayoutEffect(() => {
-    if (expanded) {
-      closeButtonRef.current?.focus();
-    } else {
-      onClose?.();
-    }
-  }, [expanded, onClose]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: cx(classBase, className, "vuuScrollable", {
-        [`${classBase}-expanded`]: expanded
-      }),
-      id,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(vuuLayout.View, { className: `${classBase}-inner`, header: false, id, children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `${classBase}-header`, children: [
-          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: `${classBase}-title`, children: title }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            vuuUiControls.IconButton,
-            {
-              appearance: "transparent",
-              className: `${classBase}-close`,
-              "data-embedded": true,
-              icon: "close",
-              onClick: handleClose,
-              onKeyDown: handleKeyDown,
-              ref: closeButtonRef,
-              sentiment: "neutral",
-              size: 16
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${classBase}-content`, children: content })
-      ] })
-    }
-  );
-};
-
-exports.ContextPanel = ContextPanel;
-//# sourceMappingURL=ContextPanel.js.map

package/cjs/shell-layout-templates/context-panel/ContextPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextPanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/context-panel/ContextPanel.tsx"],"sourcesContent":["import {\n  View,\n  layoutFromJson,\n  useLayoutProviderDispatch,\n} from \"@vuu-ui/vuu-layout\";\nimport { IconButton, useHideContextPanel } from \"@vuu-ui/vuu-ui-controls\";\nimport { LayoutJSON, VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport React, {\n  KeyboardEventHandler,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport contextPanelCss from \"./ContextPanel.css\";\n\nconst classBase = \"vuuContextPanel\";\n\nexport interface ContextPanelProps {\n  [key: string]: unknown;\n  className?: string;\n  content?: ReactElement | LayoutJSON;\n  expanded?: boolean;\n  id?: string;\n  onClose?: () => void;\n  overlay?: boolean;\n  title?: ReactNode;\n}\n\nexport const ContextPanel = ({\n  className: classNameProp,\n  expanded = false,\n  content: contentProp,\n  id,\n  onClose,\n  overlay = false,\n  title,\n}: ContextPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-context-panel\",\n    css: contextPanelCss,\n    window: targetWindow,\n  });\n\n  const hideContextPanel = useHideContextPanel();\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const dispatchLayoutAction = useLayoutProviderDispatch();\n  const handleClose = useCallback(() => {\n    if (hideContextPanel) {\n      hideContextPanel();\n    } else {\n      dispatchLayoutAction({\n        path: `#${VuuShellLocation.ContextPanel}`,\n        propName: \"expanded\",\n        propValue: false,\n        type: \"set-prop\",\n      });\n    }\n  }, [dispatchLayoutAction, hideContextPanel]);\n\n  const handleKeyDown = useCallback<KeyboardEventHandler>(\n    (e) => {\n      if (e.key === \"Escape\") {\n        handleClose();\n      }\n    },\n    [handleClose],\n  );\n\n  const className = cx(classBase, classNameProp, {\n    [`${classBase}-expanded`]: expanded,\n    [`${classBase}-inline`]: overlay !== true,\n    [`${classBase}-overlay`]: overlay,\n  });\n\n  const content = useMemo(\n    () =>\n      contentProp && expanded\n        ? React.isValidElement(contentProp)\n          ? contentProp\n          : layoutFromJson(contentProp, \"context-0\")\n        : null,\n    [contentProp, expanded],\n  );\n\n  useLayoutEffect(() => {\n    if (expanded) {\n      // Components loaded into the ContextPanel will often assume focus themselves,\n      //but if not, default to close button\n      closeButtonRef.current?.focus();\n    } else {\n      onClose?.();\n    }\n  }, [expanded, onClose]);\n\n  return (\n    <div\n      className={cx(classBase, className, \"vuuScrollable\", {\n        [`${classBase}-expanded`]: expanded,\n      })}\n      id={id}\n    >\n      <View className={`${classBase}-inner`} header={false} id={id}>\n        <div className={`${classBase}-header`}>\n          <h2 className={`${classBase}-title`}>{title}</h2>\n          <IconButton\n            appearance=\"transparent\"\n            className={`${classBase}-close`}\n            data-embedded\n            icon=\"close\"\n            onClick={handleClose}\n            onKeyDown={handleKeyDown}\n            ref={closeButtonRef}\n            sentiment=\"neutral\"\n            size={16}\n          />\n        </div>\n        <div className={`${classBase}-content`}>{content}</div>\n      </View>\n    </div>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","contextPanelCss","useHideContextPanel","useRef","useLayoutProviderDispatch","useCallback","VuuShellLocation","useMemo","layoutFromJson","useLayoutEffect","jsx","jsxs","View","IconButton"],"mappings":"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"}

package/cjs/shell-layout-templates/full-height-left-panel/useFullHeightLeftPanel.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var ContextPanel = require('../context-panel/ContextPanel.js');
-var SidePanel = require('../side-panel/SidePanel.js');
-var React = require('react');
-
-const useFullHeightLeftPanel = ({
-  appHeader,
-  SidePanelProps: LeftSidePanelProps,
-  htmlAttributes
-}) => React.useMemo(
-  () => /* @__PURE__ */ jsxRuntime.jsxs(
-    vuuLayout.Flexbox,
-    {
-      ...htmlAttributes,
-      style: {
-        ...htmlAttributes?.style,
-        flexDirection: "row"
-      },
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(SidePanel.SidePanel, { ...LeftSidePanelProps, id: vuuUtils.VuuShellLocation.SidePanel }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          vuuLayout.Flexbox,
-          {
-            className: "vuuShell-content",
-            style: { flex: 1, flexDirection: "column" },
-            children: [
-              appHeader,
-              /* @__PURE__ */ jsxRuntime.jsx(
-                vuuLayout.LayoutContainer,
-                {
-                  id: vuuUtils.VuuShellLocation.WorkspaceContainer,
-                  style: { flex: 1 }
-                },
-                "main-content"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(ContextPanel.ContextPanel, { id: vuuUtils.VuuShellLocation.ContextPanel, overlay: true })
-      ]
-    }
-  ),
-  [LeftSidePanelProps, appHeader, htmlAttributes]
-);
-
-exports.useFullHeightLeftPanel = useFullHeightLeftPanel;
-//# sourceMappingURL=useFullHeightLeftPanel.js.map

package/cjs/shell-layout-templates/full-height-left-panel/useFullHeightLeftPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFullHeightLeftPanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/full-height-left-panel/useFullHeightLeftPanel.tsx"],"sourcesContent":["import { LayoutContainer, Flexbox } from \"@vuu-ui/vuu-layout\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { ContextPanel } from \"../context-panel\";\nimport { SidePanel } from \"../side-panel\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\nimport { useMemo } from \"react\";\n\nexport const useFullHeightLeftPanel: ShellLayoutTemplateHook = ({\n  appHeader,\n  SidePanelProps: LeftSidePanelProps,\n  htmlAttributes,\n}) =>\n  useMemo(\n    () => (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"row\",\n        }}\n      >\n        <SidePanel {...LeftSidePanelProps} id={VuuShellLocation.SidePanel} />\n        <Flexbox\n          className=\"vuuShell-content\"\n          style={{ flex: 1, flexDirection: \"column\" }}\n        >\n          {appHeader}\n          <LayoutContainer\n            id={VuuShellLocation.WorkspaceContainer}\n            key=\"main-content\"\n            style={{ flex: 1 }}\n          />\n        </Flexbox>\n        <ContextPanel id={VuuShellLocation.ContextPanel} overlay></ContextPanel>\n      </Flexbox>\n    ),\n    [LeftSidePanelProps, appHeader, htmlAttributes],\n  );\n"],"names":["useMemo","jsxs","Flexbox","jsx","SidePanel","VuuShellLocation","LayoutContainer","ContextPanel"],"mappings":";;;;;;;;;AAOO,MAAM,yBAAkD,CAAC;AAAA,EAC9D,SAAA;AAAA,EACA,cAAgB,EAAA,kBAAA;AAAA,EAChB;AACF,CACE,KAAAA,aAAA;AAAA,EACE,sBACEC,eAAA;AAAA,IAACC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,KAAO,EAAA;AAAA,QACL,GAAG,cAAgB,EAAA,KAAA;AAAA,QACnB,aAAe,EAAA;AAAA,OACjB;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAACC,mBAAW,EAAA,EAAA,GAAG,kBAAoB,EAAA,EAAA,EAAIC,0BAAiB,SAAW,EAAA,CAAA;AAAA,wBACnEJ,eAAA;AAAA,UAACC,iBAAA;AAAA,UAAA;AAAA,YACC,SAAU,EAAA,kBAAA;AAAA,YACV,KAAO,EAAA,EAAE,IAAM,EAAA,CAAA,EAAG,eAAe,QAAS,EAAA;AAAA,YAEzC,QAAA,EAAA;AAAA,cAAA,SAAA;AAAA,8BACDC,cAAA;AAAA,gBAACG,yBAAA;AAAA,gBAAA;AAAA,kBACC,IAAID,yBAAiB,CAAA,kBAAA;AAAA,kBAErB,KAAA,EAAO,EAAE,IAAA,EAAM,CAAE;AAAA,iBAAA;AAAA,gBADb;AAAA;AAEN;AAAA;AAAA,SACF;AAAA,uCACCE,yBAAa,EAAA,EAAA,EAAA,EAAIF,yBAAiB,CAAA,YAAA,EAAc,SAAO,IAAC,EAAA;AAAA;AAAA;AAAA,GAC3D;AAAA,EAEF,CAAC,kBAAoB,EAAA,SAAA,EAAW,cAAc;AAChD;;;;"}

package/cjs/shell-layout-templates/inlay-left-panel/useInlayLeftPanel.js

@@ -1,83 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-
-const useInlayLeftPanel = ({
-  SidePanelProps: LeftSidePanelProps,
-  appHeader,
-  htmlAttributes
-}) => {
-  const paletteView = React.useRef(null);
-  const [open, setOpen] = React.useState(true);
-  const handleDrawerClick = React.useCallback(
-    (e) => {
-      const target = e.target;
-      if (!paletteView.current?.contains(target)) {
-        setOpen(!open);
-      }
-    },
-    [open]
-  );
-  return React.useMemo(() => {
-    const getDrawers = (leftSidePanel) => {
-      const drawers = [];
-      drawers.push(
-        /* @__PURE__ */ jsxRuntime.jsx(
-          vuuLayout.Drawer,
-          {
-            onClick: handleDrawerClick,
-            open,
-            position: "left",
-            inline: true,
-            peekaboo: true,
-            sizeOpen: 200,
-            toggleButton: "end",
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              vuuLayout.View,
-              {
-                className: "vuuShell-palette",
-                id: "vw-app-palette",
-                ref: paletteView,
-                style: { height: "100%" },
-                children: leftSidePanel
-              },
-              "app-palette"
-            )
-          },
-          "left-panel"
-        )
-      );
-      return drawers;
-    };
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      vuuLayout.Flexbox,
-      {
-        ...htmlAttributes,
-        style: {
-          ...htmlAttributes?.style,
-          flexDirection: "column"
-        },
-        children: [
-          appHeader,
-          /* @__PURE__ */ jsxRuntime.jsx(vuuLayout.DockLayout, { style: { flex: 1 }, children: getDrawers(LeftSidePanelProps?.children).concat(
-            /* @__PURE__ */ jsxRuntime.jsx(
-              vuuLayout.LayoutContainer,
-              {
-                dropTarget: true,
-                id: vuuUtils.VuuShellLocation.WorkspaceContainer,
-                style: { width: "100%", height: "100%" }
-              },
-              "main-content"
-            )
-          ) })
-        ]
-      }
-    );
-  }, [LeftSidePanelProps, appHeader, handleDrawerClick, htmlAttributes, open]);
-};
-
-exports.useInlayLeftPanel = useInlayLeftPanel;
-//# sourceMappingURL=useInlayLeftPanel.js.map

package/cjs/shell-layout-templates/inlay-left-panel/useInlayLeftPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInlayLeftPanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/inlay-left-panel/useInlayLeftPanel.tsx"],"sourcesContent":["import {\n  DockLayout,\n  LayoutContainer,\n  Drawer,\n  Flexbox,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport {\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\n\nexport const useInlayLeftPanel: ShellLayoutTemplateHook = ({\n  SidePanelProps: LeftSidePanelProps,\n  appHeader,\n  htmlAttributes,\n}) => {\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(true);\n  const handleDrawerClick = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      const target = e.target as HTMLElement;\n      if (!paletteView.current?.contains(target)) {\n        setOpen(!open);\n      }\n    },\n    [open],\n  );\n\n  return useMemo(() => {\n    const getDrawers = (leftSidePanel: ReactNode) => {\n      const drawers: ReactElement[] = [];\n      drawers.push(\n        <Drawer\n          key=\"left-panel\"\n          onClick={handleDrawerClick}\n          open={open}\n          position=\"left\"\n          inline\n          peekaboo\n          sizeOpen={200}\n          toggleButton=\"end\"\n        >\n          <View\n            className=\"vuuShell-palette\"\n            id=\"vw-app-palette\"\n            key=\"app-palette\"\n            ref={paletteView}\n            style={{ height: \"100%\" }}\n          >\n            {leftSidePanel}\n          </View>\n        </Drawer>,\n      );\n\n      return drawers;\n    };\n\n    return (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"column\",\n        }}\n      >\n        {appHeader}\n        <DockLayout style={{ flex: 1 }}>\n          {getDrawers(LeftSidePanelProps?.children).concat(\n            <LayoutContainer\n              dropTarget\n              id={VuuShellLocation.WorkspaceContainer}\n              key=\"main-content\"\n              style={{ width: \"100%\", height: \"100%\" }}\n            />,\n          )}\n        </DockLayout>\n      </Flexbox>\n    );\n  }, [LeftSidePanelProps, appHeader, handleDrawerClick, htmlAttributes, open]);\n};\n"],"names":["useRef","useState","useCallback","useMemo","jsx","Drawer","View","jsxs","Flexbox","DockLayout","LayoutContainer","VuuShellLocation"],"mappings":";;;;;;;AAoBO,MAAM,oBAA6C,CAAC;AAAA,EACzD,cAAgB,EAAA,kBAAA;AAAA,EAChB,SAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAcA,aAAuB,IAAI,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAIC,eAAS,IAAI,CAAA;AACrC,EAAA,MAAM,iBAAoB,GAAAC,iBAAA;AAAA,IACxB,CAAC,CAA+B,KAAA;AAC9B,MAAA,MAAM,SAAS,CAAE,CAAA,MAAA;AACjB,MAAA,IAAI,CAAC,WAAA,CAAY,OAAS,EAAA,QAAA,CAAS,MAAM,CAAG,EAAA;AAC1C,QAAA,OAAA,CAAQ,CAAC,IAAI,CAAA;AAAA;AACf,KACF;AAAA,IACA,CAAC,IAAI;AAAA,GACP;AAEA,EAAA,OAAOC,cAAQ,MAAM;AACnB,IAAM,MAAA,UAAA,GAAa,CAAC,aAA6B,KAAA;AAC/C,MAAA,MAAM,UAA0B,EAAC;AACjC,MAAQ,OAAA,CAAA,IAAA;AAAA,wBACNC,cAAA;AAAA,UAACC,gBAAA;AAAA,UAAA;AAAA,YAEC,OAAS,EAAA,iBAAA;AAAA,YACT,IAAA;AAAA,YACA,QAAS,EAAA,MAAA;AAAA,YACT,MAAM,EAAA,IAAA;AAAA,YACN,QAAQ,EAAA,IAAA;AAAA,YACR,QAAU,EAAA,GAAA;AAAA,YACV,YAAa,EAAA,KAAA;AAAA,YAEb,QAAA,kBAAAD,cAAA;AAAA,cAACE,cAAA;AAAA,cAAA;AAAA,gBACC,SAAU,EAAA,kBAAA;AAAA,gBACV,EAAG,EAAA,gBAAA;AAAA,gBAEH,GAAK,EAAA,WAAA;AAAA,gBACL,KAAA,EAAO,EAAE,MAAA,EAAQ,MAAO,EAAA;AAAA,gBAEvB,QAAA,EAAA;AAAA,eAAA;AAAA,cAJG;AAAA;AAKN,WAAA;AAAA,UAjBI;AAAA;AAkBN,OACF;AAEA,MAAO,OAAA,OAAA;AAAA,KACT;AAEA,IACE,uBAAAC,eAAA;AAAA,MAACC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,GAAG,cAAgB,EAAA,KAAA;AAAA,UACnB,aAAe,EAAA;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,0BACDJ,cAAA,CAACK,oBAAW,EAAA,EAAA,KAAA,EAAO,EAAE,IAAA,EAAM,GACxB,EAAA,QAAA,EAAA,UAAA,CAAW,kBAAoB,EAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,4BACxCL,cAAA;AAAA,cAACM,yBAAA;AAAA,cAAA;AAAA,gBACC,UAAU,EAAA,IAAA;AAAA,gBACV,IAAIC,yBAAiB,CAAA,kBAAA;AAAA,gBAErB,KAAO,EAAA,EAAE,KAAO,EAAA,MAAA,EAAQ,QAAQ,MAAO;AAAA,eAAA;AAAA,cADnC;AAAA;AAEN,WAEJ,EAAA;AAAA;AAAA;AAAA,KACF;AAAA,KAED,CAAC,kBAAA,EAAoB,WAAW,iBAAmB,EAAA,cAAA,EAAgB,IAAI,CAAC,CAAA;AAC7E;;;;"}

package/cjs/shell-layout-templates/left-main-tabs/useLeftMainTabs.js

@@ -1,46 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuLayout = require('@vuu-ui/vuu-layout');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var React = require('react');
-
-const useLeftMainTabs = ({
-  appHeader,
-  htmlAttributes,
-  ToolbarProps
-}) => {
-  if (ToolbarProps === void 0) {
-    throw Error("LeftMainTabs layout requires ToolbarProps");
-  }
-  return React.useMemo(() => {
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      vuuLayout.Flexbox,
-      {
-        ...htmlAttributes,
-        style: {
-          ...htmlAttributes?.style,
-          flexDirection: "column"
-        },
-        children: [
-          appHeader,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            vuuLayout.StackLayout,
-            {
-              TabstripProps: {
-                className: `${vuuUtils.VuuShellLocation.MultiWorkspaceContainer}-tabs`
-              },
-              active: 0,
-              showTabs: "left",
-              style: { flex: 1 },
-              id: vuuUtils.VuuShellLocation.MultiWorkspaceContainer
-            }
-          )
-        ]
-      }
-    );
-  }, [appHeader, htmlAttributes]);
-};
-
-exports.useLeftMainTabs = useLeftMainTabs;
-//# sourceMappingURL=useLeftMainTabs.js.map

package/cjs/shell-layout-templates/left-main-tabs/useLeftMainTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useLeftMainTabs.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/left-main-tabs/useLeftMainTabs.tsx"],"sourcesContent":["import { Flexbox, StackLayout } from \"@vuu-ui/vuu-layout\";\n\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { useMemo } from \"react\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\n\nexport const useLeftMainTabs: ShellLayoutTemplateHook = ({\n  appHeader,\n  htmlAttributes,\n  ToolbarProps,\n}) => {\n  if (ToolbarProps === undefined) {\n    throw Error(\"LeftMainTabs layout requires ToolbarProps\");\n  }\n\n  return useMemo(() => {\n    return (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"column\",\n        }}\n      >\n        {appHeader}\n        <StackLayout\n          TabstripProps={{\n            className: `${VuuShellLocation.MultiWorkspaceContainer}-tabs`,\n          }}\n          active={0}\n          showTabs=\"left\"\n          style={{ flex: 1 }}\n          id={VuuShellLocation.MultiWorkspaceContainer}\n        />\n      </Flexbox>\n    );\n  }, [appHeader, htmlAttributes]);\n};\n"],"names":["useMemo","jsxs","Flexbox","jsx","StackLayout","VuuShellLocation"],"mappings":";;;;;;;AAMO,MAAM,kBAA2C,CAAC;AAAA,EACvD,SAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAA,IAAI,iBAAiB,KAAW,CAAA,EAAA;AAC9B,IAAA,MAAM,MAAM,2CAA2C,CAAA;AAAA;AAGzD,EAAA,OAAOA,cAAQ,MAAM;AACnB,IACE,uBAAAC,eAAA;AAAA,MAACC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,cAAA;AAAA,QACJ,KAAO,EAAA;AAAA,UACL,GAAG,cAAgB,EAAA,KAAA;AAAA,UACnB,aAAe,EAAA;AAAA,SACjB;AAAA,QAEC,QAAA,EAAA;AAAA,UAAA,SAAA;AAAA,0BACDC,cAAA;AAAA,YAACC,qBAAA;AAAA,YAAA;AAAA,cACC,aAAe,EAAA;AAAA,gBACb,SAAA,EAAW,CAAG,EAAAC,yBAAA,CAAiB,uBAAuB,CAAA,KAAA;AAAA,eACxD;AAAA,cACA,MAAQ,EAAA,CAAA;AAAA,cACR,QAAS,EAAA,MAAA;AAAA,cACT,KAAA,EAAO,EAAE,IAAA,EAAM,CAAE,EAAA;AAAA,cACjB,IAAIA,yBAAiB,CAAA;AAAA;AAAA;AACvB;AAAA;AAAA,KACF;AAAA,GAED,EAAA,CAAC,SAAW,EAAA,cAAc,CAAC,CAAA;AAChC;;;;"}

package/cjs/shell-layout-templates/side-panel/SidePanel.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-var sidePanelCss = ".vuuShellSidePanel {\n    transition: width .2s ease-out;\n    width: var(--shell-left-nav-size);\n}";
-
-module.exports = sidePanelCss;
-//# sourceMappingURL=SidePanel.css.js.map

package/cjs/shell-layout-templates/side-panel/SidePanel.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SidePanel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/cjs/shell-layout-templates/side-panel/SidePanel.js

@@ -1,36 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var cx = require('clsx');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var SidePanel$1 = require('./SidePanel.css.js');
-
-const classBase = "vuuShellSidePanel";
-const SidePanel = ({
-  children,
-  open = true,
-  sizeClosed = 90,
-  sizeOpen = 200,
-  style: styleProp,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-side-panel",
-    css: SidePanel$1,
-    window: targetWindow
-  });
-  const style = React.useMemo(
-    () => ({
-      ...styleProp,
-      "--shell-left-nav-size": open ? `${sizeOpen}px` : `${sizeClosed}px`
-    }),
-    [open, sizeClosed, sizeOpen, styleProp]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ...htmlAttributes, className: cx(classBase), style, children });
-};
-
-exports.SidePanel = SidePanel;
-//# sourceMappingURL=SidePanel.js.map