@vibe/core 4.5.13 → 4.5.15

package/dist/components/TextWithHighlight/TextWithHighlight.d.ts

@@ -1,51 +0,0 @@
-import React from "react";
-import { type TooltipProps } from "@vibe/tooltip";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface TextWithHighlightProps extends VibeComponentProps {
-    /**
-     * The text content to display.
-     */
-    text?: string;
-    /**
-     * The term to highlight within the text.
-     */
-    highlightTerm?: string;
-    /**
-     * The maximum number of highlighted terms allowed.
-     */
-    limit?: number;
-    /**
-     * If true, the highlight search is case-insensitive.
-     */
-    ignoreCase?: boolean;
-    /**
-     * If true, truncates overflowing text with an ellipsis.
-     */
-    useEllipsis?: boolean;
-    /**
-     * If true, allows splitting the highlight term into separate words.
-     */
-    allowTermSplit?: boolean;
-    /**
-     * The number of lines to display before truncating with an ellipsis.
-     */
-    linesToClamp?: number;
-    /**
-     * Tooltip content displayed when there is no overflow.
-     */
-    nonEllipsisTooltip?: string;
-    /**
-     * The HTML tag used to wrap highlighted text.
-     */
-    wrappingTextTag?: keyof JSX.IntrinsicElements;
-    /**
-     * Class name applied to the wrapping element of highlighted text.
-     */
-    wrappingElementClassName?: string;
-    /**
-     * Additional props to customize the tooltip component.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-}
-declare const TextWithHighlight: React.FC<TextWithHighlightProps>;
-export default TextWithHighlight;

package/dist/components/TextWithHighlight/index.d.ts

@@ -1 +0,0 @@
-export { default as TextWithHighlight, type TextWithHighlightProps } from "./TextWithHighlight";

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,30 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type Theme } from "./ThemeProviderConstants";
-import { type SystemTheme } from "./ThemeProvider.types";
-export interface ThemeProviderProps {
-    /**
-     * The theme configuration to apply. It consists of a `name` (a unique CSS class name added to the children)
-     * and an object of color overrides for each system theme.
-     */
-    themeConfig?: Theme;
-    /**
-     * The children to be rendered with the applied theme.
-     */
-    children: ReactElement;
-    /**
-     * A string added to the theme name selector to make it more specific, in case `themeConfig.name`
-     * collides with another class name.
-     */
-    themeClassSpecifier?: string;
-    /**
-     * The system theme to apply to the `body` element on mount,
-     * if there is no system theme class name on the body already.
-     */
-    systemTheme?: SystemTheme;
-    /**
-     * Class name applied to the wrapping `div`.
-     */
-    className?: string;
-}
-declare const ThemeProvider: ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }: ThemeProviderProps) => React.JSX.Element;
-export default ThemeProvider;

package/dist/components/ThemeProvider/ThemeProvider.types.d.ts

@@ -1,5 +0,0 @@
-export type SystemTheme = "light" | "dark" | "black";
-/**
- * Colors which are eligible for theming
- */
-export type ThemeColor = "primary-color" | "primary-hover-color" | "primary-selected-color" | "primary-selected-hover-color" | "primary-selected-on-secondary-color" | "text-color-on-primary" | "brand-color" | "brand-hover-color" | "brand-selected-color" | "brand-selected-hover-color" | "text-color-on-brand";

package/dist/components/ThemeProvider/ThemeProviderConstants.d.ts

@@ -1,23 +0,0 @@
-import { type SystemTheme, type ThemeColor } from "./ThemeProvider.types";
-export type Theme = {
-    /**
-     * The name of the theme - name of css class that will be added to the children - should be unique
-     */
-    name: string;
-    colors: SystemThemeColorMap;
-};
-type SystemThemeColorMap = {
-    [key in SystemTheme]?: ThemeColorTokenValueMap;
-};
-export type ThemeColorTokenValueMap = ThemeColorTokenValue | ThemeCustomClassValue;
-export type ThemeColorTokenValue = {
-    [key in ThemeColor]?: string;
-};
-type ThemeCustomClassValue = {
-    [key: string]: ThemeColorTokenValue | ThemeCustomClassValue;
-};
-export declare const SystemThemeClassMap: SystemThemeClassMapType;
-type SystemThemeClassMapType = {
-    [key in SystemTheme]: string;
-};
-export {};

package/dist/components/ThemeProvider/ThemeProviderUtils.d.ts

@@ -1,10 +0,0 @@
-import { type Theme } from "./ThemeProviderConstants";
-import { type SystemTheme } from "./ThemeProvider.types";
-export declare const shouldGenerateTheme: (themeConfig: Theme) => boolean;
-export declare const generateThemeCssOverride: (themeConfig: Theme, themeClassSpecifier: string) => string;
-export declare const generateRandomAlphaString: (length?: number) => string;
-export declare const addAppThemeSuffix: (systemTheme: SystemTheme) => string;
-export declare const getBodySystemThemeClassName: () => string;
-export declare const isAnySystemThemeClassNameOnBody: () => boolean;
-export declare const addSystemThemeClassNameToBody: (systemTheme: SystemTheme) => void;
-export declare const removeSystemThemeClassNameFromBody: (systemTheme: SystemTheme) => void;

package/dist/components/ThemeProvider/index.d.ts

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

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

@@ -1,31 +0,0 @@
-import React from "react";
-import { type SkeletonType, type SkeletonSizeType } from "./Skelton.types";
-import { type VibeComponentProps } from "../../types";
-export interface SkeletonProps extends VibeComponentProps {
-    /**
-     * The type of skeleton.
-     */
-    type?: SkeletonType;
-    /**
-     * The predefined size of the skeleton.
-     */
-    size?: SkeletonSizeType;
-    /**
-     * The width of the skeleton in pixels.
-     */
-    width?: number;
-    /**
-     * The height of the skeleton in pixels.
-     */
-    height?: number;
-    /**
-     * Class name applied to the wrapper element.
-     */
-    wrapperClassName?: string;
-    /**
-     * If true, the skeleton will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-}
-declare const Skeleton: ({ type, size, className, wrapperClassName, width, height, fullWidth, id, "data-testid": dataTestId }: SkeletonProps) => React.JSX.Element;
-export default Skeleton;

package/dist/mocked_classnames/components/Skeleton/SkeletonConstants.d.ts

@@ -1 +0,0 @@
-export declare const SKELETON_CUSTOM_SIZE = "custom";

package/dist/mocked_classnames/components/Skeleton/Skelton.types.d.ts

@@ -1,4 +0,0 @@
-export type SkeletonType = "circle" | "rectangle" | "text";
-type TextSkeletonSize = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "small";
-export type SkeletonSizeType = TextSkeletonSize | "custom";
-export {};

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

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

package/dist/mocked_classnames/components/Tabs/Tab/Tab.d.ts

@@ -1,64 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import { type IconType, type SubIcon } from "@vibe/icon";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type TooltipProps } from "@vibe/tooltip";
-export interface TabProps extends VibeComponentProps {
-    /**
-     * Class name applied to the inner tab content.
-     */
-    tabInnerClassName?: string;
-    /**
-     * The index value of the tab.
-     */
-    value?: number;
-    /**
-     * If true, disables the tab.
-     */
-    disabled?: boolean;
-    /**
-     * If true, marks the tab as active.
-     */
-    active?: boolean;
-    /**
-     * If true, applies focus styles to the tab.
-     */
-    focus?: boolean;
-    /**
-     * If true, hides the individual tab border when using stretched underline.
-     */
-    stretchedUnderline?: boolean;
-    /**
-     * The icon displayed in the tab.
-     */
-    icon?: SubIcon;
-    /**
-     * The type of icon.
-     */
-    iconType?: IconType;
-    /**
-     * The position of the icon relative to the text.
-     */
-    iconSide?: string;
-    /**
-     * Callback fired when the tab is clicked.
-     */
-    onClick?: (value: number) => void;
-    /**
-     * Props passed to the tab's tooltip.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-    /**
-     * The content displayed inside the tab.
-     */
-    children?: string | ReactElement | ReactElement[];
-    /**
-     * Tab index for focus management.
-     */
-    tabIndex?: number;
-    /**
-     * The id of the associated TabPanel for aria-controls attribute.
-     */
-    "aria-controls"?: string;
-}
-declare const Tab: FC<TabProps>;
-export default Tab;

