@bwp-web/components 0.2.0 → 0.3.1

package/dist/BiampLayout/BiampLayout.d.ts

@@ -0,0 +1,10 @@
+import { StackProps } from '@mui/material';
+import React from 'react';
+type BiampLayoutProps = StackProps & {
+    header?: React.ReactNode;
+    sidebar?: React.ReactNode;
+    children: React.ReactNode;
+};
+export declare function BiampLayout({ header, sidebar, children, sx, ...props }: BiampLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BiampLayout.d.ts.map

package/dist/BiampLayout/BiampLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BiampLayout.d.ts","sourceRoot":"","sources":["../../src/BiampLayout/BiampLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,gBAAgB,GAAG,UAAU,GAAG;IACnC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA2BlB"}

package/dist/BiampLayout/index.d.ts

@@ -0,0 +1,2 @@
+export { BiampLayout } from './BiampLayout';
+//# sourceMappingURL=index.d.ts.map

package/dist/BiampLayout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BiampLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/BiampSidebar/BiampSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampSidebar.d.ts","sourceRoot":"","sources":["../../src/BiampSidebar/BiampSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EAEnB,UAAU,EACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,KAAK,iBAAiB,GAAG,UAAU,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,iBAAiB,2CASnB;AAED,KAAK,oBAAoB,GAAG,UAAU,GAAG;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAMtB;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAsBvB;AAED,KAAK,0BAA0B,GAAG,mBAAmB,GAAG;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAmB5B"}
+{"version":3,"file":"BiampSidebar.d.ts","sourceRoot":"","sources":["../../src/BiampSidebar/BiampSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EAEnB,UAAU,EACX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,KAAK,iBAAiB,GAAG,UAAU,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC9B,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,EAAE,EACF,GAAG,KAAK,EACT,EAAE,iBAAiB,2CASnB;AAED,KAAK,oBAAoB,GAAG,UAAU,GAAG;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAMtB;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CAC5B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAsBvB;AAED,KAAK,0BAA0B,GAAG,mBAAmB,GAAG;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAoB5B"}

package/dist/BiampWrapper/BiampWrapper.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import { BoxProps } from '@mui/material/Box';
-export type BiampWrapperProps = BoxProps & {
+import { StackProps } from '@mui/material';
+export type BiampWrapperProps = StackProps & {
     children?: React.ReactNode;
 };
 /**
  * A full-page content wrapper that stretches to fill all available space
- * with 8px padding, 8px border radius, and scrollable overflow.
+ * with 16px padding, 8px border radius, and scrollable overflow.
  * Background: white (light) / `grey.800` (dark).
  */
 export declare function BiampWrapper({ children, sx, ...props }: BiampWrapperProps): import("react/jsx-runtime").JSX.Element;

package/dist/BiampWrapper/BiampWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampWrapper.d.ts","sourceRoot":"","sources":["../../src/BiampWrapper/BiampWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAY,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAqBzE"}
+{"version":3,"file":"BiampWrapper.d.ts","sourceRoot":"","sources":["../../src/BiampWrapper/BiampWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAqBzE"}

package/dist/index.cjs

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,21 +15,11 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
-  AppsIcon: () => import_assets3.AppsIcon,
-  AppsIconFilled: () => import_assets3.AppsIconFilled,
   BiampAppDialog: () => BiampAppDialog,
   BiampAppDialogItem: () => BiampAppDialogItem,
   BiampAppPopover: () => BiampAppPopover,
@@ -42,46 +30,24 @@ __export(index_exports, {
   BiampHeaderProfile: () => BiampHeaderProfile,
   BiampHeaderSearch: () => BiampHeaderSearch,
   BiampHeaderTitle: () => BiampHeaderTitle,
-  BiampLogoIcon: () => import_assets3.BiampLogoIcon,
+  BiampLayout: () => BiampLayout,
   BiampSidebar: () => BiampSidebar,
   BiampSidebarComponent: () => BiampSidebarComponent,
   BiampSidebarIcon: () => BiampSidebarIcon,
   BiampSidebarIconList: () => BiampSidebarIconList,
-  BiampWrapper: () => BiampWrapper,
-  Header: () => Header,
-  SearchIcon: () => import_assets3.SearchIcon
+  BiampWrapper: () => BiampWrapper
 });
 module.exports = __toCommonJS(index_exports);
 
-// src/Header/Header.tsx
-var import_AppBar = __toESM(require("@mui/material/AppBar"), 1);
-var import_Toolbar = __toESM(require("@mui/material/Toolbar"), 1);
-var import_Typography = __toESM(require("@mui/material/Typography"), 1);
-var import_Box = __toESM(require("@mui/material/Box"), 1);
-var import_jsx_runtime = require("react/jsx-runtime");
-var Header = ({
-  title,
-  startContent,
-  endContent,
-  appBarProps
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AppBar.default, { position: "static", ...appBarProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Toolbar.default, { children: [
-    startContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { display: "flex", alignItems: "center", mr: 2 }, children: startContent }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: title }),
-    !title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { flexGrow: 1 } }),
-    endContent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Box.default, { sx: { display: "flex", alignItems: "center" }, children: endContent })
-  ] }) });
-};
-
 // src/BiampWrapper/BiampWrapper.tsx
