@vibe/core 4.5.21 → 4.5.22

package/dist/mocked_classnames/components/Menu/MenuItemButton/MenuItemButton.d.ts

@@ -1,77 +0,0 @@
-import React from "react";
-import { type ButtonType } from "@vibe/button";
-import { type VibeComponentProps, type ElementContent } from "../../../types";
-import { type SubIcon } from "@vibe/icon";
-import { type TooltipPositions } from "@vibe/tooltip";
-export interface MenuItemButtonProps extends VibeComponentProps {
-    /**
-     * The style variant of the button.
-     */
-    kind?: ButtonType;
-    /**
-     * Icon displayed on the left side of the button.
-     */
-    leftIcon?: SubIcon;
-    /**
-     * Icon displayed on the right side of the button.
-     */
-    rightIcon?: SubIcon;
-    /**
-     * The index of the menu item in the menu.
-     */
-    index?: number;
-    /**
-     * The index of the currently active menu item.
-     */
-    activeItemIndex?: number;
-    /**
-     * If true, the button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The reason why the button is disabled, displayed as a tooltip.
-     */
-    disableReason?: string;
-    /**
-     * Callback fired when the button is clicked.
-     */
-    onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;
-    /**
-     * The position of the tooltip.
-     */
-    tooltipPosition?: TooltipPositions;
-    /**
-     * The delay in milliseconds before the tooltip appears.
-     */
-    tooltipShowDelay?: number;
-    /**
-     * Callback to reset the open submenu index.
-     */
-    resetOpenSubMenuIndex?: () => void;
-    /**
-     * Callback to open or close a submenu by index.
-     */
-    setSubMenuIsOpenByIndex?: (index: number, isOpen: boolean) => void;
-    /**
-     * Callback to set the active item index.
-     */
-    setActiveItemIndex?: (index: number) => void;
-    /**
-     * Reference to the menu container.
-     */
-    menuRef?: React.RefObject<HTMLElement>;
-    /**
-     * Function to close the menu.
-     */
-    closeMenu?: () => void;
-    /**
-     * If true, event listeners are added at the document level.
-     */
-    useDocumentEventListeners?: boolean;
-    /**
-     * The content of the button.
-     */
-    children?: ElementContent | ElementContent[];
-}
-declare const MenuItemButton: ({ className, kind, leftIcon, rightIcon, disabled, disableReason, index, activeItemIndex, onClick, tooltipPosition, tooltipShowDelay, children, resetOpenSubMenuIndex, setSubMenuIsOpenByIndex, setActiveItemIndex, menuRef, closeMenu, useDocumentEventListeners, id, "data-testid": dataTestId }: MenuItemButtonProps) => React.JSX.Element;
-export default MenuItemButton;

package/dist/mocked_classnames/components/Menu/MenuTitle/MenuTitle.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { type MenuTitleCaptionPosition } from "./MenuTitle.type";
-import { type VibeComponentProps } from "../../../types";
-export interface MenuTitleProps extends VibeComponentProps {
-    /**
-     * The caption text displayed alongside the title.
-     */
-    caption?: string | React.ReactNode;
-    /**
-     * The position of the caption relative to the title.
-     */
-    captionPosition?: MenuTitleCaptionPosition;
-}
-declare const MenuTitle: ({ className, caption, captionPosition, id, "data-testid": dataTestId }: MenuTitleProps) => React.JSX.Element;
-export default MenuTitle;

package/dist/mocked_classnames/components/Menu/MenuTitle/MenuTitle.type.d.ts

@@ -1 +0,0 @@
-export type MenuTitleCaptionPosition = "top" | "bottom" | "center";

package/dist/mocked_classnames/components/Menu/index.d.ts

@@ -1,7 +0,0 @@
-export { default as Menu, type MenuProps } from "./Menu/Menu";
-export { default as MenuItem, type MenuItemProps } from "./MenuItem/MenuItem";
-export { default as MenuItemButton, type MenuItemButtonProps } from "./MenuItemButton/MenuItemButton";
-export { default as MenuDivider, type MenuDividerProps } from "./MenuDivider/MenuDivider";
-export { default as MenuTitle, type MenuTitleProps } from "./MenuTitle/MenuTitle";
-export { default as MenuGridItem, type MenuGridItemProps } from "./MenuGridItem/MenuGridItem";
-export * from "./MenuTitle/MenuTitle.type";

package/dist/mocked_classnames/components/MultiStepIndicator/MultiStep.types.d.ts

@@ -1,9 +0,0 @@
-export type MultiStepType = "primary" | "success" | "danger" | "dark";
-export type StepStatus = "pending" | "active" | "fulfilled";
-export type TextPlacement = "horizontal" | "vertical";
-export type MultiStepSize = "regular" | "compact";
-export type Step = {
-    titleText: string;
-    subtitleText: string;
-    status: StepStatus;
-};

package/dist/mocked_classnames/components/MultiStepIndicator/MultiStepIndicator.d.ts

@@ -1,48 +0,0 @@
-import React from "react";
-import { type SubIcon } from "@vibe/icon";
-import { type MultiStepType, type MultiStepSize, type TextPlacement, type Step } from "./MultiStep.types";
-import { type VibeComponentProps } from "../../types";
-export interface MultiStepIndicatorProps extends VibeComponentProps {
-    /**
-     * The list of steps in the multi-step indicator.
-     */
-    steps?: Step[];
-    /**
-     * The visual style of the multi-step indicator.
-     */
-    type?: MultiStepType;
-    /**
-     * Class name applied to each step component.
-     */
-    stepComponentClassName?: string;
-    /**
-     * Class name applied to the divider between steps.
-     */
-    dividerComponentClassName?: string;
-    /**
-     * The icon used for fulfilled steps.
-     */
-    fulfilledStepIcon?: SubIcon;
-    /**
-     * The type of the fulfilled step icon.
-     */
-    fulfilledStepIconType?: "svg" | "font";
-    /**
-     * If true, displays the step number instead of the fulfilled step icon.
-     */
-    isFulfilledStepDisplayNumber?: boolean;
-    /**
-     * Callback fired when a step is clicked.
-     */
-    onClick?: (stepNumber: number) => void;
-    /**
-     * The placement of the step text.
-     */
-    textPlacement?: TextPlacement;
-    /**
-     * The size of the multi-step indicator.
-     */
-    size?: MultiStepSize;
-}
-declare const MultiStepIndicator: React.ForwardRefExoticComponent<MultiStepIndicatorProps & React.RefAttributes<HTMLOListElement>>;
-export default MultiStepIndicator;

package/dist/mocked_classnames/components/MultiStepIndicator/components/StepIndicator/StepIndicator.d.ts

