@multiplatform.one/forms 7.66.0 → 7.68.0

package/dist/cjs/fields/Select/InlineChoices.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","InlineChoices_exports","InlineChoices","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_react_native","import_tamagui","import_fieldLayout","import_colorRamps","import_nativeA11y","nextKeys","Set","previousKeys","param","options","onValueChange","onBlur","disabled","id","labelledBy","ariaLabel","knobProps","markColor","describedBy","useFieldDescribedBy","rowsRef","useRef","textColor","textAccentColor","selectedIndex","findIndex","option","tabStop","choose","choose2","index","onKeyDown","onKeyDown2","event","step","has","_rowsRef_current_next","preventDefault","next","length","current","focus","rowContent","rowContent2","selected","jsxs","XStack","alignItems","height","menuRow","minHeight","paddingHorizontal","panelPadding","padding","gap","hairline","top","borderColor","formCommonColors","divider","pointerEvents","children","jsx","View","flexShrink","justifyContent","minWidth","IconSlot","icon","color","Text","fontFamily","body","fontWeight","numberOfLines","flex","label","CheckIcon","size","weight","YStack","role","borderRadius","formInputColors","border","base","backgroundColor","background","overflow","width","map","isWeb","ref","node","tabIndex","cursor","onPress","outlineWidth","focusVisibleStyle","keyboardFocusRingProps","Pressable","choiceItemA11y"],"sources":["InlineChoices.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 InlineChoices_exports = {};\n__export(InlineChoices_exports, {\n  InlineChoices: () => InlineChoices\n});\nmodule.exports = __toCommonJS(InlineChoices_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"@phosphor-icons/react\");\nvar import_react2 = require(\"react\");\nvar import_react_native = require(\"react-native\");\nvar import_tamagui = require(\"tamagui\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_colorRamps = require(\"../../shared/colorRamps\");\nvar import_nativeA11y = require(\"../../shared/nativeA11y\");\nvar nextKeys = /* @__PURE__ */ new Set([\n  \"ArrowDown\",\n  \"ArrowRight\"\n]);\nvar previousKeys = /* @__PURE__ */ new Set([\n  \"ArrowUp\",\n  \"ArrowLeft\"\n]);\nfunction InlineChoices(param) {\n  var { options, value, onValueChange, onBlur, disabled, id, labelledBy, \"aria-label\": ariaLabel, knobProps, markColor } = param;\n  var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();\n  var rowsRef = (0, import_react2.useRef)([]);\n  var textColor = knobProps.textAccentColor;\n  var selectedIndex = options.findIndex(function(option) {\n    return option.value === value;\n  });\n  var tabStop = selectedIndex >= 0 ? selectedIndex : 0;\n  var choose = function choose2(index) {\n    var option = options[index];\n    if (disabled || !option || option.value === value) return;\n    onValueChange(option.value);\n  };\n  var onKeyDown = function onKeyDown2(index) {\n    return function(event) {\n      var step = nextKeys.has(event.key) ? 1 : previousKeys.has(event.key) ? -1 : 0;\n      if (step) {\n        var _rowsRef_current_next;\n        event.preventDefault();\n        var next = (index + step + options.length) % options.length;\n        (_rowsRef_current_next = rowsRef.current[next]) === null || _rowsRef_current_next === void 0 ? void 0 : _rowsRef_current_next.focus();\n        choose(next);\n      } else if (event.key === \" \" || event.key === \"Enter\") {\n        event.preventDefault();\n        choose(index);\n      }\n    };\n  };\n  var rowContent = function rowContent2(option, index, selected) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n      alignItems: \"center\",\n      height: knobProps.menuRow.minHeight,\n      paddingHorizontal: knobProps.panelPadding.padding,\n      ...knobProps.gap,\n      ...index === 0 ? void 0 : import_theme.hairline.top,\n      borderColor: import_colorRamps.formCommonColors.divider,\n      pointerEvents: \"none\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          flexShrink: 0,\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          minWidth: 18,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.IconSlot, {\n            icon: option.icon,\n            color: textColor\n          })\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n          fontFamily: knobProps.body.fontFamily,\n          fontWeight: knobProps.body.fontWeight,\n          color: textColor,\n          numberOfLines: 1,\n          flex: 1,\n          children: option.label\n        }),\n        selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.CheckIcon, {\n          size: 14,\n          weight: \"bold\",\n          color: markColor\n        }) : null\n      ]\n    });\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    id,\n    role: \"radiogroup\",\n    \"aria-labelledby\": labelledBy,\n    \"aria-label\": labelledBy ? void 0 : ariaLabel,\n    \"aria-describedby\": describedBy,\n    \"aria-disabled\": disabled || void 0,\n    \"data-testid\": \"select-inline-choices\",\n    ...knobProps.borderRadius,\n    borderColor: import_colorRamps.formInputColors.border.base,\n    backgroundColor: import_colorRamps.formInputColors.background.base,\n    overflow: \"hidden\",\n    width: \"100%\",\n    children: options.map(function(option, index) {\n      var selected = option.value === value;\n      if (import_tamagui.isWeb) {\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          ref: function ref(node) {\n            rowsRef.current[index] = node;\n          },\n          role: \"radio\",\n          \"aria-checked\": selected,\n          \"aria-disabled\": disabled || void 0,\n          tabIndex: !disabled && index === tabStop ? 0 : -1,\n          cursor: disabled ? \"default\" : \"pointer\",\n          onPress: function onPress() {\n            return choose(index);\n          },\n          onKeyDown: onKeyDown(index),\n          onBlur,\n          outlineWidth: 0,\n          focusVisibleStyle: import_theme.keyboardFocusRingProps,\n          children: rowContent(option, index, selected)\n        }, option.value);\n      }\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n        ...(0, import_nativeA11y.choiceItemA11y)({\n          name: option.label,\n          selected,\n          disabled: !!disabled\n        }),\n        disabled,\n        onPress: function onPress() {\n          return choose(index);\n        },\n        children: rowContent(option, index, selected)\n      }, option.value);\n    })\n  });\n}\n//# sourceMappingURL=InlineChoices.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","InlineChoices_exports","InlineChoices","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_react_native","import_tamagui","import_fieldLayout","import_colorRamps","import_nativeA11y","nextKeys","Set","previousKeys","param","options","onValueChange","onBlur","disabled","id","labelledBy","ariaLabel","knobProps","markColor","describedBy","useFieldDescribedBy","rowsRef","useRef","textColor","textAccentColor","selectedIndex","findIndex","option","tabStop","glyphed","some","icon","choose","choose2","index","onKeyDown","onKeyDown2","event","step","has","_rowsRef_current_next","preventDefault","next","length","current","focus","rowContent","rowContent2","selected","jsxs","XStack","alignItems","height","menuRow","minHeight","paddingHorizontal","panelPadding","padding","gap","hairline","top","borderColor","formCommonColors","divider","pointerEvents","children","jsx","View","flexShrink","justifyContent","minWidth","IconSlot","color","Text","fontFamily","body","fontWeight","numberOfLines","flex","label","CheckIcon","size","weight","YStack","role","borderRadius","formInputColors","border","base","backgroundColor","background","overflow","width","map","isWeb","ref","node","tabIndex","cursor","onPress","outlineWidth","focusVisibleStyle","keyboardFocusRingProps","Pressable","choiceItemA11y"],"sources":["InlineChoices.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 InlineChoices_exports = {};\n__export(InlineChoices_exports, {\n  InlineChoices: () => InlineChoices\n});\nmodule.exports = __toCommonJS(InlineChoices_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"@phosphor-icons/react\");\nvar import_react2 = require(\"react\");\nvar import_react_native = require(\"react-native\");\nvar import_tamagui = require(\"tamagui\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_colorRamps = require(\"../../shared/colorRamps\");\nvar import_nativeA11y = require(\"../../shared/nativeA11y\");\nvar nextKeys = /* @__PURE__ */ new Set([\n  \"ArrowDown\",\n  \"ArrowRight\"\n]);\nvar previousKeys = /* @__PURE__ */ new Set([\n  \"ArrowUp\",\n  \"ArrowLeft\"\n]);\nfunction InlineChoices(param) {\n  var { options, value, onValueChange, onBlur, disabled, id, labelledBy, \"aria-label\": ariaLabel, knobProps, markColor } = param;\n  var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();\n  var rowsRef = (0, import_react2.useRef)([]);\n  var textColor = knobProps.textAccentColor;\n  var selectedIndex = options.findIndex(function(option) {\n    return option.value === value;\n  });\n  var tabStop = selectedIndex >= 0 ? selectedIndex : 0;\n  var glyphed = options.some(function(option) {\n    return option.icon != null;\n  });\n  var choose = function choose2(index) {\n    var option = options[index];\n    if (disabled || !option || option.value === value) return;\n    onValueChange(option.value);\n  };\n  var onKeyDown = function onKeyDown2(index) {\n    return function(event) {\n      var step = nextKeys.has(event.key) ? 1 : previousKeys.has(event.key) ? -1 : 0;\n      if (step) {\n        var _rowsRef_current_next;\n        event.preventDefault();\n        var next = (index + step + options.length) % options.length;\n        (_rowsRef_current_next = rowsRef.current[next]) === null || _rowsRef_current_next === void 0 ? void 0 : _rowsRef_current_next.focus();\n        choose(next);\n      } else if (event.key === \" \" || event.key === \"Enter\") {\n        event.preventDefault();\n        choose(index);\n      }\n    };\n  };\n  var rowContent = function rowContent2(option, index, selected) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n      alignItems: \"center\",\n      height: knobProps.menuRow.minHeight,\n      paddingHorizontal: knobProps.panelPadding.padding,\n      ...knobProps.gap,\n      ...index === 0 ? void 0 : import_theme.hairline.top,\n      borderColor: import_colorRamps.formCommonColors.divider,\n      pointerEvents: \"none\",\n      children: [\n        glyphed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          flexShrink: 0,\n          alignItems: \"center\",\n          justifyContent: \"center\",\n          minWidth: 18,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme.IconSlot, {\n            icon: option.icon,\n            color: textColor\n          })\n        }) : null,\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n          fontFamily: knobProps.body.fontFamily,\n          fontWeight: knobProps.body.fontWeight,\n          color: textColor,\n          numberOfLines: 1,\n          flex: 1,\n          children: option.label\n        }),\n        selected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.CheckIcon, {\n          size: 14,\n          weight: \"bold\",\n          color: markColor\n        }) : null\n      ]\n    });\n  };\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, {\n    id,\n    role: \"radiogroup\",\n    \"aria-labelledby\": labelledBy,\n    \"aria-label\": labelledBy ? void 0 : ariaLabel,\n    \"aria-describedby\": describedBy,\n    \"aria-disabled\": disabled || void 0,\n    \"data-testid\": \"select-inline-choices\",\n    ...knobProps.borderRadius,\n    borderColor: import_colorRamps.formInputColors.border.base,\n    backgroundColor: import_colorRamps.formInputColors.background.base,\n    overflow: \"hidden\",\n    width: \"100%\",\n    children: options.map(function(option, index) {\n      var selected = option.value === value;\n      if (import_tamagui.isWeb) {\n        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n          ref: function ref(node) {\n            rowsRef.current[index] = node;\n          },\n          role: \"radio\",\n          \"aria-checked\": selected,\n          \"aria-disabled\": disabled || void 0,\n          tabIndex: !disabled && index === tabStop ? 0 : -1,\n          cursor: disabled ? \"default\" : \"pointer\",\n          onPress: function onPress() {\n            return choose(index);\n          },\n          onKeyDown: onKeyDown(index),\n          onBlur,\n          outlineWidth: 0,\n          focusVisibleStyle: import_theme.keyboardFocusRingProps,\n          children: rowContent(option, index, selected)\n        }, option.value);\n      }\n      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n        ...(0, import_nativeA11y.choiceItemA11y)({\n          name: option.label,\n          selected,\n          disabled: !!disabled\n        }),\n        disabled,\n        onPress: function onPress() {\n          return choose(index);\n        },\n        children: rowContent(option, index, selected)\n      }, option.value);\n    })\n  });\n}\n//# sourceMappingURL=InlineChoices.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Select/SheetPickerRow.cjs

@@ -0,0 +1,154 @@
+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 SheetPickerRow_exports = {};
+__export(SheetPickerRow_exports, {
+  SheetPickerRow: () => SheetPickerRow
+});
+module.exports = __toCommonJS(SheetPickerRow_exports);
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_native = require("react-native-web");
+var import_tamagui = require("tamagui");
+var import_fieldLayout = require("../../fieldLayout.cjs");
+var import_colorRamps = require("../../shared/colorRamps.cjs");
+var import_sheetNavigation = require("../../shared/sheetNavigation.cjs");
+var import_InlineChoices = require("./InlineChoices.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const useIsoLayoutEffect = typeof window === "undefined" ? import_react2.useEffect : import_react2.useLayoutEffect;
+function SheetPickerRow({
+  store,
+  label,
+  options,
+  value,
+  placeholder,
+  onValueChange,
+  onBlur,
+  disabled,
+  id,
+  knobProps,
+  markColor
+}) {
+  const pageId = `sheet-picker-${(0, import_react2.useId)()}`;
+  const pushed = (0, import_sheetNavigation.useSheetPageOpen)(store, pageId);
+  const describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
+  const current = options.find(option => option.value === value);
+  const textColor = knobProps.textAccentColor;
+  const chevronInk = (0, import_theme.useGlyphColor)("$textMuted");
+  const page = {
+    id: pageId,
+    title: label,
+    content: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InlineChoices.InlineChoices, {
+      options,
+      value,
+      onValueChange,
+      disabled,
+      "aria-label": label,
+      knobProps,
+      markColor
+    })
+  };
+  useIsoLayoutEffect(() => {
+    if (pushed) store.update(page);
+  });
+  (0, import_react2.useEffect)(() => () => store.remove(pageId), [store, pageId]);
+  const open = () => {
+    if (disabled) return;
+    store.push(page);
+  };
+  const row = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    minHeight: knobProps.menuRow.minHeight,
+    paddingHorizontal: knobProps.panelPadding.padding,
+    ...knobProps.gap,
+    pointerEvents: "none",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: knobProps.body.fontFamily,
+      fontWeight: knobProps.body.fontWeight,
+      color: textColor,
+      numberOfLines: 1,
+      flex: 1,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      testID: "sheet-picker-value",
+      fontFamily: knobProps.body.fontFamily,
+      color: "$textMuted",
+      numberOfLines: 1,
+      flexShrink: 1,
+      children: current?.label ?? placeholder
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretRightIcon, {
+      size: 14,
+      weight: "bold",
+      color: chevronInk
+    })]
+  });
+  const surface = {
+    ...knobProps.borderRadius,
+    borderColor: import_colorRamps.formInputColors.border.base,
+    backgroundColor: import_colorRamps.formInputColors.background.base,
+    overflow: "hidden",
+    width: "100%",
+    opacity: disabled ? 0.5 : 1
+  };
+  if (import_tamagui.isWeb) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      id,
+      role: "button",
+      "aria-label": label,
+      "aria-describedby": describedBy,
+      "aria-disabled": disabled || void 0,
+      "data-testid": "sheet-picker-row",
+      tabIndex: disabled ? -1 : 0,
+      cursor: disabled ? "default" : "pointer",
+      onPress: open,
+      onKeyDown: event => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          open();
+        }
+      },
+      onBlur,
+      outlineWidth: 0,
+      focusVisibleStyle: import_theme.keyboardFocusRingProps,
+      ...surface,
+      children: row
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...surface,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+      testID: "sheet-picker-row",
+      accessibilityRole: "button",
+      accessibilityLabel: label,
+      accessibilityValue: {
+        text: current?.label ?? placeholder ?? ""
+      },
+      accessibilityState: {
+        disabled: !!disabled
+      },
+      disabled,
+      onPress: open,
+      children: row
+    })
+  });
+}

