@12-apps/ui 6.39.20 → 6.41.0

package/dist/{chunk-VJ2BNJ5M.js → chunk-QMELMQPA.js}

@@ -1,10 +1,10 @@
-import {
-  buildChartContext
-} from "./chunk-IQJCLFF4.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  buildChartContext
+} from "./chunk-GANW7FXQ.js";
 import {
   uiInk
 } from "./chunk-FQ6UW7IY.js";
@@ -318,4 +318,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-VJ2BNJ5M.js.map
+//# sourceMappingURL=chunk-QMELMQPA.js.map

package/dist/{chunk-HDJQDMHB.js → chunk-QMHS6ZDI.js}

@@ -1,6 +1,6 @@
 import {
   FIELD_BORDER_WIDTH
-} from "./chunk-PZBK3F52.js";
+} from "./chunk-O6MJWHU5.js";
 import {
   rem,
   rems
@@ -146,4 +146,4 @@ var tabsRootStyles = ({
 export {
   tabsRootStyles
 };
-//# sourceMappingURL=chunk-HDJQDMHB.js.map
+//# sourceMappingURL=chunk-QMHS6ZDI.js.map

package/dist/{chunk-2WVHZIWP.js → chunk-QSRZOXQI.js}

@@ -4,7 +4,7 @@ import {
   useMapPointer,
   useMapSearch,
   useMapView
-} from "./chunk-JKIKHWD2.js";
+} from "./chunk-5NT2M2JI.js";
 
 // src/components/data-display/MapPreview/useMapPreview.ts
 import { useMemo, useRef } from "react";
@@ -53,4 +53,4 @@ var useMapPreview = (props) => {
 export {
   useMapPreview
 };
-//# sourceMappingURL=chunk-2WVHZIWP.js.map
+//# sourceMappingURL=chunk-QSRZOXQI.js.map

package/dist/{chunk-C3LZ3OGJ.js → chunk-R2FUQV24.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-TCAQOUIB.js";
+} from "./chunk-ZSTSISM6.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -64,4 +64,4 @@ export {
   commandSizeStyles,
   commandPaperStyles
 };
-//# sourceMappingURL=chunk-C3LZ3OGJ.js.map
+//# sourceMappingURL=chunk-R2FUQV24.js.map

package/dist/{chunk-GOWBYHYW.js → chunk-R6SBP5M5.js}

@@ -1,10 +1,10 @@
-import {
-  chartValueFormatter
-} from "./chunk-QVWNK4JO.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes
 } from "./chunk-WKUA6P3W.js";
+import {
+  chartValueFormatter
+} from "./chunk-QVWNK4JO.js";
 
 // src/components/data-display/Chart/chart-spec.ts
 var CHART_SEMANTIC_COLORS = [
@@ -149,4 +149,4 @@ export {
   parseChartSpec,
   specToChartProps
 };
-//# sourceMappingURL=chunk-GOWBYHYW.js.map
+//# sourceMappingURL=chunk-R6SBP5M5.js.map

package/dist/{chunk-HWSS6C7C.js → chunk-RDFPM2AQ.js}

@@ -1,18 +1,18 @@
-import {
-  DataViewsDisplayPanel
-} from "./chunk-ME3WYPYK.js";
 import {
   DataViewsExportMenu
-} from "./chunk-S6JHTEV4.js";
+} from "./chunk-DLWLIPCP.js";
+import {
+  DataViewsDisplayPanel
+} from "./chunk-6MD5QXXJ.js";
 import {
   renderBulkActions
-} from "./chunk-VPPIODKX.js";
+} from "./chunk-NQ7NMCRI.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
 import {
   FilterTrigger
-} from "./chunk-UMNXSQ7I.js";
+} from "./chunk-SNBAMWI5.js";
 import {
   ContentToolbar
 } from "./chunk-TZFBJ47T.js";
@@ -21,7 +21,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-URHX4FAQ.js";
+} from "./chunk-MKLIMY3D.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -136,4 +136,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-HWSS6C7C.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

package/dist/chunk-RN7UJI7S.js.map

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

package/dist/chunk-RPBGUWNF.js

