@12-apps/ui 6.95.1 → 6.96.1

package/dist/{chunk-ZDAAHCIS.js → chunk-I3QVH34Y.js}

@@ -1,16 +1,16 @@
 import {
   useSummaryInfo
-} from "./chunk-X2GWR75Q.js";
+} from "./chunk-FMNOCFD2.js";
 import {
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-Y5J2EIR4.js";
 import {
   clampStyles,
   descriptionStyles
-} from "./chunk-IQWPVPV5.js";
+} from "./chunk-UJ7EHEXG.js";
 import {
   SR_ONLY_SX
 } from "./chunk-PUFA7FQ7.js";
@@ -87,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-ZDAAHCIS.js.map
+//# sourceMappingURL=chunk-I3QVH34Y.js.map

package/dist/{chunk-SKIAWOUC.js → chunk-KCH6O6IC.js}

@@ -3,21 +3,21 @@ import {
 } from "./chunk-SALQ65SM.js";
 import {
   useSummaryInfo
-} from "./chunk-X2GWR75Q.js";
+} from "./chunk-FMNOCFD2.js";
 import {
   LearnMore,
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-Y5J2EIR4.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   actionsStyles,
   summaryStyles,
   surfaceStyles,
   withCallerSx
-} from "./chunk-IQWPVPV5.js";
+} from "./chunk-UJ7EHEXG.js";
 import {
   Icon
 } from "./chunk-YEKPQAOW.js";
@@ -170,4 +170,4 @@ SettingCard.displayName = "SettingCard";
 export {
   SettingCard
 };
-//# sourceMappingURL=chunk-SKIAWOUC.js.map
+//# sourceMappingURL=chunk-KCH6O6IC.js.map

package/dist/chunk-KSZ6GH3J.js

@@ -0,0 +1,44 @@
+// src/components/layout/SettingCard/SettingCard.metrics.ts
+var SETTING_CARD = {
+  /** Between the icon and the title. */
+  iconGap: 12,
+  /** The spinner beside a switch while its flip is saving. */
+  spinnerSize: 16,
+  /** How far a group's dependent rows sit in from its main switch. */
+  groupIndent: 24,
+  /** The rule down the left of a group's dependent rows. */
+  groupRuleWidth: 2,
+  /** The narrowest a grid column gets by default. */
+  gridMinColumnWidth: 320,
+  /** The widest the [i]'s full-summary tooltip gets. */
+  infoMaxWidth: 360,
+  /**
+   * The [i]'s tap target, the house 40 px floor (FUT-4443). The glyph stays 16 px
+   * (`xs`); a negative margin of `(infoTapTarget - glyph) / 2` gives the box back
+   * to the title row, so nothing moves.
+   */
+  infoTapTarget: 40,
+  /** Above and below the glyph: (40 - 16) / 2, so the title row keeps its height. */
+  infoTapMarginBlock: -12,
+  /**
+   * Beside the glyph: minus the title row's `gap` (8 px), not (40 - 16) / 2, so the
+   * box ends where the status pill ends and never overlaps it.
+   */
+  infoTapMarginInline: -8,
+  /**
+   * The [i]'s keyboard focus ring: its width, and its offset from the box. The
+   * offset is negative so the ring's OUTER edge is the 40 px box (a 40 px circle
+   * round a 16 px glyph), instead of a 44 px one crowding the title and the pill.
+   */
+  infoFocusRingWidth: 2,
+  infoFocusRingOffset: -2
+};
+var SETTING_GRID_GAP_UNITS = 2;
+var SETTING_GROUP_INACTIVE_OPACITY = 0.5;
+
+export {
+  SETTING_CARD,
+  SETTING_GRID_GAP_UNITS,
+  SETTING_GROUP_INACTIVE_OPACITY
+};
+//# sourceMappingURL=chunk-KSZ6GH3J.js.map

package/dist/chunk-KSZ6GH3J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.metrics.ts"],"sourcesContent":["/**\n * The setting-card family's lengths, in design px. The web reads every one\n * through `rem(theme, n)`, so they scale with the host's type scale.\n */\nexport const SETTING_CARD = {\n  /** Between the icon and the title. */\n  iconGap: 12,\n  /** The spinner beside a switch while its flip is saving. */\n  spinnerSize: 16,\n  /** How far a group's dependent rows sit in from its main switch. */\n  groupIndent: 24,\n  /** The rule down the left of a group's dependent rows. */\n  groupRuleWidth: 2,\n  /** The narrowest a grid column gets by default. */\n  gridMinColumnWidth: 320,\n  /** The widest the [i]'s full-summary tooltip gets. */\n  infoMaxWidth: 360,\n  /**\n   * The [i]'s tap target, the house 40 px floor (FUT-4443). The glyph stays 16 px\n   * (`xs`); a negative margin of `(infoTapTarget - glyph) / 2` gives the box back\n   * to the title row, so nothing moves.\n   */\n  infoTapTarget: 40,\n  /** Above and below the glyph: (40 - 16) / 2, so the title row keeps its height. */\n  infoTapMarginBlock: -12,\n  /**\n   * Beside the glyph: minus the title row's `gap` (8 px), not (40 - 16) / 2, so the\n   * box ends where the status pill ends and never overlaps it.\n   */\n  infoTapMarginInline: -8,\n  /**\n   * The [i]'s keyboard focus ring: its width, and its offset from the box. The\n   * offset is negative so the ring's OUTER edge is the 40 px box (a 40 px circle\n   * round a 16 px glyph), instead of a 44 px one crowding the title and the pill.\n   */\n  infoFocusRingWidth: 2,\n  infoFocusRingOffset: -2,\n} as const;\n\n/** The grid's default gap, in theme SPACING units (not px): what `sx`'s `gap: 2` means. */\nexport const SETTING_GRID_GAP_UNITS = 2;\n\n/** How faded a group's dependent rows are while the main switch is off. */\nexport const SETTING_GROUP_INACTIVE_OPACITY = 0.5;\n"],"mappings":";AAIO,IAAM,eAAe;AAAA;AAAA,EAE1B,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,aAAa;AAAA;AAAA,EAEb,gBAAgB;AAAA;AAAA,EAEhB,oBAAoB;AAAA;AAAA,EAEpB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMd,eAAe;AAAA;AAAA,EAEf,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMrB,oBAAoB;AAAA,EACpB,qBAAqB;AACvB;AAGO,IAAM,yBAAyB;AAG/B,IAAM,iCAAiC;","names":[]}

package/dist/{chunk-E4NFH77Z.js → chunk-PQ4P4OEA.js}

@@ -4,7 +4,7 @@ import {
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-ZDAAHCIS.js";
+} from "./chunk-I3QVH34Y.js";
 import {
   useSettingGroup
 } from "./chunk-XJQNSMGA.js";
@@ -12,7 +12,7 @@ import {
   flatStyles,
   surfaceStyles,
   withCallerSx
-} from "./chunk-IQWPVPV5.js";
+} from "./chunk-UJ7EHEXG.js";
 
 // src/components/layout/SettingCard/SettingToggle.tsx
 import Box from "@mui/material/Box/index.js";
@@ -44,4 +44,4 @@ SettingToggle.displayName = "SettingToggle";
 export {
   SettingToggle
 };
-//# sourceMappingURL=chunk-E4NFH77Z.js.map
+//# sourceMappingURL=chunk-PQ4P4OEA.js.map

package/dist/{chunk-IQWPVPV5.js → chunk-UJ7EHEXG.js}

@@ -1,7 +1,7 @@
 import {
   SETTING_CARD,
   SETTING_GROUP_INACTIVE_OPACITY
-} from "./chunk-BFRVMCQM.js";
+} from "./chunk-KSZ6GH3J.js";
 import {
   CARD_BORDER_WIDTH,
   CARD_RADIUS_UNITS
@@ -121,4 +121,4 @@ export {
   iconStyles,
   dependentsStyles
 };
-//# sourceMappingURL=chunk-IQWPVPV5.js.map
+//# sourceMappingURL=chunk-UJ7EHEXG.js.map

package/dist/{chunk-CW5Z67NA.js → chunk-UOI3RX4W.js}

@@ -1,14 +1,14 @@
 import {
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-Y5J2EIR4.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
-} from "./chunk-IQWPVPV5.js";
+} from "./chunk-UJ7EHEXG.js";
 import {
   SETTING_CARD,
   SETTING_GRID_GAP_UNITS
-} from "./chunk-BFRVMCQM.js";
+} from "./chunk-KSZ6GH3J.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-CW5Z67NA.js.map
+//# sourceMappingURL=chunk-UOI3RX4W.js.map

package/dist/{chunk-6ZAKPYWX.js → chunk-VILNULUY.js}

