@12-apps/ui 6.52.0 → 6.53.0

package/dist/{chunk-NGAU6PNB.js → chunk-RRVQVQF7.js}

@@ -1,3 +1,7 @@
+import {
+  CommandEmpty,
+  CommandLoading
+} from "./chunk-XLTHZI5W.js";
 import {
   resolveCommandProps,
   useCommandPalette
@@ -6,10 +10,6 @@ import {
   commandPaperStyles,
   commandSizeStyles
 } from "./chunk-NND4UTWS.js";
-import {
-  CommandEmpty,
-  CommandLoading
-} from "./chunk-XLTHZI5W.js";
 import {
   rem,
   sxRem
@@ -307,4 +307,4 @@ export {
   CommandList,
   CommandGroup
 };
-//# sourceMappingURL=chunk-NGAU6PNB.js.map
+//# sourceMappingURL=chunk-RRVQVQF7.js.map

package/dist/{chunk-F33YKDO2.js → chunk-TEST2NBS.js}

@@ -1,16 +1,16 @@
 import {
   GridMain
-} from "./chunk-XAUKQZJK.js";
+} from "./chunk-QX4LMVL2.js";
 import {
   FilterDialog,
   GridFilterPanel
-} from "./chunk-TBZKUZNW.js";
+} from "./chunk-ZPWU7Z6O.js";
 import {
   DataViewsEmpty
 } from "./chunk-E3GOREEB.js";
 import {
   InlineFilterControls
-} from "./chunk-6PYX6V3R.js";
+} from "./chunk-RJXVVLBO.js";
 import {
   GridHeaderRow
 } from "./chunk-KW3H5FUS.js";
@@ -29,7 +29,7 @@ import {
 } from "./chunk-QZY5NG5N.js";
 import {
   ShellToolbar
-} from "./chunk-BE5FGUJS.js";
+} from "./chunk-IM5SR7G2.js";
 import {
   togglePillValues
 } from "./chunk-UWCMMK2T.js";
@@ -238,4 +238,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-F33YKDO2.js.map
+//# sourceMappingURL=chunk-TEST2NBS.js.map

package/dist/{chunk-NKJSYZEU.js → chunk-V32626FV.js}

@@ -4,6 +4,9 @@ import {
 import {
   CategoryPanel
 } from "./chunk-YVRLYDYN.js";
+import {
+  useCategoryKeyHandler
+} from "./chunk-USJPZ5Q7.js";
 import {
   useCategoryCommit
 } from "./chunk-XHHR6G35.js";
@@ -16,9 +19,6 @@ import {
 import {
   useCategorySelect
 } from "./chunk-RZVUY2MO.js";
-import {
-  useCategoryKeyHandler
-} from "./chunk-USJPZ5Q7.js";
 import {
   categoryPath,
   summarizeSelection
@@ -155,4 +155,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-NKJSYZEU.js.map
+//# sourceMappingURL=chunk-V32626FV.js.map

package/dist/{chunk-MLDA44NW.js → chunk-VGXSPUTD.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-F33YKDO2.js";
+} from "./chunk-TEST2NBS.js";
 import {
   useDataViewsState
-} from "./chunk-FRCBJLV5.js";
+} from "./chunk-RKKYSSAV.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-MLDA44NW.js.map
+//# sourceMappingURL=chunk-VGXSPUTD.js.map

package/dist/{chunk-CTXF22BU.js → chunk-VODKYDC4.js}

@@ -1,3 +1,7 @@
+import {
+  MapCoordinates,
+  MapMarkers
+} from "./chunk-ODFJTEIL.js";
 import {
   MapLayers
 } from "./chunk-XW633XLR.js";
@@ -5,10 +9,6 @@ import {
   glassStyles,
   resolveMapPreviewProps
 } from "./chunk-4NQXHPQR.js";
-import {
-  MapCoordinates,
-  MapMarkers
-} from "./chunk-ODFJTEIL.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-CTXF22BU.js.map
+//# sourceMappingURL=chunk-VODKYDC4.js.map

package/dist/{chunk-DWJH3KXN.js → chunk-WAKGVAOB.js}

@@ -1,14 +1,14 @@
 import {
   partTestId
-} from "./chunk-57VL5UX7.js";
+} from "./chunk-2JTZWQ25.js";
 import {
   SETTING_CARD_OPEN_ATTR,
   withCallerSx
-} from "./chunk-3DO5AJCG.js";
+} from "./chunk-WE2LNTR6.js";
 import {
   SETTING_CARD,
   SETTING_GRID_GAP_UNITS
-} from "./chunk-IC7GHPMK.js";
+} from "./chunk-BFRVMCQM.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -79,4 +79,4 @@ export {
   settingGridStyles,
   SettingGrid
 };
