@astryxdesign/core 0.5.2-canary.c9c8564 → 0.5.2-canary.e4f8e4e

package/dist/DropdownMenu/DropdownMenuSubMenu.js

@@ -5,7 +5,8 @@
 /**
  * @file DropdownMenuSubMenu.tsx
  * @input React, stylex, useLayer (context mode), useListFocus, useMenuHover,
- *   useTypeahead, Item, Icon, Spinner, DropdownMenu context + item roles.
+ *   useTypeahead, the shared viewport-safe menu-width resolver, Item, Icon,
+ *   Spinner, and DropdownMenu context + item roles
  * @output Exports DropdownMenuSubMenu — a single menu row that reveals a nested
  *   flyout menu of its own children/items.
  * @position Sub-component; place inside a DropdownMenu (or ContextMenu)
@@ -47,14 +48,23 @@ import { layerAnimations } from "../Layer/layerAnimations.stylex.js";
 import { useListFocus } from "../hooks/useListFocus.js";
 import { useMenuHover } from "../hooks/useMenuHover.js";
 import { useTypeahead } from "../hooks/useTypeahead.js";
+import { useMenuOverflow } from "./useMenuOverflow.js";
+import { resolveMenuWidth } from "./menuWidth.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, durationVars, easeVars, shadowVars, typographyVars, typeScaleVars } from "../theme/tokens.stylex.js";
-import { mergeProps } from "../utils/index.js";
+import { mergeProps, rtlStyles } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { MENU_ITEM_ROLES, MENU_ITEM_SELECTOR, MENU_BOUNDARY_SELECTOR } from "./menuItemRoles.js";
 import { DropdownMenuContext, useDropdownMenuContext } from "./DropdownMenuContext.js";
 import { focusMenuItemOnHover } from "./menuItemHover.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const MENU_VIEWPORT_GUTTER = spacingVars['--spacing-4'];
+// `useLayer` adds 4px of anchor clearance. An 8px collision margin resolves
+// to a 4px visible gap after the browser flips the flyout.
+const MENU_MAX_INLINE_SIZE = `calc(100vi - max(${MENU_VIEWPORT_GUTTER}, env(safe-area-inset-left, 0px)) - max(${MENU_VIEWPORT_GUTTER}, env(safe-area-inset-right, 0px)))`;
+const MENU_MAX_INLINE_SIZE_FALLBACK = `calc(100vw - ${MENU_VIEWPORT_GUTTER} - ${MENU_VIEWPORT_GUTTER})`;
+const MENU_MAX_BLOCK_SIZE = `min(300px, calc(100dvb - max(${MENU_VIEWPORT_GUTTER}, env(safe-area-inset-top, 0px)) - max(${MENU_VIEWPORT_GUTTER}, env(safe-area-inset-bottom, 0px))))`;
+const MENU_MAX_BLOCK_SIZE_FALLBACK = `min(300px, calc(100vh - ${MENU_VIEWPORT_GUTTER} - ${MENU_VIEWPORT_GUTTER}))`;
 const triggerStyles = {
   root: {
     kB7OPa: "x9f619",
@@ -95,16 +105,28 @@ const triggerSizeStyles = {
     $$css: true
   }
 };
+const _temp = {
+  kzqmXN: "x1uyokj7",
+  "$$css": true
+};
 const flyoutStyles = {
+  popoverViewport: {
+    kB7OPa: "x9f619",
+    kskxy: "x1hkkhfe",
+    $$css: true
+  },
   popover: {
-    k7Eaqz: "x5w4yej",
+    k7Eaqz: "x12knhqr",
     $$css: true
   },
   popoverCustomWidth: width => [{
-    k7Eaqz: (typeof width === 'number' ? `${width}px` : width) != null ? "xkj4a21" : typeof width === 'number' ? `${width}px` : width,
+    k7Eaqz: width != null ? "xkj4a21" : width,
     $$css: true
   }, {
-    "--x-minWidth": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(typeof width === 'number' ? `${width}px` : width)
+    "--x-minWidth": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(width)
+  }],
+  popoverCustomIntrinsicWidth: width => [_temp, {
+    "--x-inlineSize": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(width)
   }]
 };
 /**
@@ -190,6 +212,7 @@ export function DropdownMenuSubMenu(props) {
       focusTrigger: true
     })
   });
+  const hasOverflow = useMenuOverflow(menuRef, children, isOpen);
   const typeahead = useTypeahead({
     getItemLabels: () => getItems().map(el => el.textContent),
     onMatch: focusItem,
@@ -366,10 +389,12 @@ export function DropdownMenuSubMenu(props) {
       icon: "chevronRight",
       size: "sm",
       color: "secondary",
+      xstyle: rtlStyles.mirror,
       ...themeProps('dropdown-menu-indicator-icon')
     })
   });
-  const popoverXstyle = menuWidth ? flyoutStyles.popoverCustomWidth(menuWidth) : flyoutStyles.popover;
+  const resolvedMenuWidth = menuWidth ? resolveMenuWidth(menuWidth, MENU_MAX_INLINE_SIZE_FALLBACK) : null;
+  const popoverXstyle = resolvedMenuWidth ? resolvedMenuWidth.property === 'inlineSize' ? flyoutStyles.popoverCustomIntrinsicWidth(resolvedMenuWidth.value) : flyoutStyles.popoverCustomWidth(resolvedMenuWidth.value) : flyoutStyles.popover;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsx(Item, {
       ref: el => setTriggerEl(el),
@@ -405,20 +430,24 @@ export function DropdownMenuSubMenu(props) {
       ref: menuRef,
       id: contentId,
       role: "menu"
-      // Focusable as a fallback target so an empty/loading flyout (e.g.
-      // hasSpinner with only a disabled row) can still receive keyboard
-      // focus and own arrow/Escape keys instead of leaving focus on the
-      // parent list.
+      // Focusable as a fallback target so an empty/loading flyout can own
+      // arrow/Escape keys. An overflowing flyout joins the Tab order so its
+      // scrollable region is keyboard-accessible.
       ,
-      tabIndex: -1,
+      tabIndex: hasOverflow ? 0 : -1,
       "aria-labelledby": triggerId,
       onKeyDown: handleContentKeyDown,
       onMouseEnter: contentProps.onMouseEnter,
       onMouseLeave: contentProps.onMouseLeave,
       "data-testid": menuDataTestId,
       ...mergeProps(themeProps('dropdown-menu'), {
-        className: "x9f619 x78zum5 xdt5ytf x1lsbc85 xuyqlj2 x1odjw0f x1fcsqxe xgory14 x9epnlk x1n97fys x1prclbq x1i5ehqx x1hc1fzr x19991ni xuedmi6 xlr8y92"
-      }),
+        0: {
+          className: "x9f619 x78zum5 xdt5ytf x1lsbc85 xs2v1xk x1hkkhfe x1fcsqxe xgory14 x9epnlk x1n97fys x1prclbq x1i5ehqx x1hc1fzr x19991ni xuedmi6 xlr8y92"
+        },
+        1: {
+          className: "x9f619 x78zum5 xdt5ytf x1lsbc85 xs2v1xk x1hkkhfe x1fcsqxe xgory14 x9epnlk x1n97fys x1prclbq x1i5ehqx x1hc1fzr x19991ni xuedmi6 xlr8y92 x1odjw0f x6ikm8r xish69e"
+        }
+      }[!!hasOverflow << 0]),
       children: /*#__PURE__*/_jsx(DropdownMenuContext, {
         value: nestedMenuContext,
         children: children
@@ -427,7 +456,7 @@ export function DropdownMenuSubMenu(props) {
       placement: 'end',
       alignment: 'start',
       offset: spacingVars['--spacing-1'],
-      xstyle: [popoverXstyle, layerAnimations.end]
+      xstyle: [flyoutStyles.popoverViewport, popoverXstyle, layerAnimations.end]
     })]
   });
 }

