@ixo/ui 0.0.13 → 0.0.15

package/dist/.vite/manifest.json

@@ -29,16 +29,16 @@
       "_useUITheme-DqgAb7n1.cjs"
     ]
   },
-  "_components-C4EqnIzL.js": {
-    "file": "components-C4EqnIzL.js",
+  "_components-B0B09Vsk.cjs": {
+    "file": "components-B0B09Vsk.cjs",
     "name": "components",
     "imports": [
-      "_UsersSolid-CyNyz_eF.js",
-      "_constants-B7xlU8b8.js",
-      "_useUITheme-7i8NJ2FG.js",
-      "_Blank-CElsicB7.js",
-      "_useEventSubscribe-16wxaghO.js",
-      "_themes-Dxo8D1cq.js"
+      "_UsersSolid-peS-I-xF.cjs",
+      "_constants-DFJRYpE2.cjs",
+      "_useUITheme-DqgAb7n1.cjs",
+      "_Blank-DapEucFF.cjs",
+      "_useEventSubscribe-BTFTMdWH.cjs",
+      "_themes-CAW1Y0Nk.cjs"
     ],
     "dynamicImports": [
       "src/components/ActionCard/components/Header/index.tsx",
@@ -55,16 +55,16 @@
       "src/components/SodaCard/components/Actions/index.tsx"
     ]
   },
-  "_components-CV2rKBYZ.cjs": {
-    "file": "components-CV2rKBYZ.cjs",
+  "_components-CoGX1kwb.js": {
+    "file": "components-CoGX1kwb.js",
     "name": "components",
     "imports": [
-      "_UsersSolid-peS-I-xF.cjs",
-      "_constants-DFJRYpE2.cjs",
-      "_useUITheme-DqgAb7n1.cjs",
-      "_Blank-DapEucFF.cjs",
-      "_useEventSubscribe-BTFTMdWH.cjs",
-      "_themes-CAW1Y0Nk.cjs"
+      "_UsersSolid-CyNyz_eF.js",
+      "_constants-B7xlU8b8.js",
+      "_useUITheme-7i8NJ2FG.js",
+      "_Blank-CElsicB7.js",
+      "_useEventSubscribe-16wxaghO.js",
+      "_themes-Dxo8D1cq.js"
     ],
     "dynamicImports": [
       "src/components/ActionCard/components/Header/index.tsx",
@@ -103,18 +103,18 @@
       "_constants-B7xlU8b8.js"
     ]
   },
-  "_index-Bg26rTdb.cjs": {
-    "file": "index-Bg26rTdb.cjs",
+  "_index-CJE1_yJ6.cjs": {
+    "file": "index-CJE1_yJ6.cjs",
     "name": "index",
     "imports": [
-      "_components-CV2rKBYZ.cjs"
+      "_components-B0B09Vsk.cjs"
     ]
   },
-  "_index-CoOmnlIt.js": {
-    "file": "index-CoOmnlIt.js",
+  "_index-jE_hmlY8.js": {
+    "file": "index-jE_hmlY8.js",
     "name": "index",
     "imports": [
-      "_components-C4EqnIzL.js"
+      "_components-CoGX1kwb.js"
     ]
   },
   "_themes-CAW1Y0Nk.cjs": {
@@ -158,41 +158,41 @@
     "name": "utils"
   },
   "src/components/ActionCard/components/Footer/index.tsx": {
-    "file": "index-C5CnSI8h.cjs",
+    "file": "index-3RRyZp85.cjs",
     "name": "index",
     "src": "src/components/ActionCard/components/Footer/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_index-Bg26rTdb.cjs",
-      "_components-CV2rKBYZ.cjs"
+      "_index-CJE1_yJ6.cjs",
+      "_components-B0B09Vsk.cjs"
     ]
   },
   "src/components/ActionCard/components/Header/index.tsx": {
-    "file": "index-Dkg-DJse.cjs",
+    "file": "index-D0eJPLEq.cjs",
     "name": "index",
     "src": "src/components/ActionCard/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs",
+      "_components-B0B09Vsk.cjs",
       "_UsersSolid-peS-I-xF.cjs"
     ]
   },
   "src/components/ActionSheet/components/Badge/index.tsx": {
-    "file": "index-C_T_TF7J.cjs",
+    "file": "index-CfPgXC_X.cjs",
     "name": "index",
     "src": "src/components/ActionSheet/components/Badge/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs"
+      "_components-B0B09Vsk.cjs"
     ]
   },
   "src/components/Card/components/Header/index.tsx": {
-    "file": "index-C3_1bvTS.cjs",
+    "file": "index-CWElz4HJ.cjs",
     "name": "index",
     "src": "src/components/Card/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs"
+      "_components-B0B09Vsk.cjs"
     ]
   },
   "src/components/Chart/components/LazyChart/index.tsx": {
@@ -202,31 +202,31 @@
     "isDynamicEntry": true
   },
   "src/components/SodaCard/components/Actions/index.tsx": {
-    "file": "index-Dw22tq1e.cjs",
+    "file": "index-ffAWONI_.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Actions/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_index-Bg26rTdb.cjs",
-      "_components-CV2rKBYZ.cjs"
+      "_index-CJE1_yJ6.cjs",
+      "_components-B0B09Vsk.cjs"
     ]
   },
   "src/components/SodaCard/components/Assets/index.tsx": {
-    "file": "index-mvsa-Ixl.cjs",
+    "file": "index-DOa4tU-h.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Assets/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs"
+      "_components-B0B09Vsk.cjs"
     ]
   },
   "src/components/SodaCard/components/Content/index.tsx": {
-    "file": "index-Dj1BaWDs.cjs",
+    "file": "index-BvkqUymq.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Content/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs",
+      "_components-B0B09Vsk.cjs",
       "_utils-BmyeZmSR.cjs"
     ]
   },
