@vibe/core 3.87.0 → 4.0.0-alpha.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"EditableTypography.js","sources":["../../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { type ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"@vibe/shared\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { type TextType, type TextWeight } from \"@vibe/typography\";\nimport { type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n  /**\n   * The current value of the text.\n   */\n  value: string;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (value: string) => void;\n  /**\n   * Callback fired when the component is clicked.\n   */\n  onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n  /**\n   * Callback fired when a key is pressed inside the input/textarea element.\n   */\n  onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  /**\n   * If true, the text is read-only and cannot be edited.\n   */\n  readOnly?: boolean;\n  /**\n   * Placeholder text displayed when the value is empty.\n   */\n  placeholder?: string;\n  /**\n   * The label of the component for accessibility.\n   */\n  ariaLabel?: string;\n  /**\n   * Controls whether the component is in edit mode.\n   */\n  isEditMode?: boolean;\n  /**\n   * If true, automatically selects all text when entering edit mode.\n   */\n  autoSelectTextOnEditMode?: boolean;\n  /**\n   * Callback fired when the edit mode changes.\n   */\n  onEditModeChange?: (isEditMode: boolean) => void;\n  /**\n   * Props to customize the tooltip.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /**\n   * The typography component used in view mode.\n   */\n  component: ElementType;\n  /**\n   * Class name applied to the typography component.\n   */\n  typographyClassName: string;\n  /**\n   * If true, shows the placeholder when empty.\n   */\n  clearable?: boolean;\n  /**\n   * The text or heading type.\n   */\n  type?: TextType | HeadingType;\n  /**\n   * The text or heading weight.\n   */\n  weight?: TextWeight | HeadingWeight;\n  /**\n   * If true, enables multi-line editing.\n   */\n  multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      value,\n      onChange,\n      onClick,\n      onKeyDown,\n      readOnly = false,\n      ariaLabel = \"\",\n      placeholder,\n      clearable,\n      typographyClassName,\n      component: TypographyComponent,\n      isEditMode,\n      autoSelectTextOnEditMode,\n      onEditModeChange,\n      tooltipProps,\n      type,\n      weight,\n      multiline = false\n    }: EditableTypographyProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isEditing, setIsEditing] = useState(isEditMode || false);\n    const [inputValue, setInputValue] = useState(value);\n\n    const prevValue = usePrevious(value);\n\n    const inputRef = useRef(null);\n    const typographyRef = useRef(null);\n\n    useEffect(() => {\n      if (!isEditing && value !== prevValue && value !== inputValue) {\n        setInputValue(value);\n      }\n    }, [prevValue, isEditing, value, inputValue]);\n\n    useEffect(() => {\n      setIsEditing(isEditMode);\n    }, [isEditMode]);\n\n    function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n      onClick?.(event);\n      toggleEditMode(event);\n    }\n\n    function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n      if (readOnly || isEditing) {\n        return;\n      }\n      event.preventDefault();\n      handleEditModeChange(true);\n    }\n\n    function handleEditModeChange(value: boolean) {\n      onEditModeChange?.(value);\n      setIsEditing(value);\n    }\n\n    function handleInputValueChange() {\n      handleEditModeChange(false);\n\n      if (value === inputValue) {\n        return;\n      }\n\n      const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n      if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n        setInputValue(value);\n        return;\n      }\n      setInputValue(inputValue);\n      onChange?.(inputValue);\n    }\n\n    function handleBlur() {\n      handleInputValueChange();\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      if (event.nativeEvent.isComposing) {\n        return;\n      }\n\n      if (event.key === keyCodes.ENTER) {\n        if (multiline && event.shiftKey) {\n          return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        handleInputValueChange();\n      }\n      if (event.key === keyCodes.ESCAPE) {\n        event.preventDefault();\n        event.stopPropagation();\n        handleEditModeChange(false);\n        setInputValue(value);\n      }\n\n      onKeyDown?.(event);\n    }\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      setInputValue(event.target.value);\n    }\n\n    const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n    function focus() {\n      inputRef.current?.focus?.();\n\n      if (inputRef.current) {\n        const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n        const textLength = inputElement.value.length;\n        inputElement.setSelectionRange(textLength, textLength);\n      }\n    }\n\n    function selectAllInputText() {\n      inputRef.current?.select?.();\n    }\n\n    useEffect(() => {\n      if (!isEditing) return;\n      focus();\n      if (autoSelectTextOnEditMode) {\n        selectAllInputText();\n      }\n    }, [autoSelectTextOnEditMode, isEditing]);\n\n    useIsomorphicLayoutEffect(() => {\n      if (!typographyRef.current) {\n        return;\n      }\n\n      const { width } = typographyRef.current.getBoundingClientRect();\n      inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n      if (multiline) {\n        const textareaElement = inputRef?.current as HTMLTextAreaElement;\n        textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n        textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n      }\n    }, [inputValue, isEditing]);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        aria-label={ariaLabel}\n        data-testid={dataTestId}\n        className={cx(styles.editableTypography, className)}\n        role={isEditing ? null : \"button\"}\n        onClick={onTypographyClick}\n        onKeyDown={toggleKeyboardEditMode}\n      >\n        {isEditing &&\n          (multiline ? (\n            <textarea\n              ref={inputRef}\n              className={cx(styles.textarea, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"textbox\"\n              rows={1}\n            />\n          ) : (\n            <input\n              ref={inputRef}\n              className={cx(styles.input, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              role=\"input\"\n            />\n          ))}\n        <TypographyComponent\n          ref={typographyRef}\n          aria-hidden={isEditing}\n          className={cx(styles.typography, typographyClassName, {\n            [styles.hidden]: isEditing,\n            [styles.disabled]: readOnly,\n            [styles.placeholder]: !inputValue && placeholder,\n            [styles.multiline]: !isEditing && multiline\n          })}\n          tabIndex={0}\n          tooltipProps={tooltipProps}\n          weight={weight}\n          type={type}\n          ellipsis={!multiline}\n        >\n          {inputValue || placeholder}\n        </TypographyComponent>\n      </div>\n    );\n  }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","onKeyDown","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","nativeEvent","isComposing","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"yiBAuFA,IAEMA,EAAqBC,GACzB,SAAAC,EAuBEC,GACE,IAtBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAASR,EAATQ,UAASC,EAAAT,EACTU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChBY,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAWb,EAAXa,YACAC,EAASd,EAATc,UACAC,EAAmBf,EAAnBe,oBACWC,EAAmBhB,EAA9BiB,UACAC,EAAUlB,EAAVkB,WACAC,EAAwBnB,EAAxBmB,yBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aACAC,EAAItB,EAAJsB,KACAC,EAAMvB,EAANuB,OAAMC,EAAAxB,EACNyB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY5B,EAAKyB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAAS1B,GAAMgC,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYpC,GAExBqC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqB1C,GAC5Be,SAAAA,EAAmBf,GACnB8B,EAAa9B,EACf,CAEA,SAAS2C,KACPD,GAAqB,GAEjB1C,IAAUiC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACdhC,SAAAA,EAAWgC,IAJTC,EAAclC,GAKlB,CAEA,SAAS4C,KACPD,GACF,CAEA,SAASE,GAAcL,GACrB,IAAIA,EAAMM,YAAYC,YAAtB,CAIA,GAAIP,EAAMQ,MAAQC,EAASC,MAAO,CAChC,GAAI9B,GAAaoB,EAAMW,SACrB,OAGFX,EAAMC,iBACND,EAAMY,kBACNT,GACD,CACGH,EAAMQ,MAAQC,EAASI,SACzBb,EAAMC,iBACND,EAAMY,kBACNV,GAAqB,GACrBR,EAAclC,IAGhBG,SAAAA,EAAYqC,EAlBX,CAmBH,CAEA,SAASc,GAAad,GACpBN,EAAcM,EAAMe,OAAOvD,MAC7B,CA1EAwD,GAAU,WACH3B,GAAa7B,IAAUmC,GAAanC,IAAUiC,GACjDC,EAAclC,EAEjB,GAAE,CAACmC,EAAWN,EAAW7B,EAAOiC,IAEjCuB,GAAU,WACR1B,EAAajB,EACf,GAAG,CAACA,IAoEJ,IAAM4C,GAAyBC,EAA6BnB,GAuC5D,OAvBAiB,GAAU,WAJV,QAKO3B,KAfP,mBAGE,WAFA8B,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdzB,EAASuB,QAAS,CACpB,IAAMG,EAAe1B,EAASuB,QACxBI,EAAaD,EAAa/D,MAAMiE,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC5C,CACH,CAQEF,GACIhD,YANJ6C,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACrD,EAA0Be,IAE9BuC,GAA0B,iBACxB,GAAK9B,EAAcsB,QAAnB,CAIA,IAAAS,EAAkB/B,EAAcsB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAxB,eAAAA,EAAUuB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJtD,EAAW,CACb,IAAMuD,EAAkBtC,aAAA,EAAAA,EAAUuB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aAtJzD,EAsJsF,MACtG,CATA,CAUH,GAAG,CAAC3C,EAAYJ,IAGdgD,EACEC,cAAA,MAAA,CAAAlF,IAAK2B,EACL1B,GAAIA,eACQU,EAAS,cACRR,EACbD,UAAWiF,EAAGC,EAAOC,mBAAoBnF,GACzCoF,KAAMrD,EAAY,KAAO,SACzB3B,QAjHJ,SAA2BsC,GACzBtC,SAAAA,EAAUsC,GACVD,EAAeC,EACjB,EA+GIrC,UAAWsD,IAEV5B,IACET,EACCyD,EACEC,cAAA,WAAA,CAAAlF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOG,SAAUzE,GAC/BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,gBACIrC,EACZC,YAAaA,EACb0E,KAAK,UACLG,KAAM,IAGRR,EACEC,cAAA,QAAA,CAAAlF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOM,MAAO5E,GAC5BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,GAAU,aACNrC,EACZC,YAAaA,EACb0E,KAAK,WAGXL,EAAAC,cAACnE,EACC,CAAAf,IAAK0C,gBACQT,EACb/B,UAAWiF,EAAGC,EAAOO,WAAY7E,EAAmB8E,EAAAA,EAAAA,EAAAA,KACjDR,EAAOS,OAAS5D,GAChBmD,EAAOU,SAAWrF,GAClB2E,EAAOxE,aAAeyB,GAAczB,GACpCwE,EAAO5D,WAAaS,GAAaT,IAEpCuE,SAAU,EACV3E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN2E,UAAWxE,GAEVa,GAAczB,GAIvB"}

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

@@ -1,2 +0,0 @@
-var e={editableTypography:"editableTypography",input:"input",textarea:"textarea",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder",multiline:"multiline"};!function(e){const n="s_id-34ea4bd39075_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input,\n.editableTypography .textarea {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active,\n.editableTypography .textarea:focus,\n.editableTypography .textarea:active {\n  outline: none;\n}\n.editableTypography .textarea {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--secondary-text-color);\n}\n.editableTypography .typography.multiline {\n  white-space: pre-wrap;\n}");export{e as default};
-//# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{typeof as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import i,{forwardRef as r}from"react";import s from"classnames";import{Flex as a}from"@vibe/layout/mockedClassNames";import{Heading as n,Text as m}from"@vibe/typography/mockedClassNames";import o from"./EmptyState.module.scss.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as c,ComponentDefaultTestId as p}from"../../tests/testIds.js";import{Button as u}from"@vibe/button/mockedClassNames";import d from"../Link/Link.js";import{ComponentVibeId as f}from"../../tests/constants.js";var g=r((function(r,g){var E=r.className,j=r.title,y=r.description,b=r.visual,v=r.mainAction,x=r.supportingAction,N=r.layout,k=void 0===N?"default":N,T=r.id,_=r["data-testid"],h="compact"===k;return i.createElement(a,{direction:"column",align:"center",justify:"center",gap:h?"small":"medium",className:s(o.emptyState,l(o,k),E),id:T,"data-testid":_||c(p.EMPTY_STATE,T),"data-vibe":f.EMPTY_STATE,ref:g},!!b&&b,i.createElement(a,{direction:"column",align:"center",gap:h?12:"medium",className:o.content},i.createElement(a,{direction:"column",align:"center",gap:"xs"},j&&i.createElement(n,{type:"h3",weight:"normal",className:o.title,align:"center",ellipsis:!1},j),"string"==typeof y?i.createElement(m,{className:o.description,align:"center",ellipsis:!1},y):y),(v||x)&&i.createElement(a,{direction:"column",align:"center",gap:"small",className:o.actions},function(t,r){if("object"===e(t)&&"text"in t)return i.createElement(u,Object.assign({kind:"secondary",size:r?"small":"medium"},t),t.text);return t}(v,h),function(r,s){if("object"===e(r)){if("text"in r&&"href"in r){var a=r.text,n=t(r,["text"]);return i.createElement(d,Object.assign({text:a},n))}if("text"in r){var m=r.text,o=t(r,["text"]);return i.createElement(u,Object.assign({kind:"tertiary",size:s?"small":"medium"},o),m)}}return r}(x,h))))}));export{g as default};
-//# sourceMappingURL=EmptyState.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.js","sources":["../../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Link, type LinkProps } from \"../Link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n  (\n    {\n      className,\n      title,\n      description,\n      visual,\n      mainAction,\n      supportingAction,\n      layout = \"default\",\n      id,\n      \"data-testid\": dataTestId\n    },\n    ref\n  ) => {\n    const isCompact = layout === \"compact\";\n\n    return (\n      <Flex\n        direction=\"column\"\n        align=\"center\"\n        justify=\"center\"\n        gap={isCompact ? \"small\" : \"medium\"}\n        className={cx(styles.emptyState, getStyle(styles, layout), className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n        data-vibe={ComponentVibeId.EMPTY_STATE}\n        ref={ref}\n      >\n        {!!visual && visual}\n\n        <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n          <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n            {title && (\n              <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n                {title}\n              </Heading>\n            )}\n\n            {typeof description === \"string\" ? (\n              <Text className={styles.description} align=\"center\" ellipsis={false}>\n                {description}\n              </Text>\n            ) : (\n              description\n            )}\n          </Flex>\n\n          {(mainAction || supportingAction) && (\n            <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n              {renderMainAction(mainAction, isCompact)}\n              {renderSupportingAction(supportingAction, isCompact)}\n            </Flex>\n          )}\n        </Flex>\n      </Flex>\n    );\n  }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n  if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n    return (\n      <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n        {mainAction.text}\n      </Button>\n    );\n  }\n\n  return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n  if (typeof supportingAction === \"object\") {\n    if (\"text\" in supportingAction && \"href\" in supportingAction) {\n      const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n      return <Link text={text} {...linkProps} />;\n    }\n    if (\"text\" in supportingAction) {\n      const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n      return (\n        <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n          {text}\n        </Button>\n      );\n    }\n  }\n\n  return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"yoBAYMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGN,CACF,CAED,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}

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

@@ -1,2 +0,0 @@
-var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-ec6bbd61ae58_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState.compact {\n  padding: var(--spacing-medium);\n}\n.emptyState .content {\n  width: 100%;\n  text-align: center;\n}\n.emptyState .content .title {\n  max-width: 500px;\n}\n.emptyState .content .description {\n  max-width: 500px;\n}\n.emptyState .content .actions {\n  width: 100%;\n}");export{t as default};
-//# sourceMappingURL=EmptyState.module.scss.js.map

package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as a,useRef as i,useState as r,useCallback as s}from"react";import l from"../../hooks/useMergeRef.js";import{Icon as c}from"@vibe/icon/mockedClassNames";import{Text as d}from"@vibe/typography/mockedClassNames";import{DropdownChevronDown as m}from"@vibe/icons";import{getTestId as p,ComponentDefaultTestId as f}from"../../tests/testIds.js";import v from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as u}from"../../tests/constants.js";var C=a((function(a,C){var h=a.children,N=a.headerComponentRenderer,E=void 0===N?null:N,g=a.title,y=void 0===g?"":g,b=a.className,k=a.defaultOpenState,P=void 0!==k&&k,x=a.iconSize,B=void 0===x?24:x,O=a.iconPosition,j=void 0===O?"right":O,A=a.id,S=void 0===A?"":A,I=a.open,L=a.onClick,_=void 0===L?null:L,z=a.hideBorder,D=void 0!==z&&z,R=a.headerClassName,T=a.contentClassName,X=a.componentClassName,w=a["data-testid"],H=a.captureOnClick,M=void 0===H||H,q=i(null),F=l(C,q),G=r(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===I?K:I,V=function(){Q(!K)},W=s((function(){return"string"==typeof y?n.createElement(d,{type:"text1",className:t(v.headerContent)},y):y}),[y]),Y=function(){return n.createElement(c,{className:t(v.iconComponent,o(o({},v.animateIconOpen,U),v.animateIconClose,!U)),iconType:"svg",icon:m,iconSize:B})};return n.createElement("div",{ref:F,className:b,id:S,"data-testid":w||p(f.EXPAND_COLLAPSE,S),"data-vibe":u.EXPAND_COLLAPSE},n.createElement("div",{className:t(v.expandCollapse,o(o({},v.hideBorder,D),v.showBorder,!D),X)},n.createElement("button",{type:"button",className:t(v.header,v.section,R,o(o(o({},v.headerOpen,U),v.hideBorderBottom,D),v.leftIcon,"left"===j)),onClickCapture:M?_||V:void 0,onClick:M?void 0:_||V,"aria-expanded":U,"aria-controls":"".concat(S,"-controls")},"left"===j&&Y(),"string"!=typeof y||0!==y.length?W():E&&E(),"right"===j&&Y()),U&&n.createElement("div",{className:t(v.content,v.section,T,o({},v.animateExpandCollapseContent,U)),id:"".concat(S,"-controls"),role:"region"},h)))}));export{C as default};
-//# sourceMappingURL=ExpandCollapse.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ExpandCollapse.js","sources":["../../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { Icon } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n  /**\n   * Custom renderer for the header component.\n   */\n  headerComponentRenderer?: () => ReactElement;\n  /**\n   * Class name applied to the header.\n   */\n  headerClassName?: string;\n  /**\n   * Class name applied to the content.\n   */\n  contentClassName?: string;\n  /**\n   * Class name applied to the root component.\n   */\n  componentClassName?: string;\n  /**\n   * The title displayed in the header.\n   */\n  title?: ElementContent;\n  /**\n   * The content inside the expandable section.\n   */\n  children?: ElementContent;\n  /**\n   * The size of the expand/collapse icon.\n   */\n  iconSize?: number | string;\n  /**\n   * The position of the icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\n  /**\n   * If true, the section is open by default when rendered.\n   */\n  defaultOpenState?: boolean;\n  /**\n   * Controls the open state of the section.\n   */\n  open?: boolean;\n  /**\n   * Callback fired when the header is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * If true, hides the border around the component.\n   */\n  hideBorder?: boolean;\n  /**\n   * If true, captures the click event on the button.\n   */\n  captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n  (\n    {\n      children,\n      headerComponentRenderer = null,\n      title = \"\",\n      className,\n      defaultOpenState = false,\n      iconSize = 24,\n      iconPosition = \"right\",\n      id = \"\",\n      open,\n      onClick = null,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      componentClassName,\n      \"data-testid\": dataTestId,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(defaultOpenState);\n    const isExpanded = open === undefined ? isOpen : open;\n\n    const toggleExpand = () => {\n      setIsOpen(!isOpen);\n    };\n    const renderHeader = useCallback(() => {\n      return typeof title === \"string\" ? (\n        <Text type=\"text1\" className={cx(styles.headerContent)}>\n          {title}\n        </Text>\n      ) : (\n        title\n      );\n    }, [title]);\n\n    const renderIcon = () => (\n      <Icon\n        className={cx(styles.iconComponent, {\n          [styles.animateIconOpen]: isExpanded,\n          [styles.animateIconClose]: !isExpanded\n        })}\n        iconType=\"svg\"\n        icon={DropdownChevronDown}\n        iconSize={iconSize}\n      />\n    );\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n        data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\n      >\n        <div\n          className={cx(\n            styles.expandCollapse,\n            {\n              [styles.hideBorder]: hideBorder,\n              [styles.showBorder]: !hideBorder\n            },\n            componentClassName\n          )}\n        >\n          <button\n            type=\"button\"\n            className={cx(styles.header, styles.section, headerClassName, {\n              [styles.headerOpen]: isExpanded,\n              [styles.hideBorderBottom]: hideBorder,\n              [styles.leftIcon]: iconPosition === \"left\"\n            })}\n            onClickCapture={captureOnClick ? onClick || toggleExpand : undefined}\n            onClick={!captureOnClick ? onClick || toggleExpand : undefined}\n            aria-expanded={isExpanded}\n            aria-controls={`${id}-controls`}\n          >\n            {iconPosition === \"left\" && renderIcon()}\n            {typeof title !== \"string\" || title.length !== 0\n              ? renderHeader()\n              : headerComponentRenderer && headerComponentRenderer()}\n            {iconPosition === \"right\" && renderIcon()}\n          </button>\n          {isExpanded && (\n            <div\n              className={cx(styles.content, styles.section, contentClassName, {\n                [styles.animateExpandCollapseContent]: isExpanded\n              })}\n              id={`${id}-controls`}\n              role=\"region\"\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"+kBAmEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BkB,SAAS,MACTC,KAAMC,EACN9C,SAAUA,KAId,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}

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

@@ -1,2 +0,0 @@
-var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",headerOpen:"headerOpen",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose",leftIcon:"leftIcon"};!function(n){const e="s_id-023f1d02802e_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n.header {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header:focus-visible, .header.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.header:focus:not(.focus-visible) {\n  outline: none;\n}\n.header:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header:active {\n  transform: scale(1);\n}\n.header .headerContent {\n  margin: 0;\n}\n.header .iconComponent {\n  color: var(--icon-color);\n}\n.content {\n  padding: var(--spacing-medium);\n}\n.section {\n  width: 100%;\n}\n.hideBorder {\n  border: none;\n}\n.hideBorderBottom {\n  border-bottom: none;\n}\n.showBorder {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder .headerOpen {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header.leftIcon {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
-//# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import e from"classnames";import a,{forwardRef as o}from"react";import{Icon as l}from"@vibe/icon/mockedClassNames";import m from"./FieldLabel.module.scss.js";var r=o((function(o,r){var s=o.icon,i=void 0===s?"":s,t=o.labelText,n=void 0===t?"":t,c=o.labelFor,d=void 0===c?"":c,p=o.iconClassName,v=void 0===p?"":p,b=o.labelClassName,f=void 0===b?"":b,N=o.required,u=void 0!==N&&N,C=o.id,E=void 0===C?"":C,F=o.htmlFor,x=void 0===F?"":F;return n?a.createElement("section",{className:e(m.labelComponentWrapper,o.className)},a.createElement(l,{icon:i,className:e(m.labelComponentIcon,v),id:d,iconType:"font"}),a.createElement("label",{id:E,htmlFor:d||x,ref:r,className:e(m.labelComponentText,f)},n,u&&a.createElement("span",{className:m.required}," *"))):null}));export{r as default};
-//# sourceMappingURL=FieldLabel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldLabel.js","sources":["../../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport { Icon } from \"@vibe/icon\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n  /**\n   * The icon displayed next to the label.\n   */\n  icon?: string | React.FunctionComponent | null;\n  /**\n   * The text content of the label.\n   */\n  labelText?: string;\n  /**\n   * The ID of the associated input element.\n   */\n  labelFor?: string;\n  /**\n   * Class name applied to the icon.\n   */\n  iconClassName?: string;\n  /**\n   * Class name applied to the label text.\n   */\n  labelClassName?: string;\n  /**\n   * If true, displays an asterisk to indicate a required field.\n   */\n  required?: boolean;\n  /**\n   * The HTML for attribute of the associated input element.\n   */\n  htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n  (\n    {\n      className,\n      icon = \"\",\n      labelText = \"\",\n      labelFor = \"\",\n      iconClassName = \"\",\n      labelClassName = \"\",\n      required = false,\n      id = \"\",\n      htmlFor = \"\"\n    },\n    ref: ForwardedRef<HTMLLabelElement>\n  ) => {\n    if (!labelText) {\n      return null;\n    }\n\n    return (\n      <section className={cx(styles.labelComponentWrapper, className)}>\n        <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} iconType=\"font\" />\n        <label\n          id={id}\n          htmlFor={labelFor || htmlFor}\n          ref={ref}\n          className={cx(styles.labelComponentText, labelClassName)}\n        >\n          {labelText}\n          {required && <span className={styles.required}> *</span>}\n        </label>\n      </section>\n    );\n  }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","iconType","labelComponentText"],"mappings":"8JAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,SAAS,SAClGR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}

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

@@ -1,2 +0,0 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-12dfba012dab_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required {\n  color: var(--negative-color);\n}");export{e as default};
-//# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import e from"classnames";import t,{forwardRef as r,useMemo as a}from"react";import{formatNumber as s,formatNumberConsts as o}from"../../helpers/textManipulations.js";import{validateValue as l}from"./FormattedNumberHelpers.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as i,ComponentDefaultTestId as n}from"../../tests/testIds.js";import c from"./FormattedNumber.module.scss.js";var p=m(r((function(r,m){var p=r.value,u=r.className,f=r.local,d=void 0===f?o.DEFAULT_LOCAL:f,N=r.prefix,v=r.suffix,E=r.emptyPlaceHolder,j=void 0===E?"N/A":E,x=r.decimalPrecision,A=void 0===x?2:x,F=r.compact,L=void 0===F||F,b=r.rtl,T=r.id,C=r["data-testid"],D=a((function(){return v?t.createElement("span",{className:e(c.suffix)},v):null}),[v]),M=a((function(){return N?t.createElement("span",{className:e(c.prefix)},N):null}),[N]),O=a((function(){return s(Number(p),{local:d,precision:A,isCompact:L})}),[p,A,d,L]);return l(p)?t.createElement("span",null,j):t.createElement("div",{ref:m,className:u,id:T,"data-testid":C||i(n.FORMATTED_NUMBER,T)},b?D:M,t.createElement("span",null,O),b?M:D)})),{formatNumber:s,localFallBack:o.DEFAULT_LOCAL});export{p as default};
-//# sourceMappingURL=FormattedNumber.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormattedNumber.js","sources":["../../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n  /**\n   * The numeric value to format.\n   */\n  value?: number | string;\n  /**\n   * The text displayed before the number.\n   */\n  prefix?: string;\n  /**\n   * The text displayed after the number.\n   */\n  suffix?: string;\n  /**\n   * The text displayed when no value is provided.\n   */\n  emptyPlaceHolder?: string;\n  /**\n   * The number of decimal places to display (0 ~ 20).\n   */\n  decimalPrecision?: number;\n  /**\n   * If true, formats the number into a compact notation.\n   */\n  compact?: boolean;\n  /**\n   * The locale used for formatting (Unicode BCP 47 locale identifier).\n   */\n  local?: string;\n  /**\n   * If true, reverses the order of the prefix and suffix.\n   */\n  rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n  (\n    {\n      value,\n      className,\n      local = formatNumberConsts.DEFAULT_LOCAL,\n      prefix,\n      suffix,\n      emptyPlaceHolder = \"N/A\",\n      decimalPrecision = 2,\n      compact = true,\n      rtl,\n      id,\n      \"data-testid\": dataTestId\n    }: FormattedNumberProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const renderSuffix = useMemo(() => {\n      if (!suffix) return null;\n\n      return <span className={cx(styles.suffix)}>{suffix}</span>;\n    }, [suffix]);\n\n    const renderPrefix = useMemo(() => {\n      if (!prefix) return null;\n\n      return <span className={cx(styles.prefix)}>{prefix}</span>;\n    }, [prefix]);\n\n    const calculatedValue = useMemo(() => {\n      return formatNumber(Number(value), {\n        local,\n        precision: decimalPrecision,\n        isCompact: compact\n      });\n    }, [value, decimalPrecision, local, compact]);\n\n    if (validateValue(value)) {\n      return <span>{emptyPlaceHolder}</span>;\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n      >\n        {rtl ? renderSuffix : renderPrefix}\n        <span>{calculatedValue}</span>\n        {rtl ? renderPrefix : renderSuffix}\n      </div>\n    );\n  }\n);\n\ninterface FormattedNumberStaticProps {\n  formatNumber: typeof formatNumber;\n  localFallBack: string;\n}\n\nexport default withStaticProps<FormattedNumberProps, FormattedNumberStaticProps>(FormattedNumber, {\n  formatNumber: formatNumber,\n  localFallBack: formatNumberConsts.DEFAULT_LOCAL\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER","localFallBack"],"mappings":"0cA2CA,IA6DeA,EAAAA,EA7DSC,GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B,IAQgG,CAChGQ,aAAcA,EACdQ,cAAe7B,EAAmBC"}

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

@@ -1,2 +0,0 @@
-var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){const n="s_id-d821b20045aa_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix {\n  white-space: pre;\n}\n.suffix {\n  white-space: pre;\n}");export{e as default};
-//# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js.map

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

