@multiplatform.one/forms 7.34.3 → 7.35.0

package/dist/cjs/FormGrid.cjs

@@ -38,14 +38,11 @@ function FormGrid({
   columns = 1,
   maxColumns = 2,
   gap,
-  compact,
   children
 }) {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = (0, import_theme.useResolvedKnobs)();
   const gapFragment = gap === void 0 ? knobProps.gap : {
     gap
   };
@@ -57,8 +54,7 @@ function FormGrid({
       maxColumns,
       gap: resolvedGap,
       gapFragment,
-      density: knobProps.density,
-      size: knobProps.size,
+      sizeToken: knobProps.sizeToken,
       children
     });
   }
@@ -67,8 +63,7 @@ function FormGrid({
     maxColumns,
     gap: resolvedGap,
     gapFragment,
-    density: knobProps.density,
-    size: knobProps.size,
+    sizeToken: knobProps.sizeToken,
     children
   });
 }
@@ -77,8 +72,7 @@ function FormGridWeb({
   maxColumns,
   gap,
   gapFragment,
-  density,
-  size,
+  sizeToken,
   children
 }) {
   const ref = (0, import_react.useRef)(null);
@@ -119,8 +113,7 @@ function FormGridWeb({
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     ...gapFragment,
     width: "100%",
     minWidth: 0,
@@ -133,8 +126,7 @@ function FormGridNative({
   maxColumns,
   gap,
   gapFragment,
-  density,
-  size,
+  sizeToken,
   children
 }) {
   const media = (0, import_tamagui.useMedia)();
@@ -162,8 +154,7 @@ function FormGridNative({
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     children: rows.map((row, rowIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
       ...gapFragment,
       children: row.map((child, colIndex) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {

package/dist/cjs/FormGrid.native.js

@@ -41,14 +41,11 @@ function FormGrid(param) {
     columns = 1,
     maxColumns = 2,
     gap,
-    compact,
     children
   } = param;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = (0, import_theme.useResolvedKnobs)();
   var gapFragment = gap === void 0 ? knobProps.gap : {
     gap
   };
@@ -60,8 +57,7 @@ function FormGrid(param) {
       maxColumns,
       gap: resolvedGap,
       gapFragment,
-      density: knobProps.density,
-      size: knobProps.size,
+      sizeToken: knobProps.sizeToken,
       children
     });
   }
@@ -70,8 +66,7 @@ function FormGrid(param) {
     maxColumns,
     gap: resolvedGap,
     gapFragment,
-    density: knobProps.density,
-    size: knobProps.size,
+    sizeToken: knobProps.sizeToken,
     children
   });
 }
@@ -81,8 +76,7 @@ function FormGridWeb(param) {
     maxColumns,
     gap,
     gapFragment,
-    density,
-    size,
+    sizeToken,
     children
   } = param;
   var ref = (0, import_react.useRef)(null);
@@ -131,8 +125,7 @@ function FormGridWeb(param) {
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     ...gapFragment,
     width: "100%",
     minWidth: 0,
@@ -146,8 +139,7 @@ function FormGridNative(param) {
     maxColumns,
     gap,
     gapFragment,
-    density,
-    size,
+    sizeToken,
     children
   } = param;
   var media = (0, import_tamagui.useMedia)();
@@ -181,8 +173,7 @@ function FormGridNative(param) {
     "data-max-columns": maxColumns,
     "data-requested-columns": columns,
     "data-gap": String(gap),
-    "data-density": density,
-    "data-size": size,
+    "data-size-token": sizeToken,
     children: rows.map(function (row, rowIndex) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
         ...gapFragment,

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormGrid_exports","__export","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","compact","children","knobProps","useResolvedKnobs","gapFragment","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","density","size","FormGridNative","ref","useRef","containerWide","setContainerWide","useState","useLayoutEffect","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice","map","row","rowIndex","XStack","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","FormGrid_exports","__export","FORM_GRID_COLLAPSE_WIDTH","FormGrid","module","exports","import_jsx_runtime","require","import_react","import_theme","import_tamagui","resolveWideColumns","columns","maxColumns","Math","min","param","gap","children","knobProps","useResolvedKnobs","gapFragment","resolvedGap","wideColumns","isWeb","jsx","FormGridWeb","sizeToken","FormGridNative","ref","useRef","containerWide","setContainerWide","useState","useLayoutEffect","el","current","update","update2","width","getBoundingClientRect","ResizeObserver","onResize","onResize2","window","addEventListener","removeEventListener","ro","entries","_ref","_entries_","contentRect","observe","disconnect","effectiveColumns","style","display","gridTemplateColumns","containerType","YStack","String","minWidth","media","useMedia","canUseDomResize","innerWidth","domViewportWide","setDomViewportWide","useEffect","handler","handler2","viewportWide","xs","childArray","Children","toArray","rows","i","length","push","slice","map","row","rowIndex","XStack","child","colIndex","flex"],"sources":["../../src/FormGrid.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/FormSection.cjs

@@ -41,15 +41,12 @@ function FormSection({
   maxWidth = import_formSpacing.formReadableMaxWidth,
   gap,
   testID,
-  fieldset = true,
-  compact
+  fieldset = true
 }) {
   const useFieldset = fieldset && import_tamagui.isWeb;
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = (0, import_theme.useResolvedKnobs)();
   const resolvedGap = gap ?? knobProps.gap.gap;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     ...(useFieldset ? {
@@ -58,8 +55,7 @@ function FormSection({
     "data-mpo-form-section": "",
     "data-mpo-fieldset": useFieldset ? "" : void 0,
     "data-field-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     "data-testid": testID,
     gap: resolvedGap,
     width: "100%",
@@ -112,8 +108,7 @@ function FormSectionStack({
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     "data-mpo-form-section-stack": "",
     "data-section-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     gap: resolvedGap,
     width: "100%",
     children

package/dist/cjs/FormSection.native.js

@@ -44,15 +44,12 @@ function FormSection(param) {
     maxWidth = import_formSpacing.formReadableMaxWidth,
     gap,
     testID,
-    fieldset = true,
-    compact
+    fieldset = true
   } = param;
   var useFieldset = fieldset && import_tamagui.isWeb;
   var {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {
-    compact
-  });
+  } = (0, import_theme.useResolvedKnobs)();
   var resolvedGap = gap !== null && gap !== void 0 ? gap : knobProps.gap.gap;
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
     ...(useFieldset ? {
@@ -61,8 +58,7 @@ function FormSection(param) {
     "data-mpo-form-section": "",
     "data-mpo-fieldset": useFieldset ? "" : void 0,
     "data-field-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     "data-testid": testID,
     gap: resolvedGap,
     width: "100%",
@@ -118,8 +114,7 @@ function FormSectionStack(param) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.YStack, {
     "data-mpo-form-section-stack": "",
     "data-section-gap": String(resolvedGap),
-    "data-density": knobProps.density,
-    "data-size": knobProps.size,
+    "data-size-token": knobProps.sizeToken,
     gap: resolvedGap,
     width: "100%",
     children

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

@@ -1 +1 @@
-{"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":[]}
+{"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","useFieldset","isWeb","knobProps","useResolvedKnobs","resolvedGap","jsxs","YStack","render","String","sizeToken","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

@@ -37,7 +37,6 @@ __export(InputParts_exports, {
   boxRingOffset: () => boxRingOffset,
   defaultInputGroupStyles: () => defaultInputGroupStyles,
   ensureInputPartsFocusRing: () => ensureInputPartsFocusRing,
-  getInputFrameTransitionProps: () => getInputFrameTransitionProps,
   inputPartsRingCss: () => inputPartsRingCss,
   inputSizeVariant: () => inputSizeVariant,
   mapInputModeToKeyboardType: () => mapInputModeToKeyboardType,
@@ -45,11 +44,12 @@ __export(InputParts_exports, {
   useForwardFocus: () => useForwardFocus
 });
 module.exports = __toCommonJS(InputParts_exports);
+var import_theme = require("@multiplatform.one/theme");
 var import_get_font_sized = require("@tamagui/get-font-sized");
 var import_react = require("react");
 var import_react_native = require("react-native-web");
 var import_tamagui = require("tamagui");
-var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_colorRamps = require("../shared/colorRamps.cjs");
 var import_groupContext = require("../shared/groupContext.cjs");
 var import_tableCellContext = require("../shared/tableCellContext.cjs");
@@ -71,7 +71,7 @@ function useNativeFieldA11yProps() {
 const defaultContextValues = {
   size: "$true",
   scaleIcon: 1,
-  touch: !import_tamagui.isWeb && (0, import_theme.isTouchSurface)(),
+  touch: !import_tamagui.isWeb && (0, import_theme2.isTouchSurface)(),
   color: void 0
 };
 const InputContext = (0, import_tamagui.createStyledContext)(defaultContextValues);
@@ -84,10 +84,10 @@ function endCapVariantsFromHeights(heightVariants) {
     paddingHorizontal: 0
   }]));
 }
-const sizeRecipeEndCapVariants = endCapVariantsFromHeights(import_theme.recipeFamilies.control.heightVariants);
+const sizeRecipeEndCapVariants = endCapVariantsFromHeights(import_theme2.recipeFamilies.control.heightVariants);
 function sizeRecipeBoxFallback(val, extras) {
-  const recipe = (0, import_theme.sizeRecipeForToken)(String(val ?? "$true"), {
-    touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme.isTouchSurface)())
+  const recipe = (0, import_theme2.sizeRecipeForToken)(String(val ?? "$true"), {
+    touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme2.isTouchSurface)())
   });
   return {
     height: recipe.height,
@@ -97,16 +97,16 @@ function sizeRecipeBoxFallback(val, extras) {
 }
 function sizeRecipeTypeFallback(val, extras) {
   return {
-    fontSize: (0, import_theme.sizeRecipeForToken)(String(val ?? "$true"), {
-      touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme.isTouchSurface)())
+    fontSize: (0, import_theme2.sizeRecipeForToken)(String(val ?? "$true"), {
+      touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme2.isTouchSurface)())
     }).fontSize
   };
 }
 function sizeRecipeIconFallback(val, extras) {
   const {
     iconSize
-  } = (0, import_theme.sizeRecipeForToken)(String(val ?? "$true"), {
-    touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme.isTouchSurface)())
+  } = (0, import_theme2.sizeRecipeForToken)(String(val ?? "$true"), {
+    touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme2.isTouchSurface)())
   });
   return {
     width: iconSize,
@@ -116,8 +116,8 @@ function sizeRecipeIconFallback(val, extras) {
 function sizeRecipeEndCapFallback(val, extras) {
   const {
     height
-  } = (0, import_theme.sizeRecipeForToken)(String(val ?? "$true"), {
-    touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme.isTouchSurface)())
+  } = (0, import_theme2.sizeRecipeForToken)(String(val ?? "$true"), {
+    touch: extras.props.touch ?? (!import_tamagui.isWeb && (0, import_theme2.isTouchSurface)())
   });
   return {
     height,
@@ -142,29 +142,6 @@ const useForwardFocus = target => {
     focusable: true
   };
 };
-const inputFrameCssTimings = {
-  bouncy: "ease-in 200ms",
-  lazy: "ease-in 600ms",
-  slow: "ease-in 500ms",
-  medium: "ease-in-out 250ms",
-  quick: "ease-in 100ms",
-  tooltip: "ease-in 400ms",
-  snappy: "ease-out 80ms",
-  gentle: "ease-in-out 450ms"
-};
-function getInputFrameTransitionProps(transition) {
-  if (!transition) return void 0;
-  if (!import_tamagui.isWeb) return {
-    transition
-  };
-  const timing = inputFrameCssTimings[transition] ?? inputFrameCssTimings.quick;
-  return {
-    // Prefer explicit CSS over Tamagui's `transition: all` named prop.
-    style: {
-      transition: [`background-color ${timing}`, `border-color ${timing}`, `color ${timing}`, `opacity ${timing}`, `box-shadow ${timing}`, `transform ${timing}`].join(", ")
-    }
-  };
-}
 const inputOutlineRest = {
   outlineWidth: 0,
   outlineColor: "transparent",
@@ -188,7 +165,7 @@ function boxRingMode(overflow, paintsRing) {
   return overflow === "hidden" ? "inset" : "outset";
 }
 function boxRingOffset(mode) {
-  return mode === "outset" ? import_theme.FOCUS_RING_HALO_OFFSET : import_theme.FOCUS_RING_CLIPPED_OFFSET;
+  return mode === "outset" ? import_theme2.FOCUS_RING_HALO_OFFSET : import_theme2.FOCUS_RING_CLIPPED_OFFSET;
 }
 const inputPartsRingCss = `/* LC-71: ring on Box (adornments inside); Area never outlines.
    Inset iff the Box clips (overflow:hidden). Do not :has(:focus-visible) on
@@ -302,7 +279,7 @@ const InputGroupFrame = (0, import_tamagui.styled)(import_tamagui.XGroup, {
       ":number": {}
     },
     size: {
-      ...(import_theme.recipeFamilies.control.boxVariants ?? import_theme.sizeRecipeBoxVariants),
+      ...(import_theme2.recipeFamilies.control.boxVariants ?? import_theme2.sizeRecipeBoxVariants),
       "...size": sizeRecipeBoxFallback
     }
   },
@@ -340,12 +317,12 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
     ...props
   } = groupProps;
   const [focused, setFocused] = (0, import_react.useState)(false);
-  const hydrationTouch = (0, import_theme.useTouchSurface)();
+  const hydrationTouch = (0, import_theme2.useTouchSurface)();
   const {
     knobProps,
     control,
     disabledState
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   const grouped = (0, import_groupContext.useControlGrouped)();
   const inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   const framePressProps = import_tamagui.isWeb ? {
@@ -360,18 +337,18 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
   const boxOverflow = paintsRing && !(hasElevation && !import_tamagui.isWeb) && !hasWebPressSlop ? "hidden" : "visible";
   const ringMode = boxRingMode(boxOverflow, paintsRing);
   if (import_tamagui.isWeb) {
-    (0, import_theme.ensureCompositeFocusRing)();
+    (0, import_theme2.ensureCompositeFocusRing)();
     ensureInputPartsFocusRing();
   }
   const boxRingAttrs = webBoxRingAttrs(boxOverflow, paintsRing, props.className);
-  (0, import_theme.warnPositiveTabIndex)({
+  (0, import_theme2.warnPositiveTabIndex)({
     value: props.tabIndex,
     component: "Input.Box"
   });
-  (0, import_theme.warnOutlineNone)(props.focusVisibleStyle, {
+  (0, import_theme2.warnOutlineNone)(props.focusVisibleStyle, {
     component: "Input.Box"
   });
-  (0, import_theme.warnSizeRecipeEscape)({
+  (0, import_theme2.warnSizeRecipeEscape)({
     height: heightProp,
     paddingHorizontal: paddingHorizontalProp,
     sizeRecipeEscape,
@@ -379,7 +356,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
     id: typeof props.id === "string" ? props.id : void 0
   });
   const sizeToken = String(props.size ?? knobProps.sizeToken);
-  const familyRecipe = (0, import_theme.sizeRecipeForToken)(sizeToken, {
+  const familyRecipe = (0, import_theme2.sizeRecipeForToken)(sizeToken, {
     touch: hydrationTouch,
     family: recipeFamily
   });
@@ -389,9 +366,9 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
     gap: familyRecipe.gap
   };
   const radiusToken = knobProps.borderRadius.borderRadius;
-  const radiusStop = typeof radiusToken === "string" ? import_theme.SIZE_RECIPE_RADIUS_TOKEN_TO_STOP[radiusToken] : void 0;
+  const radiusStop = typeof radiusToken === "string" ? import_theme2.SIZE_RECIPE_RADIUS_TOKEN_TO_STOP[radiusToken] : void 0;
   const sizeTableRadius = radiusStop === "medium" || radiusStop == null ? {
-    borderRadius: (0, import_theme.resolveControlRadius)((0, import_theme.sizeRecipeForToken)(sizeToken, {
+    borderRadius: (0, import_theme2.resolveControlRadius)((0, import_theme2.sizeRecipeForToken)(sizeToken, {
       family: recipeFamily
     }), "medium").radius
   } : void 0;
@@ -412,7 +389,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       paddingHorizontal: paddingHorizontalProp
     } : void 0)
   };
-  const fieldInset = heightProp === "auto" ? 0 : (0, import_theme.textFieldInset)(familyRecipe);
+  const fieldInset = heightProp === "auto" ? 0 : (0, import_theme2.textFieldInset)(familyRecipe);
   const insetPadProps = sizeRecipeEscaped || typeof paddingHorizontalProp !== "number" && paddingHorizontalProp != null ? void 0 : {
     paddingHorizontal: fieldInset
   };
@@ -488,7 +465,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
       } : knobProps.elevationChrome),
       ...knobProps.borderRadius,
       ...sizeTableRadius,
-      ...getInputFrameTransitionProps(typeof knobProps.transition === "string" ? knobProps.transition : void 0),
+      ...(0, import_theme.transitionProps)(knobProps.motion.control),
       hoverStyle: {
         borderColor: import_colorRamps.formInputColors.border.hover,
         ...control.hoverKnobProps
@@ -500,7 +477,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
         borderColor: import_colorRamps.formInputColors.border.focus,
         ...control.focusKnobProps
       },
-      focusVisibleStyle: (0, import_theme.ensureFocusVisibleRing)({
+      focusVisibleStyle: (0, import_theme2.ensureFocusVisibleRing)({
         borderColor: import_colorRamps.formInputColors.border.focus,
         ...inputOutlineFocus,
         ...control.focusVisibleKnobProps,
@@ -519,7 +496,7 @@ const InputGroupImpl = InputGroupFrame.styleable((groupProps, forwardedRef) => {
         // resolved backup (and the native path). Button-like Boxes
         // (Select) do not set `focused` (no Area onFocus).
         borderColor: import_colorRamps.formInputColors.border.focus,
-        ...(0, import_theme.ensureFocusVisibleRing)({
+        ...(0, import_theme2.ensureFocusVisibleRing)({
           ...inputOutlineFocus,
           ...control.focusKnobProps,
           ...control.focusVisibleKnobProps,
@@ -565,8 +542,8 @@ function mapInputModeToKeyboardType(inputMode) {
   return INPUT_MODE_TO_KEYBOARD[inputMode];
 }
 const inputSizeVariant = (val = "$true", extras) => {
-  const recipe = (0, import_theme.sizeRecipeForToken)(String(val || "$true"), {
-    touch: extras?.props.touch ?? (!import_tamagui.isWeb && (0, import_theme.isTouchSurface)())
+  const recipe = (0, import_theme2.sizeRecipeForToken)(String(val || "$true"), {
+    touch: extras?.props.touch ?? (!import_tamagui.isWeb && (0, import_theme2.isTouchSurface)())
   });
   return {
     fontSize: recipe.fontSize,
@@ -606,7 +583,7 @@ const InputFrame = (0, import_tamagui.styled)(import_tamagui.Input, {
       false: {}
     },
     size: {
-      ...(import_theme.recipeFamilies.control.typeVariants ?? import_theme.sizeRecipeTypeVariants),
+      ...(import_theme2.recipeFamilies.control.typeVariants ?? import_theme2.sizeRecipeTypeVariants),
       "...size": sizeRecipeTypeFallback
     },
     scaleIcon: {
@@ -618,10 +595,11 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
   const {
     setFocused
   } = FocusContext.useStyledContext();
-  const hydrationTouch = (0, import_theme.useTouchSurface)();
+  const hydrationTouch = (0, import_theme2.useTouchSurface)();
   const {
-    size
+    size: contextSize
   } = InputContext.useStyledContext();
+  const size = areaProps.size ?? contextSize;
   const {
     secureTextEntry,
     keyboardType,
@@ -645,7 +623,9 @@ const InputAreaImpl = InputFrame.styleable((areaProps, ref) => {
   } = areaProps;
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)({
+    size
+  });
   const theme = (0, import_tamagui.useTheme)();
   const fieldDescribedBy = (0, import_fieldLayout.useFieldDescribedBy)();
   const nativeA11yProps = useNativeFieldA11yProps();
@@ -834,13 +814,15 @@ const InputButtonImpl = InputButton.styleable((buttonProps, ref) => {
     size: contextSize,
     color: contextColor
   } = InputContext.useStyledContext();
-  const hydrationTouch = (0, import_theme.useTouchSurface)();
+  const hydrationTouch = (0, import_theme2.useTouchSurface)();
+  const size = sizeProp ?? contextSize;
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)({
+    size
+  });
   const theme = (0, import_tamagui.useTheme)();
-  const size = sizeProp ?? contextSize;
-  const paint = (0, import_theme.resolveGlyphPaint)(theme, colorProp ?? contextColor);
+  const paint = (0, import_theme2.resolveGlyphPaint)(theme, colorProp ?? contextColor);
   const getThemedIcon = (0, import_tamagui.useGetThemedIcon)({
     size: knobProps.controlIcon.width,
     color: paint
@@ -859,11 +841,11 @@ const InputButtonImpl = InputButton.styleable((buttonProps, ref) => {
     if (typeof ref === "function") ref(node);else if (ref) ref.current = node;
   }, [ref, tabIndexProp]);
   if (glyphRing) {
-    const square2 = (0, import_theme.sizeRecipeForToken)(String(size ?? "$true"), {
+    const square2 = (0, import_theme2.sizeRecipeForToken)(String(size ?? "$true"), {
       touch: hydrationTouch
     }).height;
     const disabled = props.disabled === true;
-    if (import_tamagui.isWeb) (0, import_theme.ensureCompositeFocusRing)();
+    if (import_tamagui.isWeb) (0, import_theme2.ensureCompositeFocusRing)();
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputGlyphButton, {
       touch: hydrationTouch,
       ref,
@@ -917,7 +899,7 @@ const InputIconFrame = (0, import_tamagui.styled)(import_tamagui.View, {
       ":number": {}
     },
     size: {
-      ...(import_theme.recipeFamilies.control.iconVariants ?? import_theme.sizeRecipeIconVariants),
+      ...(import_theme2.recipeFamilies.control.iconVariants ?? import_theme2.sizeRecipeIconVariants),
       "...size": sizeRecipeIconFallback
     },
     adornment: {
@@ -933,7 +915,7 @@ const InputIcon = InputIconFrame.styleable((iconProps, ref) => {
     scaleIcon: scaleIconProp,
     ...props
   } = iconProps;
-  const hydrationTouch = (0, import_theme.useTouchSurface)();
+  const hydrationTouch = (0, import_theme2.useTouchSurface)();
   const {
     size = "$true",
     color: contextColor,
@@ -941,11 +923,11 @@ const InputIcon = InputIconFrame.styleable((iconProps, ref) => {
   } = InputContext.useStyledContext();
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   const resolvedScaleIcon = scaleIconProp ?? scaleIcon;
   const theme = (0, import_tamagui.useTheme)();
   const rawColor = colorProp ?? contextColor;
-  const color = (0, import_tamagui.getVariable)((0, import_theme.resolveGlyphPaint)(theme, rawColor ? String(rawColor) : "borderColor"));
+  const color = (0, import_tamagui.getVariable)((0, import_theme2.resolveGlyphPaint)(theme, rawColor ? String(rawColor) : "borderColor"));
   const iconSize = knobProps.controlIcon.width * resolvedScaleIcon;
   const getThemedIcon = (0, import_tamagui.useGetThemedIcon)({
     size: iconSize,
@@ -990,17 +972,17 @@ const InputContainerFrame = (0, import_tamagui.styled)(import_tamagui.View, {
   }
 });
 const InputContainerImpl = InputContainerFrame.styleable((props, forwardedRef) => {
-  const hydrationTouch = (0, import_theme.useTouchSurface)();
+  const hydrationTouch = (0, import_theme2.useTouchSurface)();
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   const inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputContainerFrame, {
     touch: hydrationTouch,
     ref: forwardedRef,
     size: knobProps.sizeToken,
     ...knobProps.body,
-    ...knobProps.gap,
+    ...knobProps.gapSm,
     ...(inTableCell ? {
       maxWidth: "100%",
       minWidth: 0
@@ -1026,7 +1008,7 @@ const InputLabelFrame = (0, import_tamagui.styled)(import_tamagui.Label, {
 const InputLabel = InputLabelFrame.styleable((props, ref) => {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputLabelFrame, {
     ref,
     ...knobProps.body,
@@ -1071,7 +1053,7 @@ const InputInfoFrame = (0, import_tamagui.styled)(import_tamagui.Text, {
 const InputInfo = InputInfoFrame.styleable((props, ref) => {
   const {
     knobProps
-  } = (0, import_theme.useResolvedKnobs)();
+  } = (0, import_theme2.useResolvedKnobs)();
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(InputInfoFrame, {
     ref,
     ...knobProps.body,