package/dist/DropdownMenu/MenuBottomSheet.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @file MenuBottomSheet.tsx
+ * @input Uses BottomSheet and Section
+ * @output Internal action-sheet host for menu content
+ * @position Shared by DropdownMenu and ContextMenu adaptive presentations
+ */
+import type { ReactNode, RefObject } from 'react';
+interface MenuBottomSheetProps {
+    finalFocusRef?: RefObject<HTMLElement | null>;
+    isOpen: boolean;
+    onOpenChange: (isOpen: boolean) => void;
+    label: string;
+    children: ReactNode;
+}
+export declare function MenuBottomSheet({ finalFocusRef, isOpen, onOpenChange, label, children, }: MenuBottomSheetProps): import("react").JSX.Element;
+export declare namespace MenuBottomSheet {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=MenuBottomSheet.d.ts.map

package/dist/DropdownMenu/MenuBottomSheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBottomSheet.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/MenuBottomSheet.tsx"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAE,SAAS,EAAC,MAAM,OAAO,CAAC;AAIhD,UAAU,oBAAoB;IAC5B,aAAa,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC9C,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,eAAe,CAAC,EAC9B,aAAa,EACb,MAAM,EACN,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,+BActB;yBApBe,eAAe"}

package/dist/DropdownMenu/MenuBottomSheet.js

