@12-apps/ui 6.30.2 → 6.30.3

package/dist/chunk-IC7GHPMK.js

@@ -0,0 +1,22 @@
+// 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
+};
+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-IC7GHPMK.js.map

package/dist/chunk-IC7GHPMK.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} 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;AACtB;AAGO,IAAM,yBAAyB;AAG/B,IAAM,iCAAiC;","names":[]}

package/dist/{chunk-VKH7AENA.js → chunk-IFNJWH55.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-YTYROOLY.js";
+} from "./chunk-D22EGB3T.js";
 
 // src/components/data-display/DataViews/DataViewsBoard.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -187,4 +187,4 @@ export {
   groupRows,
   DataViewsBoard
 };
-//# sourceMappingURL=chunk-VKH7AENA.js.map
+//# sourceMappingURL=chunk-IFNJWH55.js.map

package/dist/{chunk-PUBPZOQJ.js → chunk-IPE5FFFD.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-GJQYM3PM.js";
+} from "./chunk-SHQWIDD5.js";
 import {
   getMonthName
 } from "./chunk-TERT6TIS.js";
@@ -101,4 +101,4 @@ var CalendarMonth = ({
 export {
   CalendarMonth
 };
-//# sourceMappingURL=chunk-PUBPZOQJ.js.map
+//# sourceMappingURL=chunk-IPE5FFFD.js.map

package/dist/{chunk-HP2ODXNA.js → chunk-IPS55KWK.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-RBGOGTT2.js";
+} from "./chunk-DWZ7FLA7.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-HP2ODXNA.js.map
+//# sourceMappingURL=chunk-IPS55KWK.js.map

package/dist/{chunk-BILJU2DX.js → chunk-JFOATIMF.js}

@@ -1,14 +1,14 @@
+import {
+  useFleetMap
+} from "./chunk-ZCPSND5Y.js";
 import {
   FleetBody
-} from "./chunk-JGV66VUK.js";
+} from "./chunk-RLCMVSJZ.js";
 import {
   FLEET_DEFAULT_LAGGING_AFTER_SECONDS,
   FLEET_DEFAULT_STALE_AFTER_SECONDS,
   FLEET_PANEL
 } from "./chunk-BTQZ3EX3.js";
-import {
-  useFleetMap
-} from "./chunk-ZCPSND5Y.js";
 import {
   SR_ONLY_SX
 } from "./chunk-RNCQ5KHQ.js";
@@ -113,4 +113,4 @@ export {
   FleetMap,
   FleetMap_default
 };
-//# sourceMappingURL=chunk-BILJU2DX.js.map
+//# sourceMappingURL=chunk-JFOATIMF.js.map

package/dist/{chunk-MCBG6R5A.js → chunk-JH77UDWB.js}

@@ -6,10 +6,10 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BKAB4KZK.js";
+} from "./chunk-LKAKYP42.js";
 import {
   Text
-} from "./chunk-YTYROOLY.js";
+} from "./chunk-D22EGB3T.js";
 
 // src/components/data-display/DataViews/data-views-export.tsx
 import DownloadRoundedIcon from "@mui/icons-material/DownloadRounded";
@@ -170,4 +170,4 @@ function DataViewsExportMenu({
 export {
   DataViewsExportMenu
 };
-//# sourceMappingURL=chunk-MCBG6R5A.js.map
+//# sourceMappingURL=chunk-JH77UDWB.js.map

package/dist/{chunk-XYDW5RQB.js → chunk-JTJR63WI.js}

@@ -5,7 +5,7 @@ import {
   headingGradient,
   headingWeight,
   stepOf
-} from "./chunk-EUKYQXYU.js";
+} from "./chunk-PLDVEJPR.js";
 import {
   headingMetrics
 } from "./chunk-PT6TCWIW.js";
@@ -74,4 +74,4 @@ var headingSx = (theme, flags) => {
 export {
   headingSx
 };
-//# sourceMappingURL=chunk-XYDW5RQB.js.map
+//# sourceMappingURL=chunk-JTJR63WI.js.map

package/dist/{chunk-IVVOIDE5.js → chunk-KHVKQPQ5.js}

@@ -7,10 +7,10 @@ import {
   GLOW_BRIGHTNESS,
   PROGRESS_SIZES,
   PULSE
-} from "./chunk-PFZAUMJA.js";
+} from "./chunk-4JGBWPG7.js";
 import {
   px
-} from "./chunk-SONWG2RT.js";
+} from "./chunk-OW4UEIXA.js";
 
 // src/components/data-display/Progress/Progress.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
