@vibe/core 3.82.4 → 3.83.2

package/dist/mocked_classnames/components/Typography/TypographyConstants.d.ts

@@ -1,22 +0,0 @@
-/**
- * @deprecated
- */
-export declare enum TypographyColor {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    ON_PRIMARY = "onPrimary",
-    ON_INVERTED = "onInverted",
-    FIXED_LIGHT = "fixedLight",
-    FIXED_DARK = "fixedDark",
-    INHERIT = "inherit",
-    NEGATIVE = "negative"
-}
-/**
- * @deprecated
- */
-export declare enum TypographyAlign {
-    START = "start",
-    CENTER = "center",
-    END = "end",
-    INHERIT = "inherit"
-}

package/dist/mocked_classnames/components/Typography/TypographyHooks.d.ts

@@ -1,8 +0,0 @@
-import { type MutableRefObject } from "react";
-import { type ElementContent } from "../../types";
-import { type TooltipProps } from "../Tooltip/Tooltip";
-export declare function useEllipsisClass(ellipsis: boolean, maxLines?: number): {
-    class: string;
-    style: Record<string, string>;
-};
-export declare function useTooltipProps(ref: MutableRefObject<HTMLElement>, withoutTooltip: boolean, ellipsis: boolean, tooltipProps: Partial<TooltipProps>, children: ElementContent, ignoreHeightOverflow: boolean, overflowTolerance: number): {};

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

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

package/dist/mocked_classnames/components/Typography/utils/TypographyContext.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-type TypographyContext = {
-    /**
-     * Sets a tolerance for vertical overflow to avoid undeed detetction of overflow
-     * Useful for cases where line-height is set and it's smaller than the font's line-height
-     */
-    overflowTolerance: number;
-};
-export declare const TypographyContext: React.Context<TypographyContext>;
-export {};

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

@@ -1,19 +0,0 @@
-import { type RefObject } from "react";
-export default function useIsOverflowing({ ref, ignoreHeightOverflow, tolerance: heightTolerance, widthTolerance }: {
-    /**
-     * The ref of the element to check for overflow.
-     */
-    ref: RefObject<HTMLElement>;
-    /**
-     * Whether to ignore height overflow.
-     */
-    ignoreHeightOverflow?: boolean;
-    /**
-     * The tolerance value to consider the element as overflowing (height overflow).
-     */
-    tolerance?: number;
-    /**
-     * The tolerance value to consider the element as overflowing (width overflow).
-     */
-    widthTolerance?: number;
-}): boolean;

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

@@ -1,10 +0,0 @@
-import { type RefObject } from "react";
-type ResizeCallback = ({ borderBoxSize }: {
-    borderBoxSize: ResizeObserverSize;
-}) => void;
-export default function useResizeObserver({ ref, callback, debounceTime }: {
-    ref: RefObject<HTMLElement>;
-    callback: ResizeCallback;
-    debounceTime?: number;
-}): void;
-export {};

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

@@ -1,2 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import r,{forwardRef as t}from"react";import e from"classnames";import{camelCase as s}from"es-toolkit";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HeadingType as p,HeadingWeight as m}from"./HeadingConstants.js";import i from"../Typography/Typography.js";import{TypographyAlign as l,TypographyColor as n}from"../Typography/TypographyConstants.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import c from"./Heading.module.scss.js";import{TypographyContext as f}from"../Typography/utils/TypographyContext.js";var g=a(t((function(t,a){var p=t.className,m=t.type,l=void 0===m?"h1":m,n=t.weight,g=void 0===n?"normal":n,h=o(t,["className","type","weight"]);return r.createElement(f.Provider,{value:{overflowTolerance:4}},r.createElement(i,Object.assign({element:l,ref:a,className:e(c.heading,y(c,s(l+"-"+g)),p)},h)))})),{types:p,weights:m,align:l,colors:n});export{g as default};
-//# sourceMappingURL=Heading.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.js","sources":["../../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { withStaticProps } from \"../../types\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"./HeadingConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Heading.module.scss\";\nimport { TypographyContext } from \"../Typography/utils/TypographyContext\";\nimport { type HeadingType, type HeadingWeight } from \"./Heading.types\";\nimport { type TypographyAlign, type TypographyColor } from \"../Typography\";\n\nconst OVERFLOW_TOLERANCE_IN_PX = 4;\n\nexport interface HeadingProps extends TypographyProps {\n  /**\n   * The heading type.\n   */\n  type?: HeadingType;\n  /**\n   * The font weight of the heading.\n   */\n  weight?: HeadingWeight;\n  /**\n   * The text alignment.\n   */\n  align?: TypographyAlign;\n  /**\n   * The text color.\n   */\n  color?: TypographyColor;\n  /**\n   * The content inside the heading.\n   */\n  children: ReactNode;\n}\n\nconst Heading = forwardRef(\n  (\n    { className, type = \"h1\", weight = \"normal\", ...typographyProps }: HeadingProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <TypographyContext.Provider value={{ overflowTolerance: OVERFLOW_TOLERANCE_IN_PX }}>\n        <Typography\n          element={type}\n          ref={ref}\n          className={cx(styles.heading, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n          {...typographyProps}\n        />\n      </TypographyContext.Provider>\n    );\n  }\n);\n\ninterface HeadingStaticProps {\n  types: typeof HeadingTypeEnum;\n  weights: typeof HeadingWeightEnum;\n  colors: typeof TypographyColorEnum;\n  align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<HeadingProps, HeadingStaticProps>(Heading, {\n  types: HeadingTypeEnum,\n  weights: HeadingWeightEnum,\n  align: TypographyAlignEnum,\n  colors: TypographyColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","typographyProps","__rest","React","createElement","TypographyContext","Provider","value","overflowTolerance","Typography","Object","assign","element","cx","styles","heading","getStyle","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum","align","TypographyAlignEnum","colors","TypographyColorEnum"],"mappings":"6oBAgBA,IAkDeA,EAAAA,EAzBCC,GACd,SACEC,EACAC,GADA,IAAEC,EAA6EF,EAA7EE,UAASC,EAAoEH,EAAlEI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAuDL,EAArDM,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAKE,EAAeC,EAAAR,EAA/D,+BAGA,OACES,EAAAC,cAACC,EAAkBC,SAAQ,CAACC,MAAO,CAAEC,kBA/BV,IAgCzBL,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAC,QAASd,EACTH,IAAKA,EACLC,UAAWiB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUnB,EAAO,IAAME,IAAUJ,IAC5EK,IAIZ,IAUwE,CACxEiB,MAAOC,EACPC,QAASC,EACTC,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +0,0 @@
-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",heading:"heading"};!function(n){const o="s_id-7b3706ef5cf5_3_82_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.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.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.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.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.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.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.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.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.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.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.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.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}\n.heading {\n  margin: 0;\n}");export{n as default};
-//# sourceMappingURL=Heading.module.scss.js.map

package/dist/mocked_classnames/src/components/Heading/HeadingConstants.js

@@ -1,2 +0,0 @@
-var n,o;!function(n){n.H1="h1",n.H2="h2",n.H3="h3"}(n||(n={})),function(n){n.BOLD="bold",n.MEDIUM="medium",n.NORMAL="normal",n.LIGHT="light"}(o||(o={}));export{n as HeadingType,o as HeadingWeight};
-//# sourceMappingURL=HeadingConstants.js.map