package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumberHelpers.js

@@ -1,2 +0,0 @@
-var n=function(n){var e=null==n,t="string"==typeof n&&!n.replace(" ","").length;return e||isNaN(Number(n))||t};Object.freeze({range:function(n,e){return function(t,r,c){if(n>t[r]||t[r]>e)return Error("Invalid prop ".concat(r," supplied to ").concat(c,". ").concat(r," should be between ").concat(n," to ").concat(e,"."))}}});export{n as validateValue};
-//# sourceMappingURL=FormattedNumberHelpers.js.map

package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumberHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormattedNumberHelpers.js","sources":["../../../../../src/components/FormattedNumber/FormattedNumberHelpers.ts"],"sourcesContent":["export const validateValue = (value: number | string): boolean => {\n  const isNullOrUndefined = value === null || value === undefined;\n  const isEmptyStringWithSpaces = typeof value === \"string\" && !value.replace(\" \", \"\").length;\n  return isNullOrUndefined || isNaN(Number(value)) || isEmptyStringWithSpaces;\n};\n\nconst range =\n  (min: number, max: number) => (props: Record<string, number>, propName: string, componentName: string) => {\n    if (props[propName] < min || props[propName] > max) {\n      return new Error(\n        `Invalid prop ${propName} supplied to ${componentName}. ${propName} should be between ${min} to ${max}.`\n      );\n    }\n  };\n\nexport const customPropTypes = Object.freeze({\n  range\n});\n"],"names":["validateValue","value","isNullOrUndefined","isEmptyStringWithSpaces","replace","length","isNaN","Number","Object","freeze","range","min","max","props","propName","componentName","Error","concat"],"mappings":"IAAaA,EAAgB,SAACC,GAC5B,IAAMC,EAAoBD,QACpBE,EAA2C,iBAAVF,IAAuBA,EAAMG,QAAQ,IAAK,IAAIC,OACrF,OAAOH,GAAqBI,MAAMC,OAAON,KAAWE,CACtD,EAW+BK,OAAOC,OAAO,CAC3CC,MATA,SAACC,EAAaC,GAAW,OAAK,SAACC,EAA+BC,EAAkBC,GAC9E,GAAsBJ,EAAlBE,EAAMC,IAAmBD,EAAMC,GAAYF,EAC7C,OAAWI,MAAKC,gBAAAA,OACEH,EAAQ,iBAAAG,OAAgBF,EAAa,MAAAE,OAAKH,EAAQG,uBAAAA,OAAsBN,UAAGM,OAAOL,EAAG,MAG1G"}

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