-//# sourceMappingURL=chunk-DWJH3KXN.js.map
+//# sourceMappingURL=chunk-WAKGVAOB.js.map

package/dist/{chunk-3DO5AJCG.js → chunk-WE2LNTR6.js}

@@ -1,7 +1,7 @@
 import {
   SETTING_CARD,
   SETTING_GROUP_INACTIVE_OPACITY
-} from "./chunk-IC7GHPMK.js";
+} from "./chunk-BFRVMCQM.js";
 import {
   CARD_BORDER_WIDTH,
   CARD_RADIUS_UNITS
@@ -51,13 +51,18 @@ var titleStyles = (theme) => ({
   minWidth: 0,
   overflowWrap: "anywhere"
 });
+var SUMMARY_MAX_LINES = 2;
+var clampStyles = {
+  display: "-webkit-box",
+  WebkitLineClamp: SUMMARY_MAX_LINES,
+  WebkitBoxOrient: "vertical",
+  overflow: "hidden"
+};
 var summaryStyles = (theme) => ({
   ...theme.typography.body2,
   color: theme.palette.text.secondary,
   margin: 0,
-  overflow: "hidden",
-  textOverflow: "ellipsis",
-  whiteSpace: "nowrap"
+  ...clampStyles
 });
 var descriptionStyles = (theme) => ({
   ...theme.typography.body2,
@@ -106,6 +111,8 @@ export {
   flatStyles,
   headerStyles,
   titleStyles,
+  SUMMARY_MAX_LINES,
+  clampStyles,
   summaryStyles,
   descriptionStyles,
   hintStyles,
@@ -114,4 +121,4 @@ export {
   iconStyles,
   dependentsStyles
 };
-//# sourceMappingURL=chunk-3DO5AJCG.js.map
+//# sourceMappingURL=chunk-WE2LNTR6.js.map

package/dist/chunk-WE2LNTR6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.styles.ts"],"sourcesContent":["import type { CSSObject, SxProps, Theme } from '@mui/material/styles/index.js';\n\nimport { rem } from '../../../tokens/relative';\nimport { CARD_BORDER_WIDTH, CARD_RADIUS_UNITS } from '../Card/Card.metrics';\n\nimport { SETTING_CARD, SETTING_GROUP_INACTIVE_OPACITY } from './SettingCard.metrics';\n\n/**\n * The attribute an open `SettingCard` carries, which `SettingGrid` reads to\n * give it the whole row. An attribute rather than a class so a host's wrapper\n * around the card can be matched with `:has()` as well.\n */\nexport const SETTING_CARD_OPEN_ATTR = 'data-setting-card-open';\n\n/** `sx` as MUI documents it for composition: the component's own first, the caller's after. */\nexport const withCallerSx = (\n  own: SxProps<Theme>,\n  sx: SxProps<Theme> | undefined,\n): SxProps<Theme> => [own, ...(Array.isArray(sx) ? sx : [sx])] as SxProps<Theme>;\n\n/**\n * The card surface — `Card`'s outlined hairline and medium radius, so a\n * settings screen and a content screen are drawn with one kit.\n *\n * `height: 100%` is what turns the grid's per-row stretch into equal-height\n * cards: a grid item stretches, but a card that sized itself to its content\n * would not fill the item it sits in.\n *\n * `gridColumn: 1 / -1` while open is the full-row span. It lives on the card,\n * not only in the grid's CSS, so it also holds when the card sits in a host's\n * own grid. Outside a grid the property does nothing.\n */\nexport const surfaceStyles = (theme: Theme, open: boolean): CSSObject => ({\n  boxSizing: 'border-box',\n  height: '100%',\n  minWidth: 0,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1.5),\n  padding: theme.spacing(2.5),\n  backgroundColor: theme.palette.background.paper,\n  border: `${CARD_BORDER_WIDTH}px solid ${open ? theme.palette.primary.main : theme.palette.divider}`,\n  borderRadius: theme.spacing(CARD_RADIUS_UNITS.lg),\n  boxShadow: open ? theme.shadows[4] : 'none',\n  transition: theme.transitions.create(['border-color', 'box-shadow'], {\n    duration: theme.transitions.duration.short,\n  }),\n  ...(open ? { gridColumn: '1 / -1' } : {}),\n});\n\n/** A `row` toggle: the card's content with none of its surface. */\nexport const flatStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(0.5),\n  padding: theme.spacing(1.25, 0),\n  minWidth: 0,\n});\n\nexport const headerStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: rem(theme, SETTING_CARD.iconGap),\n  minWidth: 0,\n});\n\n/**\n * The title names its colour rather than inheriting it: a card rendered under\n * a theme other than the page's (a dark panel on a light page) would otherwise\n * take the page's text colour onto its own surface.\n */\nexport const titleStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.subtitle1,\n  fontWeight: theme.typography.fontWeightMedium,\n  color: theme.palette.text.primary,\n  margin: 0,\n  minWidth: 0,\n  overflowWrap: 'anywhere',\n});\n\n/** The most lines a card's summary shows before the rest goes behind the [i]. */\nexport const SUMMARY_MAX_LINES = 2;\n\n/**\n * Two lines at most, cut with an ellipsis. Visual only: the whole sentence stays\n * in the DOM, so a switch that is `aria-describedby` it still reads all of it.\n */\nexport const clampStyles: CSSObject = {\n  display: '-webkit-box',\n  WebkitLineClamp: SUMMARY_MAX_LINES,\n  WebkitBoxOrient: 'vertical',\n  overflow: 'hidden',\n};\n\n/** A closed card's value: two lines at most, the rest behind the [i]. */\nexport const summaryStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.body2,\n  color: theme.palette.text.secondary,\n  margin: 0,\n  ...clampStyles,\n});\n\n/** A switch card's explanation; `SettingSwitchBlock` clamps it (see `clampStyles`). */\nexport const descriptionStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.body2,\n  color: theme.palette.text.secondary,\n  margin: 0,\n});\n\n/** The inactive group's hint: a glyph and the sentence, so it does not read as a second summary. */\nexport const hintStyles = (theme: Theme): CSSObject => ({\n  ...descriptionStyles(theme),\n  display: 'flex',\n  alignItems: 'flex-start',\n  gap: theme.spacing(1),\n  // Centre the 16px glyph on the first 20px line; later lines wrap under the text.\n  '& > svg': { flexShrink: 0, marginTop: rem(theme, 2) },\n});\n\nexport const errorStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.body2,\n  color: theme.palette.error.main,\n  margin: 0,\n});\n\nexport const actionsStyles = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  justifyContent: 'flex-end',\n  gap: theme.spacing(1),\n  marginTop: 'auto',\n});\n\nexport const iconStyles = (theme: Theme): CSSObject => ({\n  display: 'inline-flex',\n  flexShrink: 0,\n  color: theme.palette.text.secondary,\n});\n\n/**\n * A group's dependent rows: indented under the main switch, with a rule down\n * their left edge so the \"belongs to\" reads without words. While the main\n * switch is off they fade — and `inert` (set by the component) is what makes\n * them unreachable; opacity alone would only make them look it.\n */\nexport const dependentsStyles = (theme: Theme, active: boolean): CSSObject => ({\n  display: 'flex',\n  flexDirection: 'column',\n  marginLeft: rem(theme, SETTING_CARD.groupIndent / 2),\n  paddingLeft: rem(theme, SETTING_CARD.groupIndent / 2),\n  borderLeft: `${rem(theme, SETTING_CARD.groupRuleWidth)} solid ${theme.palette.divider}`,\n  opacity: active ? 1 : SETTING_GROUP_INACTIVE_OPACITY,\n  transition: theme.transitions.create('opacity', { duration: theme.transitions.duration.short }),\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-SZA44EFA.js → chunk-WOEVBEGJ.js}

@@ -8,13 +8,13 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-PM7SI4YT.js";
+} from "./chunk-BJOKL5PQ.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-GNHXFJRR.js";
+} from "./chunk-N6EEY7V3.js";
 import {
   useDisclosure
 } from "./chunk-2JCRNWHE.js";