package/dist/mocked_classnames/src/components/Heading/HeadingConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingConstants.js","sources":["../../../../../src/components/Heading/HeadingConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum HeadingType {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\"\n}\n\n/**\n * @deprecated\n */\nexport enum HeadingWeight {\n  BOLD = \"bold\",\n  MEDIUM = \"medium\",\n  NORMAL = \"normal\",\n  LIGHT = \"light\"\n}\n"],"names":["HeadingType","HeadingWeight"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,IACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

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

@@ -1,2 +0,0 @@
-import e,{forwardRef as i,useRef as o,useMemo as s,Fragment as a}from"react";import r from"classnames";import{noop as t}from"es-toolkit";import n from"../../hooks/useMergeRef.js";import d from"../Tooltip/Tooltip.js";import{Icon as c}from"@vibe/icon/mockedClassNames";import{AddSmall as l}from"@vibe/icons";import{getWidthHeight as m}from"./services/IconButton-helpers.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as v}from"../../tests/constants.js";import{Button as b}from"@vibe/button/mockedClassNames";import{getStyle as C}from"../../helpers/typesciptCssModulesHelper.js";import g from"./IconButton.module.scss.js";var j=p(i((function(i,p){var j=i.className,N=i.wrapperClassName,y=i.iconClassName,k=i.id,h=i.icon,x=void 0===h?l:h,I=i.size,O=void 0===I?"medium":I,T=i.tooltipProps,B=void 0===T?{}:T,E=i.tooltipContent,P=i.ariaLabeledBy,w=i.ariaLabel,z=i.ariaHasPopup,L=i.ariaExpanded,S=i.ariaControls,F=i["aria-describedby"],H=i["aria-hidden"],M=i["aria-pressed"],R=i.hideTooltip,U=void 0!==R&&R,W=i.kind,_=void 0===W?"tertiary":W,q=i.active,A=i.disabled,D=void 0!==A&&A,G=i.disabledReason,J=i.onClick,K=void 0===J?t:J,Q=i.color,V=i["data-testid"],X=i.insetFocus,Y=void 0!==X&&X,Z=i.tabIndex,$=i.loading,ee=void 0!==$&&$,ie=o(null),oe=n(p,ie),se=s((function(){return(null==B?void 0:B.content)||E}),[null==B?void 0:B.content,E]),ae=s((function(){return w||("string"==typeof se?se:void 0)}),[w,se]),re=s((function(){switch(O){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return 20;default:return 24}}),[O]),te=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return O&&(e=Object.assign(Object.assign({},e),m(O))),e}),[O]),ne=s((function(){return U?null:D&&G?G:se||w}),[U,D,G,se,w]),de=N?"div":a,ce=s((function(){return N?{className:r(N,g.wrapper)}:{}}),[N]);return e.createElement(de,Object.assign({},ce),e.createElement(d,Object.assign({},B,{content:ne,referenceWrapperClassName:g.referenceWrapper}),e.createElement(b,{onClick:K,disabled:D,color:Q,kind:_,ariaLabeledBy:P,ariaLabel:ae,ariaHasPopup:z,ariaExpanded:L,ariaControls:S,"aria-describedby":F,"aria-hidden":H,"aria-pressed":M,ref:oe,id:k,"data-testid":V||u(f.ICON_BUTTON,k),"data-vibe":v.ICON_BUTTON,noSidePadding:!0,active:q,className:j,style:te,insetFocus:Y,tabIndex:Z,loading:ee,loaderClassName:r(g.loader,C(g,O))},e.createElement(c,{icon:x,iconType:"svg",iconSize:re,ignoreFocusStyle:!0,className:y}))))})),{sizes:b.sizes,kinds:b.kinds,colors:b.colors});export{j as default};
-//# sourceMappingURL=IconButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { type AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, type Size } from \"./services/IconButton-helpers\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { Button, type ButtonColor, type ButtonType } from \"@vibe/button\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the button wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * Class name applied to the icon.\n   */\n  iconClassName?: string;\n  /**\n   * The icon displayed inside the button.\n   */\n  icon?: SubIcon;\n  /**\n   * The ID of the element that labels this button.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, indicates that the button controls a popup.\n   */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /**\n   * If true, indicates that the associated popup is open.\n   */\n  ariaExpanded?: boolean;\n  /**\n   * The ID of the region controlled by the button.\n   */\n  ariaControls?: string;\n  /**\n   * ID of the element describing the button.\n   */\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * If true, hides the button from assistive technologies.\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons.\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /**\n   * The size of the button.\n   */\n  size?: Size;\n  /**\n   * If true, hides the tooltip.\n   */\n  hideTooltip?: boolean;\n  /**\n   * Props for the Tooltip component.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Tooltip content displayed on hover.\n   */\n  tooltipContent?: string;\n  /**\n   * The button variant.\n   */\n  kind?: ButtonType;\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * The color of the button.\n   */\n  color?: ButtonColor;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If disabled, this message will be displayed in the tooltip.\n   */\n  disabledReason?: string;\n  /**\n   * If true, the focus indicator is displayed inside the button instead of around it.\n   */\n  insetFocus?: boolean;\n  /**\n   * The tab order of the button.\n   */\n  tabIndex?: number;\n  /**\n   * If true, a loader replaces the icon.\n   */\n  loading?: boolean;\n}\n\nconst IconButton = forwardRef(\n  (\n    {\n      className,\n      wrapperClassName,\n      iconClassName,\n      id,\n      icon = AddSmall,\n      size = \"medium\",\n      tooltipProps = {} as TooltipProps,\n      tooltipContent,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      hideTooltip = false,\n      kind = \"tertiary\",\n      active,\n      disabled = false,\n      disabledReason,\n      onClick = NOOP,\n      color,\n      \"data-testid\": dataTestId,\n      insetFocus = false,\n      tabIndex,\n      loading = false\n    }: IconButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const overrideTooltipContent = useMemo(\n      () => tooltipProps?.content || tooltipContent,\n      [tooltipProps?.content, tooltipContent]\n    );\n\n    const buttonAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n      return undefined;\n    }, [ariaLabel, overrideTooltipContent]);\n\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n\n    const overrideStyle = useMemo(() => {\n      let style = {\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 0\n      } as React.CSSProperties;\n\n      if (size) {\n        style = { ...style, ...getWidthHeight(size) };\n      }\n      return style;\n    }, [size]);\n\n    const calculatedTooltipContent = useMemo(() => {\n      if (hideTooltip) return null;\n      if (disabled && disabledReason) return disabledReason;\n      if (overrideTooltipContent) return overrideTooltipContent as never;\n      return ariaLabel;\n    }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n    const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n    const iconButtonWrapperProps = useMemo(() => {\n      return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n    }, [wrapperClassName]);\n\n    return (\n      <IconButtonWrapper {...iconButtonWrapperProps}>\n        <Tooltip\n          {...tooltipProps}\n          content={calculatedTooltipContent}\n          referenceWrapperClassName={styles.referenceWrapper}\n        >\n          <Button\n            onClick={onClick}\n            disabled={disabled}\n            color={color}\n            kind={kind}\n            ariaLabeledBy={ariaLabeledBy}\n            ariaLabel={buttonAriaLabel}\n            ariaHasPopup={ariaHasPopup}\n            ariaExpanded={ariaExpanded}\n            ariaControls={ariaControls}\n            aria-describedby={ariaDescribedBy}\n            aria-hidden={ariaHidden}\n            aria-pressed={ariaPressed}\n            ref={mergedRef}\n            id={id}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n            data-vibe={ComponentVibeId.ICON_BUTTON}\n            noSidePadding\n            active={active}\n            className={className}\n            style={overrideStyle}\n            insetFocus={insetFocus}\n            tabIndex={tabIndex}\n            loading={loading}\n            loaderClassName={cx(styles.loader, getStyle(styles, size))}\n          >\n            <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n          </Button>\n        </Tooltip>\n      </IconButtonWrapper>\n    );\n  }\n);\n\ninterface IconButtonStaticProps {\n  sizes: typeof Button.sizes;\n  kinds: typeof Button.kinds;\n  colors: typeof Button.colors;\n}\n\nexport default withStaticProps<IconButtonProps, IconButtonStaticProps>(IconButton, {\n  sizes: Button.sizes,\n  kinds: Button.kinds,\n  colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","ComponentVibeId","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper",referenceWrapper:"referenceWrapper",loader:"loader",xxs:"xxs"};!function(e){const n="s_id-8d1605f1f87b_3_82_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper {\n  display: inline-flex;\n}\n\n.referenceWrapper button .loader {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper button .loader.xxs {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper button .loader.xxs svg {\n  display: block;\n}");export{e as default};
-//# sourceMappingURL=IconButton.module.scss.js.map

package/dist/mocked_classnames/src/components/IconButton/services/IconButton-helpers.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as t}from"../../../constants/sizes.js";var o=r(r(r(r(r({},t.XXS,16),t.XS,24),t.SMALL,32),t.MEDIUM,40),t.LARGE,48);function e(r){return{width:"".concat(o[r],"px"),height:"".concat(o[r],"px")}}export{e as getWidthHeight};
-//# sourceMappingURL=IconButton-helpers.js.map

package/dist/mocked_classnames/src/components/IconButton/services/IconButton-helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton-helpers.js","sources":["../../../../../../src/components/IconButton/services/IconButton-helpers.ts"],"sourcesContent":["import { SIZES } from \"./../../../constants/sizes\";\n\nconst sizesMap = {\n  [SIZES.XXS]: 16,\n  [SIZES.XS]: 24,\n  [SIZES.SMALL]: 32,\n  [SIZES.MEDIUM]: 40,\n  [SIZES.LARGE]: 48\n} as const;\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport function getWidthHeight(size: Size) {\n  return {\n    width: `${sizesMap[size]}px`,\n    height: `${sizesMap[size]}px`\n  };\n}\n"],"names":["sizesMap","_defineProperty","SIZES","XXS","XS","SMALL","MEDIUM","LARGE","getWidthHeight","size","width","concat","height"],"mappings":"uIAEA,IAAMA,EAAQC,EAAAA,EAAAA,EAAAA,EAAAA,KACXC,EAAMC,IAAM,IACZD,EAAME,GAAK,IACXF,EAAMG,MAAQ,IACdH,EAAMI,OAAS,IACfJ,EAAMK,MAAQ,IAKX,SAAUC,EAAeC,GAC7B,MAAO,CACLC,SAAKC,OAAKX,EAASS,GAAS,MAC5BG,UAAMD,OAAKX,EAASS,GAAK,MAE7B"}

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

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import s,{forwardRef as e}from"react";import r from"classnames";import{camelCase as o}from"es-toolkit";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{TextType as p,TextWeight as m}from"./TextConstants.js";import l from"../Typography/Typography.js";import{TypographyColor as a,TypographyAlign as n}from"../Typography/TypographyConstants.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"./Text.module.scss.js";var y=c(e((function(e,p){var m=e.className,a=e.type,n=void 0===a?"text2":a,c=e.weight,y=void 0===c?"normal":c,h=e.ellipsis,d=e.element,g=void 0===d?"div":d,j=e.children,u=t(e,["className","type","weight","ellipsis","element","children"]),v=null!=h?h:"p"!==g;return s.createElement(l,Object.assign({ref:p,className:r(f.text,i(f,o(n+"-"+y)),m),ellipsis:v,element:g},u),j)})),{types:p,weights:m,colors:a,align:n});export{y as default};
-//# sourceMappingURL=Text.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sources":["../../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { type TextType, type TextWeight } from \"./Text.types\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps extends TypographyProps {\n  /**\n   * The text style variant.\n   */\n  type?: TextType;\n  /**\n   * The font weight of the text.\n   */\n  weight?: TextWeight;\n  /**\n   * The content inside the text component.\n   */\n  children: ReactNode;\n}\n\nconst Text = forwardRef(\n  (\n    {\n      className,\n      type = \"text2\",\n      weight = \"normal\",\n      ellipsis,\n      element = \"div\",\n      children,\n      ...typographyProps\n    }: TextProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const overrideEllipsis = ellipsis ?? element !== \"p\";\n    return (\n      <Typography\n        ref={ref}\n        className={cx(styles.text, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n        ellipsis={overrideEllipsis}\n        element={element}\n        {...typographyProps}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n\ninterface TextStaticProps {\n  types: typeof TextTypeEnum;\n  weights: typeof TextWeightEnum;\n  colors: typeof TypographyColorEnum;\n  align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<TextProps, TextStaticProps>(Text, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum,\n  colors: TypographyColorEnum,\n  align: TypographyAlignEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","ellipsis","_a$element","element","children","typographyProps","__rest","overrideEllipsis","React","Typography","Object","assign","cx","styles","text","getStyle","camelCase","types","TextTypeEnum","weights","TextWeightEnum","colors","TypographyColorEnum","align","TypographyAlignEnum"],"mappings":"ojBA6BA,IAmCeA,EAAAA,EAnCFC,GACX,SACEC,EASAC,OAREC,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,IACdC,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACjBE,IAAAA,SAAQC,IACRC,QAAAA,OAAU,IAAHD,EAAG,MAAKA,EACfE,IAAAA,SACGC,EAPLC,EAAAZ,EAAA,CAAA,YAAA,OAAA,SAAA,WAAA,UAAA,aAWMa,EAAmBN,QAAAA,EAAwB,MAAZE,EACrC,OACEK,gBAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLC,UAAWgB,EAAGC,EAAOC,KAAMC,EAASF,EAAQG,EAAUlB,EAAO,IAAME,IAAUJ,GAC7EK,SAAUM,EACVJ,QAASA,GACLE,GAEHD,EAGP,IAU+D,CAC/Da,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +0,0 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",text:"text"};!function(t){const e="s_id-0b8dab5fe88c_3_82_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.text1Bold {\n  font: var(--font-text1-bold);\n}\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n.text3Normal {\n  font: var(--font-text3-normal);\n}\np:first-of-type.text {\n  margin-block: 0;\n}\np.text + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
-//# sourceMappingURL=Text.module.scss.js.map

package/dist/mocked_classnames/src/components/Text/TextConstants.js

@@ -1,2 +0,0 @@
-var t,T;!function(t){t.TEXT1="text1",t.TEXT2="text2",t.TEXT3="text3"}(t||(t={})),function(t){t.BOLD="bold",t.MEDIUM="medium",t.NORMAL="normal"}(T||(T={}));export{t as TextType,T as TextWeight};
-//# sourceMappingURL=TextConstants.js.map