@@ -1,86 +0,0 @@
-import React from "react";
-import { type MultiStepSize, type MultiStepType, type StepStatus } from "../../MultiStep.types";
-import { type VibeComponentProps } from "../../../../types";
-import { type SubIcon } from "@vibe/icon";
-export interface StepCircleDisplayProps {
-    /**
-     * The status of the step.
-     */
-    status: StepStatus;
-    /**
-     * If true, displays the step number instead of the fulfilled step icon.
-     */
-    isFulfilledStepDisplayNumber: boolean;
-    /**
-     * The icon displayed when the step is fulfilled.
-     */
-    fulfilledStepIcon: SubIcon;
-    /**
-     * The type of icon used.
-     */
-    fulfilledStepIconType: "svg" | "font";
-    /**
-     * The step number in the sequence.
-     */
-    stepNumber: number;
-}
-export interface StepIndicatorProps extends VibeComponentProps {
-    /**
-     * The status of the step.
-     */
-    status: StepStatus;
-    /**
-     * The main title text for the step.
-     */
-    titleText: string;
-    /**
-     * The subtitle text for the step.
-     */
-    subtitleText?: string;
-    /**
-     * The number of the step in the sequence.
-     */
-    stepNumber?: number;
-    /**
-     * Class name applied to the step component.
-     */
-    stepComponentClassName?: string;
-    /**
-     * The visual style of the step indicator.
-     */
-    type?: MultiStepType;
-    /**
-     * The icon used for a fulfilled step.
-     */
-    fulfilledStepIcon?: SubIcon;
-    /**
-     * The type of icon used.
-     */
-    fulfilledStepIconType?: "svg" | "font";
-    /**
-     * If true, displays the step number instead of the fulfilled step icon.
-     */
-    isFulfilledStepDisplayNumber?: boolean;
-    /**
-     * Callback fired when the step is clicked.
-     */
-    onClick?: (stepNumber: number) => void;
-    /**
-     * If true, adds a divider after the step.
-     */
-    isFollowedByDivider?: boolean;
-    /**
-     * Class name applied to the step divider.
-     */
-    stepDividerClassName?: string;
-    /**
-     * If true, the step indicator is displayed vertically.
-     */
-    isVertical?: boolean;
-    /**
-     * The size of the step indicator.
-     */
-    size?: MultiStepSize;
-}
-declare const StepIndicator: React.FC<StepIndicatorProps>;
-export default StepIndicator;

package/dist/mocked_classnames/components/MultiStepIndicator/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MultiStepIndicator, type MultiStepIndicatorProps } from "./MultiStepIndicator";
-export * from "./MultiStep.types";

package/dist/mocked_classnames/components/Steps/Steps.d.ts

@@ -1,56 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type StepsColor, type StepsType } from "./Steps.types";
-import { type ButtonProps } from "@vibe/button";
-import { type VibeComponentProps } from "../../types";
-export interface StepsProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex?: number;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep?: (e: React.MouseEvent, stepIndex: number) => void;
-    /**
-     * If true, hides the navigation buttons.
-     */
-    areNavigationButtonsHidden?: boolean;
-    /**
-     * The list of steps in the steps component.
-     */
-    steps?: ReactElement[];
-    /**
-     * The visual style of the steps component.
-     */
-    type?: StepsType;
-    /**
-     * The color theme of the steps component.
-     */
-    color?: StepsColor;
-    /**
-     * If true, the content is displayed above the step navigation.
-     */
-    isContentOnTop?: boolean;
-    /**
-     * If true, hides the icons in the navigation buttons.
-     */
-    areButtonsIconsHidden?: boolean;
-    /**
-     * Props applied to the back button.
-     */
-    backButtonProps?: Partial<ButtonProps>;
-    /**
-     * Props applied to the next button.
-     */
-    nextButtonProps?: Partial<ButtonProps>;
-    /**
-     * Props applied to the finish button.
-     */
-    finishButtonProps?: Partial<ButtonProps>;
-    /**
-     * Callback fired when the finish button is clicked.
-     */
-    onFinish?: (e: React.MouseEvent | React.KeyboardEvent) => void;
-}
-declare const Steps: React.ForwardRefExoticComponent<StepsProps & React.RefAttributes<HTMLElement>>;
-export default Steps;

package/dist/mocked_classnames/components/Steps/Steps.types.d.ts

@@ -1,3 +0,0 @@
-export type StepsType = "numbers" | "gallery";
-export type StepsDotAriaCurrent = "page" | "step" | "location" | "date" | "time";
-export type StepsColor = "primary" | "on-primary-color" | "on-inverted-background";

package/dist/mocked_classnames/components/Steps/StepsCommand.d.ts

@@ -1,35 +0,0 @@
-import React, { type FC } from "react";
-import { type ButtonProps } from "@vibe/button";
-import { type StepsColor } from "./Steps.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface StepsCommandProps extends VibeComponentProps {
-    /**
-     * If true, this button is for moving to the next step.
-     */
-    isNext?: boolean;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep?: (e: React.MouseEvent, newStepIndex: number) => void;
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * If true, hides the navigation icon.
-     */
-    isIconHidden?: boolean;
-    /**
-     * Props applied to the button.
-     */
-    buttonProps?: Partial<ButtonProps>;
-    /**
-     * The color theme of the button.
-     */
-    color?: StepsColor;
-}
-export declare const StepsCommand: FC<StepsCommandProps>;

package/dist/mocked_classnames/components/Steps/StepsConstants.d.ts

@@ -1,3 +0,0 @@
-export declare const NEXT_TEXT = "Next";
-export declare const BACK_TEXT = "Back";
-export declare const FINISH_TEXT = "Finish";

package/dist/mocked_classnames/components/Steps/StepsDot.d.ts

@@ -1,26 +0,0 @@
-import { type StepsColor, type StepsDotAriaCurrent } from "./Steps.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import React, { type FC } from "react";
-export interface StepsDotProps extends VibeComponentProps {
-    /**
-     * Callback fired when the dot is clicked.
-     */
-    onClick?: (e: React.MouseEvent) => void;
-    /**
-     * ARIA attribute to indicate the current step.
-     */
-    ariaCurrent?: StepsDotAriaCurrent | boolean;
-    /**
-     * If true, marks the dot as active.
-     */
-    isActive?: boolean;
-    /**
-     * The ARIA label for the dot.
-     */
-    "aria-label"?: string;
-    /**
-     * The color theme of the dot.
-     */
-    color?: StepsColor;
-}
-export declare const StepsDot: FC<StepsDotProps>;

package/dist/mocked_classnames/components/Steps/StepsGalleryHeader.d.ts

@@ -1,26 +0,0 @@
-import React, { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type StepsColor } from "./Steps.types";
-export interface StepsGalleryHeaderProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;
-    /**
-     * A function to generate step descriptions for accessibility.
-     */
-    stepDescriptionFunc?: (stepIndex: number) => string;
-    /**
-     * The color theme of the gallery header.
-     */
-    color?: StepsColor;
-}
-export declare const StepsGalleryHeader: FC<StepsGalleryHeaderProps>;

