@12-apps/ui 6.40.0 → 6.41.1

package/dist/chunk-NOLSQK4J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-more-fields.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * ONE FIELD, RENDERED INSIDE THE \"MAIS\" PANEL.\n *\n * Split from `data-views-more-filters` at the file-size gate, along the seam\n * that was already there: that module is the trigger, the panel and its\n * footer — the chrome — and this is what goes in it.\n *\n * A field with one or two options renders FLAT: inside a panel there is no\n * space to win back, and two labelled checkboxes are faster than a dropdown\n * needing a second click. Past that — or whenever the field asks for a tree or\n * a search — it is the bar's own {@link PillControl}; see `sharesBarControl`.\n */\nimport Checkbox from \"@mui/material/Checkbox/index.js\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { PillControl } from \"./data-views-category-pill\";\nimport type { OverflowField } from \"./data-views-overflow\";\nimport { RangeBounds } from \"./data-views-range-pill\";\nimport { isRangeSet } from \"./data-views-range-values\";\nimport type { RangeValue } from \"./data-views-types\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { fieldHeight } from \"../../../tokens/field-height\";\nimport { fieldEdge } from \"../../../tokens/field-edge\";\nimport { sxRem } from \"../../../tokens/relative\";\n\n/** What each field's control needs, minus the panel's own chrome. */\nexport interface MoreFieldProps {\n  pills: Record<string, string[]>;\n  ranges: Record<string, RangeValue>;\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onChangeRange: (fieldId: string, range: RangeValue) => void;\n  testIdPrefix: string;\n}\n\n/**\n * Above this many options a field is a DROPDOWN rather than a flat row of\n * checkboxes. Two options cost two lines and read faster laid out; a \"Cliente\"\n * with a dozen turns the panel into a scrolling wall and buries every field\n * under it, which is exactly what the overflow was meant to avoid.\n */\nconst INLINE_OPTION_LIMIT = 2;\n\n/**\n * Whether an overflowed pill keeps the SAME control it has on the bar.\n *\n * The panel used to build its own flat dropdown for every field past two\n * options, so a field's config only held while it fitted: `control:\n * \"category\"` lost its tree (subcategories flattened into one list, no\n * \"Marcar tudo\", no count footer) and `searchEnabled` lost its search, on\n * exactly the phone widths where most filters live in here. Anything the bar\n * would render as a dropdown now renders as the bar's own {@link PillControl};\n * only a plain two-option field — one that did not ask for a dropdown, a tree\n * or a search — stays a flat checkbox row, which is a panel layout rather than\n * a different control (the filter panel draws the same line).\n */\nfunction sharesBarControl<T extends Record<string, unknown>>(field: OverflowField<T>): boolean {\n  const pill = field.pill;\n  if (!pill) return false;\n  return (\n    pill.control === \"category\" ||\n    pill.control === \"multiselect\" ||\n    pill.searchEnabled === true ||\n    pill.options.length > INLINE_OPTION_LIMIT\n  );\n}\n\n/** One overflowed pill: the bar's control, or its options as checkboxes. */\nfunction OverflowPill<T extends Record<string, unknown>>({\n  field,\n  values,\n  onTogglePill,\n  onClear,\n  testIdPrefix,\n}: {\n  field: OverflowField<T>;\n  values: string[];\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onClear: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const testId = `${testIdPrefix}-more-${field.id}`;\n  if (field.pill && sharesBarControl(field)) {\n    return (\n      <PillControl\n        fieldId={field.id}\n        pill={field.pill}\n        selected={values}\n        onTogglePill={onTogglePill}\n        onClearField={onClear}\n        testIdPrefix={testIdPrefix}\n        testId={testId}\n      />\n    );\n  }\n  const onToggle = (value: string, checked: boolean) => onTogglePill(field.id, value, checked);\n  return (\n    <Box sx={{ display: \"flex\", flexWrap: \"wrap\", gap: 0.75 }}>\n      {(field.pill?.options ?? []).map((option) => {\n        const checked = values.includes(option.value);\n        return (\n          <Box\n            key={option.value}\n            component=\"label\"\n            data-testid={`${testId}-${option.value}`}\n            sx={{\n              display: \"inline-flex\",\n              alignItems: \"center\",\n              gap: 0.25,\n              pr: 1,\n              border: 1,\n              borderStyle: \"solid\",\n              minHeight: fieldHeight,\n              borderColor: (theme) => (checked ? theme.palette.primary.main : fieldEdge(theme)),\n              bgcolor: checked ? \"action.selected\" : \"transparent\",\n              borderRadius: fieldRadiusPx,\n              cursor: \"pointer\",\n              fontSize: sxRem(13),\n              color: checked ? \"primary.main\" : \"text.secondary\",\n            }}\n          >\n            <Checkbox\n              size=\"small\"\n              checked={checked}\n              onChange={(event) => onToggle(option.value, event.target.checked)}\n              inputProps={{ \"aria-label\": `${field.label}: ${option.label}` }}\n            />\n            {option.label}\n          </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n\n/**\n * One overflowed range: its presets and its two bounds, as the same controls\n * the pill uses.\n *\n * The whole control DELEGATES to {@link RangeBounds} rather than being built\n * here, which is the point — this panel used to render a raw\n * `<input type=\"date\">`, so the masked `dd/mm/aaaa` field existed only while\n * the filter FITTED on the bar. The moment \"Data\" overflowed it reverted to the\n * native control the mask replaced, and a merchant on a narrow screen never saw\n * the fix at all (FUT-744). `Valor` had the twin bug: a bare `type=\"number\"`\n * plus `Number(raw)` dropped the decimal comma this panel is meant to accept.\n *\n * That also retires the intrinsic-width workaround this pair used to need — a\n * native date input reports a wide minimum (its own mask plus the picker\n * glyph), which is what made two of them refuse to shrink and scrolled the\n * panel sideways. A text input has no such minimum.\n *\n * `RangeBounds` renders the preset chips ITSELF, above the inputs. This panel\n * must NOT render its own row as well: when the delegation above landed, the\n * chips it used to draw by hand stayed behind, and \"Data\" showed Hoje/Ontem/\n * Esta semana/Este mês/Este ano twice — two rows, duplicated test ids, and half\n * the panel's height spent saying the same thing (FUT-751).\n */\nfunction OverflowRange<T extends Record<string, unknown>>({\n  field,\n  value,\n  onChange,\n  testIdPrefix,\n}: {\n  field: OverflowField<T>;\n  value: RangeValue;\n  onChange: (range: RangeValue) => void;\n  testIdPrefix: string;\n}): React.JSX.Element | null {\n  // `group === \"range\"` is what selects this component, so `range` is always\n  // set; the guard is for the type, not for a state the caller can reach.\n  if (!field.range) return null;\n  return (\n    <RangeBounds\n      field={field.range}\n      value={value}\n      onChange={onChange}\n      testId={`${testIdPrefix}-more-${field.id}`}\n    />\n  );\n}\n\n/**\n * Whether a field has anything applied, and how to unapply it — the two shapes\n * (a pill's selected values, a range's bounds) answered in one place so the\n * group that renders them stays a renderer.\n */\nexport function fieldClearing<T extends Record<string, unknown>>({\n  field,\n  pills,\n  ranges,\n  onTogglePill,\n  onChangeRange,\n}: {\n  field: OverflowField<T>;\n} & Pick<MoreFieldProps, \"pills\" | \"ranges\" | \"onTogglePill\" | \"onChangeRange\">): {\n  applied: boolean;\n  clear: () => void;\n} {\n  if (field.group === \"range\") {\n    return {\n      applied: isRangeSet(ranges[field.id] ?? {}),\n      clear: () => onChangeRange(field.id, {}),\n    };\n  }\n  const values = pills[field.id] ?? [];\n  return {\n    applied: values.length > 0,\n    clear: () => values.forEach((value) => onTogglePill(field.id, value, false)),\n  };\n}\n\n\n/** One labelled group in the panel: the field's name, then its control. */\nexport function MoreGroup<T extends Record<string, unknown>>({\n  field,\n  pills,\n  ranges,\n  onTogglePill,\n  onChangeRange,\n  testIdPrefix,\n}: {\n  field: OverflowField<T>;\n} & MoreFieldProps): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { applied, clear } = fieldClearing({ field, pills, ranges, onTogglePill, onChangeRange });\n  return (\n    <Box sx={{ mb: 1.5, \"&:last-of-type\": { mb: 0 } }}>\n      <Box sx={{ display: \"flex\", alignItems: \"center\", gap: 1, mb: 0.5 }}>\n        <Text variant=\"caption\" as=\"span\">\n          <Box component=\"span\" sx={{ color: \"text.secondary\" }}>\n            {field.label}\n            {field.group === \"range\" && isRangeSet(ranges[field.id] ?? {}) ? \" •\" : \"\"}\n          </Box>\n        </Text>\n        {/* The panel's equivalent of the pill's ✕. Without it a field applied\n            in here could only be cleared by finding it again on the bar —\n            which is where it goes the moment it becomes active, so the\n            operator has to close this panel to undo what they just did. */}\n        {applied && (\n          <Box\n            component=\"button\"\n            type=\"button\"\n            onClick={clear}\n            data-testid={`${testIdPrefix}-more-${field.id}-clear`}\n            sx={{\n              ml: \"auto\",\n              border: 0,\n              p: 0,\n              bgcolor: \"transparent\",\n              cursor: \"pointer\",\n              font: \"inherit\",\n              fontSize: sxRem(12),\n              color: \"primary.main\",\n              \"&:hover\": { textDecoration: \"underline\" },\n            }}\n          >\n            {copy.filters.clear}\n          </Box>\n        )}\n      </Box>\n      {field.group === \"pill\" ? (\n        <OverflowPill\n          field={field}\n          values={pills[field.id] ?? []}\n          onTogglePill={onTogglePill}\n          onClear={() => (pills[field.id] ?? []).forEach((v) => onTogglePill(field.id, v, false))}\n          testIdPrefix={testIdPrefix}\n        />\n      ) : (\n        <OverflowRange\n          field={field}\n          value={ranges[field.id] ?? {}}\n          onChange={(range) => onChangeRange(field.id, range)}\n          testIdPrefix={testIdPrefix}\n        />\n      )}\n    </Box>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-WTXPGASQ.js → chunk-NPPJ3IJP.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   MultiSelectDropdown
-} from "./chunk-OXLOC6TC.js";
+} from "./chunk-3XS37SQT.js";
 import {
   CategorySelect
-} from "./chunk-5XWCKCHP.js";
+} from "./chunk-ALOUJ3CE.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -33,10 +33,10 @@ function PillControl({
   onClearField,
   onOpenChange,
   testIdPrefix,