package/dist/cjs/fields/Select/SheetPickerRow.native.js

@@ -0,0 +1,165 @@
+"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 SheetPickerRow_exports = {};
+__export(SheetPickerRow_exports, {
+  SheetPickerRow: () => SheetPickerRow
+});
+module.exports = __toCommonJS(SheetPickerRow_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_native = require("react-native");
+var import_tamagui = require("tamagui");
+var import_fieldLayout = require("../../fieldLayout.native.js");
+var import_colorRamps = require("../../shared/colorRamps.native.js");
+var import_sheetNavigation = require("../../shared/sheetNavigation.native.js");
+var import_InlineChoices = require("./InlineChoices.native.js");
+var useIsoLayoutEffect = typeof window === "undefined" ? import_react2.useEffect : import_react2.useLayoutEffect;
+function SheetPickerRow(param) {
+  var {
+    store,
+    label,
+    options,
+    value,
+    placeholder,
+    onValueChange,
+    onBlur,
+    disabled,
+    id,
+    knobProps,
+    markColor
+  } = param;
+  var _ref, _ref1, _ref2;
+  var pageId = `sheet-picker-${(0, import_react2.useId)()}`;
+  var pushed = (0, import_sheetNavigation.useSheetPageOpen)(store, pageId);
+  var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
+  var current = options.find(function (option) {
+    return option.value === value;
+  });
+  var textColor = knobProps.textAccentColor;
+  var chevronInk = (0, import_theme.useGlyphColor)("$textMuted");
+  var page = {
+    id: pageId,
+    title: label,
+    content: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InlineChoices.InlineChoices, {
+      options,
+      value,
+      onValueChange,
+      disabled,
+      "aria-label": label,
+      knobProps,
+      markColor
+    })
+  };
+  useIsoLayoutEffect(function () {
+    if (pushed) store.update(page);
+  });
+  (0, import_react2.useEffect)(function () {
+    return function () {
+      return store.remove(pageId);
+    };
+  }, [store, pageId]);
+  var open = function open2() {
+    if (disabled) return;
+    store.push(page);
+  };
+  var row = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {
+    alignItems: "center",
+    minHeight: knobProps.menuRow.minHeight,
+    paddingHorizontal: knobProps.panelPadding.padding,
+    ...knobProps.gap,
+    pointerEvents: "none",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      fontFamily: knobProps.body.fontFamily,
+      fontWeight: knobProps.body.fontWeight,
+      color: textColor,
+      numberOfLines: 1,
+      flex: 1,
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
+      testID: "sheet-picker-value",
+      fontFamily: knobProps.body.fontFamily,
+      color: "$textMuted",
+      numberOfLines: 1,
+      flexShrink: 1,
+      children: (_ref = current === null || current === void 0 ? void 0 : current.label) !== null && _ref !== void 0 ? _ref : placeholder
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CaretRightIcon, {
+      size: 14,
+      weight: "bold",
+      color: chevronInk
+    })]
+  });
+  var surface = {
+    ...knobProps.borderRadius,
+    borderColor: import_colorRamps.formInputColors.border.base,
+    backgroundColor: import_colorRamps.formInputColors.background.base,
+    overflow: "hidden",
+    width: "100%",
+    opacity: disabled ? 0.5 : 1
+  };
+  if (import_tamagui.isWeb) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+      id,
+      role: "button",
+      "aria-label": label,
+      "aria-describedby": describedBy,
+      "aria-disabled": disabled || void 0,
+      "data-testid": "sheet-picker-row",
+      tabIndex: disabled ? -1 : 0,
+      cursor: disabled ? "default" : "pointer",
+      onPress: open,
+      onKeyDown: function onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          open();
+        }
+      },
+      onBlur,
+      outlineWidth: 0,
+      focusVisibleStyle: import_theme.keyboardFocusRingProps,
+      ...surface,
+      children: row
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
+    ...surface,
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Pressable, {
+      testID: "sheet-picker-row",
+      accessibilityRole: "button",
+      accessibilityLabel: label,
+      accessibilityValue: {
+        text: (_ref1 = (_ref2 = current === null || current === void 0 ? void 0 : current.label) !== null && _ref2 !== void 0 ? _ref2 : placeholder) !== null && _ref1 !== void 0 ? _ref1 : ""
+      },
+      accessibilityState: {
+        disabled: !!disabled
+      },
+      disabled,
+      onPress: open,
+      children: row
+    })
+  });
+}
+//# sourceMappingURL=SheetPickerRow.native.js.map

