@vibe/core 4.5.23 → 4.5.24

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

@@ -1,146 +0,0 @@
-import React from "react";
-import { type DialogOffset, type DialogPosition, type DialogSize, type DialogStartingEdge, type DialogTriggerEvent } from "@vibe/dialog";
-import { type TooltipProps } from "@vibe/tooltip";
-import { type ElementContent, type VibeComponentProps } from "../../types";
-import { type MenuButtonComponentPosition, type MenuButtonSize } from "./MenuButton.types";
-import { type TooltipPositions } from "@vibe/tooltip";
-export interface MenuButtonProps extends VibeComponentProps {
-    /**
-     * If true, the button is in an active state.
-     */
-    active?: boolean;
-    /**
-     * Class name applied to the button when the dialog is open.
-     */
-    openDialogComponentClassName?: string;
-    /**
-     * The component used as the button icon.
-     */
-    component?: (() => JSX.Element) | React.ElementType;
-    /**
-     * The size of the button.
-     */
-    size?: MenuButtonSize;
-    /**
-     * If true, the menu is open.
-     */
-    open?: boolean;
-    /**
-     * Callback fired when the button is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * The z-index of the menu.
-     */
-    zIndex?: number;
-    /**
-     * The label of the button for accessibility.
-     */
-    "aria-label"?: string;
-    /**
-     * Class name applied to the menu dialog wrapper.
-     */
-    dialogClassName?: string;
-    /**
-     * The offset of the menu relative to the button.
-     */
-    dialogOffset?: DialogOffset;
-    /**
-     * The padding size inside the menu dialog.
-     */
-    dialogPaddingSize?: DialogSize;
-    /**
-     * The position of the menu dialog relative to the button.
-     */
-    dialogPosition?: DialogPosition;
-    /**
-     * Classes that prevent showing the dialog when present.
-     */
-    dialogShowTriggerIgnoreClass?: string | Array<string>;
-    /**
-     * Classes that prevent hiding the dialog when present.
-     */
-    dialogHideTriggerIgnoreClass?: string | Array<string>;
-    /**
-     * The container selector in which to append the dialog.
-     */
-    dialogContainerSelector?: string;
-    /**
-     * The starting edge alignment of the menu.
-     */
-    startingEdge?: DialogStartingEdge;
-    /**
-     * Callback fired when the menu is shown.
-     */
-    onMenuShow?: () => void;
-    /**
-     * Callback fired when the menu is hidden.
-     */
-    onMenuHide?: () => void;
-    /**
-     * The text displayed inside the button.
-     */
-    text?: string;
-    /**
-     * If true, the button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The tooltip content displayed when hovering over the button.
-     */
-    tooltipContent?: string;
-    /**
-     * If true, removes the tab key from the hide trigger.
-     */
-    removeTabCloseTrigger?: boolean;
-    /**
-     * The triggers that cause the tooltip to show or hide.
-     */
-    tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];
-    /**
-     * The position of the tooltip.
-     */
-    tooltipPosition?: TooltipPositions;
-    /**
-     * Class name applied to the tooltip reference wrapper.
-     */
-    tooltipReferenceClassName?: string;
-    /**
-     * Additional props for customizing the tooltip.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * If true, hides the menu and tooltip when the button is not visible.
-     */
-    hideWhenReferenceHidden?: boolean;
-    /**
-     * The content inside the menu button.
-     */
-    children?: ElementContent;
-    /**
-     * The position of the component relative to the text.
-     */
-    componentPosition?: MenuButtonComponentPosition;
-    /**
-     * The element used as the trigger for the menu.
-     */
-    triggerElement?: React.ElementType;
-    /**
-     * If true, closes the menu when a menu item is clicked.
-     */
-    closeMenuOnItemClick?: boolean;
-    /**
-     * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.
-     */
-    showTooltipOnlyOnTriggerElement?: boolean;
-    /**
-     * If true, closes the menu when clicking inside the dialog.
-     */
-    closeDialogOnContentClick?: boolean;
-    /**
-     * The ARIA control of the menu button for accessibility.
-     */
-    "aria-controls"?: string;
-}
-declare const MenuButton: React.ForwardRefExoticComponent<MenuButtonProps & React.RefAttributes<HTMLElement>>;
-export default MenuButton;

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

@@ -1,2 +0,0 @@
-export type MenuButtonSize = "xxs" | "xs" | "small" | "medium" | "large";
-export type MenuButtonComponentPosition = "start" | "end";

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

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

package/dist/mocked_classnames/components/Slider/SelectionIndicator.d.ts

@@ -1,15 +0,0 @@
-import React from "react";
-import { type InfixKind } from "./Slider.types";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface SelectionIndicatorProps extends VibeComponentProps {
-    /**
-     * Determines whether the selection indicator is a prefix or postfix.
-     */
-    kind?: InfixKind;
-    /**
-     * The key for the selection indicator (used for React key uniqueness).
-     */
-    key?: InfixKind;
-}
-declare const SelectionIndicator: React.FC<SelectionIndicatorProps>;
-export default SelectionIndicator;

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

