@multiplatform.one/forms 7.4.1 → 7.6.0

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","p"],"sources":["TimeColumn.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { useCallback, useMemo } from \"react\";\nimport { View } from \"tamagui\";\nimport { Wheel } from \"../Wheel\";\nimport { t } from \"./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 } = useResolvedKnobs({\n    compact: true\n  });\n  var itemHeight = knobProps.nestedControl.px;\n  var minutes = 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 = 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__ */ _jsxs(View, {\n    flexDirection: \"row\",\n    width: \"100%\",\n    alignItems: \"stretch\",\n    justifyContent: \"center\",\n    \"data-testid\": \"time-picker-wheels\",\n    children: [\n      /* @__PURE__ */ _jsx(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\": t(\"Hour\")\n      }),\n      /* @__PURE__ */ _jsx(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\": t(\"Min\")\n      }),\n      showSeconds ? /* @__PURE__ */ _jsx(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\": t(\"Sec\")\n      }) : null,\n      showPeriod ? /* @__PURE__ */ _jsx(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\": t(\"AM/PM\")\n      }) : null\n    ]\n  });\n}\nexport {\n  TimeWheels,\n  generateRange\n};\n//# sourceMappingURL=TimeColumn.js.map\n"],"mappings":"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","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

package/dist/esm/shared/colorRamps.native.js.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":["colorRamps.native.js"],"sourcesContent":["var 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};\nexport {\n  formButtonColors,\n  formCardColors,\n  formCommonColors,\n  formControlColors,\n  formInputColors,\n  formSelectedColors,\n  formSwitchColors\n};\n//# sourceMappingURL=colorRamps.js.map\n"],"mappings":"AAAA,IAAIA,gBAAgB,GAAG;EACrBC,UAAU,EAAE;IACVC,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACD;EACA;EACAE,OAAO,EAAE;IACPJ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,UAAU;IACjBC,MAAM,EAAE;EACV;AACF,CAAC;AACD,IAAIG,eAAe,GAAG;EACpBN,UAAU,EAAE;IACVC,IAAI,EAAE,SAAS;IACf;IACA;IACAM,KAAK,EAAE;EACT,CAAC;EACDH,MAAM,EAAE;IACNH,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,mBAAmB;IAC1BK,KAAK,EAAE;EACT;AACF,CAAC;AACD,IAAIC,iBAAiB,GAAG;EACtBR,UAAU,EAAE,SAAS;EACrBI,MAAM,EAAE,SAAS;EACjB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEK,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE;IACLT,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBS,KAAK,EAAE;EACT;AACF,CAAC;AACD,IAAIC,kBAAkB,GAAG;EACvBC,IAAI,EAAE;AACR,CAAC;AACD,IAAIC,gBAAgB,GAAG;EACrBC,KAAK,EAAE;IACLC,EAAE,EAAEJ,kBAAkB,CAACC,IAAI;IAC3BI,GAAG,EAAE;EACP,CAAC;EACDP,KAAK,EAAE,SAAS;EAChBQ,WAAW,EAAE;AACf,CAAC;AACD,IAAIC,cAAc,GAAG;EACnBnB,UAAU,EAAE;IACVC,IAAI,EAAE,SAAS;IACfE,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AACD,IAAIiB,gBAAgB,GAAG;EACrB;EACA;EACA;EACA;EACA;EACAC,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAE,UAAU;EAChB;EACA;EACAC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE;AACX,CAAC;AACD,SACEzB,gBAAgB,EAChBoB,cAAc,EACdC,gBAAgB,EAChBZ,iBAAiB,EACjBF,eAAe,EACfM,kBAAkB,EAClBE,gBAAgB","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":["colorRamps.native.js"],"sourcesContent":["var 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};\nexport {\n  formButtonColors,\n  formCardColors,\n  formCommonColors,\n  formControlColors,\n  formDropzoneColors,\n  formInputColors,\n  formSelectedColors,\n  formSwitchColors\n};\n//# sourceMappingURL=colorRamps.js.map\n"],"mappings":"AAAA,IAAIA,gBAAgB,GAAG;EACrBC,UAAU,EAAE;IACVC,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV,CAAC;EACD;EACA;EACAE,OAAO,EAAE;IACPJ,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,UAAU;IACjBC,MAAM,EAAE;EACV;AACF,CAAC;AACD,IAAIG,eAAe,GAAG;EACpBN,UAAU,EAAE;IACV;IACA;IACA;IACA;IACAC,IAAI,EAAE,aAAa;IACnB;IACA;IACAM,KAAK,EAAE;EACT,CAAC;EACDH,MAAM,EAAE;IACNH,IAAI,EAAE,cAAc;IACpBC,KAAK,EAAE,mBAAmB;IAC1BK,KAAK,EAAE;EACT;AACF,CAAC;AACD,IAAIC,iBAAiB,GAAG;EACtBR,UAAU,EAAE,SAAS;EACrBI,MAAM,EAAE,SAAS;EACjB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACEK,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE;IACLT,IAAI,EAAE,UAAU;IAChBC,KAAK,EAAE,SAAS;IAChBS,KAAK,EAAE;EACT;AACF,CAAC;AACD,IAAIC,kBAAkB,GAAG;EACvBC,IAAI,EAAE;AACR,CAAC;AACD,IAAIC,gBAAgB,GAAG;EACrBC,KAAK,EAAE;IACLC,EAAE,EAAEJ,kBAAkB,CAACC,IAAI;IAC3BI,GAAG,EAAE;EACP,CAAC;EACDP,KAAK,EAAE,SAAS;EAChBQ,WAAW,EAAE;AACf,CAAC;AACD,IAAIC,cAAc,GAAG;EACnBnB,UAAU,EAAE;IACVC,IAAI,EAAE,SAAS;IACfE,MAAM,EAAE;EACV,CAAC;EACDC,MAAM,EAAE;IACNH,IAAI,EAAE,SAAS;IACfC,KAAK,EAAE,SAAS;IAChBC,MAAM,EAAE;EACV;AACF,CAAC;AACD,IAAIiB,kBAAkB,GAAG;EACvBhB,MAAM,EAAE,SAAS;EACjBiB,UAAU,EAAE;IACVrB,UAAU,EAAE;MACVC,IAAI,EAAE,UAAU;MAChBC,KAAK,EAAE,UAAU;MACjBS,KAAK,EAAE;IACT,CAAC;IACDW,GAAG,EAAE;EACP,CAAC;EACD;EACA;EACAC,QAAQ,EAAE;IACRR,KAAK,EAAE,SAAS;IAChBS,IAAI,EAAE;EACR;AACF,CAAC;AACD,IAAIC,gBAAgB,GAAG;EACrB;EACA;EACA;EACA;EACA;EACAC,KAAK,EAAE,UAAU;EACjBC,IAAI,EAAE,UAAU;EAChB;EACA;EACAC,KAAK,EAAE,QAAQ;EACfC,OAAO,EAAE;AACX,CAAC;AACD,SACE9B,gBAAgB,EAChBoB,cAAc,EACdM,gBAAgB,EAChBjB,iBAAiB,EACjBY,kBAAkB,EAClBd,eAAe,EACfM,kBAAkB,EAClBE,gBAAgB","ignoreList":[]}

