@fangxinyan/lumina 0.9.3 → 0.9.5

package/dist/{chunk-7RYLV5CM.cjs → chunk-XPFAAATJ.cjs}

@@ -1,15 +1,15 @@
 'use strict';
 
 var chunkVNP5WB6M_cjs = require('./chunk-VNP5WB6M.cjs');
-var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
-var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunk6A5KEWVU_cjs = require('./chunk-6A5KEWVU.cjs');
+var chunkBN44QG2B_cjs = require('./chunk-BN44QG2B.cjs');
 var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
 var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
 var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
 require('./tokens-223RYVVS.css');
 require('./shared-NJHRNLRH.css');
-require('./Select-UTNBARSQ.css');
-var React = require('react');
+require('./Select-M3HCB3PW.css');
+var React2 = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -31,8 +31,64 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React2__namespace.useLayoutEffect : React2__namespace.useEffect;
+function measureResponsiveTags(container) {
+  const availableWidth = container.getBoundingClientRect().width;
+  if (availableWidth <= 0) return void 0;
+  const tags = Array.from(container.querySelectorAll("[data-select-tag]"));
+  const overflows = Array.from(container.querySelectorAll("[data-select-overflow]"));
+  const search = container.querySelector(".select-search-measure");
+  const gap = parseFloat(getComputedStyle(container).columnGap) || 0;
+  const tagWidths = tags.map((tag) => tag.getBoundingClientRect().width);
+  const overflowWidths = [0, ...overflows.map((tag) => tag.getBoundingClientRect().width)];
+  const inputWidth = search ? Math.min(search.getBoundingClientRect().width, Math.max(
+    0,
+    availableWidth - (overflowWidths[tags.length] ?? 0) - (tags.length > 0 ? gap : 0)
+  )) : 0;
+  let count = 0;
+  let prefixWidth = 0;
+  for (let index = 0; index <= tags.length; index += 1) {
+    const remaining = tags.length - index;
+    const itemCount = index + (remaining > 0 ? 1 : 0) + (search ? 1 : 0);
+    const width = prefixWidth + (overflowWidths[remaining] ?? 0) + inputWidth + Math.max(0, itemCount - 1) * gap;
+    if (width <= availableWidth) count = index;
+    prefixWidth += tagWidths[index] ?? 0;
+  }
+  return { count, inputWidth };
+}
+function useResponsiveTags(enabled, items, searchable) {
+  const tagsRef = React2__namespace.useRef(null);
+  const [layout, setLayout] = React2__namespace.useState({ count: 0, inputWidth: 0 });
+  const measure = React2__namespace.useCallback(() => {
+    if (!tagsRef.current) return;
+    const next = measureResponsiveTags(tagsRef.current);
+    if (next) setLayout((previous) => previous.count === next.count && previous.inputWidth === next.inputWidth ? previous : next);
+  }, []);
+  useIsomorphicLayoutEffect(() => {
+    if (enabled) measure();
+  });
+  useIsomorphicLayoutEffect(() => {
+    const container = tagsRef.current;
+    if (!enabled || !container) return;
+    let frame = 0;
+    const scheduleMeasure = () => {
+      cancelAnimationFrame(frame);
+      frame = requestAnimationFrame(measure);
+    };
+    const observer = typeof ResizeObserver !== "undefined" ? new ResizeObserver(scheduleMeasure) : void 0;
+    observer?.observe(container);
+    container.querySelectorAll("[data-select-tag], [data-select-overflow], .select-search-measure").forEach((element) => observer?.observe(element));
+    window.addEventListener("resize", scheduleMeasure);
+    return () => {
+      observer?.disconnect();
+      window.removeEventListener("resize", scheduleMeasure);
+      cancelAnimationFrame(frame);
+    };
+  }, [enabled, items, searchable, measure]);
+  return { tagsRef, count: Math.min(layout.count, items.length), inputWidth: layout.inputWidth };
+}
 var isGroup = (it) => Array.isArray(it.options);
 var flatten = (items) => items.flatMap((it) => isGroup(it) ? it.options : [it]);
 var prioritizePinnedGroups = (items) => {
@@ -111,21 +167,22 @@ var SelectInner = (props, forwardedRef) => {
     ...rest
   } = props;
   const isMulti = multiple === true;
+  const responsiveTags = isMulti && maxTagCount === "responsive";
   const mergedClearable = clearable ?? !!allowClear;
   const mergedClearIcon = typeof allowClear === "object" ? allowClear.clearIcon : void 0;
   const mergedSearchable = searchable ?? !!showSearch;
   const mergedListHeight = Number.isFinite(listHeight) && listHeight > 0 ? listHeight : 260;
   const mergedMenuClassName = [menuClassName, popupClassName, dropdownClassName].filter(Boolean).join(" ");
-  const [innerSingle, setInnerSingle] = React__namespace.useState(
+  const [innerSingle, setInnerSingle] = React2__namespace.useState(
     !isMulti ? props.defaultValue : void 0
   );
-  const [innerMulti, setInnerMulti] = React__namespace.useState(
+  const [innerMulti, setInnerMulti] = React2__namespace.useState(
     isMulti && Array.isArray(props.defaultValue) ? props.defaultValue : []
   );
-  const [innerOpen, setInnerOpen] = React__namespace.useState(defaultOpen ?? false);
-  const [innerSearchValue, setInnerSearchValue] = React__namespace.useState(defaultSearchValue ?? "");
-  const [activeIdx, setActiveIdx] = React__namespace.useState(-1);
-  const searchRef = React__namespace.useRef(null);
+  const [innerOpen, setInnerOpen] = React2__namespace.useState(defaultOpen ?? false);
+  const [innerSearchValue, setInnerSearchValue] = React2__namespace.useState(defaultSearchValue ?? "");
+  const [activeIdx, setActiveIdx] = React2__namespace.useState(-1);
+  const searchRef = React2__namespace.useRef(null);
   const portalContainer = chunkI4GJZLJU_cjs.usePortalContainer();
   const portalTheme = chunkV6BLBIY6_cjs.useComponentPortalTheme([
     "Select",
@@ -138,26 +195,26 @@ var SelectInner = (props, forwardedRef) => {
     (styleValue) => styleValue?.width != null || styleValue?.minWidth != null || styleValue?.maxWidth != null
   );
   const resolvedPopupWidth = popupStyle?.width ?? themedPopupStyle?.width;
-  const listboxId = React__namespace.useId();
+  const listboxId = React2__namespace.useId();
   const openControlled = openProp !== void 0;
   const requestedOpen = openControlled ? openProp : innerOpen;
   const open = !disabled && requestedOpen;
-  const requestedOpenRef = React__namespace.useRef(requestedOpen);
+  const requestedOpenRef = React2__namespace.useRef(requestedOpen);
   requestedOpenRef.current = requestedOpen;
   const searchControlled = searchValueProp !== void 0;
   const searchValue = searchControlled ? searchValueProp : innerSearchValue;
   const hasInlineSearch = mergedSearchable;
   const showsInlineSearchInput = hasInlineSearch && (isMulti || open);
-  const updateSearchValue = React__namespace.useCallback((nextValue) => {
+  const updateSearchValue = React2__namespace.useCallback((nextValue) => {
     if (!searchControlled) setInnerSearchValue(nextValue);
     onSearch?.(nextValue);
   }, [onSearch, searchControlled]);
-  const resetSearchValue = React__namespace.useCallback(() => {
+  const resetSearchValue = React2__namespace.useCallback(() => {
     if (!searchValue) return;
     if (!searchControlled) setInnerSearchValue("");
     onSearch?.("");
   }, [onSearch, searchControlled, searchValue]);
-  const setOpen = React__namespace.useCallback((nextOpen) => {
+  const setOpen = React2__namespace.useCallback((nextOpen) => {
     if (disabled && nextOpen) return;
     if (nextOpen === requestedOpenRef.current) return;
     requestedOpenRef.current = nextOpen;
@@ -165,19 +222,19 @@ var SelectInner = (props, forwardedRef) => {
     onOpenChange?.(nextOpen);
     if (!nextOpen) resetSearchValue();
   }, [disabled, onOpenChange, openControlled, resetSearchValue]);
-  React__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     if (!disabled || openControlled || !innerOpen) return;
     setInnerOpen(false);
     onOpenChange?.(false);
   }, [disabled, innerOpen, onOpenChange, openControlled]);
-  const { triggerRef, floatingRef: menuRef, floatingStyle, zIndex: menuZIndex } = chunkFJB3243S_cjs.useFloating({
+  const { triggerRef, floatingRef: menuRef, floatingStyle, zIndex: menuZIndex } = chunk6A5KEWVU_cjs.useFloating({
     open,
     placement: "bottom",
     matchTriggerWidth: !hasCustomPopupWidth,
     panelWidth: typeof resolvedPopupWidth === "number" ? resolvedPopupWidth : 360,
     panelHeight: mergedListHeight + 12
   });
-  chunkHSDMJUB6_cjs.useOverlayLayer({
+  chunkBN44QG2B_cjs.useOverlayLayer({
     open: open && portalContainer != null,
     containerRef: menuRef,
     ownerRef: triggerRef,
@@ -185,7 +242,7 @@ var SelectInner = (props, forwardedRef) => {
     onEscape: () => setOpen(false),
     restoreFocus: true
   });
-  const setTriggerRef = React__namespace.useCallback(
+  const setTriggerRef = React2__namespace.useCallback(
     (node) => {
       triggerRef.current = node;
       if (typeof forwardedRef === "function") forwardedRef(node);
@@ -198,16 +255,16 @@ var SelectInner = (props, forwardedRef) => {
   const singleValue = singleControlled ? props.value : innerSingle;
   const controlledMultiValue = props.value;
   const multiValue = multiControlled ? Array.isArray(controlledMultiValue) ? controlledMultiValue : [] : innerMulti;
-  const selectedValues = React__namespace.useMemo(
+  const selectedValues = React2__namespace.useMemo(
     () => isMulti ? multiValue : singleValue !== void 0 ? [singleValue] : [],
     [isMulti, multiValue, singleValue]
   );
   const selectionLimit = maxCount !== void 0 && Number.isFinite(maxCount) ? Math.max(0, Math.floor(maxCount)) : void 0;
-  const isOptionDisabled = React__namespace.useCallback((option) => {
+  const isOptionDisabled = React2__namespace.useCallback((option) => {
     const selected = selectedValues.includes(option.value);
     return !!option.disabled || !!getOptionDisabled?.(option, selectedValues) || isMulti && !selected && selectionLimit !== void 0 && selectedValues.length >= selectionLimit;
   }, [getOptionDisabled, isMulti, selectedValues, selectionLimit]);
-  React__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     if (!open) return;
     const h = (e) => {
       const t = e.target;
@@ -218,42 +275,43 @@ var SelectInner = (props, forwardedRef) => {
     document.addEventListener("mousedown", h);
     return () => document.removeEventListener("mousedown", h);
   }, [menuRef, open, setOpen, triggerRef]);
-  React__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     if (open && mergedSearchable) {
       requestAnimationFrame(() => searchRef.current?.focus());
     }
     if (!open) setActiveIdx(-1);
   }, [open, mergedSearchable]);
-  const orderedItems = React__namespace.useMemo(
+  const orderedItems = React2__namespace.useMemo(
     () => prioritizePinnedGroups(options),
     [options]
   );
-  const allFlat = React__namespace.useMemo(() => flatten(orderedItems), [orderedItems]);
-  const optionByValue = React__namespace.useMemo(() => {
+  const allFlat = React2__namespace.useMemo(() => flatten(orderedItems), [orderedItems]);
+  const optionByValue = React2__namespace.useMemo(() => {
     const index = /* @__PURE__ */ new Map();
     allFlat.forEach((option) => index.set(option.value, option));
     return index;
   }, [allFlat]);
-  const selectedOptionCacheRef = React__namespace.useRef(/* @__PURE__ */ new Map());
-  React__namespace.useEffect(() => {
+  const selectedOptionCacheRef = React2__namespace.useRef(/* @__PURE__ */ new Map());
+  React2__namespace.useEffect(() => {
     selectedValues.forEach((selectedValue) => {
       const option = optionByValue.get(selectedValue);
       if (option) selectedOptionCacheRef.current.set(selectedValue, option);
     });
   }, [optionByValue, selectedValues]);
-  const selectedOptions = React__namespace.useMemo(
+  const selectedOptions = React2__namespace.useMemo(
     () => selectedValues.map(
       (selectedValue) => optionByValue.get(selectedValue) ?? selectedOptionCacheRef.current.get(selectedValue)
     ).filter((option) => option !== void 0),
     [optionByValue, selectedValues]
   );
-  const filteredFlat = React__namespace.useMemo(() => {
+  const responsiveLayout = useResponsiveTags(responsiveTags, selectedOptions, hasInlineSearch);
+  const filteredFlat = React2__namespace.useMemo(() => {
     if (!searchValue.trim()) return allFlat;
     if (filterOption === false) return allFlat;
     const f = typeof filterOption === "function" ? filterOption : (input, option) => defaultFilter(input, option, optionFilterProp);
     return allFlat.filter((o) => f(searchValue, o));
   }, [allFlat, filterOption, optionFilterProp, searchValue]);
-  const filteredItems = React__namespace.useMemo(() => {
+  const filteredItems = React2__namespace.useMemo(() => {
     if (!searchValue.trim()) {
       return orderedItems.filter((item) => !isGroup(item) || item.options.length > 0);
     }
@@ -265,7 +323,7 @@ var SelectInner = (props, forwardedRef) => {
       return kept.length ? { ...it, options: kept } : null;
     }).filter((x) => x !== null);
   }, [orderedItems, filteredFlat, searchValue]);
-  React__namespace.useEffect(() => {
+  React2__namespace.useEffect(() => {
     setActiveIdx((current) => {
       if (current >= 0 && current < filteredFlat.length && !isOptionDisabled(filteredFlat[current])) {
         return current;
@@ -379,7 +437,7 @@ var SelectInner = (props, forwardedRef) => {
         "data-inline-size": multiHasSelection ? "content" : "fill",
         type: "search",
         value: searchValue,
-        style: multiHasSelection ? { width: `${Math.min(Math.max(searchDisplayWidth + 1, 2), 32)}ch` } : void 0,
+        style: responsiveTags ? { width: responsiveLayout.inputWidth } : multiHasSelection ? { width: `${Math.min(Math.max(searchDisplayWidth + 1, 2), 32)}ch` } : void 0,
         placeholder: isMulti ? multiValue.length === 0 ? placeholder : void 0 : "\u641C\u7D22...",
         disabled,
         autoComplete: "off",
@@ -404,16 +462,21 @@ var SelectInner = (props, forwardedRef) => {
   const renderTrigger = () => {
     if (isMulti) {
       const selected = selectedOptions;
-      const max = maxTagCount;
+      const max = typeof maxTagCount === "number" ? maxTagCount : void 0;
       const shown = max != null ? selected.slice(0, max) : selected;
-      const overflow = selected.length - shown.length;
-      if (selected.length === 0 && !hasInlineSearch) {
+      const overflow = selected.length - (responsiveTags ? responsiveLayout.count : shown.length);
+      if (selected.length === 0 && !hasInlineSearch && !responsiveTags) {
         return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder", children: placeholder });
       }
-      return /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Tag", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
-        shown.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
+      return /* @__PURE__ */ jsxRuntime.jsx(chunkV6BLBIY6_cjs.InternalComponentThemePart, { components: "Tag", children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", ref: responsiveLayout.tagsRef, children: [
+        selected.length === 0 && !hasInlineSearch && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder", children: placeholder }),
+        shown.map((o, index) => /* @__PURE__ */ jsxRuntime.jsx(
           chunkVNP5WB6M_cjs.Tag,
           {
+            "data-select-tag": responsiveTags ? "" : void 0,
+            "data-collapsed": responsiveTags && index >= responsiveLayout.count ? "true" : void 0,
+            "aria-hidden": responsiveTags && index >= responsiveLayout.count ? true : void 0,
+            ...responsiveTags && index >= responsiveLayout.count ? { inert: "" } : {},
             tone: "accent",
             removable: !disabled,
             onRemove: () => removeMultiValue(o.value),
@@ -430,7 +493,14 @@ var SelectInner = (props, forwardedRef) => {
           "+",
           overflow
         ] }),
-        renderInlineSearchInput()
+        renderInlineSearchInput(),
+        responsiveTags && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tag-measurements", "aria-hidden": "true", ...{ inert: "" }, children: [
+          selected.map((option, index) => /* @__PURE__ */ jsxRuntime.jsxs(chunkVNP5WB6M_cjs.Tag, { tone: "neutral", "data-select-overflow": "", children: [
+            "+",
+            index + 1
+          ] }, String(option.value))),
+          hasInlineSearch && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-search-measure", children: searchValue || "\u200B" })
+        ] })
       ] }) });
     }
     if (showsInlineSearchInput) return renderInlineSearchInput();
@@ -446,6 +516,24 @@ var SelectInner = (props, forwardedRef) => {
   };
   const hasSelection = isMulti ? multiValue.length > 0 : singleValue != null;
   const showClear = mergedClearable && hasSelection && !disabled;
+  const renderClearButton = () => showClear && /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      type: "button",
+      className: "select-clear",
+      "aria-label": "Clear",
+      onPointerDown: (event) => event.stopPropagation(),
+      onMouseDown: (event) => {
+        if (hasInlineSearch) event.preventDefault();
+        event.stopPropagation();
+      },
+      onClick: (event) => {
+        event.stopPropagation();
+        clearAll();
+      },
+      children: mergedClearIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 12 })
+    }
+  );
   let renderIdx = -1;
   const renderOption = (o, groupPinned = false) => {
     renderIdx += 1;
@@ -505,7 +593,7 @@ var SelectInner = (props, forwardedRef) => {
     );
   };
   const renderMenuItems = (items) => items.map(
-    (item, groupIndex) => isGroup(item) ? /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
+    (item, groupIndex) => isGroup(item) ? /* @__PURE__ */ jsxRuntime.jsxs(React2__namespace.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "menu-group-label", children: item.label }),
       item.options.map((option) => renderOption(option, !!item.pinned))
     ] }, `g-${groupIndex}-${item.pinned ? "pinned" : "regular"}`) : renderOption(item)
@@ -529,7 +617,7 @@ var SelectInner = (props, forwardedRef) => {
     {
       ref: setTriggerRef,
       ...rest,
-      className: `select ${size} ${isMulti ? "multi" : ""} ${hasInlineSearch ? "searchable" : ""} ${open ? "open" : ""} ${disabled ? "disabled" : ""} ${invalid ? "invalid" : ""} ${className}`,
+      className: `select ${size} ${isMulti ? "multi" : ""} ${responsiveTags ? "responsive" : ""} ${hasInlineSearch ? "searchable" : ""} ${open ? "open" : ""} ${disabled ? "disabled" : ""} ${invalid ? "invalid" : ""} ${className}`,
       onKeyDown: (e) => {
         onRootKeyDown?.(e);
         const target = e.target;
@@ -576,28 +664,12 @@ var SelectInner = (props, forwardedRef) => {
             "aria-activedescendant": showsInlineSearchInput ? void 0 : open && activeIdx >= 0 ? `${listboxId}-option-${activeIdx}` : void 0,
             children: [
               renderTrigger(),
+              responsiveTags && renderClearButton(),
               /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }
         ),
-        showClear && /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            className: "select-clear",
-            "aria-label": "Clear",
-            onPointerDown: (event) => event.stopPropagation(),
-            onMouseDown: (event) => {
-              if (hasInlineSearch) event.preventDefault();
-              event.stopPropagation();
-            },
-            onClick: (event) => {
-              event.stopPropagation();
-              clearAll();
-            },
-            children: mergedClearIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkVDVKY2IX_cjs.Icon, { name: "x", size: 12 })
-          }
-        ),
+        !responsiveTags && renderClearButton(),
         open && portalContainer && reactDom.createPortal(
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -636,7 +708,7 @@ var SelectInner = (props, forwardedRef) => {
     }
   );
 };
-var SelectBase = React__namespace.forwardRef(SelectInner);
+var SelectBase = React2__namespace.forwardRef(SelectInner);
 SelectBase.displayName = "Select";
 var Select = chunkV6BLBIY6_cjs.withComponentTheme(
   SelectBase,

package/dist/{chunk-INCTDROH.js → chunk-XX7YYKIJ.js}

@@ -1,4 +1,4 @@
-import { isTargetWithinOverlayScope } from './chunk-2A4GYSN4.js';
+import { isTargetWithinOverlayScope } from './chunk-BZB45GGK.js';
 import { withComponentTheme } from './chunk-5HLNFDV4.js';
 import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';

package/dist/{chunk-RJCPXAZ3.js → chunk-XXCKQSWD.js}

@@ -1,4 +1,4 @@
-import { useOverlayZIndex, useOverlayLayer, OverlayZIndexProvider } from './chunk-2A4GYSN4.js';
+import { useOverlayZIndex, useOverlayLayer, OverlayZIndexProvider } from './chunk-BZB45GGK.js';
 import { Button } from './chunk-563SQXH7.js';
 import { Icon } from './chunk-2BM65ITV.js';
 import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';

package/dist/{chunk-SOAGRYM3.cjs → chunk-ZNSTIRSE.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunkBN44QG2B_cjs = require('./chunk-BN44QG2B.cjs');
 var chunkM3JYP3V4_cjs = require('./chunk-M3JYP3V4.cjs');
 var chunkVDVKY2IX_cjs = require('./chunk-VDVKY2IX.cjs');
 var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
@@ -78,7 +78,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
   const panelRef = React__namespace.useRef(null);
   const titleId = React__namespace.useId();
   const descriptionId = React__namespace.useId();
-  const overlayZIndex = chunkHSDMJUB6_cjs.useOverlayZIndex(open, zIndex);
+  const overlayZIndex = chunkBN44QG2B_cjs.useOverlayZIndex(open, zIndex);
   const [hasOpenedOnce, setHasOpenedOnce] = React__namespace.useState(open);
   React__namespace.useEffect(() => {
     if (open) setHasOpenedOnce(true);
@@ -87,7 +87,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
     if (onCancel) onCancel();
     else onClose?.();
   }, [onCancel, onClose]);
-  chunkHSDMJUB6_cjs.useOverlayLayer({
+  chunkBN44QG2B_cjs.useOverlayLayer({
     open: open && portalContainer != null,
     containerRef: panelRef,
     zIndex: overlayZIndex,
@@ -145,7 +145,7 @@ var ModalBase = React__namespace.forwardRef((props, ref) => {
   const modalBodyStyle = bodyOverflow == null ? { ...portalTheme.styles.body, ...bodyStyle } : { ...portalTheme.styles.body, overflow: bodyOverflow, ...bodyStyle };
   const usesDefaultBodyOverflow = bodyOverflow == null && bodyStyle?.overflow == null && portalTheme.styles.body?.overflow == null;
   return ReactDOM__default.default.createPortal(
-    /* @__PURE__ */ jsxRuntime.jsx(chunkHSDMJUB6_cjs.OverlayZIndexProvider, { zIndex: overlayZIndex, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(chunkBN44QG2B_cjs.OverlayZIndexProvider, { zIndex: overlayZIndex, children: /* @__PURE__ */ jsxRuntime.jsx(
       "div",
       {
         className: ["modal-overlay", open ? "" : "hidden", maskClassName].filter(Boolean).join(" "),

package/dist/{chunk-SXT672KF.js → chunk-ZP4ROQEZ.js}

@@ -1,7 +1,7 @@
-import { useInputTriggerToggle } from './chunk-RC6ULCQP.js';
-import { useFloating } from './chunk-3QXP2ZNP.js';
+import { useInputTriggerToggle } from './chunk-SW3KEFIA.js';
+import { useFloating } from './chunk-NKIXCDZC.js';
 import { Input } from './chunk-TUXF2G2O.js';
-import { useOverlayLayer } from './chunk-2A4GYSN4.js';
+import { useOverlayLayer } from './chunk-BZB45GGK.js';
 import { Button } from './chunk-563SQXH7.js';
 import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
 import { usePortalContainer } from './chunk-CPVUDSIY.js';