@bwp-web/components 0.3.0 → 0.3.2

package/dist/BiampHeader/BiampHeader.d.ts

@@ -6,9 +6,10 @@ type BiampHeaderProps = StackProps & {
 export declare function BiampHeader({ children, sx, ...props }: BiampHeaderProps): import("react/jsx-runtime").JSX.Element;
 type BiampHeaderTitleProps = BoxProps & {
     icon?: JSX.Element;
-    title: string;
+    title?: string;
+    subtitle?: string;
 };
-export declare function BiampHeaderTitle({ icon, title, sx, ...props }: BiampHeaderTitleProps): import("react/jsx-runtime").JSX.Element;
+export declare function BiampHeaderTitle({ icon, title, subtitle, sx, ...props }: BiampHeaderTitleProps): import("react/jsx-runtime").JSX.Element;
 type BiampHeaderSearchProps = TextFieldProps;
 export declare function BiampHeaderSearch({ sx, ...props }: BiampHeaderSearchProps): import("react/jsx-runtime").JSX.Element;
 type BiampHeaderActionsProps = BoxProps & {

package/dist/BiampHeader/BiampHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BiampHeader.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/BiampHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAGR,mBAAmB,EAEnB,YAAY,EAEZ,UAAU,EAEV,cAAc,EAEf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,KAAK,gBAAgB,GAAG,UAAU,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,KAAK,qBAAqB,GAAG,QAAQ,GAAG;IACtC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CA0BvB;AAED,KAAK,sBAAsB,GAAG,cAAc,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAiCzE;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAezB;AAED,KAAK,0BAA0B,GAAG,QAAQ,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAS5B;AAED,KAAK,sBAAsB,GAAG,mBAAmB,GAAG;IAClD,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAsBxB;AAED,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuBtB;AAED,KAAK,mBAAmB,GAAG,QAAQ,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAmBrB;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkDzB;AAED,KAAK,uBAAuB,GAAG,mBAAmB,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAgCzB"}
+{"version":3,"file":"BiampHeader.d.ts","sourceRoot":"","sources":["../../src/BiampHeader/BiampHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,QAAQ,EAGR,mBAAmB,EAEnB,YAAY,EAEZ,UAAU,EAEV,cAAc,EAEf,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,KAAK,gBAAgB,GAAG,UAAU,GAAG;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,2CAWvE;AAED,KAAK,qBAAqB,GAAG,QAAQ,GAAG;IACtC,IAAI,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAkCvB;AAED,KAAK,sBAAsB,GAAG,cAAc,CAAC;AAE7C,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAiCzE;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAezB;AAED,KAAK,0BAA0B,GAAG,QAAQ,GAAG;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAS5B;AAED,KAAK,sBAAsB,GAAG,mBAAmB,GAAG;IAClD,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,sBAAsB,2CAsBxB;AAED,KAAK,oBAAoB,GAAG,YAAY,GAAG;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAuBtB;AAED,KAAK,mBAAmB,GAAG,QAAQ,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAmBrB;AAED,KAAK,uBAAuB,GAAG,QAAQ,GAAG;IACxC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAkDzB;AAED,KAAK,uBAAuB,GAAG,mBAAmB,GAAG;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,uBAAuB,2CAgCzB"}

package/dist/index.cjs

@@ -160,33 +160,44 @@ function BiampHeader({ children, sx, ...props }) {
 function BiampHeaderTitle({
   icon,
   title,
+  subtitle,
   sx,
   ...props
 }) {
-  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,
-          height: 24,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    import_material3.Box,
+    {
+      sx: { pr: 3, display: "flex", alignItems: "center", gap: "12px", ...sx },
+      ...props,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
           import_material3.Box,
           {
-            component: "img",
-            src: import_assets2.BiampRedLogo,
-            alt: "Biamp",
-            sx: { width: 24, height: 24 }
+            sx: {
+              width: 24,
+              height: 24,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: icon ?? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              import_material3.Box,
+              {
+                component: "img",
+                src: import_assets2.BiampRedLogo,
+                alt: "Biamp",
+                sx: { width: 24, height: 24 }
+              }
+            )
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "h4", children: title })
-  ] }) });
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_material3.Stack, { direction: "row", gap: 0.5, children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "h4", children: title }),
+          subtitle && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_material3.Typography, { variant: "h4", color: "text.secondary", children: subtitle })
+        ] })
+      ]
+    }
+  );
 }
 function BiampHeaderSearch({ sx, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
@@ -462,7 +473,7 @@ function BiampLayout({
           import_material4.Stack,
           {
             direction: "row",
-            height: "100%",
+            flex: 1,
             gap: { xs: 1.5, md: 2.5 },
             px: { xs: 1.5, md: 2.5 },
             pb: { xs: 1.5, md: 2.5 },

package/dist/index.cjs.map

@@ -1 +1 @@
-{"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        height=\"100%\"\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":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACCA,sBAAkC;AAa9B;AAFG,SAAS,aAAa,EAAE,UAAU,IAAI,GAAG,MAAM,GAAsB;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAQ;AAAA,MACR,YAAW;AAAA,MACX,IAAI;AAAA,QACF,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,cAAc;AAAA,QACd,UAAU;AAAA,QACV,iBAAiB,CAAC,EAAE,QAAQ,MAC1B,QAAQ,SAAS,SAAS,QAAQ,KAAK,GAAG,IAAI,QAAQ,OAAO;AAAA,QAC/D,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;ACjCA,IAAAA,mBAMO;AACP,oBAA8B;AAe1B,IAAAC,sBAAA;AAPG,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAsB;AACpB,SACE,8CAAC,0BAAM,OAAM,QAAO,QAAO,QAAO,IAAI,EAAE,GAAG,GAAG,GAAI,GAAG,OACnD;AAAA,iDAAC,0BAAM,QAAO,QAAQ,UAAS;AAAA,IAC9B,kBACC,6CAAC,+BAAc,IAAI,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG;AAAA,KAE1D;AAEJ;AAMO,SAAS,qBAAqB;AAAA,EACnC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,SACE,6CAAC,0BAAM,QAAO,QAAO,IAAI,EAAE,KAAK,OAAO,GAAG,GAAG,GAAI,GAAG,OACjD,UACH;AAEJ;AAQO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,QAAM,wBAAwB,gBAAgB;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,qBAAW,wBAAwB;AAAA;AAAA,EACtC;AAEJ;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,UAAU;AAAA,QACV,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,QAAQ,CAAC,EAAE,QAAQ,MAAM,eAAe,QAAQ,OAAO;AAAA,QACvD,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;;;AC/GA,IAAAC,mBAcO;AAEP,IAAAC,iBAAyC;AAQrC,IAAAC,sBAAA;AAFG,SAAS,YAAY,EAAE,UAAU,IAAI,GAAG,MAAM,GAAqB;AACxE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAW;AAAA,MACX,IAAI,EAAE,IAAI,KAAK,IAAI,KAAK,GAAG,GAAG;AAAA,MAC7B,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAOO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA0B;AACxB,SACE,6CAAC,wBAAI,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAI,GAAG,OAC7B,wDAAC,wBAAI,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,OAAO,GAC5D;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,QAClB;AAAA,QAEC,kBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YACL,KAAI;AAAA,YACJ,IAAI,EAAE,OAAO,IAAI,QAAQ,GAAG;AAAA;AAAA,QAC9B;AAAA;AAAA,IAEJ;AAAA,IACA,6CAAC,+BAAW,SAAQ,MAAM,iBAAM;AAAA,KAClC,GACF;AAEJ;AAIO,SAAS,kBAAkB,EAAE,IAAI,GAAG,MAAM,GAA2B;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAY;AAAA,MACZ,WAAS;AAAA,MACT,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,4BAA4B;AAAA,UAC1B,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACA,6BAA6B;AAAA,UAC3B,QAAQ;AAAA,QACV;AAAA,QACA,sCAAsC;AAAA,UACpC,QAAQ;AAAA,UACR,QAAQ;AAAA,UACR,WAAW;AAAA,QACb;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,WAAW;AAAA,QACT,OAAO;AAAA,UACL,gBACE,6CAAC,mCAAe,UAAS,SACvB,uDAAC,6BAAW,GACd;AAAA,QAEJ;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAMO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,KAAK;AAAA,QACL,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAMO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA+B;AAC7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,KAAK,GAAG,GAAG;AAAA,MAC5D,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAQO,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA2B;AACzB,QAAM,wBAAwB,gBAAgB;AAC9C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH,qBAAW,wBAAwB;AAAA;AAAA,EACtC;AAEJ;AAMO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,cAAc,EAAE,UAAU,UAAU,YAAY,OAAO;AAAA,MACvD,IAAI,EAAE,GAAG,GAAG;AAAA,MACZ,iBAAiB,EAAE,UAAU,IAAI,YAAY,IAAI;AAAA,MACjD,WAAW;AAAA,QACT,OAAO;AAAA,UACL,IAAI;AAAA,YACF,cAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,QAAQ,CAAC,EAAE,QAAQ,MAAM,eAAe,QAAQ,OAAO;AAAA,YACvD,WAAW,CAAC,EAAE,QAAQ,MACpB,wBAAoB,wBAAM,QAAQ,OAAO,OAAO,IAAI,CAAC;AAAA,UACzD;AAAA,QACF;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAMO,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,GAAG;AAAA,QACH,SAAS;AAAA,QACT,UAAU;AAAA,QACV,KAAK;AAAA,QACL,UAAU;AAAA,QACV,cAAc;AAAA,QACd,iBAAiB,CAAC,EAAE,QAAQ,MAC1B,QAAQ,SAAS,SAAS,QAAQ,KAAK,GAAG,IAAI,QAAQ,OAAO;AAAA,QAC/D,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAOO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,QAAQ;AAAA,QACR,gBAAgB;AAAA,QAChB,KAAK;AAAA,QACL,cAAc;AAAA,QACd,QAAQ;AAAA,QACR,YAAY;AAAA,QACZ,UAAU;AAAA,UACR,iBAAiB,CAAC,EAAE,QAAQ,UAAM,wBAAM,QAAQ,KAAK,MAAM,GAAG;AAAA,UAC9D,aAAa,CAAC,EAAE,QAAQ,MAAM,QAAQ,KAAK;AAAA,QAC7C;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,gBAAgB;AAAA,YAClB;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,YAAY;AAAA,YACZ,IAAI;AAAA,cACF,WAAW;AAAA,cACX,UAAU;AAAA,cACV,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,UAAU;AAAA,YACZ;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAOO,SAAS,mBAAmB;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAA4B;AAC1B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBAAc;AAAA,MACd,eAAa;AAAA,MACb,IAAI;AAAA,QACF,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW;AAAA,QACX,WAAW;AAAA,QACX,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,WAAU;AAAA,UACV,KAAK;AAAA,UACL,KAAK;AAAA,UACL,IAAI;AAAA,YACF,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,cAAc;AAAA,YACd,QAAQ,CAAC,EAAE,QAAQ,MACjB,kDAA8C,wBAAM,QAAQ,WAAW,OAAO,IAAI,CAAC;AAAA,UACvF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;;;ACrWA,IAAAC,mBAAkC;AA4B5B,IAAAC,sBAAA;AAnBC,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAqB;AACnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,QAAO;AAAA,MACP,IAAI;AAAA,QACF,iBAAiB,CAAC,EAAE,QAAQ,MAC1B,QAAQ,SAAS,SAAS,QAAQ,KAAK,GAAG,IAAI,QAAQ,KAAK,GAAG;AAAA,QAChE,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA;AAAA,QACD;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,QAAO;AAAA,YACP,KAAK,EAAE,IAAI,KAAK,IAAI,IAAI;AAAA,YACxB,IAAI,EAAE,IAAI,KAAK,IAAI,IAAI;AAAA,YACvB,IAAI,EAAE,IAAI,KAAK,IAAI,IAAI;AAAA,YACvB,IAAI,EAAE,IAAI,SAAS,IAAI,KAAK,IAAI,SAAS,IAAI,IAAI;AAAA,YAEhD;AAAA;AAAA,cACA;AAAA;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;","names":["import_material","import_jsx_runtime","import_material","import_assets","import_jsx_runtime","import_material","import_jsx_runtime"]}
+{"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  subtitle?: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  subtitle,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box\n      sx={{ pr: 3, display: 'flex', alignItems: 'center', gap: '12px', ...sx }}\n      {...props}\n    >\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      <Stack direction=\"row\" gap={0.5}>\n        {title && <Typography variant=\"h4\">{title}</Typography>}\n        {subtitle && (\n          <Typography variant=\"h4\" color=\"text.secondary\">\n            {subtitle}\n          </Typography>\n        )}\n      </Stack>\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        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.js

@@ -132,33 +132,44 @@ function BiampHeader({ children, sx, ...props }) {
 function BiampHeaderTitle({
   icon,
   title,
+  subtitle,
   sx,
   ...props
 }) {
-  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,
-          height: 24,
-          display: "flex",
-          alignItems: "center",
-          justifyContent: "center"
-        },
-        children: icon ?? /* @__PURE__ */ jsx3(
+  return /* @__PURE__ */ jsxs2(
+    Box2,
+    {
+      sx: { pr: 3, display: "flex", alignItems: "center", gap: "12px", ...sx },
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx3(
           Box2,
           {
-            component: "img",
-            src: BiampRedLogo,
-            alt: "Biamp",
-            sx: { width: 24, height: 24 }
+            sx: {
+              width: 24,
+              height: 24,
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "center"
+            },
+            children: icon ?? /* @__PURE__ */ jsx3(
+              Box2,
+              {
+                component: "img",
+                src: BiampRedLogo,
+                alt: "Biamp",
+                sx: { width: 24, height: 24 }
+              }
+            )
           }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx3(Typography, { variant: "h4", children: title })
-  ] }) });
+        ),
+        /* @__PURE__ */ jsxs2(Stack3, { direction: "row", gap: 0.5, children: [
+          title && /* @__PURE__ */ jsx3(Typography, { variant: "h4", children: title }),
+          subtitle && /* @__PURE__ */ jsx3(Typography, { variant: "h4", color: "text.secondary", children: subtitle })
+        ] })
+      ]
+    }
+  );
 }
 function BiampHeaderSearch({ sx, ...props }) {
   return /* @__PURE__ */ jsx3(
@@ -434,7 +445,7 @@ function BiampLayout({
           Stack4,
           {
             direction: "row",
-            height: "100%",
+            flex: 1,
             gap: { xs: 1.5, md: 2.5 },
             px: { xs: 1.5, md: 2.5 },
             pb: { xs: 1.5, md: 2.5 },

package/dist/index.js.map

@@ -1 +1 @@
-{"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        height=\"100%\"\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"]}
+{"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  subtitle?: string;\n};\n\nexport function BiampHeaderTitle({\n  icon,\n  title,\n  subtitle,\n  sx,\n  ...props\n}: BiampHeaderTitleProps) {\n  return (\n    <Box\n      sx={{ pr: 3, display: 'flex', alignItems: 'center', gap: '12px', ...sx }}\n      {...props}\n    >\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      <Stack direction=\"row\" gap={0.5}>\n        {title && <Typography variant=\"h4\">{title}</Typography>}\n        {subtitle && (\n          <Typography variant=\"h4\" color=\"text.secondary\">\n            {subtitle}\n          </Typography>\n        )}\n      </Stack>\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        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.3.0",
+  "version": "0.3.2",
   "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.3.0",
+    "@bwp-web/assets": ">=0.3.2",
     "@mui/material": ">=7.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0"