@multiplatform.one/forms 7.4.1 → 7.6.0

package/dist/cjs/shared/TimeColumn.native.js

@@ -24,105 +24,163 @@ var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
 }), mod);
 var TimeColumn_exports = {};
 __export(TimeColumn_exports, {
-  TimeColumn: () => TimeColumn,
-  TimeColumnSeparator: () => TimeColumnSeparator,
+  TimeWheels: () => TimeWheels,
   generateRange: () => generateRange
 });
 module.exports = __toCommonJS(TimeColumn_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
-var import_Wheel = require("../Wheel");
+var import_theme = require("@multiplatform.one/theme");
 var import_react = require("react");
 var import_tamagui = require("tamagui");
-var import_colorRamps = require("./colorRamps.native.js");
-var itemHeight = 36;
-var visibleItems = 5;
-function defaultFormat(v) {
-  return String(v).padStart(2, "0");
-}
-function TimeColumn(param) {
-  var {
-    label,
-    values,
-    selected,
-    onChange,
-    format = defaultFormat,
-    knobProps
-  } = param;
-  var items = (0, import_react.useMemo)(function () {
-    return values.map(function (v) {
-      return {
-        value: v,
-        label: format(v)
-      };
-    });
-  }, [values, format]);
-  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
-    alignItems: "center",
-    gap: "$1",
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-      fontSize: "$1",
-      ...knobProps.body,
-      color: import_colorRamps.formCommonColors.muted,
-      textTransform: "uppercase",
-      letterSpacing: 1,
-      children: label
-    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
-      ...knobProps.borderRadius,
-      backgroundColor: import_colorRamps.formInputColors.background.base,
-      borderWidth: knobProps.inputSurface.borderWidth,
-      borderColor: import_colorRamps.formInputColors.border.base,
-      overflow: "hidden",
-      width: 56,
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {
-        items,
-        value: selected,
-        onChange,
-        visibleItems,
-        itemHeight,
-        renderItem: function renderItem(item, _index, isSelected) {
-          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
-            width: "100%",
-            height: "100%",
-            alignItems: "center",
-            justifyContent: "center",
-            backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : "transparent",
-            hoverStyle: {
-              backgroundColor: import_colorRamps.formInputColors.background.focus
-            },
-            ...(knobProps.transition ? {
-              transition: knobProps.transition
-            } : void 0),
-            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-              fontSize: "$4",
-              ...knobProps.body,
-              fontWeight: isSelected ? "700" : "400",
-              color: isSelected ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
-              children: format(item)
-            })
-          });
-        }
-      })
-    })]
-  });
-}
-function TimeColumnSeparator(param) {
-  var {
-    knobProps
-  } = param;
-  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
-    fontSize: "$6",
-    ...knobProps.body,
-    color: import_colorRamps.formCommonColors.text,
-    paddingTop: "$5",
-    children: ":"
-  });
-}
+var import_Wheel = require("../Wheel");
+var import_t = require("./t.native.js");
 function generateRange(min, max) {
   var step = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
   var result = [];
-  for (var i = min; i <= max; i += step) {
+  var size = Math.max(1, step);
+  for (var i = min; i <= max; i += size) {
     result.push(i);
   }
   return result;
 }
+function pad2(n) {
+  return String(n).padStart(2, "0");
+}
+function to12Hour(h24) {
+  return {
+    h: h24 % 12 === 0 ? 12 : h24 % 12,
+    period: h24 >= 12 ? "PM" : "AM"
+  };
+}
+function to24Hour(displayH, period) {
+  var wrapped = (displayH - 1) % 12 + 1;
+  if (period === "AM") return wrapped === 12 ? 0 : wrapped;
+  return wrapped === 12 ? 12 : wrapped + 12;
+}
+var hours24 = generateRange(0, 23);
+var hours12 = generateRange(1, 12);
+var secondsAll = generateRange(0, 59);
+var periods = ["AM", "PM"];
+function columnEdge(index, count) {
+  if (count <= 1) return "all";
+  if (index === 0) return "start";
+  if (index === count - 1) return "end";
+  return "none";
+}
+function TimeWheels(param) {
+  var {
+    hour24,
+    minute,
+    second,
+    timeFormat,
+    minuteStep,
+    showSeconds,
+    onChange
+  } = param;
+  var _minutes_;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)({
+    compact: true
+  });
+  var itemHeight = knobProps.nestedControl.px;
+  var minutes = (0, import_react.useMemo)(function () {
+    return generateRange(0, 59, minuteStep);
+  }, [minuteStep]);
+  var {
+    h: hour12,
+    period
+  } = to12Hour(hour24);
+  var showPeriod = timeFormat === "12h";
+  var columnCount = 2 + (showSeconds ? 1 : 0) + (showPeriod ? 1 : 0);
+  var emit = (0, import_react.useCallback)(function (h, m, s) {
+    return onChange(h, m, s);
+  }, [onChange]);
+  var col = 0;
+  var hourEdge = columnEdge(col++, columnCount);
+  var minuteEdge = columnEdge(col++, columnCount);
+  var secondEdge = showSeconds ? columnEdge(col++, columnCount) : "none";
+  var periodEdge = showPeriod ? columnEdge(col++, columnCount) : "none";
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.View, {
+    flexDirection: "row",
+    width: "100%",
+    alignItems: "stretch",
+    justifyContent: "center",
+    "data-testid": "time-picker-wheels",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {
+      items: timeFormat === "24h" ? hours24.map(function (h) {
+        return {
+          value: h,
+          label: pad2(h)
+        };
+      }) : hours12.map(function (h) {
+        return {
+          value: h,
+          label: String(h)
+        };
+      }),
+      value: timeFormat === "24h" ? hour24 : hour12,
+      onChange: function onChange2(next) {
+        return emit(timeFormat === "24h" ? next : to24Hour(next, period), minute, second);
+      },
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: hourEdge,
+      "aria-label": (0, import_t.t)("Hour")
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {
+      items: minutes.map(function (m) {
+        return {
+          value: m,
+          label: pad2(m)
+        };
+      }),
+      value: minutes.includes(minute) ? minute : (_minutes_ = minutes[0]) !== null && _minutes_ !== void 0 ? _minutes_ : 0,
+      onChange: function onChange2(next) {
+        return emit(hour24, next, second);
+      },
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: minuteEdge,
+      "aria-label": (0, import_t.t)("Min")
+    }), showSeconds ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {
+      items: secondsAll.map(function (s) {
+        return {
+          value: s,
+          label: pad2(s)
+        };
+      }),
+      value: second,
+      onChange: function onChange2(next) {
+        return emit(hour24, minute, next);
+      },
+      loop: true,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: secondEdge,
+      "aria-label": (0, import_t.t)("Sec")
+    }) : null, showPeriod ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {
+      items: periods.map(function (p) {
+        return {
+          value: p,
+          label: p
+        };
+      }),
+      value: period,
+      onChange: function onChange2(next) {
+        return emit(to24Hour(hour12, next), minute, second);
+      },
+      loop: false,
+      visibleItems: 5,
+      itemHeight,
+      flex: 1,
+      highlightEdges: periodEdge,
+      "aria-label": (0, import_t.t)("AM/PM")
+    }) : null]
+  });
+}
 //# sourceMappingURL=TimeColumn.native.js.map

