@12-apps/ui 6.93.2 → 6.94.0

package/dist/_internal/components/data-display/DataViews/DataViewsTableBase.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   DataViewsTableBase
-} from "../../../../chunk-ASEHJIIV.js";
+} from "../../../../chunk-Y3FYOKWF.js";
 import "../../../../chunk-YNVTUQ5B.js";
 import "../../../../chunk-HWZETMO4.js";
 import "../../../../chunk-ZOLAYP2D.js";
@@ -45,8 +45,8 @@ import "../../../../chunk-WSAUWJFO.js";
 import "../../../../chunk-YLGY3D52.js";
 import "../../../../chunk-4NG3LTRX.js";
 import "../../../../chunk-2MT6VSS2.js";
-import "../../../../chunk-GXGHEOWC.js";
-import "../../../../chunk-I4DG3PP4.js";
+import "../../../../chunk-USHVG4UQ.js";
+import "../../../../chunk-43EFQ3DU.js";
 import "../../../../chunk-VNMD6BA4.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-7CUZTWKW.js";
@@ -105,7 +105,7 @@ import "../../../../chunk-SZS7VZJN.js";
 import "../../../../chunk-L6YTVXGN.js";
 import "../../../../chunk-SUTOAW7I.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-RHVJ3L4U.js";
+import "../../../../chunk-ZJY7OK6H.js";
 import "../../../../chunk-ZLMKGVB2.js";
 import "../../../../chunk-BO6S47KI.js";
 import "../../../../chunk-FYAW5GBF.js";
@@ -140,7 +140,7 @@ import "../../../../chunk-RZVUY2MO.js";
 import "../../../../chunk-VPGDYI63.js";
 import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-PN4HVM43.js";
-import "../../../../chunk-FXECKKPW.js";
+import "../../../../chunk-ASBFGGJB.js";
 import "../../../../chunk-PD7MKJCM.js";
 import "../../../../chunk-KLJYIS5L.js";
 import "../../../../chunk-C3UKR3NT.js";

package/dist/_internal/components/data-display/DataViews/SaveViewModal.js

@@ -1,7 +1,7 @@
 "use client";
 import {
   SaveViewModal
-} from "../../../../chunk-I4DG3PP4.js";
+} from "../../../../chunk-43EFQ3DU.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-DUVH273U.js";
 import "../../../../chunk-KHG57NAE.js";
@@ -13,9 +13,9 @@ import "../../../../chunk-RIEV4VXF.js";
 import "../../../../chunk-DCK5ZEIU.js";
 import "../../../../chunk-SZS7VZJN.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-RHVJ3L4U.js";
+import "../../../../chunk-ZJY7OK6H.js";
 import "../../../../chunk-ZLMKGVB2.js";
-import "../../../../chunk-FXECKKPW.js";
+import "../../../../chunk-ASBFGGJB.js";
 import "../../../../chunk-PD7MKJCM.js";
 import "../../../../chunk-KLJYIS5L.js";
 import "../../../../chunk-EEB66IVH.js";

package/dist/_internal/components/data-display/DataViews/data-views-table-parts.js

@@ -3,8 +3,8 @@ import {
   ViewDialogs,
   ViewMutationErrorAlert,
   ViewsMenuSlot
-} from "../../../../chunk-GXGHEOWC.js";
-import "../../../../chunk-I4DG3PP4.js";
+} from "../../../../chunk-USHVG4UQ.js";
+import "../../../../chunk-43EFQ3DU.js";
 import "../../../../chunk-VNMD6BA4.js";
 import "../../../../chunk-5M4TYFR3.js";
 import "../../../../chunk-DUVH273U.js";
@@ -27,9 +27,9 @@ import "../../../../chunk-RIEV4VXF.js";
 import "../../../../chunk-DCK5ZEIU.js";
 import "../../../../chunk-SZS7VZJN.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-RHVJ3L4U.js";
+import "../../../../chunk-ZJY7OK6H.js";
 import "../../../../chunk-ZLMKGVB2.js";
