@multiplatform.one/forms 6.0.0

package/dist/jsx/shared/TimeColumn.mjs

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

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

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

package/dist/jsx/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/jsx/shared/TimeColumn.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","TimeColumn_exports","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"],"sources":["../../../src/shared/TimeColumn.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/shared/colorRamps.mjs

@@ -0,0 +1,55 @@
+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"
+};
+export { formButtonColors, formCardColors, formCommonColors, formControlColors, formInputColors };
+//# sourceMappingURL=colorRamps.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["formButtonColors","background","base","hover","active","border","textLow","formInputColors","focus","formControlColors","thumb","press","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;EACAE,OAAA,EAAS;IACPJ,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;AACF;AAEO,MAAMG,eAAA,GAAkB;EAC7BN,UAAA,EAAY;IACVC,IAAA,EAAM;IACNM,KAAA,EAAO;EACT;EACAH,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNM,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,iBAAA,GAAoB;EAC/BR,UAAA,EAAY;EACZI,MAAA,EAAQ;EACRK,KAAA,EAAO;IACLR,IAAA,EAAM;IACNC,KAAA,EAAO;IACPQ,KAAA,EAAO;EACT;AACF;AAEO,MAAMC,cAAA,GAAiB;EAC5BX,UAAA,EAAY;IACVC,IAAA,EAAM;IACNE,MAAA,EAAQ;EACV;EACAC,MAAA,EAAQ;IACNH,IAAA,EAAM;IACNC,KAAA,EAAO;IACPC,MAAA,EAAQ;EACV;AACF;AAEO,MAAMS,gBAAA,GAAmB;EAC9BC,KAAA,EAAO;EACPC,IAAA,EAAM;EACNC,KAAA,EAAO;EACPC,OAAA,EAAS;AACX","ignoreList":[]}

package/dist/jsx/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/jsx/shared/colorRamps.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","colorRamps_exports","formButtonColors","formCardColors","formCommonColors","formControlColors","formInputColors","module","exports","background","base","hover","active","border","textLow","focus"],"sources":["../../../src/shared/colorRamps.ts"],"sourcesContent":[null],"mappings":"AAAO,YAAM;;AAAmB,IAC9BA,SAAA,GAAYC,MAAA,CAAAC,cAAA;AAAA,IACVC,gBAAM,GAAAF,MAAA,CAAAG,wBAAA;AAAA,IACNC,iBAAO,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACPC,YAAQ,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AAAA,IACVC,QAAA,GAAAA,CAAAC,MAAA,EAAAC,GAAA;EACA,SAAQC,IAAA,IAAAD,GAAA,EACNZ,SAAM,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AACC,IACPC,WAAQ,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EACV,IAAAF,IAAA,WAAAA,IAAA,wBAAAA,IAAA;IACA,SAASG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACP,IAAM,CAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACNnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EAAA;EAET,OAAAE,EAAA;AACF;AAEO,IAAAM,YAAM,GAAAC,GAAA,IAAkBR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAC7BE,kBAAY;AAAAhB,QACV,CAAAgB,kBAAM;EAAAC,gBACC,EAAAA,CAAA,KAAAA,gBAAA;EACTC,cAAA,EAAAA,CAAA,KAAAA,cAAA;EACAC,gBAAQ,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,iBACA,EAAAA,CAAA,KAAAA,iBAAA;EAAAC,eACC,EAAAA,CAAA,KAAAA;AAAA,EACT;AACFC,MAAA,CAAAC,OAAA,GAAAV,YAAA,CAAAG,kBAAA;AAEO,IAAAC,gBAAM;EACXO,UAAA,EAAY;IACZC,IAAA,EAAQ;IACRC,KAAO;IACLC,MAAM;EAAA;EACCC,MACP;IACFH,IAAA;IACFC,KAAA;IAEOC,MAAM;EACX;EAAYE,OACV,EAAM;IACNJ,IAAA,WAAQ;IACVC,KAAA;IACAC,MAAQ;EAAA;AACA;AACC,IACPN,eAAQ;EACVG,UAAA;IACFC,IAAA;IAEOK,KAAM;EACX;EACAF,MAAM;IACNH,IAAA,EAAO;IACPK,KAAA,EAAS;EACX","ignoreList":[]}

package/dist/jsx/shared/floatingList.mjs

@@ -0,0 +1,157 @@
+import { useCallback, useEffect, useRef } from "react";
+import { CaretDownIcon, CaretUpIcon } from "@phosphor-icons/react";
+import { View } from "tamagui";
+import { FocusContext } from "../InputParts/index.mjs";
+import { jsx } from "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
+  } = FocusContext.useStyledContext();
+  useEffect(() => {
+    setFocused(open);
+  }, [open, setFocused]);
+  return null;
+}
+const scrollArrowThreshold = 8;
+function ScrollArrow({
+  direction,
+  scrollRef,
+  visible,
+  arrowScrollDirRef
+}) {
+  const isUp = direction === "up";
+  const animationFrameRef = useRef(0);
+  const lastTimeRef = useRef(0);
+  const resumeTimerRef = useRef(null);
+  const hoveringRef = useRef(false);
+  const activeRef = useRef(false);
+  const selfScrollingRef = useRef(false);
+  const resumeDelay = 100;
+  const stopLoop = useCallback(() => {
+    activeRef.current = false;
+    cancelAnimationFrame(animationFrameRef.current);
+    animationFrameRef.current = 0;
+  }, []);
+  const startLoop = 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 = useRef(0);
+  useEffect(() => {
+    openTimestampRef.current = performance.now();
+  }, [visible]);
+  const handlePointerEnter = 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 = useCallback(() => {
+    hoveringRef.current = false;
+    if (resumeTimerRef.current) {
+      clearTimeout(resumeTimerRef.current);
+      resumeTimerRef.current = null;
+    }
+    stopLoop();
+  }, [stopLoop]);
+  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]);
+  useEffect(() => () => {
+    handlePointerLeave();
+  }, [handlePointerLeave]);
+  const Icon = isUp ? CaretUpIcon : CaretDownIcon;
+  return /* @__PURE__ */jsx(View, {
+    position: "sticky",
+    top: isUp ? 0 : void 0,
+    bottom: isUp ? void 0 : 0,
+    height: 0,
+    zIndex: 2,
+    children: /* @__PURE__ */jsx(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__ */jsx(View, {
+        position: "relative",
+        zIndex: 1,
+        style: {
+          lineHeight: 0
+        },
+        children: /* @__PURE__ */jsx(Icon, {
+          size: 20
+        })
+      })
+    })
+  });
+}
+export { ScrollArrow, SyncFocusToOpen, clampDropdownRadius, scrollArrowThreshold };
+//# sourceMappingURL=floatingList.mjs.map

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

@@ -0,0 +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":[]}