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

package/dist/ContextMenu/ContextMenu.js

@@ -3,8 +3,9 @@
 
 /**
  * @file ContextMenu.tsx
- * @input Uses React, StyleX, useLayer (context mode), useListFocus
- * @output Exports ContextMenu component
+ * @input Uses React, StyleX, useLayer, BottomSheet, useListFocus, and the
+ *   shared menu-presentation resolver
+ * @output Exports ContextMenu with cursor-popover and touch-sheet presentations
  * @position Core implementation; consumed by index.ts
  *
  * Right-click context menu positioned at the cursor. The cursor point is
@@ -29,9 +30,13 @@
  * - /apps/storybook/stories/ContextMenu.stories.tsx
  * - /packages/cli/assets/templates/blocks/components/ContextMenu/ (showcase blocks)
  */
-import React, { useCallback, useEffect, useId, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useId, lazy, useMemo, useRef, useState, Suspense } from 'react';
 import * as stylex from '@stylexjs/stylex';
+import { Button } from "../Button/index.js";
+import { Heading } from "../Heading/index.js";
+import { Icon } from "../Icon/index.js";
 import { useLayer } from "../Layer/useLayer.js";
+import { MenuBottomSheetActionList } from "../DropdownMenu/MenuBottomSheetActionList.js";
 import { renderDropdownItems } from "../DropdownMenu/renderDropdownItems.js";
 import { DropdownMenuContext } from "../DropdownMenu/DropdownMenuContext.js";
 import { MENU_ITEM_ROLES, MENU_ITEM_SELECTOR, MENU_BOUNDARY_SELECTOR } from "../DropdownMenu/menuItemRoles.js";
@@ -41,15 +46,21 @@ import { useLongPress } from "../hooks/useLongPress.js";
 import { layerAnimations } from "../Layer/layerAnimations.stylex.js";
 import "../theme/tokens.stylex.js";
 import { colorVars, spacingVars, radiusVars, durationVars, easeVars, shadowVars } from "../theme/tokens.stylex.js";
-import { mergeProps, isImeKeyEvent } from "../utils/index.js";
+import { mergeProps, isImeKeyEvent, rtlStyles } from "../utils/index.js";
 import { themeProps } from "../utils/themeProps.js";
 import { useTranslator } from "../i18n/index.js";
 import { useMergedRefs } from "../hooks/useMergedRefs.js";
+import { useAdaptivePresentation } from "../hooks/useAdaptivePresentation.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const LazyMenuBottomSheet = /*#__PURE__*/lazy(async () => import("../DropdownMenu/MenuBottomSheet.js").then(module => ({
+  default: module.MenuBottomSheet
+})));
 const styles = {
   trigger: {
     kVAEAm: "x1n2onr6",
     k7VYTy: "xpdipgo",
+    kO7zv1: "x1winvzj",
+    kfSwDN: "x87ps6o",
     $$css: true
   },
   menu: {
@@ -81,7 +92,30 @@ const styles = {
     $$css: true
   }, {
     "--x-minWidth": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(typeof width === 'number' ? `${width}px` : width)
-  }]
+  }],
+  sheetMenu: {
+    kB7OPa: "x9f619",
+    k1xSpc: "x78zum5",
+    kXwgrk: "xdt5ytf",
+    kOIVth: "x1lsbc85",
+    kzqmXN: "xh8yej3",
+    "--_dropdown-menu-radius": "x1fcsqxe",
+    "--_dropdown-menu-padding": "xgory14",
+    kmVPX3: "x9epnlk",
+    kaIpWk: "x1n97fys",
+    kWkggS: "x10xzikg",
+    kI3sdo: "x1a2a7pz",
+    kfSwDN: "x87ps6o",
+    $$css: true
+  },
+  sheetRootHeading: {
+    keTefX: "x6i7dpz",
+    $$css: true
+  },
+  sheetViewHeading: {
+    kI3sdo: "x1a2a7pz",
+    $$css: true
+  }
 };
 
 // =============================================================================