-import "../../../../chunk-FXECKKPW.js";
+import "../../../../chunk-ASBFGGJB.js";
 import "../../../../chunk-PD7MKJCM.js";
 import "../../../../chunk-KLJYIS5L.js";
 import "../../../../chunk-XCBQXSTR.js";

package/dist/_internal/components/form/CepField/CepField.js

@@ -2,9 +2,9 @@
 import {
   CepField,
   CepField_default
-} from "../../../../chunk-2GDPZ53K.js";
-import "../../../../chunk-4JNC5AEF.js";
-import "../../../../chunk-FXECKKPW.js";
+} from "../../../../chunk-UTWEHMAP.js";
+import "../../../../chunk-WGKBZ7DN.js";
+import "../../../../chunk-ASBFGGJB.js";
 import "../../../../chunk-PD7MKJCM.js";
 import "../../../../chunk-KLJYIS5L.js";
 import "../../../../chunk-C3UKR3NT.js";

package/dist/_internal/components/form/Input/Input.factory.js

@@ -1,6 +1,6 @@
 import {
   createInput
-} from "../../../../chunk-FXECKKPW.js";
+} from "../../../../chunk-ASBFGGJB.js";
 import "../../../../chunk-PD7MKJCM.js";
 import "../../../../chunk-KLJYIS5L.js";
 import "../../../../chunk-TYJR4GOF.js";

package/dist/_internal/components/form/Input/Input.js

@@ -1,8 +1,8 @@
 import {
   Input
-} from "../../../../chunk-RHVJ3L4U.js";
+} from "../../../../chunk-ZJY7OK6H.js";
 import "../../../../chunk-ZLMKGVB2.js";
-import "../../../../chunk-FXECKKPW.js";
+import "../../../../chunk-ASBFGGJB.js";
 import "../../../../chunk-PD7MKJCM.js";
 import "../../../../chunk-KLJYIS5L.js";
 import "../../../../chunk-EEB66IVH.js";

package/dist/_internal/components/form/NumberField/NumberField.js

@@ -1,11 +1,11 @@
 import {
   NumberField
-} from "../../../../chunk-LABIUXDM.js";
+} from "../../../../chunk-ZYXXAWDF.js";
 import "../../../../chunk-Q4JWWTL4.js";
 import "../../../../chunk-QYKDY4EI.js";
-import "../../../../chunk-RHVJ3L4U.js";
+import "../../../../chunk-ZJY7OK6H.js";
 import "../../../../chunk-ZLMKGVB2.js";
-import "../../../../chunk-FXECKKPW.js";
+import "../../../../chunk-ASBFGGJB.js";
 import "../../../../chunk-PD7MKJCM.js";
 import "../../../../chunk-KLJYIS5L.js";
 import "../../../../chunk-EEB66IVH.js";

package/dist/_internal/components/form/index.js

@@ -48,7 +48,7 @@ import "../../../chunk-UCRGKQUW.js";
 import "../../../chunk-HALFOXSZ.js";
 import {
   NumberField
-} from "../../../chunk-LABIUXDM.js";
+} from "../../../chunk-ZYXXAWDF.js";
 import "../../../chunk-Q4JWWTL4.js";
 import "../../../chunk-YA2ZL3VG.js";
 import {
@@ -108,8 +108,8 @@ import "../../../chunk-R6L376KR.js";
 import "../../../chunk-6XLMTOJ3.js";
 import {
   CepField
-} from "../../../chunk-2GDPZ53K.js";
-import "../../../chunk-4JNC5AEF.js";
+} from "../../../chunk-UTWEHMAP.js";
+import "../../../chunk-WGKBZ7DN.js";
 import "../../../chunk-IDMG332I.js";
 import {
   CodeEditor
@@ -181,7 +181,7 @@ import "../../../chunk-SUTOAW7I.js";
 import "../../../chunk-QYKDY4EI.js";
 import {
   Input
-} from "../../../chunk-RHVJ3L4U.js";
+} from "../../../chunk-ZJY7OK6H.js";
 import "../../../chunk-ZLMKGVB2.js";
 import "../../../chunk-BO6S47KI.js";
 import {
@@ -201,7 +201,7 @@ import "../../../chunk-4L54KUZV.js";
 import "../../../chunk-H2UUMZQR.js";
 import "../../../chunk-WQEGPSGD.js";
 import "../../../chunk-QWOI5BZV.js";
-import "../../../chunk-FXECKKPW.js";
+import "../../../chunk-ASBFGGJB.js";
 import "../../../chunk-PD7MKJCM.js";
 import "../../../chunk-KLJYIS5L.js";
 import "../../../chunk-SJRTT3PA.js";

package/dist/_internal/components/form/total-form/Fields/CepField.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   CepField
-} from "../../../../../chunk-YGWLMTPB.js";
+} from "../../../../../chunk-KXVWH3JM.js";
 import "../../../../../chunk-4XK6JQ4D.js";
 import "../../../../../chunk-6XLMTOJ3.js";