package/dist/mocked_classnames/src/components/Text/TextConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextConstants.js","sources":["../../../../../src/components/Text/TextConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TextType {\n  TEXT1 = \"text1\",\n  TEXT2 = \"text2\",\n  TEXT3 = \"text3\"\n}\n\n/**\n * @deprecated\n */\nexport enum TextWeight {\n  BOLD = \"bold\",\n  MEDIUM = \"medium\",\n  NORMAL = \"normal\"\n}\n"],"names":["TextType","TextWeight"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,QACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

@@ -1,2 +0,0 @@
-import{inherits as e,createClass as o,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"es-toolkit";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import{DialogTriggerEventEnum as h,DialogAnimationTypeEnum as m,Dialog as d}from"@vibe/dialog/mockedClassNames";import{TooltipPositions as c,TooltipTheme as T}from"./TooltipConstants.js";import{getStyle as u}from"../../helpers/typesciptCssModulesHelper.js";import w from"./Tooltip.module.scss.js";import{getTestId as g,ComponentDefaultTestId as y}from"../../tests/testIds.js";import{Icon as S}from"@vibe/icon/mockedClassNames";import{Flex as f}from"@vibe/layout/mockedClassNames";var v={lastTooltipHideTS:null,openTooltipsCount:0},D=function(h){function m(e){var o;return t(this,m),(o=i(this,m,[e])).renderTooltipContent=o.renderTooltipContent.bind(o),o.getShowDelay=o.getShowDelay.bind(o),o.onTooltipShow=o.onTooltipShow.bind(o),o.onTooltipHide=o.onTooltipHide.bind(o),o.wasShown=!1,o}return e(m,p),o(m,[{key:"renderTooltipContent",value:function(){var e,o=this.props,t=o.theme,i=o.content,p=o.className,h=o.style,m=o.maxWidth,d=o.title,c=o.image,T=o.icon,g=o.dir;return i?(n(i)?e=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(e=i),e?r.createElement("div",{style:m?Object.assign(Object.assign({},h),{"--tooltip-max-width":"".concat(m,"px")}):h,className:a(w.tooltip,u(w,s(t)),p),dir:g},c&&r.createElement("img",{className:w.image,src:c,alt:""}),r.createElement("div",{className:a(w.content)},d&&r.createElement(f,{gap:"xs"},T&&r.createElement(S,{iconSize:"20",icon:T}),r.createElement("div",{className:w.title},d)),e)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var e=this.props.onTooltipShow;v.openTooltipsCount++,this.wasShown=!0,e&&e()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var e=this.props.onTooltipHide;v.lastTooltipHideTS=Date.now(),v.openTooltipsCount--,this.wasShown=!1,e&&e()}}},{key:"getTimeSinceLastTooltip",value:function(){return v.openTooltipsCount>0?0:v.lastTooltipHideTS?Date.now()-v.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var e=this.props,o=e.showDelay,t=e.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:o,preventAnimation:!1}}},{key:"render",value:function(){var e=this.props,o=e.children,t=e.theme,i=e.tip,n=e.arrowClassName,s=e.id,l=e["data-testid"],p=e.position;if(!o&&!e.forceRenderWithoutChildren)return null;if(e.withoutDialog)return this.renderTooltipContent();var h=this.renderTooltipContent,m=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||g(y.TOOLTIP,s),tooltip:i,content:h,tooltipClassName:a(w.arrow,u(w,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(d,Object.assign({},m,{animationType:"expand"}),o)}}])}();D.positions=c,D.hideShowTriggers=h,D.themes=T,D.animationTypes=m,D.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:m.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:D.hideShowTriggers.MOUSE_ENTER,hideTrigger:D.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{D as default};
-//# sourceMappingURL=Tooltip.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { isFunction } from \"es-toolkit\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, isValidElement, PureComponent, type ReactElement } from \"react\";\nimport { type Modifier } from \"react-popper\";\nimport { Dialog, type DialogAnimationType, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport {\n  DialogTriggerEventEnum as HideShowEventEnum,\n  DialogAnimationTypeEnum as AnimationTypeEnum\n} from \"@vibe/dialog\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport { type TooltipPositions, type TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children?: ReactElement | Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren?: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children: ReactElement | Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n  /**\n   * The content displayed inside the tooltip.\n   */\n  content: ElementContent;\n  /**\n   * Inline styles applied to the tooltip container.\n   */\n  style?: CSSProperties;\n  /**\n   * Class name applied to the tooltip arrow.\n   */\n  arrowClassName?: string;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * The theme of the tooltip.\n   */\n  theme?: TooltipTheme;\n  /**\n   * Function to get the container where the tooltip should be rendered.\n   */\n  getContainer?: () => HTMLElement;\n  /**\n   * Delay in milliseconds before hiding the tooltip.\n   */\n  hideDelay?: number;\n  /**\n   * Delay in milliseconds before showing the tooltip.\n   */\n  showDelay?: number;\n  /**\n   * If true, disables the slide animation of the tooltip.\n   */\n  disableDialogSlide?: boolean;\n  /**\n   * The animation type used for showing/hiding the tooltip.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * If true, renders the tooltip without a dialog.\n   */\n  withoutDialog?: boolean;\n  /**\n   * The CSS selector of the container where the tooltip should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Delay in milliseconds before showing the tooltip immediately.\n   */\n  immediateShowDelay?: number;\n  /**\n   * If false, hides the arrow of the tooltip.\n   */\n  tip?: boolean;\n  /**\n   * If true, the tooltip is shown when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, hides the tooltip when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Callback fired when the tooltip is hidden.\n   */\n  onTooltipHide?: () => void;\n  /**\n   * Callback fired when the tooltip is shown.\n   */\n  onTooltipShow?: () => void;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Array<Modifier<unknown>>;\n  /**\n   * The placement of the tooltip relative to the reference element.\n   */\n  position?: TooltipPositions;\n  /**\n   * Events that trigger showing the tooltip.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger hiding the tooltip.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * If true, prevents closing the tooltip when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, controls the open state of the tooltip.\n   */\n  open?: boolean;\n  /**\n   * The z-index applied to the tooltip.\n   */\n  zIndex?: number;\n  /**\n   * The title of the tooltip.\n   */\n  title?: string;\n  /**\n   * The image displayed inside the tooltip.\n   */\n  image?: string;\n  /**\n   * The icon displayed next to the title.\n   */\n  icon?: SubIcon;\n  /**\n   * The maximum width of the tooltip.\n   */\n  maxWidth?: number;\n  /**\n   * The text direction of the tooltip: \"ltr\", \"rtl\", or \"auto\".\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n  lastTooltipHideTS: null,\n  openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n  wasShown: boolean;\n  static positions = TooltipPositionsEnum;\n  static hideShowTriggers = HideShowEventEnum;\n  static themes = TooltipThemeEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    moveBy: { main: 4, secondary: 0 },\n    theme: \"dark\",\n    position: \"top\",\n    hideDelay: 100,\n    showDelay: 300,\n    disableDialogSlide: true,\n    animationType: AnimationTypeEnum.EXPAND,\n    withoutDialog: false,\n    tip: true,\n    hideWhenReferenceHidden: false,\n    modifiers: new Array<Modifier<unknown>>(),\n    showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: true,\n    referenceWrapperClassName: \"\",\n    addKeyboardHideShowTriggersByDefault: true,\n    open: false\n  };\n  constructor(props: TooltipProps) {\n    super(props);\n    this.renderTooltipContent = this.renderTooltipContent.bind(this);\n    this.getShowDelay = this.getShowDelay.bind(this);\n    this.onTooltipShow = this.onTooltipShow.bind(this);\n    this.onTooltipHide = this.onTooltipHide.bind(this);\n\n    this.wasShown = false;\n  }\n\n  renderTooltipContent() {\n    const { theme, content, className, style, maxWidth, title, image, icon, dir } = this.props;\n    if (!content) {\n      // don't render empty tooltip\n      return null;\n    }\n    let contentValue;\n    if (isFunction(content)) {\n      contentValue = content();\n    } else if (isValidElement(content)) {\n      contentValue = content;\n    } else if (typeof content === \"string\" && content) {\n      contentValue = content;\n    } else if (Array.isArray(content) && content.length > 0) {\n      // allow array of elements\n      contentValue = content;\n    }\n\n    if (!contentValue) {\n      return null;\n    }\n\n    return (\n      <div\n        style={maxWidth ? ({ ...style, \"--tooltip-max-width\": `${maxWidth}px` } as CSSProperties) : style}\n        className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}\n        dir={dir}\n      >\n        {image && <img className={styles.image} src={image} alt=\"\" />}\n        <div className={cx(styles.content)}>\n          {title && (\n            <Flex gap=\"xs\">\n              {icon && <Icon iconSize=\"20\" icon={icon} />}\n              <div className={styles.title}>{title}</div>\n            </Flex>\n          )}\n          {contentValue}\n        </div>\n      </div>\n    );\n  }\n\n  onTooltipShow() {\n    if (!this.wasShown) {\n      const { onTooltipShow } = this.props;\n      globalState.openTooltipsCount++;\n      this.wasShown = true;\n      onTooltipShow && onTooltipShow();\n    }\n  }\n\n  onTooltipHide() {\n    if (this.wasShown) {\n      const { onTooltipHide } = this.props;\n      globalState.lastTooltipHideTS = Date.now();\n      globalState.openTooltipsCount--;\n      this.wasShown = false;\n      onTooltipHide && onTooltipHide();\n    }\n  }\n\n  getTimeSinceLastTooltip() {\n    if (globalState.openTooltipsCount > 0) {\n      return 0;\n    }\n    return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n  }\n\n  getShowDelay() {\n    const { showDelay, immediateShowDelay } = this.props;\n    const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n    if ((immediateShowDelay === 0 || immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n      // showing the tooltip immediately (without animation)\n      return {\n        showDelay: immediateShowDelay,\n        preventAnimation: true\n      };\n    }\n    return {\n      showDelay,\n      preventAnimation: false\n    };\n  }\n\n  render() {\n    const {\n      withoutDialog,\n      children,\n      forceRenderWithoutChildren,\n      theme,\n      tip,\n      arrowClassName,\n      id,\n      \"data-testid\": dataTestId,\n      position\n    } = this.props;\n\n    if (!children && !forceRenderWithoutChildren) {\n      return null;\n    }\n\n    if (withoutDialog) {\n      return this.renderTooltipContent();\n    }\n\n    const content = this.renderTooltipContent;\n    const dialogProps = {\n      ...this.props,\n      position: position,\n      \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TOOLTIP, id),\n      tooltip: tip,\n      content,\n      tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n      onDialogDidHide: this.onTooltipHide,\n      onDialogDidShow: this.onTooltipShow,\n      getDynamicShowDelay: this.getShowDelay\n    };\n    return (\n      <Dialog {...dialogProps} animationType=\"expand\">\n        {children}\n      </Dialog>\n    );\n  }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","maxWidth","title","image","icon","dir","isFunction","isValidElement","Array","isArray","length","React","Object","assign","concat","cx","styles","tooltip","getStyle","camelCase","createElement","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"4uBAmLA,IAGMA,EAAwE,CAC5EC,kBAAmB,KACnBC,kBAAmB,GAGAC,WAAQC,GAyB3B,SAAAD,EAAYE,GAAmB,IAAAC,EAOP,OAPOC,OAAAJ,IAC7BG,EAAAE,EAAAL,KAAAA,GAAME,KACDI,qBAAuBH,EAAKG,qBAAqBC,KAAIJ,GAC1DA,EAAKK,aAAeL,EAAKK,aAAaD,KAAIJ,GAC1CA,EAAKM,cAAgBN,EAAKM,cAAcF,KAAIJ,GAC5CA,EAAKO,cAAgBP,EAAKO,cAAcH,KAAIJ,GAE5CA,EAAKQ,UAAW,EAAMR,CACxB,CAAC,OAAAS,EAAAZ,EAjCkCa,GAiClCC,EAAAd,EAAA,CAAA,CAAAe,IAAA,uBAAAC,MAED,WACE,IAKIC,EALJC,EAAgFC,KAAKjB,MAA7EkB,EAAKF,EAALE,MAAOC,EAAOH,EAAPG,QAASC,EAASJ,EAATI,UAAWC,EAAKL,EAALK,MAAOC,EAAQN,EAARM,SAAUC,EAAKP,EAALO,MAAOC,EAAKR,EAALQ,MAAOC,EAAIT,EAAJS,KAAMC,EAAGV,EAAHU,IACxE,OAAKP,GAKDQ,EAAWR,GACbJ,EAAeI,KACNS,EAAeT,IAEI,iBAAZA,GAAwBA,GAE/BU,MAAMC,QAAQX,IAAYA,EAAQY,OAAS,KAHpDhB,EAAeI,GAQZJ,EAKHiB,uBACEX,MAAOC,EAAYW,OAAKC,OAAAD,OAAAC,OAAA,CAAA,EAAAb,IAAO,sBAAqB,GAAAc,OAAKb,EAAQ,QAA2BD,EAC5FD,UAAWgB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUtB,IAASE,GAClEM,IAAKA,GAEJF,GAASQ,EAAAS,cAAA,MAAA,CAAKrB,UAAWiB,EAAOb,MAAOkB,IAAKlB,EAAOmB,IAAI,KACxDX,EAAAS,cAAA,MAAA,CAAKrB,UAAWgB,EAAGC,EAAOlB,UACvBI,GACCS,EAAAS,cAACG,EAAK,CAAAC,IAAI,MACPpB,GAAQO,EAACS,cAAAK,EAAK,CAAAC,SAAS,KAAKtB,KAAMA,IACnCO,EAAKS,cAAA,MAAA,CAAArB,UAAWiB,EAAOd,OAAQA,IAGlCR,IAjBE,MAfA,IAoCX,GAAC,CAAAF,IAAA,gBAAAC,MAED,WACE,IAAKG,KAAKR,SAAU,CAClB,IAAQF,EAAkBU,KAAKjB,MAAvBO,cACRZ,EAAYE,oBACZoB,KAAKR,UAAW,EAChBF,GAAiBA,GAClB,CACH,GAAC,CAAAM,IAAA,gBAAAC,MAED,WACE,GAAIG,KAAKR,SAAU,CACjB,IAAQD,EAAkBS,KAAKjB,MAAvBQ,cACRb,EAAYC,kBAAoBoD,KAAKC,MACrCtD,EAAYE,oBACZoB,KAAKR,UAAW,EAChBD,GAAiBA,GAClB,CACH,GAAC,CAAAK,IAAA,0BAAAC,MAED,WACE,OAAInB,EAAYE,kBAAoB,EAC3B,EAEFF,EAAYC,kBAAoBoD,KAAKC,MAAQtD,EAAYC,kBAAoBsD,GACtF,GAAC,CAAArC,IAAA,eAAAC,MAED,WACE,IAAAqC,EAA0ClC,KAAKjB,MAAvCoD,EAASD,EAATC,UAAWC,EAAkBF,EAAlBE,mBACbC,EAAuBrC,KAAKsC,0BAClC,OAA4B,IAAvBF,GAA4BA,IAlHD,KAkHwBC,EAE/C,CACLF,UAAWC,EACXG,kBAAkB,GAGf,CACLJ,UAAAA,EACAI,kBAAkB,EAEtB,GAAC,CAAA3C,IAAA,SAAAC,MAED,WACE,IAAA2C,EAUIxC,KAAKjB,MARP0D,EAAQD,EAARC,SAEAxC,EAAKuC,EAALvC,MACAyC,EAAGF,EAAHE,IACAC,EAAcH,EAAdG,eACAC,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAGF,IAAKL,IATuBD,EAA1BO,2BAUA,OAAO,KAGT,GAfeP,EAAbQ,cAgBA,OAAOhD,KAAKb,uBAGd,IAAMe,EAAUF,KAAKb,qBACf8D,EAAWjC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACZjB,KAAKjB,OAAK,CACb+D,SAAUA,EACV,cAAeD,GAAcK,EAAUC,EAAuBC,QAASR,GACvEvB,QAASqB,EACTxC,QAAAA,EACAmD,iBAAkBlC,EAAGC,EAAOkC,MAAOhC,EAASF,EAAQnB,GAAQ0C,GAC5DY,gBAAiBvD,KAAKT,cACtBiE,gBAAiBxD,KAAKV,cACtBmE,oBAAqBzD,KAAKX,eAE5B,OACE0B,EAAAS,cAACkC,EAAM1C,OAAAC,OAAA,CAAA,EAAKgC,EAAW,CAAEU,cAAc,WACpClB,EAGP,IAAC,IA3JM5D,EAAS+E,UAAGC,EACZhF,EAAgBiF,iBAAGC,EACnBlF,EAAMmF,OAAGC,EACTpF,EAAcqF,eAAGC,EACjBtF,EAAAuF,aAAe,CACpBC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BtE,MAAO,OACP6C,SAAU,MACV0B,UAAW,IACXrC,UAAW,IACXsC,oBAAoB,EACpBd,cAAeQ,EAAkBO,OACjC1B,eAAe,EACfN,KAAK,EACLiC,yBAAyB,EACzBC,UAAW,GACXC,YAAahG,EAAQiF,iBAAiBgB,YACtCC,YAAalG,EAAQiF,iBAAiBkB,YACtCC,mBAAmB,EACnBC,0BAA2B,GAC3BC,sCAAsC,EACtCC,MAAM"}

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

@@ -1,2 +0,0 @@
-var r={tooltip:"tooltip",image:"image",title:"title",content:"content",paddingSizeMd:"paddingSizeMd",tooltipWhiteLink:"tooltipWhiteLink",arrow:"arrow",dark:"dark",primary:"primary"};!function(r){const o="s_id-6a6e92472798_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const a=document.createElement("style");a.id=o,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltip {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip .image {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip .title {\n  font: var(--font-text2-bold);\n}\n.tooltip .content {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip.paddingSizeMd {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip a.tooltipWhiteLink {\n  color: #fff;\n}\n.arrow,\n.dark,\n.arrow.dark {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow.arrow.dark, .black-app-theme .arrow.arrow.dark, .hacker-app-theme .arrow.arrow.dark,\n.dark-app-theme .arrow.arrow.primary,\n.black-app-theme .arrow.arrow.primary,\n.hacker-app-theme .arrow.arrow.primary {\n  box-shadow: none;\n}\n.primary,\n.arrow.primary {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{r as default};
-//# sourceMappingURL=Tooltip.module.scss.js.map

package/dist/mocked_classnames/src/components/Tooltip/TooltipConstants.js

@@ -1,2 +0,0 @@
-var r,t;!function(r){r.TOP="top",r.RIGHT="right",r.BOTTOM="bottom",r.LEFT="left"}(r||(r={})),function(r){r.Dark="dark",r.Primary="primary"}(t||(t={}));export{r as TooltipPositions,t as TooltipTheme};
-//# sourceMappingURL=TooltipConstants.js.map

package/dist/mocked_classnames/src/components/Tooltip/TooltipConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipConstants.js","sources":["../../../../../src/components/Tooltip/TooltipConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TooltipPositions {\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\"\n}\n\n/**\n * @deprecated\n */\nexport enum TooltipTheme {\n  Dark = \"dark\",\n  Primary = \"primary\"\n}\n"],"names":["TooltipPositions","TooltipTheme"],"mappings":"IAGYA,EAUAC,GAVZ,SAAYD,GACVA,EAAA,IAAA,MACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

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

@@ -1,2 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as i}from"react";import r from"classnames";import l from"../../hooks/useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{useEllipsisClass as p,useTooltipProps as n}from"./TypographyHooks.js";import d from"../Tooltip/Tooltip.js";import{TypographyContext as c}from"./utils/TypographyContext.js";import f from"./Typography.module.scss.js";var h=s((function(s,h){var v=s.className,y=s.id,g=s.children,j=s.tooltipProps,u=s["data-testid"],T=void 0===u?a(m.TEXT,y):u,x=s.element,b=void 0===x?"span":x,w=s.color,E=void 0===w?"primary":w,N=s.align,k=void 0===N?"start":N,I=s.ellipsis,L=void 0===I||I,O=s.maxLines,P=void 0===O?1:O,_=s.withoutTooltip,C=void 0!==_&&_,H=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=i(null),q=l(h,X),z=1===P,A=p(L,P),B=A.class,D=A.style,F=n(X,C,L,j,g,z,R),G="inherit"===k?"alignInherit":k;return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:y,style:D,"data-testid":T,className:r(f.typography,f[E],f[G],B,v),ref:q,role:H},M),g))}));export{h as default};
-//# sourceMappingURL=Typography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sources":["../../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, type HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type ElementContent } from \"../../types\";\nimport { type TypographyAlign, type TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n  /**\n   * The HTML element tag used for the text component.\n   */\n  element?: string;\n  /**\n   * The content inside the typography component.\n   */\n  children: ElementContent;\n  /**\n   * The text color.\n   */\n  color?: TypographyColor;\n  /**\n   * The text alignment.\n   */\n  align?: TypographyAlign;\n  /**\n   * If true, truncates overflowing text with an ellipsis.\n   */\n  ellipsis?: boolean;\n  /**\n   * The maximum number of lines before truncating with an ellipsis.\n   */\n  maxLines?: number;\n  /**\n   * Props passed to the tooltip displayed when hovering over the text.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, disables the tooltip that appears when text is truncated.\n   */\n  withoutTooltip?: boolean;\n}\n\nconst Typography = forwardRef(\n  (\n    {\n      className,\n      id,\n      children,\n      tooltipProps,\n      \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n      element = \"span\",\n      color = \"primary\",\n      align = \"start\",\n      ellipsis = true,\n      maxLines = 1,\n      withoutTooltip = false,\n      role,\n      ...htmlAttributes\n    }: TypographyProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const { overflowTolerance } = useContext(TypographyContext);\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const ignoreHeightOverflow = maxLines === 1;\n    const { class: ellipsisClass, style: ellipsisStyle } = useEllipsisClass(ellipsis, maxLines);\n    const overrideTooltipProps = useTooltipProps(\n      componentRef,\n      withoutTooltip,\n      ellipsis,\n      tooltipProps,\n      children,\n      ignoreHeightOverflow,\n      overflowTolerance\n    ) as TooltipProps;\n\n    const overrideAlign = align === \"inherit\" ? \"alignInherit\" : align;\n\n    return (\n      <Tooltip {...overrideTooltipProps}>\n        {React.createElement(\n          element,\n          {\n            id,\n            style: ellipsisStyle,\n            \"data-testid\": dataTestId,\n            className: cx(styles.typography, styles[color], styles[overrideAlign], ellipsisClass, className),\n            ref: mergedRef,\n            role,\n            ...htmlAttributes\n          },\n          children\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","overrideAlign","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBAgDMA,IAAAA,EAAaC,GACjB,SACEC,EAeAC,OAdEC,IAAAA,UACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,aAAYC,IACZ,eAAeC,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,KAAMP,GAAGG,EAAAK,IACtEC,QAAAA,OAAU,IAAHD,EAAG,OAAMA,EAAAE,IAChBC,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,IACjBC,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,IACZC,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,IAAAA,KACGC,EAbLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,WAAA,eAAA,cAAA,UAAA,QAAA,QAAA,WAAA,WAAA,iBAAA,SAiBQ0B,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAC7BI,EAAoC,IAAbb,EAC7Bc,EAAuDC,EAAiBjB,EAAUE,GAAnEgB,EAAaF,EAApBG,MAA6BC,EAAaJ,EAApBK,MACxBC,EAAuBC,EAC3BZ,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGIgB,EAA0B,YAAV1B,EAAsB,eAAiBA,EAE7D,OACE2B,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAP,GACVG,EAAMC,cACLhC,EAEEkC,OAAAC,OAAA,CAAA5C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW8C,EAAGC,EAAOC,WAAYD,EAAOnC,GAAQmC,EAAOP,GAAgBN,EAAelC,GACtFD,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}

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

@@ -1,2 +0,0 @@
-var n={typography:"typography","focus-visible":"focus-visible",primary:"primary",secondary:"secondary",negative:"negative",onPrimary:"onPrimary",onInverted:"onInverted",fixedLight:"fixedLight",fixedDark:"fixedDark",inherit:"inherit",alignInherit:"alignInherit",start:"start",center:"center",end:"end",singleLineEllipsis:"singleLineEllipsis",multiLineEllipsis:"multiLineEllipsis"};!function(n){const e="s_id-1a3a21ac499a_3_82_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.typography > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography > a:focus-visible, .typography > a.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.typography > a:focus:not(.focus-visible) {\n  outline: none;\n}\n.typography > a:hover {\n  text-decoration: underline;\n}\n.typography:disabled, .typography[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary {\n  color: var(--primary-text-color);\n}\n.secondary {\n  color: var(--secondary-text-color);\n}\n.negative {\n  color: var(--color-error);\n}\n.onPrimary {\n  color: var(--text-color-on-primary);\n}\n.onPrimary a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted {\n  color: var(--text-color-on-inverted);\n}\n.onInverted a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight {\n  color: var(--fixed-light-color);\n}\n.fixedLight a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark {\n  color: var(--fixed-dark-color);\n}\n.fixedDark a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit {\n  color: inherit;\n}\n.inherit a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit {\n  text-align: inherit;\n}\n.start {\n  text-align: start;\n}\n.center {\n  text-align: center;\n}\n.end {\n  text-align: end;\n}\n.singleLineEllipsis {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{n as default};
-//# sourceMappingURL=Typography.module.scss.js.map

package/dist/mocked_classnames/src/components/Typography/TypographyConstants.js

@@ -1,2 +0,0 @@
-var e,n;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.ON_PRIMARY="onPrimary",e.ON_INVERTED="onInverted",e.FIXED_LIGHT="fixedLight",e.FIXED_DARK="fixedDark",e.INHERIT="inherit",e.NEGATIVE="negative"}(e||(e={})),function(e){e.START="start",e.CENTER="center",e.END="end",e.INHERIT="inherit"}(n||(n={}));export{n as TypographyAlign,e as TypographyColor};
-//# sourceMappingURL=TypographyConstants.js.map

package/dist/mocked_classnames/src/components/Typography/TypographyConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyConstants.js","sources":["../../../../../src/components/Typography/TypographyConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TypographyColor {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  ON_PRIMARY = \"onPrimary\",\n  ON_INVERTED = \"onInverted\",\n  FIXED_LIGHT = \"fixedLight\",\n  FIXED_DARK = \"fixedDark\",\n  INHERIT = \"inherit\",\n  NEGATIVE = \"negative\"\n}\n\n/**\n * @deprecated\n */\nexport enum TypographyAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  INHERIT = \"inherit\"\n}\n"],"names":["TypographyColor","TypographyAlign"],"mappings":"IAGYA,EAcAC,GAdZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CATD,CAAYA,IAAAA,EASX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/dist/mocked_classnames/src/components/Typography/TypographyHooks.js

@@ -1,2 +0,0 @@
-import{useMemo as e}from"react";import r from"../../hooks/useIsOverflowing/useIsOverflowing.js";import n from"./Typography.module.scss.js";function s(r){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e((function(){var e,i;return r&&(e=s>1?n.multiLineEllipsis:n.singleLineEllipsis,s>1&&(i={"--text-clamp-lines":""+s})),{class:e,style:i}}),[r,s])}function i(e,n,s,i,t,o,l){var c=r({ref:s?e:null,ignoreHeightOverflow:o,tolerance:l});return!n&&s&&c?Object.assign(Object.assign({},i),{content:t}):{}}export{s as useEllipsisClass,i as useTooltipProps};
-//# sourceMappingURL=TypographyHooks.js.map

package/dist/mocked_classnames/src/components/Typography/TypographyHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyHooks.js","sources":["../../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { type MutableRefObject, useMemo } from \"react\";\nimport { type ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(ellipsis: boolean, maxLines = 1) {\n  const result = useMemo(() => {\n    let ellipsisClass: string;\n    let style: Record<string, string>;\n    // If component contains ellipsis return the fit ellipsis class\n    if (ellipsis) {\n      ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n      if (maxLines > 1) {\n        // not relevant for single line ellipsis\n        style = { \"--text-clamp-lines\": maxLines.toString() };\n      }\n    }\n\n    return { class: ellipsisClass, style };\n  }, [ellipsis, maxLines]);\n  return result;\n}\n\nexport function useTooltipProps(\n  ref: MutableRefObject<HTMLElement>,\n  withoutTooltip: boolean,\n  ellipsis: boolean,\n  tooltipProps: Partial<TooltipProps>,\n  children: ElementContent,\n  ignoreHeightOverflow: boolean,\n  overflowTolerance: number\n) {\n  const isOverflowing = useIsOverflowing({\n    ref: ellipsis ? ref : null,\n    ignoreHeightOverflow,\n    tolerance: overflowTolerance\n  });\n  const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing;\n  return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","ellipsis","maxLines","arguments","length","undefined","useMemo","ellipsisClass","style","styles","multiLineEllipsis","singleLineEllipsis","class","useTooltipProps","ref","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"oJAMgBA,EAAiBC,GAA+B,IAAZC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAe7D,OAdeG,GAAQ,WACrB,IAAIC,EACAC,EAUJ,OARIP,IACFM,EAAgBL,EAAW,EAAIO,EAAOC,kBAAoBD,EAAOE,mBAC7DT,EAAW,IAEbM,EAAQ,CAAE,qBAAsBN,QAI7B,CAAEU,MAAOL,EAAeC,MAAAA,EACjC,GAAG,CAACP,EAAUC,GAEhB,CAEgB,SAAAW,EACdC,EACAC,EACAd,EACAe,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,CACrCP,IAAKb,EAAWa,EAAM,KACtBI,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,GAAkBd,GAAYmB,EAC/BG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}

package/dist/mocked_classnames/src/components/Typography/utils/TypographyContext.js

@@ -1,2 +0,0 @@
-import e from"react";var r=e.createContext({overflowTolerance:0});export{r as TypographyContext};
-//# sourceMappingURL=TypographyContext.js.map

package/dist/mocked_classnames/src/components/Typography/utils/TypographyContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyContext.js","sources":["../../../../../../src/components/Typography/utils/TypographyContext.ts"],"sourcesContent":["import React from \"react\";\n\ntype TypographyContext = {\n  /**\n   * Sets a tolerance for vertical overflow to avoid undeed detetction of overflow\n   * Useful for cases where line-height is set and it's smaller than the font's line-height\n   */\n  overflowTolerance: number;\n};\n\nexport const TypographyContext = React.createContext<TypographyContext>({ overflowTolerance: 0 });\n"],"names":["TypographyContext","React","createContext","overflowTolerance"],"mappings":"yBAUaA,EAAoBC,EAAMC,cAAiC,CAAEC,kBAAmB"}

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

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useCallback as t}from"react";import i from"../useResizeObserver.js";function n(r,e){return!!r&&(r.scrollWidth>r.clientWidth+(arguments.length>3&&void 0!==arguments[3]?arguments[3]:0)||!e&&r.scrollHeight>r.clientHeight+(arguments.length>2&&void 0!==arguments[2]?arguments[2]:0))}function o(o){var l=o.ref,u=o.ignoreHeightOverflow,c=void 0!==u&&u,a=o.tolerance,f=o.widthTolerance,d=e((function(){return n(null==l?void 0:l.current,c,a,f)})),s=r(d,2),v=s[0],h=s[1],g=t((function(){var r=null==l?void 0:l.current;if(r){var e=n(r,c,a,f);h((function(r){return r!==e?e:r}))}}),[c,l,a,f]);return i({ref:l,callback:g,debounceTime:0}),v}export{o as default};
-//# sourceMappingURL=useIsOverflowing.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useIsOverflowing.js","sources":["../../../../../src/hooks/useIsOverflowing/useIsOverflowing.ts"],"sourcesContent":["import { type RefObject, useCallback, useState } from \"react\";\nimport useResizeObserver from \"../useResizeObserver\";\n\nfunction checkOverflow(element: HTMLElement, ignoreHeightOverflow: boolean, heightTolerance = 0, widthTolerance = 0) {\n  if (!element) {\n    return false;\n  }\n  const isOverflowingWidth = element.clientWidth + widthTolerance < element.scrollWidth;\n  const isOverflowingHeight = !ignoreHeightOverflow && element.clientHeight + heightTolerance < element.scrollHeight;\n  return isOverflowingWidth || isOverflowingHeight;\n}\n\nexport default function useIsOverflowing({\n  ref,\n  ignoreHeightOverflow = false,\n  tolerance: heightTolerance,\n  widthTolerance\n}: {\n  /**\n   * The ref of the element to check for overflow.\n   */\n  ref: RefObject<HTMLElement>;\n  /**\n   * Whether to ignore height overflow.\n   */\n  ignoreHeightOverflow?: boolean;\n  /**\n   * The tolerance value to consider the element as overflowing (height overflow).\n   */\n  tolerance?: number;\n  /**\n   * The tolerance value to consider the element as overflowing (width overflow).\n   */\n  widthTolerance?: number;\n}) {\n  const [isOverflowing, setIsOverflowing] = useState<boolean>(() =>\n    checkOverflow(ref?.current, ignoreHeightOverflow, heightTolerance, widthTolerance)\n  );\n  const callback = useCallback(() => {\n    const element = ref?.current;\n    if (!element) return;\n\n    const newOverflowState = checkOverflow(element, ignoreHeightOverflow, heightTolerance, widthTolerance);\n    setIsOverflowing(prevState => (prevState !== newOverflowState ? newOverflowState : prevState));\n  }, [ignoreHeightOverflow, ref, heightTolerance, widthTolerance]);\n\n  useResizeObserver({\n    ref,\n    callback,\n    debounceTime: 0\n  });\n\n  return isOverflowing;\n}\n"],"names":["checkOverflow","element","ignoreHeightOverflow","scrollWidth","clientWidth","arguments","length","undefined","scrollHeight","clientHeight","useIsOverflowing","_ref","ref","_ref$ignoreHeightOver","heightTolerance","tolerance","widthTolerance","_useState","useState","current","_useState2","_slicedToArray","isOverflowing","setIsOverflowing","callback","useCallback","newOverflowState","prevState","useResizeObserver","debounceTime"],"mappings":"wKAGA,SAASA,EAAcC,EAAsBC,GAC3C,QAAKD,IAG6DA,EAAQE,YAA/CF,EAAQG,aAJ0EC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KAKnFH,GAAiED,EAAQO,aAAjDP,EAAQQ,cAL4BJ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAO9F,CAEc,SAAUK,EAAgBC,GAsBvC,IArBCC,EAAGD,EAAHC,IAAGC,EAAAF,EACHT,qBAAAA,OAAuB,IAAHW,GAAQA,EACjBC,EAAeH,EAA1BI,UACAC,EAAcL,EAAdK,eAmBAC,EAA0CC,GAAkB,WAAA,OAC1DlB,EAAcY,aAAA,EAAAA,EAAKO,QAASjB,EAAsBY,EAAiBE,MACpEI,EAAAC,EAAAJ,EAAA,GAFMK,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAWC,GAAY,WAC3B,IAAMxB,EAAUW,aAAA,EAAAA,EAAKO,QACrB,GAAKlB,EAAL,CAEA,IAAMyB,EAAmB1B,EAAcC,EAASC,EAAsBY,EAAiBE,GACvFO,GAAiB,SAAAI,GAAS,OAAKA,IAAcD,EAAmBA,EAAmBC,CAAS,GAH9E,CAIf,GAAE,CAACzB,EAAsBU,EAAKE,EAAiBE,IAQhD,OANAY,EAAkB,CAChBhB,IAAAA,EACAY,SAAAA,EACAK,aAAc,IAGTP,CACT"}

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

