@multiplatform.one/forms 7.4.1 → 7.6.0

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

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","floatingList_exports","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","opacity","style","background","transition","onPointerEnter","onPointerLeave","lineHeight","size"],"sources":["floatingList.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar floatingList_exports = {};\n__export(floatingList_exports, {\n  ScrollArrow: () => ScrollArrow,\n  SyncFocusToOpen: () => SyncFocusToOpen,\n  clampDropdownRadius: () => clampDropdownRadius,\n  scrollArrowThreshold: () => scrollArrowThreshold\n});\nmodule.exports = __toCommonJS(floatingList_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_react2 = require(\"@phosphor-icons/react\");\nvar import_tamagui = require(\"tamagui\");\nvar import_InputParts = require(\"../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 } = import_InputParts.FocusContext.useStyledContext();\n  (0, import_react.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 = (0, import_react.useRef)(0);\n  var lastTimeRef = (0, import_react.useRef)(0);\n  var resumeTimerRef = (0, import_react.useRef)(null);\n  var hoveringRef = (0, import_react.useRef)(false);\n  var activeRef = (0, import_react.useRef)(false);\n  var selfScrollingRef = (0, import_react.useRef)(false);\n  var resumeDelay = 100;\n  var stopLoop = (0, import_react.useCallback)(function() {\n    activeRef.current = false;\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = 0;\n  }, []);\n  var startLoop = (0, import_react.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 = (0, import_react.useRef)(0);\n  (0, import_react.useEffect)(function() {\n    openTimestampRef.current = performance.now();\n  }, [\n    visible\n  ]);\n  var handlePointerEnter = (0, import_react.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 = (0, import_react.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  (0, import_react.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  (0, import_react.useEffect)(function() {\n    return function() {\n      handlePointerLeave();\n    };\n  }, [\n    handlePointerLeave\n  ]);\n  var Icon = isUp ? import_react2.CaretUpIcon : import_react2.CaretDownIcon;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        position: \"relative\",\n        zIndex: 1,\n        style: {\n          lineHeight: 0\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {\n          size: 20\n        })\n      })\n    })\n  });\n}\n//# sourceMappingURL=floatingList.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","floatingList_exports","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","background","onPointerEnter","onPointerLeave","lineHeight","size"],"sources":["floatingList.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar floatingList_exports = {};\n__export(floatingList_exports, {\n  ScrollArrow: () => ScrollArrow,\n  SyncFocusToOpen: () => SyncFocusToOpen,\n  clampDropdownRadius: () => clampDropdownRadius,\n  scrollArrowThreshold: () => scrollArrowThreshold\n});\nmodule.exports = __toCommonJS(floatingList_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = require(\"react\");\nvar import_react2 = require(\"@phosphor-icons/react\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_tamagui = require(\"tamagui\");\nvar import_InputParts = require(\"../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 } = import_InputParts.FocusContext.useStyledContext();\n  (0, import_react.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 = (0, import_react.useRef)(0);\n  var lastTimeRef = (0, import_react.useRef)(0);\n  var resumeTimerRef = (0, import_react.useRef)(null);\n  var hoveringRef = (0, import_react.useRef)(false);\n  var activeRef = (0, import_react.useRef)(false);\n  var selfScrollingRef = (0, import_react.useRef)(false);\n  var resumeDelay = 100;\n  var stopLoop = (0, import_react.useCallback)(function() {\n    activeRef.current = false;\n    cancelAnimationFrame(animationFrameRef.current);\n    animationFrameRef.current = 0;\n  }, []);\n  var startLoop = (0, import_react.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 = (0, import_react.useRef)(0);\n  (0, import_react.useEffect)(function() {\n    openTimestampRef.current = performance.now();\n  }, [\n    visible\n  ]);\n  var handlePointerEnter = (0, import_react.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 = (0, import_react.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  (0, import_react.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  (0, import_react.useEffect)(function() {\n    return function() {\n      handlePointerLeave();\n    };\n  }, [\n    handlePointerLeave\n  ]);\n  var Icon = isUp ? import_react2.CaretUpIcon : import_react2.CaretDownIcon;\n  var { knobProps } = (0, import_theme.useResolvedKnobs)();\n  var iconSize = knobProps.controlIcon.width;\n  var transitionProps = (0, import_InputParts.getInputFrameTransitionProps)(typeof knobProps.transition === \"string\" ? knobProps.transition : void 0);\n  var transitionStyle = transitionProps && \"style\" in transitionProps ? transitionProps.style : void 0;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.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__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n        position: \"relative\",\n        zIndex: 1,\n        ...knobProps.controlIcon,\n        style: {\n          lineHeight: 0\n        },\n        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon, {\n          size: iconSize\n        })\n      })\n    })\n  });\n}\n//# sourceMappingURL=floatingList.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,SAAS,GAAGC,MAAM,CAACC,cAAc;AACrC,IAAIC,gBAAgB,GAAGF,MAAM,CAACG,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGJ,MAAM,CAACK,mBAAmB;AAClD,IAAIC,YAAY,GAAGN,MAAM,CAACO,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBZ,SAAS,CAACW,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIhB,iBAAiB,CAACa,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CnB,SAAS,CAACiB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGjB,gBAAgB,CAACe,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,YAAY,GAAIC,GAAG,IAAKR,WAAW,CAAChB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAEyB,KAAK,EAAE;AAAK,CAAC,CAAC,EAAED,GAAG,CAAC;AAC1F,IAAIE,oBAAoB,GAAG,CAAC,CAAC;AAC7BhB,QAAQ,CAACgB,oBAAoB,EAAE;EAC7BC,WAAW,EAAEA,CAAA,KAAMA,WAAW;EAC9BC,eAAe,EAAEA,CAAA,KAAMA,eAAe;EACtCC,mBAAmB,EAAEA,CAAA,KAAMA,mBAAmB;EAC9CC,oBAAoB,EAAEA,CAAA,KAAMA;AAC9B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGT,YAAY,CAACG,oBAAoB,CAAC;AACnD,IAAIO,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,YAAY,GAAGD,OAAO,CAAC,OAAO,CAAC;AACnC,IAAIE,aAAa,GAAGF,OAAO,CAAC,uBAAuB,CAAC;AACpD,IAAIG,YAAY,GAAGH,OAAO,CAAC,0BAA0B,CAAC;AACtD,IAAII,cAAc,GAAGJ,OAAO,CAAC,SAAS,CAAC;AACvC,IAAIK,iBAAiB,GAAGL,OAAO,CAAC,eAAe,CAAC;AAChD,IAAIM,yBAAyB,GAAG,CAAC;AACjC,SAASX,mBAAmBA,CAACY,WAAW,EAAE;EACxC,IAAIA,WAAW,KAAK,IAAI,EAAE,OAAO,CAAC;EAClC,IAAI,OAAOA,WAAW,KAAK,QAAQ,IAAIA,WAAW,CAACC,UAAU,CAAC,GAAG,CAAC,EAAE;IAClE,IAAIC,GAAG,GAAGC,MAAM,CAACC,QAAQ,CAACJ,WAAW,CAACK,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IACnD,OAAOH,GAAG,GAAGH,yBAAyB,GAAG,IAAIA,yBAAyB,EAAE,GAAGC,WAAW;EACxF;EACA,OAAOA,WAAW;AACpB;AACA,SAASb,eAAeA,CAACmB,KAAK,EAAE;EAC9B,IAAI;IAAEC;EAAK,CAAC,GAAGD,KAAK;EACpB,IAAI;IAAEE;EAAW,CAAC,GAAGV,iBAAiB,CAACW,YAAY,CAACC,gBAAgB,CAAC,CAAC;EACtE,CAAC,CAAC,EAAEhB,YAAY,CAACiB,SAAS,EAAE,YAAW;IACrCH,UAAU,CAACD,IAAI,CAAC;EAClB,CAAC,EAAE,CACDA,IAAI,EACJC,UAAU,CACX,CAAC;EACF,OAAO,IAAI;AACb;AACA,IAAInB,oBAAoB,GAAG,CAAC;AAC5B,SAASH,WAAWA,CAACoB,KAAK,EAAE;EAC1B,IAAI;IAAEM,SAAS;IAAEC,SAAS;IAAEC,OAAO;IAAEC;EAAkB,CAAC,GAAGT,KAAK;EAChE,IAAIU,IAAI,GAAGJ,SAAS,KAAK,IAAI;EAC7B,IAAIK,iBAAiB,GAAG,CAAC,CAAC,EAAEvB,YAAY,CAACwB,MAAM,EAAE,CAAC,CAAC;EACnD,IAAIC,WAAW,GAAG,CAAC,CAAC,EAAEzB,YAAY,CAACwB,MAAM,EAAE,CAAC,CAAC;EAC7C,IAAIE,cAAc,GAAG,CAAC,CAAC,EAAE1B,YAAY,CAACwB,MAAM,EAAE,IAAI,CAAC;EACnD,IAAIG,WAAW,GAAG,CAAC,CAAC,EAAE3B,YAAY,CAACwB,MAAM,EAAE,KAAK,CAAC;EACjD,IAAII,SAAS,GAAG,CAAC,CAAC,EAAE5B,YAAY,CAACwB,MAAM,EAAE,KAAK,CAAC;EAC/C,IAAIK,gBAAgB,GAAG,CAAC,CAAC,EAAE7B,YAAY,CAACwB,MAAM,EAAE,KAAK,CAAC;EACtD,IAAIM,WAAW,GAAG,GAAG;EACrB,IAAIC,QAAQ,GAAG,CAAC,CAAC,EAAE/B,YAAY,CAACgC,WAAW,EAAE,YAAW;IACtDJ,SAAS,CAACK,OAAO,GAAG,KAAK;IACzBC,oBAAoB,CAACX,iBAAiB,CAACU,OAAO,CAAC;IAC/CV,iBAAiB,CAACU,OAAO,GAAG,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EACN,IAAIE,SAAS,GAAG,CAAC,CAAC,EAAEnC,YAAY,CAACgC,WAAW,EAAE,YAAW;IACvD,IAAIJ,SAAS,CAACK,OAAO,IAAI,CAACN,WAAW,CAACM,OAAO,EAAE;IAC/CL,SAAS,CAACK,OAAO,GAAG,IAAI;IACxBR,WAAW,CAACQ,OAAO,GAAGG,WAAW,CAACC,GAAG,CAAC,CAAC;IACvC,IAAIC,IAAI,GAAG,SAASC,KAAKA,CAAA,EAAG;MAC1B,IAAIC,EAAE,GAAGrB,SAAS,CAACc,OAAO;MAC1B,IAAI,CAACO,EAAE,IAAI,CAACb,WAAW,CAACM,OAAO,IAAI,CAACL,SAAS,CAACK,OAAO,EAAE;QACrDL,SAAS,CAACK,OAAO,GAAG,KAAK;QACzB;MACF;MACA,IAAII,GAAG,GAAGD,WAAW,CAACC,GAAG,CAAC,CAAC;MAC3B,IAAII,OAAO,GAAGJ,GAAG,GAAGZ,WAAW,CAACQ,OAAO;MACvCR,WAAW,CAACQ,OAAO,GAAGI,GAAG;MACzB,IAAIK,EAAE,GAAGC,IAAI,CAACC,GAAG,CAACH,OAAO,GAAG,CAAC,EAAEE,IAAI,CAACE,GAAG,CAACvB,IAAI,GAAGkB,EAAE,CAACM,SAAS,GAAGN,EAAE,CAACO,YAAY,GAAGP,EAAE,CAACQ,YAAY,GAAGR,EAAE,CAACM,SAAS,EAAE,CAAC,CAAC,CAAC;MACnH,IAAIJ,EAAE,GAAG,CAAC,EAAE;QACVb,gBAAgB,CAACI,OAAO,GAAG,IAAI;QAC/BZ,iBAAiB,CAACY,OAAO,GAAGX,IAAI,GAAG,IAAI,GAAG,MAAM;QAChDkB,EAAE,CAACM,SAAS,IAAIxB,IAAI,GAAG,CAACoB,EAAE,GAAGA,EAAE;MACjC;MACAnB,iBAAiB,CAACU,OAAO,GAAGgB,qBAAqB,CAACX,IAAI,CAAC;IACzD,CAAC;IACDf,iBAAiB,CAACU,OAAO,GAAGgB,qBAAqB,CAACX,IAAI,CAAC;EACzD,CAAC,EAAE,CACDhB,IAAI,EACJH,SAAS,CACV,CAAC;EACF,IAAI+B,gBAAgB,GAAG,CAAC,CAAC,EAAElD,YAAY,CAACwB,MAAM,EAAE,CAAC,CAAC;EAClD,CAAC,CAAC,EAAExB,YAAY,CAACiB,SAAS,EAAE,YAAW;IACrCiC,gBAAgB,CAACjB,OAAO,GAAGG,WAAW,CAACC,GAAG,CAAC,CAAC;EAC9C,CAAC,EAAE,CACDjB,OAAO,CACR,CAAC;EACF,IAAI+B,kBAAkB,GAAG,CAAC,CAAC,EAAEnD,YAAY,CAACgC,WAAW,EAAE,YAAW;IAChEL,WAAW,CAACM,OAAO,GAAG,IAAI;IAC1B,IAAIQ,OAAO,GAAGL,WAAW,CAACC,GAAG,CAAC,CAAC,GAAGa,gBAAgB,CAACjB,OAAO;IAC1D,IAAImB,aAAa,GAAGX,OAAO,GAAG,EAAE;IAChC,IAAIW,aAAa,EAAE;MACjB,IAAI1B,cAAc,CAACO,OAAO,EAAEoB,YAAY,CAAC3B,cAAc,CAACO,OAAO,CAAC;MAChEP,cAAc,CAACO,OAAO,GAAGqB,UAAU,CAAC,YAAW;QAC7C5B,cAAc,CAACO,OAAO,GAAG,IAAI;QAC7B,IAAIN,WAAW,CAACM,OAAO,EAAEE,SAAS,CAAC,CAAC;MACtC,CAAC,EAAE,GAAG,CAAC;IACT,CAAC,MAAM;MACLA,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EAAE,CACDA,SAAS,CACV,CAAC;EACF,IAAIoB,kBAAkB,GAAG,CAAC,CAAC,EAAEvD,YAAY,CAACgC,WAAW,EAAE,YAAW;IAChEL,WAAW,CAACM,OAAO,GAAG,KAAK;IAC3B,IAAIP,cAAc,CAACO,OAAO,EAAE;MAC1BoB,YAAY,CAAC3B,cAAc,CAACO,OAAO,CAAC;MACpCP,cAAc,CAACO,OAAO,GAAG,IAAI;IAC/B;IACAF,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CACDA,QAAQ,CACT,CAAC;EACF,CAAC,CAAC,EAAE/B,YAAY,CAACiB,SAAS,EAAE,YAAW;IACrC,IAAIuB,EAAE,GAAGrB,SAAS,CAACc,OAAO;IAC1B,IAAI,CAACO,EAAE,IAAI,CAACpB,OAAO,EAAE;IACrB,IAAIoC,QAAQ,GAAG,SAASC,SAASA,CAAA,EAAG;MAClC,IAAI5B,gBAAgB,CAACI,OAAO,EAAE;QAC5BJ,gBAAgB,CAACI,OAAO,GAAG,KAAK;QAChC;MACF;MACA,IAAI,CAACN,WAAW,CAACM,OAAO,EAAE;MAC1BF,QAAQ,CAAC,CAAC;MACV,IAAIL,cAAc,CAACO,OAAO,EAAEoB,YAAY,CAAC3B,cAAc,CAACO,OAAO,CAAC;MAChEP,cAAc,CAACO,OAAO,GAAGqB,UAAU,CAAC,YAAW;QAC7C5B,cAAc,CAACO,OAAO,GAAG,IAAI;QAC7B,IAAIN,WAAW,CAACM,OAAO,EAAEE,SAAS,CAAC,CAAC;MACtC,CAAC,EAAEL,WAAW,CAAC;IACjB,CAAC;IACDU,EAAE,CAACkB,gBAAgB,CAAC,QAAQ,EAAEF,QAAQ,EAAE;MACtCG,OAAO,EAAE;IACX,CAAC,CAAC;IACF,OAAO,YAAW;MAChB,OAAOnB,EAAE,CAACoB,mBAAmB,CAAC,QAAQ,EAAEJ,QAAQ,CAAC;IACnD,CAAC;EACH,CAAC,EAAE,CACDrC,SAAS,EACTC,OAAO,EACPe,SAAS,EACTJ,QAAQ,CACT,CAAC;EACF,CAAC,CAAC,EAAE/B,YAAY,CAACiB,SAAS,EAAE,YAAW;IACrC,OAAO,YAAW;MAChBsC,kBAAkB,CAAC,CAAC;IACtB,CAAC;EACH,CAAC,EAAE,CACDA,kBAAkB,CACnB,CAAC;EACF,IAAIM,IAAI,GAAGvC,IAAI,GAAGrB,aAAa,CAAC6D,WAAW,GAAG7D,aAAa,CAAC8D,aAAa;EACzE,IAAI;IAAEC;EAAU,CAAC,GAAG,CAAC,CAAC,EAAE9D,YAAY,CAAC+D,gBAAgB,EAAE,CAAC;EACxD,IAAIC,QAAQ,GAAGF,SAAS,CAACG,WAAW,CAACC,KAAK;EAC1C,IAAIC,eAAe,GAAG,CAAC,CAAC,EAAEjE,iBAAiB,CAACkE,4BAA4B,EAAE,OAAON,SAAS,CAACO,UAAU,KAAK,QAAQ,GAAGP,SAAS,CAACO,UAAU,GAAG,KAAK,CAAC,CAAC;EACnJ,IAAIC,eAAe,GAAGH,eAAe,IAAI,OAAO,IAAIA,eAAe,GAAGA,eAAe,CAACI,KAAK,GAAG,KAAK,CAAC;EACpG,OAAO,eAAgB,CAAC,CAAC,EAAE3E,kBAAkB,CAAC4E,GAAG,EAAEvE,cAAc,CAACwE,IAAI,EAAE;IACtEC,QAAQ,EAAE,QAAQ;IAClBC,GAAG,EAAEvD,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;IACtBwD,MAAM,EAAExD,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC;IACzByD,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEnF,kBAAkB,CAAC4E,GAAG,EAAEvE,cAAc,CAACwE,IAAI,EAAE;MACzE,uBAAuB,EAAE,EAAE;MAC3B,gBAAgB,EAAEzD,SAAS;MAC3B,gBAAgB,EAAEgE,MAAM,CAAChB,QAAQ,CAAC;MAClCU,QAAQ,EAAE,UAAU;MACpBO,IAAI,EAAE,CAAC;MACPC,KAAK,EAAE,CAAC;MACRP,GAAG,EAAEvD,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;MACtBwD,MAAM,EAAExD,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC;MACzB,GAAG0C,SAAS,CAACG,WAAW;MACxBC,KAAK,EAAE,MAAM;MACbiB,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,QAAQ;MACxBC,aAAa,EAAEnE,OAAO,GAAG,MAAM,GAAG,MAAM;MACxCoE,OAAO,EAAEpE,OAAO,GAAG,CAAC,GAAG,CAAC;MACxB,GAAGiD,eAAe;MAClBI,KAAK,EAAE;QACL,GAAGD,eAAe;QAClBiB,UAAU,EAAEnE,IAAI,GAAG,gEAAgE,GAAG;MACxF,CAAC;MACDoE,cAAc,EAAEtE,OAAO,GAAG+B,kBAAkB,GAAG,KAAK,CAAC;MACrDwC,cAAc,EAAEpC,kBAAkB;MAClC0B,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEnF,kBAAkB,CAAC4E,GAAG,EAAEvE,cAAc,CAACwE,IAAI,EAAE;QACzEC,QAAQ,EAAE,UAAU;QACpBI,MAAM,EAAE,CAAC;QACT,GAAGhB,SAAS,CAACG,WAAW;QACxBM,KAAK,EAAE;UACLmB,UAAU,EAAE;QACd,CAAC;QACDX,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEnF,kBAAkB,CAAC4E,GAAG,EAAEb,IAAI,EAAE;UAC1DgC,IAAI,EAAE3B;QACR,CAAC;MACH,CAAC;IACH,CAAC;EACH,CAAC,CAAC;AACJ","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;
+}

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

@@ -0,0 +1,53 @@
+"use strict";
+
+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");
+function useKeyboardInset() {
+  var [inset, setInset] = (0, import_react.useState)(0);
+  (0, import_react.useEffect)(function () {
+    var showEvent = import_react_native.Platform.OS === "ios" ? "keyboardWillChangeFrame" : "keyboardDidShow";
+    var hideEvent = import_react_native.Platform.OS === "ios" ? "keyboardWillHide" : "keyboardDidHide";
+    var show = import_react_native.Keyboard.addListener(showEvent, function (event) {
+      var screen = event === null || event === void 0 ? void 0 : event.endCoordinates;
+      if (!screen) return;
+      var windowHeight = import_react_native.Dimensions.get("window").height;
+      setInset(Math.max(0, Math.round(windowHeight - screen.screenY)));
+    });
+    var hide = import_react_native.Keyboard.addListener(hideEvent, function () {
+      return setInset(0);
+    });
+    return function () {
+      show.remove();
+      hide.remove();
+    };
+  }, []);
+  return inset;
+}
+//# sourceMappingURL=useKeyboardInset.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","useKeyboardInset_exports","useKeyboardInset","module","exports","import_react","require","import_react_native","inset","setInset","useState","useEffect","showEvent","Platform","OS","hideEvent","show","Keyboard","addListener","event","screen","endCoordinates","windowHeight","Dimensions","height","Math","max","round","screenY","hide","remove"],"sources":["useKeyboardInset.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar useKeyboardInset_exports = {};\n__export(useKeyboardInset_exports, {\n  useKeyboardInset: () => useKeyboardInset\n});\nmodule.exports = __toCommonJS(useKeyboardInset_exports);\nvar import_react = require(\"react\");\nvar import_react_native = require(\"react-native\");\nfunction useKeyboardInset() {\n  var [inset, setInset] = (0, import_react.useState)(0);\n  (0, import_react.useEffect)(function() {\n    var showEvent = import_react_native.Platform.OS === \"ios\" ? \"keyboardWillChangeFrame\" : \"keyboardDidShow\";\n    var hideEvent = import_react_native.Platform.OS === \"ios\" ? \"keyboardWillHide\" : \"keyboardDidHide\";\n    var show = import_react_native.Keyboard.addListener(showEvent, function(event) {\n      var screen = event === null || event === void 0 ? void 0 : event.endCoordinates;\n      if (!screen) return;\n      var windowHeight = import_react_native.Dimensions.get(\"window\").height;\n      setInset(Math.max(0, Math.round(windowHeight - screen.screenY)));\n    });\n    var hide = import_react_native.Keyboard.addListener(hideEvent, function() {\n      return setInset(0);\n    });\n    return function() {\n      show.remove();\n      hide.remove();\n    };\n  }, []);\n  return inset;\n}\n//# sourceMappingURL=useKeyboardInset.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/utils.cjs

@@ -37,7 +37,6 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_react = require("react");
 var import_theme = require("@multiplatform.one/theme");
-var import_tamagui = require("tamagui");
 var import_Form = require("../Form/index.cjs");
 var import_validateOn = require("../Form/validateOn.cjs");
 function getFieldHeight(sizeToken, rows = 1) {
@@ -60,61 +59,18 @@ function clampRadiusForControl(radiusToken, maxTokenNum = 6) {
 function clampRadiusForLargeComponent(radiusToken, maxTokenNum = 4) {
   return clampRadius(radiusToken, maxTokenNum, "$3");
 }
-function getOTPCellRadius(radiusToken) {
-  if (radiusToken === "$12") return 1e3;
-  return clampRadiusForControl(radiusToken, 6);
-}
-const webShadow = {
-  $1: "0 1px 2px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.08)",
-  $2: "0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.10)",
-  $4: "0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)"
-};
-const nativeShadow = {
-  $1: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.12,
-    shadowRadius: 2,
-    elevation: 2
-  },
-  $2: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 3
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 6,
-    elevation: 4
-  },
-  $4: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 10
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 20,
-    elevation: 8
+const OTP_RADIUS_STOPS = Object.keys(import_theme.borderRadiusMap);
+function otpRadiusStop(radiusToken) {
+  if (radiusToken == null) return "medium";
+  for (const stop of OTP_RADIUS_STOPS) {
+    if (stop === radiusToken || import_theme.borderRadiusMap[stop] === radiusToken) return stop;
   }
-};
-const elevationKeyAlias = {
-  "20": "$1",
-  "28": "$2",
-  "44": "$4"
-};
-function elevationToProps(token) {
-  if (token == null) return {};
-  const key = elevationKeyAlias[String(token)] ?? String(token);
-  if (import_tamagui.isWeb) return {
-    style: {
-      boxShadow: webShadow[key] || webShadow["$2"]
-    }
-  };
-  return nativeShadow[key] || nativeShadow["$2"];
+  throw new Error(`getOTPCellRadius: "${radiusToken}" is not a borderRadiusMap token; cannot resolve CIRCULAR-AT-FULL`);
+}
+function getOTPCellRadius(radiusToken, heightPx) {
+  return (0, import_theme.resolveRadiusClass)("CIRCULAR-AT-FULL", otpRadiusStop(radiusToken), {
+    heightPx
+  });
 }
 function getElevationWrapperProps(knobProps, elevationRecipe) {
   const elevation = knobProps.elevation;
@@ -122,18 +78,17 @@ function getElevationWrapperProps(knobProps, elevationRecipe) {
     return {};
   }
   const props = {
-    elevation,
     overflow: "visible",
-    ...elevationToProps(elevation)
+    ...knobProps.elevationChrome
   };
-  if (elevationRecipe.hoverKnobProps?.elevation) {
-    props.hoverStyle = elevationToProps(elevationRecipe.hoverKnobProps.elevation);
+  if (elevationRecipe.hoverKnobProps) {
+    props.hoverStyle = elevationRecipe.hoverKnobProps;
   }
-  if (elevationRecipe.pressKnobProps?.elevation) {
-    props.pressStyle = elevationToProps(elevationRecipe.pressKnobProps.elevation);
+  if (elevationRecipe.pressKnobProps) {
+    props.pressStyle = elevationRecipe.pressKnobProps;
   }
-  if (elevationRecipe.focusVisibleKnobProps?.elevation) {
-    props.focusVisibleStyle = elevationToProps(elevationRecipe.focusVisibleKnobProps.elevation);
+  if (elevationRecipe.focusVisibleKnobProps) {
+    props.focusVisibleStyle = elevationRecipe.focusVisibleKnobProps;
   }
   if (knobProps.transition) props.animation = knobProps.transition;
   return props;
@@ -205,15 +160,56 @@ function stripRadiusFromStateProps(props) {
   } = props;
   return Object.keys(rest).length > 0 ? rest : void 0;
 }
-function clampRadiusInStateProps(props, maxTokenNum = 6) {
-  if (!props || !("borderRadius" in props)) return props;
-  const {
-    borderRadius,
-    ...rest
-  } = props;
-  const clamped = clampRadiusForControl(borderRadius, maxTokenNum);
-  return {
-    ...rest,
-    borderRadius: clamped
+const STATE_STYLE_KEYS = ["hoverStyle", "pressStyle", "focusStyle", "focusVisibleStyle"];
+const RADIUS_TOKEN_TO_STOP = Object.fromEntries(Object.keys(import_theme.borderRadiusMap).flatMap(stop => [[stop, stop], [import_theme.borderRadiusMap[stop], stop]]));
+function radiusValueToStop(value) {
+  if (value == null || value === 0) return "none";
+  const key = String(value).trim();
+  if (key === "0" || key === "0px") return "none";
+  return RADIUS_TOKEN_TO_STOP[key] ?? "full";
+}
+function resolveBinaryStateRadius(value, heightPx) {
+  if (heightPx === void 0 || heightPx <= 0) {
+    throw new Error("clampRadiusInStateProps: BINARY resolves to 0 or h/2 and needs heightPx \u2014 the part's own painted height (shorter edge)");
+  }
+  return (0, import_theme.resolveRadiusClass)("BINARY", radiusValueToStop(value), {
+    heightPx
+  });
+}
+function clampOneStateRadius(borderRadius, options) {
+  if (options.radiusClass === "BINARY") {
+    return resolveBinaryStateRadius(borderRadius, options.heightPx);
+  }
+  return clampRadiusForControl(typeof borderRadius === "string" || borderRadius === void 0 ? borderRadius : String(borderRadius), options.maxTokenNum);
+}
+function isClampOptions(value) {
+  return typeof value === "object" && value !== null;
+}
+function clampRadiusInStateProps(props, maxTokenNumOrOptions = 6) {
+  if (!props) return props;
+  const options = isClampOptions(maxTokenNumOrOptions) ? {
+    maxTokenNum: maxTokenNumOrOptions.maxTokenNum ?? 6,
+    radiusClass: maxTokenNumOrOptions.radiusClass,
+    heightPx: maxTokenNumOrOptions.heightPx
+  } : {
+    maxTokenNum: maxTokenNumOrOptions,
+    radiusClass: void 0,
+    heightPx: void 0
+  };
+  const nestedKeys = STATE_STYLE_KEYS.filter(key => props[key] && typeof props[key] === "object" && "borderRadius" in props[key]);
+  if (!("borderRadius" in props) && nestedKeys.length === 0) return props;
+  const next = {
+    ...props
   };
+  if ("borderRadius" in props) {
+    next.borderRadius = clampOneStateRadius(props.borderRadius, options);
+  }
+  for (const key of nestedKeys) {
+    const bag = props[key];
+    next[key] = {
+      ...bag,
+      borderRadius: clampOneStateRadius(bag.borderRadius, options)
+    };
+  }
+  return next;
 }

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

@@ -39,9 +39,13 @@ __export(utils_exports, {
 module.exports = __toCommonJS(utils_exports);
 var import_react = require("react");
 var import_theme = require("@multiplatform.one/theme");
-var import_tamagui = require("tamagui");
 var import_Form = require("../Form");
 var import_validateOn = require("../Form/validateOn.native.js");
+function _type_of(obj) {
+  "@swc/helpers - typeof";
+
+  return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
 function getFieldHeight(sizeToken) {
   var rows = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 1;
   return (0, import_theme.sizeRecipeForToken)(String(sizeToken), {
@@ -65,82 +69,56 @@ function clampRadiusForLargeComponent(radiusToken) {
   var maxTokenNum = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 4;
   return clampRadius(radiusToken, maxTokenNum, "$3");
 }
-function getOTPCellRadius(radiusToken) {
-  if (radiusToken === "$12") return 1e3;
-  return clampRadiusForControl(radiusToken, 6);
-}
-var webShadow = {
-  $1: "0 1px 2px rgba(0,0,0,0.12), 0 0 1px rgba(0,0,0,0.08)",
-  $2: "0 3px 6px rgba(0,0,0,0.15), 0 2px 4px rgba(0,0,0,0.10)",
-  $4: "0 10px 20px rgba(0,0,0,0.15), 0 3px 6px rgba(0,0,0,0.10)"
-};
-var nativeShadow = {
-  $1: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 1
-    },
-    shadowOpacity: 0.12,
-    shadowRadius: 2,
-    elevation: 2
-  },
-  $2: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 3
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 6,
-    elevation: 4
-  },
-  $4: {
-    shadowColor: "#000",
-    shadowOffset: {
-      width: 0,
-      height: 10
-    },
-    shadowOpacity: 0.15,
-    shadowRadius: 20,
-    elevation: 8
-  }
-};
-var elevationKeyAlias = {
-  "20": "$1",
-  "28": "$2",
-  "44": "$4"
-};
-function elevationToProps(token) {
-  var _elevationKeyAlias_String;
-  if (token == null) return {};
-  var key = (_elevationKeyAlias_String = elevationKeyAlias[String(token)]) !== null && _elevationKeyAlias_String !== void 0 ? _elevationKeyAlias_String : String(token);
-  if (import_tamagui.isWeb) return {
-    style: {
-      boxShadow: webShadow[key] || webShadow["$2"]
+var OTP_RADIUS_STOPS = Object.keys(import_theme.borderRadiusMap);
+function otpRadiusStop(radiusToken) {
+  if (radiusToken == null) return "medium";
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = OTP_RADIUS_STOPS[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var stop = _step.value;
+      if (stop === radiusToken || import_theme.borderRadiusMap[stop] === radiusToken) return stop;
     }
-  };
-  return nativeShadow[key] || nativeShadow["$2"];
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  throw new Error(`getOTPCellRadius: "${radiusToken}" is not a borderRadiusMap token; cannot resolve CIRCULAR-AT-FULL`);
+}
+function getOTPCellRadius(radiusToken, heightPx) {
+  return (0, import_theme.resolveRadiusClass)("CIRCULAR-AT-FULL", otpRadiusStop(radiusToken), {
+    heightPx
+  });
 }
 function getElevationWrapperProps(knobProps, elevationRecipe) {
-  var _elevationRecipe_hoverKnobProps, _elevationRecipe_pressKnobProps, _elevationRecipe_focusVisibleKnobProps, _elevationRecipe_hoverKnobProps1, _elevationRecipe_pressKnobProps1, _elevationRecipe_focusVisibleKnobProps1;
+  var _elevationRecipe_hoverKnobProps, _elevationRecipe_pressKnobProps, _elevationRecipe_focusVisibleKnobProps;
   var elevation = knobProps.elevation;
   if (!elevation && !((_elevationRecipe_hoverKnobProps = elevationRecipe.hoverKnobProps) === null || _elevationRecipe_hoverKnobProps === void 0 ? void 0 : _elevationRecipe_hoverKnobProps.elevation) && !((_elevationRecipe_pressKnobProps = elevationRecipe.pressKnobProps) === null || _elevationRecipe_pressKnobProps === void 0 ? void 0 : _elevationRecipe_pressKnobProps.elevation) && !((_elevationRecipe_focusVisibleKnobProps = elevationRecipe.focusVisibleKnobProps) === null || _elevationRecipe_focusVisibleKnobProps === void 0 ? void 0 : _elevationRecipe_focusVisibleKnobProps.elevation)) {
     return {};
   }
   var props = {
-    elevation,
     overflow: "visible",
-    ...elevationToProps(elevation)
+    ...knobProps.elevationChrome
   };
-  if ((_elevationRecipe_hoverKnobProps1 = elevationRecipe.hoverKnobProps) === null || _elevationRecipe_hoverKnobProps1 === void 0 ? void 0 : _elevationRecipe_hoverKnobProps1.elevation) {
-    props.hoverStyle = elevationToProps(elevationRecipe.hoverKnobProps.elevation);
+  if (elevationRecipe.hoverKnobProps) {
+    props.hoverStyle = elevationRecipe.hoverKnobProps;
   }
-  if ((_elevationRecipe_pressKnobProps1 = elevationRecipe.pressKnobProps) === null || _elevationRecipe_pressKnobProps1 === void 0 ? void 0 : _elevationRecipe_pressKnobProps1.elevation) {
-    props.pressStyle = elevationToProps(elevationRecipe.pressKnobProps.elevation);
+  if (elevationRecipe.pressKnobProps) {
+    props.pressStyle = elevationRecipe.pressKnobProps;
   }
-  if ((_elevationRecipe_focusVisibleKnobProps1 = elevationRecipe.focusVisibleKnobProps) === null || _elevationRecipe_focusVisibleKnobProps1 === void 0 ? void 0 : _elevationRecipe_focusVisibleKnobProps1.elevation) {
-    props.focusVisibleStyle = elevationToProps(elevationRecipe.focusVisibleKnobProps.elevation);
+  if (elevationRecipe.focusVisibleKnobProps) {
+    props.focusVisibleStyle = elevationRecipe.focusVisibleKnobProps;
   }
   if (knobProps.transition) props.animation = knobProps.transition;
   return props;
@@ -225,17 +203,83 @@ function stripRadiusFromStateProps(props) {
   } = props;
   return Object.keys(rest).length > 0 ? rest : void 0;
 }
+var STATE_STYLE_KEYS = ["hoverStyle", "pressStyle", "focusStyle", "focusVisibleStyle"];
+var RADIUS_TOKEN_TO_STOP = Object.fromEntries(Object.keys(import_theme.borderRadiusMap).flatMap(function (stop) {
+  return [[stop, stop], [import_theme.borderRadiusMap[stop], stop]];
+}));
+function radiusValueToStop(value) {
+  var _RADIUS_TOKEN_TO_STOP_key;
+  if (value == null || value === 0) return "none";
+  var key = String(value).trim();
+  if (key === "0" || key === "0px") return "none";
+  return (_RADIUS_TOKEN_TO_STOP_key = RADIUS_TOKEN_TO_STOP[key]) !== null && _RADIUS_TOKEN_TO_STOP_key !== void 0 ? _RADIUS_TOKEN_TO_STOP_key : "full";
+}
+function resolveBinaryStateRadius(value, heightPx) {
+  if (heightPx === void 0 || heightPx <= 0) {
+    throw new Error("clampRadiusInStateProps: BINARY resolves to 0 or h/2 and needs heightPx \u2014 the part's own painted height (shorter edge)");
+  }
+  return (0, import_theme.resolveRadiusClass)("BINARY", radiusValueToStop(value), {
+    heightPx
+  });
+}
+function clampOneStateRadius(borderRadius, options) {
+  if (options.radiusClass === "BINARY") {
+    return resolveBinaryStateRadius(borderRadius, options.heightPx);
+  }
+  return clampRadiusForControl(typeof borderRadius === "string" || borderRadius === void 0 ? borderRadius : String(borderRadius), options.maxTokenNum);
+}
+function isClampOptions(value) {
+  return (typeof value === "undefined" ? "undefined" : _type_of(value)) === "object" && value !== null;
+}
 function clampRadiusInStateProps(props) {
-  var maxTokenNum = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 6;
-  if (!props || !("borderRadius" in props)) return props;
-  var {
-    borderRadius,
-    ...rest
-  } = props;
-  var clamped = clampRadiusForControl(borderRadius, maxTokenNum);
-  return {
-    ...rest,
-    borderRadius: clamped
+  var maxTokenNumOrOptions = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 6;
+  var _maxTokenNumOrOptions_maxTokenNum;
+  if (!props) return props;
+  var options = isClampOptions(maxTokenNumOrOptions) ? {
+    maxTokenNum: (_maxTokenNumOrOptions_maxTokenNum = maxTokenNumOrOptions.maxTokenNum) !== null && _maxTokenNumOrOptions_maxTokenNum !== void 0 ? _maxTokenNumOrOptions_maxTokenNum : 6,
+    radiusClass: maxTokenNumOrOptions.radiusClass,
+    heightPx: maxTokenNumOrOptions.heightPx
+  } : {
+    maxTokenNum: maxTokenNumOrOptions,
+    radiusClass: void 0,
+    heightPx: void 0
   };
+  var nestedKeys = STATE_STYLE_KEYS.filter(function (key2) {
+    return props[key2] && _type_of(props[key2]) === "object" && "borderRadius" in props[key2];
+  });
+  if (!("borderRadius" in props) && nestedKeys.length === 0) return props;
+  var next = {
+    ...props
+  };
+  if ("borderRadius" in props) {
+    next.borderRadius = clampOneStateRadius(props.borderRadius, options);
+  }
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = nestedKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var key = _step.value;
+      var bag = props[key];
+      next[key] = {
+        ...bag,
+        borderRadius: clampOneStateRadius(bag.borderRadius, options)
+      };
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return next;
 }
 //# sourceMappingURL=utils.native.js.map