@multiplatform.one/forms 7.34.3 → 7.35.0

package/dist/jsx/fields/Select/index.native.js

@@ -47,16 +47,16 @@ var import_theme2 = require("@multiplatform.one/theme");
 var ReactNative = __toESM(require("react-native"));
 var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
-var import_Chip = require("../../Chip");
+var import_Chip = require("../../Chip/index.native.js");
 var import_pickerTriggerContract = require("../../shared/pickerTriggerContract.native.js");
-var import_Skeleton = require("../../Skeleton");
+var import_Skeleton = require("../../Skeleton/index.native.js");
 var import_fieldLayout = require("../../fieldLayout.native.js");
-var import_InputParts = require("../../InputParts");
+var import_InputParts = require("../../InputParts/index.native.js");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_devWarn = require("../../shared/devWarn.native.js");
 var import_utils = require("../../shared/utils.native.js");
 var import_floatingList = require("../../shared/floatingList.native.js");
-var import_FloatingPanel = require("../../FloatingPanel");
+var import_FloatingPanel = require("../../FloatingPanel/index.native.js");
 var import_PanelPortal = require("../../FloatingPanel/PanelPortal.native.js");
 var import_zIndex = require("../../shared/zIndex.native.js");
 var import_useDragScroll = require("../../shared/useDragScroll.native.js");
@@ -404,8 +404,8 @@ var SelectItem = /* @__PURE__ */(0, import_react.memo)(function SelectItem2(para
     active: isActive,
     "aria-selected": isSelected,
     "data-state": isSelected ? "active" : "inactive",
-    height: ctx.knobProps.control.height,
-    // LC-18 KNOB-TOTALITY (UX-021): menu rows re-rhythm with the space knob —
+    height: ctx.knobProps.menuRow.minHeight,
+    // LC-18 KNOB-TOTALITY (UX-021): menu rows re-rhythm with the spacing roles —
     // horizontal inset from the panelPadding token (SP-EDGE, sidebar-row
     // precedent) over menuRowFrame's static $3; in-row gap rides the gap
     // fragment.
@@ -423,7 +423,7 @@ var SelectItem = /* @__PURE__ */(0, import_react.memo)(function SelectItem2(para
         backgroundColor: isSelected ? import_colorRamps.formInputColors.background.base : import_colorRamps.formInputColors.background.focus
       }
     }),
-    ...(0, import_theme2.transitionProps)(ctx.knobProps.transition),
+    ...(0, import_theme2.transitionProps)(ctx.knobProps.motion.control),
     children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Text, {
       fontFamily: ctx.knobProps.body.fontFamily,
       fontWeight: ctx.knobProps.body.fontWeight,
@@ -456,6 +456,10 @@ function FloatingSelectCore(param) {
   } = param;
   var _ref, _ref1, _ref2, _panel_x;
   var _overlayStyle_current;
+  var {
+    style: elevatedSurfaceStyle,
+    ...elevatedSurfaceProps
+  } = knobProps.elevatedSurface;
   var hydrationTouch = (0, import_theme.useTouchSurface)();
   var inTableCell = (0, import_tableCellContext.useIsInTableCell)();
   var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
@@ -712,7 +716,7 @@ function FloatingSelectCore(param) {
     }
     panel.initializingRef.current = false;
     void dropdownElement.offsetHeight;
-    if (isInitial) dropdownElement.style.transition = import_FloatingPanel.panelTransition;
+    if (isInitial) dropdownElement.style.transition = panel.panelTransition;
     requestAnimationFrame(function () {
       if (dropdownElement) {
         panel.updateArrows(dropdownElement);
@@ -721,7 +725,7 @@ function FloatingSelectCore(param) {
         });
       }
     });
-  }, [selectedIndex, panel.refs, panel.updateArrows, panel.placement, options.length]);
+  }, [selectedIndex, panel.refs, panel.updateArrows, panel.placement, panel.panelTransition, options.length]);
   repositionRef.current = repositionOverlay;
   (0, import_react.useLayoutEffect)(function () {
     if (!open || !panel.mounted) return;
@@ -1043,10 +1047,10 @@ function FloatingSelectCore(param) {
               ...(overlayStyle.current ? {
                 maxHeight: overlayStyle.current.maxHeight
               } : {}),
-              boxShadow: "0px 8px 28px rgba(0,0,0,0.12), 0px 2px 6px rgba(0,0,0,0.04)",
+              ...elevatedSurfaceStyle,
               opacity: panel.visible ? 1 : 0,
               transform: panel.visible ? "scale(1)" : "scale(0.96)",
-              transition: import_FloatingPanel.panelTransition,
+              transition: panel.panelTransition,
               transformOrigin: panel.placement.startsWith("top") ? "bottom left" : "top left",
               ...dragProps.style
             },
@@ -1086,10 +1090,8 @@ function FloatingSelectCore(param) {
             },
             onScroll: handleScroll
           }),
-          backgroundColor: "$background",
+          ...elevatedSurfaceProps,
           borderRadius: panel.dropdownRadius,
-          borderWidth: panel.hasBorder ? knobProps.borderRadius.borderWidth : 0,
-          borderColor: panel.hasBorder ? import_colorRamps.formInputColors.border.focus : "transparent",
           "data-testid": "select-dropdown",
           paddingVertical: 0,
           children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_floatingList.ScrollArrow, {
@@ -1158,7 +1160,7 @@ function NativeSelectCore(param) {
     dismissible,
     native
   } = param;
-  var _knobProps_transition, _ref, _ref1, _ref2;
+  var _ref, _ref1, _ref2;
   var hydrationTouch = (0, import_theme.useTouchSurface)();
   var describedBy = (0, import_fieldLayout.useFieldDescribedBy)();
   var fieldA11y = (0, import_fieldLayout.useFieldA11y)();
@@ -1236,7 +1238,6 @@ function NativeSelectCore(param) {
   }, [options, value, multiple, selectedOrder]);
   var textColor = knobProps.textAccentColor;
   var markColor = useSelectedMarkColor();
-  var sheetTransition = (_knobProps_transition = knobProps.transition) !== null && _knobProps_transition !== void 0 ? _knobProps_transition : "medium";
   var hasScrollableContent = displayOptions.length > 6;
   var selectedIndex = displayOptions.findIndex(function (o2) {
     return o2.value === value;
@@ -1337,11 +1338,11 @@ function NativeSelectCore(param) {
         flexDirection: "row",
         alignItems: "center",
         borderRadius: 0,
-        // LC-18 (UX-021): sheet rows ride the space knob like the floating
+        // LC-18 (UX-021): sheet rows ride the spacing roles like the floating
         // menu rows — panelPadding inset + gap fragment.
         ...knobProps.gap,
         paddingHorizontal: knobProps.panelPadding.padding,
-        height: knobProps.control.height,
+        height: knobProps.menuRow.minHeight,
         onPress: import_tamagui.isWeb ? function () {
           return handleSelect(option.value);
         } : void 0,
@@ -1573,7 +1574,6 @@ function NativeSelectCore(param) {
     scrollable: hasScrollableContent,
     disabled,
     contentPadding: "none",
-    transition: typeof sheetTransition === "string" ? sheetTransition : "medium",
     children: listContent
   });
 }
@@ -1603,7 +1603,6 @@ function Select(param) {
     selectedOrder,
     dismissible,
     skeleton,
-    compact,
     native,
     "aria-label": ariaLabel,
     ...rest
@@ -1620,7 +1619,6 @@ function Select(param) {
   } = (0, import_utils.useFormField)({
     form: formProp,
     id: idProp,
-    compact,
     size: sizeProp
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name);