@@ -237,22 +237,22 @@
     "isDynamicEntry": true
   },
   "src/components/SodaCard/components/Header/index.tsx": {
-    "file": "index-4dRzDkrK.cjs",
+    "file": "index-CXi6Syua.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/Header/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs",
+      "_components-B0B09Vsk.cjs",
       "_constants-DFJRYpE2.cjs"
     ]
   },
   "src/components/SodaCard/components/MainAction/index.tsx": {
-    "file": "index-CefO0Jav.cjs",
+    "file": "index-BPiG2IqF.cjs",
     "name": "index",
     "src": "src/components/SodaCard/components/MainAction/index.tsx",
     "isDynamicEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs"
+      "_components-B0B09Vsk.cjs"
     ]
   },
   "src/components/SodaCard/components/Map/index.tsx": {
@@ -272,7 +272,7 @@
     "src": "src/export/components.ts",
     "isEntry": true,
     "imports": [
-      "_components-CV2rKBYZ.cjs"
+      "_components-B0B09Vsk.cjs"
     ]
   },
   "src/export/hooks.ts": {

package/dist/components/AppShellNavigation/components/AsideResizable.d.ts

@@ -0,0 +1,11 @@
+import { PropsWithChildren } from 'react';
+type Props = PropsWithChildren<{
+    asideCollapsed?: boolean;
+    onAsideToggle?: () => void;
+    width?: number;
+    onWidthChange?: (width: number) => void;
+    onMaxExpand?: () => void;
+}>;
+export default function AsideResizable({ children, asideCollapsed, onAsideToggle, width, onWidthChange, onMaxExpand }: Props): import("@emotion/react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=AsideResizable.d.ts.map

package/dist/components/AppShellNavigation/components/AsideResizable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsideResizable.d.ts","sourceRoot":"","sources":["../../../../src/components/AppShellNavigation/components/AsideResizable.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAKvE,KAAK,KAAK,GAAG,iBAAiB,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;CAC1B,CAAC,CAAC;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,cAAsB,EAAE,aAAa,EAAE,KAAW,EAAE,aAAa,EAAE,WAAW,EAAE,EAAE,KAAK,2DAsHzI"}

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

@@ -50,6 +50,10 @@ type Props = {
     temporarySpace?: ISpaceItem;
     onMenuItemClick: (item: IMenuItem) => void;
     spaces: ISpaceItem[];
+    right?: ReactElement;
+    asideCollapsed?: boolean;
+    onAsideToggle?: () => void;
+    onMaxExpand?: () => void;
     avatarIcon?: {
         icon: string | ReactElement | null;
         onClick: () => void;
@@ -61,6 +65,6 @@ type Props = {
     onAddSpaceClick?: () => void;
     onMinusSpaceClick?: () => void;
 };
-export declare function AppShellNavigation({ spaces, pageItem, selectedSpace, temporarySpace, menuItems, companyIcon, onAddSpaceClick, onMinusSpaceClick, avatarIcon, onMenuItemClick, onSettingsIconClick, onBackClick, isBackButtonVisible, footerMenuItems, roomCategories, children }: PropsWithChildren<Props>): ReactElement;
+export declare function AppShellNavigation({ spaces, pageItem, selectedSpace, temporarySpace, menuItems, companyIcon, onAddSpaceClick, onMinusSpaceClick, avatarIcon, onMenuItemClick, onSettingsIconClick, onBackClick, isBackButtonVisible, footerMenuItems, roomCategories, right, asideCollapsed, onAsideToggle, onMaxExpand, children }: PropsWithChildren<Props>): ReactElement;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShellNavigation/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AppShellNavigation/index.tsx"],"names":[],"mappings":"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"}

package/dist/{components-CV2rKBYZ.cjs → components-B0B09Vsk.cjs}

@@ -797,8 +797,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-Dkg-DJse.cjs")));
-const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-C5CnSI8h.cjs")));
+const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-D0eJPLEq.cjs")));
+const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-3RRyZp85.cjs")));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -882,7 +882,7 @@ function Loader({ size, color = "primary" }) {
 }
 const CARD_WIDTH$1 = 350;
 const CARD_HEADER_HEIGHT = 158;
-const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-C3_1bvTS.cjs")));
+const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CWElz4HJ.cjs")));
 function Card({ children, className, contentClassName, roundedBottom, noPadding = false, fullWidth = false, header, wrapperSx, onClick }) {
   const wrapperRef = react$1.useRef(null);
   const handleOnClick = react$1.useCallback(
@@ -1317,7 +1317,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-C_T_TF7J.cjs")));
+const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-CfPgXC_X.cjs")));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = react$1.useRef(null);
   const wrapperContentAreaRef = react$1.useRef(null);
@@ -2159,6 +2159,101 @@ function Avatar({ src, rounded = true, size = 62, did }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.User, { css: ({ text }) => ({ ...css2, backgroundColor: text.secondary }) });
 }
+const MIN_WIDTH = 200;
+function AsideResizable({ children, asideCollapsed = false, onAsideToggle, width = 450, onWidthChange, onMaxExpand }) {
+  const [isResizing, setIsResizing] = react$1.useState(false);
+  const [ref] = hooks.useResizeObserver();
+  const isShowingRef = react$1.useRef(false);
+  const hasFiredMaxExpand = react$1.useRef(false);
+  const theme = useUITheme.useUITheme();
+  react$1.useEffect(() => {
+    if (!asideCollapsed && width <= MIN_WIDTH) {
+      isShowingRef.current = true;
+      onWidthChange?.(width);
+      setTimeout(() => {
+        isShowingRef.current = false;
+      }, 200);
+    }
+  }, [asideCollapsed]);
+  function clearListeners() {
+    document.removeEventListener("mousemove", handleMouseMove);
+    document.removeEventListener("mouseup", handleMouseUp);
+    document.body.style.cursor = "";
+    document.body.style.userSelect = "";
+  }
+  react$1.useEffect(() => {
+    if (isResizing) {
+      document.addEventListener("mousemove", handleMouseMove);
+      document.addEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "col-resize";
+      document.body.style.userSelect = "none";
+    } else {
+      clearListeners();
+    }
+    return () => clearListeners();
+  }, [isResizing]);
+  const handleMouseMove = (e) => {
+    if (!isResizing) return;
+    const newWidth = window.innerWidth - e.clientX;
+    const maxWidth = window.innerWidth - 600;
+    const constrainedWidth = Math.min(Math.max(newWidth, MIN_WIDTH), maxWidth);
+    onWidthChange?.(constrainedWidth);
+  };
+  react$1.useEffect(() => {
+    if (width === MIN_WIDTH && !asideCollapsed && onAsideToggle && !isShowingRef.current) {
+      clearListeners();
+      onAsideToggle();
+    }
+  }, [width, asideCollapsed, onAsideToggle]);
+  react$1.useEffect(() => {
+    const maxWidth = window.innerWidth - 600;
+    if (width >= maxWidth && onMaxExpand && !hasFiredMaxExpand.current) {
+      hasFiredMaxExpand.current = true;
+      clearListeners();
+      onMaxExpand();
+    } else if (width < maxWidth) {
+      hasFiredMaxExpand.current = false;
+    }
+  }, [width, onMaxExpand]);
+  react$1.useEffect(() => {
+    const handleWindowResize = () => {
+      const newMaxWidth = window.innerWidth - 600;
+      const newMinWidth = MIN_WIDTH;
+      if (width > newMaxWidth) {
+        onWidthChange?.(newMaxWidth);
+      } else if (width < newMinWidth) {
+        onWidthChange?.(newMinWidth);
+      }
+    };
+    window.addEventListener("resize", handleWindowResize);
+    return () => window.removeEventListener("resize", handleWindowResize);
+  }, [width, onWidthChange]);
+  const handleMouseUp = () => setIsResizing(false);
+  const handleMouseDown = (e) => {
+    e.preventDefault();
+    setIsResizing(true);
+  };
+  if (asideCollapsed) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs(core.AppShell.Aside, { w: width, miw: 200, maw: window.innerWidth - 340, ref, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      core.Box,
+      {
+        w: 4,
+        top: 0,
+        left: 0,
+        h: "100%",
+        pos: "absolute",
+        bg: isResizing ? theme.colors.focus : "transparent",
+        sx: {
+          cursor: "col-resize",
+          transition: "background-color 0.2s ease"
+        },
+        onMouseDown: handleMouseDown
+      }
+    ),
+    children
+  ] });
+}
 function SelectedIndicator() {
   const theme = useUITheme.useUITheme();
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -2356,9 +2451,14 @@ function AppShellNavigation({
   isBackButtonVisible,
   footerMenuItems,
   roomCategories,
+  right,
+  asideCollapsed = true,
+  onAsideToggle,
+  onMaxExpand,
   children
 }) {
-  const [desktopOpened, { toggle: toggleDesktop }] = hooks.useDisclosure(true);
+  const [navbarCollapsed, { toggle: toggleNavbar }] = hooks.useDisclosure(true);
+  const [asideWidth, setAsideWidth] = react$1.useState(450);
   const theme = useUITheme.useUITheme();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     core.AppShell,
@@ -2367,11 +2467,18 @@ function AppShellNavigation({
       styles: {
         navbar: {
           background: theme.bg.navScaled
+        },
+        aside: {
+          background: theme.bg.navScaled
         }
       },
       bg: theme.bg.navIconsBg,
       navbar: {
-        width: desktopOpened ? 300 : 56,
+        width: navbarCollapsed ? 300 : 56,
+        breakpoint: "sm"
+      },
+      aside: {
+        width: asideCollapsed ? 0 : asideWidth,
         breakpoint: "sm"
       },
       children: [
@@ -2427,17 +2534,17 @@ function AppShellNavigation({
             /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { align: "center", gap: 8, children: [
               /* @__PURE__ */ jsxRuntime.jsx(core.Divider, { w: 40, mx: 10, color: theme.neutral.transparent10 }),
               /* @__PURE__ */ jsxRuntime.jsx(core.Center, { sx: { cursor: "pointer", borderRadius: 24 }, bg: theme.bg.navIconsBg, h: 40, w: 40, onClick: onSettingsIconClick, children: /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.SettingsBarSolid, { size: 22, color: "secondary" }) }),
-              !desktopOpened && /* @__PURE__ */ jsxRuntime.jsx(core.Center, { sx: { cursor: "pointer", borderRadius: 24 }, bg: theme.bg.navIconsBg, h: 40, w: 40, onClick: toggleDesktop, children: /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.AngleRightSolid, { color: "secondary" }) })
+              !navbarCollapsed && /* @__PURE__ */ jsxRuntime.jsx(core.Center, { sx: { cursor: "pointer", borderRadius: 24 }, bg: theme.bg.navIconsBg, h: 40, w: 40, onClick: toggleNavbar, children: /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.AngleRightSolid, { color: "secondary" }) })
             ] })
           ] }),
-          desktopOpened && /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { justify: "space-between", w: "100%", pt: 16, pb: 10, px: 12, children: [
+          navbarCollapsed && /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { justify: "space-between", w: "100%", pt: 16, pb: 10, px: 12, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(core.Stack, { gap: 5, children: [
               /* @__PURE__ */ jsxRuntime.jsxs(Flex, { mb: 24, style: { width: "100%" }, justify: "space-between", align: "center", children: [
                 /* @__PURE__ */ jsxRuntime.jsxs(Flex, { align: "center", gap: "10px", children: [
                   isBackButtonVisible ? /* @__PURE__ */ jsxRuntime.jsx(core.Center, { onClick: onBackClick, sx: { borderRadius: 4, cursor: "pointer", padding: 2, background: theme.bg.navIconsBg }, children: /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.ArrowLeftSolid, { size: 18 }) }) : /* @__PURE__ */ jsxRuntime.jsx(core.Center, { sx: { borderRadius: 4, padding: 2, background: theme.bg.navIconsBg }, children: pageItem.pageIcon ? /* @__PURE__ */ jsxRuntime.jsx(pageItem.pageIcon, { size: 18 }) : /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.Globe, { size: 18 }) }),
                   /* @__PURE__ */ jsxRuntime.jsx(core.Text, { lh: 1, c: theme.text.overPicture, children: pageItem.pageTitle || "Unknown" })
                 ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(Flex, { gap: 12, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(core.Center, { sx: { cursor: "pointer" }, onClick: toggleDesktop, children: /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.PanelLeftSolid, { size: 22, color: "secondary" }) }) })
+                /* @__PURE__ */ jsxRuntime.jsx(Flex, { gap: 12, align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(core.Center, { sx: { cursor: "pointer" }, onClick: toggleNavbar, children: /* @__PURE__ */ jsxRuntime.jsx(UsersSolid.PanelLeftSolid, { size: 22, color: "secondary" }) }) })
               ] }),
               menuItems?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onMenuItemClick, item }, item.id)),
               roomCategories && roomCategories.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 8, mt: 16, children: roomCategories.map((category) => /* @__PURE__ */ jsxRuntime.jsx(RoomCategory, { category }, category.id)) })
@@ -2445,7 +2552,8 @@ function AppShellNavigation({
             /* @__PURE__ */ jsxRuntime.jsx(core.Stack, { gap: 5, children: footerMenuItems?.map((item) => /* @__PURE__ */ jsxRuntime.jsx(MenuItem, { onMenuItemClick, item }, item.id)) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(core.AppShell.Main, { children })
+        /* @__PURE__ */ jsxRuntime.jsx(core.AppShell.Main, { children }),
+        /* @__PURE__ */ jsxRuntime.jsx(AsideResizable, { asideCollapsed, onAsideToggle, onMaxExpand, width: asideWidth, onWidthChange: setAsideWidth, children: right })
       ]
     }
   );
@@ -5423,13 +5531,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-CefO0Jav.cjs")));
-const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-4dRzDkrK.cjs")));
-const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-Dj1BaWDs.cjs")));
+const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-BPiG2IqF.cjs")));
+const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CXi6Syua.cjs")));
+const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-BvkqUymq.cjs")));
 const Map = react$1.lazy(() => Promise.resolve().then(() => require("./index-D4PsPquZ.cjs")));
 const CustomContent = react$1.lazy(() => Promise.resolve().then(() => require("./index-ByrCNpS2.cjs")));
-const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-mvsa-Ixl.cjs")));
-const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-Dw22tq1e.cjs")));
+const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-DOa4tU-h.cjs")));
+const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-ffAWONI_.cjs")));
 const HOVER_BORDER_WIDTH = 1;
 function SodaCardCmp({ numSelected = 0, expanded = true, mainAction, header, content, map, customContent, customFooter, actions, assets, onClick }, ref) {
   const wrapperRef = react$1.useRef(null);
@@ -10741,4 +10849,4 @@ exports.UserMessage = UserMessage;
 exports.WorkspaceModal = WorkspaceModal;
 exports.cutText = cutText;
 exports.isValidClick = isValidClick;
-//# sourceMappingURL=components-CV2rKBYZ.cjs.map
+//# sourceMappingURL=components-B0B09Vsk.cjs.map