@@ -97,4 +97,4 @@ export {
   barEmphasisStyles,
   circularEmphasisStyles
 };
-//# sourceMappingURL=chunk-IVVOIDE5.js.map
+//# sourceMappingURL=chunk-KHVKQPQ5.js.map

package/dist/chunk-KRR6KK5J.js

@@ -0,0 +1,117 @@
+import {
+  rem
+} from "./chunk-4HDP2PZD.js";
+import {
+  SETTING_CARD,
+  SETTING_GROUP_INACTIVE_OPACITY
+} from "./chunk-IC7GHPMK.js";
+import {
+  CARD_BORDER_WIDTH,
+  CARD_RADIUS_UNITS
+} from "./chunk-6Q6T3FW5.js";
+
+// src/components/layout/SettingCard/SettingCard.styles.ts
+var SETTING_CARD_OPEN_ATTR = "data-setting-card-open";
+var withCallerSx = (own, sx) => [own, ...Array.isArray(sx) ? sx : [sx]];
+var surfaceStyles = (theme, open) => ({
+  boxSizing: "border-box",
+  height: "100%",
+  minWidth: 0,
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.5),
+  padding: theme.spacing(2.5),
+  backgroundColor: theme.palette.background.paper,
+  border: `${CARD_BORDER_WIDTH}px solid ${open ? theme.palette.primary.main : theme.palette.divider}`,
+  borderRadius: theme.spacing(CARD_RADIUS_UNITS.lg),
+  boxShadow: open ? theme.shadows[4] : "none",
+  transition: theme.transitions.create(["border-color", "box-shadow"], {
+    duration: theme.transitions.duration.short
+  }),
+  ...open ? { gridColumn: "1 / -1" } : {}
+});
+var flatStyles = (theme) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.5),
+  padding: theme.spacing(1.25, 0),
+  minWidth: 0
+});
+var headerStyles = (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: rem(theme, SETTING_CARD.iconGap),
+  minWidth: 0
+});
+var titleStyles = (theme) => ({
+  ...theme.typography.subtitle1,
+  fontWeight: theme.typography.fontWeightMedium,
+  color: theme.palette.text.primary,
+  margin: 0,
+  minWidth: 0,
+  overflowWrap: "anywhere"
+});
+var summaryStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  margin: 0,
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+});
+var descriptionStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  margin: 0
+});
+var hintStyles = (theme) => ({
+  ...descriptionStyles(theme),
+  display: "flex",
+  alignItems: "flex-start",
+  gap: theme.spacing(1),
+  // Centre the 16px glyph on the first 20px line; later lines wrap under the text.
+  "& > svg": { flexShrink: 0, marginTop: rem(theme, 2) }
+});
+var errorStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.error.main,
+  margin: 0
+});
+var actionsStyles = (theme) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  justifyContent: "flex-end",
+  gap: theme.spacing(1),
+  marginTop: "auto"
+});
+var iconStyles = (theme) => ({
+  display: "inline-flex",
+  flexShrink: 0,
+  color: theme.palette.text.secondary
+});
+var dependentsStyles = (theme, active) => ({
+  display: "flex",
+  flexDirection: "column",
+  marginLeft: rem(theme, SETTING_CARD.groupIndent / 2),
+  paddingLeft: rem(theme, SETTING_CARD.groupIndent / 2),
+  borderLeft: `${rem(theme, SETTING_CARD.groupRuleWidth)} solid ${theme.palette.divider}`,
+  opacity: active ? 1 : SETTING_GROUP_INACTIVE_OPACITY,
+  transition: theme.transitions.create("opacity", { duration: theme.transitions.duration.short })
+});
+
+export {
+  SETTING_CARD_OPEN_ATTR,
+  withCallerSx,
+  surfaceStyles,
+  flatStyles,
+  headerStyles,
+  titleStyles,
+  summaryStyles,
+  descriptionStyles,
+  hintStyles,
+  errorStyles,
+  actionsStyles,
+  iconStyles,
+  dependentsStyles
+};
+//# sourceMappingURL=chunk-KRR6KK5J.js.map