@@ -0,0 +1,36 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file MenuBottomSheet.tsx
+ * @input Uses BottomSheet and Section
+ * @output Internal action-sheet host for menu content
+ * @position Shared by DropdownMenu and ContextMenu adaptive presentations
+ */
+import { BottomSheet } from "../BottomSheet/BottomSheet.js";
+import { Section } from "../Section/Section.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function MenuBottomSheet({
+  finalFocusRef,
+  isOpen,
+  onOpenChange,
+  label,
+  children
+}) {
+  return /*#__PURE__*/_jsx(BottomSheet, {
+    finalFocusRef: finalFocusRef,
+    isOpen: isOpen,
+    onOpenChange: onOpenChange,
+    label: label,
+    height: "hug",
+    purpose: "info",
+    children: /*#__PURE__*/_jsx(Section, {
+      paddingBlockStart: 4,
+      paddingBlockEnd: 0,
+      paddingInline: 1,
+      children: children
+    })
+  });
+}
+MenuBottomSheet.displayName = 'MenuBottomSheet';

package/dist/DropdownMenu/MenuBottomSheetActionList.d.ts

@@ -0,0 +1,10 @@
+import type { DropdownMenuItemData, DropdownMenuOption } from './DropdownMenu';
+export declare function MenuBottomSheetActionList({ items, onSelect, onOpenSubmenu, }: {
+    items: DropdownMenuOption[];
+    onSelect: (item: DropdownMenuItemData) => void;
+    onOpenSubmenu: (item: DropdownMenuItemData) => void;
+}): import("react").JSX.Element;
+export declare namespace MenuBottomSheetActionList {
+    var displayName: string;
+}
+//# sourceMappingURL=MenuBottomSheetActionList.d.ts.map

package/dist/DropdownMenu/MenuBottomSheetActionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBottomSheetActionList.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/MenuBottomSheetActionList.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAC,oBAAoB,EAAE,kBAAkB,EAAC,MAAM,gBAAgB,CAAC;AAyB7E,wBAAgB,yBAAyB,CAAC,EACxC,KAAK,EACL,QAAQ,EACR,aAAa,GACd,EAAE;IACD,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC/C,aAAa,EAAE,CAAC,IAAI,EAAE,oBAAoB,KAAK,IAAI,CAAC;CACrD,+BAqFA;yBA7Fe,yBAAyB"}

