@vuu-ui/vuu-shell 2.1.18 → 2.1.19-beta.2

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

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

package/esm/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":[],"mappings":";;;;;;;AAOO,MAAM,yBAAkD,CAAC;AAAA,EAC9D,SAAA;AAAA,EACA,cAAgB,EAAA,kBAAA;AAAA,EAChB;AACF,CACE,KAAA,OAAA;AAAA,EACE,sBACE,IAAA;AAAA,IAAC,OAAA;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,wBAAA,GAAA,CAAC,SAAW,EAAA,EAAA,GAAG,kBAAoB,EAAA,EAAA,EAAI,iBAAiB,SAAW,EAAA,CAAA;AAAA,wBACnE,IAAA;AAAA,UAAC,OAAA;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,8BACD,GAAA;AAAA,gBAAC,eAAA;AAAA,gBAAA;AAAA,kBACC,IAAI,gBAAiB,CAAA,kBAAA;AAAA,kBAErB,KAAA,EAAO,EAAE,IAAA,EAAM,CAAE;AAAA,iBAAA;AAAA,gBADb;AAAA;AAEN;AAAA;AAAA,SACF;AAAA,4BACC,YAAa,EAAA,EAAA,EAAA,EAAI,gBAAiB,CAAA,YAAA,EAAc,SAAO,IAAC,EAAA;AAAA;AAAA;AAAA,GAC3D;AAAA,EAEF,CAAC,kBAAoB,EAAA,SAAA,EAAW,cAAc;AAChD;;;;"}

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

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

package/esm/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":[],"mappings":";;;;;AAoBO,MAAM,oBAA6C,CAAC;AAAA,EACzD,cAAgB,EAAA,kBAAA;AAAA,EAChB,SAAA;AAAA,EACA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,WAAA,GAAc,OAAuB,IAAI,CAAA;AAC/C,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,IAAI,CAAA;AACrC,EAAA,MAAM,iBAAoB,GAAA,WAAA;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,OAAO,QAAQ,MAAM;AACnB,IAAM,MAAA,UAAA,GAAa,CAAC,aAA6B,KAAA;AAC/C,MAAA,MAAM,UAA0B,EAAC;AACjC,MAAQ,OAAA,CAAA,IAAA;AAAA,wBACN,GAAA;AAAA,UAAC,MAAA;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,kBAAA,GAAA;AAAA,cAAC,IAAA;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,uBAAA,IAAA;AAAA,MAAC,OAAA;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,0BACD,GAAA,CAAC,UAAW,EAAA,EAAA,KAAA,EAAO,EAAE,IAAA,EAAM,GACxB,EAAA,QAAA,EAAA,UAAA,CAAW,kBAAoB,EAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,4BACxC,GAAA;AAAA,cAAC,eAAA;AAAA,cAAA;AAAA,gBACC,UAAU,EAAA,IAAA;AAAA,gBACV,IAAI,gBAAiB,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/esm/shell-layout-templates/left-main-tabs/useLeftMainTabs.js

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

package/esm/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":[],"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,OAAO,QAAQ,MAAM;AACnB,IACE,uBAAA,IAAA;AAAA,MAAC,OAAA;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,0BACD,GAAA;AAAA,YAAC,WAAA;AAAA,YAAA;AAAA,cACC,aAAe,EAAA;AAAA,gBACb,SAAA,EAAW,CAAG,EAAA,gBAAA,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,IAAI,gBAAiB,CAAA;AAAA;AAAA;AACvB;AAAA;AAAA,KACF;AAAA,GAED,EAAA,CAAC,SAAW,EAAA,cAAc,CAAC,CAAA;AAChC;;;;"}

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

