@12-apps/ui 6.96.1 → 6.96.2

package/dist/_internal/components/data-display/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 import {
   Avatar,
   AvatarGroup
-} from "../../../../chunk-JIEVKHOH.js";
+} from "../../../../chunk-EXEBN5ZP.js";
 import "../../../../chunk-7XSCEHGA.js";
 import "../../../../chunk-MTEQEPNY.js";
 import "../../../../chunk-6ZZGK5DT.js";

package/dist/_internal/components/data-display/Chip/Chip.js

@@ -1,8 +1,8 @@
 import {
   Chip
-} from "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+} from "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-XJAD6E3V.js";
 import "../../../../chunk-F5H2ZXST.js";

package/dist/_internal/components/data-display/Chip/Chip.metrics.js

@@ -14,8 +14,9 @@ import {
   SOFT_FOCUS_RING,
   SOFT_GROUND_ALPHA,
   SOFT_HOVER_ALPHA,
+  SOFT_WARNING_LIGHT_DARKEN,
   chipMuiSize
-} from "../../../../chunk-52NM5VEW.js";
+} from "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CHIP_DISABLED_OPACITY,
@@ -33,6 +34,7 @@ export {
   SOFT_FOCUS_RING,
   SOFT_GROUND_ALPHA,
   SOFT_HOVER_ALPHA,
+  SOFT_WARNING_LIGHT_DARKEN,
   chipMuiSize
 };
 //# sourceMappingURL=Chip.metrics.js.map

package/dist/_internal/components/data-display/Chip/Chip.styles.js

@@ -3,8 +3,8 @@ import {
   chipStyles,
   iconWithTestId,
   makeKeyDownHandler
-} from "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+} from "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-XJAD6E3V.js";
 import "../../../../chunk-F5H2ZXST.js";

package/dist/_internal/components/data-display/index.js

@@ -200,9 +200,9 @@ import {
 } from "../../../chunk-M2M4IDFU.js";
 import {
   Chip
-} from "../../../chunk-BTDRBO4G.js";
-import "../../../chunk-GOWKXKWO.js";
-import "../../../chunk-52NM5VEW.js";
+} from "../../../chunk-L2ICH44N.js";
+import "../../../chunk-44I2KXKW.js";
+import "../../../chunk-GZBLDPXY.js";
 import "../../../chunk-BF4FYOAR.js";
 import "../../../chunk-ARGVUTTL.js";
 import "../../../chunk-PZS7N74L.js";
@@ -314,7 +314,7 @@ import {
 import {
   Avatar,
   AvatarGroup
-} from "../../../chunk-JIEVKHOH.js";
+} from "../../../chunk-EXEBN5ZP.js";
 import "../../../chunk-7XSCEHGA.js";
 import "../../../chunk-MTEQEPNY.js";
 import "../../../chunk-6ZZGK5DT.js";

package/dist/_internal/components/index.js

@@ -187,22 +187,22 @@ import "../../chunk-QUWK7SYN.js";
 import "../../chunk-QGUNUXTT.js";
 import {
   SettingCard
-} from "../../chunk-KCH6O6IC.js";
+} from "../../chunk-XSLF3YGH.js";
 import {
   SettingToggle
-} from "../../chunk-PQ4P4OEA.js";
+} from "../../chunk-SSWNJR36.js";
 import {
   SettingGroup
-} from "../../chunk-VILNULUY.js";
+} from "../../chunk-RCULGFEH.js";
 import "../../chunk-SALQ65SM.js";
-import "../../chunk-I3QVH34Y.js";
-import "../../chunk-FMNOCFD2.js";
+import "../../chunk-44BTMZB6.js";
+import "../../chunk-2C7AWMV7.js";
 import "../../chunk-XJQNSMGA.js";
 import {
   SETTING_GRID_CONTAINER,
   SettingGrid
-} from "../../chunk-UOI3RX4W.js";
-import "../../chunk-Y5J2EIR4.js";
+} from "../../chunk-IAPFZJ6I.js";
+import "../../chunk-F3UHWLTD.js";
 import "../../chunk-UJ7EHEXG.js";
 import "../../chunk-KSZ6GH3J.js";
 import "../../chunk-UJP2VS2H.js";
@@ -641,9 +641,9 @@ import {
 import "../../chunk-2GTORM5E.js";
 import {
   Chip
-} from "../../chunk-BTDRBO4G.js";
-import "../../chunk-GOWKXKWO.js";
-import "../../chunk-52NM5VEW.js";
+} from "../../chunk-L2ICH44N.js";
+import "../../chunk-44I2KXKW.js";
+import "../../chunk-GZBLDPXY.js";
 import "../../chunk-BF4FYOAR.js";
 import "../../chunk-NCS2TBIP.js";
 import {
@@ -924,7 +924,7 @@ import "../../chunk-DVRNW33K.js";
 import {
   Avatar,
   AvatarGroup
-} from "../../chunk-JIEVKHOH.js";
+} from "../../chunk-EXEBN5ZP.js";
 import "../../chunk-7XSCEHGA.js";
 import "../../chunk-MTEQEPNY.js";
 import "../../chunk-6ZZGK5DT.js";