package/dist/esm/shared/floatingList.mjs

@@ -1,7 +1,8 @@
 import { useCallback, useEffect, useRef } from "react";
 import { CaretDownIcon, CaretUpIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { View } from "tamagui";
-import { FocusContext } from "../InputParts/index.mjs";
+import { FocusContext, getInputFrameTransitionProps } from "../InputParts/index.mjs";
 import { jsx } from "react/jsx-runtime";
 const dropdownMaxRadiusTokenNum = 8;
 function clampDropdownRadius(fieldRadius) {
@@ -117,6 +118,12 @@ function ScrollArrow({
     handlePointerLeave();
   }, [handlePointerLeave]);
   const Icon = isUp ? CaretUpIcon : CaretDownIcon;
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const iconSize = knobProps.controlIcon.width;
+  const transitionProps = getInputFrameTransitionProps(typeof knobProps.transition === "string" ? knobProps.transition : void 0);
+  const transitionStyle = transitionProps && "style" in transitionProps ? transitionProps.style : void 0;
   return /* @__PURE__ */jsx(View, {
     position: "sticky",
     top: isUp ? 0 : void 0,
@@ -124,30 +131,36 @@ function ScrollArrow({
     height: 0,
     zIndex: 2,
     children: /* @__PURE__ */jsx(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__ */jsx(View, {
         position: "relative",
         zIndex: 1,
+        ...knobProps.controlIcon,
         style: {
           lineHeight: 0
         },
         children: /* @__PURE__ */jsx(Icon, {
-          size: 20
+          size: iconSize
         })
       })
     })

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

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

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

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from "react";
 import { CaretDownIcon, CaretUpIcon } from "@phosphor-icons/react";
+import { useResolvedKnobs } from "@multiplatform.one/theme";
 import { View } from "tamagui";
-import { FocusContext } from "../InputParts/index.native.js";
+import { FocusContext, getInputFrameTransitionProps } from "../InputParts/index.native.js";
 var dropdownMaxRadiusTokenNum = 8;
 function clampDropdownRadius(fieldRadius) {
   if (fieldRadius === "$0") return 0;
@@ -123,6 +124,12 @@ function ScrollArrow(param) {
     };
   }, [handlePointerLeave]);
   var Icon = isUp ? CaretUpIcon : CaretDownIcon;
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var iconSize = knobProps.controlIcon.width;
+  var transitionProps = getInputFrameTransitionProps(typeof knobProps.transition === "string" ? knobProps.transition : void 0);
+  var transitionStyle = transitionProps && "style" in transitionProps ? transitionProps.style : void 0;
   return /* @__PURE__ */_jsx(View, {
     position: "sticky",
     top: isUp ? 0 : void 0,
@@ -130,30 +137,36 @@ function ScrollArrow(param) {
     height: 0,
     zIndex: 2,
     children: /* @__PURE__ */_jsx(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__ */_jsx(View, {
         position: "relative",
         zIndex: 1,
+        ...knobProps.controlIcon,
         style: {
           lineHeight: 0
         },
         children: /* @__PURE__ */_jsx(Icon, {
-          size: 20
+          size: iconSize
         })
       })
     })

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

@@ -1 +1 @@
-{"version":3,"names":["jsx","_jsx","useCallback","useEffect","useRef","CaretDownIcon","CaretUpIcon","View","FocusContext","dropdownMaxRadiusTokenNum","clampDropdownRadius","fieldRadius","startsWith","num","Number","parseInt","slice","SyncFocusToOpen","param","open","setFocused","useStyledContext","scrollArrowThreshold","ScrollArrow","direction","scrollRef","visible","arrowScrollDirRef","isUp","animationFrameRef","lastTimeRef","resumeTimerRef","hoveringRef","activeRef","selfScrollingRef","resumeDelay","stopLoop","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","position","top","bottom","height","zIndex","children","left","right","alignItems","justifyContent","pointerEvents","opacity","style","background","transition","onPointerEnter","onPointerLeave","lineHeight","size"],"sources":["floatingList.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport { CaretDownIcon, CaretUpIcon } from \"@phosphor-icons/react\";\nimport { View } from \"tamagui\";\nimport { FocusContext } from \"../InputParts\";\nvar dropdownMaxRadiusTokenNum = 8;\nfunction clampDropdownRadius(fieldRadius) {\n  if (fieldRadius === \"$0\") return 0;\n  if (typeof fieldRadius === \"string\" && fieldRadius.startsWith(\"$\")) {\n    var num = Number.parseInt(fieldRadius.slice(1), 10);\n    return num > dropdownMaxRadiusTokenNum ? `$${dropdownMaxRadiusTokenNum}` : fieldRadius;\n  }\n  return fieldRadius;\n}\nfunction SyncFocusToOpen(param) {\n  var { open } = param;\n  var { setFocused } = FocusContext.useStyledContext();\n  useEffect(function() {\n    setFocused(open);\n  }, [\n    open,\n    setFocused\n  ]);\n  return null;\n}\nvar scrollArrowThreshold = 8;\nfunction ScrollArrow(param) {\n  var { direction, scrollRef, visible, arrowScrollDirRef } = param;\n  var isUp = direction === \"up\";\n  var animationFrameRef = useRef(0);\n  var lastTimeRef = useRef(0);\n  var resumeTimerRef = useRef(null);\n  var hoveringRef = useRef(false);\n  var activeRef = useRef(false);\n  var selfScrollingRef = useRef(false);\n  var resumeDelay = 100;\n  var stopLoop = useCallback(function() {\n    activeRef.current = false;\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = 0;\n  }, []);\n  var startLoop = useCallback(function() {\n    if (activeRef.current || !hoveringRef.current) return;\n    activeRef.current = true;\n    lastTimeRef.current = performance.now();\n    var tick = function tick1() {\n      var el = scrollRef.current;\n      if (!el || !hoveringRef.current || !activeRef.current) {\n        activeRef.current = false;\n        return;\n      }\n      var now = performance.now();\n      var elapsed = now - lastTimeRef.current;\n      lastTimeRef.current = now;\n      var px = Math.min(elapsed / 2, Math.max(isUp ? el.scrollTop : el.scrollHeight - el.clientHeight - el.scrollTop, 0));\n      if (px > 0) {\n        selfScrollingRef.current = true;\n        arrowScrollDirRef.current = isUp ? \"up\" : \"down\";\n        el.scrollTop += isUp ? -px : px;\n      }\n      animationFrameRef.current = requestAnimationFrame(tick);\n    };\n    animationFrameRef.current = requestAnimationFrame(tick);\n  }, [\n    isUp,\n    scrollRef\n  ]);\n  var openTimestampRef = useRef(0);\n  useEffect(function() {\n    openTimestampRef.current = performance.now();\n  }, [\n    visible\n  ]);\n  var handlePointerEnter = useCallback(function() {\n    hoveringRef.current = true;\n    var elapsed = performance.now() - openTimestampRef.current;\n    var wasOverOnOpen = elapsed < 80;\n    if (wasOverOnOpen) {\n      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);\n      resumeTimerRef.current = setTimeout(function() {\n        resumeTimerRef.current = null;\n        if (hoveringRef.current) startLoop();\n      }, 600);\n    } else {\n      startLoop();\n    }\n  }, [\n    startLoop\n  ]);\n  var handlePointerLeave = useCallback(function() {\n    hoveringRef.current = false;\n    if (resumeTimerRef.current) {\n      clearTimeout(resumeTimerRef.current);\n      resumeTimerRef.current = null;\n    }\n    stopLoop();\n  }, [\n    stopLoop\n  ]);\n  useEffect(function() {\n    var el = scrollRef.current;\n    if (!el || !visible) return;\n    var onScroll = function onScroll2() {\n      if (selfScrollingRef.current) {\n        selfScrollingRef.current = false;\n        return;\n      }\n      if (!hoveringRef.current) return;\n      stopLoop();\n      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);\n      resumeTimerRef.current = setTimeout(function() {\n        resumeTimerRef.current = null;\n        if (hoveringRef.current) startLoop();\n      }, resumeDelay);\n    };\n    el.addEventListener(\"scroll\", onScroll, {\n      passive: true\n    });\n    return function() {\n      return el.removeEventListener(\"scroll\", onScroll);\n    };\n  }, [\n    scrollRef,\n    visible,\n    startLoop,\n    stopLoop\n  ]);\n  useEffect(function() {\n    return function() {\n      handlePointerLeave();\n    };\n  }, [\n    handlePointerLeave\n  ]);\n  var Icon = isUp ? CaretUpIcon : CaretDownIcon;\n  return /* @__PURE__ */ _jsx(View, {\n    position: \"sticky\",\n    top: isUp ? 0 : void 0,\n    bottom: isUp ? void 0 : 0,\n    height: 0,\n    zIndex: 2,\n    children: /* @__PURE__ */ _jsx(View, {\n      position: \"absolute\",\n      left: 0,\n      right: 0,\n      top: isUp ? 0 : void 0,\n      bottom: isUp ? void 0 : 0,\n      height: 28,\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      pointerEvents: visible ? \"auto\" : \"none\",\n      opacity: visible ? 1 : 0,\n      style: {\n        background: isUp ? \"linear-gradient(to bottom, var(--background) 40%, transparent)\" : \"linear-gradient(to top, var(--background) 40%, transparent)\",\n        transition: \"opacity 160ms ease-out\"\n      },\n      onPointerEnter: visible ? handlePointerEnter : void 0,\n      onPointerLeave: handlePointerLeave,\n      children: /* @__PURE__ */ _jsx(View, {\n        position: \"relative\",\n        zIndex: 1,\n        style: {\n          lineHeight: 0\n        },\n        children: /* @__PURE__ */ _jsx(Icon, {\n          size: 20\n        })\n      })\n    })\n  });\n}\nexport {\n  ScrollArrow,\n  SyncFocusToOpen,\n  clampDropdownRadius,\n  scrollArrowThreshold\n};\n//# sourceMappingURL=floatingList.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["jsx","_jsx","useCallback","useEffect","useRef","CaretDownIcon","CaretUpIcon","useResolvedKnobs","View","FocusContext","getInputFrameTransitionProps","dropdownMaxRadiusTokenNum","clampDropdownRadius","fieldRadius","startsWith","num","Number","parseInt","slice","SyncFocusToOpen","param","open","setFocused","useStyledContext","scrollArrowThreshold","ScrollArrow","direction","scrollRef","visible","arrowScrollDirRef","isUp","animationFrameRef","lastTimeRef","resumeTimerRef","hoveringRef","activeRef","selfScrollingRef","resumeDelay","stopLoop","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","knobProps","iconSize","controlIcon","width","transitionProps","transition","transitionStyle","style","position","top","bottom","height","zIndex","children","String","left","right","alignItems","justifyContent","pointerEvents","opacity","background","onPointerEnter","onPointerLeave","lineHeight","size"],"sources":["floatingList.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef } from \"react\";\nimport { CaretDownIcon, CaretUpIcon } from \"@phosphor-icons/react\";\nimport { useResolvedKnobs } from \"@multiplatform.one/theme\";\nimport { View } from \"tamagui\";\nimport { FocusContext, getInputFrameTransitionProps } from \"../InputParts\";\nvar dropdownMaxRadiusTokenNum = 8;\nfunction clampDropdownRadius(fieldRadius) {\n  if (fieldRadius === \"$0\") return 0;\n  if (typeof fieldRadius === \"string\" && fieldRadius.startsWith(\"$\")) {\n    var num = Number.parseInt(fieldRadius.slice(1), 10);\n    return num > dropdownMaxRadiusTokenNum ? `$${dropdownMaxRadiusTokenNum}` : fieldRadius;\n  }\n  return fieldRadius;\n}\nfunction SyncFocusToOpen(param) {\n  var { open } = param;\n  var { setFocused } = FocusContext.useStyledContext();\n  useEffect(function() {\n    setFocused(open);\n  }, [\n    open,\n    setFocused\n  ]);\n  return null;\n}\nvar scrollArrowThreshold = 8;\nfunction ScrollArrow(param) {\n  var { direction, scrollRef, visible, arrowScrollDirRef } = param;\n  var isUp = direction === \"up\";\n  var animationFrameRef = useRef(0);\n  var lastTimeRef = useRef(0);\n  var resumeTimerRef = useRef(null);\n  var hoveringRef = useRef(false);\n  var activeRef = useRef(false);\n  var selfScrollingRef = useRef(false);\n  var resumeDelay = 100;\n  var stopLoop = useCallback(function() {\n    activeRef.current = false;\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = 0;\n  }, []);\n  var startLoop = useCallback(function() {\n    if (activeRef.current || !hoveringRef.current) return;\n    activeRef.current = true;\n    lastTimeRef.current = performance.now();\n    var tick = function tick1() {\n      var el = scrollRef.current;\n      if (!el || !hoveringRef.current || !activeRef.current) {\n        activeRef.current = false;\n        return;\n      }\n      var now = performance.now();\n      var elapsed = now - lastTimeRef.current;\n      lastTimeRef.current = now;\n      var px = Math.min(elapsed / 2, Math.max(isUp ? el.scrollTop : el.scrollHeight - el.clientHeight - el.scrollTop, 0));\n      if (px > 0) {\n        selfScrollingRef.current = true;\n        arrowScrollDirRef.current = isUp ? \"up\" : \"down\";\n        el.scrollTop += isUp ? -px : px;\n      }\n      animationFrameRef.current = requestAnimationFrame(tick);\n    };\n    animationFrameRef.current = requestAnimationFrame(tick);\n  }, [\n    isUp,\n    scrollRef\n  ]);\n  var openTimestampRef = useRef(0);\n  useEffect(function() {\n    openTimestampRef.current = performance.now();\n  }, [\n    visible\n  ]);\n  var handlePointerEnter = useCallback(function() {\n    hoveringRef.current = true;\n    var elapsed = performance.now() - openTimestampRef.current;\n    var wasOverOnOpen = elapsed < 80;\n    if (wasOverOnOpen) {\n      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);\n      resumeTimerRef.current = setTimeout(function() {\n        resumeTimerRef.current = null;\n        if (hoveringRef.current) startLoop();\n      }, 600);\n    } else {\n      startLoop();\n    }\n  }, [\n    startLoop\n  ]);\n  var handlePointerLeave = useCallback(function() {\n    hoveringRef.current = false;\n    if (resumeTimerRef.current) {\n      clearTimeout(resumeTimerRef.current);\n      resumeTimerRef.current = null;\n    }\n    stopLoop();\n  }, [\n    stopLoop\n  ]);\n  useEffect(function() {\n    var el = scrollRef.current;\n    if (!el || !visible) return;\n    var onScroll = function onScroll2() {\n      if (selfScrollingRef.current) {\n        selfScrollingRef.current = false;\n        return;\n      }\n      if (!hoveringRef.current) return;\n      stopLoop();\n      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);\n      resumeTimerRef.current = setTimeout(function() {\n        resumeTimerRef.current = null;\n        if (hoveringRef.current) startLoop();\n      }, resumeDelay);\n    };\n    el.addEventListener(\"scroll\", onScroll, {\n      passive: true\n    });\n    return function() {\n      return el.removeEventListener(\"scroll\", onScroll);\n    };\n  }, [\n    scrollRef,\n    visible,\n    startLoop,\n    stopLoop\n  ]);\n  useEffect(function() {\n    return function() {\n      handlePointerLeave();\n    };\n  }, [\n    handlePointerLeave\n  ]);\n  var Icon = isUp ? CaretUpIcon : CaretDownIcon;\n  var { knobProps } = useResolvedKnobs();\n  var iconSize = knobProps.controlIcon.width;\n  var transitionProps = getInputFrameTransitionProps(typeof knobProps.transition === \"string\" ? knobProps.transition : void 0);\n  var transitionStyle = transitionProps && \"style\" in transitionProps ? transitionProps.style : void 0;\n  return /* @__PURE__ */ _jsx(View, {\n    position: \"sticky\",\n    top: isUp ? 0 : void 0,\n    bottom: isUp ? void 0 : 0,\n    height: 0,\n    zIndex: 2,\n    children: /* @__PURE__ */ _jsx(View, {\n      \"data-mpo-scroll-arrow\": \"\",\n      \"data-direction\": direction,\n      \"data-icon-size\": String(iconSize),\n      position: \"absolute\",\n      left: 0,\n      right: 0,\n      top: isUp ? 0 : void 0,\n      bottom: isUp ? void 0 : 0,\n      ...knobProps.controlIcon,\n      width: \"100%\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      pointerEvents: visible ? \"auto\" : \"none\",\n      opacity: visible ? 1 : 0,\n      ...transitionProps,\n      style: {\n        ...transitionStyle,\n        background: isUp ? \"linear-gradient(to bottom, var(--background) 40%, transparent)\" : \"linear-gradient(to top, var(--background) 40%, transparent)\"\n      },\n      onPointerEnter: visible ? handlePointerEnter : void 0,\n      onPointerLeave: handlePointerLeave,\n      children: /* @__PURE__ */ _jsx(View, {\n        position: \"relative\",\n        zIndex: 1,\n        ...knobProps.controlIcon,\n        style: {\n          lineHeight: 0\n        },\n        children: /* @__PURE__ */ _jsx(Icon, {\n          size: iconSize\n        })\n      })\n    })\n  });\n}\nexport {\n  ScrollArrow,\n  SyncFocusToOpen,\n  clampDropdownRadius,\n  scrollArrowThreshold\n};\n//# sourceMappingURL=floatingList.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/shared/useKeyboardInset.mjs

@@ -0,0 +1,23 @@
+import { useEffect, useState } from "react";
+import { Dimensions, Keyboard, Platform } from "react-native-web";
+function useKeyboardInset() {
+  const [inset, setInset] = useState(0);
+  useEffect(() => {
+    const showEvent = Platform.OS === "ios" ? "keyboardWillChangeFrame" : "keyboardDidShow";
+    const hideEvent = Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    const show = Keyboard.addListener(showEvent, event => {
+      const screen = event?.endCoordinates;
+      if (!screen) return;
+      const windowHeight = Dimensions.get("window").height;
+      setInset(Math.max(0, Math.round(windowHeight - screen.screenY)));
+    });
+    const hide = Keyboard.addListener(hideEvent, () => setInset(0));
+    return () => {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return inset;
+}
+export { useKeyboardInset };
+//# sourceMappingURL=useKeyboardInset.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Dimensions","Keyboard","Platform","useKeyboardInset","inset","setInset","showEvent","OS","hideEvent","show","addListener","event","screen","endCoordinates","windowHeight","get","height","Math","max","round","screenY","hide","remove"],"sources":["../../../src/shared/useKeyboardInset.ts"],"sourcesContent":[null],"mappings":"AAeA,SAASA,SAAA,EAAWC,QAAA,QAAgB;AACpC,SAASC,UAAA,EAAYC,QAAA,EAAUC,QAAA,QAAgB;AAExC,SAASC,iBAAA,EAA2B;EACzC,MAAM,CAACC,KAAA,EAAOC,QAAQ,IAAIN,QAAA,CAAS,CAAC;EAEpCD,SAAA,CAAU,MAAM;IAGd,MAAMQ,SAAA,GAAYJ,QAAA,CAASK,EAAA,KAAO,QAAQ,4BAA4B;IACtE,MAAMC,SAAA,GAAYN,QAAA,CAASK,EAAA,KAAO,QAAQ,qBAAqB;IAE/D,MAAME,IAAA,GAAOR,QAAA,CAASS,WAAA,CAAYJ,SAAA,EAAYK,KAAA,IAAU;MACtD,MAAMC,MAAA,GAASD,KAAA,EAAOE,cAAA;MACtB,IAAI,CAACD,MAAA,EAAQ;MACb,MAAME,YAAA,GAAed,UAAA,CAAWe,GAAA,CAAI,QAAQ,EAAEC,MAAA;MAC9CX,QAAA,CAASY,IAAA,CAAKC,GAAA,CAAI,GAAGD,IAAA,CAAKE,KAAA,CAAML,YAAA,GAAeF,MAAA,CAAOQ,OAAO,CAAC,CAAC;IACjE,CAAC;IACD,MAAMC,IAAA,GAAOpB,QAAA,CAASS,WAAA,CAAYF,SAAA,EAAW,MAAMH,QAAA,CAAS,CAAC,CAAC;IAE9D,OAAO,MAAM;MACXI,IAAA,CAAKa,MAAA,CAAO;MACZD,IAAA,CAAKC,MAAA,CAAO;IACd;EACF,GAAG,EAAE;EAEL,OAAOlB,KAAA;AACT","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+import { useEffect, useState } from "react";
+import { Dimensions, Keyboard, Platform } from "react-native";
+function useKeyboardInset() {
+  var [inset, setInset] = useState(0);
+  useEffect(function () {
+    var showEvent = Platform.OS === "ios" ? "keyboardWillChangeFrame" : "keyboardDidShow";
+    var hideEvent = Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    var show = Keyboard.addListener(showEvent, function (event) {
+      var screen = event === null || event === void 0 ? void 0 : event.endCoordinates;
+      if (!screen) return;
+      var windowHeight = Dimensions.get("window").height;
+      setInset(Math.max(0, Math.round(windowHeight - screen.screenY)));
+    });
+    var hide = Keyboard.addListener(hideEvent, function () {
+      return setInset(0);
+    });
+    return function () {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return inset;
+}
+export { useKeyboardInset };
+//# sourceMappingURL=useKeyboardInset.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Dimensions","Keyboard","Platform","useKeyboardInset","inset","setInset","showEvent","OS","hideEvent","show","addListener","event","screen","endCoordinates","windowHeight","get","height","Math","max","round","screenY","hide","remove"],"sources":["useKeyboardInset.native.js"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Dimensions, Keyboard, Platform } from \"react-native\";\nfunction useKeyboardInset() {\n  var [inset, setInset] = useState(0);\n  useEffect(function() {\n    var showEvent = Platform.OS === \"ios\" ? \"keyboardWillChangeFrame\" : \"keyboardDidShow\";\n    var hideEvent = Platform.OS === \"ios\" ? \"keyboardWillHide\" : \"keyboardDidHide\";\n    var show = Keyboard.addListener(showEvent, function(event) {\n      var screen = event === null || event === void 0 ? void 0 : event.endCoordinates;\n      if (!screen) return;\n      var windowHeight = Dimensions.get(\"window\").height;\n      setInset(Math.max(0, Math.round(windowHeight - screen.screenY)));\n    });\n    var hide = Keyboard.addListener(hideEvent, function() {\n      return setInset(0);\n    });\n    return function() {\n      show.remove();\n      hide.remove();\n    };\n  }, []);\n  return inset;\n}\nexport {\n  useKeyboardInset\n};\n//# sourceMappingURL=useKeyboardInset.js.map\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,SAASC,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,cAAc;AAC7D,SAASC,gBAAgBA,CAAA,EAAG;EAC1B,IAAI,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAC,CAAC,CAAC;EACnCD,SAAS,CAAC,YAAW;IACnB,IAAIQ,SAAS,GAAGJ,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,yBAAyB,GAAG,iBAAiB;IACrF,IAAIC,SAAS,GAAGN,QAAQ,CAACK,EAAE,KAAK,KAAK,GAAG,kBAAkB,GAAG,iBAAiB;IAC9E,IAAIE,IAAI,GAAGR,QAAQ,CAACS,WAAW,CAACJ,SAAS,EAAE,UAASK,KAAK,EAAE;MACzD,IAAIC,MAAM,GAAGD,KAAK,KAAK,IAAI,IAAIA,KAAK,KAAK,KAAK,CAAC,GAAG,KAAK,CAAC,GAAGA,KAAK,CAACE,cAAc;MAC/E,IAAI,CAACD,MAAM,EAAE;MACb,IAAIE,YAAY,GAAGd,UAAU,CAACe,GAAG,CAAC,QAAQ,CAAC,CAACC,MAAM;MAClDX,QAAQ,CAACY,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACL,YAAY,GAAGF,MAAM,CAACQ,OAAO,CAAC,CAAC,CAAC;IAClE,CAAC,CAAC;IACF,IAAIC,IAAI,GAAGpB,QAAQ,CAACS,WAAW,CAACF,SAAS,EAAE,YAAW;MACpD,OAAOH,QAAQ,CAAC,CAAC,CAAC;IACpB,CAAC,CAAC;IACF,OAAO,YAAW;MAChBI,IAAI,CAACa,MAAM,CAAC,CAAC;MACbD,IAAI,CAACC,MAAM,CAAC,CAAC;IACf,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EACN,OAAOlB,KAAK;AACd;AACA,SACED,gBAAgB","ignoreList":[]}