-import "../../../../../chunk-2GDPZ53K.js";
-import "../../../../../chunk-4JNC5AEF.js";
-import "../../../../../chunk-FXECKKPW.js";
+import "../../../../../chunk-UTWEHMAP.js";
+import "../../../../../chunk-WGKBZ7DN.js";
+import "../../../../../chunk-ASBFGGJB.js";
 import "../../../../../chunk-PD7MKJCM.js";
 import "../../../../../chunk-KLJYIS5L.js";
 import "../../../../../chunk-C3UKR3NT.js";

package/dist/_internal/components/form/total-form/Fields/TextField.js

@@ -1,12 +1,12 @@
 "use client";
 import {
   TextField
-} from "../../../../../chunk-3IX2TP4I.js";
+} from "../../../../../chunk-GB7NTXL2.js";
 import "../../../../../chunk-4XK6JQ4D.js";
 import "../../../../../chunk-QYKDY4EI.js";
-import "../../../../../chunk-RHVJ3L4U.js";
+import "../../../../../chunk-ZJY7OK6H.js";
 import "../../../../../chunk-ZLMKGVB2.js";
-import "../../../../../chunk-FXECKKPW.js";
+import "../../../../../chunk-ASBFGGJB.js";
 import "../../../../../chunk-PD7MKJCM.js";
 import "../../../../../chunk-KLJYIS5L.js";
 import "../../../../../chunk-C3UKR3NT.js";

package/dist/_internal/components/form/total-form/Fields/index.js

@@ -1,13 +1,13 @@
-import "../../../../../chunk-BR3WBTTQ.js";
+import "../../../../../chunk-3ODEBPGT.js";
 import {
   TextField
-} from "../../../../../chunk-3IX2TP4I.js";
+} from "../../../../../chunk-GB7NTXL2.js";
 import {
   SelectField
 } from "../../../../../chunk-6YSGP2WS.js";
 import {
   CepField
-} from "../../../../../chunk-YGWLMTPB.js";
+} from "../../../../../chunk-KXVWH3JM.js";
 import {
   CategoryField
 } from "../../../../../chunk-NQ6P7O7C.js";
@@ -24,10 +24,10 @@ import "../../../../../chunk-OQW4OERS.js";
 import "../../../../../chunk-6VTOGR36.js";
 import "../../../../../chunk-IYC7NPX7.js";
 import "../../../../../chunk-6XLMTOJ3.js";
-import "../../../../../chunk-2GDPZ53K.js";
-import "../../../../../chunk-4JNC5AEF.js";
+import "../../../../../chunk-UTWEHMAP.js";
+import "../../../../../chunk-WGKBZ7DN.js";
 import "../../../../../chunk-QYKDY4EI.js";
-import "../../../../../chunk-RHVJ3L4U.js";
+import "../../../../../chunk-ZJY7OK6H.js";
 import "../../../../../chunk-ZLMKGVB2.js";
 import "../../../../../chunk-N5ZWC6CB.js";
 import "../../../../../chunk-TSID4257.js";