package/dist/_internal/components/layout/SettingCard/SettingCard.js

@@ -1,9 +1,9 @@
 import {
   SettingCard
-} from "../../../../chunk-KCH6O6IC.js";
+} from "../../../../chunk-XSLF3YGH.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-FMNOCFD2.js";
-import "../../../../chunk-Y5J2EIR4.js";
+import "../../../../chunk-2C7AWMV7.js";
+import "../../../../chunk-F3UHWLTD.js";
 import "../../../../chunk-UJ7EHEXG.js";
 import "../../../../chunk-KSZ6GH3J.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -14,9 +14,9 @@ import "../../../../chunk-Z5WUSI47.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+import "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-LV7LSPBF.js";
 import "../../../../chunk-PGGGKYWG.js";

package/dist/_internal/components/layout/SettingCard/SettingCard.parts.js

@@ -4,16 +4,16 @@ import {
   SaveError,
   SettingHeader,
   partTestId
-} from "../../../../chunk-Y5J2EIR4.js";
+} from "../../../../chunk-F3UHWLTD.js";
 import "../../../../chunk-UJ7EHEXG.js";
 import "../../../../chunk-KSZ6GH3J.js";
 import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+import "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-PGGGKYWG.js";
 import "../../../../chunk-YEKPQAOW.js";

package/dist/_internal/components/layout/SettingCard/SettingCard.summary.js

@@ -2,8 +2,8 @@ import {
   SummaryInfo,
   useClamped,
   useSummaryInfo
-} from "../../../../chunk-FMNOCFD2.js";
-import "../../../../chunk-Y5J2EIR4.js";
+} from "../../../../chunk-2C7AWMV7.js";
+import "../../../../chunk-F3UHWLTD.js";
 import "../../../../chunk-UJ7EHEXG.js";
 import "../../../../chunk-KSZ6GH3J.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -14,9 +14,9 @@ import "../../../../chunk-Z5WUSI47.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+import "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-PGGGKYWG.js";
 import "../../../../chunk-YEKPQAOW.js";

package/dist/_internal/components/layout/SettingCard/SettingGrid.js

@@ -2,17 +2,17 @@ import {
   SETTING_GRID_CONTAINER,
   SettingGrid,
   settingGridStyles
-} from "../../../../chunk-UOI3RX4W.js";
-import "../../../../chunk-Y5J2EIR4.js";
+} from "../../../../chunk-IAPFZJ6I.js";
+import "../../../../chunk-F3UHWLTD.js";
 import "../../../../chunk-UJ7EHEXG.js";
 import "../../../../chunk-KSZ6GH3J.js";
 import "../../../../chunk-RN7UJI7S.js";
 import "../../../../chunk-JYWF76Z5.js";
 import "../../../../chunk-GGMB6LJH.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+import "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-PGGGKYWG.js";
 import "../../../../chunk-YEKPQAOW.js";

package/dist/_internal/components/layout/SettingCard/SettingGroup.js

@@ -1,11 +1,11 @@
 import {
   SettingGroup
-} from "../../../../chunk-VILNULUY.js";
+} from "../../../../chunk-RCULGFEH.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-I3QVH34Y.js";
-import "../../../../chunk-FMNOCFD2.js";
+import "../../../../chunk-44BTMZB6.js";
+import "../../../../chunk-2C7AWMV7.js";
 import "../../../../chunk-XJQNSMGA.js";
-import "../../../../chunk-Y5J2EIR4.js";
+import "../../../../chunk-F3UHWLTD.js";
 import "../../../../chunk-UJ7EHEXG.js";
 import "../../../../chunk-KSZ6GH3J.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -17,9 +17,9 @@ import "../../../../chunk-Z5WUSI47.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+import "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-4PJ52YBO.js";
 import "../../../../chunk-EIMFA7KP.js";

package/dist/_internal/components/layout/SettingCard/SettingSwitch.js

@@ -1,9 +1,9 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "../../../../chunk-I3QVH34Y.js";
-import "../../../../chunk-FMNOCFD2.js";
-import "../../../../chunk-Y5J2EIR4.js";
+} from "../../../../chunk-44BTMZB6.js";
+import "../../../../chunk-2C7AWMV7.js";
+import "../../../../chunk-F3UHWLTD.js";
 import "../../../../chunk-UJ7EHEXG.js";
 import "../../../../chunk-KSZ6GH3J.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -15,9 +15,9 @@ import "../../../../chunk-Z5WUSI47.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+import "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-4PJ52YBO.js";
 import "../../../../chunk-EIMFA7KP.js";

package/dist/_internal/components/layout/SettingCard/SettingToggle.js