@@ -1,2 +0,0 @@
-import{useCallback as e,useEffect as r}from"react";import{debounce as n}from"es-toolkit";function i(i){var o=i.ref,t=i.callback,c=i.debounceTime,l=void 0===c?200:c,u=e(n(t,l),[t,l]);r((function(){if(window.ResizeObserver&&(null==o?void 0:o.current)){var e=null,r=new ResizeObserver((function(r){var i,o=r[0];if(o&&o.borderBoxSize){if(Array.isArray(o.borderBoxSize))e=n(o.borderBoxSize[0]);else e=n(o.borderBoxSize)}else{if(!o.contentRect)return;var t={blockSize:o.contentRect.height,inlineSize:(null===(i=null==o?void 0:o.contentRect)||void 0===i?void 0:i.width)||0};e=n(t)}}));return r.observe(null==o?void 0:o.current),function(){0!==l&&u.cancel(),e&&window.cancelAnimationFrame(e),r.disconnect()}}function n(e){var r=Array.isArray(e)?e[0]:e;return window.requestAnimationFrame((function(){u({borderBoxSize:r})}))}}),[null==o?void 0:o.current,t,l,u])}export{i as default};
-//# sourceMappingURL=useResizeObserver.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect } from \"react\";\nimport { debounce } from \"es-toolkit\";\n\ntype ResizeCallback = ({ borderBoxSize }: { borderBoxSize: ResizeObserverSize }) => void;\n\nexport default function useResizeObserver({\n  ref,\n  callback,\n  debounceTime = 200\n}: {\n  ref: RefObject<HTMLElement>;\n  callback: ResizeCallback;\n  debounceTime?: number;\n}) {\n  const debouncedCallback = useCallback(debounce<ResizeCallback>(callback, debounceTime), [callback, debounceTime]);\n\n  useEffect(() => {\n    if (!window.ResizeObserver) {\n      return;\n    }\n    if (!ref?.current) return;\n\n    function borderBoxSizeCallback(borderBoxSize: ResizeObserverSize | ReadonlyArray<ResizeObserverSize>): number {\n      const value = Array.isArray(borderBoxSize) ? borderBoxSize[0] : borderBoxSize;\n      return window.requestAnimationFrame(() => {\n        debouncedCallback({ borderBoxSize: value });\n      });\n    }\n\n    let animationFrameId: number | null = null;\n\n    const resizeObserver = new ResizeObserver(entries => {\n      const entry = entries[0];\n      if (entry && entry.borderBoxSize) {\n        // handle chrome (entry.borderBoxSize[0])\n        // handle ff (entry.borderBoxSize)\n        if (!Array.isArray(entry.borderBoxSize)) {\n          animationFrameId = borderBoxSizeCallback(entry.borderBoxSize);\n        } else {\n          const borderBoxEntry = entry.borderBoxSize[0];\n          animationFrameId = borderBoxSizeCallback(borderBoxEntry);\n        }\n      } else if (entry.contentRect) {\n        // handle safari (entry.contentRect)\n        const borderBoxSize = { blockSize: entry.contentRect.height, inlineSize: entry?.contentRect?.width || 0 };\n        animationFrameId = borderBoxSizeCallback(borderBoxSize);\n      } else {\n        return;\n      }\n    });\n\n    resizeObserver.observe(ref?.current);\n\n    return () => {\n      if (debounceTime !== 0) {\n        debouncedCallback.cancel();\n      }\n\n      if (animationFrameId) {\n        window.cancelAnimationFrame(animationFrameId);\n      }\n\n      resizeObserver.disconnect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref?.current, callback, debounceTime, debouncedCallback]);\n}\n"],"names":["useResizeObserver","_ref","ref","callback","_ref$debounceTime","debounceTime","debouncedCallback","useCallback","debounce","useEffect","window","ResizeObserver","current","animationFrameId","resizeObserver","entries","entry","borderBoxSize","Array","isArray","borderBoxSizeCallback","contentRect","blockSize","height","inlineSize","_a","width","observe","cancel","cancelAnimationFrame","disconnect","value","requestAnimationFrame"],"mappings":"yFAKwB,SAAAA,EAAiBC,GAQxC,IAPCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAMZE,EAAoBC,EAAYC,EAAyBL,EAAUE,GAAe,CAACF,EAAUE,IAEnGI,GAAU,WACR,GAAKC,OAAOC,iBAGPT,aAAA,EAAAA,EAAKU,SAAV,CASA,IAAIC,EAAkC,KAEhCC,EAAiB,IAAIH,gBAAe,SAAAI,SAClCC,EAAQD,EAAQ,GACtB,GAAIC,GAASA,EAAMC,cAAe,CAGhC,GAAKC,MAAMC,QAAQH,EAAMC,eAIvBJ,EAAmBO,EADIJ,EAAMC,cAAc,SAF3CJ,EAAmBO,EAAsBJ,EAAMC,cAKlD,KAAM,KAAID,EAAMK,YAKf,OAHA,IAAMJ,EAAgB,CAAEK,UAAWN,EAAMK,YAAYE,OAAQC,YAA8B,QAAlBC,EAAAT,aAAK,EAALA,EAAOK,mBAAW,IAAAI,OAAA,EAAAA,EAAEC,QAAS,GACtGb,EAAmBO,EAAsBH,EAG1C,CACH,IAIA,OAFAH,EAAea,QAAQzB,aAAG,EAAHA,EAAKU,SAErB,WACgB,IAAjBP,GACFC,EAAkBsB,SAGhBf,GACFH,OAAOmB,qBAAqBhB,GAG9BC,EAAegB,aA1CE,CAEnB,SAASV,EAAsBH,GAC7B,IAAMc,EAAQb,MAAMC,QAAQF,GAAiBA,EAAc,GAAKA,EAChE,OAAOP,OAAOsB,uBAAsB,WAClC1B,EAAkB,CAAEW,cAAec,GACrC,GACF,CAsCD,GAAE,CAAC7B,eAAAA,EAAKU,QAAST,EAAUE,EAAcC,GAC5C"}

