@fangxinyan/lumina 0.9.3 → 0.9.5

package/dist/{chunk-AFYNTVSH.js → chunk-ROCX6JDG.js}

@@ -1,16 +1,72 @@
 import { Tag } from './chunk-OGMI3TO5.js';
-import { useFloating } from './chunk-3QXP2ZNP.js';
-import { useOverlayLayer } from './chunk-2A4GYSN4.js';
+import { useFloating } from './chunk-NKIXCDZC.js';
+import { useOverlayLayer } from './chunk-BZB45GGK.js';
 import { Icon, renderIconSlot } from './chunk-2BM65ITV.js';
 import { withComponentTheme, useComponentPortalTheme, InternalComponentThemePart } from './chunk-5HLNFDV4.js';
 import { usePortalContainer } from './chunk-CPVUDSIY.js';
 import './tokens-223RYVVS.css';
 import './shared-NJHRNLRH.css';
-import './Select-UTNBARSQ.css';
-import * as React from 'react';
+import './Select-M3HCB3PW.css';
+import * as React2 from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React2.useLayoutEffect : React2.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.useRef(null);
+  const [layout, setLayout] = React2.useState({ count: 0, inputWidth: 0 });
+  const measure = React2.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) => {
@@ -89,21 +145,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.useState(
+  const [innerSingle, setInnerSingle] = React2.useState(
     !isMulti ? props.defaultValue : void 0
   );
-  const [innerMulti, setInnerMulti] = React.useState(
+  const [innerMulti, setInnerMulti] = React2.useState(
     isMulti && Array.isArray(props.defaultValue) ? props.defaultValue : []
   );
-  const [innerOpen, setInnerOpen] = React.useState(defaultOpen ?? false);
-  const [innerSearchValue, setInnerSearchValue] = React.useState(defaultSearchValue ?? "");
-  const [activeIdx, setActiveIdx] = React.useState(-1);
-  const searchRef = React.useRef(null);
+  const [innerOpen, setInnerOpen] = React2.useState(defaultOpen ?? false);
+  const [innerSearchValue, setInnerSearchValue] = React2.useState(defaultSearchValue ?? "");
+  const [activeIdx, setActiveIdx] = React2.useState(-1);
+  const searchRef = React2.useRef(null);
   const portalContainer = usePortalContainer();
   const portalTheme = useComponentPortalTheme([
     "Select",
@@ -116,26 +173,26 @@ var SelectInner = (props, forwardedRef) => {
     (styleValue) => styleValue?.width != null || styleValue?.minWidth != null || styleValue?.maxWidth != null
   );
   const resolvedPopupWidth = popupStyle?.width ?? themedPopupStyle?.width;
-  const listboxId = React.useId();
+  const listboxId = React2.useId();
   const openControlled = openProp !== void 0;
   const requestedOpen = openControlled ? openProp : innerOpen;
   const open = !disabled && requestedOpen;
-  const requestedOpenRef = React.useRef(requestedOpen);
+  const requestedOpenRef = React2.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.useCallback((nextValue) => {
+  const updateSearchValue = React2.useCallback((nextValue) => {
     if (!searchControlled) setInnerSearchValue(nextValue);
     onSearch?.(nextValue);
   }, [onSearch, searchControlled]);
-  const resetSearchValue = React.useCallback(() => {
+  const resetSearchValue = React2.useCallback(() => {
     if (!searchValue) return;
     if (!searchControlled) setInnerSearchValue("");
     onSearch?.("");
   }, [onSearch, searchControlled, searchValue]);
-  const setOpen = React.useCallback((nextOpen) => {
+  const setOpen = React2.useCallback((nextOpen) => {
     if (disabled && nextOpen) return;
     if (nextOpen === requestedOpenRef.current) return;
     requestedOpenRef.current = nextOpen;
@@ -143,7 +200,7 @@ var SelectInner = (props, forwardedRef) => {
     onOpenChange?.(nextOpen);
     if (!nextOpen) resetSearchValue();
   }, [disabled, onOpenChange, openControlled, resetSearchValue]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (!disabled || openControlled || !innerOpen) return;
     setInnerOpen(false);
     onOpenChange?.(false);
@@ -163,7 +220,7 @@ var SelectInner = (props, forwardedRef) => {
     onEscape: () => setOpen(false),
     restoreFocus: true
   });
-  const setTriggerRef = React.useCallback(
+  const setTriggerRef = React2.useCallback(
     (node) => {
       triggerRef.current = node;
       if (typeof forwardedRef === "function") forwardedRef(node);
@@ -176,16 +233,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.useMemo(
+  const selectedValues = React2.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.useCallback((option) => {
+  const isOptionDisabled = React2.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.useEffect(() => {
+  React2.useEffect(() => {
     if (!open) return;
     const h = (e) => {
       const t = e.target;
@@ -196,42 +253,43 @@ var SelectInner = (props, forwardedRef) => {
     document.addEventListener("mousedown", h);
     return () => document.removeEventListener("mousedown", h);
   }, [menuRef, open, setOpen, triggerRef]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     if (open && mergedSearchable) {
       requestAnimationFrame(() => searchRef.current?.focus());
     }
     if (!open) setActiveIdx(-1);
   }, [open, mergedSearchable]);
-  const orderedItems = React.useMemo(
+  const orderedItems = React2.useMemo(
     () => prioritizePinnedGroups(options),
     [options]
   );
-  const allFlat = React.useMemo(() => flatten(orderedItems), [orderedItems]);
-  const optionByValue = React.useMemo(() => {
+  const allFlat = React2.useMemo(() => flatten(orderedItems), [orderedItems]);
+  const optionByValue = React2.useMemo(() => {
     const index = /* @__PURE__ */ new Map();
     allFlat.forEach((option) => index.set(option.value, option));
     return index;
   }, [allFlat]);
-  const selectedOptionCacheRef = React.useRef(/* @__PURE__ */ new Map());
-  React.useEffect(() => {
+  const selectedOptionCacheRef = React2.useRef(/* @__PURE__ */ new Map());
+  React2.useEffect(() => {
     selectedValues.forEach((selectedValue) => {
       const option = optionByValue.get(selectedValue);
       if (option) selectedOptionCacheRef.current.set(selectedValue, option);
     });
   }, [optionByValue, selectedValues]);
-  const selectedOptions = React.useMemo(
+  const selectedOptions = React2.useMemo(
     () => selectedValues.map(
       (selectedValue) => optionByValue.get(selectedValue) ?? selectedOptionCacheRef.current.get(selectedValue)
     ).filter((option) => option !== void 0),
     [optionByValue, selectedValues]
   );
-  const filteredFlat = React.useMemo(() => {
+  const responsiveLayout = useResponsiveTags(responsiveTags, selectedOptions, hasInlineSearch);
+  const filteredFlat = React2.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.useMemo(() => {
+  const filteredItems = React2.useMemo(() => {
     if (!searchValue.trim()) {
       return orderedItems.filter((item) => !isGroup(item) || item.options.length > 0);
     }
@@ -243,7 +301,7 @@ var SelectInner = (props, forwardedRef) => {
       return kept.length ? { ...it, options: kept } : null;
     }).filter((x) => x !== null);
   }, [orderedItems, filteredFlat, searchValue]);
-  React.useEffect(() => {
+  React2.useEffect(() => {
     setActiveIdx((current) => {
       if (current >= 0 && current < filteredFlat.length && !isOptionDisabled(filteredFlat[current])) {
         return current;
@@ -357,7 +415,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",
@@ -382,16 +440,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__ */ jsx("span", { className: "placeholder", children: placeholder });
       }
-      return /* @__PURE__ */ jsx(InternalComponentThemePart, { components: "Tag", children: /* @__PURE__ */ jsxs("span", { className: "select-tags", children: [
-        shown.map((o) => /* @__PURE__ */ jsx(
+      return /* @__PURE__ */ jsx(InternalComponentThemePart, { components: "Tag", children: /* @__PURE__ */ jsxs("span", { className: "select-tags", ref: responsiveLayout.tagsRef, children: [
+        selected.length === 0 && !hasInlineSearch && /* @__PURE__ */ jsx("span", { className: "placeholder", children: placeholder }),
+        shown.map((o, index) => /* @__PURE__ */ jsx(
           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),
@@ -408,7 +471,14 @@ var SelectInner = (props, forwardedRef) => {
           "+",
           overflow
         ] }),
-        renderInlineSearchInput()
+        renderInlineSearchInput(),
+        responsiveTags && /* @__PURE__ */ jsxs("span", { className: "select-tag-measurements", "aria-hidden": "true", ...{ inert: "" }, children: [
+          selected.map((option, index) => /* @__PURE__ */ jsxs(Tag, { tone: "neutral", "data-select-overflow": "", children: [
+            "+",
+            index + 1
+          ] }, String(option.value))),
+          hasInlineSearch && /* @__PURE__ */ jsx("span", { className: "select-search-measure", children: searchValue || "\u200B" })
+        ] })
       ] }) });
     }
     if (showsInlineSearchInput) return renderInlineSearchInput();
@@ -424,6 +494,24 @@ var SelectInner = (props, forwardedRef) => {
   };
   const hasSelection = isMulti ? multiValue.length > 0 : singleValue != null;
   const showClear = mergedClearable && hasSelection && !disabled;
+  const renderClearButton = () => showClear && /* @__PURE__ */ 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__ */ jsx(Icon, { name: "x", size: 12 })
+    }
+  );
   let renderIdx = -1;
   const renderOption = (o, groupPinned = false) => {
     renderIdx += 1;
@@ -483,7 +571,7 @@ var SelectInner = (props, forwardedRef) => {
     );
   };
   const renderMenuItems = (items) => items.map(
-    (item, groupIndex) => isGroup(item) ? /* @__PURE__ */ jsxs(React.Fragment, { children: [
+    (item, groupIndex) => isGroup(item) ? /* @__PURE__ */ jsxs(React2.Fragment, { children: [
       /* @__PURE__ */ 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)
@@ -507,7 +595,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;
@@ -554,28 +642,12 @@ var SelectInner = (props, forwardedRef) => {
             "aria-activedescendant": showsInlineSearchInput ? void 0 : open && activeIdx >= 0 ? `${listboxId}-option-${activeIdx}` : void 0,
             children: [
               renderTrigger(),
+              responsiveTags && renderClearButton(),
               /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }
         ),
-        showClear && /* @__PURE__ */ 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__ */ jsx(Icon, { name: "x", size: 12 })
-          }
-        ),
+        !responsiveTags && renderClearButton(),
         open && portalContainer && createPortal(
           /* @__PURE__ */ jsx(
             "div",
@@ -614,7 +686,7 @@ var SelectInner = (props, forwardedRef) => {
     }
   );
 };
-var SelectBase = React.forwardRef(SelectInner);
+var SelectBase = React2.forwardRef(SelectInner);
 SelectBase.displayName = "Select";
 var Select = withComponentTheme(
   SelectBase,

package/dist/{chunk-X547KNTP.js → chunk-S6KPLYLT.js}

@@ -1,7 +1,7 @@
-import { Pagination } from './chunk-6MT3APJ3.js';
+import { Pagination } from './chunk-6EHKQDMX.js';
 import { Checkbox } from './chunk-QSLXUNLM.js';
-import { useFloating } from './chunk-3QXP2ZNP.js';
-import { useOverlayLayer } from './chunk-2A4GYSN4.js';
+import { useFloating } from './chunk-NKIXCDZC.js';
+import { useOverlayLayer } from './chunk-BZB45GGK.js';
 import { Button, IconButton } from './chunk-563SQXH7.js';
 import { Icon } from './chunk-2BM65ITV.js';
 import { withComponentTheme, InternalComponentThemePart, useComponentPortalTheme } from './chunk-5HLNFDV4.js';

package/dist/{chunk-RC6ULCQP.js → chunk-SW3KEFIA.js}

@@ -1,6 +1,6 @@
+import { isRestoringOverlayFocus } from './chunk-BZB45GGK.js';
 import * as React from 'react';
 
-// src/utils/useInputTriggerToggle.ts
 function useInputTriggerToggle({
   open,
   disabled,
@@ -13,8 +13,8 @@ function useInputTriggerToggle({
     pointerDownOpenRef.current = open;
     focusOpenedRef.current = false;
   }, [open]);
-  const handleFocus = React.useCallback(() => {
-    if (disabled || readOnly || open) return;
+  const handleFocus = React.useCallback((event) => {
+    if (disabled || readOnly || open || isRestoringOverlayFocus(event.currentTarget)) return;
     focusOpenedRef.current = true;
     setOpen(true);
   }, [disabled, open, readOnly, setOpen]);

package/dist/{chunk-QI6BJJXM.cjs → chunk-U5B2JLNE.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunkBN44QG2B_cjs = require('./chunk-BN44QG2B.cjs');
 var chunkV6BLBIY6_cjs = require('./chunk-V6BLBIY6.cjs');
 var chunkI4GJZLJU_cjs = require('./chunk-I4GJZLJU.cjs');
 require('./tokens-223RYVVS.css');
@@ -67,7 +67,7 @@ var ContextMenuBase = React__namespace.forwardRef((props, ref) => {
   const menuRef = React__namespace.useRef(null);
   const triggerRef = React__namespace.useRef(null);
   const returnFocusRef = React__namespace.useRef(null);
-  const overlayZIndex = chunkHSDMJUB6_cjs.useOverlayZIndex(open);
+  const overlayZIndex = chunkBN44QG2B_cjs.useOverlayZIndex(open);
   const isSelectable = React__namespace.useCallback(
     (i) => i.type !== "divider" && !i.disabled,
     []
@@ -82,7 +82,7 @@ var ContextMenuBase = React__namespace.forwardRef((props, ref) => {
   React__namespace.useEffect(() => {
     if (disabled && open) closeAndRestoreFocus();
   }, [closeAndRestoreFocus, disabled, open]);
-  chunkHSDMJUB6_cjs.useOverlayLayer({
+  chunkBN44QG2B_cjs.useOverlayLayer({
     open: open && portalContainer != null,
     containerRef: menuRef,
     ownerRef: triggerRef,

package/dist/{chunk-CFKAKB2B.js → chunk-UNUFUTFQ.js}

@@ -1,6 +1,6 @@
-import { useFloating } from './chunk-3QXP2ZNP.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 { Icon, renderIconSlot } from './chunk-2BM65ITV.js';
 import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';
 import { usePortalContainer } from './chunk-CPVUDSIY.js';

package/dist/{chunk-3D5RJA7R.cjs → chunk-UOXJH4AR.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-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');
@@ -113,14 +113,14 @@ var EllipsisTooltip = React__namespace.forwardRef(({ content, children }, forwar
     floatingStyle,
     placement,
     zIndex: tooltipZIndex
-  } = chunkFJB3243S_cjs.useFloating({
+  } = chunk6A5KEWVU_cjs.useFloating({
     open,
     placement: "top",
     panelWidth: 360,
     panelHeight: 96,
     alignCross: "center"
   });
-  chunkHSDMJUB6_cjs.useOverlayLayer({
+  chunkBN44QG2B_cjs.useOverlayLayer({
     open: open && portalContainer != null,
     containerRef: floatingRef,
     ownerRef: triggerRef,

package/dist/{chunk-DQMG4XPX.js → chunk-VSIBZ7VH.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 { Calendar } from './chunk-TY5LOU3A.js';
 import { useComponentPortalTheme, InternalComponentThemePart, withComponentTheme } from './chunk-5HLNFDV4.js';

package/dist/{chunk-TALNKJQ2.js → chunk-WOE73NDO.js}

@@ -1,5 +1,5 @@
-import { useFloating } from './chunk-3QXP2ZNP.js';
-import { useOverlayLayer } from './chunk-2A4GYSN4.js';
+import { useFloating } from './chunk-NKIXCDZC.js';
+import { useOverlayLayer } from './chunk-BZB45GGK.js';
 import { useComponentPortalTheme, withComponentTheme } from './chunk-5HLNFDV4.js';
 import { usePortalContainer } from './chunk-CPVUDSIY.js';
 import './tokens-223RYVVS.css';