@@ -1,120 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type IconType } from "@vibe/icon";
-import { type SliderColor, type SliderLabelColor, type SliderLabelPosition, type SliderSize } from "./Slider.types";
-export type SliderProps = {
-    /**
-     * Define a string that labels the current element (Slider)
-     */
-    "aria-label"?: string;
-    /**
-     * ElementId of Node that have the text needed for labeling the current element (Slider)
-     */
-    "aria-labelledby"?: string;
-    /**
-     * Custom `class name` to be added to the component-root-node
-     */
-    className?: string;
-    /**
-     * Color Mode (primary/positive/negative) of the component (Slider)
-     */
-    color?: SliderColor;
-    /**
-     * Unique TestId - can be used as Selector for integration tests and other needs (tracking, etc)
-     */
-    "data-testid"?: string;
-    defaultValue?: number | number[];
-    /**
-     * Formatter function `value => formattedValue`
-     * default formatter return `${value}%`
-     */
-    /**
-     * If set to true, Component (Slider) will be disabled
-     *  - impossible to change value of component (Slider)
-     *  - visual changes (opacity)
-     */
-    disabled?: boolean;
-    /**
-     * Attribute `id` to be added to the component-root-node
-     */
-    id?: string;
-    /**
-     * Max range value of the component (Slider)
-     */
-    max?: number;
-    /**
-     * Min range value of the component (Slider)
-     */
-    min?: number;
-    /**
-     * Optional onChange callback (for outer trigger or Controlled mode)
-     * - required in Controlled Mode
-     */
-    onChange?: (value: number | number[]) => void;
-    /**
-     * If true switch slider to RRange mode (two Thumbs)
-     */
-    ranged?: boolean;
-    /**
-     * The granularity with which the slider can step through values.
-     * (A "discrete" slider.) The min prop serves as the origin for the valid values.
-     * We recommend (max - min) to be evenly divisible by the step.
-     */
-    step?: number;
-    /**
-     * Always show `value` instead of Tooltip
-     */
-    showValue?: boolean;
-    /**
-     * Position of the `value` when `showValue` is true
-     */
-    valueLabelPosition?: SliderLabelPosition;
-    /**
-     * Color of the `value` when `showValue` is true
-     */
-    valueLabelColor?: SliderLabelColor;
-    /**
-     * Size small/medium/large of the component (Slider)
-     */
-    size?: SliderSize;
-    /**
-     * Current/selected value of the range of the Component (Slider)
-     *   - should be used in Controlled Mode only
-     *   - in ranged mode should be an array of two numbers
-     */
-    value?: number | number[];
-    /**
-     * Function to format the value, e.g. add %. By default, returns `${value}%`
-     */
-    valueFormatter?: (value: number) => string;
-    /**
-     * Text/presentation of current/selected value
-     *  - should be used in Controlled Mode only
-     */
-    valueText?: string;
-    /**
-     * Show selected from Slider range value
-     */
-    indicateSelection?: boolean;
-    /**
-     * Options for initial/start/prefix element, it can be one of:
-     *  - Any Component (react component, node, text, number etc.)
-     *  - Or it can be an object of options for Icons component (see Icon components props)
-     *  - Or it can be an object for Label (Icon, Heading - and other components)
-     *  - Or it can be Render Props Function witch are getting value and valueText
-     */
-    prefix?: {
-        icon: IconType;
-    } | string | ((value: number, valueText: string) => void) | ReactElement;
-    /**
-     * Options for postfix/end/finishing element. Same as prefix element.
-     */
-    postfix?: {
-        icon: IconType;
-    } | string | ((value: number, valueText: string) => void) | ReactElement;
-    /**
-     * Width of SelectionIndicator (i.e. TextField)
-     */
-    selectionIndicatorWidth?: string;
-};
-declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLElement>>;
-export default Slider;

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

@@ -1,8 +0,0 @@
-import { type BASE_SIZES } from "../../constants";
-import { type DialogPosition } from "@vibe/dialog";
-import { type TypographyColor } from "@vibe/typography";
-export type SliderColor = "primary" | "negative" | "positive";
-export type SliderLabelColor = Extract<TypographyColor, "primary" | "secondary">;
-export type SliderLabelPosition = Extract<DialogPosition, "top" | "bottom">;
-export type SliderSize = (typeof BASE_SIZES)[keyof typeof BASE_SIZES];
-export type InfixKind = "prefix" | "postfix";

package/dist/mocked_classnames/components/Slider/SliderBase/SliderBase.d.ts

@@ -1,5 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export type SliderBaseProps = VibeComponentProps;
-declare const SliderBase: FC<SliderBaseProps>;
-export default SliderBase;

package/dist/mocked_classnames/components/Slider/SliderBase/SliderFilledTrack.d.ts

@@ -1,23 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderColor } from "../Slider.types";
-export interface SliderFilledTrackProps extends VibeComponentProps {
-    /**
-     * The size of the filled track, based on the selected value.
-     */
-    dimension?: number;
-    /**
-     * The offset from the start of the track.
-     */
-    offset?: number;
-    /**
-     * If true, the filled track starts from the end instead of the beginning.
-     */
-    reverse?: boolean;
-    /**
-     * The color of the filled track.
-     */
-    color: SliderColor;
-}
-declare const SliderFilledTrack: FC<SliderFilledTrackProps>;
-export default SliderFilledTrack;

package/dist/mocked_classnames/components/Slider/SliderBase/SliderRail.d.ts

@@ -1,19 +0,0 @@
-import React, { type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderSize } from "../Slider.types";
-export interface SliderRailProps extends VibeComponentProps {
-    /**
-     * Callback fired when the rail is clicked.
-     */
-    onClick?: (event: React.MouseEvent) => void;
-    /**
-     * The child elements inside the slider rail.
-     */
-    children?: ReactElement | ReactElement[];
-    /**
-     * The size of the slider rail.
-     */
-    size: SliderSize;
-}
-declare const SliderRail: React.ForwardRefExoticComponent<SliderRailProps & React.RefAttributes<unknown>>;
-export default SliderRail;

