asma-ui-table 1.0.127 → 1.0.128

package/dist/asma-ui-table.es.js

@@ -27,32 +27,6 @@ const INTERNAL_COLUMN_IDS = [
   DND_HANDLE_COLUMN_ID,
   SHOW_FULL_TEXT_ID
 ];
-function getAugmentedNamespace(n) {
-  if (n.__esModule)
-    return n;
-  var f = n.default;
-  if (typeof f == "function") {
-    var a = function a2() {
-      if (this instanceof a2) {
-        return Reflect.construct(f, arguments, this.constructor);
-      }
-      return f.apply(this, arguments);
-    };
-    a.prototype = f.prototype;
-  } else
-    a = {};
-  Object.defineProperty(a, "__esModule", { value: true });
-  Object.keys(n).forEach(function(k) {
-    var d = Object.getOwnPropertyDescriptor(n, k);
-    Object.defineProperty(a, k, d.get ? d : {
-      enumerable: true,
-      get: function() {
-        return n[k];
-      }
-    });
-  });
-  return a;
-}
 var jsxRuntime = { exports: {} };
 var reactJsxRuntime_production_min = {};
 /**
@@ -116,7 +90,7 @@ function requireReactJsxRuntime_development() {
       var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
       var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
       var REACT_MEMO_TYPE = Symbol.for("react.memo");
-      var REACT_LAZY_TYPE2 = Symbol.for("react.lazy");
+      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
       var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
       var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
       var FAUX_ITERATOR_SYMBOL = "@@iterator";
@@ -173,7 +147,7 @@ function requireReactJsxRuntime_development() {
           return true;
         }
         if (typeof type === "object" && type !== null) {
-          if (type.$$typeof === REACT_LAZY_TYPE2 || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+          if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
           // types supported by any Flight configuration anywhere since
           // we don't know which Flight build this will end up being used
           // with.
@@ -239,7 +213,7 @@ function requireReactJsxRuntime_development() {
                 return outerName;
               }
               return getComponentNameFromType(type.type) || "Memo";
-            case REACT_LAZY_TYPE2: {
+            case REACT_LAZY_TYPE: {
               var lazyComponent = type;
               var payload = lazyComponent._payload;
               var init = lazyComponent._init;
@@ -489,7 +463,7 @@ function requireReactJsxRuntime_development() {
               return describeFunctionComponentFrame(type.render);
             case REACT_MEMO_TYPE:
               return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-            case REACT_LAZY_TYPE2: {
+            case REACT_LAZY_TYPE: {
               var lazyComponent = type;
               var payload = lazyComponent._payload;
               var init = lazyComponent._init;
@@ -897,7 +871,6 @@ function requireReactJsxRuntime_development() {
           }
         }
       }
-      var didWarnAboutKeySpread = {};
       function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
         {
           var validType = isValidElementType(type);
@@ -948,20 +921,6 @@ function requireReactJsxRuntime_development() {
               }
             }
           }
-          {
-            if (hasOwnProperty.call(props, "key")) {
-              var componentName = getComponentNameFromType(type);
-              var keys = Object.keys(props).filter(function(k) {
-                return k !== "key";
-              });
-              var beforeExample = keys.length > 0 ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
-              if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-                var afterExample = keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
-                error2('A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-                didWarnAboutKeySpread[componentName + beforeExample] = true;
-              }
-            }
-          }
           if (type === REACT_FRAGMENT_TYPE) {
             validateFragmentProps(element);
           } else {
@@ -1289,8 +1248,6 @@ function LiveRegion(_ref) {
   } = _ref;
   const visuallyHidden2 = {
     position: "fixed",
-    top: 0,
-    left: 0,
     width: 1,
     height: 1,
     margin: -1,
@@ -2101,12 +2058,11 @@ var KeyboardCode;
   KeyboardCode2["Up"] = "ArrowUp";
   KeyboardCode2["Esc"] = "Escape";
   KeyboardCode2["Enter"] = "Enter";
-  KeyboardCode2["Tab"] = "Tab";
 })(KeyboardCode || (KeyboardCode = {}));
 const defaultKeyboardCodes = {
   start: [KeyboardCode.Space, KeyboardCode.Enter],
   cancel: [KeyboardCode.Esc],
-  end: [KeyboardCode.Space, KeyboardCode.Enter, KeyboardCode.Tab]
+  end: [KeyboardCode.Space, KeyboardCode.Enter]
 };
 const defaultKeyboardCoordinateGetter = (event, _ref) => {
   let {
@@ -2401,9 +2357,6 @@ class AbstractPointerSensor {
       passive: false
     });
     this.listeners.add(events2.end.name, this.handleEnd);
-    if (events2.cancel) {
-      this.listeners.add(events2.cancel.name, this.handleCancel);
-    }
     this.windowListeners.add(EventName.Resize, this.handleCancel);
     this.windowListeners.add(EventName.DragStart, preventDefault);
     this.windowListeners.add(EventName.VisibilityChange, this.handleCancel);
@@ -2419,11 +2372,9 @@ class AbstractPointerSensor {
       }
       if (isDelayConstraint(activationConstraint)) {
         this.timeoutId = setTimeout(this.handleStart, activationConstraint.delay);
-        this.handlePending(activationConstraint);
         return;
       }
       if (isDistanceConstraint(activationConstraint)) {
-        this.handlePending(activationConstraint);
         return;
       }
     }
@@ -2438,13 +2389,6 @@ class AbstractPointerSensor {
       this.timeoutId = null;
     }
   }
-  handlePending(constraint, offset) {
-    const {
-      active,
-      onPending
-    } = this.props;
-    onPending(active, constraint, this.initialCoordinates, offset);
-  }
   handleStart() {
     const {
       initialCoordinates
@@ -2494,7 +2438,6 @@ class AbstractPointerSensor {
           return this.handleCancel();
         }
       }
-      this.handlePending(activationConstraint, delta);
       return;
     }
     if (event.cancelable) {
@@ -2504,24 +2447,16 @@ class AbstractPointerSensor {
   }
   handleEnd() {
     const {
-      onAbort,
       onEnd
     } = this.props;
     this.detach();
-    if (!this.activated) {
-      onAbort(this.props.active);
-    }
     onEnd();
   }
   handleCancel() {
     const {
-      onAbort,
       onCancel
     } = this.props;
     this.detach();
-    if (!this.activated) {
-      onAbort(this.props.active);
-    }
     onCancel();
   }
   handleKeydown(event) {
@@ -2535,9 +2470,6 @@ class AbstractPointerSensor {
   }
 }
 const events = {
-  cancel: {
-    name: "pointercancel"
-  },
   move: {
     name: "pointermove"
   },
@@ -2608,9 +2540,6 @@ MouseSensor.activators = [{
   }
 }];
 const events$2 = {
-  cancel: {
-    name: "touchcancel"
-  },
   move: {
     name: "touchmove"
   },
@@ -2819,11 +2748,11 @@ function useScrollIntent(_ref2) {
   }, [disabled, delta, previousDelta]);
 }
 function useCachedNode(draggableNodes, id) {
-  const draggableNode = id != null ? draggableNodes.get(id) : void 0;
+  const draggableNode = id !== null ? draggableNodes.get(id) : void 0;
   const node = draggableNode ? draggableNode.node.current : null;
   return useLazyMemo((cachedNode) => {
     var _ref;
-    if (id == null) {
+    if (id === null) {
       return null;
     }
     return (_ref = node != null ? node : cachedNode) != null ? _ref : null;
@@ -3023,23 +2952,7 @@ function useRect(element, measure, fallbackRect) {
   if (measure === void 0) {
     measure = defaultMeasure;
   }
-  const [rect, setRect] = useState(null);
-  function measureRect() {
-    setRect((currentRect) => {
-      if (!element) {
-        return null;
-      }
-      if (element.isConnected === false) {
-        var _ref;
-        return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
-      }
-      const newRect = measure(element);
-      if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
-        return currentRect;
-      }
-      return newRect;
-    });
-  }
+  const [rect, measureRect] = useReducer(reducer2, null);
   const mutationObserver = useMutationObserver({
     callback(records) {
       if (!element) {
@@ -3074,6 +2987,20 @@ function useRect(element, measure, fallbackRect) {
     }
   }, [element]);
   return rect;
+  function reducer2(currentRect) {
+    if (!element) {
+      return null;
+    }
+    if (element.isConnected === false) {
+      var _ref;
+      return (_ref = currentRect != null ? currentRect : fallbackRect) != null ? _ref : null;
+    }
+    const newRect = measure(element);
+    if (JSON.stringify(currentRect) === JSON.stringify(newRect)) {
+      return currentRect;
+    }
+    return newRect;
+  }
 }
 function useRectDelta(rect) {
   const initialRect = useInitialValue(rect);
@@ -3222,24 +3149,28 @@ function useRects(elements, measure) {
   }
   const [firstElement] = elements;
   const windowRect = useWindowRect(firstElement ? getWindow$1(firstElement) : null);
-  const [rects, setRects] = useState(defaultValue$2);
-  function measureRects() {
-    setRects(() => {
-      if (!elements.length) {
-        return defaultValue$2;
-      }
-      return elements.map((element) => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
-    });
-  }
+  const [rects, measureRects] = useReducer(reducer2, defaultValue$2);
   const resizeObserver = useResizeObserver({
     callback: measureRects
   });
-  useIsomorphicLayoutEffect(() => {
-    resizeObserver == null ? void 0 : resizeObserver.disconnect();
+  if (elements.length > 0 && rects === defaultValue$2) {
     measureRects();
-    elements.forEach((element) => resizeObserver == null ? void 0 : resizeObserver.observe(element));
+  }
+  useIsomorphicLayoutEffect(() => {
+    if (elements.length) {
+      elements.forEach((element) => resizeObserver == null ? void 0 : resizeObserver.observe(element));
+    } else {
+      resizeObserver == null ? void 0 : resizeObserver.disconnect();
+      measureRects();
+    }
   }, [elements]);
   return rects;
+  function reducer2() {
+    if (!elements.length) {
+      return defaultValue$2;
+    }
+    return elements.map((element) => isDocumentScrollingElement(element) ? windowRect : new Rect(measure(element), element));
+  }
 }
 function getMeasurableNode(node) {
   if (!node) {
@@ -3406,7 +3337,7 @@ function reducer(state, action) {
         }
       };
     case Action.DragMove:
-      if (state.draggable.active == null) {
+      if (!state.draggable.active) {
         return state;
       }
       return {
@@ -3668,7 +3599,7 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
       containers: droppableContainers
     }
   } = state;
-  const node = activeId != null ? draggableNodes.get(activeId) : null;
+  const node = activeId ? draggableNodes.get(activeId) : null;
   const activeRects = useRef({
     initial: null,
     translated: null
@@ -3703,7 +3634,7 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
   const autoScrollOptions = getAutoScrollerOptions();
   const initialActiveNodeRect = useInitialRect(activeNode, measuringConfiguration.draggable.measure);
   useLayoutShiftScrollCompensation({
-    activeNode: activeId != null ? draggableNodes.get(activeId) : null,
+    activeNode: activeId ? draggableNodes.get(activeId) : null,
     config: autoScrollOptions.layoutShiftCompensation,
     initialRect: initialActiveNodeRect,
     measure: measuringConfiguration.draggable.measure
@@ -3771,7 +3702,6 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
   const [over, setOver] = useState(null);
   const appliedTranslate = usesDragOverlay ? modifiedTranslate : add(modifiedTranslate, activeNodeScrollDelta);
   const transform = adjustScale(appliedTranslate, (_over$rect = over == null ? void 0 : over.rect) != null ? _over$rect : null, activeNodeRect);
-  const activeSensorRef = useRef(null);
   const instantiateSensor = useCallback(
     (event, _ref2) => {
       let {
@@ -3794,43 +3724,6 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
         // Sensors need to be instantiated with refs for arguments that change over time
         // otherwise they are frozen in time with the stale arguments
         context: sensorContext,
-        onAbort(id2) {
-          const draggableNode = draggableNodes.get(id2);
-          if (!draggableNode) {
-            return;
-          }
-          const {
-            onDragAbort
-          } = latestProps.current;
-          const event2 = {
-            id: id2
-          };
-          onDragAbort == null ? void 0 : onDragAbort(event2);
-          dispatchMonitorEvent({
-            type: "onDragAbort",
-            event: event2
-          });
-        },
-        onPending(id2, constraint, initialCoordinates, offset) {
-          const draggableNode = draggableNodes.get(id2);
-          if (!draggableNode) {
-            return;
-          }
-          const {
-            onDragPending
-          } = latestProps.current;
-          const event2 = {
-            id: id2,
-            constraint,
-            initialCoordinates,
-            offset
-          };
-          onDragPending == null ? void 0 : onDragPending(event2);
-          dispatchMonitorEvent({
-            type: "onDragPending",
-            event: event2
-          });
-        },
         onStart(initialCoordinates) {
           const id2 = activeRef.current;
           if (id2 == null) {
@@ -3844,7 +3737,6 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
             onDragStart
           } = latestProps.current;
           const event2 = {
-            activatorEvent: activatorEvent2,
             active: {
               id: id2,
               data: draggableNode.data,
@@ -3863,8 +3755,6 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
               type: "onDragStart",
               event: event2
             });
-            setActiveSensor(activeSensorRef.current);
-            setActivatorEvent(activatorEvent2);
           });
         },
         onMove(coordinates) {
@@ -3876,7 +3766,10 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
         onEnd: createHandler(Action.DragEnd),
         onCancel: createHandler(Action.DragCancel)
       });
-      activeSensorRef.current = sensorInstance;
+      unstable_batchedUpdates(() => {
+        setActiveSensor(sensorInstance);
+        setActivatorEvent(event.nativeEvent);
+      });
       function createHandler(type) {
         return async function handler() {
           const {
@@ -3913,7 +3806,6 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
             setOver(null);
             setActiveSensor(null);
             setActivatorEvent(null);
-            activeSensorRef.current = null;
             const eventName = type === Action.DragEnd ? "onDragEnd" : "onDragCancel";
             if (event2) {
               const handler2 = latestProps.current[eventName];
@@ -4139,7 +4031,7 @@ const DndContext = /* @__PURE__ */ memo$1(function DndContext2(_ref) {
 });
 const NullContext = /* @__PURE__ */ createContext(null);
 const defaultRole = "button";