package/dist/src/components/Heading/Heading.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import r,{forwardRef as t}from"react";import e from"classnames";import{camelCase as s}from"es-toolkit";import{withStaticProps as a}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{HeadingType as p,HeadingWeight as m}from"./HeadingConstants.js";import i from"../Typography/Typography.js";import{TypographyAlign as l,TypographyColor as n}from"../Typography/TypographyConstants.js";import{getStyle as y}from"../../helpers/typesciptCssModulesHelper.js";import c from"./Heading.module.scss.js";import{TypographyContext as f}from"../Typography/utils/TypographyContext.js";var g=a(t((function(t,a){var p=t.className,m=t.type,l=void 0===m?"h1":m,n=t.weight,g=void 0===n?"normal":n,h=o(t,["className","type","weight"]);return r.createElement(f.Provider,{value:{overflowTolerance:4}},r.createElement(i,Object.assign({element:l,ref:a,className:e(c.heading,y(c,s(l+"-"+g)),p)},h)))})),{types:p,weights:m,align:l,colors:n});export{g as default};
-//# sourceMappingURL=Heading.js.map

package/dist/src/components/Heading/Heading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.js","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { withStaticProps } from \"../../types\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"./HeadingConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Heading.module.scss\";\nimport { TypographyContext } from \"../Typography/utils/TypographyContext\";\nimport { type HeadingType, type HeadingWeight } from \"./Heading.types\";\nimport { type TypographyAlign, type TypographyColor } from \"../Typography\";\n\nconst OVERFLOW_TOLERANCE_IN_PX = 4;\n\nexport interface HeadingProps extends TypographyProps {\n  /**\n   * The heading type.\n   */\n  type?: HeadingType;\n  /**\n   * The font weight of the heading.\n   */\n  weight?: HeadingWeight;\n  /**\n   * The text alignment.\n   */\n  align?: TypographyAlign;\n  /**\n   * The text color.\n   */\n  color?: TypographyColor;\n  /**\n   * The content inside the heading.\n   */\n  children: ReactNode;\n}\n\nconst Heading = forwardRef(\n  (\n    { className, type = \"h1\", weight = \"normal\", ...typographyProps }: HeadingProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <TypographyContext.Provider value={{ overflowTolerance: OVERFLOW_TOLERANCE_IN_PX }}>\n        <Typography\n          element={type}\n          ref={ref}\n          className={cx(styles.heading, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n          {...typographyProps}\n        />\n      </TypographyContext.Provider>\n    );\n  }\n);\n\ninterface HeadingStaticProps {\n  types: typeof HeadingTypeEnum;\n  weights: typeof HeadingWeightEnum;\n  colors: typeof TypographyColorEnum;\n  align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<HeadingProps, HeadingStaticProps>(Heading, {\n  types: HeadingTypeEnum,\n  weights: HeadingWeightEnum,\n  align: TypographyAlignEnum,\n  colors: TypographyColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","typographyProps","__rest","React","createElement","TypographyContext","Provider","value","overflowTolerance","Typography","Object","assign","element","cx","styles","heading","getStyle","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum","align","TypographyAlignEnum","colors","TypographyColorEnum"],"mappings":"6oBAgBA,IAkDeA,EAAAA,EAzBCC,GACd,SACEC,EACAC,GADA,IAAEC,EAA6EF,EAA7EE,UAASC,EAAoEH,EAAlEI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAuDL,EAArDM,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAKE,EAAeC,EAAAR,EAA/D,+BAGA,OACES,EAAAC,cAACC,EAAkBC,SAAQ,CAACC,MAAO,CAAEC,kBA/BV,IAgCzBL,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAC,QAASd,EACTH,IAAKA,EACLC,UAAWiB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUnB,EAAO,IAAME,IAAUJ,IAC5EK,IAIZ,IAUwE,CACxEiB,MAAOC,EACPC,QAASC,EACTC,MAAOC,EACPC,OAAQC"}

