@multiplatform.one/forms 6.0.0

package/dist/cjs/shared/TimeColumn.cjs

@@ -0,0 +1,116 @@
+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 TimeColumn_exports = {};
+__export(TimeColumn_exports, {
+  TimeColumn: () => TimeColumn,
+  TimeColumnSeparator: () => TimeColumnSeparator,
+  generateRange: () => generateRange
+});
+module.exports = __toCommonJS(TimeColumn_exports);
+var import_Wheel = require("../Wheel/index.cjs");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("./colorRamps.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const itemHeight = 36;
+const visibleItems = 5;
+function defaultFormat(v) {
+  return String(v).padStart(2, "0");
+}
+function TimeColumn({
+  label,
+  values,
+  selected,
+  onChange,
+  format = defaultFormat,
+  knobProps
+}) {
+  const items = (0, import_react.useMemo)(() => values.map(v => ({
+    value: v,
+    label: format(v)
+  })), [values, format]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    alignItems: "center",
+    gap: "$1",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$1",
+      ...knobProps.body,
+      color: import_colorRamps.formCommonColors.muted,
+      textTransform: "uppercase",
+      letterSpacing: 1,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...knobProps.borderRadius,
+      backgroundColor: import_colorRamps.formInputColors.background.base,
+      borderWidth: knobProps.inputSurface.borderWidth,
+      borderColor: import_colorRamps.formInputColors.border.base,
+      overflow: "hidden",
+      width: 56,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {
+        items,
+        value: selected,
+        onChange,
+        visibleItems,
+        itemHeight,
+        renderItem: (item, _index, isSelected) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+          width: "100%",
+          height: "100%",
+          alignItems: "center",
+          justifyContent: "center",
+          backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : "transparent",
+          hoverStyle: {
+            backgroundColor: import_colorRamps.formInputColors.background.focus
+          },
+          ...(knobProps.transition ? {
+            animation: knobProps.transition
+          } : void 0),
+          children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+            fontSize: "$4",
+            ...knobProps.body,
+            fontWeight: isSelected ? "700" : "400",
+            color: isSelected ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+            children: format(item)
+          })
+        })
+      })
+    })]
+  });
+}
+function TimeColumnSeparator({
+  knobProps
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: "$6",
+    ...knobProps.body,
+    color: import_colorRamps.formCommonColors.text,
+    paddingTop: "$5",
+    children: ":"
+  });
+}
+function generateRange(min, max, step = 1) {
+  const result = [];
+  for (let i = min; i <= max; i += step) {
+    result.push(i);
+  }
+  return result;
+}

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