@@ -1,2 +0,0 @@
-import n,{useMemo as o,useContext as r,useCallback as i}from"react";import e from"../../hooks/useEventListener/index.js";import{useLastNavigationDirection as t}from"../Menu/Menu/hooks/useLastNavigationDirection.js";import{getDirectionMaps as u,getOppositeDirection as a,getOutmostElementInDirection as l,getNextElementToFocusInDirection as d}from"./helper.js";var s=n.createContext(null),v=function(n,v){var c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{disabled:!1},f=o((function(){return u(n)}),[n]),b=r(s),m=t().lastNavigationDirectionRef,p=i((function(){var n,o=m.current;if(o&&!c.disabled){var r=a(o),i=l(f,r);null===(n=null==i?void 0:i.current)||void 0===n||n.focus()}}),[f,c.disabled,m]);return e({eventName:"focus",callback:p,ref:v}),{onOutboundNavigation:i((function(n,o){var r,i;if(!c.disabled){var e=d(f[o],n);if(e)return null===(r=n.current)||void 0===r||r.blur(),void(null===(i=e.current)||void 0===i||i.focus());null==b||b.onOutboundNavigation(v,o)}}),[f,b,v,c.disabled])}};export{s as GridKeyboardNavigationContext,v as useGridKeyboardNavigationContext};
-//# sourceMappingURL=GridKeyboardNavigationContext.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"GridKeyboardNavigationContext.js","sources":["../../../../../src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.ts"],"sourcesContent":["import React, { useContext, useCallback, useMemo } from \"react\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport { useLastNavigationDirection } from \"../Menu/Menu/hooks/useLastNavigationDirection\";\nimport {\n  getDirectionMaps,\n  getNextElementToFocusInDirection,\n  getOppositeDirection,\n  getOutmostElementInDirection\n} from \"./helper\";\nimport { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n  type GridElementRef,\n  type GridKeyboardNavigationContextType,\n  type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nexport const GridKeyboardNavigationContext = React.createContext<GridKeyboardNavigationContextType>(null);\n\n/**\n * @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}|\n * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items\n * @param {*} wrapperRef - a reference for a wrapper element which contains all the referenced elements\n * @param options - { disabled: boolean }\n */\nexport const useGridKeyboardNavigationContext = (\n  positions: Position[],\n  wrapperRef: GridElementRef,\n  options: { disabled: boolean } = { disabled: false }\n) => {\n  const directionMaps = useMemo(() => getDirectionMaps(positions), [positions]);\n  const upperContext = useContext(GridKeyboardNavigationContext);\n  const { lastNavigationDirectionRef } = useLastNavigationDirection();\n\n  const onWrapperFocus = useCallback(() => {\n    const keyboardDirection = lastNavigationDirectionRef.current;\n    if (!keyboardDirection || options.disabled) {\n      return;\n    }\n    const oppositeDirection = getOppositeDirection(keyboardDirection);\n    const refToFocus = getOutmostElementInDirection(directionMaps, oppositeDirection);\n    refToFocus?.current?.focus();\n  }, [directionMaps, options.disabled, lastNavigationDirectionRef]);\n  useEventListener({ eventName: \"focus\", callback: onWrapperFocus, ref: wrapperRef });\n\n  const onOutboundNavigation = useCallback(\n    (elementRef: GridElementRef, direction: NavDirections) => {\n      if (options.disabled) return;\n      const maybeNextElement = getNextElementToFocusInDirection(directionMaps[direction], elementRef);\n      if (maybeNextElement) {\n        elementRef.current?.blur();\n        maybeNextElement.current?.focus();\n        return;\n      }\n      // nothing on that direction - try updating the upper context\n      upperContext?.onOutboundNavigation(wrapperRef, direction);\n    },\n    [directionMaps, upperContext, wrapperRef, options.disabled]\n  );\n  return { onOutboundNavigation };\n};\n"],"names":["GridKeyboardNavigationContext","React","createContext","useGridKeyboardNavigationContext","positions","wrapperRef","options","arguments","length","undefined","disabled","directionMaps","useMemo","getDirectionMaps","upperContext","useContext","lastNavigationDirectionRef","useLastNavigationDirection","onWrapperFocus","useCallback","keyboardDirection","current","oppositeDirection","getOppositeDirection","refToFocus","getOutmostElementInDirection","_a","focus","useEventListener","eventName","callback","ref","onOutboundNavigation","elementRef","direction","maybeNextElement","getNextElementToFocusInDirection","blur","_b"],"mappings":"wWAgBO,IAAMA,EAAgCC,EAAMC,cAAiD,MAQvFC,EAAmC,SAC9CC,EACAC,GAEE,IADFC,EAAAC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAiC,GAAA,CAAEG,UAAU,GAEvCC,EAAgBC,GAAQ,WAAA,OAAMC,EAAiBT,KAAY,CAACA,IAC5DU,EAAeC,EAAWf,GACxBgB,EAA+BC,IAA/BD,2BAEFE,EAAiBC,GAAY,iBAC3BC,EAAoBJ,EAA2BK,QACrD,GAAKD,IAAqBd,EAAQI,SAAlC,CAGA,IAAMY,EAAoBC,EAAqBH,GACzCI,EAAaC,EAA6Bd,EAAeW,GAC5C,QAAnBI,EAAAF,aAAA,EAAAA,EAAYH,eAAO,IAAAK,GAAAA,EAAEC,OAHpB,CAIF,GAAE,CAAChB,EAAeL,EAAQI,SAAUM,IAiBrC,OAhBAY,EAAiB,CAAEC,UAAW,QAASC,SAAUZ,EAAgBa,IAAK1B,IAgB/D,CAAE2B,qBAdoBb,GAC3B,SAACc,EAA4BC,WAC3B,IAAI5B,EAAQI,SAAZ,CACA,IAAMyB,EAAmBC,EAAiCzB,EAAcuB,GAAYD,GACpF,GAAIE,EAGF,OAFoB,QAApBT,EAAAO,EAAWZ,eAAS,IAAAK,GAAAA,EAAAW,YACM,QAA1BC,EAAAH,EAAiBd,eAAS,IAAAiB,GAAAA,EAAAX,SAI5Bb,SAAAA,EAAckB,qBAAqB3B,EAAY6B,EARzB,CASxB,GACA,CAACvB,EAAeG,EAAcT,EAAYC,EAAQI,WAGtD"}

package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/helper.js