package/dist/src/components/Heading/Heading.module.scss.js

@@ -1,2 +0,0 @@
-var n={h1Bold:"h1Bold_32b84496a1",h1Medium:"h1Medium_055bdde43f",h1Normal:"h1Normal_92092c94c0",h1Light:"h1Light_3ed5830a71",h2Bold:"h2Bold_91f0276b97",h2Medium:"h2Medium_c777eb5e46",h2Normal:"h2Normal_f03947684d",h2Light:"h2Light_31183cc108",h3Bold:"h3Bold_efcd24d247",h3Medium:"h3Medium_3a2198b31e",h3Normal:"h3Normal_1f0d5aacdb",h3Light:"h3Light_c395924e13",heading:"heading_389fa2d688"};!function(n){const o="s_id-7b3706ef5cf5_3_82_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_32b84496a1 {\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.h1Medium_055bdde43f {\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.h1Normal_92092c94c0 {\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.h1Light_3ed5830a71 {\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.h2Bold_91f0276b97 {\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.h2Medium_c777eb5e46 {\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.h2Normal_f03947684d {\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.h2Light_31183cc108 {\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.h3Bold_efcd24d247 {\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.h3Medium_3a2198b31e {\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.h3Normal_1f0d5aacdb {\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.h3Light_c395924e13 {\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}\n.heading_389fa2d688 {\n  margin: 0;\n}");export{n as default};
-//# sourceMappingURL=Heading.module.scss.js.map

package/dist/src/components/Heading/Heading.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Heading/HeadingConstants.js

@@ -1,2 +0,0 @@
-var n,o;!function(n){n.H1="h1",n.H2="h2",n.H3="h3"}(n||(n={})),function(n){n.BOLD="bold",n.MEDIUM="medium",n.NORMAL="normal",n.LIGHT="light"}(o||(o={}));export{n as HeadingType,o as HeadingWeight};
-//# sourceMappingURL=HeadingConstants.js.map