@@ -0,0 +1,128 @@
+"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 TimeColumn_exports = {};
+__export(TimeColumn_exports, {
+  TimeColumn: () => TimeColumn,
+  TimeColumnSeparator: () => TimeColumnSeparator,
+  generateRange: () => generateRange
+});
+module.exports = __toCommonJS(TimeColumn_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_Wheel = require("../Wheel/index.native.js");
+var import_react = require("react");
+var import_tamagui = require("tamagui");
+var import_colorRamps = require("./colorRamps.native.js");
+var itemHeight = 36;
+var visibleItems = 5;
+function defaultFormat(v) {
+  return String(v).padStart(2, "0");
+}
+function TimeColumn(param) {
+  var {
+    label,
+    values,
+    selected,
+    onChange,
+    format = defaultFormat,
+    knobProps
+  } = param;
+  var items = (0, import_react.useMemo)(function () {
+    return values.map(function (v) {
+      return {
+        value: v,
+        label: format(v)
+      };
+    });
+  }, [values, format]);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
+    alignItems: "center",
+    gap: "$1",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontSize: "$1",
+      ...knobProps.body,
+      color: import_colorRamps.formCommonColors.muted,
+      textTransform: "uppercase",
+      letterSpacing: 1,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      ...knobProps.borderRadius,
+      backgroundColor: import_colorRamps.formInputColors.background.base,
+      borderWidth: knobProps.inputSurface.borderWidth,
+      borderColor: import_colorRamps.formInputColors.border.base,
+      overflow: "hidden",
+      width: 56,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Wheel.Wheel, {
+        items,
+        value: selected,
+        onChange,
+        visibleItems,
+        itemHeight,
+        renderItem: function renderItem(item, _index, isSelected) {
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.XStack, {
+            width: "100%",
+            height: "100%",
+            alignItems: "center",
+            justifyContent: "center",
+            backgroundColor: isSelected ? import_colorRamps.formInputColors.background.focus : "transparent",
+            hoverStyle: {
+              backgroundColor: import_colorRamps.formInputColors.background.focus
+            },
+            ...(knobProps.transition ? {
+              animation: knobProps.transition
+            } : void 0),
+            children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+              fontSize: "$4",
+              ...knobProps.body,
+              fontWeight: isSelected ? "700" : "400",
+              color: isSelected ? import_colorRamps.formCommonColors.text : import_colorRamps.formCommonColors.muted,
+              children: format(item)
+            })
+          });
+        }
+      })
+    })]
+  });
+}
+function TimeColumnSeparator(param) {
+  var {
+    knobProps
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+    fontSize: "$6",
+    ...knobProps.body,
+    color: import_colorRamps.formCommonColors.text,
+    paddingTop: "$5",
+    children: ":"
+  });
+}
+function generateRange(min, max) {
+  var step = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 1;
+  var result = [];
+  for (var i = min; i <= max; i += step) {
+    result.push(i);
+  }
+  return result;
+}
+//# sourceMappingURL=TimeColumn.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TimeColumn_exports","__export","TimeColumn","TimeColumnSeparator","generateRange","module","exports","import_jsx_runtime","require","import_Wheel","import_react","import_tamagui","import_colorRamps","itemHeight","visibleItems","defaultFormat","v","String","padStart","param","label","values","selected","onChange","format","knobProps","items","useMemo","map","jsxs","YStack","alignItems","gap","children","jsx","Text","fontSize","body","color","formCommonColors","muted","textTransform","letterSpacing","View","borderRadius","backgroundColor","formInputColors","background","base","borderWidth","inputSurface","borderColor","border","overflow","width","Wheel","renderItem","item","_index","isSelected","XStack","height","justifyContent","focus","hoverStyle","transition","animation","fontWeight","text","paddingTop","min","max","step","arguments","length","result"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/shared/colorRamps.cjs

@@ -0,0 +1,84 @@
+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 colorRamps_exports = {};
+__export(colorRamps_exports, {
+  formButtonColors: () => formButtonColors,
+  formCardColors: () => formCardColors,
+  formCommonColors: () => formCommonColors,
+  formControlColors: () => formControlColors,
+  formInputColors: () => formInputColors
+});
+module.exports = __toCommonJS(colorRamps_exports);
+const formButtonColors = {
+  background: {
+    base: "$color5",
+    hover: "$color4",
+    active: "$color6"
+  },
+  border: {
+    base: "$color7",
+    hover: "$color6",
+    active: "$color8"
+  },
+  textLow: {
+    base: "$color7",
+    hover: "$color7",
+    active: "$color10"
+  }
+};
+const formInputColors = {
+  background: {
+    base: "$color3",
+    focus: "$color4"
+  },
+  border: {
+    base: "$color7",
+    focus: "$color8"
+  }
+};
+const formControlColors = {
+  background: "$color5",
+  border: "$color7",
+  thumb: {
+    base: "$color10",
+    hover: "$color9",
+    press: "$color11"
+  }
+};
+const formCardColors = {
+  background: {
+    base: "$color2",
+    active: "$color3"
+  },
+  border: {
+    base: "$color6",
+    hover: "$color7",
+    active: "$color7"
+  }
+};
+const formCommonColors = {
+  muted: "$color7",
+  text: "$color11",
+  error: "$red10",
+  divider: "$color8"
+};

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