@@ -1,2 +0,0 @@
-import{defineProperty as e,toConsumableArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{NavDirections as r}from"../../hooks/useFullKeyboardListeners.js";var n=function(t){var n=e(e(e(e({},r.RIGHT,new Map),r.LEFT,new Map),r.UP,new Map),r.DOWN,new Map);return t.forEach((function(e){!function(e,t){var n=t.topElement,o=t.bottomElement,a=t.leftElement,l=t.rightElement;function i(e,t){throw Error("Circular positioning detected: the ".concat(e," element is already positioned to the ").concat(t," of the ").concat(t," element. This probably means the layout isn't ordered correctly."))}n&&o&&(e[r.UP].get(n)===o&&i("BOTTOM","TOP"),e[r.DOWN].get(o)===n&&i("TOP","BOTTOM")),a&&l&&(e[r.LEFT].get(a)===l&&i("RIGHT","LEFT"),e[r.RIGHT].get(l)===a&&i("LEFT","RIGHT"))}(n,e);var t=e.topElement,o=e.bottomElement,a=e.leftElement,l=e.rightElement;t&&o&&(n[r.UP].set(o,t),n[r.DOWN].set(t,o)),a&&l&&(n[r.LEFT].set(l,a),n[r.RIGHT].set(a,l))})),n},o=function(e){switch(e){case r.LEFT:return r.RIGHT;case r.RIGHT:return r.LEFT;case r.UP:return r.DOWN;case r.DOWN:return r.UP;default:throw Error("Unexpected direction: ".concat(e))}},a=function e(n,o){var a=n[o],i=t(a)[0];return i?function(e,t){var r=!1,n=t;for(;!r;){var o=l(e,n);o?n=o:r=!0}return n}(a,i[0]):e(n,[r.LEFT,r.RIGHT].includes(o)?r.UP:r.LEFT)},l=function e(t,r){var n,o=t.get(r);return o?!o.current||o.current.disabled||"true"===(null===(n=o.current.dataset)||void 0===n?void 0:n.disabled)?e(t,o):o:null};export{n as getDirectionMaps,l as getNextElementToFocusInDirection,o as getOppositeDirection,a as getOutmostElementInDirection};
-//# sourceMappingURL=helper.js.map

package/dist/mocked_classnames/src/components/GridKeyboardNavigationContext/helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helper.js","sources":["../../../../../src/components/GridKeyboardNavigationContext/helper.ts"],"sourcesContent":["import { NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n  type DirectionMap,\n  type DirectionMaps,\n  type GridElementRef,\n  type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nfunction throwIfCausingCircularDependency(directionMaps: DirectionMaps, newPosition: Position) {\n  const { topElement, bottomElement, leftElement, rightElement } = newPosition;\n  if (topElement && bottomElement) {\n    if (directionMaps[NavDirections.UP].get(topElement) === bottomElement) {\n      throwMessage(\"BOTTOM\", \"TOP\");\n    }\n    if (directionMaps[NavDirections.DOWN].get(bottomElement) === topElement) {\n      throwMessage(\"TOP\", \"BOTTOM\");\n    }\n  }\n  if (leftElement && rightElement) {\n    if (directionMaps[NavDirections.LEFT].get(leftElement) === rightElement) {\n      throwMessage(\"RIGHT\", \"LEFT\");\n    }\n    if (directionMaps[NavDirections.RIGHT].get(rightElement) === leftElement) {\n      throwMessage(\"LEFT\", \"RIGHT\");\n    }\n  }\n\n  function throwMessage(directionFrom: string, directionTo: string) {\n    throw new Error(\n      `Circular positioning detected: the ${directionFrom} element is already positioned to the ${directionTo} of the ${directionTo} element. This probably means the layout isn't ordered correctly.`\n    );\n  }\n}\n\nexport const getDirectionMaps = (positions: Position[]) => {\n  const directionMaps: DirectionMaps = {\n    [NavDirections.RIGHT]: new Map(),\n    [NavDirections.LEFT]: new Map(),\n    [NavDirections.UP]: new Map(),\n    [NavDirections.DOWN]: new Map()\n  };\n  positions.forEach(position => {\n    throwIfCausingCircularDependency(directionMaps, position);\n\n    const { topElement, bottomElement, leftElement, rightElement } = position;\n    if (topElement && bottomElement) {\n      directionMaps[NavDirections.UP].set(bottomElement, topElement);\n      directionMaps[NavDirections.DOWN].set(topElement, bottomElement);\n    }\n    if (leftElement && rightElement) {\n      directionMaps[NavDirections.LEFT].set(rightElement, leftElement);\n      directionMaps[NavDirections.RIGHT].set(leftElement, rightElement);\n    }\n  });\n  return directionMaps;\n};\n\nexport const getOppositeDirection = (direction: NavDirections) => {\n  switch (direction) {\n    case NavDirections.LEFT:\n      return NavDirections.RIGHT;\n    case NavDirections.RIGHT:\n      return NavDirections.LEFT;\n    case NavDirections.UP:\n      return NavDirections.DOWN;\n    case NavDirections.DOWN:\n      return NavDirections.UP;\n    default:\n      throw new Error(`Unexpected direction: ${direction}`);\n  }\n};\n\nexport const getOutmostElementInDirection = (\n  directionMaps: DirectionMaps,\n  direction: NavDirections\n): GridElementRef => {\n  const directionMap = directionMaps[direction];\n  const firstEntry = [...directionMap][0]; // start with any element\n  if (!firstEntry) {\n    // no relations were registered for this direction - fallback to a different direction\n    if ([NavDirections.LEFT, NavDirections.RIGHT].includes(direction)) {\n      // there are no registered horizontal relations registered, try vertical relations. Get the top-most element.\n      return getOutmostElementInDirection(directionMaps, NavDirections.UP);\n    }\n    // there are no registered vertical relations registered, try horizontal relations. Get the left-most element.\n    return getOutmostElementInDirection(directionMaps, NavDirections.LEFT);\n  }\n  const firstRef = firstEntry[0];\n  return getLastFocusableElementFromElementInDirection(directionMap, firstRef);\n};\n\nexport const getNextElementToFocusInDirection = (\n  directionMap: DirectionMap,\n  elementRef: GridElementRef\n): null | GridElementRef => {\n  const next = directionMap.get(elementRef);\n  if (!next) {\n    // this is the last element on the direction map - there' nothing next\n    return null;\n  }\n  if (!next.current || next.current.disabled || next.current.dataset?.disabled === \"true\") {\n    // the next element is not mounted or disabled - try the next one\n    return getNextElementToFocusInDirection(directionMap, next);\n  }\n  return next;\n};\n\nfunction getLastFocusableElementFromElementInDirection(directionMap: DirectionMap, initialRef: GridElementRef) {\n  let done = false;\n  let currentRef = initialRef;\n\n  while (!done) {\n    // as long as there's a mounted element which in that direction, take it.\n    const nextEligible = getNextElementToFocusInDirection(directionMap, currentRef);\n    if (!nextEligible) {\n      done = true;\n    } else {\n      currentRef = nextEligible;\n    }\n  }\n\n  return currentRef;\n}\n"],"names":["getDirectionMaps","positions","directionMaps","_defineProperty","NavDirections","RIGHT","Map","LEFT","UP","DOWN","forEach","position","newPosition","topElement","bottomElement","leftElement","rightElement","throwMessage","directionFrom","directionTo","Error","concat","get","throwIfCausingCircularDependency","set","getOppositeDirection","direction","getOutmostElementInDirection","directionMap","firstEntry","_toConsumableArray","initialRef","done","currentRef","nextEligible","getNextElementToFocusInDirection","getLastFocusableElementFromElementInDirection","includes","elementRef","next","current","disabled","_a","dataset"],"mappings":"mLAkCaA,EAAmB,SAACC,GAC/B,IAAMC,EAAaC,EAAAA,EAAAA,EAAAA,EAAA,GAChBC,EAAcC,MAAQ,IAAIC,KAC1BF,EAAcG,KAAO,IAAID,KACzBF,EAAcI,GAAK,IAAIF,KACvBF,EAAcK,KAAO,IAAIH,KAe5B,OAbAL,EAAUS,SAAQ,SAAAC,IAjCpB,SAA0CT,EAA8BU,GACtE,IAAQC,EAAyDD,EAAzDC,WAAYC,EAA6CF,EAA7CE,cAAeC,EAA8BH,EAA9BG,YAAaC,EAAiBJ,EAAjBI,aAkBhD,SAASC,EAAaC,EAAuBC,GAC3C,MAAUC,MAAKC,sCAAAA,OACyBH,EAAa,0CAAAG,OAAyCF,EAAWE,YAAAA,OAAWF,uEAEtH,CArBIN,GAAcC,IACZZ,EAAcE,EAAcI,IAAIc,IAAIT,KAAgBC,GACtDG,EAAa,SAAU,OAErBf,EAAcE,EAAcK,MAAMa,IAAIR,KAAmBD,GAC3DI,EAAa,MAAO,WAGpBF,GAAeC,IACbd,EAAcE,EAAcG,MAAMe,IAAIP,KAAiBC,GACzDC,EAAa,QAAS,QAEpBf,EAAcE,EAAcC,OAAOiB,IAAIN,KAAkBD,GAC3DE,EAAa,OAAQ,SAS3B,CAUIM,CAAiCrB,EAAeS,GAEhD,IAAQE,EAAyDF,EAAzDE,WAAYC,EAA6CH,EAA7CG,cAAeC,EAA8BJ,EAA9BI,YAAaC,EAAiBL,EAAjBK,aAC5CH,GAAcC,IAChBZ,EAAcE,EAAcI,IAAIgB,IAAIV,EAAeD,GACnDX,EAAcE,EAAcK,MAAMe,IAAIX,EAAYC,IAEhDC,GAAeC,IACjBd,EAAcE,EAAcG,MAAMiB,IAAIR,EAAcD,GACpDb,EAAcE,EAAcC,OAAOmB,IAAIT,EAAaC,GAExD,IACOd,CACT,EAEauB,EAAuB,SAACC,GACnC,OAAQA,GACN,KAAKtB,EAAcG,KACjB,OAAOH,EAAcC,MACvB,KAAKD,EAAcC,MACjB,OAAOD,EAAcG,KACvB,KAAKH,EAAcI,GACjB,OAAOJ,EAAcK,KACvB,KAAKL,EAAcK,KACjB,OAAOL,EAAcI,GACvB,QACE,MAAUY,MAAK,yBAAAC,OAA0BK,IAE/C,EAEaC,EAA+B,SAA/BA,EACXzB,EACAwB,GAEA,IAAME,EAAe1B,EAAcwB,GAC7BG,EAAaC,EAAIF,GAAc,GACrC,OAAKC,EA6BP,SAAuDD,EAA4BG,GACjF,IAAIC,GAAO,EACPC,EAAaF,EAEjB,MAAQC,GAAM,CAEZ,IAAME,EAAeC,EAAiCP,EAAcK,GAC/DC,EAGHD,EAAaC,EAFbF,GAAO,CAIV,CAED,OAAOC,CACT,CAlCSG,CAA8CR,EADpCC,EAAW,IALjBF,EAA6BzB,EAFlC,CAACE,EAAcG,KAAMH,EAAcC,OAAOgC,SAASX,GAEFtB,EAAcI,GAGhBJ,EAAcG,KAIrE,EAEa4B,EAAmC,SAAnCA,EACXP,EACAU,SAEMC,EAAOX,EAAaN,IAAIgB,GAC9B,OAAKC,GAIAA,EAAKC,SAAWD,EAAKC,QAAQC,UAA+C,UAAb,QAAtBC,EAAAH,EAAKC,QAAQG,eAAS,IAAAD,OAAA,EAAAA,EAAAD,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}

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

@@ -1,2 +0,0 @@
-import e from"classnames";import t,{forwardRef as s,useRef as r}from"react";import a from"../../hooks/useMergeRef.js";import{getTestId as d,ComponentDefaultTestId as o}from"../../tests/testIds.js";import i from"./HiddenText.module.scss.js";var m=s((function(s,m){var n=s.text,f=s.className,p=void 0===f?"":f,l=s.id,c=void 0===l?"hiddenText":l,u=s["data-testid"],x=r(null),T=a(m,x);return t.createElement("span",{ref:T,id:c,"data-testid":u||d(o.HIDDEN_TEXT,c),className:e(i.hiddenTextWrapper,p)},n)}));export{m as default};
-//# sourceMappingURL=HiddenText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HiddenText.js","sources":["../../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n  /**\n   * The text content that is hidden but available for assistive technologies.\n   */\n  text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n  ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <span\n        ref={mergedRef}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n        className={cx(styles.hiddenTextWrapper, className)}\n      >\n        {text}\n      </span>\n    );\n  }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"gPAcMA,IAAAA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAK,IAAHD,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}

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

@@ -1,2 +0,0 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){const t="s_id-5ac012179a41_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hiddenTextWrapper {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
-//# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as i,useRef as t,useState as a,useCallback as n}from"react";import{Info as r}from"@vibe/icons";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{Dialog as s}from"@vibe/dialog/mockedClassNames";import"../../../_virtual/_tslib.js";import"classnames";import"../Link/Link.js";import"./components/InfoLink/InfoLink.module.scss.js";import d from"./components/InfoDialogContent/InfoDialogContent.js";import{ComponentDefaultTestId as c,ComponentVibeId as m}from"../../tests/constants.js";import{getTestId as u}from"../../tests/testIds.js";import f from"../../hooks/useMergeRef.js";var p=i((function(i,p){var b=i.id,v=i.className,g=i.title,k=i.body,y=i.link,h=i["aria-label"],j=i["aria-labelledby"],D=i.position,I=void 0===D?"bottom-start":D,N=i.disabled,C=void 0!==N&&N,L=i.onDialogShow,E=i.onDialogHide,H=i.hideButtonTooltip,T=i.dialogClassName,B=i.containerSelector,S=i["data-testid"],_=t(null),w=f(p,_),x=t(null),F=t(null),A=a(!1),O=o(A,2),P=O[0],R=O[1],q=b?"".concat(b,"-dialog"):void 0,z=n((function(){R(!0),null==L||L(),requestAnimationFrame((function(){var o;null===(o=F.current)||void 0===o||o.focus()}))}),[L]),M=n((function(o){var e;R(!1),null==E||E(),"Escape"===o.key&&(null===(e=_.current)||void 0===e||e.focus())}),[E]);return e.createElement(s,{ref:x,id:q,disable:C,position:I,moveBy:{main:4,secondary:0},showTrigger:["click"],hideTrigger:["click","clickoutside","esckey"],onDialogDidShow:z,onDialogDidHide:M,containerSelector:B,content:e.createElement(d,{ref:F,id:q,title:g,body:k,link:y,className:T}),hideWhenReferenceHidden:!0},e.createElement(l,{ref:w,id:b,className:v,icon:r,size:"xs",kind:"tertiary",active:P,disabled:C,ariaLabel:h,ariaLabeledBy:j,ariaControls:q,ariaHasPopup:"dialog",ariaExpanded:P,"data-testid":S||u(c.INFO,b),"data-vibe":m.INFO,hideTooltip:H}))}));export{p as default};
-//# sourceMappingURL=Info.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Info.js","sources":["../../../../../src/components/Info/Info.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from \"react\";\nimport { Info as InfoIcon } from \"@vibe/icons\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Dialog, type DialogEvent } from \"@vibe/dialog\";\nimport { InfoDialogContent } from \"./components\";\nimport { type InfoProps } from \"./Info.types\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\n\nconst Info = forwardRef(\n  (\n    {\n      id,\n      className,\n      title,\n      body,\n      link,\n      \"aria-label\": ariaLabel,\n      \"aria-labelledby\": ariaLabelledby,\n      position = \"bottom-start\",\n      disabled = false,\n      onDialogShow,\n      onDialogHide,\n      hideButtonTooltip,\n      dialogClassName,\n      containerSelector,\n      \"data-testid\": dataTestId\n    }: InfoProps,\n    ref: React.ForwardedRef<HTMLButtonElement>\n  ) => {\n    const iconButtonRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRef(ref, iconButtonRef);\n    const dialogRef = useRef<Dialog>(null);\n    const dialogContentRef = useRef<HTMLDivElement>(null);\n\n    const [isOpen, setIsOpen] = useState(false);\n\n    const dialogId = id ? `${id}-dialog` : undefined;\n\n    const handleDialogShow = useCallback(() => {\n      setIsOpen(true);\n      onDialogShow?.();\n      requestAnimationFrame(() => {\n        dialogContentRef.current?.focus();\n      });\n    }, [onDialogShow]);\n\n    const handleDialogHide = useCallback(\n      (e: DialogEvent) => {\n        setIsOpen(false);\n        onDialogHide?.();\n        if ((e as React.KeyboardEvent).key === \"Escape\") {\n          iconButtonRef.current?.focus();\n        }\n      },\n      [onDialogHide]\n    );\n\n    return (\n      <Dialog\n        ref={dialogRef}\n        id={dialogId}\n        disable={disabled}\n        position={position}\n        moveBy={{ main: 4, secondary: 0 }}\n        showTrigger={[\"click\"]}\n        hideTrigger={[\"click\", \"clickoutside\", \"esckey\"]}\n        onDialogDidShow={handleDialogShow}\n        onDialogDidHide={handleDialogHide}\n        containerSelector={containerSelector}\n        content={\n          <InfoDialogContent\n            ref={dialogContentRef}\n            id={dialogId}\n            title={title}\n            body={body}\n            link={link}\n            className={dialogClassName}\n          />\n        }\n        hideWhenReferenceHidden\n      >\n        <IconButton\n          ref={mergedRef}\n          id={id}\n          className={className}\n          icon={InfoIcon}\n          size=\"xs\"\n          kind=\"tertiary\"\n          active={isOpen}\n          disabled={disabled}\n          ariaLabel={ariaLabel}\n          ariaLabeledBy={ariaLabelledby}\n          ariaControls={dialogId}\n          ariaHasPopup=\"dialog\"\n          ariaExpanded={isOpen}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.INFO, id)}\n          data-vibe={ComponentVibeId.INFO}\n          hideTooltip={hideButtonTooltip}\n        />\n      </Dialog>\n    );\n  }\n);\n\nexport default Info;\n"],"names":["Info","forwardRef","_ref","ref","id","className","title","body","link","ariaLabel","ariaLabelledby","_ref$position","position","_ref$disabled","disabled","onDialogShow","onDialogHide","hideButtonTooltip","dialogClassName","containerSelector","dataTestId","iconButtonRef","useRef","mergedRef","useMergeRef","dialogRef","dialogContentRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","dialogId","concat","undefined","handleDialogShow","useCallback","requestAnimationFrame","_a","current","focus","handleDialogHide","e","key","React","createElement","Dialog","disable","moveBy","main","secondary","showTrigger","hideTrigger","onDialogDidShow","onDialogDidHide","content","InfoDialogContent","hideWhenReferenceHidden","IconButton","icon","InfoIcon","size","kind","active","ariaLabeledBy","ariaControls","ariaHasPopup","ariaExpanded","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"srBAUMA,IAAAA,EAAOC,GACX,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAIN,EAAJM,KACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAAiBS,EAAAT,EACjBU,SAAAA,OAAW,IAAHD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAYb,EAAZa,aACAC,EAAYd,EAAZc,aACAC,EAAiBf,EAAjBe,kBACAC,EAAehB,EAAfgB,gBACAC,EAAiBjB,EAAjBiB,kBACeC,EAAUlB,EAAzB,eAIImB,EAAgBC,EAA0B,MAC1CC,EAAYC,EAAYrB,EAAKkB,GAC7BI,EAAYH,EAAe,MAC3BI,EAAmBJ,EAAuB,MAEhDK,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW7B,EAAE,GAAA8B,OAAM9B,kBAAc+B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVjB,SAAAA,IACAuB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAAC1B,IAEE2B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVhB,SAAAA,IACuC,WAAlC2B,EAA0BC,MACN,QAAvBL,EAAAlB,EAAcmB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACzB,IAGH,OACE6B,EAACC,cAAAC,GACC5C,IAAKsB,EACLrB,GAAI6B,EACJe,QAASlC,EACTF,SAAUA,EACVqC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBvB,kBAAmBA,EACnBqC,QACEX,gBAACY,EAAiB,CAChBtD,IAAKuB,EACLtB,GAAI6B,EACJ3B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfwC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTxD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXuD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRjB,SAAUA,EACVL,UAAWA,EACXwD,cAAevD,EACfwD,aAAcjC,EACdkC,aAAa,SACbC,aAAcrC,EAAM,cACPX,GAAciD,EAAUC,EAAuBC,KAAMnE,eACvDoE,EAAgBD,KAC3BE,YAAaxD,IAIrB"}

package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.js

@@ -1,2 +0,0 @@
-import e,{forwardRef as t}from"react";import{DialogContentContainer as a}from"@vibe/dialog/mockedClassNames";import{Text as o}from"@vibe/typography/mockedClassNames";import{Flex as m}from"@vibe/layout/mockedClassNames";import r from"../InfoLink/InfoLink.js";import s from"./InfoDialogContent.module.scss.js";var i=t((function(t,i){var l=t.title,n=t.body,c=t.link;return l||n||c?e.createElement(a,{id:t.id,type:"popover",size:"medium",className:t.className},e.createElement(m,{ref:i,tabIndex:-1,align:"start",direction:"column",gap:"xs",className:s.contentWrapper},l&&e.createElement(o,{type:"text2",weight:"bold"},l),n&&e.createElement(o,{type:"text2",element:"p"},n),c&&e.createElement(r,Object.assign({className:s.link},c)))):null}));export{i as default};
-//# sourceMappingURL=InfoDialogContent.js.map

package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoDialogContent.js","sources":["../../../../../../../src/components/Info/components/InfoDialogContent/InfoDialogContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport InfoLink from \"../InfoLink/InfoLink\";\nimport { type InfoDialogContentProps } from \"./InfoDialogContent.types\";\nimport styles from \"./InfoDialogContent.module.scss\";\n\nconst InfoDialogContent = forwardRef(\n  ({ id, title, body, link, className }: InfoDialogContentProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    if (!title && !body && !link) {\n      return null;\n    }\n\n    return (\n      <DialogContentContainer id={id} type=\"popover\" size=\"medium\" className={className}>\n        <Flex ref={ref} tabIndex={-1} align=\"start\" direction=\"column\" gap=\"xs\" className={styles.contentWrapper}>\n          {title && (\n            <Text type=\"text2\" weight=\"bold\">\n              {title}\n            </Text>\n          )}\n          {body && (\n            <Text type=\"text2\" element=\"p\">\n              {body}\n            </Text>\n          )}\n          {link && <InfoLink className={styles.link} {...link} />}\n        </Flex>\n      </DialogContentContainer>\n    );\n  }\n);\n\nexport default InfoDialogContent;\n"],"names":["InfoDialogContent","forwardRef","_ref","ref","title","body","link","React","createElement","DialogContentContainer","id","type","size","className","Flex","tabIndex","align","direction","gap","styles","contentWrapper","Text","weight","element","InfoLink","Object","assign"],"mappings":"oTAQMA,IAAAA,EAAoBC,GACxB,SAAAC,EAA+DC,GAA2C,IAAnGC,EAAKF,EAALE,MAAOC,EAAIH,EAAJG,KAAMC,EAAIJ,EAAJI,KAClB,OAAKF,GAAUC,GAASC,EAKtBC,EAACC,cAAAC,GAAuBC,GANvBR,EAAFQ,GAMiCC,KAAK,UAAUC,KAAK,SAASC,UAN9BX,EAATW,WAOpBN,EAACC,cAAAM,EAAK,CAAAX,IAAKA,EAAKY,UAAW,EAAGC,MAAM,QAAQC,UAAU,SAASC,IAAI,KAAKL,UAAWM,EAAOC,gBACvFhB,GACCG,EAACC,cAAAa,GAAKV,KAAK,QAAQW,OAAO,QACvBlB,GAGJC,GACCE,EAACC,cAAAa,GAAKV,KAAK,QAAQY,QAAQ,KACxBlB,GAGJC,GAAQC,EAAAC,cAACgB,EAAQC,OAAAC,OAAA,CAACb,UAAWM,EAAOb,MAAUA,MAhB5C,IAoBX"}

package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js

@@ -1,2 +0,0 @@
-var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".contentWrapper {\n  max-width: 240px;\n}\n.contentWrapper .link {\n  margin-top: var(--space-4);\n}");export{e as default};
-//# sourceMappingURL=InfoDialogContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.js

@@ -1,2 +0,0 @@
-import{__rest as r}from"../../../../../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import m from"classnames";import e from"../../../Link/Link.js";import o from"./InfoLink.module.scss.js";var t=a((function(a,t){var i=a.className,n=r(a,["className"]);return s.createElement(e,Object.assign({ref:t,className:m(o.infoLink,i)},n))}));export{t as default};
-//# sourceMappingURL=InfoLink.js.map

package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InfoLink.js","sources":["../../../../../../../src/components/Info/components/InfoLink/InfoLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"../../../Link\";\nimport styles from \"./InfoLink.module.scss\";\n\nexport type InfoLinkProps = LinkProps;\n\nconst InfoLink = forwardRef(\n  ({ className, ...linkProps }: InfoLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n    return <Link ref={ref} className={cx(styles.infoLink, className)} {...linkProps} />;\n  }\n);\n\nexport default InfoLink;\n"],"names":["InfoLink","forwardRef","_a","ref","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","infoLink"],"mappings":"yMAOMA,IAAAA,EAAWC,GACf,SAACC,EAA4CC,GAA5C,IAAEC,EAAwCF,EAAxCE,UAAcC,EAASC,EAAAJ,EAAzB,eACC,OAAOK,EAAAC,cAACC,EAAKC,OAAAC,OAAA,CAAAR,IAAKA,EAAKC,UAAWQ,EAAGC,EAAOC,SAAUV,IAAgBC,GACxE"}