+  testId = `${testIdPrefix}-filter-${fieldId}`,
   layout = "pill"
 }) {
   const copy = useDataViewsCopy();
-  const testId = `${testIdPrefix}-filter-${fieldId}`;
   if (pill.control === "category") {
     return /* @__PURE__ */ jsx(
       CategorySelect,
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-WTXPGASQ.js.map
+//# sourceMappingURL=chunk-NPPJ3IJP.js.map

package/dist/chunk-NPPJ3IJP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-category-pill.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { CategorySelect } from \"../../form/CategorySelect\";\nimport { MultiSelectDropdown } from \"../../layout/ContentToolbar\";\n\nimport type { FilterFieldConfig, FilterOption } from \"./data-views-types\";\n\n/**\n * Diff a whole-array selection back into per-value toggles.\n *\n * The filter state's only channel is `onTogglePill(field, value, checked)`, but\n * a tree hands back the entire selection at once. Diffing here keeps that one\n * channel the single way a pill ever changes, rather than giving the\n * hierarchical control a private path into the state.\n */\nexport function emitPillDiff(\n  fieldId: string,\n  before: readonly string[],\n  after: readonly string[],\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void,\n): void {\n  const had = new Set(before);\n  const wants = new Set(after);\n  after.forEach((value) => {\n    if (!had.has(value)) onTogglePill(fieldId, value, true);\n  });\n  before.forEach((value) => {\n    if (!wants.has(value)) onTogglePill(fieldId, value, false);\n  });\n}\n\n/** A filter option as the category tree wants it. */\nconst toCategoryOption = (option: FilterOption) => ({\n  id: option.value,\n  name: option.label,\n  parentId: option.parentId ?? null,\n});\n\ninterface PillControlProps<T extends Record<string, unknown>> {\n  fieldId: string;\n  pill: FilterFieldConfig<T>;\n  selected: string[];\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onClearField: (fieldId: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  testIdPrefix: string;\n  /**\n   * Overrides the `<prefix>-filter-<id>` test id — the \"Mais\" panel keys its\n   * fields `<prefix>-more-<id>` so a spec can tell which surface it drove.\n   */\n  testId?: string;\n  /** `stacked` in the filter panel, `pill` on the inline bar. */\n  layout?: \"stacked\" | \"pill\";\n}\n\n/**\n * One filter pill: the hierarchical category tree, or the flat multi-select.\n *\n * A category set nests, and flattening it into one list is what made \"Massas\"\n * (mercearia) indistinguishable from \"Massas\" (pratos principais). `control:\n * \"category\"` opts a field into the tree, which shows each hit under its parent.\n *\n * {@link FilterFieldConfig.allowParentSelection} decides whether a parent row is\n * itself tickable. It is forwarded rather than fixed here because it is a\n * per-SCREEN question: a filter over a catalogue where products sit on leaves\n * wants \"the whole category\" as one click, while one whose parents are pure\n * grouping would only offer a tick that means nothing.\n */\nexport function PillControl<T extends Record<string, unknown>>({\n  fieldId,\n  pill,\n  selected,\n  onTogglePill,\n  onClearField,\n  onOpenChange,\n  testIdPrefix,\n  testId = `${testIdPrefix}-filter-${fieldId}`,\n  layout = \"pill\",\n}: PillControlProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  if (pill.control === \"category\") {\n    return (\n      <CategorySelect\n        copy={copy.categorySelect}\n        placeholder={pill.label}\n        label={layout === \"stacked\" ? pill.label : undefined}\n        fullWidth={layout === \"stacked\"}\n        options={pill.options.map(toCategoryOption)}\n        allowParentSelection={pill.allowParentSelection ?? false}\n        value={selected}\n        onChange={(next) => emitPillDiff(fieldId, selected, next, onTogglePill)}\n        dataTestId={testId}\n      />\n    );\n  }\n  return (\n    <MultiSelectDropdown\n      extraOptionsHeading={copy.filters.optionsHeading}\n      clearText={copy.filters.clear}\n      clearLabel={copy.filters.clearRange(pill.label)}\n      label={pill.label}\n      options={pill.options}\n      selected={new Set(selected)}\n      onToggle={(value, checked) => onTogglePill(fieldId, value, checked)}\n      onClear={() => onClearField(fieldId)}\n      allLabel={copy.filters.allOption}\n      searchable={pill.searchEnabled ? true : undefined}\n      searchPlaceholder={copy.filters.optionSearchPlaceholder}\n      noResultsLabel={copy.filters.optionsEmpty}\n      layout={layout}\n      onOpenChange={onOpenChange}\n      data-testid={testId}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AAmFM;AAnEC,SAAS,aACd,SACA,QACA,OACA,cACM;AACN,QAAM,MAAM,IAAI,IAAI,MAAM;AAC1B,QAAM,QAAQ,IAAI,IAAI,KAAK;AAC3B,QAAM,QAAQ,CAAC,UAAU;AACvB,QAAI,CAAC,IAAI,IAAI,KAAK,EAAG,cAAa,SAAS,OAAO,IAAI;AAAA,EACxD,CAAC;AACD,SAAO,QAAQ,CAAC,UAAU;AACxB,QAAI,CAAC,MAAM,IAAI,KAAK,EAAG,cAAa,SAAS,OAAO,KAAK;AAAA,EAC3D,CAAC;AACH;AAGA,IAAM,mBAAmB,CAAC,YAA0B;AAAA,EAClD,IAAI,OAAO;AAAA,EACX,MAAM,OAAO;AAAA,EACb,UAAU,OAAO,YAAY;AAC/B;AAgCO,SAAS,YAA+C;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS,GAAG,YAAY,WAAW,OAAO;AAAA,EAC1C,SAAS;AACX,GAA2C;AACzC,QAAM,OAAO,iBAAiB;AAC9B,MAAI,KAAK,YAAY,YAAY;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,aAAa,KAAK;AAAA,QAClB,OAAO,WAAW,YAAY,KAAK,QAAQ;AAAA,QAC3C,WAAW,WAAW;AAAA,QACtB,SAAS,KAAK,QAAQ,IAAI,gBAAgB;AAAA,QAC1C,sBAAsB,KAAK,wBAAwB;AAAA,QACnD,OAAO;AAAA,QACP,UAAU,CAAC,SAAS,aAAa,SAAS,UAAU,MAAM,YAAY;AAAA,QACtE,YAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,qBAAqB,KAAK,QAAQ;AAAA,MAClC,WAAW,KAAK,QAAQ;AAAA,MACxB,YAAY,KAAK,QAAQ,WAAW,KAAK,KAAK;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,SAAS,KAAK;AAAA,MACd,UAAU,IAAI,IAAI,QAAQ;AAAA,MAC1B,UAAU,CAAC,OAAO,YAAY,aAAa,SAAS,OAAO,OAAO;AAAA,MAClE,SAAS,MAAM,aAAa,OAAO;AAAA,MACnC,UAAU,KAAK,QAAQ;AAAA,MACvB,YAAY,KAAK,gBAAgB,OAAO;AAAA,MACxC,mBAAmB,KAAK,QAAQ;AAAA,MAChC,gBAAgB,KAAK,QAAQ;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/{chunk-H772ZSAI.js → chunk-NQ7NMCRI.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-BLUURKCY.js";
+} from "./chunk-K6LNHHSH.js";
 import {
   rem,
   sxRem
@@ -166,4 +166,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-H772ZSAI.js.map
+//# sourceMappingURL=chunk-NQ7NMCRI.js.map

package/dist/{chunk-P7JF6XT7.js → chunk-NRSVI23L.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-U3DBQXPI.js";
 import {
   Button
-} from "./chunk-BLUURKCY.js";
+} from "./chunk-K6LNHHSH.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-P7JF6XT7.js.map
+//# sourceMappingURL=chunk-NRSVI23L.js.map

package/dist/{chunk-FRTEU7ZO.js → chunk-NU55QUMO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-XOZYUJQ5.js";
+} from "./chunk-SDKOOVEX.js";
 import {
   FormControl,
   FormLabel,
@@ -38,4 +38,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-FRTEU7ZO.js.map
+//# sourceMappingURL=chunk-NU55QUMO.js.map

package/dist/chunk-OJUORFGO.js

@@ -0,0 +1,87 @@
+import {
+  SettingGroupContext
+} from "./chunk-XJQNSMGA.js";
+import {
+  useAsyncSwitch
+} from "./chunk-SALQ65SM.js";
+import {
+  SettingSwitchBlock,
+  useSettingSwitchIds
+} from "./chunk-RDZGXJOD.js";
+import {
+  partTestId
+} from "./chunk-PEOOCQ2T.js";
+import {
+  dependentsStyles,
+  hintStyles,
+  surfaceStyles,
+  withCallerSx
+} from "./chunk-3DO5AJCG.js";
+import {
+  Icon
+} from "./chunk-JAGAFEZL.js";
+
+// src/components/layout/SettingCard/SettingGroup.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { forwardRef, useId, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var SettingGroup = forwardRef(function SettingGroup2(props, ref) {
+  const {
+    checked,
+    onChange,
+    copy,
+    formatError,
+    inactiveHint,
+    children,
+    disabled = false,
+    dataTestId,
+    className,
+    sx
+  } = props;
+  const theme = useTheme();
+  const ids = useSettingSwitchIds();
+  const hintId = `${useId()}-hint`;
+  const state = useAsyncSwitch({ checked, onChange, formatError, fallback: copy.saveFailed });
+  const active = checked && state.shown && !disabled;
+  const context = useMemo(() => ({ inactive: !active }), [active]);
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      component: "section",
+      ref,
+      "aria-labelledby": ids.titleId,
+      "aria-busy": state.saving || void 0,
+      "data-active": active,
+      "data-testid": dataTestId,
+      className,
+      sx: withCallerSx((t) => surfaceStyles(t, false), sx),
+      children: [
+        /* @__PURE__ */ jsx(SettingSwitchBlock, { ...props, disabled, ids, state }),
+        !active && /* @__PURE__ */ jsxs(Box, { component: "p", id: hintId, sx: hintStyles(theme), "data-testid": partTestId(dataTestId, "hint"), children: [
+          /* @__PURE__ */ jsx(Icon, { name: "InfoOutlined", size: "xs" }),
+          /* @__PURE__ */ jsx("span", { children: inactiveHint })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            role: "group",
+            "aria-labelledby": ids.titleId,
+            "aria-describedby": active ? void 0 : hintId,
+            "aria-disabled": active ? void 0 : true,
+            inert: !active,
+            sx: dependentsStyles(theme, active),
+            "data-testid": partTestId(dataTestId, "dependents"),
+            children: /* @__PURE__ */ jsx(SettingGroupContext.Provider, { value: context, children })
+          }
+        )
+      ]
+    }
+  );
+});
+SettingGroup.displayName = "SettingGroup";
+
+export {
+  SettingGroup
+};
+//# sourceMappingURL=chunk-OJUORFGO.js.map

package/dist/chunk-OJUORFGO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingGroup.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport { forwardRef, useId, useMemo } from 'react';\n\nimport { Icon } from '../../../icons';\n\nimport { useAsyncSwitch } from './SettingCard.hooks';\nimport { partTestId } from './SettingCard.parts';\nimport { dependentsStyles, hintStyles, surfaceStyles, withCallerSx } from './SettingCard.styles';\nimport type { SettingGroupProps } from './SettingCard.types';\nimport { SettingGroupContext } from './SettingGroup.context';\nimport { SettingSwitchBlock, useSettingSwitchIds } from './SettingSwitch';\n\n/**\n * ONE subject: a main switch, and the settings that only mean something while\n * it is on, indented beneath it.\n *\n * With the main switch off the dependent rows stay where they are — dimmed,\n * `inert`, and explained by `inactiveHint` — rather than disappearing. A\n * reader deciding whether to turn a feature on is helped by seeing what it\n * would let them configure, and a layout that jumps when a switch flips moves\n * the thing they were about to press.\n *\n * The rows are active only while the main switch is on AND saved: turning it\n * on lights them once the save lands; turning it off dims them at once.\n *\n * Several subjects are several cards, never one group — see `SettingGroup.md`.\n */\nexport const SettingGroup = forwardRef<HTMLElement, SettingGroupProps>(function SettingGroup(props, ref) {\n  const {\n    checked, onChange, copy, formatError, inactiveHint, children, disabled = false, dataTestId, className, sx,\n  } = props;\n  const theme = useTheme();\n  const ids = useSettingSwitchIds();\n  const hintId = `${useId()}-hint`;\n  const state = useAsyncSwitch({ checked, onChange, formatError, fallback: copy.saveFailed });\n  const active = checked && state.shown && !disabled;\n  const context = useMemo(() => ({ inactive: !active }), [active]);\n\n  return (\n    <Box\n      component=\"section\"\n      ref={ref}\n      aria-labelledby={ids.titleId}\n      aria-busy={state.saving || undefined}\n      data-active={active}\n      data-testid={dataTestId}\n      className={className}\n      sx={withCallerSx((t) => surfaceStyles(t, false), sx)}\n    >\n      <SettingSwitchBlock {...props} disabled={disabled} ids={ids} state={state} />\n      {!active && (\n        <Box component=\"p\" id={hintId} sx={hintStyles(theme)} data-testid={partTestId(dataTestId, 'hint')}>\n          <Icon name=\"InfoOutlined\" size=\"xs\" />\n          <span>{inactiveHint}</span>\n        </Box>\n      )}\n      <Box\n        role=\"group\"\n        aria-labelledby={ids.titleId}\n        aria-describedby={active ? undefined : hintId}\n        aria-disabled={active ? undefined : true}\n        inert={!active}\n        sx={dependentsStyles(theme, active)}\n        data-testid={partTestId(dataTestId, 'dependents')}\n      >\n        <SettingGroupContext.Provider value={context}>{children}</SettingGroupContext.Provider>\n      </Box>\n    </Box>\n  );\n});\n\nSettingGroup.displayName = 'SettingGroup';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AACzB,SAAS,YAAY,OAAO,eAAe;AAgDrC,cAEE,YAFF;AAtBC,IAAM,eAAe,WAA2C,SAASA,cAAa,OAAO,KAAK;AACvG,QAAM;AAAA,IACJ;AAAA,IAAS;AAAA,IAAU;AAAA,IAAM;AAAA,IAAa;AAAA,IAAc;AAAA,IAAU,WAAW;AAAA,IAAO;AAAA,IAAY;AAAA,IAAW;AAAA,EACzG,IAAI;AACJ,QAAM,QAAQ,SAAS;AACvB,QAAM,MAAM,oBAAoB;AAChC,QAAM,SAAS,GAAG,MAAM,CAAC;AACzB,QAAM,QAAQ,eAAe,EAAE,SAAS,UAAU,aAAa,UAAU,KAAK,WAAW,CAAC;AAC1F,QAAM,SAAS,WAAW,MAAM,SAAS,CAAC;AAC1C,QAAM,UAAU,QAAQ,OAAO,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,MAAM,CAAC;AAE/D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,mBAAiB,IAAI;AAAA,MACrB,aAAW,MAAM,UAAU;AAAA,MAC3B,eAAa;AAAA,MACb,eAAa;AAAA,MACb;AAAA,MACA,IAAI,aAAa,CAAC,MAAM,cAAc,GAAG,KAAK,GAAG,EAAE;AAAA,MAEnD;AAAA,4BAAC,sBAAoB,GAAG,OAAO,UAAoB,KAAU,OAAc;AAAA,QAC1E,CAAC,UACA,qBAAC,OAAI,WAAU,KAAI,IAAI,QAAQ,IAAI,WAAW,KAAK,GAAG,eAAa,WAAW,YAAY,MAAM,GAC9F;AAAA,8BAAC,QAAK,MAAK,gBAAe,MAAK,MAAK;AAAA,UACpC,oBAAC,UAAM,wBAAa;AAAA,WACtB;AAAA,QAEF;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,mBAAiB,IAAI;AAAA,YACrB,oBAAkB,SAAS,SAAY;AAAA,YACvC,iBAAe,SAAS,SAAY;AAAA,YACpC,OAAO,CAAC;AAAA,YACR,IAAI,iBAAiB,OAAO,MAAM;AAAA,YAClC,eAAa,WAAW,YAAY,YAAY;AAAA,YAEhD,8BAAC,oBAAoB,UAApB,EAA6B,OAAO,SAAU,UAAS;AAAA;AAAA,QAC1D;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,aAAa,cAAc;","names":["SettingGroup"]}

package/dist/{chunk-JB56E4XQ.js → chunk-PAICZOL5.js}

@@ -1,15 +1,15 @@
-import {
-  RichTextEditorToolbar
-} from "./chunk-WVZBYTIK.js";
 import {
   useRichTextEditor
 } from "./chunk-EUACQR6N.js";
 import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
+  RichTextEditorToolbar
+} from "./chunk-WVZBYTIK.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -174,4 +174,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-JB56E4XQ.js.map
+//# sourceMappingURL=chunk-PAICZOL5.js.map

package/dist/chunk-PEOOCQ2T.js

@@ -0,0 +1,140 @@
+import {
+  errorStyles,
+  headerStyles,
+  iconStyles,
+  titleStyles
+} from "./chunk-3DO5AJCG.js";
+import {
+  SETTING_CARD
+} from "./chunk-IC7GHPMK.js";
+import {
+  Collapsible
+} from "./chunk-JYWF76Z5.js";
+import {
+  Chip
+} from "./chunk-OZPLAOI4.js";
+import {
+  Icon
+} from "./chunk-JAGAFEZL.js";
+import {
+  Button
+} from "./chunk-K6LNHHSH.js";
+import {
+  BUTTON_SIZES
+} from "./chunk-LN46DSMF.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/layout/SettingCard/SettingCard.parts.tsx
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useId, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var partTestId = (root, part) => root ? `${root}-${part}` : void 0;
+var SettingHeader = ({
+  titleId,
+  title,
+  headingLevel,
+  icon,
+  status,
+  trailing,
+  labelFor,
+  dataTestId
+}) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsxs(Box, { sx: headerStyles(theme), children: [
+    icon && /* @__PURE__ */ jsx(Box, { component: "span", "aria-hidden": true, sx: iconStyles(theme), children: icon }),
+    /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", flexWrap: "wrap", gap: 1, minWidth: 0, flex: 1 }, children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          component: labelFor ? "label" : headingLevel,
+          id: titleId,
+          htmlFor: labelFor,
+          sx: { ...titleStyles(theme), ...labelFor ? { cursor: "pointer" } : {} },
+          "data-testid": partTestId(dataTestId, "title"),
+          children: title
+        }
+      ),
+      status && /* @__PURE__ */ jsx(
+        Chip,
+        {
+          label: status.label,
+          color: status.color ?? "neutral",
+          size: "sm",
+          variant: "outlined",
+          dataTestId: partTestId(dataTestId, "status")
+        }
+      )
+    ] }),
+    trailing
+  ] });
+};
+var SaveError = ({
+  id,
+  message,
+  dataTestId
+}) => {
+  const theme = useTheme();
+  if (!message) return null;
+  return /* @__PURE__ */ jsx(Box, { component: "p", id, role: "alert", sx: errorStyles(theme), "data-testid": partTestId(dataTestId, "error"), children: message });
+};
+var PendingSpinner = ({ dataTestId }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx(
+    CircularProgress,
+    {
+      size: rem(theme, SETTING_CARD.spinnerSize),
+      color: "inherit",
+      "aria-hidden": true,
+      "data-testid": partTestId(dataTestId, "saving")
+    }
+  );
+};
+var LearnMore = ({ label, children, dataTestId }) => {
+  const [expanded, setExpanded] = useState(false);
+  const regionId = useId();
+  const theme = useTheme();
+  return (
+    // Pulled out by the button's own padding, so the words line up with the form above.
+    /* @__PURE__ */ jsxs(Box, { sx: { marginLeft: `-${rem(theme, BUTTON_SIZES.sm.paddingHorizontal)}` }, children: [
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "text",
+          size: "sm",
+          "aria-expanded": expanded,
+          "aria-controls": regionId,
+          onClick: () => setExpanded((was) => !was),
+          icon: /* @__PURE__ */ jsx(
+            Box,
+            {
+              component: "span",
+              sx: {
+                display: "inline-flex",
+                transform: expanded ? "rotate(180deg)" : "none",
+                transition: theme.transitions.create("transform")
+              },
+              children: /* @__PURE__ */ jsx(Icon, { name: "ExpandMore", size: "xs" })
+            }
+          ),
+          iconPosition: "right",
+          dataTestId: partTestId(dataTestId, "learn-more"),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx(Collapsible, { open: expanded, keepMounted: true, sx: { marginLeft: rem(theme, BUTTON_SIZES.sm.paddingHorizontal) }, dataTestId: partTestId(dataTestId, "learn-more-content"), children: /* @__PURE__ */ jsx(Box, { id: regionId, sx: { ...theme.typography.body2, color: "text.secondary", pt: 1 }, children }) })
+    ] })
+  );
+};
+
+export {
+  partTestId,
+  SettingHeader,
+  SaveError,
+  PendingSpinner,
+  LearnMore
+};
+//# sourceMappingURL=chunk-PEOOCQ2T.js.map