package/dist/mocked_classnames/components/Tabs/TabList/TabList.d.ts

@@ -1,35 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-import { type TabProps } from "../Tab/Tab";
-export interface TabListProps extends VibeComponentProps {
-    /**
-     * Callback fired when the active tab changes.
-     */
-    onTabChange?: (tabId: number) => void;
-    /**
-     * The index of the currently active tab.
-     */
-    activeTabId?: number;
-    /**
-     * The type of tab style.
-     */
-    tabType?: string;
-    /**
-     * The size of the tab list.
-     */
-    size?: string;
-    /**
-     * If true, Sets an E2E underline under the whole tabs component.
-     */
-    stretchedUnderline?: boolean;
-    /**
-     * Array of corresponding TabPanel ids for aria-controls relationship.
-     */
-    tabPanelIds?: string[];
-    /**
-     * The child elements representing tabs.
-     */
-    children?: ReactElement<TabProps>[];
-}
-declare const TabList: FC<TabListProps>;
-export default TabList;

package/dist/mocked_classnames/components/Tabs/TabPanel/TabPanel.d.ts

@@ -1,14 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface TabPanelProps extends VibeComponentProps {
-    /**
-     * The content inside the tab panel.
-     */
-    children?: ReactElement | ReactElement[] | string;
-    /**
-     * The index of the tab panel.
-     */
-    index?: number;
-}
-declare const TabPanel: FC<TabPanelProps>;
-export default TabPanel;

package/dist/mocked_classnames/components/Tabs/TabPanels/TabPanels.d.ts

@@ -1,20 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type TabPanelsAnimationDirection } from "./TabPanels.types";
-import { type TabPanelProps } from "../TabPanel/TabPanel";
-import { type VibeComponentProps } from "../../../types";
-export interface TabPanelsProps extends VibeComponentProps {
-    /**
-     * The index of the currently active tab panel.
-     */
-    activeTabId?: number;
-    /**
-     * The animation direction when switching between tab panels.
-     */
-    animationDirection?: TabPanelsAnimationDirection;
-    /**
-     * The child elements representing tab panels.
-     */
-    children?: ReactElement<TabPanelProps> | ReactElement<TabPanelProps>[];
-}
-declare const TabPanels: React.ForwardRefExoticComponent<TabPanelsProps & React.RefAttributes<HTMLElement>>;
-export default TabPanels;

package/dist/mocked_classnames/components/Tabs/TabPanels/TabPanels.types.d.ts

@@ -1 +0,0 @@
-export type TabPanelsAnimationDirection = "rtl" | "ltr";

package/dist/mocked_classnames/components/Tabs/TabsContext/TabsContext.d.ts

@@ -1,14 +0,0 @@
-import { type FC, type ReactElement } from "react";
-import type VibeComponentProps from "../../../types/VibeComponentProps";
-export interface TabsContextProps extends VibeComponentProps {
-    /**
-     * The index of the currently active tab.
-     */
-    activeTabId?: number;
-    /**
-     * The child elements representing the tab list and tab panels.
-     */
-    children?: ReactElement | ReactElement[];
-}
-declare const TabsContext: FC<TabsContextProps>;
-export default TabsContext;

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

@@ -1,6 +0,0 @@
-export { default as Tab, type TabProps } from "./Tab/Tab";
-export { default as TabList, type TabListProps } from "./TabList/TabList";
-export { default as TabPanel, type TabPanelProps } from "./TabPanel/TabPanel";
-export { default as TabsContext, type TabsContextProps } from "./TabsContext/TabsContext";
-export { default as TabPanels, type TabPanelsProps } from "./TabPanels/TabPanels";
-export * from "./TabPanels/TabPanels.types";

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

@@ -1,51 +0,0 @@
-import React from "react";
-import { type TooltipProps } from "@vibe/tooltip";
-import type VibeComponentProps from "../../types/VibeComponentProps";
-export interface TextWithHighlightProps extends VibeComponentProps {
-    /**
-     * The text content to display.
-     */
-    text?: string;
-    /**
-     * The term to highlight within the text.
-     */
-    highlightTerm?: string;
-    /**
-     * The maximum number of highlighted terms allowed.
-     */
-    limit?: number;
-    /**
-     * If true, the highlight search is case-insensitive.
-     */
-    ignoreCase?: boolean;
-    /**
-     * If true, truncates overflowing text with an ellipsis.
-     */
-    useEllipsis?: boolean;
-    /**
-     * If true, allows splitting the highlight term into separate words.
-     */
-    allowTermSplit?: boolean;
-    /**
-     * The number of lines to display before truncating with an ellipsis.
-     */
-    linesToClamp?: number;
-    /**
-     * Tooltip content displayed when there is no overflow.
-     */
-    nonEllipsisTooltip?: string;
-    /**
-     * The HTML tag used to wrap highlighted text.
-     */
-    wrappingTextTag?: keyof JSX.IntrinsicElements;
-    /**
-     * Class name applied to the wrapping element of highlighted text.
-     */
-    wrappingElementClassName?: string;
-    /**
-     * Additional props to customize the tooltip component.
-     */
-    tooltipProps?: Partial<TooltipProps>;
-}
-declare const TextWithHighlight: React.FC<TextWithHighlightProps>;
-export default TextWithHighlight;

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

@@ -1 +0,0 @@
-export { default as TextWithHighlight, type TextWithHighlightProps } from "./TextWithHighlight";

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

@@ -1,30 +0,0 @@
-import React, { type ReactElement } from "react";
-import { type Theme } from "./ThemeProviderConstants";
-import { type SystemTheme } from "./ThemeProvider.types";
-export interface ThemeProviderProps {
-    /**
-     * The theme configuration to apply. It consists of a `name` (a unique CSS class name added to the children)
-     * and an object of color overrides for each system theme.
-     */
-    themeConfig?: Theme;
-    /**
-     * The children to be rendered with the applied theme.
-     */
-    children: ReactElement;
-    /**
-     * A string added to the theme name selector to make it more specific, in case `themeConfig.name`
-     * collides with another class name.
-     */
-    themeClassSpecifier?: string;
-    /**
-     * The system theme to apply to the `body` element on mount,
-     * if there is no system theme class name on the body already.
-     */
-    systemTheme?: SystemTheme;
-    /**
-     * Class name applied to the wrapping `div`.
-     */
-    className?: string;
-}
-declare const ThemeProvider: ({ themeConfig, children, themeClassSpecifier: customThemeClassSpecifier, systemTheme, className }: ThemeProviderProps) => React.JSX.Element;
-export default ThemeProvider;

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