package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js

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

package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import t from"classnames";import{Text as o}from"@vibe/typography/mockedClassNames";import a from"./InfoText.module.scss.js";var l=s((function(s,l){var m=s.text,i=s.success,d=s.disabled,n=s.readOnly;return m?r.createElement(o,{id:s.id,ref:l,className:t(a.infoText,e(e(e(e({},a.error,s.error),a.success,i),a.disabled,d),a.readOnly,n)),type:"text2"},m):null}));export{l as default};
-//# sourceMappingURL=InfoText.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"InfoText.js","sources":["../../../../../src/components/InfoText/InfoText.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type InfoTextProps } from \"./InfoText.types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./InfoText.module.scss\";\n\nconst InfoText = forwardRef(\n  ({ id, text, error, success, disabled, readOnly }: InfoTextProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    if (!text) {\n      return null;\n    }\n\n    return (\n      <Text\n        id={id}\n        ref={ref}\n        className={cx(styles.infoText, {\n          [styles.error]: error,\n          [styles.success]: success,\n          [styles.disabled]: disabled,\n          [styles.readOnly]: readOnly\n        })}\n        type=\"text2\"\n      >\n        {text}\n      </Text>\n    );\n  }\n);\n\nexport default InfoText;\n"],"names":["InfoText","forwardRef","_ref","ref","text","success","disabled","readOnly","React","createElement","Text","id","className","cx","styles","infoText","_defineProperty","error","type"],"mappings":"kPAMMA,IAAAA,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,EAACC,cAAAC,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,EAC1BF,GAAAA,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}

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

@@ -1,2 +0,0 @@
-var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText {\n  color: var(--secondary-text-color);\n}\n.infoText.error {\n  color: var(--negative-color);\n}\n.infoText.success {\n  color: var(--positive-color);\n}\n.infoText.disabled {\n  color: var(--disabled-text-color);\n}\n.infoText.readOnly {\n  color: var(--secondary-text-color);\n}");export{e as default};
-//# sourceMappingURL=InfoText.module.scss.js.map

