npm - @vibe/core - Versions diffs - 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-3c271.0 - Mend

@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-3c271.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (865) hide show

package/dist/mocked_classnames/components/ProgressBars/ProgressBar/ProgressBar.d.ts DELETED Viewed

@@ -1,69 +0,0 @@
-import React from "react";
-import { type ProgressBarSize, type ProgressBarStyle } from "./ProgressBar.types";
-import { type VibeComponentProps } from "../../../types";
-export interface ProgressBarProps extends VibeComponentProps {
-    /**
-     * Determines the visual style of the progress bar.
-     */
-    barStyle?: ProgressBarStyle;
-    /**
-     * The minimum value of the progress bar.
-     */
-    min?: number;
-    /**
-     * The maximum value of the progress bar.
-     */
-    max?: number;
-    /**
-     * The current progress value.
-     */
-    value?: number;
-    /**
-     * The secondary progress value.
-     */
-    valueSecondary?: number;
-    /**
-     * If true, enables animation effects.
-     */
-    animated?: boolean;
-    /**
-     * The size of the progress bar.
-     */
-    size?: ProgressBarSize;
-    /**
-     * If true, displays the progress percentage.
-     */
-    indicateProgress?: boolean;
-    /**
-     * If true, enables multiple progress bars.
-     * **Note:** `value`, `valueSecondary`, and `barStyle` will not be used.
-     */
-    multi?: boolean;
-    /**
-     * An array of bar values and colors for multi-bar mode.
-     */
-    multiValues?: {
-        /**
-         * The progress value for a bar.
-         */
-        value?: number;
-        /**
-         * The bar color in hex format (`#000000` - `#ffffff`).
-         */
-        color?: string;
-    }[];
-    /**
-     * The ARIA label for the progress bar.
-     */
-    "aria-label"?: string;
-    /**
-     * If true, makes the progress bar span the full container width.
-     */
-    fullWidth?: boolean;
-    /**
-     * If true, allows displaying percentage values higher than 100% when value exceeds max.
-     */
-    allowExceedingMax?: boolean;
-}
-declare const ProgressBar: React.ForwardRefExoticComponent<ProgressBarProps & React.RefAttributes<HTMLDivElement>>;
-export default ProgressBar;

package/dist/mocked_classnames/components/ProgressBars/ProgressBar/ProgressBar.types.d.ts DELETED Viewed

@@ -1,3 +0,0 @@
-import { type SIZES } from "../../../constants";
-export type ProgressBarStyle = "primary" | "secondary" | "positive" | "negative" | "warning" | "none";
-export type ProgressBarSize = (typeof SIZES)[keyof typeof SIZES];

package/dist/mocked_classnames/components/ProgressBars/ProgressBar/ProgressBarHelpers.d.ts DELETED Viewed

@@ -1,4 +0,0 @@
-import { type SIZES } from "./../../../constants/sizes";
-export type Size = (typeof SIZES)[keyof typeof SIZES];
-export declare const calculatePercentage: (value: number, min: number, max: number, allowExceeding?: boolean) => number;
-export declare const getProgressBarClassNames: (value: number) => string;

package/dist/mocked_classnames/components/ProgressBars/index.d.ts DELETED Viewed

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

package/dist/mocked_classnames/components/RadioButton/RadioButton.d.ts DELETED Viewed

@@ -1,74 +0,0 @@
-import React from "react";
-import { type VibeComponentProps } from "../../types";
-export interface RadioButtonProps extends VibeComponentProps {
-    /**
-     * Class name applied to the label text.
-     */
-    labelClassName?: string;
-    /**
-     * Class name applied to the radio button element.
-     */
-    radioButtonClassName?: string;
-    /**
-     * The label text displayed next to the radio button.
-     */
-    text?: string;
-    /**
-     * The value associated with the radio button.
-     */
-    value?: string;
-    /**
-     * The name of the radio button group.
-     */
-    name?: string;
-    /**
-     * If true, the radio button automatically receives focus on mount.
-     */
-    autoFocus?: boolean;
-    /**
-     * If true, the radio button is disabled.
-     */
-    disabled?: boolean;
-    /**
-     * The reason why the radio button is disabled, displayed in a tooltip.
-     */
-    disabledReason?: string;
-    /**
-     * If true, the radio button is checked by default.
-     */
-    defaultChecked?: boolean;
-    /**
-     * The child elements inside the radio button.
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback fired when the radio button selection changes.
-     */
-    onSelect?: (event: React.ChangeEvent<HTMLInputElement | null>) => void;
-    /**
-     * If provided, controls the checked state of the radio button.
-     */
-    checked?: boolean;
-    /**
-     * If true, clicking on children will trigger selection.
-     */
-    retainChildClick?: boolean;
-    /**
-     * The tab index applied to the children.
-     */
-    childrenTabIndex?: number;
-    /**
-     * If true, disables the label animation.
-     */
-    noLabelAnimation?: boolean;
-    /**
-     * ARIA label for accessibility when no text is provided.
-     */
-    "aria-label"?: string;
-    /**
-     * ID of element that describe this radio button.
-     */
-    "aria-describedby"?: string;
-}
-declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;

package/dist/mocked_classnames/components/RadioButton/index.d.ts DELETED Viewed

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

package/dist/mocked_classnames/helpers/textManipulations.d.ts DELETED Viewed

@@ -1,10 +0,0 @@
-export declare const formatNumberConsts: Readonly<{
-    MIN_PRECISION: 0;
-    MAX_PRECISION: 20;
-    DEFAULT_LOCAL: "en-US";
-}>;
-export declare function formatNumber(value: number, { local, isCompact, precision }?: {
-    local?: Intl.Locale["language"];
-    isCompact?: boolean;
-    precision?: number;
-}): string;

package/dist/mocked_classnames/hooks/useAfterFirstRender/index.d.ts DELETED Viewed

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

package/dist/mocked_classnames/hooks/usePrevious/index.d.ts DELETED Viewed

	@@ -1 +0,0 @@
1	- export default function usePrevious<Type>(value: Type): Type;

package/dist/mocked_classnames/src/components/Avatar/Avatar.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isNil as t,camelCase as a}from"es-toolkit";import{getStyle as o}from"@vibe/shared";import{getTestId as r,ComponentDefaultTestId as s}from"../../tests/testIds.js";import i from"classnames";import l,{useMemo as n,useCallback as c}from"react";import{getElementColor as d}from"../../types/Colors.js";import m from"./AvatarBadge.js";import b from"./AvatarContent.js";import{Tooltip as u}from"@vibe/tooltip/mockedClassNames";import{ClickableWrapper as p}from"@vibe/clickable/mockedClassNames";import g from"./Avatar.module.scss.js";import{ComponentVibeId as v}from"../../tests/constants.js";var f=function(f){var h=f.id,k=f.type,C=void 0===k?"text":k,j=f.className,E=f.avatarContentWrapperClassName,N=f.textClassName,B=void 0===N?"":N,y=f.size,x=void 0===y?"large":y,A=f.src,P=f.icon,z=f.text,O=f.tooltipProps,T=f["aria-label"],R=f.withoutTooltip,w=void 0!==R&&R,I=f.role,L=f.backgroundColor,q=void 0===L?"chili-blue":L,V=f.square,W=f.disabled,_=f.tabIndex,D=f["aria-hidden"],H=void 0!==D&&D,S=f.topLeftBadgeProps,F=f.topRightBadgeProps,G=f.bottomLeftBadgeProps,J=f.bottomRightBadgeProps,K=f.withoutBorder,M=void 0!==K&&K,Q=f.customSize,U=void 0===Q?null:Q,X=f.customBackgroundColor,Y=void 0===X?null:X,Z=f.onClick,$=f["data-testid"],ee=n((function(){return Y?{backgroundColor:Y}:A?{}:{backgroundColor:d(q)}}),[A,q,Y]),te=n((function(){return U?{height:U,width:U}:{}}),[U]),ae=n((function(){if(!w)return O?Object.assign({content:T},O):{content:T}}),[T,O,w]),oe=n((function(){var e=[];return t(S)\|\|e.push(l.createElement("div",{key:"top-left-badge",className:i(g.badge,g.badgeTopLeft)},l.createElement(m,Object.assign({size:x},S)))),t(F)\|\|e.push(l.createElement("div",{key:"top-right-badge",className:i(g.badge,g.badgeTopRight)},l.createElement(m,Object.assign({size:x},F)))),t(G)\|\|e.push(l.createElement("div",{key:"bottom-left-badge",className:i(g.badge,g.badgeBottomLeft)},l.createElement(m,Object.assign({size:x},G)))),t(J)\|\|e.push(l.createElement("div",{key:"bottom-right-bade",className:i(g.badge,g.badgeBottomRight)},l.createElement(m,Object.assign({size:x},J)))),e.length>0?l.createElement("div",{className:i(g.badges)},e):null}),[x,S,F,G,J]),re=n((function(){return W\|\|!Z&&!(null==ae?void 0:ae.content)?-1:0}),[W,Z,null==ae?void 0:ae.content]),se=null!=_?_:re,ie=c((function(e){e.preventDefault(),Z&&Z(e,h)}),[Z,h]);return l.createElement("div",{id:h,"data-testid":$\|\|r(s.AVATAR,h),className:i(g.avatar,g[x],j),style:te,"data-vibe":v.AVATAR},l.createElement(p,{isClickable:!!Z,clickableProps:{onClick:ie,tabIndex:-1,className:g.clickableWrapper}},l.createElement(u,Object.assign({showTrigger:["focus","mouseenter"],hideTrigger:["blur","mouseleave"]},ae),l.createElement("div",{className:i(g.circle,o(g,a("circle--"+C)),e(e(e({},g.disabled,W),g.square,V),g.withoutBorder,M),E),"aria-hidden":H,tabIndex:se,style:Object.assign({},ee)},l.createElement(b,{type:C,size:x,src:A,icon:P,text:z,"aria-label":T,role:I,textClassName:B})),oe)))};export{f as default};
2	- //# sourceMappingURL=Avatar.js.map

