@bwp-web/components 1.4.1 → 1.5.0

package/README.md

@@ -10,7 +10,7 @@ npm install @bwp-web/components
 
 ### Peer Dependencies
 
-- `@bwp-web/styles` >= 1.0.4
+- `@bwp-web/styles` >= 1.0.5
 - `@bwp-web/assets` >= 1.0.2
 - `@mui/material` >= 7.0.0
 - `react` >= 18.0.0
@@ -22,36 +22,36 @@ For `BiampTable` only:
 
 ## Components
 
-| Component                    | Description                                                                              |
-| ---------------------------- | ---------------------------------------------------------------------------------------- |
-| `BiampLayout`                | Full-page layout shell with optional header and sidebar slots                            |
-| `BiampWrapper`               | Full-page content wrapper with padding, rounded corners, and scrollable overflow         |
-| `BiampSidebar`               | Expandable vertical sidebar (48px ↔ 240px) with animated toggle and copyright caption    |
-| `BiampSidebarIconList`       | Scrollable vertical list with 4px gaps for sidebar items                                 |
-| `BiampSidebarIcon`           | Selectable 48px-tall icon button for sidebar navigation, with optional `name` label      |
-| `BiampSidebarComponent`      | 48×48px rounded box for arbitrary sidebar content                                        |
-| `BiampHeader`                | Horizontal header container with padding                                                 |
-| `BiampHeaderTitle`           | Title section with icon, optional title, and optional subtitle                           |
-| `BiampHeaderSearch`          | Search input with leading search icon                                                    |
-| `BiampHeaderActions`         | Flex container for grouping action buttons and profile                                   |
-| `BiampHeaderButtonList`      | Horizontal list with 4px gaps for header buttons                                         |
-| `BiampHeaderButton`          | Selectable 40×40px icon button for header actions                                        |
-| `BiampHeaderProfile`         | Profile button with image or custom children (e.g. `UserInitialsIcon`)                   |
-| `BiampAppPopover`            | Styled popover for the app-launcher content                                              |
-| `BiampBuildAppContent`       | 2-column grid container for "Configure & Build" app tiles                                |
-| `BiampBuildAppContentItem`   | App tile with image, name, description, and optional action button                       |
-| `BiampEndUserAppContent`     | Responsive container for end-user app items: stack for one child, 2-column grid for many |
-| `BiampEndUserAppContentItem` | Row-style app item with image, name, description, and external link; supports `href`     |
-| `BiampBanner`                | Full-width animated notification banner                                                  |
-| `BiampBannerIcon`            | Leading icon slot for `BiampBanner`                                                      |
-| `BiampBannerContent`         | Center message slot for `BiampBanner`                                                    |
-| `BiampBannerActions`         | Trailing actions slot for `BiampBanner`                                                  |
-| `BiampGlobalSearch`          | Searchable autocomplete with icons, subtitles, chips, and keyboard hints                 |
-| `SegmentedButtonGroup`       | Horizontal container for grouping segmented toggle buttons                               |
-| `SegmentedButton`            | Individual toggle button for use inside `SegmentedButtonGroup`                           |
-| `BiampTable`                 | Composable data table with sorting, selection, pagination, and more                      |
-| `UserInitialsIcon`           | Avatar-style icon showing a user's initials with a deterministic color                   |
-| `DynamicSvgIcon`             | Renders a remotely-fetched SVG with a skeleton loader and required fallback              |
+| Component                    | Description                                                                                                         |
+| ---------------------------- | ------------------------------------------------------------------------------------------------------------------- |
+| `BiampLayout`                | Full-page layout shell with optional header and sidebar slots                                                       |
+| `BiampWrapper`               | Full-page content wrapper with padding, rounded corners, scrollable overflow, and an optional debounced loading bar |
+| `BiampSidebar`               | Expandable vertical sidebar (48px ↔ 240px) with animated toggle and copyright caption                               |
+| `BiampSidebarIconList`       | Scrollable vertical list with 4px gaps for sidebar items; suppresses overscroll bounce                              |
+| `BiampSidebarIcon`           | Selectable 48px-tall icon button for sidebar navigation, with optional `name` label                                 |
+| `BiampSidebarComponent`      | 48×48px rounded box for arbitrary sidebar content                                                                   |
+| `BiampHeader`                | Horizontal header container with padding                                                                            |
+| `BiampHeaderTitle`           | Title section with icon, optional title, and optional subtitle                                                      |
+| `BiampHeaderSearch`          | Search input with leading search icon                                                                               |
+| `BiampHeaderActions`         | Flex container for grouping action buttons and profile                                                              |
+| `BiampHeaderButtonList`      | Horizontal list with 4px gaps for header buttons                                                                    |
+| `BiampHeaderButton`          | Selectable 40×40px icon button for header actions                                                                   |
+| `BiampHeaderProfile`         | Profile button with image or custom children (e.g. `UserInitialsIcon`)                                              |
+| `BiampAppPopover`            | Styled popover for the app-launcher content                                                                         |
+| `BiampBuildAppContent`       | 2-column grid container for "Configure & Build" app tiles                                                           |
+| `BiampBuildAppContentItem`   | App tile with image, name, description, and optional action button                                                  |
+| `BiampEndUserAppContent`     | Responsive container for end-user app items: stack for one child, 2-column grid for many                            |
+| `BiampEndUserAppContentItem` | Row-style app item with image, name, description, and external link; supports `href`                                |
+| `BiampBanner`                | Full-width animated notification banner                                                                             |
+| `BiampBannerIcon`            | Leading icon slot for `BiampBanner`                                                                                 |
+| `BiampBannerContent`         | Center message slot for `BiampBanner`                                                                               |
+| `BiampBannerActions`         | Trailing actions slot for `BiampBanner`                                                                             |
+| `BiampGlobalSearch`          | Searchable autocomplete with icons, subtitles, chips, and keyboard hints                                            |
+| `SegmentedButtonGroup`       | Horizontal container for grouping segmented toggle buttons                                                          |
+| `SegmentedButton`            | Individual toggle button for use inside `SegmentedButtonGroup`                                                      |
+| `BiampTable`                 | Composable data table with sorting, selection, pagination, and more                                                 |
+| `UserInitialsIcon`           | Avatar-style icon showing a user's initials with a deterministic color                                              |
+| `DynamicSvgIcon`             | Renders a remotely-fetched SVG with a skeleton loader and required fallback                                         |
 
 ## Usage
 
