@multiplatform.one/forms 7.4.0 → 7.5.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/index.native.js");
+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/index.native.js");
+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":["__toCommonJS","mod","__copyProps","__defProp","value","TimeColumn_exports","__export","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"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TimeColumn_exports","__export","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"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"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":["__toCommonJS","mod","__copyProps","__defProp","value","colorRamps_exports","__export","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":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAf,YAAmB,CAAAK,kBAAA;AAAA,IAC9BE,gBAAY;EAAAS,UACJ;IACNC,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EAAA;EAAA;EAGA;EAASE,OACP,EAAM;IACNJ,IAAA,YAAO;IACPC,KAAA,YAAQ;IACVC,MAAA;EACF;AAEO;AAAwB,IAC7BR,eAAY;EAAAK,UACJ;IAAAC,IAAA;IAAA;IAGN;IACFK,KAAA;EACA;EAAQF,MACN,EAAM;IACNH,IAAA,gBAAO;IACPC,KAAA,EAAO;IACTI,KAAA;EACF;AAEO;AAA0B,IAC/BZ,iBAAY;EACZM,UAAQ;EAAAI,MAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAURG,QAAO;EAAAC,KACL;IACAP,IAAA,YAAO;IACPC,KAAA,EAAO;IACTO,KAAA;EACF;AAaO;AAA2B,IAChCb,kBAAM;EACRc,IAAA;AAMO;AAAyB,IAC9Bb,gBAAO;EAAAc,KACL,EAAI;IACJC,EAAA,EAAAhB,kBAAK,CAAAc,IAAA;IACPG,GAAA;EACA;EACAL,KAAA,WAAa;EACfM,WAAA;AAEO;AAAuB,IAC5BtB,cAAY;EAAAQ,UACJ;IACNC,IAAA,WAAQ;IACVE,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACF;AAEO;AAAyB,IAAAV,gBAAA;EAAA;EAAA;EAAA;EAAA;EAM9B;EACAsB,KAAA,EAAM;EAAAC,IAAA;EAAA;EAGN;EACAC,KAAA,UAAS;EACXC,OAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","colorRamps_exports","__export","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":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,kBAAA,EAAAA,CAAA,KAAAA,kBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAhB,YAAmB,CAAAK,kBAAA;AAAA,IAC9BE,gBAAY;EAAAU,UACJ;IACNC,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EAAA;EAAA;EAGA;EAASE,OACP,EAAM;IACNJ,IAAA,YAAO;IACPC,KAAA,YAAQ;IACVC,MAAA;EACF;AAEO;AAAwB,IAC7BR,eAAY;EAAAK,UAAA;IAAA;IAAA;IAAA;IAKV;IAAMC,IAAA;IAAA;IAGN;IACFK,KAAA;EACA;EAAQF,MACN,EAAM;IACNH,IAAA,gBAAO;IACPC,KAAA,EAAO;IACTI,KAAA;EACF;AAEO;AAA0B,IAC/Bb,iBAAY;EACZO,UAAQ;EAAAI,MAAA;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAURG,QAAO;EAAAC,KACL;IACAP,IAAA,YAAO;IACPC,KAAA,EAAO;IACTO,KAAA;EACF;AAaO;AAA2B,IAChCb,kBAAM;EACRc,IAAA;AAMO;AAAyB,IAC9Bb,gBAAO;EAAAc,KACL,EAAI;IACJC,EAAA,EAAAhB,kBAAK,CAAAc,IAAA;IACPG,GAAA;EACA;EACAL,KAAA,WAAa;EACfM,WAAA;AAEO;AAAuB,IAC5BvB,cAAY;EAAAS,UACJ;IACNC,IAAA,WAAQ;IACVE,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACF;AAcO;AAA2B,IAChCT,kBAAQ;EACRU,MAAA,WAAY;EAAAW,UACV;IAAYf,UACJ;MACNC,IAAA,YAAO;MACPC,KAAA,EAAO;MACTO,KAAA;IACA;IACFO,GAAA;EAAA;EAAA;EAGA;EAAUC,QACR,EAAO;IACPN,KAAA,EAAM;IACRO,IAAA;EACF;AAEO;AAAyB,IAAA1B,gBAAA;EAAA;EAAA;EAAA;EAAA;EAM9B;EACA2B,KAAA,EAAM;EAAAC,IAAA;EAAA;EAGN;EACAC,KAAA,UAAS;EACXC,OAAA","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/index.native.js");
 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
         })
       })
     })

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

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","floatingList_exports","__export","ScrollArrow","SyncFocusToOpen","clampDropdownRadius","scrollArrowThreshold","module","exports","import_jsx_runtime","require","import_react","import_react2","import_tamagui","import_InputParts","dropdownMaxRadiusTokenNum","fieldRadius","startsWith","num","Number","parseInt","slice","param","open","setFocused","FocusContext","useStyledContext","useEffect","direction","scrollRef","visible","arrowScrollDirRef","isUp","animationFrameRef","useRef","lastTimeRef","resumeTimerRef","hoveringRef","activeRef","selfScrollingRef","resumeDelay","stopLoop","useCallback","current","cancelAnimationFrame","startLoop","performance","now","tick","tick1","el","elapsed","px","Math","min","max","scrollTop","scrollHeight","clientHeight","requestAnimationFrame","openTimestampRef","handlePointerEnter","wasOverOnOpen","clearTimeout","setTimeout","handlePointerLeave","onScroll","onScroll2","addEventListener","passive","removeEventListener","Icon","CaretUpIcon","CaretDownIcon","jsx","View","position","top","bottom","height","zIndex","children","left","right","alignItems","justifyContent","pointerEvents"],"sources":["../../../src/shared/floatingList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","floatingList_exports","__export","ScrollArrow","SyncFocusToOpen","clampDropdownRadius","scrollArrowThreshold","module","exports","import_jsx_runtime","require","import_react","import_react2","import_theme","import_tamagui","import_InputParts","dropdownMaxRadiusTokenNum","fieldRadius","startsWith","num","Number","parseInt","slice","param","open","setFocused","FocusContext","useStyledContext","useEffect","direction","scrollRef","visible","arrowScrollDirRef","isUp","animationFrameRef","useRef","lastTimeRef","resumeTimerRef","hoveringRef","activeRef","selfScrollingRef","resumeDelay","stopLoop","useCallback","current","cancelAnimationFrame","startLoop","performance","now","tick","tick1","el","elapsed","px","Math","min","max","scrollTop","scrollHeight","clientHeight","requestAnimationFrame","openTimestampRef","handlePointerEnter","wasOverOnOpen","clearTimeout","setTimeout","handlePointerLeave","onScroll","onScroll2","addEventListener","passive","removeEventListener","Icon","CaretUpIcon","CaretDownIcon","knobProps","useResolvedKnobs","iconSize","controlIcon","width","transitionProps","getInputFrameTransitionProps","transition","transitionStyle","style","jsx","View","position","top","bottom","height","zIndex","children","String","left","right","alignItems","justifyContent","pointerEvents","opacity"],"sources":["../../../src/shared/floatingList.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/useKeyboardInset.cjs

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useKeyboardInset_exports = {};
+__export(useKeyboardInset_exports, {
+  useKeyboardInset: () => useKeyboardInset
+});
+module.exports = __toCommonJS(useKeyboardInset_exports);
+var import_react = require("react");
+var import_react_native = require("react-native-web");
+function useKeyboardInset() {
+  const [inset, setInset] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(() => {
+    const showEvent = import_react_native.Platform.OS === "ios" ? "keyboardWillChangeFrame" : "keyboardDidShow";
+    const hideEvent = import_react_native.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const show = import_react_native.Keyboard.addListener(showEvent, event => {
+      const screen = event?.endCoordinates;
+      if (!screen) return;
+      const windowHeight = import_react_native.Dimensions.get("window").height;
+      setInset(Math.max(0, Math.round(windowHeight - screen.screenY)));
+    });
+    const hide = import_react_native.Keyboard.addListener(hideEvent, () => setInset(0));
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return inset;
+}