@12-apps/ui 6.73.1 → 6.74.1

package/dist/{chunk-ZEH6MGP5.js → chunk-BEHM2VLH.js}

@@ -4,23 +4,23 @@ import {
 } from "./chunk-QLJU7UUI.js";
 import {
   MoreFilters
-} from "./chunk-6OLERKNC.js";
+} from "./chunk-JA3WJPXH.js";
 import {
   PillControl
-} from "./chunk-RQF4NXDC.js";
-import {
-  isQuickActive
-} from "./chunk-KYUEO2IO.js";
-import {
-  RangePill
-} from "./chunk-5WJFCQFN.js";
+} from "./chunk-IWJTLCTF.js";
 import {
   QuickChip
 } from "./chunk-AT6UKTH4.js";
+import {
+  isQuickActive
+} from "./chunk-KYUEO2IO.js";
 import {
   CollapsedSearch,
   InlineKeyword
 } from "./chunk-ACBHZG3Z.js";
+import {
+  RangePill
+} from "./chunk-3O2OJW4O.js";
 
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -244,4 +244,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-ZEH6MGP5.js.map
+//# sourceMappingURL=chunk-BEHM2VLH.js.map

package/dist/{chunk-EBMWYRXW.js → chunk-BEYLI32I.js}

@@ -1,7 +1,7 @@
 import {
   SettingSwitchBlock,
   useSettingSwitchIds
-} from "./chunk-6VUVSYP4.js";
+} from "./chunk-FR2RJXHS.js";
 import {
   SettingGroupContext
 } from "./chunk-XJQNSMGA.js";
@@ -84,4 +84,4 @@ SettingGroup.displayName = "SettingGroup";
 export {
   SettingGroup
 };
-//# sourceMappingURL=chunk-EBMWYRXW.js.map
+//# sourceMappingURL=chunk-BEYLI32I.js.map

package/dist/{chunk-YKKHNYEW.js → chunk-BF3SGOWT.js}

@@ -12,11 +12,11 @@ import {
 } from "./chunk-EIMFA7KP.js";
 import {
   Input
-} from "./chunk-2ZHF5VE4.js";
+} from "./chunk-RHVJ3L4U.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-GMJBWOIU.js";
+} from "./chunk-2ILXXBMG.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-YKKHNYEW.js.map
+//# sourceMappingURL=chunk-BF3SGOWT.js.map

package/dist/{chunk-MA6SUE7F.js → chunk-BGGVYKVZ.js}

@@ -1,9 +1,9 @@
-import {
-  TutorialStepBody
-} from "./chunk-FT6HBP5E.js";
 import {
   useTutorialOverlay
 } from "./chunk-34643ATX.js";
