@vibe/core 4.2.3 → 4.2.4

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

@@ -1 +1 @@
-{"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, useKeyboardButtonPressedFunc, useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\n\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\";\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  \"aria-label\"?: 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      \"aria-label\": 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":"mfAsFA,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,OAAQ,IAAAD,GAAQA,EAAAE,EAAAX,EAChB,cAAcY,OAAS,IAAAD,EAAG,GAAEA,EAC5BE,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,OAAS,IAAAD,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,GACF,CACIH,EAAMQ,MAAQC,EAASI,SACzBb,EAAMC,iBACND,EAAMY,kBACNV,GAAqB,GACrBR,EAAclC,IAGhBG,SAAAA,EAAYqC,EAlBZ,CAmBF,CAEA,SAASc,GAAad,GACpBN,EAAcM,EAAMe,OAAOvD,MAC7B,CA1EAwD,GAAU,WACH3B,GAAa7B,IAAUmC,GAAanC,IAAUiC,GACjDC,EAAclC,EAElB,GAAG,CAACmC,EAAWN,EAAW7B,EAAOiC,IAEjCuB,GAAU,WACR1B,EAAajB,EACf,GAAG,CAACA,IAoEJ,IAAM4C,GAAyBC,EAA6BnB,GAuC5D,OAvBAiB,GAAU,WAJV,QAKO3B,KAfP,mBAGE,WAFA8B,EAAgB,UAAhBtB,EAASuB,eAAO,IAAAC,OAAA,EAAAA,EAAEC,8BAEdzB,EAASuB,QAAS,CACpB,IAAMG,EAAe1B,EAASuB,QACxBI,EAAaD,EAAa/D,MAAMiE,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC7C,CACF,CAQEF,GACIhD,YANJ6C,EAAgB,UAAhBtB,EAASuB,eAAO,IAAAC,OAAA,EAAAA,EAAEM,gCASpB,GAAG,CAACrD,EAA0Be,IAE9BuC,GAA0B,iBACxB,GAAK9B,EAAcsB,QAAnB,CAIA,IAAAS,EAAkB/B,EAAcsB,QAAQU,wBAGxC,GAFiB,QAAjBT,EAAAxB,eAAAA,EAAUuB,eAAO,IAAAC,GAAAA,EAAEU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJtD,EAAW,CACb,IAAMuD,EAAkBtC,aAAQ,EAARA,EAAUuB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aAtJzD,EAsJsF,MACvG,CATA,CAUF,GAAG,CAAC3C,EAAYJ,IAGdgD,EAAAC,cAAA,MAAA,CACElF,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,EAAAC,cAAA,WAAA,CACElF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOG,SAAUzE,GAC/BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,gBACIrC,EACZC,YAAaA,EACb0E,KAAK,UACLG,KAAM,IAGRR,EAAAC,cAAA,QAAA,CACElF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOM,MAAO5E,GAC5BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,GAAU,aACNrC,EACZC,YAAaA,EACb0E,KAAK,WAGXL,EAAAC,cAACnE,EAAmB,CAClBf,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"}
+{"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, useKeyboardButtonPressedFunc, useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\n\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\";\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  \"aria-label\"?: 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      \"aria-label\": 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":"mfAsFA,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,EAChB,cAAcY,OAAY,IAAHD,EAAG,GAAEA,EAC5BE,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,GACF,CACIH,EAAMQ,MAAQC,EAASI,SACzBb,EAAMC,iBACND,EAAMY,kBACNV,GAAqB,GACrBR,EAAclC,IAGhBG,SAAAA,EAAYqC,EAlBZ,CAmBF,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,EAC7C,CACF,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,MACvG,CATA,CAUF,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 +1,2 @@
-var e={editableTypography:"editableTypography",input:"input",textarea:"textarea",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder",multiline:"multiline"};!function(e){const n="s_id-639103c98382_4_2_2";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-inline-start: -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(--space-4);\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(--space-4);\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(--placeholder-color);\n}\n.editableTypography .typography.multiline {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography",input:"input",textarea:"textarea",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder",multiline:"multiline"};!function(e){const n="s_id-639103c98382_4_2_3";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-inline-start: -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(--space-4);\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(--space-4);\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(--placeholder-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/EmptyState/EmptyState.js

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

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

@@ -1 +1 @@
-{"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 \"@vibe/shared\";\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":"wmBAYA,IAAMA,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,OAAM,IAAAD,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,EAAE,cACOC,GAAca,EAAUC,EAAuBC,YAAahB,GAAG,YACjEiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAAAC,cAACe,EAAO,CAACC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAAAC,cAACmB,EAAI,CAAC/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAAAC,cAACsB,EAAMC,OAAAC,OAAA,CAACC,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,CAAA,SACN,OAAOM,EAAAC,cAAC+B,EAAIR,OAAAC,OAAA,CAACG,KAAMA,GAAUE,GAC/B,CACA,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAA,SACN,OACEM,EAAAC,cAACsB,EAAMC,OAAAC,OAAA,CAACC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGP,CACF,CAEA,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}
+{"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 \"@vibe/shared\";\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":"2mBAYMA,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,GAC/B,CACA,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,EAGP,CACF,CAEA,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}

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

@@ -1,2 +1,2 @@
-var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-e8e63a5fb772_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState.compact {\n  padding: var(--space-16);\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};
+var t={emptyState:"emptyState",compact:"compact",content:"content",title:"title",description:"description",actions:"actions"};!function(t){const e="s_id-e8e63a5fb772_4_2_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState.compact {\n  padding: var(--space-16);\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/ExpandCollapse/ExpandCollapse.js

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

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

@@ -1 +1 @@
-{"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 \"@vibe/shared\";\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        type=\"svg\"\n        icon={DropdownChevronDown}\n        size={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","icon","DropdownChevronDown","size","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"6kBAmEA,IAAMA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAAuB,IAAAD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAgB,IAAAD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAQ,IAAAD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAY,IAAAD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAE,IAAAD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAO,IAAAD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAU,IAAAD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAc,IAAAD,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,EACb,EACMK,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,EAAAC,cAACO,EAAI,CACH3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAAA,CAAA,EAC/BL,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BQ,KAAK,MACLU,KAAMC,EACNC,KAAM9C,GACN,EAGJ,OACE+B,EAAAC,cAAA,MAAA,CACE1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EAAE,cACOS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAAA,CAAA,EAElBL,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,EAAwB,gBAC/CF,EAAU,gBAAA,GAAAiC,OACPvD,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,EAAA,CAAA,EAC3DL,EAAO0B,6BAA+BpC,IAEzCtB,GAAE,GAAAuD,OAAKvD,EAAE,aACT2D,KAAK,UAEJxE,IAMb"}
+{"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 \"@vibe/shared\";\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        type=\"svg\"\n        icon={DropdownChevronDown}\n        size={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","icon","DropdownChevronDown","size","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"glBAmEMA,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,IAE9BQ,KAAK,MACLU,KAAMC,EACNC,KAAM9C,KAIV,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 +1,2 @@
-var n={expandCollapse:"expandCollapse",header:"header",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-56805b2f3dc6_4_2_2";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(--space-16);\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(--space-16);\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(--space-8);\n}");export{n as default};
+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-56805b2f3dc6_4_2_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* 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(--space-16);\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(--space-16);\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(--space-8);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

@@ -1 +1 @@
-{"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} type=\"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","type","labelComponentText"],"mappings":"8JAqCA,IAAMA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAI,IAAAD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAQ,IAAAD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAa,IAAAD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAc,IAAAD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAQ,IAAAD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAE,IAAAD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAO,IAAAD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAAAC,cAAA,UAAA,CAASC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAAAC,cAACK,EAAI,CAACrB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,KAAK,SAC9FR,EAAAC,cAAA,QAAA,CACEJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAAC,cAAA,OAAA,CAAMC,UAAWE,EAAOT,UAAQ,QAb1C,IAiBX"}
+{"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} type=\"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","type","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,KAAK,SAC9FR,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 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-c78e4bf29ce0_4_2_2";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(--space-4);\n  align-items: center;\n}\n.labelComponentIcon {\n  margin: 0 var(--space-8) 0 var(--space-4);\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};
+var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-c78e4bf29ce0_4_2_3";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(--space-4);\n  align-items: center;\n}\n.labelComponentIcon {\n  margin: 0 var(--space-8) 0 var(--space-4);\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/FormattedNumber/FormattedNumber.js

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

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

@@ -1 +1 @@
-{"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 } 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\nexport default FormattedNumber;\n"],"names":["FormattedNumber","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"],"mappings":"+VA2CA,IAAMA,EAAkBC,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,OAAgB,IAAAD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAgB,IAAAD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAO,IAAAD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAAC,cAAA,OAAA,CAAMnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAAC,cAAA,OAAA,CAAMnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEf,GAAG,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"}
+{"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 } 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\nexport default FormattedNumber;\n"],"names":["FormattedNumber","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"],"mappings":"kWA2CMA,IAAAA,EAAkBC,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"}

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

@@ -1,2 +1,2 @@
-var e={prefix:"prefix",suffix:"suffix"};!function(e){const n="s_id-d821b20045aa_4_2_2";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};
+var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){const n="s_id-d821b20045aa_4_2_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* 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/FormattedNumberHelpers.js

@@ -1,2 +1,2 @@
-var r=function(r){var e=null==r,n="string"==typeof r&&!r.replace(" ","").length;return e||isNaN(Number(r))||n};export{r as validateValue};
+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 +1 @@
-{"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"],"mappings":"IAAaA,EAAgB,SAACC,GAC5B,IAAMC,EAAoBD,QACpBE,EAA2C,iBAAVF,IAAuBA,EAAMG,QAAQ,IAAK,IAAIC,OACrF,OAAOH,GAAqBI,MAAMC,OAAON,KAAWE,CACtD"}
+{"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.map

@@ -1 +1 @@
-{"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":"mWAgBO,IAAMA,EAAgCC,EAAMC,cAAiD,MAQvFC,EAAmC,SAC9CC,EACAC,GAEE,IADFC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAiC,CAAEG,UAAU,GAEvCC,EAAgBC,GAAQ,WAAA,OAAMC,EAAiBT,EAAU,GAAE,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,aAAU,EAAVA,EAAYH,eAAO,IAAAK,GAAAA,EAAEC,OAHrB,CAIF,GAAG,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,OAFkB,QAAlBT,EAAAO,EAAWZ,eAAO,IAAAK,GAAAA,EAAEW,YACI,QAAxBC,EAAAH,EAAiBd,eAAO,IAAAiB,GAAAA,EAAEX,SAI5Bb,SAAAA,EAAckB,qBAAqB3B,EAAY6B,EARzB,CASxB,GACA,CAACvB,EAAeG,EAAcT,EAAYC,EAAQI,WAGtD"}
+{"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":"mWAgBO,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,OAHrB,CAID,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.map

@@ -1 +1 @@
-{"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,CAAA,EAChBC,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,MAAK,sCAAAC,OACyBH,EAAa,0CAAAG,OAAyCF,EAAW,YAAAE,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,CAIX,CAEA,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,kBAAnCC,EAAAH,EAAKC,QAAQG,8BAASF,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}
+{"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,CAIX,CAEA,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,kBAAnCC,EAAAH,EAAKC,QAAQG,8BAASF,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}

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

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

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

@@ -1 +1 @@
-{"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 \"@vibe/shared\";\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":"8OAcA,IAAMA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAS,IAAAD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAE,IAAAD,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"}
+{"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 \"@vibe/shared\";\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":"iPAcMA,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 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){const t="s_id-5ac012179a41_4_2_2";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};
+var e={hiddenTextWrapper:"hiddenTextWrapper"};!function(e){const t="s_id-5ac012179a41_4_2_3";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/Info/Info.js

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

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

@@ -1 +1 @@
-{"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 \"@vibe/shared\";\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 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        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          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          aria-controls={dialogId}\n          aria-haspopup=\"dialog\"\n          aria-expanded={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","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","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"uvBAUA,IAAMA,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,OAAQ,IAAAD,EAAG,eAAcA,EAAAE,EAAAX,EACzBY,SAAAA,OAAQ,IAAAD,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,EAAmBH,EAAuB,MAEhDI,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW5B,EAAE,GAAA6B,OAAM7B,kBAAc8B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVhB,SAAAA,IACAsB,uBAAsB,iBACI,QAAxBC,EAAAb,EAAiBc,eAAO,IAAAD,GAAAA,EAAEE,OAC5B,GACF,GAAG,CAACzB,IAEE0B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVf,SAAAA,IACuC,WAAlC0B,EAA0BC,MACR,QAArBL,EAAAjB,EAAckB,eAAO,IAAAD,GAAAA,EAAEE,QAE3B,GACA,CAACxB,IAGH,OACE4B,EAAAC,cAACC,GACC1C,GAAI4B,EACJe,QAASjC,EACTF,SAAUA,EACVoC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBtB,kBAAmBA,EACnBoC,QACEX,EAAAC,cAACW,EAAiB,CAChBrD,IAAKsB,EACLrB,GAAI4B,EACJ1B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfuC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTvD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXsD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRhB,SAAUA,EAAQ,aACNL,EAAS,kBACJC,EAAc,gBAChBsB,EAAQ,gBACT,SAAQ,gBACPF,EAAM,cACRV,GAAc4C,EAAUC,EAAuBC,KAAM9D,GAAG,YAC1D+D,EAAgBD,KAC3BE,YAAanD,IAIrB"}
+{"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 \"@vibe/shared\";\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 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        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          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          aria-controls={dialogId}\n          aria-haspopup=\"dialog\"\n          aria-expanded={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","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","getTestId","ComponentDefaultTestId","INFO","ComponentVibeId","hideTooltip"],"mappings":"0vBAUMA,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,EAAmBH,EAAuB,MAEhDI,EAA4BC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAApCI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAElBI,EAAW5B,EAAE,GAAA6B,OAAM7B,kBAAc8B,EAEjCC,EAAmBC,GAAY,WACnCL,GAAU,GACVhB,SAAAA,IACAsB,uBAAsB,iBACM,QAA1BC,EAAAb,EAAiBc,eAAS,IAAAD,GAAAA,EAAAE,OAC5B,GACF,GAAG,CAACzB,IAEE0B,EAAmBL,GACvB,SAACM,SACCX,GAAU,GACVf,SAAAA,IACuC,WAAlC0B,EAA0BC,MACN,QAAvBL,EAAAjB,EAAckB,eAAS,IAAAD,GAAAA,EAAAE,QAE3B,GACA,CAACxB,IAGH,OACE4B,EAACC,cAAAC,GACC1C,GAAI4B,EACJe,QAASjC,EACTF,SAAUA,EACVoC,OAAQ,CAAEC,KAAM,EAAGC,UAAW,GAC9BC,YAAa,CAAC,SACdC,YAAa,CAAC,QAAS,eAAgB,UACvCC,gBAAiBlB,EACjBmB,gBAAiBb,EACjBtB,kBAAmBA,EACnBoC,QACEX,EAAAC,cAACW,EACC,CAAArD,IAAKsB,EACLrB,GAAI4B,EACJ1B,MAAOA,EACPC,KAAMA,EACNC,KAAMA,EACNH,UAAWa,IAGfuC,yBAAuB,GAEvBb,EAAAC,cAACa,EAAU,CACTvD,IAAKoB,EACLnB,GAAIA,EACJC,UAAWA,EACXsD,KAAMC,EACNC,KAAK,KACLC,KAAK,WACLC,OAAQjC,EACRhB,SAAUA,EAAQ,aACNL,EAAS,kBACJC,EAAc,gBAChBsB,EAAQ,gBACT,SAAQ,gBACPF,EAAM,cACRV,GAAc4C,EAAUC,EAAuBC,KAAM9D,GAAG,YAC1D+D,EAAgBD,KAC3BE,YAAanD,IAIrB"}

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

@@ -1 +1 @@
-{"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":"oTAQA,IAAMA,EAAoBC,GACxB,SAAAC,EAA+DC,GAA2C,IAAnGC,EAAKF,EAALE,MAAOC,EAAIH,EAAJG,KAAMC,EAAIJ,EAAJI,KAClB,OAAKF,GAAUC,GAASC,EAKtBC,EAAAC,cAACC,GAAuBC,GANvBR,EAAFQ,GAMiCC,KAAK,UAAUC,KAAK,SAASC,UAN9BX,EAATW,WAOpBN,EAAAC,cAACM,EAAI,CAACX,IAAKA,EAAKY,UAAU,EAAIC,MAAM,QAAQC,UAAU,SAASC,IAAI,KAAKL,UAAWM,EAAOC,gBACvFhB,GACCG,EAAAC,cAACa,GAAKV,KAAK,QAAQW,OAAO,QACvBlB,GAGJC,GACCE,EAAAC,cAACa,GAAKV,KAAK,QAAQY,QAAQ,KACxBlB,GAGJC,GAAQC,EAAAC,cAACgB,EAAQC,OAAAC,OAAA,CAACb,UAAWM,EAAOb,MAAUA,MAhB5C,IAoBX"}
+{"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 +1,2 @@
-var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_2_2";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};
+var e={contentWrapper:"contentWrapper",link:"link"};!function(e){const t="s_id-646297cad054_4_2_3";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/InfoLink/InfoLink.js.map

@@ -1 +1 @@
-{"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":"yMAOA,IAAMA,EAAWC,GACf,SAACC,EAA4CC,GAA5C,IAAEC,EAASF,EAATE,UAAcC,EAASC,EAAAJ,EAAzB,eACC,OAAOK,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACR,IAAKA,EAAKC,UAAWQ,EAAGC,EAAOC,SAAUV,IAAgBC,GACxE"}
+{"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 +1,2 @@
-var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_2_2";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};
+var e={infoLink:"infoLink"};!function(e){const t="s_id-63a4f7de1b47_4_2_3";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/InfoText/InfoText.js.map

@@ -1 +1 @@
-{"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":"kPAMA,IAAMA,EAAWC,GACf,SAAAC,EAAkEC,GAA2C,IAAtGC,EAAIF,EAAJE,KAAaC,EAAOH,EAAPG,QAASC,EAAQJ,EAARI,SAAUC,EAAQL,EAARK,SACrC,OAAKH,EAKHI,EAAAC,cAACC,GACCC,GAPDT,EAAFS,GAQGR,IAAKA,EACLS,UAAWC,EAAGC,EAAOC,SAAQC,EAAAA,EAAAA,EAAAA,EAAA,GAC1BF,EAAOG,MAVEf,EAALe,OAWJH,EAAOT,QAAUA,GACjBS,EAAOR,SAAWA,GAClBQ,EAAOP,SAAWA,IAErBW,KAAK,SAEJd,GAfI,IAkBX"}
+{"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 +1,2 @@
-var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_2_2";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};
+var e={infoText:"infoText",error:"error",success:"success",disabled:"disabled",readOnly:"readOnly"};!function(e){const o="s_id-05a2b3ab5fae_4_2_3";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/Label/Label.js

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