@luscii-healthtech/web-ui 42.2.2 → 42.2.3

package/dist/index.development.js

@@ -5854,7 +5854,7 @@ const AlertWidget = (props) => {
 const context = React.createContext(false);
 const SplitViewLayout = (props) => {
   const { open = true, aside, children } = props, restProps = __rest(props, ["open", "aside", "children"]);
-  const classesMain = classNames__default.default("ui:transition-[max-width] ui:ease-in-out ui:duration-[300ms] ui:motion-reduce:duration-[0ms]", "ui:contain-[strict] ui:h-full ui:absolute ui:left-0 ui:top-0", {
+  const classesMain = classNames__default.default("ui:overflow-auto", "ui:transition-[max-width] ui:ease-in-out ui:duration-[300ms] ui:motion-reduce:duration-[0ms]", "ui:contain-[strict] ui:h-full ui:absolute ui:left-0 ui:top-0", {
     "ui:max-w-[100vw] ui:lg:max-w-[calc(100vw-(--spacing(132)))] ui:w-full": open,
     "ui:max-w-[100vw] ui:w-full": !open
   });
@@ -5862,7 +5862,7 @@ const SplitViewLayout = (props) => {
     "ui:hidden ui:opacity-0": !open,
     "ui:visible ui:lg:hidden ui:opacity-[0.2]": open
   });
-  return jsxRuntime.jsx(context.Provider, { value: open, children: jsxRuntime.jsxs(Stack, Object.assign({ axis: "x", width: "full", className: "ui:h-100dvh" }, restProps, { children: [jsxRuntime.jsx(Box, { as: "main", className: classesMain, width: "full", children }), aside, jsxRuntime.jsx(Box, { className: classNamesOverlay })] })) });
+  return jsxRuntime.jsx(context.Provider, { value: open, children: jsxRuntime.jsxs(Stack, Object.assign({ axis: "x", className: "ui:h-dvh ui:w-dvw ui:relative" }, restProps, { children: [jsxRuntime.jsx(Box, { className: classesMain, width: "full", children }), aside, jsxRuntime.jsx(Box, { className: classNamesOverlay })] })) });
 };
 const Aside = (props) => {
   const { children, className } = props, restProps = __rest(props, ["children", "className"]);
@@ -5924,19 +5924,20 @@ SplitViewLayout.Aside = Aside;
 
 const Header = (props) => {
   const { children } = props, restProps = __rest(props, ["children"]);
-  return jsxRuntime.jsx(Box, Object.assign({ as: "header", p: "xl" }, restProps, { children }));
+  return jsxRuntime.jsx(Box, Object.assign({ as: "header", p: "xl", backgroundColor: "surface" }, restProps, { children }));
 };
 Header.displayName = "PageWithCenteredContentLayout.Header";
 const Main = (props) => {
   const { children, className } = props, restProps = __rest(props, ["children", "className"]);
-  const classes = classNames__default.default(className, "ui:max-w-[100vw] ui:content-center");
-  return jsxRuntime.jsx(Stack, Object.assign({ as: "main", width: "full", align: "center", p: "xl", className: classes }, restProps, { children: jsxRuntime.jsx(Box, { width: "full", className: "ui:lg:max-w-[calc(100vw-(--spacing(132)))]", children }) }));
+  const classes = classNames__default.default(className, "ui:max-w-[100vw] ui:content-center ui:z-10");
+  return jsxRuntime.jsx(Stack, Object.assign({ as: "main", width: "full", align: "center", p: "xl", className: classes }, restProps, { children: jsxRuntime.jsx(Box, { width: "full", className: "ui:lg:max-w-[--spacing(192)]", children }) }));
 };
 Main.displayName = "PageWithCenteredContentLayout.Main";
 const PageWithCenteredContentLayout = (props) => {
   const { header, className, children } = props, restProps = __rest(props, ["header", "className", "children"]);
   const classes = classNames__default.default("ui:min-h-screen", className);
-  return jsxRuntime.jsxs(Stack, Object.assign({ width: "full", align: "stretch", className: classes }, restProps, { children: [header && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [header, jsxRuntime.jsx(Divider, {})] }), children] }));
+  const headerContainerClasses = classNames__default.default("ui:sticky ui:top-0 ui:z-20", className);
+  return jsxRuntime.jsxs(Stack, Object.assign({ width: "full", align: "stretch", className: classes }, restProps, { children: [header && jsxRuntime.jsxs(Box, { className: headerContainerClasses, children: [header, jsxRuntime.jsx(Divider, { version: "v2", variant: "hr", color: "divider" })] }), children] }));
 };
 PageWithCenteredContentLayout.displayName = "PageWithCenteredContentLayout";
 PageWithCenteredContentLayout.Header = Header;