package/dist/mocked_classnames/components/Steps/StepsHeader.d.ts

@@ -1,51 +0,0 @@
-import React, { type FC } from "react";
-import { type StepsType, type StepsColor } from "./Steps.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type ButtonProps } from "@vibe/button";
-export interface StepsHeaderProps extends VibeComponentProps {
-    /**
-     * The type of steps header.
-     */
-    type: StepsType;
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * Callback fired when the active step changes.
-     */
-    onChangeActiveStep: (e: React.MouseEvent, stepIndex: number) => void;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * If true, hides the navigation buttons.
-     */
-    areNavigationButtonsHidden: boolean;
-    /**
-     * Props applied to the back button.
-     */
-    backButtonProps: Partial<ButtonProps>;
-    /**
-     * Props applied to the next button.
-     */
-    nextButtonProps: Partial<ButtonProps>;
-    /**
-     * Props applied to the finish button.
-     */
-    finishButtonProps: Partial<ButtonProps>;
-    /**
-     * If true, hides the icons in the navigation buttons.
-     */
-    areButtonsIconsHidden: boolean;
-    /**
-     * The color theme of the steps header.
-     */
-    color?: StepsColor;
-    /**
-     * Callback fired when the finish button is clicked.
-     */
-    onFinish?: (e: React.MouseEvent) => void;
-}
-export declare const StepsHeader: FC<StepsHeaderProps>;

package/dist/mocked_classnames/components/Steps/StepsNumbersHeader.d.ts

@@ -1,18 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-import { type StepsColor } from "./Steps.types";
-export interface StepsNumbersHeaderProps extends VibeComponentProps {
-    /**
-     * The index of the currently active step.
-     */
-    activeStepIndex: number;
-    /**
-     * The total number of steps.
-     */
-    stepsCount: number;
-    /**
-     * The color theme of the steps numbers header.
-     */
-    color?: StepsColor;
-}
-export declare const StepsNumbersHeader: FC<StepsNumbersHeaderProps>;

package/dist/mocked_classnames/components/Steps/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Steps, type StepsProps } from "./Steps";
-export * from "./Steps.types";

package/dist/mocked_classnames/hooks/useFocusWithin.d.ts

@@ -1,14 +0,0 @@
-import { type FocusEvent } from "react";
-type Result = {
-    focusWithinProps?: {
-        onFocus?: (e: FocusEvent) => void;
-        onBlur?: (e: FocusEvent) => void;
-    };
-};
-export declare function useFocusWithin({ onFocusWithin, onFocusWithinChange, isDisabled, onBlurWithin }: {
-    onFocusWithin?: (event: FocusEvent) => void;
-    onBlurWithin?: (event: FocusEvent) => void;
-    onFocusWithinChange?: (isWithinChange: boolean) => void;
-    isDisabled?: boolean;
-}): Result;
-export {};

package/dist/mocked_classnames/hooks/useIsMouseEnter.d.ts

@@ -1,4 +0,0 @@
-import { type RefObject } from "react";
-export default function useIsMouseEnter({ ref }: {
-    ref: RefObject<HTMLElement>;
-}): boolean;