package/dist/chunk-PEOOCQ2T.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.parts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React, { useId, useState } from 'react';\n\nimport { Icon } from '../../../icons';\nimport { rem } from '../../../tokens/relative';\nimport { Chip } from '../../data-display/Chip';\nimport { Button } from '../../form/Button';\nimport { BUTTON_SIZES } from '../../form/Button/Button.metrics';\nimport { Collapsible } from '../Collapsible';\n\nimport { SETTING_CARD } from './SettingCard.metrics';\nimport { errorStyles, headerStyles, iconStyles, titleStyles } from './SettingCard.styles';\nimport type { SettingHeadingLevel, SettingStatus } from './SettingCard.types';\n\n/** `<root>-<part>` when the host gave a root test id, else nothing. */\nexport const partTestId = (root: string | undefined, part: string): string | undefined =>\n  root ? `${root}-${part}` : undefined;\n\ninterface HeaderProps {\n  titleId: string;\n  title: string;\n  headingLevel: SettingHeadingLevel;\n  icon?: React.ReactNode;\n  status?: SettingStatus;\n  /** Rendered at the row's far end — the Edit trigger, or a switch. */\n  trailing?: React.ReactNode;\n  /** Renders the title as a `<label>` for this control instead of a heading. */\n  labelFor?: string;\n  dataTestId?: string;\n}\n\n/**\n * Icon, title, status pill, and whatever the row ends with.\n *\n * A switch card's title is the switch's `<label>`, so the words are both its\n * accessible name and a tap target far larger than the track. An editable\n * card's title is a heading, so the page outline lists every setting.\n */\nexport const SettingHeader: React.FC<HeaderProps> = ({\n  titleId,\n  title,\n  headingLevel,\n  icon,\n  status,\n  trailing,\n  labelFor,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n  return (\n    <Box sx={headerStyles(theme)}>\n      {icon && (\n        <Box component=\"span\" aria-hidden sx={iconStyles(theme)}>\n          {icon}\n        </Box>\n      )}\n      <Box sx={{ display: 'flex', alignItems: 'center', flexWrap: 'wrap', gap: 1, minWidth: 0, flex: 1 }}>\n        <Box\n          component={labelFor ? 'label' : headingLevel}\n          id={titleId}\n          htmlFor={labelFor}\n          sx={{ ...titleStyles(theme), ...(labelFor ? { cursor: 'pointer' } : {}) }}\n          data-testid={partTestId(dataTestId, 'title')}\n        >\n          {title}\n        </Box>\n        {status && (\n          <Chip\n            label={status.label}\n            color={status.color ?? 'neutral'}\n            size=\"sm\"\n            variant=\"outlined\"\n            dataTestId={partTestId(dataTestId, 'status')}\n          />\n        )}\n      </Box>\n      {trailing}\n    </Box>\n  );\n};\n\n/**\n * The failure line. `role=\"alert\"` so it is announced the moment it appears,\n * without anyone having to move focus to find it.\n */\nexport const SaveError: React.FC<{ id: string; message: string | null; dataTestId?: string }> = ({\n  id,\n  message,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n  if (!message) return null;\n  return (\n    <Box component=\"p\" id={id} role=\"alert\" sx={errorStyles(theme)} data-testid={partTestId(dataTestId, 'error')}>\n      {message}\n    </Box>\n  );\n};\n\n/** The spinner that rides beside a pending control; decorative — the words are announced separately. */\nexport const PendingSpinner: React.FC<{ dataTestId?: string }> = ({ dataTestId }) => {\n  const theme = useTheme();\n  return (\n    <CircularProgress\n      size={rem(theme, SETTING_CARD.spinnerSize)}\n      color=\"inherit\"\n      aria-hidden\n      data-testid={partTestId(dataTestId, 'saving')}\n    />\n  );\n};\n\n/**\n * The \"learn more\" disclosure: a text button that owns `aria-expanded`, and\n * the collapsible region it controls. Closed by default — it is the longer\n * explanation, and the form is what the reader came for.\n */\nexport const LearnMore: React.FC<{\n  label: string;\n  children: React.ReactNode;\n  dataTestId?: string;\n}> = ({ label, children, dataTestId }) => {\n  const [expanded, setExpanded] = useState(false);\n  const regionId = useId();\n  const theme = useTheme();\n  return (\n    // Pulled out by the button's own padding, so the words line up with the form above.\n    <Box sx={{ marginLeft: `-${rem(theme, BUTTON_SIZES.sm.paddingHorizontal)}` }}>\n      <Button\n        variant=\"text\"\n        size=\"sm\"\n        aria-expanded={expanded}\n        aria-controls={regionId}\n        onClick={() => setExpanded((was) => !was)}\n        icon={\n          <Box\n            component=\"span\"\n            sx={{\n              display: 'inline-flex',\n              transform: expanded ? 'rotate(180deg)' : 'none',\n              transition: theme.transitions.create('transform'),\n            }}\n          >\n            <Icon name=\"ExpandMore\" size=\"xs\" />\n          </Box>\n        }\n        iconPosition=\"right\"\n        dataTestId={partTestId(dataTestId, 'learn-more')}\n      >\n        {label}\n      </Button>\n      {/* Kept mounted so `aria-controls` always names an element that exists. */}\n      <Collapsible open={expanded} keepMounted sx={{ marginLeft: rem(theme, BUTTON_SIZES.sm.paddingHorizontal) }} dataTestId={partTestId(dataTestId, 'learn-more-content')}>\n        <Box id={regionId} sx={{ ...theme.typography.body2, color: 'text.secondary', pt: 1 }}>\n          {children}\n        </Box>\n      </Collapsible>\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-PGGGKYWG.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-PGGGKYWG.js.map

package/dist/chunk-PGGGKYWG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-QX3CXOJ3.js → chunk-PTONBPZL.js}

@@ -4,7 +4,7 @@ import {
 import {
   asFieldSize,
   fieldTextFieldStyles
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   rem,
   sxRem
@@ -73,4 +73,4 @@ export {
   ItemsPerPageSelect,
   PageInfo
 };
-//# sourceMappingURL=chunk-QX3CXOJ3.js.map
+//# sourceMappingURL=chunk-PTONBPZL.js.map

package/dist/chunk-Q4JWWTL4.js

@@ -0,0 +1,36 @@
+// src/components/form/NumberField/NumberField.helpers.ts
+var MAX_DIGITS = 15;
+function digitsOf(raw) {
+  return raw.replace(/\D+/g, "").slice(0, MAX_DIGITS);
+}
+function parseDigits(raw) {
+  const digits = digitsOf(raw);
+  return digits === "" ? null : Number(digits);
+}
+function formatValue(value) {
+  return value === null || !Number.isFinite(value) ? "" : String(value);
+}
+function clamp(value, { min, max }) {
+  if (max !== void 0 && value > max) return max;
+  if (min !== void 0 && value < min) return min;
+  return value;
+}
+function stepValue(value, direction, step, bounds) {
+  if (value === null) return clamp(bounds.min ?? 0, bounds);
+  return clamp(value + direction * step, bounds);
+}
+function isRefusedKey(event) {
+  if (event.ctrlKey || event.metaKey || event.altKey) return false;
+  return event.key.length === 1 && !/\d/.test(event.key);
+}
+
+export {
+  MAX_DIGITS,
+  digitsOf,
+  parseDigits,
+  formatValue,
+  clamp,
+  stepValue,
+  isRefusedKey
+};
+//# sourceMappingURL=chunk-Q4JWWTL4.js.map

package/dist/chunk-Q4JWWTL4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/NumberField/NumberField.helpers.ts"],"sourcesContent":["/**\n * The pure half of `NumberField`: what a keystroke may add, what a string of\n * digits is worth, and where an arrow key lands. Kept apart from the component\n * so every rule is a plain function a unit test can hold.\n */\n\n/**\n * The most digits the field keeps. Fifteen is the longest run that is always\n * a safe integer (`Number.MAX_SAFE_INTEGER` has sixteen, but not every\n * sixteen-digit number is below it), so a pasted serial number can never turn\n * into a rounded float.\n */\nexport const MAX_DIGITS = 15;\n\nexport interface NumberBounds {\n  min?: number;\n  max?: number;\n}\n\n/** Everything that is not a digit, removed; then cut to {@link MAX_DIGITS}. */\nexport function digitsOf(raw: string): string {\n  return raw.replace(/\\D+/g, '').slice(0, MAX_DIGITS);\n}\n\n/**\n * What the field's text is worth. An empty field is `null` — never `0`, and\n * never `NaN` — so \"cleared\" and \"zero\" stay two different answers.\n */\nexport function parseDigits(raw: string): number | null {\n  const digits = digitsOf(raw);\n  return digits === '' ? null : Number(digits);\n}\n\n/** The text a value shows as. */\nexport function formatValue(value: number | null): string {\n  return value === null || !Number.isFinite(value) ? '' : String(value);\n}\n\n/** `value`, held inside whichever bounds are set. */\nexport function clamp(value: number, { min, max }: NumberBounds): number {\n  if (max !== undefined && value > max) return max;\n  if (min !== undefined && value < min) return min;\n  return value;\n}\n\n/**\n * Where ArrowUp (`+1`) or ArrowDown (`-1`) takes the value.\n *\n * From empty, either arrow lands on the floor (`min`, else 0) rather than\n * stepping past it: the first press says \"give me a number\", and the floor is\n * the only one both directions agree on.\n */\nexport function stepValue(\n  value: number | null,\n  direction: 1 | -1,\n  step: number,\n  bounds: NumberBounds,\n): number {\n  if (value === null) return clamp(bounds.min ?? 0, bounds);\n  return clamp(value + direction * step, bounds);\n}\n\n/**\n * A key that would type a character the field refuses. Shortcuts (Ctrl/Cmd +\n * a letter — copy, paste, select all) and the named keys (`Backspace`,\n * `ArrowLeft`, `Tab`) are left alone: only a single printable character that\n * is not a digit is blocked.\n */\nexport function isRefusedKey(event: {\n  key: string;\n  ctrlKey: boolean;\n  metaKey: boolean;\n  altKey: boolean;\n}): boolean {\n  if (event.ctrlKey || event.metaKey || event.altKey) return false;\n  return event.key.length === 1 && !/\\d/.test(event.key);\n}\n"],"mappings":";AAYO,IAAM,aAAa;AAQnB,SAAS,SAAS,KAAqB;AAC5C,SAAO,IAAI,QAAQ,QAAQ,EAAE,EAAE,MAAM,GAAG,UAAU;AACpD;AAMO,SAAS,YAAY,KAA4B;AACtD,QAAM,SAAS,SAAS,GAAG;AAC3B,SAAO,WAAW,KAAK,OAAO,OAAO,MAAM;AAC7C;AAGO,SAAS,YAAY,OAA8B;AACxD,SAAO,UAAU,QAAQ,CAAC,OAAO,SAAS,KAAK,IAAI,KAAK,OAAO,KAAK;AACtE;AAGO,SAAS,MAAM,OAAe,EAAE,KAAK,IAAI,GAAyB;AACvE,MAAI,QAAQ,UAAa,QAAQ,IAAK,QAAO;AAC7C,MAAI,QAAQ,UAAa,QAAQ,IAAK,QAAO;AAC7C,SAAO;AACT;AASO,SAAS,UACd,OACA,WACA,MACA,QACQ;AACR,MAAI,UAAU,KAAM,QAAO,MAAM,OAAO,OAAO,GAAG,MAAM;AACxD,SAAO,MAAM,QAAQ,YAAY,MAAM,MAAM;AAC/C;AAQO,SAAS,aAAa,OAKjB;AACV,MAAI,MAAM,WAAW,MAAM,WAAW,MAAM,OAAQ,QAAO;AAC3D,SAAO,MAAM,IAAI,WAAW,KAAK,CAAC,KAAK,KAAK,MAAM,GAAG;AACvD;","names":[]}

package/dist/{chunk-4UASV6VL.js → chunk-QDELBNL3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   ToggleGroup
-} from "./chunk-SCVBGQFO.js";
+} from "./chunk-KQZGUHYZ.js";
 import {
   FormControl,
   FormLabel,
@@ -38,4 +38,4 @@ function ToggleField({ name, options, label }) {
 export {
   ToggleField
 };
-//# sourceMappingURL=chunk-4UASV6VL.js.map
+//# sourceMappingURL=chunk-QDELBNL3.js.map

package/dist/{chunk-ZE56GK5C.js → chunk-QEI5DC6S.js}

@@ -4,13 +4,13 @@ import {
 } from "./chunk-4RDJMIWL.js";
 import {
   fieldBorder
-} from "./chunk-EXFX3JRN.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   FIELD_BORDER_WIDTH
 } from "./chunk-O6MJWHU5.js";
@@ -225,4 +225,4 @@ Textarea.displayName = "Textarea";
 export {
   Textarea
 };
-//# sourceMappingURL=chunk-ZE56GK5C.js.map
+//# sourceMappingURL=chunk-QEI5DC6S.js.map

package/dist/chunk-QGUNUXTT.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-QGUNUXTT.js.map

package/dist/chunk-QGUNUXTT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/{chunk-3UXBIUJF.js → chunk-RDFPM2AQ.js}

@@ -1,18 +1,18 @@
 import {
   DataViewsExportMenu
-} from "./chunk-VE3P77TV.js";
+} from "./chunk-DLWLIPCP.js";
 import {
   DataViewsDisplayPanel
-} from "./chunk-BDBI4W77.js";
+} from "./chunk-6MD5QXXJ.js";
 import {
   renderBulkActions
-} from "./chunk-H772ZSAI.js";
+} from "./chunk-NQ7NMCRI.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   FilterTrigger
-} from "./chunk-5K4G2XYS.js";
+} from "./chunk-SNBAMWI5.js";
 import {
   ContentToolbar
 } from "./chunk-TZFBJ47T.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-3UXBIUJF.js.map
+//# sourceMappingURL=chunk-RDFPM2AQ.js.map

package/dist/chunk-RDZGXJOD.js

@@ -0,0 +1,74 @@
+import {
+  PendingSpinner,
+  SaveError,
+  SettingHeader,
+  partTestId
+} from "./chunk-PEOOCQ2T.js";
+import {
+  descriptionStyles
+} from "./chunk-3DO5AJCG.js";
+import {
+  Switch
+} from "./chunk-ZGCPDA3F.js";
+import {
+  SR_ONLY_SX
+} from "./chunk-ANYOSBNA.js";
+
+// src/components/layout/SettingCard/SettingSwitch.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { useId } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var useSettingSwitchIds = () => {
+  const base = useId();
+  return {
+    titleId: `${base}-title`,
+    inputId: `${base}-switch`,
+    summaryId: `${base}-summary`,
+    errorId: `${base}-error`
+  };
+};
+var SettingSwitchBlock = ({ title, headingLevel = "h3", icon, summary, copy, disabled, dataTestId, ids, state }) => {
+  const theme = useTheme();
+  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: [
+    saving && /* @__PURE__ */ jsx(PendingSpinner, { dataTestId }),
+    /* @__PURE__ */ jsx(
+      Switch,
+      {
+        id: ids.inputId,
+        checked: shown,
+        onChange: (event) => void flip(event.target.checked),
+        disabled,
+        error: Boolean(error),
+        "aria-describedby": describedBy || void 0,
+        inputProps: { role: "switch", "aria-busy": saving },
+        dataTestId: partTestId(dataTestId, "switch")
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SettingHeader,
+      {
+        titleId: ids.titleId,
+        title,
+        headingLevel,
+        icon,
+        labelFor: ids.inputId,
+        trailing: control,
+        dataTestId
+      }
+    ),
+    summary != null && /* @__PURE__ */ jsx(Box, { component: "p", id: ids.summaryId, sx: descriptionStyles(theme), "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 : "" })
+  ] });
+};
+
+export {
+  useSettingSwitchIds,
+  SettingSwitchBlock
+};
+//# sourceMappingURL=chunk-RDZGXJOD.js.map

package/dist/chunk-RDZGXJOD.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 { descriptionStyles } from './SettingCard.styles';\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 { 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        dataTestId={dataTestId}\n      />\n      {summary != null && (\n        <Box component=\"p\" id={ids.summaryId} sx={descriptionStyles(theme)} data-testid={partTestId(dataTestId, 'summary')}>\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;AAoDzB,SAgBA,UAfa,KADb;AA5BG,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,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;AAAA;AAAA,IACF;AAAA,IACC,WAAW,QACV,oBAAC,OAAI,WAAU,KAAI,IAAI,IAAI,WAAW,IAAI,kBAAkB,KAAK,GAAG,eAAa,WAAW,YAAY,SAAS,GAC9G,mBACH;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-RN7UJI7S.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-RN7UJI7S.js.map