package/dist/mocked_classnames/src/components/Avatar/Avatar.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n /**\n * The image source for the avatar.\n */\n src?: string;\n /**\n * The text displayed inside the avatar.\n */\n text?: string;\n /**\n * Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n */\n tooltipProps?: Partial<TooltipProps>;\n /**\n * The ARIA label of the avatar.\n */\n \"aria-label\"?: string;\n /**\n * If true, the tooltip is disabled.\n */\n withoutTooltip?: boolean;\n /**\n * The icon displayed inside the avatar.\n */\n icon?: SubIcon;\n /**\n * The type of the avatar.\n */\n type?: AvatarType;\n /**\n * Class name applied to the text inside the avatar.\n */\n textClassName?: string;\n /**\n * Class name applied to the avatar content wrapper.\n */\n avatarContentWrapperClassName?: string;\n /**\n * The background color of the avatar.\n */\n backgroundColor?: ElementAllowedColor;\n /**\n * A custom background color.\n */\n customBackgroundColor?: string;\n /**\n * The ARIA role of the avatar.\n */\n role?: AriaRole;\n /**\n * The size of the avatar.\n */\n size?: AvatarSize;\n /**\n * A custom size in pixels.\n */\n customSize?: number;\n /**\n * The tab index of the avatar.\n */\n tabIndex?: number;\n /**\n * If true, the avatar is hidden from assistive technologies.\n */\n \"aria-hidden\"?: boolean;\n /**\n * If true, the avatar is disabled.\n */\n disabled?: boolean;\n /**\n * If true, renders the avatar as a square instead of a circle.\n */\n square?: boolean;\n /**\n * Props for the top-left badge.\n */\n topLeftBadgeProps?: AvatarBadgeProps;\n /**\n * Props for the top-right badge.\n */\n topRightBadgeProps?: AvatarBadgeProps;\n /**\n * Props for the bottom-left badge.\n */\n bottomLeftBadgeProps?: AvatarBadgeProps;\n /**\n * Props for the bottom-right badge.\n */\n bottomRightBadgeProps?: AvatarBadgeProps;\n /**\n * If true, removes the avatar's border.\n */\n withoutBorder?: boolean;\n /**\n * Callback fired when the avatar is clicked.\n */\n onClick?: (event: React.MouseEvent | React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n id,\n type = \"text\",\n className,\n avatarContentWrapperClassName,\n textClassName = \"\",\n size = \"large\",\n src,\n icon,\n text,\n tooltipProps,\n \"aria-label\": ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n \"aria-hidden\": ariaHidden = false,\n topLeftBadgeProps,\n topRightBadgeProps,\n bottomLeftBadgeProps,\n bottomRightBadgeProps,\n withoutBorder = false,\n customSize = null,\n customBackgroundColor = null,\n onClick,\n \"data-testid\": dataTestId\n}: AvatarProps) => {\n const backgroundColorStyle = useMemo(() => {\n if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n }, [src, backgroundColor, customBackgroundColor]);\n const sizeStyle = useMemo(() => {\n return customSize ? { height: customSize, width: customSize } : {};\n }, [customSize]);\n\n const overrideTooltipProps = useMemo(() => {\n if (withoutTooltip) return undefined;\n\n if (tooltipProps) {\n return { content: ariaLabel, ...tooltipProps };\n } else {\n return { content: ariaLabel };\n }\n }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n const badgesContainer = useMemo(() => {\n const badges = [];\n if (!isNil(topLeftBadgeProps)) {\n badges.push(\n <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n <AvatarBadge size={size} {...topLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(topRightBadgeProps)) {\n badges.push(\n <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n <AvatarBadge size={size} {...topRightBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomLeftBadgeProps)) {\n badges.push(\n <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomRightBadgeProps)) {\n badges.push(\n <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n <AvatarBadge size={size} {...bottomRightBadgeProps} />\n </div>\n );\n }\n\n return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n const defaultTabIndex = useMemo(() => {\n if (!disabled && (onClick || overrideTooltipProps?.content)) {\n return 0;\n }\n return -1;\n }, [disabled, onClick, overrideTooltipProps?.content]);\n\n const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n const clickHandler = useCallback(\n (event: React.MouseEvent | React.KeyboardEvent) => {\n event.preventDefault();\n if (onClick) {\n onClick(event, id);\n }\n },\n [onClick, id]\n );\n\n return (\n <div\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR, id)}\n className={cx(styles.avatar, styles[size], className)}\n style={sizeStyle}\n data-vibe={ComponentVibeId.AVATAR}\n >\n <ClickableWrapper\n isClickable={!!onClick}\n clickableProps={{\n onClick: clickHandler,\n tabIndex: -1,\n className: styles.clickableWrapper\n }}\n >\n <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n <div\n className={cx(\n styles.circle,\n getStyle(styles, camelCase(\"circle--\" + type)),\n {\n [styles.disabled]: disabled,\n [styles.square]: square,\n [styles.withoutBorder]: withoutBorder\n },\n avatarContentWrapperClassName\n )}\n aria-hidden={ariaHidden}\n tabIndex={overrideTabIndex}\n style={{ ...backgroundColorStyle }}\n >\n <AvatarContent\n type={type}\n size={size}\n src={src}\n icon={icon}\n text={text}\n aria-label={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\nexport default Avatar;\n"],"names":["Avatar","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var n={avatar:"avatar",large:"large",medium:"medium",small:"small",xs:"xs",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-4487266934ef_4_5_3";if("undefined"!=typeof document){const o=document.head\|\|document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('/* stylelint-disable /\n/ stylelint-enable /\n.avatar {\n position: relative;\n}\n\n.large {\n height: 50px;\n width: 50px;\n}\n\n.medium {\n height: 32px;\n width: 32px;\n}\n\n.small {\n height: 28px;\n width: 28px;\n}\n\n.xs {\n height: 20px;\n width: 20px;\n}\n\n.clickableWrapper {\n height: 100%;\n width: 100%;\n}\n\n.circle {\n height: 100%;\n width: 100%;\n position: relative;\n border: 1px solid;\n border-radius: 50%;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n outline: none;\n}\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 50%;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.circle:focus:focus:not(.focus-visible) {\n outline: none;\n}\n\n.circleImg {\n border-color: var(--primary-background-color);\n}\n\n.circleText {\n border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n content: "";\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n opacity: 0.7;\n background: var(--primary-background-color);\n}\n\n.square {\n border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n outline: none;\n}\n.square:focus:focus-visible, .square:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: var(--border-radius-small);\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.square:focus:focus:not(.focus-visible) {\n outline: none;\n}\n\n.withoutBorder {\n border: none;\n}\n\n.badges {\n position: absolute;\n top: 50%;\n left: 50%; / position the left edge of the element at the middle of the parent */\n transform: translate(-50%, -50%);\n display: grid;\n grid-template-columns: 50% 50%;\n margin-inline: auto;\n height: 110%;\n width: 110%;\n}\n\n.badges .badge {\n display: flex;\n}\n\n.badges .badgeTopLeft {\n grid-row: 1;\n grid-column: 1;\n justify-self: start;\n}\n\n.badges .badgeTopRight {\n grid-row: 1;\n grid-column: 2;\n justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n grid-row: 2;\n grid-column: 1;\n justify-self: start;\n align-self: end;\n}\n\n.badges .badgeBottomRight {\n grid-row: 2;\n grid-column: 2;\n justify-self: end;\n align-self: end;\n}');export{n as default};
2	- //# sourceMappingURL=Avatar.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as e}from"../../../_virtual/_tslib.js";import a from"react";import{camelCase as t}from"es-toolkit";import{getStyle as s}from"@vibe/shared";import{getTestId as i,ComponentDefaultTestId as r}from"../../tests/testIds.js";import c from"classnames";import{Icon as o,CustomSvgIcon as l}from"@vibe/icon/mockedClassNames";import m from"./AvatarBadge.module.scss.js";import{ClickableWrapper as n}from"@vibe/clickable/mockedClassNames";var d=function(d){var b=d.src,f=d.icon,k=d.tabIndex,p=void 0===k?0:k,v=d.className,C=d.size,u=void 0===C?"large":C,N=d.id,g=d.onClick,j=d["data-testid"],x=e(d,["src","icon","tabIndex","className","size","id","onClick","data-testid"]),E=c(s(m,t("badge--"+u)),v),A=j\|\|i(r.AVATAR_BADGE,N),I=-1===p&&!!g;if(f)return I?a.createElement(n,{isClickable:!0,clickableProps:{onClick:g,tabIndex:p}},a.createElement(o,Object.assign({icon:f,className:E},x,{"data-testid":A}))):a.createElement(o,Object.assign({icon:f,className:E,tabindex:p},x,{"data-testid":A}));var O=a.createElement(l,Object.assign({src:b,className:E},x,{"data-testid":A}));return b?I?a.createElement(n,{isClickable:!0,clickableProps:{onClick:g,tabIndex:p}},O):O:null};export{d as default};
2	- //# sourceMappingURL=AvatarBadge.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"AvatarBadge.js","sources":["../../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport { ClickableWrapper } from \"@vibe/clickable\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /**\n * The image source for the badge.\n */\n src?: string;\n /**\n * The icon displayed inside the badge.\n */\n icon?: SubIcon;\n /**\n * The tab index of the badge.\n */\n tabIndex?: number;\n /**\n * The size of the badge.\n */\n size?: AvatarSize;\n /**\n * Callback fired when the badge is clicked.\n */\n onClick?: (event: React.MouseEvent | React.KeyboardEvent) => void;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n onClick,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId || getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n const isClickable = tabIndex === -1 && !!onClick;\n\n if (icon) {\n return isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />\n </ClickableWrapper>\n ) : (\n <Icon icon={icon} className={classNames} tabindex={tabIndex} {...otherProps} data-testid={testId} />\n );\n }\n\n const svgIcon = <CustomSvgIcon src={src} className={classNames} {...otherProps} data-testid={testId} />;\n\n return src ? (\n isClickable ? (\n <ClickableWrapper isClickable clickableProps={{ onClick, tabIndex }}>\n {svgIcon}\n </ClickableWrapper>\n ) : (\n svgIcon\n )\n ) : null;\n};\n\nexport default AvatarBadge;\n"],"names":["AvatarBadge","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","onClick","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","isClickable","React","ClickableWrapper","clickableProps","createElement","Icon","Object","assign","tabindex","svgIcon","CustomSvgIcon"],"mappings":"wbAmCA,IAAMA,EAAc,SAACC,OACnBC,EAOyBD,EAPzBC,IACAC,EAMyBF,EANzBE,KAAIC,EAMqBH,EALzBI,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAIyBL,EAJzBK,UAASC,EAIgBN,EAHzBO,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAEyBR,EAFzBQ,GACAC,EACyBT,EADzBS,QACeC,EAAUV,EAAzB,eACGW,EATgBC,EAAAZ,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,UAAA,gBAWba,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYV,IAAQF,GAC/Da,EAASR,GAAcS,EAAUC,EAAuBC,aAAcb,GACtEc,GAA4B,IAAdlB,KAAqBK,EAEzC,GAAIP,EACF,OAAOoB,EACLC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACvDmB,EAAAG,cAACC,EAAKC,OAAAC,OAAA,CAAA3B,KAAMA,EAAMG,UAAWQ,GAAgBF,iBAAyBO,MAGxEK,EAACG,cAAAC,iBAAKzB,KAAMA,EAAMG,UAAWQ,EAAYiB,SAAU1B,GAAcO,iBAAyBO,KAI9F,IAAMa,EAAUR,EAAAG,cAACM,EAAaJ,OAAAC,OAAA,CAAC5B,IAAKA,EAAKI,UAAWQ,GAAgBF,EAAyB,CAAA,cAAAO,KAE7F,OAAOjB,EACLqB,EACEC,gBAACC,EAAgB,CAACF,aAAW,EAACG,eAAgB,CAAEhB,QAAAA,EAASL,SAAAA,IACtD2B,GAGHA,EAEA,IACN"}

package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall",badgeXs:"badgeXs"};!function(e){const d="s_id-e545a08d61b0_4_5_3";if("undefined"!=typeof document){const n=document.head\|\|document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".badgeLarge {\n height: 19px;\n width: 19px;\n}\n\n.badgeMedium {\n height: 13px;\n width: 13px;\n}\n\n.badgeSmall,\n.badgeXs {\n height: 10px;\n width: 10px;\n}");export{e as default};
2	- //# sourceMappingURL=AvatarBadge.module.scss.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{camelCase as e}from"es-toolkit";import{getStyle as t}from"@vibe/shared";import{getTestId as a,ComponentDefaultTestId as r}from"../../tests/testIds.js";import s from"classnames";import i from"react";import{Icon as o}from"@vibe/icon/mockedClassNames";import m from"./AvatarContent.module.scss.js";var l=function(l){var c=l.type,d=void 0===c?"text":c,n=l.src,N=l.icon,f=l.text,p=l["aria-label"],A=l.role,u=l.size,T=void 0===u?"large":u,v=l.textClassName,C=void 0===v?"":v,E=l.id,b=l["data-testid"],x=s(t(m,e("content_"+d)),t(m,e("content_"+d+"--"+T)));switch(d){case"img":return i.createElement("img",{role:A,alt:p,src:n,className:x,id:E,"data-testid":b\|\|a(r.AVATAR_CONTENT,E)});case"icon":return i.createElement(o,{icon:N,"aria-label":p,className:x,"aria-hidden":!1,id:E,"data-testid":b\|\|a(r.AVATAR_CONTENT,E)});case"text":return i.createElement("span",{"aria-label":p,role:A,className:s(x,C),id:E,"data-testid":b\|\|a(r.AVATAR_CONTENT,E)},f);default:return null}};export{l as default};
2	- //# sourceMappingURL=AvatarContent.js.map

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"AvatarContent.js","sources":["../../../../../src/components/Avatar/AvatarContent.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AvatarContent.module.scss\";\n\nexport interface AvatarContentProps extends VibeComponentProps {\n /**\n * The image source when the type is set to `img`.\n */\n src?: string;\n /**\n * The type of content displayed inside the avatar.\n */\n type?: AvatarType;\n /**\n * The size of the avatar content.\n */\n size?: AvatarSize;\n /**\n * The ARIA role of the content.\n */\n role?: string;\n /**\n * The label of the content for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The icon displayed when the type is set to `icon`.\n */\n icon?: SubIcon;\n /**\n * Class name applied to the text content.\n */\n textClassName?: string;\n /**\n * The text displayed when the type is set to `text`.\n */\n text?: string;\n}\n\nconst AvatarContent = ({\n type = \"text\",\n src,\n icon,\n text,\n \"aria-label\": ariaLabel,\n role,\n size = \"large\",\n textClassName = \"\",\n id,\n \"data-testid\": dataTestId\n}: AvatarContentProps) => {\n const className = cx(\n getStyle(styles, camelCase(\"content_\" + type)),\n getStyle(styles, camelCase(\"content_\" + type + \"--\" + size))\n );\n switch (type) {\n case \"img\":\n return (\n <img\n role={role}\n alt={ariaLabel}\n src={src}\n className={className}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"icon\":\n return (\n <Icon\n icon={icon}\n aria-label={ariaLabel}\n // role={role}\n className={className}\n aria-hidden={false}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n />\n );\n case \"text\":\n return (\n <span\n aria-label={ariaLabel}\n role={role}\n className={cx(className, textClassName)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.AVATAR_CONTENT, id)}\n >\n {text}\n </span>\n );\n default:\n return null;\n }\n};\n\nexport default AvatarContent;\n"],"names":["AvatarContent","_ref","_ref$type","type","src","icon","text","ariaLabel","role","_ref$size","size","_ref$textClassName","textClassName","id","dataTestId","className","cx","getStyle","styles","camelCase","React","createElement","alt","getTestId","ComponentDefaultTestId","AVATAR_CONTENT","Icon"],"mappings":"8SA6CA,IAAMA,EAAgB,SAAHC,GAWM,IAAAC,EAAAD,EAVvBE,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAAGH,EAAHG,IACAC,EAAIJ,EAAJI,KACAC,EAAIL,EAAJK,KACcC,EAASN,EAAvB,cACAO,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAV,EACdW,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eAEMc,EAAYC,EAChBC,EAASC,EAAQC,EAAU,WAAahB,IACxCc,EAASC,EAAQC,EAAU,WAAahB,EAAO,KAAOO,KAExD,OAAQP,GACN,IAAK,MACH,OACEiB,EAAAC,cAAA,MAAA,CACEb,KAAMA,EACNc,IAAKf,EACLH,IAAKA,EACLW,UAAWA,EACXF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,gBAACM,EAAI,CACHrB,KAAMA,eACME,EAEZQ,UAAWA,EACE,eAAA,EACbF,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,KAGlF,IAAK,OACH,OACEO,EAAAC,cAAA,OAAA,CAAA,aACcd,EACZC,KAAMA,EACNO,UAAWC,EAAGD,EAAWH,GACzBC,GAAIA,EACS,cAAAC,GAAcS,EAAUC,EAAuBC,eAAgBZ,IAE3EP,GAGP,QACE,OAAO,KAEb"}

package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentTextXs:"contentTextXs",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-50188146c7c7_4_5_3";if("undefined"!=typeof document){const e=document.head\|\|document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable /\n/ stylelint-enable */\n.contentImg {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.contentText {\n font-family: var(--font-family);\n font-weight: 400;\n line-height: 21px;\n letter-spacing: -0.5px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.contentTextLarge {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n font: var(--font-text1-normal);\n margin-top: 1px;\n}\n\n.contentTextSmall {\n margin-top: 1px;\n font-size: 12px;\n}\n\n.contentTextXs {\n margin-top: 1px;\n font: var(--font-text3-normal);\n}\n\n.contentIconLarge {\n height: 28px;\n width: 28px;\n}\n\n.contentIconMedium {\n height: 18px;\n width: 18px;\n}\n\n.contentIconSmall {\n height: 12px;\n width: 12px;\n}");export{n as default};
2	- //# sourceMappingURL=AvatarContent.module.scss.js.map

