@flamingo-stack/openframe-frontend-core 0.0.222 → 0.0.223-snapshot.20260604201541

package/dist/{chunk-QYRV6MKX.js → chunk-53EA4QPZ.js}

@@ -711,7 +711,8 @@ import { useCallback as useCallback5, useEffect as useEffect7, useRef as useRef5
 function useAutoLimitTags({
   count,
   limitTags = "auto",
-  placeholder = ""
+  placeholder = "",
+  reserveInputWidth = true
 }) {
   const middleRef = useRef5(null);
   const measureRef = useRef5(null);
@@ -739,10 +740,15 @@ function useAutoLimitTags({
     const padR = parseFloat(cs.paddingRight) || 0;
     const gap = parseFloat(cs.gap) || 0;
     const middleW = middle.clientWidth;
-    const textW = textMeasureRef.current?.offsetWidth ?? 60;
-    const inputMinW = inputRef.current ? parseFloat(getComputedStyle(inputRef.current).minWidth) || 60 : 60;
-    const inputReservedW = Math.max(textW + 8, inputMinW);
-    const available = middleW - padL - padR - inputReservedW - gap;
+    let inputReservedW = 0;
+    let trailingGap = 0;
+    if (reserveInputWidth) {
+      const textW = textMeasureRef.current?.offsetWidth ?? 60;
+      const inputMinW = inputRef.current ? parseFloat(getComputedStyle(inputRef.current).minWidth) || 60 : 60;
+      inputReservedW = Math.max(textW + 8, inputMinW);
+      trailingGap = gap;
+    }
+    const available = middleW - padL - padR - inputReservedW - trailingGap;
     const tagEls = Array.from(measure.children);
     const widths = tagEls.map((el) => el.offsetWidth);
     let total = 0;
@@ -764,7 +770,7 @@ function useAutoLimitTags({
       fitCount++;
     }
     setVisibleCount(Math.max(0, fitCount));
-  }, [count, limitTags, placeholder]);
+  }, [count, limitTags, placeholder, reserveInputWidth]);
   useEffect7(() => {
     recalculate();
   }, [recalculate]);
@@ -3049,4 +3055,4 @@ export {
   useAccessCodeIntegration,
   useOgPlaceholder
 };
-//# sourceMappingURL=chunk-QYRV6MKX.js.map
+//# sourceMappingURL=chunk-53EA4QPZ.js.map