@@ -1,4 +0,0 @@
-var sidePanelCss = ".vuuShellSidePanel {\n    transition: width .2s ease-out;\n    width: var(--shell-left-nav-size);\n}";
-
-export { sidePanelCss as default };
-//# sourceMappingURL=SidePanel.css.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SidePanel.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/side-panel/SidePanel.tsx"],"sourcesContent":["import { CSSProperties, HTMLAttributes, useMemo } from \"react\";\nimport cx from \"clsx\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport sidePanelCss from \"./SidePanel.css\";\n// import { useLayoutManager } from \"../../layout-management\";\n\nconst classBase = \"vuuShellSidePanel\";\n\nexport interface SidePanelProps extends HTMLAttributes<HTMLDivElement> {\n  open?: boolean;\n  path?: string;\n  sizeOpen?: number;\n  sizeClosed?: number;\n}\n\nexport const SidePanel = ({\n  children,\n  open = true,\n  sizeClosed = 90,\n  sizeOpen = 200,\n  style: styleProp,\n  ...htmlAttributes\n}: SidePanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-side-panel\",\n    css: sidePanelCss,\n    window: targetWindow,\n  });\n\n  //   const { applicationJson, saveApplicationSettings } = useLayoutManager();\n  //   console.log(`settings`, {\n  //     expanded: applicationJson?.settings?.leftNav?.expanded,\n  //     active: applicationJson?.settings?.leftNav?.activeTabIndex,\n  //   });\n\n  const style = useMemo(\n    () =>\n      ({\n        ...styleProp,\n        \"--shell-left-nav-size\": open ? `${sizeOpen}px` : `${sizeClosed}px`,\n      } as CSSProperties),\n    [open, sizeClosed, sizeOpen, styleProp]\n  );\n  return (\n    <div {...htmlAttributes} className={cx(classBase)} style={style}>\n      {children}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAQA,MAAM,SAAY,GAAA,mBAAA;AASX,MAAM,YAAY,CAAC;AAAA,EACxB,QAAA;AAAA,EACA,IAAO,GAAA,IAAA;AAAA,EACP,UAAa,GAAA,EAAA;AAAA,EACb,QAAW,GAAA,GAAA;AAAA,EACX,KAAO,EAAA,SAAA;AAAA,EACP,GAAG;AACL,CAAsB,KAAA;AACpB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,gBAAA;AAAA,IACR,GAAK,EAAA,YAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAQD,EAAA,MAAM,KAAQ,GAAA,OAAA;AAAA,IACZ,OACG;AAAA,MACC,GAAG,SAAA;AAAA,MACH,yBAAyB,IAAO,GAAA,CAAA,EAAG,QAAQ,CAAA,EAAA,CAAA,GAAO,GAAG,UAAU,CAAA,EAAA;AAAA,KACjE,CAAA;AAAA,IACF,CAAC,IAAA,EAAM,UAAY,EAAA,QAAA,EAAU,SAAS;AAAA,GACxC;AACA,EACE,uBAAA,GAAA,CAAC,SAAK,GAAG,cAAA,EAAgB,WAAW,EAAG,CAAA,SAAS,CAAG,EAAA,KAAA,EAChD,QACH,EAAA,CAAA;AAEJ;;;;"}

package/esm/shell-layout-templates/simple-content-pane/useSimpleContentPane.js

