npm - @vibe/core - Versions diffs - 3.70.2-alpha-23478.0 → 3.70.2 - Mend

@vibe/core 3.70.2-alpha-23478.0 → 3.70.2

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

Files changed (737) hide show

package/dist/mocked_classnames/packages/shared/dist/hooks/useKeyEvent.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useKeyEvent.js","sources":["../../../../../../../shared/dist/hooks/useKeyEvent.js"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useEventListener } from \"./useEventListener\";\nimport { isClient } from \"../utils/ssr-utils\";\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\nvar Modifier;\n(function (Modifier) {\n Modifier[\"ALT\"] = \"altKey\";\n Modifier[\"META\"] = \"metaKey\";\n Modifier[\"CTRL\"] = \"ctrlKey\";\n Modifier[\"SHIFT\"] = \"shiftKey\";\n Modifier[\"CTRL_OR_META\"] = \"ctrlOrMetaKey\";\n})(Modifier || (Modifier = {}));\nconst checkModifierInEvent = (event, modifier) => {\n if (modifier === Modifier.CTRL_OR_META) {\n return event.ctrlKey || event.metaKey;\n }\n return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event) => {\n return !Object.values(useKeyEvent.modifiers).some((m) => {\n if (m !== CTRL_OR_META) {\n return !!event[m];\n }\n });\n};\nexport function useKeyEvent({ keys = [], callback, modifier, withoutAnyModifier, ref, ignoreDocumentFallback = false, capture = false, preventDefault = false, stopPropagation = false, keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n }) {\n const documentRef = useRef(isClient() ? document.body : null);\n const onKeyUpPress = useCallback((event) => {\n const { key } = event;\n if (!keys.includes(key)) {\n return;\n }\n if (modifier && !checkModifierInEvent(event, modifier)) {\n return;\n }\n if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n return;\n }\n if (preventDefault) {\n event.preventDefault();\n }\n if (stopPropagation) {\n event.stopPropagation();\n }\n callback(event);\n }, [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]);\n let listenerRef;\n if (ref) {\n listenerRef = ref;\n }\n else if (ignoreDocumentFallback) {\n listenerRef = null;\n }\n else {\n listenerRef = documentRef;\n }\n useEventListener({\n eventName: keyEventName,\n callback: onKeyUpPress,\n ref: listenerRef,\n capture\n });\n}\nuseKeyEvent.modifiers = Modifier;\n//# sourceMappingURL=useKeyEvent.js.map"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","isClient","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"0JAKA,IAEKA,GAAL,SAAKA,GACHA,EAAc,IAAA,SACdA,EAAgB,KAAA,UAChBA,EAAgB,KAAA,UAChBA,EAAkB,MAAA,WAClBA,EAA8B,aAAA,eAC/B,CAND,CAAKA,IAAAA,EAAQ,CAAA,IAmEP,SAAUC,EAAWC,GAWT,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAClDC,EAAeC,GACnB,SAACC,GAEMtB,EAAKuB,SADMD,EAARE,OAIJtB,IA9EmB,SAACoB,EAAsBpB,GAClD,OAAIA,IAAaN,EAAS6B,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,EAAMpB,EACf,CAwEuB0B,CAAqBN,EAAOpB,IAGzCC,IA1E0B,SAACmB,GACnC,OAAQO,OAAOC,OAAOjC,EAAYkC,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAoEiCC,CAA4BZ,KAInDZ,GACFY,EAAMZ,iBAGJE,GACFU,EAAMV,kBAGRX,EAASqB,IACX,GACA,CAACtB,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,IAaxEkC,EAAiB,CACfC,UAAWtB,EACXb,SAAUmB,EACVhB,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,EAAYkC,UAAYnC"}

package/dist/mocked_classnames/packages/shared/dist/hooks/useMergeRef.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{useRef as r}from"react";import t from"./ssr/useIsomorphicLayoutEffect.js";function o(){for(var o=arguments.length,n=Array(o),c=0;o>c;c++)n[c]=arguments[c];var f=r(null);return t((function(){n.forEach((function(r){r&&("function"==typeof r?r(f.current):r.current=f.current)}))}),[n]),f}export{o as useMergeRef};
2	+ //# sourceMappingURL=useMergeRef.js.map

package/dist/mocked_classnames/packages/shared/dist/hooks/useMergeRef.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"useMergeRef.js","sources":["../../../../../../../shared/dist/hooks/useMergeRef.js"],"sourcesContent":["import { useRef } from \"react\";\nimport useIsomorphicLayoutEffect from \"./ssr/useIsomorphicLayoutEffect\";\n/*\n * Example usage:\n * const Component = React.forwardRef((props, ref) => {\n * const internalRef = React.useRef();\n * const mergedRef = useMergeRef(ref, internalRef);\n * return <div {...props} ref={mergedRef} />;\n * });\n */\n/**\n * Returns a single ref callback that merges multiple ref callbacks - internal replacement for `useMergeRefs` hook\n * @param refs\n */\nexport function useMergeRef(...refs) {\n const mergedRef = useRef(null);\n useIsomorphicLayoutEffect(() => {\n refs.forEach(ref => {\n if (!ref)\n return;\n if (typeof ref === \"function\") {\n ref(mergedRef.current);\n }\n else {\n ref.current = mergedRef.current;\n }\n });\n }, [refs]);\n return mergedRef;\n}\n//# sourceMappingURL=useMergeRef.js.map"],"names":["useMergeRef","_len","arguments","length","refs","Array","_key","mergedRef","useRef","useIsomorphicLayoutEffect","forEach","ref","current"],"mappings":"iFAeM,SAAUA,IAAiE,IAAA,IAAAC,EAAAC,UAAAC,OAA/CC,EAA+CC,MAAAJ,GAAAK,EAAA,EAAAL,EAAAK,EAAAA,IAA/CF,EAA+CE,GAAAJ,UAAAI,GAC/E,IAAMC,EAAYC,EAAU,MAc5B,OAZAC,GAA0B,WACxBL,EAAKM,SAAQ,SAAAC,GACNA,IAEc,mBAARA,EACTA,EAAIJ,EAAUK,SAEbD,EAA4BC,QAAUL,EAAUK,QAErD,GACF,GAAG,CAACR,IAEGG,CACT"}

package/dist/mocked_classnames/packages/shared/dist/tests/constants.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var T,t,E;!function(T){T.EMPTY_STATE="empty-state",T.TRANSITION_VIEW="transition-view",T.TEXT_AREA="text-area",T.EDITABLE_TEXT="editable-text",T.TIPSEEN_MEDIA="tipseen-media",T.INDICATOR="indicator",T.BADGE="badge",T.TITLE="title",T.TEXT="text",T.COMBOBOX="combobox",T.COMBOBOX_CATEGORY="combobox-category",T.COMBOBOX_OPTION="combobox-option",T.COLOR_PICKER="color-picker",T.CHECKBOX="checkbox",T.CHECKBOX_LABEL="checkbox-label",T.CHECKBOX_CHECKBOX="checkbox-checkbox",T.DROPDOWN="dropdown",T.DROPDOWN_OPTION_CONTENT="dropdown-option-content",T.BUTTON="button",T.BUTTON_GROUP="button-group",T.CLICKABLE="clickable",T.VIRTUALIZED_LIST="virtualized-list",T.VIRTUALIZED_GRID="virtualized-grid",T.TEXT_FIELD="text-field",T.TEXT_FIELD_SECONDARY_BUTTON="text-field-secondary-button",T.SEARCH="search",T.CLEAN_SEARCH_BUTTON="clean-search-button",T.COLOR_PICKER_ITEM="color-picker-item",T.ICON_BUTTON="icon-button",T.SVG_ICON="svg-icon",T.CHIP="chip",T.RADIO_BUTTON="radio-button",T.RADIO_BUTTON_LABEL="radio-button-label",T.RADIO_BUTTON_CONTROL="radio-button-control",T.TAB="tab",T.TAB_PANEL="tab-panel",T.TAB_PANELS="tab-panels",T.TAB_LIST="tab-list",T.TABS_CONTEXT="tabs-context",T.ALERT_BANNER="alert-banner",T.ALERT_BANNER_BUTTON="alert-banner-button",T.ALERT_BANNER_LINK="alert-banner-link",T.ALERT_BANNER_TEXT="alert-banner-text",T.ATTENTION_BOX="attention-box",T.BOX="box",T.AVATAR="avatar",T.AVATAR_BADGE="avatar-badge",T.AVATAR_CONTENT="avatar-content",T.BREADCRUMB_ITEM="breadcrumb-item",T.BREADCRUMBS_BAR="breadcrumbs-bar",T.BREADCRUMB_MENU="breadcrumb-menu",T.BREADCRUMB_MENU_ITEM="breadcrumb-menu-item",T.LINEAR_PROGRESS_BAR="linear-progress-bar",T.BAR="bar",T.BAR_PRIMARY="bar-primary",T.BAR_SECONDARY="bar-secondary",T.COLOR_PICKER_ITEM_COMPONENT="color-picker-item-component",T.COUNTER="counter",T.MENU="menu",T.OPTION="option",T.EXPAND_COLLAPSE="expand-collapse",T.EDITABLE_INPUT="editable-input",T.EDITABLE_HEADING="editable-heading",T.HEADING="heading",T.LABEL="label",T.LINK="link",T.MENU_DIVIDER="menu-divider",T.MENU_ITEM="menu-item",T.MENU_ITEM_BUTTON="menu-item-button",T.MENU_TITLE="menu-title",T.MENU_TITLE_CAPTION="menu-title-caption",T.MENU_GRID_ITEM="menu-grid-item",T.MENU_BUTTON="menu-button",T.STEP_INDICATOR="step-indicator",T.STEPS="steps",T.STEPS_FORWARD_COMMAND="steps-forward-command",T.STEPS_BACKWARD_COMMAND="steps-backward-command",T.MULTI_STEP_INDICATOR="multi-step-indicator",T.SKELETON="skeleton",T.SPLIT_BUTTON="split-button",T.SPLIT_BUTTON_PRIMARY_BUTTON="split-button-primary-button",T.SPLIT_BUTTON_SECONDARY_BUTTON="split-button-secondary-button",T.TEXT_WITH_HIGHLIGHT="text-with-highlight",T.TOAST="toast",T.TOAST_CONTENT="toast-content",T.TOAST_LINK="toast-link",T.TOAST_BUTTON="toast-button",T.TOAST_CLOSE_BUTTON="toast-close-button",T.TOGGLE="toggle",T.TIPSEEN="tipseen",T.TIPSEEN_CONTENT="tipseen-content",T.TIPSEEN_CONTENT_SUBMIT="tipseen-content-submit",T.TIPSEEN_CONTENT_DISMISS="tipseen-content-dismiss",T.TIPSEEN_TITLE="tipseen-title",T.DIVIDER="divider",T.DATEPICKER="date-picker",T.DATEPICKER_HEADER="date-picker-header",T.DATEPICKER_YEAR_SELECTION="date-picker-year-selection",T.LOADER="loader",T.ICON="icon",T.RESPONSIVE_LIST="responsive-list",T.LIST="list",T.MODAL="monday-dialog-container",T.MODAL_OVERLAY="monday-modal-overlay",T.MODAL_CONTENT="modal-content",T.MODAL_HEADER="modal-header",T.MODAL_FOOTER_BUTTONS="modal-footer-buttons",T.MODAL_NEXT="modal",T.MODAL_NEXT_OVERLAY="modal-overlay",T.MODAL_NEXT_HEADER="modal-header-next",T.MODAL_NEXT_CLOSE_BUTTON="modal-close-button",T.MODAL_NEXT_CONTENT="modal-content-next",T.MODAL_NEXT_FOOTER="modal-footer",T.MODAL_NEXT_MEDIA="modal-media",T.MODAL_NEXT_BASIC_LAYOUT="modal-basic-layout",T.MODAL_NEXT_SIDE_BY_SIDE_LAYOUT="modal-side-by-side-layout",T.MODAL_NEXT_MEDIA_LAYOUT="modal-media-layout",T.FORMATTED_NUMBER="formatted-number",T.HIDDEN_TEXT="hidden-text",T.DIALOG_CONTENT_CONTAINER="dialog-content-container",T.FLEX="flex",T.TOOLTIP="tooltip",T.DIALOG="dialog",T.TABLE="table",T.TABLE_CONTAINER="table-container",T.TABLE_BODY="table-body",T.TABLE_VIRTUALIZED_BODY="table-virtualized-body",T.TABLE_CELL="table-cell",T.TABLE_HEADER="table-header",T.TABLE_HEADER_CELL="table-header-cell",T.TABLE_ROW="table-row",T.TABLE_ROW_MENU="table-row-menu"}(T\|\|(T={})),function(T){T.RIGHT_ARROW="{arrowright}",T.LEFT_ARROW="{arrowleft}",T.UP_ARROW="{arrowup}",T.DOWN_ARROW="{arrowdown}",T.TAB="#TAB#",T.ENTER="{enter}",T.PAGE_UP="{pageup}",T.PAGE_DOWN="{pagedown}"}(t\|\|(t={})),function(T){T.ACCORDION="Accordion",T.ALERT_BANNER="AlertBanner",T.ATTENTION_BOX="AttentionBox",T.AVATAR="Avatar",T.AVATAR_GROUP="AvatarGroup",T.BADGE="Badge",T.BOX="Box",T.BREADCRUMBS_BAR="BreadcrumbsBar",T.BUTTON="Button",T.BUTTON_GROUP="ButtonGroup",T.CHECKBOX="Checkbox",T.CHIPS="Chips",T.COLOR_PICKER="ColorPicker",T.COMBOBOX="Combobox",T.COUNTER="Counter",T.DATE_PICKER="DatePicker",T.DIALOG="Dialog",T.DIVIDER="Divider",T.DROPDOWN="Dropdown",T.EDITABLE_HEADING="EditableHeading",T.EDITABLE_TEXT="EditableText",T.EXPAND_COLLAPSE="ExpandCollapse",T.FLEX="Flex",T.HEADING="Heading",T.ICON="Icon",T.ICON_BUTTON="IconButton",T.LABEL="Label",T.LINEAR_PROGRESS_BAR="LinearProgressBar",T.LINK="Link",T.LIST="List",T.LOADER="Loader",T.MENU="Menu",T.MENU_BUTTON="MenuButton",T.MODAL="Modal",T.MULTI_STEP_INDICATOR="MultiStepIndicator",T.RADIO_BUTTON="RadioButton",T.SEARCH="Search",T.SKELETON="Skeleton",T.SLIDER="Slider",T.SPLIT_BUTTON="SplitButton",T.STEPS="Steps",T.TAB="Tab",T.TABLE="Table",T.TEXT="Text",T.TEXT_AREA="TextArea",T.TEXT_FIELD="TextField",T.TEXT_WITH_HIGHLIGHT="TextWithHighlight",T.THEME_PROVIDER="ThemeProvider",T.TIPSEEN="Tipseen",T.TOAST="Toast",T.TOGGLE="Toggle",T.TOOLTIP="Tooltip",T.VIRTUALIZED_GRID="VirtualizedGrid",T.VIRTUALIZED_LIST="VirtualizedList"}(E\|\|(E={}));export{T as ComponentDefaultTestId,E as ComponentVibeId,t as NavigationCommand};
2	+ //# sourceMappingURL=constants.js.map