@@ -46,7 +46,7 @@ import "../../../../../chunk-RZVUY2MO.js";
 import "../../../../../chunk-VPGDYI63.js";
 import "../../../../../chunk-DMNZD3Q7.js";
 import "../../../../../chunk-PN4HVM43.js";
-import "../../../../../chunk-FXECKKPW.js";
+import "../../../../../chunk-ASBFGGJB.js";
 import "../../../../../chunk-PD7MKJCM.js";
 import "../../../../../chunk-KLJYIS5L.js";
 import "../../../../../chunk-C3UKR3NT.js";

package/dist/_internal/components/index.js

@@ -274,7 +274,7 @@ import "../../chunk-UCRGKQUW.js";
 import "../../chunk-HALFOXSZ.js";
 import {
   NumberField
-} from "../../chunk-LABIUXDM.js";
+} from "../../chunk-ZYXXAWDF.js";
 import "../../chunk-Q4JWWTL4.js";
 import "../../chunk-YA2ZL3VG.js";
 import {
@@ -338,8 +338,8 @@ import "../../chunk-R6L376KR.js";
 import "../../chunk-6XLMTOJ3.js";
 import {
   CepField
-} from "../../chunk-2GDPZ53K.js";
-import "../../chunk-4JNC5AEF.js";
+} from "../../chunk-UTWEHMAP.js";
+import "../../chunk-WGKBZ7DN.js";
 import "../../chunk-IDMG332I.js";
 import {
   CodeEditor
@@ -713,7 +713,7 @@ import "../../chunk-SUTOAW7I.js";
 import "../../chunk-QYKDY4EI.js";
 import {
   Input
-} from "../../chunk-RHVJ3L4U.js";
+} from "../../chunk-ZJY7OK6H.js";
 import "../../chunk-ZLMKGVB2.js";
 import "../../chunk-BO6S47KI.js";
 import {
@@ -733,7 +733,7 @@ import "../../chunk-4L54KUZV.js";
 import "../../chunk-H2UUMZQR.js";
 import "../../chunk-WQEGPSGD.js";
 import "../../chunk-QWOI5BZV.js";
-import "../../chunk-FXECKKPW.js";
+import "../../chunk-ASBFGGJB.js";
 import "../../chunk-PD7MKJCM.js";
 import "../../chunk-KLJYIS5L.js";
 import "../../chunk-SJRTT3PA.js";

package/dist/{chunk-BR3WBTTQ.js → chunk-3ODEBPGT.js}

@@ -1,12 +1,12 @@
 import {
   TextField
-} from "./chunk-3IX2TP4I.js";
+} from "./chunk-GB7NTXL2.js";
 import {
   SelectField
 } from "./chunk-6YSGP2WS.js";
 import {
   CepField
-} from "./chunk-YGWLMTPB.js";
+} from "./chunk-KXVWH3JM.js";
 import {
   CategoryField
 } from "./chunk-NQ6P7O7C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-BR3WBTTQ.js.map
+//# sourceMappingURL=chunk-3ODEBPGT.js.map

package/dist/{chunk-I4DG3PP4.js → chunk-43EFQ3DU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-EIMFA7KP.js";
 import {
   Input
-} from "./chunk-RHVJ3L4U.js";
+} from "./chunk-ZJY7OK6H.js";
 import {
   Dialog,
   DialogContent
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-I4DG3PP4.js.map
+//# sourceMappingURL=chunk-43EFQ3DU.js.map

package/dist/{chunk-FXECKKPW.js → chunk-ASBFGGJB.js}

@@ -71,6 +71,9 @@ function inputAriaOf(a) {
     ...a.busy === void 0 ? {} : { "aria-busy": a.busy }
   };
 }