package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as l,useState as r,useCallback as a,useMemo as n,useEffect as s}from"react";import{camelCase as d}from"es-toolkit";import u from"classnames";import{useMergeRef as p,getStyle as c}from"@vibe/shared";import m from"../../hooks/usePrevious/index.js";import{ButtonWrapper as f}from"./ButtonWrapper.js";import{getTestId as v}from"../../tests/testIds.js";import{ComponentDefaultTestId as b,ComponentVibeId as h}from"../../tests/constants.js";import y from"./ButtonGroup.module.scss.js";var B=i((function(i,B){var C=i.className,T=i.options,k=i.name,N=void 0===k?"":k,g=i.disabled,x=void 0!==g&&g,P=i.value,j=void 0===P?"":P,O=i.onSelect,U=i.size,D=void 0===U?"small":U,S=i.kind,W=void 0===S?"secondary":S,E=i.groupAriaLabel,G=void 0===E?"":E,I=i.tooltipPosition,M=i.tooltipHideDelay,_=i.tooltipShowDelay,A=i.tooltipContainerSelector,H=i.tooltipMoveBy,w=i.blurOnMouseUp,z=void 0===w\|\|w,F=i.id,R=i["data-testid"],L=i.fullWidth,q=void 0!==L&&L,J=l(),K=p(B,J),Q=r(j),V=t(Q,2),X=V[0],Y=V[1],Z=m(j),$=a((function(t){x\|\|t.disabled\|\|(Y(t.value),O&&O(t.value,N))}),[O,x,N]),tt=function(t){return(null==t?void 0:t.value)===X},et=n((function(){return T.find((function(t){return tt(t)}))}),[T,X]),ot=n((function(){return T.map((function(t,i){var l=tt(t),r=0===i,a=i===T.length-1,n=tt(T[i+1]);return o.createElement(f,{key:t.value,size:D,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:l,rightFlat:i!==T.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,"aria-label":t["aria-label"],tooltipContent:t.tooltipContent,tooltipPosition:I,tooltipHideDelay:M,tooltipShowDelay:_,tooltipContainerSelector:A,tooltipMoveBy:H,blurOnMouseUp:z,fullWidth:q,className:u(y.button,y.optionText,e(e(e(e(e(e({},y.selected,l),y.disabled,x),y.buttonDisabled,t.disabled),y.fullWidth,q),y.startBorder,r),y.endBorder,a\|\|!n)),activeButtonClassName:y.activeButton},t.text)}))}),[T,X,D,I,M,_,A,H,z,x,q,$]);return s((function(){j!==Z&&j!==X&&Y(j)}),[j,Z,X,Y]),o.createElement("div",{className:u(y.buttonGroup,C,c(y,d("kind-"+W)),e({},y.disabled,x)),id:F,"data-testid":R\|\|v(b.BUTTON_GROUP,F),"data-vibe":h.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":G,className:u(y.buttonsContainer,e({},y.fullWidth,q)),"aria-disabled":x},ot),et&&et.subText&&o.createElement("div",{className:u(y.subTextContainer)},et.subText))}));export{B as default};
2	- //# sourceMappingURL=ButtonGroup.js.map

package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ButtonGroup.js","sources":["../../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport usePrevious from \"../../hooks/usePrevious\";\n\nimport { type SubIcon } from \"@vibe/icon\";\nimport { type ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { type ButtonType, type ButtonSize } from \"@vibe/button\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n \"aria-label\"?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /**\n * The list of button options.\n */\n options: Array<ButtonGroupOption>;\n /**\n * The currently selected button value.\n */\n value?: ButtonValue;\n /**\n * Callback fired when a button is selected.\n */\n onSelect?: (value: ButtonValue, name: string) => void;\n /**\n * The size of the buttons.\n */\n size?: ButtonSize;\n /**\n * The style variant of the buttons.\n */\n kind?: Extract<ButtonType, \"secondary\" | \"tertiary\">;\n /**\n * The name of the button group.\n */\n name?: string;\n /**\n * If true, disables all buttons in the group.\n */\n disabled?: boolean;\n /**\n * The label of the button group for accessibility.\n */\n groupAriaLabel?: string;\n /**\n * The position of the tooltip relative to the button.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * The delay in milliseconds before the tooltip hides.\n */\n tooltipHideDelay?: number;\n /**\n * The delay in milliseconds before the tooltip shows.\n */\n tooltipShowDelay?: number;\n /**\n * CSS selector for the tooltip container.\n */\n tooltipContainerSelector?: string;\n /**\n * Adjusts the tooltip position.\n */\n tooltipMoveBy?: MoveBy;\n /**\n * The content inside the button group.\n */\n children?: React.ReactNode;\n /**\n * If true, makes the button group take the full width of its container.\n */\n fullWidth?: boolean;\n /**\n * If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled || option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n const selectedOption = useMemo(() => {\n return options.find(option => isOptionActive(option));\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = isOptionActive(option);\n const isFirst = index === 0;\n const isLast = index === options.length - 1;\n const isNextOptionActive = isOptionActive(options[index + 1]);\n\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n aria-label={option[\"aria-label\"]}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n fullWidth={fullWidth}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth,\n [styles.startBorder]: isFirst,\n [styles.endBorder]: isLast || !isNextOptionActive\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div\n role=\"group\"\n aria-label={groupAriaLabel}\n className={cx(styles.buttonsContainer, { [styles.fullWidth]: fullWidth })}\n aria-disabled={disabled}\n >\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\nexport default ButtonGroup;\n"],"names":["ButtonGroup","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer"],"mappings":"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"}

package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var n={buttonGroup:"buttonGroup",subTextContainer:"subTextContainer",buttonsContainer:"buttonsContainer",fullWidth:"fullWidth",button:"button",activeButton:"activeButton",disabled:"disabled",buttonDisabled:"buttonDisabled",startBorder:"startBorder",endBorder:"endBorder",kindTertiary:"kindTertiary",optionText:"optionText",selected:"selected",wrapper:"wrapper"};!function(n){const t="s_id-088a66d7b959_4_5_3";if("undefined"!=typeof document){const o=document.head\|\|document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}("/* stylelint-disable /\n/ stylelint-enable */\n.buttonGroup {\n display: flex;\n flex-direction: column;\n}\n\n.subTextContainer {\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.buttonsContainer.fullWidth {\n justify-content: flex-start;\n width: 100%;\n}\n.buttonsContainer .button {\n border-style: var(--border-style);\n border-width: var(--border-width) 0;\n background-color: var(--primary-background-color);\n border-color: var(--layout-border-color);\n}\n.buttonsContainer .button.activeButton:not(.disabled) {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n border-color: var(--primary-color);\n border-inline-width: var(--border-width);\n}\n.buttonsContainer .button.activeButton:not(.disabled):hover:not(.disabled) {\n background-color: var(--primary-hover-color);\n border-color: var(--primary-hover-color);\n}\n.buttonsContainer .button.disabled, .buttonsContainer .button.buttonDisabled {\n background-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.buttonsContainer .button.disabled:hover, .buttonsContainer .button.buttonDisabled:hover {\n background-color: var(--disabled-background-color);\n}\n.buttonsContainer .button.startBorder {\n border-inline-start-width: 1px;\n}\n.buttonsContainer .button.endBorder {\n border-inline-end-width: 1px;\n}\n.buttonsContainer .button.fullWidth {\n width: 100%;\n display: flex;\n}\n.kindTertiary .buttonsContainer .button {\n border-color: transparent;\n}\n.kindTertiary .buttonsContainer .button:first-child {\n border-color: transparent;\n}\n\n.optionText:not(.disabled) {\n color: var(--primary-text-color);\n}\n\n.optionText:not(.disabled).selected {\n color: var(--primary-text-color);\n}\n\n.wrapper.disabled {\n cursor: not-allowed;\n}\n\n.fullWidth {\n flex: 1;\n}");export{n as default};
2	- //# sourceMappingURL=ButtonGroup.module.scss.js.map

package/dist/mocked_classnames/src/components/ButtonGroup/ButtonWrapper.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as o}from"../../../_virtual/_tslib.js";import t from"react";import{isNil as e}from"es-toolkit";import{Button as i}from"@vibe/button/mockedClassNames";import{Tooltip as l}from"@vibe/tooltip/mockedClassNames";import r from"./ButtonGroup.module.scss.js";var a=function(a){var s=a.tooltipContent,m=a.tooltipPosition,n=a.tooltipHideDelay,p=a.tooltipShowDelay,c=a.tooltipContainerSelector,d=a.tooltipMoveBy,u=a.fullWidth,f=a.className,v=o(a,["tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className"]),h=t.createElement(i,Object.assign({},v,{className:f}));return e(s)?u?t.createElement("div",{className:r.fullWidth},h):h:t.createElement(l,{moveBy:d,position:m,hideDelay:n,showDelay:p,content:s,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],containerSelector:c,referenceWrapperClassName:u?r.fullWidth:void 0},h)};export{a as ButtonWrapper};
2	- //# sourceMappingURL=ButtonWrapper.js.map

package/dist/mocked_classnames/src/components/ButtonGroup/ButtonWrapper.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"ButtonWrapper.js","sources":["../../../../../src/components/ButtonGroup/ButtonWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type TooltipPositions } from \"@vibe/tooltip\";\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface ButtonWrapperProps extends ButtonProps {\n /**\n * The content of the tooltip.\n */\n tooltipContent?: string;\n /**\n * The position of the tooltip relative to the button.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * The delay in milliseconds before the tooltip hides.\n */\n tooltipHideDelay?: number;\n /**\n * The delay in milliseconds before the tooltip shows.\n */\n tooltipShowDelay?: number;\n /**\n * CSS selector for the tooltip container.\n */\n tooltipContainerSelector?: string;\n /**\n * Adjusts the tooltip position.\n */\n tooltipMoveBy?: MoveBy;\n /**\n * If true, makes the button take the full width of its container.\n */\n fullWidth?: boolean;\n}\n\nexport const ButtonWrapper = ({\n tooltipContent,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n fullWidth,\n className,\n ...otherProps\n}: ButtonWrapperProps) => {\n const button = <Button {...otherProps} className={className} />;\n\n if (!isNil(tooltipContent)) {\n return (\n <Tooltip\n moveBy={tooltipMoveBy}\n position={tooltipPosition}\n hideDelay={tooltipHideDelay}\n showDelay={tooltipShowDelay}\n content={tooltipContent}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n containerSelector={tooltipContainerSelector}\n referenceWrapperClassName={fullWidth ? styles.fullWidth : undefined}\n >\n {button}\n </Tooltip>\n );\n }\n\n // Always wrap in a div when fullWidth to ensure consistent structure\n if (fullWidth) {\n return <div className={styles.fullWidth}>{button}</div>;\n }\n\n return button;\n};\n"],"names":["ButtonWrapper","_a","tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className","otherProps","__rest","button","React","createElement","Button","Object","assign","isNil","styles","Tooltip","moveBy","position","hideDelay","showDelay","content","showTrigger","hideTrigger","containerSelector","referenceWrapperClassName","undefined"],"mappings":"6QAuCaA,EAAgB,SAACC,OAC5BC,EAOSD,EAPTC,eACAC,EAMSF,EANTE,gBACAC,EAKSH,EALTG,iBACAC,EAISJ,EAJTI,iBACAC,EAGSL,EAHTK,yBACAC,EAESN,EAFTM,cACAC,EACSP,EADTO,UACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EATe,+IAWtBW,EAASC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKP,EAAU,CAAED,UAAWA,KAElD,OAAKS,EAAMhB,GAmBPM,EACKK,EAAAC,cAAA,MAAA,CAAKL,UAAWU,EAAOX,WAAYI,GAGrCA,EArBHC,EAACC,cAAAM,EACC,CAAAC,OAAQd,EACRe,SAAUnB,EACVoB,UAAWnB,EACXoB,UAAWnB,EACXoB,QAASvB,EACTwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,kBAAmBtB,EACnBuB,0BAA2BrB,EAAYW,EAAOX,eAAYsB,GAEzDlB,EAWT"}

package/dist/mocked_classnames/src/components/Checkbox/Checkbox.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import e,{forwardRef as a,useRef as t,useCallback as o,useEffect as l,useMemo as n}from"react";import i from"classnames";import{isNil as r,noop as s}from"es-toolkit";import{Icon as c}from"@vibe/icon/mockedClassNames";import{Remove as d,Check as m}from"@vibe/icons";import{useSupportFirefoxLabelClick as u}from"./hooks/useSupportFirefoxLabelClick.js";import{useMergeRef as p}from"@vibe/shared";import{getTestId as C}from"../../tests/testIds.js";import{ComponentDefaultTestId as b,ComponentVibeId as f}from"../../tests/constants.js";import{Text as v}from"@vibe/typography/mockedClassNames";import h from"./Checkbox.module.scss.js";var k=a((function(a,k){var E=a.className,y=a.checkboxClassName,x=a.labelClassName,N=a["aria-label"],B=a.label,K=a["aria-labelledby"],F=a.onChange,g=void 0===F?s:F,H=a.checked,O=a.autoFocus,X=a.indeterminate,w=void 0!==X&&X,I=a.disabled,L=void 0!==I&&I,j=a.defaultChecked,A=a.tabIndex,_=a.value,D=void 0===_?"":_,M=a.name,S=void 0===M?"":M,U=a.id,q=a.separateLabel,z=void 0!==q&&q,R=a["data-testid"],T=t(null),G=p(k,T),J=o((function(e){var a=e.currentTarget;window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){a.blur()}))}))}),[]),P=j;r(P)&&r(H)&&(P=!1),l((function(){T.current&&(T.current.indeterminate=w)}),[T,w]);var Q=u({inputRef:T}).onClickCapture,V=n((function(){return N\|\|("string"==typeof B?B:"")}),[N,B]),W=o((function(e){var a;" "===e.key&&(e.preventDefault(),null===(a=T.current)\|\|void 0===a\|\|a.click())}),[T]),Y=L?void 0:null!=A?A:0;return z?e.createElement("div",{className:i(h.wrapper,E),"data-testid":R\|\|C(b.CHECKBOX,U),"data-vibe":f.CHECKBOX},e.createElement("input",{ref:G,id:U,className:h.input,value:D,name:S,type:"checkbox",autoFocus:O,onChange:g,defaultChecked:P,disabled:L,"aria-label":V,"aria-labelledby":K,checked:H,tabIndex:-1}),e.createElement("label",{htmlFor:U,className:i(h.checkbox,y),"data-testid":C(b.CHECKBOX_CHECKBOX,U),tabIndex:Y,onMouseUp:J,onKeyDown:W,onClickCapture:Q},e.createElement(c,{className:h.icon,type:"svg",icon:w?d:m,ignoreFocusStyle:!0,"aria-hidden":!0,size:"16"})),!1===B?null:e.createElement("label",{htmlFor:U,className:i(h.label,x),"data-testid":C(b.CHECKBOX_LABEL,U),onMouseUp:J,onClickCapture:Q},e.createElement(v,{element:"span",type:"text2"},B))):e.createElement("label",{className:i(h.wrapper,E),tabIndex:Y,onMouseUp:J,onKeyDown:W,"data-testid":R\|\|C(b.CHECKBOX,U),htmlFor:U,onClickCapture:Q,"data-vibe":f.CHECKBOX},e.createElement("input",{ref:G,id:U,className:h.input,value:D,name:S,type:"checkbox",autoFocus:O,onChange:g,defaultChecked:P,disabled:L,"aria-label":V,"aria-labelledby":K,checked:H,tabIndex:-1}),e.createElement("div",{className:i(h.checkbox,y),"data-testid":C(b.CHECKBOX_CHECKBOX,U)},e.createElement(c,{className:h.icon,type:"svg",icon:w?d:m,ignoreFocusStyle:!0,"aria-hidden":!0,size:"16"})),!1===B?null:e.createElement(v,{element:"span",type:"text2",className:i(h.label,x),"data-testid":C(b.CHECKBOX_LABEL,U)},B))}));export{k as default};
2	- //# sourceMappingURL=Checkbox.js.map