package/dist/mocked_classnames/packages/shared/dist/tests/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sources":["../../../../../../../shared/dist/tests/constants.js"],"sourcesContent":["export var ComponentDefaultTestId;\n(function (ComponentDefaultTestId) {\n // Don't remove next line\n // plop_marker:default-data-testid-declarations\n ComponentDefaultTestId[\"EMPTY_STATE\"] = \"empty-state\";\n ComponentDefaultTestId[\"TRANSITION_VIEW\"] = \"transition-view\";\n ComponentDefaultTestId[\"TEXT_AREA\"] = \"text-area\";\n ComponentDefaultTestId[\"EDITABLE_TEXT\"] = \"editable-text\";\n ComponentDefaultTestId[\"TIPSEEN_MEDIA\"] = \"tipseen-media\";\n ComponentDefaultTestId[\"INDICATOR\"] = \"indicator\";\n ComponentDefaultTestId[\"BADGE\"] = \"badge\";\n ComponentDefaultTestId[\"TITLE\"] = \"title\";\n ComponentDefaultTestId[\"TEXT\"] = \"text\";\n ComponentDefaultTestId[\"COMBOBOX\"] = \"combobox\";\n ComponentDefaultTestId[\"COMBOBOX_CATEGORY\"] = \"combobox-category\";\n ComponentDefaultTestId[\"COMBOBOX_OPTION\"] = \"combobox-option\";\n ComponentDefaultTestId[\"COLOR_PICKER\"] = \"color-picker\";\n ComponentDefaultTestId[\"CHECKBOX\"] = \"checkbox\";\n ComponentDefaultTestId[\"CHECKBOX_LABEL\"] = \"checkbox-label\";\n ComponentDefaultTestId[\"CHECKBOX_CHECKBOX\"] = \"checkbox-checkbox\";\n ComponentDefaultTestId[\"DROPDOWN\"] = \"dropdown\";\n ComponentDefaultTestId[\"DROPDOWN_OPTION_CONTENT\"] = \"dropdown-option-content\";\n ComponentDefaultTestId[\"BUTTON\"] = \"button\";\n ComponentDefaultTestId[\"BUTTON_GROUP\"] = \"button-group\";\n ComponentDefaultTestId[\"CLICKABLE\"] = \"clickable\";\n ComponentDefaultTestId[\"VIRTUALIZED_LIST\"] = \"virtualized-list\";\n ComponentDefaultTestId[\"VIRTUALIZED_GRID\"] = \"virtualized-grid\";\n ComponentDefaultTestId[\"TEXT_FIELD\"] = \"text-field\";\n ComponentDefaultTestId[\"TEXT_FIELD_SECONDARY_BUTTON\"] = \"text-field-secondary-button\";\n ComponentDefaultTestId[\"SEARCH\"] = \"search\";\n ComponentDefaultTestId[\"CLEAN_SEARCH_BUTTON\"] = \"clean-search-button\";\n ComponentDefaultTestId[\"COLOR_PICKER_ITEM\"] = \"color-picker-item\";\n ComponentDefaultTestId[\"ICON_BUTTON\"] = \"icon-button\";\n ComponentDefaultTestId[\"SVG_ICON\"] = \"svg-icon\";\n ComponentDefaultTestId[\"CHIP\"] = \"chip\";\n ComponentDefaultTestId[\"RADIO_BUTTON\"] = \"radio-button\";\n ComponentDefaultTestId[\"RADIO_BUTTON_LABEL\"] = \"radio-button-label\";\n ComponentDefaultTestId[\"RADIO_BUTTON_CONTROL\"] = \"radio-button-control\";\n ComponentDefaultTestId[\"TAB\"] = \"tab\";\n ComponentDefaultTestId[\"TAB_PANEL\"] = \"tab-panel\";\n ComponentDefaultTestId[\"TAB_PANELS\"] = \"tab-panels\";\n ComponentDefaultTestId[\"TAB_LIST\"] = \"tab-list\";\n ComponentDefaultTestId[\"TABS_CONTEXT\"] = \"tabs-context\";\n ComponentDefaultTestId[\"ALERT_BANNER\"] = \"alert-banner\";\n ComponentDefaultTestId[\"ALERT_BANNER_BUTTON\"] = \"alert-banner-button\";\n ComponentDefaultTestId[\"ALERT_BANNER_LINK\"] = \"alert-banner-link\";\n ComponentDefaultTestId[\"ALERT_BANNER_TEXT\"] = \"alert-banner-text\";\n ComponentDefaultTestId[\"ATTENTION_BOX\"] = \"attention-box\";\n ComponentDefaultTestId[\"BOX\"] = \"box\";\n ComponentDefaultTestId[\"AVATAR\"] = \"avatar\";\n ComponentDefaultTestId[\"AVATAR_BADGE\"] = \"avatar-badge\";\n ComponentDefaultTestId[\"AVATAR_CONTENT\"] = \"avatar-content\";\n ComponentDefaultTestId[\"BREADCRUMB_ITEM\"] = \"breadcrumb-item\";\n ComponentDefaultTestId[\"BREADCRUMBS_BAR\"] = \"breadcrumbs-bar\";\n ComponentDefaultTestId[\"BREADCRUMB_MENU\"] = \"breadcrumb-menu\";\n ComponentDefaultTestId[\"BREADCRUMB_MENU_ITEM\"] = \"breadcrumb-menu-item\";\n ComponentDefaultTestId[\"LINEAR_PROGRESS_BAR\"] = \"linear-progress-bar\";\n ComponentDefaultTestId[\"BAR\"] = \"bar\";\n ComponentDefaultTestId[\"BAR_PRIMARY\"] = \"bar-primary\";\n ComponentDefaultTestId[\"BAR_SECONDARY\"] = \"bar-secondary\";\n ComponentDefaultTestId[\"COLOR_PICKER_ITEM_COMPONENT\"] = \"color-picker-item-component\";\n ComponentDefaultTestId[\"COUNTER\"] = \"counter\";\n ComponentDefaultTestId[\"MENU\"] = \"menu\";\n ComponentDefaultTestId[\"OPTION\"] = \"option\";\n ComponentDefaultTestId[\"EXPAND_COLLAPSE\"] = \"expand-collapse\";\n ComponentDefaultTestId[\"EDITABLE_INPUT\"] = \"editable-input\";\n ComponentDefaultTestId[\"EDITABLE_HEADING\"] = \"editable-heading\";\n ComponentDefaultTestId[\"HEADING\"] = \"heading\";\n ComponentDefaultTestId[\"LABEL\"] = \"label\";\n ComponentDefaultTestId[\"LINK\"] = \"link\";\n ComponentDefaultTestId[\"MENU_DIVIDER\"] = \"menu-divider\";\n ComponentDefaultTestId[\"MENU_ITEM\"] = \"menu-item\";\n ComponentDefaultTestId[\"MENU_ITEM_BUTTON\"] = \"menu-item-button\";\n ComponentDefaultTestId[\"MENU_TITLE\"] = \"menu-title\";\n ComponentDefaultTestId[\"MENU_TITLE_CAPTION\"] = \"menu-title-caption\";\n ComponentDefaultTestId[\"MENU_GRID_ITEM\"] = \"menu-grid-item\";\n ComponentDefaultTestId[\"MENU_BUTTON\"] = \"menu-button\";\n ComponentDefaultTestId[\"STEP_INDICATOR\"] = \"step-indicator\";\n ComponentDefaultTestId[\"STEPS\"] = \"steps\";\n ComponentDefaultTestId[\"STEPS_FORWARD_COMMAND\"] = \"steps-forward-command\";\n ComponentDefaultTestId[\"STEPS_BACKWARD_COMMAND\"] = \"steps-backward-command\";\n ComponentDefaultTestId[\"MULTI_STEP_INDICATOR\"] = \"multi-step-indicator\";\n ComponentDefaultTestId[\"SKELETON\"] = \"skeleton\";\n ComponentDefaultTestId[\"SPLIT_BUTTON\"] = \"split-button\";\n ComponentDefaultTestId[\"SPLIT_BUTTON_PRIMARY_BUTTON\"] = \"split-button-primary-button\";\n ComponentDefaultTestId[\"SPLIT_BUTTON_SECONDARY_BUTTON\"] = \"split-button-secondary-button\";\n ComponentDefaultTestId[\"TEXT_WITH_HIGHLIGHT\"] = \"text-with-highlight\";\n ComponentDefaultTestId[\"TOAST\"] = \"toast\";\n ComponentDefaultTestId[\"TOAST_CONTENT\"] = \"toast-content\";\n ComponentDefaultTestId[\"TOAST_LINK\"] = \"toast-link\";\n ComponentDefaultTestId[\"TOAST_BUTTON\"] = \"toast-button\";\n ComponentDefaultTestId[\"TOAST_CLOSE_BUTTON\"] = \"toast-close-button\";\n ComponentDefaultTestId[\"TOGGLE\"] = \"toggle\";\n ComponentDefaultTestId[\"TIPSEEN\"] = \"tipseen\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT\"] = \"tipseen-content\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT_SUBMIT\"] = \"tipseen-content-submit\";\n ComponentDefaultTestId[\"TIPSEEN_CONTENT_DISMISS\"] = \"tipseen-content-dismiss\";\n ComponentDefaultTestId[\"TIPSEEN_TITLE\"] = \"tipseen-title\";\n ComponentDefaultTestId[\"DIVIDER\"] = \"divider\";\n ComponentDefaultTestId[\"DATEPICKER\"] = \"date-picker\";\n ComponentDefaultTestId[\"DATEPICKER_HEADER\"] = \"date-picker-header\";\n ComponentDefaultTestId[\"DATEPICKER_YEAR_SELECTION\"] = \"date-picker-year-selection\";\n ComponentDefaultTestId[\"LOADER\"] = \"loader\";\n ComponentDefaultTestId[\"ICON\"] = \"icon\";\n ComponentDefaultTestId[\"RESPONSIVE_LIST\"] = \"responsive-list\";\n ComponentDefaultTestId[\"LIST\"] = \"list\";\n ComponentDefaultTestId[\"MODAL\"] = \"monday-dialog-container\";\n ComponentDefaultTestId[\"MODAL_OVERLAY\"] = \"monday-modal-overlay\";\n ComponentDefaultTestId[\"MODAL_CONTENT\"] = \"modal-content\";\n ComponentDefaultTestId[\"MODAL_HEADER\"] = \"modal-header\";\n ComponentDefaultTestId[\"MODAL_FOOTER_BUTTONS\"] = \"modal-footer-buttons\";\n ComponentDefaultTestId[\"MODAL_NEXT\"] = \"modal\";\n ComponentDefaultTestId[\"MODAL_NEXT_OVERLAY\"] = \"modal-overlay\";\n ComponentDefaultTestId[\"MODAL_NEXT_HEADER\"] = \"modal-header-next\";\n ComponentDefaultTestId[\"MODAL_NEXT_CLOSE_BUTTON\"] = \"modal-close-button\";\n ComponentDefaultTestId[\"MODAL_NEXT_CONTENT\"] = \"modal-content-next\";\n ComponentDefaultTestId[\"MODAL_NEXT_FOOTER\"] = \"modal-footer\";\n ComponentDefaultTestId[\"MODAL_NEXT_MEDIA\"] = \"modal-media\";\n ComponentDefaultTestId[\"MODAL_NEXT_BASIC_LAYOUT\"] = \"modal-basic-layout\";\n ComponentDefaultTestId[\"MODAL_NEXT_SIDE_BY_SIDE_LAYOUT\"] = \"modal-side-by-side-layout\";\n ComponentDefaultTestId[\"MODAL_NEXT_MEDIA_LAYOUT\"] = \"modal-media-layout\";\n ComponentDefaultTestId[\"FORMATTED_NUMBER\"] = \"formatted-number\";\n ComponentDefaultTestId[\"HIDDEN_TEXT\"] = \"hidden-text\";\n ComponentDefaultTestId[\"DIALOG_CONTENT_CONTAINER\"] = \"dialog-content-container\";\n ComponentDefaultTestId[\"FLEX\"] = \"flex\";\n ComponentDefaultTestId[\"TOOLTIP\"] = \"tooltip\";\n ComponentDefaultTestId[\"DIALOG\"] = \"dialog\";\n ComponentDefaultTestId[\"TABLE\"] = \"table\";\n ComponentDefaultTestId[\"TABLE_CONTAINER\"] = \"table-container\";\n ComponentDefaultTestId[\"TABLE_BODY\"] = \"table-body\";\n ComponentDefaultTestId[\"TABLE_VIRTUALIZED_BODY\"] = \"table-virtualized-body\";\n ComponentDefaultTestId[\"TABLE_CELL\"] = \"table-cell\";\n ComponentDefaultTestId[\"TABLE_HEADER\"] = \"table-header\";\n ComponentDefaultTestId[\"TABLE_HEADER_CELL\"] = \"table-header-cell\";\n ComponentDefaultTestId[\"TABLE_ROW\"] = \"table-row\";\n ComponentDefaultTestId[\"TABLE_ROW_MENU\"] = \"table-row-menu\";\n})(ComponentDefaultTestId || (ComponentDefaultTestId = {}));\nexport var NavigationCommand;\n(function (NavigationCommand) {\n NavigationCommand[\"RIGHT_ARROW\"] = \"{arrowright}\";\n NavigationCommand[\"LEFT_ARROW\"] = \"{arrowleft}\";\n NavigationCommand[\"UP_ARROW\"] = \"{arrowup}\";\n NavigationCommand[\"DOWN_ARROW\"] = \"{arrowdown}\";\n NavigationCommand[\"TAB\"] = \"#TAB#\";\n NavigationCommand[\"ENTER\"] = \"{enter}\";\n NavigationCommand[\"PAGE_UP\"] = \"{pageup}\";\n NavigationCommand[\"PAGE_DOWN\"] = \"{pagedown}\";\n})(NavigationCommand || (NavigationCommand = {}));\nexport var ComponentVibeId;\n(function (ComponentVibeId) {\n ComponentVibeId[\"ACCORDION\"] = \"Accordion\";\n ComponentVibeId[\"ALERT_BANNER\"] = \"AlertBanner\";\n ComponentVibeId[\"ATTENTION_BOX\"] = \"AttentionBox\";\n ComponentVibeId[\"AVATAR\"] = \"Avatar\";\n ComponentVibeId[\"AVATAR_GROUP\"] = \"AvatarGroup\";\n ComponentVibeId[\"BADGE\"] = \"Badge\";\n ComponentVibeId[\"BOX\"] = \"Box\";\n ComponentVibeId[\"BREADCRUMBS_BAR\"] = \"BreadcrumbsBar\";\n ComponentVibeId[\"BUTTON\"] = \"Button\";\n ComponentVibeId[\"BUTTON_GROUP\"] = \"ButtonGroup\";\n ComponentVibeId[\"CHECKBOX\"] = \"Checkbox\";\n ComponentVibeId[\"CHIPS\"] = \"Chips\";\n ComponentVibeId[\"COLOR_PICKER\"] = \"ColorPicker\";\n ComponentVibeId[\"COMBOBOX\"] = \"Combobox\";\n ComponentVibeId[\"COUNTER\"] = \"Counter\";\n ComponentVibeId[\"DATE_PICKER\"] = \"DatePicker\";\n ComponentVibeId[\"DIALOG\"] = \"Dialog\";\n ComponentVibeId[\"DIVIDER\"] = \"Divider\";\n ComponentVibeId[\"DROPDOWN\"] = \"Dropdown\";\n ComponentVibeId[\"EDITABLE_HEADING\"] = \"EditableHeading\";\n ComponentVibeId[\"EDITABLE_TEXT\"] = \"EditableText\";\n ComponentVibeId[\"EXPAND_COLLAPSE\"] = \"ExpandCollapse\";\n ComponentVibeId[\"FLEX\"] = \"Flex\";\n ComponentVibeId[\"HEADING\"] = \"Heading\";\n ComponentVibeId[\"ICON\"] = \"Icon\";\n ComponentVibeId[\"ICON_BUTTON\"] = \"IconButton\";\n ComponentVibeId[\"LABEL\"] = \"Label\";\n ComponentVibeId[\"LINEAR_PROGRESS_BAR\"] = \"LinearProgressBar\";\n ComponentVibeId[\"LINK\"] = \"Link\";\n ComponentVibeId[\"LIST\"] = \"List\";\n ComponentVibeId[\"LOADER\"] = \"Loader\";\n ComponentVibeId[\"MENU\"] = \"Menu\";\n ComponentVibeId[\"MENU_BUTTON\"] = \"MenuButton\";\n ComponentVibeId[\"MODAL\"] = \"Modal\";\n ComponentVibeId[\"MULTI_STEP_INDICATOR\"] = \"MultiStepIndicator\";\n ComponentVibeId[\"RADIO_BUTTON\"] = \"RadioButton\";\n ComponentVibeId[\"SEARCH\"] = \"Search\";\n ComponentVibeId[\"SKELETON\"] = \"Skeleton\";\n ComponentVibeId[\"SLIDER\"] = \"Slider\";\n ComponentVibeId[\"SPLIT_BUTTON\"] = \"SplitButton\";\n ComponentVibeId[\"STEPS\"] = \"Steps\";\n ComponentVibeId[\"TAB\"] = \"Tab\";\n ComponentVibeId[\"TABLE\"] = \"Table\";\n ComponentVibeId[\"TEXT\"] = \"Text\";\n ComponentVibeId[\"TEXT_AREA\"] = \"TextArea\";\n ComponentVibeId[\"TEXT_FIELD\"] = \"TextField\";\n ComponentVibeId[\"TEXT_WITH_HIGHLIGHT\"] = \"TextWithHighlight\";\n ComponentVibeId[\"THEME_PROVIDER\"] = \"ThemeProvider\";\n ComponentVibeId[\"TIPSEEN\"] = \"Tipseen\";\n ComponentVibeId[\"TOAST\"] = \"Toast\";\n ComponentVibeId[\"TOGGLE\"] = \"Toggle\";\n ComponentVibeId[\"TOOLTIP\"] = \"Tooltip\";\n ComponentVibeId[\"VIRTUALIZED_GRID\"] = \"VirtualizedGrid\";\n ComponentVibeId[\"VIRTUALIZED_LIST\"] = \"VirtualizedList\";\n})(ComponentVibeId || (ComponentVibeId = {}));\n//# sourceMappingURL=constants.js.map"],"names":["ComponentDefaultTestId","NavigationCommand","ComponentVibeId"],"mappings":"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"}

package/dist/mocked_classnames/packages/shared/dist/tests/test-ids-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var c=function(c,n){var t=""+(null!=n?n:"");return"".concat(c).concat(t&&"_".concat(t))};export{c as getTestId};
2	+ //# sourceMappingURL=test-ids-utils.js.map

package/dist/mocked_classnames/packages/shared/dist/tests/test-ids-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"test-ids-utils.js","sources":["../../../../../../../shared/dist/tests/test-ids-utils.js"],"sourcesContent":["export const getTestId = (elementType, id) => {\n const formattedId = (id !== null && id !== void 0 ? id : \"\").toString();\n return `${elementType}${formattedId && `_${formattedId}`}`;\n};\n//# sourceMappingURL=test-ids-utils.js.map"],"names":["getTestId","elementType","id","formattedId","concat"],"mappings":"AAEO,IAAMA,EAAY,SAACC,EAAqCC,GAC7D,IAAMC,EAAc,IAACD,QAAAA,EAAM,IAC3B,MAAAE,GAAAA,OAAUH,GAAWG,OAAGD,GAAWC,IAAAA,OAAQD,GAC7C"}

package/dist/mocked_classnames/packages/shared/dist/types/withStaticProps.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var n=function(n,r){return Object.assign(n,r)};export{n as withStaticProps};
2	+ //# sourceMappingURL=withStaticProps.js.map

package/dist/mocked_classnames/packages/shared/dist/types/withStaticProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"withStaticProps.js","sources":["../../../../../../../shared/dist/types/withStaticProps.js"],"sourcesContent":["export const withStaticProps = (component, staticProps) => Object.assign(component, staticProps);\nexport const withStaticPropsWithoutForwardRef = (component, staticProps) => Object.assign(component, staticProps);\n//# sourceMappingURL=withStaticProps.js.map"],"names":["withStaticProps","component","staticProps","Object","assign"],"mappings":"AAKO,IAAMA,EAAkB,SAC7BC,EACAC,GAAkC,OAC/BC,OAAOC,OAAOH,EAAWC,EAAY"}