@@ -126,6 +160,7 @@ export function ContextMenu({
   label: labelFromProps,
   isDisabled = false,
   onOpenChange,
+  presentation = 'popover',
   ref,
   className,
   style,
@@ -136,6 +171,9 @@ export function ContextMenu({
 }) {
   const t = useTranslator();
   const label = labelFromProps ?? t('@astryx.contextMenu.label');
+  const backLabel = t('@astryx.dropdownMenu.back');
+  const resolvedPresentation = useAdaptivePresentation(presentation);
+  const usesBottomSheet = resolvedPresentation === 'bottom-sheet';
   // Separate content props (union discriminant) from DOM pass-through attrs.
   // The union means exactly one of items/menuContent exists in rest; destructure
   // both so triggerProps contains only DOM-safe attributes.
@@ -160,7 +198,20 @@ export function ContextMenu({
   // Element focused before the menu opened, restored when it closes so focus
   // does not fall to <body> after Escape or outside-click dismissal.
   const triggerFocusRef = useRef(null);
+  const sheetHeadingRef = useRef(null);
   const [isOpen, setIsOpen] = useState(false);
+  const [submenuPath, setSubmenuPath] = useState([]);
+  const currentSubmenu = submenuPath.at(-1);
+  const currentItems = currentSubmenu?.items ?? items;
+  const currentTitle = currentSubmenu?.label ?? label;
+  const sheetLabel = typeof currentTitle === 'string' ? currentTitle : label;
+  const updateOpenState = useCallback(nextIsOpen => {
+    if (!nextIsOpen) {
+      setSubmenuPath([]);
+    }
+    setIsOpen(nextIsOpen);
+    onOpenChange?.(nextIsOpen);
+  }, [onOpenChange]);
   const layer = useLayer({
     mode: 'context',
     onHide: useCallback(() => {
@@ -180,8 +231,32 @@ export function ContextMenu({
     lightDismiss: false
   });
   const closeMenu = useCallback(() => {
-    layer.hide();
-  }, [layer]);
+    if (usesBottomSheet) {
+      updateOpenState(false);
+    } else {
+      layer.hide();
+    }
+  }, [layer, updateOpenState, usesBottomSheet]);
+  const handleBottomSheetSelect = useCallback(item => {
+    if (item.isDisabled) {
+      return;
+    }
+    item.onClick?.();
+    if (item.hasCloseOnSelect !== false) {
+      closeMenu();
+    }
+  }, [closeMenu]);
+  useEffect(() => {
+    if (!isOpen || submenuPath.length === 0) {
+      return;
+    }
+    const frame = requestAnimationFrame(() => {
+      sheetHeadingRef.current?.focus({
+        preventScroll: true
+      });
+    });
+    return () => cancelAnimationFrame(frame);
+  }, [isOpen, submenuPath.length]);
   const {
     listRef,
     handleKeyDown: listNavKeyDown,
@@ -210,7 +285,7 @@ export function ContextMenu({
   // opening right-click as a dismiss event. Handling it ourselves via
   // mousedown avoids that race.
   useEffect(() => {
-    if (!isOpen) {
+    if (!isOpen || usesBottomSheet) {
       return;
     }
     const handleClickOutside = e => {
@@ -223,14 +298,14 @@ export function ContextMenu({
     return () => {
       document.removeEventListener('mousedown', handleClickOutside);
     };
-  }, [isOpen, closeMenu, listRef]);
+  }, [isOpen, closeMenu, listRef, usesBottomSheet]);
 
   // Dismiss on Escape from anywhere while open. The menu div's own onKeyDown
   // only fires when focus is inside the menu; a document-level listener is
   // kept as a reliable fallback Escape path (e.g. if focus has moved out of
   // the menu). Guards against IME composition-cancel.
   useEffect(() => {
-    if (!isOpen) {
+    if (!isOpen || usesBottomSheet) {
       return;
     }
     const handleEscape = e => {
@@ -249,7 +324,7 @@ export function ContextMenu({
     return () => {
       document.removeEventListener('keydown', handleEscape);
     };
-  }, [isOpen, closeMenu]);
+  }, [isOpen, closeMenu, usesBottomSheet]);
   const listKeyDown = useCallback(e => {
     // A submenu flyout renders inline inside this menu; its key events bubble
     // up here. Let that level own them — only handle events from this level.
@@ -298,9 +373,13 @@ export function ContextMenu({
     // Remember the element focused before opening so we can restore it on
     // close (Escape or outside-click), instead of dropping focus to <body>.
     triggerFocusRef.current = document.activeElement instanceof HTMLElement ? document.activeElement : focusEl;
-    layer.show();
-    requestAnimationFrame(() => focusFirst());
-  }, [layer, focusFirst]);
+    if (usesBottomSheet) {
+      updateOpenState(true);
+    } else {
+      layer.show();
+      requestAnimationFrame(() => focusFirst());
+    }
+  }, [layer, focusFirst, updateOpenState, usesBottomSheet]);
   const handleContextMenu = useCallback(e => {
     if (isDisabled) {
       return;
@@ -337,6 +416,54 @@ export function ContextMenu({
     menuSize: size
   }), [closeMenu, size]);
   const resolvedMenuContent = itemsProp !== undefined ? renderDropdownItems(items) : menuContent;
+  const renderedMenu = /*#__PURE__*/_jsx("div", {
+    ref: listRef,
+    id: menuId,
+    role: "menu",
+    "data-autofocus": usesBottomSheet ? '' : undefined,
+    tabIndex: usesBottomSheet ? 0 : -1,
+    "aria-label": label,
+    onKeyDown: listKeyDown,
+    onContextMenu: e => e.preventDefault(),
+    ...mergeProps(themeProps('context-menu'), stylex.props(usesBottomSheet ? styles.sheetMenu : styles.menu, xstyle), className, style),
+    children: /*#__PURE__*/_jsx(DropdownMenuContext, {
+      value: contextValue,
+      children: resolvedMenuContent
+    })
+  });
+  const renderedBottomSheetContent = itemsProp !== undefined ? /*#__PURE__*/_jsxs("div", {
+    ref: listRef,
+    "data-autofocus": "",
+    tabIndex: 0,
+    ...mergeProps(themeProps('context-menu'), stylex.props(styles.sheetMenu, xstyle), className, style),
+    children: [/*#__PURE__*/_jsxs("div", {
+      ...{
+        className: "x78zum5 x1q0g3np x6s0dn4 xzye2dw x1p37lm5"
+      },
+      children: [submenuPath.length > 0 && /*#__PURE__*/_jsx(Button, {
+        label: backLabel,
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/_jsx(Icon, {
+          icon: "chevronLeft",
+          size: "sm",
+          xstyle: rtlStyles.mirror
+        }),
+        isIconOnly: true,
+        onClick: () => setSubmenuPath(path => path.slice(0, -1))
+      }), /*#__PURE__*/_jsx(Heading, {
+        ref: sheetHeadingRef,
+        level: 3,
+        tabIndex: -1,
+        xstyle: [styles.sheetViewHeading, submenuPath.length === 0 && styles.sheetRootHeading],
+        children: currentTitle
+      })]
+    }), /*#__PURE__*/_jsx(MenuBottomSheetActionList, {
+      items: currentItems,
+      onSelect: handleBottomSheetSelect,
+      onOpenSubmenu: item => setSubmenuPath(path => [...path, item])
+    })]
+  }) : renderedMenu;
   return /*#__PURE__*/_jsxs(_Fragment, {
     children: [/*#__PURE__*/_jsxs("div", {
       ref: useMergedRefs(ref, triggerRef),
@@ -357,19 +484,15 @@ export function ContextMenu({
           }
         })
       })]
-    }), layer.render(/*#__PURE__*/_jsx("div", {
-      ref: listRef,
-      id: menuId,
-      role: "menu",
-      "aria-label": label,
-      onKeyDown: listKeyDown,
-      onContextMenu: e => e.preventDefault(),
-      ...mergeProps(themeProps('context-menu'), stylex.props(styles.menu, xstyle), className, style),
-      children: /*#__PURE__*/_jsx(DropdownMenuContext, {
-        value: contextValue,
-        children: resolvedMenuContent
+    }), usesBottomSheet ? /*#__PURE__*/_jsx(Suspense, {
+      fallback: null,
+      children: /*#__PURE__*/_jsx(LazyMenuBottomSheet, {
+        isOpen: isOpen,
+        onOpenChange: updateOpenState,
+        label: sheetLabel,
+        children: renderedBottomSheetContent
       })
-    }), {
+    }) : layer.render(renderedMenu, {
       placement: 'below',
       alignment: 'start',
       xstyle: [popoverXstyle, layerAnimations.below]

package/dist/ContextMenu/index.d.ts

@@ -4,6 +4,7 @@
  * @position Public API entry point
  */
 export { ContextMenu, type ContextMenuProps, type ContextMenuItemData, type ContextMenuDividerData, type ContextMenuSection, type ContextMenuOption, } from './ContextMenu';
+export type { AdaptivePresentation as MenuPresentation } from '../hooks/useAdaptivePresentation';
 export { DropdownMenuItem as ContextMenuItem, type DropdownMenuItemProps as ContextMenuItemProps, } from '../DropdownMenu/DropdownMenuItem';
 export { DropdownMenuDivider as ContextMenuDivider, type DropdownMenuDividerProps as ContextMenuDividerProps, } from '../DropdownMenu/DropdownMenuDivider';
 export { DropdownMenuCheckboxItem as ContextMenuCheckboxItem, type DropdownMenuCheckboxItemProps as ContextMenuCheckboxItemProps, } from '../DropdownMenu/DropdownMenuCheckboxItem';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/index.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AAEH,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,gBAAgB,IAAI,eAAe,EACnC,KAAK,qBAAqB,IAAI,oBAAoB,GACnD,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,mBAAmB,IAAI,kBAAkB,EACzC,KAAK,wBAAwB,IAAI,uBAAuB,GACzD,MAAM,qCAAqC,CAAC;AAI7C,OAAO,EACL,wBAAwB,IAAI,uBAAuB,EACnD,KAAK,6BAA6B,IAAI,4BAA4B,GACnE,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,sBAAsB,IAAI,qBAAqB,EAC/C,KAAK,2BAA2B,IAAI,0BAA0B,GAC/D,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,qBAAqB,IAAI,oBAAoB,EAC7C,KAAK,0BAA0B,IAAI,yBAAyB,GAC7D,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,mBAAmB,IAAI,kBAAkB,EACzC,KAAK,wBAAwB,IAAI,uBAAuB,GACzD,MAAM,qCAAqC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ContextMenu/index.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AAEH,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,mBAAmB,EACxB,KAAK,sBAAsB,EAC3B,KAAK,kBAAkB,EACvB,KAAK,iBAAiB,GACvB,MAAM,eAAe,CAAC;AACvB,YAAY,EAAC,oBAAoB,IAAI,gBAAgB,EAAC,MAAM,kCAAkC,CAAC;AAE/F,OAAO,EACL,gBAAgB,IAAI,eAAe,EACnC,KAAK,qBAAqB,IAAI,oBAAoB,GACnD,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EACL,mBAAmB,IAAI,kBAAkB,EACzC,KAAK,wBAAwB,IAAI,uBAAuB,GACzD,MAAM,qCAAqC,CAAC;AAI7C,OAAO,EACL,wBAAwB,IAAI,uBAAuB,EACnD,KAAK,6BAA6B,IAAI,4BAA4B,GACnE,MAAM,0CAA0C,CAAC;AAClD,OAAO,EACL,sBAAsB,IAAI,qBAAqB,EAC/C,KAAK,2BAA2B,IAAI,0BAA0B,GAC/D,MAAM,wCAAwC,CAAC;AAChD,OAAO,EACL,qBAAqB,IAAI,oBAAoB,EAC7C,KAAK,0BAA0B,IAAI,yBAAyB,GAC7D,MAAM,uCAAuC,CAAC;AAE/C,OAAO,EACL,mBAAmB,IAAI,kBAAkB,EACzC,KAAK,wBAAwB,IAAI,uBAAuB,GACzD,MAAM,qCAAqC,CAAC"}

package/dist/DropdownMenu/DropdownMenu.d.ts

@@ -1,7 +1,9 @@
 /**
  * @file DropdownMenu.tsx
- * @input Uses React, StyleX, usePopover, Button, Icon, useListFocus
- * @output Exports DropdownMenu component
+ * @input Uses React, StyleX, usePopover, MenuBottomSheet, Button, List,
+ *   useListFocus, and the shared viewport-safe menu-width resolver
+ * @output Exports DropdownMenu with caller-selected popover or bottom-sheet
+ *   presentation
  * @position Core implementation; consumed by index.ts
  *
  * Supports two modes with a single keyboard/focus path:
@@ -25,6 +27,7 @@
 import React, { type ReactNode } from 'react';
 import { type ButtonProps } from '../Button';
 import type { DropdownMenuItemProps } from './DropdownMenuItem';
+import { type AdaptivePresentation } from '../hooks/useAdaptivePresentation';
 import type { LayerAlignment, LayerPlacement } from '../Layer/useLayer';
 import type { BaseProps } from '../BaseProps';
 /**
@@ -69,21 +72,29 @@ export interface DropdownMenuSection {
 }
 export type DropdownMenuOption = DropdownMenuItemData | DropdownMenuDividerData | DropdownMenuSection;
 export type DropdownMenuButtonProps = Omit<ButtonProps, 'onClick'>;
+export type DropdownMenuPresentation = AdaptivePresentation;
 interface DropdownMenuBaseProps extends BaseProps {
     button?: DropdownMenuButtonProps;
     isMenuOpen?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Minimum popover width. The menu may grow for its content but is capped to
+     * the available viewport space. Ignored by bottom-sheet presentation.
+     * Defaults to the trigger width.
+     */
     menuWidth?: number | string;
     onClick?: () => void;
     hasChevron?: boolean;
     /**
-     * Position placement relative to the trigger.
+     * Popover position relative to the trigger. Ignored by bottom-sheet
+     * presentation.
      * Uses the same placement values as other Astryx layer-based components.
      * @default 'below'
      */
     placement?: LayerPlacement;
     /**
-     * Alignment along the placement axis.
+     * Popover alignment along the placement axis. Ignored by bottom-sheet
+     * presentation.
      * Uses the same alignment values as other Astryx layer-based components.
      * @default 'start'
      */
@@ -91,15 +102,23 @@ interface DropdownMenuBaseProps extends BaseProps {
     'data-testid'?: string;
 }
 interface DropdownMenuDataProps extends DropdownMenuBaseProps {
+    /**
+     * Surface used to present the actions. Pass a value selected by product
+     * policy (for example, a compact-touch media query) when the presentation
+     * should adapt. Bottom-sheet presentation is intended for short action sets.
+     * @default 'popover'
+     */
+    presentation?: DropdownMenuPresentation;
     items: DropdownMenuOption[];
     children?: undefined;
 }
 interface DropdownMenuCompoundProps extends DropdownMenuBaseProps {
+    presentation?: 'popover';
     items?: undefined;
     children: ReactNode;
 }
 export type DropdownMenuProps = DropdownMenuDataProps | DropdownMenuCompoundProps;
-export declare function DropdownMenu({ button: buttonFromProps, isMenuOpen: controlledIsOpen, onOpenChange, menuWidth, onClick, hasChevron, placement, alignment, className, style, xstyle, 'data-testid': testId, ...props }: DropdownMenuProps): React.JSX.Element;
+export declare function DropdownMenu(props: DropdownMenuProps): React.JSX.Element;
 export declare namespace DropdownMenu {
     var displayName: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAInD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAa9D,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAQtE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAiC5C;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,qBAAqB,EACnB,MAAM,GACN,SAAS,GACT,YAAY,GACZ,SAAS,GACT,aAAa,GACb,YAAY,GACZ,kBAAkB,CACrB;IACC;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,0EAA0E;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC5B,oBAAoB,GAAG,uBAAuB,GAAG,mBAAmB,CAAC;AAMvE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAC3B,qBAAqB,GAAG,yBAAyB,CAAC;AA+BpD,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EAAE,eAAe,EACvB,UAAU,EAAE,gBAAgB,EAC5B,YAAY,EACZ,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,SAAmB,EACnB,SAAmB,EACnB,SAAS,EACT,KAAK,EACL,MAAM,EACN,aAAa,EAAE,MAAM,EACrB,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAkTnB;yBAhUe,YAAY"}
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAKnD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAe9D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,kCAAkC,CAAC;AAI1C,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAStE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AA8I5C;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,qBAAqB,EACnB,MAAM,GACN,SAAS,GACT,YAAY,GACZ,SAAS,GACT,aAAa,GACb,YAAY,GACZ,kBAAkB,CACrB;IACC;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,0EAA0E;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC5B,oBAAoB,GAAG,uBAAuB,GAAG,mBAAmB,CAAC;AAMvE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAE5D,UAAU,qBAAsB,SAAQ,SAAS;IAC/C,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAC3B,qBAAqB,GAAG,yBAAyB,CAAC;AA8lBpD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBAqCpD;yBArCe,YAAY"}