package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js.map

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

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as f}from"react";import{Text as u}from"@vibe/typography/mockedClassNames";import b from"./Leg.js";import{LabelAllowedColor as v,LabelKind as k,mapSizesToTextSize as j}from"./LabelConstants.js";import{contentColors as y}from"../../utils/colors-vars-map.js";import{withStaticProps as E}from"../../types/withStaticProps.js";import{useClickableProps as L}from"@vibe/clickable/mockedClassNames";import g from"../../hooks/useMergeRef.js";import C from"./Label.module.scss.js";import N from"./LabelCelebrationAnimation.js";import{ComponentVibeId as h}from"../../tests/constants.js";var A=E(n((function(n,v){var k=n.className,E=n.labelClassName,A=n.kind,x=void 0===A?"fill":A,P=n.color,H=void 0===P?"primary":P,B=n.text,I=void 0===B?"":B,w=n.isLegIncluded,M=void 0!==w&&w,T=n.id,W=n["data-testid"],_=n.onClick,z=n.celebrationAnimation,D=n.size,O=void 0===D?"medium":D,R=m(null),S=g(v,R),q=c(z),F=e(q,2),G=F[0],J=F[1],K=!!_,Q=p((function(){return o(C.label,s(C,t("kind-"+x)),s(C,t("color-"+H)),r(r(r({},C.withLeg,M),C.clickable,K),C.small,"small"===O),E)}),[x,H,M,E,K,O]),U=p((function(){if(y.includes(H))return"line"===x?{color:"var(--color-".concat(H,")")}:{backgroundColor:"var(--color-".concat(H,")")}}),[H,x]),V=d((function(e){_&&(e.preventDefault(),_(e))}),[_]),X=L({onClick:V,id:T,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},R);f((function(){J(z)}),[z]);var Y=p((function(){return i.createElement("span",Object.assign({},K&&X,{className:o(r({},C.clickableWrapper,K),k),"data-testid":W||a(l.LABEL,T),"data-vibe":h.LABEL,ref:S}),i.createElement(u,{style:U,element:"span",type:j[O],className:Q,color:"dark"===H?"onInverted":"onPrimary","data-celebration-text":G},i.createElement(u,{element:"span",type:j[O],color:"inherit",className:o(r({},C.smallText,"small"===O))},I),i.createElement("span",{className:o(C.legWrapper)},M?i.createElement(b,null):null)))}),[K,X,k,W,T,S,Q,G,I,M,O,U,H]);return G&&"line"===x?i.createElement(N,{onAnimationEnd:function(){return J(!1)}},Y):Y})),{colors:v,kinds:k});export{A as default};
-//# sourceMappingURL=Label.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","sources":["../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n  /**\n   * Class name applied to the inner text wrapper.\n   */\n  labelClassName?: string;\n  /**\n   * The visual style of the label.\n   */\n  kind?: LabelKind;\n  /**\n   * The background color of the label.\n   */\n  color?: LabelColor;\n  /**\n   * The text content of the label.\n   */\n  text?: string;\n  /**\n   * If true, includes a leg (decorative extension).\n   */\n  isLegIncluded?: boolean;\n  /**\n   * Callback fired when the label is clicked.\n   */\n  onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n  /**\n   * If true, triggers a celebration animation.\n   */\n  celebrationAnimation?: boolean;\n  /**\n   * The size of the label.\n   */\n  size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n  (\n    {\n      className,\n      labelClassName,\n      kind = \"fill\",\n      color = \"primary\",\n      text = \"\",\n      isLegIncluded = false,\n      id,\n      \"data-testid\": dataTestId,\n      onClick,\n      celebrationAnimation,\n      size = \"medium\"\n    }: LabelProps,\n    ref\n  ) => {\n    const labelRef = useRef<HTMLSpanElement>(null);\n    const mergedRef = useMergeRef(ref, labelRef);\n    const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n    const isClickable = Boolean(onClick);\n\n    const classNames = useMemo(\n      () =>\n        cx(\n          styles.label,\n          getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n          getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n          {\n            [styles.withLeg]: isLegIncluded,\n            [styles.clickable]: isClickable,\n            [styles.small]: size === \"small\"\n          },\n          labelClassName\n        ),\n      [kind, color, isLegIncluded, labelClassName, isClickable, size]\n    );\n\n    const backgroundColorStyle = useMemo(() => {\n      if (contentColors.includes(color as ContentColor)) {\n        if (kind === \"line\") {\n          return { color: `var(--color-${color})` };\n        }\n        return { backgroundColor: `var(--color-${color})` };\n      }\n    }, [color, kind]);\n\n    const onClickCallback = useCallback(\n      (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n        if (onClick) {\n          event.preventDefault();\n          onClick(event);\n        }\n      },\n      [onClick]\n    );\n\n    const clickableProps = useClickableProps(\n      {\n        onClick: onClickCallback,\n        id,\n        ariaHidden: false,\n        ariaHasPopup: false,\n        ariaExpanded: false\n      },\n      labelRef\n    );\n\n    useEffect(() => {\n      setIsCelebrationAnimation(celebrationAnimation);\n    }, [celebrationAnimation]);\n\n    const label = useMemo(() => {\n      return (\n        <span\n          {...(isClickable && clickableProps)}\n          className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n          data-vibe={ComponentVibeId.LABEL}\n          ref={mergedRef}\n        >\n          <Text\n            style={backgroundColorStyle}\n            element=\"span\"\n            type={mapSizesToTextSize[size]}\n            className={classNames}\n            color={color === \"dark\" ? \"onInverted\" : \"onPrimary\"}\n            data-celebration-text={isCelebrationAnimation}\n          >\n            <Text\n              element=\"span\"\n              type={mapSizesToTextSize[size]}\n              color=\"inherit\"\n              className={cx({ [styles.smallText]: size === \"small\" })}\n            >\n              {text}\n            </Text>\n            <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n          </Text>\n        </span>\n      );\n    }, [\n      isClickable,\n      clickableProps,\n      className,\n      dataTestId,\n      id,\n      mergedRef,\n      classNames,\n      isCelebrationAnimation,\n      text,\n      isLegIncluded,\n      size,\n      backgroundColorStyle,\n      color\n    ]);\n\n    // Celebration animation is applied only for line kind\n    if (isCelebrationAnimation && kind === \"line\") {\n      return (\n        <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n          {label}\n        </LabelCelebrationAnimation>\n      );\n    }\n\n    return label;\n  }\n);\n\ninterface LabelStaticProps {\n  colors: typeof LabelColorEnum;\n  kinds: typeof LabelKindEnum;\n}\n\nexport default withStaticProps<LabelProps, LabelStaticProps>(Label, {\n  colors: LabelColorEnum,\n  kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"o9BAqDA,IAwIeA,EAAAA,EAxIDC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,eACxDmD,EAAgBD,MAC3B7D,IAAKmB,IAELmC,EAAAC,cAACQ,EAAI,CACHC,MAAOzB,EACP0B,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBf,UAAW2B,EACXtB,MAAiB,SAAVA,EAAmB,aAAe,oCAClBmB,GAEvB6B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBnD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOqC,UAAqB,UAATpD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOsC,aAAc3D,EAAgB4C,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACD3C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAjC,IAIF,OAAImB,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM9C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAQkE,CAClEyC,OAAQC,EACRC,MAAOC"}

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

@@ -1,2 +0,0 @@
-var n={clickableWrapper:"clickableWrapper","focus-visible":"focus-visible",label:"label",small:"small",withLeg:"withLeg",legWrapper:"legWrapper",kindFill:"kindFill",colorPrimary:"colorPrimary",clickable:"clickable",colorDark:"colorDark",colorNegative:"colorNegative",colorPositive:"colorPositive",kindLine:"kindLine",smallText:"smallText"};!function(n){const o="s_id-642067f9ceae_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper {\n  cursor: pointer;\n}\n.clickableWrapper:focus-visible, .clickableWrapper.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.clickableWrapper:focus:not(.focus-visible) {\n  outline: none;\n}\n.clickableWrapper:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label.small {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill.colorPrimary {\n  background-color: var(--primary-color);\n}\n.kindFill.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.kindFill.colorPrimary.clickable:hover, .kindFill.colorPrimary.clickable:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill.colorDark {\n  background-color: var(--inverted-color-background);\n}\n.kindFill.colorDark svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill.colorNegative {\n  background-color: var(--negative-color);\n}\n.kindFill.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.kindFill.colorNegative.clickable:hover, .kindFill.colorNegative.clickable:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill.colorPositive {\n  background-color: var(--positive-color);\n}\n.kindFill.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.kindFill.colorPositive.clickable:hover, .kindFill.colorPositive.clickable:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine .legWrapper {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine.colorPrimary {\n  color: var(--primary-color);\n}\n.kindLine.colorPrimary svg path {\n  fill: var(--primary-color);\n}\n.kindLine.colorPrimary.clickable:hover, .kindLine.colorPrimary.clickable:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorDark {\n  color: var(--inverted-color-background);\n}\n.kindLine.colorDark svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine.colorDark.clickable:hover, .kindLine.colorDark.clickable:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine.colorNegative {\n  color: var(--negative-color);\n}\n.kindLine.colorNegative svg path {\n  fill: var(--negative-color);\n}\n.kindLine.colorNegative.clickable:hover, .kindLine.colorNegative.clickable:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine.colorPositive {\n  color: var(--positive-color);\n}\n.kindLine.colorPositive svg path {\n  fill: var(--positive-color);\n}\n.kindLine.colorPositive.clickable:hover, .kindLine.colorPositive.clickable:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine .smallText {\n  line-height: 14px;\n}");export{n as default};
-//# sourceMappingURL=Label.module.scss.js.map

package/dist/mocked_classnames/src/components/Label/Label.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{useRef as c,useState as a,useCallback as r,forwardRef as o,cloneElement as n}from"react";import i from"classnames";import{useResizeObserver as s}from"@vibe/hooks";import l from"./LabelCelebrationAnimation.module.scss.js";var m=4,d=1;function h(h){var u=h.children,f=h.onAnimationEnd,v=c(),p=c(),b=a(),E=e(b,2),k=E[0],A=E[1],g=r((function(e){var t=e.borderBoxSize||{},c=t.blockSize,a=t.inlineSize;if(v.current){var r=function(e){var t=e.width,c=e.height,a=e.borderRadius,r=void 0===a?m:a,o=e.strokeWidth,n=void 0===o?d:o,i=n/2;return"M ".concat(t-n/2,", ").concat(r," V ").concat(c-r," A ").concat(r," ").concat(r," 0 0 1 ").concat(t-r," ").concat(c-n/2," H ").concat(r+i," A ").concat(r," ").concat(r," 0 0 1 ").concat(n/2," ").concat(c-r," V ").concat(r+i," A ").concat(r," ").concat(r," 0 0 1 ").concat(r," ").concat(n/2," L ").concat(t-r,", ").concat(n/2," A ").concat(r," ").concat(r," 0 0 1 ").concat(t-n/2," ").concat(r," Z")}({width:a,height:c});A(r);var o=function(e){var t=e.width,c=e.height,a=e.borderRadius,r=void 0===a?m:a,o=t-2*r,n=c-2*r;return 2*Math.PI*r+2*o+2*n}({width:a,height:c});v.current.style.setProperty("--container-perimeter",o+"")}}),[]);s({ref:v,callback:g,debounceTime:0});var N=o((function(e,t){return n(u,{ref:t})}));return t.createElement("div",{className:l.celebration,ref:v},t.createElement("svg",{className:l.svg},t.createElement("path",{className:i(l.stroke,l.base),d:k}),t.createElement("path",{className:i(l.stroke,l.first),d:k}),t.createElement("path",{className:i(l.stroke,l.second),d:k}),t.createElement("path",{className:i(l.stroke,l.third),d:k,onAnimationEnd:f})),t.createElement(N,{ref:p}))}export{h as default};
-//# sourceMappingURL=LabelCelebrationAnimation.js.map