@@ -1,46 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Flexbox, LayoutContainer } from '@vuu-ui/vuu-layout';
-import { VuuShellLocation } from '@vuu-ui/vuu-utils';
-import { ContextPanel } from '../context-panel/ContextPanel.js';
-import { useMemo } from 'react';
-
-const useSimpleContentPane = ({
-  appHeader,
-  htmlAttributes
-}) => useMemo(
-  () => /* @__PURE__ */ jsxs(
-    Flexbox,
-    {
-      ...htmlAttributes,
-      style: {
-        ...htmlAttributes?.style,
-        flexDirection: "row"
-      },
-      children: [
-        /* @__PURE__ */ jsxs(
-          Flexbox,
-          {
-            className: "vuuShell-content",
-            style: { flex: 1, flexDirection: "column" },
-            children: [
-              appHeader,
-              /* @__PURE__ */ jsx(
-                LayoutContainer,
-                {
-                  id: VuuShellLocation.WorkspaceContainer,
-                  style: { flex: 1 }
-                },
-                "main-content"
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(ContextPanel, { id: VuuShellLocation.ContextPanel, overlay: true })
-      ]
-    }
-  ),
-  [appHeader, htmlAttributes]
-);
-
-export { useSimpleContentPane };
-//# sourceMappingURL=useSimpleContentPane.js.map

package/esm/shell-layout-templates/simple-content-pane/useSimpleContentPane.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSimpleContentPane.js","sources":["../../../../../packages/vuu-shell/src/shell-layout-templates/simple-content-pane/useSimpleContentPane.tsx"],"sourcesContent":["import { LayoutContainer, Flexbox } from \"@vuu-ui/vuu-layout\";\nimport { VuuShellLocation } from \"@vuu-ui/vuu-utils\";\nimport { ContextPanel } from \"../context-panel\";\nimport { ShellLayoutTemplateHook } from \"../useShellLayout\";\nimport { useMemo } from \"react\";\n\nexport const useSimpleContentPane: ShellLayoutTemplateHook = ({\n  appHeader,\n  htmlAttributes,\n}) =>\n  useMemo(\n    () => (\n      <Flexbox\n        {...htmlAttributes}\n        style={{\n          ...htmlAttributes?.style,\n          flexDirection: \"row\",\n        }}\n      >\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    [appHeader, htmlAttributes],\n  );\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,uBAAgD,CAAC;AAAA,EAC5D,SAAA;AAAA,EACA;AACF,CACE,KAAA,OAAA;AAAA,EACE,sBACE,IAAA;AAAA,IAAC,OAAA;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,wBAAA,IAAA;AAAA,UAAC,OAAA;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,8BACD,GAAA;AAAA,gBAAC,eAAA;AAAA,gBAAA;AAAA,kBACC,IAAI,gBAAiB,CAAA,kBAAA;AAAA,kBAErB,KAAA,EAAO,EAAE,IAAA,EAAM,CAAE;AAAA,iBAAA;AAAA,gBADb;AAAA;AAEN;AAAA;AAAA,SACF;AAAA,4BACC,YAAa,EAAA,EAAA,EAAA,EAAI,gBAAiB,CAAA,YAAA,EAAc,SAAO,IAAC,EAAA;AAAA;AAAA;AAAA,GAC3D;AAAA,EAEF,CAAC,WAAW,cAAc;AAC5B;;;;"}

package/esm/shell-layout-templates/useShellLayout.js

@@ -1,21 +0,0 @@
-import { useFullHeightLeftPanel } from './full-height-left-panel/useFullHeightLeftPanel.js';
-import { useInlayLeftPanel } from './inlay-left-panel/useInlayLeftPanel.js';
-import { useLeftMainTabs } from './left-main-tabs/useLeftMainTabs.js';
-import { useSimpleContentPane } from './simple-content-pane/useSimpleContentPane.js';
-
-const LayoutHook = {
-  "full-height": useFullHeightLeftPanel,
-  inlay: useInlayLeftPanel,
-  "left-main-tabs": useLeftMainTabs,
-  "simple-content-pane": useSimpleContentPane
-};
-const useShellLayout = ({
-  layoutTemplateId = "simple-content-pane",
-  ...props
-}) => {
-  const useLayoutHook = LayoutHook[layoutTemplateId];
-  return useLayoutHook(props);
-};
-
-export { useShellLayout };
-//# sourceMappingURL=useShellLayout.js.map

package/esm/shell-layout-templates/useShellLayout.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useShellLayout.js","sources":["../../../../packages/vuu-shell/src/shell-layout-templates/useShellLayout.ts"],"sourcesContent":["import { HTMLAttributes, ReactElement, ReactNode } from \"react\";\nimport { useFullHeightLeftPanel } from \"./full-height-left-panel/useFullHeightLeftPanel\";\nimport { useInlayLeftPanel } from \"./inlay-left-panel/useInlayLeftPanel\";\nimport { useLeftMainTabs } from \"./left-main-tabs/useLeftMainTabs\";\nimport { useSimpleContentPane } from \"./simple-content-pane/useSimpleContentPane\";\nimport { SidePanelProps as ShellSidePanelProps } from \"./side-panel\";\n\nconst LayoutHook = {\n  \"full-height\": useFullHeightLeftPanel,\n  inlay: useInlayLeftPanel,\n  \"left-main-tabs\": useLeftMainTabs,\n  \"simple-content-pane\": useSimpleContentPane,\n};\n\nexport type LayoutTemplateId = keyof typeof LayoutHook;\n\nexport type ShellLayoutTemplateProps = Omit<\n  ShellLayoutProps,\n  \"layoutTemplateId\"\n>;\n\nexport type ShellToolbarProps = {\n  children: ReactNode;\n  position?: \"left\";\n  width?: number;\n};\n\nexport type ShellLayoutTemplateHook = (\n  props: ShellLayoutTemplateProps,\n) => ReactElement;\n\n/**\n * The Shell Layout is the outermost 'chrome' of the appliciation,\n * enclosing the main content area. It will be rendered by one of\n * two available templates, determined by the layoutTemplateId,\n */\nexport interface ShellLayoutProps {\n  /**\n   * App Header will be rendered in position determined by layout-template\n   */\n  appHeader?: ReactNode;\n\n  /**\n   * HTML attributes that will be applied to root div.\n   */\n  htmlAttributes?: HTMLAttributes<HTMLDivElement>;\n  /**\n   * identifier for shell layout template to be used. Default template\n   * will be \"inlay\"\n   */\n  layoutTemplateId?: LayoutTemplateId;\n  /**\n   * If template renders SidePanel, these props will be provided\n   */\n  SidePanelProps?: ShellSidePanelProps;\n  /**\n   * If template renders Toolbar, these props will be provided\n   */\n  ToolbarProps?: ShellToolbarProps;\n}\n\n/**\n * This hook acts as a stub for the actual shell layout\n * template hooks. It will delegate to the appropriate shell\n * layout hook, based on the value of layoutTemplateId.\n */\nexport const useShellLayout = ({\n  layoutTemplateId = \"simple-content-pane\",\n  ...props\n}: ShellLayoutProps) => {\n  const useLayoutHook = LayoutHook[layoutTemplateId];\n  return useLayoutHook(props);\n};\n"],"names":[],"mappings":";;;;;AAOA,MAAM,UAAa,GAAA;AAAA,EACjB,aAAe,EAAA,sBAAA;AAAA,EACf,KAAO,EAAA,iBAAA;AAAA,EACP,gBAAkB,EAAA,eAAA;AAAA,EAClB,qBAAuB,EAAA;AACzB,CAAA;AAsDO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,gBAAmB,GAAA,qBAAA;AAAA,EACnB,GAAG;AACL,CAAwB,KAAA;AACtB,EAAM,MAAA,aAAA,GAAgB,WAAW,gBAAgB,CAAA;AACjD,EAAA,OAAO,cAAc,KAAK,CAAA;AAC5B;;;;"}

package/esm/shell.css.js

@@ -1,4 +0,0 @@
-var shellCss = ".vuuShell {\n  background-color: var(\n    --vuuShell-background,\n    var(--salt-container-primary-background)\n  );\n  height: var(--vuuShell-height, 100vh);\n  width: var(--vuuShell-width, 100vw);\n\n  .left-main-tabs {\n    --vuuOverflowContainer-width: 48px;\n  }\n}\n\n.vuu-workspace-tabs {\n  background: var(\n    --vuuWorkspace-background,\n    var(--salt-container-primary-background)\n  );\n}\n\n.vuuShell-palette {\n  --vuuView-border: none;\n  --vuuView-margin: 0;\n}\n\n.vuuShell-warningPlaceholder {\n  background-color: var(--salt-container-background-high);\n  height: 100%;\n}\n\n/* until we reinstat5e the toolbar */\n.vuuToolbarProxy {\n  background: var(--salt-container-primary-background);\n}\n\n.vuu-workspace-tabs > .vuuTabstrip > .vuuOverflowContainer-wrapContainer {\n  background: var(--vuuShell-background, var(--salt-container-primary-background));\n}\n\n.vuu-workspace-tabs {\n  --vuuTab-height: 28px;\n  border: solid 1px var(--salt-separable-primary-borderColor);\n  border-top: none !important;\n  border-radius: 6px;\n  height: 100%;\n  padding: 36px 8px 8px 8px;\n  position: relative;\n  width: 100%;\n}\n\n.vuu-workspace-tabs > .vuuTabstrip {\n  left: 0px;\n  padding-bottom: 7px;\n  position: absolute !important;\n  right: 0px;\n  top: 0;\n}\n\n.vuuShell-content {\n  padding: var(--vuuShell-content-padding, 8px);\n}\n";
-
-export { shellCss as default };
-//# sourceMappingURL=shell.css.js.map

package/esm/shell.css.js.map

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

package/esm/shell.js

@@ -1,135 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { ContextMenuProvider } from '@vuu-ui/vuu-context-menu';
-import { StackLayout, LayoutProvider } from '@vuu-ui/vuu-layout';
-import { NotificationsProvider } from '@vuu-ui/vuu-notifications';
-import { ModalProvider } from '@vuu-ui/vuu-ui-controls';
-import { registerComponent, logger } from '@vuu-ui/vuu-utils';
-import { useMemo, useCallback } from 'react';
-import { AppHeader } from './app-header/AppHeader.js';
-import { ApplicationProvider } from './application-provider/ApplicationProvider.js';
-import { usePersistenceManager, PersistenceProvider } from './persistence-manager/PersistenceProvider.js';
-import { LocalPersistenceManager } from './persistence-manager/LocalPersistenceManager.js';
-import './persistence-manager/StaticPersistenceManager.js';
-import 'clsx';
-import { useShellLayout } from './shell-layout-templates/useShellLayout.js';
-import { UserSettingsPanel } from './user-settings/UserSettingsPanel.js';
-import '@salt-ds/core';
-import 'html-to-image';
-import { WorkspaceProvider, useWorkspace } from './workspace-management/WorkspaceProvider.js';
-import './feature-and-layout-provider/FeatureAndLayoutProvider.js';
-import { loadingJSON } from './workspace-management/defaultWorkspaceJSON.js';
-import { useWorkspaceContextMenuItems } from './workspace-management/useWorkspaceContextMenuItems.js';
-import { useLostConnection } from '@vuu-ui/vuu-data-react';
-import shellCss from './shell.css.js';
-
-registerComponent("ApplicationSettings", UserSettingsPanel, "view");
-if (process.env.NODE_ENV === "production") {
-  if (typeof StackLayout !== "function") {
-    console.warn(
-      "StackLayout module not loaded, will be unable to deserialize from layout JSON"
-    );
-  }
-}
-const { error } = logger("Shell");
-const defaultAppHeader = /* @__PURE__ */ jsx(AppHeader, {});
-const getAppHeader = (shellLayoutProps) => shellLayoutProps?.appHeader ?? defaultAppHeader;
-const defaultHTMLAttributes = {
-  className: "vuuShell"
-};
-const getHTMLAttributes = (props) => {
-  if (props?.htmlAttributes) {
-    return {
-      ...defaultHTMLAttributes,
-      ...props.htmlAttributes
-    };
-  } else {
-    return defaultHTMLAttributes;
-  }
-};
-const VuuApplication = ({
-  shellLayoutProps: ShellLayoutProps2,
-  children
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-shell",
-    css: shellCss,
-    window: targetWindow
-  });
-  const { workspaceJSON, saveApplicationLayout } = useWorkspace();
-  const { buildMenuOptions, handleMenuAction } = useWorkspaceContextMenuItems();
-  const handleLayoutChange = useCallback(
-    (layout) => {
-      try {
-        saveApplicationLayout(layout);
-      } catch {
-        error?.("Failed to save layout");
-      }
-    },
-    [saveApplicationLayout]
-  );
-  const isLayoutLoading = workspaceJSON === loadingJSON;
-  const initialLayout = useShellLayout({
-    ...ShellLayoutProps2,
-    appHeader: getAppHeader(ShellLayoutProps2),
-    htmlAttributes: getHTMLAttributes(ShellLayoutProps2)
-  });
-  useLostConnection();
-  return isLayoutLoading ? null : /* @__PURE__ */ jsxs(
-    ContextMenuProvider,
-    {
-      menuActionHandler: handleMenuAction,
-      menuBuilder: buildMenuOptions,
-      children: [
-        /* @__PURE__ */ jsx(
-          LayoutProvider,
-          {
-            workspaceJSON,
-            onLayoutChange: handleLayoutChange,
-            children: initialLayout
-          }
-        ),
-        children
-      ]
-    }
-  );
-};
-const Shell = ({
-  logout,
-  user,
-  userSettingsSchema,
-  workspaceProps,
-  ...props
-}) => {
-  const persistenceManager = usePersistenceManager();
-  const localPersistenceManager = useMemo(() => {
-    if (persistenceManager) {
-      return void 0;
-    }
-    console.log(
-      `No Persistence Manager, configuration data will be persisted to Local Storage, key: 'vuu/${user.username}'`
-    );
-    return new LocalPersistenceManager(`vuu/${user.username}`);
-  }, [persistenceManager, user.username]);
-  const shellProviders = /* @__PURE__ */ jsx(
-    ApplicationProvider,
-    {
-      density: "high",
-      logout,
-      theme: "vuu-theme",
-      user,
-      userSettingsSchema,
-      children: /* @__PURE__ */ jsx(WorkspaceProvider, { ...workspaceProps, children: /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(NotificationsProvider, { children: /* @__PURE__ */ jsx(VuuApplication, { ...props, user }) }) }) })
-    }
-  );
-  if (persistenceManager) {
-    return shellProviders;
-  } else {
-    return /* @__PURE__ */ jsx(PersistenceProvider, { persistenceManager: localPersistenceManager, children: shellProviders });
-  }
-};
-
-export { Shell };
-//# sourceMappingURL=shell.js.map