package/dist/mocked_classnames/components/Slider/SliderBase/SliderThumb.d.ts

@@ -1,27 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderColor, type SliderSize } from "../Slider.types";
-export interface SliderThumbProps extends VibeComponentProps {
-    /**
-     * The index of the thumb (used in range sliders).
-     */
-    index?: number;
-    /**
-     * Callback fired when the thumb is moved.
-     */
-    onMove?: (event: PointerEvent) => void;
-    /**
-     * The position of the thumb, represented as an offset percentage from the start of the track.
-     */
-    position?: number;
-    /**
-     * The size of the slider thumb.
-     */
-    size: SliderSize;
-    /**
-     * The color theme of the slider thumb.
-     */
-    color: SliderColor;
-}
-declare const SliderThumb: FC<SliderThumbProps>;
-export default SliderThumb;

package/dist/mocked_classnames/components/Slider/SliderBase/SliderTrack.d.ts

@@ -1,11 +0,0 @@
-import { type FC } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type SliderColor } from "../Slider.types";
-export interface SliderTrackProps extends VibeComponentProps {
-    /**
-     * The color of the slider track.
-     */
-    color: SliderColor;
-}
-declare const SliderTrack: FC<SliderTrackProps>;
-export default SliderTrack;

package/dist/mocked_classnames/components/Slider/SliderConstants.d.ts

@@ -1,64 +0,0 @@
-import { type IconType } from "@vibe/icon";
-import { type ReactElement } from "react";
-import { type SliderSize, type SliderColor as SliderColorType, type SliderLabelPosition, type SliderLabelColor } from "./Slider.types";
-export declare const BEM_PREFIX = "monday";
-export declare const COMPONENT_ID = "slider";
-export declare const UPDATE_SLIDER_SIZE_DEBOUNCE = 200;
-export declare const TOOLTIP_SHOW_DELAY = 300;
-export type SliderContextSelection = {
-    max: number;
-    min: number;
-    ranged: boolean;
-    step: number;
-    value: number | number[];
-    valueText: string | string[];
-};
-export type SliderContextUI = {
-    active: number;
-    "aria-label": string;
-    "aria-labelledby": string;
-    color: SliderColorType;
-    disabled: boolean;
-    dragging: number;
-    focused: number;
-    size: SliderSize;
-    shapeTestId: (subElement: string) => string;
-    showValue: boolean;
-    valueLabelPosition: SliderLabelPosition;
-    valueLabelColor: SliderLabelColor;
-};
-export type SliderContextActions = {
-    setActive: (value: number) => void;
-    setFocused: (value: number) => void;
-    setDragging: (value: number) => void;
-    changeThumbValue: (newValue: number | string, thumbIndex?: number, cancelFocus?: boolean) => void;
-    drugThumb: (newValue: number | number[]) => void;
-    decreaseValue: (consumerStep?: number) => void;
-    increaseValue: (consumerStep?: number) => void;
-};
-export type SliderContextInfix = {
-    /**
-     * Show selected from Slider range value
-     */
-    indicateSelection?: boolean;
-    /**
-     * Options for initial/start/prefix element, it can be one of:
-     *  - Any Component (react component, node, text, number etc.)
-     *  - Or it can be an object of options for Icons component (see Icon components props)
-     *  - Or it can be an object for Label (Icon, Heading - and other components)
-     *  - Or it can be Render Props Function witch are getting value and valueText
-     */
-    prefix?: {
-        icon: IconType;
-    } | string | ((value: number | number[], valueText: string | string[]) => ReactElement) | ReactElement;
-    /**
-     * Options for postfix/end/finishing element. Same as prefix element.
-     */
-    postfix?: {
-        icon: IconType;
-    } | string | ((value: number | number[], valueText: string | string[]) => ReactElement) | ReactElement;
-    /**
-     * Width of SelectionIndicator (i.e. TextField)
-     */
-    selectionIndicatorWidth?: string;
-};

package/dist/mocked_classnames/components/Slider/SliderContext.d.ts

@@ -1,43 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type SliderProps } from "./Slider";
-import { type SliderContextActions, type SliderContextInfix, type SliderContextSelection, type SliderContextUI } from "./SliderConstants";
-import { type IconType } from "@vibe/icon";
-export interface SliderProviderProps extends SliderProps {
-    /**
-     * The child elements inside the slider provider.
-     */
-    children?: ReactElement | ReactElement[];
-    /**
-     * Configuration options for prefix, postfix, and selection indicator.
-     */
-    infixOptions?: {
-        /**
-         * If true, displays the selected value from the slider range.
-         */
-        indicateSelection?: boolean;
-        /**
-         * Configuration for the prefix (start) element, which can be:
-         * - A React component, text, number, or node.
-         * - An object with an icon.
-         * - A function that receives the value and valueText.
-         */
-        prefix?: {
-            icon: IconType;
-        } | string | ((value: number, valueText: string) => void) | ReactElement;
-        /**
-         * Configuration for the postfix (end) element, similar to prefix.
-         */
-        postfix?: {
-            icon: IconType;
-        } | string | ((value: number, valueText: string) => void) | ReactElement;
-        /**
-         * The width of the selection indicator.
-         */
-        selectionIndicatorWidth?: string;
-    };
-}
-export declare function SliderProvider({ children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, color, "data-testid": dataTestId, defaultValue, disabled, max, min, onChange, ranged, showValue, valueLabelPosition, valueLabelColor, size, step, value, valueFormatter, valueText, infixOptions }: SliderProviderProps): React.JSX.Element;
-export declare function useSliderUi(): SliderContextUI;
-export declare function useSliderInfix(): SliderContextInfix;
-export declare function useSliderSelection(): SliderContextSelection;
-export declare function useSliderActions(): SliderContextActions;

