@dynatrace/strato-components 3.7.1 → 3.9.0

package/esm/content/chip/ChipContent.sty.js

@@ -3,8 +3,8 @@ import "../../styles/field.css";
 import "./BaseChip.css";
 import "./ChipContent.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var content = _7a468({ defaultClassName: "_uhh9yl1-3-7-1", variantClassNames: { size: { "default": "_uhh9yl2-3-7-1", condensed: "_uhh9yl3-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
-var prefix = "_uhh9yl4-3-7-1";
+var content = _7a468({ defaultClassName: "_uhh9yl1-3-9-0", variantClassNames: { size: { "default": "_uhh9yl2-3-9-0", condensed: "_uhh9yl3-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
+var prefix = "_uhh9yl4-3-9-0";
 export {
   content,
   prefix

package/esm/content/chip/ChipContent.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/ChipContent.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var content = _7a468({defaultClassName:'_uhh9yl1-3-7-1',variantClassNames:{size:{'default':'_uhh9yl2-3-7-1',condensed:'_uhh9yl3-3-7-1'}},defaultVariants:{},compoundVariants:[]});\nexport var prefix = '_uhh9yl4-3-7-1';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipContent.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var content = _7a468({defaultClassName:'_uhh9yl1-3-9-0',variantClassNames:{size:{'default':'_uhh9yl2-3-9-0',condensed:'_uhh9yl3-3-9-0'}},defaultVariants:{},compoundVariants:[]});\nexport var prefix = '_uhh9yl4-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,UAAU,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;AAChL,IAAI,SAAS;",
   "names": []
 }

package/esm/content/chip/ChipDeleteButton.css

@@ -1,39 +1,39 @@
-._3mvhm30-3-7-1 {
+._3mvhm30-3-9-0 {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
   border-top-right-radius: var(--dt-borders-radius-field-subdued, 3px);
   border-bottom-right-radius: var(--dt-borders-radius-field-subdued, 3px);
 }
-._1jgl8s50-3-7-1 ._3mvhm30-3-7-1 {
-  --_bx32h4-3-7-1: none;
+._1jgl8s50-3-9-0 ._3mvhm30-3-9-0 {
+  --_bx32h4-3-9-0: none;
 }
-._1jgl8s50-3-7-1 ._3mvhm30-3-7-1:hover {
-  --_bx32h4-3-7-1: none;
+._1jgl8s50-3-9-0 ._3mvhm30-3-9-0:hover {
+  --_bx32h4-3-9-0: none;
 }
-._1jgl8s50-3-7-1 ._3mvhm30-3-7-1:active {
-  --_bx32h4-3-7-1: none;
+._1jgl8s50-3-9-0 ._3mvhm30-3-9-0:active {
+  --_bx32h4-3-9-0: none;
 }
-._1jgl8s50-3-7-1 ._3mvhm31-3-7-1 {
-  --_bx32h3-3-7-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_bx32h2-3-7-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._1jgl8s50-3-9-0 ._3mvhm31-3-9-0 {
+  --_bx32h3-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_bx32h2-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._1jgl8s50-3-7-1 ._3mvhm31-3-7-1:hover {
-  --_bx32h3-3-7-1: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
+._1jgl8s50-3-9-0 ._3mvhm31-3-9-0:hover {
+  --_bx32h3-3-9-0: var(--dt-colors-background-field-neutral-emphasized-hover, #dadbe4);
 }
-._1jgl8s50-3-7-1 ._3mvhm31-3-7-1:active {
-  --_bx32h3-3-7-1: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
+._1jgl8s50-3-9-0 ._3mvhm31-3-9-0:active {
+  --_bx32h3-3-9-0: var(--dt-colors-background-field-neutral-emphasized-active, #d0d1dc);
 }
-._1jgl8s50-3-7-1 ._3mvhm32-3-7-1, ._1jgl8s50-3-7-1 ._3mvhm32-3-7-1:hover, ._1jgl8s50-3-7-1 ._3mvhm32-3-7-1:active {
-  --_bx32h3-3-7-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
-  --_bx32h2-3-7-1: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+._1jgl8s50-3-9-0 ._3mvhm32-3-9-0, ._1jgl8s50-3-9-0 ._3mvhm32-3-9-0:hover, ._1jgl8s50-3-9-0 ._3mvhm32-3-9-0:active {
+  --_bx32h3-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
+  --_bx32h2-3-9-0: var(--dt-colors-background-field-neutral-emphasized, #e4e5eb);
 }
-._3mvhm33-3-7-1 {
+._3mvhm33-3-9-0 {
   padding-left: var(--dt-spacings-size-4, 4px);
   padding-right: var(--dt-spacings-size-4, 4px);
   padding-top: var(--dt-spacings-size-2, 2px);
   padding-bottom: var(--dt-spacings-size-2, 2px);
 }
-._3mvhm34-3-7-1 {
+._3mvhm34-3-9-0 {
   padding-left: var(--dt-spacings-size-2, 2px);
   padding-right: var(--dt-spacings-size-2, 2px);
   padding-top: var(--dt-spacings-size-2, 2px);

package/esm/content/chip/ChipDeleteButton.sty.js

@@ -1,10 +1,10 @@
 import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./ChipDeleteButton.css";
-var base = "_3mvhm30-3-7-1";
-var disabledOverride = "_3mvhm32-3-7-1";
-var neutralEmphasizedOverride = "_3mvhm31-3-7-1";
-var size = { "default": "_3mvhm33-3-7-1", condensed: "_3mvhm34-3-7-1" };
+var base = "_3mvhm30-3-9-0";
+var disabledOverride = "_3mvhm32-3-9-0";
+var neutralEmphasizedOverride = "_3mvhm31-3-9-0";
+var size = { "default": "_3mvhm33-3-9-0", condensed: "_3mvhm34-3-9-0" };
 export {
   base,
   disabledOverride,

package/esm/content/chip/ChipDeleteButton.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/ChipDeleteButton.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './ChipDeleteButton.css';\nexport var base = '_3mvhm30-3-7-1';\nexport var disabledOverride = '_3mvhm32-3-7-1';\nexport var neutralEmphasizedOverride = '_3mvhm31-3-7-1';\nexport var size = {'default':'_3mvhm33-3-7-1',condensed:'_3mvhm34-3-7-1'};"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './ChipDeleteButton.css';\nexport var base = '_3mvhm30-3-9-0';\nexport var disabledOverride = '_3mvhm32-3-9-0';\nexport var neutralEmphasizedOverride = '_3mvhm31-3-9-0';\nexport var size = {'default':'_3mvhm33-3-9-0',condensed:'_3mvhm34-3-9-0'};"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,OAAO;AACX,IAAI,mBAAmB;AACvB,IAAI,4BAA4B;AAChC,IAAI,OAAO,EAAC,WAAU,kBAAiB,WAAU,iBAAgB;",
   "names": []
 }

package/esm/content/chip/ChipKey.css

@@ -1,11 +1,11 @@
-._1pehkco1-3-7-1 {
-  --_1pehkco0-3-7-1: var(--_bx32h0-3-7-1);
+._1pehkco1-3-9-0 {
+  --_1pehkco0-3-9-0: var(--_bx32h0-3-9-0);
   padding-inline: var(--dt-spacings-size-2, 2px);
 }
-._1raebd99-3-7-1._1raebd9e-3-7-1._1raebd98-3-7-1 ._1pehkco1-3-7-1 {
-  --_1pehkco0-3-7-1: var(--dt-colors-icon-neutral-subdued, #595a7d);
+._1raebd99-3-9-0._1raebd9e-3-9-0._1raebd98-3-9-0 ._1pehkco1-3-9-0 {
+  --_1pehkco0-3-9-0: var(--dt-colors-icon-neutral-subdued, #595a7d);
 }
-._1pehkco1-3-7-1._1pehkco1-3-7-1, ._1pehkco1-3-7-1._1pehkco1-3-7-1 *, ._1pehkco1-3-7-1._1pehkco1-3-7-1 *:hover {
+._1pehkco1-3-9-0._1pehkco1-3-9-0, ._1pehkco1-3-9-0._1pehkco1-3-9-0 *, ._1pehkco1-3-9-0._1pehkco1-3-9-0 *:hover {
   min-width: 0;
   box-sizing: border-box;
   white-space: nowrap;
@@ -13,5 +13,5 @@
   text-overflow: ellipsis;
   display: block;
   text-transform: none;
-  color: var(--_1pehkco0-3-7-1);
+  color: var(--_1pehkco0-3-9-0);
 }

package/esm/content/chip/ChipKey.sty.js

@@ -2,7 +2,7 @@ import "../../core/components/app-root/AppRoot.css";
 import "../../styles/field.css";
 import "./BaseChip.css";
 import "./ChipKey.css";
-var key = "_1pehkco1-3-7-1";
+var key = "_1pehkco1-3-9-0";
 export {
   key
 };

package/esm/content/chip/ChipKey.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/ChipKey.css.ts"],
-  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipKey.css';\nexport var key = '_1pehkco1-3-7-1';"],
+  "sourcesContent": ["import '../../core/components/app-root/AppRoot.css';\nimport '../../styles/field.css';\nimport './BaseChip.css';\nimport './ChipKey.css';\nexport var key = '_1pehkco1-3-9-0';"],
   "mappings": "AAAA,OAAO;AACP,OAAO;AACP,OAAO;AACP,OAAO;AACA,IAAI,MAAM;",
   "names": []
 }

package/esm/content/chip/GroupedChip.css

@@ -1,12 +1,12 @@
-._4mpedx0-3-7-1 {
+._4mpedx0-3-9-0 {
   position: absolute;
   visibility: hidden;
   z-index: -1;
 }
-._4mpedx1-3-7-1 {
+._4mpedx1-3-9-0 {
   flex: 0 0 auto;
 }
-._4mpedx2-3-7-1 {
+._4mpedx2-3-9-0 {
   min-width: 0;
   flex: 0 1 auto;
 }

package/esm/content/chip/GroupedChip.sty.js

@@ -1,7 +1,7 @@
 import "./GroupedChip.css";
-var first = "_4mpedx2-3-7-1";
-var grouped = "_4mpedx1-3-7-1";
-var hidden = "_4mpedx0-3-7-1";
+var first = "_4mpedx2-3-9-0";
+var grouped = "_4mpedx1-3-9-0";
+var hidden = "_4mpedx0-3-9-0";
 export {
   first,
   grouped,

package/esm/content/chip/GroupedChip.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip/GroupedChip.css.ts"],
-  "sourcesContent": ["import './GroupedChip.css';\nexport var first = '_4mpedx2-3-7-1';\nexport var grouped = '_4mpedx1-3-7-1';\nexport var hidden = '_4mpedx0-3-7-1';"],
+  "sourcesContent": ["import './GroupedChip.css';\nexport var first = '_4mpedx2-3-9-0';\nexport var grouped = '_4mpedx1-3-9-0';\nexport var hidden = '_4mpedx0-3-9-0';"],
   "mappings": "AAAA,OAAO;AACA,IAAI,QAAQ;AACZ,IAAI,UAAU;AACd,IAAI,SAAS;",
   "names": []
 }

package/esm/content/chip-group/ChipGroup.css

@@ -1,4 +1,4 @@
-._dwt8fp0-3-7-1 {
+._dwt8fp0-3-9-0 {
   position: relative;
   align-items: center;
   align-content: center;
@@ -7,12 +7,12 @@
   overflow: hidden;
   line-height: var(--dt-typography-text-base-default-line-height, 1.4285714286);
 }
-._dwt8fp1-3-7-1 {
+._dwt8fp1-3-9-0 {
   gap: var(--dt-spacings-size-6, 6px);
 }
-._dwt8fp3-3-7-1 {
+._dwt8fp3-3-9-0 {
   flex-wrap: wrap;
 }
-._dwt8fp4-3-7-1 {
+._dwt8fp4-3-9-0 {
   flex-wrap: nowrap;
 }

package/esm/content/chip-group/ChipGroup.js

@@ -1,6 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { forwardRef, useEffect, useReducer, useRef, useState } from "react";
+import {
+  computeAllChipsFitExpanded,
+  findOverflowChipIndex
+} from "./chip-group-utils.js";
 import { chipGroupCSS } from "./ChipGroup.sty.js";
 import { ChipGroupContext } from "./contexts/ChipGroupContext.js";
 import { InternalChipGroupContext } from "./contexts/InternalChipGroupContext.js";
@@ -55,65 +59,48 @@ const RootChipGroup = forwardRef(
     const [hiddenChips, setHiddenChips] = useState([]);
     const [visibleChips, setVisibleChips] = useState([]);
     useEffect(() => {
-      const chips = Object.entries(state.chips);
-      const chipKeys = chips.map(([uniqueChipKey]) => uniqueChipKey);
-      if (chips.length === 0) {
+      const chipEntries = Object.entries(state.chips);
+      const chipEntriesKeys = chipEntries.map(
+        ([uniqueChipKey]) => uniqueChipKey
+      );
+      if (chipEntries.length === 0) {
         setVisibleChips([]);
         return;
       }
-      if (chips.some(([, chip]) => !chip.width)) {
+      if (chipEntries.some(([, chip]) => !chip.width)) {
         return;
       }
       if (expanded) {
         setHiddenChips([]);
-        setVisibleChips(chipKeys);
-        if (!containerRef.current?.firstChild) {
-          setAllChipsFit(true);
+        setVisibleChips(chipEntriesKeys);
+        if (expandedProp !== void 0) {
+          setAllChipsFit(false);
           return;
         }
-        let wrap = false;
-        let child = containerRef.current.firstChild;
-        const rafId = requestAnimationFrame(() => {
-          do {
-            if (child.classList.contains("chip") && child.offsetTop > 0) {
-              wrap = true;
-            }
-            child = child.nextSibling;
-          } while (!wrap && child);
-          setAllChipsFit(!wrap);
-          setTimeout(() => {
-            const controlButton = containerRef.current?.querySelector(
-              `button[aria-controls="${uniqueId}"]`
-            );
-            if (controlButton) {
-              controlButton.focus();
-            }
-          }, 0);
-        });
-        return () => {
-          cancelAnimationFrame(rafId);
-        };
-      }
-      const spacing = size === "condensed" ? 6 : 8;
-      let totalChipsWidth = 0;
-      let setHidden = true;
-      let _hiddenChipsIndex = chips.length;
-      for (const [index, [, value]] of Array.from(chips).entries()) {
-        totalChipsWidth += value.width || 0;
-        const chipFits = index === 0 || Math.floor(totalChipsWidth + index * spacing) <= Math.round(containerWidth);
-        const chipAndControlFits = index === 0 || totalChipsWidth + (index + 1) * spacing + (state.control?.width || 0) <= containerWidth;
-        const visible = index === chips.length - 1 && (state.control?.show ?? "auto") === "auto" ? chipFits : chipAndControlFits;
-        if (!visible && setHidden) {
-          setHidden = false;
-          _hiddenChipsIndex = index;
-        }
+        setAllChipsFit(
+          computeAllChipsFitExpanded(
+            chipEntries,
+            containerWidth,
+            size,
+            state.control?.width ?? 0,
+            state.control?.show,
+            maxVisibleChips
+          )
+        );
+        return;
       }
-      const effectiveHiddenChipsIndex = maxVisibleChips !== "auto" && maxVisibleChips >= 0 ? Math.min(_hiddenChipsIndex, maxVisibleChips) : _hiddenChipsIndex;
-      const allFit = effectiveHiddenChipsIndex === chips.length;
-      setAllChipsFit(allFit);
-      setHiddenChips(chipKeys.slice(effectiveHiddenChipsIndex));
-      setVisibleChips(chipKeys.slice(0, effectiveHiddenChipsIndex));
-    }, [containerWidth, expanded, size, state, maxVisibleChips, uniqueId]);
+      const fittingIndex = findOverflowChipIndex(
+        chipEntries,
+        containerWidth,
+        size,
+        state.control?.width || 0,
+        state.control?.show
+      );
+      const effectiveHiddenChipsIndex = maxVisibleChips !== "auto" && maxVisibleChips >= 0 ? Math.min(fittingIndex, maxVisibleChips) : fittingIndex;
+      setAllChipsFit(effectiveHiddenChipsIndex === chipEntries.length);
+      setHiddenChips(chipEntriesKeys.slice(effectiveHiddenChipsIndex));
+      setVisibleChips(chipEntriesKeys.slice(0, effectiveHiddenChipsIndex));
+    }, [containerWidth, expanded, expandedProp, size, state, maxVisibleChips]);
     return /* @__PURE__ */ jsx(
       ChipGroupContext.Provider,
       {

package/esm/content/chip-group/ChipGroup.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip-group/ChipGroup.tsx"],
-  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useEffect, useReducer, useRef, useState } from 'react';\n\nimport { chipGroupCSS } from './ChipGroup.sty.js';\nimport { ChipGroupContext } from './contexts/ChipGroupContext.js';\nimport { InternalChipGroupContext } from './contexts/InternalChipGroupContext.js';\nimport { Control } from './Control.js';\nimport { HiddenCount } from './HiddenCount.js';\nimport { chipGroupReducer } from './state/chip-group-state-reducer.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useContainerSize } from '../../core/hooks/useContainerSize.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport type { ChipOwnProps } from '../chip/types/chip.js';\n\nconst COMPONENT_NAME = 'ChipGroup';\n\n/**\n * Accepted base properties for ChipGroup.\n * @public\n */\nexport interface ChipGroupBaseProps\n  extends StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * Whether the chip group is disabled.\n   * If set to true, all the chips inside the group are disabled, unless explicitly overridden.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n\n  /**\n   * The size of the spacing and chips in the group.\n   * All the chips match the size of the group, but can be overridden individually.\n   * @defaultValue default\n   */\n  size?: ChipOwnProps['size'];\n\n  /**\n   * Callback triggered when the expanded state changes.\n   */\n  onExpandedChange?: (state: boolean) => void;\n\n  /**\n   * Maximum number of chips rendered before the \"Show more\" control.\n   *\n   * If set to 'auto', the chip group automatically determines\n   * how many chips can fit based on the available width.\n   * If a number is provided, it limits the visible chips to that number\n   * when the group is collapsed, regardless of available space.\n   * @defaultValue 'auto'\n   */\n  maxVisibleChips?: 'auto' | number;\n}\n\n/**\n * Properties for the controlled variant of ChipGroup.\n * @public\n */\nexport interface ChipGroupControlledProps {\n  /** Whether the chip group is expanded. */\n  expanded?: boolean;\n  /** Whether the chip group is expanded by default. */\n  defaultExpanded?: never;\n}\n\n/**\n * Properties for the uncontrolled variant of ChipGroup.\n * @public\n */\nexport interface ChipGroupUncontrolledProps {\n  /** Whether the chip group is expanded. */\n  expanded?: never;\n  /** Whether the chip group is expanded by default. */\n  defaultExpanded?: boolean;\n}\n\n/**\n * Properties for the ChipGroup component.\n * @public\n */\nexport type ChipGroupProps = ChipGroupBaseProps &\n  (ChipGroupControlledProps | ChipGroupUncontrolledProps) &\n  WithChildren;\n\n/**\n * ChipGroup component\n */\nconst RootChipGroup = forwardRef<HTMLElement, ChipGroupProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      expanded: expandedProp,\n      defaultExpanded,\n      disabled,\n      size,\n      onExpandedChange,\n      maxVisibleChips = 'auto',\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const uniqueId = useId();\n\n    const [state, dispatch] = useReducer(chipGroupReducer, {\n      chips: {},\n    });\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useMergeRefs<HTMLElement | null>([\n      containerRef,\n      forwardedRef,\n    ]);\n\n    // Width of the chip group container.\n    const { width: containerWidth } = useContainerSize(containerRef);\n\n    const [expanded, setExpanded] = useControllableState({\n      value: expandedProp,\n      defaultValue: defaultExpanded,\n      onChange: onExpandedChange,\n    });\n\n    const [allChipsFit, setAllChipsFit] = useState(false);\n    const [hiddenChips, setHiddenChips] = useState<string[]>([]);\n    const [visibleChips, setVisibleChips] = useState<string[]>([]);\n\n    useEffect(() => {\n      const chips = Object.entries(state.chips);\n      const chipKeys = chips.map(([uniqueChipKey]) => uniqueChipKey);\n\n      // Reset visibility when there are no chips.\n      if (chips.length === 0) {\n        setVisibleChips([]);\n        return;\n      }\n\n      // Cannot calculate visibility when any chip has not been measured yet.\n      if (chips.some(([, chip]) => !chip.width)) {\n        return;\n      }\n\n      // No need to calculate fitting chips if the group is expanded, but all of them have to be set to visible again.\n      if (expanded) {\n        setHiddenChips([]);\n        setVisibleChips(chipKeys);\n\n        if (\n          !containerRef.current?.firstChild // ChipGroup may be empty.\n        ) {\n          setAllChipsFit(true);\n          return;\n        }\n\n        // Check if the flex container is wrapping. If not, the container has grown\n        // enough so all chips fit again, and we can hide the control.\n        let wrap = false;\n        let child = containerRef.current.firstChild as HTMLElement;\n\n        // requestAnimationFrame ensures the DOM updates are completed before performing the check\n        // and prevent issues with displaying the \"show less\" button.\n        const rafId = requestAnimationFrame(() => {\n          // Check if any chip is wrapped to the next line.\n          do {\n            if (child.classList.contains('chip') && child.offsetTop > 0) {\n              wrap = true;\n            }\n            child = child.nextSibling as HTMLElement;\n          } while (!wrap && child);\n          setAllChipsFit(!wrap);\n\n          // Restore focus to the control button after expansion.\n          // There are one or more re-renders in between so need to\n          // use setTimeout (macrotask) to defer this until re-renders are finished.\n          setTimeout(() => {\n            const controlButton =\n              containerRef.current?.querySelector<HTMLButtonElement>(\n                `button[aria-controls=\"${uniqueId}\"]`,\n              );\n            if (controlButton) {\n              controlButton.focus();\n            }\n          }, 0);\n        });\n\n        return () => {\n          cancelAnimationFrame(rafId);\n        };\n      }\n\n      // Flex gap needs to be considered in the calculation.\n      // Either `Spacings.Size6` or `Spacings.Size8`\n      const spacing = size === 'condensed' ? 6 : 8;\n\n      /**\n       * Iterate over all chips and check, if the chips + flex gap still fit in one line.\n       */\n      let totalChipsWidth = 0;\n      let setHidden = true;\n      let _hiddenChipsIndex = chips.length;\n\n      for (const [index, [, value]] of Array.from(chips).entries()) {\n        totalChipsWidth += value.width || 0;\n\n        // Whether the chips have enough space in the container. The first chip is always visible.\n        const chipFits =\n          index === 0 ||\n          Math.floor(totalChipsWidth + index * spacing) <=\n            Math.round(containerWidth);\n\n        // Whether the chips + control have enough space in the container.\n        const chipAndControlFits =\n          index === 0 ||\n          totalChipsWidth +\n            (index + 1) * spacing +\n            (state.control?.width || 0) <=\n            containerWidth;\n\n        // Whether the chip should be visible.\n        // If we are at the last chip and the visibility of the control is determined automatically,\n        // we can safely show the chip. In this case, all of them fit in one line and the control will be hidden.\n        // If the control is always shown, we only show the chip if there's enough space left to also render the control.\n        const visible =\n          index === chips.length - 1 &&\n          (state.control?.show ?? 'auto') === 'auto'\n            ? chipFits\n            : chipAndControlFits;\n\n        // Set the index of the first hidden chip for the first chip that doesn't fit anymore.\n        if (!visible && setHidden) {\n          setHidden = false;\n\n          _hiddenChipsIndex = index;\n        }\n      }\n\n      // Apply maxVisibleChips limit if specified and valid (non-negative)\n      const effectiveHiddenChipsIndex =\n        maxVisibleChips !== 'auto' && maxVisibleChips >= 0\n          ? Math.min(_hiddenChipsIndex, maxVisibleChips)\n          : _hiddenChipsIndex;\n\n      const allFit = effectiveHiddenChipsIndex === chips.length;\n      setAllChipsFit(allFit);\n\n      setHiddenChips(chipKeys.slice(effectiveHiddenChipsIndex));\n      setVisibleChips(chipKeys.slice(0, effectiveHiddenChipsIndex));\n    }, [containerWidth, expanded, size, state, maxVisibleChips, uniqueId]);\n\n    return (\n      <ChipGroupContext.Provider\n        value={{\n          visibleKeys: visibleChips,\n          hiddenKeys: hiddenChips,\n        }}\n      >\n        <InternalChipGroupContext.Provider\n          value={{\n            chipGroupId: uniqueId,\n            disabled,\n            size,\n            expanded,\n            allChipsFit,\n            dispatch,\n            setExpanded,\n          }}\n        >\n          <Flex\n            ref={rootRef}\n            id={uniqueId}\n            className={clsx(\n              chipGroupCSS({ size, expanded }),\n              consumerClassName,\n            )}\n            style={consumerStyle}\n            data-testid={dataTestId}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n            {...ariaLabelingProps}\n            {...behavioralTrackingProps}\n            {...forwardProps}\n            data-dt-component={COMPONENT_NAME}\n          >\n            {children}\n          </Flex>\n        </InternalChipGroupContext.Provider>\n      </ChipGroupContext.Provider>\n    );\n  },\n);\n\n(RootChipGroup as typeof RootChipGroup & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\n/**\n * Use the `ChipGroup` component to group multiple `Chip`s in an expandable container.\n * @public\n */\nexport const ChipGroup = Object.assign(RootChipGroup, {\n  Control,\n  HiddenCount,\n});\n"],
-  "mappings": "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",
+  "sourcesContent": ["import clsx from 'clsx';\nimport { forwardRef, useEffect, useReducer, useRef, useState } from 'react';\n\nimport {\n  computeAllChipsFitExpanded,\n  findOverflowChipIndex,\n} from './chip-group-utils.js';\nimport { chipGroupCSS } from './ChipGroup.sty.js';\nimport { ChipGroupContext } from './contexts/ChipGroupContext.js';\nimport { InternalChipGroupContext } from './contexts/InternalChipGroupContext.js';\nimport { Control } from './Control.js';\nimport { HiddenCount } from './HiddenCount.js';\nimport { chipGroupReducer } from './state/chip-group-state-reducer.js';\nimport { useAriaLabelingProps } from '../../core/hooks/useAriaLabelingProps.js';\nimport { useBehavioralTrackingProps } from '../../core/hooks/useBehavioralTrackingProps.js';\nimport { useContainerSize } from '../../core/hooks/useContainerSize.js';\nimport { useControllableState } from '../../core/hooks/useControllableState.js';\nimport { useId } from '../../core/hooks/useId.js';\nimport { useMergeRefs } from '../../core/hooks/useMergeRefs.js';\nimport { useSafeForwardProps } from '../../core/hooks/useSafeForwardProps.js';\nimport type { AriaLabelingProps } from '../../core/types/a11y-props.js';\nimport type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';\nimport type { DataTestId } from '../../core/types/data-props.js';\nimport type { MaskingProps } from '../../core/types/masking-props.js';\nimport type { StylingProps } from '../../core/types/styling-props.js';\nimport type { WithChildren } from '../../core/types/with-children.js';\nimport { Flex } from '../../layouts/flex/Flex.js';\nimport type { ChipOwnProps } from '../chip/types/chip.js';\n\nconst COMPONENT_NAME = 'ChipGroup';\n\n/**\n * Accepted base properties for ChipGroup.\n * @public\n */\nexport interface ChipGroupBaseProps\n  extends StylingProps,\n    DataTestId,\n    MaskingProps,\n    AriaLabelingProps,\n    BehaviorTrackingProps {\n  /**\n   * Whether the chip group is disabled.\n   * If set to true, all the chips inside the group are disabled, unless explicitly overridden.\n   * @defaultValue false\n   */\n  disabled?: boolean;\n\n  /**\n   * The size of the spacing and chips in the group.\n   * All the chips match the size of the group, but can be overridden individually.\n   * @defaultValue default\n   */\n  size?: ChipOwnProps['size'];\n\n  /**\n   * Callback triggered when the expanded state changes.\n   */\n  onExpandedChange?: (state: boolean) => void;\n\n  /**\n   * Maximum number of chips rendered before the \"Show more\" control.\n   *\n   * If set to 'auto', the chip group automatically determines\n   * how many chips can fit based on the available width.\n   * If a number is provided, it limits the visible chips to that number\n   * when the group is collapsed, regardless of available space.\n   * @defaultValue 'auto'\n   */\n  maxVisibleChips?: 'auto' | number;\n}\n\n/**\n * Properties for the controlled variant of ChipGroup.\n * @public\n */\nexport interface ChipGroupControlledProps {\n  /** Whether the chip group is expanded. */\n  expanded?: boolean;\n  /** Whether the chip group is expanded by default. */\n  defaultExpanded?: never;\n}\n\n/**\n * Properties for the uncontrolled variant of ChipGroup.\n * @public\n */\nexport interface ChipGroupUncontrolledProps {\n  /** Whether the chip group is expanded. */\n  expanded?: never;\n  /** Whether the chip group is expanded by default. */\n  defaultExpanded?: boolean;\n}\n\n/**\n * Properties for the ChipGroup component.\n * @public\n */\nexport type ChipGroupProps = ChipGroupBaseProps &\n  (ChipGroupControlledProps | ChipGroupUncontrolledProps) &\n  WithChildren;\n\n/**\n * ChipGroup component\n */\nconst RootChipGroup = forwardRef<HTMLElement, ChipGroupProps>(\n  (props, forwardedRef) => {\n    const {\n      children,\n      expanded: expandedProp,\n      defaultExpanded,\n      disabled,\n      size,\n      onExpandedChange,\n      maxVisibleChips = 'auto',\n      className: consumerClassName,\n      style: consumerStyle,\n      'data-testid': dataTestId,\n      'data-dtrum-mask': dataDtrumMask,\n      'data-dtrum-allow': dataDtrumAllow,\n      ...remainingProps\n    } = props;\n\n    const [behavioralTrackingProps, restProps] =\n      useBehavioralTrackingProps(remainingProps);\n    const ariaLabelingProps = useAriaLabelingProps(restProps);\n    const forwardProps = useSafeForwardProps(restProps, ariaLabelingProps);\n\n    const uniqueId = useId();\n\n    const [state, dispatch] = useReducer(chipGroupReducer, {\n      chips: {},\n    });\n\n    const containerRef = useRef<HTMLDivElement | null>(null);\n    const rootRef = useMergeRefs<HTMLElement | null>([\n      containerRef,\n      forwardedRef,\n    ]);\n\n    // Width of the chip group container.\n    const { width: containerWidth } = useContainerSize(containerRef);\n\n    const [expanded, setExpanded] = useControllableState({\n      value: expandedProp,\n      defaultValue: defaultExpanded,\n      onChange: onExpandedChange,\n    });\n\n    const [allChipsFit, setAllChipsFit] = useState(false);\n    const [hiddenChips, setHiddenChips] = useState<string[]>([]);\n    const [visibleChips, setVisibleChips] = useState<string[]>([]);\n\n    useEffect(() => {\n      const chipEntries = Object.entries(state.chips);\n      const chipEntriesKeys = chipEntries.map(\n        ([uniqueChipKey]) => uniqueChipKey,\n      );\n\n      // Reset visibility when there are no chips.\n      if (chipEntries.length === 0) {\n        setVisibleChips([]);\n        return;\n      }\n\n      // Cannot calculate visibility when any chip has not been measured yet.\n      if (chipEntries.some(([, chip]) => !chip.width)) {\n        return;\n      }\n\n      if (expanded) {\n        setHiddenChips([]);\n        setVisibleChips(chipEntriesKeys);\n\n        // When `expanded` is controlled, the consumer owns the toggle and renders the\n        // control so users can collapse again. Auto-hiding it because everything currently\n        // fits would remove their control, so the auto-hide behaviour only applies in\n        // uncontrolled mode where the component manages expansion itself.\n        if (expandedProp !== undefined) {\n          setAllChipsFit(false);\n          return;\n        }\n\n        setAllChipsFit(\n          computeAllChipsFitExpanded(\n            chipEntries,\n            containerWidth,\n            size,\n            state.control?.width ?? 0,\n            state.control?.show,\n            maxVisibleChips,\n          ),\n        );\n        return;\n      }\n\n      const fittingIndex = findOverflowChipIndex(\n        chipEntries,\n        containerWidth,\n        size,\n        state.control?.width || 0,\n        state.control?.show,\n      );\n\n      // Apply maxVisibleChips limit if specified and valid (non-negative)\n      const effectiveHiddenChipsIndex =\n        maxVisibleChips !== 'auto' && maxVisibleChips >= 0\n          ? Math.min(fittingIndex, maxVisibleChips)\n          : fittingIndex;\n\n      setAllChipsFit(effectiveHiddenChipsIndex === chipEntries.length);\n      setHiddenChips(chipEntriesKeys.slice(effectiveHiddenChipsIndex));\n      setVisibleChips(chipEntriesKeys.slice(0, effectiveHiddenChipsIndex));\n    }, [containerWidth, expanded, expandedProp, size, state, maxVisibleChips]);\n\n    return (\n      <ChipGroupContext.Provider\n        value={{\n          visibleKeys: visibleChips,\n          hiddenKeys: hiddenChips,\n        }}\n      >\n        <InternalChipGroupContext.Provider\n          value={{\n            chipGroupId: uniqueId,\n            disabled,\n            size,\n            expanded,\n            allChipsFit,\n            dispatch,\n            setExpanded,\n          }}\n        >\n          <Flex\n            ref={rootRef}\n            id={uniqueId}\n            className={clsx(\n              chipGroupCSS({ size, expanded }),\n              consumerClassName,\n            )}\n            style={consumerStyle}\n            data-testid={dataTestId}\n            data-dtrum-mask={dataDtrumMask}\n            data-dtrum-allow={dataDtrumAllow}\n            {...ariaLabelingProps}\n            {...behavioralTrackingProps}\n            {...forwardProps}\n            data-dt-component={COMPONENT_NAME}\n          >\n            {children}\n          </Flex>\n        </InternalChipGroupContext.Provider>\n      </ChipGroupContext.Provider>\n    );\n  },\n);\n\n(RootChipGroup as typeof RootChipGroup & { displayName: string }).displayName =\n  COMPONENT_NAME;\n\n/**\n * Use the `ChipGroup` component to group multiple `Chips` in an expandable container.\n * @public\n */\nexport const ChipGroup = Object.assign(RootChipGroup, {\n  Control,\n  HiddenCount,\n});\n"],
+  "mappings": "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",
   "names": []
 }

package/esm/content/chip-group/ChipGroup.sty.js

@@ -1,6 +1,6 @@
 import "./ChipGroup.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var chipGroupCSS = _7a468({ defaultClassName: "_dwt8fp0-3-7-1", variantClassNames: { size: { condensed: "_dwt8fp1-3-7-1", "default": "_dwt8fp2-3-7-1" }, expanded: { true: "_dwt8fp3-3-7-1", false: "_dwt8fp4-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var chipGroupCSS = _7a468({ defaultClassName: "_dwt8fp0-3-9-0", variantClassNames: { size: { condensed: "_dwt8fp1-3-9-0", "default": "_dwt8fp2-3-9-0" }, expanded: { true: "_dwt8fp3-3-9-0", false: "_dwt8fp4-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   chipGroupCSS
 };

package/esm/content/chip-group/ChipGroup.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip-group/ChipGroup.css.ts"],
-  "sourcesContent": ["import './ChipGroup.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chipGroupCSS = _7a468({defaultClassName:'_dwt8fp0-3-7-1',variantClassNames:{size:{condensed:'_dwt8fp1-3-7-1','default':'_dwt8fp2-3-7-1'},expanded:{true:'_dwt8fp3-3-7-1',false:'_dwt8fp4-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './ChipGroup.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var chipGroupCSS = _7a468({defaultClassName:'_dwt8fp0-3-9-0',variantClassNames:{size:{condensed:'_dwt8fp1-3-9-0','default':'_dwt8fp2-3-9-0'},expanded:{true:'_dwt8fp3-3-9-0',false:'_dwt8fp4-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,MAAK,EAAC,WAAU,kBAAiB,WAAU,iBAAgB,GAAE,UAAS,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/content/chip-group/Control.css

@@ -1,4 +1,4 @@
-._uoyq2d0-3-7-1 {
+._uoyq2d0-3-9-0 {
   gap: var(--dt-spacings-size-4, 4px);
   display: inline-flex;
   padding: var(--dt-spacings-size-0, 0);
@@ -23,12 +23,12 @@
   cursor: pointer;
   transition: background-color var(--dt-animations-hover-duration-base, 150ms) var(--dt-animations-hover-easing, cubic-bezier(0, 0, 0.2, 1));
 }
-._uoyq2d0-3-7-1:hover {
+._uoyq2d0-3-9-0:hover {
   background: var(--dt-colors-background-field-neutral-default-hover, #dadbe4);
 }
-._uoyq2d0-3-7-1:active {
+._uoyq2d0-3-9-0:active {
   background: var(--dt-colors-background-field-neutral-default-active, #d0d1dc);
 }
-._uoyq2d1-3-7-1 {
+._uoyq2d1-3-9-0 {
   text-decoration: none;
 }

package/esm/content/chip-group/Control.sty.js

@@ -1,6 +1,6 @@
 import "./Control.css";
 import { createRuntimeFn as _7a468 } from "@vanilla-extract/recipes/createRuntimeFn";
-var expandButton = _7a468({ defaultClassName: "_uoyq2d0-3-7-1", variantClassNames: { isFocusVisible: { true: "_uoyq2d1-3-7-1", false: "_uoyq2d2-3-7-1" } }, defaultVariants: {}, compoundVariants: [] });
+var expandButton = _7a468({ defaultClassName: "_uoyq2d0-3-9-0", variantClassNames: { isFocusVisible: { true: "_uoyq2d1-3-9-0", false: "_uoyq2d2-3-9-0" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   expandButton
 };

package/esm/content/chip-group/Control.sty.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/content/chip-group/Control.css.ts"],
-  "sourcesContent": ["import './Control.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButton = _7a468({defaultClassName:'_uoyq2d0-3-7-1',variantClassNames:{isFocusVisible:{true:'_uoyq2d1-3-7-1',false:'_uoyq2d2-3-7-1'}},defaultVariants:{},compoundVariants:[]});"],
+  "sourcesContent": ["import './Control.css';\nimport { createRuntimeFn as _7a468 } from '@vanilla-extract/recipes/createRuntimeFn';\nexport var expandButton = _7a468({defaultClassName:'_uoyq2d0-3-9-0',variantClassNames:{isFocusVisible:{true:'_uoyq2d1-3-9-0',false:'_uoyq2d2-3-9-0'}},defaultVariants:{},compoundVariants:[]});"],
   "mappings": "AAAA,OAAO;AACP,SAAS,mBAAmB,cAAc;AACnC,IAAI,eAAe,OAAO,EAAC,kBAAiB,kBAAiB,mBAAkB,EAAC,gBAAe,EAAC,MAAK,kBAAiB,OAAM,iBAAgB,EAAC,GAAE,iBAAgB,CAAC,GAAE,kBAAiB,CAAC,EAAC,CAAC;",
   "names": []
 }

package/esm/content/chip-group/chip-group-utils.js

@@ -0,0 +1,34 @@
+function findOverflowChipIndex(chipEntries, containerWidth, chipSize, controlWidth, controlShow) {
+  let totalChipsWidth = 0;
+  const spacing = getFlexGapByChipSize(chipSize);
+  for (const [index, [, value]] of chipEntries.entries()) {
+    totalChipsWidth += value.width || 0;
+    const chipFits = index === 0 || Math.floor(totalChipsWidth + index * spacing) <= Math.round(containerWidth);
+    const chipAndControlFits = index === 0 || totalChipsWidth + (index + 1) * spacing + controlWidth <= containerWidth;
+    const visible = index === chipEntries.length - 1 && (controlShow ?? "auto") === "auto" ? chipFits : chipAndControlFits;
+    if (!visible) {
+      return index;
+    }
+  }
+  return chipEntries.length;
+}
+function computeAllChipsFitExpanded(chipEntries, containerWidth, chipSize, controlWidth, controlShow, maxVisibleChips) {
+  const spacing = getFlexGapByChipSize(chipSize);
+  const totalWidth = chipEntries.reduce(
+    (sum, [, chip]) => sum + (chip.width ?? 0),
+    0
+  );
+  const hasBindingLimit = maxVisibleChips !== "auto" && maxVisibleChips >= 0 && maxVisibleChips < chipEntries.length;
+  const controlReservedWidth = controlShow === "always" ? controlWidth + spacing : 0;
+  return !hasBindingLimit && Math.floor(
+    totalWidth + (chipEntries.length - 1) * spacing + controlReservedWidth
+  ) <= Math.round(containerWidth);
+}
+function getFlexGapByChipSize(chipSize) {
+  return chipSize === "condensed" ? 6 : 8;
+}
+export {
+  computeAllChipsFitExpanded,
+  findOverflowChipIndex
+};
+//# sourceMappingURL=chip-group-utils.js.map

package/esm/content/chip-group/chip-group-utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/content/chip-group/chip-group-utils.ts"],
+  "sourcesContent": ["import type { Chip } from './state/chip-group-state-reducer.js';\nimport type { ChipOwnProps } from '../chip/types/chip.js';\n\n/**\n * Iterates over measured chips and returns the index of the first chip that no longer fits\n * in the container (i.e. the cutoff between visible and hidden). Returns `chips.length` if\n * all chips fit on one line.\n * The first chip is always considered visible regardless of container width.\n *\n * @param chipEntries - chip entries derived from state.chips\n * @param containerWidth - Width of the chip group container.\n * @param chipSize - The size of the spacing and chips in the group\n * @param controlWidth - Pixel width of the \"Show more / Show less\" control button, or `0` when no control is mounted.\n * @param controlShow - Whether the control's visibility is managed automatically (`'auto'`) or is always present (`'always'`).\n */\nexport function findOverflowChipIndex(\n  chipEntries: Array<[string, Chip]>,\n  containerWidth: number,\n  chipSize: ChipOwnProps['size'],\n  controlWidth: number,\n  controlShow: 'auto' | 'always' | undefined,\n): number {\n  let totalChipsWidth = 0;\n\n  // Flex gap needs to be considered in the calculation.\n  const spacing = getFlexGapByChipSize(chipSize);\n\n  for (const [index, [, value]] of chipEntries.entries()) {\n    totalChipsWidth += value.width || 0;\n\n    const chipFits =\n      index === 0 ||\n      Math.floor(totalChipsWidth + index * spacing) <=\n        Math.round(containerWidth);\n\n    const chipAndControlFits =\n      index === 0 ||\n      totalChipsWidth + (index + 1) * spacing + controlWidth <= containerWidth;\n\n    const visible =\n      index === chipEntries.length - 1 && (controlShow ?? 'auto') === 'auto'\n        ? chipFits\n        : chipAndControlFits;\n\n    if (!visible) {\n      return index;\n    }\n  }\n\n  return chipEntries.length;\n}\n\n/**\n * Determines whether an expanded chip group still needs its auto control, i.e. whether all\n * chips fit on a single line. Computed synchronously from the measured chip widths rather\n * than from the rendered DOM.\n *\n * All chips fit only when:\n * - their combined width (including flex gaps, and the control's width when it is always\n *   shown) fits within the container, AND\n * - no explicit `maxVisibleChips` limit would still hide some chips after collapsing.\n *\n * @param chipEntries - chip entries derived from state.chips\n * @param containerWidth - Width of the chip group container.\n * @param chipSize - The size of the spacing and chips in the group\n * @param controlWidth - Pixel width of the \"Show more / Show less\" control button, or `0` when no control is mounted.\n * @param controlShow - Whether the control's visibility is managed automatically (`'auto'`) or is always present (`'always'`).\n * @param maxVisibleChips - Maximum number of chips to keep visible when collapsed, or `'auto'`.\n */\nexport function computeAllChipsFitExpanded(\n  chipEntries: Array<[string, Chip]>,\n  containerWidth: number,\n  chipSize: ChipOwnProps['size'],\n  controlWidth: number,\n  controlShow: 'auto' | 'always' | undefined,\n  maxVisibleChips: 'auto' | number,\n): boolean {\n  // Flex gap needs to be considered in the calculation.\n  const spacing = getFlexGapByChipSize(chipSize);\n\n  const totalWidth = chipEntries.reduce(\n    (sum, [, chip]) => sum + (chip.width ?? 0),\n    0,\n  );\n\n  const hasBindingLimit =\n    maxVisibleChips !== 'auto' &&\n    maxVisibleChips >= 0 &&\n    maxVisibleChips < chipEntries.length;\n\n  // When the control is always visible it occupies space on the same line,\n  // so its width plus one gap must be reserved in the fit calculation.\n  const controlReservedWidth =\n    controlShow === 'always' ? controlWidth + spacing : 0;\n\n  return (\n    !hasBindingLimit &&\n    Math.floor(\n      totalWidth + (chipEntries.length - 1) * spacing + controlReservedWidth,\n    ) <= Math.round(containerWidth)\n  );\n}\n\n/**\n * Get the flex gap based on the size of the chip\n * @returns either `Spacings.Size6` or `Spacings.Size8`\n */\nfunction getFlexGapByChipSize(chipSize: ChipOwnProps['size']) {\n  return chipSize === 'condensed' ? 6 : 8;\n}\n"],
+  "mappings": "AAeO,SAAS,sBACd,aACA,gBACA,UACA,cACA,aACQ;AACR,MAAI,kBAAkB;AAGtB,QAAM,UAAU,qBAAqB,QAAQ;AAE7C,aAAW,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,KAAK,YAAY,QAAQ,GAAG;AACtD,uBAAmB,MAAM,SAAS;AAElC,UAAM,WACJ,UAAU,KACV,KAAK,MAAM,kBAAkB,QAAQ,OAAO,KAC1C,KAAK,MAAM,cAAc;AAE7B,UAAM,qBACJ,UAAU,KACV,mBAAmB,QAAQ,KAAK,UAAU,gBAAgB;AAE5D,UAAM,UACJ,UAAU,YAAY,SAAS,MAAM,eAAe,YAAY,SAC5D,WACA;AAEN,QAAI,CAAC,SAAS;AACZ,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO,YAAY;AACrB;AAmBO,SAAS,2BACd,aACA,gBACA,UACA,cACA,aACA,iBACS;AAET,QAAM,UAAU,qBAAqB,QAAQ;AAE7C,QAAM,aAAa,YAAY;AAAA,IAC7B,CAAC,KAAK,CAAC,EAAE,IAAI,MAAM,OAAO,KAAK,SAAS;AAAA,IACxC;AAAA,EACF;AAEA,QAAM,kBACJ,oBAAoB,UACpB,mBAAmB,KACnB,kBAAkB,YAAY;AAIhC,QAAM,uBACJ,gBAAgB,WAAW,eAAe,UAAU;AAEtD,SACE,CAAC,mBACD,KAAK;AAAA,IACH,cAAc,YAAY,SAAS,KAAK,UAAU;AAAA,EACpD,KAAK,KAAK,MAAM,cAAc;AAElC;AAMA,SAAS,qBAAqB,UAAgC;AAC5D,SAAO,aAAa,cAAc,IAAI;AACxC;",
+  "names": []
+}

package/esm/content/chip-group/state/chip-group-state-reducer.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/content/chip-group/state/chip-group-state-reducer.tsx"],
-  "sourcesContent": ["type Chip = {\n  /** Width of the chip. */\n  width?: number;\n};\n\ntype ChipGroupState = {\n  chips: Record<string, Chip>;\n  control?: { width?: number; show?: 'auto' | 'always' };\n};\n\nexport type BasicChipPayload = {\n  /** A unique identifier for this chip. */\n  uniqueId: string;\n};\n\ntype AddChipPayload = BasicChipPayload & Partial<Chip>;\n\ntype UpdateChipPayload = BasicChipPayload & Partial<AddChipPayload>;\n\nexport const enum ChipGroupActions {\n  ADDCHIP = 'add',\n  UPDATECHIP = 'update',\n  REMOVECHIP = 'remove',\n  ADDCONTROL = 'add-control',\n  UPDATECONTROL = 'update-control',\n  REMOVECONTROL = 'remove-control',\n}\n\nexport type ChipGroupReducerActions =\n  | { type: ChipGroupActions.ADDCHIP; payload: AddChipPayload }\n  | {\n      type: ChipGroupActions.UPDATECHIP;\n      payload: UpdateChipPayload;\n    }\n  | { type: ChipGroupActions.REMOVECHIP; payload: BasicChipPayload }\n  | { type: ChipGroupActions.ADDCONTROL; payload: { width: number } }\n  | {\n      type: ChipGroupActions.UPDATECONTROL;\n      payload: { width?: number; show?: 'auto' | 'always' };\n    }\n  | { type: ChipGroupActions.REMOVECONTROL; payload: Record<string, never> };\n\n/** ChipGroup reducer function used for managing the state of the chips. */\nexport function chipGroupReducer(\n  state: ChipGroupState,\n  action: ChipGroupReducerActions,\n): ChipGroupState {\n  const { type, payload } = action;\n\n  const newState = { ...state };\n\n  // ADD Chip\n  if (type === ChipGroupActions.ADDCHIP) {\n    const { width } = payload;\n    newState.chips = { ...newState.chips, [payload.uniqueId]: { width } };\n\n    return newState;\n  }\n\n  // UPDATE Chip\n  if (type === ChipGroupActions.UPDATECHIP) {\n    const { uniqueId: _, ...chipState } = payload;\n\n    newState.chips = {\n      ...newState.chips,\n      [payload.uniqueId]: {\n        ...newState.chips[payload.uniqueId],\n        ...chipState,\n      },\n    };\n\n    return newState;\n  }\n\n  // REMOVE Chip\n  if (type === ChipGroupActions.REMOVECHIP) {\n    delete newState.chips[payload.uniqueId];\n\n    return newState;\n  }\n\n  // ADD Control\n  if (type === ChipGroupActions.ADDCONTROL) {\n    const { width } = payload;\n    newState.control = { width, show: 'auto' };\n\n    return newState;\n  }\n\n  // UPDATE Control\n  if (type === ChipGroupActions.UPDATECONTROL) {\n    const { width, show } = payload;\n    newState.control = { width, show };\n\n    return newState;\n  }\n\n  // REMOVE Control\n  if (type === ChipGroupActions.REMOVECONTROL) {\n    newState.control = undefined;\n\n    return newState;\n  }\n\n  return state;\n}\n"],
+  "sourcesContent": ["export type Chip = {\n  /** Width of the chip. */\n  width?: number;\n};\n\ntype ChipGroupState = {\n  chips: Record<string, Chip>;\n  control?: { width?: number; show?: 'auto' | 'always' };\n};\n\nexport type BasicChipPayload = {\n  /** A unique identifier for this chip. */\n  uniqueId: string;\n};\n\ntype AddChipPayload = BasicChipPayload & Partial<Chip>;\n\ntype UpdateChipPayload = BasicChipPayload & Partial<AddChipPayload>;\n\nexport const enum ChipGroupActions {\n  ADDCHIP = 'add',\n  UPDATECHIP = 'update',\n  REMOVECHIP = 'remove',\n  ADDCONTROL = 'add-control',\n  UPDATECONTROL = 'update-control',\n  REMOVECONTROL = 'remove-control',\n}\n\nexport type ChipGroupReducerActions =\n  | { type: ChipGroupActions.ADDCHIP; payload: AddChipPayload }\n  | {\n      type: ChipGroupActions.UPDATECHIP;\n      payload: UpdateChipPayload;\n    }\n  | { type: ChipGroupActions.REMOVECHIP; payload: BasicChipPayload }\n  | { type: ChipGroupActions.ADDCONTROL; payload: { width: number } }\n  | {\n      type: ChipGroupActions.UPDATECONTROL;\n      payload: { width?: number; show?: 'auto' | 'always' };\n    }\n  | { type: ChipGroupActions.REMOVECONTROL; payload: Record<string, never> };\n\n/** ChipGroup reducer function used for managing the state of the chips. */\nexport function chipGroupReducer(\n  state: ChipGroupState,\n  action: ChipGroupReducerActions,\n): ChipGroupState {\n  const { type, payload } = action;\n\n  const newState = { ...state };\n\n  // ADD Chip\n  if (type === ChipGroupActions.ADDCHIP) {\n    const { width } = payload;\n    newState.chips = { ...newState.chips, [payload.uniqueId]: { width } };\n\n    return newState;\n  }\n\n  // UPDATE Chip\n  if (type === ChipGroupActions.UPDATECHIP) {\n    const { uniqueId: _, ...chipState } = payload;\n\n    newState.chips = {\n      ...newState.chips,\n      [payload.uniqueId]: {\n        ...newState.chips[payload.uniqueId],\n        ...chipState,\n      },\n    };\n\n    return newState;\n  }\n\n  // REMOVE Chip\n  if (type === ChipGroupActions.REMOVECHIP) {\n    delete newState.chips[payload.uniqueId];\n\n    return newState;\n  }\n\n  // ADD Control\n  if (type === ChipGroupActions.ADDCONTROL) {\n    const { width } = payload;\n    newState.control = { width, show: 'auto' };\n\n    return newState;\n  }\n\n  // UPDATE Control\n  if (type === ChipGroupActions.UPDATECONTROL) {\n    const { width, show } = payload;\n    newState.control = { width, show };\n\n    return newState;\n  }\n\n  // REMOVE Control\n  if (type === ChipGroupActions.REMOVECONTROL) {\n    newState.control = undefined;\n\n    return newState;\n  }\n\n  return state;\n}\n"],
   "mappings": "AAmBO,IAAW,mBAAX,kBAAWA,sBAAX;AACL,EAAAA,kBAAA,aAAU;AACV,EAAAA,kBAAA,gBAAa;AACb,EAAAA,kBAAA,gBAAa;AACb,EAAAA,kBAAA,gBAAa;AACb,EAAAA,kBAAA,mBAAgB;AAChB,EAAAA,kBAAA,mBAAgB;AANA,SAAAA;AAAA,GAAA;AAwBX,SAAS,iBACd,OACA,QACgB;AAChB,QAAM,EAAE,MAAM,QAAQ,IAAI;AAE1B,QAAM,WAAW,EAAE,GAAG,MAAM;AAG5B,MAAI,SAAS,qBAA0B;AACrC,UAAM,EAAE,MAAM,IAAI;AAClB,aAAS,QAAQ,EAAE,GAAG,SAAS,OAAO,CAAC,QAAQ,QAAQ,GAAG,EAAE,MAAM,EAAE;AAEpE,WAAO;AAAA,EACT;AAGA,MAAI,SAAS,2BAA6B;AACxC,UAAM,EAAE,UAAU,GAAG,GAAG,UAAU,IAAI;AAEtC,aAAS,QAAQ;AAAA,MACf,GAAG,SAAS;AAAA,MACZ,CAAC,QAAQ,QAAQ,GAAG;AAAA,QAClB,GAAG,SAAS,MAAM,QAAQ,QAAQ;AAAA,QAClC,GAAG;AAAA,MACL;AAAA,IACF;AAEA,WAAO;AAAA,EACT;AAGA,MAAI,SAAS,2BAA6B;AACxC,WAAO,SAAS,MAAM,QAAQ,QAAQ;AAEtC,WAAO;AAAA,EACT;AAGA,MAAI,SAAS,gCAA6B;AACxC,UAAM,EAAE,MAAM,IAAI;AAClB,aAAS,UAAU,EAAE,OAAO,MAAM,OAAO;AAEzC,WAAO;AAAA,EACT;AAGA,MAAI,SAAS,sCAAgC;AAC3C,UAAM,EAAE,OAAO,KAAK,IAAI;AACxB,aAAS,UAAU,EAAE,OAAO,KAAK;AAEjC,WAAO;AAAA,EACT;AAGA,MAAI,SAAS,sCAAgC;AAC3C,aAAS,UAAU;AAEnB,WAAO;AAAA,EACT;AAEA,SAAO;AACT;",
   "names": ["ChipGroupActions"]
 }