package/dist/mocked_classnames/packages/shared/dist/utils/function-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import"es-toolkit/compat";function o(){}export{o as NOOP};
2	+ //# sourceMappingURL=function-utils.js.map

package/dist/mocked_classnames/packages/shared/dist/utils/function-utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"function-utils.js","sources":["../../../../../../../shared/dist/utils/function-utils.js"],"sourcesContent":["import { isArray, isFunction } from \"es-toolkit/compat\";\nexport function chainRefFunctions(funcsOrRefs, allowBreak = false) {\n return (args) => {\n for (let i = 0; i < funcsOrRefs.length; i++) {\n const funcOrRef = funcsOrRefs[i];\n try {\n let result;\n if (isFunction(funcOrRef)) {\n result = funcOrRef(args);\n }\n else if (funcOrRef) {\n funcOrRef.current = args;\n }\n if (result === false && allowBreak) {\n return;\n }\n }\n catch (e) {\n console.error(e);\n return;\n }\n }\n };\n}\nexport function chainFunctions(funcs, allowBreak = false) {\n return (args) => {\n for (let i = 0; i < funcs.length; i++) {\n const func = funcs[i];\n try {\n const result = func && func(args);\n if (result === false && allowBreak) {\n return;\n }\n }\n catch (e) {\n console.error(e);\n return;\n }\n }\n };\n}\nexport function convertToArray(input) {\n return isArray(input) ? input : [input];\n}\nexport function NOOP() { }\n//# sourceMappingURL=function-utils.js.map"],"names":["NOOP"],"mappings":"0BAiDM,SAAUA,IAAQ"}