@@ -1,11 +1,11 @@
 import {
   SettingToggle
-} from "../../../../chunk-PQ4P4OEA.js";
+} from "../../../../chunk-SSWNJR36.js";
 import "../../../../chunk-SALQ65SM.js";
-import "../../../../chunk-I3QVH34Y.js";
-import "../../../../chunk-FMNOCFD2.js";
+import "../../../../chunk-44BTMZB6.js";
+import "../../../../chunk-2C7AWMV7.js";
 import "../../../../chunk-XJQNSMGA.js";
-import "../../../../chunk-Y5J2EIR4.js";
+import "../../../../chunk-F3UHWLTD.js";
 import "../../../../chunk-UJ7EHEXG.js";
 import "../../../../chunk-KSZ6GH3J.js";
 import "../../../../chunk-RN7UJI7S.js";
@@ -17,9 +17,9 @@ import "../../../../chunk-Z5WUSI47.js";
 import "../../../../chunk-BCWL7HUO.js";
 import "../../../../chunk-QYJ25FWM.js";
 import "../../../../chunk-2GTORM5E.js";
-import "../../../../chunk-BTDRBO4G.js";
-import "../../../../chunk-GOWKXKWO.js";
-import "../../../../chunk-52NM5VEW.js";
+import "../../../../chunk-L2ICH44N.js";
+import "../../../../chunk-44I2KXKW.js";
+import "../../../../chunk-GZBLDPXY.js";
 import "../../../../chunk-BF4FYOAR.js";
 import "../../../../chunk-4PJ52YBO.js";
 import "../../../../chunk-EIMFA7KP.js";

package/dist/_internal/components/layout/index.js

@@ -43,22 +43,22 @@ import "../../../chunk-QUWK7SYN.js";
 import "../../../chunk-QGUNUXTT.js";
 import {
   SettingCard
-} from "../../../chunk-KCH6O6IC.js";
+} from "../../../chunk-XSLF3YGH.js";
 import {
   SettingToggle
-} from "../../../chunk-PQ4P4OEA.js";
+} from "../../../chunk-SSWNJR36.js";
 import {
   SettingGroup
-} from "../../../chunk-VILNULUY.js";
+} from "../../../chunk-RCULGFEH.js";
 import "../../../chunk-SALQ65SM.js";
-import "../../../chunk-I3QVH34Y.js";
-import "../../../chunk-FMNOCFD2.js";
+import "../../../chunk-44BTMZB6.js";
+import "../../../chunk-2C7AWMV7.js";
 import "../../../chunk-XJQNSMGA.js";
 import {
   SETTING_GRID_CONTAINER,
   SettingGrid
-} from "../../../chunk-UOI3RX4W.js";
-import "../../../chunk-Y5J2EIR4.js";
+} from "../../../chunk-IAPFZJ6I.js";
+import "../../../chunk-F3UHWLTD.js";
 import "../../../chunk-UJ7EHEXG.js";
 import "../../../chunk-KSZ6GH3J.js";
 import "../../../chunk-QS5OHHBY.js";
@@ -97,9 +97,9 @@ import "../../../chunk-QD4TM6UK.js";
 import "../../../chunk-EMPVMZAB.js";
 import "../../../chunk-7WDPC46N.js";
 import "../../../chunk-2GTORM5E.js";
-import "../../../chunk-BTDRBO4G.js";
-import "../../../chunk-GOWKXKWO.js";
-import "../../../chunk-52NM5VEW.js";
+import "../../../chunk-L2ICH44N.js";
+import "../../../chunk-44I2KXKW.js";
+import "../../../chunk-GZBLDPXY.js";
 import "../../../chunk-BF4FYOAR.js";
 import "../../../chunk-4NS4PJJH.js";
 import {

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,10 +2,10 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-E2UOEI7N.js";
+} from "../../chunk-JJYECKEL.js";
 import "../../chunk-DQ22UKMZ.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-JIEVKHOH.js";
+import "../../chunk-EXEBN5ZP.js";
 import "../../chunk-7XSCEHGA.js";
 import "../../chunk-MTEQEPNY.js";
 import "../../chunk-6ZZGK5DT.js";

package/dist/{chunk-FMNOCFD2.js → chunk-2C7AWMV7.js}

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-Y5J2EIR4.js";
+} from "./chunk-F3UHWLTD.js";
 import {
   SETTING_CARD
 } from "./chunk-KSZ6GH3J.js";
@@ -97,4 +97,4 @@ export {
   SummaryInfo,
   useSummaryInfo
 };
-//# sourceMappingURL=chunk-FMNOCFD2.js.map
+//# sourceMappingURL=chunk-2C7AWMV7.js.map

package/dist/{chunk-I3QVH34Y.js → chunk-44BTMZB6.js}