package/dist/DropdownMenu/MenuBottomSheetActionList.js

@@ -0,0 +1,111 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file MenuBottomSheetActionList.tsx
+ * @input Uses menu data entries and callbacks for selection and drill-in
+ * @output Internal touch-friendly action list shared by DropdownMenu and ContextMenu
+ * @position Shared implementation for menu bottom-sheet presentations
+ */
+import * as stylex from '@stylexjs/stylex';
+import { Divider } from "../Divider/index.js";
+import { Heading } from "../Heading/index.js";
+import { Icon, renderIconSlot } from "../Icon/index.js";
+import { List, ListItem } from "../List/index.js";
+import "../theme/tokens.stylex.js";
+import { colorVars, spacingVars } from "../theme/tokens.stylex.js";
+import { rtlStyles } from "../utils/index.js";
+import { getInteractionModality } from "../utils/interactionModality.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const styles = {
+  destructiveAction: {
+    "--_item-label-color": "xufyqxy",
+    "--_item-description-color": "xqlix59",
+    kMwMTN: "xjt36v0",
+    $$css: true
+  },
+  divider: {
+    kqGvvJ: "xsq74q5",
+    $$css: true
+  }
+};
+function getItemKey(item, index) {
+  return `item-${item.id ?? index}`;
+}
+export function MenuBottomSheetActionList({
+  items,
+  onSelect,
+  onOpenSubmenu
+}) {
+  const renderItem = (item, index) => {
+    const isSubmenu = item.items != null && item.items.length > 0;
+    const isDestructive = item.variant === 'destructive';
+    return /*#__PURE__*/_jsx(ListItem, {
+      label: item.label,
+      description: item.description,
+      startContent: item.icon ? renderIconSlot(item.icon, {
+        size: 'sm',
+        color: isDestructive ? 'error' : 'secondary'
+      }) : undefined,
+      endContent: isSubmenu ? /*#__PURE__*/_jsx(Icon, {
+        icon: "chevronRight",
+        size: "sm",
+        color: "secondary",
+        xstyle: rtlStyles.mirror
+      }) : item.endContent,
+      isDisabled: item.isDisabled,
+      onClick: event => {
+        if (getInteractionModality() === 'pointer') {
+          event.currentTarget.blur();
+        }
+        if (isSubmenu) {
+          onOpenSubmenu(item);
+        } else {
+          onSelect(item);
+        }
+      },
+      xstyle: isDestructive && styles.destructiveAction
+    }, getItemKey(item, index));
+  };
+  return /*#__PURE__*/_jsx(List, {
+    density: "spacious",
+    children: items.map((option, index) => {
+      if ('type' in option && option.type === 'divider') {
+        return /*#__PURE__*/_jsx("li", {
+          role: "presentation",
+          ...{
+            className: "x3ct3a4"
+          },
+          children: /*#__PURE__*/_jsx(Divider, {
+            xstyle: styles.divider
+          })
+        }, `divider-${index}`);
+      }
+      if ('type' in option && option.type === 'section') {
+        return /*#__PURE__*/_jsx("li", {
+          role: "presentation",
+          ...{
+            className: "x3ct3a4"
+          },
+          children: /*#__PURE__*/_jsxs("div", {
+            role: "group",
+            "aria-label": option.title,
+            ...{
+              className: "x78zum5 xdt5ytf xzye2dw"
+            },
+            children: [option.title && /*#__PURE__*/_jsx(Heading, {
+              level: 4,
+              children: option.title
+            }), /*#__PURE__*/_jsx(List, {
+              density: "spacious",
+              children: option.items.map(renderItem)
+            })]
+          })
+        }, `section-${option.id ?? index}`);
+      }
+      return renderItem(option, index);
+    })
+  });
+}
+MenuBottomSheetActionList.displayName = 'MenuBottomSheetActionList';