@@ -23,7 +23,7 @@ import {
 } from "./chunk-K4EKTMTC.js";
 import {
   cellRailsTemplate
-} from "./chunk-XSHWEUDB.js";
+} from "./chunk-BE5Z36XZ.js";
 import {
   ListCardCells,
   cellTracks,
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-SZA44EFA.js.map
+//# sourceMappingURL=chunk-WOEVBEGJ.js.map

package/dist/{chunk-EOTV5BLM.js → chunk-WOP2DRMC.js}

@@ -1,6 +1,6 @@
 import {
   Avatar
-} from "./chunk-PGPPN63I.js";
+} from "./chunk-EMEXXAQI.js";
 import {
   Card
 } from "./chunk-WN5PNP6F.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-EOTV5BLM.js.map
+//# sourceMappingURL=chunk-WOP2DRMC.js.map

package/dist/{chunk-E6JRPGMN.js → chunk-X3DVZNZH.js}

@@ -1,6 +1,6 @@
 import {
   DataViewsDisplayPanel
-} from "./chunk-XNBX3M35.js";
+} from "./chunk-HLCEKWFS.js";
 import {
   DataViewsExportMenu
 } from "./chunk-4ZTHVUXE.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-E6JRPGMN.js.map
+//# sourceMappingURL=chunk-X3DVZNZH.js.map