@@ -1,5 +0,0 @@
-export type SystemTheme = "light" | "dark" | "black";
-/**
- * Colors which are eligible for theming
- */
-export type ThemeColor = "primary-color" | "primary-hover-color" | "primary-selected-color" | "primary-selected-hover-color" | "primary-selected-on-secondary-color" | "text-color-on-primary" | "brand-color" | "brand-hover-color" | "brand-selected-color" | "brand-selected-hover-color" | "text-color-on-brand";

package/dist/mocked_classnames/components/ThemeProvider/ThemeProviderConstants.d.ts

@@ -1,23 +0,0 @@
-import { type SystemTheme, type ThemeColor } from "./ThemeProvider.types";
-export type Theme = {
-    /**
-     * The name of the theme - name of css class that will be added to the children - should be unique
-     */
-    name: string;
-    colors: SystemThemeColorMap;
-};
-type SystemThemeColorMap = {
-    [key in SystemTheme]?: ThemeColorTokenValueMap;
-};
-export type ThemeColorTokenValueMap = ThemeColorTokenValue | ThemeCustomClassValue;
-export type ThemeColorTokenValue = {
-    [key in ThemeColor]?: string;
-};
-type ThemeCustomClassValue = {
-    [key: string]: ThemeColorTokenValue | ThemeCustomClassValue;
-};
-export declare const SystemThemeClassMap: SystemThemeClassMapType;
-type SystemThemeClassMapType = {
-    [key in SystemTheme]: string;
-};
-export {};

package/dist/mocked_classnames/components/ThemeProvider/ThemeProviderUtils.d.ts