package/dist/mocked_classnames/src/components/Menu/Menu/Menu.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import o,{forwardRef as s,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import{useMergeRef as a,useIsomorphicLayoutEffect as c,getStyle as m}from"@vibe/shared";import{useClickOutside as v,usePrevious as I}from"@vibe/hooks";import b from"./hooks/useSubMenuIndex.js";import f from"./hooks/useOnCloseMenu.js";import p from"./hooks/useCloseMenuOnKeyEvent.js";import M from"./hooks/useMenuKeyboardNavigation.js";import x from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as h}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as S}from"../../../hooks/useFocusWithin.js";import{getTestId as O}from"../../../tests/testIds.js";import{ComponentDefaultTestId as j,ComponentVibeId as g}from"../../../tests/constants.js";import{useFocusOnMount as E}from"./hooks/useFocusOnMount.js";import{useMenuId as k}from"./hooks/useMenuId.js";import{generateMenuItemId as A}from"./utils/utils.js";import C from"./Menu.module.scss.js";var y=s((function(s,y){var N=s.id,F=s.className,B=s.size,D=void 0===B?t.MEDIUM:B,P=s.tabIndex,L=void 0===P?0:P,V=s["aria-label"],U=void 0===V?"Menu":V,T=s["aria-describedby"],W=s.children,z=s.isVisible,K=void 0===z||z,R=s.onClose,_=s.onItemFocus,q=s.focusOnMount,H=void 0!==q&&q,w=s.focusItemIndex,G=void 0===w?-1:w,J=s.focusItemIndexOnMount,Q=void 0===J?-1:J,X=s.isSubMenu,Y=void 0!==X&&X,Z=s.useDocumentEventListeners,$=void 0!==Z&&Z,ee=s.shouldScrollMenu,ne=void 0!==ee&&ee,te=s["data-testid"],oe=u(null),se=a(oe,y),ue=k(N),ie=u(null),re=i(G),le=e(re,2),de=le[0],ae=le[1],ce=i(!1),me=e(ce,2),ve=me[0],Ie=me[1],be=r((function(){return o.Children.toArray(W).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[W]),fe=l((function(e){var n,t,s;ae(e);var u=be[e],i=o.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(ue,"-item-").concat(e):void 0;i?null===(t=null==oe?void 0:oe.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(s=null==oe?void 0:oe.current)||void 0===s||s.removeAttribute("aria-activedescendant")}),[be,ue]),pe=l((function(e){_&&_(e),fe(e),Ie(!1)}),[fe,_]),Me=b(),xe=Me.setSubMenuIsOpenByIndex,he=Me.hasOpenSubMenu,Se=Me.openSubMenuIndex,Oe=Me.resetOpenSubMenuIndex,je=f({setActiveItemIndex:pe,setOpenSubMenuIndex:Me.setOpenSubMenuIndex,onClose:R});v({ref:oe,callback:function(){return je()}}),p({hasOpenSubMenu:he,onCloseMenu:je,ref:oe,onClose:R,isSubMenu:Y,useDocumentEventListeners:$});var ge=h({children:be}),Ee=ge.getNextSelectableIndex,ke=ge.getPreviousSelectableIndex;M({hasOpenSubMenu:he,getNextSelectableIndex:Ee,getPreviousSelectableIndex:ke,activeItemIndex:de,setActiveItemIndex:pe,isVisible:K,ref:oe,useDocumentEventListeners:$}),x({resetOpenSubMenuIndex:Oe,hasOpenSubMenu:he,ref:oe,setActiveItemIndex:pe}),E({focusItemIndexOnMount:Q,focusChildOnMount:be[Q],getNextSelectableIndex:Ee,updateActiveItemIndex:fe,setIsInitialFocusSet:Ie});var Ae=l((function(){Ie(!0)}),[Ie]),Ce=I(he);d((function(){var e;he||$||de>-1&&Ce&&(null===(e=null==oe?void 0:oe.current)||void 0===e||e.focus())}),[de,he,Ce,$]),c((function(){H&&!$&&requestAnimationFrame((function(){oe&&oe.current&&oe.current.focus()}))}),[oe,H,$]);var ye=S({onBlurWithin:function(){je&&je()}}).focusWithinProps;return o.createElement("ul",{onFocus:null==ye?void 0:ye.onFocus,onBlur:null==ye?void 0:ye.onBlur,id:ue,"data-testid":te||O(j.MENU,N),"data-vibe":g.MENU,className:n(C.menu,m(C,D),F),ref:se,tabIndex:L,"aria-label":U,role:"menu","aria-describedby":T,onMouseOver:Ae},be&&o.Children.map(be,(function(e,n){return o.isValidElement(e)?o.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:de,index:n,setActiveItemIndex:fe,menuRef:oe,resetOpenSubMenuIndex:Oe,isParentMenuVisible:K,setSubMenuIsOpenByIndex:xe,hasOpenSubMenu:n===Se,closeMenu:je,id:A(ue,e,n),useDocumentEventListeners:$,isInitialSelectedState:ve,shouldScrollMenu:ne,getNextSelectableIndex:Ee,getPreviousSelectableIndex:ke,isUnderSubMenu:Y,splitMenuItemIconButtonRef:ie})):null})))}));Object.assign(y,{isMenu:!0,supportFocusOnMount:!0});export{y as default};
-//# sourceMappingURL=Menu.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Menu/Menu/Menu.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport React, { forwardRef, type ReactElement, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useMergeRef, useIsomorphicLayoutEffect, getStyle } from \"@vibe/shared\";\n\nimport { useClickOutside } from \"@vibe/hooks\";\nimport useSubMenuIndex from \"./hooks/useSubMenuIndex\";\nimport useOnCloseMenu from \"./hooks/useOnCloseMenu\";\nimport useCloseMenuOnKeyEvent from \"./hooks/useCloseMenuOnKeyEvent\";\nimport useMenuKeyboardNavigation from \"./hooks/useMenuKeyboardNavigation\";\nimport useMouseLeave from \"./hooks/useMouseLeave\";\nimport { useAdjacentSelectableMenuIndex } from \"./hooks/useAdjacentSelectableMenuIndex\";\nimport { useFocusWithin } from \"../../../hooks/useFocusWithin\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport { type ElementContent, type VibeComponentProps } from \"../../../types\";\n\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { useFocusOnMount } from \"./hooks/useFocusOnMount\";\nimport { useMenuId } from \"./hooks/useMenuId\";\nimport { type CloseMenuOption, type MenuChild } from \"./MenuConstants\";\nimport { generateMenuItemId } from \"./utils/utils\";\nimport styles from \"./Menu.module.scss\";\n\nexport interface MenuProps extends VibeComponentProps {\n  /**\n   * Size of the menu.\n   */\n  size?: (typeof SIZES)[keyof typeof SIZES];\n  /**\n   * The tab index of the menu.\n   */\n  tabIndex?: number;\n  /**\n   * ARIA label for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * ARIA description ID.\n   */\n  \"aria-describedby\"?: string;\n  /**\n   * If true, the menu will automatically focus on mount.\n   */\n  focusOnMount?: boolean;\n  /**\n   * Callback when a menu item gains focus.\n   */\n  onItemFocus?: (index: number) => void;\n  /**\n   * Controls the visibility of the menu.\n   */\n  isVisible?: boolean;\n  /**\n   * Callback triggered when the menu closes.\n   */\n  onClose?: (option: CloseMenuOption) => void;\n  /**\n   * Index of the focused menu item.\n   */\n  focusItemIndex?: number;\n  /**\n   * If true, this menu is a submenu.\n   */\n  isSubMenu?: boolean;\n  /**\n   * If true, event listeners will be attached to the document.\n   */\n  useDocumentEventListeners?: boolean;\n  /**\n   * Index of the item that should be focused when the menu mounts.\n   */\n  focusItemIndexOnMount?: number;\n  /**\n   * If true, enables scrolling within the menu.\n   */\n  shouldScrollMenu?: boolean;\n  /**\n   * The menu items.\n   */\n  children?: ElementContent;\n}\n\nconst Menu = forwardRef(\n  (\n    {\n      id,\n      className,\n      size = SIZES.MEDIUM,\n      tabIndex = 0,\n      \"aria-label\": ariaLabel = \"Menu\",\n      \"aria-describedby\": ariaDescribedBy,\n      children: originalChildren,\n      isVisible = true,\n      onClose,\n      onItemFocus,\n      focusOnMount = false,\n      focusItemIndex = -1,\n      focusItemIndexOnMount = -1,\n      isSubMenu = false,\n      useDocumentEventListeners = false,\n      shouldScrollMenu = false,\n      \"data-testid\": dataTestId\n    }: MenuProps,\n    forwardedRef: React.ForwardedRef<HTMLElement>\n  ) => {\n    const ref = useRef(null);\n    const mergedRef = useMergeRef(ref, forwardedRef);\n\n    const overrideId = useMenuId(id);\n    const splitMenuItemIconButtonRef = useRef<HTMLElement>(null);\n\n    const [activeItemIndex, setActiveItemIndex] = useState(focusItemIndex);\n    const [isInitialSelectedState, setIsInitialSelectedState] = useState(false);\n\n    const children = useMemo(() => {\n      const allChildren = React.Children.toArray(originalChildren) as MenuChild[];\n      return allChildren.filter(child => {\n        if (child.type.isMenuChild) return true;\n        console.error(\n          \"Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: \",\n          child\n        );\n        return false;\n      });\n    }, [originalChildren]);\n\n    const updateActiveItemIndex = useCallback(\n      (index: number) => {\n        setActiveItemIndex(index);\n\n        const activeChild = children[index];\n        const ariaActiveDescendant = React.isValidElement(activeChild)\n          ? activeChild?.props?.id || `${overrideId}-item-${index}`\n          : undefined;\n        if (ariaActiveDescendant) {\n          ref?.current?.setAttribute(\"aria-activedescendant\", ariaActiveDescendant);\n        } else {\n          ref?.current?.removeAttribute(\"aria-activedescendant\");\n        }\n      },\n      [children, overrideId]\n    );\n\n    const onSetActiveItemIndexCallback = useCallback(\n      (index: number) => {\n        onItemFocus && onItemFocus(index);\n        updateActiveItemIndex(index);\n        setIsInitialSelectedState(false);\n      },\n      [updateActiveItemIndex, onItemFocus]\n    );\n\n    const { setSubMenuIsOpenByIndex, hasOpenSubMenu, openSubMenuIndex, setOpenSubMenuIndex, resetOpenSubMenuIndex } =\n      useSubMenuIndex();\n\n    const onCloseMenu = useOnCloseMenu({\n      setActiveItemIndex: onSetActiveItemIndexCallback,\n      setOpenSubMenuIndex,\n      onClose\n    });\n\n    useClickOutside({ ref, callback: () => onCloseMenu() });\n    useCloseMenuOnKeyEvent({ hasOpenSubMenu, onCloseMenu, ref, onClose, isSubMenu, useDocumentEventListeners });\n\n    const { getNextSelectableIndex, getPreviousSelectableIndex } = useAdjacentSelectableMenuIndex({\n      children: children as ReactElement[]\n    });\n    useMenuKeyboardNavigation({\n      hasOpenSubMenu,\n      getNextSelectableIndex,\n      getPreviousSelectableIndex,\n      activeItemIndex,\n      setActiveItemIndex: onSetActiveItemIndexCallback,\n      isVisible,\n      ref,\n      useDocumentEventListeners\n    });\n    useMouseLeave({\n      resetOpenSubMenuIndex,\n      hasOpenSubMenu,\n      ref,\n      setActiveItemIndex: onSetActiveItemIndexCallback\n    });\n    useFocusOnMount({\n      focusItemIndexOnMount,\n      focusChildOnMount: children[focusItemIndexOnMount] as ReactElement,\n      getNextSelectableIndex,\n      updateActiveItemIndex,\n      setIsInitialFocusSet: setIsInitialSelectedState\n    });\n\n    const onMouseMove = useCallback(() => {\n      setIsInitialSelectedState(true);\n    }, [setIsInitialSelectedState]);\n\n    const previousHasOpenSubMenu = usePrevious(hasOpenSubMenu);\n    useEffect(() => {\n      if (hasOpenSubMenu || useDocumentEventListeners) return;\n      if (activeItemIndex > -1 && previousHasOpenSubMenu) {\n        // the submenu was just closed, so we want to focus the menu to capture keyboard events\n        ref?.current?.focus();\n      }\n    }, [activeItemIndex, hasOpenSubMenu, previousHasOpenSubMenu, useDocumentEventListeners]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!focusOnMount || useDocumentEventListeners) return;\n      requestAnimationFrame(() => {\n        ref && ref.current && ref.current.focus();\n      });\n    }, [ref, focusOnMount, useDocumentEventListeners]);\n\n    const { focusWithinProps } = useFocusWithin({\n      onBlurWithin: () => {\n        onCloseMenu && onCloseMenu();\n      }\n    });\n\n    return (\n      <ul\n        onFocus={focusWithinProps?.onFocus}\n        onBlur={focusWithinProps?.onBlur}\n        id={overrideId}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU, id)}\n        data-vibe={ComponentVibeId.MENU}\n        className={cx(styles.menu, getStyle(styles, size), className)}\n        ref={mergedRef}\n        tabIndex={tabIndex}\n        aria-label={ariaLabel}\n        role=\"menu\"\n        aria-describedby={ariaDescribedBy}\n        onMouseOver={onMouseMove}\n      >\n        {children &&\n          React.Children.map(children, (child, index) => {\n            return React.isValidElement(child)\n              ? React.cloneElement(child, {\n                  ...child?.props,\n                  activeItemIndex,\n                  index,\n                  setActiveItemIndex: updateActiveItemIndex,\n                  menuRef: ref,\n                  resetOpenSubMenuIndex,\n                  isParentMenuVisible: isVisible,\n                  setSubMenuIsOpenByIndex,\n                  hasOpenSubMenu: index === openSubMenuIndex,\n                  closeMenu: onCloseMenu,\n                  id: generateMenuItemId(overrideId, child, index),\n                  useDocumentEventListeners,\n                  isInitialSelectedState,\n                  shouldScrollMenu,\n                  getNextSelectableIndex,\n                  getPreviousSelectableIndex,\n                  isUnderSubMenu: isSubMenu,\n                  splitMenuItemIconButtonRef\n                })\n              : null;\n          })}\n      </ul>\n    );\n  }\n);\n\nObject.assign(Menu, {\n  isMenu: true,\n  supportFocusOnMount: true\n});\n\nexport default Menu;\n"],"names":["Menu","forwardRef","_ref","forwardedRef","id","className","_ref$size","size","SIZES","MEDIUM","_ref$tabIndex","tabIndex","_ref$ariaLabel","ariaLabel","ariaDescribedBy","originalChildren","children","_ref$isVisible","isVisible","onClose","onItemFocus","_ref$focusOnMount","focusOnMount","_ref$focusItemIndex","focusItemIndex","_ref$focusItemIndexOn","focusItemIndexOnMount","_ref$isSubMenu","isSubMenu","_ref$useDocumentEvent","useDocumentEventListeners","_ref$shouldScrollMenu","shouldScrollMenu","dataTestId","ref","useRef","mergedRef","useMergeRef","overrideId","useMenuId","splitMenuItemIconButtonRef","_useState","useState","_useState2","_slicedToArray","activeItemIndex","setActiveItemIndex","_useState3","_useState4","isInitialSelectedState","setIsInitialSelectedState","useMemo","React","Children","toArray","filter","child","type","isMenuChild","console","error","updateActiveItemIndex","useCallback","index","activeChild","ariaActiveDescendant","isValidElement","_a","props","concat","undefined","_b","current","setAttribute","_c","removeAttribute","onSetActiveItemIndexCallback","_useSubMenuIndex","useSubMenuIndex","setSubMenuIsOpenByIndex","hasOpenSubMenu","openSubMenuIndex","resetOpenSubMenuIndex","onCloseMenu","useOnCloseMenu","setOpenSubMenuIndex","useClickOutside","callback","useCloseMenuOnKeyEvent","_useAdjacentSelectabl","useAdjacentSelectableMenuIndex","getNextSelectableIndex","getPreviousSelectableIndex","useMenuKeyboardNavigation","useMouseLeave","useFocusOnMount","focusChildOnMount","setIsInitialFocusSet","onMouseMove","previousHasOpenSubMenu","usePrevious","useEffect","focus","useIsomorphicLayoutEffect","requestAnimationFrame","focusWithinProps","useFocusWithin","onBlurWithin","createElement","onFocus","onBlur","getTestId","ComponentDefaultTestId","MENU","ComponentVibeId","cx","styles","menu","getStyle","role","onMouseOver","map","cloneElement","Object","assign","menuRef","isParentMenuVisible","closeMenu","generateMenuItemId","isUnderSubMenu","isMenu","supportFocusOnMount"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js