package/dist/mocked_classnames/packages/shared/dist/utils/screenReaderAccessHelper.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function i(i){var e=i.isKeyboardAccessible,o=i.isDecorationOnly,n=i.isHoverOnly;return{role:void 0!==n&&n?"img":"button",tabIndex:void 0===e\|\|e?0:-1,"aria-hidden":void 0!==o&&o}}function e(e){var o=e.label,n=e.isDecorationOnly,r=e.isKeyboardAccessible,s=e.isHoverOnly;return Object.assign(Object.assign({},i({isDecorationOnly:void 0!==n&&n,isKeyboardAccessible:void 0===r\|\|r,isHoverOnly:void 0!==s&&s})),{"aria-label":o})}export{e as getClickableIconScreenReaderAccessProps,i as getClickableScreenReaderAccessProps};
2	+ //# sourceMappingURL=screenReaderAccessHelper.js.map

package/dist/mocked_classnames/packages/shared/dist/utils/screenReaderAccessHelper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"screenReaderAccessHelper.js","sources":["../../../../../../../shared/dist/utils/screenReaderAccessHelper.js"],"sourcesContent":["export function getClickableScreenReaderAccessProps({ isKeyboardAccessible = true, isDecorationOnly = false, isHoverOnly = false }) {\n return {\n role: isHoverOnly ? \"img\" : \"button\",\n tabIndex: isKeyboardAccessible ? 0 : -1,\n \"aria-hidden\": isDecorationOnly\n };\n}\nexport function getClickableIconScreenReaderAccessProps({ label, isDecorationOnly = false, isKeyboardAccessible = true, isHoverOnly = false }) {\n return Object.assign(Object.assign({}, getClickableScreenReaderAccessProps({ isDecorationOnly, isKeyboardAccessible, isHoverOnly })), { \"aria-label\": label });\n}\n//# sourceMappingURL=screenReaderAccessHelper.js.map"],"names":["getClickableScreenReaderAccessProps","_ref","_ref$isKeyboardAccess","isKeyboardAccessible","_ref$isDecorationOnly","isDecorationOnly","_ref$isHoverOnly","isHoverOnly","role","tabIndex","getClickableIconScreenReaderAccessProps","_ref2","label","_ref2$isDecorationOnl","_ref2$isKeyboardAcces","_ref2$isHoverOnly","Object","assign"],"mappings":"AAAM,SAAUA,EAAmCC,GAQlD,IAAAC,EAAAD,EAPCE,qBAA2BC,EAAAH,EAC3BI,iBAAwBC,EAAAL,EACxBM,YAMA,MAAO,CACLC,UAPY,IAAHF,GAAQA,EAOG,MAAQ,SAC5BG,cAVqB,IAAHP,GAAOA,EAUQ,GAAK,EACtC,mBAViB,IAAHE,GAAQA,EAY1B,CAEM,SAAUM,EAAuCC,GAUtD,IATCC,EAAKD,EAALC,MAAKC,EAAAF,EACLN,iBAAwBS,EAAAH,EACxBR,qBAA2BY,EAAAJ,EAC3BJ,YAOA,OAAAS,OAAAC,OAAAD,OAAAC,OACKjB,CAAAA,EAAAA,EAAoC,CAAEK,sBAVxB,IAAHQ,GAAQA,EAUqCV,0BATtC,IAAHW,GAAOA,EASwDP,iBARrE,IAAHQ,GAAQA,KAQ8E,CAC/F,aAAcH,GAElB"}

package/dist/mocked_classnames/packages/shared/dist/utils/ssr-utils.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ var n=function(){return"undefined"!=typeof window};export{n as isClient};
2	+ //# sourceMappingURL=ssr-utils.js.map

package/dist/mocked_classnames/packages/shared/dist/utils/ssr-utils.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ssr-utils.js","sources":["../../../../../../../shared/dist/utils/ssr-utils.js"],"sourcesContent":["export const isClient = () => typeof window !== \"undefined\";\nexport const isServer = () => !isClient();\n//# sourceMappingURL=ssr-utils.js.map"],"names":["isClient","window"],"mappings":"AAAaA,IAAAA,EAAW,WAAH,MAA2B,oBAAXC,MAAsB"}

package/dist/mocked_classnames/packages/shared/dist/utils/typesciptCssModulesHelper.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ function n(n,r){return r&&n[r]?n[r]:""}export{n as getStyle};
2	+ //# sourceMappingURL=typesciptCssModulesHelper.js.map

package/dist/mocked_classnames/packages/shared/dist/utils/typesciptCssModulesHelper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"typesciptCssModulesHelper.js","sources":["../../../../../../../shared/dist/utils/typesciptCssModulesHelper.js"],"sourcesContent":["/**\n * Return style by key - used to fix noImplicitAny errors when referencing modular styles from ts files via index accessor\n * @param styles modular styles object\n * @param key string classname\n */\nexport function getStyle(styles, key) {\n if (!key || !styles[key])\n return \"\";\n return styles[key];\n}\n//# sourceMappingURL=typesciptCssModulesHelper.js.map"],"names":["getStyle","styles","key"],"mappings":"AAKM,SAAUA,EACdC,EACAC,GAEA,OAAKA,GAAQD,EAAOC,GACbD,EAAOC,GAD0C,EAE1D"}

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import{AlertBannerBackgroundColor as i}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as d}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./AlertBanner.module.scss.js";import f from"../Text/Text.js";import{AlertBannerContext as v}from"./AlertBannerContext.js";import B from"../../../icons/dist/react/CloseSmall.js";var b=p(o((function(o,i){var p=o.children,b=o.className,j=o.backgroundColor,A=void 0===j?"primary":j,y=o.onClose,C=void 0===y?l:y,E=o.ariaLabel,N=void 0===E?"":E,k=o.closeButtonAriaLabel,x=void 0===k?"Close":k,g=o.isCloseHidden,T=void 0!==g&&g,I=o.id,L=o["data-testid"],h=a((function(){return r(b,u.alertBanner,t(u,A))}),[b,A]),P="dark"===A,R="warning"===A,_=a((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=a((function(){return n.Children.toArray(p).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:P}))}))}),[p,P]);return n.createElement(f,{type:"text2",color:_,ref:i,className:h,role:"banner","aria-label":N||"banner",id:I,"data-testid":L||d(m.ALERT_BANNER,I),"data-vibe":c.ALERT_BANNER},n.createElement(v.Provider,{value:{textColor:_}},n.createElement("div",{className:r(u.content)},D.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(u.contentItem,e({},u.contentItemText,a))},a?n.createElement("div",{className:r(u.ellipsis)},t):t)})))),n.createElement("div",{className:r(u.closeButtonWrapper)},T?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:B,className:r(u.closeBtn),hideTooltip:!0,onClick:C,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color",ariaLabel:x})))})),{backgroundColors:i});export{b as default};
+import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import{AlertBannerBackgroundColor as i}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m,ComponentVibeId as c}from"../../tests/constants.js";import{getTestId as p}from"../../tests/testIds.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import u from"./AlertBanner.module.scss.js";import f from"../Text/Text.js";import{AlertBannerContext as v}from"./AlertBannerContext.js";import B from"../../../packages/icons/dist/react/CloseSmall.js";var b=d(o((function(o,i){var d=o.children,b=o.className,j=o.backgroundColor,A=void 0===j?"primary":j,y=o.onClose,C=void 0===y?l:y,E=o.ariaLabel,k=void 0===E?"":E,N=o.closeButtonAriaLabel,g=void 0===N?"Close":N,x=o.isCloseHidden,T=void 0!==x&&x,I=o.id,L=o["data-testid"],h=a((function(){return r(b,u.alertBanner,t(u,A))}),[b,A]),P="dark"===A,R="warning"===A,_=a((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=a((function(){return n.Children.toArray(d).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:P}))}))}),[d,P]);return n.createElement(f,{type:"text2",color:_,ref:i,className:h,role:"banner","aria-label":k||"banner",id:I,"data-testid":L||p(m.ALERT_BANNER,I),"data-vibe":c.ALERT_BANNER},n.createElement(v.Provider,{value:{textColor:_}},n.createElement("div",{className:r(u.content)},D.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(u.contentItem,e({},u.contentItemText,a))},a?n.createElement("div",{className:r(u.ellipsis)},t):t)})))),n.createElement("div",{className:r(u.closeButtonWrapper)},T?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:B,className:r(u.closeBtn),hideTooltip:!0,onClick:C,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color",ariaLabel:g})))})),{backgroundColors:i});export{b as default};
 //# sourceMappingURL=AlertBanner.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps \| AlertBannerLinkProps \| AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /*\n The background color of the alert banner.\n /\n backgroundColor?: AlertBannerBackgroundColor;\n /\n If true, the close button is hidden.\n /\n isCloseHidden?: boolean;\n /\n The ARIA label of the alert banner for accessibility.\n /\n ariaLabel?: string;\n /\n The ARIA label of the close button for accessibility.\n /\n closeButtonAriaLabel?: string;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /\n The content of the alert banner.\n */\n children?: ChildrenType \| ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem \|\| child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel \|\| \"banner\"}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n data-vibe={ComponentVibeId.ALERT_BANNER}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\ninterface AlertBannerStaticProps {\n backgroundColors: typeof AlertBannerBackgroundColorEnum;\n}\n\nexport default withStaticProps<AlertBannerProps, AlertBannerStaticProps>(AlertBanner, {\n backgroundColors: AlertBannerBackgroundColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"~~2zBA~~+CA,IAiHeA,EAAAA,EAjHKC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aACA,EAAAC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAOoF,CACpF2D,iBAAkBC"}
1	+ {"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps \| AlertBannerLinkProps \| AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /*\n The background color of the alert banner.\n /\n backgroundColor?: AlertBannerBackgroundColor;\n /\n If true, the close button is hidden.\n /\n isCloseHidden?: boolean;\n /\n The ARIA label of the alert banner for accessibility.\n /\n ariaLabel?: string;\n /\n The ARIA label of the close button for accessibility.\n /\n closeButtonAriaLabel?: string;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /\n The content of the alert banner.\n */\n children?: ChildrenType \| ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem \|\| child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel \|\| \"banner\"}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n data-vibe={ComponentVibeId.ALERT_BANNER}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\ninterface AlertBannerStaticProps {\n backgroundColors: typeof AlertBannerBackgroundColorEnum;\n}\n\nexport default withStaticProps<AlertBannerProps, AlertBannerStaticProps>(AlertBanner, {\n backgroundColors: AlertBannerBackgroundColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"o0BA+CA,IAiHeA,EAAAA,EAjHKC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aACA,EAAAC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAOoF,CACpF2D,iBAAkBC"}

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as a,ComponentDefaultTestId as e}from"../../../tests/testIds.js";import s from"classnames";import o from"../../Button/Button.js";import i from"react";import n from"./AlertBannerButton.module.scss.js";var m=function(m){var l=m.marginLeft,d=void 0!==l&&l,c=m.isDarkBackground,u=void 0!==c&&c,f=m.id,p=m["data-testid"],B=r(m,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},n.marginLeft,d),n.darkBackground,u));return i.createElement("div",{className:g,"data-testid":p||a(e.ALERT_BANNER_BUTTON,f),id:f},i.createElement(o,Object.assign({},B,{size:"small",className:s(n.bannerButton),color:"on-primary-color"})))};Object.assign(m,{isAlertBannerItem:!0});export{m as default};
+import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import s from"classnames";import o from"react";import i from"./AlertBannerButton.module.scss.js";import n from"../../../../components/button/dist/Button/Button.js";var m=function(m){var d=m.marginLeft,l=void 0!==d&&d,c=m.isDarkBackground,u=void 0!==c&&c,f=m.id,p=m["data-testid"],B=r(m,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},i.marginLeft,l),i.darkBackground,u));return o.createElement("div",{className:g,"data-testid":p||e(a.ALERT_BANNER_BUTTON,f),id:f},o.createElement(n,Object.assign({},B,{size:"small",className:s(i.bannerButton),color:"on-primary-color"})))};Object.assign(m,{isAlertBannerItem:!0});export{m as default};
 //# sourceMappingURL=AlertBannerButton.js.map