package/dist/src/components/Heading/HeadingConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HeadingConstants.js","sources":["../../../../src/components/Heading/HeadingConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum HeadingType {\n  H1 = \"h1\",\n  H2 = \"h2\",\n  H3 = \"h3\"\n}\n\n/**\n * @deprecated\n */\nexport enum HeadingWeight {\n  BOLD = \"bold\",\n  MEDIUM = \"medium\",\n  NORMAL = \"normal\",\n  LIGHT = \"light\"\n}\n"],"names":["HeadingType","HeadingWeight"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,GAAA,KACAA,EAAA,GAAA,KACAA,EAAA,GAAA,IACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/dist/src/components/IconButton/IconButton.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as t,useRef as o,useMemo as s,Fragment as i}from"react";import r from"classnames";import{noop as a}from"es-toolkit";import n from"../../hooks/useMergeRef.js";import d from"../Tooltip/Tooltip.js";import{getWidthHeight as c}from"./services/IconButton-helpers.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as p,ComponentVibeId as u}from"../../tests/constants.js";import{getStyle as f}from"../../helpers/typesciptCssModulesHelper.js";import v from"./IconButton.module.scss.js";import b from"../../../components/button/dist/Button/Button.js";import j from"../../../components/icon/dist/Icon/Icon.js";import g from"../../../icons/dist/react/AddSmall.js";var C=l(t((function(t,l){var C=t.className,y=t.wrapperClassName,N=t.iconClassName,I=t.id,h=t.icon,k=void 0===h?g:h,x=t.size,B=void 0===x?"medium":x,O=t.tooltipProps,T=void 0===O?{}:O,E=t.tooltipContent,P=t.ariaLabeledBy,S=t.ariaLabel,w=t.ariaHasPopup,z=t.ariaExpanded,L=t.ariaControls,F=t["aria-describedby"],H=t["aria-hidden"],M=t["aria-pressed"],R=t.hideTooltip,U=void 0!==R&&R,W=t.kind,_=void 0===W?"tertiary":W,A=t.active,q=t.disabled,D=void 0!==q&&q,G=t.disabledReason,J=t.onClick,K=void 0===J?a:J,Q=t.color,V=t["data-testid"],X=t.insetFocus,Y=void 0!==X&&X,Z=t.tabIndex,$=t.loading,ee=void 0!==$&&$,te=o(null),oe=n(l,te),se=s((function(){return(null==T?void 0:T.content)||E}),[null==T?void 0:T.content,E]),ie=s((function(){return S||("string"==typeof se?se:void 0)}),[S,se]),re=s((function(){switch(B){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return 20;default:return 24}}),[B]),ae=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return B&&(e=Object.assign(Object.assign({},e),c(B))),e}),[B]),ne=s((function(){return U?null:D&&G?G:se||S}),[U,D,G,se,S]),de=y?"div":i,ce=s((function(){return y?{className:r(y,v.wrapper)}:{}}),[y]);return e.createElement(de,Object.assign({},ce),e.createElement(d,Object.assign({},T,{content:ne,referenceWrapperClassName:v.referenceWrapper}),e.createElement(b,{onClick:K,disabled:D,color:Q,kind:_,ariaLabeledBy:P,ariaLabel:ie,ariaHasPopup:w,ariaExpanded:z,ariaControls:L,"aria-describedby":F,"aria-hidden":H,"aria-pressed":M,ref:oe,id:I,"data-testid":V||m(p.ICON_BUTTON,I),"data-vibe":u.ICON_BUTTON,noSidePadding:!0,active:A,className:C,style:ae,insetFocus:Y,tabIndex:Z,loading:ee,loaderClassName:r(v.loader,f(v,B))},e.createElement(j,{icon:k,iconType:"svg",iconSize:re,ignoreFocusStyle:!0,className:N}))))})),{sizes:b.sizes,kinds:b.kinds,colors:b.colors});export{C as default};
-//# sourceMappingURL=IconButton.js.map

package/dist/src/components/IconButton/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { type AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, type Size } from \"./services/IconButton-helpers\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { Button, type ButtonColor, type ButtonType } from \"@vibe/button\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n  /**\n   * Callback fired when the button is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Class name applied to the button wrapper.\n   */\n  wrapperClassName?: string;\n  /**\n   * Class name applied to the icon.\n   */\n  iconClassName?: string;\n  /**\n   * The icon displayed inside the button.\n   */\n  icon?: SubIcon;\n  /**\n   * The ID of the element that labels this button.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * The ARIA label for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * If true, indicates that the button controls a popup.\n   */\n  ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n  /**\n   * If true, indicates that the associated popup is open.\n   */\n  ariaExpanded?: boolean;\n  /**\n   * The ID of the region controlled by the button.\n   */\n  ariaControls?: string;\n  /**\n   * ID of the element describing the button.\n   */\n  \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n  /**\n   * If true, hides the button from assistive technologies.\n   */\n  \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n  /**\n   * Indicates the current \"pressed\" state of toggle buttons.\n   */\n  \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n  /**\n   * The size of the button.\n   */\n  size?: Size;\n  /**\n   * If true, hides the tooltip.\n   */\n  hideTooltip?: boolean;\n  /**\n   * Props for the Tooltip component.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * Tooltip content displayed on hover.\n   */\n  tooltipContent?: string;\n  /**\n   * The button variant.\n   */\n  kind?: ButtonType;\n  /**\n   * If true, the button is in an active state.\n   */\n  active?: boolean;\n  /**\n   * The color of the button.\n   */\n  color?: ButtonColor;\n  /**\n   * If true, the button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If disabled, this message will be displayed in the tooltip.\n   */\n  disabledReason?: string;\n  /**\n   * If true, the focus indicator is displayed inside the button instead of around it.\n   */\n  insetFocus?: boolean;\n  /**\n   * The tab order of the button.\n   */\n  tabIndex?: number;\n  /**\n   * If true, a loader replaces the icon.\n   */\n  loading?: boolean;\n}\n\nconst IconButton = forwardRef(\n  (\n    {\n      className,\n      wrapperClassName,\n      iconClassName,\n      id,\n      icon = AddSmall,\n      size = \"medium\",\n      tooltipProps = {} as TooltipProps,\n      tooltipContent,\n      ariaLabeledBy,\n      ariaLabel,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      hideTooltip = false,\n      kind = \"tertiary\",\n      active,\n      disabled = false,\n      disabledReason,\n      onClick = NOOP,\n      color,\n      \"data-testid\": dataTestId,\n      insetFocus = false,\n      tabIndex,\n      loading = false\n    }: IconButtonProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const overrideTooltipContent = useMemo(\n      () => tooltipProps?.content || tooltipContent,\n      [tooltipProps?.content, tooltipContent]\n    );\n\n    const buttonAriaLabel = useMemo(() => {\n      if (ariaLabel) return ariaLabel;\n      if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n      return undefined;\n    }, [ariaLabel, overrideTooltipContent]);\n\n    const iconSize = useMemo(() => {\n      switch (size) {\n        case \"xxs\":\n        case \"xs\":\n          return 16;\n        case \"small\":\n        case \"medium\":\n        case \"large\":\n          return 20;\n        default:\n          return 24;\n      }\n    }, [size]);\n\n    const overrideStyle = useMemo(() => {\n      let style = {\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 0\n      } as React.CSSProperties;\n\n      if (size) {\n        style = { ...style, ...getWidthHeight(size) };\n      }\n      return style;\n    }, [size]);\n\n    const calculatedTooltipContent = useMemo(() => {\n      if (hideTooltip) return null;\n      if (disabled && disabledReason) return disabledReason;\n      if (overrideTooltipContent) return overrideTooltipContent as never;\n      return ariaLabel;\n    }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n    const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n    const iconButtonWrapperProps = useMemo(() => {\n      return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n    }, [wrapperClassName]);\n\n    return (\n      <IconButtonWrapper {...iconButtonWrapperProps}>\n        <Tooltip\n          {...tooltipProps}\n          content={calculatedTooltipContent}\n          referenceWrapperClassName={styles.referenceWrapper}\n        >\n          <Button\n            onClick={onClick}\n            disabled={disabled}\n            color={color}\n            kind={kind}\n            ariaLabeledBy={ariaLabeledBy}\n            ariaLabel={buttonAriaLabel}\n            ariaHasPopup={ariaHasPopup}\n            ariaExpanded={ariaExpanded}\n            ariaControls={ariaControls}\n            aria-describedby={ariaDescribedBy}\n            aria-hidden={ariaHidden}\n            aria-pressed={ariaPressed}\n            ref={mergedRef}\n            id={id}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n            data-vibe={ComponentVibeId.ICON_BUTTON}\n            noSidePadding\n            active={active}\n            className={className}\n            style={overrideStyle}\n            insetFocus={insetFocus}\n            tabIndex={tabIndex}\n            loading={loading}\n            loaderClassName={cx(styles.loader, getStyle(styles, size))}\n          >\n            <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n          </Button>\n        </Tooltip>\n      </IconButtonWrapper>\n    );\n  }\n);\n\ninterface IconButtonStaticProps {\n  sizes: typeof Button.sizes;\n  kinds: typeof Button.kinds;\n  colors: typeof Button.colors;\n}\n\nexport default withStaticProps<IconButtonProps, IconButtonStaticProps>(IconButton, {\n  sizes: Button.sizes,\n  kinds: Button.kinds,\n  colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","ComponentVibeId","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"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"}

package/dist/src/components/IconButton/IconButton.module.scss.js

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper_d8659fb247",referenceWrapper:"referenceWrapper_6e6e143638",loader:"loader_73c85f3adc",xxs:"xxs_715f0592dc"};!function(e){const n="s_id-8d1605f1f87b_3_82_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_d8659fb247 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_6e6e143638 {\n  display: inline-flex;\n}\n\n.referenceWrapper_6e6e143638 button .loader_73c85f3adc {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_6e6e143638 button .loader_73c85f3adc.xxs_715f0592dc {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_6e6e143638 button .loader_73c85f3adc.xxs_715f0592dc svg {\n  display: block;\n}");export{e as default};
-//# sourceMappingURL=IconButton.module.scss.js.map

package/dist/src/components/IconButton/IconButton.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/IconButton/services/IconButton-helpers.js

@@ -1,2 +0,0 @@
-import{defineProperty as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as t}from"../../../constants/sizes.js";var o=r(r(r(r(r({},t.XXS,16),t.XS,24),t.SMALL,32),t.MEDIUM,40),t.LARGE,48);function e(r){return{width:"".concat(o[r],"px"),height:"".concat(o[r],"px")}}export{e as getWidthHeight};
-//# sourceMappingURL=IconButton-helpers.js.map

package/dist/src/components/IconButton/services/IconButton-helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton-helpers.js","sources":["../../../../../src/components/IconButton/services/IconButton-helpers.ts"],"sourcesContent":["import { SIZES } from \"./../../../constants/sizes\";\n\nconst sizesMap = {\n  [SIZES.XXS]: 16,\n  [SIZES.XS]: 24,\n  [SIZES.SMALL]: 32,\n  [SIZES.MEDIUM]: 40,\n  [SIZES.LARGE]: 48\n} as const;\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport function getWidthHeight(size: Size) {\n  return {\n    width: `${sizesMap[size]}px`,\n    height: `${sizesMap[size]}px`\n  };\n}\n"],"names":["sizesMap","_defineProperty","SIZES","XXS","XS","SMALL","MEDIUM","LARGE","getWidthHeight","size","width","concat","height"],"mappings":"uIAEA,IAAMA,EAAQC,EAAAA,EAAAA,EAAAA,EAAAA,KACXC,EAAMC,IAAM,IACZD,EAAME,GAAK,IACXF,EAAMG,MAAQ,IACdH,EAAMI,OAAS,IACfJ,EAAMK,MAAQ,IAKX,SAAUC,EAAeC,GAC7B,MAAO,CACLC,SAAKC,OAAKX,EAASS,GAAS,MAC5BG,UAAMD,OAAKX,EAASS,GAAK,MAE7B"}