package/dist/{chunk-MLQYIJTO.js → chunk-XM7QCNZQ.js}

@@ -7,8 +7,9 @@ import {
 } from "./chunk-TQCQCW2P.js";
 import {
   resolveTooltipProps,
+  useHoverOpen,
   usePinnedTooltip
-} from "./chunk-S5UY5U73.js";
+} from "./chunk-QYJ25FWM.js";
 
 // src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
 import MuiTooltip from "@mui/material/Tooltip/index.js";
@@ -52,6 +53,8 @@ var InteractiveTooltip = React.forwardRef(
       onUnpin,
       className,
       children,
+      onOpen,
+      onClose,
       ...props
     } = resolveTooltipProps(rawProps);
     const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({
@@ -59,6 +62,7 @@ var InteractiveTooltip = React.forwardRef(
       onPin,
       onUnpin
     });
+    const hover = useHoverOpen(isPinned, onOpen, onClose);
     const tooltipContent = isPinned ? pinnedContent : hoverContent;
     const childElement = children;
     const childWithProps = React.cloneElement(childElement, {
@@ -77,7 +81,9 @@ var InteractiveTooltip = React.forwardRef(
         glow,
         pulse,
         title: tooltipContent,
-        open: isPinned ? isControlledOpen : void 0,
+        open: isPinned ? isControlledOpen : hover.open,
+        onOpen: hover.onOpen,
+        onClose: hover.onClose,
         enterDelay: isPinned ? 0 : 100,
         leaveDelay: 0,
         disableHoverListener: isPinned,
@@ -101,4 +107,4 @@ InteractiveTooltip.displayName = "InteractiveTooltip";
 export {
   InteractiveTooltip
 };
-//# sourceMappingURL=chunk-MLQYIJTO.js.map
+//# sourceMappingURL=chunk-XM7QCNZQ.js.map

package/dist/chunk-XM7QCNZQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx"],"sourcesContent":["import MuiTooltip from '@mui/material/Tooltip/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { resolveTooltipProps, useHoverOpen, usePinnedTooltip } from './InteractiveTooltip.hooks';\nimport {\n  arrowColor,\n  emphasisStyles,\n  getSizeStyles,\n  tooltipCap,\n  variantStyles,\n} from './InteractiveTooltip.styles';\nimport type { InteractiveTooltipProps } from './InteractiveTooltip.types';\n\nconst StyledTooltip = styled(MuiTooltip, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, customSize, glow, pulse }) => {\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    '& .MuiTooltip-tooltip': {\n      borderRadius: theme.spacing(1),\n      fontSize: sizeStyles.fontSize(theme),\n      padding: sizeStyles.padding(theme),\n      fontWeight: 500,\n      transition: 'all 0.3s ease',\n      position: 'relative',\n      overflow: 'hidden',\n      ...variantStyles(theme, customVariant),\n      ...emphasisStyles(theme, glow, pulse),\n    },\n\n    '& .MuiTooltip-arrow': {\n      color: arrowColor(theme, customVariant),\n    },\n  };\n});\n\nexport const InteractiveTooltip = React.forwardRef<HTMLDivElement, InteractiveTooltipProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      size,\n      glow,\n      pulse,\n      maxWidth,\n      dataTestId,\n      hoverContent,\n      pinnedContent,\n      clickable,\n      onPin,\n      onUnpin,\n      className,\n      children,\n      onOpen,\n      onClose,\n      ...props\n    } = resolveTooltipProps(rawProps);\n\n    const { isPinned, isControlledOpen, wrapperRef, handleClick } = usePinnedTooltip({\n      clickable,\n      onPin,\n      onUnpin,\n    });\n    const hover = useHoverOpen(isPinned, onOpen, onClose);\n\n    // Determine which content to show\n    const tooltipContent = isPinned ? pinnedContent : hoverContent;\n\n    // Child with click handler and ref\n    const childElement = children as React.ReactElement<{\n      onClick?: (e: React.MouseEvent) => void;\n      'data-testid'?: string;\n    }>;\n\n    const childWithProps = React.cloneElement(childElement, {\n      onClick: (e: React.MouseEvent) => {\n        handleClick(e);\n        // Call original onClick if it exists\n        childElement.props.onClick?.(e);\n      },\n      'data-testid': dataTestId ? `${dataTestId}-trigger` : undefined,\n    });\n\n    return (\n      <div ref={wrapperRef} className={className}>\n        <StyledTooltip\n          ref={ref}\n          customVariant={variant}\n          customSize={size}\n          glow={glow}\n          pulse={pulse}\n          title={tooltipContent}\n          open={isPinned ? isControlledOpen : hover.open}\n          onOpen={hover.onOpen}\n          onClose={hover.onClose}\n          enterDelay={isPinned ? 0 : 100}\n          leaveDelay={0}\n          disableHoverListener={isPinned}\n          disableFocusListener={isPinned}\n          disableTouchListener={isPinned}\n          slotProps={{\n            tooltip: {\n              sx: { maxWidth: tooltipCap(maxWidth) },\n              role: 'tooltip',\n              ...(dataTestId && { 'data-testid': `${dataTestId}-content` }),\n            },\n          }}\n          {...props}\n        >\n          {childWithProps}\n        </StyledTooltip>\n      </div>\n    );\n  },\n);\n\nInteractiveTooltip.displayName = 'InteractiveTooltip';\n"],"mappings":";;;;;;;;;;;;;;AAAA,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,OAAO,WAAW;AA0FV;AA9ER,IAAM,gBAAgB,OAAO,YAAY;AAAA,EACvC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,cAAc,QAAQ,OAAO,EAAE,SAAS,IAAc;AAC7E,CAAC,EAKE,CAAC,EAAE,OAAO,eAAe,YAAY,MAAM,MAAM,MAAM;AACxD,QAAM,aAAa,cAAc,UAAU;AAE3C,SAAO;AAAA,IACL,yBAAyB;AAAA,MACvB,cAAc,MAAM,QAAQ,CAAC;AAAA,MAC7B,UAAU,WAAW,SAAS,KAAK;AAAA,MACnC,SAAS,WAAW,QAAQ,KAAK;AAAA,MACjC,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,GAAG,cAAc,OAAO,aAAa;AAAA,MACrC,GAAG,eAAe,OAAO,MAAM,KAAK;AAAA,IACtC;AAAA,IAEA,uBAAuB;AAAA,MACrB,OAAO,WAAW,OAAO,aAAa;AAAA,IACxC;AAAA,EACF;AACF,CAAC;AAEM,IAAM,qBAAqB,MAAM;AAAA,EACtC,CAAC,UAAU,QAAQ;AACjB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,oBAAoB,QAAQ;AAEhC,UAAM,EAAE,UAAU,kBAAkB,YAAY,YAAY,IAAI,iBAAiB;AAAA,MAC/E;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AACD,UAAM,QAAQ,aAAa,UAAU,QAAQ,OAAO;AAGpD,UAAM,iBAAiB,WAAW,gBAAgB;AAGlD,UAAM,eAAe;AAKrB,UAAM,iBAAiB,MAAM,aAAa,cAAc;AAAA,MACtD,SAAS,CAAC,MAAwB;AAChC,oBAAY,CAAC;AAEb,qBAAa,MAAM,UAAU,CAAC;AAAA,MAChC;AAAA,MACA,eAAe,aAAa,GAAG,UAAU,aAAa;AAAA,IACxD,CAAC;AAED,WACE,oBAAC,SAAI,KAAK,YAAY,WACpB;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAe;AAAA,QACf,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,MAAM,WAAW,mBAAmB,MAAM;AAAA,QAC1C,QAAQ,MAAM;AAAA,QACd,SAAS,MAAM;AAAA,QACf,YAAY,WAAW,IAAI;AAAA,QAC3B,YAAY;AAAA,QACZ,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,sBAAsB;AAAA,QACtB,WAAW;AAAA,UACT,SAAS;AAAA,YACP,IAAI,EAAE,UAAU,WAAW,QAAQ,EAAE;AAAA,YACrC,MAAM;AAAA,YACN,GAAI,cAAc,EAAE,eAAe,GAAG,UAAU,WAAW;AAAA,UAC7D;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,GACF;AAAA,EAEJ;AACF;AAEA,mBAAmB,cAAc;","names":[]}

package/dist/{chunk-P35CTP6L.js → chunk-Y3WB66XT.js}

@@ -1,15 +1,15 @@
-import {
-  useAddressAutocomplete
-} from "./chunk-4MGFUPQT.js";
-import {
-  AddressFallbackField
-} from "./chunk-NLPKHLA6.js";
 import {
   AddressAutocompleteField
 } from "./chunk-46MO2WZL.js";
+import {
+  useAddressAutocomplete
+} from "./chunk-HOJL2GKW.js";
 import {
   resolveAddressProps
 } from "./chunk-MTGEJRE4.js";
+import {
+  AddressFallbackField
+} from "./chunk-NLPKHLA6.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.tsx
 import LocationIcon from "@mui/icons-material/LocationOn";
@@ -35,4 +35,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-P35CTP6L.js.map
+//# sourceMappingURL=chunk-Y3WB66XT.js.map

package/dist/{chunk-DI46ZEWP.js → chunk-Y5QDXG5N.js}

@@ -1,12 +1,16 @@
+import {
+  useSummaryInfo
+} from "./chunk-N4R6T5K7.js";
 import {
   PendingSpinner,
   SaveError,
   SettingHeader,
   partTestId
-} from "./chunk-57VL5UX7.js";
+} from "./chunk-2JTZWQ25.js";
 import {
+  clampStyles,
   descriptionStyles
-} from "./chunk-3DO5AJCG.js";
+} from "./chunk-WE2LNTR6.js";
 import {
   Switch
 } from "./chunk-ZGCPDA3F.js";
@@ -30,6 +34,7 @@ var useSettingSwitchIds = () => {
 };
 var SettingSwitchBlock = ({ title, headingLevel = "h3", icon, summary, copy, disabled, dataTestId, ids, state }) => {
   const theme = useTheme();
+  const clamp = useSummaryInfo({ summary, label: copy.moreInfo ?? title, dataTestId });
   const { shown, saving, error, flip } = state;
   const describedBy = [summary != null ? ids.summaryId : null, error ? ids.errorId : null].filter(Boolean).join(" ");
   const control = /* @__PURE__ */ jsxs(Box, { sx: { display: "inline-flex", alignItems: "center", gap: 1, flexShrink: 0 }, children: [
@@ -58,10 +63,21 @@ var SettingSwitchBlock = ({ title, headingLevel = "h3", icon, summary, copy, dis
         icon,
         labelFor: ids.inputId,
         trailing: control,
+        info: clamp.info,
         dataTestId
       }
     ),
-    summary != null && /* @__PURE__ */ jsx(Box, { component: "p", id: ids.summaryId, sx: descriptionStyles(theme), "data-testid": partTestId(dataTestId, "summary"), children: summary }),
+    summary != null && /* @__PURE__ */ jsx(
+      Box,
+      {
+        component: "p",
+        ref: clamp.ref,
+        id: ids.summaryId,
+        sx: { ...descriptionStyles(theme), ...clampStyles },
+        "data-testid": partTestId(dataTestId, "summary"),
+        children: summary
+      }
+    ),
     /* @__PURE__ */ jsx(SaveError, { id: ids.errorId, message: error, dataTestId }),
     /* @__PURE__ */ jsx(Box, { role: "status", "aria-live": "polite", sx: SR_ONLY_SX, children: saving ? copy.saving : "" })
   ] });
@@ -71,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-DI46ZEWP.js.map
+//# sourceMappingURL=chunk-Y5QDXG5N.js.map

package/dist/chunk-Y5QDXG5N.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingSwitch.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React, { useId } from 'react';\n\nimport { Switch } from '../../form/Switch';\nimport { SR_ONLY_SX } from '../../form/Label/Label.styles';\n\nimport { useAsyncSwitch } from './SettingCard.hooks';\nimport { PendingSpinner, SaveError, SettingHeader, partTestId } from './SettingCard.parts';\nimport { clampStyles, descriptionStyles } from './SettingCard.styles';\nimport { useSummaryInfo } from './SettingCard.summary';\nimport type { SettingToggleProps } from './SettingCard.types';\n\n/** Everything the switch-driven cards share, minus the surface each draws around it. */\nexport type SettingSwitchBlockProps = Pick<\n  SettingToggleProps,\n  'title' | 'headingLevel' | 'icon' | 'summary' | 'checked' | 'onChange' | 'copy' | 'formatError' | 'dataTestId'\n> & { disabled: boolean };\n\n/** The ids one switch block wires its label, description and failure line with. */\nexport interface SettingSwitchIds {\n  titleId: string;\n  inputId: string;\n  summaryId: string;\n  errorId: string;\n}\n\nexport const useSettingSwitchIds = (): SettingSwitchIds => {\n  const base = useId();\n  return {\n    titleId: `${base}-title`,\n    inputId: `${base}-switch`,\n    summaryId: `${base}-summary`,\n    errorId: `${base}-error`,\n  };\n};\n\n/**\n * Title-as-label, the switch, its explanation and the failure line.\n *\n * The switch is never `disabled` while it saves, for the reason Save is not\n * (`SettingCard.tsx`): a disabled control drops keyboard focus. It says\n * `aria-busy` instead, ignores flips until the save settles (see\n * `useAsyncSwitch`), shows a spinner, and a polite live region says the words.\n */\nexport const SettingSwitchBlock: React.FC<\n  SettingSwitchBlockProps & { ids: SettingSwitchIds; state: ReturnType<typeof useAsyncSwitch> }\n> = ({ title, headingLevel = 'h3', icon, summary, copy, disabled, dataTestId, ids, state }) => {\n  const theme = useTheme();\n  const clamp = useSummaryInfo({ summary, label: copy.moreInfo ?? title, dataTestId });\n  const { shown, saving, error, flip } = state;\n  const describedBy = [summary != null ? ids.summaryId : null, error ? ids.errorId : null]\n    .filter(Boolean)\n    .join(' ');\n\n  const control = (\n    <Box sx={{ display: 'inline-flex', alignItems: 'center', gap: 1, flexShrink: 0 }}>\n      {saving && <PendingSpinner dataTestId={dataTestId} />}\n      <Switch\n        id={ids.inputId}\n        checked={shown}\n        onChange={(event) => void flip(event.target.checked)}\n        disabled={disabled}\n        error={Boolean(error)}\n        aria-describedby={describedBy || undefined}\n        inputProps={{ role: 'switch', 'aria-busy': saving }}\n        dataTestId={partTestId(dataTestId, 'switch')}\n      />\n    </Box>\n  );\n\n  return (\n    <>\n      <SettingHeader\n        titleId={ids.titleId}\n        title={title}\n        headingLevel={headingLevel}\n        icon={icon}\n        labelFor={ids.inputId}\n        trailing={control}\n        info={clamp.info}\n        dataTestId={dataTestId}\n      />\n      {summary != null && (\n        <Box\n          component=\"p\"\n          ref={clamp.ref}\n          id={ids.summaryId}\n          sx={{ ...descriptionStyles(theme), ...clampStyles }}\n          data-testid={partTestId(dataTestId, 'summary')}\n        >\n          {summary}\n        </Box>\n      )}\n      <SaveError id={ids.errorId} message={error} dataTestId={dataTestId} />\n      <Box role=\"status\" aria-live=\"polite\" sx={SR_ONLY_SX}>\n        {saving ? copy.saving : ''}\n      </Box>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AACzB,SAAgB,aAAa;AAsDzB,SAgBA,UAfa,KADb;AA7BG,IAAM,sBAAsB,MAAwB;AACzD,QAAM,OAAO,MAAM;AACnB,SAAO;AAAA,IACL,SAAS,GAAG,IAAI;AAAA,IAChB,SAAS,GAAG,IAAI;AAAA,IAChB,WAAW,GAAG,IAAI;AAAA,IAClB,SAAS,GAAG,IAAI;AAAA,EAClB;AACF;AAUO,IAAM,qBAET,CAAC,EAAE,OAAO,eAAe,MAAM,MAAM,SAAS,MAAM,UAAU,YAAY,KAAK,MAAM,MAAM;AAC7F,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,eAAe,EAAE,SAAS,OAAO,KAAK,YAAY,OAAO,WAAW,CAAC;AACnF,QAAM,EAAE,OAAO,QAAQ,OAAO,KAAK,IAAI;AACvC,QAAM,cAAc,CAAC,WAAW,OAAO,IAAI,YAAY,MAAM,QAAQ,IAAI,UAAU,IAAI,EACpF,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,UACJ,qBAAC,OAAI,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,KAAK,GAAG,YAAY,EAAE,GAC5E;AAAA,cAAU,oBAAC,kBAAe,YAAwB;AAAA,IACnD;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,IAAI;AAAA,QACR,SAAS;AAAA,QACT,UAAU,CAAC,UAAU,KAAK,KAAK,MAAM,OAAO,OAAO;AAAA,QACnD;AAAA,QACA,OAAO,QAAQ,KAAK;AAAA,QACpB,oBAAkB,eAAe;AAAA,QACjC,YAAY,EAAE,MAAM,UAAU,aAAa,OAAO;AAAA,QAClD,YAAY,WAAW,YAAY,QAAQ;AAAA;AAAA,IAC7C;AAAA,KACF;AAGF,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,IAAI;AAAA,QACb;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,IAAI;AAAA,QACd,UAAU;AAAA,QACV,MAAM,MAAM;AAAA,QACZ;AAAA;AAAA,IACF;AAAA,IACC,WAAW,QACV;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,KAAK,MAAM;AAAA,QACX,IAAI,IAAI;AAAA,QACR,IAAI,EAAE,GAAG,kBAAkB,KAAK,GAAG,GAAG,YAAY;AAAA,QAClD,eAAa,WAAW,YAAY,SAAS;AAAA,QAE5C;AAAA;AAAA,IACH;AAAA,IAEF,oBAAC,aAAU,IAAI,IAAI,SAAS,SAAS,OAAO,YAAwB;AAAA,IACpE,oBAAC,OAAI,MAAK,UAAS,aAAU,UAAS,IAAI,YACvC,mBAAS,KAAK,SAAS,IAC1B;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-TNQDSTIA.js → chunk-Y6C4MYZE.js}

@@ -1,3 +1,9 @@
+import {
+  pulseAnimation,
+  rotateAnimation,
+  scaleInAnimation,
+  shimmerAnimation
+} from "./chunk-MTEQEPNY.js";
 import {
   ACTIVE_SCALE,
   AVATAR_SIZES,
@@ -17,12 +23,6 @@ import {
   SPINNER,
   STATUS_DOT
 } from "./chunk-6ZZGK5DT.js";
-import {
-  pulseAnimation,
-  rotateAnimation,
-  scaleInAnimation,
-  shimmerAnimation
-} from "./chunk-MTEQEPNY.js";
 import {
   absoluteInk,
   controlNeutral,
@@ -277,4 +277,4 @@ function AvatarView(props) {
 export {
   AvatarView
 };
-//# sourceMappingURL=chunk-TNQDSTIA.js.map
+//# sourceMappingURL=chunk-Y6C4MYZE.js.map

package/dist/{chunk-TBZKUZNW.js → chunk-ZPWU7Z6O.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-4XET5MWR.js";
+} from "./chunk-KKE4SHRS.js";
 import {
   PanelRangeField
-} from "./chunk-2OTBMU5Z.js";
+} from "./chunk-44LYXLW7.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-TBZKUZNW.js.map
+//# sourceMappingURL=chunk-ZPWU7Z6O.js.map

package/dist/{chunk-QQSRZUT4.js → chunk-ZXEDKRRT.js}

@@ -7,16 +7,16 @@ import {
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-DI46ZEWP.js";
+} from "./chunk-Y5QDXG5N.js";
 import {
   partTestId
-} from "./chunk-57VL5UX7.js";
+} from "./chunk-2JTZWQ25.js";
 import {
   dependentsStyles,
   hintStyles,
   surfaceStyles,
   withCallerSx
-} from "./chunk-3DO5AJCG.js";
+} from "./chunk-WE2LNTR6.js";
 import {
   Icon
 } from "./chunk-VEHMODO3.js";
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-QQSRZUT4.js.map
+//# sourceMappingURL=chunk-ZXEDKRRT.js.map

package/dist/data-display/Avatar.js

@@ -2,11 +2,11 @@ import "../chunk-UDQSIRAP.js";
 import {
   Avatar,
   AvatarGroup
-} from "../chunk-PGPPN63I.js";
-import "../chunk-TNQDSTIA.js";
+} from "../chunk-EMEXXAQI.js";
+import "../chunk-Y6C4MYZE.js";
+import "../chunk-MTEQEPNY.js";
 import "../chunk-6ZZGK5DT.js";
 import "../chunk-3ZVUNSFF.js";
-import "../chunk-MTEQEPNY.js";
 import "../chunk-FQ6UW7IY.js";
 import "../chunk-6JAIFIPW.js";
 import "../chunk-N3GAFIXG.js";

package/dist/data-display/CardKit.js

@@ -1,3 +1,6 @@
+import {
+  useRemoveConfirm
+} from "../chunk-QOLIBVGS.js";
 import {
   rowActionsToMenuItems
 } from "../chunk-ZBXG6RVJ.js";
@@ -8,24 +11,21 @@ import {
   Ledger,
   TagList
 } from "../chunk-JOKWTRWL.js";
+import {
+  CardActionsProvider,
+  useCardActions
+} from "../chunk-NSKQANRY.js";
 import {
   CardKebab
 } from "../chunk-2NIQSL7M.js";
 import {
   useRowConfirm
 } from "../chunk-U4QUDFPJ.js";
-import {
-  useRemoveConfirm
-} from "../chunk-QOLIBVGS.js";
-import {
-  CardActionsProvider,
-  useCardActions
-} from "../chunk-NSKQANRY.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-U3DBQXPI.js";
 import "../chunk-XCBQXSTR.js";
-import "../chunk-FWPFCK4D.js";
 import "../chunk-3GVMUASU.js";
+import "../chunk-FWPFCK4D.js";
 import "../chunk-4WCDMCIS.js";
 import "../chunk-BJZOBG24.js";
 import "../chunk-EMYESBIT.js";

package/dist/data-display/Chart.js

@@ -1,7 +1,7 @@
 import "../chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "../chunk-QEINKMMX.js";
+} from "../chunk-7C763T3K.js";
 import {
   Chart
 } from "../chunk-UFCULHHH.js";
@@ -10,7 +10,11 @@ import {
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "../chunk-R6SBP5M5.js";
+} from "../chunk-GOWBYHYW.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "../chunk-QVWNK4JO.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
@@ -27,10 +31,6 @@ import {
   ChartTooltipContent
 } from "../chunk-RIRTW5EU.js";
 import "../chunk-XRGJVS4P.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "../chunk-QVWNK4JO.js";
 import "../chunk-3IPPMWUA.js";
 import "../chunk-DH6J64PS.js";
 import "../chunk-25MSGLNU.js";