@multiplatform.one/forms 7.69.1 → 7.69.2

package/dist/cjs/fields/Combobox/index.native.js

@@ -36,16 +36,16 @@ var import_react3 = require("@floating-ui/react");
 var import_theme2 = require("@multiplatform.one/theme");
 var import_react_native = require("react-native");
 var import_tamagui = require("tamagui");
-var import_Chip = require("../../Chip/index.native.js");
+var import_Chip = require("../../Chip");
 var import_pickerTriggerContract = require("../../shared/pickerTriggerContract.native.js");
-var import_Skeleton = require("../../Skeleton/index.native.js");
+var import_Skeleton = require("../../Skeleton");
 var import_fieldLayout = require("../../fieldLayout.native.js");
-var import_InputParts = require("../../InputParts/index.native.js");
-var import_Spinner = require("../../Spinner/index.native.js");
+var import_InputParts = require("../../InputParts");
+var import_Spinner = require("../../Spinner");
 var import_colorRamps = require("../../shared/colorRamps.native.js");
 var import_utils = require("../../shared/utils.native.js");
 var import_floatingList = require("../../shared/floatingList.native.js");
-var import_FloatingPanel = require("../../FloatingPanel/index.native.js");
+var import_FloatingPanel = require("../../FloatingPanel");
 var import_PanelPortal = require("../../FloatingPanel/PanelPortal.native.js");
 var import_overlayStack = require("../../shared/overlayStack.native.js");
 var import_useDragScroll = require("../../shared/useDragScroll.native.js");
@@ -65,7 +65,7 @@ var ComboboxRow = (0, import_tamagui.styled)(import_tamagui.View, {
   }),
   variants: {
     selected: {
-      true: import_theme2.menuRowChecked,
+      true: {},
       false: {
         backgroundColor: "transparent"
       }
@@ -97,11 +97,7 @@ function listItemRingProps(keyboardRing) {
   };
 }
 function useSelectedMarkColor() {
-  var _ref, _ref1;
-  var _theme_color;
-  var theme = (0, import_tamagui.useTheme)();
-  var entry = theme[import_colorRamps.formSelectedColors.mark.slice(1)];
-  return (_ref = (_ref1 = entry === null || entry === void 0 ? void 0 : entry.val) !== null && _ref1 !== void 0 ? _ref1 : (_theme_color = theme.color) === null || _theme_color === void 0 ? void 0 : _theme_color.val) !== null && _ref !== void 0 ? _ref : "currentColor";
+  return (0, import_theme2.useMenuRowCheckInk)();
 }
 function GroupHeader(props) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme2.Text, {
@@ -307,6 +303,7 @@ var ComboboxItem = /* @__PURE__ */(0, import_react.memo)(function ComboboxItem2(
         backgroundColor: import_colorRamps.formInputColors.background.focus
       }
     }),
+    ...(isSelected ? (0, import_theme2.menuRowChecked)(ctx.knobProps.scheme) : void 0),
     ...(option.description ?
     // Two-line rows need to grow past the size-variant height.
     {
@@ -339,6 +336,7 @@ var ComboboxItem = /* @__PURE__ */(0, import_react.memo)(function ComboboxItem2(
       children: option.label
     }), isSelected && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CheckIcon, {
       size: 14,
+      weight: "bold",
       color: ctx.markColor
     })]
   });
@@ -1895,6 +1893,7 @@ function NativeComboboxCore(param) {
           pressStyle: {
             backgroundColor: import_colorRamps.formInputColors.background.focus
           },
+          ...(selected ? (0, import_theme2.menuRowChecked)(knobProps.scheme) : void 0),
           children: [option.description ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_tamagui.YStack, {
             flex: 1,
             minWidth: 0,
@@ -1920,6 +1919,7 @@ function NativeComboboxCore(param) {
             children: option.label
           }), selected && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react2.CheckIcon, {
             size: 14,
+            weight: "bold",
             color: markColor
           })]
         });