@multiplatform.one/forms 7.4.0 → 7.5.0

package/dist/esm/shared/TimeColumn.mjs

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

package/dist/esm/shared/TimeColumn.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Wheel","useMemo","Text","View","XStack","YStack","formCommonColors","formInputColors","jsx","jsxs","itemHeight","visibleItems","defaultFormat","v","String","padStart","TimeColumn","label","values","selected","onChange","format","knobProps","items","map","value","alignItems","gap","children","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","base","borderWidth","inputSurface","borderColor","border","overflow","width","renderItem","item","_index","isSelected","height","justifyContent","focus","hoverStyle","transition","fontWeight","text","TimeColumnSeparator","paddingTop","generateRange","min","max","step","result","i","push"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useResolvedKnobs","useCallback","useMemo","View","Wheel","t","jsx","jsxs","generateRange","min","max","step","result","size","Math","i","push","pad2","n","String","padStart","to12Hour","h24","h","period","to24Hour","displayH","wrapped","hours24","hours12","secondsAll","periods","columnEdge","index","count","TimeWheels","hour24","minute","second","timeFormat","minuteStep","showSeconds","onChange","knobProps","compact","itemHeight","nestedControl","px","minutes","hour12","showPeriod","columnCount","emit","m","s","col","hourEdge","minuteEdge","secondEdge","periodEdge","flexDirection","width","alignItems","justifyContent","children","items","map","value","label","next","loop","visibleItems","flex","highlightEdges","includes","p"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AACjC,SAASC,WAAA,EAAaC,OAAA,QAAe;AACrC,SAASC,IAAA,QAAY;AACrB,SAASC,KAAA,QAAuC;AAChD,SAASC,CAAA,QAAS;AAiFd,SAOEC,GAAA,EAPFC,IAAA;AA7EG,SAASC,cAAcC,GAAA,EAAaC,GAAA,EAAaC,IAAA,GAAO,GAAa;EAC1E,MAAMC,MAAA,GAAmB,EAAC;EAC1B,MAAMC,IAAA,GAAOC,IAAA,CAAKJ,GAAA,CAAI,GAAGC,IAAI;EAC7B,SAASI,CAAA,GAAIN,GAAA,EAAKM,CAAA,IAAKL,GAAA,EAAKK,CAAA,IAAKF,IAAA,EAAM;IACrCD,MAAA,CAAOI,IAAA,CAAKD,CAAC;EACf;EACA,OAAOH,MAAA;AACT;AAEA,SAASK,KAAKC,CAAA,EAAmB;EAC/B,OAAOC,MAAA,CAAOD,CAAC,EAAEE,QAAA,CAAS,GAAG,GAAG;AAClC;AAEA,SAASC,SAASC,GAAA,EAAiD;EACjE,OAAO;IACLC,CAAA,EAAGD,GAAA,GAAM,OAAO,IAAI,KAAKA,GAAA,GAAM;IAC/BE,MAAA,EAAQF,GAAA,IAAO,KAAK,OAAO;EAC7B;AACF;AAEA,SAASG,SAASC,QAAA,EAAkBF,MAAA,EAA6B;EAC/D,MAAMG,OAAA,IAAYD,QAAA,GAAW,KAAK,KAAM;EACxC,IAAIF,MAAA,KAAW,MAAM,OAAOG,OAAA,KAAY,KAAK,IAAIA,OAAA;EACjD,OAAOA,OAAA,KAAY,KAAK,KAAKA,OAAA,GAAU;AACzC;AAEA,MAAMC,OAAA,GAAUpB,aAAA,CAAc,GAAG,EAAE;AACnC,MAAMqB,OAAA,GAAUrB,aAAA,CAAc,GAAG,EAAE;AACnC,MAAMsB,UAAA,GAAatB,aAAA,CAAc,GAAG,EAAE;AACtC,MAAMuB,OAAA,GAAU,CAAC,MAAM,IAAI;AAE3B,SAASC,WAAWC,KAAA,EAAeC,KAAA,EAAoC;EACrE,IAAIA,KAAA,IAAS,GAAG,OAAO;EACvB,IAAID,KAAA,KAAU,GAAG,OAAO;EACxB,IAAIA,KAAA,KAAUC,KAAA,GAAQ,GAAG,OAAO;EAChC,OAAO;AACT;AAgBO,SAASC,WAAW;EACzBC,MAAA;EACAC,MAAA;EACAC,MAAA;EACAC,UAAA;EACAC,UAAA;EACAC,WAAA;EACAC;AACF,GAAoB;EAClB,MAAM;IAAEC;EAAU,IAAI3C,gBAAA,CAAiB;IAAE4C,OAAA,EAAS;EAAK,CAAC;EACxD,MAAMC,UAAA,GAAaF,SAAA,CAAUG,aAAA,CAAcC,EAAA;EAC3C,MAAMC,OAAA,GAAU9C,OAAA,CAAQ,MAAMM,aAAA,CAAc,GAAG,IAAIgC,UAAU,GAAG,CAACA,UAAU,CAAC;EAC5E,MAAM;IAAEjB,CAAA,EAAG0B,MAAA;IAAQzB;EAAO,IAAIH,QAAA,CAASe,MAAM;EAC7C,MAAMc,UAAA,GAAaX,UAAA,KAAe;EAClC,MAAMY,WAAA,GAAc,KAAKV,WAAA,GAAc,IAAI,MAAMS,UAAA,GAAa,IAAI;EAElE,MAAME,IAAA,GAAOnD,WAAA,CAAY,CAACsB,CAAA,EAAW8B,CAAA,EAAWC,CAAA,KAAcZ,QAAA,CAASnB,CAAA,EAAG8B,CAAA,EAAGC,CAAC,GAAG,CAACZ,QAAQ,CAAC;EAE3F,IAAIa,GAAA,GAAM;EACV,MAAMC,QAAA,GAAWxB,UAAA,CAAWuB,GAAA,IAAOJ,WAAW;EAC9C,MAAMM,UAAA,GAAazB,UAAA,CAAWuB,GAAA,IAAOJ,WAAW;EAChD,MAAMO,UAAA,GAAajB,WAAA,GAAcT,UAAA,CAAWuB,GAAA,IAAOJ,WAAW,IAAI;EAClE,MAAMQ,UAAA,GAAaT,UAAA,GAAalB,UAAA,CAAWuB,GAAA,IAAOJ,WAAW,IAAI;EAEjE,OACE,eAAA5C,IAAA,CAACJ,IAAA;IACCyD,aAAA,EAAc;IACdC,KAAA,EAAM;IACNC,UAAA,EAAW;IACXC,cAAA,EAAe;IACf,eAAY;IAEZC,QAAA,kBAAA1D,GAAA,CAACF,KAAA;MACC6D,KAAA,EACE1B,UAAA,KAAe,QACXX,OAAA,CAAQsC,GAAA,CAAK3C,CAAA,KAAO;QAAE4C,KAAA,EAAO5C,CAAA;QAAG6C,KAAA,EAAOnD,IAAA,CAAKM,CAAC;MAAE,EAAE,IACjDM,OAAA,CAAQqC,GAAA,CAAK3C,CAAA,KAAO;QAAE4C,KAAA,EAAO5C,CAAA;QAAG6C,KAAA,EAAOjD,MAAA,CAAOI,CAAC;MAAE,EAAE;MAEzD4C,KAAA,EAAO5B,UAAA,KAAe,QAAQH,MAAA,GAASa,MAAA;MACvCP,QAAA,EAAW2B,IAAA,IACTjB,IAAA,CAAKb,UAAA,KAAe,QAAQ8B,IAAA,GAAO5C,QAAA,CAAS4C,IAAA,EAAM7C,MAAM,GAAGa,MAAA,EAAQC,MAAM;MAE3EgC,IAAA,EAAI;MACJC,YAAA,EAAc;MACd1B,UAAA;MACA2B,IAAA,EAAM;MACNC,cAAA,EAAgBjB,QAAA;MAChB,cAAYnD,CAAA,CAAE,MAAM;IAAA,CACtB,GACA,eAAAC,GAAA,CAACF,KAAA;MACC6D,KAAA,EAAOjB,OAAA,CAAQkB,GAAA,CAAKb,CAAA,KAAO;QAAEc,KAAA,EAAOd,CAAA;QAAGe,KAAA,EAAOnD,IAAA,CAAKoC,CAAC;MAAE,EAAE;MACxDc,KAAA,EAAOnB,OAAA,CAAQ0B,QAAA,CAASrC,MAAM,IAAIA,MAAA,GAAUW,OAAA,CAAQ,CAAC,KAAK;MAC1DN,QAAA,EAAW2B,IAAA,IAASjB,IAAA,CAAKhB,MAAA,EAAQiC,IAAA,EAAM/B,MAAM;MAC7CgC,IAAA,EAAI;MACJC,YAAA,EAAc;MACd1B,UAAA;MACA2B,IAAA,EAAM;MACNC,cAAA,EAAgBhB,UAAA;MAChB,cAAYpD,CAAA,CAAE,KAAK;IAAA,CACrB,GACCoC,WAAA,GACC,eAAAnC,GAAA,CAACF,KAAA;MACC6D,KAAA,EAAOnC,UAAA,CAAWoC,GAAA,CAAKZ,CAAA,KAAO;QAAEa,KAAA,EAAOb,CAAA;QAAGc,KAAA,EAAOnD,IAAA,CAAKqC,CAAC;MAAE,EAAE;MAC3Da,KAAA,EAAO7B,MAAA;MACPI,QAAA,EAAW2B,IAAA,IAASjB,IAAA,CAAKhB,MAAA,EAAQC,MAAA,EAAQgC,IAAI;MAC7CC,IAAA,EAAI;MACJC,YAAA,EAAc;MACd1B,UAAA;MACA2B,IAAA,EAAM;MACNC,cAAA,EAAgBf,UAAA;MAChB,cAAYrD,CAAA,CAAE,KAAK;IAAA,CACrB,IACE,MACH6C,UAAA,GACC,eAAA5C,GAAA,CAACF,KAAA;MACC6D,KAAA,EAAOlC,OAAA,CAAQmC,GAAA,CAAKS,CAAA,KAAO;QAAER,KAAA,EAAOQ,CAAA;QAAGP,KAAA,EAAOO;MAAE,EAAE;MAClDR,KAAA,EAAO3C,MAAA;MACPkB,QAAA,EAAW2B,IAAA,IAASjB,IAAA,CAAK3B,QAAA,CAASwB,MAAA,EAAQoB,IAAI,GAAGhC,MAAA,EAAQC,MAAM;MAC/DgC,IAAA,EAAM;MACNC,YAAA,EAAc;MACd1B,UAAA;MACA2B,IAAA,EAAM;MACNC,cAAA,EAAgBd,UAAA;MAChB,cAAYtD,CAAA,CAAE,OAAO;IAAA,CACvB,IACE;EAAA,CACN;AAEJ","ignoreList":[]}

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