@@ -0,0 +1,87 @@
+"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 colorRamps_exports = {};
+__export(colorRamps_exports, {
+  formButtonColors: () => formButtonColors,
+  formCardColors: () => formCardColors,
+  formCommonColors: () => formCommonColors,
+  formControlColors: () => formControlColors,
+  formInputColors: () => formInputColors
+});
+module.exports = __toCommonJS(colorRamps_exports);
+var formButtonColors = {
+  background: {
+    base: "$color5",
+    hover: "$color4",
+    active: "$color6"
+  },
+  border: {
+    base: "$color7",
+    hover: "$color6",
+    active: "$color8"
+  },
+  textLow: {
+    base: "$color7",
+    hover: "$color7",
+    active: "$color10"
+  }
+};
+var formInputColors = {
+  background: {
+    base: "$color3",
+    focus: "$color4"
+  },
+  border: {
+    base: "$color7",
+    focus: "$color8"
+  }
+};
+var formControlColors = {
+  background: "$color5",
+  border: "$color7",
+  thumb: {
+    base: "$color10",
+    hover: "$color9",
+    press: "$color11"
+  }
+};
+var formCardColors = {
+  background: {
+    base: "$color2",
+    active: "$color3"
+  },
+  border: {
+    base: "$color6",
+    hover: "$color7",
+    active: "$color7"
+  }
+};
+var formCommonColors = {
+  muted: "$color7",
+  text: "$color11",
+  error: "$red10",
+  divider: "$color8"
+};
+//# sourceMappingURL=colorRamps.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","colorRamps_exports","__export","formButtonColors","formCardColors","formCommonColors","formControlColors","formInputColors","module","exports","background","base","hover","active","border","textLow","focus","thumb","press","muted","text","error","divider"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA;AAAAC,QAAA,CAAAD,kBAAA;EAAAE,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA;AAAA;AAAOC,MAAM,CAAAC,OAAA,GAAAb,YAAmB,CAAAK,kBAAA;AAAA,IAC9BE,gBAAY;EAAAO,UACJ;IACNC,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACA;EAASE,OACP,EAAM;IACNJ,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACF;AAEO;AAAwB,IAC7BN,eAAY;EAAAG,UACJ;IACNC,IAAA,WAAO;IACTK,KAAA;EACA;EAAQF,MACN,EAAM;IACNH,IAAA,WAAO;IACTK,KAAA;EACF;AAEO;AAA0B,IAC/BV,iBAAY;EACZI,UAAQ;EACRI,MAAA,EAAO;EAAAG,KACL;IACAN,IAAA,YAAO;IACPC,KAAA,EAAO;IACTM,KAAA;EACF;AAEO;AAAuB,IAC5Bd,cAAY;EAAAM,UACJ;IACNC,IAAA,WAAQ;IACVE,MAAA;EACA;EAAQC,MACN,EAAM;IACNH,IAAA,WAAO;IACPC,KAAA,WAAQ;IACVC,MAAA;EACF;AAEO;AAAyB,IAC9BR,gBAAO;EACPc,KAAA,EAAM;EACNC,IAAA,YAAO;EACPC,KAAA,UAAS;EACXC,OAAA","ignoreList":[]}

package/dist/cjs/shared/floatingList.cjs