-var import_Box2 = __toESM(require("@mui/material/Box"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_material = require("@mui/material");
+var import_jsx_runtime = require("react/jsx-runtime");
 function BiampWrapper({ children, sx, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-    import_Box2.default,
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_material.Stack,
     {
-      display: "flex",
-      padding: "8px",
+      direction: "column",
+      padding: "16px",
       alignItems: "flex-start",
       sx: {
         flex: 1,
@@ -99,18 +65,18 @@ function BiampWrapper({ children, sx, ...props }) {
 }
 
 // src/BiampSidebar/BiampSidebar.tsx
-var import_material = require("@mui/material");
+var import_material2 = require("@mui/material");
 var import_assets = require("@bwp-web/assets");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function BiampSidebar({
   children,
   bottomLogoIcon,
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material.Stack, { width: "48px", height: "100%", sx: { mx: 2.5, ...sx }, ...props, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Stack, { height: "100%", children }),
-    bottomLogoIcon ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_assets.BiampLogoIcon, { sx: { width: "48px", height: "15px" } })
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_material2.Stack, { width: "48px", height: "100%", sx: { ...sx }, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Stack, { height: "100%", children }),
+    bottomLogoIcon ?? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_assets.BiampLogoIcon, { sx: { width: "48px", height: "15px" } })
   ] });
 }
 function BiampSidebarIconList({
@@ -118,7 +84,7 @@ function BiampSidebarIconList({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material.Stack, { height: "100%", sx: { gap: "4px", ...sx }, ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_material2.Stack, { height: "100%", sx: { gap: "4px", ...sx }, ...props, children });
 }
 function BiampSidebarIcon({
   selected,
@@ -128,8 +94,8 @@ function BiampSidebarIcon({
   ...props
 }) {
   const displayedSelectedIcon = selectedIcon ?? icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_material.ListItemButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_material2.ListItemButton,
     {
       selected,
       disableGutters: true,
@@ -154,8 +120,8 @@ function BiampSidebarComponent({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_material.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_material2.Box,
     {
       sx: {
         minWidth: "48px",
@@ -166,6 +132,7 @@ function BiampSidebarComponent({
         overflow: "hidden",
         justifyContent: "center",
         alignItems: "center",
+        border: ({ palette }) => `0.6px solid ${palette.divider}`,
         ...sx
       },
       ...props,
@@ -175,12 +142,12 @@ function BiampSidebarComponent({
 }
 
 // src/BiampHeader/BiampHeader.tsx
-var import_material2 = require("@mui/material");
+var import_material3 = require("@mui/material");
 var import_assets2 = require("@bwp-web/assets");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function BiampHeader({ children, sx, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.Stack,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.Stack,
     {
       direction: "row",
       alignItems: "center",
@@ -196,9 +163,9 @@ function BiampHeaderTitle({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Box, { sx: { pr: 3, ...sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_material2.Box, { sx: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      import_material2.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Box, { sx: { pr: 3, ...sx }, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Box, { sx: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      import_material3.Box,
       {
         sx: {
           width: 24,
@@ -207,8 +174,8 @@ function BiampHeaderTitle({
           alignItems: "center",
           justifyContent: "center"
         },
-        children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_material2.Box,
+        children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_material3.Box,
           {
             component: "img",
             src: import_assets2.BiampRedLogo,
@@ -218,12 +185,12 @@ function BiampHeaderTitle({
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.Typography, { variant: "h4", children: title })
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "h4", children: title })
   ] }) });
 }
 function BiampHeaderSearch({ sx, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.TextField,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.TextField,
     {
       placeholder: "Search...",
       fullWidth: true,
@@ -245,7 +212,7 @@ function BiampHeaderSearch({ sx, ...props }) {
       },
       slotProps: {
         input: {
-          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_material2.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_assets2.SearchIcon, {}) })
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.InputAdornment, { position: "start", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_assets2.SearchIcon, {}) })
         }
       },
       ...props
@@ -257,8 +224,8 @@ function BiampHeaderActions({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.Box,
     {
       sx: {
         pl: 3,
@@ -277,8 +244,8 @@ function BiampHeaderButtonList({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.Box,
     {
       sx: { display: "flex", alignItems: "center", gap: 0.5, ...sx },
       ...props,
@@ -294,8 +261,8 @@ function BiampHeaderButton({
   ...props
 }) {
   const displayedSelectedIcon = selectedIcon ?? icon;
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.ListItemButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.ListItemButton,
     {
       selected,
       disableGutters: true,
@@ -321,8 +288,8 @@ function BiampAppPopover({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.Popover,
     {
       open,
       anchorOrigin: { vertical: "bottom", horizontal: "left" },
@@ -334,7 +301,7 @@ function BiampAppPopover({
             borderRadius: "16px",
             backgroundImage: "none",
             border: ({ palette }) => `0.6px solid ${palette.divider}`,
-            boxShadow: ({ palette }) => `0px 4px 24px 0px ${(0, import_material2.alpha)(palette.common.black, 0.15)};`
+            boxShadow: ({ palette }) => `0px 4px 24px 0px ${(0, import_material3.alpha)(palette.common.black, 0.15)};`
           }
         }
       },
@@ -348,8 +315,8 @@ function BiampAppDialog({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.Box,
     {
       sx: {
         p: 2,
@@ -372,8 +339,8 @@ function BiampAppDialogItem({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-    import_material2.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_material3.Box,
     {
       sx: {
         width: "76px",
@@ -388,15 +355,15 @@ function BiampAppDialogItem({
         border: "0.6px solid transparent",
         transition: "background-color 0.2s ease, border-color 0.2s ease",
         ":hover": {
-          backgroundColor: ({ palette }) => (0, import_material2.alpha)(palette.info.main, 0.1),
+          backgroundColor: ({ palette }) => (0, import_material3.alpha)(palette.info.main, 0.1),
           borderColor: ({ palette }) => palette.info.main
         },
         ...sx
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_material2.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_material3.Box,
           {
             sx: {
               mt: "8px",
@@ -409,8 +376,8 @@ function BiampAppDialogItem({
             children
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-          import_material2.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+          import_material3.Typography,
           {
             variant: "caption",
             fontWeight: 600,
@@ -434,8 +401,8 @@ function BiampHeaderProfile({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_material2.ListItemButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_material3.ListItemButton,
     {
       selected,
       disableGutters: true,
@@ -451,8 +418,8 @@ function BiampHeaderProfile({
         ...sx
       },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        import_material2.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        import_material3.Box,
         {
           component: "img",
           src: image,
@@ -461,7 +428,7 @@ function BiampHeaderProfile({
             width: 32,
             height: 32,
             borderRadius: "4px",
-            border: ({ palette }) => `0.6px solid var(--Divider-divider_primary, ${(0, import_material2.alpha)(palette.background.paper, 0.15)})`
+            border: ({ palette }) => `0.6px solid var(--Divider-divider_primary, ${(0, import_material3.alpha)(palette.background.paper, 0.15)})`
           }
         }
       )
@@ -469,12 +436,50 @@ function BiampHeaderProfile({
   );
 }
 
-// src/index.ts
-var import_assets3 = require("@bwp-web/assets");
+// src/BiampLayout/BiampLayout.tsx
+var import_material4 = require("@mui/material");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+function BiampLayout({
+  header,
+  sidebar,
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    import_material4.Stack,
+    {
+      direction: "column",
+      height: "100vh",
+      sx: {
+        backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[900] : palette.grey[100],
+        ...sx
+      },
+      ...props,
+      children: [
+        header,
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+          import_material4.Stack,
+          {
+            direction: "row",
+            minHeight: 0,
+            flex: 1,
+            gap: { xs: 1.5, md: 2.5 },
+            px: { xs: 1.5, md: 2.5 },
+            pb: { xs: 1.5, md: 2.5 },
+            pt: { xs: header ? 0 : 1.5, md: header ? 0 : 2.5 },
+            children: [
+              sidebar,
+              children
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  AppsIcon,
-  AppsIconFilled,
   BiampAppDialog,
   BiampAppDialogItem,
   BiampAppPopover,
@@ -485,13 +490,11 @@ var import_assets3 = require("@bwp-web/assets");
   BiampHeaderProfile,
   BiampHeaderSearch,
   BiampHeaderTitle,
-  BiampLogoIcon,
+  BiampLayout,
   BiampSidebar,
   BiampSidebarComponent,
   BiampSidebarIcon,
   BiampSidebarIconList,
-  BiampWrapper,
-  Header,
-  SearchIcon
+  BiampWrapper
 });
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Header/Header.tsx","../src/BiampWrapper/BiampWrapper.tsx","../src/BiampSidebar/BiampSidebar.tsx","../src/BiampHeader/BiampHeader.tsx"],"sourcesContent":["export { Header } from './Header';\nexport type { HeaderProps } from './Header';\nexport { BiampWrapper } from './BiampWrapper';\nexport type { BiampWrapperProps } from './BiampWrapper';\nexport * from './BiampSidebar';\nexport * from './BiampHeader';\nexport {\n  AppsIcon,\n  AppsIconFilled,\n  BiampLogoIcon,\n  SearchIcon,\n} from '@bwp-web/assets';\n","import React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nexport interface HeaderProps {\n  /** The title displayed in the header */\n  title?: string;\n  /** Content rendered on the left side of the header (e.g. logo, navigation) */\n  startContent?: React.ReactNode;\n  /** Content rendered on the right side of the header (e.g. user menu, actions) */\n  endContent?: React.ReactNode;\n  /** Additional props passed to the MUI AppBar */\n  appBarProps?: React.ComponentProps<typeof AppBar>;\n}\n\n/**\n * A skeleton header component built on MUI AppBar.\n * Provides a simple layout with a title and optional start/end content slots.\n */\nexport const Header: React.FC<HeaderProps> = ({\n  title,\n  startContent,\n  endContent,\n  appBarProps,\n}) => {\n  return (\n    <AppBar position=\"static\" {...appBarProps}>\n      <Toolbar>\n        {startContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center', mr: 2 }}>\n            {startContent}\n          </Box>\n        )}\n\n        {title && (\n          <Typography variant=\"h6\" component=\"div\" sx={{ flexGrow: 1 }}>\n            {title}\n          </Typography>\n        )}\n\n        {!title && <Box sx={{ flexGrow: 1 }} />}\n\n        {endContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>{endContent}</Box>\n        )}\n      </Toolbar>\n    </AppBar>\n  );\n};\n","import React from 'react';\nimport Box, { BoxProps } from '@mui/material/Box';\n\nexport type BiampWrapperProps = BoxProps & {\n  children?: React.ReactNode;\n};\n\n/**\n * A full-page content wrapper that stretches to fill all available space\n * with 8px padding, 8px border radius, and scrollable overflow.\n * Background: white (light) / `grey.800` (dark).\n */\nexport function BiampWrapper({ children, sx, ...props }: BiampWrapperProps) {\n  return (\n    <Box\n      display=\"flex\"\n      padding=\"8px\"\n      alignItems=\"flex-start\"\n      sx={{\n        flex: 1,\n        height: '100%',\n        width: '100%',\n        borderRadius: '8px',\n        overflow: 'auto',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  Box,\n  ListItemButton,\n  ListItemButtonProps,\n  Stack,\n  StackProps,\n} from '@mui/material';\nimport { BiampLogoIcon } from '@bwp-web/assets';\nimport { JSX } from 'react';\n\ntype BiampSidebarProps = StackProps & {\n  children: React.ReactNode;\n  bottomLogoIcon?: JSX.Element;\n};\n\nexport function BiampSidebar({\n  children,\n  bottomLogoIcon,\n  sx,\n  ...props\n}: BiampSidebarProps) {\n  return (\n    <Stack width=\"48px\" height=\"100%\" sx={{ mx: 2.5, ...sx }} {...props}>\n      <Stack height=\"100%\">{children}</Stack>\n      {bottomLogoIcon ?? (\n        <BiampLogoIcon sx={{ width: '48px', height: '15px' }} />\n      )}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconList = StackProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarIconList({\n  children,\n  sx,\n  ...props\n}: BiampSidebarIconList) {\n  return (\n    <Stack height=\"100%\" sx={{ gap: '4px', ...sx }} {...props}>\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconProps = ListItemButtonProps & {\n  selected?: boolean;\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n};\n\nexport function BiampSidebarIcon({\n  selected,\n  icon,\n  selectedIcon,\n  sx,\n  ...props\n}: BiampSidebarIconProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampSidebarComponentProps = ListItemButtonProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarComponent({\n  children,\n  sx,\n  ...props\n}: BiampSidebarComponentProps) {\n  return (\n    <Box\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        overflow: 'hidden',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  alpha,\n  Box,\n  BoxProps,\n  InputAdornment,\n  ListItemButton,\n  ListItemButtonProps,\n  Popover,\n  PopoverProps,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material';\nimport { JSX } from 'react';\nimport { BiampRedLogo, SearchIcon } from '@bwp-web/assets';\n\ntype BiampHeaderProps = StackProps & {\n  children?: React.ReactNode;\n};\n\nexport function BiampHeader({ children, sx, ...props }: BiampHeaderProps) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{ px: 2.5, py: 1.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampHeaderTitleProps = BoxProps & {\n  icon?: JSX.Element;\n  title: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box sx={{ pr: 3, ...sx }} {...props}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '12px' }}>\n        <Box\n          sx={{\n            width: 24,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon ?? (\n            <Box\n              component=\"img\"\n              src={BiampRedLogo}\n              alt=\"Biamp\"\n              sx={{ width: 24, height: 24 }}\n            />\n          )}\n        </Box>\n        <Typography variant=\"h4\">{title}</Typography>\n      </Box>\n    </Box>\n  );\n}\n\ntype BiampHeaderSearchProps = TextFieldProps;\n\nexport function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps) {\n  return (\n    <TextField\n      placeholder=\"Search...\"\n      fullWidth\n      sx={{\n        px: 1.5,\n        '& .MuiOutlinedInput-root': {\n          height: '40px !important',\n          minHeight: '40px',\n        },\n        '& .MuiOutlinedInput-input': {\n          height: '40px !important',\n        },\n        '& .MuiOutlinedInput-notchedOutline': {\n          height: '40px !important',\n          border: 'none',\n          boxShadow: 'none',\n        },\n        ...sx,\n      }}\n      slotProps={{\n        input: {\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          ),\n        },\n      }}\n      {...props}\n    />\n  );\n}\n\ntype BiampHeaderActionsProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderActions({\n  children,\n  sx,\n  ...props\n}: BiampHeaderActionsProps) {\n  return (\n    <Box\n      sx={{\n        pl: 3,\n        gap: 2,\n        display: 'flex',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonListProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderButtonList({\n  children,\n  sx,\n  ...props\n}: BiampHeaderButtonListProps) {\n  return (\n    <Box\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonProps = ListItemButtonProps & {\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n  selected?: boolean;\n};\n\nexport function BiampHeaderButton({\n  icon,\n  selectedIcon,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderButtonProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '40px',\n        maxWidth: '40px',\n        minHeight: '40px',\n        maxHeight: '40px',\n        borderRadius: '4px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampAppPopoverProps = PopoverProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppPopover({\n  children,\n  open,\n  sx,\n  ...props\n}: BiampAppPopoverProps) {\n  return (\n    <Popover\n      open={open}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      sx={{ ...sx }}\n      transformOrigin={{ vertical: -4, horizontal: 150 }}\n      slotProps={{\n        paper: {\n          sx: {\n            borderRadius: '16px',\n            backgroundImage: 'none',\n            border: ({ palette }) => `0.6px solid ${palette.divider}`,\n            boxShadow: ({ palette }) =>\n              `0px 4px 24px 0px ${alpha(palette.common.black, 0.15)};`,\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </Popover>\n  );\n}\n\ntype BiampAppDialogProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppDialog({\n  children,\n  sx,\n  ...props\n}: BiampAppDialogProps) {\n  return (\n    <Box\n      sx={{\n        p: 2,\n        display: 'inline-flex',\n        flexWrap: 'wrap',\n        gap: 1.5,\n        maxWidth: '284px',\n        borderRadius: '16px',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampAppDialogItemProps = BoxProps & {\n  children: React.ReactNode;\n  name: string;\n};\n\nexport function BiampAppDialogItem({\n  children,\n  name,\n  sx,\n  ...props\n}: BiampAppDialogItemProps) {\n  return (\n    <Box\n      sx={{\n        width: '76px',\n        height: '89px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        cursor: 'pointer',\n        justifyContent: 'center',\n        gap: '4px',\n        borderRadius: '12px',\n        border: '0.6px solid transparent',\n        transition: 'background-color 0.2s ease, border-color 0.2s ease',\n        ':hover': {\n          backgroundColor: ({ palette }) => alpha(palette.info.main, 0.1),\n          borderColor: ({ palette }) => palette.info.main,\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        sx={{\n          mt: '8px',\n          width: '54px',\n          height: '54px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n      <Typography\n        variant=\"caption\"\n        fontWeight={600}\n        sx={{\n          textAlign: 'center',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          maxWidth: '100%',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n\ntype BiampHeaderProfileProps = ListItemButtonProps & {\n  image: string;\n  selected?: boolean;\n};\n\nexport function BiampHeaderProfile({\n  image,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderProfileProps) {\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '36px',\n        maxWidth: '36px',\n        minHeight: '36px',\n        maxHeight: '36px',\n        borderRadius: '6px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        component=\"img\"\n        src={image}\n        alt={'Profile Image'}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: '4px',\n          border: ({ palette }) =>\n            `0.6px solid var(--Divider-divider_primary, ${alpha(palette.background.paper, 0.15)})`,\n        }}\n      />\n    </ListItemButton>\n  );\n}\n"],"mappings":"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","names":["AppBar","Toolbar","Box","Typography","import_Box","import_jsx_runtime","Box","import_jsx_runtime","import_material","import_assets","import_jsx_runtime","import_assets"]}
+{"version":3,"sources":["../src/index.ts","../src/BiampWrapper/BiampWrapper.tsx","../src/BiampSidebar/BiampSidebar.tsx","../src/BiampHeader/BiampHeader.tsx","../src/BiampLayout/BiampLayout.tsx"],"sourcesContent":["export { BiampWrapper, type BiampWrapperProps } from './BiampWrapper';\nexport * from './BiampSidebar';\nexport * from './BiampHeader';\nexport * from './BiampLayout';\n","import React from 'react';\nimport { Stack, StackProps } from '@mui/material';\n\nexport type BiampWrapperProps = StackProps & {\n  children?: React.ReactNode;\n};\n\n/**\n * A full-page content wrapper that stretches to fill all available space\n * with 16px padding, 8px border radius, and scrollable overflow.\n * Background: white (light) / `grey.800` (dark).\n */\nexport function BiampWrapper({ children, sx, ...props }: BiampWrapperProps) {\n  return (\n    <Stack\n      direction=\"column\"\n      padding=\"16px\"\n      alignItems=\"flex-start\"\n      sx={{\n        flex: 1,\n        height: '100%',\n        width: '100%',\n        borderRadius: '8px',\n        overflow: 'auto',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n","import {\n  Box,\n  ListItemButton,\n  ListItemButtonProps,\n  Stack,\n  StackProps,\n} from '@mui/material';\nimport { BiampLogoIcon } from '@bwp-web/assets';\nimport { JSX } from 'react';\n\ntype BiampSidebarProps = StackProps & {\n  children: React.ReactNode;\n  bottomLogoIcon?: JSX.Element;\n};\n\nexport function BiampSidebar({\n  children,\n  bottomLogoIcon,\n  sx,\n  ...props\n}: BiampSidebarProps) {\n  return (\n    <Stack width=\"48px\" height=\"100%\" sx={{ ...sx }} {...props}>\n      <Stack height=\"100%\">{children}</Stack>\n      {bottomLogoIcon ?? (\n        <BiampLogoIcon sx={{ width: '48px', height: '15px' }} />\n      )}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconList = StackProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarIconList({\n  children,\n  sx,\n  ...props\n}: BiampSidebarIconList) {\n  return (\n    <Stack height=\"100%\" sx={{ gap: '4px', ...sx }} {...props}>\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconProps = ListItemButtonProps & {\n  selected?: boolean;\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n};\n\nexport function BiampSidebarIcon({\n  selected,\n  icon,\n  selectedIcon,\n  sx,\n  ...props\n}: BiampSidebarIconProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampSidebarComponentProps = ListItemButtonProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarComponent({\n  children,\n  sx,\n  ...props\n}: BiampSidebarComponentProps) {\n  return (\n    <Box\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        overflow: 'hidden',\n        justifyContent: 'center',\n        alignItems: 'center',\n        border: ({ palette }) => `0.6px solid ${palette.divider}`,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  alpha,\n  Box,\n  BoxProps,\n  InputAdornment,\n  ListItemButton,\n  ListItemButtonProps,\n  Popover,\n  PopoverProps,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material';\nimport { JSX } from 'react';\nimport { BiampRedLogo, SearchIcon } from '@bwp-web/assets';\n\ntype BiampHeaderProps = StackProps & {\n  children?: React.ReactNode;\n};\n\nexport function BiampHeader({ children, sx, ...props }: BiampHeaderProps) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{ px: 2.5, py: 1.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampHeaderTitleProps = BoxProps & {\n  icon?: JSX.Element;\n  title: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box sx={{ pr: 3, ...sx }} {...props}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '12px' }}>\n        <Box\n          sx={{\n            width: 24,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon ?? (\n            <Box\n              component=\"img\"\n              src={BiampRedLogo}\n              alt=\"Biamp\"\n              sx={{ width: 24, height: 24 }}\n            />\n          )}\n        </Box>\n        <Typography variant=\"h4\">{title}</Typography>\n      </Box>\n    </Box>\n  );\n}\n\ntype BiampHeaderSearchProps = TextFieldProps;\n\nexport function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps) {\n  return (\n    <TextField\n      placeholder=\"Search...\"\n      fullWidth\n      sx={{\n        px: 1.5,\n        '& .MuiOutlinedInput-root': {\n          height: '40px !important',\n          minHeight: '40px',\n        },\n        '& .MuiOutlinedInput-input': {\n          height: '40px !important',\n        },\n        '& .MuiOutlinedInput-notchedOutline': {\n          height: '40px !important',\n          border: 'none',\n          boxShadow: 'none',\n        },\n        ...sx,\n      }}\n      slotProps={{\n        input: {\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          ),\n        },\n      }}\n      {...props}\n    />\n  );\n}\n\ntype BiampHeaderActionsProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderActions({\n  children,\n  sx,\n  ...props\n}: BiampHeaderActionsProps) {\n  return (\n    <Box\n      sx={{\n        pl: 3,\n        gap: 2,\n        display: 'flex',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonListProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderButtonList({\n  children,\n  sx,\n  ...props\n}: BiampHeaderButtonListProps) {\n  return (\n    <Box\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonProps = ListItemButtonProps & {\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n  selected?: boolean;\n};\n\nexport function BiampHeaderButton({\n  icon,\n  selectedIcon,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderButtonProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '40px',\n        maxWidth: '40px',\n        minHeight: '40px',\n        maxHeight: '40px',\n        borderRadius: '4px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampAppPopoverProps = PopoverProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppPopover({\n  children,\n  open,\n  sx,\n  ...props\n}: BiampAppPopoverProps) {\n  return (\n    <Popover\n      open={open}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      sx={{ ...sx }}\n      transformOrigin={{ vertical: -4, horizontal: 150 }}\n      slotProps={{\n        paper: {\n          sx: {\n            borderRadius: '16px',\n            backgroundImage: 'none',\n            border: ({ palette }) => `0.6px solid ${palette.divider}`,\n            boxShadow: ({ palette }) =>\n              `0px 4px 24px 0px ${alpha(palette.common.black, 0.15)};`,\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </Popover>\n  );\n}\n\ntype BiampAppDialogProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppDialog({\n  children,\n  sx,\n  ...props\n}: BiampAppDialogProps) {\n  return (\n    <Box\n      sx={{\n        p: 2,\n        display: 'inline-flex',\n        flexWrap: 'wrap',\n        gap: 1.5,\n        maxWidth: '284px',\n        borderRadius: '16px',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampAppDialogItemProps = BoxProps & {\n  children: React.ReactNode;\n  name: string;\n};\n\nexport function BiampAppDialogItem({\n  children,\n  name,\n  sx,\n  ...props\n}: BiampAppDialogItemProps) {\n  return (\n    <Box\n      sx={{\n        width: '76px',\n        height: '89px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        cursor: 'pointer',\n        justifyContent: 'center',\n        gap: '4px',\n        borderRadius: '12px',\n        border: '0.6px solid transparent',\n        transition: 'background-color 0.2s ease, border-color 0.2s ease',\n        ':hover': {\n          backgroundColor: ({ palette }) => alpha(palette.info.main, 0.1),\n          borderColor: ({ palette }) => palette.info.main,\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        sx={{\n          mt: '8px',\n          width: '54px',\n          height: '54px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n      <Typography\n        variant=\"caption\"\n        fontWeight={600}\n        sx={{\n          textAlign: 'center',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          maxWidth: '100%',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n\ntype BiampHeaderProfileProps = ListItemButtonProps & {\n  image: string;\n  selected?: boolean;\n};\n\nexport function BiampHeaderProfile({\n  image,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderProfileProps) {\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '36px',\n        maxWidth: '36px',\n        minHeight: '36px',\n        maxHeight: '36px',\n        borderRadius: '6px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        component=\"img\"\n        src={image}\n        alt={'Profile Image'}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: '4px',\n          border: ({ palette }) =>\n            `0.6px solid var(--Divider-divider_primary, ${alpha(palette.background.paper, 0.15)})`,\n        }}\n      />\n    </ListItemButton>\n  );\n}\n","import { Stack, StackProps } from '@mui/material';\nimport React from 'react';\n\ntype BiampLayoutProps = StackProps & {\n  header?: React.ReactNode;\n  sidebar?: React.ReactNode;\n  children: React.ReactNode;\n};\n\nexport function BiampLayout({\n  header,\n  sidebar,\n  children,\n  sx,\n  ...props\n}: BiampLayoutProps) {\n  return (\n    <Stack\n      direction=\"column\"\n      height=\"100vh\"\n      sx={{\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[900] : palette.grey[100],\n        ...sx,\n      }}\n      {...props}\n    >\n      {header}\n      <Stack\n        direction=\"row\"\n        minHeight={0}\n        flex={1}\n        gap={{ xs: 1.5, md: 2.5 }}\n        px={{ xs: 1.5, md: 2.5 }}\n        pb={{ xs: 1.5, md: 2.5 }}\n        pt={{ xs: header ? 0 : 1.5, md: header ? 0 : 2.5 }}\n      >\n        {sidebar}\n        {children}\n      </Stack>\n    </Stack>\n  );\n}\n"],"mappings":"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","names":["import_material","import_jsx_runtime","import_material","import_assets","import_jsx_runtime","import_material","import_jsx_runtime"]}

package/dist/index.d.ts

@@ -1,8 +1,5 @@
-export { Header } from './Header';
-export type { HeaderProps } from './Header';
-export { BiampWrapper } from './BiampWrapper';
-export type { BiampWrapperProps } from './BiampWrapper';
+export { BiampWrapper, type BiampWrapperProps } from './BiampWrapper';
 export * from './BiampSidebar';
 export * from './BiampHeader';
-export { AppsIcon, AppsIconFilled, BiampLogoIcon, SearchIcon, } from '@bwp-web/assets';
+export * from './BiampLayout';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACxD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,cAAc,EACd,aAAa,EACb,UAAU,GACX,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -1,32 +1,12 @@
-// src/Header/Header.tsx
-import AppBar from "@mui/material/AppBar";
-import Toolbar from "@mui/material/Toolbar";
-import Typography from "@mui/material/Typography";
-import Box from "@mui/material/Box";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Header = ({
-  title,
-  startContent,
-  endContent,
-  appBarProps
-}) => {
-  return /* @__PURE__ */ jsx(AppBar, { position: "static", ...appBarProps, children: /* @__PURE__ */ jsxs(Toolbar, { children: [
-    startContent && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center", mr: 2 }, children: startContent }),
-    title && /* @__PURE__ */ jsx(Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: title }),
-    !title && /* @__PURE__ */ jsx(Box, { sx: { flexGrow: 1 } }),
-    endContent && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", alignItems: "center" }, children: endContent })
-  ] }) });
-};
-
 // src/BiampWrapper/BiampWrapper.tsx
-import Box2 from "@mui/material/Box";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { Stack } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
 function BiampWrapper({ children, sx, ...props }) {
-  return /* @__PURE__ */ jsx2(
-    Box2,
+  return /* @__PURE__ */ jsx(
+    Stack,
     {
-      display: "flex",
-      padding: "8px",
+      direction: "column",
+      padding: "16px",
       alignItems: "flex-start",
       sx: {
         flex: 1,
@@ -45,21 +25,21 @@ function BiampWrapper({ children, sx, ...props }) {
 
 // src/BiampSidebar/BiampSidebar.tsx
 import {
-  Box as Box3,
+  Box,
   ListItemButton,
-  Stack
+  Stack as Stack2
 } from "@mui/material";
 import { BiampLogoIcon } from "@bwp-web/assets";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 function BiampSidebar({
   children,
   bottomLogoIcon,
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs2(Stack, { width: "48px", height: "100%", sx: { mx: 2.5, ...sx }, ...props, children: [
-    /* @__PURE__ */ jsx3(Stack, { height: "100%", children }),
-    bottomLogoIcon ?? /* @__PURE__ */ jsx3(BiampLogoIcon, { sx: { width: "48px", height: "15px" } })
+  return /* @__PURE__ */ jsxs(Stack2, { width: "48px", height: "100%", sx: { ...sx }, ...props, children: [
+    /* @__PURE__ */ jsx2(Stack2, { height: "100%", children }),
+    bottomLogoIcon ?? /* @__PURE__ */ jsx2(BiampLogoIcon, { sx: { width: "48px", height: "15px" } })
   ] });
 }
 function BiampSidebarIconList({
@@ -67,7 +47,7 @@ function BiampSidebarIconList({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(Stack, { height: "100%", sx: { gap: "4px", ...sx }, ...props, children });
+  return /* @__PURE__ */ jsx2(Stack2, { height: "100%", sx: { gap: "4px", ...sx }, ...props, children });
 }
 function BiampSidebarIcon({
   selected,
@@ -77,7 +57,7 @@ function BiampSidebarIcon({
   ...props
 }) {
   const displayedSelectedIcon = selectedIcon ?? icon;
-  return /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsx2(
     ListItemButton,
     {
       selected,
@@ -103,8 +83,8 @@ function BiampSidebarComponent({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx3(
-    Box3,
+  return /* @__PURE__ */ jsx2(
+    Box,
     {
       sx: {
         minWidth: "48px",
@@ -115,6 +95,7 @@ function BiampSidebarComponent({
         overflow: "hidden",
         justifyContent: "center",
         alignItems: "center",
+        border: ({ palette }) => `0.6px solid ${palette.divider}`,
         ...sx
       },
       ...props,
@@ -126,19 +107,19 @@ function BiampSidebarComponent({
 // src/BiampHeader/BiampHeader.tsx
 import {
   alpha,
-  Box as Box4,
+  Box as Box2,
   InputAdornment,
   ListItemButton as ListItemButton2,
   Popover,
-  Stack as Stack2,
+  Stack as Stack3,
   TextField,
-  Typography as Typography2
+  Typography
 } from "@mui/material";
 import { BiampRedLogo, SearchIcon } from "@bwp-web/assets";
-import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function BiampHeader({ children, sx, ...props }) {
-  return /* @__PURE__ */ jsx4(
-    Stack2,
+  return /* @__PURE__ */ jsx3(
+    Stack3,
     {
       direction: "row",
       alignItems: "center",
@@ -154,9 +135,9 @@ function BiampHeaderTitle({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(Box4, { sx: { pr: 3, ...sx }, ...props, children: /* @__PURE__ */ jsxs3(Box4, { sx: { display: "flex", alignItems: "center", gap: "12px" }, children: [
-    /* @__PURE__ */ jsx4(
-      Box4,
+  return /* @__PURE__ */ jsx3(Box2, { sx: { pr: 3, ...sx }, ...props, children: /* @__PURE__ */ jsxs2(Box2, { sx: { display: "flex", alignItems: "center", gap: "12px" }, children: [
+    /* @__PURE__ */ jsx3(
+      Box2,
       {
         sx: {
           width: 24,
@@ -165,8 +146,8 @@ function BiampHeaderTitle({
           alignItems: "center",
           justifyContent: "center"
         },
-        children: icon ?? /* @__PURE__ */ jsx4(
-          Box4,
+        children: icon ?? /* @__PURE__ */ jsx3(
+          Box2,
           {
             component: "img",
             src: BiampRedLogo,
@@ -176,11 +157,11 @@ function BiampHeaderTitle({
         )
       }
     ),
-    /* @__PURE__ */ jsx4(Typography2, { variant: "h4", children: title })
+    /* @__PURE__ */ jsx3(Typography, { variant: "h4", children: title })
   ] }) });
 }
 function BiampHeaderSearch({ sx, ...props }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     TextField,
     {
       placeholder: "Search...",
@@ -203,7 +184,7 @@ function BiampHeaderSearch({ sx, ...props }) {
       },
       slotProps: {
         input: {
-          startAdornment: /* @__PURE__ */ jsx4(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx4(SearchIcon, {}) })
+          startAdornment: /* @__PURE__ */ jsx3(InputAdornment, { position: "start", children: /* @__PURE__ */ jsx3(SearchIcon, {}) })
         }
       },
       ...props
@@ -215,8 +196,8 @@ function BiampHeaderActions({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
-    Box4,
+  return /* @__PURE__ */ jsx3(
+    Box2,
     {
       sx: {
         pl: 3,
@@ -235,8 +216,8 @@ function BiampHeaderButtonList({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
-    Box4,
+  return /* @__PURE__ */ jsx3(
+    Box2,
     {
       sx: { display: "flex", alignItems: "center", gap: 0.5, ...sx },
       ...props,
@@ -252,7 +233,7 @@ function BiampHeaderButton({
   ...props
 }) {
   const displayedSelectedIcon = selectedIcon ?? icon;
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     ListItemButton2,
     {
       selected,
@@ -279,7 +260,7 @@ function BiampAppPopover({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     Popover,
     {
       open,
@@ -306,8 +287,8 @@ function BiampAppDialog({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
-    Box4,
+  return /* @__PURE__ */ jsx3(
+    Box2,
     {
       sx: {
         p: 2,
@@ -330,8 +311,8 @@ function BiampAppDialogItem({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs3(
-    Box4,
+  return /* @__PURE__ */ jsxs2(
+    Box2,
     {
       sx: {
         width: "76px",
@@ -353,8 +334,8 @@ function BiampAppDialogItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx4(
-          Box4,
+        /* @__PURE__ */ jsx3(
+          Box2,
           {
             sx: {
               mt: "8px",
@@ -367,8 +348,8 @@ function BiampAppDialogItem({
             children
           }
         ),
-        /* @__PURE__ */ jsx4(
-          Typography2,
+        /* @__PURE__ */ jsx3(
+          Typography,
           {
             variant: "caption",
             fontWeight: 600,
@@ -392,7 +373,7 @@ function BiampHeaderProfile({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx3(
     ListItemButton2,
     {
       selected,
@@ -409,8 +390,8 @@ function BiampHeaderProfile({
         ...sx
       },
       ...props,
-      children: /* @__PURE__ */ jsx4(
-        Box4,
+      children: /* @__PURE__ */ jsx3(
+        Box2,
         {
           component: "img",
           src: image,
@@ -427,16 +408,49 @@ function BiampHeaderProfile({
   );
 }
 
-// src/index.ts
-import {
-  AppsIcon,
-  AppsIconFilled,
-  BiampLogoIcon as BiampLogoIcon2,
-  SearchIcon as SearchIcon2
-} from "@bwp-web/assets";
+// src/BiampLayout/BiampLayout.tsx
+import { Stack as Stack4 } from "@mui/material";
+import { jsxs as jsxs3 } from "react/jsx-runtime";
+function BiampLayout({
+  header,
+  sidebar,
+  children,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs3(
+    Stack4,
+    {
+      direction: "column",
+      height: "100vh",
+      sx: {
+        backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[900] : palette.grey[100],
+        ...sx
+      },
+      ...props,
+      children: [
+        header,
+        /* @__PURE__ */ jsxs3(
+          Stack4,
+          {
+            direction: "row",
+            minHeight: 0,
+            flex: 1,
+            gap: { xs: 1.5, md: 2.5 },
+            px: { xs: 1.5, md: 2.5 },
+            pb: { xs: 1.5, md: 2.5 },
+            pt: { xs: header ? 0 : 1.5, md: header ? 0 : 2.5 },
+            children: [
+              sidebar,
+              children
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
 export {
-  AppsIcon,
-  AppsIconFilled,
   BiampAppDialog,
   BiampAppDialogItem,
   BiampAppPopover,
@@ -447,13 +461,11 @@ export {
   BiampHeaderProfile,
   BiampHeaderSearch,
   BiampHeaderTitle,
-  BiampLogoIcon2 as BiampLogoIcon,
+  BiampLayout,
   BiampSidebar,
   BiampSidebarComponent,
   BiampSidebarIcon,
   BiampSidebarIconList,
-  BiampWrapper,
-  Header,
-  SearchIcon2 as SearchIcon
+  BiampWrapper
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Header/Header.tsx","../src/BiampWrapper/BiampWrapper.tsx","../src/BiampSidebar/BiampSidebar.tsx","../src/BiampHeader/BiampHeader.tsx","../src/index.ts"],"sourcesContent":["import React from 'react';\nimport AppBar from '@mui/material/AppBar';\nimport Toolbar from '@mui/material/Toolbar';\nimport Typography from '@mui/material/Typography';\nimport Box from '@mui/material/Box';\n\nexport interface HeaderProps {\n  /** The title displayed in the header */\n  title?: string;\n  /** Content rendered on the left side of the header (e.g. logo, navigation) */\n  startContent?: React.ReactNode;\n  /** Content rendered on the right side of the header (e.g. user menu, actions) */\n  endContent?: React.ReactNode;\n  /** Additional props passed to the MUI AppBar */\n  appBarProps?: React.ComponentProps<typeof AppBar>;\n}\n\n/**\n * A skeleton header component built on MUI AppBar.\n * Provides a simple layout with a title and optional start/end content slots.\n */\nexport const Header: React.FC<HeaderProps> = ({\n  title,\n  startContent,\n  endContent,\n  appBarProps,\n}) => {\n  return (\n    <AppBar position=\"static\" {...appBarProps}>\n      <Toolbar>\n        {startContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center', mr: 2 }}>\n            {startContent}\n          </Box>\n        )}\n\n        {title && (\n          <Typography variant=\"h6\" component=\"div\" sx={{ flexGrow: 1 }}>\n            {title}\n          </Typography>\n        )}\n\n        {!title && <Box sx={{ flexGrow: 1 }} />}\n\n        {endContent && (\n          <Box sx={{ display: 'flex', alignItems: 'center' }}>{endContent}</Box>\n        )}\n      </Toolbar>\n    </AppBar>\n  );\n};\n","import React from 'react';\nimport Box, { BoxProps } from '@mui/material/Box';\n\nexport type BiampWrapperProps = BoxProps & {\n  children?: React.ReactNode;\n};\n\n/**\n * A full-page content wrapper that stretches to fill all available space\n * with 8px padding, 8px border radius, and scrollable overflow.\n * Background: white (light) / `grey.800` (dark).\n */\nexport function BiampWrapper({ children, sx, ...props }: BiampWrapperProps) {\n  return (\n    <Box\n      display=\"flex\"\n      padding=\"8px\"\n      alignItems=\"flex-start\"\n      sx={{\n        flex: 1,\n        height: '100%',\n        width: '100%',\n        borderRadius: '8px',\n        overflow: 'auto',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  Box,\n  ListItemButton,\n  ListItemButtonProps,\n  Stack,\n  StackProps,\n} from '@mui/material';\nimport { BiampLogoIcon } from '@bwp-web/assets';\nimport { JSX } from 'react';\n\ntype BiampSidebarProps = StackProps & {\n  children: React.ReactNode;\n  bottomLogoIcon?: JSX.Element;\n};\n\nexport function BiampSidebar({\n  children,\n  bottomLogoIcon,\n  sx,\n  ...props\n}: BiampSidebarProps) {\n  return (\n    <Stack width=\"48px\" height=\"100%\" sx={{ mx: 2.5, ...sx }} {...props}>\n      <Stack height=\"100%\">{children}</Stack>\n      {bottomLogoIcon ?? (\n        <BiampLogoIcon sx={{ width: '48px', height: '15px' }} />\n      )}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconList = StackProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarIconList({\n  children,\n  sx,\n  ...props\n}: BiampSidebarIconList) {\n  return (\n    <Stack height=\"100%\" sx={{ gap: '4px', ...sx }} {...props}>\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconProps = ListItemButtonProps & {\n  selected?: boolean;\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n};\n\nexport function BiampSidebarIcon({\n  selected,\n  icon,\n  selectedIcon,\n  sx,\n  ...props\n}: BiampSidebarIconProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampSidebarComponentProps = ListItemButtonProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarComponent({\n  children,\n  sx,\n  ...props\n}: BiampSidebarComponentProps) {\n  return (\n    <Box\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        overflow: 'hidden',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  alpha,\n  Box,\n  BoxProps,\n  InputAdornment,\n  ListItemButton,\n  ListItemButtonProps,\n  Popover,\n  PopoverProps,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material';\nimport { JSX } from 'react';\nimport { BiampRedLogo, SearchIcon } from '@bwp-web/assets';\n\ntype BiampHeaderProps = StackProps & {\n  children?: React.ReactNode;\n};\n\nexport function BiampHeader({ children, sx, ...props }: BiampHeaderProps) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{ px: 2.5, py: 1.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampHeaderTitleProps = BoxProps & {\n  icon?: JSX.Element;\n  title: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box sx={{ pr: 3, ...sx }} {...props}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '12px' }}>\n        <Box\n          sx={{\n            width: 24,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon ?? (\n            <Box\n              component=\"img\"\n              src={BiampRedLogo}\n              alt=\"Biamp\"\n              sx={{ width: 24, height: 24 }}\n            />\n          )}\n        </Box>\n        <Typography variant=\"h4\">{title}</Typography>\n      </Box>\n    </Box>\n  );\n}\n\ntype BiampHeaderSearchProps = TextFieldProps;\n\nexport function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps) {\n  return (\n    <TextField\n      placeholder=\"Search...\"\n      fullWidth\n      sx={{\n        px: 1.5,\n        '& .MuiOutlinedInput-root': {\n          height: '40px !important',\n          minHeight: '40px',\n        },\n        '& .MuiOutlinedInput-input': {\n          height: '40px !important',\n        },\n        '& .MuiOutlinedInput-notchedOutline': {\n          height: '40px !important',\n          border: 'none',\n          boxShadow: 'none',\n        },\n        ...sx,\n      }}\n      slotProps={{\n        input: {\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          ),\n        },\n      }}\n      {...props}\n    />\n  );\n}\n\ntype BiampHeaderActionsProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderActions({\n  children,\n  sx,\n  ...props\n}: BiampHeaderActionsProps) {\n  return (\n    <Box\n      sx={{\n        pl: 3,\n        gap: 2,\n        display: 'flex',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonListProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderButtonList({\n  children,\n  sx,\n  ...props\n}: BiampHeaderButtonListProps) {\n  return (\n    <Box\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonProps = ListItemButtonProps & {\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n  selected?: boolean;\n};\n\nexport function BiampHeaderButton({\n  icon,\n  selectedIcon,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderButtonProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '40px',\n        maxWidth: '40px',\n        minHeight: '40px',\n        maxHeight: '40px',\n        borderRadius: '4px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampAppPopoverProps = PopoverProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppPopover({\n  children,\n  open,\n  sx,\n  ...props\n}: BiampAppPopoverProps) {\n  return (\n    <Popover\n      open={open}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      sx={{ ...sx }}\n      transformOrigin={{ vertical: -4, horizontal: 150 }}\n      slotProps={{\n        paper: {\n          sx: {\n            borderRadius: '16px',\n            backgroundImage: 'none',\n            border: ({ palette }) => `0.6px solid ${palette.divider}`,\n            boxShadow: ({ palette }) =>\n              `0px 4px 24px 0px ${alpha(palette.common.black, 0.15)};`,\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </Popover>\n  );\n}\n\ntype BiampAppDialogProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppDialog({\n  children,\n  sx,\n  ...props\n}: BiampAppDialogProps) {\n  return (\n    <Box\n      sx={{\n        p: 2,\n        display: 'inline-flex',\n        flexWrap: 'wrap',\n        gap: 1.5,\n        maxWidth: '284px',\n        borderRadius: '16px',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampAppDialogItemProps = BoxProps & {\n  children: React.ReactNode;\n  name: string;\n};\n\nexport function BiampAppDialogItem({\n  children,\n  name,\n  sx,\n  ...props\n}: BiampAppDialogItemProps) {\n  return (\n    <Box\n      sx={{\n        width: '76px',\n        height: '89px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        cursor: 'pointer',\n        justifyContent: 'center',\n        gap: '4px',\n        borderRadius: '12px',\n        border: '0.6px solid transparent',\n        transition: 'background-color 0.2s ease, border-color 0.2s ease',\n        ':hover': {\n          backgroundColor: ({ palette }) => alpha(palette.info.main, 0.1),\n          borderColor: ({ palette }) => palette.info.main,\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        sx={{\n          mt: '8px',\n          width: '54px',\n          height: '54px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n      <Typography\n        variant=\"caption\"\n        fontWeight={600}\n        sx={{\n          textAlign: 'center',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          maxWidth: '100%',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n\ntype BiampHeaderProfileProps = ListItemButtonProps & {\n  image: string;\n  selected?: boolean;\n};\n\nexport function BiampHeaderProfile({\n  image,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderProfileProps) {\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '36px',\n        maxWidth: '36px',\n        minHeight: '36px',\n        maxHeight: '36px',\n        borderRadius: '6px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        component=\"img\"\n        src={image}\n        alt={'Profile Image'}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: '4px',\n          border: ({ palette }) =>\n            `0.6px solid var(--Divider-divider_primary, ${alpha(palette.background.paper, 0.15)})`,\n        }}\n      />\n    </ListItemButton>\n  );\n}\n","export { Header } from './Header';\nexport type { HeaderProps } from './Header';\nexport { BiampWrapper } from './BiampWrapper';\nexport type { BiampWrapperProps } from './BiampWrapper';\nexport * from './BiampSidebar';\nexport * from './BiampHeader';\nexport {\n  AppsIcon,\n  AppsIconFilled,\n  BiampLogoIcon,\n  SearchIcon,\n} from '@bwp-web/assets';\n"],"mappings":"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","names":["Box","jsx","Box","jsx","jsxs","Box","ListItemButton","Stack","Typography","jsx","jsxs","BiampLogoIcon","SearchIcon"]}
+{"version":3,"sources":["../src/BiampWrapper/BiampWrapper.tsx","../src/BiampSidebar/BiampSidebar.tsx","../src/BiampHeader/BiampHeader.tsx","../src/BiampLayout/BiampLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { Stack, StackProps } from '@mui/material';\n\nexport type BiampWrapperProps = StackProps & {\n  children?: React.ReactNode;\n};\n\n/**\n * A full-page content wrapper that stretches to fill all available space\n * with 16px padding, 8px border radius, and scrollable overflow.\n * Background: white (light) / `grey.800` (dark).\n */\nexport function BiampWrapper({ children, sx, ...props }: BiampWrapperProps) {\n  return (\n    <Stack\n      direction=\"column\"\n      padding=\"16px\"\n      alignItems=\"flex-start\"\n      sx={{\n        flex: 1,\n        height: '100%',\n        width: '100%',\n        borderRadius: '8px',\n        overflow: 'auto',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n","import {\n  Box,\n  ListItemButton,\n  ListItemButtonProps,\n  Stack,\n  StackProps,\n} from '@mui/material';\nimport { BiampLogoIcon } from '@bwp-web/assets';\nimport { JSX } from 'react';\n\ntype BiampSidebarProps = StackProps & {\n  children: React.ReactNode;\n  bottomLogoIcon?: JSX.Element;\n};\n\nexport function BiampSidebar({\n  children,\n  bottomLogoIcon,\n  sx,\n  ...props\n}: BiampSidebarProps) {\n  return (\n    <Stack width=\"48px\" height=\"100%\" sx={{ ...sx }} {...props}>\n      <Stack height=\"100%\">{children}</Stack>\n      {bottomLogoIcon ?? (\n        <BiampLogoIcon sx={{ width: '48px', height: '15px' }} />\n      )}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconList = StackProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarIconList({\n  children,\n  sx,\n  ...props\n}: BiampSidebarIconList) {\n  return (\n    <Stack height=\"100%\" sx={{ gap: '4px', ...sx }} {...props}>\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampSidebarIconProps = ListItemButtonProps & {\n  selected?: boolean;\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n};\n\nexport function BiampSidebarIcon({\n  selected,\n  icon,\n  selectedIcon,\n  sx,\n  ...props\n}: BiampSidebarIconProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampSidebarComponentProps = ListItemButtonProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampSidebarComponent({\n  children,\n  sx,\n  ...props\n}: BiampSidebarComponentProps) {\n  return (\n    <Box\n      sx={{\n        minWidth: '48px',\n        maxWidth: '48px',\n        minHeight: '48px',\n        maxHeight: '48px',\n        borderRadius: '8px',\n        overflow: 'hidden',\n        justifyContent: 'center',\n        alignItems: 'center',\n        border: ({ palette }) => `0.6px solid ${palette.divider}`,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n","import {\n  alpha,\n  Box,\n  BoxProps,\n  InputAdornment,\n  ListItemButton,\n  ListItemButtonProps,\n  Popover,\n  PopoverProps,\n  Stack,\n  StackProps,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material';\nimport { JSX } from 'react';\nimport { BiampRedLogo, SearchIcon } from '@bwp-web/assets';\n\ntype BiampHeaderProps = StackProps & {\n  children?: React.ReactNode;\n};\n\nexport function BiampHeader({ children, sx, ...props }: BiampHeaderProps) {\n  return (\n    <Stack\n      direction=\"row\"\n      alignItems=\"center\"\n      sx={{ px: 2.5, py: 1.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Stack>\n  );\n}\n\ntype BiampHeaderTitleProps = BoxProps & {\n  icon?: JSX.Element;\n  title: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box sx={{ pr: 3, ...sx }} {...props}>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: '12px' }}>\n        <Box\n          sx={{\n            width: 24,\n            height: 24,\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center',\n          }}\n        >\n          {icon ?? (\n            <Box\n              component=\"img\"\n              src={BiampRedLogo}\n              alt=\"Biamp\"\n              sx={{ width: 24, height: 24 }}\n            />\n          )}\n        </Box>\n        <Typography variant=\"h4\">{title}</Typography>\n      </Box>\n    </Box>\n  );\n}\n\ntype BiampHeaderSearchProps = TextFieldProps;\n\nexport function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps) {\n  return (\n    <TextField\n      placeholder=\"Search...\"\n      fullWidth\n      sx={{\n        px: 1.5,\n        '& .MuiOutlinedInput-root': {\n          height: '40px !important',\n          minHeight: '40px',\n        },\n        '& .MuiOutlinedInput-input': {\n          height: '40px !important',\n        },\n        '& .MuiOutlinedInput-notchedOutline': {\n          height: '40px !important',\n          border: 'none',\n          boxShadow: 'none',\n        },\n        ...sx,\n      }}\n      slotProps={{\n        input: {\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          ),\n        },\n      }}\n      {...props}\n    />\n  );\n}\n\ntype BiampHeaderActionsProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderActions({\n  children,\n  sx,\n  ...props\n}: BiampHeaderActionsProps) {\n  return (\n    <Box\n      sx={{\n        pl: 3,\n        gap: 2,\n        display: 'flex',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonListProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampHeaderButtonList({\n  children,\n  sx,\n  ...props\n}: BiampHeaderButtonListProps) {\n  return (\n    <Box\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.5, ...sx }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampHeaderButtonProps = ListItemButtonProps & {\n  icon: JSX.Element;\n  selectedIcon?: JSX.Element;\n  selected?: boolean;\n};\n\nexport function BiampHeaderButton({\n  icon,\n  selectedIcon,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderButtonProps) {\n  const displayedSelectedIcon = selectedIcon ?? icon;\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '40px',\n        maxWidth: '40px',\n        minHeight: '40px',\n        maxHeight: '40px',\n        borderRadius: '4px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      {selected ? displayedSelectedIcon : icon}\n    </ListItemButton>\n  );\n}\n\ntype BiampAppPopoverProps = PopoverProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppPopover({\n  children,\n  open,\n  sx,\n  ...props\n}: BiampAppPopoverProps) {\n  return (\n    <Popover\n      open={open}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n      sx={{ ...sx }}\n      transformOrigin={{ vertical: -4, horizontal: 150 }}\n      slotProps={{\n        paper: {\n          sx: {\n            borderRadius: '16px',\n            backgroundImage: 'none',\n            border: ({ palette }) => `0.6px solid ${palette.divider}`,\n            boxShadow: ({ palette }) =>\n              `0px 4px 24px 0px ${alpha(palette.common.black, 0.15)};`,\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </Popover>\n  );\n}\n\ntype BiampAppDialogProps = BoxProps & {\n  children: React.ReactNode;\n};\n\nexport function BiampAppDialog({\n  children,\n  sx,\n  ...props\n}: BiampAppDialogProps) {\n  return (\n    <Box\n      sx={{\n        p: 2,\n        display: 'inline-flex',\n        flexWrap: 'wrap',\n        gap: 1.5,\n        maxWidth: '284px',\n        borderRadius: '16px',\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[800] : palette.common.white,\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </Box>\n  );\n}\n\ntype BiampAppDialogItemProps = BoxProps & {\n  children: React.ReactNode;\n  name: string;\n};\n\nexport function BiampAppDialogItem({\n  children,\n  name,\n  sx,\n  ...props\n}: BiampAppDialogItemProps) {\n  return (\n    <Box\n      sx={{\n        width: '76px',\n        height: '89px',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        cursor: 'pointer',\n        justifyContent: 'center',\n        gap: '4px',\n        borderRadius: '12px',\n        border: '0.6px solid transparent',\n        transition: 'background-color 0.2s ease, border-color 0.2s ease',\n        ':hover': {\n          backgroundColor: ({ palette }) => alpha(palette.info.main, 0.1),\n          borderColor: ({ palette }) => palette.info.main,\n        },\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        sx={{\n          mt: '8px',\n          width: '54px',\n          height: '54px',\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n        }}\n      >\n        {children}\n      </Box>\n      <Typography\n        variant=\"caption\"\n        fontWeight={600}\n        sx={{\n          textAlign: 'center',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          whiteSpace: 'nowrap',\n          maxWidth: '100%',\n        }}\n      >\n        {name}\n      </Typography>\n    </Box>\n  );\n}\n\ntype BiampHeaderProfileProps = ListItemButtonProps & {\n  image: string;\n  selected?: boolean;\n};\n\nexport function BiampHeaderProfile({\n  image,\n  selected,\n  sx,\n  ...props\n}: BiampHeaderProfileProps) {\n  return (\n    <ListItemButton\n      selected={selected}\n      disableGutters\n      disableRipple\n      sx={{\n        minWidth: '36px',\n        maxWidth: '36px',\n        minHeight: '36px',\n        maxHeight: '36px',\n        borderRadius: '6px',\n        justifyContent: 'center',\n        alignItems: 'center',\n        ...sx,\n      }}\n      {...props}\n    >\n      <Box\n        component=\"img\"\n        src={image}\n        alt={'Profile Image'}\n        sx={{\n          width: 32,\n          height: 32,\n          borderRadius: '4px',\n          border: ({ palette }) =>\n            `0.6px solid var(--Divider-divider_primary, ${alpha(palette.background.paper, 0.15)})`,\n        }}\n      />\n    </ListItemButton>\n  );\n}\n","import { Stack, StackProps } from '@mui/material';\nimport React from 'react';\n\ntype BiampLayoutProps = StackProps & {\n  header?: React.ReactNode;\n  sidebar?: React.ReactNode;\n  children: React.ReactNode;\n};\n\nexport function BiampLayout({\n  header,\n  sidebar,\n  children,\n  sx,\n  ...props\n}: BiampLayoutProps) {\n  return (\n    <Stack\n      direction=\"column\"\n      height=\"100vh\"\n      sx={{\n        backgroundColor: ({ palette }) =>\n          palette.mode === 'dark' ? palette.grey[900] : palette.grey[100],\n        ...sx,\n      }}\n      {...props}\n    >\n      {header}\n      <Stack\n        direction=\"row\"\n        minHeight={0}\n        flex={1}\n        gap={{ xs: 1.5, md: 2.5 }}\n        px={{ xs: 1.5, md: 2.5 }}\n        pb={{ xs: 1.5, md: 2.5 }}\n        pt={{ xs: header ? 0 : 1.5, md: header ? 0 : 2.5 }}\n      >\n        {sidebar}\n        {children}\n      </Stack>\n    </Stack>\n  );\n}\n"],"mappings":"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","names":["Stack","jsx","Box","ListItemButton","Stack","jsx","jsxs","Stack","jsxs"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bwp-web/components",
-  "version": "0.2.0",
+  "version": "0.3.1",
   "description": "Shared Biamp Workplace React components",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -30,7 +30,7 @@
     "clean": "rm -rf dist node_modules .turbo"
   },
   "peerDependencies": {
-    "@bwp-web/assets": ">=0.2.0",
+    "@bwp-web/assets": ">=0.3.1",
     "@mui/material": ">=7.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"

package/dist/Header/Header.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import AppBar from '@mui/material/AppBar';
-export interface HeaderProps {
-    /** The title displayed in the header */
-    title?: string;
-    /** Content rendered on the left side of the header (e.g. logo, navigation) */
-    startContent?: React.ReactNode;
-    /** Content rendered on the right side of the header (e.g. user menu, actions) */
-    endContent?: React.ReactNode;
-    /** Additional props passed to the MUI AppBar */
-    appBarProps?: React.ComponentProps<typeof AppBar>;
-}
-/**
- * A skeleton header component built on MUI AppBar.
- * Provides a simple layout with a title and optional start/end content slots.
- */
-export declare const Header: React.FC<HeaderProps>;
-//# sourceMappingURL=Header.d.ts.map

package/dist/Header/Header.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../src/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAK1C,MAAM,WAAW,WAAW;IAC1B,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8EAA8E;IAC9E,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,iFAAiF;IACjF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,gDAAgD;IAChD,WAAW,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;CACnD;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6BxC,CAAC"}

package/dist/Header/index.d.ts

@@ -1,3 +0,0 @@
-export { Header } from './Header';
-export type { HeaderProps } from './Header';
-//# sourceMappingURL=index.d.ts.map

package/dist/Header/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Header/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC"}