package/dist/DropdownMenu/index.d.ts

@@ -12,7 +12,8 @@
  * DropdownMenuContext + useListFocus path, so a new item type (e.g. a submenu)
  * only shows up in their public API once it's aliased there too.
  */
-export { DropdownMenu, type DropdownMenuProps, type DropdownMenuButtonProps, type DropdownMenuItemData, type DropdownMenuDividerData, type DropdownMenuSection, type DropdownMenuOption, } from './DropdownMenu';
+export { DropdownMenu, type DropdownMenuProps, type DropdownMenuPresentation, type DropdownMenuButtonProps, type DropdownMenuItemData, type DropdownMenuDividerData, type DropdownMenuSection, type DropdownMenuOption, } from './DropdownMenu';
+export type { AdaptivePresentation as MenuPresentation } from '../hooks/useAdaptivePresentation';
 export { DropdownMenuItem, type DropdownMenuItemProps } from './DropdownMenuItem';
 export { DropdownMenuDivider, type DropdownMenuDividerProps, } from './DropdownMenuDivider';
 export { DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, } from './DropdownMenuCheckboxItem';

package/dist/DropdownMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAIhF,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,GACtB,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/index.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;GAaG;AAEH,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,EAC5B,KAAK,oBAAoB,EACzB,KAAK,uBAAuB,EAC5B,KAAK,mBAAmB,EACxB,KAAK,kBAAkB,GACxB,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAC,oBAAoB,IAAI,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAE/F,OAAO,EAAC,gBAAgB,EAAE,KAAK,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAIhF,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAG/B,OAAO,EACL,wBAAwB,EACxB,KAAK,6BAA6B,GACnC,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,GACjC,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,qBAAqB,EACrB,KAAK,0BAA0B,GAChC,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EACL,mBAAmB,EACnB,sBAAsB,EACtB,KAAK,wBAAwB,EAC7B,KAAK,gBAAgB,GACtB,MAAM,uBAAuB,CAAC"}

package/dist/DropdownMenu/menuWidth.d.ts

@@ -0,0 +1,14 @@
+export type ResolvedMenuWidth = {
+    property: 'inlineSize';
+    value: string;
+} | {
+    property: 'minWidth';
+    value: string;
+};
+/**
+ * CSS intrinsic and CSS-wide keywords cannot be arguments to `min()`. Apply
+ * those values as the preferred inline size so max-inline-size can still cap
+ * the menu. Lengths retain the existing minimum-width growth contract.
+ */
+export declare function resolveMenuWidth(menuWidth: number | string, maximum: string): ResolvedMenuWidth;
+//# sourceMappingURL=menuWidth.d.ts.map

package/dist/DropdownMenu/menuWidth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuWidth.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/menuWidth.ts"],"names":[],"mappings":"AAuBA,MAAM,MAAM,iBAAiB,GACzB;IAAC,QAAQ,EAAE,YAAY,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,GACvC;IAAC,QAAQ,EAAE,UAAU,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAC,CAAC;AAE1C;;;;GAIG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,MAAM,GAAG,MAAM,EAC1B,OAAO,EAAE,MAAM,GACd,iBAAiB,CAenB"}

package/dist/DropdownMenu/menuWidth.js