package/dist/mocked_classnames/components/Slider/SliderHelpers.d.ts

@@ -1,14 +0,0 @@
-export declare function _calcDimension(max: number, min: number, value: number): [number, number];
-export declare function calcDimensions(max: number, min: number, ranged: boolean, value: number | number[]): {
-    dimension: number;
-    offset: number;
-    positions: number[];
-    thumbKeys: string[];
-};
-export declare function calculatePageStep(max: number, min: number, step: number): number;
-export declare function ensureDefaultValue(defaultValue: number | number[], min: number, max: number, ranged: boolean): number | number[];
-export declare function ensureValueText(valueText: string, value: number | number[], formatter: (value: number) => string): string | string[];
-export declare function getNearest(newValue: number, ranged: boolean, value: number | number[]): 0 | 1;
-export declare function moveToPx(offsetInPx: number, min: number, max: number, railCoords: {
-    width: number;
-}, step: number): number;

package/dist/mocked_classnames/components/Slider/SliderHooks.d.ts

@@ -1,25 +0,0 @@
-export declare function useSliderActionsContextValue(actualValue: number | number[], focused: number, getDragging: () => number, getSelectedValue: () => number | number[], max: number, min: number, onChange: (value: number | number[]) => void, ranged: boolean, setActive: (value: number) => void, setFocused: (value: number) => void, setDragging: (value: number) => void, setSelectedValue: (value: number | number[]) => void, step: number): {
-    changeThumbValue: (newValue: number | string, thumbIndex?: number, cancelFocus?: boolean) => void;
-    decreaseValue: (consumerStep: number) => void;
-    drugThumb: (newValue: number | number[]) => void;
-    increaseValue: (consumerStep?: number) => void;
-    setActive: (value: number) => void;
-    setDragging: (value: number) => void;
-    setFocused: (value: number) => void;
-};
-export declare function useDragging(): [number, (value: number) => void, () => number];
-export declare function useSliderRail(): {
-    railCoords: {
-        left: number;
-        right: number;
-        width: number;
-    };
-    railRef: import("react").MutableRefObject<any>;
-};
-export declare function useSliderValues(defaultValue: number | number[], value: number | number[], valueFormatter: (value: number) => string, valueText: string): {
-    actualValue: number | number[];
-    actualValueText: string | string[];
-    getSelectedValue: () => number | number[];
-    isControlled: boolean;
-    setSelectedValue: (value: number) => void;
-};

package/dist/mocked_classnames/components/Slider/SliderInfix.d.ts

@@ -1,11 +0,0 @@
-import { type FC } from "react";
-import { type VibeComponentProps } from "../../types";
-import { type InfixKind } from "./Slider.types";
-export interface SliderInfixProps extends VibeComponentProps {
-    /**
-     * Specifies the type of infix (prefix or postfix).
-     */
-    kind?: InfixKind;
-}
-declare const SliderInfix: FC<SliderInfixProps>;
-export default SliderInfix;

package/dist/mocked_classnames/components/Slider/SliderInfixHooks.d.ts