package/dist/chunk-KRR6KK5J.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 './SettingCard.rem';\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 one line a closed card shows. Long values end in an ellipsis, not a second line. */\nexport const summaryStyles = (theme: Theme): CSSObject => ({\n  ...theme.typography.body2,\n  color: theme.palette.text.secondary,\n  margin: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n});\n\n/** A switch card's explanation, which may wrap: it is read, not scanned. */\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-T5WNNEP5.js → chunk-KVCS6IEI.js}

@@ -1,6 +1,6 @@
 import {
   useCardActions
-} from "./chunk-C5EFVSBN.js";
+} from "./chunk-6HJLYSBM.js";
 import {
   ConfirmActionDialog
 } from "./chunk-QQS3GQYS.js";
@@ -50,4 +50,4 @@ function useRemoveConfirm({
 export {
   useRemoveConfirm
 };
-//# sourceMappingURL=chunk-T5WNNEP5.js.map
+//# sourceMappingURL=chunk-KVCS6IEI.js.map

package/dist/{chunk-HZ6L7WXE.js → chunk-LGOIBC2C.js}

@@ -1,16 +1,16 @@
+import {
+  ColumnsTab
+} from "./chunk-NH4XD62U.js";
 import {
   DisplayTab,
   SortTab
-} from "./chunk-DQOLW4B5.js";
-import {
-  ColumnsTab
-} from "./chunk-OLQDB346.js";
+} from "./chunk-VBMV2W4K.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-3MALHTZQ.js";
+} from "./chunk-C4J7PVVI.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BKAB4KZK.js";
+} from "./chunk-LKAKYP42.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-HZ6L7WXE.js.map
+//# sourceMappingURL=chunk-LGOIBC2C.js.map

package/dist/chunk-LGPQVKHC.js

@@ -0,0 +1,47 @@
+import {
+  useAsyncSwitch
+} from "./chunk-DG2A4DQU.js";
+import {
+  SettingSwitchBlock,
+  useSettingSwitchIds
+} from "./chunk-RH4QT7YT.js";
+import {
+  useSettingGroup
+} from "./chunk-XJQNSMGA.js";
+import {
+  flatStyles,
+  surfaceStyles,
+  withCallerSx
+} from "./chunk-KRR6KK5J.js";
+
+// src/components/layout/SettingCard/SettingToggle.tsx
+import Box from "@mui/material/Box/index.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var SettingToggle = forwardRef(function SettingToggle2(props, ref) {
+  const { checked, onChange, copy, formatError, disabled = false, variant = "card", dataTestId, className, sx } = props;
+  const group = useSettingGroup();
+  const ids = useSettingSwitchIds();
+  const state = useAsyncSwitch({ checked, onChange, formatError, fallback: copy.saveFailed });
+  const card = variant === "card";
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      component: card ? "section" : "div",
+      ref,
+      "aria-labelledby": ids.titleId,
+      "aria-busy": state.saving || void 0,
+      "data-variant": variant,
+      "data-testid": dataTestId,
+      className,
+      sx: withCallerSx((theme) => card ? surfaceStyles(theme, false) : flatStyles(theme), sx),
+      children: /* @__PURE__ */ jsx(SettingSwitchBlock, { ...props, disabled: disabled || group.inactive, ids, state })
+    }
+  );
+});
+SettingToggle.displayName = "SettingToggle";
+
+export {
+  SettingToggle
+};
+//# sourceMappingURL=chunk-LGPQVKHC.js.map