+import {
+  TutorialStepBody
+} from "./chunk-FT6HBP5E.js";
 import {
   scrim,
   sheen
@@ -286,4 +286,4 @@ export {
   TutorialOverlay,
   TutorialOverlay_default
 };
-//# sourceMappingURL=chunk-MA6SUE7F.js.map
+//# sourceMappingURL=chunk-BGGVYKVZ.js.map

package/dist/{chunk-EQK3K65G.js → chunk-C6LW34TV.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-2ZHF5VE4.js";
+} from "./chunk-4JNC5AEF.js";
 import {
   FormControl,
   FormLabel,
@@ -122,4 +122,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-EQK3K65G.js.map
+//# sourceMappingURL=chunk-C6LW34TV.js.map

package/dist/chunk-C6LW34TV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CepField/CepField.tsx"],"sourcesContent":["'use client';\n\nimport type { CepFieldCopy } from \"../../../copy\";\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { cepDigits, formatCep, isValidCep } from '@12-apps/forms-core';\n\nimport { FormControl, FormLabel, FormMessage } from '../Form';\n// The outlined entry: CepField renders no variant, and the generic one would\n// ship MUI's FilledInput and Input to every screen with a CEP field (FUT-1054).\nimport { Input } from '../Input/outlined';\nimport type { CepAddress, CepFieldProps, CepLookupStatus } from './CepField.types';\n\n/** Everything {@link useCepLookup} needs, so the hook signature stays flat. */\ninterface LookupOptions {\n  digits: string;\n  complete: boolean;\n  disabled: boolean;\n  debounceMs: number;\n  onLookup?: (cep: string) => Promise<CepAddress | null>;\n  onResolved?: (address: CepAddress) => void;\n  onNotFound?: () => void;\n}\n\n/**\n * Debounced, race-safe CEP resolution.\n *\n * Two guards earn their keep here: a monotonic sequence id, bumped\n * synchronously on every new query, so a slow response for a since-edited CEP\n * can never land; and a \"last queried\" marker, so re-rendering (or the caller\n * re-masking the same value) never re-hits the provider.\n */\nfunction useCepLookup({\n  digits,\n  complete,\n  disabled,\n  debounceMs,\n  onLookup,\n  onResolved,\n  onNotFound,\n}: LookupOptions): CepLookupStatus {\n  const [status, setStatus] = useState<CepLookupStatus>('idle');\n  const lastQueriedRef = useRef('');\n  const seqRef = useRef(0);\n  // Latest callbacks, read at call time — keeps them out of the effect deps so\n  // an inline arrow from the caller doesn't re-trigger the lookup every render.\n  const lookupRef = useRef(onLookup);\n  const resolvedRef = useRef(onResolved);\n  const notFoundRef = useRef(onNotFound);\n  lookupRef.current = onLookup;\n  resolvedRef.current = onResolved;\n  notFoundRef.current = onNotFound;\n\n  useEffect(() => {\n    if (!complete || disabled || !lookupRef.current) {\n      // Editing away from a complete CEP drops any stale status and forgets the\n      // last query, so re-typing the same CEP resolves again.\n      seqRef.current += 1;\n      setStatus('idle');\n      lastQueriedRef.current = '';\n      return;\n    }\n    if (lastQueriedRef.current === digits) return;\n\n    const mySeq = (seqRef.current += 1);\n    const handle = setTimeout(() => {\n      lastQueriedRef.current = digits;\n      setStatus('loading');\n      void (async () => {\n        // A failing lookup is treated exactly like \"not found\" — the user types\n        // the address instead. Never surfaced as a crash. Going through\n        // `Promise.resolve().then` rather than calling directly covers the two\n        // failure modes an `await … .catch()` misses: a lookup that throws\n        // SYNCHRONOUSLY, and one that returns something other than a promise.\n        const address = await Promise.resolve()\n          .then(() => lookupRef.current?.(digits))\n          .catch(() => null);\n        if (seqRef.current !== mySeq) return;\n        setStatus(address ? 'found' : 'notfound');\n        // A miss is reported too, so a caller that filled from a PREVIOUS CEP\n        // can undo it rather than leaving that address under this CEP.\n        if (address) resolvedRef.current?.(address);\n        else notFoundRef.current?.();\n      })();\n    }, debounceMs);\n\n    return () => clearTimeout(handle);\n  }, [digits, complete, disabled, debounceMs]);\n\n  return status;\n}\n\n/**\n * The lookup outcome as a live region, so screen readers announce it without\n * stealing focus. Silent while idle, and while the caller is showing its own\n * validation error (which would otherwise stack two messages).\n */\nfunction CepStatus({\n  status,\n  testId,\n  suppressed,\n  copy,\n}: {\n  status: CepLookupStatus;\n  testId: string;\n  suppressed: boolean;\n  copy: CepFieldCopy;\n}): React.ReactElement {\n  const visible = !suppressed && status !== 'idle';\n  return (\n    <span id={`${testId}-status`} role=\"status\" aria-live=\"polite\">\n      {visible && (\n        <FormMessage error={status === 'notfound'} dataTestId={`${testId}-${status}`}>\n          {copy[status as Exclude<CepLookupStatus, 'idle'>]}\n        </FormMessage>\n      )}\n    </span>\n  );\n}\n\n/**\n * A CEP input that fills the rest of the address in.\n *\n * The pattern every Brazilian form has used for twenty years: type eight\n * digits, and logradouro/bairro/cidade/UF arrive on their own. This is the\n * reusable half — masking, validation, debouncing, race-safety and status —\n * with the actual lookup injected via `onLookup`, so the same component serves\n * a supplier form, a store-location form or a delivery checkout without\n * knowing anything about providers or auth.\n *\n * Resolution is best-effort by design. A provider outage, an unknown CEP or a\n * timeout leaves the field exactly as usable as a plain text input — the user\n * types the address themselves. Autofill never blocks.\n *\n * @example\n * ```tsx\n * <CepField\n *   value={cep}\n *   onChange={setCep}\n *   onLookup={(c) => fetch(`/api/…/lookup/cep/${c}`).then((r) => r.json()).then((b) => b.data)}\n *   onResolved={(a) => { setStreet(a.street ?? ''); setCity(a.city ?? ''); }}\n * />\n * ```\n */\nexport function CepField({\n  value,\n  onChange,\n  onLookup,\n  onResolved,\n  onNotFound,\n  label = 'CEP',\n  placeholder = '00000-000',\n  error,\n  disabled = false,\n  debounceMs = 500,\n  name = 'postalCode',\n  dataTestId,\n  copy,\n}: CepFieldProps): React.ReactElement {\n  const testId = dataTestId ?? `cep-field-${name}`;\n\n  const status = useCepLookup({\n    digits: cepDigits(value),\n    complete: isValidCep(value),\n    disabled,\n    debounceMs,\n    onLookup,\n    onResolved,\n    onNotFound,\n  });\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => onChange(formatCep(event.target.value)),\n    [onChange],\n  );\n\n  return (\n    <FormControl fullWidth>\n      {label && (\n        <FormLabel htmlFor={name} error={Boolean(error)}>\n          {label}\n        </FormLabel>\n      )}\n      <Input\n        id={name}\n        name={name}\n        type=\"text\"\n        inputMode=\"numeric\"\n        autoComplete=\"postal-code\"\n        placeholder={placeholder}\n        value={value}\n        error={Boolean(error)}\n        disabled={disabled}\n        loading={status === 'loading'}\n        onChange={handleChange}\n        data-testid={testId}\n        aria-describedby={`${testId}-status`}\n        aria-busy={status === 'loading'}\n      />\n      {error && (\n        <FormMessage error dataTestId={`${testId}-message`}>\n          {error}\n        </FormMessage>\n      )}\n      <CepStatus status={status} testId={testId} suppressed={Boolean(error)} copy={copy} />\n    </FormControl>\n  );\n}\n\nexport default CepField;\n"],"mappings":"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","names":[]}