@@ -0,0 +1,35 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+/**
+ * @file menuWidth.ts
+ * @input Accepts the public DropdownMenu menuWidth value and a viewport limit
+ * @output Resolves whether the value belongs on min-width or inline-size
+ * @position Shared width compatibility logic for root menus and submenu flyouts
+ */
+
+const INTRINSIC_AND_CSS_WIDE_WIDTHS = new Set(['auto', 'contain', 'fit-content', 'inherit', 'initial', 'max-content', 'min-content', 'revert', 'revert-layer', 'stretch', 'unset']);
+/**
+ * CSS intrinsic and CSS-wide keywords cannot be arguments to `min()`. Apply
+ * those values as the preferred inline size so max-inline-size can still cap
+ * the menu. Lengths retain the existing minimum-width growth contract.
+ */
+export function resolveMenuWidth(menuWidth, maximum) {
+  if (typeof menuWidth === 'number') {
+    return {
+      property: 'minWidth',
+      value: `min(${menuWidth}px, ${maximum})`
+    };
+  }
+  const width = menuWidth.trim();
+  const normalizedWidth = width.toLowerCase();
+  if (INTRINSIC_AND_CSS_WIDE_WIDTHS.has(normalizedWidth) || normalizedWidth.startsWith('fit-content(')) {
+    return {
+      property: 'inlineSize',
+      value: width
+    };
+  }
+  return {
+    property: 'minWidth',
+    value: `min(${width}, ${maximum})`
+  };
+}

package/dist/DropdownMenu/useMenuOverflow.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @file useMenuOverflow.ts
+ * @input Menu element ref, rendered content, and open state
+ * @output Returns whether the open menu overflows its block-size constraint
+ * @position Shared responsive helper for DropdownMenu and DropdownMenuSubMenu
+ */
+import { type ReactNode, type RefObject } from 'react';
+/** Detect block-axis overflow without making a fitting menu a scroll container. */
+export declare function useMenuOverflow(menuRef: RefObject<HTMLElement | null>, content: ReactNode, isOpen: boolean): boolean;
+//# sourceMappingURL=useMenuOverflow.d.ts.map

package/dist/DropdownMenu/useMenuOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuOverflow.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/useMenuOverflow.ts"],"names":[],"mappings":"AAIA;;;;;GAKG;AAEH,OAAO,EAAwB,KAAK,SAAS,EAAE,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAG5E,mFAAmF;AACnF,wBAAgB,eAAe,CAC7B,OAAO,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACtC,OAAO,EAAE,SAAS,EAClB,MAAM,EAAE,OAAO,GACd,OAAO,CAyDT"}

package/dist/DropdownMenu/useMenuOverflow.js

@@ -0,0 +1,60 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file useMenuOverflow.ts
+ * @input Menu element ref, rendered content, and open state
+ * @output Returns whether the open menu overflows its block-size constraint
+ * @position Shared responsive helper for DropdownMenu and DropdownMenuSubMenu
+ */
+import { useCallback, useState } from 'react';
+import { useIsomorphicLayoutEffect } from "../hooks/useIsomorphicLayoutEffect.js";
+
+/** Detect block-axis overflow without making a fitting menu a scroll container. */
+export function useMenuOverflow(menuRef, content, isOpen) {
+  const [hasOverflow, setHasOverflow] = useState(false);
+  const measureOverflow = useCallback(() => {
+    const menu = menuRef.current;
+    if (!menu) {
+      return;
+    }
+    const nextHasOverflow = menu.scrollHeight > menu.clientHeight + 1;
+    // eslint-disable-next-line @eslint-react/set-state-in-effect -- DOM overflow measurement controls whether this menu becomes a scroll container
+    setHasOverflow(current => current === nextHasOverflow ? current : nextHasOverflow);
+  }, [menuRef]);
+  useIsomorphicLayoutEffect(() => {
+    if (!isOpen) {
+      return;
+    }
+    const menu = menuRef.current;
+    if (!menu) {
+      return;
+    }
+    measureOverflow();
+    const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(measureOverflow);
+    const mutationObserver = typeof MutationObserver === 'undefined' ? null : new MutationObserver(measureOverflow);
+    resizeObserver?.observe(menu);
+    mutationObserver?.observe(menu, {
+      childList: true,
+      characterData: true,
+      subtree: true
+    });
+    menu.addEventListener('load', measureOverflow, true);
+    window.addEventListener('resize', measureOverflow);
+    window.visualViewport?.addEventListener('resize', measureOverflow);
+    return () => {
+      resizeObserver?.disconnect();
+      mutationObserver?.disconnect();
+      menu.removeEventListener('load', measureOverflow, true);
+      window.removeEventListener('resize', measureOverflow);
+      window.visualViewport?.removeEventListener('resize', measureOverflow);
+    };
+  }, [isOpen, measureOverflow, menuRef]);
+  useIsomorphicLayoutEffect(() => {
+    if (isOpen) {
+      measureOverflow();
+    }
+  }, [content, isOpen, measureOverflow]);
+  return hasOverflow;
+}