package/esm/shell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shell.js","sources":["../../../packages/vuu-shell/src/shell.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ContextMenuProvider } from \"@vuu-ui/vuu-context-menu\";\nimport type { LayoutChangeHandler } from \"@vuu-ui/vuu-layout\";\nimport { LayoutProvider, StackLayout } from \"@vuu-ui/vuu-layout\";\nimport { NotificationsProvider } from \"@vuu-ui/vuu-notifications\";\nimport { ModalProvider } from \"@vuu-ui/vuu-ui-controls\";\nimport { VuuUser, logger, registerComponent } from \"@vuu-ui/vuu-utils\";\nimport {\n  type HTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { AppHeader } from \"./app-header\";\nimport { ApplicationProvider } from \"./application-provider\";\nimport {\n  IPersistenceManager,\n  LocalPersistenceManager,\n  PersistenceProvider,\n  usePersistenceManager,\n} from \"./persistence-manager\";\nimport { ShellLayoutProps, useShellLayout } from \"./shell-layout-templates\";\nimport { SettingsSchema, UserSettingsPanel } from \"./user-settings\";\nimport {\n  WorkspaceProps,\n  WorkspaceProvider,\n  useWorkspace,\n  useWorkspaceContextMenuItems,\n} from \"./workspace-management\";\nimport { loadingJSON } from \"./workspace-management/defaultWorkspaceJSON\";\nimport { useLostConnection } from \"@vuu-ui/vuu-data-react\";\n\nimport shellCss from \"./shell.css\";\n\nregisterComponent(\"ApplicationSettings\", UserSettingsPanel, \"view\");\n\nif (process.env.NODE_ENV === \"production\") {\n  // StackLayout is loaded just to force component registration, we know it will be\n  // required when default layout is instantiated. This is only required in prod\n  // to avoif tree shaking the Stack away. Causes a runtime issue in dev.\n  if (typeof StackLayout !== \"function\") {\n    console.warn(\n      \"StackLayout module not loaded, will be unable to deserialize from layout JSON\",\n    );\n  }\n}\n\nconst { error } = logger(\"Shell\");\n\nexport type LayoutTemplateName = \"full-height\" | \"inlay\";\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  shellLayoutProps?: ShellLayoutProps;\n  userSettingsSchema?: SettingsSchema;\n  workspaceProps?: WorkspaceProps;\n  children?: ReactNode;\n  logout?: () => void;\n  saveUrl?: string;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nconst defaultAppHeader = <AppHeader />;\n\nconst getAppHeader = (shellLayoutProps?: ShellLayoutProps) =>\n  shellLayoutProps?.appHeader ?? defaultAppHeader;\n\nconst defaultHTMLAttributes: HTMLAttributes<HTMLDivElement> = {\n  className: \"vuuShell\",\n};\n\nconst getHTMLAttributes = (props?: ShellLayoutProps) => {\n  if (props?.htmlAttributes) {\n    return {\n      ...defaultHTMLAttributes,\n      ...props.htmlAttributes,\n    };\n  } else {\n    return defaultHTMLAttributes;\n  }\n};\n\nconst VuuApplication = ({\n  shellLayoutProps: ShellLayoutProps,\n  children,\n}: Omit<\n  ShellProps,\n  \"ContentLayoutProps\" | \"loginUrl\" | \"userSettingsSchema\" | \"workspaceProps\"\n>) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-shell\",\n    css: shellCss,\n    window: targetWindow,\n  });\n\n  const { workspaceJSON, saveApplicationLayout } = useWorkspace();\n\n  const { buildMenuOptions, handleMenuAction } = useWorkspaceContextMenuItems();\n\n  const handleLayoutChange = useCallback<LayoutChangeHandler>(\n    (layout) => {\n      try {\n        saveApplicationLayout(layout);\n      } catch {\n        error?.(\"Failed to save layout\");\n      }\n    },\n    [saveApplicationLayout],\n  );\n\n  const isLayoutLoading = workspaceJSON === loadingJSON;\n\n  const initialLayout = useShellLayout({\n    ...ShellLayoutProps,\n    appHeader: getAppHeader(ShellLayoutProps),\n    htmlAttributes: getHTMLAttributes(ShellLayoutProps),\n  });\n\n  useLostConnection();\n\n  return isLayoutLoading ? null : (\n    <ContextMenuProvider\n      menuActionHandler={handleMenuAction}\n      menuBuilder={buildMenuOptions}\n    >\n      <LayoutProvider\n        workspaceJSON={workspaceJSON}\n        onLayoutChange={handleLayoutChange}\n      >\n        {initialLayout}\n      </LayoutProvider>\n      {children}\n    </ContextMenuProvider>\n  );\n};\n\nexport const Shell = ({\n  logout,\n  user,\n  userSettingsSchema,\n  workspaceProps,\n  ...props\n}: ShellProps) => {\n  // If user has provided an implementation of IPersistenceManager\n  // by wrapping higher level PersistenceProvider, use it, otw\n  // default to LocalPersistenceManager\n  const persistenceManager = usePersistenceManager();\n  const localPersistenceManager = useMemo<\n    IPersistenceManager | undefined\n  >(() => {\n    if (persistenceManager) {\n      return undefined;\n    }\n    console.log(\n      `No Persistence Manager, configuration data will be persisted to Local Storage, key: 'vuu/${user.username}'`,\n    );\n    return new LocalPersistenceManager(`vuu/${user.username}`);\n  }, [persistenceManager, user.username]);\n\n  // ApplicationProvider must go outside Dialog and Notification providers\n  // ApplicationProvider injects the SaltProvider and this must be the root\n  // SaltProvider.\n\n  const shellProviders = (\n    <ApplicationProvider\n      density=\"high\"\n      logout={logout}\n      theme=\"vuu-theme\"\n      user={user}\n      userSettingsSchema={userSettingsSchema}\n    >\n      <WorkspaceProvider {...workspaceProps}>\n        <ModalProvider>\n          <NotificationsProvider>\n            <VuuApplication {...props} user={user} />\n          </NotificationsProvider>\n        </ModalProvider>\n      </WorkspaceProvider>\n    </ApplicationProvider>\n  );\n\n  if (persistenceManager) {\n    return shellProviders;\n  } else {\n    return (\n      <PersistenceProvider persistenceManager={localPersistenceManager}>\n        {shellProviders}\n      </PersistenceProvider>\n    );\n  }\n};\n"],"names":["ShellLayoutProps"],"mappings":"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"}