@@ -0,0 +1,185 @@
+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 floatingList_exports = {};
+__export(floatingList_exports, {
+  ScrollArrow: () => ScrollArrow,
+  SyncFocusToOpen: () => SyncFocusToOpen,
+  clampDropdownRadius: () => clampDropdownRadius,
+  scrollArrowThreshold: () => scrollArrowThreshold
+});
+module.exports = __toCommonJS(floatingList_exports);
+var import_react = require("react");
+var import_react2 = require("@phosphor-icons/react");
+var import_tamagui = require("tamagui");
+var import_InputParts = require("../InputParts/index.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const dropdownMaxRadiusTokenNum = 8;
+function clampDropdownRadius(fieldRadius) {
+  if (fieldRadius === "$0") return 0;
+  if (typeof fieldRadius === "string" && fieldRadius.startsWith("$")) {
+    const num = Number.parseInt(fieldRadius.slice(1), 10);
+    return num > dropdownMaxRadiusTokenNum ? `$${dropdownMaxRadiusTokenNum}` : fieldRadius;
+  }
+  return fieldRadius;
+}
+function SyncFocusToOpen({
+  open
+}) {
+  const {
+    setFocused
+  } = import_InputParts.FocusContext.useStyledContext();
+  (0, import_react.useEffect)(() => {
+    setFocused(open);
+  }, [open, setFocused]);
+  return null;
+}
+const scrollArrowThreshold = 8;
+function ScrollArrow({
+  direction,
+  scrollRef,
+  visible,
+  arrowScrollDirRef
+}) {
+  const isUp = direction === "up";
+  const animationFrameRef = (0, import_react.useRef)(0);
+  const lastTimeRef = (0, import_react.useRef)(0);
+  const resumeTimerRef = (0, import_react.useRef)(null);
+  const hoveringRef = (0, import_react.useRef)(false);
+  const activeRef = (0, import_react.useRef)(false);
+  const selfScrollingRef = (0, import_react.useRef)(false);
+  const resumeDelay = 100;
+  const stopLoop = (0, import_react.useCallback)(() => {
+    activeRef.current = false;
+    cancelAnimationFrame(animationFrameRef.current);
+    animationFrameRef.current = 0;
+  }, []);
+  const startLoop = (0, import_react.useCallback)(() => {
+    if (activeRef.current || !hoveringRef.current) return;
+    activeRef.current = true;
+    lastTimeRef.current = performance.now();
+    const tick = () => {
+      const el = scrollRef.current;
+      if (!el || !hoveringRef.current || !activeRef.current) {
+        activeRef.current = false;
+        return;
+      }
+      const now = performance.now();
+      const elapsed = now - lastTimeRef.current;
+      lastTimeRef.current = now;
+      const px = Math.min(elapsed / 2, Math.max(isUp ? el.scrollTop : el.scrollHeight - el.clientHeight - el.scrollTop, 0));
+      if (px > 0) {
+        selfScrollingRef.current = true;
+        arrowScrollDirRef.current = isUp ? "up" : "down";
+        el.scrollTop += isUp ? -px : px;
+      }
+      animationFrameRef.current = requestAnimationFrame(tick);
+    };
+    animationFrameRef.current = requestAnimationFrame(tick);
+  }, [isUp, scrollRef]);
+  const openTimestampRef = (0, import_react.useRef)(0);
+  (0, import_react.useEffect)(() => {
+    openTimestampRef.current = performance.now();
+  }, [visible]);
+  const handlePointerEnter = (0, import_react.useCallback)(() => {
+    hoveringRef.current = true;
+    const elapsed = performance.now() - openTimestampRef.current;
+    const wasOverOnOpen = elapsed < 80;
+    if (wasOverOnOpen) {
+      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);
+      resumeTimerRef.current = setTimeout(() => {
+        resumeTimerRef.current = null;
+        if (hoveringRef.current) startLoop();
+      }, 600);
+    } else {
+      startLoop();
+    }
+  }, [startLoop]);
+  const handlePointerLeave = (0, import_react.useCallback)(() => {
+    hoveringRef.current = false;
+    if (resumeTimerRef.current) {
+      clearTimeout(resumeTimerRef.current);
+      resumeTimerRef.current = null;
+    }
+    stopLoop();
+  }, [stopLoop]);
+  (0, import_react.useEffect)(() => {
+    const el = scrollRef.current;
+    if (!el || !visible) return;
+    const onScroll = () => {
+      if (selfScrollingRef.current) {
+        selfScrollingRef.current = false;
+        return;
+      }
+      if (!hoveringRef.current) return;
+      stopLoop();
+      if (resumeTimerRef.current) clearTimeout(resumeTimerRef.current);
+      resumeTimerRef.current = setTimeout(() => {
+        resumeTimerRef.current = null;
+        if (hoveringRef.current) startLoop();
+      }, resumeDelay);
+    };
+    el.addEventListener("scroll", onScroll, {
+      passive: true
+    });
+    return () => el.removeEventListener("scroll", onScroll);
+  }, [scrollRef, visible, startLoop, stopLoop]);
+  (0, import_react.useEffect)(() => () => {
+    handlePointerLeave();
+  }, [handlePointerLeave]);
+  const Icon = isUp ? import_react2.CaretUpIcon : import_react2.CaretDownIcon;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    position: "sticky",
+    top: isUp ? 0 : void 0,
+    bottom: isUp ? void 0 : 0,
+    height: 0,
+    zIndex: 2,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      position: "absolute",
+      left: 0,
+      right: 0,
+      top: isUp ? 0 : void 0,
+      bottom: isUp ? void 0 : 0,
+      height: 28,
+      alignItems: "center",
+      justifyContent: "center",
+      pointerEvents: visible ? "auto" : "none",
+      opacity: visible ? 1 : 0,
+      style: {
+        background: isUp ? "linear-gradient(to bottom, var(--background) 40%, transparent)" : "linear-gradient(to top, var(--background) 40%, transparent)",
+        transition: "opacity 160ms ease-out"
+      },
+      onPointerEnter: visible ? handlePointerEnter : void 0,
+      onPointerLeave: handlePointerLeave,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+        position: "relative",
+        zIndex: 1,
+        style: {
+          lineHeight: 0
+        },
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Icon, {
+          size: 20
+        })
+      })
+    })
+  });
+}