package/dist/MoreMenu/MoreMenu.d.ts

@@ -14,7 +14,7 @@
  * - /packages/cli/assets/templates/blocks/components/MoreMenu/ (showcase blocks)
  */
 import type { ReactNode } from 'react';
-import type { DropdownMenuOption } from '../DropdownMenu';
+import type { DropdownMenuOption, DropdownMenuPresentation } from '../DropdownMenu';
 import type { LayerAlignment, LayerPlacement } from '../Layer';
 import type { ButtonVariant, ButtonSize } from '../Button';
 import type { BaseProps } from '../BaseProps';
@@ -64,6 +64,12 @@ export interface MoreMenuProps extends Pick<BaseProps, 'xstyle' | 'className' |
      * @default 'start'
      */
     alignment?: LayerAlignment;
+    /**
+     * Menu presentation policy. `adaptive` uses a BottomSheet on compact
+     * coarse-pointer viewports and an anchored popover elsewhere.
+     * @default 'popover'
+     */
+    presentation?: DropdownMenuPresentation;
     /**
      * Controlled open state for the menu.
      */
@@ -90,7 +96,7 @@ export interface MoreMenuProps extends Pick<BaseProps, 'xstyle' | 'className' |
  * />
  * ```
  */
-export declare function MoreMenu({ items, label: labelFromProps, variant, size: sizeProp, icon, isDisabled, placement, alignment, isMenuOpen, onOpenChange, xstyle, className: classNameProp, style, 'data-testid': testId, ref, }: MoreMenuProps): import("react").JSX.Element;
+export declare function MoreMenu({ items, label: labelFromProps, variant, size: sizeProp, icon, isDisabled, placement, alignment, presentation, isMenuOpen, onOpenChange, xstyle, className: classNameProp, style, 'data-testid': testId, ref, }: MoreMenuProps): import("react").JSX.Element;
 export declare namespace MoreMenu {
     var displayName: string;
 }

package/dist/MoreMenu/MoreMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../src/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EAAC,kBAAkB,EAAC,MAAM,iBAAiB,CAAC;AACxD,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EAAE,cAAc,EACrB,OAAiB,EACjB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,aAAa,+BAkCf;yBAlDe,QAAQ"}
+{"version":3,"file":"MoreMenu.d.ts","sourceRoot":"","sources":["../../src/MoreMenu/MoreMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAIrC,OAAO,KAAK,EACV,kBAAkB,EAClB,wBAAwB,EACzB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,EAAC,aAAa,EAAE,UAAU,EAAC,MAAM,WAAW,CAAC;AACzD,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,aAAc,SAAQ,IAAI,CACzC,SAAS,EACT,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;;OAGG;IACH,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;OAIG;IACH,YAAY,CAAC,EAAE,wBAAwB,CAAC;IAExC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEzC,sCAAsC;IACtC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,KAAK,EAAE,cAAc,EACrB,OAAiB,EACjB,IAAI,EAAE,QAAQ,EACd,IAAI,EACJ,UAAkB,EAClB,SAAS,EACT,SAAS,EACT,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,MAAM,EACN,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,aAAa,EAAE,MAAM,EACrB,GAAG,GACJ,EAAE,aAAa,+BAmCf;yBApDe,QAAQ"}

package/dist/MoreMenu/MoreMenu.js

@@ -47,6 +47,7 @@ export function MoreMenu({
   isDisabled = false,
   placement,
   alignment,
+  presentation,
   isMenuOpen,
   onOpenChange,
   xstyle,
@@ -67,6 +68,7 @@ export function MoreMenu({
     onOpenChange: onOpenChange,
     placement: placement,
     alignment: alignment,
+    presentation: presentation,
     button: {
       label,
       icon: icon ?? moreIcon,

package/dist/MultiSelector/MultiSelector.d.ts

@@ -18,8 +18,10 @@ import type { IndicatorPosition } from '../Indicator';
 import type { MultiSelectorOptionType, MultiSelectorOptionData, MultiSelectorStatus } from './types';
 import type { BaseProps } from '../BaseProps';
 import type { SizeValue } from '../utils/types';
+import type { AdaptivePresentation } from '../hooks/useAdaptivePresentation';
 export type MultiSelectorSize = 'sm' | 'md' | 'lg';
 export type MultiSelectorVariant = 'input' | 'ghost';
+export type MultiSelectorPresentation = AdaptivePresentation;
 export type MultiSelectorStatusType = 'warning' | 'error' | 'success';
 export type { MultiSelectorStatus };
 export interface MultiSelectorSelectedItem {
@@ -227,6 +229,14 @@ export interface MultiSelectorProps<T extends MultiSelectorOptionType = MultiSel
      * @default 'start'
      */
     indicatorPosition?: IndicatorPosition;
+    /**
+     * How the option list is presented.
+     * - 'popover': anchored to the trigger
+     * - 'bottom-sheet': modal sheet suited to compact touch screens
+     * - 'adaptive': bottom sheet on compact coarse-pointer screens, otherwise popover
+     * @default 'popover'
+     */
+    presentation?: MultiSelectorPresentation;
     /**
      * Whether the dropdown starts open on mount.
      * Useful for showcases and previews.
@@ -253,7 +263,7 @@ export interface MultiSelectorProps<T extends MultiSelectorOptionType = MultiSel
  * />
  * ```
  */