@@ -0,0 +1,168 @@
+import {
+  useSettingCard
+} from "./chunk-SALQ65SM.js";
+import {
+  LearnMore,
+  PendingSpinner,
+  SaveError,
+  SettingHeader,
+  partTestId
+} from "./chunk-PEOOCQ2T.js";
+import {
+  SETTING_CARD_OPEN_ATTR,
+  actionsStyles,
+  summaryStyles,
+  surfaceStyles,
+  withCallerSx
+} from "./chunk-3DO5AJCG.js";
+import {
+  Icon
+} from "./chunk-JAGAFEZL.js";
+import {
+  Button
+} from "./chunk-K6LNHHSH.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-RPBGUWNF.js.map

package/dist/chunk-RPBGUWNF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport React, { forwardRef, useId } from 'react';\n\nimport { Icon } from '../../../icons';\nimport { Button } from '../../form/Button';\n\nimport { useSettingCard } from './SettingCard.hooks';\nimport { LearnMore, PendingSpinner, SaveError, SettingHeader, partTestId } from './SettingCard.parts';\nimport { SETTING_CARD_OPEN_ATTR, actionsStyles, summaryStyles, surfaceStyles, withCallerSx } from './SettingCard.styles';\nimport type { SettingCardCopy, SettingCardProps } from './SettingCard.types';\n\ninterface OpenBodyProps {\n  bodyRef: React.RefObject<HTMLDivElement | null>;\n  titleId: string;\n  errorId: string;\n  copy: SettingCardCopy;\n  learnMore?: React.ReactNode;\n  children: React.ReactNode;\n  saving: boolean;\n  error: string | null;\n  saveDisabled: boolean;\n  onSave: () => void;\n  onCancel: () => void;\n  dataTestId?: string;\n}\n\n/**\n * The open card: the host's form, the disclosure, the failure line, and the\n * two actions.\n *\n * Save is NOT `disabled` while it saves — it is `aria-disabled` and ignores\n * the click. A disabled button drops the focus it holds, so a keyboard user\n * who pressed Save would land on `<body>` and, if the save then failed, have\n * to find their way back to the form from the top of the page.\n */\nconst OpenBody: React.FC<OpenBodyProps> = ({\n  bodyRef, titleId, errorId, copy, learnMore, children, saving, error, saveDisabled, onSave, onCancel, dataTestId,\n}) => {\n  const onKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key !== 'Escape') return;\n    event.stopPropagation();\n    onCancel();\n  };\n\n  return (\n    <Box\n      ref={bodyRef}\n      role=\"group\"\n      aria-labelledby={titleId}\n      onKeyDown={onKeyDown}\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2, flex: 1 }}\n      data-testid={partTestId(dataTestId, 'body')}\n    >\n      <Box>{children}</Box>\n      {learnMore && (\n        <LearnMore label={copy.learnMore} dataTestId={dataTestId}>\n          {learnMore}\n        </LearnMore>\n      )}\n      <SaveError id={errorId} message={error} dataTestId={dataTestId} />\n      <Box sx={(theme) => actionsStyles(theme)}>\n        <Button variant=\"ghost\" color=\"neutral\" onClick={onCancel} disabled={saving} dataTestId={partTestId(dataTestId, 'cancel')}>\n          {copy.cancel}\n        </Button>\n        <Button\n          variant=\"solid\"\n          onClick={onSave}\n          disabled={saveDisabled}\n          aria-disabled={saving || undefined}\n          aria-describedby={error ? errorId : undefined}\n          icon={saving ? <PendingSpinner dataTestId={dataTestId} /> : undefined}\n          iconPosition=\"left\"\n          dataTestId={partTestId(dataTestId, 'save')}\n        >\n          {saving ? copy.saving : copy.save}\n        </Button>\n      </Box>\n    </Box>\n  );\n};\n\n/**\n * A setting, summarised while closed and edited in place.\n *\n * Closed: title, status pill, a one-line summary and Edit. Edit opens the card\n * where it is — no dialog, no route — around the host's form, a \"learn more\"\n * disclosure and Cancel / Save. Save may be async: the card holds its saving\n * state while the promise is pending, closes when it resolves, and stays open\n * with the error when it rejects. Focus moves into the card as it opens and\n * back to Edit as it closes.\n */\ninterface EditTriggerProps {\n  triggerRef: React.RefObject<HTMLButtonElement | null>;\n  id: string;\n  titleId: string;\n  label: string;\n  disabled: boolean;\n  onOpen: () => void;\n  dataTestId?: string;\n}\n\n/** Edit. Its accessible name is \"Edit\" AND the card's title, so a grid of them is not a list of \"Edit, Edit, Edit\". */\nconst EditTrigger: React.FC<EditTriggerProps> = ({ triggerRef, id, titleId, label, disabled, onOpen, dataTestId }) => (\n  <Button\n    ref={triggerRef}\n    id={id}\n    variant=\"outline\"\n    color=\"neutral\"\n    size=\"sm\"\n    icon={<Icon name=\"Edit\" size=\"xs\" />}\n    iconPosition=\"left\"\n    disabled={disabled}\n    aria-labelledby={`${id} ${titleId}`}\n    onClick={onOpen}\n    dataTestId={partTestId(dataTestId, 'edit')}\n  >\n    {label}\n  </Button>\n);\n\n/**\n * A setting, summarised while closed and edited in place.\n *\n * Closed: title, status pill, a one-line summary and Edit. Edit opens the card\n * where it is — no dialog, no route — around the host's form, a \"learn more\"\n * disclosure and Cancel / Save. Save may be async: the card holds its saving\n * state while the promise is pending, closes when it resolves, and stays open\n * with the error when it rejects. Focus moves into the card as it opens and\n * back to Edit as it closes.\n */\nexport const SettingCard = forwardRef<HTMLElement, SettingCardProps>(function SettingCard(props, ref) {\n  const { title, headingLevel = 'h3', icon, status, summary, children, learnMore, copy, dataTestId, className, sx } = props;\n  const baseId = useId();\n  const titleId = `${baseId}-title`;\n  const card = useSettingCard(props);\n  const { open } = card;\n\n  return (\n    <Box\n      component=\"section\"\n      ref={ref}\n      aria-labelledby={titleId}\n      aria-busy={card.saving || undefined}\n      data-state={open ? 'open' : 'closed'}\n      {...{ [SETTING_CARD_OPEN_ATTR]: open ? '' : undefined }}\n      data-testid={dataTestId}\n      className={className}\n      sx={withCallerSx((theme) => surfaceStyles(theme, open), sx)}\n    >\n      <SettingHeader\n        titleId={titleId}\n        title={title}\n        headingLevel={headingLevel}\n        icon={icon}\n        status={status}\n        trailing={\n          open ? null : (\n            <EditTrigger\n              triggerRef={card.editRef}\n              id={`${baseId}-edit`}\n              titleId={titleId}\n              label={copy.edit}\n              disabled={card.disabled}\n              onOpen={card.openCard}\n              dataTestId={dataTestId}\n            />\n          )\n        }\n        dataTestId={dataTestId}\n      />\n      {!open && summary != null && (\n        <Box component=\"p\" sx={summaryStyles} data-testid={partTestId(dataTestId, 'summary')}>\n          {summary}\n        </Box>\n      )}\n      {open && (\n        <OpenBody\n          bodyRef={card.bodyRef}\n          titleId={titleId}\n          errorId={`${baseId}-error`}\n          copy={copy}\n          learnMore={learnMore}\n          saving={card.saving}\n          error={card.error}\n          saveDisabled={card.saveDisabled}\n          onSave={card.save}\n          onCancel={card.cancel}\n          dataTestId={dataTestId}\n        >\n          {children}\n        </OpenBody>\n      )}\n    </Box>\n  );\n});\n\nSettingCard.displayName = 'SettingCard';\n"],"mappings":"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","names":["SettingCard"]}