@@ -1,98 +1,157 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
+import { useCallback, useMemo } from "react";
+import { View } from "tamagui";
 import { Wheel } from "../Wheel/index.native.js";
-import { useMemo } from "react";
-import { Text, View, XStack, YStack } from "tamagui";
-import { formCommonColors, formInputColors } from "./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 = useMemo(function () {
-    return values.map(function (v) {
-      return {
-        value: v,
-        label: format(v)
-      };
-    });
-  }, [values, format]);
-  return /* @__PURE__ */_jsxs(YStack, {
-    alignItems: "center",
-    gap: "$1",
-    children: [/* @__PURE__ */_jsx(Text, {
-      fontSize: "$1",
-      ...knobProps.body,
-      color: formCommonColors.muted,
-      textTransform: "uppercase",
-      letterSpacing: 1,
-      children: label
-    }), /* @__PURE__ */_jsx(View, {
-      ...knobProps.borderRadius,
-      backgroundColor: formInputColors.background.base,
-      borderWidth: knobProps.inputSurface.borderWidth,
-      borderColor: formInputColors.border.base,
-      overflow: "hidden",
-      width: 56,
-      children: /* @__PURE__ */_jsx(Wheel, {
-        items,
-        value: selected,
-        onChange,
-        visibleItems,
-        itemHeight,
-        renderItem: function renderItem(item, _index, isSelected) {
-          return /* @__PURE__ */_jsx(XStack, {
-            width: "100%",
-            height: "100%",
-            alignItems: "center",
-            justifyContent: "center",
-            backgroundColor: isSelected ? formInputColors.background.focus : "transparent",
-            hoverStyle: {
-              backgroundColor: formInputColors.background.focus
-            },
-            ...(knobProps.transition ? {
-              transition: knobProps.transition
-            } : void 0),
-            children: /* @__PURE__ */_jsx(Text, {
-              fontSize: "$4",
-              ...knobProps.body,
-              fontWeight: isSelected ? "700" : "400",
-              color: isSelected ? formCommonColors.text : formCommonColors.muted,
-              children: format(item)
-            })
-          });
-        }
-      })
-    })]
-  });
-}
-function TimeColumnSeparator(param) {
-  var {
-    knobProps
-  } = param;
-  return /* @__PURE__ */_jsx(Text, {
-    fontSize: "$6",
-    ...knobProps.body,
-    color: formCommonColors.text,
-    paddingTop: "$5",
-    children: ":"
-  });
-}
+import { t } from "./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;
 }