@@ -1,2 +0,0 @@
-var e={menu:"menu",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-1599ba0bb296_4_5_20";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.menu {\n  margin: unset;\n  padding: unset;\n  position: relative;\n}\n.menu:focus {\n  outline: none;\n}\n.small {\n  width: 200px;\n}\n.medium {\n  width: 220px;\n}\n.large {\n  width: 240px;\n}");export{e as default};
-//# sourceMappingURL=Menu.module.scss.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js

@@ -1,2 +0,0 @@
-import{useCallback as e}from"react";import{isMenuChildSelectable as r}from"../utils/utils.js";var t=function(t){var n=t.children;return{getNextSelectableIndex:e((function(e){for(var t,l=1;n.length>=l;l++)if(r(n[t=(e+l)%n.length]))return t;return null}),[n]),getPreviousSelectableIndex:e((function(e){for(var t,l=n.length-1;l>0;l--)if(r(n[t=(e+l)%n.length]))return t;return null}),[n])}};export{t as useAdjacentSelectableMenuIndex};
-//# sourceMappingURL=useAdjacentSelectableMenuIndex.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAdjacentSelectableMenuIndex.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useAdjacentSelectableMenuIndex.tsx"],"sourcesContent":["import { type ReactElement, useCallback } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport const useAdjacentSelectableMenuIndex = ({ children }: { children: ReactElement[] }) => {\n  const getNextSelectableIndex = useCallback(\n    (currentActiveItemIndex: number) => {\n      let newIndex;\n      for (let offset = 1; offset <= children.length; offset++) {\n        newIndex = (currentActiveItemIndex + offset) % children.length;\n        if (isMenuChildSelectable(children[newIndex])) {\n          return newIndex;\n        }\n      }\n      return null;\n    },\n    [children]\n  );\n\n  const getPreviousSelectableIndex = useCallback(\n    (currentActiveItemIndex: number) => {\n      let newIndex;\n      for (let offset = children.length - 1; offset > 0; offset--) {\n        newIndex = (currentActiveItemIndex + offset) % children.length;\n        if (isMenuChildSelectable(children[newIndex])) {\n          return newIndex;\n        }\n      }\n      return null;\n    },\n    [children]\n  );\n\n  return { getNextSelectableIndex, getPreviousSelectableIndex };\n};\n"],"names":["useAdjacentSelectableMenuIndex","_ref","children","getNextSelectableIndex","useCallback","currentActiveItemIndex","newIndex","offset","length","isMenuChildSelectable","getPreviousSelectableIndex"],"mappings":"kGAGaA,EAAiC,SAAHC,GAAkD,IAA5CC,EAAQD,EAARC,SA6B/C,MAAO,CAAEC,uBA5BsBC,GAC7B,SAACC,GAEC,IADA,IAAIC,EACKC,EAAS,EAAaL,EAASM,QAAnBD,EAA2BA,IAE9C,GAAIE,EAAsBP,EAD1BI,GAAYD,EAAyBE,GAAUL,EAASM,SAEtD,OAAOF,EAGX,OAAO,IACT,GACA,CAACJ,IAiB8BQ,2BAdEN,GACjC,SAACC,GAEC,IADA,IAAIC,EACKC,EAASL,EAASM,OAAS,EAAGD,EAAS,EAAGA,IAEjD,GAAIE,EAAsBP,EAD1BI,GAAYD,EAAyBE,GAAUL,EAASM,SAEtD,OAAOF,EAGX,OAAO,IACT,GACA,CAACJ,IAIL"}

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js