package/dist/{chunk-E5GYHN4X.js → chunk-CAX3NFFE.js}

@@ -1,9 +1,9 @@
 import {
   PillControl
-} from "./chunk-RQF4NXDC.js";
+} from "./chunk-IWJTLCTF.js";
 import {
   PanelRangeField
-} from "./chunk-5WJFCQFN.js";
+} from "./chunk-3O2OJW4O.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -157,4 +157,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-E5GYHN4X.js.map
+//# sourceMappingURL=chunk-CAX3NFFE.js.map

package/dist/{chunk-LIN4A2BW.js → chunk-CSD6SWBZ.js}

@@ -1,3 +1,6 @@
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   StandaloneContainer,
   useRowLayout
@@ -19,9 +22,6 @@ import {
   ListCardMeta,
   ListCardTail
 } from "./chunk-CSJ7WNXU.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
 import {
   DropIndicator
 } from "./chunk-K4EKTMTC.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Card
-} from "./chunk-W2RXXF7K.js";
+} from "./chunk-4XBAEKQQ.js";
 
 // src/components/data-display/DataViews/base-list-card.tsx
 import Collapse from "@mui/material/Collapse/index.js";
@@ -185,4 +185,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-LIN4A2BW.js.map
+//# sourceMappingURL=chunk-CSD6SWBZ.js.map

package/dist/{chunk-QK63RXLG.js → chunk-CYH5QQUP.js}

@@ -1,21 +1,21 @@
-import {
-  DateRangeFields
-} from "./chunk-BLINEMVO.js";
 import {
   DEFAULT_QUICK_RANGES
 } from "./chunk-QKLSHNOH.js";
 import {
   useDateRangePicker
 } from "./chunk-CWCNLITK.js";
-import {
-  toLocalDay
-} from "./chunk-FRAVVI4A.js";
 import {
   DateRangeQuickList
 } from "./chunk-6KKQHJE7.js";
+import {
+  DateRangeFields
+} from "./chunk-BLINEMVO.js";
+import {
+  toLocalDay
+} from "./chunk-FRAVVI4A.js";
 import {
   Calendar
-} from "./chunk-XP522FFM.js";
+} from "./chunk-7JKDB5J5.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-QK63RXLG.js.map
+//# sourceMappingURL=chunk-CYH5QQUP.js.map

package/dist/{chunk-CJGSQL77.js → chunk-CZV6NVCA.js}

@@ -1,3 +1,6 @@
+import {
+  tableStyles
+} from "./chunk-BVHIKXCN.js";
 import {
   useTableSelection,
   useVirtualScrolling
@@ -21,9 +24,6 @@ import {
   tableRowHeight,
   virtualHeight
 } from "./chunk-SLSED46V.js";
-import {
-  tableStyles
-} from "./chunk-BVHIKXCN.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -307,4 +307,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-CJGSQL77.js.map
+//# sourceMappingURL=chunk-CZV6NVCA.js.map

package/dist/{chunk-755VS7NA.js → chunk-DOWVAC4U.js}

@@ -1,9 +1,9 @@
 import {
   FleetCanvas
-} from "./chunk-FWPQUYND.js";
+} from "./chunk-FS55MQ4Q.js";
 import {
   FleetRoster
-} from "./chunk-7VUXSNVZ.js";
+} from "./chunk-A4B27HYU.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -79,4 +79,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-755VS7NA.js.map
+//# sourceMappingURL=chunk-DOWVAC4U.js.map