package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertBannerButton.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport Button, { type ButtonProps } from \"~~../../Button~~/~~Button~~\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n /*\n If true, the button is displayed on a dark background.\n */\n isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n marginLeft = false,\n isDarkBackground = false,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}) => {\n const classNames = cx({\n [styles.marginLeft]: marginLeft,\n [styles.darkBackground]: isDarkBackground\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n id={id}\n >\n <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n </div>\n );\n};\n\nObject.assign(AlertBannerButton, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"~~oWAaA~~,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}
1	+ {"version":3,"file":"AlertBannerButton.js","sources":["../../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n /*\n If true, the button is displayed on a dark background.\n */\n isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n marginLeft = false,\n isDarkBackground = false,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}) => {\n const classNames = cx({\n [styles.marginLeft]: marginLeft,\n [styles.darkBackground]: isDarkBackground\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n id={id}\n >\n <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n </div>\n );\n};\n\nObject.assign(AlertBannerButton, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"iYAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import o,{useMemo as i}from"react";import{camelCase as r}from"es-toolkit";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as n}from"../../tests/testIds.js";import c from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import{IconType as l}from"../Icon/IconConstants.js";import{AttentionBoxType as p}from"./AttentionBoxConstants.js";import{withStaticPropsWithoutForwardRef as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"../Text/Text.js";import u from"../Flex/Flex.js";import y from"./AttentionBox.module.scss.js";import{ComponentVibeId as j}from"../../tests/constants.js";import v from"../../../icons/dist/react/Info.js";import I from"../../../icons/dist/react/Alert.js";import x from"../../../icons/dist/react/CloseSmall.js";var T=d((function(l){var p=l.className,d=l.withIconWithoutHeader,T=void 0!==d&&d,N=l.type,g=void 0===N?"primary":N,h=l.icon,C=l.iconType,E=void 0===C?"svg":C,B=l.title,A=l.text,S=l.children,b=l.withoutIcon,w=void 0!==b&&b,H=l.onClose,F=l.compact,O=void 0!==F&&F,_=l.id,z=l["data-testid"],P=l.closeButtonAriaLabel,k=void 0===P?"Close":P,L=l.entryAnimation,W=void 0!==L&&L,X=i((function(){return"primary"===g?v:I}),[g]),M=void 0===h?X:h;return o.createElement("aside",{className:e(y.attentionBox,s(y,r("type-".concat(g))),p,t({},y.entryAnimation,W)),role:"alert","data-testid":z||a(n.ATTENTION_BOX,_),"data-vibe":j.ATTENTION_BOX},B&&o.createElement(u,{justify:"start",align:"center",className:y.titleContainer,gap:"xs"},!w&&o.createElement(c,{className:y.icon,iconType:E,ariaHidden:!0,icon:M,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(f,{type:"text1",element:"h5",weight:"medium",className:y.title},B)),o.createElement(u,{justify:"start",align:"center",gap:"xs"},!B&&O&&!w&&T&&o.createElement(c,{iconType:E,iconSize:18,ariaHidden:!0,icon:M,ignoreFocusStyle:!0}),o.createElement(f,{type:"text2",element:O?void 0:"p",className:e(y.text,t(t(t({},y.compact,O),y.dismissible,!!H),y.paragraph,!O))},A||S)),H&&o.createElement(m,{size:"small",color:"on-primary-color",className:y.closeIcon,wrapperClassName:e(y.closeIconWrapper,t({},y.closeIconCompact,O)),ariaLabel:k,hideTooltip:!0,icon:x,onClick:H}))}),{types:p,iconTypes:l});export{T as default};
+import{defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import o,{useMemo as i}from"react";import{camelCase as s}from"es-toolkit";import{getStyle as r}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as n}from"../../tests/testIds.js";import c from"../IconButton/IconButton.js";import{AttentionBoxType as m,IconTypeEnum as l}from"./AttentionBoxConstants.js";import{withStaticPropsWithoutForwardRef as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"../Text/Text.js";import f from"../Flex/Flex.js";import u from"./AttentionBox.module.scss.js";import{ComponentVibeId as y}from"../../tests/constants.js";import j from"../../../packages/icons/dist/react/Info.js";import v from"../../../packages/icons/dist/react/Alert.js";import x from"../../../components/icon/dist/Icon/Icon.js";import g from"../../../packages/icons/dist/react/CloseSmall.js";var I=p((function(m){var l=m.className,p=m.withIconWithoutHeader,I=void 0!==p&&p,T=m.type,N=void 0===T?"primary":T,h=m.icon,E=m.iconType,B=void 0===E?"svg":E,C=m.title,A=m.text,S=m.children,b=m.withoutIcon,k=void 0!==b&&b,w=m.onClose,H=m.compact,F=void 0!==H&&H,O=m.id,_=m["data-testid"],z=m.closeButtonAriaLabel,P=void 0===z?"Close":z,L=m.entryAnimation,W=void 0!==L&&L,X=i((function(){return"primary"===N?j:v}),[N]),M=void 0===h?X:h;return o.createElement("aside",{className:e(u.attentionBox,r(u,s("type-".concat(N))),l,t({},u.entryAnimation,W)),role:"alert","data-testid":_||a(n.ATTENTION_BOX,O),"data-vibe":y.ATTENTION_BOX},C&&o.createElement(f,{justify:"start",align:"center",className:u.titleContainer,gap:"xs"},!k&&o.createElement(x,{className:u.icon,iconType:B,ariaHidden:!0,icon:M,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(d,{type:"text1",element:"h5",weight:"medium",className:u.title},C)),o.createElement(f,{justify:"start",align:"center",gap:"xs"},!C&&F&&!k&&I&&o.createElement(x,{iconType:B,iconSize:18,ariaHidden:!0,icon:M,ignoreFocusStyle:!0}),o.createElement(d,{type:"text2",element:F?void 0:"p",className:e(u.text,t(t(t({},u.compact,F),u.dismissible,!!w),u.paragraph,!F))},A||S)),w&&o.createElement(c,{size:"small",color:"on-primary-color",className:u.closeIcon,wrapperClassName:e(u.closeIconWrapper,t({},u.closeIconCompact,F)),ariaLabel:P,hideTooltip:!0,icon:g,onClick:w}))}),{types:m,iconTypes:l});export{I as default};
 //# sourceMappingURL=AttentionBox.js.map

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"~~../Icon~~/~~Icon~~\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { ~~IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport {~~ AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport {~~\n type~~ ~~SubIcon,\n~~ type VibeComponentProps~~,\n~~ type ElementContent~~,\n~~ withStaticPropsWithoutForwardRef\n} from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\n/*\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n /\nexport interface AttentionBoxProps extends VibeComponentProps {\n // TODO: [breaking] remove prop\n /\n If true, displays an icon even when no header is provided.\n /\n withIconWithoutHeader?: boolean;\n /\n The type of the AttentionBox.\n /\n type?: AttentionBoxType;\n /\n The icon displayed next to the title or text.\n /\n icon?: SubIcon;\n /\n The type of the icon.\n /\n iconType?: \"svg\" \| \"font\";\n /\n The title of the component.\n /\n title?: string;\n /\n The text content displayed inside.\n /\n text?: string;\n /\n The content of the component.\n /\n children?: ElementContent;\n // TODO: [breaking] remove prop\n /\n If true, the icon is not displayed.\n /\n withoutIcon?: boolean;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent) => void;\n /\n If true, renders in compact mode.\n /\n compact?: boolean;\n /\n The label of the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, an entry animation is applied when the component appears.\n /\n entryAnimation?: boolean;\n}\n\n/\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nconst AttentionBox = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\",\n entryAnimation = false\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n [styles.entryAnimation]: entryAnimation\n })}\n role=\"alert\"\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text \|\| children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\ninterface AttentionBoxStaticProps {\n types: typeof AttentionBoxTypeEnum;\n iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"~~87BAiFA~~,IAwFeA,EAAAA,GAxFM,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,QACQ,cAAAnB,GAAcoB,EAAUC,EAAuBC,cAAevB,GAChE,YAAAwB,EAAgBD,eAE1B/B,GACCoB,EAACa,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS5C,UAAW8B,EAAOe,eAAgBC,IAAI,OACvElC,GACAgB,EAAAa,cAACM,EAAI,CACH/C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVyC,YAAU,EACV3C,KAAMqB,EACNuB,kBAAgB,EAChBC,SAAS,OAGbtB,EAACa,cAAAU,GAAK/C,KAAK,QAAQgD,QAAQ,KAAKC,OAAO,SAASrD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAa,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCtC,GAASO,IAAYH,GAAeV,GACpC0B,EAACa,cAAAM,EAAK,CAAAxC,SAAUA,EAAU2C,SAAU,GAAIF,YAAW,EAAA3C,KAAMqB,EAAcuB,sBAEzErB,EAACa,cAAAU,EACC,CAAA/C,KAAK,QACLgD,QAASrC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOwB,cAAgBzC,GACvBiB,EAAOyB,WAAaxC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAa,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACN1D,UAAW8B,EAAO6B,UAClBC,iBAAkB/B,EAAGC,EAAO+B,iBAAgB1B,EAAA,CAAA,EACzCL,EAAOgC,iBAAmB/C,IAE7BgD,UAAW5C,EACX6C,eACA3D,KAAM4D,EACNC,QAASrD,IAKnB,GAO0G,CACxGsD,MAAOC,EACPC,UAAWC"}
1	+ {"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { AttentionBoxType as AttentionBoxTypeEnum, IconTypeEnum } from \"./AttentionBoxConstants\";\nimport { type AttentionBoxType } from \"./AttentionBox.types\";\nimport { type VibeComponentProps, type ElementContent, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\n/*\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n /\nexport interface AttentionBoxProps extends VibeComponentProps {\n // TODO: [breaking] remove prop\n /\n If true, displays an icon even when no header is provided.\n /\n withIconWithoutHeader?: boolean;\n /\n The type of the AttentionBox.\n /\n type?: AttentionBoxType;\n /\n The icon displayed next to the title or text.\n /\n icon?: SubIcon;\n /\n The type of the icon.\n /\n iconType?: \"svg\" \| \"font\";\n /\n The title of the component.\n /\n title?: string;\n /\n The text content displayed inside.\n /\n text?: string;\n /\n The content of the component.\n /\n children?: ElementContent;\n // TODO: [breaking] remove prop\n /\n If true, the icon is not displayed.\n /\n withoutIcon?: boolean;\n /\n Callback fired when the close button is clicked.\n /\n onClose?: (event: React.MouseEvent) => void;\n /\n If true, renders in compact mode.\n /\n compact?: boolean;\n /\n The label of the close button.\n /\n closeButtonAriaLabel?: string;\n /\n If true, an entry animation is applied when the component appears.\n /\n entryAnimation?: boolean;\n}\n\n/\n @deprecated AttentionBox is deprecated. Please use AttentionBox from \"@vibe/core/next\" instead.\n */\nconst AttentionBox = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\",\n entryAnimation = false\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className, {\n [styles.entryAnimation]: entryAnimation\n })}\n role=\"alert\"\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n data-vibe={ComponentVibeId.ATTENTION_BOX}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text \|\| children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\ninterface AttentionBoxStaticProps {\n types: typeof AttentionBoxTypeEnum;\n iconTypes: typeof IconTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AttentionBoxProps, AttentionBoxStaticProps>(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$entryAnimation","entryAnimation","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","cx","styles","attentionBox","getStyle","camelCase","concat","_defineProperty","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","ComponentVibeId","createElement","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"k9BA2EA,IAwFeA,EAAAA,GAxFM,SAAHC,GAgBM,IAftBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAArB,EAC9BsB,eAAAA,OAAiB,IAAHD,GAAQA,EAEhBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATnB,EAAqBoB,EAAWC,CACzC,GAAG,CAACrB,IAEEsB,OAAwBC,IAATtB,EAAqBiB,EAAcjB,EAExD,OACEuB,yBACE5B,UAAW6B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,UAASC,OAAS9B,KAAUJ,EAASmC,EACtFL,CAAAA,EAAAA,EAAOT,eAAiBA,IAE3Be,KAAK,QACQ,cAAAnB,GAAcoB,EAAUC,EAAuBC,cAAevB,GAChE,YAAAwB,EAAgBD,eAE1B/B,GACCoB,EAACa,cAAAC,GAAKC,QAAQ,QAAQC,MAAM,SAAS5C,UAAW8B,EAAOe,eAAgBC,IAAI,OACvElC,GACAgB,EAAAa,cAACM,EAAI,CACH/C,UAAW8B,EAAOzB,KAClBE,SAAUA,EACVyC,YAAU,EACV3C,KAAMqB,EACNuB,kBAAgB,EAChBC,SAAS,OAGbtB,EAACa,cAAAU,GAAK/C,KAAK,QAAQgD,QAAQ,KAAKC,OAAO,SAASrD,UAAW8B,EAAOtB,OAC/DA,IAIPoB,EAAAa,cAACC,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrCtC,GAASO,IAAYH,GAAeV,GACpC0B,EAACa,cAAAM,EAAK,CAAAxC,SAAUA,EAAU2C,SAAU,GAAIF,YAAW,EAAA3C,KAAMqB,EAAcuB,sBAEzErB,EAACa,cAAAU,EACC,CAAA/C,KAAK,QACLgD,QAASrC,OAAUY,EAAY,IAC/B3B,UAAW6B,EAAGC,EAAOrB,KAAI0B,EAAAA,EAAAA,EAAA,CAAA,EACtBL,EAAOf,QAAUA,GACjBe,EAAOwB,cAAgBzC,GACvBiB,EAAOyB,WAAaxC,KAGtBN,GAAQC,IAGZG,GACCe,EAAAa,cAACe,EAAU,CACTC,KAAK,QACLC,MAAM,mBACN1D,UAAW8B,EAAO6B,UAClBC,iBAAkB/B,EAAGC,EAAO+B,iBAAgB1B,EAAA,CAAA,EACzCL,EAAOgC,iBAAmB/C,IAE7BgD,UAAW5C,EACX6C,eACA3D,KAAM4D,EACNC,QAASrD,IAKnB,GAO0G,CACxGsD,MAAOC,EACPC,UAAWC"}

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var r;!function(r){r.PRIMARY="primary",r.SUCCESS="success",r.DANGER="danger",r.DARK="dark",r.WARNING="warning"}(r||(r={}));export{r as AttentionBoxType};
+var n,r;!function(n){n.PRIMARY="primary",n.SUCCESS="success",n.DANGER="danger",n.DARK="dark",n.WARNING="warning"}(n||(n={})),function(n){n.SVG="svg",n.ICON_FONT="font",n.SRC="src"}(r||(r={}));export{n as AttentionBoxType,r as IconTypeEnum};
 //# sourceMappingURL=AttentionBoxConstants.js.map

package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AttentionBoxConstants.js","sources":["../../../../../src/components/AttentionBox/AttentionBoxConstants.ts"],"sourcesContent":["/*\n @deprecated\n */\nexport enum AttentionBoxType {\n PRIMARY = \"primary\",\n SUCCESS = \"success\",\n DANGER = \"danger\",\n DARK = \"dark\",\n WARNING = \"warning\"\n}\n"],"names":["AttentionBoxType"],"mappings":"IAGYA,~~GAAZ~~,~~SAAYA~~,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAND,CAAYA,IAAAA,EAMX,CAAA"}
1	+ {"version":3,"file":"AttentionBoxConstants.js","sources":["../../../../../src/components/AttentionBox/AttentionBoxConstants.ts"],"sourcesContent":["/*\n @deprecated\n /\nexport enum AttentionBoxType {\n PRIMARY = \"primary\",\n SUCCESS = \"success\",\n DANGER = \"danger\",\n DARK = \"dark\",\n WARNING = \"warning\"\n}\n\n/\n @deprecated\n */\nexport enum IconTypeEnum {\n SVG = \"svg\",\n ICON_FONT = \"font\",\n SRC = \"src\"\n}\n"],"names":["AttentionBoxType","IconTypeEnum"],"mappings":"IAGYA,EAWAC,GAXZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,QAAA,UACAA,EAAA,OAAA,SACAA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAND,CAAYA,IAAAA,EAMX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,UAAA,OACAA,EAAA,IAAA,KACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { type SubIcon, type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n /*\n The image source for the avatar.\n /\n src?: string;\n /\n The text displayed inside the avatar.\n /\n text?: string;\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The ARIA label of the avatar.\n /\n ariaLabel?: string;\n /\n If true, the tooltip is disabled.\n /\n withoutTooltip?: boolean;\n /\n The icon displayed inside the avatar.\n /\n icon?: SubIcon;\n /\n The type of the avatar.\n /\n type?: AvatarType;\n /\n Class name applied to the text inside the avatar.\n /\n textClassName?: string;\n /\n Class name applied to the avatar content wrapper.\n /\n avatarContentWrapperClassName?: string;\n /\n The background color of the avatar.\n /\n backgroundColor?: ElementAllowedColor;\n /\n A custom background color.\n /\n customBackgroundColor?: string;\n /\n The ARIA role of the avatar.\n /\n role?: AriaRole;\n /\n The size of the avatar.\n /\n size?: AvatarSize;\n /\n A custom size in pixels.\n /\n customSize?: number;\n /\n The tab index of the avatar.\n /\n tabIndex?: number;\n /\n If true, the avatar is hidden from assistive technologies.\n /\n ariaHidden?: boolean;\n /\n If true, the avatar is disabled.\n /\n disabled?: boolean;\n /\n If true, renders the avatar as a square instead of a circle.\n /\n square?: boolean;\n /\n Props for the top-left badge.\n /\n topLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the top-right badge.\n /\n topRightBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-left badge.\n /\n bottomLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-right badge.\n /\n bottomRightBadgeProps?: AvatarBadgeProps;\n /\n If true, removes the avatar's border.\n /\n withoutBorder?: boolean;\n /\n Callback fired when the avatar is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n id,\n type = \"text\",\n className,\n avatarContentWrapperClassName,\n textClassName = \"\",\n size = \"large\",\n src,\n icon,\n text,\n tooltipProps,\n ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n ariaHidden = false,\n topLeftBadgeProps,\n topRightBadgeProps,\n bottomLeftBadgeProps,\n bottomRightBadgeProps,\n withoutBorder = false,\n customSize = null,\n customBackgroundColor = null,\n onClick,\n \"data-testid\": dataTestId\n}: AvatarProps) => {\n const backgroundColorStyle = useMemo(() => {\n if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n }, [src, backgroundColor, customBackgroundColor]);\n const sizeStyle = useMemo(() => {\n return customSize ? { height: customSize, width: customSize } : {};\n }, [customSize]);\n\n const overrideTooltipProps = useMemo(() => {\n if (withoutTooltip) return undefined;\n\n if (tooltipProps) {\n return { content: ariaLabel, ...tooltipProps };\n } else {\n return { content: ariaLabel };\n }\n }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n const badgesContainer = useMemo(() => {\n const badges = [];\n if (!isNil(topLeftBadgeProps)) {\n badges.push(\n <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n <AvatarBadge size={size} {...topLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(topRightBadgeProps)) {\n badges.push(\n <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n <AvatarBadge size={size} {...topRightBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomLeftBadgeProps)) {\n badges.push(\n <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomRightBadgeProps)) {\n badges.push(\n <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n <AvatarBadge size={size} {...bottomRightBadgeProps} />\n </div>\n );\n }\n\n return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n const defaultTabIndex = useMemo(() => {\n if (!disabled && (onClick \|\| overrideTooltipProps?.content)) {\n return 0;\n }\n return -1;\n }, [disabled, onClick, overrideTooltipProps?.content]);\n\n const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n const clickHandler = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n event.preventDefault();\n if (onClick) {\n onClick(event, id);\n }\n },\n [onClick, id]\n );\n\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR, id)}\n className={cx(styles.avatar, styles[size], className)}\n style={sizeStyle}\n data-vibe={ComponentVibeId.AVATAR}\n >\n <ClickableWrapper\n isClickable={!!onClick}\n clickableProps={{\n onClick: clickHandler,\n tabIndex: \"-1\",\n className: styles.clickableWrapper\n }}\n >\n <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n <div\n className={cx(\n styles.circle,\n getStyle(styles, camelCase(\"circle--\" + type)),\n {\n [styles.disabled]: disabled,\n [styles.square]: square,\n [styles.withoutBorder]: withoutBorder\n },\n avatarContentWrapperClassName\n )}\n aria-hidden={ariaHidden}\n tabIndex={overrideTabIndex}\n style={{ ...backgroundColorStyle }}\n >\n <AvatarContent\n type={type}\n size={size}\n src={src}\n icon={icon}\n text={text}\n ariaLabel={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\ninterface AvatarStaticProps {\n types: typeof AvatarTypeEnum;\n sizes: typeof AvatarSizeEnum;\n colors: typeof ElementAllowedColorEnum;\n backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n types: AvatarTypeEnum,\n sizes: AvatarSizeEnum,\n colors: ElementAllowedColorEnum,\n backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"+2BAqHA,IA6JeA,EAAAA,GA7JA,SAAHC,GA4BM,IA3BhBC,EAAED,EAAFC,GAAEC,EAAAF,EACFG,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EACbE,EAASJ,EAATI,UACAC,EAA6BL,EAA7BK,8BAA6BC,EAAAN,EAC7BO,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAAGV,EAAHU,IACAC,EAAIX,EAAJW,KACAC,EAAIZ,EAAJY,KACAC,EAAYb,EAAZa,aACAC,EAASd,EAATc,UAASC,EAAAf,EACTgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAIjB,EAAJiB,KAAIC,EAAAlB,EACJmB,gBAAAA,OAAkB,IAAHD,EAAG,aAAYA,EAC9BE,EAAMpB,EAANoB,OACAC,EAAQrB,EAARqB,SACAC,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAiBzB,EAAjByB,kBACAC,EAAkB1B,EAAlB0B,mBACAC,EAAoB3B,EAApB2B,qBACAC,EAAqB5B,EAArB4B,sBAAqBC,EAAA7B,EACrB8B,cAAAA,OAAgB,IAAHD,GAAQA,EAAAE,EAAA/B,EACrBgC,WAAAA,OAAa,IAAHD,EAAG,KAAIA,EAAAE,EAAAjC,EACjBkC,sBAAAA,OAAwB,IAAHD,EAAG,KAAIA,EAC5BE,EAAOnC,EAAPmC,QACeC,EAAUpC,EAAzB,eAEMqC,GAAuBC,GAAQ,WACnC,OAAIJ,EAA8B,CAAEf,gBAAiBe,GAC9CxB,EAAM,CAAA,EAAK,CAAES,gBAAiBoB,EAAgBpB,GACtD,GAAE,CAACT,EAAKS,EAAiBe,IACpBM,GAAYF,GAAQ,WACxB,OAAON,EAAa,CAAES,OAAQT,EAAYU,MAAOV,GAAe,EAClE,GAAG,CAACA,IAEEW,GAAuBL,GAAQ,WACnC,IAAItB,EAEJ,OAAIH,EACF+B,OAAAC,OAAA,CAASC,QAAShC,GAAcD,GAEzB,CAAEiC,QAAShC,EAErB,GAAE,CAACA,EAAWD,EAAcG,IAEvB+B,GAAkBT,GAAQ,WAC9B,IAAMU,EAAS,GA8Bf,OA7BKC,EAAMxB,IACTuB,EAAOE,KACLC,uBAAKC,IAAI,iBAAiBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOE,eAC3DL,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUgB,MAI9BwB,EAAMvB,IACTsB,EAAOE,KACLC,uBAAKC,IAAI,kBAAkBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOK,gBAC5DR,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUiB,MAI9BuB,EAAMtB,IACTqB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOM,kBAC9DT,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUkB,MAI9BsB,EAAMrB,IACToB,EAAOE,KACLC,uBAAKC,IAAI,oBAAoBhD,UAAWiD,EAAGC,EAAOC,MAAOD,EAAOO,mBAC9DV,EAACM,cAAAC,EAAYd,OAAAC,OAAA,CAAApC,KAAMA,GAAUmB,MAK5BoB,EAAOc,OAAS,EAAIX,EAAKM,cAAA,MAAA,CAAArD,UAAWiD,EAAGC,EAAON,SAAUA,GAAgB,IACjF,GAAG,CAACvC,EAAMgB,EAAmBC,EAAoBC,EAAsBC,IAEjEmC,GAAkBzB,GAAQ,WAC9B,OAAKjB,IAAac,KAAWQ,gBAAAA,GAAsBG,UAG3C,EAFC,CAGV,GAAE,CAACzB,EAAUc,EAASQ,gBAAAA,GAAsBG,UAEvCkB,GAAmB1C,QAAAA,EAAYyC,GAE/BE,GAAeC,GACnB,SAACC,GACCA,EAAMC,iBACFjC,GACFA,EAAQgC,EAAOlE,EAEnB,GACA,CAACkC,EAASlC,IAGZ,OACEkD,EACEM,cAAA,MAAA,CAAAxD,GAAIA,gBACSmC,GAAciC,EAAUC,EAAuBC,OAAQtE,GACpEG,UAAWiD,EAAGC,EAAOkB,OAAQlB,EAAO7C,GAAOL,GAC3CqE,MAAOjC,GACI,YAAAkC,EAAgBH,QAE3BpB,EAACM,cAAAkB,GACCC,cAAezC,EACf0C,eAAgB,CACd1C,QAAS8B,GACT3C,SAAU,KACVlB,UAAWkD,EAAOwB,mBAGpB3B,EAAAM,cAACsB,EAAQnC,OAAAC,OAAA,CAAAmC,YAAa,CAAC,QAAS,cAAeC,YAAa,CAAC,OAAQ,eAAmBtC,IACtFQ,EAAAM,cAAA,MAAA,CACErD,UAAWiD,EACTC,EAAO4B,OACPC,EAAS7B,EAAQ8B,EAAU,WAAajF,IAAMkF,EAAAA,EAAAA,EAAA,CAAA,EAE3C/B,EAAOjC,SAAWA,GAClBiC,EAAOlC,OAASA,GAChBkC,EAAOxB,cAAgBA,GAE1BzB,GACD,cACYmB,EACbF,SAAU0C,GACVS,MAAK7B,OAAAC,OAAA,CAAA,EAAOR,KAEZc,EAAAM,cAAC6B,EAAa,CACZnF,KAAMA,EACNM,KAAMA,EACNC,IAAKA,EACLC,KAAMA,EACNC,KAAMA,EACNE,UAAWA,EACXG,KAAMA,EACNV,cAAeA,KAGlBwC,KAKX,GASwF,CACtFwC,MAAOC,EACPC,MAAOC,EACPC,OAAQC,EACRC,iBAAkBD"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type AriaRole, useCallback, useMemo } from \"react\";\nimport { isNil } from \"es-toolkit\";\nimport { ElementAllowedColor as ElementAllowedColorEnum } from \"../../utils/colors-vars-map\";\nimport { type ElementAllowedColor, getElementColor } from \"../../types/Colors\";\nimport { AvatarSize as AvatarSizeEnum, AvatarType as AvatarTypeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize, type AvatarType } from \"./Avatar.types\";\nimport AvatarBadge, { type AvatarBadgeProps } from \"./AvatarBadge\";\nimport AvatarContent from \"./AvatarContent\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./Avatar.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface AvatarProps extends VibeComponentProps {\n /*\n The image source for the avatar.\n /\n src?: string;\n /\n The text displayed inside the avatar.\n /\n text?: string;\n /\n Props passed to the Tooltip component. See full options in the [Tooltip documentation](https://vibe.monday.com/?path=/docs/components-tooltip--docs).\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n The ARIA label of the avatar.\n /\n ariaLabel?: string;\n /\n If true, the tooltip is disabled.\n /\n withoutTooltip?: boolean;\n /\n The icon displayed inside the avatar.\n /\n icon?: SubIcon;\n /\n The type of the avatar.\n /\n type?: AvatarType;\n /\n Class name applied to the text inside the avatar.\n /\n textClassName?: string;\n /\n Class name applied to the avatar content wrapper.\n /\n avatarContentWrapperClassName?: string;\n /\n The background color of the avatar.\n /\n backgroundColor?: ElementAllowedColor;\n /\n A custom background color.\n /\n customBackgroundColor?: string;\n /\n The ARIA role of the avatar.\n /\n role?: AriaRole;\n /\n The size of the avatar.\n /\n size?: AvatarSize;\n /\n A custom size in pixels.\n /\n customSize?: number;\n /\n The tab index of the avatar.\n /\n tabIndex?: number;\n /\n If true, the avatar is hidden from assistive technologies.\n /\n ariaHidden?: boolean;\n /\n If true, the avatar is disabled.\n /\n disabled?: boolean;\n /\n If true, renders the avatar as a square instead of a circle.\n /\n square?: boolean;\n /\n Props for the top-left badge.\n /\n topLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the top-right badge.\n /\n topRightBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-left badge.\n /\n bottomLeftBadgeProps?: AvatarBadgeProps;\n /\n Props for the bottom-right badge.\n /\n bottomRightBadgeProps?: AvatarBadgeProps;\n /\n If true, removes the avatar's border.\n /\n withoutBorder?: boolean;\n /\n Callback fired when the avatar is clicked.\n */\n onClick?: (event: React.MouseEvent \| React.KeyboardEvent, avatarId: string) => void;\n}\n\nconst Avatar = ({\n id,\n type = \"text\",\n className,\n avatarContentWrapperClassName,\n textClassName = \"\",\n size = \"large\",\n src,\n icon,\n text,\n tooltipProps,\n ariaLabel,\n withoutTooltip = false,\n role,\n backgroundColor = \"chili-blue\",\n square,\n disabled,\n tabIndex,\n ariaHidden = false,\n topLeftBadgeProps,\n topRightBadgeProps,\n bottomLeftBadgeProps,\n bottomRightBadgeProps,\n withoutBorder = false,\n customSize = null,\n customBackgroundColor = null,\n onClick,\n \"data-testid\": dataTestId\n}: AvatarProps) => {\n const backgroundColorStyle = useMemo(() => {\n if (customBackgroundColor) return { backgroundColor: customBackgroundColor };\n return src ? {} : { backgroundColor: getElementColor(backgroundColor) };\n }, [src, backgroundColor, customBackgroundColor]);\n const sizeStyle = useMemo(() => {\n return customSize ? { height: customSize, width: customSize } : {};\n }, [customSize]);\n\n const overrideTooltipProps = useMemo(() => {\n if (withoutTooltip) return undefined;\n\n if (tooltipProps) {\n return { content: ariaLabel, ...tooltipProps };\n } else {\n return { content: ariaLabel };\n }\n }, [ariaLabel, tooltipProps, withoutTooltip]);\n\n const badgesContainer = useMemo(() => {\n const badges = [];\n if (!isNil(topLeftBadgeProps)) {\n badges.push(\n <div key=\"top-left-badge\" className={cx(styles.badge, styles.badgeTopLeft)}>\n <AvatarBadge size={size} {...topLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(topRightBadgeProps)) {\n badges.push(\n <div key=\"top-right-badge\" className={cx(styles.badge, styles.badgeTopRight)}>\n <AvatarBadge size={size} {...topRightBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomLeftBadgeProps)) {\n badges.push(\n <div key=\"bottom-left-badge\" className={cx(styles.badge, styles.badgeBottomLeft)}>\n <AvatarBadge size={size} {...bottomLeftBadgeProps} />\n </div>\n );\n }\n if (!isNil(bottomRightBadgeProps)) {\n badges.push(\n <div key=\"bottom-right-bade\" className={cx(styles.badge, styles.badgeBottomRight)}>\n <AvatarBadge size={size} {...bottomRightBadgeProps} />\n </div>\n );\n }\n\n return badges.length > 0 ? <div className={cx(styles.badges)}>{badges}</div> : null;\n }, [size, topLeftBadgeProps, topRightBadgeProps, bottomLeftBadgeProps, bottomRightBadgeProps]);\n\n const defaultTabIndex = useMemo(() => {\n if (!disabled && (onClick \|\| overrideTooltipProps?.content)) {\n return 0;\n }\n return -1;\n }, [disabled, onClick, overrideTooltipProps?.content]);\n\n const overrideTabIndex = tabIndex ?? defaultTabIndex;\n\n const clickHandler = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n event.preventDefault();\n if (onClick) {\n onClick(event, id);\n }\n },\n [onClick, id]\n );\n\n return (\n <div\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR, id)}\n className={cx(styles.avatar, styles[size], className)}\n style={sizeStyle}\n data-vibe={ComponentVibeId.AVATAR}\n >\n <ClickableWrapper\n isClickable={!!onClick}\n clickableProps={{\n onClick: clickHandler,\n tabIndex: \"-1\",\n className: styles.clickableWrapper\n }}\n >\n <Tooltip showTrigger={[\"focus\", \"mouseenter\"]} hideTrigger={[\"blur\", \"mouseleave\"]} {...overrideTooltipProps}>\n <div\n className={cx(\n styles.circle,\n getStyle(styles, camelCase(\"circle--\" + type)),\n {\n [styles.disabled]: disabled,\n [styles.square]: square,\n [styles.withoutBorder]: withoutBorder\n },\n avatarContentWrapperClassName\n )}\n aria-hidden={ariaHidden}\n tabIndex={overrideTabIndex}\n style={{ ...backgroundColorStyle }}\n >\n <AvatarContent\n type={type}\n size={size}\n src={src}\n icon={icon}\n text={text}\n ariaLabel={ariaLabel}\n role={role}\n textClassName={textClassName}\n />\n </div>\n {badgesContainer}\n </Tooltip>\n </ClickableWrapper>\n </div>\n );\n};\n\ninterface AvatarStaticProps {\n types: typeof AvatarTypeEnum;\n sizes: typeof AvatarSizeEnum;\n colors: typeof ElementAllowedColorEnum;\n backgroundColors: typeof ElementAllowedColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarProps, AvatarStaticProps>(Avatar, {\n types: AvatarTypeEnum,\n sizes: AvatarSizeEnum,\n colors: ElementAllowedColorEnum,\n backgroundColors: ElementAllowedColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","id","_ref$type","type","className","avatarContentWrapperClassName","_ref$textClassName","textClassName","_ref$size","size","src","icon","text","tooltipProps","ariaLabel","_ref$withoutTooltip","withoutTooltip","role","_ref$backgroundColor","backgroundColor","square","disabled","tabIndex","_ref$ariaHidden","ariaHidden","topLeftBadgeProps","topRightBadgeProps","bottomLeftBadgeProps","bottomRightBadgeProps","_ref$withoutBorder","withoutBorder","_ref$customSize","customSize","_ref$customBackground","customBackgroundColor","onClick","dataTestId","backgroundColorStyle","useMemo","getElementColor","sizeStyle","height","width","overrideTooltipProps","Object","assign","content","badgesContainer","badges","isNil","push","React","key","cx","styles","badge","badgeTopLeft","createElement","AvatarBadge","badgeTopRight","badgeBottomLeft","badgeBottomRight","length","defaultTabIndex","overrideTabIndex","clickHandler","useCallback","event","preventDefault","getTestId","ComponentDefaultTestId","AVATAR","avatar","style","ComponentVibeId","ClickableWrapper","isClickable","clickableProps","clickableWrapper","Tooltip","showTrigger","hideTrigger","circle","getStyle","camelCase","_defineProperty","AvatarContent","types","AvatarTypeEnum","sizes","AvatarSizeEnum","colors","ElementAllowedColorEnum","backgroundColors"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{__rest as s}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as o}from"es-toolkit";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import i from"classnames";import m from"../Icon/CustomSvgIcon/CustomSvgIcon.js";import{AvatarSize as c}from"./AvatarConstants.js";import l from"./AvatarBadge.module.scss.js";import n from"../Icon/Icon.js";import{withStaticPropsWithoutForwardRef as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var p=d((function(c){var d=c.src,p=c.icon,f=c.tabIndex,j=void 0===f?0:f,u=c.className,v=c.size,I=void 0===v?"large":v,b=c.id,g=c["data-testid"],A=s(c,["src","icon","tabIndex","className","size","id","data-testid"]),C=i(e(l,o("badge--"+I)),u),N=g||r(a.AVATAR_BADGE,b);return p?t.createElement(n,Object.assign({icon:p,className:C},A,{"data-testid":N})):d?t.createElement(m,Object.assign({src:d,className:C,clickable:-1===j},A,{"data-testid":N})):null}),{sizes:c});export{p as default};
+import{__rest as s}from"../../../_virtual/_tslib.js";import t from"react";import{camelCase as o}from"es-toolkit";import{getStyle as e}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import i from"classnames";import{AvatarSize as m}from"./AvatarConstants.js";import c from"./AvatarBadge.module.scss.js";import{withStaticPropsWithoutForwardRef as n}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"../../../components/icon/dist/Icon/Icon.js";import l from"../../../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";var p=n((function(m){var n=m.src,p=m.icon,f=m.tabIndex,j=void 0===f?0:f,u=m.className,v=m.size,I=void 0===v?"large":v,b=m.id,g=m["data-testid"],A=s(m,["src","icon","tabIndex","className","size","id","data-testid"]),C=i(e(c,o("badge--"+I)),u),N=g||r(a.AVATAR_BADGE,b);return p?t.createElement(d,Object.assign({icon:p,className:C},A,{"data-testid":N})):n?t.createElement(l,Object.assign({src:n,className:C,clickable:-1===j},A,{"data-testid":N})):null}),{sizes:m});export{p as default};
 //# sourceMappingURL=AvatarBadge.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarBadge.js","sources":["../../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport CustomSvgIcon from \"~~../Icon~~/~~CustomSvgIcon/CustomSvgIcon~~\";\nimport { AvatarSize as AvatarSizeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport ~~Icon~~ from \"~~../Icon/Icon~~\";\nimport { type ~~VibeComponentProps, type~~ SubIcon, ~~withStaticPropsWithoutForwardRef~~ } from \"~~../../types~~\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /*\n The image source for the badge.\n /\n src?: string;\n /\n The icon displayed inside the badge.\n /\n icon?: SubIcon;\n /\n The tab index of the badge.\n /\n tabIndex?: string \| number;\n /\n The size of the badge.\n */\n size?: AvatarSize;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n if (icon) {\n return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n }\n\n return src ? (\n <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n ) : null;\n};\n\ninterface AvatarBadgeStaticProps {\n sizes: typeof AvatarSizeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarBadgeProps, AvatarBadgeStaticProps>(AvatarBadge, {\n sizes: AvatarSizeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable","sizes","AvatarSizeEnum"],"mappings":"~~4kBA~~+BA,IA0BeA,EAAAA,GA1BK,SAACC,OACnBC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARgBC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUbY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN,GAMuG,CACrGW,MAAOC"}
1	+ {"version":3,"file":"AvatarBadge.js","sources":["../../../../../src/components/Avatar/AvatarBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport { camelCase } from \"es-toolkit\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Icon, CustomSvgIcon } from \"@vibe/icon\";\nimport { AvatarSize as AvatarSizeEnum } from \"./AvatarConstants\";\nimport { type AvatarSize } from \"./Avatar.types\";\nimport styles from \"./AvatarBadge.module.scss\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport interface AvatarBadgeProps extends VibeComponentProps {\n /*\n The image source for the badge.\n /\n src?: string;\n /\n The icon displayed inside the badge.\n /\n icon?: SubIcon;\n /\n The tab index of the badge.\n /\n tabIndex?: string \| number;\n /\n The size of the badge.\n */\n size?: AvatarSize;\n}\n\nconst AvatarBadge = ({\n src,\n icon,\n tabIndex = 0,\n className,\n size = \"large\",\n id,\n \"data-testid\": dataTestId,\n ...otherProps\n}: AvatarBadgeProps) => {\n const classNames = cx(getStyle(styles, camelCase(\"badge--\" + size)), className);\n const testId = dataTestId \|\| getTestId(ComponentDefaultTestId.AVATAR_BADGE, id);\n\n if (icon) {\n return <Icon icon={icon} className={classNames} {...otherProps} data-testid={testId} />;\n }\n\n return src ? (\n <CustomSvgIcon src={src} className={classNames} clickable={tabIndex === -1} {...otherProps} data-testid={testId} />\n ) : null;\n};\n\ninterface AvatarBadgeStaticProps {\n sizes: typeof AvatarSizeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<AvatarBadgeProps, AvatarBadgeStaticProps>(AvatarBadge, {\n sizes: AvatarSizeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_a","src","icon","_a$tabIndex","tabIndex","className","_a$size","size","id","dataTestId","otherProps","__rest","classNames","cx","getStyle","styles","camelCase","testId","getTestId","ComponentDefaultTestId","AVATAR_BADGE","React","createElement","Icon","Object","assign","CustomSvgIcon","clickable","sizes","AvatarSizeEnum"],"mappings":"koBA+BA,IA0BeA,EAAAA,GA1BK,SAACC,OACnBC,IAAAA,IACAC,IAAAA,KAAIC,IACJC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,IAAAA,UAASC,IACTC,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,IAAAA,GACeC,IAAf,eACGC,EARgBC,EAAAX,EAAA,CAAA,MAAA,OAAA,WAAA,YAAA,OAAA,KAAA,gBAUbY,EAAaC,EAAGC,EAASC,EAAQC,EAAU,UAAYT,IAAQF,GAC/DY,EAASR,GAAcS,EAAUC,EAAuBC,aAAcZ,GAE5E,OAAIN,EACKmB,EAACC,cAAAC,EAAKC,OAAAC,OAAA,CAAAvB,KAAMA,EAAMG,UAAWO,GAAgBF,EAAyB,CAAA,cAAAO,KAGxEhB,EACLoB,EAACC,cAAAI,EAAcF,OAAAC,OAAA,CAAAxB,IAAKA,EAAKI,UAAWO,EAAYe,WAAyB,IAAdvB,GAAqBM,EAAU,CAAA,cAAeO,KACvG,IACN,GAMuG,CACrGW,MAAOC"}

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

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

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

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

package/dist/mocked_classnames/src/components/BaseListItem/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseListItem.module.scss.js";import a from"../Icon/Icon.js";import s from"../Text/Text.js";function c(c,o,m){switch(c.type){case"avatar":return e.createElement(t,{className:r.avatar,src:c.value,withoutBorder:!0,square:c.square,type:"img",customSize:20,disabled:o});case"icon":return e.createElement(a,{className:r.icon,icon:c.value,iconSize:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(s,{type:m,color:"secondary",style:{maxWidth:"112px"}},c.value);case"custom":return c.render()}}export{c as renderSideElement};
+import e from"react";import t from"../Avatar/Avatar.js";import r from"./BaseListItem.module.scss.js";import a from"../Text/Text.js";import s from"../../../components/icon/dist/Icon/Icon.js";function c(c,o,n){switch(c.type){case"avatar":return e.createElement(t,{className:r.avatar,src:c.value,withoutBorder:!0,square:c.square,type:"img",customSize:20,disabled:o});case"icon":return e.createElement(s,{className:r.icon,icon:c.value,iconSize:20});case"indent":return e.createElement("div",{className:r.indent});case"suffix":return e.createElement(a,{type:n,color:"secondary",style:{maxWidth:"112px"}},c.value);case"custom":return c.render()}}export{c as renderSideElement};
 //# sourceMappingURL=utils.js.map

package/dist/mocked_classnames/src/components/BaseListItem/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../../src/components/BaseListItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseListItem.types\";\nimport { type TextType } from \"../Text\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseListItem.module.scss\";\nimport Icon from \"~~../Icon~~/~~Icon~~\";\nimport Text from \"../Text/Text\";\n\nexport function renderSideElement(\n element: StartElement \| EndElement,\n disabled: boolean,\n textVariant: TextType\n): React.ReactNode {\n switch (element.type) {\n case \"avatar\":\n return (\n <Avatar\n className={styles.avatar}\n src={element.value}\n withoutBorder\n square={element.square}\n type=\"img\"\n customSize={20}\n disabled={disabled}\n />\n );\n\n case \"icon\":\n return <Icon className={styles.icon} icon={element.value} iconSize={20} />;\n\n case \"indent\":\n return <div className={styles.indent} />;\n\n case \"suffix\":\n return (\n <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n {element.value}\n </Text>\n );\n\n case \"custom\":\n return element.render();\n }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","iconSize","indent","Text","color","style","maxWidth","render"],"mappings":"~~4KAQgBA~~,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,SAAU,KAEtE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../../src/components/BaseListItem/utils.tsx"],"sourcesContent":["import { type EndElement, type StartElement } from \"./BaseListItem.types\";\nimport { type TextType } from \"../Text\";\nimport React from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport styles from \"./BaseListItem.module.scss\";\nimport { Icon } from \"@vibe/icon\";\nimport Text from \"../Text/Text\";\n\nexport function renderSideElement(\n element: StartElement \| EndElement,\n disabled: boolean,\n textVariant: TextType\n): React.ReactNode {\n switch (element.type) {\n case \"avatar\":\n return (\n <Avatar\n className={styles.avatar}\n src={element.value}\n withoutBorder\n square={element.square}\n type=\"img\"\n customSize={20}\n disabled={disabled}\n />\n );\n\n case \"icon\":\n return <Icon className={styles.icon} icon={element.value} iconSize={20} />;\n\n case \"indent\":\n return <div className={styles.indent} />;\n\n case \"suffix\":\n return (\n <Text type={textVariant} color=\"secondary\" style={{ maxWidth: \"112px\" }}>\n {element.value}\n </Text>\n );\n\n case \"custom\":\n return element.render();\n }\n}\n"],"names":["renderSideElement","element","disabled","textVariant","type","React","createElement","Avatar","className","styles","avatar","src","value","withoutBorder","square","customSize","Icon","icon","iconSize","indent","Text","color","style","maxWidth","render"],"mappings":"uMAQgBA,EACdC,EACAC,EACAC,GAEA,OAAQF,EAAQG,MACd,IAAK,SACH,OACEC,EAACC,cAAAC,EACC,CAAAC,UAAWC,EAAOC,OAClBC,IAAKV,EAAQW,MACbC,eAAa,EACbC,OAAQb,EAAQa,OAChBV,KAAK,MACLW,WAAY,GACZb,SAAUA,IAIhB,IAAK,OACH,OAAOG,gBAACW,EAAI,CAACR,UAAWC,EAAOQ,KAAMA,KAAMhB,EAAQW,MAAOM,SAAU,KAEtE,IAAK,SACH,OAAOb,uBAAKG,UAAWC,EAAOU,SAEhC,IAAK,SACH,OACEd,EAACC,cAAAc,EAAK,CAAAhB,KAAMD,EAAakB,MAAM,YAAYC,MAAO,CAAEC,SAAU,UAC3DtB,EAAQW,OAIf,IAAK,SACH,OAAOX,EAAQuB,SAErB"}

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type ~~SubIcon, type~~ VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"~~0UAyCA~~,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}
1	+ {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type VibeComponentProps } from \"../../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UA0CA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}

package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type ~~SubIcon, type~~ VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"~~wcA4CA~~,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}
1	+ {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type SubIcon } from \"@vibe/icon\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA6CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}