@@ -4,19 +4,19 @@ import {
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-ZDAAHCIS.js";
+} from "./chunk-I3QVH34Y.js";
 import {
   SettingGroupContext
 } from "./chunk-XJQNSMGA.js";
 import {
   partTestId
-} from "./chunk-3EIRRLCQ.js";
+} from "./chunk-Y5J2EIR4.js";
 import {
   dependentsStyles,
   hintStyles,
   surfaceStyles,
   withCallerSx
-} from "./chunk-IQWPVPV5.js";
+} from "./chunk-UJ7EHEXG.js";
 import {
   Icon
 } from "./chunk-YEKPQAOW.js";
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-6ZAKPYWX.js.map
+//# sourceMappingURL=chunk-VILNULUY.js.map

package/dist/{chunk-3EIRRLCQ.js → chunk-Y5J2EIR4.js}

@@ -3,16 +3,16 @@ import {
   headerStyles,
   iconStyles,
   titleStyles
-} from "./chunk-IQWPVPV5.js";
+} from "./chunk-UJ7EHEXG.js";
 import {
   SETTING_CARD
-} from "./chunk-BFRVMCQM.js";
+} from "./chunk-KSZ6GH3J.js";
 import {
   Collapsible
 } from "./chunk-JYWF76Z5.js";
 import {
   Chip
-} from "./chunk-NI67M453.js";
+} from "./chunk-BTDRBO4G.js";
 import {
   Icon
 } from "./chunk-YEKPQAOW.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-3EIRRLCQ.js.map
+//# sourceMappingURL=chunk-Y5J2EIR4.js.map

package/dist/data-display/Chip.js

@@ -1,9 +1,9 @@
 import "../chunk-2GTORM5E.js";
 import {
   Chip
-} from "../chunk-NI67M453.js";
-import "../chunk-DHAXUVMR.js";
-import "../chunk-E5I776YW.js";
+} from "../chunk-BTDRBO4G.js";
+import "../chunk-GOWKXKWO.js";
+import "../chunk-52NM5VEW.js";
 import "../chunk-BF4FYOAR.js";
 import "../chunk-XJAD6E3V.js";
 import "../chunk-F5H2ZXST.js";

package/dist/layout/SettingCard.js

@@ -1,24 +1,24 @@
 import "../chunk-QGUNUXTT.js";
 import {
   SettingCard
-} from "../chunk-SKIAWOUC.js";
+} from "../chunk-KCH6O6IC.js";
 import {
   SettingToggle
-} from "../chunk-E4NFH77Z.js";
+} from "../chunk-PQ4P4OEA.js";
 import {
   SettingGroup
-} from "../chunk-6ZAKPYWX.js";
+} from "../chunk-VILNULUY.js";
 import "../chunk-SALQ65SM.js";
-import "../chunk-ZDAAHCIS.js";
-import "../chunk-X2GWR75Q.js";
+import "../chunk-I3QVH34Y.js";
+import "../chunk-FMNOCFD2.js";
 import "../chunk-XJQNSMGA.js";
 import {
   SETTING_GRID_CONTAINER,
   SettingGrid
-} from "../chunk-CW5Z67NA.js";
-import "../chunk-3EIRRLCQ.js";
-import "../chunk-IQWPVPV5.js";
-import "../chunk-BFRVMCQM.js";
+} from "../chunk-UOI3RX4W.js";
+import "../chunk-Y5J2EIR4.js";
+import "../chunk-UJ7EHEXG.js";
+import "../chunk-KSZ6GH3J.js";
 import "../chunk-RN7UJI7S.js";
 import "../chunk-JYWF76Z5.js";
 import "../chunk-GGMB6LJH.js";
@@ -28,9 +28,9 @@ import "../chunk-Z5WUSI47.js";
 import "../chunk-BCWL7HUO.js";
 import "../chunk-QYJ25FWM.js";
 import "../chunk-2GTORM5E.js";
-import "../chunk-NI67M453.js";
-import "../chunk-DHAXUVMR.js";
-import "../chunk-E5I776YW.js";
+import "../chunk-BTDRBO4G.js";
+import "../chunk-GOWKXKWO.js";
+import "../chunk-52NM5VEW.js";
 import "../chunk-BF4FYOAR.js";
 import "../chunk-4PJ52YBO.js";
 import "../chunk-EIMFA7KP.js";

package/dist/native/data-display/Chip.js

@@ -122,11 +122,12 @@ function softPaint(theme, color) {
     };
   }
   const accent = theme.palette[color];