package/dist/{chunk-V6OC2PSQ.js → chunk-DQ3O252B.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-EQK3K65G.js";
+} from "./chunk-C6LW34TV.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-V6OC2PSQ.js.map
+//# sourceMappingURL=chunk-DQ3O252B.js.map

package/dist/{chunk-PIP7XII2.js → chunk-E54XIRY2.js}

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

package/dist/{chunk-SL6454K7.js → chunk-EEB66IVH.js}

@@ -2,21 +2,13 @@ import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
 
-// src/components/form/Input/text-field-slim.tsx
-import FilledInput from "@mui/material/FilledInput/index.js";
+// src/components/form/Input/text-field-slim.factory.tsx
 import FormControl from "@mui/material/FormControl/index.js";
 import FormHelperText from "@mui/material/FormHelperText/index.js";
-import StandardInput from "@mui/material/Input/index.js";
 import InputLabel from "@mui/material/InputLabel/index.js";
-import OutlinedInput from "@mui/material/OutlinedInput/index.js";
 import { styled } from "@mui/material/styles/index.js";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-var VARIANT_COMPONENT = {
-  standard: StandardInput,
-  filled: FilledInput,
-  outlined: OutlinedInput
-};
 var TEXT_FIELD_ROOT_CLASS = "MuiTextField-root";
 var TextFieldSlimRoot = styled(FormControl, {
   name: "MuiTextField",
@@ -102,29 +94,31 @@ function fieldPropsOf(props, ids) {
     ...props.InputProps
   };
 }
-var TextFieldSlim = React.forwardRef(
-  function TextFieldSlim2(rawProps, ref) {
-    const props = withDefaults(rawProps, DEFAULTS);
-    const ids = idsOf(rawProps, React.useId());
-    const InputComponent = VARIANT_COMPONENT[props.variant ?? "outlined"];
-    const { label, helperText } = props;
-    return /* @__PURE__ */ jsxs(
-      TextFieldSlimRoot,
-      {
-        className: [TEXT_FIELD_ROOT_CLASS, props.className].filter(Boolean).join(" "),
-        ref,
-        ...rootPropsOf(props),
-        children: [
-          label !== null && label !== void 0 && label !== "" ? /* @__PURE__ */ jsx(InputLabel, { htmlFor: ids.id, id: ids.inputLabelId, ...props.InputLabelProps, children: label }) : null,
-          /* @__PURE__ */ jsx(InputComponent, { ...fieldPropsOf(props, ids) }),
-          helperText ? /* @__PURE__ */ jsx(FormHelperText, { id: ids.helperTextId, ...props.FormHelperTextProps, children: helperText }) : null
-        ]
-      }
-    );
-  }
-);
+function createTextFieldSlim(inputFor) {
+  return React.forwardRef(
+    function TextFieldSlim(rawProps, ref) {
+      const props = withDefaults(rawProps, DEFAULTS);
+      const ids = idsOf(rawProps, React.useId());
+      const InputComponent = inputFor(props.variant ?? "outlined");
+      const { label, helperText } = props;
+      return /* @__PURE__ */ jsxs(
+        TextFieldSlimRoot,
+        {
+          className: [TEXT_FIELD_ROOT_CLASS, props.className].filter(Boolean).join(" "),
+          ref,
+          ...rootPropsOf(props),
+          children: [
+            label !== null && label !== void 0 && label !== "" ? /* @__PURE__ */ jsx(InputLabel, { htmlFor: ids.id, id: ids.inputLabelId, ...props.InputLabelProps, children: label }) : null,
+            /* @__PURE__ */ jsx(InputComponent, { ...fieldPropsOf(props, ids) }),
+            helperText ? /* @__PURE__ */ jsx(FormHelperText, { id: ids.helperTextId, ...props.FormHelperTextProps, children: helperText }) : null
+          ]
+        }
+      );
+    }
+  );
+}
 
 export {
-  TextFieldSlim
+  createTextFieldSlim
 };
-//# sourceMappingURL=chunk-SL6454K7.js.map
+//# sourceMappingURL=chunk-EEB66IVH.js.map

package/dist/chunk-EEB66IVH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/text-field-slim.factory.tsx"],"sourcesContent":["'use client';\n\n/**\n * `TextFieldSlim`'s body, with the input implementation left to the caller\n * (FUT-1054). Why the field exists at all, and what it transcribes from MUI's\n * `TextField`, is in `text-field-slim.tsx`.\n */\nimport FormControl from '@mui/material/FormControl/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport InputLabel from '@mui/material/InputLabel/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { FilledInputProps } from '@mui/material/FilledInput/index.js';\nimport type { FormControlProps } from '@mui/material/FormControl/index.js';\nimport type { FormHelperTextProps } from '@mui/material/FormHelperText/index.js';\nimport type { InputProps as MuiInputProps } from '@mui/material/Input/index.js';\nimport type { InputBaseComponentProps } from '@mui/material/InputBase/index.js';\nimport type { InputLabelProps } from '@mui/material/InputLabel/index.js';\nimport type { OutlinedInputProps } from '@mui/material/OutlinedInput/index.js';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\n/** MUI's three input variants, by the name `TextField` gives them. */\nexport type MuiFieldVariant = 'standard' | 'filled' | 'outlined';\n\n/**\n * Which input renders a variant. The generic `TextFieldSlim` maps all three;\n * a pinned field maps the one it renders, so the other two are never imported\n * (FUT-1054).\n */\nexport type InputForVariant = (variant: MuiFieldVariant) => React.ElementType;\n\n/** What `createTextFieldSlim` returns, and what `createInput` composes. */\nexport type TextFieldSlimComponent = React.ForwardRefExoticComponent<\n  TextFieldSlimProps & React.RefAttributes<HTMLDivElement>\n>;\n\n/**\n * `MuiTextField-root`, by hand.\n *\n * `@mui/material` does not re-export `textFieldClasses` from its root barrel,\n * and the deep path that does would import `TextField` — the whole thing this\n * file exists to avoid. So the class name is written out, and the parity test\n * asserts it against a REAL `TextField`'s root rather than against itself.\n *\n * It has to be there at all because it is part of MUI's public surface: two of\n * this package's own suites reach for `.closest('.MuiTextField-root')`, and a\n * consumer's stylesheet may too.\n */\nconst TEXT_FIELD_ROOT_CLASS = 'MuiTextField-root';\n\n/**\n * Named `MuiTextField` so a theme's `components.MuiTextField.styleOverrides`\n * keeps applying. Nothing in this repo sets one today; a consumer's theme is\n * not this package's to break.\n */\nconst TextFieldSlimRoot = styled(FormControl, {\n  name: 'MuiTextField',\n  slot: 'Root',\n  overridesResolver: (_props, styles) => styles.root,\n})({});\n\nexport interface TextFieldSlimProps\n  extends Omit<FormControlProps, 'onChange' | 'onBlur' | 'onFocus' | 'defaultValue'> {\n  autoComplete?: string;\n  autoFocus?: boolean;\n  defaultValue?: unknown;\n  helperText?: React.ReactNode;\n  label?: React.ReactNode;\n  maxRows?: number | string;\n  minRows?: number | string;\n  multiline?: boolean;\n  name?: string;\n  placeholder?: string;\n  rows?: number | string;\n  type?: React.InputHTMLAttributes<HTMLInputElement>['type'];\n  value?: unknown;\n  inputRef?: React.Ref<unknown>;\n  onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  onFocus?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /** Props for the rendered input variant. */\n  InputProps?: Partial<MuiInputProps & FilledInputProps & OutlinedInputProps>;\n  /**\n   * Props for the `<input>` itself — where an `aria-label` has to ride.\n   *\n   * MUI's own type, because it is deliberately open: a caller puts `data-*`\n   * and `aria-*` here precisely because the root would swallow them, and\n   * `InputHTMLAttributes` alone rejects both.\n   */\n  inputProps?: InputBaseComponentProps;\n  InputLabelProps?: Partial<InputLabelProps>;\n  FormHelperTextProps?: Partial<FormHelperTextProps>;\n}\n\n/**\n * `TextField`'s own defaults, as a table.\n *\n * One `= default` per destructured prop is one branch per prop, and eight of\n * them put this component over the complexity bar before it rendered anything —\n * which is the same reason `AppHeader` keeps its defaults in a table. The values\n * are `TextField`'s, unchanged; the parity test would fail if any drifted.\n */\nconst DEFAULTS: Partial<TextFieldSlimProps> = {\n  autoFocus: false,\n  color: 'primary',\n  disabled: false,\n  error: false,\n  fullWidth: false,\n  multiline: false,\n  required: false,\n  variant: 'outlined',\n};\n\n/** The two ids a labelled, described field needs, and the input's own. */\nfunction idsOf(props: TextFieldSlimProps, generated: string): {\n  id: string;\n  helperTextId: string | undefined;\n  inputLabelId: string | undefined;\n} {\n  const id = props.id ?? generated;\n  return {\n    id,\n    helperTextId: props.helperText && id ? `${id}-helper-text` : undefined,\n    inputLabelId: props.label && id ? `${id}-label` : undefined,\n  };\n}\n\n/**\n * What only the OUTLINED variant needs: it draws its own notch around the\n * label, so it has to be told the label and whether the caller pinned it shrunk\n * (FUT-729's `shrink` case).\n */\nfunction outlinedPropsOf(props: TextFieldSlimProps): Record<string, unknown> {\n  if (props.variant !== 'outlined') return {};\n  const shrink = props.InputLabelProps?.shrink;\n  return { label: props.label, ...(shrink === undefined ? {} : { notched: shrink }) };\n}\n\ninterface FieldIds {\n  id: string;\n  helperTextId: string | undefined;\n  inputLabelId: string | undefined;\n}\n\n/**\n * Everything the input (or this component) consumes by name.\n *\n * A key LIST rather than the omit-by-destructuring idiom, which would name\n * twenty-four bindings only to leave every one of them unused — twenty-four\n * lint warnings, in a package that allows none.\n *\n * `fullWidth`, `disabled`, `error`, `required`, `color` and `variant` are\n * deliberately absent: `TextField` hands those to the root, and `fullWidth` to\n * both.\n */\nconst CONSUMED_BY_FIELD: ReadonlySet<string> = new Set([\n  'autoComplete', 'autoFocus', 'children', 'className', 'defaultValue',\n  'FormHelperTextProps', 'helperText', 'id', 'InputLabelProps', 'inputProps',\n  'InputProps', 'inputRef', 'label', 'maxRows', 'minRows', 'multiline', 'name',\n  'onBlur', 'onChange', 'onFocus', 'placeholder', 'rows', 'type', 'value',\n]);\n\n/**\n * What the ROOT `FormControl` gets: the props `TextField` hands it by name,\n * plus everything it did not recognise.\n *\n * That second half is `TextField`'s behaviour and not a choice made here: an\n * unrecognised HTML attribute lands on the root `div`, which is why `Input` has\n * to route `aria-label` through `inputProps`. The parity test pins it.\n */\nfunction rootPropsOf(props: TextFieldSlimProps): Record<string, unknown> {\n  return Object.fromEntries(\n    Object.entries(props).filter(([key]) => !CONSUMED_BY_FIELD.has(key)),\n  );\n}\n\n/** What the INPUT gets, by name, exactly as `TextField` names them. */\nfunction fieldPropsOf(props: TextFieldSlimProps, ids: FieldIds): Record<string, unknown> {\n  return {\n    'aria-describedby': ids.helperTextId,\n    autoComplete: props.autoComplete,\n    autoFocus: props.autoFocus,\n    defaultValue: props.defaultValue,\n    fullWidth: props.fullWidth,\n    multiline: props.multiline,\n    name: props.name,\n    rows: props.rows,\n    maxRows: props.maxRows,\n    minRows: props.minRows,\n    type: props.type,\n    value: props.value,\n    id: ids.id,\n    inputRef: props.inputRef,\n    onBlur: props.onBlur,\n    onChange: props.onChange,\n    onFocus: props.onFocus,\n    placeholder: props.placeholder,\n    inputProps: props.inputProps,\n    ...outlinedPropsOf(props),\n    ...props.InputProps,\n  };\n}\n\n/**\n * The field, with the input implementation chosen by `inputFor`.\n *\n * A factory rather than a component so the variant table lives in the CALLER's\n * module: this module imports none of `Input`, `FilledInput` or\n * `OutlinedInput`, so what `inputFor` returns is the only input a caller's\n * bundle keeps. The caller's own module-scope `createTextFieldSlim(...)` call\n * is kept by the bundler, and with it every module its argument reaches\n * (FUT-3402), so that argument must name only the variants it serves.\n */\nexport function createTextFieldSlim(inputFor: InputForVariant): TextFieldSlimComponent {\n  return React.forwardRef<HTMLDivElement, TextFieldSlimProps>(\n    function TextFieldSlim(rawProps, ref) {\n      const props = withDefaults(rawProps, DEFAULTS);\n      // `TextField` uses `@mui/utils`'s `useId`, which is React's with a fallback\n      // for React 17. The peer here is React 19, so React's own is the same thing\n      // without the dependency. The override still wins, exactly as it did — and\n      // it is read from the RAW props, before `withDefaults` could supply one.\n      const ids = idsOf(rawProps, React.useId());\n      const InputComponent = inputFor(props.variant ?? 'outlined');\n      const { label, helperText } = props;\n\n      return (\n        <TextFieldSlimRoot\n          className={[TEXT_FIELD_ROOT_CLASS, props.className].filter(Boolean).join(' ')}\n          ref={ref}\n          {...rootPropsOf(props)}\n        >\n          {label !== null && label !== undefined && label !== '' ? (\n            <InputLabel htmlFor={ids.id} id={ids.inputLabelId} {...props.InputLabelProps}>\n              {label}\n            </InputLabel>\n          ) : null}\n          <InputComponent {...fieldPropsOf(props, ids)} />\n          {helperText ? (\n            <FormHelperText id={ids.helperTextId} {...props.FormHelperTextProps}>\n              {helperText}\n            </FormHelperText>\n          ) : null}\n        </TextFieldSlimRoot>\n      );\n    },\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-YNIOCELQ.js → chunk-ERI6JC4M.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-YKKHNYEW.js";
+} from "./chunk-BF3SGOWT.js";
 import {
   ManageViewsDialog
-} from "./chunk-4W6AQFMO.js";
+} from "./chunk-LBEZ7A3F.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-YNIOCELQ.js.map
+//# sourceMappingURL=chunk-ERI6JC4M.js.map

package/dist/{chunk-U57NFQYE.js → chunk-FIOBPQL2.js}

@@ -1,11 +1,11 @@
+import {
+  PT_BR_TABLE_FILTER_COPY
+} from "./chunk-3ZKGNEP2.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-3ZKGNEP2.js";
 
 // src/pt-BR.data-display.ts
 var PT_BR_LIGHTBOX_COPY = {
@@ -249,4 +249,4 @@ export {
   PT_BR_DATA_STATE_COPY,
   PT_BR_DATA_VIEWS_COPY
 };
-//# sourceMappingURL=chunk-U57NFQYE.js.map
+//# sourceMappingURL=chunk-FIOBPQL2.js.map

package/dist/{chunk-6VUVSYP4.js → chunk-FR2RJXHS.js}

@@ -1,6 +1,6 @@
 import {
   useSummaryInfo
-} from "./chunk-U5YOOHR6.js";
+} from "./chunk-4QGPRORO.js";
 import {
   PendingSpinner,
   SaveError,
@@ -87,4 +87,4 @@ export {
   useSettingSwitchIds,
   SettingSwitchBlock
 };
-//# sourceMappingURL=chunk-6VUVSYP4.js.map
+//# sourceMappingURL=chunk-FR2RJXHS.js.map

package/dist/{chunk-FWPQUYND.js → chunk-FS55MQ4Q.js}

@@ -1,6 +1,6 @@
 import {
   MapPreview
-} from "./chunk-UXVB423Q.js";
+} from "./chunk-FVL6U72V.js";
 
 // src/components/data-display/FleetMap/FleetCanvas.tsx
 import Box from "@mui/material/Box/index.js";
@@ -38,4 +38,4 @@ function FleetCanvas({
 export {
   FleetCanvas
 };
-//# sourceMappingURL=chunk-FWPQUYND.js.map
+//# sourceMappingURL=chunk-FS55MQ4Q.js.map

package/dist/{chunk-UXVB423Q.js → chunk-FVL6U72V.js}

@@ -1,14 +1,14 @@
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-4NQXHPQR.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-AYJ44VTJ.js";
 import {
   MapLayers
-} from "./chunk-PCM4VEPO.js";
+} from "./chunk-HSIUVFXE.js";
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-4NQXHPQR.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
@@ -108,4 +108,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-UXVB423Q.js.map
+//# sourceMappingURL=chunk-FVL6U72V.js.map

package/dist/{chunk-2ZHF5VE4.js → chunk-FXECKKPW.js}

@@ -1,6 +1,3 @@
-import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
 import {
   filledStyles,
   floatingLabelStyles,
@@ -25,30 +22,32 @@ import {
   rem
 } from "./chunk-YKCAJ2TN.js";
 
-// src/components/form/Input/Input.tsx
+// src/components/form/Input/Input.factory.tsx
 import CircularProgress from "@mui/material/CircularProgress/index.js";
 import InputAdornment from "@mui/material/InputAdornment/index.js";
 import { styled, useTheme } from "@mui/material/styles/index.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";
-var StyledTextField = styled(TextFieldSlim, {
-  shouldForwardProp: (prop) => !["customVariant", "fieldSize", "floating", "glow", "pulse", "loading"].includes(prop)
-})(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({
-  position: "relative",
-  // The theme's field height for this size (outlined family, one line).
-  ...fieldControlStyles(theme, fieldSize),
-  opacity: loading ? INPUT_LOADING.opacity : 1,
-  ...glow ? glowStyles(theme) : {},
-  ...pulse ? pulseStyles(theme, fieldSize) : {},
-  ...floating ? floatingLabelStyles(theme) : {},
-  "& .MuiInputBase-root": {
-    transition: "all 0.3s ease",
-    ...inputRadiusStyles(theme, customVariant),
-    ...inputBaseStyles(theme, customVariant)
-  },
-  "& .MuiOutlinedInput-root": outlinedStyles(theme),
-  "& .MuiFilledInput-root": filledStyles(theme)
-}));
+function styledField(TextField) {
+  return styled(TextField, {
+    shouldForwardProp: (prop) => !["customVariant", "fieldSize", "floating", "glow", "pulse", "loading"].includes(prop)
+  })(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({
+    position: "relative",
+    // The theme's field height for this size (outlined family, one line).
+    ...fieldControlStyles(theme, fieldSize),
+    opacity: loading ? INPUT_LOADING.opacity : 1,
+    ...glow ? glowStyles(theme) : {},
+    ...pulse ? pulseStyles(theme, fieldSize) : {},
+    ...floating ? floatingLabelStyles(theme) : {},
+    "& .MuiInputBase-root": {
+      transition: "all 0.3s ease",
+      ...inputRadiusStyles(theme, customVariant),
+      ...inputBaseStyles(theme, customVariant)
+    },
+    "& .MuiOutlinedInput-root": outlinedStyles(theme),
+    "& .MuiFilledInput-root": filledStyles(theme)
+  }));
+}
 var EndAdornment = ({
   loading,
   endAdornment
@@ -72,8 +71,8 @@ function inputAriaOf(a) {
     ...a.busy === void 0 ? {} : { "aria-busy": a.busy }
   };
 }
-var Input = React.forwardRef(
-  ({
+function inputRenderer(StyledTextField) {
+  return ({
     variant = "outlined",
     size = "md",
     label,
@@ -130,11 +129,15 @@ var Input = React.forwardRef(
         id
       }
     );
-  }
-);
-Input.displayName = "Input";
+  };
+}
+function createInput(TextField) {
+  const Input = React.forwardRef(inputRenderer(styledField(TextField)));
+  Input.displayName = "Input";
+  return Input;
+}
 
 export {
-  Input
+  createInput
 };
-//# sourceMappingURL=chunk-2ZHF5VE4.js.map
+//# sourceMappingURL=chunk-FXECKKPW.js.map

package/dist/chunk-FXECKKPW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.factory.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 type { TextFieldSlimComponent } from './text-field-slim.factory';\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 * The field `Input` renders, styled, over whichever text field it is given.\n *\n * Always a `TextFieldSlim`, never MUI's `TextField` — see `text-field-slim.tsx`.\n * MUI's own `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 */\nfunction styledField(TextField: TextFieldSlimComponent) {\n  return styled(TextField, {\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\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\n/** The render function `createInput` hands `forwardRef`, over a given styled field. */\nfunction inputRenderer(\n  StyledTextField: ReturnType<typeof styledField>,\n): React.ForwardRefRenderFunction<HTMLInputElement, InputProps> {\n  return (\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\n/** The `Input` component every entry exports. */\nexport type InputComponent<P extends InputProps = InputProps> = React.ForwardRefExoticComponent<\n  P & React.RefAttributes<HTMLInputElement>\n>;\n\n/**\n * `Input` over a given text field (FUT-1054). The generic entry passes the\n * field that renders any MUI variant; `./outlined` passes one that only ever\n * imports `OutlinedInput`. Everything else — styles, adornments, the ARIA\n * routing — is this one body, so the two cannot drift.\n */\nexport function createInput(TextField: TextFieldSlimComponent): InputComponent {\n  const Input = React.forwardRef<HTMLInputElement, InputProps>(inputRenderer(styledField(TextField)));\n  Input.displayName = 'Input';\n  return Input;\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-LWZ2K225.js → chunk-FXZUVZON.js}

@@ -1,3 +1,8 @@
+import {
+  DataGridEmpty,
+  DataGridError,
+  DataGridLoading
+} from "./chunk-EARWC6PD.js";
 import {
   useDataGridModel
 } from "./chunk-LDROG4QI.js";
@@ -5,11 +10,6 @@ import {
   GridBody,
   GridHeader
 } from "./chunk-ZFXTRPQO.js";
-import {
-  DataGridEmpty,
-  DataGridError,
-  DataGridLoading
-} from "./chunk-EARWC6PD.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -120,4 +120,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-LWZ2K225.js.map
+//# sourceMappingURL=chunk-FXZUVZON.js.map