+function keyboardOf(inputMode) {
+  return inputMode === void 0 ? {} : { inputMode };
+}
 function inputRenderer(StyledTextField) {
   return ({
     variant = "outlined",
@@ -91,6 +94,7 @@ function inputRenderer(StyledTextField) {
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy,
     "aria-busy": ariaBusy,
+    inputMode,
     inputProps,
     ...rest
   }, ref) => {
@@ -117,6 +121,7 @@ function inputRenderer(StyledTextField) {
         onBlur,
         inputProps: {
           "data-testid": dataTestId,
+          ...keyboardOf(inputMode),
           ...inputProps,
           ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy })
         },
@@ -140,4 +145,4 @@ function createInput(TextField) {
 export {
   createInput
 };
-//# sourceMappingURL=chunk-FXECKKPW.js.map
+//# sourceMappingURL=chunk-ASBFGGJB.js.map

package/dist/chunk-ASBFGGJB.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/**\n * A top-level `inputMode`, for the `<input>` (FUT-1440). Left with the rest it\n * landed on the text field's root `<div>`, where it raised no keypad at all.\n */\nfunction keyboardOf(inputMode: InputProps['inputMode']): Pick<InputProps, 'inputMode'> {\n  return inputMode === undefined ? {} : { inputMode };\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      inputMode,\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         * So is a top-level `inputMode` (FUT-1440, `keyboardOf`); a caller's\n         * `inputProps.inputMode` still wins.\n         */\n        inputProps={{\n          'data-testid': dataTestId,\n          ...keyboardOf(inputMode),\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-3IX2TP4I.js → chunk-GB7NTXL2.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-RHVJ3L4U.js";
+} from "./chunk-ZJY7OK6H.js";
 import {
   FormControl,
   FormLabel,
@@ -65,4 +65,4 @@ function TextField({
 export {
   TextField
 };
-//# sourceMappingURL=chunk-3IX2TP4I.js.map
+//# sourceMappingURL=chunk-GB7NTXL2.js.map

package/dist/{chunk-YGWLMTPB.js → chunk-KXVWH3JM.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-2GDPZ53K.js";
+} from "./chunk-UTWEHMAP.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -86,4 +86,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-YGWLMTPB.js.map
+//# sourceMappingURL=chunk-KXVWH3JM.js.map

package/dist/{chunk-GXGHEOWC.js → chunk-USHVG4UQ.js}

@@ -1,6 +1,6 @@
 import {
   SaveViewModal
-} from "./chunk-I4DG3PP4.js";
+} from "./chunk-43EFQ3DU.js";
 import {
   ManageViewsDialog
 } from "./chunk-VNMD6BA4.js";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-GXGHEOWC.js.map
+//# sourceMappingURL=chunk-USHVG4UQ.js.map

package/dist/{chunk-2GDPZ53K.js → chunk-UTWEHMAP.js}

@@ -1,6 +1,6 @@
 import {
   Input
-} from "./chunk-4JNC5AEF.js";
+} from "./chunk-WGKBZ7DN.js";
 import {
   FormControl,
   FormLabel,
@@ -141,4 +141,4 @@ export {
   CepField,
   CepField_default
 };
-//# sourceMappingURL=chunk-2GDPZ53K.js.map
+//# sourceMappingURL=chunk-UTWEHMAP.js.map

package/dist/{chunk-4JNC5AEF.js → chunk-WGKBZ7DN.js}

@@ -1,6 +1,6 @@
 import {
   createInput
-} from "./chunk-FXECKKPW.js";
+} from "./chunk-ASBFGGJB.js";
 import {
   OutlinedTextFieldSlim
 } from "./chunk-LZRVUOMU.js";
@@ -11,4 +11,4 @@ var Input = createInput(OutlinedTextFieldSlim);
 export {
   Input
 };
-//# sourceMappingURL=chunk-4JNC5AEF.js.map
+//# sourceMappingURL=chunk-WGKBZ7DN.js.map

package/dist/{chunk-ASEHJIIV.js → chunk-Y3FYOKWF.js}

@@ -14,7 +14,7 @@ import {
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-GXGHEOWC.js";
+} from "./chunk-USHVG4UQ.js";
 import {
   useSavedViewsController
 } from "./chunk-B2JSUFDX.js";
@@ -166,4 +166,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-ASEHJIIV.js.map
+//# sourceMappingURL=chunk-Y3FYOKWF.js.map

package/dist/{chunk-RHVJ3L4U.js → chunk-ZJY7OK6H.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-ZLMKGVB2.js";
 import {
   createInput
-} from "./chunk-FXECKKPW.js";
+} from "./chunk-ASBFGGJB.js";
 
 // src/components/form/Input/Input.tsx
 var Input = createInput(TextFieldSlim);
@@ -11,4 +11,4 @@ var Input = createInput(TextFieldSlim);
 export {
   Input
 };
-//# sourceMappingURL=chunk-RHVJ3L4U.js.map
+//# sourceMappingURL=chunk-ZJY7OK6H.js.map

package/dist/{chunk-LABIUXDM.js → chunk-ZYXXAWDF.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-Q4JWWTL4.js";
 import {
   Input
-} from "./chunk-RHVJ3L4U.js";
+} from "./chunk-ZJY7OK6H.js";
 
 // src/components/form/NumberField/NumberField.tsx
 import React, { useCallback, useId } from "react";
@@ -82,4 +82,4 @@ NumberField.displayName = "NumberField";
 export {
   NumberField
 };
-//# sourceMappingURL=chunk-LABIUXDM.js.map
+//# sourceMappingURL=chunk-ZYXXAWDF.js.map

package/dist/data-display/DataViews.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-MBMZNSBP.js";
 import {
   DataViewsTableBase
-} from "../chunk-ASEHJIIV.js";
+} from "../chunk-Y3FYOKWF.js";
 import "../chunk-YNVTUQ5B.js";
 import {
   DataViewsGrid
@@ -65,8 +65,8 @@ import "../chunk-WSAUWJFO.js";
 import "../chunk-YLGY3D52.js";
 import "../chunk-4NG3LTRX.js";
 import "../chunk-2MT6VSS2.js";
-import "../chunk-GXGHEOWC.js";
-import "../chunk-I4DG3PP4.js";
+import "../chunk-USHVG4UQ.js";
+import "../chunk-43EFQ3DU.js";
 import "../chunk-VNMD6BA4.js";
 import "../chunk-5M4TYFR3.js";
 import "../chunk-7CUZTWKW.js";
@@ -145,7 +145,7 @@ import "../chunk-SZS7VZJN.js";
 import "../chunk-L6YTVXGN.js";
 import "../chunk-SUTOAW7I.js";
 import "../chunk-QYKDY4EI.js";
-import "../chunk-RHVJ3L4U.js";
+import "../chunk-ZJY7OK6H.js";
 import "../chunk-ZLMKGVB2.js";
 import "../chunk-BO6S47KI.js";
 import "../chunk-FYAW5GBF.js";
@@ -180,7 +180,7 @@ import "../chunk-RZVUY2MO.js";
 import "../chunk-VPGDYI63.js";
 import "../chunk-DMNZD3Q7.js";
 import "../chunk-PN4HVM43.js";
-import "../chunk-FXECKKPW.js";
+import "../chunk-ASBFGGJB.js";
 import "../chunk-PD7MKJCM.js";
 import "../chunk-KLJYIS5L.js";
 import "../chunk-SJRTT3PA.js";

package/dist/form/CepField.js

@@ -1,9 +1,9 @@
 import "../chunk-6XLMTOJ3.js";
 import {
   CepField
-} from "../chunk-2GDPZ53K.js";
-import "../chunk-4JNC5AEF.js";
-import "../chunk-FXECKKPW.js";
+} from "../chunk-UTWEHMAP.js";
+import "../chunk-WGKBZ7DN.js";
+import "../chunk-ASBFGGJB.js";
 import "../chunk-PD7MKJCM.js";
 import "../chunk-KLJYIS5L.js";
 import "../chunk-C3UKR3NT.js";

package/dist/form/Input/outlined.js

@@ -1,7 +1,7 @@
 import {
   Input
-} from "../../chunk-4JNC5AEF.js";
-import "../../chunk-FXECKKPW.js";
+} from "../../chunk-WGKBZ7DN.js";
+import "../../chunk-ASBFGGJB.js";
 import "../../chunk-PD7MKJCM.js";
 import "../../chunk-KLJYIS5L.js";
 import "../../chunk-LZRVUOMU.js";

package/dist/form/Input.js

@@ -1,9 +1,9 @@
 import "../chunk-QYKDY4EI.js";
 import {
   Input
-} from "../chunk-RHVJ3L4U.js";
+} from "../chunk-ZJY7OK6H.js";
 import "../chunk-ZLMKGVB2.js";
-import "../chunk-FXECKKPW.js";
+import "../chunk-ASBFGGJB.js";
 import "../chunk-PD7MKJCM.js";
 import "../chunk-KLJYIS5L.js";
 import "../chunk-EEB66IVH.js";

package/dist/form/NumberField.js

@@ -1,12 +1,12 @@
 import "../chunk-HALFOXSZ.js";
 import {
   NumberField
-} from "../chunk-LABIUXDM.js";
+} from "../chunk-ZYXXAWDF.js";
 import "../chunk-Q4JWWTL4.js";
 import "../chunk-QYKDY4EI.js";