-export declare function MultiSelector<T extends MultiSelectorOptionType>({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, options, value, onChange, changeAction, isLoading, placeholder: placeholderFromProps, size: sizeProp, variant, status, statusVariant, labelTooltip, startIcon, hasClear, hasSelectAll, selectAllLabel: selectAllLabelFromProps, hasSearch, searchPlaceholder: searchPlaceholderFromProps, emptyText: emptyTextFromProps, emptySearchText: emptySearchTextFromProps, triggerDisplay, formatValue, maxBadges, renderOption, indicatorPosition, isDefaultOpen, 'data-testid': testId, htmlName, width, xstyle, className, style, }: MultiSelectorProps<T>): React.JSX.Element;
+export declare function MultiSelector<T extends MultiSelectorOptionType>({ label, isLabelHidden, description, isOptional, isRequired, isDisabled, disabledMessage, options, value, onChange, changeAction, isLoading, placeholder: placeholderFromProps, size: sizeProp, variant, status, statusVariant, labelTooltip, startIcon, hasClear, hasSelectAll, selectAllLabel: selectAllLabelFromProps, hasSearch, searchPlaceholder: searchPlaceholderFromProps, emptyText: emptyTextFromProps, emptySearchText: emptySearchTextFromProps, triggerDisplay, formatValue, maxBadges, renderOption, indicatorPosition, presentation, isDefaultOpen, 'data-testid': testId, htmlName, width, xstyle, className, style, onFocus, }: MultiSelectorProps<T>): React.JSX.Element;
 export declare namespace MultiSelector {
     var displayName: string;
 }

package/dist/MultiSelector/MultiSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelector.d.ts","sourceRoot":"","sources":["../../src/MultiSelector/MultiSelector.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiSelector.d.ts","sourceRoot":"","sources":["../../src/MultiSelector/MultiSelector.tsx"],"names":[],"mappings":"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"}