@12-apps/ui 6.40.0 → 6.41.0

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-BKHO4RSF.js → chunk-RZ2VZ7SL.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-BXC6GRLE.js";
 import {
   SettingsPanel
-} from "./chunk-MKJHDHLF.js";
+} from "./chunk-TCNTIGMY.js";
 import {
   atLeastRail
 } from "./chunk-NYFNF7I5.js";
@@ -135,4 +135,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-BKHO4RSF.js.map
+//# sourceMappingURL=chunk-RZ2VZ7SL.js.map

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

@@ -7,11 +7,11 @@ import {
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-NFJ3VVD3.js";
+} from "./chunk-Z6T5SXST.js";
 import {
   fieldBorder,
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -158,4 +158,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-MT7QJRP7.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-XOZYUJQ5.js → chunk-SDKOOVEX.js}

@@ -9,7 +9,7 @@ import {
   inputRadiusStyles,
   outlinedStyles,
   pulseStyles
-} from "./chunk-743SY4WQ.js";
+} from "./chunk-YLXQWYOG.js";
 import {
   INPUT_LOADING,
   SIZE_MAP,
@@ -20,7 +20,7 @@ import {
 } from "./chunk-TYJR4GOF.js";
 import {
   fieldControlStyles
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -92,6 +92,7 @@ var Input = React.forwardRef(
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy,
     "aria-busy": ariaBusy,
+    inputProps,
     ...rest
   }, ref) => {
     const { testId: dataTestId, rest: props } = splitTestId(rest);
@@ -117,6 +118,7 @@ var Input = React.forwardRef(
         onBlur,
         inputProps: {
           "data-testid": dataTestId,
+          ...inputProps,
           ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy })
         },
         InputProps: {
@@ -135,4 +137,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-XOZYUJQ5.js.map
+//# sourceMappingURL=chunk-SDKOOVEX.js.map

package/dist/{chunk-XOZYUJQ5.js.map → chunk-SDKOOVEX.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  inputRadiusStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldControlStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'fieldSize', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  fieldSize: SizeValue;\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  // The theme's field height for this size (outlined family, one line).\n  ...fieldControlStyles(theme, fieldSize),\n  opacity: loading ? INPUT_LOADING.opacity : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputRadiusStyles(theme, customVariant),\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  const theme = useTheme();\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={rem(theme, INPUT_LOADING.spinnerSize)} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\n/**\n * The ARIA that describes the field has to sit on the `<input>`: the text\n * field puts every attribute it does not recognise on its root `FormControl`,\n * a `<div>` with no role, where a screen reader never reads it.\n *\n * `aria-label` has ridden `inputProps` since FUT-755. `aria-describedby` and\n * `aria-busy` fell through to the div until FUT-2619, so CepField's input\n * pointed at nothing while its lookup status lived in a live region beside it.\n *\n * `inputProps` are spread onto the `<input>` AFTER the `aria-describedby` MUI\n * writes for helper text, so a caller's ids REPLACE the helper text's: MUI's\n * `TextField` on its own keeps only one of the two. This joins both, helper\n * text first. The helper id is MUI's `<id>-helper-text` (the parity test pins\n * that spelling), which is why the field's id is fixed here rather than left\n * to the text field.\n */\nfunction inputAriaOf(a: {\n  id: string;\n  helperText: React.ReactNode;\n  label?: string;\n  describedBy?: string;\n  busy?: InputProps['aria-busy'];\n}): Record<string, unknown> {\n  const describedBy = [a.helperText ? `${a.id}-helper-text` : undefined, a.describedBy]\n    .filter(Boolean)\n    .join(' ');\n  return {\n    ...(a.label === undefined ? {} : { 'aria-label': a.label }),\n    ...(a.describedBy === undefined ? {} : { 'aria-describedby': describedBy }),\n    ...(a.busy === undefined ? {} : { 'aria-busy': a.busy }),\n  };\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedBy,\n      'aria-busy': ariaBusy,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    const generatedId = React.useId();\n    const id = props.id ?? generatedId;\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        fieldSize={size}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         * `aria-describedby` and `aria-busy` are the same case: `inputAriaOf`.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n        id={id}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/components/form/Input/Input.tsx"],"sourcesContent":["import CircularProgress from '@mui/material/CircularProgress/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { INPUT_LOADING } from './Input.metrics';\nimport { TextFieldSlim } from './text-field-slim';\n\nimport {\n  filledStyles,\n  floatingLabelStyles,\n  glowStyles,\n  inputBaseStyles,\n  inputRadiusStyles,\n  muiVariantFor,\n  outlinedStyles,\n  pulseStyles,\n  SIZE_MAP,\n} from './Input.styles';\nimport type { InputProps } from './Input.types';\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldControlStyles } from '../../../tokens/field-height';\nimport { rem } from '../../../tokens/relative';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * `TextFieldSlim`, not `TextField` — see `text-field-slim.tsx`. MUI's own\n * `TextField` imports `Select` unconditionally, and through it `Menu`,\n * `Popover`, `Modal` and seven more component modules, so every screen with one\n * text box shipped a dropdown it can never render. Same composition, same DOM,\n * same prop routing; the select branch is the only thing missing.\n */\nconst StyledTextField = styled(TextFieldSlim, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'fieldSize', 'floating', 'glow', 'pulse', 'loading'].includes(prop as string),\n})<{\n  customVariant?: InputProps['variant'];\n  fieldSize: SizeValue;\n  floating?: boolean;\n  glow?: boolean;\n  pulse?: boolean;\n  loading?: boolean;\n}>(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({\n  position: 'relative',\n  // The theme's field height for this size (outlined family, one line).\n  ...fieldControlStyles(theme, fieldSize),\n  opacity: loading ? INPUT_LOADING.opacity : 1,\n\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n  ...(floating ? floatingLabelStyles(theme) : {}),\n\n  '& .MuiInputBase-root': {\n    transition: 'all 0.3s ease',\n    ...inputRadiusStyles(theme, customVariant),\n    ...inputBaseStyles(theme, customVariant),\n  },\n\n  '& .MuiOutlinedInput-root': outlinedStyles(theme),\n  '& .MuiFilledInput-root': filledStyles(theme),\n}));\n\n/** Only one adornment shows at a time: the spinner replaces the caller's while loading. */\nconst EndAdornment: React.FC<{ loading: boolean; endAdornment?: React.ReactNode }> = ({\n  loading,\n  endAdornment,\n}) => {\n  const theme = useTheme();\n  if (loading) {\n    return (\n      <InputAdornment position=\"end\">\n        <CircularProgress size={rem(theme, INPUT_LOADING.spinnerSize)} />\n      </InputAdornment>\n    );\n  }\n\n  if (!endAdornment) return null;\n\n  return <InputAdornment position=\"end\">{endAdornment}</InputAdornment>;\n};\n\n/** While loading the field is inert: no clicks, and disabled to assistive tech. */\nconst interactionProps = (\n  loading: boolean,\n  onClick: InputProps['onClick'],\n  disabled?: boolean,\n) => ({\n  disabled: loading || disabled,\n  onClick: loading ? undefined : onClick,\n});\n\n/**\n * The ARIA that describes the field has to sit on the `<input>`: the text\n * field puts every attribute it does not recognise on its root `FormControl`,\n * a `<div>` with no role, where a screen reader never reads it.\n *\n * `aria-label` has ridden `inputProps` since FUT-755. `aria-describedby` and\n * `aria-busy` fell through to the div until FUT-2619, so CepField's input\n * pointed at nothing while its lookup status lived in a live region beside it.\n *\n * `inputProps` are spread onto the `<input>` AFTER the `aria-describedby` MUI\n * writes for helper text, so a caller's ids REPLACE the helper text's: MUI's\n * `TextField` on its own keeps only one of the two. This joins both, helper\n * text first. The helper id is MUI's `<id>-helper-text` (the parity test pins\n * that spelling), which is why the field's id is fixed here rather than left\n * to the text field.\n */\nfunction inputAriaOf(a: {\n  id: string;\n  helperText: React.ReactNode;\n  label?: string;\n  describedBy?: string;\n  busy?: InputProps['aria-busy'];\n}): Record<string, unknown> {\n  const describedBy = [a.helperText ? `${a.id}-helper-text` : undefined, a.describedBy]\n    .filter(Boolean)\n    .join(' ');\n  return {\n    ...(a.label === undefined ? {} : { 'aria-label': a.label }),\n    ...(a.describedBy === undefined ? {} : { 'aria-describedby': describedBy }),\n    ...(a.busy === undefined ? {} : { 'aria-busy': a.busy }),\n  };\n}\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      variant = 'outlined',\n      size = 'md',\n      label,\n      error,\n      helperText,\n      startAdornment,\n      endAdornment,\n      fullWidth = true,\n      floating = false,\n      glow = false,\n      pulse = false,\n      loading = false,\n      onClick,\n      onFocus,\n      onBlur,\n      'aria-label': ariaLabel,\n      'aria-describedby': ariaDescribedBy,\n      'aria-busy': ariaBusy,\n      inputProps,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    const generatedId = React.useId();\n    const id = props.id ?? generatedId;\n    return (\n      <StyledTextField\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        customVariant={variant}\n        fieldSize={size}\n        floating={floating}\n        glow={glow}\n        pulse={pulse}\n        loading={loading}\n        label={label}\n        error={error}\n        helperText={helperText}\n        fullWidth={fullWidth}\n        {...interactionProps(loading, onClick, props.disabled)}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        /*\n         * `aria-label` has to ride `inputProps` to reach the `<input>` (FUT-755).\n         * Spread with the rest it lands on the FormControl DIV that the text\n         * field renders as its root, which carries no role — so the field kept\n         * no accessible name, and a source grep saying \"this input is labelled\"\n         * disagreed with the DOM. The reports search box and the block-title\n         * inputs were both named in source and anonymous to a screen reader.\n         * `aria-describedby` and `aria-busy` are the same case: `inputAriaOf`.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...inputProps,\n          ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy }),\n        }}\n        InputProps={{\n          startAdornment: startAdornment && (\n            <InputAdornment position=\"start\">{startAdornment}</InputAdornment>\n          ),\n          endAdornment: <EndAdornment loading={loading} endAdornment={endAdornment} />,\n        }}\n        {...SIZE_MAP[size]}\n        {...props}\n        id={id}\n      />\n    );\n  },\n);\n\nInput.displayName = 'Input';\n"],"mappings":"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","names":[]}

package/dist/{chunk-5K4G2XYS.js → chunk-SNBAMWI5.js}

@@ -1,6 +1,6 @@
 import {
   fieldHeight
-} from "./chunk-EXFX3JRN.js";
+} from "./chunk-M47ZOUGF.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -77,4 +77,4 @@ function FilterTrigger({
 export {
   FilterTrigger
 };
-//# sourceMappingURL=chunk-5K4G2XYS.js.map
+//# sourceMappingURL=chunk-SNBAMWI5.js.map

package/dist/{chunk-MKJHDHLF.js → chunk-TCNTIGMY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-6KEXHOIF.js";
 import {
   SettingsSectionChips
-} from "./chunk-WL2S2YB3.js";
+} from "./chunk-CKHFYTIX.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -167,4 +167,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-MKJHDHLF.js.map
+//# sourceMappingURL=chunk-TCNTIGMY.js.map

package/dist/{chunk-RUZVK4FV.js → chunk-TPVSHO75.js}

@@ -1,12 +1,12 @@
 import {
   CategorySectionHeading,
   CategoryTreeRow
-} from "./chunk-GE26GVHM.js";
+} from "./chunk-CMFJQH6A.js";
 import {
   emptySx,
   listSx,
   skeletonSx
-} from "./chunk-NFJ3VVD3.js";
+} from "./chunk-Z6T5SXST.js";
 import {
   categoryCheckState,
   isLeafCategory,
@@ -144,4 +144,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-RUZVK4FV.js.map
+//# sourceMappingURL=chunk-TPVSHO75.js.map

package/dist/{chunk-I72PREY7.js → chunk-TTJTMDLI.js}

@@ -11,7 +11,7 @@ import {
 } from "./chunk-AUHYR7ID.js";
 import {
   Button
-} from "./chunk-BLUURKCY.js";
+} from "./chunk-K6LNHHSH.js";
 
 // src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
 import Box from "@mui/material/Box/index.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-I72PREY7.js.map
+//# sourceMappingURL=chunk-TTJTMDLI.js.map

package/dist/{chunk-TU5EIKJA.js → chunk-U5SH3VRJ.js}

@@ -1,11 +1,11 @@
-import {
-  PT_BR_TABLE_FILTER_COPY
-} from "./chunk-A7RIZOAL.js";
 import {
   PT_BR_CATEGORY_SELECT_COPY,
   PT_BR_CONFIRM_ACTION_COPY,
   PT_BR_SAVED_VIEWS_LABELS
 } from "./chunk-WUE5EK42.js";
+import {
+  PT_BR_TABLE_FILTER_COPY
+} from "./chunk-33L26P4J.js";
 
 // src/pt-BR.data-display.ts
 var PT_BR_LIGHTBOX_COPY = {
@@ -225,4 +225,4 @@ export {
   PT_BR_DATA_STATE_COPY,
   PT_BR_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-TU5EIKJA.js.map
+//# sourceMappingURL=chunk-U5SH3VRJ.js.map