package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelCelebrationAnimation.js","sources":["../../../../../src/components/Label/LabelCelebrationAnimation.tsx"],"sourcesContent":["import React, { cloneElement, forwardRef, useCallback, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { useResizeObserver } from \"@vibe/hooks\";\nimport styles from \"./LabelCelebrationAnimation.module.scss\";\n\nconst DEFAULT_BORDER_RADIUS = 4;\nconst DEFAULT_STROKE_WIDTH = 1;\n\nexport interface LabelCelebrationAnimationProps {\n  /**\n   * The child component that will be wrapped by the animation.\n   */\n  children: React.ReactElement;\n  /**\n   * Callback fired when the celebration animation ends.\n   */\n  onAnimationEnd: () => void;\n}\n\nfunction LabelCelebrationAnimation({ children, onAnimationEnd }: LabelCelebrationAnimationProps) {\n  const wrapperRef = useRef<HTMLDivElement>();\n  const childRef = useRef<HTMLDivElement>();\n\n  const [path, setPath] = useState<string>();\n\n  const resizeObserverCallback = useCallback(\n    ({ borderBoxSize }: { borderBoxSize: { blockSize: number; inlineSize: number } }) => {\n      const { blockSize: height, inlineSize: width } = borderBoxSize || {};\n\n      if (wrapperRef.current) {\n        const d = getPath({ width, height });\n        setPath(d);\n\n        const perimeter = getPerimeter({ width, height });\n        wrapperRef.current.style.setProperty(\"--container-perimeter\", String(perimeter));\n      }\n    },\n    []\n  );\n\n  useResizeObserver({\n    ref: wrapperRef,\n    callback: resizeObserverCallback,\n    debounceTime: 0\n  });\n\n  const ChildComponentWithRef = forwardRef((_props, ref) =>\n    cloneElement(children, {\n      ref\n    })\n  );\n\n  return (\n    <div className={styles.celebration} ref={wrapperRef}>\n      <svg className={styles.svg}>\n        <path className={cx(styles.stroke, styles.base)} d={path} />\n        <path className={cx(styles.stroke, styles.first)} d={path} />\n        <path className={cx(styles.stroke, styles.second)} d={path} />\n        <path className={cx(styles.stroke, styles.third)} d={path} onAnimationEnd={onAnimationEnd} />\n      </svg>\n      <ChildComponentWithRef ref={childRef} />\n    </div>\n  );\n}\n\nexport default LabelCelebrationAnimation;\n\nfunction getPath({\n  width,\n  height,\n  borderRadius = DEFAULT_BORDER_RADIUS,\n  strokeWidth = DEFAULT_STROKE_WIDTH\n}: {\n  width: number;\n  height: number;\n  borderRadius?: number;\n  strokeWidth?: number;\n}) {\n  const offset = strokeWidth / 2;\n\n  return `M ${width - strokeWidth / 2}, ${borderRadius} V ${\n    height - borderRadius\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${width - borderRadius} ${height - strokeWidth / 2} H ${\n    borderRadius + offset\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${strokeWidth / 2} ${height - borderRadius} V ${\n    borderRadius + offset\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${borderRadius} ${strokeWidth / 2} L ${width - borderRadius}, ${\n    strokeWidth / 2\n  } A ${borderRadius} ${borderRadius} 0 0 1 ${width - strokeWidth / 2} ${borderRadius} Z`;\n}\n\nfunction getPerimeter({\n  width,\n  height,\n  borderRadius = DEFAULT_BORDER_RADIUS\n}: {\n  width: number;\n  height: number;\n  borderRadius?: number;\n}) {\n  const straightWidth = width - 2 * borderRadius;\n  const straightHeight = height - 2 * borderRadius;\n  const cornerCircumference = 2 * Math.PI * borderRadius;\n  return cornerCircumference + 2 * straightWidth + 2 * straightHeight;\n}\n"],"names":["DEFAULT_BORDER_RADIUS","DEFAULT_STROKE_WIDTH","LabelCelebrationAnimation","_ref","children","onAnimationEnd","wrapperRef","useRef","childRef","_useState","useState","_useState2","_slicedToArray","path","setPath","resizeObserverCallback","useCallback","_ref2","_ref3","borderBoxSize","height","blockSize","width","inlineSize","current","d","_ref4","_ref4$borderRadius","borderRadius","_ref4$strokeWidth","strokeWidth","offset","concat","getPath","perimeter","_ref5","_ref5$borderRadius","straightWidth","straightHeight","Math","PI","getPerimeter","style","setProperty","String","useResizeObserver","ref","callback","debounceTime","ChildComponentWithRef","forwardRef","_props","cloneElement","React","createElement","className","styles","celebration","svg","cx","stroke","base","first","second","third"],"mappings":"sTAKA,IAAMA,EAAwB,EACxBC,EAAuB,EAa7B,SAASC,EAAyBC,GAA6D,IAA1DC,EAAQD,EAARC,SAAUC,EAAcF,EAAdE,eACvCC,EAAaC,IACbC,EAAWD,IAEjBE,EAAwBC,IAAkBC,EAAAC,EAAAH,EAAA,GAAnCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAyBC,GAC7B,SAAAC,GAAoF,IAClFC,EADcD,EAAbE,eACiE,CAAE,EAAjDC,EAAMF,EAAjBG,UAA+BC,EAAKJ,EAAjBK,WAE3B,GAAIjB,EAAWkB,QAAS,CACtB,IAAMC,EAqCd,SAAgBC,GAUf,IATCJ,EAAKI,EAALJ,MACAF,EAAMM,EAANN,OAAMO,EAAAD,EACNE,aAAAA,OAAe5B,IAAH2B,EAAG3B,EAAqB2B,EAAAE,EAAAH,EACpCI,YAAAA,OAAc7B,IAAH4B,EAAG5B,EAAoB4B,EAO5BE,EAASD,EAAc,EAE7B,MAAAE,KAAAA,OAAYV,EAAQQ,EAAc,EAACE,MAAAA,OAAKJ,EAAYI,OAAAA,OAClDZ,EAASQ,EACXI,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUV,EAAQM,EAAY,KAAAI,OAAIZ,EAASU,EAAc,EAAC,OAAAE,OAC1FJ,EAAeG,EACjB,OAAAC,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUF,EAAc,EAAC,KAAAE,OAAIZ,EAASQ,EAAYI,OAAAA,OAClFJ,EAAeG,EACjBC,OAAAA,OAAMJ,EAAYI,KAAAA,OAAIJ,EAAYI,WAAAA,OAAUJ,EAAYI,KAAAA,OAAIF,EAAc,EAACE,OAAAA,OAAMV,EAAQM,EAAY,MAAAI,OACnGF,EAAc,EAChB,OAAAE,OAAMJ,EAAY,KAAAI,OAAIJ,EAAY,WAAAI,OAAUV,EAAQQ,EAAc,EAAC,KAAAE,OAAIJ,EAAY,KACrF,CA3DkBK,CAAQ,CAAEX,MAAAA,EAAOF,OAAAA,IAC3BN,EAAQW,GAER,IAAMS,EA0Dd,SAAqBC,GAQpB,IAPCb,EAAKa,EAALb,MACAF,EAAMe,EAANf,OAAMgB,EAAAD,EACNP,aAAAA,OAAe5B,IAAHoC,EAAGpC,EAAqBoC,EAM9BC,EAAgBf,EAAQ,EAAIM,EAC5BU,EAAiBlB,EAAS,EAAIQ,EAEpC,OAD4B,EAAIW,KAAKC,GAAKZ,EACb,EAAIS,EAAgB,EAAIC,CACvD,CAvE0BG,CAAa,CAAEnB,MAAAA,EAAOF,OAAAA,IACxCd,EAAWkB,QAAQkB,MAAMC,YAAY,wBAAgCT,EAAPU,GAC/D,CACF,GACD,IAGFC,EAAkB,CAChBC,IAAKxC,EACLyC,SAAUhC,EACViC,aAAc,IAGhB,IAAMC,EAAwBC,GAAW,SAACC,EAAQL,GAAG,OACnDM,EAAahD,EAAU,CACrB0C,IAAAA,OAIJ,OACEO,EAAKC,cAAA,MAAA,CAAAC,UAAWC,EAAOC,YAAaX,IAAKxC,GACvC+C,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAOE,KACrBL,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOK,MAAOpC,EAAGZ,IACpDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOM,OAAQrC,EAAGZ,IACrDwC,EAAAC,cAAA,OAAA,CAAMC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOO,QAAStC,EAAGZ,IACtDwC,EAAMC,cAAA,OAAA,CAAAC,UAAWI,EAAGH,EAAOI,OAAQJ,EAAOQ,OAAQvC,EAAGZ,EAAMR,eAAgBA,KAE7EgD,EAACC,cAAAL,GAAsBH,IAAKtC,IAGlC"}

package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js

@@ -1,2 +0,0 @@
-var e={celebration:"celebration",svg:"svg",stroke:"stroke","stroke-rotate":"stroke-rotate",base:"base",fade:"fade",first:"first",second:"second",third:"third","gradient-text-fill":"gradient-text-fill"};!function(e){const n="s_id-cc5df975abc6_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration .svg {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration .svg .stroke {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration .svg .stroke.base {\n  stroke: var(--color-egg_yolk);\n  animation: fade 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration .svg .stroke.first {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration .svg .stroke.second {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration .svg .stroke.third {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration.celebration [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
-//# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js.map

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

package/dist/mocked_classnames/src/components/Label/LabelConstants.js

@@ -1,2 +0,0 @@
-import{Text as i}from"@vibe/typography/mockedClassNames";import{ContentColorByName as s}from"../../utils/colors-vars-map.js";var a,e;!function(i){i.FILL="fill",i.LINE="line"}(a||(a={})),function(i){i.PRIMARY="primary",i.DARK="dark",i.NEGATIVE="negative",i.POSITIVE="positive"}(e||(e={}));var r=Object.assign(Object.assign({},e),s),t={small:i.types.TEXT3,medium:i.types.TEXT2};export{r as LabelAllowedColor,e as LabelColor,a as LabelKind,t as mapSizesToTextSize};
-//# sourceMappingURL=LabelConstants.js.map

package/dist/mocked_classnames/src/components/Label/LabelConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LabelConstants.js","sources":["../../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { Text, type TextType } from \"@vibe/typography\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/**\n * @deprecated\n */\nexport enum LabelKind {\n  FILL = \"fill\",\n  LINE = \"line\"\n}\n\n/**\n * @deprecated\n */\nexport enum LabelColor {\n  PRIMARY = \"primary\",\n  DARK = \"dark\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n  ...LabelColor,\n  ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n  small: Text.types.TEXT3,\n  medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"iIAOYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}

package/dist/mocked_classnames/src/components/Label/Leg.js