package/dist/chunk-LGPQVKHC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingToggle.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { forwardRef } from 'react';\n\nimport { useAsyncSwitch } from './SettingCard.hooks';\nimport { flatStyles, surfaceStyles, withCallerSx } from './SettingCard.styles';\nimport type { SettingToggleProps } from './SettingCard.types';\nimport { useSettingGroup } from './SettingGroup.context';\nimport { SettingSwitchBlock, useSettingSwitchIds } from './SettingSwitch';\n\n/**\n * A setting that is one switch and nothing else. There is no edit state:\n * flipping it IS the edit, and it saves at once.\n *\n * `onChange` may be async. The switch shows the new value while the promise is\n * pending, with a spinner and an announced \"saving\"; a rejection flips it back\n * to `checked` and shows the error under it.\n *\n * Inside a `SettingGroup` whose main switch is off, it renders disabled.\n */\nexport const SettingToggle = forwardRef<HTMLElement, SettingToggleProps>(function SettingToggle(props, ref) {\n  const { checked, onChange, copy, formatError, disabled = false, variant = 'card', dataTestId, className, sx } = props;\n  const group = useSettingGroup();\n  const ids = useSettingSwitchIds();\n  const state = useAsyncSwitch({ checked, onChange, formatError, fallback: copy.saveFailed });\n  const card = variant === 'card';\n\n  return (\n    <Box\n      component={card ? 'section' : 'div'}\n      ref={ref}\n      aria-labelledby={ids.titleId}\n      aria-busy={state.saving || undefined}\n      data-variant={variant}\n      data-testid={dataTestId}\n      className={className}\n      sx={withCallerSx((theme) => (card ? surfaceStyles(theme, false) : flatStyles(theme)), sx)}\n    >\n      <SettingSwitchBlock {...props} disabled={disabled || group.inactive} ids={ids} state={state} />\n    </Box>\n  );\n});\n\nSettingToggle.displayName = 'SettingToggle';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,kBAAkB;AAoCrB;AAlBC,IAAM,gBAAgB,WAA4C,SAASA,eAAc,OAAO,KAAK;AAC1G,QAAM,EAAE,SAAS,UAAU,MAAM,aAAa,WAAW,OAAO,UAAU,QAAQ,YAAY,WAAW,GAAG,IAAI;AAChH,QAAM,QAAQ,gBAAgB;AAC9B,QAAM,MAAM,oBAAoB;AAChC,QAAM,QAAQ,eAAe,EAAE,SAAS,UAAU,aAAa,UAAU,KAAK,WAAW,CAAC;AAC1F,QAAM,OAAO,YAAY;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO,YAAY;AAAA,MAC9B;AAAA,MACA,mBAAiB,IAAI;AAAA,MACrB,aAAW,MAAM,UAAU;AAAA,MAC3B,gBAAc;AAAA,MACd,eAAa;AAAA,MACb;AAAA,MACA,IAAI,aAAa,CAAC,UAAW,OAAO,cAAc,OAAO,KAAK,IAAI,WAAW,KAAK,GAAI,EAAE;AAAA,MAExF,8BAAC,sBAAoB,GAAG,OAAO,UAAU,YAAY,MAAM,UAAU,KAAU,OAAc;AAAA;AAAA,EAC/F;AAEJ,CAAC;AAED,cAAc,cAAc;","names":["SettingToggle"]}

package/dist/{chunk-BKAB4KZK.js → chunk-LKAKYP42.js}

@@ -1,16 +1,16 @@
-import {
-  resolveButtonProps
-} from "./chunk-TAMIZE4Q.js";
 import {
   buttonEmphasisStyles,
   buttonSize,
   buttonVariantStyles,
   getColorFromTheme,
   iconAlignmentStyles
-} from "./chunk-TSEWUY4V.js";
+} from "./chunk-23LZNANO.js";
 import {
   BUTTON_ICON_GLYPH_SIZE
 } from "./chunk-5LQ7PKMW.js";