@@ -1,2 +0,0 @@
-import{useCallback as e}from"react";import{useKeyEvent as o}from"@vibe/shared";import{keyCodes as t}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";var s=[t.ESCAPE,t.LEFT_ARROW,t.TAB];function n(n){var r=n.hasOpenSubMenu,a=n.onCloseMenu,i=n.ref,p=n.onClose,u=n.isSubMenu,c=n.useDocumentEventListeners,f=e((function(e){var o=e.key;r||(o!==t.LEFT_ARROW||u)&&[t.ESCAPE,t.LEFT_ARROW,t.TAB].includes(o)&&(a({propagate:!1}),p&&(p({propagate:!1},o),e.preventDefault(),e.stopPropagation()))}),[p,r,a,u]);o({keys:s,callback:f,ref:c?void 0:i})}export{n as default};
-//# sourceMappingURL=useCloseMenuOnKeyEvent.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useCloseMenuOnKeyEvent.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback } from \"react\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\nimport { type CloseMenuOption } from \"../MenuConstants\";\nimport { keyCodes } from \"../../../../constants\";\n\nconst KEYS = [keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB];\n\nexport default function useCloseMenuOnKeyEvent({\n  hasOpenSubMenu,\n  onCloseMenu,\n  ref,\n  onClose,\n  isSubMenu,\n  useDocumentEventListeners\n}: {\n  hasOpenSubMenu: boolean;\n  onCloseMenu: (option: CloseMenuOption) => void;\n  ref: React.RefObject<HTMLElement>;\n  onClose: (option: CloseMenuOption, key?: string) => void;\n  isSubMenu: boolean;\n  useDocumentEventListeners: boolean;\n}) {\n  const onKeyEvent = useCallback(\n    (event: React.KeyboardEvent) => {\n      const key = event.key;\n\n      if (hasOpenSubMenu) return;\n\n      if (key === keyCodes.LEFT_ARROW && !isSubMenu) {\n        return;\n      }\n      if (![keyCodes.ESCAPE, keyCodes.LEFT_ARROW, keyCodes.TAB].includes(key)) {\n        return;\n      }\n\n      onCloseMenu({ propagate: false });\n\n      if (onClose) {\n        onClose({ propagate: false }, key);\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [onClose, hasOpenSubMenu, onCloseMenu, isSubMenu]\n  );\n\n  useKeyEvent({\n    keys: KEYS,\n    callback: onKeyEvent,\n    ref: useDocumentEventListeners ? undefined : ref\n  });\n}\n"],"names":["KEYS","keyCodes","ESCAPE","LEFT_ARROW","TAB","useCloseMenuOnKeyEvent","_ref","hasOpenSubMenu","onCloseMenu","ref","onClose","isSubMenu","useDocumentEventListeners","onKeyEvent","useCallback","event","key","includes","propagate","preventDefault","stopPropagation","useKeyEvent","keys","callback","undefined"],"mappings":"mLAMA,IAAMA,EAAO,CAACC,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAE/C,SAAUC,EAAsBC,GAc7C,IAbCC,EAAcD,EAAdC,eACAC,EAAWF,EAAXE,YACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QACAC,EAASL,EAATK,UACAC,EAAyBN,EAAzBM,0BASMC,EAAaC,GACjB,SAACC,GACC,IAAMC,EAAMD,EAAMC,IAEdT,IAEAS,IAAQf,EAASE,YAAeQ,IAG/B,CAACV,EAASC,OAAQD,EAASE,WAAYF,EAASG,KAAKa,SAASD,KAInER,EAAY,CAAEU,WAAW,IAErBR,IACFA,EAAQ,CAAEQ,WAAW,GAASF,GAC9BD,EAAMI,iBACNJ,EAAMK,mBAET,GACD,CAACV,EAASH,EAAgBC,EAAaG,IAGzCU,EAAY,CACVC,KAAMtB,EACNuB,SAAUV,EACVJ,IAAKG,OAA4BY,EAAYf,GAEjD"}

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useFocusOnMount.js