+  const ink = theme.mode === "dark" ? accent.light : accent.dark;
   return {
     container: { backgroundColor: alpha(accent.main, SOFT_GROUND_ALPHA) },
     pressed: { backgroundColor: alpha(accent.main, SOFT_HOVER_ALPHA) },
-    label: { color: accent.dark, fontWeight: "600" },
-    deleteColor: alpha(accent.dark, DELETE_ICON_ALPHA)
+    label: { color: ink, fontWeight: "600" },
+    deleteColor: ink
   };
 }
 function outlinedPaint(theme, color) {

package/dist/native/data-display/Chip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/data-display/Chip/Chip.native.tsx","../../../src/components/data-display/Chip/Chip.helpers.ts","../../../src/components/data-display/Chip/Chip.metrics.ts","../../../src/components/data-display/Chip/Chip.look.native.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  Image,\n  Pressable,\n  Text as RNText,\n  View,\n  type GestureResponderEvent,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native';\n\nimport { chipKeyAction, chipRole, isClickable, makeTestId } from './Chip.helpers';\nimport {\n  chipAvatarStyle,\n  chipContainerStyle,\n  chipDeleteSlotStyle,\n  chipLabelStyle,\n  chipLeadingSlotStyle,\n  chipMetrics,\n  chipPaint,\n  type ChipPaint,\n} from './Chip.look.native';\nimport { chipMuiSize, type ChipSizeMetrics } from './Chip.metrics';\nimport type { ChipProps, ChipVariant } from './Chip.types.native';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { Icon } from '../../../icons/Icon.native';\nimport { webKeyDown, type WebKeyHandler } from '../../../platform/web-keys';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\n\ninterface SlotArgs {\n  metrics: ChipSizeMetrics;\n  variant: ChipVariant;\n}\n\n/**\n * The leading slot. MUI restyles the icon ELEMENT through a class — 24px, or\n * 18px when small — which a native renderer cannot do to an arbitrary node, so\n * the slot carries the margins and the glyph keeps the size it was given.\n */\nfunction LeadingSlot({\n  metrics,\n  variant,\n  avatar,\n  avatarSrc,\n  icon,\n  testID,\n}: SlotArgs &\n  Pick<ChipProps, 'avatar' | 'avatarSrc' | 'icon'> & { testID: string }): React.JSX.Element | null {\n  if (avatar) {\n    return <View style={chipLeadingSlotStyle(metrics, variant, 'avatar')}>{avatar}</View>;\n  }\n  if (avatarSrc) {\n    return (\n      <View style={chipLeadingSlotStyle(metrics, variant, 'avatar')}>\n        <Image\n          source={{ uri: avatarSrc }}\n          style={chipAvatarStyle(metrics)}\n          accessibilityIgnoresInvertColors\n        />\n      </View>\n    );\n  }\n  if (icon) {\n    return (\n      <View style={chipLeadingSlotStyle(metrics, variant, 'icon')} testID={testID}>\n        {icon}\n      </View>\n    );\n  }\n  return null;\n}\n\n/** MUI's `deleteIcon`: the `Cancel` glyph, pressable, tucked under the label. */\nfunction DeleteSlot({\n  metrics,\n  variant,\n  color,\n  onDelete,\n  deleteLabel = EN_US_UI_LABELS.common.delete,\n  disabled,\n  testID,\n}: SlotArgs & {\n  color: string;\n  deleteLabel?: string;\n  onDelete?: () => void;\n  disabled?: boolean;\n  testID: string;\n}): React.JSX.Element {\n  return (\n    <Pressable\n      testID={testID}\n      role=\"button\"\n      aria-label={deleteLabel}\n      disabled={disabled}\n      onPress={onDelete}\n      style={chipDeleteSlotStyle(metrics, variant)}\n    >\n      <Icon name=\"Cancel\" size={metrics.deleteSize} color={color} />\n    </Pressable>\n  );\n}\n\ninterface ChipBodyProps extends SlotArgs {\n  paint: ChipPaint;\n  label: string;\n  avatar?: ChipProps['avatar'];\n  avatarSrc?: string;\n  icon?: ChipProps['icon'];\n  deletable?: boolean;\n  disabled?: boolean;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  idFor: (suffix: string) => string;\n}\n\n/** Everything inside the pill: the leading slot, the label, the delete button. */\nfunction ChipBody({\n  metrics,\n  variant,\n  paint,\n  label,\n  avatar,\n  avatarSrc,\n  icon,\n  deletable,\n  disabled,\n  onDelete,\n  deleteLabel,\n  idFor,\n}: ChipBodyProps): React.JSX.Element {\n  const theme = useUiTheme();\n  return (\n    <>\n      <LeadingSlot\n        metrics={metrics}\n        variant={variant}\n        avatar={avatar}\n        avatarSrc={avatarSrc}\n        icon={icon}\n        testID={idFor('icon')}\n      />\n      <RNText\n        testID={idFor('label')}\n        numberOfLines={1}\n        style={[chipLabelStyle(theme, metrics, variant), paint.label]}\n      >\n        {label}\n      </RNText>\n      {deletable ? (\n        <DeleteSlot\n          metrics={metrics}\n          variant={variant}\n          color={paint.deleteColor}\n          onDelete={onDelete}\n          deleteLabel={deleteLabel}\n          disabled={disabled}\n          testID={idFor('delete')}\n        />\n      ) : null}\n    </>\n  );\n}\n\ninterface KeyDownArgs {\n  role: 'option' | 'button' | undefined;\n  disabled?: boolean;\n  deletable?: boolean;\n  selectable?: boolean;\n  /** Whether the chip acts at all, under either handler spelling. */\n  acts?: unknown;\n  onClick?: () => void;\n  onDelete?: () => void;\n}\n\n/**\n * The half of the chip's keyboard contract react-native-web does NOT already\n * cover. Its `Pressable` turns Enter into a press on any role, and Space into\n * one only on a `button` role (`isValidKeyPress`) — so a selectable chip, which\n * is an `option`, needs Space wiring here, and Delete/Backspace is never its.\n * On a device none of this is ever called.\n */\nfunction makeChipKeyDown(args: KeyDownArgs): WebKeyHandler {\n  return (event) => {\n    const action = chipKeyAction(event.key, { ...args, onClick: args.acts });\n    if (action === null) return;\n    if (action === 'delete') {\n      event.preventDefault();\n      args.onDelete?.();\n      return;\n    }\n    if (event.key === 'Enter' || args.role === 'button') return;\n    event.preventDefault();\n    args.onClick?.();\n  };\n}\n\n/**\n * The native `Chip`: MUI's pill on a `Pressable`, reachable by keyboard only\n * when it acts — which is the same rule MUI applies through `clickable`.\n */\nexport const Chip = React.forwardRef<View, ChipProps>((props, ref) => {\n  const {\n    label,\n    variant = 'filled',\n    size = 'md',\n    color = 'primary',\n    avatarSrc,\n    avatar,\n    icon,\n    selected,\n    selectable,\n    deletable,\n    disabled,\n    onClick,\n    onPress,\n    onDelete,\n    deleteLabel,\n    dataTestId,\n    testID,\n    style,\n    ...rest\n  } = props;\n  const theme = useUiTheme();\n  const chipId = testID ?? dataTestId;\n  const metrics = chipMetrics(chipMuiSize(size));\n  const paint = chipPaint(theme, variant, color, Boolean(selected));\n  const acts = onClick ?? onPress;\n  const clickable = isClickable(disabled, acts, selectable);\n  const role = chipRole(selectable, acts);\n\n  const base: StyleProp<ViewStyle> = [\n    chipContainerStyle(metrics, Boolean(disabled)),\n    paint.container,\n    style,\n  ];\n\n  const press = (event: GestureResponderEvent): void => {\n    onClick?.();\n    onPress?.(event);\n  };\n\n  return (\n    <Pressable\n      ref={ref}\n      testID={chipId || 'chip'}\n      role={role}\n      aria-selected={selectable ? selected : undefined}\n      disabled={disabled}\n      // MUI makes only a clickable chip keyboard-reachable; react-native-web\n      // would otherwise give every Pressable a tab stop.\n      tabIndex={clickable ? 0 : -1}\n      onPress={clickable ? press : undefined}\n      {...webKeyDown(\n        makeChipKeyDown({ role, disabled, deletable, selectable, acts, onClick, onDelete }),\n      )}\n      style={(state) => [base, state.pressed && clickable ? paint.pressed : null]}\n      {...rest}\n    >\n      <ChipBody\n        metrics={metrics}\n        variant={variant}\n        paint={paint}\n        label={label}\n        avatar={avatar}\n        avatarSrc={avatarSrc}\n        icon={icon}\n        deletable={deletable}\n        disabled={disabled}\n        onDelete={onDelete}\n        deleteLabel={deleteLabel}\n        idFor={makeTestId(chipId)}\n      />\n    </Pressable>\n  );\n});\n\nChip.displayName = 'Chip';\n","/** `${dataTestId}-label`, or `chip-label` when the caller named nothing. */\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;\n\n/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */\nexport const chipRole = (\n  selectable?: boolean,\n  // `unknown`, because the two renderers hand this a differently-typed handler\n  // and all that is asked of it here is whether the caller supplied one.\n  onClick?: unknown,\n): 'option' | 'button' | undefined => {\n  if (selectable) return 'option';\n  return onClick ? 'button' : undefined;\n};\n\nexport const isClickable = (\n  disabled?: boolean,\n  onClick?: unknown,\n  selectable?: boolean,\n): boolean => !disabled && (Boolean(onClick) || Boolean(selectable));\n\n/** What a key press on a chip means, if anything. */\nexport type ChipKeyAction = 'delete' | 'activate' | null;\n\nconst DELETE_KEYS = new Set(['Delete', 'Backspace']);\nconst ACTIVATE_KEYS = new Set(['Enter', ' ']);\n\nexport interface ChipKeyArgs {\n  disabled?: boolean;\n  deletable?: boolean;\n  selectable?: boolean;\n  onClick?: unknown;\n  onDelete?: unknown;\n}\n\n/**\n * A chip is not a native control, so the two keyboard conventions it stands in\n * for are decided by hand: Delete/Backspace removes it, Enter/Space activates\n * it. Both renderers read this one decision — the web wires it to the DOM\n * handler, the native half to react-native-web's (see `Chip.native.tsx`).\n */\nexport function chipKeyAction(key: string, a: ChipKeyArgs): ChipKeyAction {\n  if (a.disabled) return null;\n  if (DELETE_KEYS.has(key) && a.deletable && a.onDelete) return 'delete';\n  if (ACTIVATE_KEYS.has(key) && (a.onClick || a.selectable)) return 'activate';\n  return null;\n}\n","import type { ChipSize } from './Chip.base';\n\n/**\n * THE NUMBERS BOTH `Chip` RENDERERS DRAW WITH.\n *\n * Most of them are MUI's own `Chip` geometry rather than anything this package\n * writes — the 32px pill, the 13px label, the 5px/-6px icon tuck — because the\n * web half hands the drawing to `MuiChip` and the native half has to draw it.\n * Restated here once, read by both, so the two cannot disagree about a chip's\n * height. What THIS package adds (`Chip.styles.tsx`'s hover lift, its shadow\n * and its transition) is at the bottom, and the web derives its CSS from it.\n */\n\n/** MUI draws two chip sizes; ours are the house abbreviations for them. */\nexport type ChipMuiSize = 'small' | 'medium';\n\nexport const chipMuiSize = (size: ChipSize): ChipMuiSize =>\n  size === 'xs' || size === 'sm' ? 'small' : 'medium';\n\nexport interface ChipSizeMetrics {\n  height: number;\n  /** The label's own side padding, filled and outlined (outlined is 1px tighter). */\n  labelPadding: number;\n  labelPaddingOutlined: number;\n  /** The leading icon's box, and how far it tucks under the label. */\n  iconSize: number;\n  iconMarginLeft: number;\n  iconMarginLeftOutlined: number;\n  iconMarginRight: number;\n  /** The avatar's round box and the type inside it. */\n  avatarSize: number;\n  avatarFontSize: number;\n  avatarMarginLeft: number;\n  avatarMarginLeftOutlined: number;\n  avatarMarginRight: number;\n  /** The delete glyph's box and its own tuck. */\n  deleteSize: number;\n  deleteMarginLeft: number;\n  deleteMarginRight: number;\n  deleteMarginRightOutlined: number;\n}\n\nexport const CHIP_SIZES: Record<ChipMuiSize, ChipSizeMetrics> = {\n  medium: {\n    height: 32,\n    labelPadding: 12,\n    labelPaddingOutlined: 11,\n    iconSize: 24,\n    iconMarginLeft: 5,\n    iconMarginLeftOutlined: 4,\n    iconMarginRight: -6,\n    avatarSize: 24,\n    avatarFontSize: 12,\n    avatarMarginLeft: 5,\n    avatarMarginLeftOutlined: 4,\n    avatarMarginRight: -6,\n    deleteSize: 22,\n    deleteMarginLeft: -6,\n    deleteMarginRight: 5,\n    deleteMarginRightOutlined: 5,\n  },\n  small: {\n    height: 24,\n    labelPadding: 8,\n    labelPaddingOutlined: 7,\n    iconSize: 18,\n    iconMarginLeft: 4,\n    iconMarginLeftOutlined: 2,\n    iconMarginRight: -4,\n    avatarSize: 18,\n    avatarFontSize: 10,\n    avatarMarginLeft: 4,\n    avatarMarginLeftOutlined: 2,\n    avatarMarginRight: -4,\n    deleteSize: 16,\n    deleteMarginLeft: -4,\n    deleteMarginRight: 4,\n    deleteMarginRightOutlined: 3,\n  },\n};\n\n/** MUI's `borderRadius: 32 / 2` — a pill at either height, since the box clamps it. */\nexport const CHIP_RADIUS = 16;\n/** The label's type, in px. MUI sets it on the root and the small size keeps it. */\nexport const CHIP_FONT_SIZE = 13;\n/** MUI's `palette.action.disabledOpacity`. */\nexport const CHIP_DISABLED_OPACITY = 0.38;\n/** An outlined chip's hairline: the hue at 0.7, or the grey ramp for `neutral`. */\nexport const OUTLINED_BORDER_ALPHA = 0.7;\n/** The delete glyph over an unaccented chip, and over a coloured one. */\nexport const DELETE_ICON_ALPHA = 0.26;\nexport const DELETE_ICON_ON_COLOR_ALPHA = 0.7;\n/** MUI's `action.hoverOpacity`, the wash a clickable outlined chip takes. */\nexport const OUTLINED_HOVER_ALPHA = 0.04;\n\n/* ── What this package adds on top of MUI's chip ──────────────────────────── */\n\n/** The lift a clickable chip takes on hover, and the shadow under it. */\nexport const HOVER_LIFT_PX = 1;\nexport const HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 } as const;\nexport const CHIP_TRANSITION_MS = 200;\nexport const CHIP_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n/** A soft chip's ground: the colour at this alpha over the page. */\nexport const SOFT_GROUND_ALPHA = 0.14;\n/** A soft chip's hover ground. */\nexport const SOFT_HOVER_ALPHA = 0.22;\n","import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\n\nimport type { ChipColor, ChipVariant } from './Chip.base';\nimport {\n  CHIP_DISABLED_OPACITY,\n  CHIP_FONT_SIZE,\n  CHIP_RADIUS,\n  CHIP_SIZES,\n  DELETE_ICON_ALPHA,\n  DELETE_ICON_ON_COLOR_ALPHA,\n  OUTLINED_BORDER_ALPHA,\n  OUTLINED_HOVER_ALPHA,\n  SOFT_GROUND_ALPHA,\n  SOFT_HOVER_ALPHA,\n  type ChipMuiSize,\n  type ChipSizeMetrics,\n} from './Chip.metrics';\nimport { alpha } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/** MUI's `action.selectedOpacity`; its hover wash adds `OUTLINED_HOVER_ALPHA` on top. */\nconst SELECTED_OPACITY = 0.08;\n\nexport interface ChipPaint {\n  container: ViewStyle;\n  /** The web's `:hover` background, which touch has no equivalent of. */\n  pressed: ViewStyle;\n  label: TextStyle;\n  deleteColor: string;\n}\n\n/** `neutral` is MUI's `default`: no accent, the ink and the ramp instead. */\nconst isAccented = (color: ChipColor): boolean => color !== 'neutral';\n\n/** An unaccented chip's hairline, which follows the mode rather than a hue. */\nconst neutralBorder = (theme: UiTheme): string =>\n  theme.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700];\n\nfunction filledPaint(theme: UiTheme, color: ChipColor): ChipPaint {\n  if (!isAccented(color)) {\n    return {\n      container: { backgroundColor: theme.palette.action.selected },\n      pressed: { backgroundColor: alpha(theme.palette.action.selected, SELECTED_OPACITY + OUTLINED_HOVER_ALPHA) },\n      label: { color: theme.palette.text.primary },\n      deleteColor: alpha(theme.palette.text.primary, DELETE_ICON_ALPHA),\n    };\n  }\n  const accent = theme.palette[color];\n  return {\n    container: { backgroundColor: accent.main },\n    pressed: { backgroundColor: accent.dark },\n    label: { color: accent.contrastText },\n    deleteColor: alpha(accent.contrastText, DELETE_ICON_ON_COLOR_ALPHA),\n  };\n}\n\nfunction softPaint(theme: UiTheme, color: ChipColor): ChipPaint {\n  if (!isAccented(color)) {\n    return {\n      container: { backgroundColor: theme.palette.action.selected },\n      pressed: { backgroundColor: theme.palette.action.hover },\n      label: { color: theme.palette.text.secondary, fontWeight: '600' },\n      deleteColor: alpha(theme.palette.text.secondary, DELETE_ICON_ALPHA),\n    };\n  }\n  const accent = theme.palette[color];\n  return {\n    container: { backgroundColor: alpha(accent.main, SOFT_GROUND_ALPHA) },\n    pressed: { backgroundColor: alpha(accent.main, SOFT_HOVER_ALPHA) },\n    label: { color: accent.dark, fontWeight: '600' },\n    deleteColor: alpha(accent.dark, DELETE_ICON_ALPHA),\n  };\n}\n\nfunction outlinedPaint(theme: UiTheme, color: ChipColor): ChipPaint {\n  const border: ViewStyle = { backgroundColor: 'transparent', borderWidth: 1, borderStyle: 'solid' };\n  if (!isAccented(color)) {\n    return {\n      container: { ...border, borderColor: neutralBorder(theme) },\n      pressed: { backgroundColor: theme.palette.action.hover },\n      label: { color: theme.palette.text.primary },\n      deleteColor: alpha(theme.palette.text.primary, DELETE_ICON_ALPHA),\n    };\n  }\n  const accent = theme.palette[color];\n  return {\n    container: { ...border, borderColor: alpha(accent.main, OUTLINED_BORDER_ALPHA) },\n    pressed: { backgroundColor: alpha(accent.main, OUTLINED_HOVER_ALPHA) },\n    label: { color: accent.main },\n    deleteColor: alpha(accent.main, OUTLINED_BORDER_ALPHA),\n  };\n}\n\n/**\n * What MUI's chip paints, as React Native styles. `selected` tints an OUTLINED\n * chip with `action.selected` — a filled one is already solid, which is what\n * `Chip.styles.tsx` decided for the web.\n */\nexport function chipPaint(\n  theme: UiTheme,\n  variant: ChipVariant,\n  color: ChipColor,\n  selected: boolean,\n): ChipPaint {\n  const paint =\n    variant === 'outlined' ? outlinedPaint(theme, color) : variant === 'soft' ? softPaint(theme, color) : filledPaint(theme, color);\n  if (variant !== 'outlined' || !selected) return paint;\n  return {\n    ...paint,\n    container: { ...paint.container, backgroundColor: theme.palette.action.selected },\n  };\n}\n\n/** The pill itself: MUI's height, its 16px radius, and the disabled fade. */\nexport function chipContainerStyle(metrics: ChipSizeMetrics, disabled: boolean): ViewStyle {\n  return {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    alignSelf: 'flex-start',\n    maxWidth: '100%',\n    height: metrics.height,\n    borderRadius: CHIP_RADIUS,\n    ...(disabled ? { opacity: CHIP_DISABLED_OPACITY } : {}),\n  };\n}\n\n/** The label: MUI's 13px, padded by the variant, clipped rather than wrapped. */\nexport function chipLabelStyle(\n  theme: UiTheme,\n  metrics: ChipSizeMetrics,\n  variant: ChipVariant,\n): TextStyle {\n  const padding = variant === 'outlined' ? metrics.labelPaddingOutlined : metrics.labelPadding;\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: CHIP_FONT_SIZE,\n    paddingLeft: padding,\n    paddingRight: padding,\n    flexShrink: 1,\n  };\n}\n\n/** The margins MUI gives the leading slot, tucking it under the label's padding. */\nexport function chipLeadingSlotStyle(\n  metrics: ChipSizeMetrics,\n  variant: ChipVariant,\n  slot: 'icon' | 'avatar',\n): ViewStyle {\n  const outlined = variant === 'outlined';\n  const marginLeft =\n    slot === 'icon'\n      ? (outlined ? metrics.iconMarginLeftOutlined : metrics.iconMarginLeft)\n      : (outlined ? metrics.avatarMarginLeftOutlined : metrics.avatarMarginLeft);\n  return {\n    marginLeft,\n    marginRight: slot === 'icon' ? metrics.iconMarginRight : metrics.avatarMarginRight,\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n}\n\n/** The delete glyph's own tuck, one pixel tighter when the chip is outlined. */\nexport function chipDeleteSlotStyle(metrics: ChipSizeMetrics, variant: ChipVariant): ViewStyle {\n  return {\n    marginLeft: metrics.deleteMarginLeft,\n    marginRight:\n      variant === 'outlined' ? metrics.deleteMarginRightOutlined : metrics.deleteMarginRight,\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n}\n\n/** The round avatar box MUI draws for an `avatarSrc`. */\nexport function chipAvatarStyle(metrics: ChipSizeMetrics): ImageStyle {\n  return {\n    width: metrics.avatarSize,\n    height: metrics.avatarSize,\n    borderRadius: metrics.avatarSize / 2,\n    overflow: 'hidden',\n  };\n}\n\nexport const chipMetrics = (size: ChipMuiSize): ChipSizeMetrics => CHIP_SIZES[size];\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/components/data-display/Chip/Chip.native.tsx","../../../src/components/data-display/Chip/Chip.helpers.ts","../../../src/components/data-display/Chip/Chip.metrics.ts","../../../src/components/data-display/Chip/Chip.look.native.ts"],"sourcesContent":["import * as React from 'react';\nimport {\n  Image,\n  Pressable,\n  Text as RNText,\n  View,\n  type GestureResponderEvent,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native';\n\nimport { chipKeyAction, chipRole, isClickable, makeTestId } from './Chip.helpers';\nimport {\n  chipAvatarStyle,\n  chipContainerStyle,\n  chipDeleteSlotStyle,\n  chipLabelStyle,\n  chipLeadingSlotStyle,\n  chipMetrics,\n  chipPaint,\n  type ChipPaint,\n} from './Chip.look.native';\nimport { chipMuiSize, type ChipSizeMetrics } from './Chip.metrics';\nimport type { ChipProps, ChipVariant } from './Chip.types.native';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { Icon } from '../../../icons/Icon.native';\nimport { webKeyDown, type WebKeyHandler } from '../../../platform/web-keys';\nimport { useUiTheme } from '../../../provider/use-ui-theme.native';\n\ninterface SlotArgs {\n  metrics: ChipSizeMetrics;\n  variant: ChipVariant;\n}\n\n/**\n * The leading slot. MUI restyles the icon ELEMENT through a class — 24px, or\n * 18px when small — which a native renderer cannot do to an arbitrary node, so\n * the slot carries the margins and the glyph keeps the size it was given.\n */\nfunction LeadingSlot({\n  metrics,\n  variant,\n  avatar,\n  avatarSrc,\n  icon,\n  testID,\n}: SlotArgs &\n  Pick<ChipProps, 'avatar' | 'avatarSrc' | 'icon'> & { testID: string }): React.JSX.Element | null {\n  if (avatar) {\n    return <View style={chipLeadingSlotStyle(metrics, variant, 'avatar')}>{avatar}</View>;\n  }\n  if (avatarSrc) {\n    return (\n      <View style={chipLeadingSlotStyle(metrics, variant, 'avatar')}>\n        <Image\n          source={{ uri: avatarSrc }}\n          style={chipAvatarStyle(metrics)}\n          accessibilityIgnoresInvertColors\n        />\n      </View>\n    );\n  }\n  if (icon) {\n    return (\n      <View style={chipLeadingSlotStyle(metrics, variant, 'icon')} testID={testID}>\n        {icon}\n      </View>\n    );\n  }\n  return null;\n}\n\n/** MUI's `deleteIcon`: the `Cancel` glyph, pressable, tucked under the label. */\nfunction DeleteSlot({\n  metrics,\n  variant,\n  color,\n  onDelete,\n  deleteLabel = EN_US_UI_LABELS.common.delete,\n  disabled,\n  testID,\n}: SlotArgs & {\n  color: string;\n  deleteLabel?: string;\n  onDelete?: () => void;\n  disabled?: boolean;\n  testID: string;\n}): React.JSX.Element {\n  return (\n    <Pressable\n      testID={testID}\n      role=\"button\"\n      aria-label={deleteLabel}\n      disabled={disabled}\n      onPress={onDelete}\n      style={chipDeleteSlotStyle(metrics, variant)}\n    >\n      <Icon name=\"Cancel\" size={metrics.deleteSize} color={color} />\n    </Pressable>\n  );\n}\n\ninterface ChipBodyProps extends SlotArgs {\n  paint: ChipPaint;\n  label: string;\n  avatar?: ChipProps['avatar'];\n  avatarSrc?: string;\n  icon?: ChipProps['icon'];\n  deletable?: boolean;\n  disabled?: boolean;\n  onDelete?: () => void;\n  deleteLabel?: string;\n  idFor: (suffix: string) => string;\n}\n\n/** Everything inside the pill: the leading slot, the label, the delete button. */\nfunction ChipBody({\n  metrics,\n  variant,\n  paint,\n  label,\n  avatar,\n  avatarSrc,\n  icon,\n  deletable,\n  disabled,\n  onDelete,\n  deleteLabel,\n  idFor,\n}: ChipBodyProps): React.JSX.Element {\n  const theme = useUiTheme();\n  return (\n    <>\n      <LeadingSlot\n        metrics={metrics}\n        variant={variant}\n        avatar={avatar}\n        avatarSrc={avatarSrc}\n        icon={icon}\n        testID={idFor('icon')}\n      />\n      <RNText\n        testID={idFor('label')}\n        numberOfLines={1}\n        style={[chipLabelStyle(theme, metrics, variant), paint.label]}\n      >\n        {label}\n      </RNText>\n      {deletable ? (\n        <DeleteSlot\n          metrics={metrics}\n          variant={variant}\n          color={paint.deleteColor}\n          onDelete={onDelete}\n          deleteLabel={deleteLabel}\n          disabled={disabled}\n          testID={idFor('delete')}\n        />\n      ) : null}\n    </>\n  );\n}\n\ninterface KeyDownArgs {\n  role: 'option' | 'button' | undefined;\n  disabled?: boolean;\n  deletable?: boolean;\n  selectable?: boolean;\n  /** Whether the chip acts at all, under either handler spelling. */\n  acts?: unknown;\n  onClick?: () => void;\n  onDelete?: () => void;\n}\n\n/**\n * The half of the chip's keyboard contract react-native-web does NOT already\n * cover. Its `Pressable` turns Enter into a press on any role, and Space into\n * one only on a `button` role (`isValidKeyPress`) — so a selectable chip, which\n * is an `option`, needs Space wiring here, and Delete/Backspace is never its.\n * On a device none of this is ever called.\n */\nfunction makeChipKeyDown(args: KeyDownArgs): WebKeyHandler {\n  return (event) => {\n    const action = chipKeyAction(event.key, { ...args, onClick: args.acts });\n    if (action === null) return;\n    if (action === 'delete') {\n      event.preventDefault();\n      args.onDelete?.();\n      return;\n    }\n    if (event.key === 'Enter' || args.role === 'button') return;\n    event.preventDefault();\n    args.onClick?.();\n  };\n}\n\n/**\n * The native `Chip`: MUI's pill on a `Pressable`, reachable by keyboard only\n * when it acts — which is the same rule MUI applies through `clickable`.\n */\nexport const Chip = React.forwardRef<View, ChipProps>((props, ref) => {\n  const {\n    label,\n    variant = 'filled',\n    size = 'md',\n    color = 'primary',\n    avatarSrc,\n    avatar,\n    icon,\n    selected,\n    selectable,\n    deletable,\n    disabled,\n    onClick,\n    onPress,\n    onDelete,\n    deleteLabel,\n    dataTestId,\n    testID,\n    style,\n    ...rest\n  } = props;\n  const theme = useUiTheme();\n  const chipId = testID ?? dataTestId;\n  const metrics = chipMetrics(chipMuiSize(size));\n  const paint = chipPaint(theme, variant, color, Boolean(selected));\n  const acts = onClick ?? onPress;\n  const clickable = isClickable(disabled, acts, selectable);\n  const role = chipRole(selectable, acts);\n\n  const base: StyleProp<ViewStyle> = [\n    chipContainerStyle(metrics, Boolean(disabled)),\n    paint.container,\n    style,\n  ];\n\n  const press = (event: GestureResponderEvent): void => {\n    onClick?.();\n    onPress?.(event);\n  };\n\n  return (\n    <Pressable\n      ref={ref}\n      testID={chipId || 'chip'}\n      role={role}\n      aria-selected={selectable ? selected : undefined}\n      disabled={disabled}\n      // MUI makes only a clickable chip keyboard-reachable; react-native-web\n      // would otherwise give every Pressable a tab stop.\n      tabIndex={clickable ? 0 : -1}\n      onPress={clickable ? press : undefined}\n      {...webKeyDown(\n        makeChipKeyDown({ role, disabled, deletable, selectable, acts, onClick, onDelete }),\n      )}\n      style={(state) => [base, state.pressed && clickable ? paint.pressed : null]}\n      {...rest}\n    >\n      <ChipBody\n        metrics={metrics}\n        variant={variant}\n        paint={paint}\n        label={label}\n        avatar={avatar}\n        avatarSrc={avatarSrc}\n        icon={icon}\n        deletable={deletable}\n        disabled={disabled}\n        onDelete={onDelete}\n        deleteLabel={deleteLabel}\n        idFor={makeTestId(chipId)}\n      />\n    </Pressable>\n  );\n});\n\nChip.displayName = 'Chip';\n","/** `${dataTestId}-label`, or `chip-label` when the caller named nothing. */\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;\n\n/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */\nexport const chipRole = (\n  selectable?: boolean,\n  // `unknown`, because the two renderers hand this a differently-typed handler\n  // and all that is asked of it here is whether the caller supplied one.\n  onClick?: unknown,\n): 'option' | 'button' | undefined => {\n  if (selectable) return 'option';\n  return onClick ? 'button' : undefined;\n};\n\nexport const isClickable = (\n  disabled?: boolean,\n  onClick?: unknown,\n  selectable?: boolean,\n): boolean => !disabled && (Boolean(onClick) || Boolean(selectable));\n\n/** What a key press on a chip means, if anything. */\nexport type ChipKeyAction = 'delete' | 'activate' | null;\n\nconst DELETE_KEYS = new Set(['Delete', 'Backspace']);\nconst ACTIVATE_KEYS = new Set(['Enter', ' ']);\n\nexport interface ChipKeyArgs {\n  disabled?: boolean;\n  deletable?: boolean;\n  selectable?: boolean;\n  onClick?: unknown;\n  onDelete?: unknown;\n}\n\n/**\n * A chip is not a native control, so the two keyboard conventions it stands in\n * for are decided by hand: Delete/Backspace removes it, Enter/Space activates\n * it. Both renderers read this one decision — the web wires it to the DOM\n * handler, the native half to react-native-web's (see `Chip.native.tsx`).\n */\nexport function chipKeyAction(key: string, a: ChipKeyArgs): ChipKeyAction {\n  if (a.disabled) return null;\n  if (DELETE_KEYS.has(key) && a.deletable && a.onDelete) return 'delete';\n  if (ACTIVATE_KEYS.has(key) && (a.onClick || a.selectable)) return 'activate';\n  return null;\n}\n","import type { ChipSize } from './Chip.base';\n\n/**\n * THE NUMBERS BOTH `Chip` RENDERERS DRAW WITH.\n *\n * Most of them are MUI's own `Chip` geometry rather than anything this package\n * writes — the 32px pill, the 13px label, the 5px/-6px icon tuck — because the\n * web half hands the drawing to `MuiChip` and the native half has to draw it.\n * Restated here once, read by both, so the two cannot disagree about a chip's\n * height. What THIS package adds (`Chip.styles.tsx`'s hover lift, its shadow\n * and its transition) is at the bottom, and the web derives its CSS from it.\n */\n\n/** MUI draws two chip sizes; ours are the house abbreviations for them. */\nexport type ChipMuiSize = 'small' | 'medium';\n\nexport const chipMuiSize = (size: ChipSize): ChipMuiSize =>\n  size === 'xs' || size === 'sm' ? 'small' : 'medium';\n\nexport interface ChipSizeMetrics {\n  height: number;\n  /** The label's own side padding, filled and outlined (outlined is 1px tighter). */\n  labelPadding: number;\n  labelPaddingOutlined: number;\n  /** The leading icon's box, and how far it tucks under the label. */\n  iconSize: number;\n  iconMarginLeft: number;\n  iconMarginLeftOutlined: number;\n  iconMarginRight: number;\n  /** The avatar's round box and the type inside it. */\n  avatarSize: number;\n  avatarFontSize: number;\n  avatarMarginLeft: number;\n  avatarMarginLeftOutlined: number;\n  avatarMarginRight: number;\n  /** The delete glyph's box and its own tuck. */\n  deleteSize: number;\n  deleteMarginLeft: number;\n  deleteMarginRight: number;\n  deleteMarginRightOutlined: number;\n}\n\nexport const CHIP_SIZES: Record<ChipMuiSize, ChipSizeMetrics> = {\n  medium: {\n    height: 32,\n    labelPadding: 12,\n    labelPaddingOutlined: 11,\n    iconSize: 24,\n    iconMarginLeft: 5,\n    iconMarginLeftOutlined: 4,\n    iconMarginRight: -6,\n    avatarSize: 24,\n    avatarFontSize: 12,\n    avatarMarginLeft: 5,\n    avatarMarginLeftOutlined: 4,\n    avatarMarginRight: -6,\n    deleteSize: 22,\n    deleteMarginLeft: -6,\n    deleteMarginRight: 5,\n    deleteMarginRightOutlined: 5,\n  },\n  small: {\n    height: 24,\n    labelPadding: 8,\n    labelPaddingOutlined: 7,\n    iconSize: 18,\n    iconMarginLeft: 4,\n    iconMarginLeftOutlined: 2,\n    iconMarginRight: -4,\n    avatarSize: 18,\n    avatarFontSize: 10,\n    avatarMarginLeft: 4,\n    avatarMarginLeftOutlined: 2,\n    avatarMarginRight: -4,\n    deleteSize: 16,\n    deleteMarginLeft: -4,\n    deleteMarginRight: 4,\n    deleteMarginRightOutlined: 3,\n  },\n};\n\n/** MUI's `borderRadius: 32 / 2` — a pill at either height, since the box clamps it. */\nexport const CHIP_RADIUS = 16;\n/** The label's type, in px. MUI sets it on the root and the small size keeps it. */\nexport const CHIP_FONT_SIZE = 13;\n/** MUI's `palette.action.disabledOpacity`. */\nexport const CHIP_DISABLED_OPACITY = 0.38;\n/** An outlined chip's hairline: the hue at 0.7, or the grey ramp for `neutral`. */\nexport const OUTLINED_BORDER_ALPHA = 0.7;\n/** The delete glyph over an unaccented chip, and over a coloured one. */\nexport const DELETE_ICON_ALPHA = 0.26;\nexport const DELETE_ICON_ON_COLOR_ALPHA = 0.7;\n/** MUI's `action.hoverOpacity`, the wash a clickable outlined chip takes. */\nexport const OUTLINED_HOVER_ALPHA = 0.04;\n\n/* ── What this package adds on top of MUI's chip ──────────────────────────── */\n\n/** The lift a clickable chip takes on hover, and the shadow under it. */\nexport const HOVER_LIFT_PX = 1;\nexport const HOVER_SHADOW = { offsetY: 4, blur: 12, alphaLight: 0.15, alphaDark: 0.3 } as const;\nexport const CHIP_TRANSITION_MS = 200;\nexport const CHIP_TRANSITION_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n/** A soft chip's ground: the colour at this alpha over the page. */\nexport const SOFT_GROUND_ALPHA = 0.14;\n/** A soft chip's hover ground. */\nexport const SOFT_HOVER_ALPHA = 0.22;\n/** A soft chip's keyboard-focus ring, in design px (read through `rem`). */\nexport const SOFT_FOCUS_RING = { width: 2, offset: 2 } as const;\n","import type { ImageStyle, TextStyle, ViewStyle } from 'react-native';\n\nimport type { ChipColor, ChipVariant } from './Chip.base';\nimport {\n  CHIP_DISABLED_OPACITY,\n  CHIP_FONT_SIZE,\n  CHIP_RADIUS,\n  CHIP_SIZES,\n  DELETE_ICON_ALPHA,\n  DELETE_ICON_ON_COLOR_ALPHA,\n  OUTLINED_BORDER_ALPHA,\n  OUTLINED_HOVER_ALPHA,\n  SOFT_GROUND_ALPHA,\n  SOFT_HOVER_ALPHA,\n  type ChipMuiSize,\n  type ChipSizeMetrics,\n} from './Chip.metrics';\nimport { alpha } from '../../../tokens/color';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/** MUI's `action.selectedOpacity`; its hover wash adds `OUTLINED_HOVER_ALPHA` on top. */\nconst SELECTED_OPACITY = 0.08;\n\nexport interface ChipPaint {\n  container: ViewStyle;\n  /** The web's `:hover` background, which touch has no equivalent of. */\n  pressed: ViewStyle;\n  label: TextStyle;\n  deleteColor: string;\n}\n\n/** `neutral` is MUI's `default`: no accent, the ink and the ramp instead. */\nconst isAccented = (color: ChipColor): boolean => color !== 'neutral';\n\n/** An unaccented chip's hairline, which follows the mode rather than a hue. */\nconst neutralBorder = (theme: UiTheme): string =>\n  theme.mode === 'light' ? theme.palette.grey[400] : theme.palette.grey[700];\n\nfunction filledPaint(theme: UiTheme, color: ChipColor): ChipPaint {\n  if (!isAccented(color)) {\n    return {\n      container: { backgroundColor: theme.palette.action.selected },\n      pressed: { backgroundColor: alpha(theme.palette.action.selected, SELECTED_OPACITY + OUTLINED_HOVER_ALPHA) },\n      label: { color: theme.palette.text.primary },\n      deleteColor: alpha(theme.palette.text.primary, DELETE_ICON_ALPHA),\n    };\n  }\n  const accent = theme.palette[color];\n  return {\n    container: { backgroundColor: accent.main },\n    pressed: { backgroundColor: accent.dark },\n    label: { color: accent.contrastText },\n    deleteColor: alpha(accent.contrastText, DELETE_ICON_ON_COLOR_ALPHA),\n  };\n}\n\nfunction softPaint(theme: UiTheme, color: ChipColor): ChipPaint {\n  if (!isAccented(color)) {\n    return {\n      container: { backgroundColor: theme.palette.action.selected },\n      pressed: { backgroundColor: theme.palette.action.hover },\n      label: { color: theme.palette.text.secondary, fontWeight: '600' },\n      deleteColor: alpha(theme.palette.text.secondary, DELETE_ICON_ALPHA),\n    };\n  }\n  const accent = theme.palette[color];\n  // The ink that reads on a 14% tint: `dark` over a light page, `light` over a dark one.\n  const ink = theme.mode === 'dark' ? accent.light : accent.dark;\n  return {\n    container: { backgroundColor: alpha(accent.main, SOFT_GROUND_ALPHA) },\n    pressed: { backgroundColor: alpha(accent.main, SOFT_HOVER_ALPHA) },\n    label: { color: ink, fontWeight: '600' },\n    deleteColor: ink,\n  };\n}\n\nfunction outlinedPaint(theme: UiTheme, color: ChipColor): ChipPaint {\n  const border: ViewStyle = { backgroundColor: 'transparent', borderWidth: 1, borderStyle: 'solid' };\n  if (!isAccented(color)) {\n    return {\n      container: { ...border, borderColor: neutralBorder(theme) },\n      pressed: { backgroundColor: theme.palette.action.hover },\n      label: { color: theme.palette.text.primary },\n      deleteColor: alpha(theme.palette.text.primary, DELETE_ICON_ALPHA),\n    };\n  }\n  const accent = theme.palette[color];\n  return {\n    container: { ...border, borderColor: alpha(accent.main, OUTLINED_BORDER_ALPHA) },\n    pressed: { backgroundColor: alpha(accent.main, OUTLINED_HOVER_ALPHA) },\n    label: { color: accent.main },\n    deleteColor: alpha(accent.main, OUTLINED_BORDER_ALPHA),\n  };\n}\n\n/**\n * What MUI's chip paints, as React Native styles. `selected` tints an OUTLINED\n * chip with `action.selected` — a filled one is already solid, which is what\n * `Chip.styles.tsx` decided for the web.\n */\nexport function chipPaint(\n  theme: UiTheme,\n  variant: ChipVariant,\n  color: ChipColor,\n  selected: boolean,\n): ChipPaint {\n  const paint =\n    variant === 'outlined' ? outlinedPaint(theme, color) : variant === 'soft' ? softPaint(theme, color) : filledPaint(theme, color);\n  if (variant !== 'outlined' || !selected) return paint;\n  return {\n    ...paint,\n    container: { ...paint.container, backgroundColor: theme.palette.action.selected },\n  };\n}\n\n/** The pill itself: MUI's height, its 16px radius, and the disabled fade. */\nexport function chipContainerStyle(metrics: ChipSizeMetrics, disabled: boolean): ViewStyle {\n  return {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n    alignSelf: 'flex-start',\n    maxWidth: '100%',\n    height: metrics.height,\n    borderRadius: CHIP_RADIUS,\n    ...(disabled ? { opacity: CHIP_DISABLED_OPACITY } : {}),\n  };\n}\n\n/** The label: MUI's 13px, padded by the variant, clipped rather than wrapped. */\nexport function chipLabelStyle(\n  theme: UiTheme,\n  metrics: ChipSizeMetrics,\n  variant: ChipVariant,\n): TextStyle {\n  const padding = variant === 'outlined' ? metrics.labelPaddingOutlined : metrics.labelPadding;\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize: CHIP_FONT_SIZE,\n    paddingLeft: padding,\n    paddingRight: padding,\n    flexShrink: 1,\n  };\n}\n\n/** The margins MUI gives the leading slot, tucking it under the label's padding. */\nexport function chipLeadingSlotStyle(\n  metrics: ChipSizeMetrics,\n  variant: ChipVariant,\n  slot: 'icon' | 'avatar',\n): ViewStyle {\n  const outlined = variant === 'outlined';\n  const marginLeft =\n    slot === 'icon'\n      ? (outlined ? metrics.iconMarginLeftOutlined : metrics.iconMarginLeft)\n      : (outlined ? metrics.avatarMarginLeftOutlined : metrics.avatarMarginLeft);\n  return {\n    marginLeft,\n    marginRight: slot === 'icon' ? metrics.iconMarginRight : metrics.avatarMarginRight,\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n}\n\n/** The delete glyph's own tuck, one pixel tighter when the chip is outlined. */\nexport function chipDeleteSlotStyle(metrics: ChipSizeMetrics, variant: ChipVariant): ViewStyle {\n  return {\n    marginLeft: metrics.deleteMarginLeft,\n    marginRight:\n      variant === 'outlined' ? metrics.deleteMarginRightOutlined : metrics.deleteMarginRight,\n    alignItems: 'center',\n    justifyContent: 'center',\n  };\n}\n\n/** The round avatar box MUI draws for an `avatarSrc`. */\nexport function chipAvatarStyle(metrics: ChipSizeMetrics): ImageStyle {\n  return {\n    width: metrics.avatarSize,\n    height: metrics.avatarSize,\n    borderRadius: metrics.avatarSize / 2,\n    overflow: 'hidden',\n  };\n}\n\nexport const chipMetrics = (size: ChipMuiSize): ChipSizeMetrics => CHIP_SIZES[size];\n"],"mappings":"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","names":[]}

package/dist/types/components/data-display/Chip/Chip.base.d.ts

@@ -8,8 +8,9 @@ import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
  * consumer has no `@mui/material` to resolve a type import against.
  */
 /**
- * `soft` is a status chip's look: the colour's tint for a ground and its dark
- * step for ink, so a row of states reads without a row of solid blocks.
+ * `soft` is a status chip's look: the colour's tint for a ground and, for ink,
+ * its dark step in light mode and its light step in dark mode (4.5:1 on the
+ * tint either way), so a row of states reads without a row of solid blocks.
  */
 export type ChipVariant = 'filled' | 'outlined' | 'soft';
 /**

package/dist/types/components/data-display/Chip/Chip.base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"Chip.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types/components/data-display/Chip/Chip.metrics.d.ts

@@ -62,4 +62,9 @@ export declare const CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
 export declare const SOFT_GROUND_ALPHA = 0.14;
 /** A soft chip's hover ground. */
 export declare const SOFT_HOVER_ALPHA = 0.22;
+/** A soft chip's keyboard-focus ring, in design px (read through `rem`). */
+export declare const SOFT_FOCUS_RING: {
+    readonly width: 2;
+    readonly offset: 2;
+};
 //# sourceMappingURL=Chip.metrics.d.ts.map

package/dist/types/components/data-display/Chip/Chip.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,kCAAkC;AAClC,eAAO,MAAM,gBAAgB,OAAO,CAAC"}
+{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,kCAAkC;AAClC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,4EAA4E;AAC5E,eAAO,MAAM,eAAe;;;CAAmC,CAAC"}

package/dist/types/components/data-display/Chip/Chip.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.styles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAYjE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC5B,MAAM,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,MACnE,OAAO,aAAa,KAAG,IASvB,CAAC;AAEJ,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,CAAC,QAAQ,CAAC,EAC3B,YAAY,MAAM,KACjB,YAAY,GAAG,SASjB,CAAC;AAEF,UAAU,aAAa;IACrB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuCD,eAAO,MAAM,UAAU,GAAI,oDAMxB,aAAa,KAAG,OAAO,CAAC,KAAK,CA4B/B,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,MAAM,SAAS,CAAC,MAAM,CAAC,EACvB,QAAQ,MAAM,KACb,YAAY,GAAG,SAKH,CAAC"}
+{"version":3,"file":"Chip.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.styles.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,OAAO,EAAiB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAajE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAC5B,MAAM,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;CAAE,MACnE,OAAO,aAAa,KAAG,IASvB,CAAC;AAEJ,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,CAAC,QAAQ,CAAC,EAC3B,YAAY,MAAM,KACjB,YAAY,GAAG,SASjB,CAAC;AAEF,UAAU,aAAa;IACrB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAuED,eAAO,MAAM,UAAU,GAAI,oDAMxB,aAAa,KAAG,OAAO,CAAC,KAAK,CA4B/B,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,MAAM,SAAS,CAAC,MAAM,CAAC,EACvB,QAAQ,MAAM,KACb,YAAY,GAAG,SAKH,CAAC"}

package/dist/types/components/layout/SettingCard/SettingCard.metrics.d.ts

@@ -15,9 +15,26 @@ export declare const SETTING_CARD: {
     readonly gridMinColumnWidth: 320;
     /** The widest the [i]'s full-summary tooltip gets. */
     readonly infoMaxWidth: 360;
-    /** The [i]'s keyboard focus ring: its width, and its gap from the glyph. */
+    /**
+     * The [i]'s tap target, the house 40 px floor (FUT-4443). The glyph stays 16 px
+     * (`xs`); a negative margin of `(infoTapTarget - glyph) / 2` gives the box back
+     * to the title row, so nothing moves.
+     */
+    readonly infoTapTarget: 40;
+    /** Above and below the glyph: (40 - 16) / 2, so the title row keeps its height. */
+    readonly infoTapMarginBlock: -12;
+    /**
+     * Beside the glyph: minus the title row's `gap` (8 px), not (40 - 16) / 2, so the
+     * box ends where the status pill ends and never overlaps it.
+     */
+    readonly infoTapMarginInline: -8;
+    /**
+     * The [i]'s keyboard focus ring: its width, and its offset from the box. The
+     * offset is negative so the ring's OUTER edge is the 40 px box (a 40 px circle
+     * round a 16 px glyph), instead of a 44 px one crowding the title and the pill.
+     */
     readonly infoFocusRingWidth: 2;
-    readonly infoFocusRingOffset: 2;
+    readonly infoFocusRingOffset: -2;
 };
 /** The grid's default gap, in theme SPACING units (not px): what `sx`'s `gap: 2` means. */
 export declare const SETTING_GRID_GAP_UNITS = 2;

package/dist/types/components/layout/SettingCard/SettingCard.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingCard.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.metrics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,sCAAsC;;IAEtC,4DAA4D;;IAE5D,oEAAoE;;IAEpE,0DAA0D;;IAE1D,mDAAmD;;IAEnD,sDAAsD;;IAEtD,4EAA4E;;;CAGpE,CAAC;AAEX,2FAA2F;AAC3F,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,2EAA2E;AAC3E,eAAO,MAAM,8BAA8B,MAAM,CAAC"}
+{"version":3,"file":"SettingCard.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.metrics.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,YAAY;IACvB,sCAAsC;;IAEtC,4DAA4D;;IAE5D,oEAAoE;;IAEpE,0DAA0D;;IAE1D,mDAAmD;;IAEnD,sDAAsD;;IAEtD;;;;OAIG;;IAEH,mFAAmF;;IAEnF;;;OAGG;;IAEH;;;;OAIG;;;CAGK,CAAC;AAEX,2FAA2F;AAC3F,eAAO,MAAM,sBAAsB,IAAI,CAAC;AAExC,2EAA2E;AAC3E,eAAO,MAAM,8BAA8B,MAAM,CAAC"}

package/dist/types/components/layout/SettingCard/SettingCard.summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingCard.summary.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAStE;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,UAAU,OAAO,KAAG;IAAE,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAkBzG,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CAuClG,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,uCAK5B;IACD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG;IAAE,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CAInE,CAAC"}
+{"version":3,"file":"SettingCard.summary.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/SettingCard/SettingCard.summary.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAStE;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,UAAU,OAAO,KAAG;IAAE,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,OAAO,EAAE,OAAO,CAAA;CAkBzG,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAA;CAAE,CA4ClG,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,uCAK5B;IACD,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,KAAG;IAAE,GAAG,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;CAInE,CAAC"}

package/dist/types-native/components/data-display/Chip/Chip.base.d.ts

@@ -8,8 +8,9 @@ import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
  * consumer has no `@mui/material` to resolve a type import against.
  */
 /**
- * `soft` is a status chip's look: the colour's tint for a ground and its dark
- * step for ink, so a row of states reads without a row of solid blocks.
+ * `soft` is a status chip's look: the colour's tint for a ground and, for ink,
+ * its dark step in light mode and its light step in dark mode (4.5:1 on the
+ * tint either way), so a row of states reads without a row of solid blocks.
  */
 export type ChipVariant = 'filled' | 'outlined' | 'soft';
 /**

package/dist/types-native/components/data-display/Chip/Chip.base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"Chip.base.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.base.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAExE;;;;;;GAMG;AACH;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,QAAQ,GAAG,SAAS,CAAC;AAEjC;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC;AAEnC,MAAM,WAAW,aAAa;IAC5B,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IAEd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,WAAW,CAAC;IAEtB,uBAAuB;IACvB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,qDAAqD;IACrD,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,0BAA0B;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,oCAAoC;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,mEAAmE;IACnE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/types-native/components/data-display/Chip/Chip.look.native.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAWL,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKrD,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAgED;;;;GAIG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,GAChB,SAAS,CAQX;AAED,6EAA6E;AAC7E,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAWzF;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,GACnB,SAAS,CASX;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GACtB,SAAS,CAYX;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,GAAG,SAAS,CAQ7F;AAED,yDAAyD;AACzD,wBAAgB,eAAe,CAAC,OAAO,EAAE,eAAe,GAAG,UAAU,CAOpE;AAED,eAAO,MAAM,WAAW,GAAI,MAAM,WAAW,KAAG,eAAmC,CAAC"}
+{"version":3,"file":"Chip.look.native.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.look.native.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAErE,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAWL,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,gBAAgB,CAAC;AAExB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKrD,MAAM,WAAW,SAAS;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,uEAAuE;IACvE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAkED;;;;GAIG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,SAAS,EAChB,QAAQ,EAAE,OAAO,GAChB,SAAS,CAQX;AAED,6EAA6E;AAC7E,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,eAAe,EAAE,QAAQ,EAAE,OAAO,GAAG,SAAS,CAWzF;AAED,iFAAiF;AACjF,wBAAgB,cAAc,CAC5B,KAAK,EAAE,OAAO,EACd,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,GACnB,SAAS,CASX;AAED,oFAAoF;AACpF,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,MAAM,GAAG,QAAQ,GACtB,SAAS,CAYX;AAED,gFAAgF;AAChF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,GAAG,SAAS,CAQ7F;AAED,yDAAyD;AACzD,wBAAgB,eAAe,CAAC,OAAO,EAAE,eAAe,GAAG,UAAU,CAOpE;AAED,eAAO,MAAM,WAAW,GAAI,MAAM,WAAW,KAAG,eAAmC,CAAC"}

package/dist/types-native/components/data-display/Chip/Chip.metrics.d.ts

@@ -62,4 +62,9 @@ export declare const CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
 export declare const SOFT_GROUND_ALPHA = 0.14;
 /** A soft chip's hover ground. */
 export declare const SOFT_HOVER_ALPHA = 0.22;
+/** A soft chip's keyboard-focus ring, in design px (read through `rem`). */
+export declare const SOFT_FOCUS_RING: {
+    readonly width: 2;
+    readonly offset: 2;
+};
 //# sourceMappingURL=Chip.metrics.d.ts.map

package/dist/types-native/components/data-display/Chip/Chip.metrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,kCAAkC;AAClC,eAAO,MAAM,gBAAgB,OAAO,CAAC"}
+{"version":3,"file":"Chip.metrics.d.ts","sourceRoot":"","sources":["../../../../../src/components/data-display/Chip/Chip.metrics.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;;;;;;;;GASG;AAEH,2EAA2E;AAC3E,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE7C,eAAO,MAAM,WAAW,GAAI,MAAM,QAAQ,KAAG,WACQ,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,oEAAoE;IACpE,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,qDAAqD;IACrD,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,wBAAwB,EAAE,MAAM,CAAC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+CAA+C;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,yBAAyB,EAAE,MAAM,CAAC;CACnC;AAED,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,WAAW,EAAE,eAAe,CAqC3D,CAAC;AAEF,uFAAuF;AACvF,eAAO,MAAM,WAAW,KAAK,CAAC;AAC9B,oFAAoF;AACpF,eAAO,MAAM,cAAc,KAAK,CAAC;AACjC,8CAA8C;AAC9C,eAAO,MAAM,qBAAqB,OAAO,CAAC;AAC1C,mFAAmF;AACnF,eAAO,MAAM,qBAAqB,MAAM,CAAC;AACzC,yEAAyE;AACzE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,eAAO,MAAM,0BAA0B,MAAM,CAAC;AAC9C,6EAA6E;AAC7E,eAAO,MAAM,oBAAoB,OAAO,CAAC;AAIzC,yEAAyE;AACzE,eAAO,MAAM,aAAa,IAAI,CAAC;AAC/B,eAAO,MAAM,YAAY;;;;;CAAsE,CAAC;AAChG,eAAO,MAAM,kBAAkB,MAAM,CAAC;AACtC,eAAO,MAAM,sBAAsB,iCAAiC,CAAC;AAErE,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,OAAO,CAAC;AACtC,kCAAkC;AAClC,eAAO,MAAM,gBAAgB,OAAO,CAAC;AACrC,4EAA4E;AAC5E,eAAO,MAAM,eAAe;;;CAAmC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.95.1",
+  "version": "6.96.1",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/data-display/Chip/Chip.base.ts

@@ -10,8 +10,9 @@ import type { ColorValue, SizeValue } from '../../../tokens/vocabulary';
  * consumer has no `@mui/material` to resolve a type import against.
  */
 /**
- * `soft` is a status chip's look: the colour's tint for a ground and its dark
- * step for ink, so a row of states reads without a row of solid blocks.
+ * `soft` is a status chip's look: the colour's tint for a ground and, for ink,
+ * its dark step in light mode and its light step in dark mode (4.5:1 on the
+ * tint either way), so a row of states reads without a row of solid blocks.
  */
 export type ChipVariant = 'filled' | 'outlined' | 'soft';