@bwp-web/components 1.9.7 → 1.10.0

package/dist/index.cjs

@@ -160,8 +160,8 @@ var require_randomColor = __commonJS({
             return "hsl(" + hsl[0] + ", " + hsl[1] + "%, " + hsl[2] + "%)";
           case "hsla":
             var hslColor = HSVtoHSL(hsv);
-            var alpha5 = options.alpha || Math.random();
-            return "hsla(" + hslColor[0] + ", " + hslColor[1] + "%, " + hslColor[2] + "%, " + alpha5 + ")";
+            var alpha6 = options.alpha || Math.random();
+            return "hsla(" + hslColor[0] + ", " + hslColor[1] + "%, " + hslColor[2] + "%, " + alpha6 + ")";
           case "rgbArray":
             return HSVtoRGB(hsv);
           case "rgb":
@@ -169,8 +169,8 @@ var require_randomColor = __commonJS({
             return "rgb(" + rgb.join(", ") + ")";
           case "rgba":
             var rgbColor = HSVtoRGB(hsv);
-            var alpha5 = options.alpha || Math.random();
-            return "rgba(" + rgbColor.join(", ") + ", " + alpha5 + ")";
+            var alpha6 = options.alpha || Math.random();
+            return "rgba(" + rgbColor.join(", ") + ", " + alpha6 + ")";
           default:
             return HSVtoHex(hsv);
         }
@@ -410,6 +410,7 @@ __export(index_exports, {
   BiampBannerIcon: () => BiampBannerIcon,
   BiampBuildAppContent: () => BiampBuildAppContent,
   BiampBuildAppContentItem: () => BiampBuildAppContentItem,
+  BiampCheckboxListPopover: () => BiampCheckboxListPopover,
   BiampEndUserAppContent: () => BiampEndUserAppContent,
   BiampEndUserAppContentItem: () => BiampEndUserAppContentItem,
   BiampGlobalSearch: () => BiampGlobalSearch,
@@ -422,6 +423,12 @@ __export(index_exports, {
   BiampHeaderSearch: () => BiampHeaderSearch,
   BiampHeaderTitle: () => BiampHeaderTitle,
   BiampLayout: () => BiampLayout,
+  BiampListPopover: () => BiampListPopover,
+  BiampListPopoverItem: () => BiampListPopoverItem,
+  BiampListPopoverScrollArea: () => BiampListPopoverScrollArea,
+  BiampNotificationPopover: () => BiampNotificationPopover,
+  BiampNotificationPopoverBody: () => BiampNotificationPopoverBody,
+  BiampNotificationPopoverHeader: () => BiampNotificationPopoverHeader,
   BiampSidebar: () => BiampSidebar,
   BiampSidebarComponent: () => BiampSidebarComponent,
   BiampSidebarIcon: () => BiampSidebarIcon,
@@ -1475,7 +1482,7 @@ function BiampHeaderButton({
     }
   );
 }
-var POPOVER_MAX_WIDTH = 350;
+var APP_POPOVER_MAX_WIDTH = 350;
 function BiampAppPopover({
   children,
   open,
@@ -1487,7 +1494,7 @@ function BiampAppPopover({
     {
       open,
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
-      transformOrigin: { vertical: -8, horizontal: POPOVER_MAX_WIDTH - 4 },
+      transformOrigin: { vertical: -4, horizontal: APP_POPOVER_MAX_WIDTH },
       sx: { ...sx },
       slotProps: {
         paper: {
@@ -1498,7 +1505,7 @@ function BiampAppPopover({
             outlineStyle: "solid",
             outlineColor: ({ palette }) => palette.divider,
             boxShadow: ({ palette }) => `0px 4px 50px 0px ${(0, import_material5.alpha)(palette.grey[900], 0.1)}`,
-            maxWidth: POPOVER_MAX_WIDTH,
+            maxWidth: APP_POPOVER_MAX_WIDTH,
             width: "100%",
             p: 2,
             display: "flex",
@@ -1779,8 +1786,215 @@ function BiampHeaderProfile({
   );
 }
 
+// src/BiampNotificationPopover/BiampNotificationPopover.tsx
+var import_material6 = require("@mui/material");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var NOTIFICATION_POPOVER_MAX_WIDTH = 420;
+function BiampNotificationPopover({
+  children,
+  open,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_material6.Popover,
+    {
+      open,
+      anchorOrigin: { vertical: "bottom", horizontal: "right" },
+      transformOrigin: {
+        vertical: -4,
+        horizontal: NOTIFICATION_POPOVER_MAX_WIDTH
+      },
+      sx: { ...sx },
+      slotProps: {
+        paper: {
+          sx: {
+            borderRadius: "12px",
+            backgroundImage: "none",
+            outlineWidth: "0.6px",
+            outlineStyle: "solid",
+            outlineColor: ({ palette }) => palette.divider,
+            boxShadow: ({ palette }) => `0px 4px 50px 0px ${(0, import_material6.alpha)(palette.grey[900], 0.1)}`,
+            maxWidth: NOTIFICATION_POPOVER_MAX_WIDTH,
+            maxHeight: "650px",
+            width: "100%",
+            display: "flex",
+            flexDirection: "column",
+            overflow: "hidden"
+          }
+        }
+      },
+      ...props,
+      children
+    }
+  );
+}
+function BiampNotificationPopoverHeader({
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_material6.Stack,
+    {
+      direction: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      sx: {
+        flexShrink: 0,
+        gap: 2,
+        px: 2,
+        pt: 2,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+function BiampNotificationPopoverBody({
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    import_material6.Box,
+    {
+      sx: {
+        flex: 1,
+        minHeight: 0,
+        overflowY: "auto",
+        overscrollBehavior: "none",
+        px: 2,
+        pb: 2,
+        ...sx
+      },
+      ...props
+    }
+  );
+}
+
+// src/BiampListPopover/BiampListPopover.tsx
+var import_material7 = require("@mui/material");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+function BiampListPopover({
+  children,
+  slotProps,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_material7.Popover,
+    {
+      slotProps: {
+        ...slotProps,
+        paper: {
+          sx: ({ palette }) => ({
+            borderRadius: "6px",
+            backgroundImage: "none",
+            border: `0.6px solid ${palette.dividers.secondary}`,
+            boxShadow: `0px 1px 1px 0px ${(0, import_material7.alpha)(palette.common.black, 0.05)}`,
+            minWidth: "150px"
+          }),
+          ...slotProps?.paper ?? {}
+        }
+      },
+      ...props,
+      children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_material7.List, { dense: true, disablePadding: true, children })
+    }
+  );
+}
+var listItemSx = {
+  py: 0,
+  pr: 1.5,
+  pl: 0,
+  alignItems: "center",
+  cursor: "pointer",
+  "&:hover": {
+    backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.grey[100]
+  }
+};
+function BiampListPopoverItem({
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_material7.ListItem,
+    {
+      dense: true,
+      sx: [listItemSx, ...Array.isArray(sx) ? sx : [sx]],
+      ...props
+    }
+  );
+}
+function BiampListPopoverScrollArea({
+  maxHeight = 340,
+  sx,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_material7.Box,
+    {
+      sx: { maxHeight, overflow: "auto", overscrollBehavior: "none", ...sx },
+      ...props
+    }
+  );
+}
+
+// src/BiampCheckboxListPopover/BiampCheckboxListPopover.tsx
+var import_material8 = require("@mui/material");
+var import_jsx_runtime8 = require("react/jsx-runtime");
+function resolveAria(label, ariaLabel) {
+  if (ariaLabel) return ariaLabel;
+  return typeof label === "string" ? label : void 0;
+}
+function BiampCheckboxListPopover({
+  items,
+  onToggleItem,
+  showSelectAll = true,
+  selectAllLabel = "Show all",
+  onToggleAll,
+  maxHeight,
+  ...popoverProps
+}) {
+  const allChecked = items.length > 0 && items.every((item) => item.checked);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(BiampListPopover, { ...popoverProps, children: [
+    showSelectAll && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(BiampListPopoverItem, { onClick: () => onToggleAll?.(!allChecked), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          import_material8.Checkbox,
+          {
+            checked: allChecked,
+            slotProps: { input: { "aria-label": selectAllLabel } }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Typography, { variant: "caption", fontWeight: 600, children: selectAllLabel })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Divider, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BiampListPopoverScrollArea, { maxHeight, children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+      BiampListPopoverItem,
+      {
+        onClick: () => onToggleItem(item.id),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            import_material8.Checkbox,
+            {
+              checked: item.checked,
+              sx: { py: 1 },
+              slotProps: {
+                input: {
+                  "aria-label": resolveAria(item.label, item.ariaLabel)
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_material8.Typography, { variant: "caption", children: item.label })
+        ]
+      },
+      item.id
+    )) })
+  ] });
+}
+
 // src/BiampTable/BiampTable.tsx
-var import_material10 = require("@mui/material");
+var import_material13 = require("@mui/material");
 var import_assets8 = require("@bwp-web/assets");
 var import_react_table2 = require("@tanstack/react-table");
 var import_react9 = require("react");
@@ -1789,9 +2003,9 @@ var import_react9 = require("react");
 var import_assets5 = require("@bwp-web/assets");
 
 // src/BiampTable/BiampTableStatusMessage.tsx
-var import_material6 = require("@mui/material");
+var import_material9 = require("@mui/material");
 var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 function BiampTableStatusMessage({
   icon,
   title,
@@ -1799,25 +2013,25 @@ function BiampTableStatusMessage({
   children,
   ...stackProps
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_material6.Stack, { alignItems: "center", gap: 1.5, ...stackProps, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_material9.Stack, { alignItems: "center", gap: 1.5, ...stackProps, children: [
     (0, import_react6.cloneElement)(icon, {
       "aria-hidden": true,
       sx: { width: 56, height: 56, ...icon.props.sx }
     }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material6.Typography, { variant: "h2", children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_material6.Typography, { variant: "body1", children: description }),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material9.Typography, { variant: "h2", children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_material9.Typography, { variant: "body1", children: description }),
     children
   ] });
 }
 
 // src/BiampTable/BiampTableEmptyState.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function BiampTableEmptyState({
-  icon = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_assets5.NoResultsIcon, {}),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_assets5.NoResultsIcon, {}),
   title = "Nothing to show",
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     BiampTableStatusMessage,
     {
       role: "status",
@@ -1830,25 +2044,25 @@ function BiampTableEmptyState({
 
 // src/BiampTable/BiampTableErrorState.tsx
 var import_assets6 = require("@bwp-web/assets");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function BiampTableErrorState({
-  icon = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_assets6.ServiceNotReachableIcon, {}),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_assets6.ServiceNotReachableIcon, {}),
   title = "Failed to load",
   ...rest
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(BiampTableStatusMessage, { role: "alert", icon, title, ...rest });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BiampTableStatusMessage, { role: "alert", icon, title, ...rest });
 }
 
 // src/BiampTable/BiampTableRow.tsx
-var import_material9 = require("@mui/material");
+var import_material12 = require("@mui/material");
 var import_assets7 = require("@bwp-web/assets");
 var import_react_table = require("@tanstack/react-table");
 var import_react8 = __toESM(require("react"), 1);
 
 // src/BiampTable/BiampTableTruncatedCell.tsx
-var import_material7 = require("@mui/material");
+var import_material10 = require("@mui/material");
 var import_react7 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function BiampTableTruncatedCell({
   children
 }) {
@@ -1863,16 +2077,16 @@ function BiampTableTruncatedCell({
   const handleMouseLeave = (0, import_react7.useCallback)(() => {
     setOpen(false);
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    import_material7.Tooltip,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_material10.Tooltip,
     {
       title: children,
       open,
       arrow: true,
       placement: "top",
       disableInteractive: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-        import_material7.Box,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        import_material10.Box,
         {
           "data-truncate": true,
           ref: textRef,
@@ -1929,8 +2143,8 @@ function cellSx(sticky, minWidth, zIndex) {
 }
 
 // src/BiampTable/BiampTableExpandGuidelines.tsx
-var import_material8 = require("@mui/material");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_material11 = require("@mui/material");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 var guidelineIndent = 28;
 var guidelineCellPaddingLeft = 12;
 var guidelineLineOffsetFromParentText = 4;
@@ -1964,8 +2178,8 @@ function ExpandGuidelines({ row }) {
     const ancestor = getAncestorAtDepth(row, k);
     if (!ancestor || isLastChildOfParent(ancestor)) continue;
     lines.push(
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_material8.Box,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_material11.Box,
         {
           "aria-hidden": true,
           sx: {
@@ -1987,8 +2201,8 @@ function ExpandGuidelines({ row }) {
   const rowIsFirst = isFirstChildOfParent(row);
   const elbowTopOffset = rowIsFirst ? -guidelineFirstChildTopExtension : 0;
   lines.push(
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_material8.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_material11.Box,
       {
         "aria-hidden": true,
         sx: {
@@ -2006,8 +2220,8 @@ function ExpandGuidelines({ row }) {
   );
   if (!rowIsLast) {
     lines.push(
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-        import_material8.Box,
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        import_material11.Box,
         {
           "aria-hidden": true,
           sx: {
@@ -2025,8 +2239,8 @@ function ExpandGuidelines({ row }) {
     );
   }
   lines.push(
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_material8.Box,
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_material11.Box,
       {
         "aria-hidden": true,
         sx: {
@@ -2042,11 +2256,11 @@ function ExpandGuidelines({ row }) {
       "h-elbow"
     )
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_jsx_runtime10.Fragment, { children: lines });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_jsx_runtime13.Fragment, { children: lines });
 }
 
 // src/BiampTable/BiampTableRow.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var rowCursorPointerSx = { cursor: "pointer" };
 var selectionCellSx = {
   position: "sticky",
@@ -2069,8 +2283,8 @@ function ExpandToggle({
   rowLabel
 }) {
   if (row.getCanExpand()) {
-    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      import_material9.IconButton,
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      import_material12.IconButton,
       {
         variant: "none",
         onClick: (e) => {
@@ -2079,13 +2293,13 @@ function ExpandToggle({
         },
         "aria-label": isExpanded ? `Collapse ${rowLabel}` : `Expand ${rowLabel}`,
         "aria-expanded": isExpanded,
-        children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_assets7.ChevronDownIcon,
           {
             variant: "xs",
             sx: { color: ({ palette }) => palette.text.secondary }
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           import_assets7.ChevronRightIcon,
           {
             variant: "xs",
@@ -2095,7 +2309,7 @@ function ExpandToggle({
       }
     );
   }
-  if (hasExpandableRows) return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Box, { sx: expandPlaceholderSx });
+  if (hasExpandableRows) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material12.Box, { sx: expandPlaceholderSx });
   return null;
 }
 function renderCellContent({
@@ -2111,18 +2325,18 @@ function renderCellContent({
   const content = (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
   if (sticky) return content;
   const truncate = cell.column.columnDef.meta?.truncate ?? true;
-  const truncated = truncate ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(BiampTableTruncatedCell, { children: content }) : content;
+  const truncated = truncate ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(BiampTableTruncatedCell, { children: content }) : content;
   if (!isExpandCell) return truncated;
   if (alwaysExpanded) {
-    return row.depth > 0 ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_material9.Box, { sx: { pl: `${row.depth * 28}px` }, children: truncated }) : truncated;
+    return row.depth > 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material12.Box, { sx: { pl: `${row.depth * 28}px` }, children: truncated }) : truncated;
   }
   const rowLabel = getRowLabel ? getRowLabel(row.original) : `row ${row.index + 1}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    import_material9.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_material12.Box,
     {
       sx: row.depth > 0 ? { ...expandCellBaseSx, pl: `${row.depth * 12}px` } : expandCellBaseSx,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           ExpandToggle,
           {
             row,
@@ -2161,8 +2375,8 @@ function BiampTableRowInner({
     onKeyDown: userRowOnKeyDown,
     ...restRowProps
   } = resolvedRow ?? {};
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-    import_material9.TableRow,
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    import_material12.TableRow,
     {
       ...restRowProps,
       hover: clickable,
@@ -2186,16 +2400,16 @@ function BiampTableRowInner({
         userRowOnKeyDown?.(e);
       } : userRowOnKeyDown,
       children: [
-        enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          import_material9.TableCell,
+        enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          import_material12.TableCell,
           {
             padding: "checkbox",
             sx: mergeSx(
               selectionCellSx,
               customColor ? { backgroundColor: customColor } : void 0
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-              import_material9.Checkbox,
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              import_material12.Checkbox,
               {
                 checked: isSelected,
                 disabled: !row.getCanSelect(),
@@ -2219,8 +2433,8 @@ function BiampTableRowInner({
           const showGuidelinesOnCell = isExpandCell && showExpandGuidelines && alwaysExpanded && row.depth > 0;
           const resolvedCell = resolveSlot(cellSlotProps, { cell });
           const { sx: userCellSx, ...restCellProps } = resolvedCell ?? {};
-          return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
-            import_material9.TableCell,
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            import_material12.TableCell,
             {
               ...restCellProps,
               "data-sticky": sticky || void 0,
@@ -2232,7 +2446,7 @@ function BiampTableRowInner({
                 userCellSx
               ),
               children: [
-                showGuidelinesOnCell && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(ExpandGuidelines, { row }),
+                showGuidelinesOnCell && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ExpandGuidelines, { row }),
                 renderCellContent({
                   cell,
                   row,
@@ -2261,7 +2475,7 @@ var BiampTableRow = import_react8.default.memo(
 );
 
 // src/BiampTable/BiampTable.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var overlaySx = {
   position: "absolute",
   top: 0,
@@ -2322,10 +2536,10 @@ function BiampTable({
   const hasExpandableRows = enableExpanding && rows.some((r) => r.getCanExpand());
   const showError = !!error && !loading;
   const showEmpty = !showError && !loading && rows.length === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-    import_material10.TableContainer,
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    import_material13.TableContainer,
     {
-      component: import_material10.Box,
+      component: import_material13.Box,
       ...boxProps,
       ref: containerRef,
       sx: {
@@ -2336,8 +2550,8 @@ function BiampTable({
         ...sx
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-          import_material10.Table,
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          import_material13.Table,
           {
             "aria-busy": showLoading || void 0,
             ...restTableSlotProps,
@@ -2346,14 +2560,14 @@ function BiampTable({
               userTableSx
             ),
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.TableHead, { ...restHeadSlotProps, sx: mergeSx(userHeadSx), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-                import_material10.TableRow,
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.TableHead, { ...restHeadSlotProps, sx: mergeSx(userHeadSx), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                import_material13.TableRow,
                 {
                   ...restHeaderRowSlotProps,
                   sx: mergeSx(userHeaderRowSx),
                   children: [
-                    enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.TableCell, { padding: "checkbox", sx: headerSelectionCellSx, children: !hideSelectAll && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                      import_material10.Checkbox,
+                    enableRowSelection && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.TableCell, { padding: "checkbox", sx: headerSelectionCellSx, children: !hideSelectAll && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      import_material13.Checkbox,
                       {
                         checked: table.getIsAllPageRowsSelected(),
                         indeterminate: table.getIsSomePageRowsSelected(),
@@ -2368,8 +2582,8 @@ function BiampTable({
                         header
                       });
                       const { sx: userHeaderCellSx, ...restHeaderCellProps } = resolvedHeaderCell ?? {};
-                      return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                        import_material10.TableCell,
+                      return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                        import_material13.TableCell,
                         {
                           ...restHeaderCellProps,
                           "data-sticky": sticky || void 0,
@@ -2381,8 +2595,8 @@ function BiampTable({
                             cellSx(sticky, header.column.columnDef.meta?.minWidth, 3),
                             userHeaderCellSx
                           ),
-                          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                            import_material10.TableSortLabel,
+                          children: header.isPlaceholder ? null : header.column.getCanSort() ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                            import_material13.TableSortLabel,
                             {
                               active: !!header.column.getIsSorted(),
                               direction: header.column.getIsSorted() || "asc",
@@ -2407,12 +2621,12 @@ function BiampTable({
                 },
                 headerGroup.id
               )) }),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                import_material10.TableBody,
+              /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                import_material13.TableBody,
                 {
                   ...restBodySlotProps,
                   sx: mergeSx({ opacity: showLoading ? 0.3 : 1 }, userBodySx),
-                  children: !showError && rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  children: !showError && rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                     BiampTableRow,
                     {
                       row,
@@ -2439,22 +2653,22 @@ function BiampTable({
             ]
           }
         ),
-        showError && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Box, { sx: overlaySx, children: error === true ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BiampTableErrorState, { sx: { pointerEvents: "auto" } }) : error instanceof Error ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+        showError && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Box, { sx: overlaySx, children: error === true ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BiampTableErrorState, { sx: { pointerEvents: "auto" } }) : error instanceof Error ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           BiampTableErrorState,
           {
             description: error.message,
             sx: { pointerEvents: "auto" }
           }
         ) : error }),
-        showEmpty && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_material10.Box, { sx: overlaySx, children: empty && empty !== true ? empty : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BiampTableEmptyState, { sx: { pointerEvents: "auto" } }) })
+        showEmpty && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Box, { sx: overlaySx, children: empty && empty !== true ? empty : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(BiampTableEmptyState, { sx: { pointerEvents: "auto" } }) })
       ]
     }
   );
 }
 
 // src/BiampTable/BiampTableContainer.tsx
-var import_material11 = require("@mui/material");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_material14 = require("@mui/material");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 function BiampTableContainer({
   withBorderTop = true,
   withBorderBottom = false,
@@ -2462,8 +2676,8 @@ function BiampTableContainer({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_material11.Stack,
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    import_material14.Stack,
     {
       direction: "column",
       width: "100%",
@@ -2480,25 +2694,24 @@ function BiampTableContainer({
 }
 
 // src/BiampTable/BiampTableCellActionButton.tsx
-var import_material12 = require("@mui/material");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_material15 = require("@mui/material");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function BiampTableCellActionButton({ label, icon, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_material12.Tooltip,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    import_material15.Tooltip,
     {
       title: label,
       placement: "top",
       enterDelay: 500,
       enterNextDelay: 500,
       disableInteractive: true,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_material12.IconButton, { "aria-label": label, ...props, children: icon }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_material15.IconButton, { "aria-label": label, ...props, children: icon }) })
     }
   );
 }
 
 // src/BiampTable/BiampTableColumnVisibility.tsx
-var import_material13 = require("@mui/material");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function toVisibilityState(visibility) {
   return visibility;
 }
@@ -2521,16 +2734,6 @@ function getColumnVisibilityDirtyCount(table, defaultVisibility) {
   }
   return count;
 }
-var columnListItemSx = {
-  py: 0,
-  pr: 1.5,
-  pl: 0,
-  alignItems: "center",
-  cursor: "pointer",
-  "&:hover": {
-    backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[800] : palette.grey[100]
-  }
-};
 function BiampTableColumnVisibility({
   table,
   showAllLabel = "Show all",
@@ -2541,9 +2744,16 @@ function BiampTableColumnVisibility({
   ...popoverProps
 }) {
   const hideableColumns = table.getAllLeafColumns().filter((col) => col.getCanHide());
-  const allVisible = hideableColumns.every((col) => col.getIsVisible());
-  const toggleAllHideable = () => {
-    const next = !allVisible;
+  const items = hideableColumns.map((column) => {
+    const columnName = column.columnDef.meta?.columnLabel ?? (typeof column.columnDef.header === "string" ? column.columnDef.header : column.id);
+    return {
+      id: column.id,
+      label: columnName,
+      checked: column.getIsVisible(),
+      ariaLabel: `Show ${columnName}`
+    };
+  });
+  const setAllHideable = (next) => {
     table.setColumnVisibility((prev) => {
       const updated = { ...prev };
       for (const col of hideableColumns) {
@@ -2552,71 +2762,19 @@ function BiampTableColumnVisibility({
       return updated;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_material13.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    BiampCheckboxListPopover,
     {
       anchorEl,
       open: Boolean(anchorEl),
       anchorOrigin,
       transformOrigin,
-      slotProps: {
-        ...slotProps,
-        paper: {
-          sx: ({ palette }) => ({
-            borderRadius: "6px",
-            backgroundImage: "none",
-            border: `0.6px solid ${palette.dividers.secondary}`,
-            boxShadow: `0px 1px 1px 0px ${(0, import_material13.alpha)(palette.common.black, 0.05)}`,
-            minWidth: "150px"
-          }),
-          ...slotProps?.paper ?? {}
-        }
-      },
-      ...popoverProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material13.List, { dense: true, disablePadding: true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(import_material13.ListItem, { dense: true, sx: columnListItemSx, onClick: toggleAllHideable, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-            import_material13.Checkbox,
-            {
-              checked: allVisible,
-              slotProps: { input: { "aria-label": `${showAllLabel} columns` } }
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Typography, { variant: "caption", fontWeight: 600, children: showAllLabel })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Divider, {}),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-          import_material13.Box,
-          {
-            sx: { maxHeight: 340, overflow: "auto", overscrollBehavior: "none" },
-            children: hideableColumns.map((column) => {
-              const columnName = column.columnDef.meta?.columnLabel ?? (typeof column.columnDef.header === "string" ? column.columnDef.header : column.id);
-              return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                import_material13.ListItem,
-                {
-                  dense: true,
-                  sx: columnListItemSx,
-                  onClick: column.getToggleVisibilityHandler(),
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      import_material13.Checkbox,
-                      {
-                        checked: column.getIsVisible(),
-                        sx: { py: 1 },
-                        slotProps: {
-                          input: { "aria-label": `Show ${columnName}` }
-                        }
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_material13.Typography, { variant: "caption", children: columnName })
-                  ]
-                },
-                column.id
-              );
-            })
-          }
-        )
-      ] })
+      slotProps,
+      items,
+      onToggleItem: (id) => table.getColumn(id)?.toggleVisibility(),
+      selectAllLabel: showAllLabel,
+      onToggleAll: setAllHideable,
+      ...popoverProps
     }
   );
 }
@@ -2626,8 +2784,8 @@ var import_assets9 = require("@bwp-web/assets");
 var import_react10 = require("react");
 
 // src/BiampTable/BiampTableToolbarActionButton.tsx
-var import_material14 = require("@mui/material");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_material16 = require("@mui/material");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function BiampTableToolbarActionButton({
   label,
   icon,
@@ -2635,13 +2793,13 @@ function BiampTableToolbarActionButton({
   ...props
 }) {
   const showBadge = badgeContent != null && badgeContent !== 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_material14.IconButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+    import_material16.IconButton,
     {
       "aria-label": showBadge ? `${label} (${badgeContent})` : label,
       ...props,
-      children: showBadge ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-        import_material14.Badge,
+      children: showBadge ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        import_material16.Badge,
         {
           badgeContent,
           color: "info",
@@ -2664,10 +2822,10 @@ function BiampTableToolbarActionButton({
 }
 
 // src/BiampTable/BiampTableToolbarColumnVisibility.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function BiampTableToolbarColumnVisibility({
   table,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_assets9.ColumnsIcon, { variant: "xs" }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_assets9.ColumnsIcon, { variant: "xs" }),
   label = "Columns",
   defaultColumnVisibility,
   showAllLabel,
@@ -2676,8 +2834,8 @@ function BiampTableToolbarColumnVisibility({
   const [anchorEl, setAnchorEl] = (0, import_react10.useState)(null);
   const defaults = defaultColumnVisibility ?? getDefaultColumnVisibility(table);
   const dirtyCount = getColumnVisibilityDirtyCount(table, defaults);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       BiampTableToolbarActionButton,
       {
         label,
@@ -2687,7 +2845,7 @@ function BiampTableToolbarColumnVisibility({
         ...actionButtonProps
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
       BiampTableColumnVisibility,
       {
         table,
@@ -2701,8 +2859,8 @@ function BiampTableToolbarColumnVisibility({
 
 // src/BiampTable/BiampTablePagination.tsx
 var import_react11 = require("react");
-var import_material15 = require("@mui/material");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_material17 = require("@mui/material");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var positionMap = {
   left: "flex-start",
   center: "center",
@@ -2731,8 +2889,8 @@ function BiampTablePagination({
     }
   }, [loading, pageIndex, maxPage, table]);
   if (autoHide && (!stableCount || stableCount <= pageSize)) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_material15.TablePagination,
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+    import_material17.TablePagination,
     {
       component: "div",
       count: stableCount,
@@ -2763,15 +2921,15 @@ function BiampTablePagination({
 }
 
 // src/BiampTable/BiampTableToolbar.tsx
-var import_material16 = require("@mui/material");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_material18 = require("@mui/material");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function BiampTableToolbar({
   children,
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_material16.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_material18.Box,
     {
       role: "toolbar",
       display: "flex",
@@ -2788,14 +2946,14 @@ function BiampTableToolbar({
 }
 
 // src/BiampTable/BiampTableToolbarActions.tsx
-var import_material17 = require("@mui/material");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_material19 = require("@mui/material");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function BiampTableToolbarActions({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_material17.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_material19.Box,
     {
       display: "flex",
       alignItems: "center",
@@ -2809,17 +2967,17 @@ function BiampTableToolbarActions({
 }
 
 // src/BiampTable/BiampTableToolbarExport.tsx
-var import_material18 = require("@mui/material");
+var import_material20 = require("@mui/material");
 var import_assets10 = require("@bwp-web/assets");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 function BiampTableToolbarExport({
   onExport,
   loading,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_assets10.DownloadIcon, { variant: "xs" }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_assets10.DownloadIcon, { variant: "xs" }),
   label = "Export",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     BiampTableToolbarActionButton,
     {
       label,
@@ -2837,8 +2995,8 @@ function BiampTableToolbarExportTextButton({
   label = "Export",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_material18.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_material20.Button,
     {
       variant: "outlined",
       size: "small",
@@ -2852,16 +3010,16 @@ function BiampTableToolbarExportTextButton({
 }
 
 // src/BiampTable/BiampTableToolbarFilters.tsx
-var import_material19 = require("@mui/material");
+var import_material21 = require("@mui/material");
 var import_assets11 = require("@bwp-web/assets");
 var import_react12 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function BiampTableToolbarFilters({
   activeFilterCount,
   children,
   onReset,
   onApply,
-  icon = /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_assets11.FilterIcon, { variant: "xs" }),
+  icon = /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_assets11.FilterIcon, { variant: "xs" }),
   title = "Filters",
   resetLabel = "Clear filters",
   applyLabel = "Apply",
@@ -2871,13 +3029,13 @@ function BiampTableToolbarFilters({
 }) {
   const [open, setOpen] = (0, import_react12.useState)(false);
   const titleId = (0, import_react12.useId)();
-  const theme = (0, import_material19.useTheme)();
+  const theme = (0, import_material21.useTheme)();
   function handleClose() {
     onApply?.();
     setOpen(false);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       BiampTableToolbarActionButton,
       {
         label: buttonLabel,
@@ -2886,8 +3044,8 @@ function BiampTableToolbarFilters({
         onClick: () => setOpen(true)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-      import_material19.Drawer,
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      import_material21.Drawer,
       {
         anchor: "right",
         open,
@@ -2898,17 +3056,17 @@ function BiampTableToolbarFilters({
           sx: { width: { xs: "100%", sm: 480 } },
           ...drawerProps?.PaperProps
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-          import_material19.Box,
+        children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          import_material21.Box,
           {
             height: "100%",
             display: "flex",
             flexDirection: "column",
             justifyContent: "space-between",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material19.Box, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
-                  import_material19.Box,
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+                  import_material21.Box,
                   {
                     display: "flex",
                     justifyContent: "space-between",
@@ -2916,10 +3074,10 @@ function BiampTableToolbarFilters({
                     px: 3.5,
                     py: 2.5,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material19.Typography, { id: titleId, variant: "h2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Typography, { id: titleId, variant: "h2", children: [
                         title,
-                        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                          import_material19.Badge,
+                        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                          import_material21.Badge,
                           {
                             badgeContent: activeFilterCount,
                             color: "secondary",
@@ -2934,21 +3092,21 @@ function BiampTableToolbarFilters({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                        import_material19.IconButton,
+                      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                        import_material21.IconButton,
                         {
                           size: "medium",
                           onClick: handleClose,
                           "aria-label": closeLabel,
-                          children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_assets11.CloseIcon, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_assets11.CloseIcon, {})
                         }
                       )
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_material19.Divider, {}),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  import_material19.Box,
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_material21.Divider, {}),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  import_material21.Box,
                   {
                     role: "group",
                     "aria-label": "Filter options",
@@ -2961,9 +3119,9 @@ function BiampTableToolbarFilters({
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_material19.Box, { display: "flex", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  import_material19.Button,
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_material21.Box, { display: "flex", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  import_material21.Button,
                   {
                     variant: "overlay",
                     color: "secondary",
@@ -2973,8 +3131,8 @@ function BiampTableToolbarFilters({
                     children: resetLabel
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-                  import_material19.Button,
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                  import_material21.Button,
                   {
                     variant: "overlay",
                     color: "primary",
@@ -2993,7 +3151,7 @@ function BiampTableToolbarFilters({
 }
 
 // src/BiampTable/BiampTableToolbarSearch.tsx
-var import_material20 = require("@mui/material");
+var import_material22 = require("@mui/material");
 var import_assets12 = require("@bwp-web/assets");
 var import_react14 = require("react");
 
@@ -3022,7 +3180,7 @@ function useDebouncedCallback(callback, delay = BIAMP_TABLE_DEBOUNCE_DELAY) {
 }
 
 // src/BiampTable/BiampTableToolbarSearch.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var searchFieldSx = {
   "& .MuiInputBase-root": {
     height: "36px !important",
@@ -3046,7 +3204,7 @@ function BiampTableToolbarSearch({
   sx,
   ...textFieldProps
 }) {
-  const isMobile = (0, import_material20.useMediaQuery)((t) => t.breakpoints.down("md"));
+  const isMobile = (0, import_material22.useMediaQuery)((t) => t.breakpoints.down("md"));
   const [inputValue, setInputValue] = (0, import_react14.useState)(defaultValue);
   const [isExpanded, setIsExpanded] = (0, import_react14.useState)(false);
   const debouncedOnChange = useDebouncedCallback(onChange, debounceDelay);
@@ -3066,8 +3224,8 @@ function BiampTableToolbarSearch({
       setIsExpanded(false);
     }
   };
-  const clearButton = inputValue ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_material20.InputAdornment,
+  const clearButton = inputValue ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_material22.InputAdornment,
     {
       position: "end",
       sx: {
@@ -3079,20 +3237,20 @@ function BiampTableToolbarSearch({
           height: 16
         }
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_material20.IconButton,
+      children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_material22.IconButton,
         {
           size: "small",
           onClick: handleClear,
           "aria-label": clearLabel,
           sx: { mr: 0.5 },
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_assets12.CloseIcon, { variant: "xs" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_assets12.CloseIcon, { variant: "xs" })
         }
       )
     }
   ) : null;
-  const textField = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_material20.TextField,
+  const textField = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    import_material22.TextField,
     {
       name: "search",
       type: "text",
@@ -3100,8 +3258,8 @@ function BiampTableToolbarSearch({
       slotProps: {
         htmlInput: { maxLength, "aria-label": placeholder },
         input: {
-          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-            import_material20.InputAdornment,
+          startAdornment: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+            import_material22.InputAdornment,
             {
               position: "start",
               sx: {
@@ -3111,7 +3269,7 @@ function BiampTableToolbarSearch({
                   height: 16
                 }
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_assets12.SearchIcon, { variant: "xs", color: "inherit" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_assets12.SearchIcon, { variant: "xs", color: "inherit" })
             }
           ),
           endAdornment: clearButton
@@ -3132,10 +3290,10 @@ function BiampTableToolbarSearch({
     }
   );
   if (isMobile && enableMobileView) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material20.Box, { display: "flex", alignItems: "center", width: "100%", pr: 1, gap: 1, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_assets12.SearchIcon, { sx: { width: 16, height: 16 } }),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_material20.InputBase,
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material22.Box, { display: "flex", alignItems: "center", width: "100%", pr: 1, gap: 1, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_assets12.SearchIcon, { sx: { width: 16, height: 16 } }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_material22.InputBase,
         {
           name: "search",
           type: "text",
@@ -3156,14 +3314,14 @@ function BiampTableToolbarSearch({
     ] });
   }
   if (expandable) {
-    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_material20.Box, { display: "flex", alignItems: "center", minWidth: 28, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_material20.IconButton,
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_material22.Box, { display: "flex", alignItems: "center", minWidth: 28, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_material22.IconButton,
         {
           "aria-label": expandLabel ?? placeholder,
           onClick: () => setIsExpanded(true),
           sx: { display: isExpanded || inputValue ? "none" : "flex" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
             import_assets12.SearchIcon,
             {
               variant: "xs",
@@ -3173,8 +3331,8 @@ function BiampTableToolbarSearch({
           )
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-        import_material20.Collapse,
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_material22.Collapse,
         {
           in: isExpanded || !!inputValue,
           orientation: "horizontal",
@@ -3414,12 +3572,12 @@ function downloadCsv(csvContent, filename) {
 }
 
 // src/BiampBanner/BiampBanner.tsx
-var import_material21 = require("@mui/material");
+var import_material23 = require("@mui/material");
 var import_assets13 = require("@bwp-web/assets");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function BiampBanner({ show, children, severity }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material21.Collapse, { in: show, unmountOnExit: true, component: "aside", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_material21.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Collapse, { in: show, unmountOnExit: true, component: "aside", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_material23.Box,
     {
       bgcolor: ({ palette }) => palette.background[severity],
       display: "flex",
@@ -3437,25 +3595,25 @@ function BiampBanner({ show, children, severity }) {
   ) });
 }
 var iconMapping = {
-  error: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_assets13.ErrorStatusIcon, { color: "error", sx: { width: 14, height: 14 } }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_assets13.WarningStatusIcon, { color: "warning", sx: { width: 16, height: 14 } }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_assets13.SuccessStatusIcon, { color: "success", sx: { width: 14, height: 14 } }),
-  info: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_assets13.InfoStatusIcon, { color: "info", sx: { width: 14, height: 14 } })
+  error: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_assets13.ErrorStatusIcon, { color: "error", sx: { width: 14, height: 14 } }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_assets13.WarningStatusIcon, { color: "warning", sx: { width: 16, height: 14 } }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_assets13.SuccessStatusIcon, { color: "success", sx: { width: 14, height: 14 } }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_assets13.InfoStatusIcon, { color: "info", sx: { width: 14, height: 14 } })
 };
 function BiampBannerIcon({ severity, children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_jsx_runtime24.Fragment, { children: severity ? iconMapping[severity] : children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_jsx_runtime27.Fragment, { children: severity ? iconMapping[severity] : children });
 }
 function BiampBannerContent({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material21.Typography, { textAlign: "center", variant: "h3", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Typography, { textAlign: "center", variant: "h3", ...props, children });
 }
 function BiampBannerActions({ children, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_material21.Box, { display: "flex", gap: 1, alignItems: "center", ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material23.Box, { display: "flex", gap: 1, alignItems: "center", ...props, children });
 }
 
 // src/BiampSegmentedButton/SegmentedButton.tsx
-var import_material22 = require("@mui/material");
+var import_material24 = require("@mui/material");
 var import_styles = require("@mui/material/styles");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function SegmentedButton({
   children,
   active,
@@ -3463,13 +3621,13 @@ function SegmentedButton({
   sx,
   ...props
 }) {
-  const theme = (0, import_material22.useTheme)();
+  const theme = (0, import_material24.useTheme)();
   const isDarkMode = theme.palette.mode === "dark";
   const backgroundColor = active ? isDarkMode ? theme.palette.grey[800] : theme.palette.common.white : "transparent";
   const textColor = active ? theme.palette.text.primary : theme.palette.text.secondary;
   const border = active ? "solid" : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-    import_material22.Button,
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    import_material24.Button,
     {
       sx: {
         backgroundColor,
@@ -3492,13 +3650,13 @@ function SegmentedButton({
 }
 
 // src/BiampSegmentedButton/SegmentedButtonGroup.tsx
-var import_material23 = require("@mui/material");
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_material25 = require("@mui/material");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function SegmentedButtonGroup({ children, sx, ...props }) {
-  const theme = (0, import_material23.useTheme)();
+  const theme = (0, import_material25.useTheme)();
   const isDarkMode = theme.palette.mode === "dark";
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-    import_material23.Stack,
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    import_material25.Stack,
     {
       direction: "row",
       p: 0.5,
@@ -3515,18 +3673,18 @@ function SegmentedButtonGroup({ children, sx, ...props }) {
 }
 
 // src/OrganizationSelector/OrganizationSelector.tsx
-var import_material24 = require("@mui/material");
+var import_material26 = require("@mui/material");
 var import_react16 = require("react");
 var import_assets14 = require("@bwp-web/assets");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function OrganizationSelector({
   loading,
   children,
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_material24.Stack,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_material26.Stack,
     {
       sx: {
         width: "min(370px, calc(100vw - 24px))",
@@ -3535,12 +3693,12 @@ function OrganizationSelector({
         backgroundColor: ({ palette }) => palette.mode === "dark" ? palette.grey[700] : palette.grey[100],
         borderRadius: 3,
         p: 1.5,
-        boxShadow: ({ palette }) => `0 4px 24px 0 ${(0, import_material24.alpha)(palette.common.black, 0.15)}`,
+        boxShadow: ({ palette }) => `0 4px 24px 0 ${(0, import_material26.alpha)(palette.common.black, 0.15)}`,
         overflow: "auto",
         ...sx
       },
       ...props,
-      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material24.CircularProgress, { size: 40, sx: { mx: "auto", my: "auto" } }) : children
+      children: loading ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material26.CircularProgress, { size: 40, sx: { mx: "auto", my: "auto" } }) : children
     }
   );
 }
@@ -3551,14 +3709,14 @@ function OrganizationItemList({
   sx
 }) {
   const items = import_react16.Children.toArray(children).filter(import_react16.isValidElement);
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      import_material24.List,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      import_material26.List,
       {
         disablePadding: true,
         sx: {
           border: 0.6,
-          borderColor: ({ palette }) => palette.mode === "dark" ? (0, import_material24.alpha)(palette.common.white, 0.12) : (0, import_material24.alpha)(palette.grey[900], 0.15),
+          borderColor: ({ palette }) => palette.mode === "dark" ? (0, import_material26.alpha)(palette.common.white, 0.12) : (0, import_material26.alpha)(palette.grey[900], 0.15),
           borderRadius: 2,
           ...maxHeight !== void 0 && {
             overflow: "auto",
@@ -3566,19 +3724,19 @@ function OrganizationItemList({
           },
           ...sx
         },
-        children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react16.Fragment, { children: [
+        children: items.map((item, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react16.Fragment, { children: [
           item,
-          i !== items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material24.Divider, {})
+          i !== items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material26.Divider, {})
         ] }, item.key ?? i))
       }
     ),
-    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material24.Divider, { sx: { py: 1, userSelect: "none" }, children: label })
+    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material26.Divider, { sx: { py: 1, userSelect: "none" }, children: label })
   ] });
 }
 function renderText(value, defaults) {
   if (typeof value === "string" || typeof value === "number") {
-    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-      import_material24.Typography,
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      import_material26.Typography,
       {
         variant: defaults.variant,
         fontWeight: defaults.fontWeight,
@@ -3599,8 +3757,8 @@ function OrganizationItem({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_material24.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    import_material24.ListItemButton,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_material26.ListItem, { disablePadding: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    import_material26.ListItemButton,
     {
       disabled: isCurrent,
       disableRipple: true,
@@ -3613,8 +3771,8 @@ function OrganizationItem({
       },
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          import_material24.Box,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_material26.Box,
           {
             sx: {
               width: 40,
@@ -3630,8 +3788,8 @@ function OrganizationItem({
                 boxShadow: ({ palette }) => `0 0 0 2px ${palette.info.main}`
               }
             },
-            children: typeof logo === "string" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-              import_material24.Box,
+            children: typeof logo === "string" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+              import_material26.Box,
               {
                 component: "img",
                 src: logo,
@@ -3640,8 +3798,8 @@ function OrganizationItem({
             ) : logo
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material24.Stack, { gap: 0.25, sx: { width: "100%", minWidth: 0 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_material24.Stack, { direction: "row", justifyContent: "space-between", gap: 1, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material26.Stack, { gap: 0.25, sx: { width: "100%", minWidth: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_material26.Stack, { direction: "row", justifyContent: "space-between", gap: 1, children: [
             renderText(primaryText, {
               variant: "body2",
               fontWeight: 600,
@@ -3654,7 +3812,7 @@ function OrganizationItem({
             color: "text.secondary"
           })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_assets14.ChevronRightIcon,
           {
             variant: "xs",
@@ -3678,8 +3836,8 @@ function OrganizationSelectorButton({
   sx,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    import_material24.ButtonBase,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+    import_material26.ButtonBase,
     {
       disableRipple: true,
       sx: {
@@ -3694,8 +3852,8 @@ function OrganizationSelectorButton({
       ...props,
       children: [
         icon,
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          import_material24.Typography,
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          import_material26.Typography,
           {
             variant: "caption",
             fontWeight: 600,
@@ -3704,13 +3862,13 @@ function OrganizationSelectorButton({
             children: name
           }
         ),
-        open ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        open ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_assets14.ChevronUpIcon,
           {
             variant: "xs",
             sx: { width: 16, height: 16, flexShrink: 0, color: "text.secondary" }
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+        ) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           import_assets14.ChevronDownIcon,
           {
             variant: "xs",
@@ -3728,8 +3886,8 @@ function OrganizationSelectorPopover({
   transformOrigin,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-    import_material24.Popover,
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    import_material26.Popover,
     {
       anchorOrigin: anchorOrigin ?? { vertical: "bottom", horizontal: "right" },
       transformOrigin: transformOrigin ?? { vertical: -8, horizontal: "right" },
@@ -3744,16 +3902,16 @@ function OrganizationSelectorPopover({
         }
       },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(OrganizationSelector, { loading, children })
+      children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(OrganizationSelector, { loading, children })
     }
   );
 }
 
 // src/UserInitialsIcon/UserInitialsIcon.tsx
-var import_material25 = require("@mui/material");
+var import_material27 = require("@mui/material");
 var import_styles2 = require("@mui/material/styles");
 var import_randomcolor = __toESM(require_randomColor(), 1);
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var DEFAULT_SIZE = 40;
 var DEFAULT_BORDER_RADIUS = 1.5;
 var TEXT_RATIO = 0.4;
@@ -3771,8 +3929,8 @@ function UserInitialsIcon({
   const textColor = (0, import_styles2.darken)((0, import_randomcolor.default)({ luminosity: "dark", seed: id }), 0.3);
   const size = typeof width === "number" ? width : DEFAULT_SIZE;
   const fontSize = size * TEXT_RATIO;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_material25.Box,
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+    import_material27.Box,
     {
       minWidth: width,
       width,
@@ -3785,8 +3943,8 @@ function UserInitialsIcon({
       justifyContent: "center",
       sx: { ...sx },
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-        import_material25.Typography,
+      children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_material27.Typography,
         {
           variant: "h3",
           color: textColor,
@@ -3808,9 +3966,9 @@ var getInitials = (name) => {
 };
 
 // src/DynamicSvgIcon/DynamicSvgIcon.tsx
-var import_material26 = require("@mui/material");
+var import_material28 = require("@mui/material");
 var import_react17 = require("react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var svgCache = /* @__PURE__ */ new Map();
 function clearDynamicSvgIconCache() {
   svgCache.clear();
@@ -3912,8 +4070,8 @@ function DynamicSvgIcon({
     onError
   });
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_material26.Skeleton,
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      import_material28.Skeleton,
       {
         variant: skeletonVariant,
         animation: skeletonAnimation,
@@ -3922,8 +4080,8 @@ function DynamicSvgIcon({
     );
   }
   if (error || !svgContent) {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-      import_material26.Box,
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      import_material28.Box,
       {
         sx: {
           width,
@@ -3942,8 +4100,8 @@ function DynamicSvgIcon({
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_material26.SvgIcon,
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_material28.SvgIcon,
     {
       ...svgIconProps,
       ...svgViewBox && { viewBox: svgViewBox },
@@ -3952,7 +4110,7 @@ function DynamicSvgIcon({
         width,
         height
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("g", { dangerouslySetInnerHTML: { __html: svgContent } })
+      children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("g", { dangerouslySetInnerHTML: { __html: svgContent } })
     }
   );
 }
@@ -3968,6 +4126,7 @@ function DynamicSvgIcon({
   BiampBannerIcon,
   BiampBuildAppContent,
   BiampBuildAppContentItem,
+  BiampCheckboxListPopover,
   BiampEndUserAppContent,
   BiampEndUserAppContentItem,
   BiampGlobalSearch,
@@ -3980,6 +4139,12 @@ function DynamicSvgIcon({
   BiampHeaderSearch,
   BiampHeaderTitle,
   BiampLayout,
+  BiampListPopover,
+  BiampListPopoverItem,
+  BiampListPopoverScrollArea,
+  BiampNotificationPopover,
+  BiampNotificationPopoverBody,
+  BiampNotificationPopoverHeader,
   BiampSidebar,
   BiampSidebarComponent,
   BiampSidebarIcon,