@@ -1,2 +0,0 @@
-import e from"react";var t=function(){return e.createElement("svg",{width:"8",height:"5",viewBox:"0 0 8 5",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M0 0V2.76772C0 4.21783 1.77351 4.92116 2.76736 3.86519L5.45681 1.00765C6.06097 0.365738 6.90294 0.00127805 7.7843 3.35493e-06C5.30942 2.53165e-06 2.69058 1.4328e-06 0 0Z",fill:"#E44258"}))};t.displayName="Leg";export{t as default};
-//# sourceMappingURL=Leg.js.map

package/dist/mocked_classnames/src/components/Label/Leg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Leg.js","sources":["../../../../../src/components/Label/Leg.tsx"],"sourcesContent":["import React from \"react\";\n\nconst Leg = () => (\n  <svg width=\"8\" height=\"5\" viewBox=\"0 0 8 5\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      d=\"M0 0V2.76772C0 4.21783 1.77351 4.92116 2.76736 3.86519L5.45681 1.00765C6.06097 0.365738 6.90294 0.00127805 7.7843 3.35493e-06C5.30942 2.53165e-06 2.69058 1.4328e-06 0 0Z\"\n      fill=\"#E44258\"\n    />\n  </svg>\n);\n\nLeg.displayName = \"Leg\";\n\nexport default Leg;\n"],"names":["Leg","React","createElement","width","height","viewBox","fill","xmlns","d","displayName"],"mappings":"qBAEA,IAAMA,EAAM,WAAH,OACPC,EAAKC,cAAA,MAAA,CAAAC,MAAM,IAAIC,OAAO,IAAIC,QAAQ,UAAUC,KAAK,OAAOC,MAAM,8BAC5DN,EACEC,cAAA,OAAA,CAAAM,EAAE,4KACFF,KAAK,YAEH,EAGRN,EAAIS,YAAc"}

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

@@ -1,2 +0,0 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useMemo as r,useCallback as i,cloneElement as l}from"react";import a from"react-dom";import n from"classnames";import{useA11yDialog as s}from"./a11yDialog.js";import d from"./LegacyModalContent/LegacyModalContent.js";import m from"./LegacyModalHeader/LegacyModalHeader.js";import c from"./useBodyScrollLock.js";import u from"./useShowHideModal.js";import{ModalWidth as f,validateTitleProp as p,isModalHeader as v,isModalContent as g,isModalFooter as y}from"./ModalHelper.js";import{NOOP as j}from"../../utils/function-utils.js";import{withStaticPropsWithoutForwardRef as h}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as M}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";import{useWarnDeprecated as L}from"../../utils/warn-deprecated.js";import b from"./LegacyModal.module.scss.js";import{LayerProvider as C}from"@vibe/layer/mockedClassNames";import{isClient as E}from"../../utils/ssr-utils.js";var A=h((function(f){var h=f.classNames,A=void 0===h?{container:"",overlay:"",modal:""}:h,D=f.id,O=f.show,x=f.title,H=void 0===x?"":x,N=f.description,P=void 0===N?"":N,S=f.onClose,B=void 0===S?j:S,k=f.alertDialog,_=void 0!==k&&k,z=f.children,I=f.triggerElement,R=f.width,T=void 0===R?"default":R,V=f.closeButtonAriaLabel,Y=void 0===V?"Close":V,$=f.contentSpacing,q=void 0!==$&&$,F=f.zIndex,G=void 0===F?1e4:F,J=f.unmountOnClose,K=void 0===J||J,Q=f["data-testid"];L({component:"Modal (Legacy)",message:"This component is deprecated and will be removed in the next major version. Please use Modal from @vibe/core/next instead."});var U=r((function(){return z?o.Children.toArray(z):[]}),[z]);p(H,U);var W=s({id:D,alertDialog:_}),X=e(W,2),Z=X[0],ee=X[1],te=i((function(){_||null==B||B()}),[_,B]);c({instance:Z});var oe=u({instance:Z,show:O,triggerElement:I,onClose:B,alertDialog:_}).shouldShow,re=r((function(){var e=ee.title.id,t=U.find(v);return t?l(t,{id:e,closeModal:B}):o.createElement(m,{title:H,description:P,closeModal:B,id:e,closeButtonAriaLabel:Y})}),[ee.title,U,H,P,B,Y]),ie=r((function(){return U.find(g)||o.createElement(d,null,U.filter((function(e){return!v(e)&&!y(e)})))}),[U]),le=r((function(){return U.find(y)||null}),[U]),ae="default"!==T&&"full-width"!==T,ne=o.createElement(C,{layerRef:{current:null==Z?void 0:Z.$el}},o.createElement("div",Object.assign({},ee.container,{className:n(b.container,A.container),"data-testid":Q||M(w.MODAL,D),style:{"--monday-modal-z-index":G}}),o.createElement("div",{onClick:te,className:n(b.overlay,A.overlay),"data-testid":w.MODAL_OVERLAY}),o.createElement("div",Object.assign({},ee.dialog,{className:n(b.dialog,A.modal,t(t(t({},b.default,"default"===T),b.full,"full-width"===T),b.spacing,q)),style:{width:ae?T:null}}),re,ie,le)));return K&&!oe?null:E()?a.createPortal(ne,document.body):null}),{width:f});export{A as default};
-//# sourceMappingURL=LegacyModal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyModal.js","sources":["../../../../../src/components/LegacyModal/LegacyModal.tsx"],"sourcesContent":["import React, { cloneElement, type ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n  isModalContent,\n  isModalFooter,\n  isModalHeader,\n  ModalWidth as ModalWidthEnum,\n  validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { useWarnDeprecated } from \"../../utils/warn-deprecated\";\nimport styles from \"./LegacyModal.module.scss\";\nimport { type ModalWidth } from \"./LegacyModal.types\";\nimport { LayerProvider } from \"@vibe/layer\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface LegacyModalProps {\n  /**\n   * Id of the modal, used internally and for accessibility\n   */\n  id?: string;\n  \"data-testid\"?: string;\n  /**\n   * Show/hide the Dialog\n   */\n  show: boolean;\n  /**\n   * Heading for the modal, mandatory when ModalHeader isn't provided in children\n   */\n  title?: string;\n  /**\n   * Description for the modal title\n   */\n  description?: string;\n  /**\n   * Called when the modal is closed (by close button/click outside/esc key)\n   */\n  onClose: () => void;\n  /**\n   *  Makes the dialog behave like a modal (preventing closing on click outside of\n   *  ESC key)..\n   */\n  alertDialog?: boolean;\n  /**\n   *  Used for the fromOrigin animation\n   */\n  triggerElement?: Element;\n  /**\n   *  Set the modal's width. Can be one of the presets or any custom size\n   */\n  width?: ModalWidth | string;\n  /**\n   *  Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   *  Add gaps between parts of the modal\n   */\n  contentSpacing?: boolean;\n  /**\n   *  classNames for specific parts of the dialog\n   */\n  classNames?: {\n    container?: string;\n    overlay?: string;\n    modal?: string;\n  };\n  /**\n   *  Dialog content\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * z-index attribute of the container\n   */\n  zIndex?: number;\n  /**\n   * When `false`, the modal will remain in the DOM when closed\n   */\n  unmountOnClose?: boolean;\n}\n\nconst Modal = ({\n  classNames = { container: \"\", overlay: \"\", modal: \"\" },\n  id,\n  show,\n  title = \"\",\n  description = \"\",\n  onClose = NOOP,\n  alertDialog = false,\n  children,\n  triggerElement,\n  width = \"default\",\n  closeButtonAriaLabel = \"Close\",\n  contentSpacing = false,\n  zIndex = 10000,\n  unmountOnClose = true,\n  \"data-testid\": dataTestId\n}: LegacyModalProps) => {\n  useWarnDeprecated({\n    component: \"Modal (Legacy)\",\n    message:\n      \"This component is deprecated and will be removed in the next major version. Please use Modal from @vibe/core/next instead.\"\n  });\n\n  const childrenArray: ReactElement[] = useMemo(\n    () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n    [children]\n  );\n  validateTitleProp(title, childrenArray);\n\n  const [instance, attr] = useA11yDialog({\n    id,\n    alertDialog\n  });\n\n  const closeIfNotAlertType = useCallback(() => {\n    if (!alertDialog) {\n      onClose?.();\n    }\n  }, [alertDialog, onClose]);\n\n  // lock body scroll when modal is open\n  useBodyScrollLock({ instance });\n\n  // show/hide and animate the modal\n  const { shouldShow } = useShowHideModal({\n    instance,\n    show,\n    triggerElement,\n    onClose,\n    alertDialog\n  });\n\n  const header = useMemo(() => {\n    const { id } = attr.title;\n    const header = childrenArray.find(isModalHeader);\n    if (header) {\n      return cloneElement(header, { id, closeModal: onClose });\n    }\n    return (\n      <ModalHeader\n        title={title}\n        description={description}\n        closeModal={onClose}\n        id={id}\n        closeButtonAriaLabel={closeButtonAriaLabel}\n      />\n    );\n  }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n  const content = useMemo(() => {\n    return (\n      childrenArray.find(isModalContent) || (\n        <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n      )\n    );\n  }, [childrenArray]);\n\n  const footer = useMemo(() => {\n    return childrenArray.find(isModalFooter) || null;\n  }, [childrenArray]);\n\n  const customWidth = width !== \"default\" && width !== \"full-width\";\n\n  const dialog = (\n    <LayerProvider layerRef={{ current: instance?.$el }}>\n      <div\n        {...attr.container}\n        className={cx(styles.container, classNames.container)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n        style={{ \"--monday-modal-z-index\": zIndex }}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={closeIfNotAlertType}\n          className={cx(styles.overlay, classNames.overlay)}\n          data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n        />\n        <div\n          {...attr.dialog}\n          className={cx(styles.dialog, classNames.modal, {\n            [styles.default]: width === \"default\",\n            [styles.full]: width === \"full-width\",\n            [styles.spacing]: contentSpacing\n          })}\n          style={{ width: customWidth ? width : null }}\n        >\n          {header}\n          {content}\n          {footer}\n        </div>\n      </div>\n    </LayerProvider>\n  );\n\n  if (unmountOnClose && !shouldShow) {\n    return null;\n  }\n  return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\ninterface LegacyModalStaticProps {\n  width: typeof ModalWidthEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<LegacyModalProps, LegacyModalStaticProps>(Modal, {\n  width: ModalWidthEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","useWarnDeprecated","component","message","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"2kCA0FA,IA4HeA,EAAAA,GA5HD,SAAHC,GAgBY,IAAAC,EAAAD,EAfrBE,WAAAA,OAAa,IAAHD,EAAG,CAAEE,UAAW,GAAIC,QAAS,GAAIC,MAAO,IAAIJ,EACtDK,EAAEN,EAAFM,GACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACVW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAChBa,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAf,EACdgB,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAQjB,EAARiB,SACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAArB,EACjBsB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAvB,EAC9BwB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAzB,EACtB0B,OAAAA,OAAS,IAAHD,EAAG,IAAKA,EAAAE,EAAA3B,EACd4B,eAAAA,OAAiB,IAAHD,GAAOA,EACNE,EAAU7B,EAAzB,eAEA8B,EAAkB,CAChBC,UAAW,iBACXC,QACE,+HAGJ,IAAMC,EAAgCC,GACpC,WAAA,OAAOjB,EAAYkB,EAAMC,SAASC,QAAQpB,GAA+B,EAAE,GAC3E,CAACA,IAEHqB,EAAkB7B,EAAOwB,GAEzB,IAAAM,EAAyBC,EAAc,CACrClC,GAAAA,EACAU,YAAAA,IACAyB,EAAAC,EAAAH,EAAA,GAHKI,EAAQF,EAAA,GAAEG,GAAIH,EAAA,GAKfI,GAAsBC,GAAY,WACjC9B,GACHH,SAAAA,GAEJ,GAAG,CAACG,EAAaH,IAGjBkC,EAAkB,CAAEJ,SAAAA,IAGpB,IAAQK,GAAeC,EAAiB,CACtCN,SAAAA,EACApC,KAAAA,EACAW,eAAAA,EACAL,QAAAA,EACAG,YAAAA,IALMgC,WAQFE,GAAShB,GAAQ,WACrB,IAAQ5B,EAAOsC,GAAKnC,MAAZH,GACF4C,EAASjB,EAAckB,KAAKC,GAClC,OAAIF,EACKG,EAAaH,EAAQ,CAAE5C,GAAAA,EAAIgD,WAAYzC,IAG9CsB,EAACoB,cAAAC,EACC,CAAA/C,MAAOA,EACPE,YAAaA,EACb2C,WAAYzC,EACZP,GAAIA,EACJgB,qBAAsBA,GAG5B,GAAG,CAACsB,GAAKnC,MAAOwB,EAAexB,EAAOE,EAAaE,EAASS,IAEtDmC,GAAUvB,GAAQ,WACtB,OACED,EAAckB,KAAKO,IACjBvB,gBAACwB,EAAY,KAAE1B,EAAc2B,QAAO,SAAAC,GAAK,OAAKT,EAAcS,KAAWC,EAAcD,EAAM,IAGjG,GAAG,CAAC5B,IAEE8B,GAAS7B,GAAQ,WACrB,OAAOD,EAAckB,KAAKW,IAAkB,IAC9C,GAAG,CAAC7B,IAEE+B,GAAwB,YAAV5C,GAAiC,eAAVA,EAErC6C,GACJ9B,gBAAC+B,EAAa,CAACC,SAAU,CAAEC,QAASzB,eAAAA,EAAU0B,MAC5ClC,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,GAAKzC,UAAS,CAClBqE,UAAWC,EAAGC,EAAOvE,UAAWD,EAAWC,WAAU,cACxC0B,GAAc8C,EAAUC,EAAuBC,MAAOvE,GACnEwE,MAAO,CAAE,yBAA0BpD,KAGnCS,EACEoB,cAAA,MAAA,CAAAwB,QAASlC,GACT2B,UAAWC,EAAGC,EAAOtE,QAASF,EAAWE,uBAC5BwE,EAAuBI,gBAEtC7C,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,GAAKqB,OAAM,CACfO,UAAWC,EAAGC,EAAOT,OAAQ/D,EAAWG,MAAK4E,EAAAA,EAAAA,KAC1CP,EAAOQ,QAAoB,YAAV9D,GACjBsD,EAAOS,KAAiB,eAAV/D,GACdsD,EAAOU,QAAU5D,IAEpBsD,MAAO,CAAE1D,MAAO4C,GAAc5C,EAAQ,QAErC8B,GACAO,GACAM,MAMT,OAAInC,IAAmBoB,GACd,KAEFqC,IAAaC,EAASC,aAAatB,GAAQuB,SAASC,MAAQ,IACrE,GAMiG,CAC/FrE,MAAOsE"}

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

@@ -1,2 +0,0 @@
-var n={container:"container",overlay:"overlay","overlay-fade-out":"overlay-fade-out","overlay-fade-in":"overlay-fade-in",dialog:"dialog",default:"default",full:"full",spacing:"spacing"};!function(n){const e="s_id-fe267e23c74c_3_86_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container,\n.overlay {\n  position: fixed;\n  inset: 0;\n}\n\n.container {\n  --monday-modal-z-index: 10000;\n  z-index: var(--monday-modal-z-index);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.container[aria-hidden=true] {\n  display: none;\n}\n\n.container[aria-hidden=true] .overlay {\n  background-color: transparent;\n  animation: overlay-fade-out 70ms var(--motion-timing-enter);\n}\n\n.overlay {\n  background-color: rgba(41, 47, 76, 0.7);\n  animation: overlay-fade-in 70ms var(--motion-timing-enter);\n}\n\n.dialog {\n  display: flex;\n  position: relative;\n  flex-direction: column;\n  padding-block: var(--spacing-large);\n  padding-inline: var(--spacing-xl);\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  background-color: var(--secondary-background-color);\n  max-height: 90vh;\n  max-width: 90vw;\n}\n\n.dialog.default {\n  width: 520px;\n}\n\n.dialog.full {\n  width: 100vw;\n}\n\n.dialog.spacing {\n  gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes overlay-fade-out {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}");export{n as default};
-//# sourceMappingURL=LegacyModal.module.scss.js.map

package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js.map

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

package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.js

@@ -1,2 +0,0 @@
-import t from"react";import s from"classnames";import{Text as e}from"@vibe/typography/mockedClassNames";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../tests/constants.js";import r from"./LegacyModalContent.module.scss.js";var m=function(m){var i=m.className,n=m.id,d=m.children;return t.createElement(e,{type:"text1",id:n,"data-testid":m["data-testid"]||a(o.MODAL_CONTENT,n),className:s(r.container,i),ellipsis:!1},d)};Object.assign(m,{displayName:"ModalContent"});export{m as default};
-//# sourceMappingURL=LegacyModalContent.js.map

package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegacyModalContent.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalContent/LegacyModalContent.tsx"],"sourcesContent":["import React, { type FC, type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./LegacyModalContent.module.scss\";\n\nexport interface LegacyModalContentProps extends VibeComponentProps {\n  children: ReactElement | ReactElement[] | string;\n}\n\nconst LegacyModalContent: FC<LegacyModalContentProps> = ({ className, id, \"data-testid\": dataTestId, children }) => {\n  return (\n    <Text\n      type=\"text1\"\n      id={id}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n      className={cx(styles.container, className)}\n      ellipsis={false}\n    >\n      {children}\n    </Text>\n  );\n};\n\nObject.assign(LegacyModalContent, {\n  displayName: \"ModalContent\"\n});\n\nexport default LegacyModalContent;\n"],"names":["LegacyModalContent","_ref","className","id","children","React","createElement","Text","type","getTestId","ComponentDefaultTestId","MODAL_CONTENT","cx","styles","container","ellipsis","Object","assign","displayName"],"mappings":"sRAYA,IAAMA,EAAkD,SAAhCC,GAA2F,IAAxDC,EAASD,EAATC,UAAWC,EAAEF,EAAFE,GAA+BC,EAAQH,EAARG,SACnG,OACEC,EAACC,cAAAC,GACCC,KAAK,QACLL,GAAIA,gBAJyFF,EAAzB,gBAKzCQ,EAAUC,EAAuBC,cAAeR,GAC3ED,UAAWU,EAAGC,EAAOC,UAAWZ,GAChCa,UAAU,GAETX,EAGP,EAEAY,OAAOC,OAAOjB,EAAoB,CAChCkB,YAAa"}