@multiplatform.one/forms 7.66.0 → 7.67.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":["__toCommonJS","mod","__copyProps","__defProp","value","InlineChoices_exports","__export","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","key","_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","name"],"sources":["../../../../src/fields/Select/InlineChoices.tsx"],"sourcesContent":[null],"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":["__toCommonJS","mod","__copyProps","__defProp","value","SheetPickerRow_exports","__export","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","key","preventDefault","outlineWidth","focusVisibleStyle","keyboardFocusRingProps","Pressable","accessibilityRole","accessibilityLabel","accessibilityValue","text","accessibilityState"],"sources":["../../../../src/fields/Select/SheetPickerRow.tsx"],"sourcesContent":[null],"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,