-export { TimeColumn, TimeColumnSeparator, generateRange };
+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
+  } = useResolvedKnobs({
+    compact: true
+  });
+  var itemHeight = knobProps.nestedControl.px;
+  var minutes = 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 = 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__ */_jsxs(View, {
+    flexDirection: "row",
+    width: "100%",
+    alignItems: "stretch",
+    justifyContent: "center",
+    "data-testid": "time-picker-wheels",
+    children: [/* @__PURE__ */_jsx(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": t("Hour")
+    }), /* @__PURE__ */_jsx(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": t("Min")
+    }), showSeconds ? /* @__PURE__ */_jsx(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": t("Sec")
+    }) : null, showPeriod ? /* @__PURE__ */_jsx(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": t("AM/PM")
+    }) : null]
+  });
+}
+export { TimeWheels, generateRange };
 //# sourceMappingURL=TimeColumn.native.js.map

package/dist/esm/shared/TimeColumn.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Wheel","useMemo","Text","View","XStack","YStack","formCommonColors","formInputColors","itemHeight","visibleItems","defaultFormat","v","String","padStart","TimeColumn","param","label","values","selected","onChange","format","knobProps","items","map","value","alignItems","gap","children","fontSize","body","color","muted","textTransform","letterSpacing","borderRadius","backgroundColor","background","base","borderWidth","inputSurface","borderColor","border","overflow","width","renderItem","item","_index","isSelected","height","justifyContent","focus","hoverStyle","transition","fontWeight","text","TimeColumnSeparator","paddingTop","generateRange","min","max","step","arguments","length","result","i","push"],"sources":["TimeColumn.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Wheel } from \"../Wheel\";\nimport { useMemo } from \"react\";\nimport { Text, View, XStack, YStack } from \"tamagui\";\nimport { formCommonColors, formInputColors } from \"./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 = 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__ */ _jsxs(YStack, {\n    alignItems: \"center\",\n    gap: \"$1\",\n    children: [\n      /* @__PURE__ */ _jsx(Text, {\n        fontSize: \"$1\",\n        ...knobProps.body,\n        color: formCommonColors.muted,\n        textTransform: \"uppercase\",\n        letterSpacing: 1,\n        children: label\n      }),\n      /* @__PURE__ */ _jsx(View, {\n        ...knobProps.borderRadius,\n        backgroundColor: formInputColors.background.base,\n        borderWidth: knobProps.inputSurface.borderWidth,\n        borderColor: formInputColors.border.base,\n        overflow: \"hidden\",\n        width: 56,\n        children: /* @__PURE__ */ _jsx(Wheel, {\n          items,\n          value: selected,\n          onChange,\n          visibleItems,\n          itemHeight,\n          renderItem: function renderItem(item, _index, isSelected) {\n            return /* @__PURE__ */ _jsx(XStack, {\n              width: \"100%\",\n              height: \"100%\",\n              alignItems: \"center\",\n              justifyContent: \"center\",\n              backgroundColor: isSelected ? formInputColors.background.focus : \"transparent\",\n              hoverStyle: {\n                backgroundColor: formInputColors.background.focus\n              },\n              ...knobProps.transition ? {\n                transition: knobProps.transition\n              } : void 0,\n              children: /* @__PURE__ */ _jsx(Text, {\n                fontSize: \"$4\",\n                ...knobProps.body,\n                fontWeight: isSelected ? \"700\" : \"400\",\n                color: isSelected ? formCommonColors.text : formCommonColors.muted,\n                children: format(item)\n              })\n            });\n          }\n        })\n      })\n    ]\n  });\n}\nfunction TimeColumnSeparator(param) {\n  var { knobProps } = param;\n  return /* @__PURE__ */ _jsx(Text, {\n    fontSize: \"$6\",\n    ...knobProps.body,\n    color: 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}\nexport {\n  TimeColumn,\n  TimeColumnSeparator,\n  generateRange\n};\n//# sourceMappingURL=TimeColumn.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","useResolvedKnobs","useCallback","useMemo","View","Wheel","t","generateRange","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","TimeWheels","param","hour24","minute","second","timeFormat","minuteStep","showSeconds","onChange","_minutes_","knobProps","compact","itemHeight","nestedControl","px","minutes","hour12","showPeriod","columnCount","emit","m","s","col","hourEdge","minuteEdge","secondEdge","periodEdge","flexDirection","width","alignItems","justifyContent","children","items","map","value","label","onChange2","next","loop","visibleItems","flex","highlightEdges","includes"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/shared/capabilityPreflight.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["queryPermissionState","name","_navigator_permissions_query","_navigator_permissions","status","navigator","permissions","query","call","state","unused"],"sources":["capabilityPreflight.native.js"],"sourcesContent":["async function queryPermissionState(name) {\n  try {\n    var _navigator_permissions_query, _navigator_permissions;\n    var status = await ((_navigator_permissions = navigator.permissions) === null || _navigator_permissions === void 0 ? void 0 : (_navigator_permissions_query = _navigator_permissions.query) === null || _navigator_permissions_query === void 0 ? void 0 : _navigator_permissions_query.call(_navigator_permissions, {\n      name\n    }));\n    var state = status === null || status === void 0 ? void 0 : status.state;\n    if (state === \"granted\" || state === \"denied\" || state === \"prompt\") return state;\n  } catch (unused) {\n  }\n  return \"unknown\";\n}\nexport {\n  queryPermissionState\n};\n//# sourceMappingURL=capabilityPreflight.js.map\n"],"mappings":"AAAA,eAAeA,oBAAoBA,CAACC,IAAI,EAAE;EACxC,IAAI;IACF,IAAIC,4BAA4B,EAAEC,sBAAsB;IACxD,IAAIC,MAAM,GAAG,OAAO,CAACD,sBAAsB,GAAGE,SAAS,CAACC,WAAW,MAAM,IAAI,IAAIH,sBAAsB,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAACD,4BAA4B,GAAGC,sBAAsB,CAACI,KAAK,MAAM,IAAI,IAAIL,4BAA4B,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,4BAA4B,CAACM,IAAI,CAACL,sBAAsB,EAAE;MACnTF;IACF,CAAC,CAAC,CAAC;IACH,IAAIQ,KAAK,GAAGL,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,MAAM,CAACK,KAAK;IACxE,IAAIA,KAAK,KAAK,SAAS,IAAIA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,QAAQ,EAAE,OAAOA,KAAK;EACnF,CAAC,CAAC,OAAOC,MAAM,EAAE,CACjB;EACA,OAAO,SAAS;AAClB;AACA,SACEV,oBAAoB","ignoreList":[]}
+{"version":3,"names":["queryPermissionState","name","_navigator_permissions_query","_navigator_permissions","status","navigator","permissions","query","call","state","unused"],"sources":["../../../src/shared/capabilityPreflight.ts"],"sourcesContent":[null],"mappings":"AAaA,eAAsBA,qBACpBC,IAAA,EACsD;EACtD,IAAI;IACF,IAAAC,4BAA+B,EAAAC,sBAAqB;IAAA,IAClDC,MAAA,WAAAD,sBAAA,GAAAE,SAAA,CAAAC,WAAA,cAAAH,sBAAA,wBAAAD,4BAAA,GAAAC,sBAAA,CAAAI,KAAA,cAAAL,4BAAA,uBAAAA,4BAAA,CAAAM,IAAA,CAAAL,sBAAA;MACDF;IACD;IACA,IAAIQ,KAAA,GAAAL,MAAU,SAAa,IAAAA,MAAU,cAAY,SAAUA,MAAA,CAAAK,KAAU;IACvE,IAAAA,KAAQ,kBAAAA,KAAA,iBAAAA,KAAA,sBAAAA,KAAA;EAER,SAAAC,MAAA,GACA;EACF","ignoreList":[]}