package/dist/src/components/Text/Text.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import s,{forwardRef as e}from"react";import r from"classnames";import{camelCase as o}from"es-toolkit";import{getStyle as i}from"../../helpers/typesciptCssModulesHelper.js";import{TextType as p,TextWeight as m}from"./TextConstants.js";import l from"../Typography/Typography.js";import{TypographyColor as a,TypographyAlign as n}from"../Typography/TypographyConstants.js";import{withStaticProps as c}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"./Text.module.scss.js";var y=c(e((function(e,p){var m=e.className,a=e.type,n=void 0===a?"text2":a,c=e.weight,y=void 0===c?"normal":c,h=e.ellipsis,d=e.element,g=void 0===d?"div":d,j=e.children,u=t(e,["className","type","weight","ellipsis","element","children"]),v=null!=h?h:"p"!==g;return s.createElement(l,Object.assign({ref:p,className:r(f.text,i(f,o(n+"-"+y)),m),ellipsis:v,element:g},u),j)})),{types:p,weights:m,colors:a,align:n});export{y as default};
-//# sourceMappingURL=Text.js.map

package/dist/src/components/Text/Text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { TextType as TextTypeEnum, TextWeight as TextWeightEnum } from \"./TextConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n  TypographyAlign as TypographyAlignEnum,\n  TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { type TextType, type TextWeight } from \"./Text.types\";\nimport { withStaticProps } from \"../../types\";\nimport styles from \"./Text.module.scss\";\n\nexport interface TextProps extends TypographyProps {\n  /**\n   * The text style variant.\n   */\n  type?: TextType;\n  /**\n   * The font weight of the text.\n   */\n  weight?: TextWeight;\n  /**\n   * The content inside the text component.\n   */\n  children: ReactNode;\n}\n\nconst Text = forwardRef(\n  (\n    {\n      className,\n      type = \"text2\",\n      weight = \"normal\",\n      ellipsis,\n      element = \"div\",\n      children,\n      ...typographyProps\n    }: TextProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const overrideEllipsis = ellipsis ?? element !== \"p\";\n    return (\n      <Typography\n        ref={ref}\n        className={cx(styles.text, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n        ellipsis={overrideEllipsis}\n        element={element}\n        {...typographyProps}\n      >\n        {children}\n      </Typography>\n    );\n  }\n);\n\ninterface TextStaticProps {\n  types: typeof TextTypeEnum;\n  weights: typeof TextWeightEnum;\n  colors: typeof TypographyColorEnum;\n  align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<TextProps, TextStaticProps>(Text, {\n  types: TextTypeEnum,\n  weights: TextWeightEnum,\n  colors: TypographyColorEnum,\n  align: TypographyAlignEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","ellipsis","_a$element","element","children","typographyProps","__rest","overrideEllipsis","React","Typography","Object","assign","cx","styles","text","getStyle","camelCase","types","TextTypeEnum","weights","TextWeightEnum","colors","TypographyColorEnum","align","TypographyAlignEnum"],"mappings":"ojBA6BA,IAmCeA,EAAAA,EAnCFC,GACX,SACEC,EASAC,OAREC,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,IACdC,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACjBE,IAAAA,SAAQC,IACRC,QAAAA,OAAU,IAAHD,EAAG,MAAKA,EACfE,IAAAA,SACGC,EAPLC,EAAAZ,EAAA,CAAA,YAAA,OAAA,SAAA,WAAA,UAAA,aAWMa,EAAmBN,QAAAA,EAAwB,MAAZE,EACrC,OACEK,gBAACC,EAAUC,OAAAC,OAAA,CACThB,IAAKA,EACLC,UAAWgB,EAAGC,EAAOC,KAAMC,EAASF,EAAQG,EAAUlB,EAAO,IAAME,IAAUJ,GAC7EK,SAAUM,EACVJ,QAASA,GACLE,GAEHD,EAGP,IAU+D,CAC/Da,MAAOC,EACPC,QAASC,EACTC,OAAQC,EACRC,MAAOC"}

package/dist/src/components/Text/Text.module.scss.js

@@ -1,2 +0,0 @@
-var t={text1Bold:"text1Bold_146850feb2",text1Medium:"text1Medium_33a8f7958d",text1Normal:"text1Normal_6e27b799c8",text2Bold:"text2Bold_dd5b4f6c41",text2Medium:"text2Medium_34c93f4af6",text2Normal:"text2Normal_c297980c08",text3Bold:"text3Bold_0abbd97902",text3Medium:"text3Medium_930bcccbd4",text3Normal:"text3Normal_b703e12c6d",text:"text_e8a0f1582d"};!function(t){const e="s_id-0b8dab5fe88c_3_82_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_146850feb2 {\n  font: var(--font-text1-bold);\n}\n.text1Medium_33a8f7958d {\n  font: var(--font-text1-medium);\n}\n.text1Normal_6e27b799c8 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_dd5b4f6c41 {\n  font: var(--font-text2-bold);\n}\n.text2Medium_34c93f4af6 {\n  font: var(--font-text2-medium);\n}\n.text2Normal_c297980c08 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_0abbd97902 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_930bcccbd4 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_b703e12c6d {\n  font: var(--font-text3-normal);\n}\np:first-of-type.text_e8a0f1582d {\n  margin-block: 0;\n}\np.text_e8a0f1582d + p {\n  margin-block-start: var(--spacing-large);\n  margin-block-end: 0;\n}");export{t as default};
-//# sourceMappingURL=Text.module.scss.js.map

package/dist/src/components/Text/Text.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Text/TextConstants.js

@@ -1,2 +0,0 @@
-var t,T;!function(t){t.TEXT1="text1",t.TEXT2="text2",t.TEXT3="text3"}(t||(t={})),function(t){t.BOLD="bold",t.MEDIUM="medium",t.NORMAL="normal"}(T||(T={}));export{t as TextType,T as TextWeight};
-//# sourceMappingURL=TextConstants.js.map

package/dist/src/components/Text/TextConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextConstants.js","sources":["../../../../src/components/Text/TextConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TextType {\n  TEXT1 = \"text1\",\n  TEXT2 = \"text2\",\n  TEXT3 = \"text3\"\n}\n\n/**\n * @deprecated\n */\nexport enum TextWeight {\n  BOLD = \"bold\",\n  MEDIUM = \"medium\",\n  NORMAL = \"normal\"\n}\n"],"names":["TextType","TextWeight"],"mappings":"IAGYA,EASAC,GATZ,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,MAAA,QACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,OAAA,SACAA,EAAA,OAAA,QACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Tooltip/Tooltip.js

@@ -1,2 +0,0 @@
-import{inherits as o,createClass as e,classCallCheck as t,callSuper as i}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{isFunction as n,camelCase as s}from"es-toolkit";import a from"classnames";import r,{isValidElement as l,PureComponent as p}from"react";import{TooltipPositions as d,TooltipTheme as h}from"./TooltipConstants.js";import{getStyle as m}from"../../helpers/typesciptCssModulesHelper.js";import c from"./Tooltip.module.scss.js";import{getTestId as T,ComponentDefaultTestId as g}from"../../tests/testIds.js";import{HideShowEvent as u,AnimationType as w}from"../../../components/dialog/dist/Dialog/DialogConstants.js";import y from"../../../components/layout/dist/Flex/Flex.js";import S from"../../../components/icon/dist/Icon/Icon.js";import f from"../../../components/dialog/dist/Dialog/Dialog.js";var D={lastTooltipHideTS:null,openTooltipsCount:0},v=function(d){function h(o){var e;return t(this,h),(e=i(this,h,[o])).renderTooltipContent=e.renderTooltipContent.bind(e),e.getShowDelay=e.getShowDelay.bind(e),e.onTooltipShow=e.onTooltipShow.bind(e),e.onTooltipHide=e.onTooltipHide.bind(e),e.wasShown=!1,e}return o(h,p),e(h,[{key:"renderTooltipContent",value:function(){var o,e=this.props,t=e.theme,i=e.content,p=e.className,d=e.style,h=e.maxWidth,T=e.title,g=e.image,u=e.icon,w=e.dir;return i?(n(i)?o=i():(l(i)||"string"==typeof i&&i||Array.isArray(i)&&i.length>0)&&(o=i),o?r.createElement("div",{style:h?Object.assign(Object.assign({},d),{"--tooltip-max-width":"".concat(h,"px")}):d,className:a(c.tooltip,m(c,s(t)),p),dir:w},g&&r.createElement("img",{className:c.image,src:g,alt:""}),r.createElement("div",{className:a(c.content)},T&&r.createElement(y,{gap:"xs"},u&&r.createElement(S,{iconSize:"20",icon:u}),r.createElement("div",{className:c.title},T)),o)):null):null}},{key:"onTooltipShow",value:function(){if(!this.wasShown){var o=this.props.onTooltipShow;D.openTooltipsCount++,this.wasShown=!0,o&&o()}}},{key:"onTooltipHide",value:function(){if(this.wasShown){var o=this.props.onTooltipHide;D.lastTooltipHideTS=Date.now(),D.openTooltipsCount--,this.wasShown=!1,o&&o()}}},{key:"getTimeSinceLastTooltip",value:function(){return D.openTooltipsCount>0?0:D.lastTooltipHideTS?Date.now()-D.lastTooltipHideTS:1/0}},{key:"getShowDelay",value:function(){var o=this.props,e=o.showDelay,t=o.immediateShowDelay,i=this.getTimeSinceLastTooltip();return(0===t||t)&&1500>i?{showDelay:t,preventAnimation:!0}:{showDelay:e,preventAnimation:!1}}},{key:"render",value:function(){var o=this.props,e=o.children,t=o.theme,i=o.tip,n=o.arrowClassName,s=o.id,l=o["data-testid"],p=o.position;if(!e&&!o.forceRenderWithoutChildren)return null;if(o.withoutDialog)return this.renderTooltipContent();var d=this.renderTooltipContent,h=Object.assign(Object.assign({},this.props),{position:p,"data-testid":l||T(g.TOOLTIP,s),tooltip:i,content:d,tooltipClassName:a(c.arrow,m(c,t),n),onDialogDidHide:this.onTooltipHide,onDialogDidShow:this.onTooltipShow,getDynamicShowDelay:this.getShowDelay});return r.createElement(f,Object.assign({},h,{animationType:"expand"}),e)}}])}();v.positions=d,v.hideShowTriggers=u,v.themes=h,v.animationTypes=w,v.defaultProps={moveBy:{main:4,secondary:0},theme:"dark",position:"top",hideDelay:100,showDelay:300,disableDialogSlide:!0,animationType:w.EXPAND,withoutDialog:!1,tip:!0,hideWhenReferenceHidden:!1,modifiers:[],showTrigger:v.hideShowTriggers.MOUSE_ENTER,hideTrigger:v.hideShowTriggers.MOUSE_LEAVE,showOnDialogEnter:!0,referenceWrapperClassName:"",addKeyboardHideShowTriggersByDefault:!0,open:!1};export{v as default};
-//# sourceMappingURL=Tooltip.js.map