package/dist/{chunk-4RPFI474.js → chunk-RSDYS5B3.js}

@@ -4,16 +4,16 @@ import {
   MapDecorativePins,
   MapRoads,
   MapScaleBar
-} from "./chunk-K5V6TCYB.js";
+} from "./chunk-5ETBB2DG.js";
 import {
   MapTiles
-} from "./chunk-M4QXG5JP.js";
-import {
-  getTileCoordinates
-} from "./chunk-CB6DTWD5.js";
+} from "./chunk-HQWJUHR4.js";
 import {
   surfaceBackground
 } from "./chunk-X6AIKCAV.js";
+import {
+  getTileCoordinates
+} from "./chunk-CB6DTWD5.js";
 
 // src/components/data-display/MapPreview/StaticMapView.tsx
 import Box from "@mui/material/Box/index.js";
@@ -59,4 +59,4 @@ var StaticMapView = ({
 export {
   StaticMapView
 };
-//# sourceMappingURL=chunk-4RPFI474.js.map
+//# sourceMappingURL=chunk-RSDYS5B3.js.map

package/dist/{chunk-X53F33KA.js → chunk-RWXYND4H.js}

@@ -2,7 +2,7 @@ import {
   labelledSeparatorLayout,
   separatorBlockMargin,
   separatorStyles
-} from "./chunk-35443PF6.js";
+} from "./chunk-JIRZ27RI.js";
 
 // src/components/layout/Separator/Separator.tsx
 import Box from "@mui/material/Box/index.js";
@@ -73,4 +73,4 @@ var Separator = ({
 export {
   Separator
 };
-//# sourceMappingURL=chunk-X53F33KA.js.map
+//# sourceMappingURL=chunk-RWXYND4H.js.map

package/dist/{chunk-4NPPO63U.js → chunk-RZ2VZ7SL.js}

@@ -1,13 +1,13 @@
+import {
+  SettingsRail
+} from "./chunk-TNYKM4UU.js";
 import {
   activeItemLabel,
   filterGroups
 } from "./chunk-BXC6GRLE.js";
 import {
   SettingsPanel
-} from "./chunk-3CTQZDSD.js";
-import {
-  SettingsRail
-} from "./chunk-TNYKM4UU.js";
+} from "./chunk-TCNTIGMY.js";
 import {
   atLeastRail
 } from "./chunk-NYFNF7I5.js";
@@ -135,4 +135,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-4NPPO63U.js.map
+//# sourceMappingURL=chunk-RZ2VZ7SL.js.map

package/dist/{chunk-ORRI6FMN.js → chunk-S4IXC2V3.js}

@@ -7,11 +7,11 @@ import {
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-JC22FNFA.js";
+} from "./chunk-Z6T5SXST.js";
 import {
   fieldBorder,
   fieldHeight
-} from "./chunk-CGO452DC.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -158,4 +158,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-ORRI6FMN.js.map
+//# sourceMappingURL=chunk-S4IXC2V3.js.map

package/dist/chunk-SALQ65SM.js

@@ -0,0 +1,118 @@
+import {
+  focusFirstTabbable
+} from "./chunk-LV7LSPBF.js";
+
+// src/components/layout/SettingCard/SettingCard.hooks.ts
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from "react";
+function saveErrorMessage(error, formatError, fallback) {
+  return formatError?.(error) ?? fallback;
+}
+function useControllableOpen(open, defaultOpen, onOpenChange) {
+  const [inner, setInner] = useState(defaultOpen);
+  const controlled = open !== void 0;
+  const value = controlled ? open : inner;
+  const setOpen = useCallback(
+    (next) => {
+      if (!controlled) setInner(next);
+      onOpenChange?.(next);
+    },
+    [controlled, onOpenChange]
+  );
+  return [value, setOpen];
+}
+function useSaveRunner(formatError, fallback) {
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const seq = useRef(0);
+  useEffect(
+    () => () => {
+      seq.current += 1;
+    },
+    []
+  );
+  const run = useCallback(
+    async (save) => {
+      const mine = seq.current += 1;
+      setSaving(true);
+      setError(null);
+      try {
+        await Promise.resolve().then(save);
+        if (seq.current !== mine) return false;
+        setSaving(false);
+        return true;
+      } catch (cause) {
+        if (seq.current !== mine) return false;
+        setSaving(false);
+        setError(saveErrorMessage(cause, formatError, fallback));
+        return false;
+      }
+    },
+    [formatError, fallback]
+  );
+  const reset = useCallback(() => {
+    seq.current += 1;
+    setSaving(false);
+    setError(null);
+  }, []);
+  return { saving, error, run, reset };
+}
+function useAsyncSwitch(options) {
+  const { checked, onChange, formatError, fallback } = options;
+  const [pending, setPending] = useState(null);
+  const { saving, error, run } = useSaveRunner(formatError, fallback);
+  const flip = useCallback(
+    async (next) => {
+      if (saving) return;
+      setPending(next);
+      await run(() => onChange(next));
+      setPending(null);
+    },
+    [saving, run, onChange]
+  );
+  return { shown: pending ?? checked, saving, error, flip };
+}
+function useFocusHandoff(open, body, trigger) {
+  const previous = useRef(open);
+  useLayoutEffect(() => {
+    if (previous.current === open) return;
+    previous.current = open;
+    if (open && body.current) focusFirstTabbable(body.current);
+    if (!open) trigger.current?.focus();
+  }, [open, body, trigger]);
+}
+function useSettingCard(props) {
+  const { copy, onSave, onCancel, open: openProp, defaultOpen = false, onOpenChange, formatError } = props;
+  const disabled = props.disabled ?? false;
+  const saveDisabled = props.saveDisabled ?? false;
+  const [open, setOpen] = useControllableOpen(openProp, defaultOpen, onOpenChange);
+  const { saving, error, run, reset } = useSaveRunner(formatError, copy.saveFailed);
+  const bodyRef = useRef(null);
+  const editRef = useRef(null);
+  useFocusHandoff(open, bodyRef, editRef);
+  useEffect(() => {
+    if (!open) reset();
+  }, [open, reset]);
+  const openCard = useCallback(() => setOpen(true), [setOpen]);
+  const cancel = useCallback(() => {
+    if (saving) return;
+    setOpen(false);
+    onCancel?.();
+  }, [saving, setOpen, onCancel]);
+  const save = useCallback(() => {
+    if (saving || saveDisabled) return;
+    void run(onSave).then((saved) => {
+      if (saved) setOpen(false);
+    });
+  }, [saving, saveDisabled, run, onSave, setOpen]);
+  return { open, disabled, saveDisabled, saving, error, bodyRef, editRef, openCard, cancel, save };
+}
+
+export {
+  saveErrorMessage,
+  useControllableOpen,
+  useSaveRunner,
+  useAsyncSwitch,
+  useFocusHandoff,
+  useSettingCard
+};
+//# sourceMappingURL=chunk-SALQ65SM.js.map

package/dist/chunk-SALQ65SM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/SettingCard/SettingCard.hooks.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useRef, useState, type RefObject } from 'react';\n\nimport { focusFirstTabbable } from '../../feedback/Dialog/Dialog.focus';\n\nimport type { SettingCardProps, SettingErrorFormatter, SettingSaveResult } from './SettingCard.types';\n\n/** The sentence a rejected save shows: the host's, else the copy's fallback. */\nexport function saveErrorMessage(\n  error: unknown,\n  formatError: SettingErrorFormatter | undefined,\n  fallback: string,\n): string {\n  return formatError?.(error) ?? fallback;\n}\n\n/**\n * Open state that is controlled when `open` is passed and uncontrolled\n * otherwise — the shape MUI's own `useControlled` has, without its dev-only\n * warnings reaching into this package's surface.\n */\nexport function useControllableOpen(\n  open: boolean | undefined,\n  defaultOpen: boolean,\n  onOpenChange: ((open: boolean) => void) | undefined,\n): [boolean, (next: boolean) => void] {\n  const [inner, setInner] = useState(defaultOpen);\n  const controlled = open !== undefined;\n  const value = controlled ? open : inner;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!controlled) setInner(next);\n      onOpenChange?.(next);\n    },\n    [controlled, onOpenChange],\n  );\n\n  return [value, setOpen];\n}\n\n/**\n * Runs a save that may or may not be async and reports how it went.\n *\n * `Promise.resolve().then(save)` rather than `await save()`: it also catches a\n * handler that throws SYNCHRONOUSLY, which an `await` inside `try` would too —\n * but it keeps the pending state visible for one tick even when the handler\n * returns nothing, so a save never \"succeeds\" in the middle of the click that\n * started it. A sequence id drops the outcome of a run the card has since\n * abandoned (closed, or started again).\n */\nexport function useSaveRunner(formatError: SettingErrorFormatter | undefined, fallback: string) {\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const seq = useRef(0);\n\n  useEffect(\n    () => () => {\n      // Unmounted: whatever is still in flight has nobody left to report to.\n      seq.current += 1;\n    },\n    [],\n  );\n\n  const run = useCallback(\n    async (save: () => SettingSaveResult): Promise<boolean> => {\n      const mine = (seq.current += 1);\n      setSaving(true);\n      setError(null);\n      try {\n        await Promise.resolve().then(save);\n        if (seq.current !== mine) return false;\n        setSaving(false);\n        return true;\n      } catch (cause) {\n        if (seq.current !== mine) return false;\n        setSaving(false);\n        setError(saveErrorMessage(cause, formatError, fallback));\n        return false;\n      }\n    },\n    [formatError, fallback],\n  );\n\n  const reset = useCallback(() => {\n    seq.current += 1;\n    setSaving(false);\n    setError(null);\n  }, []);\n\n  return { saving, error, run, reset };\n}\n\n/**\n * A switch that saves the moment it flips.\n *\n * It shows the flip at once (`pending`) and holds it while the save runs; a\n * success hands back to the host's `checked`, which by then says the same\n * thing, and a failure drops `pending` so the switch returns to what is\n * actually saved. A flip while one is in flight is ignored rather than queued:\n * two racing writes of a boolean have no right answer.\n */\nexport function useAsyncSwitch(options: {\n  checked: boolean;\n  onChange: (checked: boolean) => SettingSaveResult;\n  formatError: SettingErrorFormatter | undefined;\n  fallback: string;\n}) {\n  const { checked, onChange, formatError, fallback } = options;\n  const [pending, setPending] = useState<boolean | null>(null);\n  const { saving, error, run } = useSaveRunner(formatError, fallback);\n\n  const flip = useCallback(\n    async (next: boolean) => {\n      if (saving) return;\n      setPending(next);\n      await run(() => onChange(next));\n      setPending(null);\n    },\n    [saving, run, onChange],\n  );\n\n  return { shown: pending ?? checked, saving, error, flip };\n}\n\n/**\n * Focus follows the card: into it when it opens, back to the trigger when it\n * closes.\n *\n * Inward, it is the Dialog's own rule (`focusFirstTabbable`, FUT-2696): the\n * first tabbable descendant, and a caller's `autoFocus` keeps winning. The\n * card is NOT a trap — it is inline, the rest of the page is still there, and\n * locking Tab inside it would strand a keyboard user who wants to leave\n * mid-edit. What it owes them is the round trip: the Edit trigger unmounts\n * while the card is open, so without the return focus would fall to <body>\n * and the reader would start again from the top of the page.\n *\n * Only a TRANSITION moves focus: a card mounted open (or closed) leaves focus\n * where the page put it.\n */\nexport function useFocusHandoff(\n  open: boolean,\n  body: RefObject<HTMLElement | null>,\n  trigger: RefObject<HTMLElement | null>,\n): void {\n  const previous = useRef(open);\n\n  useLayoutEffect(() => {\n    if (previous.current === open) return;\n    previous.current = open;\n    if (open && body.current) focusFirstTabbable(body.current);\n    if (!open) trigger.current?.focus();\n  }, [open, body, trigger]);\n}\n\n/**\n * Everything an editable card DOES, apart from how it looks: its open state,\n * the save and its outcome, Cancel, and where focus goes.\n */\nexport function useSettingCard(props: SettingCardProps) {\n  const { copy, onSave, onCancel, open: openProp, defaultOpen = false, onOpenChange, formatError } = props;\n  const disabled = props.disabled ?? false;\n  const saveDisabled = props.saveDisabled ?? false;\n  const [open, setOpen] = useControllableOpen(openProp, defaultOpen, onOpenChange);\n  const { saving, error, run, reset } = useSaveRunner(formatError, copy.saveFailed);\n  const bodyRef = useRef<HTMLDivElement>(null);\n  const editRef = useRef<HTMLButtonElement>(null);\n  useFocusHandoff(open, bodyRef, editRef);\n\n  // However the card closed — Cancel, a save, or a controlling host — the\n  // next opening starts without the last one's error.\n  useEffect(() => {\n    if (!open) reset();\n  }, [open, reset]);\n\n  const openCard = useCallback(() => setOpen(true), [setOpen]);\n\n  const cancel = useCallback(() => {\n    if (saving) return;\n    setOpen(false);\n    onCancel?.();\n  }, [saving, setOpen, onCancel]);\n\n  const save = useCallback(() => {\n    if (saving || saveDisabled) return;\n    void run(onSave).then((saved) => {\n      if (saved) setOpen(false);\n    });\n  }, [saving, saveDisabled, run, onSave, setOpen]);\n\n  return { open, disabled, saveDisabled, saving, error, bodyRef, editRef, openCard, cancel, save };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-MXCIUKTQ.js → chunk-SDBBJ6FG.js}

@@ -1,3 +1,6 @@
+import {
+  panelSx
+} from "./chunk-PRLYYKMG.js";
 import {
   useSheetDrag,
   useSheetOpen
@@ -5,9 +8,6 @@ import {
 import {
   SheetBody
 } from "./chunk-3U3H3BZM.js";
-import {
-  panelSx
-} from "./chunk-EJYJLVPK.js";
 import {
   SheetOverlay
 } from "./chunk-FPVYD7BO.js";
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-MXCIUKTQ.js.map
+//# sourceMappingURL=chunk-SDBBJ6FG.js.map