@multiplatform.one/forms 7.4.1 → 7.5.0

package/dist/cjs/FormSection.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","FormSection_exports","Fieldset","FormSection","FormSectionStack","formFieldGap","import_formSpacing2","formReadableMaxWidth","formSectionGap","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_formSpacing","param","label","children","maxWidth","gap","testID","fieldset","compact","useFieldset","isWeb","knobProps","useResolvedKnobs","resolvedGap","jsxs","YStack","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","jsx","Text","heading","marginBottom","float","role","gapLg"],"sources":["FormSection.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar FormSection_exports = {};\n__export(FormSection_exports, {\n  Fieldset: () => Fieldset,\n  FormSection: () => FormSection,\n  FormSectionStack: () => FormSectionStack,\n  formFieldGap: () => import_formSpacing2.formFieldGap,\n  formReadableMaxWidth: () => import_formSpacing2.formReadableMaxWidth,\n  formSectionGap: () => import_formSpacing2.formSectionGap\n});\nmodule.exports = __toCommonJS(FormSection_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar import_formSpacing = require(\"./formSpacing\");\nvar import_formSpacing2 = require(\"./formSpacing\");\nfunction FormSection(param) {\n  var { label, children, maxWidth = import_formSpacing.formReadableMaxWidth, gap, testID, fieldset = true, compact } = param;\n  var useFieldset = fieldset && import_tamagui.isWeb;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {\n    compact\n  });\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    ...useFieldset ? {\n      render: \"fieldset\"\n    } : {},\n    \"data-mpo-form-section\": \"\",\n    \"data-mpo-fieldset\": useFieldset ? \"\" : void 0,\n    \"data-field-gap\": String(resolvedGap),\n    \"data-density\": knobProps.density,\n    \"data-size\": knobProps.size,\n    \"data-testid\": testID,\n    gap: resolvedGap,\n    width: \"100%\",\n    maxWidth: maxWidth === \"fluid\" ? void 0 : maxWidth,\n    alignSelf: maxWidth === \"fluid\" ? void 0 : \"flex-start\",\n    // Reset browser fieldset chrome; we own spacing via tokens.\n    ...useFieldset ? {\n      style: {\n        borderWidth: 0,\n        margin: 0,\n        minWidth: 0,\n        padding: 0\n      }\n    } : {},\n    children: [\n      label ? useFieldset ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        render: \"legend\",\n        ...knobProps.label,\n        ...knobProps.heading,\n        // legend is inline by default; stretch to a full heading row\n        style: {\n          padding: 0,\n          marginBottom: 0,\n          float: \"left\",\n          width: \"100%\"\n        },\n        children: label\n      }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        ...knobProps.label,\n        ...knobProps.heading,\n        role: \"heading\",\n        \"aria-level\": 3,\n        children: label\n      }) : null,\n      children\n    ]\n  });\n}\nvar Fieldset = FormSection;\nfunction FormSectionStack(param) {\n  var { children, gap } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gapLg.gap;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    \"data-mpo-form-section-stack\": \"\",\n    \"data-section-gap\": String(resolvedGap),\n    \"data-density\": knobProps.density,\n    \"data-size\": knobProps.size,\n    gap: resolvedGap,\n    width: \"100%\",\n    children\n  });\n}\n//# sourceMappingURL=FormSection.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,mBAAmB,GAAG,CAAC,CAAC;AAC5BhB,QAAQ,CAACgB,mBAAmB,EAAE;EAC5BC,QAAQ,EAAEA,CAAA,KAAMA,QAAQ;EACxBC,WAAW,EAAEA,CAAA,KAAMA,WAAW;EAC9BC,gBAAgB,EAAEA,CAAA,KAAMA,gBAAgB;EACxCC,YAAY,EAAEA,CAAA,KAAMC,mBAAmB,CAACD,YAAY;EACpDE,oBAAoB,EAAEA,CAAA,KAAMD,mBAAmB,CAACC,oBAAoB;EACpEC,cAAc,EAAEA,CAAA,KAAMF,mBAAmB,CAACE;AAC5C,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGZ,YAAY,CAACG,mBAAmB,CAAC;AAClD,IAAIU,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,YAAY,GAAGD,OAAO,CAAC,0BAA0B,CAAC;AACtD,IAAIE,cAAc,GAAGF,OAAO,CAAC,SAAS,CAAC;AACvC,IAAIG,kBAAkB,GAAGH,OAAO,CAAC,yBAAe,CAAC;AACjD,IAAIN,mBAAmB,GAAGM,OAAO,CAAC,yBAAe,CAAC;AAClD,SAAST,WAAWA,CAACa,KAAK,EAAE;EAC1B,IAAI;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,QAAQ,GAAGJ,kBAAkB,CAACR,oBAAoB;IAAEa,GAAG;IAAEC,MAAM;IAAEC,QAAQ,GAAG,IAAI;IAAEC;EAAQ,CAAC,GAAGP,KAAK;EAC1H,IAAIQ,WAAW,GAAGF,QAAQ,IAAIR,cAAc,CAACW,KAAK;EAClD,IAAI;IAAEC;EAAU,CAAC,GAAG,CAAC,CAAC,EAAEb,YAAY,CAACc,gBAAgB,EAAEJ,OAAO,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG;IACnFA;EACF,CAAC,CAAC;EACF,IAAIK,WAAW,GAAGR,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAGA,GAAG,GAAGM,SAAS,CAACN,GAAG,CAACA,GAAG;EAC1E,OAAO,eAAgB,CAAC,CAAC,EAAET,kBAAkB,CAACkB,IAAI,EAAEf,cAAc,CAACgB,MAAM,EAAE;IACzE,IAAGN,WAAW,GAAG;MACfO,MAAM,EAAE;IACV,CAAC,GAAG,CAAC,CAAC;IACN,uBAAuB,EAAE,EAAE;IAC3B,mBAAmB,EAAEP,WAAW,GAAG,EAAE,GAAG,KAAK,CAAC;IAC9C,gBAAgB,EAAEQ,MAAM,CAACJ,WAAW,CAAC;IACrC,cAAc,EAAEF,SAAS,CAACO,OAAO;IACjC,WAAW,EAAEP,SAAS,CAACQ,IAAI;IAC3B,aAAa,EAAEb,MAAM;IACrBD,GAAG,EAAEQ,WAAW;IAChBO,KAAK,EAAE,MAAM;IACbhB,QAAQ,EAAEA,QAAQ,KAAK,OAAO,GAAG,KAAK,CAAC,GAAGA,QAAQ;IAClDiB,SAAS,EAAEjB,QAAQ,KAAK,OAAO,GAAG,KAAK,CAAC,GAAG,YAAY;IACvD;IACA,IAAGK,WAAW,GAAG;MACfa,KAAK,EAAE;QACLC,WAAW,EAAE,CAAC;QACdC,MAAM,EAAE,CAAC;QACTC,QAAQ,EAAE,CAAC;QACXC,OAAO,EAAE;MACX;IACF,CAAC,GAAG,CAAC,CAAC;IACNvB,QAAQ,EAAE,CACRD,KAAK,GAAGO,WAAW,GAAG,eAAgB,CAAC,CAAC,EAAEb,kBAAkB,CAAC+B,GAAG,EAAE5B,cAAc,CAAC6B,IAAI,EAAE;MACrFZ,MAAM,EAAE,QAAQ;MAChB,GAAGL,SAAS,CAACT,KAAK;MAClB,GAAGS,SAAS,CAACkB,OAAO;MACpB;MACAP,KAAK,EAAE;QACLI,OAAO,EAAE,CAAC;QACVI,YAAY,EAAE,CAAC;QACfC,KAAK,EAAE,MAAM;QACbX,KAAK,EAAE;MACT,CAAC;MACDjB,QAAQ,EAAED;IACZ,CAAC,CAAC,GAAG,eAAgB,CAAC,CAAC,EAAEN,kBAAkB,CAAC+B,GAAG,EAAE5B,cAAc,CAAC6B,IAAI,EAAE;MACpE,GAAGjB,SAAS,CAACT,KAAK;MAClB,GAAGS,SAAS,CAACkB,OAAO;MACpBG,IAAI,EAAE,SAAS;MACf,YAAY,EAAE,CAAC;MACf7B,QAAQ,EAAED;IACZ,CAAC,CAAC,GAAG,IAAI,EACTC,QAAQ;EAEZ,CAAC,CAAC;AACJ;AACA,IAAIhB,QAAQ,GAAGC,WAAW;AAC1B,SAASC,gBAAgBA,CAACY,KAAK,EAAE;EAC/B,IAAI;IAAEE,QAAQ;IAAEE;EAAI,CAAC,GAAGJ,KAAK;EAC7B,IAAI;IAAEU;EAAU,CAAC,GAAG,CAAC,CAAC,EAAEb,YAAY,CAACc,gBAAgB,EAAE,CAAC;EACxD,IAAIC,WAAW,GAAGR,GAAG,KAAK,IAAI,IAAIA,GAAG,KAAK,KAAK,CAAC,GAAGA,GAAG,GAAGM,SAAS,CAACsB,KAAK,CAAC5B,GAAG;EAC5E,OAAO,eAAgB,CAAC,CAAC,EAAET,kBAAkB,CAAC+B,GAAG,EAAE5B,cAAc,CAACgB,MAAM,EAAE;IACxE,6BAA6B,EAAE,EAAE;IACjC,kBAAkB,EAAEE,MAAM,CAACJ,WAAW,CAAC;IACvC,cAAc,EAAEF,SAAS,CAACO,OAAO;IACjC,WAAW,EAAEP,SAAS,CAACQ,IAAI;IAC3Bd,GAAG,EAAEQ,WAAW;IAChBO,KAAK,EAAE,MAAM;IACbjB;EACF,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormSection_exports","__export","Fieldset","FormSection","FormSectionStack","formFieldGap","import_formSpacing2","formReadableMaxWidth","formSectionGap","module","exports","import_jsx_runtime","require","import_theme","import_tamagui","import_formSpacing","param","label","children","maxWidth","gap","testID","fieldset","compact","useFieldset","isWeb","knobProps","useResolvedKnobs","resolvedGap","jsxs","YStack","render","String","density","size","width","alignSelf","style","borderWidth","margin","minWidth","padding","jsx","Text","fontWeight","color","textAccentColor","marginBottom","float","role","props","gapLg"],"sources":["../../src/FormSection.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/InputParts/index.cjs

@@ -24,6 +24,7 @@ var InputParts_exports = {};
 __export(InputParts_exports, {
   FocusContext: () => FocusContext,
   FocusWiredTextArea: () => FocusWiredTextArea,
+  INPUT_MODE_TO_KEYBOARD: () => INPUT_MODE_TO_KEYBOARD,
   Input: () => Input,
   InputContainerFrame: () => InputContainerFrame,
   InputContext: () => InputContext,
@@ -31,6 +32,7 @@ __export(InputParts_exports, {
   InputIconFrame: () => InputIconFrame,
   InputInfo: () => InputInfo,
   InputLabel: () => InputLabel,
+  KEYBOARD_TO_INPUT_MODE: () => KEYBOARD_TO_INPUT_MODE,
   boxRingMode: () => boxRingMode,
   boxRingOffset: () => boxRingOffset,
   defaultInputGroupStyles: () => defaultInputGroupStyles,
@@ -38,6 +40,8 @@ __export(InputParts_exports, {
   getInputFrameTransitionProps: () => getInputFrameTransitionProps,
   inputPartsRingCss: () => inputPartsRingCss,
   inputSizeVariant: () => inputSizeVariant,
+  mapInputModeToKeyboardType: () => mapInputModeToKeyboardType,
+  mapKeyboardTypeToInputMode: () => mapKeyboardTypeToInputMode,
   useForwardFocus: () => useForwardFocus
 });
 module.exports = __toCommonJS(InputParts_exports);
@@ -210,6 +214,11 @@ const inputPartsRingCss = `/* LC-71: ring on Box (adornments inside); Area never
 [data-mp-input-box] [contenteditable] {
   outline: none !important;
   box-shadow: none !important;
+}
+/* LC-84: Area is chromeless. Zero UA pad on the single-line input only \u2014
+   textarea keeps ThemedTextArea's equal padX/padY inset. */
+input[data-mp-input-area] {
+  padding: 0 !important;
 }`;
 const INPUT_PARTS_RING_STYLE_ID = "mp-input-parts-ring-anatomy";
 function ensureInputPartsFocusRing() {
@@ -296,54 +305,6 @@ const InputGroupFrame = (0, import_tamagui.styled)(import_tamagui.XGroup, {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
-const nativeElevationShadow = {
-  $1: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.12,
-    // house light angle: blur = 2 x y-offset on every tier (Axiom 14)
-    shadowRadius: 2,
-    elevation: 2
-  },
-  $2: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 3
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 6,
-    elevation: 4
-  },
-  $4: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 10
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 20,
-    elevation: 8
-  }
-};
-const elevationKeyAlias = {
-  "20": "$1",
-  "28": "$2",
-  "44": "$4"
-};
-function getBoxElevationProps(token) {
-  if (token == null) return {
-    elevation: void 0
-  };
-  if (import_tamagui.isWeb) return {
-    elevation: token
-  };
-  const key = elevationKeyAlias[String(token)] ?? String(token);
-  return nativeElevationShadow[key] || nativeElevationShadow.$2;
-}
 function wrapNativePressable(onPress, disabled, node) {
   if (import_tamagui.isWeb || !onPress) return node;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
@@ -388,7 +349,8 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
     disabled
   };
   const paintsRing = !grouped && !inTableCell;
-  const boxOverflow = paintsRing ? "hidden" : "visible";
+  const hasElevation = knobProps.elevation != null;
+  const boxOverflow = paintsRing && !(hasElevation && !import_tamagui.isWeb) ? "hidden" : "visible";
   const ringMode = boxRingMode(boxOverflow, paintsRing);
   if (import_tamagui.isWeb) {
     (0, import_theme.ensureCompositeFocusRing)();
@@ -436,6 +398,10 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       paddingHorizontal: paddingHorizontalProp
     } : void 0)
   };
+  const fieldInset = heightProp === "auto" ? 0 : (0, import_theme.textFieldInset)(familyRecipe);
+  const insetPadProps = sizeRecipeEscaped || typeof paddingHorizontalProp !== "number" && paddingHorizontalProp != null ? void 0 : {
+    paddingHorizontal: fieldInset
+  };
   if (inTableCell) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusContext.Provider, {
       focused,
@@ -453,6 +419,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
         elevation: void 0,
         ...props,
         ...passthroughSizeProps,
+        ...insetPadProps,
         ...sizeRecipeEscapeOverride,
         ...framePressProps,
         ...boxRingAttrs,
@@ -471,6 +438,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       elevation: void 0,
       ...props,
       ...passthroughSizeProps,
+      ...insetPadProps,
       ...sizeRecipeEscapeOverride,
       ...framePressProps,
       ...boxRingAttrs,
@@ -496,8 +464,10 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       ...knobProps.body,
       size: knobProps.sizeToken,
       ...controlFragment,
-      backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.base,
-      ...getBoxElevationProps(knobProps.elevation),
+      backgroundColor: knobProps.inputBackground,
+      ...(knobProps.elevation == null ? {
+        elevation: void 0
+      } : knobProps.elevationChrome),
       ...knobProps.borderRadius,
       ...getInputFrameTransitionProps(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
       hoverStyle: {
@@ -519,6 +489,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       }),
       ...props,
       ...passthroughSizeProps,
+      ...insetPadProps,
       ...sizeRecipeEscapeOverride,
       ...framePressProps,
       ...boxRingAttrs,
@@ -553,13 +524,35 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
     }))
   });
 });
