@ixo/ui 0.1.0 → 0.1.1

package/dist/{components-DH1wUH8v.cjs → components-kyZV4xKe.cjs}

@@ -798,8 +798,8 @@ function AccordionTable({
     }
   );
 }
-const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-B3UsRV_8.cjs")));
-const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-DX1KrNFO.cjs")));
+const Header$3 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CdvEC2KX.cjs")));
+const Footer = react$1.lazy(() => Promise.resolve().then(() => require("./index-kAjxkAWZ.cjs")));
 function ActionCard({ header, content, footer, useHoverMode = false }) {
   const hasContent = !!content || !!footer;
   const initialVisibility = footer?.startHidden !== true;
@@ -883,7 +883,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-CEnAOLa3.cjs")));
+const Header$2 = react$1.lazy(() => Promise.resolve().then(() => require("./index-CghhpKGt.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(
@@ -1318,7 +1318,7 @@ function ModalSheet({ isOpen, children, hideHandler, zIndex, onRequestHide, onRe
     document.body
   );
 }
-const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-C9TPn4gB.cjs")));
+const Badge = react$1.lazy(() => Promise.resolve().then(() => require("./index-BqhR9ZZk.cjs")));
 function ActionSheet({ children, isOpen, header, navMenu = void 0, onRequestHide, onRequestShow }) {
   const shadowScrollRef = react$1.useRef(null);
   const wrapperContentAreaRef = react$1.useRef(null);
@@ -2219,7 +2219,7 @@ function Avatar({ src, rounded = true, size = 62, did }) {
 }
 const MIN_WIDTH = 200;
 const MAX_WIDTH = 700;
-function AsideResizable({ children, asideCollapsed = false, onAsideToggle, width = 450, onWidthChange, onMaxExpand }) {
+function AsideResizable({ children, navbarWidth, asideMaximized, asideCollapsed = false, onAsideToggle, width = 450, onWidthChange, onMaxExpand }) {
   const [isResizing, setIsResizing] = react$1.useState(false);
   const [ref] = hooks.useResizeObserver();
   const isShowingRef = react$1.useRef(false);
@@ -2296,9 +2296,9 @@ function AsideResizable({ children, asideCollapsed = false, onAsideToggle, width
   return /* @__PURE__ */ jsxRuntime.jsxs(
     core.AppShell.Aside,
     {
-      w: width,
+      w: asideMaximized ? "100%" : width,
       miw: 200,
-      maw: MAX_WIDTH,
+      maw: asideMaximized ? `calc(100% - ${navbarWidth}px)` : MAX_WIDTH,
       ref,
       sx: {
         overflowY: "auto",
@@ -2310,7 +2310,7 @@ function AsideResizable({ children, asideCollapsed = false, onAsideToggle, width
         }
       },
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
+        !asideMaximized && /* @__PURE__ */ jsxRuntime.jsx(
           core.Box,
           {
             w: 4,
@@ -2624,6 +2624,7 @@ function AppShellNavigation({
   roomCategories,
   right,
   asideCollapsed = true,
+  asideMaximized = false,
   onAsideToggle,
   onMaxExpand,
   onAiOpen,
@@ -2769,7 +2770,8 @@ function AppShellNavigation({
           transition: isNavbarResizing ? "none" : "width 0.3s ease"
         },
         aside: {
-          background: "var(--mantine-color-neutralColor-4)"
+          background: "var(--mantine-color-neutralColor-2)",
+          borderLeft: "1px solid var(--mantine-color-neutralColor-6)"
         }
       },
       bg: "neutralColor.2",
@@ -2962,7 +2964,19 @@ function AppShellNavigation({
             )
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx(AsideResizable, { asideCollapsed, onAsideToggle, onMaxExpand, width: asideWidth, onWidthChange: setAsideWidth, children: right })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          AsideResizable,
+          {
+            navbarWidth,
+            asideCollapsed,
+            asideMaximized,
+            onAsideToggle,
+            onMaxExpand,
+            width: asideWidth,
+            onWidthChange: setAsideWidth,
+            children: right
+          }
+        )
       ]
     }
   );
@@ -5982,13 +5996,13 @@ function ActionButton({ onClick, left, right }) {
     }
   );
 }
-const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-BwFcOXoo.cjs")));
-const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-8mrl_91C.cjs")));
-const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-CWtfpAdi.cjs")));
+const MainAction = react$1.lazy(() => Promise.resolve().then(() => require("./index-wbesxk1o.cjs")));
+const Header$1 = react$1.lazy(() => Promise.resolve().then(() => require("./index-W8LiSKfV.cjs")));
+const Content = react$1.lazy(() => Promise.resolve().then(() => require("./index-DEb3PU0a.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-CnUrZJ6d.cjs")));
-const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-DPdnPYOK.cjs")));
+const Assets = react$1.lazy(() => Promise.resolve().then(() => require("./index-ovSIwiD8.cjs")));
+const Actions = react$1.lazy(() => Promise.resolve().then(() => require("./index-BUqAh_QT.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);
@@ -11279,4 +11293,4 @@ exports.UserMessage = UserMessage;
 exports.WorkspaceModal = WorkspaceModal;
 exports.cutText = cutText;
 exports.isValidClick = isValidClick;
-//# sourceMappingURL=components-DH1wUH8v.cjs.map
+//# sourceMappingURL=components-kyZV4xKe.cjs.map