@multiplatform.one/components 6.6.0 → 7.0.0

package/dist/cjs/DotIndicator/index.native.js

@@ -30,7 +30,8 @@ module.exports = __toCommonJS(DotIndicator_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_react_i18next = require("react-i18next");
+var import_react2 = require("react");
+var import_i18n = require("../shared/i18n.native.js");
 var import_tamagui = require("tamagui");
 var import_componentColors = require("../componentColors.native.js");
 var import_t = require("../shared/t.native.js");
@@ -57,6 +58,7 @@ var dotGeometryMap = {
   }
 };
 var CHECK_MIN_DOT = 8;
+var WINDOW = 5;
 function sizePx(value, fallback) {
   if (typeof value === "number") return value;
   if (typeof value === "string") {
@@ -66,11 +68,53 @@ function sizePx(value, fallback) {
   }
   return fallback;
 }
+function idleMarkWidth(variant, itemSize, activeSize) {
+  if (variant === "pills") return Math.round(itemSize * 2.25);
+  if (variant === "bars") return Math.max(itemSize, Math.round(activeSize * 0.55));
+  return itemSize;
+}
+function activeMarkWidth(variant, itemSize, geometryActive) {
+  if (variant === "dots") return Math.round(itemSize * 2);
+  if (variant === "pills") return Math.round(itemSize * 3);
+  return geometryActive;
+}
+function windowRange(active, total) {
+  if (total <= WINDOW) return [0, Math.max(0, total - 1)];
+  var half = Math.floor(WINDOW / 2);
+  var start = active - half;
+  var end = active + half;
+  if (start < 0) {
+    end -= start;
+    start = 0;
+  }
+  if (end > total - 1) {
+    start -= end - (total - 1);
+    end = total - 1;
+  }
+  return [Math.max(0, start), end];
+}
+function windowScale(index, active, start, end, total) {
+  if (total <= WINDOW) return 1;
+  if (index < start || index > end) return 0;
+  var dist = Math.abs(index - active);
+  if (dist === 0) return 1;
+  if (dist === 1) return 0.72;
+  return 0.48;
+}
+function isRtl(node) {
+  var _node_closest;
+  if (typeof document === "undefined") return false;
+  var fromNode = node === null || node === void 0 ? void 0 : (_node_closest = node.closest("[dir]")) === null || _node_closest === void 0 ? void 0 : _node_closest.getAttribute("dir");
+  var dir = fromNode || document.documentElement.dir;
+  return dir === "rtl";
+}
 var DotsContainer = (0, import_tamagui.styled)(import_tamagui.XStack, {
   name: "DotIndicator",
   alignItems: "center",
   justifyContent: "center",
   gap: "$2",
+  // Outer +2px LC-71 ring on the painted mark must not clip at the strip edge.
+  overflow: "visible",
   variants: {
     // A rail seats the strip on a filled capsule instead of the page. It is a
     // variant of the strip rather than host chrome because the rail and the
@@ -93,11 +137,20 @@ var DotTarget = (0, import_tamagui.styled)(import_tamagui.View, {
   alignItems: "center",
   justifyContent: "center",
   backgroundColor: "transparent",
+  overflow: "visible",
+  borderRadius: 1e3,
+  // LC-71: the 44px hit box is not the perceived control (Chip ✕ rule). Rest,
+  // mouse-focus, and :focus-visible paint no ring here — the ring rides the
+  // painted mark via FOCUS_VISIBLE_RING when wasKeyboardFocus().
+  outlineWidth: 0,
+  outlineStyle: "none",
+  focusStyle: {
+    outlineWidth: 0,
+    outlineStyle: "none"
+  },
   focusVisibleStyle: {
-    outlineColor: "$outlineColor",
-    outlineWidth: 2,
-    outlineStyle: "solid",
-    outlineOffset: 1
+    outlineWidth: 0,
+    outlineStyle: "none"
   }
 });
 var Dot = (0, import_tamagui.styled)(import_tamagui.View, {
@@ -154,15 +207,19 @@ function DotIndicator(param) {
   var _getTokens_space_gap, _getTokens_space;
   var {
     t
-  } = (0, import_react_i18next.useTranslation)();
+  } = (0, import_i18n.useTranslation)();
   var {
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
+  var rootRef = (0, import_react2.useRef)(null);
+  var [kbFocusIndex, setKbFocusIndex] = (0, import_react2.useState)(null);
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
   var gap = (_ref = gapProp !== null && gapProp !== void 0 ? gapProp : dotGapMap[knobProps.space]) !== null && _ref !== void 0 ? _ref : "$2";
   var geometry = (_dotGeometryMap_knobProps_sizeToken = dotGeometryMap[knobProps.sizeToken]) !== null && _dotGeometryMap_knobProps_sizeToken !== void 0 ? _dotGeometryMap_knobProps_sizeToken : dotGeometryMap.$4;
   var isTick = variant === "bars";
   var itemSize = sizePx(dotSize, isTick ? geometry.bar : geometry.dot);
-  var activeSize = sizePx(activeDotSize, geometry.active);
+  var activeSize = sizePx(activeDotSize, activeMarkWidth(variant, itemSize, geometry.active));
+  var idleWidth = idleMarkWidth(variant, itemSize, activeSize);
   var gapPx = typeof gap === "number" ? gap : (_ref1 = (_getTokens_space = (0, import_tamagui.getTokens)().space) === null || _getTokens_space === void 0 ? void 0 : (_getTokens_space_gap = _getTokens_space[gap]) === null || _getTokens_space_gap === void 0 ? void 0 : _getTokens_space_gap.val) !== null && _ref1 !== void 0 ? _ref1 : 7;
   var slopX = Math.max(0, Math.floor((gapPx - 1) / 2));
   var outsetY = Math.max(0, Math.ceil((import_theme.MIN_PRESS_TARGET - itemSize) / 2));
@@ -170,12 +227,31 @@ function DotIndicator(param) {
   var isStep = idiom === "step";
   var label = isStep ? t("Go to step {{number}}") : t("Go to item {{number}}");
   var currentValue = isStep ? "step" : "true";
-  var motionStyle = transition ? {
-    transition: "width var(--mp-transition, 100ms) ease, height var(--mp-transition, 100ms) ease, background-color var(--mp-transition, 100ms) ease"
+  var motion = knobProps.transition ? transition !== null && transition !== void 0 ? transition : knobProps.transition : void 0;
+  var motionStyle = motion ? {
+    transition: "width var(--mp-transition, 200ms) ease, height var(--mp-transition, 200ms) ease, background-color var(--mp-transition, 200ms) ease, transform var(--mp-transition, 200ms) ease"
   } : void 0;
+  var clampedActive = Math.min(Math.max(0, activeIndex), Math.max(0, total - 1));
+  var [winStart, winEnd] = windowRange(clampedActive, total);
+  var focusMark = function focusMark2(index) {
+    requestAnimationFrame(function () {
+      var _rootRef_current_querySelector, _rootRef_current, _el_focus;
+      var el = (_rootRef_current = rootRef.current) === null || _rootRef_current === void 0 ? void 0 : (_rootRef_current_querySelector = _rootRef_current.querySelector) === null || _rootRef_current_querySelector === void 0 ? void 0 : _rootRef_current_querySelector.call(_rootRef_current, `[data-dot-index="${index}"]`);
+      el === null || el === void 0 ? void 0 : (_el_focus = el.focus) === null || _el_focus === void 0 ? void 0 : _el_focus.call(el);
+    });
+  };
+  var moveTo = function moveTo2(index) {
+    var next = Math.min(Math.max(0, index), total - 1);
+    onChange === null || onChange === void 0 ? void 0 : onChange(next);
+    focusMark(next);
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotsContainer, {
+    ref: rootRef,
     gap,
     rail,
+    ...(interactive ? {
+      role: "group"
+    } : void 0),
     ...(rail ? {
       paddingHorizontal: knobProps.panelPadding.padding,
       height: knobProps.sizeToken
@@ -185,16 +261,23 @@ function DotIndicator(param) {
     }).map(function (_, index) {
       var isActive = index === activeIndex;
       var isCompleted = !isActive && !!(completedSteps === null || completedSteps === void 0 ? void 0 : completedSteps.has(index));
-      var dotWidth = isActive ? activeSize : itemSize;
+      var scale = windowScale(index, clampedActive, winStart, winEnd, total);
+      var hidden = scale === 0;
+      var baseWidth = isActive ? activeSize : idleWidth;
+      var dotWidth = Math.max(1, Math.round(baseWidth * scale));
+      var dotHeight = Math.max(1, Math.round(itemSize * scale));
       var restingFill = isCompleted ? import_componentColors.componentColors.indicator.completed : rail ?
       // Idle chrome steps up the ramp on a rail so the dot still
       // separates from the capsule fill it sits on.
       import_componentColors.componentColors.indicator.track : import_componentColors.componentColors.indicator.inactive;
+      var kbRing = kbFocusIndex === index;
       return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DotTarget, {
+        display: hidden ? "none" : "flex",
         width: dotWidth + slopX * 2,
         minHeight: import_theme.MIN_PRESS_TARGET,
         marginHorizontal: -slopX,
         marginVertical: -outsetY,
+        zIndex: kbRing ? 1 : void 0,
         cursor: interactive ? "pointer" : disabled ? "not-allowed" : "default",
         onPress: interactive ? function () {
           return onChange === null || onChange === void 0 ? void 0 : onChange(index);
@@ -202,16 +285,45 @@ function DotIndicator(param) {
         "aria-label": (0, import_t.withInterp)(label, {
           number: index + 1
         }),
+        ...{
+          "data-dot-index": String(index)
+        },
+        ...(hidden ? {
+          "data-dot-hidden": "true"
+        } : void 0),
         ...(isActive ? {
           "aria-current": currentValue
         } : void 0),
         ...(interactive ? {
           role: "button",
           tabIndex: 0,
+          onFocus: function onFocus() {
+            if (!import_tamagui.isWeb || (0, import_theme.wasKeyboardFocus)()) setKbFocusIndex(index);
+          },
+          onBlur: function onBlur() {
+            setKbFocusIndex(function (prev) {
+              return prev === index ? null : prev;
+            });
+          },
           onKeyDown: function onKeyDown(e) {
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
               onChange === null || onChange === void 0 ? void 0 : onChange(index);
+              return;
+            }
+            var rtl = isRtl(e.currentTarget);
+            if (e.key === "ArrowRight") {
+              e.preventDefault();
+              moveTo(index + (rtl ? -1 : 1));
+            } else if (e.key === "ArrowLeft") {
+              e.preventDefault();
+              moveTo(index + (rtl ? 1 : -1));
+            } else if (e.key === "Home") {
+              e.preventDefault();
+              moveTo(0);
+            } else if (e.key === "End") {
+              e.preventDefault();
+              moveTo(total - 1);
             }
           }
         } : disabled ? {
@@ -231,13 +343,21 @@ function DotIndicator(param) {
             } : void 0)
           }),
           width: dotWidth,
-          height: itemSize,
+          height: dotHeight,
           disabled,
-          transition,
+          transition: motion,
           style: motionStyle,
+          ...(kbRing ? import_theme.FOCUS_VISIBLE_RING : {
+            outlineWidth: 0
+          }),
           ...{
-            [dotStateAttribute]: isActive ? "active" : "idle"
+            [dotStateAttribute]: isActive ? "active" : "idle",
+            "data-mark-width": String(dotWidth),
+            "data-mark-height": String(dotHeight)
           },
+          ...(kbRing ? {
+            "data-dot-ring": "true"
+          } : void 0),
           children: isCompleted && !isTick && itemSize >= CHECK_MIN_DOT && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react.CheckIcon, {
             size: 8,
             color: "white",

package/dist/cjs/DotIndicator/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DotIndicator_exports","__export","DotIndicator","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react_i18next","import_tamagui","import_componentColors","import_t","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","CHECK_MIN_DOT","sizePx","fallback","_getTokens_size_value","_getTokens_size","token","getTokens","size","val","DotsContainer","styled","XStack","name","alignItems","justifyContent","gap","variants","rail","true","backgroundColor","componentColors","interactive","background","radiusClassProps","borderRadius","DotTarget","View","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","outlineOffset","Dot","indicator","inactive","hoverStyle","hover","selected","disabled","opacity","param","total","activeIndex","onChange","variant","gapProp","completedSteps","idiom","dotSize","activeDotSize","transition","dotStateAttribute","_ref","_dotGeometryMap_knobProps_sizeToken","_ref1","_getTokens_space_gap","_getTokens_space","t","useTranslation","knobProps","useResolvedKnobs","space","geometry","sizeToken","isTick","itemSize","activeSize","gapPx","slopX","Math","max","floor","outsetY","ceil","MIN_PRESS_TARGET","isStep","label","currentValue","motionStyle","jsx","paddingHorizontal","panelPadding","padding","height","children","Array","from","length","map","_","index","isActive","isCompleted","has","dotWidth","restingFill","completed","track","width","minHeight","marginHorizontal","marginVertical","cursor","onPress","withInterp","number","role","tabIndex","onKeyDown","e","key","preventDefault"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","DotIndicator_exports","__export","DotIndicator","module","exports","import_jsx_runtime","require","import_theme","import_react","import_react2","import_i18n","import_tamagui","import_componentColors","import_t","dotGapMap","small","medium","large","dotGeometryMap","$3","dot","bar","active","$4","$5","CHECK_MIN_DOT","WINDOW","sizePx","fallback","_getTokens_size_value","_getTokens_size","token","getTokens","size","val","idleMarkWidth","variant","itemSize","activeSize","Math","round","max","activeMarkWidth","geometryActive","windowRange","total","half","floor","start","end","windowScale","index","dist","abs","isRtl","node","_node_closest","document","fromNode","closest","getAttribute","dir","documentElement","DotsContainer","styled","XStack","name","alignItems","justifyContent","gap","overflow","variants","rail","true","backgroundColor","componentColors","interactive","background","radiusClassProps","borderRadius","DotTarget","View","outlineWidth","outlineStyle","focusStyle","focusVisibleStyle","Dot","indicator","inactive","hoverStyle","hover","selected","disabled","opacity","param","activeIndex","onChange","gapProp","completedSteps","idiom","dotSize","activeDotSize","transition","dotStateAttribute","_ref","_dotGeometryMap_knobProps_sizeToken","_ref1","_getTokens_space_gap","_getTokens_space","t","useTranslation","knobProps","useResolvedKnobs","rootRef","useRef","kbFocusIndex","setKbFocusIndex","useState","isWeb","ensureKeyboardModalityTracking","space","geometry","sizeToken","isTick","idleWidth","gapPx","slopX","outsetY","ceil","MIN_PRESS_TARGET","isStep","label","currentValue","motion","motionStyle","clampedActive","min","winStart","winEnd","focusMark","focusMark2","requestAnimationFrame","_rootRef_current_querySelector","_rootRef_current","_el_focus","el","current","querySelector","call","focus","moveTo","moveTo2","next","jsx","ref","role","paddingHorizontal","panelPadding","padding","height","children","Array","from","length","map","_","isActive","isCompleted","has","scale","hidden","baseWidth","dotWidth","dotHeight","restingFill","completed","track","kbRing","display","width","minHeight","marginHorizontal","marginVertical","zIndex","cursor","onPress","withInterp","number","String","tabIndex","onFocus","wasKeyboardFocus","onBlur","prev","onKeyDown","e","key","preventDefault","rtl","currentTarget"],"sources":["../../../src/DotIndicator/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/DropdownMenu/index.cjs

@@ -42,20 +42,24 @@ const ItemRow = (0, import_tamagui.styled)(import_tamagui.XStack, {
   ...import_theme.menuRowFrame,
   gap: "$2.5",
   cursor: "pointer",
+  // LC-72 CONTAINER-CLIP: rows stay square; the overlay clips outer corners.
+  // LC-71: rest and pointer-origin focus paint no ring. Keyboard ring is
+  // applied per-row via keyboardFocusRingProps (inset so overflow:hidden
+  // does not sever it) when wasKeyboardFocus().
+  outlineWidth: 0,
   hoverStyle: {
     backgroundColor: import_componentColors.componentColors.interactive.hover
   },
   pressStyle: {
     backgroundColor: import_componentColors.componentColors.interactive.active
   },
-  // Focus highlight doubles as the roving-focus indicator (full-width row).
   focusStyle: {
     backgroundColor: import_componentColors.componentColors.interactive.hover,
-    outlineStyle: "none"
+    outlineWidth: 0
   },
   focusVisibleStyle: {
     backgroundColor: import_componentColors.componentColors.interactive.hover,
-    outlineStyle: "none"
+    outlineWidth: 0
   },
   variants: {
     disabled: {
@@ -90,7 +94,8 @@ function DropdownMenuRoot({
   defaultOpen = false,
   onOpenChange,
   placement = "bottom-start",
-  maxHeight
+  maxHeight,
+  closeOnSelect
 }) {
   const [open, setOpen] = (0, import_tamagui.useControllableState)({
     prop: openProp,
@@ -98,6 +103,7 @@ function DropdownMenuRoot({
     onChange: onOpenChange
   });
   const triggerRef = (0, import_react.useRef)(null);
+  const pendingFocusRef = (0, import_react.useRef)("first");
   const close = (0, import_react.useCallback)(() => {
     setOpen(false);
     if (import_tamagui.isWeb) {
@@ -109,15 +115,17 @@ function DropdownMenuRoot({
     open,
     setOpen,
     triggerRef,
-    close
-  }), [open, setOpen, close]);
+    close,
+    closeOnSelect,
+    pendingFocusRef
+  }), [open, setOpen, close, closeOnSelect]);
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DropdownMenuContext.Provider, {
     value: ctx,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.Popover, {
       open,
       onOpenChange: setOpen,
       placement,
-      offset: 4,
+      offset: import_theme.OVERLAY_ANCHOR_GAP,
       stayInFrame: true,
       allowFlip: true,
       children: items ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
@@ -129,6 +137,8 @@ function DropdownMenuRoot({
           children: items.map((entry, index) => "separator" in entry && entry.separator ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DropdownMenuSeparator, {}, `separator-${index}`) : "checked" in entry && entry.checked !== void 0 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(DropdownMenuCheckboxItem, {
             checked: entry.checked,
             onCheckedChange: entry.onCheckedChange,
+            onSelect: entry.onSelect,
+            closeOnSelect: entry.closeOnSelect,
             disabled: entry.disabled,
             disabledReason: entry.disabledReason,
             shortcut: entry.shortcut,
@@ -139,6 +149,7 @@ function DropdownMenuRoot({
             disabled: entry.disabled,
             disabledReason: entry.disabledReason,
             destructive: entry.destructive,
+            closeOnSelect: entry.closeOnSelect,
             onSelect: entry.onSelect,
             children: entry.label
           }, entry.key ?? index))
@@ -166,13 +177,18 @@ const DropdownMenuTrigger = (0, import_react.forwardRef)(function DropdownMenuTr
   const handleKeyDown = e => {
     onKeyDown?.(e);
     if (e.repeat) return;
-    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown") {
+    if (e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowUp") {
       swallowNextKeyUp(e.key);
       if (e.defaultPrevented) return;
       e.preventDefault();
       if (e.key === "ArrowDown") {
+        ctx.pendingFocusRef.current = "first";
+        if (!ctx.open) ctx.setOpen(true);
+      } else if (e.key === "ArrowUp") {
+        ctx.pendingFocusRef.current = "last";
         if (!ctx.open) ctx.setOpen(true);
       } else {
+        ctx.pendingFocusRef.current = "first";
         ctx.setOpen(!ctx.open);
       }
     }
@@ -190,7 +206,7 @@ const DropdownMenuTrigger = (0, import_react.forwardRef)(function DropdownMenuTr
 const DropdownMenuContent = (0, import_react.forwardRef)(function DropdownMenuContent2({
   children,
   maxHeight,
-  minWidth = 200,
+  minWidth,
   ...props
 }, forwardedRef) {
   const ctx = useDropdownMenuContext("Content");
@@ -198,11 +214,21 @@ const DropdownMenuContent = (0, import_react.forwardRef)(function DropdownMenuCo
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   const innerRef = (0, import_react.useRef)(null);
+  const [triggerWidth, setTriggerWidth] = (0, import_react.useState)(void 0);
+  (0, import_react.useLayoutEffect)(() => {
+    if (!import_tamagui.isWeb || !ctx.open) return;
+    const node = ctx.triggerRef.current;
+    if (node && typeof node.getBoundingClientRect === "function") {
+      setTriggerWidth(Math.ceil(node.getBoundingClientRect().width));
+    }
+  }, [ctx.open, ctx.triggerRef]);
+  const resolvedMinWidth = minWidth ?? triggerWidth;
   const composedRef = (0, import_tamagui.useComposedRefs)(innerRef, forwardedRef);
   const typeahead = (0, import_react.useRef)({
     buffer: "",
     at: 0
   });
+  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
   const getItems = (0, import_react.useCallback)(() => {
     const node = innerRef.current;
     if (!node) return [];
@@ -213,8 +239,13 @@ const DropdownMenuContent = (0, import_react.forwardRef)(function DropdownMenuCo
   }, []);
   const handleOpenAutoFocus = (0, import_react.useCallback)(event => {
     event.preventDefault();
-    requestAnimationFrame(() => focusItem(getItems()[0]));
-  }, [focusItem, getItems]);
+    const prefer = ctx.pendingFocusRef.current;
+    ctx.pendingFocusRef.current = "first";
+    requestAnimationFrame(() => {
+      const items = getItems();
+      focusItem(prefer === "last" ? items[items.length - 1] : items[0]);
+    });
+  }, [ctx, focusItem, getItems]);
   const handleCloseAutoFocus = (0, import_react.useCallback)(event => {
     event.preventDefault();
     const node = ctx.triggerRef.current;
@@ -285,7 +316,7 @@ const DropdownMenuContent = (0, import_react.forwardRef)(function DropdownMenuCo
     ...knobProps.elevatedSurface,
     padding: 0,
     overflow: "hidden",
-    minWidth,
+    minWidth: resolvedMinWidth,
     transition: knobProps.transition,
     enterStyle: {
       opacity: 0,
@@ -323,7 +354,8 @@ const DropdownMenuItemBody = (0, import_react.forwardRef)(function DropdownMenuI
   disabledReason,
   destructive = false,
   onSelect,
-  closeOnSelect = true,
+  closeOnSelect,
+  closeOnSelectDefault = true,
   role = "menuitem",
   leading,
   ...props
@@ -333,6 +365,9 @@ const DropdownMenuItemBody = (0, import_react.forwardRef)(function DropdownMenuI
     knobProps
   } = (0, import_theme.useResolvedKnobs)();
   const theme = (0, import_tamagui.useTheme)();
+  const [kbRing, setKbRing] = (0, import_react.useState)(false);
+  const [highlighted, setHighlighted] = (0, import_react.useState)(false);
+  const pointerIntentRef = (0, import_react.useRef)(false);
   (0, import_theme.warnBareDisabled)({
     component: "DropdownMenu.Item",
     id: typeof children === "string" ? children : void 0,
@@ -341,12 +376,29 @@ const DropdownMenuItemBody = (0, import_react.forwardRef)(function DropdownMenuI
   });
   const explainedDisable = disabled && Boolean(disabledReason?.trim());
   const iconColor = destructive ? theme.red11?.get() : theme.color12?.get();
+  const shouldCloseOnSelect = closeOnSelect ?? ctx.closeOnSelect ?? closeOnSelectDefault;
   const handleSelect = () => {
     if (disabled) return;
     onSelect?.();
-    if (closeOnSelect) ctx.close();
+    if (shouldCloseOnSelect) ctx.close();
   };
   const textColor = destructive ? "$red11" : import_componentColors.componentColors.text.primary;
+  const highlightFill = destructive && !disabled ? {
+    hoverStyle: {
+      backgroundColor: "$red3"
+    },
+    pressStyle: {
+      backgroundColor: "$red4"
+    }
+  } : void 0;
+  const focusFill = destructive && !disabled ? {
+    backgroundColor: "$red3"
+  } : {
+    backgroundColor: import_componentColors.componentColors.interactive.hover
+  };
+  const ring = kbRing ? import_theme.keyboardFocusRingProps : {
+    outlineWidth: 0
+  };
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(ItemRow, {
     ref: forwardedRef,
     role,
@@ -355,30 +407,50 @@ const DropdownMenuItemBody = (0, import_react.forwardRef)(function DropdownMenuI
     minHeight: knobProps.sizeToken,
     transition: knobProps.transition,
     onPress: handleSelect,
+    ...highlightFill,
+    ...(explainedDisable ? {
+      paddingVertical: "$1.5"
+    } : {}),
+    ...props,
     ...(import_tamagui.isWeb ? {
       tabIndex: -1,
-      [MENU_ITEM_ATTR]: ""
-      // Enter/Space activation is handled by the menu-level native
-      // keydown listener in Content (single source, no double-fire).
-    } : {}),
-    ...(destructive && !disabled ? {
-      hoverStyle: {
-        backgroundColor: "$red3"
+      [MENU_ITEM_ATTR]: "",
+      // Radix: pointer-move moves highlight so hover and keyboard
+      // never paint two rows at once. LC-71: ring only when the
+      // focus is keyboard-origin — pointer-move sets a local flag
+      // so wasKeyboardFocus() (still true until pointerdown) does
+      // not keep the ring after the mouse takes over.
+      onFocus: () => {
+        setHighlighted(true);
+        setKbRing((0, import_theme.wasKeyboardFocus)() && !pointerIntentRef.current);
+        pointerIntentRef.current = false;
       },
-      pressStyle: {
-        backgroundColor: "$red4"
+      onBlur: () => {
+        setHighlighted(false);
+        setKbRing(false);
       },
-      focusStyle: {
-        backgroundColor: "$red3"
+      onPointerMove: e => {
+        if (disabled) return;
+        if (e.pointerType && e.pointerType !== "mouse") return;
+        const node = e.currentTarget;
+        if (document.activeElement === node) return;
+        pointerIntentRef.current = true;
+        node.focus();
       },
-      focusVisibleStyle: {
-        backgroundColor: "$red3"
-      }
-    } : {}),
-    ...(explainedDisable ? {
-      paddingVertical: "$1.5"
+      "data-highlighted": highlighted ? "true" : void 0,
+      "data-mp-kb-ring": kbRing ? "true" : void 0
     } : {}),
-    ...props,
+    ...(kbRing ? import_theme.keyboardFocusRingProps : {
+      outlineWidth: 0
+    }),
+    focusStyle: {
+      ...focusFill,
+      ...ring
+    },
+    focusVisibleStyle: {
+      ...focusFill,
+      ...ring
+    },
     children: [leading, icon ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       flexShrink: 0,
       alignItems: "center",
@@ -431,15 +503,6 @@ const DropdownMenuItemBody = (0, import_react.forwardRef)(function DropdownMenuI
   });
 });
 const DropdownMenuItem = (0, import_react.forwardRef)(function DropdownMenuItem2(props, ref) {
-  if (props.destructive) {
-    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_theme.Intent, {
-      name: "error",
-      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(DropdownMenuItemBody, {
-        ref,
-        ...props
-      })
-    });
-  }
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DropdownMenuItemBody, {
     ref,
     ...props
@@ -448,15 +511,18 @@ const DropdownMenuItem = (0, import_react.forwardRef)(function DropdownMenuItem2
 const DropdownMenuCheckboxItem = (0, import_react.forwardRef)(function DropdownMenuCheckboxItem2({
   checked,
   onCheckedChange,
-  closeOnSelect = false,
+  onSelect,
   ...props
 }, ref) {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(DropdownMenuItemBody, {
     ref,
     role: "menuitemcheckbox",
     "aria-checked": checked,
-    closeOnSelect,
-    onSelect: () => onCheckedChange?.(!checked),
+    closeOnSelectDefault: false,
+    onSelect: () => {
+      onCheckedChange?.(!checked);
+      onSelect?.();
+    },
     leading: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_tamagui.View, {
       width: 18,
       flexShrink: 0,