+const KEYBOARD_TO_INPUT_MODE = {
+  "phone-pad": "tel",
+  "number-pad": "numeric",
+  "decimal-pad": "decimal",
+  "email-address": "email",
+  numeric: "numeric"
+};
+const INPUT_MODE_TO_KEYBOARD = {
+  tel: "phone-pad",
+  numeric: "number-pad",
+  decimal: "decimal-pad",
+  email: "email-address"
+};
+function mapKeyboardTypeToInputMode(keyboardType) {
+  if (!keyboardType) return void 0;
+  return KEYBOARD_TO_INPUT_MODE[keyboardType];
+}
+function mapInputModeToKeyboardType(inputMode) {
+  if (!inputMode) return void 0;
+  return INPUT_MODE_TO_KEYBOARD[inputMode];
+}
 const inputSizeVariant = (val = "$true") => {
   const recipe = (0, import_theme.sizeRecipeForToken)(String(val || "$true"), {
     touch: (0, import_theme.isTouchSurface)()
   });
   return {
     fontSize: recipe.fontSize,
-    paddingHorizontal: recipe.paddingHorizontal
+    // LC-84: Area is chromeless — inset lives on Input.Box / ThemedTextArea.
+    paddingHorizontal: 0
   };
 };
 const InputFrame = (0, import_tamagui.styled)(import_tamagui.Input, {
@@ -568,6 +561,10 @@ const InputFrame = (0, import_tamagui.styled)(import_tamagui.Input, {
   // LC-71: the Area never paints a ring. Chrome's UA :focus-visible outline
   // on <input> is the "ring cuts the control in half" defect (magnifier sits
   // outside). Kill it at rest and on focus; the Box owns the ring.
+  // LC-84: Area is chromeless — pad lives on Box (or ThemedTextArea).
+  padding: 0,
+  paddingHorizontal: 0,
+  paddingVertical: 0,
   outlineWidth: 0,
   outlineStyle: "none",
   outlineColor: "transparent",
@@ -612,6 +609,7 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
     focusStyle: focusStyleProp,
     focusVisibleStyle: focusVisibleStyleProp,
     className: classNameProp,
+    inputMode: inputModeProp,
     ...props
   } = areaProps;
   const {
@@ -622,6 +620,8 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
   const nativeA11yProps = useNativeFieldA11yProps();
   const inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   if (import_tamagui.isWeb) ensureInputPartsFocusRing();
+  const resolvedInputMode = inputModeProp ?? mapKeyboardTypeToInputMode(keyboardType);
+  const resolvedKeyboardType = keyboardType ?? mapInputModeToKeyboardType(resolvedInputMode);
   return (
     // LC-06/LC-10 (UX-P12): in a table cell the flex wrapper and the raw
     // input must be allowed to shrink below the <input>'s intrinsic width
@@ -648,8 +648,13 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
         } : void 0),
         ...knobProps.body,
         type: secureTextEntry ? "password" : props.type,
-        inputMode: keyboardType === "numeric" ? "numeric" : keyboardType === "email-address" ? "email" : void 0,
-        autoComplete: textContentType === "emailAddress" ? "email" : textContentType === "password" ? "current-password" : void 0,
+        padding: 0,
+        paddingHorizontal: 0,
+        paddingVertical: 0,
+        keyboardType: resolvedKeyboardType,
+        textContentType,
+        inputMode: resolvedInputMode,
+        autoComplete: textContentType === "emailAddress" ? "email" : textContentType === "password" ? "current-password" : textContentType === "telephoneNumber" ? "tel" : textContentType === "oneTimeCode" ? "one-time-code" : void 0,
         ...props,
         ...webAreaAttrs(classNameProp),
         ...AREA_NO_OUTLINE,
@@ -711,22 +716,36 @@ const InputButton = (0, import_tamagui.styled)(import_tamagui.Button, {
     }
   }
 });
-const InputButtonImpl = InputButton.styleable((props, ref) => {
+const InputButtonImpl = InputButton.styleable((buttonProps, ref) => {
   const {
-    size
+    children,
+    color: colorProp,
+    ...props
+  } = buttonProps;
+  const {
+    size,
+    color: contextColor
   } = InputContext.useStyledContext();
   const {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  const theme = (0, import_tamagui.useTheme)();
   const square = knobProps.control.height;
+  const paint = (0, import_theme.resolveGlyphPaint)(theme, colorProp ?? contextColor);
+  const getThemedIcon = (0, import_tamagui.useGetThemedIcon)({
+    size: knobProps.controlIcon.width,
+    color: paint
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputButton, {
     ref,
     size,
     height: square,
     width: square,
     paddingHorizontal: 0,
+    color: paint,
     tabIndex: -1,
-    ...props
+    ...props,
+    children: getThemedIcon(children)
   });
 });
 const InputIconFrame = (0, import_tamagui.styled)(import_tamagui.View, {
@@ -766,7 +785,7 @@ const InputIcon = InputIconFrame.styleable((iconProps, ref) => {
   const resolvedScaleIcon = scaleIconProp ?? scaleIcon;
   const theme = (0, import_tamagui.useTheme)();
   const rawColor = colorProp ?? contextColor;
-  const color = (0, import_tamagui.getVariable)(rawColor ? theme[rawColor]?.get("web") ?? rawColor : theme.borderColor?.get("web"));
+  const color = (0, import_tamagui.getVariable)((0, import_theme.resolveGlyphPaint)(theme, rawColor ? String(rawColor) : "borderColor"));
   const iconSize = knobProps.controlIcon.width * resolvedScaleIcon;
   const getThemedIcon = (0, import_tamagui.useGetThemedIcon)({
     size: iconSize,

package/dist/cjs/InputParts/index.native.js

@@ -26,6 +26,7 @@ var InputParts_exports = {};
 __export(InputParts_exports, {
   FocusContext: () => FocusContext,
   FocusWiredTextArea: () => FocusWiredTextArea,
+  INPUT_MODE_TO_KEYBOARD: () => INPUT_MODE_TO_KEYBOARD,
   Input: () => Input,
   InputContainerFrame: () => InputContainerFrame,
   InputContext: () => InputContext,
@@ -33,6 +34,7 @@ __export(InputParts_exports, {
   InputIconFrame: () => InputIconFrame,
   InputInfo: () => InputInfo,
   InputLabel: () => InputLabel,
+  KEYBOARD_TO_INPUT_MODE: () => KEYBOARD_TO_INPUT_MODE,
   boxRingMode: () => boxRingMode,
   boxRingOffset: () => boxRingOffset,
   defaultInputGroupStyles: () => defaultInputGroupStyles,
@@ -40,6 +42,8 @@ __export(InputParts_exports, {
   getInputFrameTransitionProps: () => getInputFrameTransitionProps,
   inputPartsRingCss: () => inputPartsRingCss,
   inputSizeVariant: () => inputSizeVariant,
+  mapInputModeToKeyboardType: () => mapInputModeToKeyboardType,
+  mapKeyboardTypeToInputMode: () => mapKeyboardTypeToInputMode,
   useForwardFocus: () => useForwardFocus
 });
 module.exports = __toCommonJS(InputParts_exports);
@@ -223,6 +227,11 @@ var inputPartsRingCss = `/* LC-71: ring on Box (adornments inside); Area never o
 [data-mp-input-box] [contenteditable] {
   outline: none !important;
   box-shadow: none !important;
+}
+/* LC-84: Area is chromeless. Zero UA pad on the single-line input only \u2014
+   textarea keeps ThemedTextArea's equal padX/padY inset. */
+input[data-mp-input-area] {
+  padding: 0 !important;
 }`;
 var INPUT_PARTS_RING_STYLE_ID = "mp-input-parts-ring-anatomy";
 function ensureInputPartsFocusRing() {
@@ -309,55 +318,6 @@ var InputGroupFrame = (0, import_tamagui.styled)(import_tamagui.XGroup, {
     unstyled: process.env.TAMAGUI_HEADLESS === "1"
   }
 });
-var nativeElevationShadow = {
-  $1: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.12,
-    // house light angle: blur = 2 x y-offset on every tier (Axiom 14)
-    shadowRadius: 2,
-    elevation: 2
-  },
-  $2: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 3
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 6,
-    elevation: 4
-  },
-  $4: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 10
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 20,
-    elevation: 8
-  }
-};
-var elevationKeyAlias = {
-  "20": "$1",
-  "28": "$2",
-  "44": "$4"
-};
-function getBoxElevationProps(token) {
-  var _elevationKeyAlias_String;
-  if (token == null) return {
-    elevation: void 0
-  };
-  if (import_tamagui.isWeb) return {
-    elevation: token
-  };
-  var key = (_elevationKeyAlias_String = elevationKeyAlias[String(token)]) !== null && _elevationKeyAlias_String !== void 0 ? _elevationKeyAlias_String : String(token);
-  return nativeElevationShadow[key] || nativeElevationShadow.$2;
-}
 function wrapNativePressable(onPress, disabled, node) {
   if (import_tamagui.isWeb || !onPress) return node;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
@@ -420,7 +380,8 @@ function (groupProps, forwardedRef) {
     disabled
   };
   var paintsRing = !grouped && !inTableCell;
-  var boxOverflow = paintsRing ? "hidden" : "visible";
+  var hasElevation = knobProps.elevation != null;
+  var boxOverflow = paintsRing && !(hasElevation && !import_tamagui.isWeb) ? "hidden" : "visible";
   var ringMode = boxRingMode(boxOverflow, paintsRing);
   if (import_tamagui.isWeb) {
     (0, import_theme.ensureCompositeFocusRing)();
@@ -468,6 +429,10 @@ function (groupProps, forwardedRef) {
       paddingHorizontal: paddingHorizontalProp
     } : void 0)
   };
+  var fieldInset = heightProp === "auto" ? 0 : (0, import_theme.textFieldInset)(familyRecipe);
+  var insetPadProps = sizeRecipeEscaped || typeof paddingHorizontalProp !== "number" && paddingHorizontalProp != null ? void 0 : {
+    paddingHorizontal: fieldInset
+  };
   if (inTableCell) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(FocusContext.Provider, {
       focused,
@@ -493,6 +458,7 @@ function (groupProps, forwardedRef) {
         elevation: void 0,
         ...props,
         ...passthroughSizeProps,
+        ...insetPadProps,
         ...sizeRecipeEscapeOverride,
         ...framePressProps,
         ...boxRingAttrs,
@@ -511,6 +477,7 @@ function (groupProps, forwardedRef) {
       elevation: void 0,
       ...props,
       ...passthroughSizeProps,
+      ...insetPadProps,
       ...sizeRecipeEscapeOverride,
       ...framePressProps,
       ...boxRingAttrs,
@@ -536,8 +503,10 @@ function (groupProps, forwardedRef) {
       ...knobProps.body,
       size: knobProps.sizeToken,
       ...controlFragment,
-      backgroundColor: knobProps.outlined ? "transparent" : import_colorRamps.formInputColors.background.base,
-      ...getBoxElevationProps(knobProps.elevation),
+      backgroundColor: knobProps.inputBackground,
+      ...(knobProps.elevation == null ? {
+        elevation: void 0
+      } : knobProps.elevationChrome),
       ...knobProps.borderRadius,
       ...getInputFrameTransitionProps(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
       hoverStyle: {
@@ -559,6 +528,7 @@ function (groupProps, forwardedRef) {
       }),
       ...props,
       ...passthroughSizeProps,
+      ...insetPadProps,
       ...sizeRecipeEscapeOverride,
       ...framePressProps,
       ...boxRingAttrs,
@@ -597,6 +567,27 @@ function (groupProps, forwardedRef) {
     }))
   });
 });
+var KEYBOARD_TO_INPUT_MODE = {
+  "phone-pad": "tel",
+  "number-pad": "numeric",
+  "decimal-pad": "decimal",
+  "email-address": "email",
+  numeric: "numeric"
+};
+var INPUT_MODE_TO_KEYBOARD = {
+  tel: "phone-pad",
+  numeric: "number-pad",
+  decimal: "decimal-pad",
+  email: "email-address"
+};
+function mapKeyboardTypeToInputMode(keyboardType) {
+  if (!keyboardType) return void 0;
+  return KEYBOARD_TO_INPUT_MODE[keyboardType];
+}
+function mapInputModeToKeyboardType(inputMode) {
+  if (!inputMode) return void 0;
+  return INPUT_MODE_TO_KEYBOARD[inputMode];
+}
 var inputSizeVariant = function inputSizeVariant2() {
   var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true";
   var recipe = (0, import_theme.sizeRecipeForToken)(String(val || "$true"), {
@@ -604,7 +595,8 @@ var inputSizeVariant = function inputSizeVariant2() {
   });
   return {
     fontSize: recipe.fontSize,
-    paddingHorizontal: recipe.paddingHorizontal
+    // LC-84: Area is chromeless — inset lives on Input.Box / ThemedTextArea.
+    paddingHorizontal: 0
   };
 };
 var InputFrame = (0, import_tamagui.styled)(import_tamagui.Input, {
@@ -613,6 +605,10 @@ var InputFrame = (0, import_tamagui.styled)(import_tamagui.Input, {
   // LC-71: the Area never paints a ring. Chrome's UA :focus-visible outline
   // on <input> is the "ring cuts the control in half" defect (magnifier sits
   // outside). Kill it at rest and on focus; the Box owns the ring.
+  // LC-84: Area is chromeless — pad lives on Box (or ThemedTextArea).
+  padding: 0,
+  paddingHorizontal: 0,
+  paddingVertical: 0,
   outlineWidth: 0,
   outlineStyle: "none",
   outlineColor: "transparent",
@@ -659,6 +655,7 @@ var InputAreaImpl = InputFrame.styleable(function (areaProps, ref) {
     focusStyle: focusStyleProp,
     focusVisibleStyle: focusVisibleStyleProp,
     className: classNameProp,
+    inputMode: inputModeProp,
     ...props
   } = areaProps;
   var {
@@ -669,6 +666,8 @@ var InputAreaImpl = InputFrame.styleable(function (areaProps, ref) {
   var nativeA11yProps = useNativeFieldA11yProps();
   var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   if (import_tamagui.isWeb) ensureInputPartsFocusRing();
+  var resolvedInputMode = inputModeProp !== null && inputModeProp !== void 0 ? inputModeProp : mapKeyboardTypeToInputMode(keyboardType);
+  var resolvedKeyboardType = keyboardType !== null && keyboardType !== void 0 ? keyboardType : mapInputModeToKeyboardType(resolvedInputMode);
   return (
     // LC-06/LC-10 (UX-P12): in a table cell the flex wrapper and the raw
     // input must be allowed to shrink below the <input>'s intrinsic width
@@ -695,8 +694,13 @@ var InputAreaImpl = InputFrame.styleable(function (areaProps, ref) {
         } : void 0),
         ...knobProps.body,
         type: secureTextEntry ? "password" : props.type,
-        inputMode: keyboardType === "numeric" ? "numeric" : keyboardType === "email-address" ? "email" : void 0,
-        autoComplete: textContentType === "emailAddress" ? "email" : textContentType === "password" ? "current-password" : void 0,
+        padding: 0,
+        paddingHorizontal: 0,
+        paddingVertical: 0,
+        keyboardType: resolvedKeyboardType,
+        textContentType,
+        inputMode: resolvedInputMode,
+        autoComplete: textContentType === "emailAddress" ? "email" : textContentType === "password" ? "current-password" : textContentType === "telephoneNumber" ? "tel" : textContentType === "oneTimeCode" ? "one-time-code" : void 0,
         ...props,
         ...webAreaAttrs(classNameProp),
         ...AREA_NO_OUTLINE,
@@ -760,14 +764,26 @@ var InputButton = (0, import_tamagui.styled)(import_tamagui.Button, {
     }
   }
 });
-var InputButtonImpl = InputButton.styleable(function (props, ref) {
+var InputButtonImpl = InputButton.styleable(function (buttonProps, ref) {
   var {
-    size
+    children,
+    color: colorProp,
+    ...props
+  } = buttonProps;
+  var {
+    size,
+    color: contextColor
   } = InputContext.useStyledContext();
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var theme = (0, import_tamagui.useTheme)();
   var square = knobProps.control.height;
+  var paint = (0, import_theme.resolveGlyphPaint)(theme, colorProp !== null && colorProp !== void 0 ? colorProp : contextColor);
+  var getThemedIcon = (0, import_tamagui.useGetThemedIcon)({
+    size: knobProps.controlIcon.width,
+    color: paint
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputButton, {
     ref,
     size,
@@ -775,8 +791,10 @@ var InputButtonImpl = InputButton.styleable(function (props, ref) {
     width: square,
     paddingHorizontal: 0,
     // size-recipe-escape: square end-cap; pad lives on Input.Box
+    color: paint,
     tabIndex: -1,
-    ...props
+    ...props,
+    children: getThemedIcon(children)
   });
 });
 var InputIconFrame = (0, import_tamagui.styled)(import_tamagui.View, {
@@ -799,8 +817,6 @@ var InputIconFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   }
 });
 var InputIcon = InputIconFrame.styleable(function (iconProps, ref) {
-  var _ref;
-  var _theme_rawColor, _theme_borderColor;
   var {
     children,
     color: colorProp,
@@ -818,7 +834,7 @@ var InputIcon = InputIconFrame.styleable(function (iconProps, ref) {
   var resolvedScaleIcon = scaleIconProp !== null && scaleIconProp !== void 0 ? scaleIconProp : scaleIcon;
   var theme = (0, import_tamagui.useTheme)();
   var rawColor = colorProp !== null && colorProp !== void 0 ? colorProp : contextColor;
-  var color = (0, import_tamagui.getVariable)(rawColor ? (_ref = (_theme_rawColor = theme[rawColor]) === null || _theme_rawColor === void 0 ? void 0 : _theme_rawColor.get("web")) !== null && _ref !== void 0 ? _ref : rawColor : (_theme_borderColor = theme.borderColor) === null || _theme_borderColor === void 0 ? void 0 : _theme_borderColor.get("web"));
+  var color = (0, import_tamagui.getVariable)((0, import_theme.resolveGlyphPaint)(theme, rawColor ? String(rawColor) : "borderColor"));
   var iconSize = knobProps.controlIcon.width * resolvedScaleIcon;
   var getThemedIcon = (0, import_tamagui.useGetThemedIcon)({
     size: iconSize,