@@ -196,6 +196,18 @@ Full-page content wrapper with 16px padding, 8px border-radius, scrollable overf
 <BiampWrapper>{/* page content */}</BiampWrapper>
 ```
 
+Pass `loading` to show a debounced `LinearProgress` bar pinned to the top of the wrapper. The bar appears 150ms after `loading` flips true and stays visible for at least 500ms once shown, so fast loads don't flicker.
+
+```tsx
+<BiampWrapper loading={isLoading}>{/* page content */}</BiampWrapper>
+```
+
+#### BiampWrapper Props
+
+| Prop      | Type      | Default | Description                                                                   |
+| --------- | --------- | ------- | ----------------------------------------------------------------------------- |
+| `loading` | `boolean` | `false` | Shows a debounced `LinearProgress` bar at the top of the wrapper while truthy |
+
 ### BiampSidebar
 
 Vertical sidebar that animates between a collapsed (48px) and expanded (240px) width. A toggle button is rendered between the children and the bottom logo by default; pass `expandable={false}` to hide it. When expanded, each `BiampSidebarIcon`'s `name` fades in next to its icon and the optional `bottomLogoText` (auto-prefixed with `© [current year]`) appears next to the logo.

package/dist/BiampSidebar/BiampSidebar.d.ts

@@ -13,6 +13,9 @@ export declare function BiampSidebar({ children, bottomLogoIcon, bottomLogoText,
 type BiampSidebarIconList = StackProps & {
     children: React.ReactNode;
 };
+/**
+ * Vertical, scrollable list container for sidebar items with 4px gaps.
+ */
 export declare function BiampSidebarIconList({ children, sx, ...props }: BiampSidebarIconList): import("react/jsx-runtime").JSX.Element;
 type BiampSidebarIconProps = ListItemButtonProps & {
     selected?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"BiampSidebar.d.ts","sourceRoot":"","sources":["../../src/BiampSidebar/BiampSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EAEnB,UAAU,EAEX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,GAAG,EAAuC,MAAM,OAAO,CAAC;AAUjE,KAAK,iBAAiB,GAAG,UAAU,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAiB,EACjB,QAAQ,EAAE,YAAY,EACtB,eAAuB,EACvB,gBAAgB,EAChB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAmFnB;AAED,KAAK,oBAAoB,GAAG,UAAU,GAAG;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAetB;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwDvB;AAED,KAAK,0BAA0B,GAAG,mBAAmB,GAAG;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAoB5B"}
+{"version":3,"file":"BiampSidebar.d.ts","sourceRoot":"","sources":["../../src/BiampSidebar/BiampSidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,mBAAmB,EAEnB,UAAU,EAEX,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,GAAG,EAAuC,MAAM,OAAO,CAAC;AAUjE,KAAK,iBAAiB,GAAG,UAAU,GAAG;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,cAAc,EACd,UAAiB,EACjB,QAAQ,EAAE,YAAY,EACtB,eAAuB,EACvB,gBAAgB,EAChB,EAAE,EACF,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAmFnB;AAED,KAAK,oBAAoB,GAAG,UAAU,GAAG;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,oBAAoB,2CAgBtB;AAED,KAAK,qBAAqB,GAAG,mBAAmB,GAAG;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,GAAG,CAAC,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,IAAI,EACJ,EAAE,EACF,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAwDvB;AAED,KAAK,0BAA0B,GAAG,mBAAmB,GAAG;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,EACpC,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,0BAA0B,2CAoB5B"}

package/dist/BiampWrapper/BiampWrapper.d.ts

@@ -1,12 +1,16 @@
 import React from 'react';
 import { StackProps } from '@mui/material';
 export type BiampWrapperProps = StackProps & {
+    loading?: boolean;
     children?: React.ReactNode;
 };
 /**
  * A full-page content wrapper that stretches to fill all available space
  * with 16px padding, 8px border radius, and scrollable overflow.
  * Background: white (light) / `grey.800` (dark).
+ *
+ * Optional `loading` shows a `LinearProgress` bar pinned to the top,
+ * debounced via `useLoadingDelay` so fast loads don't flicker.
  */
-export declare function BiampWrapper({ children, sx, ...props }: BiampWrapperProps): import("react/jsx-runtime").JSX.Element;
+export declare function BiampWrapper({ loading, children, sx, ...props }: BiampWrapperProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BiampWrapper.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"BiampWrapper.d.ts","sourceRoot":"","sources":["../../src/BiampWrapper/BiampWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,UAAU,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAsBzE"}
+{"version":3,"file":"BiampWrapper.d.ts","sourceRoot":"","sources":["../../src/BiampWrapper/BiampWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAA8B,UAAU,EAAE,MAAM,eAAe,CAAC;AAGvE,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,EAC3B,OAAe,EACf,QAAQ,EACR,EAAE,EACF,GAAG,KAAK,EACT,EAAE,iBAAiB,2CAsCnB"}

package/dist/hooks/index.d.ts

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

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

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

package/dist/hooks/useLoadingDelay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLoadingDelay.d.ts","sourceRoot":"","sources":["../../src/hooks/useLoadingDelay.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAC7B,OAAO,EAAE,OAAO,EAChB,EAAE,KAAW,EAAE,WAAiB,EAAE;;;CAAK,GACtC,OAAO,CAoCT"}

package/dist/index.cjs

@@ -465,15 +465,55 @@ module.exports = __toCommonJS(index_exports);
 
 // src/BiampWrapper/BiampWrapper.tsx
 var import_material = require("@mui/material");
+
+// src/hooks/useLoadingDelay.ts
+var import_react = require("react");
+function useLoadingDelay(loading, { delay = 150, minDuration = 500 } = {}) {
+  const [status, setStatus] = (0, import_react.useState)("idle");
+  const timeoutRef = (0, import_react.useRef)(null);
+  function clearPending() {
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  }
+  (0, import_react.useEffect)(() => {
+    if (loading && status === "idle") {
+      clearPending();
+      timeoutRef.current = setTimeout(() => {
+        timeoutRef.current = setTimeout(() => {
+          setStatus("ending");
+        }, minDuration);
+        setStatus("loading");
+      }, delay);
+      setStatus("delaying");
+    }
+    if (!loading && status !== "loading") {
+      clearPending();
+      setStatus("idle");
+    }
+  }, [loading, delay, minDuration, status]);
+  (0, import_react.useEffect)(() => clearPending, []);
+  return status === "loading" || status === "ending";
+}
+
+// src/BiampWrapper/BiampWrapper.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-function BiampWrapper({ children, sx, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+function BiampWrapper({
+  loading = false,
+  children,
+  sx,
+  ...props
+}) {
+  const showLoading = useLoadingDelay(loading);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     import_material.Stack,
     {
       direction: "column",
       padding: "16px",
       alignItems: "flex-start",
       sx: {
+        position: "relative",
         flex: 1,
         height: "100%",
         width: "100%",
@@ -484,7 +524,22 @@ function BiampWrapper({ children, sx, ...props }) {
         ...sx
       },
       ...props,
-      children
+      children: [
+        showLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_material.Box,
+          {
+            sx: ({ zIndex }) => ({
+              position: "absolute",
+              top: 0,
+              left: 0,
+              width: "100%",
+              zIndex: zIndex.appBar + 1
+            }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.LinearProgress, {})
+          }
+        ),
+        children
+      ]
     }
   );
 }
@@ -492,9 +547,9 @@ function BiampWrapper({ children, sx, ...props }) {
 // src/BiampSidebar/BiampSidebar.tsx
 var import_material2 = require("@mui/material");
 var import_assets = require("@bwp-web/assets");
-var import_react = require("react");
+var import_react2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var BiampSidebarContext = (0, import_react.createContext)({
+var BiampSidebarContext = (0, import_react2.createContext)({
   expanded: false
 });
 function BiampSidebar({
@@ -508,7 +563,7 @@ function BiampSidebar({
   sx,
   ...props
 }) {
-  const [internalExpanded, setInternalExpanded] = (0, import_react.useState)(defaultExpanded);
+  const [internalExpanded, setInternalExpanded] = (0, import_react2.useState)(defaultExpanded);
   const isControlled = expandedProp !== void 0;
   const expanded = isControlled ? expandedProp : internalExpanded;
   const toggleExpanded = () => {
@@ -570,7 +625,7 @@ function BiampSidebar({
                 {
                   variant: "caption",
                   fontWeight: 500,
-                  color: "sidebar.main",
+                  color: "text.secondary",
                   noWrap: true,
                   sx: {
                     opacity: expanded ? 1 : 0,
@@ -601,6 +656,7 @@ function BiampSidebarIconList({
         minHeight: 0,
         gap: "4px",
         overflowY: "auto",
+        overscrollBehavior: "none",
         ...sx
       },
       ...props,
@@ -616,7 +672,7 @@ function BiampSidebarIcon({
   sx,
   ...props
 }) {
-  const { expanded } = (0, import_react.useContext)(BiampSidebarContext);
+  const { expanded } = (0, import_react2.useContext)(BiampSidebarContext);
   const displayedSelectedIcon = selectedIcon ?? icon;
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
     import_material2.ListItemButton,
@@ -701,7 +757,7 @@ function BiampSidebarComponent({
 
 // src/BiampHeader/BiampHeader.tsx
 var import_material3 = require("@mui/material");
-var import_react2 = require("react");
+var import_react3 = require("react");
 var import_assets2 = require("@bwp-web/assets");
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function BiampHeader({ children, sx, ...props }) {
@@ -944,7 +1000,7 @@ function BiampEndUserAppContent({
   sx,
   ...props
 }) {
-  const isGrid = import_react2.Children.count(children) > 1;
+  const isGrid = import_react3.Children.count(children) > 1;
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_material3.Stack,
     {
@@ -1099,7 +1155,7 @@ var import_assets3 = require("@bwp-web/assets");
 
 // src/BiampTable/BiampTableStatusMessage.tsx
 var import_material5 = require("@mui/material");
-var import_react3 = require("react");
+var import_react4 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 function BiampTableStatusMessage({
   icon,
@@ -1109,7 +1165,7 @@ function BiampTableStatusMessage({
   ...stackProps
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_material5.Stack, { alignItems: "center", gap: 1.5, ...stackProps, children: [
-    (0, import_react3.cloneElement)(icon, {
+    (0, import_react4.cloneElement)(icon, {
       "aria-hidden": true,
       sx: { width: 56, height: 56, ...icon.props.sx }
     }),
@@ -1152,24 +1208,24 @@ function BiampTableErrorState({
 var import_material8 = require("@mui/material");
 var import_assets5 = require("@bwp-web/assets");
 var import_react_table = require("@tanstack/react-table");
-var import_react5 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
 
 // src/BiampTable/BiampTableTruncatedCell.tsx
 var import_material6 = require("@mui/material");
-var import_react4 = require("react");
+var import_react5 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function BiampTableTruncatedCell({
   children
 }) {
-  const textRef = (0, import_react4.useRef)(null);
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const handleMouseEnter = (0, import_react4.useCallback)(() => {
+  const textRef = (0, import_react5.useRef)(null);
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const handleMouseEnter = (0, import_react5.useCallback)(() => {
     const el = textRef.current;
     if (el && el.scrollWidth > el.clientWidth) {
       setOpen(true);
     }
   }, []);
-  const handleMouseLeave = (0, import_react4.useCallback)(() => {
+  const handleMouseLeave = (0, import_react5.useCallback)(() => {
     setOpen(false);
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -1563,42 +1619,11 @@ function BiampTableRowInner({
 function biampTableRowPropsAreEqual(prev, next) {
   return prev.row.id === next.row.id && prev.row.original === next.row.original && prev.isSelected === next.isSelected && prev.isExpanded === next.isExpanded && prev.row.getVisibleCells().length === next.row.getVisibleCells().length && prev.enableRowSelection === next.enableRowSelection && prev.enableExpanding === next.enableExpanding && prev.alwaysExpanded === next.alwaysExpanded && prev.hasExpandableRows === next.hasExpandableRows && prev.selectChildrenWithParent === next.selectChildrenWithParent && prev.showExpandGuidelines === next.showExpandGuidelines && prev.onRowClick === next.onRowClick && prev.isRowClickable === next.isRowClickable && prev.getRowLabel === next.getRowLabel && prev.customColor === next.customColor && prev.rowSlotProps === next.rowSlotProps && prev.cellSlotProps === next.cellSlotProps;
 }
-var BiampTableRow = import_react5.default.memo(
+var BiampTableRow = import_react6.default.memo(
   BiampTableRowInner,
   biampTableRowPropsAreEqual
 );
 
-// src/BiampTable/useLoadingDelay.ts
-var import_react6 = require("react");
-function useLoadingDelay(loading, { delay = 150, minDuration = 500 } = {}) {
-  const [status, setStatus] = (0, import_react6.useState)("idle");
-  const timeoutRef = (0, import_react6.useRef)(null);
-  function clearPending() {
-    if (timeoutRef.current !== null) {
-      clearTimeout(timeoutRef.current);
-      timeoutRef.current = null;
-    }
-  }
-  (0, import_react6.useEffect)(() => {
-    if (loading && status === "idle") {
-      clearPending();
-      timeoutRef.current = setTimeout(() => {
-        timeoutRef.current = setTimeout(() => {
-          setStatus("ending");
-        }, minDuration);
-        setStatus("loading");
-      }, delay);
-      setStatus("delaying");
-    }
-    if (!loading && status !== "loading") {
-      clearPending();
-      setStatus("idle");
-    }
-  }, [loading, delay, minDuration, status]);
-  (0, import_react6.useEffect)(() => clearPending, []);
-  return status === "loading" || status === "ending";
-}
-
 // src/BiampTable/BiampTable.tsx
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var overlaySx = {