package/dist/cjs/fields/Select/SheetPickerRow.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","SheetPickerRow_exports","SheetPickerRow","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_react_native","import_tamagui","import_fieldLayout","import_colorRamps","import_sheetNavigation","import_InlineChoices","useIsoLayoutEffect","window","useEffect","useLayoutEffect","param","store","label","options","placeholder","onValueChange","onBlur","disabled","id","knobProps","markColor","_ref","_ref1","_ref2","pageId","useId","pushed","useSheetPageOpen","describedBy","useFieldDescribedBy","current","find","option","textColor","textAccentColor","chevronInk","useGlyphColor","page","title","content","jsx","InlineChoices","update","remove","open","open2","push","row","jsxs","XStack","alignItems","minHeight","menuRow","paddingHorizontal","panelPadding","padding","gap","pointerEvents","children","Text","fontFamily","body","fontWeight","color","numberOfLines","flex","testID","flexShrink","CaretRightIcon","size","weight","surface","borderRadius","borderColor","formInputColors","border","base","backgroundColor","background","overflow","width","opacity","isWeb","View","role","tabIndex","cursor","onPress","onKeyDown","event","preventDefault","outlineWidth","focusVisibleStyle","keyboardFocusRingProps","Pressable","accessibilityRole","accessibilityLabel","accessibilityValue","text","accessibilityState"],"sources":["SheetPickerRow.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 SheetPickerRow_exports = {};\n__export(SheetPickerRow_exports, {\n  SheetPickerRow: () => SheetPickerRow\n});\nmodule.exports = __toCommonJS(SheetPickerRow_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_theme = require(\"@multiplatform.one/theme\");\nvar import_react = require(\"@phosphor-icons/react\");\nvar import_react2 = require(\"react\");\nvar import_react_native = require(\"react-native\");\nvar import_tamagui = require(\"tamagui\");\nvar import_fieldLayout = require(\"../../fieldLayout\");\nvar import_colorRamps = require(\"../../shared/colorRamps\");\nvar import_sheetNavigation = require(\"../../shared/sheetNavigation\");\nvar import_InlineChoices = require(\"./InlineChoices\");\nvar useIsoLayoutEffect = typeof window === \"undefined\" ? import_react2.useEffect : import_react2.useLayoutEffect;\nfunction SheetPickerRow(param) {\n  var { store, label, options, value, placeholder, onValueChange, onBlur, disabled, id, knobProps, markColor } = param;\n  var _ref, _ref1, _ref2;\n  var pageId = `sheet-picker-${(0, import_react2.useId)()}`;\n  var pushed = (0, import_sheetNavigation.useSheetPageOpen)(store, pageId);\n  var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();\n  var current = options.find(function(option) {\n    return option.value === value;\n  });\n  var textColor = knobProps.textAccentColor;\n  var chevronInk = (0, import_theme.useGlyphColor)(\"$textMuted\");\n  var page = {\n    id: pageId,\n    title: label,\n    content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_InlineChoices.InlineChoices, {\n      options,\n      value,\n      onValueChange,\n      disabled,\n      \"aria-label\": label,\n      knobProps,\n      markColor\n    })\n  };\n  useIsoLayoutEffect(function() {\n    if (pushed) store.update(page);\n  });\n  (0, import_react2.useEffect)(function() {\n    return function() {\n      return store.remove(pageId);\n    };\n  }, [\n    store,\n    pageId\n  ]);\n  var open = function open2() {\n    if (disabled) return;\n    store.push(page);\n  };\n  var row = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, {\n    alignItems: \"center\",\n    minHeight: knobProps.menuRow.minHeight,\n    paddingHorizontal: knobProps.panelPadding.padding,\n    ...knobProps.gap,\n    pointerEvents: \"none\",\n    children: [\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        fontFamily: knobProps.body.fontFamily,\n        fontWeight: knobProps.body.fontWeight,\n        color: textColor,\n        numberOfLines: 1,\n        flex: 1,\n        children: label\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Text, {\n        testID: \"sheet-picker-value\",\n        fontFamily: knobProps.body.fontFamily,\n        color: \"$textMuted\",\n        numberOfLines: 1,\n        flexShrink: 1,\n        children: (_ref = current === null || current === void 0 ? void 0 : current.label) !== null && _ref !== void 0 ? _ref : placeholder\n      }),\n      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.CaretRightIcon, {\n        size: 14,\n        weight: \"bold\",\n        color: chevronInk\n      })\n    ]\n  });\n  var surface = {\n    ...knobProps.borderRadius,\n    borderColor: import_colorRamps.formInputColors.border.base,\n    backgroundColor: import_colorRamps.formInputColors.background.base,\n    overflow: \"hidden\",\n    width: \"100%\",\n    opacity: disabled ? 0.5 : 1\n  };\n  if (import_tamagui.isWeb) {\n    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n      id,\n      role: \"button\",\n      \"aria-label\": label,\n      \"aria-describedby\": describedBy,\n      \"aria-disabled\": disabled || void 0,\n      \"data-testid\": \"sheet-picker-row\",\n      tabIndex: disabled ? -1 : 0,\n      cursor: disabled ? \"default\" : \"pointer\",\n      onPress: open,\n      onKeyDown: function onKeyDown(event) {\n        if (event.key === \"Enter\" || event.key === \" \") {\n          event.preventDefault();\n          open();\n        }\n      },\n      onBlur,\n      outlineWidth: 0,\n      focusVisibleStyle: import_theme.keyboardFocusRingProps,\n      ...surface,\n      children: row\n    });\n  }\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.View, {\n    ...surface,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_native.Pressable, {\n      testID: \"sheet-picker-row\",\n      accessibilityRole: \"button\",\n      accessibilityLabel: label,\n      accessibilityValue: {\n        text: (_ref1 = (_ref2 = current === null || current === void 0 ? void 0 : current.label) !== null && _ref2 !== void 0 ? _ref2 : placeholder) !== null && _ref1 !== void 0 ? _ref1 : \"\"\n      },\n      accessibilityState: {\n        disabled: !!disabled\n      },\n      disabled,\n      onPress: open,\n      children: row\n    })\n  });\n}\n//# sourceMappingURL=SheetPickerRow.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/fields/Select/index.cjs

@@ -56,6 +56,7 @@ var import_floatingList = require("../../shared/floatingList.cjs");
 var import_FloatingPanel = require("../../FloatingPanel/index.cjs");
 var import_compactFace = require("../../FloatingPanel/compactFace.cjs");
 var import_PanelPortal = require("../../FloatingPanel/PanelPortal.cjs");
+var import_containingBlock = require("../../FloatingPanel/containingBlock.cjs");
 var import_overlayStack = require("../../shared/overlayStack.cjs");
 var import_useDragScroll = require("../../shared/useDragScroll.cjs");
 var import_tableCellContext = require("../../shared/tableCellContext.cjs");
@@ -63,7 +64,9 @@ var import_t = require("../../shared/t.cjs");
 var import_selectedOrder = require("../selectedOrder.cjs");
 var import_nativeSelect = require("../nativeSelect.cjs");
 var import_InlineChoices = require("./InlineChoices.cjs");
+var import_SheetPickerRow = require("./SheetPickerRow.cjs");
 var import_shouldInlineChoices = require("./shouldInlineChoices.cjs");
+var import_sheetNavigation = require("../../shared/sheetNavigation.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const actionSheetIOS = ReactNative.ActionSheetIOS;
 const selectOutlineRest = {
@@ -380,6 +383,7 @@ function FloatingSelectCore({
   } = knobProps.elevatedSurface;
   const hydrationTouch = (0, import_theme.useTouchSurface)();
   const inTableCell = (0, import_tableCellContext.useIsInTableCell)();
+  const beside = (0, import_overlayStack.useInsideOverlay)() && !inTableCell && (0, import_shouldInlineChoices.opensBesideTrigger)(options.length);
   const describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
   const glyphColor = (0, import_theme2.useGlyphColor)();
   const [open, setOpen] = (0, import_react.useState)(false);
@@ -496,7 +500,30 @@ function FloatingSelectCore({
     const selectedItemIndex = selectedIndex >= 0 ? selectedIndex : 0;
     const selectedItem = listItemsRef.current[selectedItemIndex];
     const trigger = panel.triggerRef.current;
-    if (!dropdownElement || !selectedItem || !trigger) return;
+    if (!dropdownElement || !trigger) return;
+    if (beside) {
+      const isInitial2 = panel.initializingRef.current;
+      if (isInitial2) dropdownElement.style.transition = "none";
+      const bounds = trigger.getBoundingClientRect();
+      const contentHeight = dropdownElement.scrollHeight;
+      const below = window.innerHeight - import_FloatingPanel.panelViewportPadding - bounds.bottom;
+      const above = bounds.top - import_FloatingPanel.panelViewportPadding;
+      const opensUp = contentHeight > below && above > below;
+      const maxHeight = Math.min(contentHeight || Infinity, opensUp ? above : below);
+      const top2 = (opensUp ? bounds.top - maxHeight : bounds.bottom) - (0, import_containingBlock.fixedContainingBlockOrigin)(dropdownElement).top;
+      dropdownElement.style.top = `${top2}px`;
+      dropdownElement.style.maxHeight = `${maxHeight}px`;
+      dropdownElement.style.height = "";
+      overlayStyle.current = {
+        top: top2,
+        maxHeight
+      };
+      panel.initializingRef.current = false;
+      void dropdownElement.offsetHeight;
+      if (isInitial2) dropdownElement.style.transition = panel.panelTransition;
+      return;
+    }
+    if (!selectedItem) return;
     const isInitial = panel.initializingRef.current;
     if (isInitial) dropdownElement.style.transition = "none";
     if (pinnedTopRef.current === 0 && pinnedHeightRef.current === 0) {
@@ -602,7 +629,7 @@ function FloatingSelectCore({
         });
       }
     });
-  }, [selectedIndex, panel.refs, panel.updateArrows, panel.placement, panel.panelTransition, options.length]);
+  }, [selectedIndex, panel.refs, panel.updateArrows, panel.placement, panel.panelTransition, options.length, beside]);
   repositionRef.current = repositionOverlay;
   (0, import_react.useLayoutEffect)(() => {
     if (!open || !panel.mounted) return;
@@ -1245,6 +1272,10 @@ function NativeSelectCore({
     },
     sheet: true,
     compactFace,
+    ...(asMenu && insideOverlay && (0, import_shouldInlineChoices.opensBesideTrigger)(options.length) ? {
+      anchorMode: "attach",
+      triggerEcho: false
+    } : null),
     triggerA11y: {
       label: ariaLabel ?? fieldA11y?.label,
       value: triggerValueText,
@@ -1398,6 +1429,13 @@ function Select({
     multiple,
     options
   });
+  const sheetNavigation = (0, import_sheetNavigation.useSheetNavigation)();
+  const rowLabel = typeof label === "string" ? label : ariaLabel;
+  const pushed = !inline && !inTableCell && Boolean(rowLabel) && (0, import_shouldInlineChoices.shouldPushChoices)({
+    inSheet: Boolean(sheetNavigation),
+    multiple,
+    options
+  });
   if (!inline) {
     (0, import_devWarn.warnSelectTooFewOptions)({
       count: options?.length ?? 0,
@@ -1456,6 +1494,25 @@ function Select({
   };
   const renderSelectContent = (selectValue, handleValueChange, handleBlur) => {
     if (readOnly) return renderReadOnly(selectValue);
+    if (pushed && sheetNavigation) {
+      return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_SheetPickerRow.SheetPickerRow, {
+        store: sheetNavigation,
+        label: rowLabel,
+        options,
+        value: typeof selectValue === "string" ? selectValue : void 0,
+        placeholder,
+        onValueChange: val => {
+          if (disabled) return;
+          handleValueChange?.(val);
+          emitValueChange(val);
+        },
+        onBlur: handleBlur,
+        disabled,
+        id,
+        knobProps,
+        markColor
+      });
+    }
     if (inline) {
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_InlineChoices.InlineChoices, {
         options,
@@ -1500,7 +1557,8 @@ function Select({
   if (!resolvedForm || !name) {
     return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
       id,
-      label,
+      label: pushed ? void 0 : label,
+      "aria-label": pushed ? rowLabel : void 0,
       labelProps,
       error,
       helperText,
@@ -1524,7 +1582,8 @@ function Select({
       const resolvedError = (0, import_utils.getFieldError)(field, error);
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_fieldLayout.FieldLayout, {
         id,
-        label,
+        label: pushed ? void 0 : label,
+        "aria-label": pushed ? rowLabel : void 0,
         labelProps,
         error: resolvedError,
         helperText,