-const ID_PREFIX$1 = "Draggable";
+const ID_PREFIX$1 = "Droppable";
 function useDraggable(_ref) {
   let {
     id,
@@ -4288,7 +4180,7 @@ function useDroppable(_ref) {
     resizeObserverConnected.current = false;
     resizeObserver.observe(nodeRef.current);
   }, [nodeRef, resizeObserver]);
-  useEffect(
+  useIsomorphicLayoutEffect(
     () => {
       dispatch({
         type: Action.RegisterDroppable,
@@ -4891,11 +4783,6 @@ const mobileView = (windowWidth) => {
     return window.innerWidth < 743;
   return windowWidth <= 743;
 };
-function useIsMobileView() {
-  const windowsSize = useWindowWidthSize();
-  const result = mobileView(windowsSize);
-  return result;
-}
 /**
    * table-core
    *
@@ -8240,10 +8127,7 @@ function createStableCallback() {
 }
 function assertNotCalled() {
   if (process.env.NODE_ENV !== "production") {
-    throw (
-      /* minify-error-disabled */
-      new Error("Base UI: Cannot call an event handler while rendering.")
-    );
+    throw new Error("Base UI: Cannot call an event handler while rendering.");
   }
 }
 const noop$1 = () => {
@@ -8435,7 +8319,7 @@ const majorVersion = parseInt(React.version, 10);
 function isReactVersionAtLeast(reactVersionToCheck) {
   return majorVersion >= reactVersionToCheck;
 }
-function getReactElementRef$1(element) {
+function getReactElementRef(element) {
   if (!/* @__PURE__ */ React.isValidElement(element)) {
     return null;
   }
@@ -8634,9 +8518,9 @@ function useRenderElementProps(componentProps, params = {}) {
     if (!enabled) {
       useMergedRefs(null, null);
     } else if (Array.isArray(ref)) {
-      outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef$1(renderProp), ...ref]);
+      outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]);
     } else {
-      outProps.ref = useMergedRefs(outProps.ref, getReactElementRef$1(renderProp), ref);
+      outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref);
     }
   }
   if (!enabled) {
@@ -8650,7 +8534,6 @@ function useRenderElementProps(componentProps, params = {}) {
   }
   return outProps;
 }
-const REACT_LAZY_TYPE = Symbol.for("react.lazy");
 function evaluateRenderProp(element, render, props, state) {
   if (render) {
     if (typeof render === "function") {
@@ -8658,17 +8541,7 @@ function evaluateRenderProp(element, render, props, state) {
     }
     const mergedProps = mergeProps(props, render.props);
     mergedProps.ref = props.ref;
-    let newElement = render;
-    if ((newElement == null ? void 0 : newElement.$$typeof) === REACT_LAZY_TYPE) {
-      const children = React.Children.toArray(render);
-      newElement = children[0];
-    }
-    if (process.env.NODE_ENV !== "production") {
-      if (!/* @__PURE__ */ React.isValidElement(newElement)) {
-        throw new Error(["Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.", "A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.", "https://base-ui.com/r/invalid-render-prop"].join("\n"));
-      }
-    }
-    return /* @__PURE__ */ React.cloneElement(newElement, mergedProps);
+    return /* @__PURE__ */ React.cloneElement(render, mergedProps);
   }
   if (element) {
     if (typeof element === "string") {
@@ -8817,21 +8690,16 @@ function useButton(parameters = {}) {
   });
   if (process.env.NODE_ENV !== "production") {
     React.useEffect(() => {
-      var _a, _b;
       if (!elementRef.current) {
         return;
       }
       const isButtonTag = elementRef.current.tagName === "BUTTON";
       if (isNativeButton) {
         if (!isButtonTag) {
-          const ownerStackMessage = ((_a = SafeReact.captureOwnerStack) == null ? void 0 : _a.call(SafeReact)) || "";
-          const message = "A component that acts as a button expected a native <button> because the `nativeButton` prop is true. Rendering a non-<button> removes native button semantics, which can impact forms and accessibility. Use a real <button> in the `render` prop, or set `nativeButton` to `false`.";
-          error$1(`${message}${ownerStackMessage}`);
+          error$1("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.");
         }
       } else if (isButtonTag) {
-        const ownerStackMessage = ((_b = SafeReact.captureOwnerStack) == null ? void 0 : _b.call(SafeReact)) || "";
-        const message = "A component that acts as a button expected a non-<button> because the `nativeButton` prop is false. Rendering a <button> keeps native behavior while Base UI applies non-native attributes and handlers, which can add unintended extra attributes (such as `role` or `aria-disabled`). Use a non-<button> in the `render` prop, or set `nativeButton` to `true`.";
-        error$1(`${message}${ownerStackMessage}`);
+        error$1("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
       }
     }, [isNativeButton]);
   }
@@ -9082,7 +8950,7 @@ function useField(params) {
 }
 const LabelableContext = /* @__PURE__ */ React.createContext({
   controlId: void 0,
-  registerControlId: NOOP,
+  setControlId: NOOP,
   labelId: void 0,
   setLabelId: NOOP,
   messageIds: [],
@@ -9193,7 +9061,7 @@ const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function CheckboxRoot2(com
   const {
     labelId,
     controlId,
-    registerControlId,
+    setControlId,
     getDescriptionProps
   } = useLabelableContext();
   const groupContext = useCheckboxGroupContext();
@@ -9229,8 +9097,6 @@ const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function CheckboxRoot2(com
   const setGroupValue = groupContext == null ? void 0 : groupContext.setValue;
   const defaultGroupValue = groupContext == null ? void 0 : groupContext.defaultValue;
   const controlRef = React.useRef(null);
-  const controlSourceRef = useRefWithInit(() => Symbol("checkbox-control"));
-  const hasRegisteredRef = React.useRef(false);
   const {
     getButtonProps,
     buttonRef
@@ -9246,23 +9112,14 @@ const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function CheckboxRoot2(com
     state: "checked"
   });
   useIsoLayoutEffect(() => {
-    if (registerControlId === NOOP) {
+    if (setControlId === NOOP) {
       return void 0;
     }
-    hasRegisteredRef.current = true;
-    registerControlId(controlSourceRef.current, inputId);
-    return void 0;
-  }, [inputId, groupContext, registerControlId, parent, controlSourceRef]);
-  React.useEffect(() => {
-    const controlSource = controlSourceRef.current;
+    setControlId(inputId);
     return () => {
-      if (!hasRegisteredRef.current || registerControlId === NOOP) {
-        return;
-      }
-      hasRegisteredRef.current = false;
-      registerControlId(controlSource, void 0);
+      setControlId(void 0);
     };
-  }, [registerControlId, controlSourceRef]);
+  }, [inputId, groupContext, setControlId, parent]);
   useField({
     enabled: !groupContext,
     id,
@@ -9343,14 +9200,9 @@ const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function CheckboxRoot2(com
   const computedChecked = isGroupedWithParent ? Boolean(groupChecked) : checked;
   const computedIndeterminate = isGroupedWithParent ? groupIndeterminate || indeterminate : indeterminate;
   React.useEffect(() => {
-    if (!parentContext || !value) {
-      return void 0;
+    if (parentContext && value) {
+      parentContext.disabledStatesRef.current.set(value, disabled);
     }
-    const disabledStates = parentContext.disabledStatesRef.current;
-    disabledStates.set(value, disabled);
-    return () => {
-      disabledStates.delete(value);
-    };
   }, [parentContext, disabled, value]);
   const state = React.useMemo(() => ({
     ...fieldState,
@@ -9392,13 +9244,7 @@ const CheckboxRoot = /* @__PURE__ */ React.forwardRef(function CheckboxRoot2(com
           return;
         }
         event.preventDefault();
-        (_a = inputRef.current) == null ? void 0 : _a.dispatchEvent(new PointerEvent("click", {
-          bubbles: true,
-          shiftKey: event.shiftKey,
-          ctrlKey: event.ctrlKey,
-          altKey: event.altKey,
-          metaKey: event.metaKey
-        }));
+        (_a = inputRef.current) == null ? void 0 : _a.click();
       }
     }, getDescriptionProps, validation.getValidationProps, elementProps, otherGroupProps, getButtonProps],
     stateAttributesMapping
@@ -9456,7 +9302,7 @@ class Scheduler {
     this.nextId += 1;
     this.callbacks.push(fn);
     this.callbacksCount += 1;
-    const didRAFChange = process.env.NODE_ENV !== "production" && LAST_RAF !== requestAnimationFrame && (LAST_RAF = requestAnimationFrame, true);
+    const didRAFChange = process.env.NODE_ENV === "test" && LAST_RAF !== requestAnimationFrame && (LAST_RAF = requestAnimationFrame, true);
     if (!this.isScheduled || didRAFChange) {
       requestAnimationFrame(this.tick);
       this.isScheduled = true;
@@ -9684,15 +9530,14 @@ const CheckboxIndicator = /* @__PURE__ */ React.forwardRef(function CheckboxIndi
   const rootState = useCheckboxRootContext();
   const rendered = rootState.checked || rootState.indeterminate;
   const {
-    mounted,
     transitionStatus,
     setMounted
   } = useTransitionStatus(rendered);
   const indicatorRef = React.useRef(null);
-  const state = {
+  const state = React.useMemo(() => ({
     ...rootState,
     transitionStatus
-  };
+  }), [rootState, transitionStatus]);
   useOpenChangeComplete({
     open: rendered,
     ref: indicatorRef,
@@ -9708,8 +9553,9 @@ const CheckboxIndicator = /* @__PURE__ */ React.forwardRef(function CheckboxIndi
     ...transitionStatusMapping,
     ...fieldValidityMapping
   }), [baseStateAttributesMapping]);
-  const shouldRender = keepMounted || mounted;
+  const shouldRender = keepMounted || rendered;
   const element = useRenderElement("span", componentProps, {
+    enabled: shouldRender,
     ref: [forwardedRef, indicatorRef],
     state,
     stateAttributesMapping,
@@ -9956,18 +9802,18 @@ const StyledMenuItem$1 = (props) => {
     }
   );
 };
-const contained = "_contained_17pcg_6";
-const common$2 = "_common_17pcg_6";
-const medium = "_medium_17pcg_48";
-const small = "_small_17pcg_53";
-const large = "_large_17pcg_58";
-const error = "_error_17pcg_68";
-const outlined = "_outlined_17pcg_130";
-const text = "_text_17pcg_254";
-const textGray = "_textGray_17pcg_378";
-const textWhite = "_textWhite_17pcg_440";
+const contained = "_contained_gteum_27";
+const common$2 = "_common_gteum_27";
+const medium = "_medium_gteum_69";
+const small = "_small_gteum_74";
+const large = "_large_gteum_79";
+const error = "_error_gteum_84";
+const outlined = "_outlined_gteum_141";
+const text = "_text_gteum_255";
+const textGray = "_textGray_gteum_369";
+const textWhite = "_textWhite_gteum_426";
 const style$4 = {
-  "asma-core-ui-button": "_asma-core-ui-button_17pcg_1",
+  "asma-core-ui-button": "_asma-core-ui-button_gteum_1",
   contained,
   common: common$2,
   medium,
@@ -10043,34 +9889,44 @@ const StyledButton = ({
   );
 };
 function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r2 in t)
-        ({}).hasOwnProperty.call(t, r2) && (n[r2] = t[r2]);
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
     }
-    return n;
-  }, _extends.apply(null, arguments);
+    return target;
+  };
+  return _extends.apply(this, arguments);
 }
-function _objectWithoutPropertiesLoose(r2, e) {
-  if (null == r2)
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null)
     return {};
-  var t = {};
-  for (var n in r2)
-    if ({}.hasOwnProperty.call(r2, n)) {
-      if (-1 !== e.indexOf(n))
-        continue;
-      t[n] = r2[n];
-    }
-  return t;
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0)
+      continue;
+    target[key] = source[key];
+  }
+  return target;
 }
-function _setPrototypeOf(t, e) {
-  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t2, e2) {
-    return t2.__proto__ = e2, t2;
-  }, _setPrototypeOf(t, e);
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
+    o2.__proto__ = p2;
+    return o2;
+  };
+  return _setPrototypeOf(o, p);
 }
-function _inheritsLoose(t, o) {
-  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
 }
 const config = {
   disabled: false
@@ -10529,6 +10385,39 @@ function chainPropTypes(propType1, propType2) {
     return propType1(...args) || propType2(...args);
   };
 }
+function isPlainObject(item) {
+  return item !== null && typeof item === "object" && item.constructor === Object;
+}
+function deepClone(source) {
+  if (!isPlainObject(source)) {
+    return source;
+  }
+  const output = {};
+  Object.keys(source).forEach((key) => {
+    output[key] = deepClone(source[key]);
+  });
+  return output;
+}
+function deepmerge(target, source, options = {
+  clone: true
+}) {
+  const output = options.clone ? _extends({}, target) : target;
+  if (isPlainObject(target) && isPlainObject(source)) {
+    Object.keys(source).forEach((key) => {
+      if (key === "__proto__") {
+        return;
+      }
+      if (isPlainObject(source[key]) && key in target && isPlainObject(target[key])) {
+        output[key] = deepmerge(target[key], source[key], options);
+      } else if (options.clone) {
+        output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];
+      } else {
+        output[key] = source[key];
+      }
+    });
+  }
+  return output;
+}
 function isClassComponent(elementType) {
   const {
     prototype = {}
@@ -10558,60 +10447,71 @@ function acceptingRef(props, propName, componentName, location, propFullName) {
 const elementAcceptingRef = chainPropTypes(PropTypes.element, acceptingRef);
 elementAcceptingRef.isRequired = chainPropTypes(PropTypes.element.isRequired, acceptingRef);
 const elementAcceptingRef$1 = elementAcceptingRef;
-function getReactElementRef(element) {
-  if (parseInt(React.version, 10) >= 19) {
-    var _element$props;
-    return (element == null || (_element$props = element.props) == null ? void 0 : _element$props.ref) || null;
-  }
-  return (element == null ? void 0 : element.ref) || null;
-}
-function formatMuiErrorMessage$1(code) {
+function formatMuiErrorMessage(code) {
   let url = "https://mui.com/production-error/?code=" + code;
   for (let i = 1; i < arguments.length; i += 1) {
     url += "&args[]=" + encodeURIComponent(arguments[i]);
   }
   return "Minified MUI error #" + code + "; visit " + url + " for the full message.";
 }
-const formatMuiErrorMessage = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: formatMuiErrorMessage$1
-}, Symbol.toStringTag, { value: "Module" }));
-function isPlainObject(item) {
-  if (typeof item !== "object" || item === null) {
-    return false;
+function capitalize(string) {
+  if (typeof string !== "string") {
+    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : formatMuiErrorMessage(7));
   }
-  const prototype = Object.getPrototypeOf(item);
-  return (prototype === null || prototype === Object.prototype || Object.getPrototypeOf(prototype) === null) && !(Symbol.toStringTag in item) && !(Symbol.iterator in item);
+  return string.charAt(0).toUpperCase() + string.slice(1);
 }
-function deepClone(source) {
-  if (/* @__PURE__ */ React.isValidElement(source) || !isPlainObject(source)) {
-    return source;
+function setRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
   }
-  const output = {};
-  Object.keys(source).forEach((key) => {
-    output[key] = deepClone(source[key]);
-  });
-  return output;
 }
-function deepmerge(target, source, options = {
-  clone: true
-}) {
-  const output = options.clone ? _extends({}, target) : target;
-  if (isPlainObject(target) && isPlainObject(source)) {
-    Object.keys(source).forEach((key) => {
-      if (/* @__PURE__ */ React.isValidElement(source[key])) {
-        output[key] = source[key];
-      } else if (isPlainObject(source[key]) && // Avoid prototype pollution
-      Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
-        output[key] = deepmerge(target[key], source[key], options);
-      } else if (options.clone) {
-        output[key] = isPlainObject(source[key]) ? deepClone(source[key]) : source[key];
-      } else {
-        output[key] = source[key];
-      }
-    });
-  }
-  return output;
+function useForkRef(...refs) {
+  return React.useMemo(() => {
+    if (refs.every((ref) => ref == null)) {
+      return null;
+    }
+    return (instance) => {
+      refs.forEach((ref) => {
+        setRef(ref, instance);
+      });
+    };
+  }, refs);
+}
+const defaultGenerator = (componentName) => componentName;
+const createClassNameGenerator = () => {
+  let generate = defaultGenerator;
+  return {
+    configure(generator) {
+      generate = generator;
+    },
+    generate(componentName) {
+      return generate(componentName);
+    },
+    reset() {
+      generate = defaultGenerator;
+    }
+  };
+};
+const ClassNameGenerator = createClassNameGenerator();
+const ClassNameGenerator$1 = ClassNameGenerator;
+const globalStateClassesMapping = {
+  active: "active",
+  checked: "checked",
+  completed: "completed",
+  disabled: "disabled",
+  readOnly: "readOnly",
+  error: "error",
+  expanded: "expanded",
+  focused: "focused",
+  focusVisible: "focusVisible",
+  required: "required",
+  selected: "selected"
+};
+function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
+  const globalStateClass = globalStateClassesMapping[slot];
+  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator$1.generate(componentName)}-${slot}`;
 }
 const _excluded$6 = ["values", "unit", "step"];
 const sortBreakpointsValues = (values2) => {
@@ -10763,12 +10663,6 @@ function removeUnusedBreakpoints(breakpointKeys, style2) {
     return acc;
   }, style2);
 }
-function capitalize(string) {
-  if (typeof string !== "string") {
-    throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`capitalize(string)\` expects a string argument.` : formatMuiErrorMessage$1(7));
-  }
-  return string.charAt(0).toUpperCase() + string.slice(1);
-}
 function getPath(obj, path, checkVars = true) {
   if (!path || typeof path !== "string") {
     return null;
@@ -11019,25 +10913,51 @@ function borderTransform(value) {
   }
   return `${value}px solid`;
 }
-function createBorderStyle(prop, transform) {
-  return style$3({
-    prop,
-    themeKey: "borders",
-    transform
-  });
-}
-const border = createBorderStyle("border", borderTransform);
-const borderTop = createBorderStyle("borderTop", borderTransform);
-const borderRight = createBorderStyle("borderRight", borderTransform);
-const borderBottom = createBorderStyle("borderBottom", borderTransform);
-const borderLeft = createBorderStyle("borderLeft", borderTransform);
-const borderColor = createBorderStyle("borderColor");
-const borderTopColor = createBorderStyle("borderTopColor");
-const borderRightColor = createBorderStyle("borderRightColor");
-const borderBottomColor = createBorderStyle("borderBottomColor");
-const borderLeftColor = createBorderStyle("borderLeftColor");
-const outline = createBorderStyle("outline", borderTransform);
-const outlineColor = createBorderStyle("outlineColor");
+const border = style$3({
+  prop: "border",
+  themeKey: "borders",
+  transform: borderTransform
+});
+const borderTop = style$3({
+  prop: "borderTop",
+  themeKey: "borders",
+  transform: borderTransform
+});
+const borderRight = style$3({
+  prop: "borderRight",
+  themeKey: "borders",
+  transform: borderTransform
+});
+const borderBottom = style$3({
+  prop: "borderBottom",
+  themeKey: "borders",
+  transform: borderTransform
+});
+const borderLeft = style$3({
+  prop: "borderLeft",
+  themeKey: "borders",
+  transform: borderTransform
+});
+const borderColor = style$3({
+  prop: "borderColor",
+  themeKey: "palette"
+});
+const borderTopColor = style$3({
+  prop: "borderTopColor",
+  themeKey: "palette"
+});
+const borderRightColor = style$3({
+  prop: "borderRightColor",
+  themeKey: "palette"
+});
+const borderBottomColor = style$3({
+  prop: "borderBottomColor",
+  themeKey: "palette"
+});
+const borderLeftColor = style$3({
+  prop: "borderLeftColor",
+  themeKey: "palette"
+});
 const borderRadius = (props) => {
   if (props.borderRadius !== void 0 && props.borderRadius !== null) {
     const transformer = createUnaryUnit(props.theme, "shape.borderRadius", 4, "borderRadius");
@@ -11052,7 +10972,7 @@ borderRadius.propTypes = process.env.NODE_ENV !== "production" ? {
   borderRadius: responsivePropType$1
 } : {};
 borderRadius.filterProps = ["borderRadius"];
-compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
+compose(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius);
 const gap = (props) => {
   if (props.gap !== void 0 && props.gap !== null) {
     const transformer = createUnaryUnit(props.theme, "spacing", 8, "gap");
@@ -11156,20 +11076,10 @@ const width = style$3({
 const maxWidth = (props) => {
   if (props.maxWidth !== void 0 && props.maxWidth !== null) {
     const styleFromPropValue = (propValue) => {
-      var _props$theme, _props$theme2;
-      const breakpoint = ((_props$theme = props.theme) == null || (_props$theme = _props$theme.breakpoints) == null || (_props$theme = _props$theme.values) == null ? void 0 : _props$theme[propValue]) || values[propValue];
-      if (!breakpoint) {
-        return {
-          maxWidth: sizingTransform(propValue)
-        };
-      }
-      if (((_props$theme2 = props.theme) == null || (_props$theme2 = _props$theme2.breakpoints) == null ? void 0 : _props$theme2.unit) !== "px") {
-        return {
-          maxWidth: `${breakpoint}${props.theme.breakpoints.unit}`
-        };
-      }
+      var _props$theme, _props$theme$breakpoi, _props$theme$breakpoi2;
+      const breakpoint = ((_props$theme = props.theme) == null ? void 0 : (_props$theme$breakpoi = _props$theme.breakpoints) == null ? void 0 : (_props$theme$breakpoi2 = _props$theme$breakpoi.values) == null ? void 0 : _props$theme$breakpoi2[propValue]) || values[propValue];
       return {
-        maxWidth: breakpoint
+        maxWidth: breakpoint || sizingTransform(propValue)
       };
     };
     return handleBreakpoints(props, props.maxWidth, styleFromPropValue);
@@ -11244,13 +11154,6 @@ const defaultSxConfig = {
   borderLeftColor: {
     themeKey: "palette"
   },
-  outline: {
-    themeKey: "borders",
-    transform: borderTransform
-  },
-  outlineColor: {
-    themeKey: "palette"
-  },
   borderRadius: {
     themeKey: "shape.borderRadius",
     style: borderRadius
@@ -11549,8 +11452,7 @@ function unstable_createStyleFunctionSx() {
     var _theme$unstable_sxCon;
     const {
       sx,
-      theme = {},
-      nested
+      theme = {}
     } = props || {};
     if (!sx) {
       return null;
@@ -11584,8 +11486,7 @@ function unstable_createStyleFunctionSx() {
               if (objectsHaveSameKeys(breakpointsValues, value)) {
                 css[styleKey] = styleFunctionSx2({
                   sx: value,
-                  theme,
-                  nested: true
+                  theme
                 });
               } else {
                 css = merge(css, breakpointsValues);
@@ -11596,11 +11497,6 @@ function unstable_createStyleFunctionSx() {
           }
         }
       });
-      if (!nested && theme.modularCssLayers) {
-        return {
-          "@layer sx": removeUnusedBreakpoints(breakpointsKeys, css)
-        };
-      }
       return removeUnusedBreakpoints(breakpointsKeys, css);
     }
     return Array.isArray(sx) ? sx.map(traverse) : traverse(sx);
@@ -11610,19 +11506,6 @@ function unstable_createStyleFunctionSx() {
 const styleFunctionSx = unstable_createStyleFunctionSx();
 styleFunctionSx.filterProps = ["sx"];
 const styleFunctionSx$1 = styleFunctionSx;
-function applyStyles(key, styles2) {
-  const theme = this;
-  if (theme.vars && typeof theme.getColorSchemeSelector === "function") {
-    const selector = theme.getColorSchemeSelector(key).replace(/(\[[^\]]+\])/, "*:where($1)");
-    return {
-      [selector]: styles2
-    };
-  }
-  if (theme.palette.mode === key) {
-    return styles2;
-  }
-  return {};
-}
 const _excluded$5 = ["breakpoints", "palette", "spacing", "shape"];
 function createTheme$1(options = {}, ...args) {
   const {
@@ -11644,7 +11527,6 @@ function createTheme$1(options = {}, ...args) {
     spacing,
     shape: _extends({}, shape$1, shapeInput)
   }, other);
-  muiTheme.applyStyles = applyStyles;
   muiTheme = args.reduce((acc, argument) => deepmerge(acc, argument), muiTheme);
   muiTheme.unstable_sxConfig = _extends({}, defaultSxConfig$1, other == null ? void 0 : other.unstable_sxConfig);
   muiTheme.unstable_sx = function sx(props) {
@@ -11666,126 +11548,13 @@ const systemDefaultTheme = createTheme$1();
 function useTheme$1(defaultTheme2 = systemDefaultTheme) {
   return useTheme$2(defaultTheme2);
 }
-const defaultGenerator = (componentName) => componentName;
-const createClassNameGenerator = () => {
-  let generate = defaultGenerator;
-  return {
-    configure(generator) {
-      generate = generator;
-    },
-    generate(componentName) {
-      return generate(componentName);
-    },
-    reset() {
-      generate = defaultGenerator;
-    }
-  };
-};
-const ClassNameGenerator = createClassNameGenerator();
-const ClassNameGenerator$1 = ClassNameGenerator;
-const globalStateClasses = {
-  active: "active",
-  checked: "checked",
-  completed: "completed",
-  disabled: "disabled",
-  error: "error",
-  expanded: "expanded",
-  focused: "focused",
-  focusVisible: "focusVisible",
-  open: "open",
-  readOnly: "readOnly",
-  required: "required",
-  selected: "selected"
-};
-function generateUtilityClass(componentName, slot, globalStatePrefix = "Mui") {
-  const globalStateClass = globalStateClasses[slot];
-  return globalStateClass ? `${globalStatePrefix}-${globalStateClass}` : `${ClassNameGenerator$1.generate(componentName)}-${slot}`;
-}
-function clamp$1(val, min2 = Number.MIN_SAFE_INTEGER, max2 = Number.MAX_SAFE_INTEGER) {
-  return Math.max(min2, Math.min(val, max2));
-}
-const clamp = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: clamp$1
-}, Symbol.toStringTag, { value: "Module" }));
-function setRef(ref, value) {
-  if (typeof ref === "function") {
-    ref(value);
-  } else if (ref) {
-    ref.current = value;
-  }
-}
-function useForkRef(...refs) {
-  return React.useMemo(() => {
-    if (refs.every((ref) => ref == null)) {
-      return null;
-    }
-    return (instance) => {
-      refs.forEach((ref) => {
-        setRef(ref, instance);
-      });
-    };
-  }, refs);
-}
-function createMixins(breakpoints, mixins) {
-  return _extends({
-    toolbar: {
-      minHeight: 56,
-      [breakpoints.up("xs")]: {
-        "@media (orientation: landscape)": {
-          minHeight: 48
-        }
-      },
-      [breakpoints.up("sm")]: {
-        minHeight: 64
-      }
-    }
-  }, mixins);
-}
-var colorManipulator = {};
-var interopRequireDefault = { exports: {} };
-(function(module) {
-  function _interopRequireDefault2(e) {
-    return e && e.__esModule ? e : {
-      "default": e
-    };
-  }
-  module.exports = _interopRequireDefault2, module.exports.__esModule = true, module.exports["default"] = module.exports;
-})(interopRequireDefault);
-var interopRequireDefaultExports = interopRequireDefault.exports;
-const require$$1 = /* @__PURE__ */ getAugmentedNamespace(formatMuiErrorMessage);
-const require$$2 = /* @__PURE__ */ getAugmentedNamespace(clamp);
-var _interopRequireDefault = interopRequireDefaultExports;
-Object.defineProperty(colorManipulator, "__esModule", {
-  value: true
-});
-colorManipulator.alpha = alpha;
-colorManipulator.blend = blend;
-colorManipulator.colorChannel = void 0;
-var darken_1 = colorManipulator.darken = darken;
-colorManipulator.decomposeColor = decomposeColor;
-colorManipulator.emphasize = emphasize;
-var getContrastRatio_1 = colorManipulator.getContrastRatio = getContrastRatio;
-colorManipulator.getLuminance = getLuminance;
-colorManipulator.hexToRgb = hexToRgb;
-colorManipulator.hslToRgb = hslToRgb;
-var lighten_1 = colorManipulator.lighten = lighten;
-colorManipulator.private_safeAlpha = private_safeAlpha;
-colorManipulator.private_safeColorChannel = void 0;
-colorManipulator.private_safeDarken = private_safeDarken;
-colorManipulator.private_safeEmphasize = private_safeEmphasize;
-colorManipulator.private_safeLighten = private_safeLighten;
-colorManipulator.recomposeColor = recomposeColor;
-colorManipulator.rgbToHex = rgbToHex;
-var _formatMuiErrorMessage2 = _interopRequireDefault(require$$1);
-var _clamp = _interopRequireDefault(require$$2);
-function clampWrapper(value, min2 = 0, max2 = 1) {
+function clamp(value, min2 = 0, max2 = 1) {
   if (process.env.NODE_ENV !== "production") {
     if (value < min2 || value > max2) {
       console.error(`MUI: The value provided ${value} is out of range [${min2}, ${max2}].`);
     }
   }
-  return (0, _clamp.default)(value, min2, max2);
+  return Math.min(Math.max(min2, value), max2);
 }
 function hexToRgb(color2) {
   color2 = color2.slice(1);
@@ -11798,10 +11567,6 @@ function hexToRgb(color2) {
     return index < 3 ? parseInt(n, 16) : Math.round(parseInt(n, 16) / 255 * 1e3) / 1e3;
   }).join(", ")})` : "";
 }
-function intToHex(int) {
-  const hex = int.toString(16);
-  return hex.length === 1 ? `0${hex}` : hex;
-}
 function decomposeColor(color2) {
   if (color2.type) {
     return color2;
@@ -11813,7 +11578,7 @@ function decomposeColor(color2) {
   const type = color2.substring(0, marker);
   if (["rgb", "rgba", "hsl", "hsla", "color"].indexOf(type) === -1) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: Unsupported \`${color2}\` color.
-The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : (0, _formatMuiErrorMessage2.default)(9, color2));
+The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla(), color().` : formatMuiErrorMessage(9, color2));
   }
   let values2 = color2.substring(marker + 1, color2.length - 1);
   let colorSpace;
@@ -11825,7 +11590,7 @@ The following formats are supported: #nnn, #nnnnnn, rgb(), rgba(), hsl(), hsla()
     }
     if (["srgb", "display-p3", "a98-rgb", "prophoto-rgb", "rec-2020"].indexOf(colorSpace) === -1) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: unsupported \`${colorSpace}\` color space.
-The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : (0, _formatMuiErrorMessage2.default)(10, colorSpace));
+The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rgb, rec-2020.` : formatMuiErrorMessage(10, colorSpace));
     }
   } else {
     values2 = values2.split(",");
@@ -11837,22 +11602,6 @@ The following color spaces are supported: srgb, display-p3, a98-rgb, prophoto-rg
     colorSpace
   };
 }
-const colorChannel = (color2) => {
-  const decomposedColor = decomposeColor(color2);
-  return decomposedColor.values.slice(0, 3).map((val, idx) => decomposedColor.type.indexOf("hsl") !== -1 && idx !== 0 ? `${val}%` : val).join(" ");
-};
-colorManipulator.colorChannel = colorChannel;
-const private_safeColorChannel = (color2, warning) => {
-  try {
-    return colorChannel(color2);
-  } catch (error2) {
-    if (warning && process.env.NODE_ENV !== "production") {
-      console.warn(warning);
-    }
-    return color2;
-  }
-};
-colorManipulator.private_safeColorChannel = private_safeColorChannel;
 function recomposeColor(color2) {
   const {
     type,
@@ -11874,15 +11623,6 @@ function recomposeColor(color2) {
   }
   return `${type}(${values2})`;
 }
-function rgbToHex(color2) {
-  if (color2.indexOf("#") === 0) {
-    return color2;
-  }
-  const {
-    values: values2
-  } = decomposeColor(color2);
-  return `#${values2.map((n, i) => intToHex(i === 3 ? Math.round(255 * n) : n)).join("")}`;
-}
 function hslToRgb(color2) {
   color2 = decomposeColor(color2);
   const {
@@ -11920,32 +11660,9 @@ function getContrastRatio(foreground, background) {
   const lumB = getLuminance(background);
   return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
 }
-function alpha(color2, value) {
-  color2 = decomposeColor(color2);
-  value = clampWrapper(value);
-  if (color2.type === "rgb" || color2.type === "hsl") {
-    color2.type += "a";
-  }
-  if (color2.type === "color") {
-    color2.values[3] = `/${value}`;
-  } else {
-    color2.values[3] = value;
-  }
-  return recomposeColor(color2);
-}
-function private_safeAlpha(color2, value, warning) {
-  try {
-    return alpha(color2, value);
-  } catch (error2) {
-    if (warning && process.env.NODE_ENV !== "production") {
-      console.warn(warning);
-    }
-    return color2;
-  }
-}
 function darken(color2, coefficient) {
   color2 = decomposeColor(color2);
-  coefficient = clampWrapper(coefficient);
+  coefficient = clamp(coefficient);
   if (color2.type.indexOf("hsl") !== -1) {
     color2.values[2] *= 1 - coefficient;
   } else if (color2.type.indexOf("rgb") !== -1 || color2.type.indexOf("color") !== -1) {
@@ -11955,19 +11672,9 @@ function darken(color2, coefficient) {
   }
   return recomposeColor(color2);
 }
-function private_safeDarken(color2, coefficient, warning) {
-  try {
-    return darken(color2, coefficient);
-  } catch (error2) {
-    if (warning && process.env.NODE_ENV !== "production") {
-      console.warn(warning);
-    }
-    return color2;
-  }
-}
 function lighten(color2, coefficient) {
   color2 = decomposeColor(color2);
-  coefficient = clampWrapper(coefficient);
+  coefficient = clamp(coefficient);
   if (color2.type.indexOf("hsl") !== -1) {
     color2.values[2] += (100 - color2.values[2]) * coefficient;
   } else if (color2.type.indexOf("rgb") !== -1) {
@@ -11981,38 +11688,20 @@ function lighten(color2, coefficient) {
   }
   return recomposeColor(color2);
 }
-function private_safeLighten(color2, coefficient, warning) {
-  try {
-    return lighten(color2, coefficient);
-  } catch (error2) {
-    if (warning && process.env.NODE_ENV !== "production") {
-      console.warn(warning);
-    }
-    return color2;
-  }
-}
-function emphasize(color2, coefficient = 0.15) {
-  return getLuminance(color2) > 0.5 ? darken(color2, coefficient) : lighten(color2, coefficient);
-}
-function private_safeEmphasize(color2, coefficient, warning) {
-  try {
-    return emphasize(color2, coefficient);
-  } catch (error2) {
-    if (warning && process.env.NODE_ENV !== "production") {
-      console.warn(warning);
+function createMixins(breakpoints, mixins) {
+  return _extends({
+    toolbar: {
+      minHeight: 56,
+      [breakpoints.up("xs")]: {
+        "@media (orientation: landscape)": {
+          minHeight: 48
+        }
+      },
+      [breakpoints.up("sm")]: {
+        minHeight: 64
+      }
     }
-    return color2;
-  }
-}
-function blend(background, overlay, opacity, gamma = 1) {
-  const blendChannel = (b, o) => Math.round((b ** (1 / gamma) * (1 - opacity) + o ** (1 / gamma) * opacity) ** gamma);
-  const backgroundColor2 = decomposeColor(background);
-  const overlayColor = decomposeColor(overlay);
-  const rgb = [blendChannel(backgroundColor2.values[0], overlayColor.values[0]), blendChannel(backgroundColor2.values[1], overlayColor.values[1]), blendChannel(backgroundColor2.values[2], overlayColor.values[2])];
-  return recomposeColor({
-    type: "rgb",
-    values: rgb
-  });
+  }, mixins);
 }
 const common = {
   black: "#000",
@@ -12210,9 +11899,9 @@ function addLightOrDark(intent, direction, shade, tonalOffset) {
     if (intent.hasOwnProperty(shade)) {
       intent[direction] = intent[shade];
     } else if (direction === "light") {
-      intent.light = lighten_1(intent.main, tonalOffsetLight);
+      intent.light = lighten(intent.main, tonalOffsetLight);
     } else if (direction === "dark") {
-      intent.dark = darken_1(intent.main, tonalOffsetDark);
+      intent.dark = darken(intent.main, tonalOffsetDark);
     }
   }
 }
@@ -12314,9 +12003,9 @@ function createPalette(palette) {
   const success = palette.success || getDefaultSuccess(mode);
   const warning = palette.warning || getDefaultWarning(mode);
   function getContrastText(background) {
-    const contrastText = getContrastRatio_1(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
+    const contrastText = getContrastRatio(background, dark.text.primary) >= contrastThreshold ? dark.text.primary : light.text.primary;
     if (process.env.NODE_ENV !== "production") {
-      const contrast = getContrastRatio_1(background, contrastText);
+      const contrast = getContrastRatio(background, contrastText);
       if (contrast < 3) {
         console.error([`MUI: The contrast ratio of ${contrast}:1 for ${contrastText} on ${background}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join("\n"));
       }
@@ -12336,7 +12025,7 @@ function createPalette(palette) {
     }
     if (!color2.hasOwnProperty("main")) {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ""} provided to augmentColor(color) is invalid.
-The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : formatMuiErrorMessage$1(11, name ? ` (${name})` : "", mainShade));
+The color object needs to have a \`main\` property or a \`${mainShade}\` property.` : formatMuiErrorMessage(11, name ? ` (${name})` : "", mainShade));
     }
     if (typeof color2.main !== "string") {
       throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${name ? ` (${name})` : ""} provided to augmentColor(color) is invalid.
@@ -12352,7 +12041,7 @@ const theme1 = createTheme({ palette: {
 
 const theme2 = createTheme({ palette: {
   primary: { main: green[500] },
-} });` : formatMuiErrorMessage$1(12, name ? ` (${name})` : "", JSON.stringify(color2.main)));
+} });` : formatMuiErrorMessage(12, name ? ` (${name})` : "", JSON.stringify(color2.main)));
     }
     addLightOrDark(color2, "light", lightShade, tonalOffset);
     addLightOrDark(color2, "dark", darkShade, tonalOffset);
@@ -12483,7 +12172,6 @@ function createTypography(palette, typography) {
     button: buildVariant(fontWeightMedium, 14, 1.75, 0.4, caseAllCaps),
     caption: buildVariant(fontWeightRegular, 12, 1.66, 0.4),
     overline: buildVariant(fontWeightRegular, 12, 2.66, 1, caseAllCaps),
-    // TODO v6: Remove handling of 'inherit' variant from the theme as it is already handled in Material UI's Typography component. Also, remember to remove the associated types.
     inherit: {
       fontFamily: "inherit",
       fontWeight: "inherit",
@@ -12573,9 +12261,6 @@ function createTransitions(inputTransitions) {
       if (!isNumber(delay) && !isString(delay)) {
         console.error('MUI: Argument "delay" must be a number or a string.');
       }
-      if (typeof options !== "object") {
-        console.error(["MUI: Secong argument of transition.create must be an object.", "Arguments should be either `create('prop1', options)` or `create(['prop1', 'prop2'], options)`"].join("\n"));
-      }
       if (Object.keys(other).length !== 0) {
         console.error(`MUI: Unrecognized argument(s) [${Object.keys(other).join(",")}].`);
       }
@@ -12609,11 +12294,9 @@ function createTheme(options = {}, ...args) {
     transitions: transitionsInput = {},
     typography: typographyInput = {}
   } = options, other = _objectWithoutPropertiesLoose(options, _excluded$1);
-  if (options.vars && // The error should throw only for the root theme creation because user is not allowed to use a custom node `vars`.
-  // `generateCssVars` is the closest identifier for checking that the `options` is a result of `extendTheme` with CSS variables so that user can create new theme for nested ThemeProvider.
-  options.generateCssVars === void 0) {
+  if (options.vars) {
     throw new Error(process.env.NODE_ENV !== "production" ? `MUI: \`vars\` is a private field used for CSS variables support.
-Please use another name.` : formatMuiErrorMessage$1(18));
+Please use another name.` : formatMuiErrorMessage(18));
   }
   const palette = createPalette(paletteInput);
   const systemTheme = createTheme$1(options);
@@ -12720,7 +12403,7 @@ const Fade = /* @__PURE__ */ React.forwardRef(function Fade2(props, ref) {
     TransitionComponent = Transition$1
   } = props, other = _objectWithoutPropertiesLoose(props, _excluded);
   const nodeRef = React.useRef(null);
-  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);
+  const handleRef = useForkRef(nodeRef, children.ref, ref);
   const normalizedTransitionCallback = (callback) => (maybeIsAppearing) => {
     if (callback) {
       const node = nodeRef.current;
@@ -12794,10 +12477,10 @@ const Fade = /* @__PURE__ */ React.forwardRef(function Fade2(props, ref) {
   }));
 });
 process.env.NODE_ENV !== "production" ? Fade.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
   /**
    * Add a custom transition end trigger. Called with the transitioning DOM
    * node and a done callback. Allows for more fine grained transition end
@@ -13090,7 +12773,7 @@ const translations = {
   no: {
     column_reorder: "Denne kolonnen er fast og kan ikke flyttes.",
     column_hidden: "Denne kolonnen er fast og kan ikke skjules.",
-    reset_order: "Tilbakestill ordre"
+    reset_order: "Tilbakestill rekkefølge"
   }
 };
 function useTranslations(locale = "en") {
@@ -13408,55 +13091,55 @@ const injectColumns = (props) => {
     columns.unshift(selectColumn(isFixed2, rowHeight));
   }
 };
-const tbody = "_tbody_1r9dx_108";
-const expanded_row = "_expanded_row_1r9dx_165";
-const selected = "_selected_1r9dx_183";
-const shadowed = "_shadowed_1r9dx_203";
-const resizer = "_resizer_1r9dx_242";
-const isResizing = "_isResizing_1r9dx_254";
+const tbody = "_tbody_1fc5x_112";
+const expanded_row = "_expanded_row_1fc5x_169";
+const selected = "_selected_1fc5x_187";
+const shadowed = "_shadowed_1fc5x_210";
+const resizer = "_resizer_1fc5x_244";
+const isResizing = "_isResizing_1fc5x_256";
 const style$1 = {
-  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_1r9dx_1",
-  "table-wrapper": "_table-wrapper_1r9dx_18",
-  "table-shell": "_table-shell_1r9dx_25",
-  "table-wrapper--no-rows": "_table-wrapper--no-rows_1r9dx_31",
-  "table-wrapper--proxy": "_table-wrapper--proxy_1r9dx_34",
-  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_1r9dx_35",
-  "table-wrapper-fetching": "_table-wrapper-fetching_1r9dx_45",
-  "table-scroll": "_table-scroll_1r9dx_48",
-  "table-x--fill-height": "_table-x--fill-height_1r9dx_57",
-  "table-x": "_table-x_1r9dx_57",
-  "table-header--sticky": "_table-header--sticky_1r9dx_72",
-  "table-hscroll": "_table-hscroll_1r9dx_77",
-  "table-hscroll__content": "_table-hscroll__content_1r9dx_87",
-  "no-rows-overlay-container": "_no-rows-overlay-container_1r9dx_90",
-  "styled-table": "_styled-table_1r9dx_99",
+  "asma-ui-table-styled-table": "_asma-ui-table-styled-table_1fc5x_1",
+  "table-wrapper": "_table-wrapper_1fc5x_22",
+  "table-shell": "_table-shell_1fc5x_29",
+  "table-wrapper--no-rows": "_table-wrapper--no-rows_1fc5x_35",
+  "table-wrapper--proxy": "_table-wrapper--proxy_1fc5x_38",
+  "table-wrapper--proxy-bottom": "_table-wrapper--proxy-bottom_1fc5x_39",
+  "table-wrapper-fetching": "_table-wrapper-fetching_1fc5x_49",
+  "table-scroll": "_table-scroll_1fc5x_52",
+  "table-x--fill-height": "_table-x--fill-height_1fc5x_61",
+  "table-x": "_table-x_1fc5x_61",
+  "table-header--sticky": "_table-header--sticky_1fc5x_76",
+  "table-hscroll": "_table-hscroll_1fc5x_81",
+  "table-hscroll__content": "_table-hscroll__content_1fc5x_91",
+  "no-rows-overlay-container": "_no-rows-overlay-container_1fc5x_94",
+  "styled-table": "_styled-table_1fc5x_103",
   tbody,
-  "loading-icon": "_loading-icon_1r9dx_113",
-  "t-row": "_t-row_1r9dx_120",
-  "t-cell": "_t-cell_1r9dx_120",
-  "action-cell": "_action-cell_1r9dx_130",
-  "fixed-cell": "_fixed-cell_1r9dx_134",
+  "loading-icon": "_loading-icon_1fc5x_117",
+  "t-row": "_t-row_1fc5x_124",
+  "t-cell": "_t-cell_1fc5x_124",
+  "action-cell": "_action-cell_1fc5x_134",
+  "fixed-cell": "_fixed-cell_1fc5x_138",
   expanded_row,
   selected,
-  "single-selection": "_single-selection_1r9dx_186",
+  "single-selection": "_single-selection_1fc5x_190",
   shadowed,
-  "is-loading": "_is-loading_1r9dx_229",
-  "action-cell-default-background": "_action-cell-default-background_1r9dx_232",
-  "fixed-cell-default-background": "_fixed-cell-default-background_1r9dx_235",
-  "sortable-column": "_sortable-column_1r9dx_238",
+  "is-loading": "_is-loading_1fc5x_231",
+  "action-cell-default-background": "_action-cell-default-background_1fc5x_234",
+  "fixed-cell-default-background": "_fixed-cell-default-background_1fc5x_237",
+  "sortable-column": "_sortable-column_1fc5x_240",
   resizer,
   isResizing,
-  "hide-table-header": "_hide-table-header_1r9dx_266",
-  "show-table-header": "_show-table-header_1r9dx_270",
-  "table-header": "_table-header_1r9dx_72",
-  "hide-header": "_hide-header_1r9dx_295",
-  "t-cell__actions": "_t-cell__actions_1r9dx_298",
-  "t-cell__fixed": "_t-cell__fixed_1r9dx_311",
-  "sort-icon": "_sort-icon_1r9dx_319",
-  "table-footer--sticky": "_table-footer--sticky_1r9dx_322",
-  "table-footer--inline": "_table-footer--inline_1r9dx_333",
-  "table-bottom": "_table-bottom_1r9dx_344",
-  "table-bottom--sticky": "_table-bottom--sticky_1r9dx_358"
+  "hide-table-header": "_hide-table-header_1fc5x_268",
+  "show-table-header": "_show-table-header_1fc5x_272",
+  "table-header": "_table-header_1fc5x_76",
+  "hide-header": "_hide-header_1fc5x_297",
+  "t-cell__actions": "_t-cell__actions_1fc5x_300",
+  "t-cell__fixed": "_t-cell__fixed_1fc5x_313",
+  "sort-icon": "_sort-icon_1fc5x_321",
+  "table-footer--sticky": "_table-footer--sticky_1fc5x_324",
+  "table-footer--inline": "_table-footer--inline_1fc5x_335",
+  "table-bottom": "_table-bottom_1fc5x_346",
+  "table-bottom--sticky": "_table-bottom--sticky_1fc5x_360"
 };
 function DropUpIcon(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1rem", height: "1rem", viewBox: "0 0 24 24", ...props, children: /* @__PURE__ */ jsxRuntimeExports.jsx("path", { fill: "currentColor", d: "m7 14l5-5l5 5z" }) });
@@ -14324,11 +14007,22 @@ const StyledTable = (props) => {
   const hasRows = data.length > 0;
   const fetching = hasRows && !!loading;
   const showNoRowsOverlay = !hasRows && !loading;
-  const isMobileView = useIsMobileView();
+  const windowWidth = useWindowWidthSize();
+  const isMobileView = mobileView(windowWidth);
   const wantsStickyFooter = !!options.stickyFooter;
   const canShowStickyFooter = wantsStickyFooter && !isMobileView;
+  const [hasInternalOverflow, setHasInternalOverflow] = useState(false);
+  const wrapperRef = useRef(null);
   const enableProxyHScroll = !canShowStickyFooter;
   const { tableScrollRef, tableXRef, hScrollRef, hScrollContentRef } = useProxyHorizontalScrollSync(enableProxyHScroll);
+  useLayoutEffect(() => {
+    const host = canShowStickyFooter ? wrapperRef.current : tableXRef.current ?? tableScrollRef.current;
+    if (!host) {
+      setHasInternalOverflow(false);
+      return;
+    }
+    setHasInternalOverflow(host.scrollWidth > host.clientWidth);
+  }, [canShowStickyFooter, tableXRef, tableScrollRef, windowWidth]);
   const { ref: containerRef, heightPx: rowsAreaPx } = useElementHeightPx();
   const rowHeightPx = options.rowHeight ?? 48;
   const visibleRows = table.getRowModel().rows.length;
@@ -14363,9 +14057,10 @@ const StyledTable = (props) => {
     {
       ref: containerRef,
       className: cn(style$1["asma-ui-table-styled-table"], tableClassName),
+      "data-x-overflow": hasInternalOverflow ? "true" : "false",
       style: { height: height2 },
       children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(OverlayShell, { enabled: canShowStickyFooter, className: style$1["table-shell"], children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: tableWrapperClass, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(OverlayShell, { enabled: canShowStickyFooter, className: style$1["table-shell"], children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: wrapperRef, className: tableWrapperClass, children: [
           canShowStickyFooter ? TableMarkup : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: tableScrollRef, className: cn(style$1["table-scroll"]), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "div",