@vibe/core 3.70.2-alpha-96f20.0 → 3.70.2

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

@@ -1,76 +0,0 @@
-import React, { type CSSProperties, type Ref } from "react";
-import { IconType as IconTypeEnum } from "./IconConstants";
-import { type IconType } from "./Icon.types";
-import { type VibeComponentProps, type SubIcon } from "../../types";
-export interface IconSubComponentProps {
-    /**
-     * Ref for the icon component.
-     */
-    ref?: Ref<HTMLElement>;
-    /**
-     * The ID of the icon component.
-     */
-    id?: string;
-    /**
-     * The size of the icon.
-     */
-    size?: string | number;
-    /**
-     * Class name applied to the icon.
-     */
-    className?: string;
-    /**
-     * Inline styles applied to the icon.
-     */
-    style?: CSSProperties;
-    /**
-     * Test ID for testing purposes.
-     */
-    "data-testid"?: string;
-}
-export interface IconProps extends VibeComponentProps {
-    /**
-     * The icon name, component, or source URL.
-     */
-    icon: SubIcon;
-    /**
-     * The accessible label for the icon.
-     */
-    iconLabel?: string;
-    /**
-     * The type of the icon: `svg`, `font`, or `src` (external source).
-     */
-    iconType?: IconType;
-    /**
-     * The size of the icon.
-     */
-    iconSize?: number | string;
-    /**
-     * If true, removes focus styles from the icon.
-     */
-    ignoreFocusStyle?: boolean;
-    /**
-     * The tab index of the icon for keyboard navigation.
-     */
-    tabindex?: number | string;
-    /**
-     * If true, hides the icon from screen readers.
-     */
-    ariaHidden?: boolean;
-    /**
-     * Inline styles applied to the icon.
-     */
-    style?: React.CSSProperties;
-    /**
-     * If true, replaces `fill` property with `currentColor` when using an `src` icon.
-     */
-    useCurrentColor?: boolean;
-    /**
-     * Overrides the default color with a custom color.
-     */
-    customColor?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLElement>> & {
-    type: typeof IconTypeEnum;
-};
-export default _default;

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

@@ -1 +0,0 @@
-export type IconType = "svg" | "font" | "src";

package/dist/mocked_classnames/components/Icon/IconConstants.d.ts

@@ -1,8 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum IconType {
-    SVG = "svg",
-    ICON_FONT = "font",
-    SRC = "src"
-}

package/dist/mocked_classnames/components/Icon/hooks/useIconProps.d.ts

@@ -1,21 +0,0 @@
-import { type KeyboardEvent, type MouseEvent, type UIEvent } from "react";
-export default function useIconProps({ onClick, className, clickable, ignoreFocusStyle, isDecorationOnly, iconLabel, externalTabIndex }: {
-    onClick?: (event: UIEvent) => void;
-    className?: string;
-    clickable?: boolean;
-    ignoreFocusStyle?: boolean;
-    isDecorationOnly?: boolean;
-    iconLabel?: string;
-    externalTabIndex?: number | undefined;
-}): {
-    screenReaderAccessProps: {
-        "aria-label": string;
-        role: string;
-        tabIndex: number;
-        "aria-hidden": boolean;
-    };
-    onClickCallback: (event: MouseEvent) => void;
-    computedClassName: string;
-    onEnterCallback: (event: KeyboardEvent) => void;
-    iconRef: import("react").MutableRefObject<any>;
-};

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

@@ -1,3 +0,0 @@
-export { default as Icon, type IconProps } from "./Icon";
-export { default as CustomSvgIcon, type CustomSvgIconProps } from "./CustomSvgIcon/CustomSvgIcon";
-export * from "./Icon.types";

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

@@ -1,27 +0,0 @@
-import React from "react";
-import { LoaderColors as LoaderColorsEnum, LoaderSizes as LoaderSizesEnum } from "./LoaderConstants";
-import { type LoaderColors, type LoaderSize } from "./Loader.types";
-import { type VibeComponentProps } from "../../types";
-export interface LoaderProps extends VibeComponentProps {
-    /**
-     * The size of the loader, either a predefined size or a custom number.
-     */
-    size?: LoaderSize;
-    /**
-     * The color of the loader.
-     */
-    color?: LoaderColors;
-    /**
-     * If true, a background circle is displayed behind the loader.
-     */
-    hasBackground?: boolean;
-    /**
-     * Class name applied to the wrapper element.
-     */
-    wrapperClassName?: string;
-}
-declare const _default: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>> & {
-    sizes: typeof LoaderSizesEnum;
-    colors: typeof LoaderColorsEnum;
-};
-export default _default;

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

@@ -1,3 +0,0 @@
-export type LoaderColors = "primary" | "secondary" | "onPrimary" | "dark";
-export type LoaderSizes = "xs" | "small" | "medium" | "large";
-export type LoaderSize = LoaderSizes | number;

package/dist/mocked_classnames/components/Loader/LoaderConstants.d.ts

@@ -1,18 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum LoaderColors {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    ON_PRIMARY = "onPrimary",
-    DARK = "dark"
-}
-/**
- * @deprecated
- */
-export declare enum LoaderSizes {
-    XS = "xs",
-    SMALL = "small",
-    MEDIUM = "medium",
-    LARGE = "large"
-}

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

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

package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from "./useFocusEscapeTargets";
-export * from "./useFocusEscapeTargets.types";

package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.d.ts

@@ -1,10 +0,0 @@
-import { type FocusEscapeTarget } from "./useFocusEscapeTargets.types";
-/**
- * Hook that creates a checker function to determine if an element should be allowed
- * to receive focus outside of a focus lock.
- *
- * @param targets - Array of targets (selectors, refs, or elements) that should be allowed to receive focus and won't be managed by the focus-lock
- * @returns A function that checks if a given element matches any of the targets
- */
-declare const useFocusEscapeTargets: (targets?: FocusEscapeTarget[]) => (element?: HTMLElement) => boolean;
-export default useFocusEscapeTargets;

package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.types.d.ts

@@ -1,2 +0,0 @@
-import type React from "react";
-export type FocusEscapeTarget = string | HTMLElement | React.RefObject<HTMLElement>;

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

@@ -1,10 +0,0 @@
-export default function useIconScreenReaderAccessProps({ isClickable, label, isDecorationOnly }: {
-    isClickable: boolean;
-    label: string;
-    isDecorationOnly: boolean;
-}): {
-    "aria-label": string;
-    role: string;
-    tabIndex: number;
-    "aria-hidden": boolean;
-};

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as t,useRef as i,useEffect as a,useCallback as r,useMemo as n}from"react";import{camelCase as s}from"es-toolkit";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import d from"../../hooks/useMergeRef.js";import{NOOP as u}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{ButtonColor as f,ButtonType as v,ButtonInputType as y,BUTTON_ICON_SIZE as g,SMALL_BUTTON_ICON_SIZE as b}from"./ButtonConstants.js";import{getParentBackgroundColorNotTransparent as h,TRANSPARENT_COLOR as j}from"./helper/dom-helpers.js";import{getTestId as N}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as C}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as E,ComponentVibeId as k}from"../../tests/constants.js";import F from"./Button.module.scss.js";import{useButtonLoading as B}from"./helper/useButtonLoading.js";var I=x(t((function(t,c){var f=t.className,v=t.children,y=t.kind,x=void 0===y?"primary":y,I=t.onClick,S=void 0===I?u:I,T=t.name,P=t.size,L=void 0===P?"medium":P,z=t.color,O=void 0===z?"primary":z,M=t.disabled,w=void 0!==M&&M,D=t.rightIcon,U=void 0===D?null:D,A=t.leftIcon,H=void 0===A?null:A,R=t.success,_=void 0!==R&&R,q=t.successText,G=void 0===q?"":q,J=t.successIcon,K=void 0===J?null:J,Q=t.style,V=t.loading,W=void 0!==V&&V,X=t.loaderClassName,Y=t.active,Z=void 0!==Y&&Y,$=t.activeButtonClassName,ee=t.id,oe=t.marginRight,te=void 0!==oe&&oe,ie=t.marginLeft,ae=void 0!==ie&&ie,re=t.type,ne=void 0===re?"button":re,se=t.onMouseDown,le=void 0===se?u:se,ce=t.ariaLabel,de=t.rightFlat,ue=void 0!==de&&de,me=t.leftFlat,pe=void 0!==me&&me,fe=t.preventClickAnimation,ve=void 0!==fe&&fe,ye=t.noSidePadding,ge=void 0!==ye&&ye,be=t.onFocus,he=void 0===be?u:be,je=t.onBlur,Ne=void 0===je?u:je,xe=t.ariaLabeledBy,Ce=t.defaultTextColorOnPrimaryColor,Ee=void 0===Ce?j:Ce,ke=t.ariaHasPopup,Fe=t.ariaExpanded,Be=t.ariaControls,Ie=t["aria-describedby"],Se=t["aria-hidden"],Te=t["aria-pressed"],Pe=t.blurOnMouseUp,Le=void 0===Pe||Pe,ze=t["data-testid"],Oe=t.insetFocus,Me=void 0!==Oe&&Oe,we=t.tabIndex,De=i(null),Ue=d(c,De),Ae=B({isLoading:W}).loading;a((function(){if(("on-primary-color"===O||"fixed-light"===O)&&"primary"===x&&De.current){var e=De.current;e.style.color=h(e,Ee)}}),[x,De,O,Ee]);var He=r((function(){var e=De.current;!w&&e&&Le&&e.blur()}),[w,De,Le]),Re=r((function(e){w||Ae||_?e.preventDefault():S&&S(e)}),[S,w,Ae,_]),_e=r((function(e){w||Ae||_?e.preventDefault():le&&le(e)}),[le,w,Ae,_]),qe=n((function(){var o,t=_?"positive":O;return l(f,F.button,C(F,s("size-"+L)),C(F,s("kind-"+x)),C(F,s("color-"+t)),(e(e(e(e(e(e(e(e(e(e(o={},F.success,_),C(F,s("color-"+t+"-active")),Z),$,Z),F.marginRight,te),F.marginLeft,ae),F.rightFlat,ue),F.leftFlat,pe),F.preventClickAnimation,ve),F.noSidePadding,ge),F.disabled,w),e(o,F.insetFocusStyle,Me)))}),[_,O,f,L,x,Z,$,te,ae,ue,pe,ve,ge,w,Me]),Ge=n((function(){return{ref:Ue,type:ne,className:qe,name:T,onMouseUp:He,style:Q,onClick:Re,id:ee,onFocus:he,onBlur:Ne,tabIndex:w||Se?-1:we,"data-testid":ze||N(E.BUTTON,ee),"data-vibe":k.BUTTON,onMouseDown:_e,"aria-disabled":w,"aria-busy":Ae,"aria-labelledby":xe,"aria-label":ce,"aria-haspopup":ke,"aria-expanded":Fe,"aria-controls":Be,"aria-describedby":Ie,"aria-hidden":Se,"aria-pressed":Te}}),[Ue,ne,qe,T,He,Q,Re,ee,he,Ne,we,ze,_e,w,Ae,xe,ce,ke,Fe,Be,Ie,Se,Te]),Je=r((function(e){if("function"==typeof e)switch(L){case"xxs":case"xs":return b;default:return g}}),[L]),Ke=n((function(){return o.Children.toArray(v).some(Boolean)}),[v]),Qe=n((function(){return o.createElement(o.Fragment,null,H?o.createElement(m,{iconType:"font",icon:H,iconSize:Je(H),className:l(e({},F.leftIcon,Ke)),ignoreFocusStyle:!0}):null,v,U?o.createElement(m,{iconType:"font",icon:U,iconSize:Je(U),className:l(e({},F.rightIcon,Ke)),ignoreFocusStyle:!0}):null)}),[v,Ke,Je,H,U]);return Ae?o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-loading")}),o.createElement("span",{className:l(F.loader,X)},o.createElement(p,{className:F.loaderSvg}),o.createElement("span",{"aria-hidden":!0,className:F.textPlaceholder},Qe))):_?o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-success")}),o.createElement("span",{className:F.successContent},K?o.createElement(m,{iconType:"font",icon:K,iconSize:Je(K),className:l(e({},F.leftIcon,!!G)),ignoreFocusStyle:!0}):null,G),o.createElement("span",{"aria-hidden":"true",className:F.textPlaceholder},Qe)):o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-button")}),Qe)})),{sizes:c,colors:f,kinds:v,types:y,inputTags:y});export{I as default};
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type */\nimport React, { type AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n  BUTTON_ICON_SIZE,\n  ButtonColor as ButtonColorEnum,\n  ButtonInputType as ButtonInputTypeEnum,\n  ButtonType as ButtonTypeEnum,\n  SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { type ButtonColor, type ButtonInputType, type ButtonType, type ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n  children: React.ReactNode;\n  /** Custom class names to pass to the component */\n  className?: string;\n  activeButtonClassName?: string;\n  /** The button's kind */\n  kind?: ButtonType;\n  /** Callback function to run when the button is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  /** Blur on button click */\n  blurOnMouseUp?: boolean;\n  /** Name of the button - for form submit usages  */\n  name?: string;\n  /** The button's size */\n  size?: ButtonSize;\n  /** The button's color */\n  color?: ButtonColor;\n  /** The button's type */\n  type?: ButtonInputType;\n  /** Whether the button should be disabled or not */\n  disabled?: boolean;\n  /** Icon to place on the right */\n  rightIcon?: SubIcon;\n  /** Icon to place on the left */\n  leftIcon?: SubIcon;\n  /** the success props are used when you have async action and wants to display a success message */\n  success?: boolean;\n  /** Success icon name */\n  successIcon?: SubIcon;\n  /** Success text */\n  successText?: string;\n  /** loading boolean which switches the text to a loader */\n  loading?: boolean;\n  /** className which is applied to loader container **/\n  loaderClassName?: string;\n  style?: React.CSSProperties;\n  /** displays the active state */\n  active?: boolean;\n  /** id to pass to the button */\n  id?: string;\n  /** adds 8px margin to the right */\n  marginRight?: boolean;\n  /** adds 8px margin to the left */\n  marginLeft?: boolean;\n  /** element id to describe the button accordingly */\n  ariaLabeledBy?: string;\n  /** aria label to provide important when providing only Icon */\n  ariaLabel?: string;\n  /** aria for a button popup */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /** aria to be set if the popup is open */\n  ariaExpanded?: boolean;\n  /** aria controls - receives id for the controlled region */\n  ariaControls?: string;\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * aria to be used for screen reader to know if the button is hidden\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /** On Button Focus callback */\n  onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  /** On Button Blur callback */\n  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n  rightFlat?: boolean;\n  leftFlat?: boolean;\n  preventClickAnimation?: boolean;\n  noSidePadding?: boolean;\n  /** default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) */\n  defaultTextColorOnPrimaryColor?: string;\n  \"data-testid\"?: string;\n  /** Change the focus indicator from around the button to within it */\n  insetFocus?: boolean;\n  /** Specifies the tab order of an element */\n  tabIndex?: number;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      children,\n      kind = \"primary\",\n      onClick = NOOP,\n      name,\n      size = \"medium\",\n      color = \"primary\",\n      disabled = false,\n      rightIcon = null,\n      leftIcon = null,\n      success = false,\n      successText = \"\",\n      successIcon = null,\n      style,\n      loading: isLoading = false,\n      loaderClassName,\n      active = false,\n      activeButtonClassName,\n      id,\n      marginRight = false,\n      marginLeft = false,\n      type = \"button\",\n      onMouseDown = NOOP,\n      ariaLabel,\n      rightFlat = false,\n      leftFlat = false,\n      preventClickAnimation = false,\n      noSidePadding = false,\n      onFocus = NOOP,\n      onBlur = NOOP,\n      ariaLabeledBy,\n      defaultTextColorOnPrimaryColor = TRANSPARENT_COLOR,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      blurOnMouseUp = true,\n      \"data-testid\": dataTestId,\n      insetFocus = false,\n      tabIndex\n    }: ButtonProps,\n    ref\n  ) => {\n    const buttonRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRef(ref, buttonRef);\n\n    const { loading } = useButtonLoading({ isLoading });\n\n    useEffect(() => {\n      if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n      if (kind !== \"primary\") return;\n      if (!buttonRef.current) return;\n\n      const buttonElement = buttonRef.current;\n      buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n    }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n    const onMouseUp = useCallback(() => {\n      const button = buttonRef.current;\n      if (disabled || !button) {\n        return;\n      }\n      if (blurOnMouseUp) {\n        button.blur();\n      }\n    }, [disabled, buttonRef, blurOnMouseUp]);\n\n    const onButtonClicked = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (disabled || loading || success) {\n          event.preventDefault();\n          return;\n        }\n\n        if (onClick) {\n          onClick(event);\n        }\n      },\n      [onClick, disabled, loading, success]\n    );\n\n    const onMouseDownClicked = useCallback(\n      (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n        if (disabled || loading || success) {\n          event.preventDefault();\n          return;\n        }\n\n        if (onMouseDown) {\n          onMouseDown(event);\n        }\n      },\n      [onMouseDown, disabled, loading, success]\n    );\n\n    const classNames = useMemo(() => {\n      const calculatedColor = success ? \"positive\" : color;\n      return cx(\n        className,\n        styles.button,\n        getStyle(styles, camelCase(\"size-\" + size)),\n        getStyle(styles, camelCase(\"kind-\" + kind)),\n        getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n        {\n          [styles.success]: success,\n          [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n          [activeButtonClassName]: active,\n          [styles.marginRight]: marginRight,\n          [styles.marginLeft]: marginLeft,\n          [styles.rightFlat]: rightFlat,\n          [styles.leftFlat]: leftFlat,\n          [styles.preventClickAnimation]: preventClickAnimation,\n          [styles.noSidePadding]: noSidePadding,\n          [styles.disabled]: disabled,\n          [styles.insetFocusStyle]: insetFocus\n        }\n      );\n    }, [\n      success,\n      color,\n      className,\n      size,\n      kind,\n      active,\n      activeButtonClassName,\n      marginRight,\n      marginLeft,\n      rightFlat,\n      leftFlat,\n      preventClickAnimation,\n      noSidePadding,\n      disabled,\n      insetFocus\n    ]);\n\n    const buttonProps = useMemo(() => {\n      const props: Record<string, unknown> = {\n        ref: mergedRef,\n        type,\n        className: classNames,\n        name,\n        onMouseUp,\n        style,\n        onClick: onButtonClicked,\n        id,\n        onFocus,\n        onBlur,\n        tabIndex: disabled || ariaHidden ? -1 : tabIndex,\n        \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.BUTTON, id),\n        \"data-vibe\": ComponentVibeId.BUTTON,\n        onMouseDown: onMouseDownClicked,\n        \"aria-disabled\": disabled,\n        \"aria-busy\": loading,\n        \"aria-labelledby\": ariaLabeledBy,\n        \"aria-label\": ariaLabel,\n        \"aria-haspopup\": ariaHasPopup,\n        \"aria-expanded\": ariaExpanded,\n        \"aria-controls\": ariaControls,\n        \"aria-describedby\": ariaDescribedBy,\n        \"aria-hidden\": ariaHidden,\n        \"aria-pressed\": ariaPressed\n      };\n      return props;\n    }, [\n      mergedRef,\n      type,\n      classNames,\n      name,\n      onMouseUp,\n      style,\n      onButtonClicked,\n      id,\n      onFocus,\n      onBlur,\n      tabIndex,\n      dataTestId,\n      onMouseDownClicked,\n      disabled,\n      loading,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      ariaDescribedBy,\n      ariaHidden,\n      ariaPressed\n    ]);\n\n    const iconSize = useCallback(\n      (icon: SubIcon) => {\n        if (typeof icon !== \"function\") return;\n        switch (size) {\n          case \"xxs\":\n          case \"xs\":\n            return SMALL_BUTTON_ICON_SIZE;\n          default:\n            return BUTTON_ICON_SIZE;\n        }\n      },\n      [size]\n    );\n\n    const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n    const buttonContent = useMemo(\n      () => (\n        <>\n          {leftIcon ? (\n            <Icon\n              iconType=\"font\"\n              icon={leftIcon}\n              iconSize={iconSize(leftIcon)}\n              className={cx({\n                [styles.leftIcon]: hasRenderableChildren\n              })}\n              ignoreFocusStyle\n            />\n          ) : null}\n          {children}\n          {rightIcon ? (\n            <Icon\n              iconType=\"font\"\n              icon={rightIcon}\n              iconSize={iconSize(rightIcon)}\n              className={cx({\n                [styles.rightIcon]: hasRenderableChildren\n              })}\n              ignoreFocusStyle\n            />\n          ) : null}\n        </>\n      ),\n      [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n    );\n\n    if (loading) {\n      return (\n        <button {...buttonProps} key={`${id}-loading`}>\n          <span className={cx(styles.loader, loaderClassName)}>\n            <Loader className={styles.loaderSvg} />\n            <span aria-hidden className={styles.textPlaceholder}>\n              {buttonContent}\n            </span>\n          </span>\n        </button>\n      );\n    }\n\n    if (success) {\n      return (\n        <button {...buttonProps} key={`${id}-success`}>\n          <span className={styles.successContent}>\n            {successIcon ? (\n              <Icon\n                iconType=\"font\"\n                icon={successIcon}\n                iconSize={iconSize(successIcon)}\n                className={cx({\n                  [styles.leftIcon]: !!successText\n                })}\n                ignoreFocusStyle\n              />\n            ) : null}\n            {successText}\n          </span>\n          <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n            {buttonContent}\n          </span>\n        </button>\n      );\n    }\n\n    return (\n      <button {...buttonProps} key={`${id}-button`}>\n        {buttonContent}\n      </button>\n    );\n  }\n);\n\ninterface ButtonStaticProps {\n  sizes: typeof SIZES;\n  colors: typeof ButtonColorEnum;\n  kinds: typeof ButtonTypeEnum;\n  types: typeof ButtonInputTypeEnum;\n  inputTags: typeof ButtonInputTypeEnum;\n}\n\nexport default withStaticProps<ButtonProps, ButtonStaticProps>(Button, {\n  sizes: SIZES,\n  colors: ButtonColorEnum,\n  kinds: ButtonTypeEnum,\n  types: ButtonInputTypeEnum,\n  inputTags: ButtonInputTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","children","_ref$kind","kind","_ref$onClick","onClick","NOOP","name","_ref$size","size","_ref$color","color","_ref$disabled","disabled","_ref$rightIcon","rightIcon","_ref$leftIcon","leftIcon","_ref$success","success","_ref$successText","successText","_ref$successIcon","successIcon","style","_ref$loading","loading","isLoading","loaderClassName","_ref$active","active","activeButtonClassName","id","_ref$marginRight","marginRight","_ref$marginLeft","marginLeft","_ref$type","type","_ref$onMouseDown","onMouseDown","ariaLabel","_ref$rightFlat","rightFlat","_ref$leftFlat","leftFlat","_ref$preventClickAnim","preventClickAnimation","_ref$noSidePadding","noSidePadding","_ref$onFocus","onFocus","_ref$onBlur","onBlur","ariaLabeledBy","_ref$defaultTextColor","defaultTextColorOnPrimaryColor","TRANSPARENT_COLOR","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$blurOnMouseUp","blurOnMouseUp","dataTestId","_ref$insetFocus","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","ComponentVibeId","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var o={button:"button","focus-visible":"focus-visible",loader:"loader",loaderSvg:"loaderSvg",textPlaceholder:"textPlaceholder",success:"success",successContent:"successContent",marginRight:"marginRight",marginLeft:"marginLeft",rightFlat:"rightFlat",leftFlat:"leftFlat",preventClickAnimation:"preventClickAnimation",leftIcon:"leftIcon",rightIcon:"rightIcon",sizeXxs:"sizeXxs",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",kindPrimary:"kindPrimary",colorPrimary:"colorPrimary",colorBrand:"colorBrand",colorPrimaryActive:"colorPrimaryActive",colorBrandActive:"colorBrandActive",colorPositive:"colorPositive",colorPositiveActive:"colorPositiveActive",colorNegative:"colorNegative",colorNegativeActive:"colorNegativeActive",colorInverted:"colorInverted",colorInvertedActive:"colorInvertedActive",disabled:"disabled",colorOnPrimaryColor:"colorOnPrimaryColor",colorOnPrimaryColorActive:"colorOnPrimaryColorActive",colorFixedLight:"colorFixedLight",colorFixedLightActive:"colorFixedLightActive",colorFixedDark:"colorFixedDark",colorFixedDarkActive:"colorFixedDarkActive",colorOnInvertedBackground:"colorOnInvertedBackground",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive",kindSecondary:"kindSecondary",kindTertiary:"kindTertiary",noSidePadding:"noSidePadding",insetFocusStyle:"insetFocusStyle"};!function(o){const r="s_id-f5db469b1a79_3_70_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.button {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button:focus-visible, .button.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.button:focus:not(.focus-visible) {\n  outline: none;\n}\n.button .loader {\n  height: 100%;\n}\n.button .loader .loaderSvg {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button .textPlaceholder {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button.success {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button.success .successContent {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight {\n  margin-right: var(--spacing-small);\n}\n.marginLeft {\n  margin-left: var(--spacing-small);\n}\n.rightFlat {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button:active:not(.preventClickAnimation) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button .leftIcon {\n  margin-right: var(--spacing-small);\n}\n.button .rightIcon {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall .loader {\n  top: 7px;\n}\n.sizeMedium {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorPrimary {\n  background: var(--primary-color);\n}\n.kindPrimary.colorBrand {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary.colorPrimaryActive,\n.kindPrimary.colorPrimary:hover,\n.kindPrimary.colorPrimary:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary.colorBrandActive,\n.kindPrimary.colorBrand:hover,\n.kindPrimary.colorBrand:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary.colorPositive {\n  background: var(--positive-color);\n}\n.kindPrimary.colorPositiveActive,\n.kindPrimary.colorPositive:hover,\n.kindPrimary.colorPositive:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary.colorNegative {\n  background: var(--negative-color);\n}\n.kindPrimary.colorNegativeActive,\n.kindPrimary.colorNegative:hover,\n.kindPrimary.colorNegative:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary.colorInverted {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary.colorInvertedActive,\n.kindPrimary.colorInverted:hover,\n.kindPrimary.colorInverted:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary.button.colorInverted.disabled {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary.colorOnPrimaryColor {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary.colorOnPrimaryColorActive,\n.kindPrimary.colorOnPrimaryColor:hover,\n.kindPrimary.colorOnPrimaryColor:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorOnPrimaryColorActive:focus-visible, .kindPrimary.colorOnPrimaryColorActive.focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover:focus-visible,\n.kindPrimary.colorOnPrimaryColor:hover.focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus:focus-visible,\n.kindPrimary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindPrimary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary.colorFixedLight {\n  background: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedLightActive,\n.kindPrimary.colorFixedLight:hover,\n.kindPrimary.colorFixedLight:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary.colorFixedLightActive:focus-visible, .kindPrimary.colorFixedLightActive.focus-visible,\n.kindPrimary.colorFixedLight:hover:focus-visible,\n.kindPrimary.colorFixedLight:hover.focus-visible,\n.kindPrimary.colorFixedLight:focus:focus-visible,\n.kindPrimary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedLightActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDark {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary.colorFixedDarkActive,\n.kindPrimary.colorFixedDark:hover,\n.kindPrimary.colorFixedDark:focus {\n  filter: brightness(125%);\n}\n.kindPrimary.colorFixedDarkActive:focus-visible, .kindPrimary.colorFixedDarkActive.focus-visible,\n.kindPrimary.colorFixedDark:hover:focus-visible,\n.kindPrimary.colorFixedDark:hover.focus-visible,\n.kindPrimary.colorFixedDark:focus:focus-visible,\n.kindPrimary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindPrimary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindPrimary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary.colorOnInvertedBackground {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary.colorOnInvertedBackgroundActive,\n.kindPrimary.colorOnInvertedBackground:hover,\n.kindPrimary.colorOnInvertedBackground:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary.button.colorOnInvertedBackground.disabled {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary.button.disabled {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary.sizeSmall {\n  line-height: 22px;\n}\n.kindSecondary.sizeMedium {\n  line-height: 22px;\n}\n.kindSecondary.sizeLarge {\n  line-height: 22px;\n}\n.kindSecondary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary.colorBrandActive,\n.kindSecondary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindSecondary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorBrand:hover:not(.colorBrandActive),\n.kindSecondary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorPositive {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary.colorPositiveActive,\n.kindSecondary.colorPositive:hover,\n.kindSecondary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary.colorNegative {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary.colorNegativeActive,\n.kindSecondary.colorNegative:hover,\n.kindSecondary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary.colorInverted {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary.colorInvertedActive,\n.kindSecondary.colorInverted:hover,\n.kindSecondary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary.colorInverted.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary.colorOnPrimaryColorActive,\n.kindSecondary.colorOnPrimaryColor:hover,\n.kindSecondary.colorOnPrimaryColor:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorOnPrimaryColorActive:focus-visible, .kindSecondary.colorOnPrimaryColorActive.focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover:focus-visible,\n.kindSecondary.colorOnPrimaryColor:hover.focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus:focus-visible,\n.kindSecondary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindSecondary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary.colorFixedLight {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedLightActive,\n.kindSecondary.colorFixedLight:hover,\n.kindSecondary.colorFixedLight:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary.colorFixedLightActive:focus-visible, .kindSecondary.colorFixedLightActive.focus-visible,\n.kindSecondary.colorFixedLight:hover:focus-visible,\n.kindSecondary.colorFixedLight:hover.focus-visible,\n.kindSecondary.colorFixedLight:focus:focus-visible,\n.kindSecondary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedLightActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorFixedDark {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.colorFixedDarkActive,\n.kindSecondary.colorFixedDark:hover,\n.kindSecondary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary.colorFixedDarkActive:focus-visible, .kindSecondary.colorFixedDarkActive.focus-visible,\n.kindSecondary.colorFixedDark:hover:focus-visible,\n.kindSecondary.colorFixedDark:hover.focus-visible,\n.kindSecondary.colorFixedDark:focus:focus-visible,\n.kindSecondary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindSecondary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindSecondary.colorOnInvertedBackground {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary.colorOnInvertedBackgroundActive,\n.kindSecondary.colorOnInvertedBackground:hover,\n.kindSecondary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindSecondary.colorOnInvertedBackground.disabled {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary.disabled {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary.disabled:hover {\n  background-color: transparent;\n}\n.kindTertiary {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary.colorPrimaryActive {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary.colorPrimaryActive:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary.colorBrandActive {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary.colorBrandActive,\n.kindTertiary.colorBrandActive:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary.colorPrimary:hover:not(.colorPrimaryActive),\n.kindTertiary.colorPrimary:focus:not(.colorPrimaryActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorBrand:hover:not(.colorBrandActive),\n.kindTertiary.colorBrand:focus:not(.colorBrandActive) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorPositive {\n  color: var(--positive-color);\n}\n.kindTertiary.colorPositiveActive,\n.kindTertiary.colorPositive:hover,\n.kindTertiary.colorPositive:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary.colorNegative {\n  color: var(--negative-color);\n}\n.kindTertiary.colorNegativeActive,\n.kindTertiary.colorNegative:hover,\n.kindTertiary.colorNegative:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary.colorInverted {\n  color: var(--primary-text-color);\n}\n.kindTertiary.colorInvertedActive,\n.kindTertiary.colorInverted:hover,\n.kindTertiary.colorInverted:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary.colorInverted.disabled {\n  color: var(--disabled-text-color);\n}\n.kindTertiary.colorOnPrimaryColor {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorOnPrimaryColorActive,\n.kindTertiary.colorOnPrimaryColor:hover,\n.kindTertiary.colorOnPrimaryColor:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorOnPrimaryColorActive:focus-visible, .kindTertiary.colorOnPrimaryColorActive.focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover:focus-visible,\n.kindTertiary.colorOnPrimaryColor:hover.focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus:focus-visible,\n.kindTertiary.colorOnPrimaryColor:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorOnPrimaryColorActive:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:hover:focus:not(.focus-visible),\n.kindTertiary.colorOnPrimaryColor:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorOnPrimaryColor.disabled {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary.colorFixedLight {\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedLightActive,\n.kindTertiary.colorFixedLight:hover,\n.kindTertiary.colorFixedLight:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary.colorFixedLightActive:focus-visible, .kindTertiary.colorFixedLightActive.focus-visible,\n.kindTertiary.colorFixedLight:hover:focus-visible,\n.kindTertiary.colorFixedLight:hover.focus-visible,\n.kindTertiary.colorFixedLight:focus:focus-visible,\n.kindTertiary.colorFixedLight:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedLightActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedLight:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedLight.disabled {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary.colorFixedDark {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorFixedDarkActive,\n.kindTertiary.colorFixedDark:hover,\n.kindTertiary.colorFixedDark:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary.colorFixedDarkActive:focus-visible, .kindTertiary.colorFixedDarkActive.focus-visible,\n.kindTertiary.colorFixedDark:hover:focus-visible,\n.kindTertiary.colorFixedDark:hover.focus-visible,\n.kindTertiary.colorFixedDark:focus:focus-visible,\n.kindTertiary.colorFixedDark:focus.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary.colorFixedDarkActive:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:hover:focus:not(.focus-visible),\n.kindTertiary.colorFixedDark:focus:focus:not(.focus-visible) {\n  outline: none;\n}\n.kindTertiary.colorFixedDark.disabled {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary.colorOnInvertedBackground {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.colorOnInvertedBackgroundActive,\n.kindTertiary.colorOnInvertedBackground:hover,\n.kindTertiary.colorOnInvertedBackground:focus {\n  background: var(--icon-color);\n}\n.kindTertiary.colorOnInvertedBackground.disabled {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary.disabled {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary.disabled:hover {\n  background-color: transparent;\n}\n.noSidePadding {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button.insetFocusStyle:focus-visible, .button.insetFocusStyle.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) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button.insetFocusStyle:focus:not(.focus-visible) {\n  outline: none;\n}");export{o as default};
-//# sourceMappingURL=Button.module.scss.js.map

package/dist/mocked_classnames/src/components/Button/ButtonConstants.js

@@ -1,2 +0,0 @@
-var r,i;!function(r){r.PRIMARY="primary",r.SECONDARY="secondary",r.TERTIARY="tertiary"}(r||(r={})),function(r){r.PRIMARY="primary",r.POSITIVE="positive",r.NEGATIVE="negative",r.INVERTED="inverted",r.ON_PRIMARY_COLOR="on-primary-color",r.ON_INVERTED_BACKGROUND="on-inverted-background",r.BRAND="brand",r.FIXED_LIGHT="fixed-light",r.FIXED_DARK="fixed-dark"}(i||(i={}));var R,n=16,t=20;!function(r){r.BUTTON="button",r.SUBMIT="submit",r.RESET="reset"}(R||(R={}));export{t as BUTTON_ICON_SIZE,i as ButtonColor,R as ButtonInputType,r as ButtonType,n as SMALL_BUTTON_ICON_SIZE};
-//# sourceMappingURL=ButtonConstants.js.map

package/dist/mocked_classnames/src/components/Button/ButtonConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ButtonConstants.js","sources":["../../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { type SIZES } from \"../../constants/sizes\";\n\n/**\n * @deprecated\n */\nexport enum ButtonType {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  TERTIARY = \"tertiary\"\n}\n\n/**\n * @deprecated\n */\nexport enum ButtonColor {\n  PRIMARY = \"primary\",\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  INVERTED = \"inverted\",\n  ON_PRIMARY_COLOR = \"on-primary-color\",\n  ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n  BRAND = \"brand\",\n  FIXED_LIGHT = \"fixed-light\",\n  FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n  PRIMARY: \"\"\n};\n\nexport const SMALL_BUTTON_ICON_SIZE = 16;\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/**\n * @deprecated\n */\nexport enum ButtonInputType {\n  BUTTON = \"button\",\n  SUBMIT = \"submit\",\n  RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,IAOKC,EAPCC,EAAyB,GAEzBC,EAAmB,IAKhC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/mocked_classnames/src/components/Button/helper/dom-helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dom-helpers.js","sources":["../../../../../../src/components/Button/helper/dom-helpers.js"],"sourcesContent":["export const TRANSPARENT_COLOR = \"rgba(0, 0, 0, 0)\";\n\nexport function getParentBackgroundColorNotTransparent(element, defaultColor) {\n  const parentElement = element.parentElement;\n  if (element === element.parentElement) {\n    if (!element) {\n      return defaultColor;\n    }\n\n    return window.getComputedStyle(element).backgroundColor;\n  }\n\n  if (!parentElement) {\n    return defaultColor;\n  }\n\n  const backgroundColor = window.getComputedStyle(parentElement).backgroundColor;\n  if (!backgroundColor || backgroundColor === defaultColor) {\n    return getParentBackgroundColorNotTransparent(parentElement, defaultColor);\n  }\n\n  return backgroundColor === TRANSPARENT_COLOR ? defaultColor : backgroundColor;\n}\n"],"names":["TRANSPARENT_COLOR","getParentBackgroundColorNotTransparent","element","defaultColor","parentElement","window","getComputedStyle","backgroundColor"],"mappings":"AAAO,IAAMA,EAAoB,mBAE1B,SAASC,EAAuCC,EAASC,GAC9D,IAAMC,EAAgBF,EAAQE,cAC9B,GAAIF,IAAYA,EAAQE,cACtB,OAAKF,EAIEG,OAAOC,iBAAiBJ,GAASK,gBAH/BJ,EAMX,IAAKC,EACH,OAAOD,EAGT,IAAMI,EAAkBF,OAAOC,iBAAiBF,GAAeG,gBAC/D,OAAKA,GAAmBA,IAAoBJ,EAIrCI,IAAoBP,EAAoBG,EAAeI,EAHrDN,EAAuCG,EAAeD,EAIjE"}

package/dist/mocked_classnames/src/components/Button/helper/useButtonLoading.js

@@ -1,2 +0,0 @@
-import{slicedToArray as n}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as r,useEffect as i}from"react";function o(o){var a=o.isLoading,t=r(a),e=n(t,2),u=e[0],l=e[1];return i((function(){var n=window.requestAnimationFrame((function(){l(a)}));return function(){window.cancelAnimationFrame(n)}}),[a]),{loading:u}}export{o as useButtonLoading};
-//# sourceMappingURL=useButtonLoading.js.map

package/dist/mocked_classnames/src/components/Button/helper/useButtonLoading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useButtonLoading.js","sources":["../../../../../../src/components/Button/helper/useButtonLoading.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport function useButtonLoading({ isLoading }: { isLoading: boolean }): { loading: boolean } {\n  const [loading, setLoading] = useState(isLoading);\n\n  useEffect(() => {\n    const frameId = window.requestAnimationFrame(() => {\n      setLoading(isLoading);\n    });\n    return () => {\n      window.cancelAnimationFrame(frameId);\n    };\n  }, [isLoading]);\n\n  return { loading };\n}\n"],"names":["useButtonLoading","_ref","isLoading","_useState","useState","_useState2","_slicedToArray","loading","setLoading","useEffect","frameId","window","requestAnimationFrame","cancelAnimationFrame"],"mappings":"kIAEgB,SAAAA,EAAgBC,GAAsC,IAAnCC,EAASD,EAATC,UACjCC,EAA8BC,EAASF,GAAUG,EAAAC,EAAAH,EAAA,GAA1CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAW1B,OATAI,GAAU,WACR,IAAMC,EAAUC,OAAOC,uBAAsB,WAC3CJ,EAAWN,EACb,IACA,OAAO,WACLS,OAAOE,qBAAqBH,GAEhC,GAAG,CAACR,IAEG,CAAEK,QAAAA,EACX"}

package/dist/mocked_classnames/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js

@@ -1,2 +0,0 @@
-import e,{useCallback as r}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s,ComponentVibeId as a}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";import{useIsMounted as n}from"../../../hooks/ssr/useIsMounted.js";function c(e){return e.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var l=function(l){var d=l.className,m=l.ref,f=l.src,u=l.onClick,p=l.replaceToCurrentColor,C=void 0!==p&&p,v=l.customColor,b=l.id,k=l["data-testid"],g=o({isClickable:l.clickable,label:l.ariaLabel,isDecorationOnly:l.ariaHidden}),j=n(),I=r((function(e){return C?c(e,"currentColor"):v?c(e,v):e}),[C,v]);if("string"!=typeof f)return null;var N=t.default||t,O=e.createElement("div",{className:d,id:b});return j?e.createElement(N,Object.assign({innerRef:m},g,{onClick:u,loader:O,src:f,className:d,preProcessor:I,id:b,"data-testid":k||i(s.SVG_ICON,b),"data-vibe":a.ICON}),O):O};export{l as default};
-//# sourceMappingURL=CustomSvgIcon.js.map

package/dist/mocked_classnames/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { type FunctionComponent, useCallback, type AriaRole, type Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n  return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n  /**\n   * Callback fired when the icon is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * The source URL or object of the SVG icon.\n   */\n  src: string | object;\n  /**\n   * The accessible label for the icon.\n   */\n  ariaLabel?: string;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The ARIA role of the icon.\n   */\n  role?: AriaRole;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  ariaHidden?: boolean;\n  /**\n   * If true, makes the icon clickable.\n   */\n  clickable?: boolean;\n  /**\n   * If true, replaces the `fill` attribute in the SVG with `currentColor`.\n   */\n  replaceToCurrentColor?: boolean;\n  /**\n   * Overrides the default color of the icon.\n   */\n  customColor?: string;\n  /**\n   * Reference to the SVG element.\n   */\n  ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n  className,\n  ref,\n  src,\n  onClick,\n  clickable,\n  ariaLabel,\n  ariaHidden,\n  replaceToCurrentColor = false,\n  customColor,\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  const screenReaderAccessProps = useIconScreenReaderAccessProps({\n    isClickable: clickable,\n    label: ariaLabel,\n    isDecorationOnly: ariaHidden\n  });\n\n  const isMounted = useIsMounted();\n\n  const svgProcessor = useCallback(\n    (svg: string) => {\n      if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n      if (customColor) return modifySvgCode(svg, customColor);\n      return svg;\n    },\n    [replaceToCurrentColor, customColor]\n  );\n\n  if (typeof src !== \"string\") return null;\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const SVGComponent = (SVG.default || SVG) as React.FC<any>; // fix esm issue\n\n  const PlaceHolder = <div className={className} id={id}></div>;\n\n  if (!isMounted) {\n    // placeholder for server side rendering\n    return PlaceHolder;\n  }\n  return (\n    <SVGComponent\n      innerRef={ref}\n      {...screenReaderAccessProps}\n      onClick={onClick}\n      loader={PlaceHolder} // avoid flickering\n      src={src}\n      className={className}\n      preProcessor={svgProcessor}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n      data-vibe={ComponentVibeId.ICON}\n    >\n      {PlaceHolder}\n    </SVGComponent>\n  );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","default","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON","ComponentVibeId","ICON"],"mappings":"wVAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CA6CA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAgBC,EAAIC,SAAWD,EAE/BE,EAAcC,EAAAC,cAAA,MAAA,CAAK1B,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHQ,EAACC,cAAAL,EACCM,OAAAC,OAAA,CAAAC,SAAU5B,GACNQ,EAAuB,CAC3BN,QAASA,EACT2B,OAAQN,EACRtB,IAAKA,EACLF,UAAWA,EACX+B,aAAcZ,EACdZ,GAAIA,gBACSC,GAAcwB,EAAUC,EAAuBC,SAAU3B,GAAG,YAC9D4B,EAAgBC,OAE1BZ,GAfIA,CAkBX"}

package/dist/mocked_classnames/src/components/Icon/FontIcon/FontIcon.js

@@ -1,2 +0,0 @@
-import a,{forwardRef as e}from"react";import t from"classnames";import{ComponentVibeId as i}from"../../../tests/constants.js";var r=e((function(e,r){var n=e.id,o=e.onClick,l=e["aria-label"],s=e.tabIndex,d=e.icon,c=e.role,m=void 0===c?"img":c,f=e["data-testid"],p="function"==typeof d;return a.createElement("span",{"aria-hidden":e["aria-hidden"],className:t(e.className,"fa",p?"":d),onClick:o,ref:r,"aria-label":l,tabIndex:s,role:m,id:n,"data-testid":f,"data-vibe":i.ICON},p&&a.createElement(d,null))}));export{r as default};
-//# sourceMappingURL=FontIcon.js.map

package/dist/mocked_classnames/src/components/Icon/FontIcon/FontIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FontIcon.js","sources":["../../../../../../src/components/Icon/FontIcon/FontIcon.tsx"],"sourcesContent":["import React, { type AriaRole, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface FontIconProps extends VibeComponentProps {\n  /**\n   * Callback fired when the icon is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n  /**\n   * The accessible label for the icon.\n   */\n  \"aria-label\"?: string;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * The icon name or component.\n   */\n  icon?: SubIcon;\n  /**\n   * The ARIA role of the icon.\n   */\n  role?: AriaRole;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  \"aria-hidden\"?: boolean;\n}\n\nconst FontIcon = forwardRef(\n  (\n    {\n      id,\n      className,\n      onClick,\n      \"aria-label\": iconLabel,\n      tabIndex,\n      icon: Icon,\n      role = \"img\",\n      \"aria-hidden\": ariaHidden,\n      \"data-testid\": dataTestId\n    }: FontIconProps,\n    iconRef: React.ForwardedRef<HTMLElement>\n  ) => {\n    const isIconFunction = typeof Icon === \"function\";\n    const iconClassName = isIconFunction ? \"\" : Icon;\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <span\n        aria-hidden={ariaHidden}\n        className={classNames(className, \"fa\", iconClassName)}\n        onClick={onClick}\n        ref={iconRef}\n        aria-label={iconLabel}\n        tabIndex={tabIndex}\n        role={role}\n        id={id}\n        data-testid={dataTestId}\n        data-vibe={ComponentVibeId.ICON}\n      >\n        {isIconFunction && <Icon />}\n      </span>\n    );\n  }\n);\n\nexport default FontIcon;\n"],"names":["FontIcon","forwardRef","_ref","iconRef","id","onClick","iconLabel","tabIndex","Icon","icon","_ref$role","role","dataTestId","isIconFunction","React","createElement","className","classNames","ref","ComponentVibeId","ICON"],"mappings":"8HAgCMA,IAAAA,EAAWC,GACf,SAAAC,EAYEC,GACE,IAXAC,EAAEF,EAAFE,GAEAC,EAAOH,EAAPG,QACcC,EAASJ,EAAvB,cACAK,EAAQL,EAARK,SACMC,EAAIN,EAAVO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EAEGE,EAAUV,EAAzB,eAIIW,EAAiC,mBAATL,EAE9B,OAEEM,EACeC,cAAA,OAAA,CAAA,cAVUb,EAAzB,eAWEc,UAAWC,EAjBJf,EAATc,UAiBmC,KALfH,EAAiB,GAAKL,GAMxCH,QAASA,EACTa,IAAKf,EACO,aAAAG,EACZC,SAAUA,EACVI,KAAMA,EACNP,GAAIA,EAAE,cACOQ,EAAU,YACZO,EAAgBC,MAE1BP,GAAkBC,gBAACN,EAAI,MAG9B"}

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

@@ -1,2 +0,0 @@
-import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as o,ComponentDefaultTestId as e}from"../../tests/testIds.js";import s from"classnames";import r,{forwardRef as i}from"react";import a from"../../hooks/useMergeRef.js";import{IconType as n}from"./IconConstants.js";import c from"./CustomSvgIcon/CustomSvgIcon.js";import l from"./FontIcon/FontIcon.js";import m from"./hooks/useIconProps.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentVibeId as p}from"../../tests/constants.js";var u=d(i((function(i,n){var d=i.id,u=i.icon,f=void 0===u?"":u,C=i.iconType,j=void 0===C?"svg":C,v=i.iconSize,b=void 0===v?16:v,g=i.ignoreFocusStyle,I=i.tabindex,y=i.style,N=i.useCurrentColor,O=void 0!==N&&N,k=i.customColor,S=i["data-testid"],x=m({iconLabel:i.iconLabel,className:i.className,isDecorationOnly:i.ariaHidden,ignoreFocusStyle:void 0!==g&&g,externalTabIndex:I&&+I}),F=x.screenReaderAccessProps,P=x.onClickCallback,h=x.computedClassName,E=a(n,x.iconRef);if(!f)return null;var R="function"==typeof f,T=S||o(e.ICON,d);return"svg"===j||R||"object"===t(f)?function(t,s){return r.createElement(t,Object.assign({},s,{"data-testid":s["data-testid"]||o(e.ICON,s.id),"data-vibe":p.ICON}))}(f,Object.assign(Object.assign({id:d},F),{ref:R?void 0:E,size:""+b,className:h,style:y,"data-testid":T})):"src"===j?r.createElement(c,Object.assign({id:d,src:f},F,{className:s(h),onClick:P,replaceToCurrentColor:O,customColor:k,"data-testid":T})):r.createElement(l,Object.assign({id:d},F,{className:s(h),onClick:P,ref:E,icon:f,"data-testid":T}))})),{type:n});export{u as default};
-//# sourceMappingURL=Icon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, forwardRef, type Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { type IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { type VibeComponentProps, type SubIcon, withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface IconSubComponentProps {\n  /**\n   * Ref for the icon component.\n   */\n  ref?: Ref<HTMLElement>;\n  /**\n   * The ID of the icon component.\n   */\n  id?: string;\n  /**\n   * The size of the icon.\n   */\n  size?: string | number;\n  /**\n   * Class name applied to the icon.\n   */\n  className?: string;\n  /**\n   * Inline styles applied to the icon.\n   */\n  style?: CSSProperties;\n  /**\n   * Test ID for testing purposes.\n   */\n  \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n  const dataTestId = props[\"data-testid\"];\n  return (\n    <Icon\n      {...props}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON, props.id)}\n      data-vibe={ComponentVibeId.ICON}\n    />\n  );\n}\n\nexport interface IconProps extends VibeComponentProps {\n  /**\n   * The icon name, component, or source URL.\n   */\n  icon: SubIcon;\n  /**\n   * The accessible label for the icon.\n   */\n  iconLabel?: string;\n  /**\n   * The type of the icon: `svg`, `font`, or `src` (external source).\n   */\n  iconType?: IconType;\n  /**\n   * The size of the icon.\n   */\n  iconSize?: number | string;\n  /**\n   * If true, removes focus styles from the icon.\n   */\n  ignoreFocusStyle?: boolean;\n  /**\n   * The tab index of the icon for keyboard navigation.\n   */\n  tabindex?: number | string;\n  /**\n   * If true, hides the icon from screen readers.\n   */\n  ariaHidden?: boolean;\n  /**\n   * Inline styles applied to the icon.\n   */\n  style?: React.CSSProperties;\n  /**\n   * If true, replaces `fill` property with `currentColor` when using an `src` icon.\n   */\n  useCurrentColor?: boolean;\n  /**\n   * Overrides the default color with a custom color.\n   */\n  customColor?: string;\n}\n\nconst Icon = forwardRef(\n  (\n    {\n      /**\n       * component id\n       */\n      id,\n      className,\n      icon = \"\",\n      iconLabel,\n      iconType = \"svg\",\n      iconSize = 16,\n      ignoreFocusStyle = false,\n      tabindex: externalTabIndex,\n      ariaHidden,\n      style,\n      useCurrentColor = false,\n      customColor,\n      \"data-testid\": dataTestId\n    }: IconProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n    const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n      iconLabel,\n      className,\n      isDecorationOnly: ariaHidden,\n      ignoreFocusStyle,\n      externalTabIndex: overrideExternalTabIndex\n    });\n\n    const mergedRef = useMergeRef(ref, iconRef);\n\n    if (!icon) {\n      return null;\n    }\n\n    const isFunctionType = typeof icon === \"function\";\n    const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.ICON, id);\n\n    if (iconType === \"svg\" || isFunctionType || typeof icon === \"object\") {\n      return renderIcon(icon, {\n        id,\n        ...screenReaderAccessProps,\n        ref: isFunctionType ? undefined : mergedRef,\n        size: iconSize.toString(),\n        className: computedClassName,\n        style,\n        \"data-testid\": overrideDataTestId\n      });\n    }\n    if (iconType === \"src\") {\n      return (\n        <CustomSvgIcon\n          id={id}\n          src={icon}\n          {...screenReaderAccessProps}\n          className={cx(computedClassName)}\n          onClick={onClickCallback}\n          replaceToCurrentColor={useCurrentColor}\n          customColor={customColor}\n          data-testid={overrideDataTestId}\n        />\n      );\n    }\n    return (\n      <FontIcon\n        id={id}\n        {...screenReaderAccessProps}\n        className={cx(computedClassName)}\n        onClick={onClickCallback}\n        ref={mergedRef}\n        icon={icon}\n        data-testid={overrideDataTestId}\n      />\n    );\n  }\n);\n\ninterface IconStaticProps {\n  type: typeof IconTypeEnum;\n}\n\nexport default withStaticProps<IconProps, IconStaticProps>(Icon, {\n  type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","createElement","Object","assign","ComponentVibeId","renderIcon","undefined","size","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"+kBA6FA,IAmFeA,EAAAA,EAnFFC,GACX,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAGT,IAAM0B,EAAiC,mBAAT1B,EACxB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAEhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GA9FvD,SAAoBgC,EAAeC,GAEjC,OACEC,EAACC,cAAAH,EACKI,OAAAC,OAAA,CAAA,EAAAJ,iBAHWA,EAAM,gBAIML,EAAUC,EAAuBC,KAAMG,EAAMnC,IAAG,YAChEwC,EAAgBR,OAGjC,CAsFaS,CAAWvC,EAChBoC,OAAAC,OAAAD,OAAAC,OAAA,CAAAvC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBc,EAAYjB,EAClCkB,KAAMrC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACC,cAAAO,EACCN,OAAAC,OAAA,CAAAvC,GAAIA,EACJ6C,IAAK3C,GACDoB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTyB,sBAAuBnC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAC,cAACY,EAAQX,OAAAC,OAAA,CACPvC,GAAIA,GACAsB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAO+D,CAC/DqB,KAAMC"}

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

@@ -1,2 +0,0 @@
-var e={icon:"icon",noFocusStyle:"noFocusStyle",clickable:"clickable"};!function(e){const n="s_id-039c30c54242_3_70_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon {\n  position: relative;\n}\n\n.icon:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle:focus {\n  outline: none;\n}\n\n.clickable {\n  cursor: pointer;\n}");export{e as default};
-//# sourceMappingURL=Icon.module.scss.js.map

package/dist/mocked_classnames/src/components/Icon/IconConstants.js

@@ -1,2 +0,0 @@
-var n;!function(n){n.SVG="svg",n.ICON_FONT="font",n.SRC="src"}(n||(n={}));export{n as IconType};
-//# sourceMappingURL=IconConstants.js.map

package/dist/mocked_classnames/src/components/Icon/IconConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconConstants.js","sources":["../../../../../src/components/Icon/IconConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum IconType {\n  SVG = \"svg\",\n  ICON_FONT = \"font\",\n  SRC = \"src\"\n}\n"],"names":["IconType"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,IAAA,MACAA,EAAA,UAAA,OACAA,EAAA,IAAA,KACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/mocked_classnames/src/components/Icon/hooks/useIconProps.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useRef as o,useCallback as n,useMemo as r}from"react";import t from"classnames";import{noop as a}from"es-toolkit";import c from"../../../hooks/useEventListener/index.js";import l from"../../../hooks/useKeyEvent/index.js";import{keyCodes as s}from"../../../constants/keyCodes.js";import i from"../../../hooks/useIconScreenReaderAccessProps.js";import m from"../Icon.module.scss.js";var u=[s.ENTER,s.SPACE];function f(s){var f=s.onClick,p=s.className,k=s.clickable,b=s.ignoreFocusStyle,d=s.isDecorationOnly,v=s.iconLabel,y=s.externalTabIndex,C=o(null),x=n((function(e){document.activeElement===C.current&&f(e)}),[C,f]),E=n((function(e){e.preventDefault()}),[]),j=r((function(){return t(m.icon,p,e(e({},m.clickable,k),m.noFocusStyle,b))}),[k,p,b]);c({eventName:"mousedown",callback:E,ref:C}),l({keys:u,ref:C,callback:x,ignoreDocumentFallback:!0,capture:!0,stopPropagation:!0,preventDefault:!0});var P=n((function(e){(f||a)(e)}),[f]),D=i({isClickable:k,label:v,isDecorationOnly:d});return D.tabIndex=null!=y?y:D.tabIndex,{screenReaderAccessProps:D,onClickCallback:P,computedClassName:j,onEnterCallback:x,iconRef:C}}export{f as default};
-//# sourceMappingURL=useIconProps.js.map

package/dist/mocked_classnames/src/components/Icon/hooks/useIconProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIconProps.js","sources":["../../../../../../src/components/Icon/hooks/useIconProps.tsx"],"sourcesContent":["import { type KeyboardEvent, type MouseEvent, type UIEvent, useCallback, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useEventListener from \"../../../hooks/useEventListener\";\nimport useKeyEvent from \"../../../hooks/useKeyEvent\";\nimport { keyCodes } from \"../../../constants/keyCodes\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport styles from \"../Icon.module.scss\";\n\nconst KEYS = [keyCodes.ENTER, keyCodes.SPACE];\n\nexport default function useIconProps({\n  onClick,\n  className,\n  clickable,\n  ignoreFocusStyle,\n  isDecorationOnly,\n  iconLabel,\n  externalTabIndex\n}: {\n  onClick?: (event: UIEvent) => void;\n  className?: string;\n  clickable?: boolean;\n  ignoreFocusStyle?: boolean;\n  isDecorationOnly?: boolean;\n  iconLabel?: string;\n  externalTabIndex?: number | undefined;\n}) {\n  const iconRef = useRef(null);\n  const onEnterCallback = useCallback(\n    (event: KeyboardEvent) => {\n      const isActive = document.activeElement === iconRef.current;\n      if (!isActive) {\n        return;\n      }\n      onClick(event);\n    },\n    [iconRef, onClick]\n  );\n\n  const onMouseDown = useCallback((event: MouseEvent) => {\n    event.preventDefault();\n  }, []);\n\n  const computedClassName = useMemo(() => {\n    return cx(styles.icon, className, {\n      [styles.clickable]: clickable,\n      [styles.noFocusStyle]: ignoreFocusStyle\n    });\n  }, [clickable, className, ignoreFocusStyle]);\n\n  useEventListener({\n    eventName: \"mousedown\",\n    callback: onMouseDown,\n    ref: iconRef\n  });\n\n  useKeyEvent({\n    keys: KEYS,\n    ref: iconRef,\n    callback: onEnterCallback,\n    ignoreDocumentFallback: true,\n    capture: true,\n    stopPropagation: true,\n    preventDefault: true\n  });\n\n  const onClickCallback = useCallback(\n    (event: MouseEvent) => {\n      const callback = onClick || NOOP;\n      callback(event);\n    },\n    [onClick]\n  );\n\n  const screenReaderAccessProps = useIconScreenReaderAccessProps({\n    isClickable: clickable,\n    label: iconLabel,\n    isDecorationOnly\n  });\n\n  screenReaderAccessProps.tabIndex = externalTabIndex ?? screenReaderAccessProps.tabIndex;\n\n  return {\n    screenReaderAccessProps,\n    onClickCallback,\n    computedClassName,\n    onEnterCallback,\n    iconRef\n  };\n}\n"],"names":["KEYS","keyCodes","ENTER","SPACE","useIconProps","_ref","onClick","className","clickable","ignoreFocusStyle","isDecorationOnly","iconLabel","externalTabIndex","iconRef","useRef","onEnterCallback","useCallback","event","document","activeElement","current","onMouseDown","preventDefault","computedClassName","useMemo","cx","styles","icon","_defineProperty","noFocusStyle","useEventListener","eventName","callback","ref","useKeyEvent","keys","ignoreDocumentFallback","capture","stopPropagation","onClickCallback","NOOP","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","label","tabIndex"],"mappings":"udASA,IAAMA,EAAO,CAACC,EAASC,MAAOD,EAASE,OAEzB,SAAUC,EAAYC,GAgBnC,IAfCC,EAAOD,EAAPC,QACAC,EAASF,EAATE,UACAC,EAASH,EAATG,UACAC,EAAgBJ,EAAhBI,iBACAC,EAAgBL,EAAhBK,iBACAC,EAASN,EAATM,UACAC,EAAgBP,EAAhBO,iBAUMC,EAAUC,EAAO,MACjBC,EAAkBC,GACtB,SAACC,GACkBC,SAASC,gBAAkBN,EAAQO,SAIpDd,EAAQW,EACV,GACA,CAACJ,EAASP,IAGNe,EAAcL,GAAY,SAACC,GAC/BA,EAAMK,gBACP,GAAE,IAEGC,EAAoBC,GAAQ,WAChC,OAAOC,EAAGC,EAAOC,KAAMpB,EAASqB,EAAAA,EAAA,CAAA,EAC7BF,EAAOlB,UAAYA,GACnBkB,EAAOG,aAAepB,GAE1B,GAAE,CAACD,EAAWD,EAAWE,IAE1BqB,EAAiB,CACfC,UAAW,YACXC,SAAUX,EACVY,IAAKpB,IAGPqB,EAAY,CACVC,KAAMnC,EACNiC,IAAKpB,EACLmB,SAAUjB,EACVqB,wBAAwB,EACxBC,SAAS,EACTC,iBAAiB,EACjBhB,gBAAgB,IAGlB,IAAMiB,EAAkBvB,GACtB,SAACC,IACkBX,GAAWkC,GACnBvB,EACX,GACA,CAACX,IAGGmC,EAA0BC,EAA+B,CAC7DC,YAAanC,EACboC,MAAOjC,EACPD,iBAAAA,IAKF,OAFA+B,EAAwBI,SAAWjC,QAAAA,EAAoB6B,EAAwBI,SAExE,CACLJ,wBAAAA,EACAF,gBAAAA,EACAhB,kBAAAA,EACAR,gBAAAA,EACAF,QAAAA,EAEJ"}

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

@@ -1,2 +0,0 @@
-import r,{forwardRef as e,useMemo as t}from"react";import o from"classnames";import{LoaderSizes as a,LoaderColors as s}from"./LoaderConstants.js";import{getTestId as i}from"../../tests/testIds.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import l from"./Loader.module.scss.js";var m={xs:16,small:24,medium:40,large:64},d={primary:"primary-color",secondary:"secondary-text-color",onPrimary:"text-color-on-inverted",dark:"primary-text-color"},p=c(e((function(e,a){var s=e.className,c=e.wrapperClassName,p=e.size,f=e.color,u=e.hasBackground,y=void 0!==u&&u,v=e.id,h=e["data-testid"],x=t((function(){var r="string"==typeof p?m[p]:p;if("number"==typeof r)return{width:r,height:r}}),[p]),g=t((function(){if(d[f])return"var(--".concat(d[f],")")}),[f]);return r.createElement("div",{className:o(l.loaderContainer,c),ref:a,role:"alert",title:"loading",style:x,id:v,"data-testid":h||i(n.LOADER,v)},r.createElement("svg",{className:o(l.circleLoaderSpinner,s),viewBox:"0 0 50 50",color:g,"aria-hidden":!0},y&&r.createElement("circle",{className:l.circleLoaderSpinnerBackground,cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"}),r.createElement("circle",{className:l.circleLoaderSpinnerPath,cx:"25",cy:"25",r:"20",fill:"none",strokeWidth:"5"})))})),{sizes:a,colors:s});export{p as default};
-//# sourceMappingURL=Loader.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Loader.js","sources":["../../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { LoaderColors as LoaderColorsEnum, LoaderSizes as LoaderSizesEnum } from \"./LoaderConstants\";\nimport { type LoaderColors, type LoaderSize, type LoaderSizes } from \"./Loader.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Loader.module.scss\";\n\nconst mapSizesToLoaderSize: Record<LoaderSizes, number> = {\n  xs: 16,\n  small: 24,\n  medium: 40,\n  large: 64\n};\n\nconst mapLoaderColorsToColors: Record<LoaderColors, string> = {\n  primary: \"primary-color\",\n  secondary: \"secondary-text-color\",\n  onPrimary: \"text-color-on-inverted\",\n  dark: \"primary-text-color\"\n};\n\nexport interface LoaderProps extends VibeComponentProps {\n  /**\n   * The size of the loader, either a predefined size or a custom number.\n   */\n  size?: LoaderSize;\n  /**\n   * The color of the loader.\n   */\n  color?: LoaderColors;\n  /**\n   * If true, a background circle is displayed behind the loader.\n   */\n  hasBackground?: boolean;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\nconst Loader = forwardRef(\n  (\n    { className, wrapperClassName, size, color, hasBackground = false, id, \"data-testid\": dataTestId }: LoaderProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const sizeStyle = useMemo(() => {\n      const loaderSize = typeof size === \"string\" ? mapSizesToLoaderSize[size] : size;\n      if (typeof loaderSize === \"number\") {\n        return { width: loaderSize, height: loaderSize };\n      }\n      return undefined;\n    }, [size]);\n\n    const colorStyle = useMemo(() => {\n      if (!mapLoaderColorsToColors[color]) return;\n      return `var(--${mapLoaderColorsToColors[color]})`;\n    }, [color]);\n\n    return (\n      <div\n        className={cx(styles.loaderContainer, wrapperClassName)}\n        ref={ref}\n        role=\"alert\"\n        title=\"loading\"\n        style={sizeStyle}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LOADER, id)}\n      >\n        <svg className={cx(styles.circleLoaderSpinner, className)} viewBox=\"0 0 50 50\" color={colorStyle} aria-hidden>\n          {hasBackground && (\n            <circle\n              className={styles.circleLoaderSpinnerBackground}\n              cx=\"25\"\n              cy=\"25\"\n              r=\"20\"\n              fill=\"none\"\n              strokeWidth=\"5\"\n            />\n          )}\n          <circle className={styles.circleLoaderSpinnerPath} cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" strokeWidth=\"5\" />\n        </svg>\n      </div>\n    );\n  }\n);\n\ninterface LoaderStaticProps {\n  sizes: typeof LoaderSizesEnum;\n  colors: typeof LoaderColorsEnum;\n}\n\nexport default withStaticProps<LoaderProps, LoaderStaticProps>(Loader, {\n  sizes: LoaderSizesEnum,\n  colors: LoaderColorsEnum\n});\n"],"names":["mapSizesToLoaderSize","xs","small","medium","large","mapLoaderColorsToColors","primary","secondary","onPrimary","dark","withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","size","color","_ref$hasBackground","hasBackground","id","dataTestId","sizeStyle","useMemo","loaderSize","width","height","colorStyle","concat","React","createElement","cx","styles","loaderContainer","role","title","style","getTestId","ComponentDefaultTestId","LOADER","circleLoaderSpinner","viewBox","circleLoaderSpinnerBackground","cy","r","fill","strokeWidth","circleLoaderSpinnerPath","sizes","LoaderSizesEnum","colors","LoaderColorsEnum"],"mappings":"sZASA,IAAMA,EAAoD,CACxDC,GAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGHC,EAAwD,CAC5DC,QAAS,gBACTC,UAAW,uBACXC,UAAW,yBACXC,KAAM,sBAyEOC,EAAAA,EAnDAC,GACb,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAgBH,EAAhBG,iBAAkBC,EAAIJ,EAAJI,KAAMC,EAAKL,EAALK,MAAKC,EAAAN,EAAEO,cAAAA,OAAgB,IAAHD,GAAQA,EAAEE,EAAER,EAAFQ,GAAmBC,EAAUT,EAAzB,eAGjEU,EAAYC,GAAQ,WACxB,IAAMC,EAA6B,iBAATR,EAAoBhB,EAAqBgB,GAAQA,EAC3E,GAA0B,iBAAfQ,EACT,MAAO,CAAEC,MAAOD,EAAYE,OAAQF,EAGxC,GAAG,CAACR,IAEEW,EAAaJ,GAAQ,WACzB,GAAKlB,EAAwBY,GAC7B,MAAA,SAAAW,OAAgBvB,EAAwBY,GAAM,IAChD,GAAG,CAACA,IAEJ,OACEY,EACEC,cAAA,MAAA,CAAAhB,UAAWiB,EAAGC,EAAOC,gBAAiBlB,GACtCF,IAAKA,EACLqB,KAAK,QACLC,MAAM,UACNC,MAAOd,EACPF,GAAIA,gBACSC,GAAcgB,EAAUC,EAAuBC,OAAQnB,IAEpES,EAAAC,cAAA,MAAA,CAAKhB,UAAWiB,EAAGC,EAAOQ,oBAAqB1B,GAAY2B,QAAQ,YAAYxB,MAAOU,EAAU,eAAA,GAC7FR,GACCU,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAOU,8BAClBX,GAAG,KACHY,GAAG,KACHC,EAAE,KACFC,KAAK,OACLC,YAAY,MAGhBjB,EAAAC,cAAA,SAAA,CAAQhB,UAAWkB,EAAOe,wBAAyBhB,GAAG,KAAKY,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,OAI1G,IAQqE,CACrEE,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +0,0 @@
-var e={loaderContainer:"loaderContainer",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground",circleLoaderSpinner:"circleLoaderSpinner",rotate:"rotate",circleLoaderSpinnerPath:"circleLoaderSpinnerPath",dash:"dash"};!function(e){const n="s_id-dcd4d8f866fa_3_70_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer .circleLoaderSpinnerBackground {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer .circleLoaderSpinner {\n  animation: rotate 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer .circleLoaderSpinner .circleLoaderSpinnerPath {\n  animation: dash 1s infinite;\n}\n@keyframes rotate {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
-//# sourceMappingURL=Loader.module.scss.js.map

package/dist/mocked_classnames/src/components/Loader/LoaderConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoaderConstants.js","sources":["../../../../../src/components/Loader/LoaderConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum LoaderColors {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  ON_PRIMARY = \"onPrimary\",\n  DARK = \"dark\"\n}\n\n/**\n * @deprecated\n */\nexport enum LoaderSizes {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n"],"names":["LoaderColors","LoaderSizes"],"mappings":"IAGYA,EAUAC,GAVZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACAA,EAAA,KAAA,MACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js

@@ -1,2 +0,0 @@
-import{createForOfIteratorHelper as e,typeof as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as t,useCallback as n}from"react";var l=function(l){var o=t((function(){if(!l||0===l.length)return{combinedSelector:null,elements:[]};var t,n=[],o=[],u=e(l);try{for(u.s();!(t=u.n()).done;){var i=t.value;"string"==typeof i?n.push(i):i&&"object"===r(i)&&"current"in i?i.current&&o.push(i.current):i instanceof HTMLElement&&o.push(i)}}catch(e){u.e(e)}finally{u.f()}return{combinedSelector:n.length>0?n.join(", "):null,elements:o}}),[l]),u=o.combinedSelector,i=o.elements;return n((function(e){if(!e)return!1;if(!u&&0===i.length)return!1;if(u&&e.closest(u))return!0;for(var r=0;i.length>r;r++){var t=i[r];if(e===t||t.contains(e))return!0}return!1}),[u,i])};export{l as default};
-//# sourceMappingURL=useFocusEscapeTargets.js.map

package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFocusEscapeTargets.js","sources":["../../../../../../../src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { type FocusEscapeTarget } from \"./useFocusEscapeTargets.types\";\n\n/**\n * Hook that creates a checker function to determine if an element should be allowed\n * to receive focus outside of a focus lock.\n *\n * @param targets - Array of targets (selectors, refs, or elements) that should be allowed to receive focus and won't be managed by the focus-lock\n * @returns A function that checks if a given element matches any of the targets\n */\nconst useFocusEscapeTargets = (targets?: FocusEscapeTarget[]) => {\n  // Pre-process and separate targets by type for faster lookup\n  const { combinedSelector, elements } = useMemo(() => {\n    if (!targets || targets.length === 0) {\n      return { combinedSelector: null, elements: [] };\n    }\n\n    const selectorList: string[] = [];\n    const elementList: HTMLElement[] = [];\n\n    for (const item of targets) {\n      if (typeof item === \"string\") {\n        selectorList.push(item);\n      } else if (item && typeof item === \"object\" && \"current\" in item) {\n        // Resolve ref to element\n        if (item.current) {\n          elementList.push(item.current);\n        }\n      } else if (item instanceof HTMLElement) {\n        elementList.push(item);\n      }\n    }\n\n    // Combine all selectors into one for a single DOM traversal\n    const combined = selectorList.length > 0 ? selectorList.join(\", \") : null;\n\n    return { combinedSelector: combined, elements: elementList };\n  }, [targets]);\n\n  const shouldAllowFocusEscape = useCallback(\n    (element?: HTMLElement): boolean => {\n      if (!element) {\n        return false;\n      }\n\n      // Early exit if no targets\n      if (!combinedSelector && elements.length === 0) {\n        return false;\n      }\n\n      // Check all selectors with a single DOM traversal\n      if (combinedSelector && element.closest(combinedSelector)) {\n        return true;\n      }\n\n      // Check elements (direct match or contains)\n      for (let i = 0; i < elements.length; i++) {\n        const targetElement = elements[i];\n        if (element === targetElement || targetElement.contains(element)) {\n          return true;\n        }\n      }\n\n      return false;\n    },\n    [combinedSelector, elements]\n  );\n\n  return shouldAllowFocusEscape;\n};\n\nexport default useFocusEscapeTargets;\n"],"names":["useFocusEscapeTargets","targets","_useMemo","useMemo","length","combinedSelector","elements","_step","selectorList","elementList","_iterator","_createForOfIteratorHelper","s","n","done","item","value","push","_typeof","current","HTMLElement","err","e","f","join","useCallback","element","closest","i","targetElement","contains"],"mappings":"8JAUA,IAAMA,EAAwB,SAACC,GAE7B,IAAAC,EAAuCC,GAAQ,WAC7C,IAAKF,GAA8B,IAAnBA,EAAQG,OACtB,MAAO,CAAEC,iBAAkB,KAAMC,SAAU,IAG7C,IAG0BC,EAHpBC,EAAyB,GACzBC,EAA6B,GAAGC,EAAAC,EAEnBV,GAAO,IAA1B,IAAAS,EAAAE,MAAAL,EAAAG,EAAAG,KAAAC,MAA4B,CAAA,IAAjBC,EAAIR,EAAAS,MACO,iBAATD,EACTP,EAAaS,KAAKF,GACTA,GAAwB,WAAhBG,EAAOH,IAAqB,YAAaA,EAEtDA,EAAKI,SACPV,EAAYQ,KAAKF,EAAKI,SAEfJ,aAAgBK,aACzBX,EAAYQ,KAAKF,EAEpB,CAED,CAAA,MAAAM,GAAAX,EAAAY,EAAAD,EAAA,CAAA,QAAAX,EAAAa,GAAA,CAGA,MAAO,CAAElB,iBAFQG,EAAaJ,OAAS,EAAII,EAAagB,KAAK,MAAQ,KAEhClB,SAAUG,EACjD,GAAG,CAACR,IAzBII,EAAgBH,EAAhBG,iBAAkBC,EAAQJ,EAARI,SAwD1B,OA7B+BmB,GAC7B,SAACC,GACC,IAAKA,EACH,OAAO,EAIT,IAAKrB,GAAwC,IAApBC,EAASF,OAChC,OAAO,EAIT,GAAIC,GAAoBqB,EAAQC,QAAQtB,GACtC,OAAO,EAIT,IAAK,IAAIuB,EAAI,EAAOtB,EAASF,OAAbwB,EAAqBA,IAAK,CACxC,IAAMC,EAAgBvB,EAASsB,GAC/B,GAAIF,IAAYG,GAAiBA,EAAcC,SAASJ,GACtD,OAAO,CAEV,CAED,OAAO,CACT,GACA,CAACrB,EAAkBC,GAIvB"}

package/dist/mocked_classnames/src/helpers/screenReaderAccessHelper.js

@@ -1,2 +0,0 @@
-import{isNil as i}from"es-toolkit";function e(e){var o=e.isClickable,a=e.isDecorationOnly,n=e.isKeyboardAccessible,s=e.label,l=i(a)?!o&&!s:a;return o||s?r({label:s,isDecorationOnly:l,isKeyboardAccessible:n,isHoverOnly:!o&&!!s}):{role:l?void 0:"img","aria-hidden":l,tabIndex:void 0,"aria-label":a?void 0:s}}function o(i){var e=i.isKeyboardAccessible,o=i.isDecorationOnly,r=i.isHoverOnly;return{role:void 0!==r&&r?"img":"button",tabIndex:void 0===e||e?0:-1,"aria-hidden":void 0!==o&&o}}function r(i){var e=i.label,r=i.isDecorationOnly,a=i.isKeyboardAccessible,n=i.isHoverOnly;return Object.assign(Object.assign({},o({isDecorationOnly:void 0!==r&&r,isKeyboardAccessible:void 0===a||a,isHoverOnly:void 0!==n&&n})),{"aria-label":e})}export{r as getClickableIconScreenReaderAccessProps,o as getClickableScreenReaderAccessProps,e as getIconScreenReaderAccessProps};
-//# sourceMappingURL=screenReaderAccessHelper.js.map

package/dist/mocked_classnames/src/helpers/screenReaderAccessHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"screenReaderAccessHelper.js","sources":["../../../../src/helpers/screenReaderAccessHelper.ts"],"sourcesContent":["import { isNil } from \"es-toolkit\";\n\nexport function getIconScreenReaderAccessProps({\n  isClickable,\n  isDecorationOnly,\n  isKeyboardAccessible,\n  label\n}: {\n  isClickable: boolean;\n  isDecorationOnly: boolean;\n  isKeyboardAccessible?: boolean;\n  label: string;\n}) {\n  const overrideIsDecorationOnly = isNil(isDecorationOnly) ? !isClickable && !label : isDecorationOnly;\n  if (isClickable || label) {\n    return getClickableIconScreenReaderAccessProps({\n      label,\n      isDecorationOnly: overrideIsDecorationOnly,\n      isKeyboardAccessible,\n      isHoverOnly: !isClickable && !!label\n    });\n  }\n  return {\n    role: overrideIsDecorationOnly ? undefined : \"img\",\n    \"aria-hidden\": overrideIsDecorationOnly,\n    tabIndex: undefined,\n    \"aria-label\": isDecorationOnly ? undefined : label\n  };\n}\n\nexport function getClickableScreenReaderAccessProps({\n  isKeyboardAccessible = true,\n  isDecorationOnly = false,\n  isHoverOnly = false\n}: {\n  isKeyboardAccessible?: boolean;\n  isDecorationOnly?: boolean;\n  isHoverOnly: boolean;\n}) {\n  return {\n    role: isHoverOnly ? \"img\" : \"button\",\n    tabIndex: isKeyboardAccessible ? 0 : -1,\n    \"aria-hidden\": isDecorationOnly\n  };\n}\n\nexport function getClickableIconScreenReaderAccessProps({\n  label,\n  isDecorationOnly = false,\n  isKeyboardAccessible = true,\n  isHoverOnly = false\n}: {\n  label: string;\n  isDecorationOnly?: boolean;\n  isKeyboardAccessible?: boolean;\n  isHoverOnly?: boolean;\n}) {\n  return {\n    ...getClickableScreenReaderAccessProps({ isDecorationOnly, isKeyboardAccessible, isHoverOnly }),\n    \"aria-label\": label\n  };\n}\n"],"names":["getIconScreenReaderAccessProps","_ref","isClickable","isDecorationOnly","isKeyboardAccessible","label","overrideIsDecorationOnly","isNil","getClickableIconScreenReaderAccessProps","isHoverOnly","role","undefined","tabIndex","getClickableScreenReaderAccessProps","_ref2","_ref2$isKeyboardAcces","_ref2$isDecorationOnl","_ref2$isHoverOnly","_ref3","_ref3$isDecorationOnl","_ref3$isKeyboardAcces","_ref3$isHoverOnly","Object","assign"],"mappings":"mCAEM,SAAUA,EAA8BC,GAU7C,IATCC,EAAWD,EAAXC,YACAC,EAAgBF,EAAhBE,iBACAC,EAAoBH,EAApBG,qBACAC,EAAKJ,EAALI,MAOMC,EAA2BC,EAAMJ,IAAqBD,IAAgBG,EAAQF,EACpF,OAAID,GAAeG,EACVG,EAAwC,CAC7CH,MAAAA,EACAF,iBAAkBG,EAClBF,qBAAAA,EACAK,aAAcP,KAAiBG,IAG5B,CACLK,KAAMJ,OAA2BK,EAAY,MAC7C,cAAeL,EACfM,cAAUD,EACV,aAAcR,OAAmBQ,EAAYN,EAEjD,CAEgB,SAAAQ,EAAmCC,GAQlD,IAAAC,EAAAD,EAPCV,qBAA2BY,EAAAF,EAC3BX,iBAAwBc,EAAAH,EACxBL,YAMA,MAAO,CACLC,UAPY,IAAHO,GAAQA,EAOG,MAAQ,SAC5BL,cAVqB,IAAHG,GAAOA,EAUQ,GAAK,EACtC,mBAViB,IAAHC,GAAQA,EAY1B,UAEgBR,EAAuCU,GAUtD,IATCb,EAAKa,EAALb,MAAKc,EAAAD,EACLf,iBAAwBiB,EAAAF,EACxBd,qBAA2BiB,EAAAH,EAC3BT,YAOA,OAAAa,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKV,EAAoC,CAAEV,sBAVxB,IAAHgB,GAAQA,EAUqCf,0BATtC,IAAHgB,GAAOA,EASwDX,iBARrE,IAAHY,GAAQA,KAQ8E,CAC/F,aAAchB,GAElB"}

package/dist/mocked_classnames/src/hooks/ssr/useIsMounted.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as o,useEffect as t}from"react";var n=function(){var n=o(!1),e=r(n,2),i=e[0],u=e[1];return t((function(){return u(!0),function(){u(!1)}}),[]),i};export{n as useIsMounted};
-//# sourceMappingURL=useIsMounted.js.map

package/dist/mocked_classnames/src/hooks/ssr/useIsMounted.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsMounted.js","sources":["../../../../../src/hooks/ssr/useIsMounted.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n// The hook will return true only on client side and not on server side\nexport const useIsMounted = () => {\n  const [isMounted, setIsMounted] = useState(false);\n  useEffect(() => {\n    setIsMounted(true);\n    return () => {\n      setIsMounted(false);\n    };\n  }, []);\n  return isMounted;\n};\n"],"names":["useIsMounted","_useState","useState","_useState2","_slicedToArray","isMounted","setIsMounted","useEffect"],"mappings":"mIAGaA,EAAe,WAC1B,IAAAC,EAAkCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAA1CI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAO9B,OANAI,GAAU,WAER,OADAD,GAAa,GACN,WACLA,GAAa,GAEhB,GAAE,IACID,CACT"}

package/dist/mocked_classnames/src/hooks/useIconScreenReaderAccessProps.js

@@ -1,2 +0,0 @@
-import{useMemo as e}from"react";import{getIconScreenReaderAccessProps as r}from"../helpers/screenReaderAccessHelper.js";function l(l){var i=l.isClickable,a=l.label,n=l.isDecorationOnly;return e((function(){return r({isClickable:i,label:a,isDecorationOnly:n})}),[i,a,n])}export{l as default};
-//# sourceMappingURL=useIconScreenReaderAccessProps.js.map

package/dist/mocked_classnames/src/hooks/useIconScreenReaderAccessProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIconScreenReaderAccessProps.js","sources":["../../../../src/hooks/useIconScreenReaderAccessProps.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { getIconScreenReaderAccessProps } from \"../helpers/screenReaderAccessHelper\";\n\nexport default function useIconScreenReaderAccessProps({\n  isClickable,\n  label,\n  isDecorationOnly\n}: {\n  isClickable: boolean;\n  label: string;\n  isDecorationOnly: boolean;\n}) {\n  const screenReaderAccessProps = useMemo(\n    () =>\n      getIconScreenReaderAccessProps({\n        isClickable,\n        label,\n        isDecorationOnly\n      }),\n    [isClickable, label, isDecorationOnly]\n  );\n  return screenReaderAccessProps;\n}\n"],"names":["useIconScreenReaderAccessProps","_ref","isClickable","label","isDecorationOnly","useMemo","getIconScreenReaderAccessProps"],"mappings":"wHAGc,SAAUA,EAA8BC,GAQrD,IAPCC,EAAWD,EAAXC,YACAC,EAAKF,EAALE,MACAC,EAAgBH,EAAhBG,iBAeA,OATgCC,GAC9B,WAAA,OACEC,EAA+B,CAC7BJ,YAAAA,EACAC,MAAAA,EACAC,iBAAAA,GACA,GACJ,CAACF,EAAaC,EAAOC,GAGzB"}

package/dist/mocked_classnames/types/SubIcon.d.ts

@@ -1,3 +0,0 @@
-import type React from "react";
-import { type IconSubComponentProps } from "../components/Icon/Icon";
-export type SubIcon = string | React.FC<IconSubComponentProps> | null;

package/dist/src/components/Button/Button.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as t,useRef as i,useEffect as a,useCallback as r,useMemo as n}from"react";import{camelCase as s}from"es-toolkit";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import d from"../../hooks/useMergeRef.js";import{NOOP as u}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{ButtonColor as f,ButtonType as v,ButtonInputType as y,BUTTON_ICON_SIZE as g,SMALL_BUTTON_ICON_SIZE as b}from"./ButtonConstants.js";import{getParentBackgroundColorNotTransparent as h,TRANSPARENT_COLOR as j}from"./helper/dom-helpers.js";import{getTestId as N}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as C}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as E,ComponentVibeId as k}from"../../tests/constants.js";import F from"./Button.module.scss.js";import{useButtonLoading as B}from"./helper/useButtonLoading.js";var I=x(t((function(t,c){var f=t.className,v=t.children,y=t.kind,x=void 0===y?"primary":y,I=t.onClick,S=void 0===I?u:I,T=t.name,P=t.size,L=void 0===P?"medium":P,z=t.color,O=void 0===z?"primary":z,M=t.disabled,w=void 0!==M&&M,D=t.rightIcon,U=void 0===D?null:D,A=t.leftIcon,H=void 0===A?null:A,R=t.success,_=void 0!==R&&R,q=t.successText,G=void 0===q?"":q,J=t.successIcon,K=void 0===J?null:J,Q=t.style,V=t.loading,W=void 0!==V&&V,X=t.loaderClassName,Y=t.active,Z=void 0!==Y&&Y,$=t.activeButtonClassName,ee=t.id,oe=t.marginRight,te=void 0!==oe&&oe,ie=t.marginLeft,ae=void 0!==ie&&ie,re=t.type,ne=void 0===re?"button":re,se=t.onMouseDown,le=void 0===se?u:se,ce=t.ariaLabel,de=t.rightFlat,ue=void 0!==de&&de,me=t.leftFlat,pe=void 0!==me&&me,fe=t.preventClickAnimation,ve=void 0!==fe&&fe,ye=t.noSidePadding,ge=void 0!==ye&&ye,be=t.onFocus,he=void 0===be?u:be,je=t.onBlur,Ne=void 0===je?u:je,xe=t.ariaLabeledBy,Ce=t.defaultTextColorOnPrimaryColor,Ee=void 0===Ce?j:Ce,ke=t.ariaHasPopup,Fe=t.ariaExpanded,Be=t.ariaControls,Ie=t["aria-describedby"],Se=t["aria-hidden"],Te=t["aria-pressed"],Pe=t.blurOnMouseUp,Le=void 0===Pe||Pe,ze=t["data-testid"],Oe=t.insetFocus,Me=void 0!==Oe&&Oe,we=t.tabIndex,De=i(null),Ue=d(c,De),Ae=B({isLoading:W}).loading;a((function(){if(("on-primary-color"===O||"fixed-light"===O)&&"primary"===x&&De.current){var e=De.current;e.style.color=h(e,Ee)}}),[x,De,O,Ee]);var He=r((function(){var e=De.current;!w&&e&&Le&&e.blur()}),[w,De,Le]),Re=r((function(e){w||Ae||_?e.preventDefault():S&&S(e)}),[S,w,Ae,_]),_e=r((function(e){w||Ae||_?e.preventDefault():le&&le(e)}),[le,w,Ae,_]),qe=n((function(){var o,t=_?"positive":O;return l(f,F.button,C(F,s("size-"+L)),C(F,s("kind-"+x)),C(F,s("color-"+t)),(e(e(e(e(e(e(e(e(e(e(o={},F.success,_),C(F,s("color-"+t+"-active")),Z),$,Z),F.marginRight,te),F.marginLeft,ae),F.rightFlat,ue),F.leftFlat,pe),F.preventClickAnimation,ve),F.noSidePadding,ge),F.disabled,w),e(o,F.insetFocusStyle,Me)))}),[_,O,f,L,x,Z,$,te,ae,ue,pe,ve,ge,w,Me]),Ge=n((function(){return{ref:Ue,type:ne,className:qe,name:T,onMouseUp:He,style:Q,onClick:Re,id:ee,onFocus:he,onBlur:Ne,tabIndex:w||Se?-1:we,"data-testid":ze||N(E.BUTTON,ee),"data-vibe":k.BUTTON,onMouseDown:_e,"aria-disabled":w,"aria-busy":Ae,"aria-labelledby":xe,"aria-label":ce,"aria-haspopup":ke,"aria-expanded":Fe,"aria-controls":Be,"aria-describedby":Ie,"aria-hidden":Se,"aria-pressed":Te}}),[Ue,ne,qe,T,He,Q,Re,ee,he,Ne,we,ze,_e,w,Ae,xe,ce,ke,Fe,Be,Ie,Se,Te]),Je=r((function(e){if("function"==typeof e)switch(L){case"xxs":case"xs":return b;default:return g}}),[L]),Ke=n((function(){return o.Children.toArray(v).some(Boolean)}),[v]),Qe=n((function(){return o.createElement(o.Fragment,null,H?o.createElement(m,{iconType:"font",icon:H,iconSize:Je(H),className:l(e({},F.leftIcon,Ke)),ignoreFocusStyle:!0}):null,v,U?o.createElement(m,{iconType:"font",icon:U,iconSize:Je(U),className:l(e({},F.rightIcon,Ke)),ignoreFocusStyle:!0}):null)}),[v,Ke,Je,H,U]);return Ae?o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-loading")}),o.createElement("span",{className:l(F.loader,X)},o.createElement(p,{className:F.loaderSvg}),o.createElement("span",{"aria-hidden":!0,className:F.textPlaceholder},Qe))):_?o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-success")}),o.createElement("span",{className:F.successContent},K?o.createElement(m,{iconType:"font",icon:K,iconSize:Je(K),className:l(e({},F.leftIcon,!!G)),ignoreFocusStyle:!0}):null,G),o.createElement("span",{"aria-hidden":"true",className:F.textPlaceholder},Qe)):o.createElement("button",Object.assign({},Ge,{key:"".concat(ee,"-button")}),Qe)})),{sizes:c,colors:f,kinds:v,types:y,inputTags:y});export{I as default};
-//# sourceMappingURL=Button.js.map