@@ -1,10 +0,0 @@
-import { type Theme } from "./ThemeProviderConstants";
-import { type SystemTheme } from "./ThemeProvider.types";
-export declare const shouldGenerateTheme: (themeConfig: Theme) => boolean;
-export declare const generateThemeCssOverride: (themeConfig: Theme, themeClassSpecifier: string) => string;
-export declare const generateRandomAlphaString: (length?: number) => string;
-export declare const addAppThemeSuffix: (systemTheme: SystemTheme) => string;
-export declare const getBodySystemThemeClassName: () => string;
-export declare const isAnySystemThemeClassNameOnBody: () => boolean;
-export declare const addSystemThemeClassNameToBody: (systemTheme: SystemTheme) => void;
-export declare const removeSystemThemeClassNameFromBody: (systemTheme: SystemTheme) => void;

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

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"react";import{camelCase as s}from"es-toolkit";import{getTestId as r,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import{SKELETON_CUSTOM_SIZE as a}from"./SkeletonConstants.js";import{getStyle as l}from"@vibe/shared";import m from"./Skeleton.module.scss.js";var d=function(d){var n=d.type,p=d.size,f=d.className,c=d.width,u=d.height,h=d.fullWidth,v=void 0!==h&&h,g=d.id,N=d["data-testid"],j=(void 0===n?"rectangle":n)||"rectangle",k=(void 0===p?"custom":p)||a;return e.createElement("div",{id:g,className:o(m.skeleton,d.wrapperClassName,t({},m.fullWidth,v)),"data-testid":N||r(i.SKELETON,g)},e.createElement("div",{className:o(m[j],l(m,s(j+"-"+k)),f,t({},m.fullWidth,v)),style:{width:c,height:u}}))};export{d as default};
-//# sourceMappingURL=Skeleton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { SKELETON_CUSTOM_SIZE } from \"./SkeletonConstants\";\nimport { type SkeletonType, type SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Skeleton.module.scss\";\n\nexport interface SkeletonProps extends VibeComponentProps {\n  /**\n   * The type of skeleton.\n   */\n  type?: SkeletonType;\n  /**\n   * The predefined size of the skeleton.\n   */\n  size?: SkeletonSizeType;\n  /**\n   * The width of the skeleton in pixels.\n   */\n  width?: number;\n  /**\n   * The height of the skeleton in pixels.\n   */\n  height?: number;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n  /**\n   * If true, the skeleton will take up the full width of its container.\n   */\n  fullWidth?: boolean;\n}\n\nconst Skeleton = ({\n  type = \"rectangle\",\n  size = \"custom\",\n  className,\n  wrapperClassName,\n  width,\n  height,\n  fullWidth = false,\n  id,\n  \"data-testid\": dataTestId\n}: SkeletonProps) => {\n  const skeletonType = type || \"rectangle\";\n\n  // Skeleton has sizes only for text type, other types support only custom size\n  const skeletonSize = size || SKELETON_CUSTOM_SIZE;\n\n  return (\n    <div\n      id={id}\n      className={cx(styles.skeleton, wrapperClassName, { [styles.fullWidth]: fullWidth })}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.SKELETON, id)}\n    >\n      <div\n        className={cx(styles[skeletonType], getStyle(styles, camelCase(skeletonType + \"-\" + skeletonSize)), className, {\n          [styles.fullWidth]: fullWidth\n        })}\n        style={{ width, height }}\n      />\n    </div>\n  );\n};\n\nexport default Skeleton;\n"],"names":["Skeleton","_ref","_ref$type","type","_ref$size","size","className","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","skeletonSize","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","wrapperClassName","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style"],"mappings":"oYAqCA,IAAMA,EAAW,SAAHC,GAUM,IAAAC,EAAAD,EATlBE,KAAkBC,EAAAH,EAClBI,KACAC,EAASL,EAATK,UAEAC,EAAKN,EAALM,MACAC,EAAMP,EAANO,OAAMC,EAAAR,EACNS,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAEMY,QAVC,IAAHX,EAAG,YAAWA,IAUW,YAGvBY,QAZC,IAAHV,EAAG,SAAQA,IAYcW,EAE7B,OACEC,EACEC,cAAA,MAAA,CAAAN,GAAIA,EACJL,UAAWY,EAAGC,EAAOC,SAfTnB,EAAhBoB,iBAemDC,KAAKH,EAAOT,UAAYA,IAC1D,cAAAE,GAAcW,EAAUC,EAAuBC,SAAUd,IAEtEK,EACEC,cAAA,MAAA,CAAAX,UAAWY,EAAGC,EAAON,GAAea,EAASP,EAAQQ,EAAUd,EAAe,IAAMC,IAAgBR,EAASgB,EAC1GH,CAAAA,EAAAA,EAAOT,UAAYA,IAEtBkB,MAAO,CAAErB,MAAAA,EAAOC,OAAAA,KAIxB"}

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

@@ -1,2 +0,0 @@
-var n={skeleton:"skeleton",rectangle:"rectangle",shine:"shine",circle:"circle",text:"text",textH1:"textH1",textH2:"textH2",textH3:"textH3",textH4:"textH4",textH5:"textH5",textH6:"textH6",textSmall:"textSmall",textCustom:"textCustom",fullWidth:"fullWidth"};!function(n){const t="s_id-41cda04b2bc0_4_5_12";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".skeleton {\n  display: flex;\n}\n\n.rectangle {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine {\n  0% {\n    opacity: 0.4;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1 {\n  height: 32px;\n}\n\n.textH2 {\n  height: 24px;\n}\n\n.textH3 {\n  height: 24px;\n}\n\n.textH4 {\n  height: 21px;\n}\n\n.textH5 {\n  height: 16px;\n}\n\n.textH6 {\n  height: 12px;\n}\n\n.textSmall,\n.textCustom {\n  height: 12px;\n}\n\n.fullWidth {\n  width: 100%;\n}\n\n.skeleton:not(.fullWidth) .text {\n  width: 162px;\n}\n\n.skeleton:not(.fullWidth) .circle {\n  width: 40px;\n}\n\n.skeleton:not(.fullWidth) .rectangle {\n  width: 160px;\n}");export{n as default};
-//# sourceMappingURL=Skeleton.module.scss.js.map

package/dist/mocked_classnames/src/components/Skeleton/SkeletonConstants.js

@@ -1,2 +0,0 @@
-var o="custom";export{o as SKELETON_CUSTOM_SIZE};
-//# sourceMappingURL=SkeletonConstants.js.map

package/dist/mocked_classnames/src/components/Skeleton/SkeletonConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SkeletonConstants.js","sources":["../../../../../src/components/Skeleton/SkeletonConstants.ts"],"sourcesContent":["// Fixed names\nexport const SKELETON_CUSTOM_SIZE = \"custom\";\n"],"names":["SKELETON_CUSTOM_SIZE"],"mappings":"AACO,IAAMA,EAAuB"}

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.js

@@ -1,2 +0,0 @@
-import{defineProperty as e,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import a,{forwardRef as r,useRef as i}from"react";import{noop as s}from"es-toolkit";import{useMergeRef as n,getStyle as c}from"@vibe/shared";import{Icon as l}from"@vibe/icon/mockedClassNames";import{getTestId as d,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import p from"./Tab.module.scss.js";import{Tooltip as f}from"@vibe/tooltip/mockedClassNames";import{ComponentVibeId as v}from"../../../tests/constants.js";import{keyCodes as b}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";var u=r((function(r,u){var y=r.className,k=r.tabInnerClassName,C=r.id,N=r.value,j=void 0===N?0:N,E=r.disabled,I=void 0!==E&&E,h=r.active,A=void 0!==h&&h,T=r.focus,P=void 0!==T&&T,g=r.stretchedUnderline,x=void 0!==g&&g,B=r.onClick,S=void 0===B?s:B,z=r.tooltipProps,D=void 0===z?{}:z,F=r.icon,U=r.iconType,_=r.iconSide,w=void 0===_?"left":_,H=r.children,K=r["data-testid"],O=r.tabIndex,R=r["aria-controls"],V=i(null),W=n(u,V);return a.createElement(f,Object.assign({},D,{content:D.content}),a.createElement("li",{ref:W,key:C,className:o(p.tabWrapper,y,e(e(e(e({},p.active,A),p.disabled,I),p.tabFocusVisibleInset,P),p.stretchedUnderline,x)),id:C,role:"tab","aria-selected":A,"aria-disabled":I,"aria-controls":R||void 0,tabIndex:O,"data-testid":K||d(m.TAB,C),"data-vibe":v.TAB,onClick:function(){return!I&&S(j)},onKeyDown:function(e){e.key!==b.ENTER&&e.key!==b.SPACE||(e.preventDefault(),!I&&S(j))}},a.createElement("div",{className:o(p.tabInner,k)},function(){if(!F)return H;var e=a.createElement(l,{"aria-hidden":!0,type:U,icon:F,className:o(p.tabIcon,c(p,w)),size:18,ignoreFocusStyle:!0}),r=a.Children.toArray(H);return"left"===w?[e].concat(t(r)):[].concat(t(r),[e])}())))}));export{u as default};
-//# sourceMappingURL=Tab.js.map

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tab.js","sources":["../../../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport { useMergeRef, getStyle } from \"@vibe/shared\";\n\nimport { Icon, type IconType, type SubIcon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./Tab.module.scss\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { keyCodes } from \"../../../constants\";\n\nexport interface TabProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner tab content.\n   */\n  tabInnerClassName?: string;\n  /**\n   * The index value of the tab.\n   */\n  value?: number;\n  /**\n   * If true, disables the tab.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the tab as active.\n   */\n  active?: boolean;\n  /**\n   * If true, applies focus styles to the tab.\n   */\n  focus?: boolean;\n  /**\n   * If true, hides the individual tab border when using stretched underline.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * The icon displayed in the tab.\n   */\n  icon?: SubIcon;\n  /**\n   * The type of icon.\n   */\n  iconType?: IconType;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconSide?: string;\n  /**\n   * Callback fired when the tab is clicked.\n   */\n  onClick?: (value: number) => void;\n  /**\n   * Props passed to the tab's tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * The content displayed inside the tab.\n   */\n  children?: string | ReactElement | ReactElement[];\n  /**\n   * Tab index for focus management.\n   */\n  tabIndex?: number;\n  /**\n   * The id of the associated TabPanel for aria-controls attribute.\n   */\n  \"aria-controls\"?: string;\n}\n\nconst Tab: FC<TabProps> = forwardRef(\n  (\n    {\n      className,\n      tabInnerClassName,\n      id,\n      value = 0,\n      disabled = false,\n      active = false,\n      focus = false,\n      stretchedUnderline = false,\n      onClick = NOOP,\n      tooltipProps = {} as TooltipProps,\n      icon,\n      iconType,\n      iconSide = \"left\",\n      children,\n      \"data-testid\": dataTestId,\n      tabIndex,\n      \"aria-controls\": ariaControls\n    }: TabProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    function renderIconAndChildren() {\n      if (!icon) return children;\n\n      const iconElement = (\n        <Icon\n          aria-hidden={true}\n          type={iconType}\n          icon={icon}\n          className={cx(styles.tabIcon, getStyle(styles, iconSide))}\n          size={18}\n          ignoreFocusStyle\n        />\n      );\n\n      const childrenArray = React.Children.toArray(children);\n\n      if (iconSide === \"left\") {\n        return [iconElement, ...childrenArray];\n      }\n\n      return [...childrenArray, iconElement];\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent) {\n      if (event.key === keyCodes.ENTER || event.key === keyCodes.SPACE) {\n        event.preventDefault();\n        !disabled && onClick(value);\n      }\n    }\n\n    return (\n      <Tooltip {...tooltipProps} content={tooltipProps.content}>\n        <li\n          ref={mergedRef}\n          key={id}\n          className={cx(styles.tabWrapper, className, {\n            [styles.active]: active,\n            [styles.disabled]: disabled,\n            [styles.tabFocusVisibleInset]: focus,\n            [styles.stretchedUnderline]: stretchedUnderline\n          })}\n          id={id}\n          role=\"tab\"\n          aria-selected={active}\n          aria-disabled={disabled}\n          aria-controls={ariaControls || undefined}\n          tabIndex={tabIndex}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB, id)}\n          data-vibe={ComponentVibeId.TAB}\n          onClick={() => !disabled && onClick(value)}\n          onKeyDown={handleKeyDown}\n        >\n          <div className={cx(styles.tabInner, tabInnerClassName)}>{renderIconAndChildren()}</div>\n        </li>\n      </Tooltip>\n    );\n  }\n);\n\nexport default Tab;\n"],"names":["Tab","forwardRef","_ref","ref","className","tabInnerClassName","id","_ref$value","value","_ref$disabled","disabled","_ref$active","active","_ref$focus","focus","_ref$stretchedUnderli","stretchedUnderline","_ref$onClick","onClick","NOOP","_ref$tooltipProps","tooltipProps","icon","iconType","_ref$iconSide","iconSide","children","dataTestId","tabIndex","ariaControls","componentRef","useRef","mergedRef","useMergeRef","React","createElement","Tooltip","Object","assign","content","key","cx","styles","tabWrapper","_defineProperty","tabFocusVisibleInset","role","undefined","getTestId","ComponentDefaultTestId","TAB","ComponentVibeId","onKeyDown","event","keyCodes","ENTER","SPACE","preventDefault","tabInner","iconElement","Icon","type","tabIcon","getStyle","size","ignoreFocusStyle","childrenArray","Children","toArray","concat","_toConsumableArray","renderIconAndChildren"],"mappings":"+oBAwEMA,IAAAA,EAAoBC,GACxB,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAiBH,EAAjBG,kBACAC,EAAEJ,EAAFI,GAAEC,EAAAL,EACFM,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAP,EACTQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAChBU,OAAAA,OAAS,IAAHD,GAAQA,EAAAE,EAAAX,EACdY,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAAb,EACbc,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAf,EAC1BgB,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAlB,EACdmB,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAIpB,EAAJoB,KACAC,EAAQrB,EAARqB,SAAQC,EAAAtB,EACRuB,SAAAA,OAAW,IAAHD,EAAG,OAAMA,EACjBE,EAAQxB,EAARwB,SACeC,EAAUzB,EAAzB,eACA0B,EAAQ1B,EAAR0B,SACiBC,EAAY3B,EAA7B,iBAII4B,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAgCnC,OACEI,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAjB,GAAckB,QAASlB,EAAakB,UAC/CL,EAAAC,cAAA,KAAA,CACEhC,IAAK6B,EACLQ,IAAKlC,EACLF,UAAWqC,EAAGC,EAAOC,WAAYvC,EAASwC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvCF,EAAO9B,OAASA,GAChB8B,EAAOhC,SAAWA,GAClBgC,EAAOG,qBAAuB/B,GAC9B4B,EAAO1B,mBAAqBA,IAE/BV,GAAIA,EACJwC,KAAK,MAAK,gBACKlC,EAAM,gBACNF,EACA,gBAAAmB,QAAgBkB,EAC/BnB,SAAUA,EAAQ,cACLD,GAAcqB,EAAUC,EAAuBC,IAAK5C,GAAG,YACzD6C,EAAgBD,IAC3BhC,QAAS,WAAA,OAAOR,GAAYQ,EAAQV,EAAM,EAC1C4C,UA3BN,SAAuBC,GACjBA,EAAMb,MAAQc,EAASC,OAASF,EAAMb,MAAQc,EAASE,QACzDH,EAAMI,kBACL/C,GAAYQ,EAAQV,GAEzB,GAwBM0B,EAAAC,cAAA,MAAA,CAAK/B,UAAWqC,EAAGC,EAAOgB,SAAUrD,IApD1C,WACE,IAAKiB,EAAM,OAAOI,EAElB,IAAMiC,EACJzB,EAACC,cAAAyB,kBACc,EACbC,KAAMtC,EACND,KAAMA,EACNlB,UAAWqC,EAAGC,EAAOoB,QAASC,EAASrB,EAAQjB,IAC/CuC,KAAM,GACNC,kBAAgB,IAIdC,EAAgBhC,EAAMiC,SAASC,QAAQ1C,GAE7C,MAAiB,SAAbD,EACF,CAAQkC,GAAWU,OAAAC,EAAKJ,IAG1B,GAAAG,OAAAC,EAAWJ,IAAeP,GAC5B,CA+B+DY,KAIjE"}

package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js

@@ -1,2 +0,0 @@
-var n={tabWrapper:"tabWrapper",stretchedUnderline:"stretchedUnderline",tabInner:"tabInner",tabIcon:"tabIcon",right:"right",tabFocusVisibleInset:"tabFocusVisibleInset",active:"active",disabled:"disabled"};!function(n){const e="s_id-bfaa9c7255c3_4_5_12";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.tabWrapper {\n  position: relative;\n  display: inline-block;\n  padding-inline: 1px;\n  border-top: 1px solid transparent;\n  border-bottom: 2px solid;\n  border-bottom-color: var(--ui-background-color);\n  color: var(--primary-text-color);\n  text-align: center;\n  height: 100%;\n  margin: 0;\n}\n.tabWrapper.stretchedUnderline {\n  border-bottom: 0;\n}\n.tabWrapper:after {\n  display: block;\n  position: absolute;\n  inset-inline: 0;\n  content: "";\n  border-bottom: solid 2px;\n  border-bottom-color: var(--primary-color);\n  transform: scaleX(0);\n  z-index: 0;\n}\n.tabWrapper .tabInner {\n  height: calc(100% - 1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  text-decoration: none;\n  padding: 4px 16px;\n  font: var(--font-text1-normal);\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\n  color: var(--primary-text-color);\n}\n.tabWrapper .tabInner:focus {\n  outline: none;\n}\n.tabWrapper .tabInner .tabIcon {\n  color: var(--icon-color);\n  margin-inline-end: var(--space-8);\n}\n.tabWrapper .tabInner .tabIcon.right {\n  margin-inline-end: 0;\n  margin-inline-start: var(--space-8);\n}\n.tabWrapper.tabFocusVisibleInset {\n  outline: none;\n  z-index: 11;\n  border-radius: 3px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n  position: relative;\n}\n.tabWrapper.active:after {\n  transform: scaleX(1);\n  transition: transform var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.tabWrapper.disabled .tabInner {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n.tabWrapper:not(.disabled) .tabInner:hover {\n  border-radius: 4px;\n  background-color: var(--primary-background-hover-color);\n}');export{n as default};
-//# sourceMappingURL=Tab.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import{camelCase as n}from"es-toolkit";import a,{forwardRef as i,useRef as o,useState as s,useEffect as l,useMemo as c,useCallback as d}from"react";import{useGridKeyboardNavigation as u}from"@vibe/a11y/mockedClassNames";import{useMergeRef as m,getStyle as f,NOOP as v}from"@vibe/shared";import{usePrevious as p}from"@vibe/hooks";import{getTestId as b,ComponentDefaultTestId as I}from"../../../tests/testIds.js";import h from"./TabList.module.scss.js";var C=i((function(i,C){var T=i.className,N=i.id,g=i.onTabChange,L=void 0===g?v:g,k=i.activeTabId,y=void 0===k?0:k,x=i.tabType,j=void 0===x?"Compact":x,A=i.size,E=i.stretchedUnderline,B=void 0!==E&&E,P=i.tabPanelIds,S=void 0===P?[]:P,U=i.children,_=i["data-testid"],O=o(null),W=m(C,O),w=o({}),z=s(y),H=e(z,2),q=H[0],D=H[1],F=p(y),G=p(q);l((function(){y!==F&&y!==q&&D(y)}),[y,F,q,D]),l((function(){var e;void 0!==G&&G!==q&&w.current[q]&&(null===(e=w.current[q])||void 0===e||e.focus())}),[q,G]);var J=c((function(){var e=new Set;return a.Children.forEach(U,(function(r,t){r.props.disabled&&e.add(t)})),e}),[U]),K=d((function(e){J.has(e)||(D(e),L&&L(e))}),[L,J]),M=d((function(e,r){var t,n=null===(t=U[r].props)||void 0===t?void 0:t.onClick;J.has(r)||(n&&n(r),K(r))}),[U,J,K]),Q=d((function(e){return U[e]}),[U]),R=c((function(){return Array.from(J)}),[J]),V=o(),X=u({ref:V,numberOfItemsInLine:null==U?void 0:U.length,itemsCount:null==U?void 0:U.length,getItemByIndex:Q,onItemClicked:M,disabledIndexes:R,circularNavigation:!0}),Y=X.activeIndex,Z=X.onSelectionAction,$=p(Y);l((function(){var e;void 0!==Y&&Y>=0&&$!==Y&&w.current[Y]&&(null===(e=w.current[Y])||void 0===e||e.focus())}),[Y,$]);var ee=c((function(){return a.Children.map(U,(function(e,r){var n=q===r,i=void 0===Y||0>Y?n:Y===r;return a.cloneElement(e,{value:r,active:n,focus:Y===r,onClick:Z,stretchedUnderline:B,className:t(h.tabListTabWrapper,e.props.className),tabInnerClassName:t(h.tabListTabInner,e.props.tabInnerClassName),tabIndex:i?0:-1,"aria-controls":S[r],ref:function(e){w.current[r]=e}})}))}),[U,q,Y,Z,B,S,N]);return a.createElement("div",{ref:W,className:t(h.tabsWrapper,T,[f(h,n(j))],r({},h.stretchedUnderline,B)),id:N,"data-testid":_||b(I.TAB_LIST,N)},a.createElement("ul",{ref:V,className:t(h.tabsList,[f(h,A)]),role:"tablist"},ee))}));Object.assign(C,{isTabList:!0});export{C as default};
-//# sourceMappingURL=TabList.js.map

package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabList.js","sources":["../../../../../../src/components/Tabs/TabList/TabList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport React, {\n  type FC,\n  forwardRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { useGridKeyboardNavigation } from \"@vibe/a11y\";\nimport { useMergeRef, NOOP, getStyle } from \"@vibe/shared\";\nimport { usePrevious } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport { type TabProps } from \"../Tab/Tab\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nimport styles from \"./TabList.module.scss\";\n\nexport interface TabListProps extends VibeComponentProps {\n  /**\n   * Callback fired when the active tab changes.\n   */\n  onTabChange?: (tabId: number) => void;\n  /**\n   * The index of the currently active tab.\n   */\n  activeTabId?: number;\n  /**\n   * The type of tab style.\n   */\n  tabType?: string;\n  /**\n   * The size of the tab list.\n   */\n  size?: string;\n  /**\n   * If true, Sets an E2E underline under the whole tabs component.\n   */\n  stretchedUnderline?: boolean;\n  /**\n   * Array of corresponding TabPanel ids for aria-controls relationship.\n   */\n  tabPanelIds?: string[];\n  /**\n   * The child elements representing tabs.\n   */\n  children?: ReactElement<TabProps>[];\n}\nconst TabList: FC<TabListProps> = forwardRef(\n  (\n    {\n      className,\n      id,\n      onTabChange = NOOP,\n      activeTabId = 0,\n      tabType = \"Compact\",\n      size,\n      stretchedUnderline = false,\n      tabPanelIds = [],\n      children,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const tabRefs = useRef<Record<number, HTMLElement | null>>({});\n\n    const [activeTabState, setActiveTabState] = useState<number>(activeTabId);\n\n    const prevActiveTabIdProp = usePrevious(activeTabId);\n    const prevActiveTabState = usePrevious(activeTabState);\n\n    useEffect(() => {\n      // Update active tab if changed from props\n\n      if (activeTabId !== prevActiveTabIdProp && activeTabId !== activeTabState) {\n        setActiveTabState(activeTabId);\n      }\n    }, [activeTabId, prevActiveTabIdProp, activeTabState, setActiveTabState]);\n\n    // Focus management: when activeTabState changes, focus the active tab\n    useEffect(() => {\n      if (\n        prevActiveTabState !== undefined &&\n        prevActiveTabState !== activeTabState &&\n        tabRefs.current[activeTabState]\n      ) {\n        tabRefs.current[activeTabState]?.focus();\n      }\n    }, [activeTabState, prevActiveTabState]);\n\n    const disabledTabIds = useMemo(() => {\n      const disabledIds = new Set<number>();\n      React.Children.forEach(children, (child, index) => {\n        if (child.props.disabled) {\n          disabledIds.add(index);\n        }\n      });\n      return disabledIds;\n    }, [children]);\n    const onTabSelect = useCallback(\n      (tabId: number) => {\n        if (disabledTabIds.has(tabId)) return;\n        setActiveTabState(tabId);\n        onTabChange && onTabChange(tabId);\n      },\n      [onTabChange, disabledTabIds]\n    );\n    const onTabClick = useCallback(\n      (value: HTMLElement | void, tabId: number) => {\n        const tabCallbackFunc = children[tabId].props?.onClick;\n        if (disabledTabIds.has(tabId)) return;\n        if (tabCallbackFunc) tabCallbackFunc(tabId);\n        onTabSelect(tabId);\n      },\n      [children, disabledTabIds, onTabSelect]\n    );\n    const getItemByIndex = useCallback((index: number): ReactElement<TabProps> => children[index], [children]);\n    const disabledIndexes = useMemo(() => Array.from(disabledTabIds), [disabledTabIds]);\n    const ulRef = useRef();\n    const { activeIndex: focusIndex, onSelectionAction } = useGridKeyboardNavigation({\n      ref: ulRef,\n      numberOfItemsInLine: children?.length,\n      itemsCount: children?.length,\n      getItemByIndex,\n      onItemClicked: onTabClick,\n      disabledIndexes,\n      circularNavigation: true\n    });\n\n    // Focus management: when focusIndex changes during keyboard navigation, focus the focused tab\n    const prevFocusIndex = usePrevious(focusIndex);\n    useEffect(() => {\n      if (focusIndex !== undefined && focusIndex >= 0 && prevFocusIndex !== focusIndex && tabRefs.current[focusIndex]) {\n        tabRefs.current[focusIndex]?.focus();\n      }\n    }, [focusIndex, prevFocusIndex]);\n\n    const tabsToRender = useMemo(() => {\n      const childrenToRender = React.Children.map(children, (child, index) => {\n        const isActive = activeTabState === index;\n\n        const shouldBeFocusable = focusIndex !== undefined && focusIndex >= 0 ? focusIndex === index : isActive;\n\n        return React.cloneElement(child, {\n          value: index,\n          active: isActive,\n          focus: focusIndex === index,\n          onClick: onSelectionAction,\n          stretchedUnderline,\n          className: cx(styles.tabListTabWrapper, child.props.className),\n          tabInnerClassName: cx(styles.tabListTabInner, child.props.tabInnerClassName),\n          tabIndex: shouldBeFocusable ? 0 : -1,\n          \"aria-controls\": tabPanelIds[index],\n          ref: (element: HTMLElement | null) => {\n            tabRefs.current[index] = element;\n          }\n        } as Partial<TabProps> & { ref: React.Ref<HTMLElement>; tabInnerLabelId?: string });\n      });\n      return childrenToRender;\n    }, [children, activeTabState, focusIndex, onSelectionAction, stretchedUnderline, tabPanelIds, id]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.tabsWrapper, className, [getStyle(styles, camelCase(tabType))], {\n          [styles.stretchedUnderline]: stretchedUnderline\n        })}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_LIST, id)}\n      >\n        <ul ref={ulRef} className={cx(styles.tabsList, [getStyle(styles, size)])} role=\"tablist\">\n          {tabsToRender}\n        </ul>\n      </div>\n    );\n  }\n);\nObject.assign(TabList, {\n  isTabList: true\n});\n\nexport default TabList;\n"],"names":["TabList","forwardRef","_ref","ref","className","id","_ref$onTabChange","onTabChange","NOOP","_ref$activeTabId","activeTabId","_ref$tabType","tabType","size","_ref$stretchedUnderli","stretchedUnderline","_ref$tabPanelIds","tabPanelIds","children","dataTestId","componentRef","useRef","mergedRef","useMergeRef","tabRefs","_useState","useState","_useState2","_slicedToArray","activeTabState","setActiveTabState","prevActiveTabIdProp","usePrevious","prevActiveTabState","useEffect","undefined","current","_a","focus","disabledTabIds","useMemo","disabledIds","Set","React","Children","forEach","child","index","props","disabled","add","onTabSelect","useCallback","tabId","has","onTabClick","value","tabCallbackFunc","onClick","getItemByIndex","disabledIndexes","Array","from","ulRef","_useGridKeyboardNavig","useGridKeyboardNavigation","numberOfItemsInLine","length","itemsCount","onItemClicked","circularNavigation","focusIndex","activeIndex","onSelectionAction","prevFocusIndex","tabsToRender","map","isActive","shouldBeFocusable","cloneElement","active","cx","styles","tabListTabWrapper","tabInnerClassName","tabListTabInner","tabIndex","element","createElement","tabsWrapper","getStyle","camelCase","_defineProperty","getTestId","ComponentDefaultTestId","TAB_LIST","tabsList","role","Object","assign","isTabList"],"mappings":"mkBAoDMA,IAAAA,EAA4BC,GAChC,SAAAC,EAaEC,GACE,IAZAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAcC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAClBQ,YAAAA,OAAc,IAAHD,EAAG,EAACA,EAAAE,EAAAT,EACfU,QAAAA,OAAU,IAAHD,EAAG,UAASA,EACnBE,EAAIX,EAAJW,KAAIC,EAAAZ,EACJa,mBAAAA,OAAqB,IAAHD,GAAQA,EAAAE,EAAAd,EAC1Be,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAQhB,EAARgB,SACeC,EAAUjB,EAAzB,eAIIkB,EAAeC,EAAO,MACtBC,EAAYC,EAAYpB,EAAKiB,GAC7BI,EAAUH,EAA2C,CAAA,GAE3DI,EAA4CC,EAAiBhB,GAAYiB,EAAAC,EAAAH,EAAA,GAAlEI,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAElCI,EAAsBC,EAAYtB,GAClCuB,EAAqBD,EAAYH,GAEvCK,GAAU,WAGJxB,IAAgBqB,GAAuBrB,IAAgBmB,GACzDC,EAAkBpB,EAErB,GAAE,CAACA,EAAaqB,EAAqBF,EAAgBC,IAGtDI,GAAU,sBAEiBC,IAAvBF,GACAA,IAAuBJ,GACvBL,EAAQY,QAAQP,KAEe,QAA/BQ,EAAAb,EAAQY,QAAQP,UAAe,IAAAQ,GAAAA,EAAEC,QAErC,GAAG,CAACT,EAAgBI,IAEpB,IAAMM,EAAiBC,GAAQ,WAC7B,IAAMC,EAAc,IAAIC,IAMxB,OALAC,EAAMC,SAASC,QAAQ3B,GAAU,SAAC4B,EAAOC,GACnCD,EAAME,MAAMC,UACdR,EAAYS,IAAIH,EAEpB,IACON,CACT,GAAG,CAACvB,IACEiC,EAAcC,GAClB,SAACC,GACKd,EAAee,IAAID,KACvBvB,EAAkBuB,GAClB9C,GAAeA,EAAY8C,GAC7B,GACA,CAAC9C,EAAagC,IAEVgB,EAAaH,GACjB,SAACI,EAA2BH,SACpBI,EAAyC,QAAvBpB,EAAAnB,EAASmC,GAAOL,aAAO,IAAAX,OAAA,EAAAA,EAAAqB,QAC3CnB,EAAee,IAAID,KACnBI,GAAiBA,EAAgBJ,GACrCF,EAAYE,GACb,GACD,CAACnC,EAAUqB,EAAgBY,IAEvBQ,EAAiBP,GAAY,SAACL,GAAa,OAA6B7B,EAAS6B,KAAQ,CAAC7B,IAC1F0C,EAAkBpB,GAAQ,WAAA,OAAMqB,MAAMC,KAAKvB,KAAiB,CAACA,IAC7DwB,EAAQ1C,IACd2C,EAAuDC,EAA0B,CAC/E9D,IAAK4D,EACLG,oBAAqBhD,aAAA,EAAAA,EAAUiD,OAC/BC,WAAYlD,aAAA,EAAAA,EAAUiD,OACtBR,eAAAA,EACAU,cAAed,EACfK,gBAAAA,EACAU,oBAAoB,IAPDC,EAAUP,EAAvBQ,YAAyBC,EAAiBT,EAAjBS,kBAW3BC,EAAiB1C,EAAYuC,GACnCrC,GAAU,sBACWC,IAAfoC,GAA4BA,GAAc,GAAKG,IAAmBH,GAAc/C,EAAQY,QAAQmC,KACvE,QAA3BlC,EAAAb,EAAQY,QAAQmC,UAAW,IAAAlC,GAAAA,EAAEC,QAEjC,GAAG,CAACiC,EAAYG,IAEhB,IAAMC,GAAenC,GAAQ,WAqB3B,OApByBG,EAAMC,SAASgC,IAAI1D,GAAU,SAAC4B,EAAOC,GAC5D,IAAM8B,EAAWhD,IAAmBkB,EAE9B+B,OAAmC3C,IAAfoC,GAA0C,EAAdA,EAAyCM,EAAvBN,IAAexB,EAEvF,OAAOJ,EAAMoC,aAAajC,EAAO,CAC/BU,MAAOT,EACPiC,OAAQH,EACRvC,MAAOiC,IAAexB,EACtBW,QAASe,EACT1D,mBAAAA,EACAX,UAAW6E,EAAGC,EAAOC,kBAAmBrC,EAAME,MAAM5C,WACpDgF,kBAAmBH,EAAGC,EAAOG,gBAAiBvC,EAAME,MAAMoC,mBAC1DE,SAAUR,EAAoB,GAAK,EACnC,gBAAiB7D,EAAY8B,GAC7B5C,IAAK,SAACoF,GACJ/D,EAAQY,QAAQW,GAASwC,CAC3B,GAEJ,GAEF,GAAG,CAACrE,EAAUW,EAAgB0C,EAAYE,EAAmB1D,EAAoBE,EAAaZ,IAE9F,OACEsC,EACE6C,cAAA,MAAA,CAAArF,IAAKmB,EACLlB,UAAW6E,EAAGC,EAAOO,YAAarF,EAAW,CAACsF,EAASR,EAAQS,EAAU/E,KAAUgF,EAChFV,CAAAA,EAAAA,EAAOnE,mBAAqBA,IAE/BV,GAAIA,gBACSc,GAAc0E,EAAUC,EAAuBC,SAAU1F,IAEtEsC,EAAA6C,cAAA,KAAA,CAAIrF,IAAK4D,EAAO3D,UAAW6E,EAAGC,EAAOc,SAAU,CAACN,EAASR,EAAQrE,KAASoF,KAAK,WAC5EtB,IAIT,IAEFuB,OAAOC,OAAOnG,EAAS,CACrBoG,WAAW"}

package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js

@@ -1,2 +0,0 @@
-var e={tabsWrapper:"tabsWrapper",tabsList:"tabsList",sm:"sm",lg:"lg",stretched:"stretched",tabListTabWrapper:"tabListTabWrapper",tabListTabInner:"tabListTabInner",disabled:"disabled",stretchedUnderline:"stretchedUnderline"};!function(e){const t="s_id-1dd2e005bc2f_4_5_12";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const s=document.createElement("style");s.id=t,n.firstChild?n.insertBefore(s,n.firstChild):n.appendChild(s),s.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tabsWrapper .tabsList {\n  display: flex;\n  flex-direction: row;\n  list-style-type: none;\n  font-size: 0;\n  position: relative;\n  height: 40px;\n  outline: none;\n  padding: 0;\n}\n.tabsWrapper .tabsList.sm {\n  height: 32px;\n}\n.tabsWrapper .tabsList.lg {\n  height: 48px;\n}\n.tabsWrapper.stretched .tabsList {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper {\n  width: 100%;\n}\n.tabsWrapper.stretched .tabsList .tabListTabWrapper .tabListTabInner {\n  width: 100%;\n}\n.tabsWrapper.disabled {\n  opacity: 0;\n  height: 0;\n  padding-bottom: 5px;\n  pointer-events: none;\n}\n.tabsWrapper.stretchedUnderline {\n  border-bottom: 2px solid var(--ui-background-color);\n}");export{e as default};
-//# sourceMappingURL=TabList.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as a,useRef as t}from"react";import r from"classnames";import{useMergeRef as s}from"@vibe/shared";import{getTestId as o,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import i from"./TabPanel.module.scss.js";var d=a((function(a,d){var l=a.className,n=a.id,c=a.children,p=a.index,f=a["data-testid"],u=t(null),b=s(d,u);return e.createElement("div",{key:"".concat(n,"_").concat(p),ref:b,className:r(i.tabPanelWrapper,l),id:n,"data-testid":f||o(m.TAB_PANEL,n),role:"tabpanel"},c)}));export{d as default};
-//# sourceMappingURL=TabPanel.js.map

package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabPanel.js","sources":["../../../../../../src/components/Tabs/TabPanel/TabPanel.tsx"],"sourcesContent":["import React, { type FC, forwardRef, type ReactElement, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./TabPanel.module.scss\";\n\nexport interface TabPanelProps extends VibeComponentProps {\n  /**\n   * The content inside the tab panel.\n   */\n  children?: ReactElement | ReactElement[] | string;\n  /**\n   * The index of the tab panel.\n   */\n  index?: number;\n}\n\nconst TabPanel: FC<TabPanelProps> = forwardRef(({ className, id, children, index, \"data-testid\": dataTestId }, ref) => {\n  const componentRef = useRef(null);\n  const mergedRef = useMergeRef(ref, componentRef);\n\n  return (\n    <div\n      key={`${id}_${index}`}\n      ref={mergedRef}\n      className={cx(styles.tabPanelWrapper, className)}\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.TAB_PANEL, id)}\n      role=\"tabpanel\"\n    >\n      {children}\n    </div>\n  );\n});\n\nexport default TabPanel;\n"],"names":["TabPanel","forwardRef","_ref","ref","className","id","children","index","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","key","concat","cx","styles","tabPanelWrapper","getTestId","ComponentDefaultTestId","TAB_PANEL","role"],"mappings":"kPAkBMA,IAAAA,EAA8BC,GAAW,SAAAC,EAAgEC,GAAO,IAApEC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAUC,EAAKL,EAALK,MAAsBC,EAAUN,EAAzB,eAC1EO,EAAeC,EAAO,MACtBC,EAAYC,EAAYT,EAAKM,GAEnC,OACEI,uBACEC,IAAG,GAAAC,OAAKV,OAAEU,OAAIR,GACdJ,IAAKQ,EACLP,UAAWY,EAAGC,EAAOC,gBAAiBd,GACtCC,GAAIA,EAAE,cACOG,GAAcW,EAAUC,EAAuBC,UAAWhB,GACvEiB,KAAK,YAEJhB,EAGP"}

package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js

@@ -1,2 +0,0 @@
-var e={tabPanelWrapper:"tabPanelWrapper"};!function(e){const t="s_id-82244d4a2f7b_4_5_12";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tabPanelWrapper {\n  color: var(--primary-text-color);\n}");export{e as default};
-//# sourceMappingURL=TabPanel.module.scss.js.map

package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.js

@@ -1,2 +0,0 @@
-import a from"classnames";import{camelCase as e}from"es-toolkit";import t,{forwardRef as r,useRef as i,useMemo as s}from"react";import{useMergeRef as n,getStyle as o}from"@vibe/shared";import{getTestId as l,ComponentDefaultTestId as c}from"../../../tests/testIds.js";import m from"./TabPanels.module.scss.js";var d=r((function(r,d){var p=r.className,f=r.id,u=r.activeTabId,v=void 0===u?0:u,b=r.animationDirection,j=void 0===b?"rtl":b,N=r.children,P=r["data-testid"],T=i(null),g=n(d,T),h=s((function(){return t.Children.map(N,(function(r,i){var s=v===i;if(!s)return null;var n=s?"active":"non-active",l=s?"animation-direction-".concat(j):"";return t.cloneElement(r,Object.assign(Object.assign({index:i},r.props),{className:a(m.tabPanel,[o(m,n)],[o(m,e(l))],r.props.className)}))})).filter(Boolean)}),[N,v,j]);return t.createElement("div",{ref:g,className:a(m.tabPanelsWrapper,p),id:f,"data-testid":P||l(c.TAB_PANELS,f)},h)}));Object.assign(d,{isTabPanels:!0});export{d as default};
-//# sourceMappingURL=TabPanels.js.map