package/dist/esm/shared/colorRamps.mjs

@@ -19,7 +19,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"
@@ -70,6 +74,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
@@ -83,5 +104,5 @@ const formCommonColors = {
   error: "$red11",
   divider: "$color8"
 };
-export { formButtonColors, formCardColors, formCommonColors, formControlColors, formInputColors, formSelectedColors, formSwitchColors };
+export { formButtonColors, formCardColors, formCommonColors, formControlColors, formDropzoneColors, formInputColors, formSelectedColors, formSwitchColors };
 //# sourceMappingURL=colorRamps.mjs.map

package/dist/esm/shared/colorRamps.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["formButtonColors","background","base","hover","active","border","textLow","formInputColors","focus","formControlColors","boundary","thumb","press","formSelectedColors","mark","formSwitchColors","track","on","off","thumbBorder","formCardColors","formCommonColors","muted","text","error","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,gBAAA,GAAmB;EAC9BC,UAAA,EAAY;IACVC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAC,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EAAA;EAAA;EAGAE,OAAA,EAAS;IACPJ,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;AACF;AAEO,MAAMG,eAAA,GAAkB;EAC7BN,UAAA,EAAY;IACVC,IAAA,EAAM;IAAA;IAAA;IAGNM,KAAA,EAAO;EACT;EACAH,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNC,KAAA,EAAO;IACPK,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,iBAAA,GAAoB;EAC/BR,UAAA,EAAY;EACZI,MAAA,EAAQ;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASRK,QAAA,EAAU;EACVC,KAAA,EAAO;IACLT,IAAA,EAAM;IACNC,KAAA,EAAO;IACPS,KAAA,EAAO;EACT;AACF;AAaO,MAAMC,kBAAA,GAAqB;EAChCC,IAAA,EAAM;AACR;AAMO,MAAMC,gBAAA,GAAmB;EAC9BC,KAAA,EAAO;IACLC,EAAA,EAAIJ,kBAAA,CAAmBC,IAAA;IACvBI,GAAA,EAAK;EACP;EACAP,KAAA,EAAO;EACPQ,WAAA,EAAa;AACf;AAEO,MAAMC,cAAA,GAAiB;EAC5BnB,UAAA,EAAY;IACVC,IAAA,EAAM;IACNE,MAAA,EAAQ;EACV;EACAC,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;AACF;AAEO,MAAMiB,gBAAA,GAAmB;EAAA;EAAA;EAAA;EAAA;EAAA;EAM9BC,KAAA,EAAO;EACPC,IAAA,EAAM;EAAA;EAAA;EAGNC,KAAA,EAAO;EACPC,OAAA,EAAS;AACX","ignoreList":[]}
+{"version":3,"names":["formButtonColors","background","base","hover","active","border","textLow","formInputColors","focus","formControlColors","boundary","thumb","press","formSelectedColors","mark","formSwitchColors","track","on","off","thumbBorder","formCardColors","formDropzoneColors","removeDisc","ink","progress","fill","formCommonColors","muted","text","error","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":"AAAO,MAAMA,gBAAA,GAAmB;EAC9BC,UAAA,EAAY;IACVC,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EACAC,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;EAAA;EAAA;EAGAE,OAAA,EAAS;IACPJ,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;AACF;AAEO,MAAMG,eAAA,GAAkB;EAC7BN,UAAA,EAAY;IAAA;IAAA;IAAA;IAAA;IAKVC,IAAA,EAAM;IAAA;IAAA;IAGNM,KAAA,EAAO;EACT;EACAH,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNC,KAAA,EAAO;IACPK,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,iBAAA,GAAoB;EAC/BR,UAAA,EAAY;EACZI,MAAA,EAAQ;EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASRK,QAAA,EAAU;EACVC,KAAA,EAAO;IACLT,IAAA,EAAM;IACNC,KAAA,EAAO;IACPS,KAAA,EAAO;EACT;AACF;AAaO,MAAMC,kBAAA,GAAqB;EAChCC,IAAA,EAAM;AACR;AAMO,MAAMC,gBAAA,GAAmB;EAC9BC,KAAA,EAAO;IACLC,EAAA,EAAIJ,kBAAA,CAAmBC,IAAA;IACvBI,GAAA,EAAK;EACP;EACAP,KAAA,EAAO;EACPQ,WAAA,EAAa;AACf;AAEO,MAAMC,cAAA,GAAiB;EAC5BnB,UAAA,EAAY;IACVC,IAAA,EAAM;IACNE,MAAA,EAAQ;EACV;EACAC,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;AACF;AAcO,MAAMiB,kBAAA,GAAqB;EAChChB,MAAA,EAAQ;EACRiB,UAAA,EAAY;IACVrB,UAAA,EAAY;MACVC,IAAA,EAAM;MACNC,KAAA,EAAO;MACPS,KAAA,EAAO;IACT;IACAW,GAAA,EAAK;EACP;EAAA;EAAA;EAGAC,QAAA,EAAU;IACRR,KAAA,EAAO;IACPS,IAAA,EAAM;EACR;AACF;AAEO,MAAMC,gBAAA,GAAmB;EAAA;EAAA;EAAA;EAAA;EAAA;EAM9BC,KAAA,EAAO;EACPC,IAAA,EAAM;EAAA;EAAA;EAGNC,KAAA,EAAO;EACPC,OAAA,EAAS;AACX","ignoreList":[]}

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

@@ -19,7 +19,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"
@@ -70,6 +74,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
@@ -83,5 +104,5 @@ var formCommonColors = {
   error: "$red11",
   divider: "$color8"
 };
-export { formButtonColors, formCardColors, formCommonColors, formControlColors, formInputColors, formSelectedColors, formSwitchColors };
+export { formButtonColors, formCardColors, formCommonColors, formControlColors, formDropzoneColors, formInputColors, formSelectedColors, formSwitchColors };
 //# sourceMappingURL=colorRamps.native.js.map