@multiplatform.one/forms 7.34.4 → 7.36.0

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":["__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","FormGrid_exports","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":["FormGrid.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 FormGrid_exports = {};\n__export(FormGrid_exports, {\n  FORM_GRID_COLLAPSE_WIDTH: () => FORM_GRID_COLLAPSE_WIDTH,\n  FormGrid: () => FormGrid\n});\nmodule.exports = __toCommonJS(FormGrid_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar FORM_GRID_COLLAPSE_WIDTH = 480;\nfunction resolveWideColumns(columns, maxColumns) {\n  return Math.min(columns, maxColumns);\n}\nfunction FormGrid(param) {\n  var { columns = 1, maxColumns = 2, gap, compact, children } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)(compact === void 0 ? void 0 : {\n    compact\n  });\n  var gapFragment = gap === void 0 ? knobProps.gap : {\n    gap\n  };\n  var resolvedGap = gapFragment.gap;\n  var wideColumns = resolveWideColumns(columns, maxColumns);\n  if (import_tamagui.isWeb) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridWeb, {\n      columns: wideColumns,\n      maxColumns,\n      gap: resolvedGap,\n      gapFragment,\n      density: knobProps.density,\n      size: knobProps.size,\n      children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridNative, {\n    columns: wideColumns,\n    maxColumns,\n    gap: resolvedGap,\n    gapFragment,\n    density: knobProps.density,\n    size: knobProps.size,\n    children\n  });\n}\nfunction FormGridWeb(param) {\n  var { columns, maxColumns, gap, gapFragment, density, size, children } = param;\n  var ref = (0, import_react.useRef)(null);\n  var [containerWide, setContainerWide] = (0, import_react.useState)(true);\n  (0, import_react.useLayoutEffect)(function() {\n    var el = ref.current;\n    if (!el || columns <= 1) {\n      setContainerWide(true);\n      return;\n    }\n    var update = function update2(width) {\n      setContainerWide(width >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    update(el.getBoundingClientRect().width);\n    if (typeof ResizeObserver === \"undefined\") {\n      var onResize = function onResize2() {\n        return update(el.getBoundingClientRect().width);\n      };\n      window.addEventListener(\"resize\", onResize);\n      return function() {\n        return window.removeEventListener(\"resize\", onResize);\n      };\n    }\n    var ro = new ResizeObserver(function(entries) {\n      var _ref;\n      var _entries_;\n      var width = (_ref = (_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.contentRect.width) !== null && _ref !== void 0 ? _ref : el.getBoundingClientRect().width;\n      update(width);\n    });\n    ro.observe(el);\n    return function() {\n      return ro.disconnect();\n    };\n  }, [\n    columns\n  ]);\n  var effectiveColumns = columns <= 1 || !containerWide ? 1 : columns;\n  var style = {\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${effectiveColumns}, minmax(0, 1fr))`,\n    // Enable container queries for consumers / CSS extensions (DG-FORM-09).\n    containerType: columns > 1 ? \"inline-size\" : void 0\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    ref,\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-density\": density,\n    \"data-size\": size,\n    ...gapFragment,\n    width: \"100%\",\n    minWidth: 0,\n    style,\n    children\n  });\n}\nfunction FormGridNative(param) {\n  var { columns, maxColumns, gap, gapFragment, density, size, children } = param;\n  var media = (0, import_tamagui.useMedia)();\n  var canUseDomResize = typeof window !== \"undefined\" && typeof window.addEventListener === \"function\" && typeof window.innerWidth === \"number\";\n  var [domViewportWide, setDomViewportWide] = (0, import_react.useState)(function() {\n    return canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true;\n  });\n  (0, import_react.useEffect)(function() {\n    if (!canUseDomResize) return;\n    var handler = function handler2() {\n      return setDomViewportWide(window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    handler();\n    window.addEventListener(\"resize\", handler);\n    return function() {\n      return window.removeEventListener(\"resize\", handler);\n    };\n  }, [\n    canUseDomResize\n  ]);\n  var viewportWide = canUseDomResize ? domViewportWide : media.xs === true;\n  var effectiveColumns = columns <= 1 || !viewportWide ? 1 : columns;\n  var childArray = import_react.Children.toArray(children);\n  var rows = [];\n  for (var i = 0; i < childArray.length; i += effectiveColumns) {\n    rows.push(childArray.slice(i, i + effectiveColumns));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    ...gapFragment,\n    width: \"100%\",\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-density\": density,\n    \"data-size\": size,\n    children: rows.map(function(row, rowIndex) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        ...gapFragment,\n        children: row.map(function(child, colIndex) {\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n            flex: 1,\n            minWidth: 0,\n            children: child\n          }, colIndex);\n        })\n      }, rowIndex);\n    })\n  });\n}\n//# sourceMappingURL=FormGrid.js.map\n"],"mappings":"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","ignoreList":[]}
+{"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","FormGrid_exports","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":["FormGrid.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 FormGrid_exports = {};\n__export(FormGrid_exports, {\n  FORM_GRID_COLLAPSE_WIDTH: () => FORM_GRID_COLLAPSE_WIDTH,\n  FormGrid: () => FormGrid\n});\nmodule.exports = __toCommonJS(FormGrid_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar FORM_GRID_COLLAPSE_WIDTH = 480;\nfunction resolveWideColumns(columns, maxColumns) {\n  return Math.min(columns, maxColumns);\n}\nfunction FormGrid(param) {\n  var { columns = 1, maxColumns = 2, gap, children } = param;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var gapFragment = gap === void 0 ? knobProps.gap : {\n    gap\n  };\n  var resolvedGap = gapFragment.gap;\n  var wideColumns = resolveWideColumns(columns, maxColumns);\n  if (import_tamagui.isWeb) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridWeb, {\n      columns: wideColumns,\n      maxColumns,\n      gap: resolvedGap,\n      gapFragment,\n      sizeToken: knobProps.sizeToken,\n      children\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormGridNative, {\n    columns: wideColumns,\n    maxColumns,\n    gap: resolvedGap,\n    gapFragment,\n    sizeToken: knobProps.sizeToken,\n    children\n  });\n}\nfunction FormGridWeb(param) {\n  var { columns, maxColumns, gap, gapFragment, sizeToken, children } = param;\n  var ref = (0, import_react.useRef)(null);\n  var [containerWide, setContainerWide] = (0, import_react.useState)(true);\n  (0, import_react.useLayoutEffect)(function() {\n    var el = ref.current;\n    if (!el || columns <= 1) {\n      setContainerWide(true);\n      return;\n    }\n    var update = function update2(width) {\n      setContainerWide(width >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    update(el.getBoundingClientRect().width);\n    if (typeof ResizeObserver === \"undefined\") {\n      var onResize = function onResize2() {\n        return update(el.getBoundingClientRect().width);\n      };\n      window.addEventListener(\"resize\", onResize);\n      return function() {\n        return window.removeEventListener(\"resize\", onResize);\n      };\n    }\n    var ro = new ResizeObserver(function(entries) {\n      var _ref;\n      var _entries_;\n      var width = (_ref = (_entries_ = entries[0]) === null || _entries_ === void 0 ? void 0 : _entries_.contentRect.width) !== null && _ref !== void 0 ? _ref : el.getBoundingClientRect().width;\n      update(width);\n    });\n    ro.observe(el);\n    return function() {\n      return ro.disconnect();\n    };\n  }, [\n    columns\n  ]);\n  var effectiveColumns = columns <= 1 || !containerWide ? 1 : columns;\n  var style = {\n    display: \"grid\",\n    gridTemplateColumns: `repeat(${effectiveColumns}, minmax(0, 1fr))`,\n    // Enable container queries for consumers / CSS extensions (DG-FORM-09).\n    containerType: columns > 1 ? \"inline-size\" : void 0\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    ref,\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-size-token\": sizeToken,\n    ...gapFragment,\n    width: \"100%\",\n    minWidth: 0,\n    style,\n    children\n  });\n}\nfunction FormGridNative(param) {\n  var { columns, maxColumns, gap, gapFragment, sizeToken, children } = param;\n  var media = (0, import_tamagui.useMedia)();\n  var canUseDomResize = typeof window !== \"undefined\" && typeof window.addEventListener === \"function\" && typeof window.innerWidth === \"number\";\n  var [domViewportWide, setDomViewportWide] = (0, import_react.useState)(function() {\n    return canUseDomResize ? window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH : true;\n  });\n  (0, import_react.useEffect)(function() {\n    if (!canUseDomResize) return;\n    var handler = function handler2() {\n      return setDomViewportWide(window.innerWidth >= FORM_GRID_COLLAPSE_WIDTH);\n    };\n    handler();\n    window.addEventListener(\"resize\", handler);\n    return function() {\n      return window.removeEventListener(\"resize\", handler);\n    };\n  }, [\n    canUseDomResize\n  ]);\n  var viewportWide = canUseDomResize ? domViewportWide : media.xs === true;\n  var effectiveColumns = columns <= 1 || !viewportWide ? 1 : columns;\n  var childArray = import_react.Children.toArray(children);\n  var rows = [];\n  for (var i = 0; i < childArray.length; i += effectiveColumns) {\n    rows.push(childArray.slice(i, i + effectiveColumns));\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    ...gapFragment,\n    width: \"100%\",\n    \"data-mpo-form-grid\": \"\",\n    \"data-columns\": effectiveColumns,\n    \"data-max-columns\": maxColumns,\n    \"data-requested-columns\": columns,\n    \"data-gap\": String(gap),\n    \"data-size-token\": sizeToken,\n    children: rows.map(function(row, rowIndex) {\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n        ...gapFragment,\n        children: row.map(function(child, colIndex) {\n          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n            flex: 1,\n            minWidth: 0,\n            children: child\n          }, colIndex);\n        })\n      }, rowIndex);\n    })\n  });\n}\n//# sourceMappingURL=FormGrid.js.map\n"],"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":["__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","fontWeight","color","textAccentColor","marginBottom","float","role","props","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        \"data-mpo-legend\": \"\",\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\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        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        role: \"heading\",\n        \"aria-level\": 3,\n        children: label\n      }) : null,\n      children\n    ]\n  });\n}\nfunction Fieldset(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormSection, {\n    ...props\n  });\n}\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":"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","ignoreList":[]}
+{"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","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":["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 } = param;\n  var useFieldset = fieldset && import_tamagui.isWeb;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\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-size-token\": knobProps.sizeToken,\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        \"data-mpo-legend\": \"\",\n        ...knobProps.label,\n        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\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        fontWeight: \"400\",\n        color: knobProps.textAccentColor,\n        role: \"heading\",\n        \"aria-level\": 3,\n        children: label\n      }) : null,\n      children\n    ]\n  });\n}\nfunction Fieldset(props) {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(FormSection, {\n    ...props\n  });\n}\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-size-token\": knobProps.sizeToken,\n    gap: resolvedGap,\n    width: \"100%\",\n    children\n  });\n}\n//# sourceMappingURL=FormSection.js.map\n"],"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,