-import "../chunk-RHVJ3L4U.js";
+import "../chunk-ZJY7OK6H.js";
 import "../chunk-ZLMKGVB2.js";
-import "../chunk-FXECKKPW.js";
+import "../chunk-ASBFGGJB.js";
 import "../chunk-PD7MKJCM.js";
 import "../chunk-KLJYIS5L.js";
 import "../chunk-EEB66IVH.js";

package/dist/form/total-form.js

@@ -9,14 +9,14 @@ import {
 } from "../chunk-CPAJYJUD.js";
 import {
   Fields_exports
-} from "../chunk-BR3WBTTQ.js";
+} from "../chunk-3ODEBPGT.js";
 import {
   TextField
-} from "../chunk-3IX2TP4I.js";
+} from "../chunk-GB7NTXL2.js";
 import {
   SelectField
 } from "../chunk-6YSGP2WS.js";
-import "../chunk-YGWLMTPB.js";
+import "../chunk-KXVWH3JM.js";
 import {
   CategoryField
 } from "../chunk-NQ6P7O7C.js";
@@ -34,12 +34,12 @@ import "../chunk-OQW4OERS.js";
 import "../chunk-6VTOGR36.js";
 import "../chunk-IYC7NPX7.js";
 import "../chunk-6XLMTOJ3.js";