package/esm/theme-switch/ThemeSwitch.css.js

@@ -1,4 +0,0 @@
-var themeSwitchCss = "\n.vuuThemeSwitch {\n    --saltButton-minWidth: 22px;\n    --svg-light: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z\"/></svg>');\n    --svg-dark: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z\"/></svg>');\n    padding: 2px;\n}\n\n.salt-density-high .vuuThemeSwitch {\n    --saltButton-minWidth: 16px;\n    --saltButton-width: 18px;\n    --vuuThemeSwitch-iconSize: 16px;\n}\n\n.vuuThemeSwitch [data-icon] {\n    --vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px);\n}\n\n.vuuThemeSwitch [data-icon='light'] {\n    --vuu-icon-svg: var(--svg-light);\n}\n.vuuThemeSwitch [data-icon='dark'] {\n    --vuu-icon-svg: var(--svg-dark);\n}\n\n.vuuThemeSwitch .saltToggleButton {\n    height: 20px;\n    width: 20px;\n}\n\n";
-
-export { themeSwitchCss as default };
-//# sourceMappingURL=ThemeSwitch.css.js.map

package/esm/theme-switch/ThemeSwitch.css.js.map

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

package/esm/theme-switch/ThemeSwitch.js

@@ -1,54 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import cx from 'clsx';
-import { useControlled, ToggleButtonGroup, ToggleButton } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useCallback } from 'react';
-import themeSwitchCss from './ThemeSwitch.css.js';
-
-const classBase = "vuuThemeSwitch";
-const ThemeSwitch = ({
-  className: classNameProp,
-  defaultMode: defaultModeProp,
-  mode: modeProp,
-  onChange,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-theme-switch",
-    css: themeSwitchCss,
-    window: targetWindow
-  });
-  const [mode, setMode] = useControlled({
-    controlled: modeProp,
-    default: defaultModeProp ?? "light",
-    name: "ThemeSwitch",
-    state: "mode"
-  });
-  const handleChangeSecondary = useCallback(
-    (evt) => {
-      const { value } = evt.target;
-      setMode(value);
-      onChange(value);
-    },
-    [onChange, setMode]
-  );
-  const className = cx(classBase, classNameProp);
-  return /* @__PURE__ */ jsxs(
-    ToggleButtonGroup,
-    {
-      className,
-      ...htmlAttributes,
-      onChange: handleChangeSecondary,
-      value: mode,
-      children: [
-        /* @__PURE__ */ jsx(ToggleButton, { "aria-label": "alert", "data-icon": "light", value: "light" }),
-        /* @__PURE__ */ jsx(ToggleButton, { "aria-label": "home", "data-icon": "dark", value: "dark" })
-      ]
-    }
-  );
-};
-
-export { ThemeSwitch };
-//# sourceMappingURL=ThemeSwitch.js.map