@@ -1,2 +0,0 @@
-import{useEffect as t}from"react";import{isMenuChildSelectable as e}from"../utils/utils.js";var n=function(n){var i=n.focusItemIndexOnMount,o=n.focusChildOnMount,u=n.getNextSelectableIndex,r=n.updateActiveItemIndex,a=n.setIsInitialFocusSet;t((function(){if(-1!==i){var t=e(o)?i:u(i);null!==t&&requestAnimationFrame((function(){r(t),a(!0)}))}}),[o,i,u,a,r])};export{n as useFocusOnMount};
-//# sourceMappingURL=useFocusOnMount.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useFocusOnMount.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusOnMount.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useFocusOnMount.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { type ReactElement } from \"react\";\nimport { isMenuChildSelectable } from \"../utils/utils\";\n\nexport interface UseFocusOnMountProps {\n  focusItemIndexOnMount: number;\n  focusChildOnMount: ReactElement;\n  getNextSelectableIndex: (index: number) => number | null;\n  updateActiveItemIndex: (index: number) => void;\n  setIsInitialFocusSet: (state: boolean) => void;\n}\n\nexport const useFocusOnMount = ({\n  focusItemIndexOnMount,\n  focusChildOnMount,\n  getNextSelectableIndex,\n  updateActiveItemIndex,\n  setIsInitialFocusSet\n}: UseFocusOnMountProps) => {\n  useEffect(() => {\n    if (focusItemIndexOnMount === -1) {\n      return;\n    }\n\n    const indexToFocusOnMount = isMenuChildSelectable(focusChildOnMount)\n      ? focusItemIndexOnMount\n      : getNextSelectableIndex(focusItemIndexOnMount);\n\n    if (indexToFocusOnMount !== null) {\n      requestAnimationFrame(() => {\n        updateActiveItemIndex(indexToFocusOnMount);\n        setIsInitialFocusSet(true);\n      });\n    }\n  }, [focusChildOnMount, focusItemIndexOnMount, getNextSelectableIndex, setIsInitialFocusSet, updateActiveItemIndex]);\n};\n"],"names":["useFocusOnMount","_ref","focusItemIndexOnMount","focusChildOnMount","getNextSelectableIndex","updateActiveItemIndex","setIsInitialFocusSet","useEffect","indexToFocusOnMount","isMenuChildSelectable","requestAnimationFrame"],"mappings":"gGAYaA,EAAkB,SAAHC,GAMD,IALzBC,EAAqBD,EAArBC,sBACAC,EAAiBF,EAAjBE,kBACAC,EAAsBH,EAAtBG,uBACAC,EAAqBJ,EAArBI,sBACAC,EAAoBL,EAApBK,qBAEAC,GAAU,WACR,IAA+B,IAA3BL,EAAJ,CAIA,IAAMM,EAAsBC,EAAsBN,GAC9CD,EACAE,EAAuBF,GAEC,OAAxBM,GACFE,uBAAsB,WACpBL,EAAsBG,GACtBF,GAAqB,EACvB,GAVF,CAYF,GAAG,CAACH,EAAmBD,EAAuBE,EAAwBE,EAAsBD,GAC9F"}

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuId.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o}from"react";import{useIsomorphicLayoutEffect as t}from"@vibe/shared";var e=0,n=function(){return"menu-".concat(e++)},i=function(e){var i=o(),a=r(i,2),u=a[0],c=a[1];return t((function(){c(e||n())}),[e]),u};export{n as generateMenuId,i as useMenuId};
-//# sourceMappingURL=useMenuId.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuId.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useMenuId.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\n\nlet menuIdCounter = 0;\nexport const generateMenuId = () => {\n  return `menu-${menuIdCounter++}`;\n};\n\nexport const useMenuId = (id: string) => {\n  const [menuId, setMenuId] = useState<string>();\n  useIsomorphicLayoutEffect(() => {\n    setMenuId(id || generateMenuId());\n  }, [id]);\n  return menuId;\n};\n"],"names":["menuIdCounter","generateMenuId","concat","useMenuId","id","_useState","useState","_useState2","_slicedToArray","menuId","setMenuId","useIsomorphicLayoutEffect"],"mappings":"+KAGA,IAAIA,EAAgB,EACPC,EAAiB,WAC5B,MAAAC,QAAAA,OAAeF,IACjB,EAEaG,EAAY,SAACC,GACxB,IAAAC,EAA4BC,IAAkBC,EAAAC,EAAAH,EAAA,GAAvCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAIxB,OAHAI,GAA0B,WACxBD,EAAUN,GAAMH,IAClB,GAAG,CAACG,IACGK,CACT"}

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js

@@ -1,2 +0,0 @@
-import{useCallback as e,useMemo as t}from"react";import{NavDirections as n,useKeyEvent as a,ARROW_DOWN_KEYS as c,ARROW_UP_KEYS as i,ENTER_KEYS as s,HOME_KEYS as r,END_KEYS as f}from"@vibe/shared";function o(o){var l=o.hasOpenSubMenu,u=o.getNextSelectableIndex,b=o.getPreviousSelectableIndex,k=o.activeItemIndex,v=o.setActiveItemIndex,g=o.isVisible,O=o.ref,m=o.useDocumentEventListeners,p=e((function(e){var t;if(l)return!1;e===n.DOWN?t=u(k):e===n.UP&&(t=b(k)),(t||0===t)&&v(t)}),[k,u,b,l,v]),d=e((function(){p(n.UP)}),[p]),x=e((function(){p(n.DOWN)}),[p]),I=e((function(e){g&&-1===k&&v(0)}),[v,k,g]),j=e((function(){if(!l){var e=u(-1);-1!==e&&v(e)}}),[l,u,v]),y=e((function(){if(!l){var e=b(0);-1!==e&&v(e)}}),[l,b,v]),D=t((function(){if(!m)return{ref:O,preventDefault:!0,stopPropagation:!0}}),[m,O]);a(Object.assign({keys:c,callback:x},D)),a(Object.assign({keys:i,callback:d},D)),a(Object.assign({keys:s,callback:I},D)),a(Object.assign({keys:r,callback:j},D)),a(Object.assign({keys:f,callback:y},D))}export{o as default};
-//# sourceMappingURL=useMenuKeyboardNavigation.js.map