-import "../chunk-2GDPZ53K.js";
-import "../chunk-4JNC5AEF.js";
+import "../chunk-UTWEHMAP.js";
+import "../chunk-WGKBZ7DN.js";
 import "../chunk-JD5BVIM7.js";
 import "../chunk-T77OVQEO.js";
 import "../chunk-QYKDY4EI.js";
-import "../chunk-RHVJ3L4U.js";
+import "../chunk-ZJY7OK6H.js";
 import "../chunk-ZLMKGVB2.js";
 import "../chunk-N5ZWC6CB.js";
 import "../chunk-TSID4257.js";
@@ -58,7 +58,7 @@ import "../chunk-RZVUY2MO.js";
 import "../chunk-VPGDYI63.js";
 import "../chunk-DMNZD3Q7.js";
 import "../chunk-PN4HVM43.js";
-import "../chunk-FXECKKPW.js";
+import "../chunk-ASBFGGJB.js";
 import "../chunk-PD7MKJCM.js";
 import "../chunk-KLJYIS5L.js";
 import "../chunk-C3UKR3NT.js";

package/dist/types/components/form/Input/Input.factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.factory.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.factory.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAaxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AA0LhD,iDAAiD;AACjD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,IAAI,KAAK,CAAC,yBAAyB,CAC7F,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC1C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,sBAAsB,GAAG,cAAc,CAI7E"}
+{"version":3,"file":"Input.factory.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.factory.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAaxE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAsMhD,iDAAiD;AACjD,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,IAAI,KAAK,CAAC,yBAAyB,CAC7F,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAC1C,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,sBAAsB,GAAG,cAAc,CAI7E"}

package/dist/types/components/form/Input/Input.types.d.ts