package/dist/cjs/shared/TimeColumn.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","TimeColumn_exports","TimeColumn","TimeColumnSeparator","generateRange","module","exports","import_jsx_runtime","require","import_Wheel","import_react","import_tamagui","import_colorRamps","itemHeight","visibleItems","defaultFormat","v","String","padStart","param","label","values","selected","onChange","format","knobProps","items","useMemo","map","jsxs","YStack","alignItems","gap","children","jsx","Text","fontSize","body","color","formCommonColors","muted","textTransform","letterSpacing","View","borderRadius","backgroundColor","formInputColors","background","base","borderWidth","inputSurface","borderColor","border","overflow","width","Wheel","renderItem","item","_index","isSelected","XStack","height","justifyContent","focus","hoverStyle","transition","fontWeight","text","paddingTop","min","max","step","arguments","length","result","i","push"],"sources":["TimeColumn.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 TimeColumn_exports = {};\n__export(TimeColumn_exports, {\n  TimeColumn: () => TimeColumn,\n  TimeColumnSeparator: () => TimeColumnSeparator,\n  generateRange: () => generateRange\n});\nmodule.exports = __toCommonJS(TimeColumn_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_Wheel = require(\"../Wheel\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_colorRamps = require(\"./colorRamps\");\nvar itemHeight = 36;\nvar visibleItems = 5;\nfunction defaultFormat(v) {\n  return String(v).padStart(2, \"0\");\n}\nfunction TimeColumn(param) {\n  var { label, values, selected, onChange, format = defaultFormat, knobProps } = param;\n  var items = (0, import_react.useMemo)(function() {\n    return values.map(function(v) {\n      return {\n        value: v,\n        label: format(v)\n      };\n    });\n  }, [\n    values,\n    format\n  ]);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {\n    alignItems: \"center\",\n    gap: \"$1\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        fontSize: \"$1\",\n        ...knobProps.body,\n        color: import_colorRamps.formCommonColors.muted,\n        textTransform: \"uppercase\",\n        letterSpacing: 1,\n        children: label\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        ...knobProps.borderRadius,\n        backgroundColor: import_colorRamps.formInputColors.background.base,\n        borderWidth: knobProps.inputSurface.borderWidth,\n        borderColor: import_colorRamps.formInputColors.border.base,\n        overflow: \"hidden\",\n        width: 56,\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {\n          items,\n          value: selected,\n          onChange,\n          visibleItems,\n          itemHeight,\n          renderItem: function renderItem(item, _index, isSelected) {\n            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.XStack, {\n              width: \"100%\",\n              height: \"100%\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : \"transparent\",\n              hoverStyle: {\n                backgroundColor: import_colorRamps.formInputColors.background.focus\n              },\n              ...knobProps.transition ? {\n                transition: knobProps.transition\n              } : void 0,\n              children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n                fontSize: \"$4\",\n                ...knobProps.body,\n                fontWeight: isSelected ? \"700\" : \"400\",\n                color: isSelected ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,\n                children: format(item)\n              })\n            });\n          }\n        })\n      })\n    ]\n  });\n}\nfunction TimeColumnSeparator(param) {\n  var { knobProps } = param;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n    fontSize: \"$6\",\n    ...knobProps.body,\n    color: import_colorRamps.formCommonColors.text,\n    paddingTop: \"$5\",\n    children: \":\"\n  });\n}\nfunction generateRange(min, max) {\n  var step = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;\n  var result = [];\n  for (var i = min; i <= max; i += step) {\n    result.push(i);\n  }\n  return result;\n}\n//# sourceMappingURL=TimeColumn.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","TimeColumn_exports","TimeWheels","generateRange","module","exports","import_jsx_runtime","require","import_theme","import_react","import_tamagui","import_Wheel","import_t","min","max","step","arguments","length","result","size","Math","i","push","pad2","n","String","padStart","to12Hour","h24","h","period","to24Hour","displayH","wrapped","hours24","hours12","secondsAll","periods","columnEdge","index","count","param","hour24","minute","second","timeFormat","minuteStep","showSeconds","onChange","_minutes_","knobProps","useResolvedKnobs","compact","itemHeight","nestedControl","px","minutes","useMemo","hour12","showPeriod","columnCount","emit","useCallback","m","s","col","hourEdge","minuteEdge","secondEdge","periodEdge","jsxs","View","flexDirection","width","alignItems","justifyContent","children","jsx","Wheel","items","map","label","onChange2","next","loop","visibleItems","flex","highlightEdges","t","includes","p"],"sources":["TimeColumn.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 TimeColumn_exports = {};\n__export(TimeColumn_exports, {\n  TimeWheels: () => TimeWheels,\n  generateRange: () => generateRange\n});\nmodule.exports = __toCommonJS(TimeColumn_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_Wheel = require(\"../Wheel\");\nvar import_t = require(\"./t\");\nfunction generateRange(min, max) {\n  var step = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;\n  var result = [];\n  var size = Math.max(1, step);\n  for (var i = min; i <= max; i += size) {\n    result.push(i);\n  }\n  return result;\n}\nfunction pad2(n) {\n  return String(n).padStart(2, \"0\");\n}\nfunction to12Hour(h24) {\n  return {\n    h: h24 % 12 === 0 ? 12 : h24 % 12,\n    period: h24 >= 12 ? \"PM\" : \"AM\"\n  };\n}\nfunction to24Hour(displayH, period) {\n  var wrapped = (displayH - 1) % 12 + 1;\n  if (period === \"AM\") return wrapped === 12 ? 0 : wrapped;\n  return wrapped === 12 ? 12 : wrapped + 12;\n}\nvar hours24 = generateRange(0, 23);\nvar hours12 = generateRange(1, 12);\nvar secondsAll = generateRange(0, 59);\nvar periods = [\n  \"AM\",\n  \"PM\"\n];\nfunction columnEdge(index, count) {\n  if (count <= 1) return \"all\";\n  if (index === 0) return \"start\";\n  if (index === count - 1) return \"end\";\n  return \"none\";\n}\nfunction TimeWheels(param) {\n  var { hour24, minute, second, timeFormat, minuteStep, showSeconds, onChange } = param;\n  var _minutes_;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)({\n    compact: true\n  });\n  var itemHeight = knobProps.nestedControl.px;\n  var minutes = (0, import_react.useMemo)(function() {\n    return generateRange(0, 59, minuteStep);\n  }, [\n    minuteStep\n  ]);\n  var { h: hour12, period } = to12Hour(hour24);\n  var showPeriod = timeFormat === \"12h\";\n  var columnCount = 2 + (showSeconds ? 1 : 0) + (showPeriod ? 1 : 0);\n  var emit = (0, import_react.useCallback)(function(h, m, s) {\n    return onChange(h, m, s);\n  }, [\n    onChange\n  ]);\n  var col = 0;\n  var hourEdge = columnEdge(col++, columnCount);\n  var minuteEdge = columnEdge(col++, columnCount);\n  var secondEdge = showSeconds ? columnEdge(col++, columnCount) : \"none\";\n  var periodEdge = showPeriod ? columnEdge(col++, columnCount) : \"none\";\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.View, {\n    flexDirection: \"row\",\n    width: \"100%\",\n    alignItems: \"stretch\",\n    justifyContent: \"center\",\n    \"data-testid\": \"time-picker-wheels\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {\n        items: timeFormat === \"24h\" ? hours24.map(function(h) {\n          return {\n            value: h,\n            label: pad2(h)\n          };\n        }) : hours12.map(function(h) {\n          return {\n            value: h,\n            label: String(h)\n          };\n        }),\n        value: timeFormat === \"24h\" ? hour24 : hour12,\n        onChange: function onChange2(next) {\n          return emit(timeFormat === \"24h\" ? next : to24Hour(next, period), minute, second);\n        },\n        loop: true,\n        visibleItems: 5,\n        itemHeight,\n        flex: 1,\n        highlightEdges: hourEdge,\n        \"aria-label\": (0, import_t.t)(\"Hour\")\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {\n        items: minutes.map(function(m) {\n          return {\n            value: m,\n            label: pad2(m)\n          };\n        }),\n        value: minutes.includes(minute) ? minute : (_minutes_ = minutes[0]) !== null && _minutes_ !== void 0 ? _minutes_ : 0,\n        onChange: function onChange2(next) {\n          return emit(hour24, next, second);\n        },\n        loop: true,\n        visibleItems: 5,\n        itemHeight,\n        flex: 1,\n        highlightEdges: minuteEdge,\n        \"aria-label\": (0, import_t.t)(\"Min\")\n      }),\n      showSeconds ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {\n        items: secondsAll.map(function(s) {\n          return {\n            value: s,\n            label: pad2(s)\n          };\n        }),\n        value: second,\n        onChange: function onChange2(next) {\n          return emit(hour24, minute, next);\n        },\n        loop: true,\n        visibleItems: 5,\n        itemHeight,\n        flex: 1,\n        highlightEdges: secondEdge,\n        \"aria-label\": (0, import_t.t)(\"Sec\")\n      }) : null,\n      showPeriod ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {\n        items: periods.map(function(p) {\n          return {\n            value: p,\n            label: p\n          };\n        }),\n        value: period,\n        onChange: function onChange2(next) {\n          return emit(to24Hour(hour12, next), minute, second);\n        },\n        loop: false,\n        visibleItems: 5,\n        itemHeight,\n        flex: 1,\n        highlightEdges: periodEdge,\n        \"aria-label\": (0, import_t.t)(\"AM/PM\")\n      }) : null\n    ]\n  });\n}\n//# sourceMappingURL=TimeColumn.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/colorRamps.cjs

@@ -26,6 +26,7 @@ __export(colorRamps_exports, {
   formCardColors: () => formCardColors,
   formCommonColors: () => formCommonColors,
   formControlColors: () => formControlColors,
+  formDropzoneColors: () => formDropzoneColors,
   formInputColors: () => formInputColors,
   formSelectedColors: () => formSelectedColors,
   formSwitchColors: () => formSwitchColors
@@ -52,7 +53,11 @@ const formButtonColors = {
 };
 const formInputColors = {
   background: {
-    base: "$color2",
+    // MPO-19 X6: was `$color2`, one ramp step below Tamagui's Input, which is
+    // `$background`. The argument in the git history was for ONE input
+    // surface across the composer, the editor and form fields — `$background`
+    // satisfies that argument and survives a surface sub-theme too.
+    base: "$background",
     // Still the active/selected highlight for option lists (Combobox, Calendar,
     // TimeColumn) -- inputs themselves no longer shift background on focus.
     focus: "$color4"
@@ -103,6 +108,23 @@ const formCardColors = {
     active: "$color7"
   }
 };
+const formDropzoneColors = {
+  border: "$color9",
+  removeDisc: {
+    background: {
+      base: "$color12",
+      hover: "$color11",
+      press: "$color10"
+    },
+    ink: "$color1"
+  },
+  // Attachments / media-01 transfer bar (MPO-55): 11px pill, $color4 track,
+  // $color11 fill — the same pair the measured attachments row draws.
+  progress: {
+    track: "$color4",
+    fill: "$color11"
+  }
+};
 const formCommonColors = {
   // Placeholder/muted tier climbed the ramp again (SB-R-03/04 → interact
   // resweep): $color7 measured 1.44-1.69:1 and $color10 3.95-4.36:1 as

package/dist/cjs/shared/colorRamps.native.js

@@ -28,6 +28,7 @@ __export(colorRamps_exports, {
   formCardColors: () => formCardColors,
   formCommonColors: () => formCommonColors,
   formControlColors: () => formControlColors,
+  formDropzoneColors: () => formDropzoneColors,
   formInputColors: () => formInputColors,
   formSelectedColors: () => formSelectedColors,
   formSwitchColors: () => formSwitchColors
@@ -54,7 +55,11 @@ var formButtonColors = {
 };
 var formInputColors = {
   background: {
-    base: "$color2",
+    // MPO-19 X6: was `$color2`, one ramp step below Tamagui's Input, which is
+    // `$background`. The argument in the git history was for ONE input
+    // surface across the composer, the editor and form fields — `$background`
+    // satisfies that argument and survives a surface sub-theme too.
+    base: "$background",
     // Still the active/selected highlight for option lists (Combobox, Calendar,
     // TimeColumn) -- inputs themselves no longer shift background on focus.
     focus: "$color4"
@@ -105,6 +110,23 @@ var formCardColors = {
     active: "$color7"
   }
 };
+var formDropzoneColors = {
+  border: "$color9",
+  removeDisc: {
+    background: {
+      base: "$color12",
+      hover: "$color11",
+      press: "$color10"
+    },
+    ink: "$color1"
+  },
+  // Attachments / media-01 transfer bar (MPO-55): 11px pill, $color4 track,
+  // $color11 fill — the same pair the measured attachments row draws.
+  progress: {
+    track: "$color4",
+    fill: "$color11"
+  }
+};
 var formCommonColors = {
   // Placeholder/muted tier climbed the ramp again (SB-R-03/04 → interact
   // resweep): $color7 measured 1.44-1.69:1 and $color10 3.95-4.36:1 as

package/dist/cjs/shared/colorRamps.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","colorRamps_exports","formButtonColors","formCardColors","formCommonColors","formControlColors","formInputColors","formSelectedColors","formSwitchColors","module","exports","background","base","hover","active","border","textLow","focus","boundary","thumb","press","mark","track","on","off","thumbBorder","muted","text","error","divider"],"sources":["colorRamps.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 colorRamps_exports = {};\n__export(colorRamps_exports, {\n  formButtonColors: () => formButtonColors,\n  formCardColors: () => formCardColors,\n  formCommonColors: () => formCommonColors,\n  formControlColors: () => formControlColors,\n  formInputColors: () => formInputColors,\n  formSelectedColors: () => formSelectedColors,\n  formSwitchColors: () => formSwitchColors\n});\nmodule.exports = __toCommonJS(colorRamps_exports);\nvar formButtonColors = {\n  background: {\n    base: \"$color5\",\n    hover: \"$color4\",\n    active: \"$color6\"\n  },\n  border: {\n    base: \"$color7\",\n    hover: \"$color6\",\n    active: \"$color8\"\n  },\n  // Legibility floor (SB-R-01): low-accent labels clamp to the $color11\n  // tier — $color7 measured 1.29:1 on the button surface.\n  textLow: {\n    base: \"$color11\",\n    hover: \"$color11\",\n    active: \"$color12\"\n  }\n};\nvar formInputColors = {\n  background: {\n    base: \"$color2\",\n    // Still the active/selected highlight for option lists (Combobox, Calendar,\n    // TimeColumn) -- inputs themselves no longer shift background on focus.\n    focus: \"$color4\"\n  },\n  border: {\n    base: \"$borderColor\",\n    hover: \"$borderColorHover\",\n    focus: \"$borderColorFocus\"\n  }\n};\nvar formControlColors = {\n  background: \"$color5\",\n  border: \"$color7\",\n  /**\n  * Control BOUNDARY tier (DF-06 / WCAG 1.4.11): the outline that must carry\n  * a control's shape against the page needs ≥3:1 — `border` ($color7)\n  * measured 1.52:1 light / 1.69:1 dark vs page, fine as an inner seam but\n  * invisible as the only edge. $color10 is the muted-ink tier (≥3:1 on\n  * color1/2 in both schemes). Radio rings use this; single-border controls\n  * that rely on their outline alone should too.\n  */\n  boundary: \"$color10\",\n  thumb: {\n    base: \"$color10\",\n    hover: \"$color9\",\n    press: \"$color11\"\n  }\n};\nvar formSelectedColors = {\n  mark: \"$accentBackground\"\n};\nvar formSwitchColors = {\n  track: {\n    on: formSelectedColors.mark,\n    off: \"$color5\"\n  },\n  thumb: \"$color1\",\n  thumbBorder: \"$borderColor\"\n};\nvar formCardColors = {\n  background: {\n    base: \"$color2\",\n    active: \"$color3\"\n  },\n  border: {\n    base: \"$color6\",\n    hover: \"$color7\",\n    active: \"$color7\"\n  }\n};\nvar formCommonColors = {\n  // Placeholder/muted tier climbed the ramp again (SB-R-03/04 → interact\n  // resweep): $color7 measured 1.44-1.69:1 and $color10 3.95-4.36:1 as\n  // Select/FileUpload/AwesomeBar placeholder-tier text — under the 4.5:1\n  // AA floor for normal text. Step 11 is the lowest passing step; the muted\n  // tier now differentiates from `text` by weight/size, not color.\n  muted: \"$color11\",\n  text: \"$color11\",\n  // Same AA reason as componentColors.semantic: $red10 is under 4.5:1 for\n  // small error text on color1/2 surfaces.\n  error: \"$red11\",\n  divider: \"$color8\"\n};\n//# sourceMappingURL=colorRamps.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","colorRamps_exports","formButtonColors","formCardColors","formCommonColors","formControlColors","formDropzoneColors","formInputColors","formSelectedColors","formSwitchColors","module","exports","background","base","hover","active","border","textLow","focus","boundary","thumb","press","mark","track","on","off","thumbBorder","removeDisc","ink","progress","fill","muted","text","error","divider"],"sources":["colorRamps.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 colorRamps_exports = {};\n__export(colorRamps_exports, {\n  formButtonColors: () => formButtonColors,\n  formCardColors: () => formCardColors,\n  formCommonColors: () => formCommonColors,\n  formControlColors: () => formControlColors,\n  formDropzoneColors: () => formDropzoneColors,\n  formInputColors: () => formInputColors,\n  formSelectedColors: () => formSelectedColors,\n  formSwitchColors: () => formSwitchColors\n});\nmodule.exports = __toCommonJS(colorRamps_exports);\nvar formButtonColors = {\n  background: {\n    base: \"$color5\",\n    hover: \"$color4\",\n    active: \"$color6\"\n  },\n  border: {\n    base: \"$color7\",\n    hover: \"$color6\",\n    active: \"$color8\"\n  },\n  // Legibility floor (SB-R-01): low-accent labels clamp to the $color11\n  // tier — $color7 measured 1.29:1 on the button surface.\n  textLow: {\n    base: \"$color11\",\n    hover: \"$color11\",\n    active: \"$color12\"\n  }\n};\nvar formInputColors = {\n  background: {\n    // MPO-19 X6: was `$color2`, one ramp step below Tamagui's Input, which is\n    // `$background`. The argument in the git history was for ONE input\n    // surface across the composer, the editor and form fields — `$background`\n    // satisfies that argument and survives a surface sub-theme too.\n    base: \"$background\",\n    // Still the active/selected highlight for option lists (Combobox, Calendar,\n    // TimeColumn) -- inputs themselves no longer shift background on focus.\n    focus: \"$color4\"\n  },\n  border: {\n    base: \"$borderColor\",\n    hover: \"$borderColorHover\",\n    focus: \"$borderColorFocus\"\n  }\n};\nvar formControlColors = {\n  background: \"$color5\",\n  border: \"$color7\",\n  /**\n  * Control BOUNDARY tier (DF-06 / WCAG 1.4.11): the outline that must carry\n  * a control's shape against the page needs ≥3:1 — `border` ($color7)\n  * measured 1.52:1 light / 1.69:1 dark vs page, fine as an inner seam but\n  * invisible as the only edge. $color10 is the muted-ink tier (≥3:1 on\n  * color1/2 in both schemes). Radio rings use this; single-border controls\n  * that rely on their outline alone should too.\n  */\n  boundary: \"$color10\",\n  thumb: {\n    base: \"$color10\",\n    hover: \"$color9\",\n    press: \"$color11\"\n  }\n};\nvar formSelectedColors = {\n  mark: \"$accentBackground\"\n};\nvar formSwitchColors = {\n  track: {\n    on: formSelectedColors.mark,\n    off: \"$color5\"\n  },\n  thumb: \"$color1\",\n  thumbBorder: \"$borderColor\"\n};\nvar formCardColors = {\n  background: {\n    base: \"$color2\",\n    active: \"$color3\"\n  },\n  border: {\n    base: \"$color6\",\n    hover: \"$color7\",\n    active: \"$color7\"\n  }\n};\nvar formDropzoneColors = {\n  border: \"$color9\",\n  removeDisc: {\n    background: {\n      base: \"$color12\",\n      hover: \"$color11\",\n      press: \"$color10\"\n    },\n    ink: \"$color1\"\n  },\n  // Attachments / media-01 transfer bar (MPO-55): 11px pill, $color4 track,\n  // $color11 fill — the same pair the measured attachments row draws.\n  progress: {\n    track: \"$color4\",\n    fill: \"$color11\"\n  }\n};\nvar formCommonColors = {\n  // Placeholder/muted tier climbed the ramp again (SB-R-03/04 → interact\n  // resweep): $color7 measured 1.44-1.69:1 and $color10 3.95-4.36:1 as\n  // Select/FileUpload/AwesomeBar placeholder-tier text — under the 4.5:1\n  // AA floor for normal text. Step 11 is the lowest passing step; the muted\n  // tier now differentiates from `text` by weight/size, not color.\n  muted: \"$color11\",\n  text: \"$color11\",\n  // Same AA reason as componentColors.semantic: $red10 is under 4.5:1 for\n  // small error text on color1/2 surfaces.\n  error: \"$red11\",\n  divider: \"$color8\"\n};\n//# sourceMappingURL=colorRamps.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/floatingList.cjs

@@ -30,6 +30,7 @@ __export(floatingList_exports, {
 module.exports = __toCommonJS(floatingList_exports);
 var import_react = require("react");
 var import_react2 = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_InputParts = require("../InputParts/index.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -147,6 +148,12 @@ function ScrollArrow({
     handlePointerLeave();
   }, [handlePointerLeave]);
   const Icon = isUp ? import_react2.CaretUpIcon : import_react2.CaretDownIcon;
+  const {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  const iconSize = knobProps.controlIcon.width;
+  const transitionProps = (0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === "string" ? knobProps.transition : void 0);
+  const transitionStyle = transitionProps && "style" in transitionProps ? transitionProps.style : void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     position: "sticky",
     top: isUp ? 0 : void 0,
@@ -154,30 +161,36 @@ function ScrollArrow({
     height: 0,
     zIndex: 2,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      "data-mpo-scroll-arrow": "",
+      "data-direction": direction,
+      "data-icon-size": String(iconSize),
       position: "absolute",
       left: 0,
       right: 0,
       top: isUp ? 0 : void 0,
       bottom: isUp ? void 0 : 0,
-      height: 28,
+      ...knobProps.controlIcon,
+      width: "100%",
       alignItems: "center",
       justifyContent: "center",
       pointerEvents: visible ? "auto" : "none",
       opacity: visible ? 1 : 0,
+      ...transitionProps,
       style: {
-        background: isUp ? "linear-gradient(to bottom, var(--background) 40%, transparent)" : "linear-gradient(to top, var(--background) 40%, transparent)",
-        transition: "opacity 160ms ease-out"
+        ...transitionStyle,
+        background: isUp ? "linear-gradient(to bottom, var(--background) 40%, transparent)" : "linear-gradient(to top, var(--background) 40%, transparent)"
       },
       onPointerEnter: visible ? handlePointerEnter : void 0,
       onPointerLeave: handlePointerLeave,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         position: "relative",
         zIndex: 1,
+        ...knobProps.controlIcon,
         style: {
           lineHeight: 0
         },
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
-          size: 20
+          size: iconSize
         })
       })
     })

package/dist/cjs/shared/floatingList.native.js

@@ -33,6 +33,7 @@ module.exports = __toCommonJS(floatingList_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react2 = require("@phosphor-icons/react");
+var import_theme = require("@multiplatform.one/theme");
 var import_tamagui = require("tamagui");
 var import_InputParts = require("../InputParts");
 var dropdownMaxRadiusTokenNum = 8;
@@ -155,6 +156,12 @@ function ScrollArrow(param) {
     };
   }, [handlePointerLeave]);
   var Icon = isUp ? import_react2.CaretUpIcon : import_react2.CaretDownIcon;
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var iconSize = knobProps.controlIcon.width;
+  var transitionProps = (0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === "string" ? knobProps.transition : void 0);
+  var transitionStyle = transitionProps && "style" in transitionProps ? transitionProps.style : void 0;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
     position: "sticky",
     top: isUp ? 0 : void 0,
@@ -162,30 +169,36 @@ function ScrollArrow(param) {
     height: 0,
     zIndex: 2,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      "data-mpo-scroll-arrow": "",
+      "data-direction": direction,
+      "data-icon-size": String(iconSize),
       position: "absolute",
       left: 0,
       right: 0,
       top: isUp ? 0 : void 0,
       bottom: isUp ? void 0 : 0,
-      height: 28,
+      ...knobProps.controlIcon,
+      width: "100%",
       alignItems: "center",
       justifyContent: "center",
       pointerEvents: visible ? "auto" : "none",
       opacity: visible ? 1 : 0,
+      ...transitionProps,
       style: {
-        background: isUp ? "linear-gradient(to bottom, var(--background) 40%, transparent)" : "linear-gradient(to top, var(--background) 40%, transparent)",
-        transition: "opacity 160ms ease-out"
+        ...transitionStyle,
+        background: isUp ? "linear-gradient(to bottom, var(--background) 40%, transparent)" : "linear-gradient(to top, var(--background) 40%, transparent)"
       },
       onPointerEnter: visible ? handlePointerEnter : void 0,
       onPointerLeave: handlePointerLeave,
       children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
         position: "relative",
         zIndex: 1,
+        ...knobProps.controlIcon,
         style: {
           lineHeight: 0
         },
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
-          size: 20
+          size: iconSize
         })
       })
     })