package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMenuKeyboardNavigation.js","sources":["../../../../../../../src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useMemo } from \"react\";\nimport { ARROW_DOWN_KEYS, ARROW_UP_KEYS, ENTER_KEYS, HOME_KEYS, END_KEYS, NavDirections } from \"@vibe/shared\";\nimport useKeyEvent from \"../../../../hooks/useKeyEvent\";\n\nexport default function useMenuKeyboardNavigation({\n  hasOpenSubMenu,\n  getNextSelectableIndex,\n  getPreviousSelectableIndex,\n  activeItemIndex,\n  setActiveItemIndex,\n  isVisible,\n  ref,\n  useDocumentEventListeners\n}: {\n  hasOpenSubMenu: boolean;\n  getNextSelectableIndex: (index: number) => number;\n  getPreviousSelectableIndex: (index: number) => number;\n  activeItemIndex: number;\n  setActiveItemIndex: (index: number) => void;\n  isVisible: boolean;\n  ref: React.RefObject<HTMLElement>;\n  useDocumentEventListeners: boolean;\n}) {\n  const onArrowKeyEvent = useCallback(\n    (direction: NavDirections) => {\n      let newIndex;\n\n      if (hasOpenSubMenu) return false;\n\n      if (direction === NavDirections.DOWN) {\n        newIndex = getNextSelectableIndex(activeItemIndex);\n      } else if (direction === NavDirections.UP) {\n        newIndex = getPreviousSelectableIndex(activeItemIndex);\n      }\n\n      if (newIndex || newIndex === 0) setActiveItemIndex(newIndex);\n    },\n    [activeItemIndex, getNextSelectableIndex, getPreviousSelectableIndex, hasOpenSubMenu, setActiveItemIndex]\n  );\n  const onArrowUp = useCallback(() => {\n    onArrowKeyEvent(NavDirections.UP);\n  }, [onArrowKeyEvent]);\n\n  const onArrowDown = useCallback(() => {\n    onArrowKeyEvent(NavDirections.DOWN);\n  }, [onArrowKeyEvent]);\n\n  const onEnterClickCallback = useCallback(\n    (_event: React.KeyboardEvent) => {\n      if (!isVisible) return;\n\n      if (activeItemIndex === -1) {\n        setActiveItemIndex(0);\n      }\n    },\n    [setActiveItemIndex, activeItemIndex, isVisible]\n  );\n\n  const onHomeKey = useCallback(() => {\n    if (hasOpenSubMenu) return;\n    const firstIndex = getNextSelectableIndex(-1);\n    if (firstIndex !== -1) {\n      setActiveItemIndex(firstIndex);\n    }\n  }, [hasOpenSubMenu, getNextSelectableIndex, setActiveItemIndex]);\n\n  const onEndKey = useCallback(() => {\n    if (hasOpenSubMenu) return;\n    const lastIndex = getPreviousSelectableIndex(0);\n    if (lastIndex !== -1) {\n      setActiveItemIndex(lastIndex);\n    }\n  }, [hasOpenSubMenu, getPreviousSelectableIndex, setActiveItemIndex]);\n\n  const listenerOptions = useMemo(() => {\n    if (useDocumentEventListeners) return undefined;\n\n    return {\n      ref,\n      preventDefault: true,\n      stopPropagation: true\n    };\n  }, [useDocumentEventListeners, ref]);\n\n  useKeyEvent({\n    keys: ARROW_DOWN_KEYS,\n    callback: onArrowDown,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: ARROW_UP_KEYS,\n    callback: onArrowUp,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: ENTER_KEYS,\n    callback: onEnterClickCallback,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: HOME_KEYS,\n    callback: onHomeKey,\n    ...listenerOptions\n  });\n\n  useKeyEvent({\n    keys: END_KEYS,\n    callback: onEndKey,\n    ...listenerOptions\n  });\n}\n"],"names":["useMenuKeyboardNavigation","_ref","hasOpenSubMenu","getNextSelectableIndex","getPreviousSelectableIndex","activeItemIndex","setActiveItemIndex","isVisible","ref","useDocumentEventListeners","onArrowKeyEvent","useCallback","direction","newIndex","NavDirections","DOWN","UP","onArrowUp","onArrowDown","onEnterClickCallback","_event","onHomeKey","firstIndex","onEndKey","lastIndex","listenerOptions","useMemo","preventDefault","stopPropagation","useKeyEvent","Object","assign","keys","ARROW_DOWN_KEYS","callback","ARROW_UP_KEYS","ENTER_KEYS","HOME_KEYS","END_KEYS"],"mappings":"oMAKwB,SAAAA,EAAyBC,GAkBhD,IAjBCC,EAAcD,EAAdC,eACAC,EAAsBF,EAAtBE,uBACAC,EAA0BH,EAA1BG,2BACAC,EAAeJ,EAAfI,gBACAC,EAAkBL,EAAlBK,mBACAC,EAASN,EAATM,UACAC,EAAGP,EAAHO,IACAC,EAAyBR,EAAzBQ,0BAWMC,EAAkBC,GACtB,SAACC,GACC,IAAIC,EAEJ,GAAIX,EAAgB,OAAO,EAEvBU,IAAcE,EAAcC,KAC9BF,EAAWV,EAAuBE,GACzBO,IAAcE,EAAcE,KACrCH,EAAWT,EAA2BC,KAGpCQ,GAAyB,IAAbA,IAAgBP,EAAmBO,EACrD,GACA,CAACR,EAAiBF,EAAwBC,EAA4BF,EAAgBI,IAElFW,EAAYN,GAAY,WAC5BD,EAAgBI,EAAcE,GAChC,GAAG,CAACN,IAEEQ,EAAcP,GAAY,WAC9BD,EAAgBI,EAAcC,KAChC,GAAG,CAACL,IAEES,EAAuBR,GAC3B,SAACS,GACMb,IAEoB,IAArBF,GACFC,EAAmB,EAEtB,GACD,CAACA,EAAoBD,EAAiBE,IAGlCc,EAAYV,GAAY,WAC5B,IAAIT,EAAJ,CACA,IAAMoB,EAAanB,GAAwB,IACvB,IAAhBmB,GACFhB,EAAmBgB,EAHD,CAKrB,GAAE,CAACpB,EAAgBC,EAAwBG,IAEtCiB,EAAWZ,GAAY,WAC3B,IAAIT,EAAJ,CACA,IAAMsB,EAAYpB,EAA2B,IAC1B,IAAfoB,GACFlB,EAAmBkB,EAHD,CAKrB,GAAE,CAACtB,EAAgBE,EAA4BE,IAE1CmB,EAAkBC,GAAQ,WAC9B,IAAIjB,EAEJ,MAAO,CACLD,IAAAA,EACAmB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACnB,EAA2BD,IAE/BqB,EAAWC,OAAAC,OAAA,CACTC,KAAMC,EACNC,SAAUhB,GACPO,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMG,EACND,SAAUjB,GACPQ,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMI,EACNF,SAAUf,GACPM,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMK,EACNH,SAAUb,GACPI,IAGLI,EAAWC,OAAAC,OAAA,CACTC,KAAMM,EACNJ,SAAUX,GACPE,GAEP"}