@@ -1,12 +1,12 @@
 import {
   useSummaryInfo
-} from "./chunk-FMNOCFD2.js";
+} from "./chunk-2C7AWMV7.js";
 import {
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-Y5J2EIR4.js";
+} from "./chunk-F3UHWLTD.js";
 import {
   clampStyles,
   descriptionStyles
@@ -87,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-I3QVH34Y.js.map
+//# sourceMappingURL=chunk-44BTMZB6.js.map

package/dist/{chunk-GOWKXKWO.js → chunk-44I2KXKW.js}

@@ -6,8 +6,9 @@ import {
   HOVER_SHADOW,
   SOFT_FOCUS_RING,
   SOFT_GROUND_ALPHA,
-  SOFT_HOVER_ALPHA
-} from "./chunk-52NM5VEW.js";
+  SOFT_HOVER_ALPHA,
+  SOFT_WARNING_LIGHT_DARKEN
+} from "./chunk-GZBLDPXY.js";
 import {
   chipKeyAction
 } from "./chunk-BF4FYOAR.js";
@@ -23,7 +24,7 @@ import {
 // src/components/data-display/Chip/Chip.styles.tsx
 import Avatar from "@mui/material/Avatar/index.js";
 import React from "react";
-import { alpha } from "@mui/material/styles/index.js";
+import { alpha, darken } from "@mui/material/styles/index.js";
 import { jsx } from "react/jsx-runtime";
 var makeKeyDownHandler = (args) => (event) => {
   const action = chipKeyAction(event.key, args);
@@ -58,7 +59,8 @@ var softStyles = (color) => {
   const ground = (theme) => key ? alpha(theme.palette[key].main, SOFT_GROUND_ALPHA) : theme.palette.action.selected;
   const ink = (theme) => {
     if (!key) return theme.palette.text.secondary;
-    return theme.palette.mode === "dark" ? theme.palette[key].light : theme.palette[key].dark;
+    if (theme.palette.mode === "dark") return theme.palette[key].light;
+    return key === "warning" ? darken(theme.palette.warning.dark, SOFT_WARNING_LIGHT_DARKEN) : theme.palette[key].dark;
   };
   return {
     backgroundColor: ground,
@@ -126,4 +128,4 @@ export {
   chipStyles,
   iconWithTestId
 };
-//# sourceMappingURL=chunk-GOWKXKWO.js.map
+//# sourceMappingURL=chunk-44I2KXKW.js.map

package/dist/chunk-44I2KXKW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.styles.tsx"],"sourcesContent":["import Avatar from '@mui/material/Avatar/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport type { KeyboardEvent, ReactElement } from 'react';\nimport React from 'react';\n\nimport { chipKeyAction, type ChipKeyArgs } from './Chip.helpers';\nimport { alpha, darken } from '@mui/material/styles/index.js';\n\nimport {\n  CHIP_SIZES,\n  CHIP_TRANSITION_EASING,\n  CHIP_TRANSITION_MS,\n  HOVER_LIFT_PX,\n  HOVER_SHADOW,\n  SOFT_FOCUS_RING,\n  SOFT_GROUND_ALPHA,\n  SOFT_HOVER_ALPHA,\n  SOFT_WARNING_LIGHT_DARKEN,\n} from './Chip.metrics';\nimport type { ChipProps } from './Chip.types';\nimport { shadowInk } from '../../../tokens/ink';\nimport { rem, rems, sxRem } from '../../../tokens/relative';\n\n/**\n * A chip is not a native control, so the two keyboard conventions it stands in\n * for are wired by hand: Delete/Backspace removes it, Enter/Space activates it.\n * The DECISION is `chipKeyAction`, which the native half reads too.\n */\nexport const makeKeyDownHandler =\n  (args: ChipKeyArgs & { onClick?: () => void; onDelete?: () => void }) =>\n  (event: KeyboardEvent): void => {\n    const action = chipKeyAction(event.key, args);\n    if (action === null) return;\n    event.preventDefault();\n    if (action === 'delete') {\n      args.onDelete?.();\n      return;\n    }\n    args.onClick?.();\n  };\n\nexport const avatarFor = (\n  avatar: ChipProps['avatar'],\n  avatarSrc?: string,\n): ReactElement | undefined => {\n  if (avatar && React.isValidElement(avatar)) {\n    return avatar;\n  }\n  if (avatarSrc) {\n    const { avatarSize } = CHIP_SIZES.medium;\n    return <Avatar src={avatarSrc} sx={{ width: sxRem(avatarSize), height: sxRem(avatarSize) }} />;\n  }\n  return undefined;\n};\n\ninterface ChipStyleArgs {\n  variant: ChipProps['variant'];\n  color?: ChipProps['color'];\n  selected?: boolean;\n  clickable?: boolean;\n  disabled?: boolean;\n}\n\n/** The lift's shadow, per mode — the same numbers the native chip reads. */\nconst hoverShadow = (theme: Theme): string =>\n  `0 ${rems(theme, HOVER_SHADOW.offsetY, HOVER_SHADOW.blur)} ${shadowInk(\n    theme,\n    theme.palette.mode === 'dark' ? HOVER_SHADOW.alphaDark : HOVER_SHADOW.alphaLight,\n  )}`;\n\n/**\n * Selection styling uses SEMANTIC palette tokens (not hardcoded rgba). A filled\n * selected chip keeps MUI's solid `color.main` + contrast text (clear active\n * state); an outlined selected chip gets a subtle theme-driven `action.selected`\n * tint so it reads as active without muddying the fill.\n */\n/** The palette entry a colour paints with; `neutral` has none and takes the ink. */\nconst paletteKey = (color: NonNullable<ChipProps['color']>): 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | null => {\n  if (color === 'neutral') return null;\n  return color === 'danger' ? 'error' : color;\n};\n\n/**\n * `soft`: the colour's tint for a ground, and for ink the step that reads on it:\n * the `dark` step in light mode, the `light` step in dark mode (FUT-4442). The\n * ground is a 14% tint over the page, so on a near-black page the ink has to be\n * lighter than `main`; `dark` there is 2.6 to 3.9:1, `light` clears 4.5:1. In\n * light mode warning's `dark` is 3.25:1 on its tint, so it is darkened by\n * `SOFT_WARNING_LIGHT_DARKEN` (4.77:1, FUT-4464). The label, the icon and the\n * delete glyph all take it.\n */\nconst softStyles = (color: NonNullable<ChipProps['color']>): SxProps<Theme> => {\n  const key = paletteKey(color);\n  const ground = (theme: Theme): string =>\n    key ? alpha(theme.palette[key].main, SOFT_GROUND_ALPHA) : theme.palette.action.selected;\n  const ink = (theme: Theme): string => {\n    if (!key) return theme.palette.text.secondary;\n    if (theme.palette.mode === 'dark') return theme.palette[key].light;\n    // Warning's `dark` step is too light for its own tint (FUT-4464).\n    return key === 'warning' ? darken(theme.palette.warning.dark, SOFT_WARNING_LIGHT_DARKEN) : theme.palette[key].dark;\n  };\n  return {\n    backgroundColor: ground,\n    color: ink,\n    // A state is read at a glance: the label is set semibold.\n    fontWeight: 600,\n    '& .MuiChip-icon': { color: ink },\n    '&.MuiChip-clickable:hover': {\n      backgroundColor: (theme: Theme) => (key ? alpha(theme.palette[key].main, SOFT_HOVER_ALPHA) : theme.palette.action.hover),\n    },\n    // `neutral` keeps MUI's glyph and focus exactly as they were.\n    ...(key ? (accentedStates(key, ink) as object) : {}),\n  };\n};\n\n/**\n * What only an accented soft chip changes (FUT-4442, FUT-4461). MUI paints the\n * delete glyph in `contrastText` at 0.7, near-black on a dark ground, so the glyph\n * takes the ink. Focus, in both modes: the chip keeps its resting ground (MUI's\n * `dark` step puts the ink at about 1:1 in light mode and sinks the light ink in\n * dark mode) and draws a ring in the ink, so focus shows without the ground.\n */\nconst accentedStates = (\n  key: Exclude<ReturnType<typeof paletteKey>, null>,\n  ink: (theme: Theme) => string,\n): SxProps<Theme> => ({\n  '& .MuiChip-deleteIcon': { color: ink, '&:hover': { color: ink } },\n  '&.Mui-focusVisible': {\n    backgroundColor: (theme: Theme) => alpha(theme.palette[key].main, SOFT_GROUND_ALPHA),\n    outlineStyle: 'solid',\n    outlineWidth: (theme: Theme) => rem(theme, SOFT_FOCUS_RING.width),\n    outlineColor: ink,\n    outlineOffset: (theme: Theme) => rem(theme, SOFT_FOCUS_RING.offset),\n  },\n});\n\nexport const chipStyles = ({\n  variant,\n  color = 'primary',\n  selected,\n  clickable,\n  disabled,\n}: ChipStyleArgs): SxProps<Theme> => {\n  const lifts = clickable && !disabled;\n\n  return {\n    ...(variant === 'soft' ? (softStyles(color) as object) : {}),\n    // Enhanced styling for outlined variant\n    ...(variant === 'outlined' && {\n      borderWidth: '1px',\n      borderStyle: 'solid',\n      backgroundColor: 'transparent',\n    }),\n    ...(selected &&\n      variant === 'outlined' && {\n        backgroundColor: (theme: Theme) => theme.palette.action.selected,\n      }),\n    '&:hover': {\n      ...(lifts && {\n        transform: (theme: Theme) => `translateY(${rem(theme, -HOVER_LIFT_PX)})`,\n        boxShadow: (theme: Theme) => hoverShadow(theme),\n      }),\n    },\n    '&:active': {\n      ...(lifts && {\n        transform: 'translateY(0px)',\n      }),\n    },\n    transition: `all ${CHIP_TRANSITION_MS / 1000}s ${CHIP_TRANSITION_EASING}`,\n  };\n};\n\nexport const iconWithTestId = (\n  icon: ChipProps['icon'],\n  testId: string,\n): ReactElement | undefined =>\n  icon && React.isValidElement(icon)\n    ? React.cloneElement(icon as ReactElement, {\n        'data-testid': testId,\n      } as Record<string, unknown>)\n    : undefined;\n"],"mappings":"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","names":[]}

package/dist/{chunk-JIEVKHOH.js → chunk-EXEBN5ZP.js}

@@ -57,6 +57,21 @@ function useImageState(src, onError) {
   useEffect(() => {
     setImageError(false);
     setImageLoading(!!src);
+    if (!src || typeof Image === "undefined") return void 0;
+    let current = true;
+    const probe = new Image();
+    probe.onload = () => {
+      if (current) setImageLoading(false);
+    };
+    probe.onerror = () => {
+      if (!current) return;
+      setImageError(true);
+      setImageLoading(false);
+    };
+    probe.src = src;
+    return () => {
+      current = false;
+    };
   }, [src]);
   const handleImageError = useCallback(
     (event) => {
@@ -178,4 +193,4 @@ export {
   Avatar,
   AvatarGroup
 };
-//# sourceMappingURL=chunk-JIEVKHOH.js.map
+//# sourceMappingURL=chunk-EXEBN5ZP.js.map

package/dist/chunk-EXEBN5ZP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Avatar/Avatar.tsx"],"sourcesContent":["import BrokenImage from '@mui/icons-material/BrokenImage';\nimport Person from '@mui/icons-material/Person';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { useCallback, useEffect, useState } from 'react';\n\nimport {\n  AVATAR_DEFAULTS,\n  contentTypeOf,\n  pickAvatarContent,\n  type AvatarContentPick,\n} from './Avatar.helpers';\nimport { GROUP_MAX, GROUP_OVERLAP, GROUP_HOVER, BORDER_WIDTH } from './Avatar.metrics';\nimport type { AvatarProps, ContentType } from './Avatar.types';\nimport { rem } from '../../../tokens/relative';\nimport { AvatarView, type AvatarViewProps } from './Avatar.view';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\n\n/** The node behind the winning content slot; the pick itself is shared. */\nfunction resolveContent(args: {\n  children?: React.ReactNode;\n  fallback?: React.ReactNode;\n  icon?: React.ReactNode;\n  imageError: boolean;\n  showFallbackOnError: boolean;\n}): { content: React.ReactNode; contentType: ContentType } {\n  const { children, fallback, icon, imageError, showFallbackOnError } = args;\n  const pick = pickAvatarContent({\n    hasChildren: Boolean(children),\n    hasFallback: Boolean(fallback),\n    hasIcon: Boolean(icon),\n    imageError,\n    showFallbackOnError,\n  });\n  const NODES: Record<AvatarContentPick, React.ReactNode> = {\n    children,\n    fallback,\n    icon,\n    broken: <BrokenImage />,\n    default: <Person />,\n  };\n  return { content: NODES[pick], contentType: contentTypeOf(pick) };\n}\n\n/** Fades the avatar in after `animationDelay`ms. */\nfunction useMountedFade(animationDelay: number): boolean {\n  const [mounted, setMounted] = useState(false);\n  useEffect(() => {\n    const timer = window.setTimeout(() => setMounted(true), animationDelay);\n    return () => window.clearTimeout(timer);\n  }, [animationDelay]);\n  return mounted;\n}\n\ninterface ImageState {\n  imageError: boolean;\n  imageLoading: boolean;\n  handleImageError: React.ReactEventHandler;\n  handleImageLoad: () => void;\n}\n\n/**\n * Tracks the image's load lifecycle. `imageLoading` starts true whenever there is\n * a `src` and clears on load/error. Two sources report it: the `<img>`'s own\n * events (wired via `slotProps.img` in the view, since load/error don't bubble to\n * the root), and a probe of the same src. The probe is needed because MUI's\n * Avatar runs its own probe and, once that one errors, stops rendering the\n * `<img>` — whose error event then never fires, leaving the avatar blank under\n * the spinner forever (FUT-4467). Whichever reports first wins.\n */\nfunction useImageState(src: string | undefined, onError?: React.ReactEventHandler): ImageState {\n  const [imageError, setImageError] = useState(false);\n  const [imageLoading, setImageLoading] = useState(!!src);\n\n  useEffect(() => {\n    setImageError(false);\n    setImageLoading(!!src);\n    if (!src || typeof Image === 'undefined') return undefined;\n    let current = true;\n    const probe = new Image();\n    probe.onload = () => {\n      if (current) setImageLoading(false);\n    };\n    probe.onerror = () => {\n      if (!current) return;\n      setImageError(true);\n      setImageLoading(false);\n    };\n    probe.src = src;\n    return () => {\n      current = false;\n    };\n  }, [src]);\n\n  const handleImageError = useCallback<React.ReactEventHandler>(\n    (event) => {\n      setImageError(true);\n      setImageLoading(false);\n      onError?.(event);\n    },\n    [onError],\n  );\n\n  const handleImageLoad = useCallback(() => setImageLoading(false), []);\n\n  return { imageError, imageLoading, handleImageError, handleImageLoad };\n}\n\n/** Normalizes props (defaults + rest passthrough) and derives everything the view needs. */\nfunction useAvatarModel(raw: AvatarProps, ref: React.Ref<HTMLDivElement>): AvatarViewProps {\n  const {\n    variant,\n    size,\n    glow,\n    pulse,\n    status,\n    fallback,\n    icon,\n    bordered,\n    color,\n    src,\n    alt,\n    children,\n    loading,\n    onError,\n    onClick,\n    interactive,\n    showFallbackOnError,\n    animationDelay,\n    className,\n    dataTestId,\n    // React Native's spelling of the same id; it names the component on both\n    // sides and must not reach the DOM as an attribute.\n    testID,\n    ...rest\n  } = { ...AVATAR_DEFAULTS, ...raw };\n\n  const mounted = useMountedFade(animationDelay);\n  const { imageError, imageLoading, handleImageError, handleImageLoad } = useImageState(src, onError);\n  const handleClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => onClick?.(event),\n    [onClick],\n  );\n  const { content, contentType } = resolveContent({\n    children,\n    fallback,\n    icon,\n    imageError,\n    showFallbackOnError,\n  });\n\n  return {\n    mounted,\n    variant,\n    size,\n    color,\n    glow,\n    pulse,\n    bordered,\n    showSpinner: loading || imageLoading,\n    imageError,\n    clickable: interactive || !!onClick,\n    imgSrc: imageError ? undefined : src,\n    alt,\n    ariaLabel: (rest['aria-label'] as string) || alt || EN_US_UI_LABELS.avatar.name,\n    content,\n    contentType,\n    className,\n    dataTestId: testID ?? dataTestId,\n    status,\n    forwardedRef: ref,\n    onClick: handleClick,\n    handleImageError,\n    handleImageLoad,\n    rest,\n  };\n}\n\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>((props, ref) => (\n  <AvatarView {...useAvatarModel(props, ref)} />\n));\n\nAvatar.displayName = 'Avatar';\n\nconst AvatarGroupContainer = styled('div')<{ overlap?: number }>(({ theme, overlap = GROUP_OVERLAP }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  '& > *': {\n    marginLeft: rem(theme, -overlap),\n    transition: 'all 0.3s ease',\n    position: 'relative',\n    border: `${rem(theme, BORDER_WIDTH)} solid ${theme.palette.background.paper}`,\n    '&:hover': {\n      zIndex: 100,\n      transform: `scale(${GROUP_HOVER.scale}) translateY(${rem(theme, -GROUP_HOVER.lift)})`,\n    },\n    '&:first-of-type': {\n      marginLeft: 0,\n    },\n  },\n}));\n\n// Export AvatarGroup for grouped avatars\nexport const AvatarGroup: React.FC<{\n  children: React.ReactNode;\n  max?: number;\n  overlap?: number;\n  className?: string;\n  dataTestId?: string;\n}> = ({ children, max = GROUP_MAX, overlap = GROUP_OVERLAP, className, dataTestId }) => {\n  const childrenArray = React.Children.toArray(children);\n  const visibleChildren = max ? childrenArray.slice(0, max) : childrenArray;\n  const remainingCount = childrenArray.length - visibleChildren.length;\n\n  return (\n    <AvatarGroupContainer overlap={overlap} className={className} data-testid={dataTestId}>\n      {visibleChildren}\n      {remainingCount > 0 && (\n        <Avatar\n          size={(visibleChildren[0] as React.ReactElement<AvatarProps>)?.props?.size || 'md'}\n          color=\"neutral\"\n          fallback={`+${remainingCount}`}\n          bordered\n          dataTestId={dataTestId ? `${dataTestId}-overflow` : undefined}\n        />\n      )}\n    </AvatarGroupContainer>\n  );\n};\n\nAvatarGroup.displayName = 'AvatarGroup';\n"],"mappings":"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","names":[]}

package/dist/{chunk-Y5J2EIR4.js → chunk-F3UHWLTD.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-JYWF76Z5.js";
 import {
   Chip
-} from "./chunk-BTDRBO4G.js";
+} from "./chunk-L2ICH44N.js";
 import {
   Icon
 } from "./chunk-YEKPQAOW.js";
@@ -139,4 +139,4 @@ export {
   PendingSpinner,
   LearnMore
 };
-//# sourceMappingURL=chunk-Y5J2EIR4.js.map
+//# sourceMappingURL=chunk-F3UHWLTD.js.map

package/dist/{chunk-52NM5VEW.js → chunk-GZBLDPXY.js}

@@ -51,6 +51,7 @@ var CHIP_TRANSITION_MS = 200;
 var CHIP_TRANSITION_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
 var SOFT_GROUND_ALPHA = 0.14;
 var SOFT_HOVER_ALPHA = 0.22;
+var SOFT_WARNING_LIGHT_DARKEN = 0.2;
 var SOFT_FOCUS_RING = { width: 2, offset: 2 };
 
 export {
@@ -69,6 +70,7 @@ export {
   CHIP_TRANSITION_EASING,
   SOFT_GROUND_ALPHA,
   SOFT_HOVER_ALPHA,
+  SOFT_WARNING_LIGHT_DARKEN,
   SOFT_FOCUS_RING
 };
-//# sourceMappingURL=chunk-52NM5VEW.js.map
+//# sourceMappingURL=chunk-GZBLDPXY.js.map

package/dist/{chunk-52NM5VEW.js.map → chunk-GZBLDPXY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/data-display/Chip/Chip.metrics.ts"],"sourcesContent":["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"],"mappings":";AAgBO,IAAM,cAAc,CAAC,SAC1B,SAAS,QAAQ,SAAS,OAAO,UAAU;AAyBtC,IAAM,aAAmD;AAAA,EAC9D,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AACF;AAGO,IAAM,cAAc;AAEpB,IAAM,iBAAiB;AAEvB,IAAM,wBAAwB;AAE9B,IAAM,wBAAwB;AAE9B,IAAM,oBAAoB;AAC1B,IAAM,6BAA6B;AAEnC,IAAM,uBAAuB;AAK7B,IAAM,gBAAgB;AACtB,IAAM,eAAe,EAAE,SAAS,GAAG,MAAM,IAAI,YAAY,MAAM,WAAW,IAAI;AAC9E,IAAM,qBAAqB;AAC3B,IAAM,yBAAyB;AAG/B,IAAM,oBAAoB;AAE1B,IAAM,mBAAmB;AAEzB,IAAM,kBAAkB,EAAE,OAAO,GAAG,QAAQ,EAAE;","names":[]}
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.metrics.ts"],"sourcesContent":["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/**\n * How much a light-mode soft WARNING ink darkens its `dark` step (FUT-4464). With\n * the default theme, `warning.dark` (#e65100) on its 14% tint is 3.25:1; darkened\n * by 0.2 it is 4.77:1. The other five colours clear 4.5:1 on `dark` as it is.\n */\nexport const SOFT_WARNING_LIGHT_DARKEN = 0.2;\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"],"mappings":";AAgBO,IAAM,cAAc,CAAC,SAC1B,SAAS,QAAQ,SAAS,OAAO,UAAU;AAyBtC,IAAM,aAAmD;AAAA,EAC9D,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AAAA,EACA,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,sBAAsB;AAAA,IACtB,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,wBAAwB;AAAA,IACxB,iBAAiB;AAAA,IACjB,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,kBAAkB;AAAA,IAClB,0BAA0B;AAAA,IAC1B,mBAAmB;AAAA,IACnB,YAAY;AAAA,IACZ,kBAAkB;AAAA,IAClB,mBAAmB;AAAA,IACnB,2BAA2B;AAAA,EAC7B;AACF;AAGO,IAAM,cAAc;AAEpB,IAAM,iBAAiB;AAEvB,IAAM,wBAAwB;AAE9B,IAAM,wBAAwB;AAE9B,IAAM,oBAAoB;AAC1B,IAAM,6BAA6B;AAEnC,IAAM,uBAAuB;AAK7B,IAAM,gBAAgB;AACtB,IAAM,eAAe,EAAE,SAAS,GAAG,MAAM,IAAI,YAAY,MAAM,WAAW,IAAI;AAC9E,IAAM,qBAAqB;AAC3B,IAAM,yBAAyB;AAG/B,IAAM,oBAAoB;AAE1B,IAAM,mBAAmB;AAMzB,IAAM,4BAA4B;AAElC,IAAM,kBAAkB,EAAE,OAAO,GAAG,QAAQ,EAAE;","names":[]}

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

@@ -1,6 +1,6 @@
 import {
   partTestId
-} from "./chunk-Y5J2EIR4.js";
+} from "./chunk-F3UHWLTD.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-UOI3RX4W.js.map
+//# sourceMappingURL=chunk-IAPFZJ6I.js.map

package/dist/{chunk-E2UOEI7N.js → chunk-JJYECKEL.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-DQ22UKMZ.js";
 import {
   Avatar
-} from "./chunk-JIEVKHOH.js";
+} from "./chunk-EXEBN5ZP.js";
 import {
   Card
 } from "./chunk-4XBAEKQQ.js";
@@ -80,4 +80,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-E2UOEI7N.js.map
+//# sourceMappingURL=chunk-JJYECKEL.js.map