package/esm/theme-switch/ThemeSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemeSwitch.js","sources":["../../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport { ToggleButton, ToggleButtonGroup, useControlled } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { HTMLAttributes, SyntheticEvent, useCallback } from \"react\";\nimport { ThemeMode } from \"@vuu-ui/vuu-utils\";\n\nimport themeSwitchCss from \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-theme-switch\",\n    css: themeSwitchCss,\n    window: targetWindow,\n  });\n\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const handleChangeSecondary = useCallback(\n    (evt: SyntheticEvent<HTMLButtonElement>) => {\n      const { value } = evt.target as HTMLButtonElement;\n      setMode(value as ThemeMode);\n      onChange(value as ThemeMode);\n    },\n    [onChange, setMode],\n  );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      value={mode}\n    >\n      <ToggleButton aria-label=\"alert\" data-icon=\"light\" value=\"light\" />\n      <ToggleButton aria-label=\"home\" data-icon=\"dark\" value=\"dark\" />\n    </ToggleButtonGroup>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;AASA,MAAM,SAAY,GAAA,gBAAA;AAQX,MAAM,cAAc,CAAC;AAAA,EAC1B,SAAW,EAAA,aAAA;AAAA,EACX,WAAa,EAAA,eAAA;AAAA,EACb,IAAM,EAAA,QAAA;AAAA,EACN,QAAA;AAAA,EACA,GAAG;AACL,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,aAAyB,CAAA;AAAA,IAC/C,UAAY,EAAA,QAAA;AAAA,IACZ,SAAS,eAAmB,IAAA,OAAA;AAAA,IAC5B,IAAM,EAAA,aAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACR,CAAA;AAED,EAAA,MAAM,qBAAwB,GAAA,WAAA;AAAA,IAC5B,CAAC,GAA2C,KAAA;AAC1C,MAAM,MAAA,EAAE,KAAM,EAAA,GAAI,GAAI,CAAA,MAAA;AACtB,MAAA,OAAA,CAAQ,KAAkB,CAAA;AAC1B,MAAA,QAAA,CAAS,KAAkB,CAAA;AAAA,KAC7B;AAAA,IACA,CAAC,UAAU,OAAO;AAAA,GACpB;AACA,EAAM,MAAA,SAAA,GAAY,EAAG,CAAA,SAAA,EAAW,aAAa,CAAA;AAC7C,EACE,uBAAA,IAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACC,GAAG,cAAA;AAAA,MACJ,QAAU,EAAA,qBAAA;AAAA,MACV,KAAO,EAAA,IAAA;AAAA,MAEP,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,gBAAa,YAAW,EAAA,OAAA,EAAQ,WAAU,EAAA,OAAA,EAAQ,OAAM,OAAQ,EAAA,CAAA;AAAA,4BAChE,YAAa,EAAA,EAAA,YAAA,EAAW,QAAO,WAAU,EAAA,MAAA,EAAO,OAAM,MAAO,EAAA;AAAA;AAAA;AAAA,GAChE;AAEJ;;;;"}

package/esm/user-settings/SettingsForm.css.js

@@ -1,4 +0,0 @@
-var settingsFormCss = ".vuuSettingsForm {\n  display: flex;\n  flex-direction: column;\n  gap: var(--salt-spacing-200);\n}\n";
-
-export { settingsFormCss as default };
-//# sourceMappingURL=SettingsForm.css.js.map

package/esm/user-settings/SettingsForm.css.js.map

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