package/dist/mocked_classnames/src/components/Checkbox/Checkbox.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { isNil, noop as NOOP } from \"es-toolkit\";\nimport { Icon } from \"@vibe/icon\";\nimport { Check, Remove } from \"@vibe/icons\";\nimport { useSupportFirefoxLabelClick } from \"./hooks/useSupportFirefoxLabelClick\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./Checkbox.module.scss\";\n\nexport interface CheckBoxProps extends VibeComponentProps {\n /**\n * Class name applied to the checkbox element.\n */\n checkboxClassName?: string;\n /**\n * Class name applied to the label element.\n */\n labelClassName?: string;\n /**\n * The label of the checkbox for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The content displayed next to the checkbox.\n */\n label?: React.ReactNode | Array<React.ReactNode>;\n /**\n * The ID of an element describing the checkbox.\n */\n \"aria-labelledby\"?: string;\n /**\n * Callback fired when the checkbox value changes.\n */\n onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n /**\n * If true, controls the checked state of the checkbox.\n */\n checked?: boolean;\n /**\n * If true, displays an indeterminate state.\n */\n indeterminate?: boolean;\n /**\n * If true, the checkbox automatically receives focus.\n */\n autoFocus?: boolean;\n /**\n * If true, the checkbox is disabled.\n */\n disabled?: boolean;\n /**\n * The initial checked state of the checkbox.\n */\n defaultChecked?: boolean;\n /**\n * The value submitted with the form when checked.\n */\n value?: string;\n /**\n * The name of the checkbox, used for form submission.\n */\n name?: string;\n /**\n * The tab order of the checkbox.\n */\n tabIndex?: number;\n /**\n * If true, uses separate labels with htmlFor/id association instead of wrapping the input.\n * If using this the id prop is required for it to function correctly.\n */\n separateLabel?: boolean;\n}\n\nconst Checkbox = forwardRef(\n (\n {\n className,\n checkboxClassName,\n labelClassName,\n \"aria-label\": ariaLabel,\n label,\n \"aria-labelledby\": ariaLabelledBy,\n onChange = NOOP,\n checked,\n autoFocus,\n indeterminate = false,\n disabled = false,\n defaultChecked,\n tabIndex,\n value = \"\",\n name = \"\",\n id,\n separateLabel = false,\n \"data-testid\": dataTestId\n }: CheckBoxProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const mergedInputRef = useMergeRef(ref, inputRef);\n\n const onMouseUpCallback = useCallback((e: React.MouseEvent<HTMLElement>) => {\n const target = e.currentTarget;\n window.requestAnimationFrame(() => {\n window.requestAnimationFrame(() => {\n target.blur();\n });\n });\n }, []);\n\n let overrideDefaultChecked = defaultChecked;\n\n // If component did not receive default checked and checked props, choose default checked as\n // default behavior (handle isChecked logic inside input) and set default value\n if (isNil(overrideDefaultChecked) && isNil(checked)) {\n overrideDefaultChecked = false;\n }\n\n useEffect(() => {\n if (inputRef.current) {\n inputRef.current.indeterminate = indeterminate;\n }\n }, [inputRef, indeterminate]);\n\n const { onClickCapture: onClickCaptureLabel } = useSupportFirefoxLabelClick({ inputRef });\n\n const finalAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof label === \"string\") return label;\n return \"\";\n }, [ariaLabel, label]);\n\n const onKeyDownCallback = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === \" \") {\n e.preventDefault();\n inputRef.current?.click();\n }\n },\n [inputRef]\n );\n\n const wrapperTabIndex = disabled ? undefined : tabIndex ?? 0;\n\n if (separateLabel) {\n return (\n <div\n className={cx(styles.wrapper, className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={-1}\n />\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions */}\n <label\n htmlFor={id}\n className={cx(styles.checkbox, checkboxClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n tabIndex={wrapperTabIndex}\n onMouseUp={onMouseUpCallback}\n onKeyDown={onKeyDownCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Icon\n className={styles.icon}\n type=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n aria-hidden={true}\n size=\"16\"\n />\n </label>\n {label === false ? null : (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n htmlFor={id}\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n onMouseUp={onMouseUpCallback}\n onClickCapture={onClickCaptureLabel}\n >\n <Text element=\"span\" type=\"text2\">\n {label}\n </Text>\n </label>\n )}\n </div>\n );\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions\n <label\n className={cx(styles.wrapper, className)}\n tabIndex={wrapperTabIndex}\n onMouseUp={onMouseUpCallback}\n onKeyDown={onKeyDownCallback}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.CHECKBOX, id)}\n htmlFor={id}\n onClickCapture={onClickCaptureLabel}\n data-vibe={ComponentVibeId.CHECKBOX}\n >\n <input\n ref={mergedInputRef}\n id={id}\n className={styles.input}\n value={value}\n name={name}\n type=\"checkbox\"\n autoFocus={autoFocus}\n onChange={onChange}\n defaultChecked={overrideDefaultChecked}\n disabled={disabled}\n aria-label={finalAriaLabel}\n aria-labelledby={ariaLabelledBy}\n checked={checked}\n tabIndex={-1}\n />\n <div\n className={cx(styles.checkbox, checkboxClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_CHECKBOX, id)}\n >\n <Icon\n className={styles.icon}\n type=\"svg\"\n icon={indeterminate ? Remove : Check}\n ignoreFocusStyle\n aria-hidden={true}\n size=\"16\"\n />\n </div>\n {label === false ? null : (\n <Text\n element=\"span\"\n type=\"text2\"\n className={cx(styles.label, labelClassName)}\n data-testid={getTestId(ComponentDefaultTestId.CHECKBOX_LABEL, id)}\n >\n {label}\n </Text>\n )}\n </label>\n );\n }\n);\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","className","checkboxClassName","labelClassName","ariaLabel","label","ariaLabelledBy","_ref$onChange","onChange","NOOP","checked","autoFocus","_ref$indeterminate","indeterminate","_ref$disabled","disabled","defaultChecked","tabIndex","_ref$value","value","_ref$name","name","id","_ref$separateLabel","separateLabel","dataTestId","inputRef","useRef","mergedInputRef","useMergeRef","onMouseUpCallback","useCallback","e","target","currentTarget","window","requestAnimationFrame","blur","overrideDefaultChecked","isNil","useEffect","current","onClickCaptureLabel","useSupportFirefoxLabelClick","onClickCapture","finalAriaLabel","useMemo","onKeyDownCallback","key","preventDefault","_a","click","wrapperTabIndex","undefined","React","createElement","cx","styles","wrapper","getTestId","ComponentDefaultTestId","CHECKBOX","ComponentVibeId","input","type","htmlFor","checkbox","CHECKBOX_CHECKBOX","onMouseUp","onKeyDown","Icon","icon","Remove","Check","ignoreFocusStyle","size","CHECKBOX_LABEL","Text","element"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var n={wrapper:"wrapper",checkbox:"checkbox",icon:"icon",label:"label",input:"input",checkboxGrowAnimation:"checkboxGrowAnimation"};!function(n){const e="s_id-61e2dcaf5212_4_5_3";if("undefined"!=typeof document){const o=document.head\|\|document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('@charset "UTF-8";\n/* stylelint-disable /\n/ stylelint-enable /\n/ stylelint-disable /\n/ stylelint-enable /\n/ stylelint-disable selector-class-pattern /\n.wrapper {\n position: relative;\n display: flex;\n align-items: center;\n width: fit-content;\n height: min-content;\n outline: none; / focus ring is rendered on .checkbox child, not the wrapper /\n}\n\n.checkbox {\n cursor: pointer;\n visibility: visible;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 16px;\n width: 16px;\n border: 1px solid;\n border-color: var(--ui-border-color);\n border-radius: 2px;\n transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n position: relative;\n overflow: hidden;\n background-color: var(--secondary-background-color);\n}\n\n.checkbox:after {\n content: " ";\n background-color: transparent;\n position: absolute;\n height: 16px;\n z-index: 2;\n inset-inline: 0;\n width: 100%;\n}\n\n.checkbox:hover {\n border-color: var(--secondary-text-color);\n}\n\n.icon {\n width: 100%;\n color: var(--text-color-on-primary);\n visibility: hidden;\n}\n\n.label {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n cursor: pointer;\n user-select: none;\n margin-inline-start: var(--space-8);\n}\n\n/ Since it is not possible to change the design of the checkbox according to the requirements using css, /\n/ we hide the checkbox and draw a new one instead. /\n/ In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected /\n.input {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}\n\n/ For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. /\n.input:focus + .checkbox {\n border-color: var(--secondary-text-color);\n}\n\n.input:focus:checked + .checkbox {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input:focus-visible + .checkbox {\n outline: none;\n z-index: 11;\n border-radius: 2px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.input:checked:focus + .checkbox:after,\n.input:indeterminate:focus + .checkbox:after {\n background-color: var(--primary-hover-color);\n}\n\n/ Tab navigation — non-separate mode: the wrapper <label> is the Tab target /\n.wrapper:focus-visible > .checkbox {\n outline: none;\n z-index: 11;\n border-radius: 2px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper:focus-visible > .input:checked ~ .checkbox,\n.wrapper:focus-visible > .input:indeterminate ~ .checkbox {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n/ Tab navigation — separate mode: the .checkbox <label> is the Tab target */\n.checkbox:focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 2px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.input:checked + .checkbox:focus-visible,\n.input:indeterminate + .checkbox:focus-visible {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input:checked + .checkbox,\n.input:indeterminate + .checkbox {\n animation: checkboxGrowAnimation var(--motion-productive-short);\n background-color: var(--primary-color);\n border-color: transparent;\n}\n\n.input:checked + .checkbox:hover,\n.input:indeterminate + .checkbox:hover {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input:checked + .checkbox:hover:after,\n.input:indeterminate + .checkbox:hover:after {\n background-color: var(--primary-hover-color);\n}\n\n.input:checked + .checkbox:after,\n.input:indeterminate + .checkbox:after {\n content: " ";\n background-color: var(--primary-color);\n height: 16px;\n transform: scaleX(0);\n transition: transform var(--motion-productive-long);\n transform-origin: right;\n inset-inline-start: 0;\n}\n\n.input:checked + .checkbox > .icon,\n.input:indeterminate + .checkbox > .icon {\n visibility: visible;\n}\n\n.input:checked:disabled + .checkbox:after,\n.input:indeterminate:disabled + .checkbox:after {\n background-color: var(--disabled-background-color);\n}\n\n.input:disabled + .checkbox .icon,\n.input:disabled + .checkbox:hover .icon {\n color: var(--disabled-text-color);\n}\n\n.input:disabled + .checkbox,\n.input:disabled + .checkbox:hover {\n cursor: not-allowed;\n background-color: var(--disabled-background-color);\n border-color: var(--primary-text-color);\n}\n\n.input:disabled ~ .label {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation {\n 0% {\n transform: scale(0.8);\n }\n 100% {\n transform: scale(1);\n }\n}');export{n as default};
2	- //# sourceMappingURL=Checkbox.module.scss.js.map

package/dist/mocked_classnames/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{useRef as e,useCallback as r}from"react";import{isFirefox as t}from"@vibe/shared";function n(n){var c=n.inputRef,i=e(!1);return{onClickCapture:r((function(e){var r;if(!i.current&&e.shiftKey&&t()&&(null===(r=null==c?void 0:c.current)\|\|void 0===r?void 0:r.dispatchEvent)){e.preventDefault();var n=new MouseEvent("click",{shiftKey:!0,bubbles:!0,cancelable:!0});i.current=!0,c.current.dispatchEvent(n)}else i.current&&(i.current=!1)}),[i,c])}}export{n as useSupportFirefoxLabelClick};
2	- //# sourceMappingURL=useSupportFirefoxLabelClick.js.map

package/dist/mocked_classnames/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"useSupportFirefoxLabelClick.js","sources":["../../../../../../src/components/Checkbox/hooks/useSupportFirefoxLabelClick.tsx"],"sourcesContent":["import type React from \"react\";\nimport { useCallback, useRef } from \"react\";\nimport { isFirefox } from \"@vibe/shared\";\n\nexport function useSupportFirefoxLabelClick({ inputRef }: { inputRef: React.RefObject<HTMLInputElement> }) {\n // The purpose of this variable is to make sure that the captured event is a checkbox's label click event and not a manual event\n // that we actually created in this hook.\n // We handle the custom event create state as ref because this variable should not be depend on the component renders\n // and it should be unique per checkbox.\n const customEventCreated = useRef(false);\n\n // fix for known bug firefox bug: firefox does not support checking or unchecking checkbox by its label when shift pressed\n const onClickCapture = useCallback(\n (e: React.MouseEvent) => {\n // We would like to dispatch a manual event to click on the input only for cases where there is a bug in supporting this capability -\n // firefox browsers when the shift key is pressed.\n // In addition we make sure here that the captured event is not a manually generated event created by this code because we want to prevent\n // an infinite loop in recursion here.\n if (!customEventCreated.current && e.shiftKey && isFirefox() && inputRef?.current?.dispatchEvent) {\n e.preventDefault();\n const manualClickEvent = new MouseEvent(\"click\", {\n shiftKey: true,\n // After dispatch this event we will want it to be captured by all the relevant event listeners which registered to this checkbox input.\n bubbles: true,\n cancelable: true\n });\n\n customEventCreated.current = true;\n inputRef.current.dispatchEvent(manualClickEvent);\n } else if (customEventCreated.current) {\n customEventCreated.current = false;\n }\n },\n [customEventCreated, inputRef]\n );\n\n return { onClickCapture };\n}\n"],"names":["useSupportFirefoxLabelClick","_ref","inputRef","customEventCreated","useRef","onClickCapture","useCallback","e","current","shiftKey","isFirefox","_a","dispatchEvent","preventDefault","manualClickEvent","MouseEvent","bubbles","cancelable"],"mappings":"yFAIgB,SAAAA,EAA2BC,GAA8D,IAA3DC,EAAQD,EAARC,SAKtCC,EAAqBC,GAAO,GA2BlC,MAAO,CAAEC,eAxBcC,GACrB,SAACC,SAKC,IAAKJ,EAAmBK,SAAWD,EAAEE,UAAYC,MAAkC,UAAnBR,aAAQ,EAARA,EAAUM,eAAS,IAAAG,OAAA,EAAAA,EAAAC,eAAe,CAChGL,EAAEM,iBACF,IAAMC,EAAmB,IAAIC,WAAW,QAAS,CAC/CN,UAAU,EAEVO,SAAS,EACTC,YAAY,IAGdd,EAAmBK,SAAU,EAC7BN,EAASM,QAAQI,cAAcE,EACjC,MAAWX,EAAmBK,UAC5BL,EAAmBK,SAAU,EAEjC,GACA,CAACL,EAAoBD,IAIzB"}

package/dist/mocked_classnames/src/components/Counter/Counter.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as i}from"es-toolkit";import{useEventListener as a,getStyle as o,NOOP as r}from"@vibe/shared";import{getTestId as n,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l from"classnames";import d,{useState as c,useRef as m,useCallback as u,useEffect as f,useMemo as v}from"react";import{SwitchTransition as p,CSSTransition as E}from"react-transition-group";import b from"../../hooks/useAfterFirstRender/index.js";import x from"./Counter.module.scss.js";import{ComponentVibeId as N}from"../../tests/constants.js";var A=function(A){var g=A.className,k=A.counterClassName,y=A.count,h=void 0===y?0:y,j=A.size,C=void 0===j?"large":j,R=A.kind,w=void 0===R?"fill":R,M=A.color,T=void 0===M?"primary":M,D=A.maxDigits,O=void 0===D?3:D,U=A["aria-labelledby"],z=void 0===U?"":U,L=A["aria-label"],P=void 0===L?"":L,_=A.id,B=void 0===_?"":_,F=A.prefix,H=void 0===F?"":F,I=A.onMouseDown,q=void 0===I?r:I,G=A.noAnimation,J=void 0!==G&&G,K=A["data-testid"],Q=c(!1),S=e(Q,2),V=S[0],W=S[1],X=m(null),Y=m(null),Z=u((function(){W(!0)}),[W]),$=u((function(){W(!1)}),[W]);a({eventName:"animationend",callback:$,ref:X});var ee=b();f((function(){ee.current&&Z()}),[h,ee,Z]),f((function(){O>0\|\|console.error("Max digits must be a positive number")}),[O]);var te=v((function(){return l(x.counter,o(x,i("size-"+C)),o(x,i("kind-"+w)),o(x,i("color-"+T)),t({},x.withAnimation,V),k)}),[C,w,T,V,k]),ie="counter"+(B?"-".concat(B):""),ae=(null==h?void 0:(""+h).length)>O?"".concat(Math.pow(10,O)-1,"+"):h+"",oe=d.createElement("span",{id:ie,"data-testid":K\|\|n(s.COUNTER,B)},H+ae);return d.createElement("span",{className:g,"aria-label":"".concat(P," ").concat(ae),"aria-labelledby":z,onMouseDown:q,"data-vibe":N.COUNTER},d.createElement("div",{className:te,"aria-label":ae,ref:X},J?oe:d.createElement(p,{mode:"out-in"},d.createElement(E,{key:ae,nodeRef:Y,classNames:{enter:x.fadeEnter,enterActive:x.fadeEnterActive,exit:x.fadeExit,exitActive:x.fadeExitActive},addEndListener:function(e){var t;null===(t=Y.current)\|\|void 0===t\|\|t.addEventListener("transitionend",e,!1)}},d.createElement("span",{ref:Y,id:ie,"data-testid":K\|\|n(s.COUNTER,B)},H+ae)))))};export{A as default};
2	- //# sourceMappingURL=Counter.js.map

package/dist/mocked_classnames/src/components/Counter/Counter.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Counter.js","sources":["../../../../../src/components/Counter/Counter.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle, NOOP } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { CSSTransition, SwitchTransition } from \"react-transition-group\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useAfterFirstRender from \"../../hooks/useAfterFirstRender\";\n\nimport { type CounterColor, type CounterSize, type CounterType } from \"./Counter.types\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Counter.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface CounterProps extends VibeComponentProps {\n /**\n * The ID of the element describing the counter.\n */\n \"aria-labelledby\"?: string;\n /**\n * Class name applied to the counter element.\n */\n counterClassName?: string;\n /**\n * The numeric value displayed in the counter.\n */\n count?: number;\n /**\n * The label of the counter for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The size of the counter.\n */\n size?: CounterSize;\n /**\n * The visual style of the counter.\n */\n kind?: CounterType;\n /**\n * The color of the counter.\n */\n color?: CounterColor;\n /**\n * The maximum number of digits displayed before truncation.\n */\n maxDigits?: number;\n /**\n * Text prepended to the counter value.\n */\n prefix?: string;\n /**\n * Callback fired when the counter is clicked.\n */\n onMouseDown?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n /**\n * If true, disables counter animations.\n */\n noAnimation?: boolean;\n}\n\nconst Counter = ({\n className,\n counterClassName,\n count = 0,\n size = \"large\",\n kind = \"fill\",\n color = \"primary\",\n maxDigits = 3,\n \"aria-labelledby\": ariaLabelledBy = \"\",\n \"aria-label\": ariaLabel = \"\",\n id = \"\",\n prefix = \"\",\n onMouseDown = NOOP,\n noAnimation = false,\n \"data-testid\": dataTestId\n}: CounterProps) => {\n const [countChangeAnimationState, setCountChangeAnimationState] = useState(false);\n\n const ref = useRef<HTMLDivElement>(null);\n const nodeRef = useRef<HTMLSpanElement>(null);\n\n const setCountChangedAnimationActive = useCallback(() => {\n setCountChangeAnimationState(true);\n }, [setCountChangeAnimationState]);\n\n const setCountChangedAnimationNotActive = useCallback(() => {\n setCountChangeAnimationState(false);\n }, [setCountChangeAnimationState]);\n\n useEventListener({\n eventName: \"animationend\",\n callback: setCountChangedAnimationNotActive,\n ref\n });\n\n const isAfterFirstRender = useAfterFirstRender();\n\n useEffect(() => {\n if (isAfterFirstRender.current) {\n setCountChangedAnimationActive();\n }\n }, [count, isAfterFirstRender, setCountChangedAnimationActive]);\n\n useEffect(() => {\n if (maxDigits <= 0) {\n console.error(\"Max digits must be a positive number\");\n }\n }, [maxDigits]);\n\n const classNames = useMemo(() => {\n return cx(\n styles.counter,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + color)),\n {\n [styles.withAnimation]: countChangeAnimationState\n },\n counterClassName\n );\n }, [size, kind, color, countChangeAnimationState, counterClassName]);\n\n const counterId = \"counter\" + (id ? `-${id}` : \"\");\n const countText = count?.toString().length > maxDigits ? `${10 ** maxDigits - 1}+` : String(count);\n const counter = (\n <span id={counterId} data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}>\n {prefix + countText}\n </span>\n );\n\n return (\n <span\n className={className}\n aria-label={`${ariaLabel} ${countText}`}\n aria-labelledby={ariaLabelledBy}\n onMouseDown={onMouseDown}\n data-vibe={ComponentVibeId.COUNTER}\n >\n <div className={classNames} aria-label={countText} ref={ref}>\n {noAnimation ? (\n counter\n ) : (\n <SwitchTransition mode=\"out-in\">\n <CSSTransition\n key={countText}\n nodeRef={nodeRef}\n classNames={{\n enter: styles.fadeEnter,\n enterActive: styles.fadeEnterActive,\n exit: styles.fadeExit,\n exitActive: styles.fadeExitActive\n }}\n addEndListener={done => {\n nodeRef.current?.addEventListener(\"transitionend\", done, false);\n }}\n >\n <span\n ref={nodeRef}\n id={counterId}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.COUNTER, id)}\n >\n {prefix + countText}\n </span>\n </CSSTransition>\n </SwitchTransition>\n )}\n </div>\n </span>\n );\n};\n\nexport default Counter;\n"],"names":["Counter","_ref","className","counterClassName","_ref$count","count","_ref$size","size","_ref$kind","kind","_ref$color","color","_ref$maxDigits","maxDigits","_ref$ariaLabelledby","ariaLabelledBy","_ref$ariaLabel","ariaLabel","_ref$id","id","_ref$prefix","prefix","_ref$onMouseDown","onMouseDown","NOOP","_ref$noAnimation","noAnimation","dataTestId","_useState","useState","_useState2","_slicedToArray","countChangeAnimationState","setCountChangeAnimationState","ref","useRef","nodeRef","setCountChangedAnimationActive","useCallback","setCountChangedAnimationNotActive","useEventListener","eventName","callback","isAfterFirstRender","useAfterFirstRender","useEffect","current","console","error","classNames","useMemo","cx","styles","counter","getStyle","camelCase","_defineProperty","withAnimation","counterId","concat","countText","length","Math","pow","String","React","createElement","getTestId","ComponentDefaultTestId","COUNTER","ComponentVibeId","SwitchTransition","mode","CSSTransition","key","enter","fadeEnter","enterActive","fadeEnterActive","exit","fadeExit","exitActive","fadeExitActive","addEndListener","done","_a","addEventListener"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var n={counter:"counter",withAnimation:"withAnimation",counterPopElastic:"counterPopElastic",sizeXs:"sizeXs",sizeSmall:"sizeSmall",sizeLarge:"sizeLarge",kindFill:"kindFill",colorPrimary:"colorPrimary",colorDark:"colorDark",colorNegative:"colorNegative",colorLight:"colorLight",kindLine:"kindLine",fadeEnter:"fadeEnter",fadeEnterActive:"fadeEnterActive",fadeExit:"fadeExit",fadeExitActive:"fadeExitActive","counter-pop-elastic":"counter-pop-elastic"};!function(n){const o="s_id-b4f9c23ba3ce_4_5_3";if("undefined"!=typeof document){const t=document.head\|\|document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable /\n/ stylelint-enable /\n.counter {\n display: inline-flex;\n justify-content: center;\n border-radius: 30px;\n overflow: hidden;\n transform-origin: center;\n}\n@keyframes counter-pop-elastic {\n 0% {\n transform: scale(1);\n }\n 33% {\n transform: scale(1.2);\n }\n 66% {\n transform: scale(0.9);\n }\n 100% {\n transform: scale(1);\n }\n}\n\n.withAnimation {\n animation: counterPopElastic var(--motion-expressive-short);\n}\n\n.sizeXs {\n font: var(--font-text3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n min-width: 18px;\n line-height: 18px;\n padding: 0 var(--space-8);\n}\n\n.sizeSmall {\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n min-width: 18px;\n line-height: 18px;\n padding: 0 var(--space-8);\n}\n\n.sizeLarge {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n min-width: 24px;\n padding: 2px var(--space-8);\n}\n\n.kindFill.colorPrimary {\n color: var(--fixed-light-color);\n background-color: var(--primary-color);\n}\n\n.kindFill.colorDark {\n color: var(--text-color-on-inverted);\n background-color: var(--inverted-color-background);\n}\n\n.kindFill.colorNegative {\n color: var(--fixed-light-color);\n background-color: var(--negative-color);\n}\n\n.kindFill.colorLight {\n color: var(--primary-text-color);\n background-color: var(--ui-background-color);\n}\n\n.kindLine {\n box-shadow: 0 0 0 1px currentColor inset;\n}\n\n.kindLine.colorPrimary {\n color: var(--primary-color);\n}\n\n.kindLine.colorDark {\n color: var(--inverted-color-background);\n}\n\n.kindLine.colorNegative {\n color: var(--negative-color);\n}\n\n.kindLine.colorLight {\n color: var(--primary-text-color);\n box-shadow: 0 0 0 1px var(--ui-background-color) inset !important;\n}\n\n/ New number enters /\n.fadeEnter {\n opacity: 0;\n transform: translateY(15px);\n}\n\n.fadeEnterActive {\n position: relative;\n opacity: 1;\n transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n transform: translateY(0);\n}\n\n/ Old number exits */\n.fadeExit {\n position: relative;\n opacity: 1;\n transform: translateY(0);\n}\n\n.fadeExitActive {\n position: relative;\n opacity: 0;\n transform: translateY(-15px);\n transition: transform var(--motion-productive-long) var(--motion-timing-exit), opacity var(--motion-productive-short);\n}");export{n as default};
2	- //# sourceMappingURL=Counter.module.scss.js.map

package/dist/mocked_classnames/src/components/Divider/Divider.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as i,ComponentDefaultTestId as r}from"../../tests/testIds.js";import e from"classnames";import o from"react";import{getStyle as s}from"@vibe/shared";import a from"./Divider.module.scss.js";import{ComponentVibeId as d}from"../../tests/constants.js";var m=function(m){var l=m.className,n=void 0===l?void 0:l,v=m.withoutMargin,p=void 0!==v&&v,f=m.direction,c=void 0===f?"horizontal":f,u=m.id;return o.createElement("div",{id:u,"data-testid":m["data-testid"]\|\|i(r.DIVIDER,u),"data-vibe":d.DIVIDER,className:e(a.divider,n,s(a,c),t({},a.withoutMargin,p))})};export{m as default};
2	- //# sourceMappingURL=Divider.js.map

package/dist/mocked_classnames/src/components/Divider/Divider.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"Divider.js","sources":["../../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React from \"react\";\nimport { type DividerDirection } from \"./Divider.types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Divider.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface DividerProps extends VibeComponentProps {\n /**\n * The direction of the divider.\n */\n direction?: DividerDirection;\n /**\n * If true, removes margin from the divider.\n */\n withoutMargin?: boolean;\n}\n\nconst Divider = ({\n className = undefined,\n withoutMargin = false,\n direction = \"horizontal\",\n id,\n \"data-testid\": dataTestId\n}: DividerProps) => {\n return (\n <div\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.DIVIDER, id)}\n data-vibe={ComponentVibeId.DIVIDER}\n className={cx(styles.divider, className, getStyle(styles, direction), {\n [styles.withoutMargin]: withoutMargin\n })}\n />\n );\n};\n\nexport default Divider;\n"],"names":["Divider","_ref","_ref$className","className","undefined","_ref$withoutMargin","withoutMargin","_ref$direction","direction","id","React","createElement","getTestId","ComponentDefaultTestId","DIVIDER","ComponentVibeId","cx","styles","divider","getStyle","_defineProperty"],"mappings":"yVAoBA,IAAMA,EAAU,SAAHC,GAMM,IAAAC,EAAAD,EALjBE,UAAAA,OAAYC,IAAHF,OAAGE,EAASF,EAAAG,EAAAJ,EACrBK,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,EAAG,aAAYA,EACxBE,EAAER,EAAFQ,GAGA,OACEC,EACEC,cAAA,MAAA,CAAAF,GAAIA,gBAJiBR,EAAzB,gBAK+BW,EAAUC,EAAuBC,QAASL,GAC1D,YAAAM,EAAgBD,QAC3BX,UAAWa,EAAGC,EAAOC,QAASf,EAAWgB,EAASF,EAAQT,GAAUY,EAAA,CAAA,EACjEH,EAAOX,cAAgBA,KAIhC"}

package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var e={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(e){const n="s_id-8d5ec08ca0ea_4_5_3";if("undefined"!=typeof document){const t=document.head\|\|document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider {\n background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n margin: 0;\n}\n\n.horizontal {\n height: 1px;\n width: 100%;\n margin: var(--space-8) 0;\n}\n\n.vertical {\n height: 100%;\n width: 1px;\n margin: 0 var(--space-4);\n}");export{e as default};
2	- //# sourceMappingURL=Divider.module.scss.js.map

package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as o}from"../../tests/testIds.js";import r,{forwardRef as a}from"react";import{Heading as i}from"@vibe/typography/mockedClassNames";import s from"./EditableHeading.module.scss.js";import{getStyle as m}from"@vibe/shared";import{camelCase as p}from"es-toolkit";import d from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as f}from"../../tests/constants.js";var l=a((function(a,l){var n=a.type,y=void 0===n?"h1":n,E=a.weight,g=void 0===E?"normal":E,h=a.id,b=a["data-testid"],c=t(a,["type","weight","id","data-testid"]);return r.createElement(d,Object.assign({ref:l,"data-testid":b\|\|e(o.EDITABLE_HEADING,h),"data-vibe":f.EDITABLE_HEADING,component:i,typographyClassName:m(s,p(y+"-"+g)),type:y,weight:g},c))}));export{l as default};
2	- //# sourceMappingURL=EditableHeading.js.map

package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"EditableHeading.js","sources":["../../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { Heading, type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /**\n * The type of the heading element.\n */\n type?: HeadingType;\n /**\n * The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n data-vibe={ComponentVibeId.EDITABLE_HEADING}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableHeading;\n"],"names":["EditableHeading","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase"],"mappings":"2dAuBMA,IAAAA,EAAkBC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV"}

package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){const o="s_id-6e5330892778_4_5_3";if("undefined"!=typeof document){const t=document.head\|\|document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable /\n/ stylelint-enable /\n/ stylelint-disable /\n/ stylelint-enable */\n.h1Bold {\n font: var(--font-h1-bold);\n letter-spacing: var(--letter-spacing-h1-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n font: var(--font-h1-medium);\n letter-spacing: var(--letter-spacing-h1-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n font: var(--font-h1-normal);\n letter-spacing: var(--letter-spacing-h1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n font: var(--font-h1-light);\n letter-spacing: var(--letter-spacing-h1-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n font: var(--font-h2-bold);\n letter-spacing: var(--letter-spacing-h2-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n font: var(--font-h2-medium);\n letter-spacing: var(--letter-spacing-h2-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n font: var(--font-h2-light);\n letter-spacing: var(--letter-spacing-h2-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n font: var(--font-h3-bold);\n letter-spacing: var(--letter-spacing-h3-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n font: var(--font-h3-medium);\n letter-spacing: var(--letter-spacing-h3-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n font: var(--font-h3-light);\n letter-spacing: var(--letter-spacing-h3-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
2	- //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/mocked_classnames/src/components/EditableText/EditableText.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as i}from"../../tests/testIds.js";import a,{forwardRef as r}from"react";import o from"./EditableText.module.scss.js";import{getStyle as m}from"@vibe/shared";import{camelCase as s}from"es-toolkit";import p from"../EditableTypography/EditableTypography.js";import{Text as l}from"@vibe/typography/mockedClassNames";import d from"classnames";var y=r((function(r,y){var f=r.type,n=void 0===f?"text2":f,c=r.weight,b=void 0===c?"normal":c,g=r["data-testid"],h=r.id,u=r.multiline,v=t(r,["type","weight","data-testid","id","multiline"]);return a.createElement(p,Object.assign({className:o.editableText,ref:y,"data-testid":g\|\|e(i.EDITABLE_TEXT,h),component:l,typographyClassName:d(m(o,s(n+"-"+b)),o.typography),clearable:!0,type:n,weight:b,multiline:u},v))}));export{y as default};
2	- //# sourceMappingURL=EditableText.js.map

package/dist/mocked_classnames/src/components/EditableText/EditableText.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"file":"EditableText.js","sources":["../../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { Text, type TextType, type TextWeight } from \"@vibe/typography\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /**\n * The text style variant.\n */\n type?: TextType;\n /**\n * The font weight of the text.\n */\n weight?: TextWeight;\n /**\n * If true, enables editing multiple lines of text.\n */\n multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n (\n {\n type = \"text2\",\n weight = \"normal\",\n \"data-testid\": dataTestId,\n id,\n multiline,\n ...editableTypographyProps\n }: EditableTextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n className={styles.editableText}\n ref={ref}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n component={Text}\n typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n clearable\n type={type}\n weight={weight}\n multiline={multiline}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableText;\n"],"names":["EditableText","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable"],"mappings":"obA2BMA,IAAAA,EAAeC,GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV"}

package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){const e="s_id-9c016e638d33_4_5_3";if("undefined"!=typeof document){const n=document.head\|\|document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable /\n/ stylelint-enable /\n/ stylelint-disable /\n/ stylelint-enable */\n.text1Bold {\n font: var(--font-text1-bold);\n}\n\n.text1Medium {\n font: var(--font-text1-medium);\n}\n\n.text1Normal {\n font: var(--font-text1-normal);\n}\n\n.text2Bold {\n font: var(--font-text2-bold);\n}\n\n.text2Medium {\n font: var(--font-text2-medium);\n}\n\n.text2Normal {\n font: var(--font-text2-normal);\n}\n\n.text3Bold {\n font: var(--font-text3-bold);\n}\n\n.text3Medium {\n font: var(--font-text3-medium);\n}\n\n.text3Normal {\n font: var(--font-text3-normal);\n}\n\n.editableText .typography {\n min-width: 56px;\n}");export{t as default};
2	- //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import n,{forwardRef as l,useRef as o,useState as r,useEffect as a}from"react";import i from"classnames";import{useMergeRef as u,useKeyboardButtonPressedFunc as s,useIsomorphicLayoutEffect as c}from"@vibe/shared";import p from"./EditableTypography.module.scss.js";import{keyCodes as d}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import f from"../../hooks/usePrevious/index.js";var v=l((function(l,v){var m=l.id,h=l.className,y=l["data-testid"],g=l.value,b=l.onChange,E=l.onClick,C=l.onKeyDown,P=l.readOnly,x=void 0!==P&&P,w=l["aria-label"],D=void 0===w?"":w,N=l.placeholder,k=l.clearable,j=l.typographyClassName,K=l.component,T=l.isEditMode,B=l.autoSelectTextOnEditMode,M=l.onEditModeChange,R=l.tooltipProps,S=l.type,A=l.weight,H=l.multiline,O=void 0!==H&&H,_=o(null),z=u(v,_),I=r(T\|\|!1),q=e(I,2),F=q[0],G=q[1],J=r(g),L=e(J,2),Q=L[0],U=L[1],V=f(g),W=o(null),X=o(null);function Y(e){x\|\|F\|\|(e.preventDefault(),Z(!0))}function Z(e){null==M\|\|M(e),G(e)}function $(){(Z(!1),g!==Q)&&(Q\|\|k&&N?(U(Q),null==b\|\|b(Q)):U(g))}function ee(){$()}function te(e){if(!e.nativeEvent.isComposing){if(e.key===d.ENTER){if(O&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),$()}e.key===d.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Z(!1),U(g)),null==C\|\|C(e)}}function ne(e){U(e.target.value)}a((function(){F\|\|g===V\|\|g===Q\|\|U(g)}),[V,F,g,Q]),a((function(){G(T)}),[T]);var le=s(Y);return a((function(){var e,t;F&&(!function(){var e,t;if(null===(t=null===(e=W.current)\|\|void 0===e?void 0:e.focus)\|\|void 0===t\|\|t.call(e),W.current){var n=W.current,l=n.value.length;n.setSelectionRange(l,l)}}(),B&&(null===(t=null===(e=W.current)\|\|void 0===e?void 0:e.select)\|\|void 0===t\|\|t.call(e)))}),[B,F]),c((function(){var e;if(X.current){var t=X.current.getBoundingClientRect();if(null===(e=null==W?void 0:W.current)\|\|void 0===e\|\|e.style.setProperty("--input-width","".concat(t.width,"px")),O){var n=null==W?void 0:W.current;null==n\|\|n.style.setProperty("--input-height","auto"),null==n\|\|n.style.setProperty("--input-height","".concat(n.scrollHeight+2,"px"))}}}),[Q,F]),n.createElement("div",{ref:z,id:m,"aria-label":D,"data-testid":y,className:i(p.editableTypography,h),role:F?null:"button",onClick:function(e){null==E\|\|E(e),Y(e)},onKeyDown:le},F&&(O?n.createElement("textarea",{ref:W,className:i(p.textarea,j),value:Q,onChange:ne,onKeyDown:te,onBlur:ee,"aria-label":D,placeholder:N,role:"textbox",rows:1}):n.createElement("input",{ref:W,className:i(p.input,j),value:Q,onChange:ne,onKeyDown:te,onBlur:ee,"aria-label":D,placeholder:N,role:"input"})),n.createElement(K,{ref:X,"aria-hidden":F,className:i(p.typography,j,t(t(t(t({},p.hidden,F),p.disabled,x),p.placeholder,!Q&&N),p.multiline,!F&&O)),tabIndex:0,tooltipProps:R,weight:A,type:S,ellipsis:!O},Q\|\|N))}));export{v as default};
2	- //# sourceMappingURL=EditableTypography.js.map