@@ -29,8 +29,9 @@ export interface InputProps extends InputBaseProps, Omit<InputHTMLAttributes<HTM
     InputLabelProps?: Partial<MuiInputLabelProps>;
     /**
      * Attributes for the `<input>` element itself. Anything else this component
-     * does not recognise lands on the text field's ROOT `<div>`, where
-     * `inputMode`, `pattern`, `role` and `aria-value*` do nothing. Merged, not
+     * does not recognise lands on the text field's ROOT `<div>`, where `pattern`,
+     * `role` and `aria-value*` do nothing. A top-level `inputMode` is routed to
+     * the `<input>` (FUT-1440); one given here wins over it. Merged, not
      * spread over: the field's own `data-testid` stays the default a caller can
      * override, and the ARIA it builds from `aria-label` / `aria-describedby` /
      * `aria-busy` still lands last.

package/dist/types/components/form/Input/Input.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5E;;;;;;;GAOG;AACH,MAAM,WAAW,UACf,SAAQ,cAAc,EACpB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,cAAc,CAAC;IACtF,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC9C;;;;;;;OAOG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC"}
+{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,KAAK,EAAE,eAAe,IAAI,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAC/F,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAEnD,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5E;;;;;;;GAOG;AACH,MAAM,WAAW,UACf,SAAQ,cAAc,EACpB,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,cAAc,CAAC;IACtF,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACpD,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACnD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;;;;OAQG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC9C;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,uBAAuB,CAAC;CACtC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@12-apps/ui",
-  "version": "6.93.2",
+  "version": "6.94.0",
   "license": "MIT",
   "packageManager": "pnpm@10.34.5",
   "type": "module",

package/src/components/form/Input/Input.factory.tsx

@@ -126,6 +126,14 @@ function inputAriaOf(a: {
   };
 }
 
+/**
+ * A top-level `inputMode`, for the `<input>` (FUT-1440). Left with the rest it
+ * landed on the text field's root `<div>`, where it raised no keypad at all.
+ */
+function keyboardOf(inputMode: InputProps['inputMode']): Pick<InputProps, 'inputMode'> {
+  return inputMode === undefined ? {} : { inputMode };
+}
+
 /** The render function `createInput` hands `forwardRef`, over a given styled field. */
 function inputRenderer(
   StyledTextField: ReturnType<typeof styledField>,
@@ -150,6 +158,7 @@ function inputRenderer(
       'aria-label': ariaLabel,
       'aria-describedby': ariaDescribedBy,
       'aria-busy': ariaBusy,
+      inputMode,
       inputProps,
       ...rest
     },
@@ -183,9 +192,12 @@ function inputRenderer(
          * disagreed with the DOM. The reports search box and the block-title
          * inputs were both named in source and anonymous to a screen reader.
          * `aria-describedby` and `aria-busy` are the same case: `inputAriaOf`.
+         * So is a top-level `inputMode` (FUT-1440, `keyboardOf`); a caller's
+         * `inputProps.inputMode` still wins.
          */
         inputProps={{
           'data-testid': dataTestId,
+          ...keyboardOf(inputMode),
           ...inputProps,
           ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy }),
         }}

package/src/components/form/Input/Input.types.ts

@@ -34,8 +34,9 @@ export interface InputProps
   InputLabelProps?: Partial<MuiInputLabelProps>;
   /**
    * Attributes for the `<input>` element itself. Anything else this component
-   * does not recognise lands on the text field's ROOT `<div>`, where
-   * `inputMode`, `pattern`, `role` and `aria-value*` do nothing. Merged, not
+   * does not recognise lands on the text field's ROOT `<div>`, where `pattern`,
+   * `role` and `aria-value*` do nothing. A top-level `inputMode` is routed to
+   * the `<input>` (FUT-1440); one given here wins over it. Merged, not
    * spread over: the field's own `data-testid` stays the default a caller can
    * override, and the ARIA it builds from `aria-label` / `aria-describedby` /
    * `aria-busy` still lands last.

package/dist/chunk-FXECKKPW.js.map

@@ -1 +0,0 @@
-{"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":[]}