@@ -1,3 +0,0 @@
-import { type CSSProperties, type ReactElement } from "react";
-import { type InfixKind } from "./Slider.types";
-export declare function useSliderInfixComponent(kind: InfixKind): [boolean, string[], ReactElement, CSSProperties];

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

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as n,useRef as i,useState as r,useCallback as a,useMemo as s}from"react";import l from"classnames";import{camelCase as d}from"es-toolkit";import{DialogContentContainer as c,Dialog as u}from"@vibe/dialog/mockedClassNames";import{Tooltip as m}from"@vibe/tooltip/mockedClassNames";import{useMergeRef as p,useIsomorphicLayoutEffect as g,getStyle as f,NOOP as v}from"@vibe/shared";import{Menu as b}from"@vibe/icons";import{getTestId as h,ComponentDefaultTestId as C}from"../../tests/testIds.js";import T from"./MenuButton.module.scss.js";import{ComponentVibeId as y}from"../../tests/constants.js";var O={main:8,secondary:0},w=["esckey","tab"],E=Symbol.for("react.forward_ref"),N=function(e){return null!=e&&e.$$typeof===E},k=n((function(n,E){var k=n.id,x=n.className,M=n.openDialogComponentClassName,I=n.children,S=n.component,j=void 0===S?b:S,P=n.componentPosition,z=void 0===P?"start":P,D=n.size,H=void 0===D?"small":D,B=n.open,U=void 0!==B&&B,_=n.onClick,A=void 0===_?v:_,R=n.zIndex,W=void 0===R?null:R,F=n["aria-label"],$=void 0===F?"Menu":F,q=n.closeMenuOnItemClick,V=n.dialogOffset,G=void 0===V?O:V,J=n.dialogPosition,K=void 0===J?"bottom-start":J,L=n.dialogClassName,Q=n.dialogPaddingSize,X=void 0===Q?"small":Q,Y=n.dialogShowTriggerIgnoreClass,Z=n.dialogHideTriggerIgnoreClass,ee=n.onMenuHide,oe=void 0===ee?v:ee,te=n.onMenuShow,ne=void 0===te?v:te,ie=n.disabled,re=void 0!==ie&&ie,ae=n.text,se=n.tooltipContent,le=n.tooltipProps,de=n.tooltipTriggers,ce=void 0===de?["mouseleave"]:de,ue=n.tooltipPosition,me=void 0===ue?"right":ue,pe=n.startingEdge,ge=void 0===pe?"bottom":pe,fe=n.removeTabCloseTrigger,ve=void 0!==fe&&fe,be=n.tooltipReferenceClassName,he=n.hideWhenReferenceHidden,Ce=void 0===he||he,Te=n.dialogContainerSelector,ye=n.active,Oe=n.triggerElement,we=void 0===Oe?"button":Oe,Ee=n.showTooltipOnlyOnTriggerElement,Ne=n["data-testid"],ke=n.closeDialogOnContentClick,xe=void 0!==ke&&ke,Me=n["aria-controls"],Ie=i(null),Se=p(E,Ie),je=r(U),Pe=e(je,2),ze=Pe[0],De=Pe[1],He=null!=ye?ye:ze,Be=a((function(e){oe(),De(!1);var o=Ie.current;o&&e&&window.requestAnimationFrame((function(){o.focus()}))}),[oe]),Ue=a((function(e){var o=w.includes(e.key);(o||q)&&e.propagate&&Be(o)}),[q,Be]),_e=a((function(e,o){Be(ze&&w.includes(o))}),[Be,ze]),Ae=a((function(){De(!0),ne()}),[De,ne]),Re=s((function(){var e=new Set(["clickoutside","tab","esckey"]);return xe&&(e.add("onContentClick"),e.add("enter")),ve&&e.delete("tab"),[t.Children.toArray(I).map((function(o){if(!t.isValidElement(o))return null;var n={};return o.type&&o.type.supportFocusOnMount&&(n.focusOnMount=!0,void 0===o.props.focusItemIndexOnMount&&(n.focusItemIndexOnMount=0),e.delete("esckey")),o.type&&o.type.isMenu&&(n.onClose=Ue),t.cloneElement(o,n)})),Array.from(e)]}),[I,Ue,xe,ve]),We=e(Re,2),Fe=We[0],$e=We[1],qe=s((function(){return 0===Fe.length?null:t.createElement(c,{size:X,type:"popover",role:null},Fe)}),[Fe,X]),Ve=s((function(){return Object.assign(Object.assign({},O),G)}),[G]),Ge=j,Je=s((function(){switch(H){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return 20;default:return 24}}),[H]),Ke=Ge?t.createElement(Ge,{size:""+Je,role:"img","aria-hidden":"true"}):null;g((function(){De(U)}),[U,De]);var Le="button"===we?{ref:Se}:{active:He,disabled:re,ref:N(we)?Se:void 0},Qe=t.createElement(we,Object.assign({id:k,"data-testid":Ne||h(C.MENU_BUTTON,k),"data-vibe":y.MENU_BUTTON,type:"button",className:l(T.wrapper,x,f(T,d("size-".concat(H))),o(o(o(o({},T.active,He),f(T,M),ze&&M),T.disabled,re),T.text,ae)),"aria-haspopup":"true","aria-expanded":ze,"aria-controls":Me,"aria-label":!ae&&$,onMouseUp:function(e){re?e.currentTarget.blur():A(e)},"aria-disabled":re},Le),"start"===z&&Ke,ae&&t.createElement("span",{className:T.innerText},ae),"end"===z&&Ke),Xe=function(e){return t.createElement(u,{wrapperClassName:L,position:K,containerSelector:Te,startingEdge:ge,animationType:"expand",content:qe,moveBy:Ve,showTrigger:re?[]:["click","enter"],hideTrigger:$e,showTriggerIgnoreClass:Y,hideTriggerIgnoreClass:Z,useDerivedStateFromProps:!0,onDialogDidShow:Ae,onDialogDidHide:_e,zIndex:W,isOpen:ze,hideWhenReferenceHidden:Ce},e)},Ye=function(e){return t.createElement(m,Object.assign({content:se,position:me,showTrigger:"mouseenter",hideTrigger:ce,referenceWrapperClassName:be,hideWhenReferenceHidden:Ce},le),e)};return Ee?Xe(Ye(Qe)):Ye(Xe(Qe))}));export{k as default};
-//# sourceMappingURL=MenuButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../../../src/components/MenuButton/MenuButton.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { Dialog, type DialogEvent, DialogContentContainer } from \"@vibe/dialog\";\nimport {\n  type DialogOffset,\n  type DialogPosition,\n  type DialogSize,\n  type DialogStartingEdge,\n  type DialogTriggerEvent\n} from \"@vibe/dialog\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { useIsomorphicLayoutEffect, useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\n\nimport { type ElementContent, type VibeComponentProps } from \"../../types\";\nimport { type MenuButtonComponentPosition, type MenuButtonSize } from \"./MenuButton.types\";\nimport { type MenuChild } from \"@vibe/menu\";\n\nimport { Menu } from \"@vibe/icons\";\n\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./MenuButton.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst MOVE_BY = { main: 8, secondary: 0 };\nconst CLOSE_KEYS: DialogTriggerEvent[] = [\"esckey\", \"tab\"];\n\n// Inline replacement for `react-is`'s `isForwardRef`. React tags forwardRef\n// components with the `react.forward_ref` symbol on `$$typeof`.\nconst REACT_FORWARD_REF_TYPE = Symbol.for(\"react.forward_ref\");\nconst isForwardRef = (component: unknown): boolean =>\n  component != null && (component as { $$typeof?: symbol }).$$typeof === REACT_FORWARD_REF_TYPE;\n\nexport interface MenuButtonProps extends VibeComponentProps {\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * Class name applied to the button when the dialog is open.\n   */\n  openDialogComponentClassName?: string;\n  /**\n   * The component used as the button icon.\n   */\n  component?: (() => JSX.Element) | React.ElementType;\n  /**\n   * The size of the button.\n   */\n  size?: MenuButtonSize;\n  /**\n   * If true, the menu is open.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The z-index of the menu.\n   */\n  zIndex?: number;\n  /**\n   * The label of the button for accessibility.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Class name applied to the menu dialog wrapper.\n   */\n  dialogClassName?: string;\n  /**\n   * The offset of the menu relative to the button.\n   */\n  dialogOffset?: DialogOffset;\n  /**\n   * The padding size inside the menu dialog.\n   */\n  dialogPaddingSize?: DialogSize;\n  /**\n   * The position of the menu dialog relative to the button.\n   */\n  dialogPosition?: DialogPosition;\n  /**\n   * Classes that prevent showing the dialog when present.\n   */\n  dialogShowTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * Classes that prevent hiding the dialog when present.\n   */\n  dialogHideTriggerIgnoreClass?: string | Array<string>;\n  /**\n   * The container selector in which to append the dialog.\n   */\n  dialogContainerSelector?: string;\n  /**\n   * The starting edge alignment of the menu.\n   */\n  startingEdge?: DialogStartingEdge;\n  /**\n   * Callback fired when the menu is shown.\n   */\n  onMenuShow?: () => void;\n  /**\n   * Callback fired when the menu is hidden.\n   */\n  onMenuHide?: () => void;\n  /**\n   * The text displayed inside the button.\n   */\n  text?: string;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * The tooltip content displayed when hovering over the button.\n   */\n  tooltipContent?: string;\n  /**\n   * If true, removes the tab key from the hide trigger.\n   */\n  removeTabCloseTrigger?: boolean;\n  /**\n   * The triggers that cause the tooltip to show or hide.\n   */\n  tooltipTriggers?: DialogTriggerEvent | DialogTriggerEvent[];\n  /**\n   * The position of the tooltip.\n   */\n  tooltipPosition?: TooltipPositions;\n  /**\n   * Class name applied to the tooltip reference wrapper.\n   */\n  tooltipReferenceClassName?: string;\n  /**\n   * Additional props for customizing the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, hides the menu and tooltip when the button is not visible.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * The content inside the menu button.\n   */\n  children?: ElementContent;\n  /**\n   * The position of the component relative to the text.\n   */\n  componentPosition?: MenuButtonComponentPosition;\n  /**\n   * The element used as the trigger for the menu.\n   */\n  triggerElement?: React.ElementType;\n  /**\n   * If true, closes the menu when a menu item is clicked.\n   */\n  closeMenuOnItemClick?: boolean;\n  /**\n   * If true, the tooltip appears only when hovering over the trigger element, not the menu dialog.\n   */\n  showTooltipOnlyOnTriggerElement?: boolean;\n  /**\n   * If true, closes the menu when clicking inside the dialog.\n   */\n  closeDialogOnContentClick?: boolean;\n  /**\n   * The ARIA control of the menu button for accessibility.\n   */\n  \"aria-controls\"?: string;\n}\n\nconst MenuButton = forwardRef(\n  (\n    {\n      id,\n      className,\n      openDialogComponentClassName,\n      children,\n      component = Menu,\n      componentPosition = \"start\",\n      size = \"small\",\n      open = false,\n      onClick = NOOP,\n      zIndex = null,\n      \"aria-label\": ariaLabel = \"Menu\",\n      closeMenuOnItemClick,\n      dialogOffset = MOVE_BY,\n      dialogPosition = \"bottom-start\",\n      dialogClassName,\n      dialogPaddingSize = \"small\",\n      dialogShowTriggerIgnoreClass,\n      dialogHideTriggerIgnoreClass,\n      onMenuHide = NOOP,\n      onMenuShow = NOOP,\n      disabled = false,\n      text,\n      tooltipContent,\n      tooltipProps,\n      tooltipTriggers = [\"mouseleave\"],\n      tooltipPosition = \"right\",\n      startingEdge = \"bottom\",\n      removeTabCloseTrigger = false,\n      tooltipReferenceClassName,\n      hideWhenReferenceHidden = true,\n      dialogContainerSelector,\n      active,\n      triggerElement: TriggerElement = \"button\",\n      showTooltipOnlyOnTriggerElement,\n      \"data-testid\": dataTestId,\n      closeDialogOnContentClick = false,\n      \"aria-controls\": ariaControls\n    }: MenuButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(open);\n    const isActive = active ?? isOpen;\n\n    const handleMenuClose = useCallback(\n      (focusOnMenuButtonAfterClose: boolean) => {\n        onMenuHide();\n        setIsOpen(false);\n        const button = componentRef.current;\n        if (!button || !focusOnMenuButtonAfterClose) {\n          return;\n        }\n        window.requestAnimationFrame(() => {\n          button.focus();\n        });\n      },\n      [onMenuHide]\n    );\n\n    const onMenuDidClose = useCallback(\n      (event: React.KeyboardEvent) => {\n        // TODO: check the functionality of the isEscapeKey since the event is not an actual KeyboardEVent but an object with propagate property only\n        const isCloseKey = CLOSE_KEYS.includes(event.key as DialogTriggerEvent);\n        if (isCloseKey || closeMenuOnItemClick) {\n          // @ts-ignore\n          if (event.propagate) {\n            handleMenuClose(isCloseKey);\n          }\n        }\n      },\n      [closeMenuOnItemClick, handleMenuClose]\n    );\n\n    const onDialogDidHide = useCallback(\n      (event: DialogEvent, hideEvent: string) => {\n        handleMenuClose(isOpen && CLOSE_KEYS.includes(hideEvent as DialogTriggerEvent));\n      },\n      [handleMenuClose, isOpen]\n    );\n\n    const onDialogDidShow = useCallback(() => {\n      setIsOpen(true);\n      onMenuShow();\n    }, [setIsOpen, onMenuShow]);\n\n    const [clonedChildren, hideTrigger] = useMemo(() => {\n      const triggers = new Set<DialogTriggerEvent>([\"clickoutside\", \"tab\", \"esckey\"]);\n\n      if (closeDialogOnContentClick) {\n        triggers.add(\"onContentClick\");\n        triggers.add(\"enter\");\n      }\n\n      if (removeTabCloseTrigger) {\n        triggers.delete(\"tab\");\n      }\n      const childrenArr = React.Children.toArray(children) as MenuChild[];\n      const cloned = childrenArr.map(child => {\n        if (!React.isValidElement(child)) return null;\n\n        const newProps: {\n          focusOnMount?: boolean;\n          focusItemIndexOnMount?: number;\n          onClose?: (event: React.KeyboardEvent) => void;\n        } = {};\n        if (child.type && child.type.supportFocusOnMount) {\n          newProps.focusOnMount = true;\n          if (child.props.focusItemIndexOnMount === undefined) {\n            newProps.focusItemIndexOnMount = 0;\n          }\n          triggers.delete(\"esckey\");\n        }\n\n        if (child.type && child.type.isMenu) {\n          newProps.onClose = onMenuDidClose;\n        }\n\n        return React.cloneElement(child, newProps);\n      });\n      return [cloned, Array.from(triggers)];\n    }, [children, onMenuDidClose, closeDialogOnContentClick, removeTabCloseTrigger]);\n\n    const content = useMemo(() => {\n      if (clonedChildren.length === 0) return null;\n      return (\n        <DialogContentContainer size={dialogPaddingSize} type=\"popover\" role={null}>\n          {clonedChildren}\n        </DialogContentContainer>\n      );\n    }, [clonedChildren, dialogPaddingSize]);\n\n    const computedDialogOffset = useMemo(\n      () => ({\n        ...MOVE_BY,\n        ...dialogOffset\n      }),\n      [dialogOffset]\n    );\n\n    const onMouseUp = (event: React.MouseEvent<HTMLElement>) => {\n      if (disabled) {\n        event.currentTarget.blur();\n        return;\n      }\n      onClick(event);\n    };\n\n    const Icon = component;\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n    const icon = Icon ? <Icon size={iconSize.toString()} role=\"img\" aria-hidden=\"true\" /> : null;\n\n    useIsomorphicLayoutEffect(() => {\n      setIsOpen(open);\n    }, [open, setIsOpen]);\n\n    // Trigger element props, which are only relevant for \"button\" element, but might be needed for other elements e.g. Button\n    const triggerElementProps =\n      TriggerElement === \"button\"\n        ? {\n            ref: mergedRef\n          }\n        : {\n            active: isActive,\n            disabled: disabled,\n            ref: isForwardRef(TriggerElement) ? mergedRef : undefined\n          };\n\n    const triggerElementNode = (\n      <TriggerElement\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MENU_BUTTON, id)}\n        data-vibe={ComponentVibeId.MENU_BUTTON}\n        type=\"button\"\n        className={cx(styles.wrapper, className, getStyle(styles, camelCase(`size-${size}`)), {\n          [styles.active]: isActive,\n          [getStyle(styles, openDialogComponentClassName)]: isOpen && openDialogComponentClassName,\n          [styles.disabled]: disabled,\n          [styles.text]: text\n        })}\n        aria-haspopup=\"true\"\n        aria-expanded={isOpen}\n        aria-controls={ariaControls}\n        aria-label={!text && ariaLabel}\n        onMouseUp={onMouseUp}\n        aria-disabled={disabled}\n        {...triggerElementProps}\n      >\n        {componentPosition === \"start\" && icon}\n        {text && <span className={styles.innerText}>{text}</span>}\n        {componentPosition === \"end\" && icon}\n      </TriggerElement>\n    );\n\n    const dialogNode = (dialogChildren: React.ReactElement) => (\n      <Dialog\n        wrapperClassName={dialogClassName}\n        position={dialogPosition}\n        containerSelector={dialogContainerSelector}\n        startingEdge={startingEdge}\n        animationType=\"expand\"\n        content={content}\n        moveBy={computedDialogOffset}\n        showTrigger={disabled ? [] : [\"click\", \"enter\"]}\n        hideTrigger={hideTrigger}\n        showTriggerIgnoreClass={dialogShowTriggerIgnoreClass}\n        hideTriggerIgnoreClass={dialogHideTriggerIgnoreClass}\n        useDerivedStateFromProps={true}\n        onDialogDidShow={onDialogDidShow}\n        onDialogDidHide={onDialogDidHide}\n        zIndex={zIndex}\n        isOpen={isOpen}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n      >\n        {dialogChildren}\n      </Dialog>\n    );\n\n    const tooltipNode = (tooltipChildren: React.ReactElement) => (\n      <Tooltip\n        content={tooltipContent}\n        position={tooltipPosition}\n        showTrigger=\"mouseenter\"\n        hideTrigger={tooltipTriggers}\n        referenceWrapperClassName={tooltipReferenceClassName}\n        hideWhenReferenceHidden={hideWhenReferenceHidden}\n        {...tooltipProps}\n      >\n        {tooltipChildren}\n      </Tooltip>\n    );\n\n    if (showTooltipOnlyOnTriggerElement) {\n      return dialogNode(tooltipNode(triggerElementNode));\n    }\n    return tooltipNode(dialogNode(triggerElementNode));\n  }\n);\n\nexport default MenuButton;\n"],"names":["MOVE_BY","main","secondary","CLOSE_KEYS","REACT_FORWARD_REF_TYPE","Symbol","for","isForwardRef","component","$$typeof","MenuButton","forwardRef","_ref","ref","id","className","openDialogComponentClassName","children","_ref$component","Menu","_ref$componentPositio","componentPosition","_ref$size","size","_ref$open","open","_ref$onClick","onClick","NOOP","_ref$zIndex","zIndex","_ref$ariaLabel","ariaLabel","closeMenuOnItemClick","_ref$dialogOffset","dialogOffset","_ref$dialogPosition","dialogPosition","dialogClassName","_ref$dialogPaddingSiz","dialogPaddingSize","dialogShowTriggerIgnoreClass","dialogHideTriggerIgnoreClass","_ref$onMenuHide","onMenuHide","_ref$onMenuShow","onMenuShow","_ref$disabled","disabled","text","tooltipContent","tooltipProps","_ref$tooltipTriggers","tooltipTriggers","_ref$tooltipPosition","tooltipPosition","_ref$startingEdge","startingEdge","_ref$removeTabCloseTr","removeTabCloseTrigger","tooltipReferenceClassName","_ref$hideWhenReferenc","hideWhenReferenceHidden","dialogContainerSelector","active","_ref$triggerElement","triggerElement","TriggerElement","showTooltipOnlyOnTriggerElement","dataTestId","_ref$closeDialogOnCon","closeDialogOnContentClick","ariaControls","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isActive","handleMenuClose","useCallback","focusOnMenuButtonAfterClose","button","current","window","requestAnimationFrame","focus","onMenuDidClose","event","isCloseKey","includes","key","propagate","onDialogDidHide","hideEvent","onDialogDidShow","_useMemo","useMemo","triggers","Set","add","delete","React","Children","toArray","map","child","isValidElement","newProps","type","supportFocusOnMount","focusOnMount","undefined","props","focusItemIndexOnMount","isMenu","onClose","cloneElement","Array","from","_useMemo2","clonedChildren","hideTrigger","content","length","createElement","DialogContentContainer","role","computedDialogOffset","Object","assign","Icon","iconSize","icon","useIsomorphicLayoutEffect","triggerElementProps","triggerElementNode","getTestId","ComponentDefaultTestId","MENU_BUTTON","ComponentVibeId","cx","styles","wrapper","getStyle","camelCase","concat","_defineProperty","onMouseUp","currentTarget","blur","innerText","dialogNode","dialogChildren","Dialog","wrapperClassName","position","containerSelector","animationType","moveBy","showTrigger","showTriggerIgnoreClass","hideTriggerIgnoreClass","useDerivedStateFromProps","tooltipNode","tooltipChildren","Tooltip","referenceWrapperClassName"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var n={wrapper:"wrapper","focus-visible":"focus-visible",active:"active",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",disabled:"disabled",text:"text",innerText:"innerText"};!function(n){const o="s_id-fe45efde1a3d_4_5_22";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus-visible, .wrapper.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.wrapper:focus,\n.wrapper:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper:active {\n  transform: scale(0.95);\n}\n.active {\n  background-color: var(--primary-selected-color);\n}\n.active:focus {\n  background-color: var(--primary-selected-color);\n}\n.active:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled:hover {\n  background-color: transparent;\n}\n.text {\n  width: 100%;\n}\n.innerText {\n  margin: 0 var(--space-8);\n}");export{n as default};
-//# sourceMappingURL=MenuButton.module.scss.js.map

package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{useMemo as t}from"react";import{debounce as o}from"es-toolkit";import{TextField as n}from"@vibe/text-inputs/mockedClassNames";import{useSliderSelection as i,useSliderActions as a}from"./SliderContext.js";import l from"./SelectionIndicator.module.scss.js";var u=function(u){var s=u.kind,m="postfix"===(void 0===s?"prefix":s),c=i(),f=function(e,r,t,o){return r?e?[t[1],o[1]]:[t[0],o[0]]:[t,o]}(m,c.ranged,c.value,c.valueText),p=e(f,2)[1],d=a().changeThumbValue,v=t((function(){return o((function(e){var r=function(e){return e.replace(/\D/g,"")}(e);d(r,m?1:0,!0)}),300)}),[d,m]);return r.createElement(n,{onChange:v,value:p+"",className:l.selectionIndicator})};export{u as default};
-//# sourceMappingURL=SelectionIndicator.js.map