+import {
+  resolveButtonProps
+} from "./chunk-TAMIZE4Q.js";
 import {
   childTestId,
   resolveTestId,
@@ -121,4 +121,4 @@ var Button = ButtonRoot;
 export {
   Button
 };
-//# sourceMappingURL=chunk-BKAB4KZK.js.map
+//# sourceMappingURL=chunk-LKAKYP42.js.map

package/dist/{chunk-ZPIMPOHV.js → chunk-M7E66OSC.js}

@@ -1,9 +1,9 @@
-import {
-  DATA_VIEWS_LAYOUTS
-} from "./chunk-LHHAYZ55.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
+import {
+  DATA_VIEWS_LAYOUTS
+} from "./chunk-LHHAYZ55.js";
 import {
   Slider
 } from "./chunk-FA3TYWX2.js";
@@ -184,4 +184,4 @@ export {
   useDataViewsLayout,
   DataViewsZoomSlider
 };
-//# sourceMappingURL=chunk-ZPIMPOHV.js.map
+//# sourceMappingURL=chunk-M7E66OSC.js.map

package/dist/{chunk-VVXA7T2M.js → chunk-MG6XC5SK.js}

@@ -1,6 +1,6 @@
 import {
   Text
-} from "./chunk-YTYROOLY.js";
+} from "./chunk-D22EGB3T.js";
 
 // src/components/data-display/DescriptionItem/DescriptionItem.tsx
 import Box from "@mui/material/Box/index.js";
@@ -61,4 +61,4 @@ DescriptionItem.displayName = "DescriptionItem";
 export {
   DescriptionItem
 };
-//# sourceMappingURL=chunk-VVXA7T2M.js.map
+//# sourceMappingURL=chunk-MG6XC5SK.js.map

package/dist/{chunk-554SVTCN.js → chunk-MKZNP32D.js}

@@ -1,15 +1,15 @@
 import {
   Avatar
-} from "./chunk-HGJHZ5PE.js";
+} from "./chunk-2DHVWNTO.js";
 import {
   Card
 } from "./chunk-AVI3XHRQ.js";
 import {
   Button
-} from "./chunk-BKAB4KZK.js";
+} from "./chunk-LKAKYP42.js";
 import {
   Text
-} from "./chunk-YTYROOLY.js";
+} from "./chunk-D22EGB3T.js";
 
 // src/user-avatar/user-avatar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-554SVTCN.js.map
+//# sourceMappingURL=chunk-MKZNP32D.js.map

package/dist/chunk-MPRZDEKY.js

@@ -0,0 +1,168 @@
+import {
+  useSettingCard
+} from "./chunk-DG2A4DQU.js";
+import {
+  LearnMore,
+  PendingSpinner,
+  SaveError,
+  SettingHeader,
+  partTestId
+} from "./chunk-Q6FUSSLK.js";
+import {
+  SETTING_CARD_OPEN_ATTR,
+  actionsStyles,
+  summaryStyles,
+  surfaceStyles,
+  withCallerSx
+} from "./chunk-KRR6KK5J.js";
+import {
+  Icon
+} from "./chunk-HT7DWIR4.js";
+import {
+  Button
+} from "./chunk-LKAKYP42.js";
+
+// src/components/layout/SettingCard/SettingCard.tsx
+import Box from "@mui/material/Box/index.js";
+import { forwardRef, useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var OpenBody = ({
+  bodyRef,
+  titleId,
+  errorId,
+  copy,
+  learnMore,
+  children,
+  saving,
+  error,
+  saveDisabled,
+  onSave,
+  onCancel,
+  dataTestId
+}) => {
+  const onKeyDown = (event) => {
+    if (event.key !== "Escape") return;
+    event.stopPropagation();
+    onCancel();
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      ref: bodyRef,
+      role: "group",
+      "aria-labelledby": titleId,
+      onKeyDown,
+      sx: { display: "flex", flexDirection: "column", gap: 2, flex: 1 },
+      "data-testid": partTestId(dataTestId, "body"),
+      children: [
+        /* @__PURE__ */ jsx(Box, { children }),
+        learnMore && /* @__PURE__ */ jsx(LearnMore, { label: copy.learnMore, dataTestId, children: learnMore }),
+        /* @__PURE__ */ jsx(SaveError, { id: errorId, message: error, dataTestId }),
+        /* @__PURE__ */ jsxs(Box, { sx: (theme) => actionsStyles(theme), children: [
+          /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "neutral", onClick: onCancel, disabled: saving, dataTestId: partTestId(dataTestId, "cancel"), children: copy.cancel }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "solid",
+              onClick: onSave,
+              disabled: saveDisabled,
+              "aria-disabled": saving || void 0,
+              "aria-describedby": error ? errorId : void 0,
+              icon: saving ? /* @__PURE__ */ jsx(PendingSpinner, { dataTestId }) : void 0,
+              iconPosition: "left",
+              dataTestId: partTestId(dataTestId, "save"),
+              children: saving ? copy.saving : copy.save
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+var EditTrigger = ({ triggerRef, id, titleId, label, disabled, onOpen, dataTestId }) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    ref: triggerRef,
+    id,
+    variant: "outline",
+    color: "neutral",
+    size: "sm",
+    icon: /* @__PURE__ */ jsx(Icon, { name: "Edit", size: "xs" }),
+    iconPosition: "left",
+    disabled,
+    "aria-labelledby": `${id} ${titleId}`,
+    onClick: onOpen,
+    dataTestId: partTestId(dataTestId, "edit"),
+    children: label
+  }
+);
+var SettingCard = forwardRef(function SettingCard2(props, ref) {
+  const { title, headingLevel = "h3", icon, status, summary, children, learnMore, copy, dataTestId, className, sx } = props;
+  const baseId = useId();
+  const titleId = `${baseId}-title`;
+  const card = useSettingCard(props);
+  const { open } = card;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "section",
+      ref,
+      "aria-labelledby": titleId,
+      "aria-busy": card.saving || void 0,
+      "data-state": open ? "open" : "closed",
+      ...{ [SETTING_CARD_OPEN_ATTR]: open ? "" : void 0 },
+      "data-testid": dataTestId,
+      className,
+      sx: withCallerSx((theme) => surfaceStyles(theme, open), sx),
+      children: [
+        /* @__PURE__ */ jsx(
+          SettingHeader,
+          {
+            titleId,
+            title,
+            headingLevel,
+            icon,
+            status,
+            trailing: open ? null : /* @__PURE__ */ jsx(
+              EditTrigger,
+              {
+                triggerRef: card.editRef,
+                id: `${baseId}-edit`,
+                titleId,
+                label: copy.edit,
+                disabled: card.disabled,
+                onOpen: card.openCard,
+                dataTestId
+              }
+            ),
+            dataTestId
+          }
+        ),
+        !open && summary != null && /* @__PURE__ */ jsx(Box, { component: "p", sx: summaryStyles, "data-testid": partTestId(dataTestId, "summary"), children: summary }),
+        open && /* @__PURE__ */ jsx(
+          OpenBody,
+          {
+            bodyRef: card.bodyRef,
+            titleId,
+            errorId: `${baseId}-error`,
+            copy,
+            learnMore,
+            saving: card.saving,
+            error: card.error,
+            saveDisabled: card.saveDisabled,
+            onSave: card.save,
+            onCancel: card.cancel,
+            dataTestId,
+            children
+          }
+        )
+      ]
+    }
+  );
+});
+SettingCard.displayName = "SettingCard";
+
+export {
+  SettingCard
+};
+//# sourceMappingURL=chunk-MPRZDEKY.js.map