npm - @vibe/core - Versions diffs - 4.2.1 → 4.2.3 - Mend

@vibe/core 4.2.1 → 4.2.3

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 (1121) hide show

package/dist/src/components/MenuButton/MenuButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={wrapper:"wrapper_fb4979c41f","focus-visible":"focus-visible_e9fab16d96",active:"active_d5147237c0",sizeXxs:"sizeXxs_0c428c0749",sizeXs:"sizeXs_c7d3f96928",sizeSmall:"sizeSmall_9e57d355c8",sizeMedium:"sizeMedium_20ef27df30",sizeLarge:"sizeLarge_7576bb5945",disabled:"disabled_377a6f1345",text:"text_248f9500a0",innerText:"innerText_bcbd6f56fa"};!function(n){const o="s_id-fe45efde1a3d_4_2_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_fb4979c41f {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_fb4979c41f:focus-visible, .wrapper_fb4979c41f.focus-visible_e9fab16d96 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_fb4979c41f:focus:not(.focus-visible_e9fab16d96) {\n  outline: none;\n}\n.wrapper_fb4979c41f:focus-visible, .wrapper_fb4979c41f.focus-visible_e9fab16d96 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_fb4979c41f:focus:not(.focus-visible_e9fab16d96) {\n  outline: none;\n}\n.wrapper_fb4979c41f:focus,\n.wrapper_fb4979c41f:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_fb4979c41f:active {\n  transform: scale(0.95);\n}\n.active_d5147237c0 {\n  background-color: var(--primary-selected-color);\n}\n.active_d5147237c0:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_d5147237c0:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_0c428c0749 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_c7d3f96928 {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_9e57d355c8 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_20ef27df30 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_7576bb5945 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_377a6f1345 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_377a6f1345:hover {\n  background-color: transparent;\n}\n.text_248f9500a0 {\n  width: 100%;\n}\n.innerText_bcbd6f56fa {\n  margin: 0 var(--space-8);\n}");export{n as default};
+var n={wrapper:"wrapper_a86c6ae184","focus-visible":"focus-visible_248bf03845",active:"active_1454f02187",sizeXxs:"sizeXxs_3c16e8f2b8",sizeXs:"sizeXs_0f16a746ba",sizeSmall:"sizeSmall_4b83af07a8",sizeMedium:"sizeMedium_fbdad01222",sizeLarge:"sizeLarge_bf460706f8",disabled:"disabled_a121a02edf",text:"text_519bc92cac",innerText:"innerText_47fea832e4"};!function(n){const e="s_id-fe45efde1a3d_4_2_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.wrapper_a86c6ae184 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  border-radius: var(--border-radius-small);\n  background-color: transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  cursor: pointer;\n  transition: transform var(--motion-productive-short) var(--motion-timing-transition);\n  color: var(--primary-text-color);\n}\n.wrapper_a86c6ae184:focus-visible, .wrapper_a86c6ae184.focus-visible_248bf03845 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_a86c6ae184:focus:not(.focus-visible_248bf03845) {\n  outline: none;\n}\n.wrapper_a86c6ae184:focus-visible, .wrapper_a86c6ae184.focus-visible_248bf03845 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.wrapper_a86c6ae184:focus:not(.focus-visible_248bf03845) {\n  outline: none;\n}\n.wrapper_a86c6ae184:focus,\n.wrapper_a86c6ae184:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.wrapper_a86c6ae184:active {\n  transform: scale(0.95);\n}\n.active_1454f02187 {\n  background-color: var(--primary-selected-color);\n}\n.active_1454f02187:focus {\n  background-color: var(--primary-selected-color);\n}\n.active_1454f02187:hover {\n  background-color: var(--primary-selected-color);\n}\n.sizeXxs_3c16e8f2b8 {\n  width: 16px;\n  height: 16px;\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeXs_0f16a746ba {\n  width: 24px;\n  height: 24px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeSmall_4b83af07a8 {\n  width: 32px;\n  height: 32px;\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeMedium_fbdad01222 {\n  width: 40px;\n  height: 40px;\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.sizeLarge_bf460706f8 {\n  width: 48px;\n  height: 48px;\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.disabled_a121a02edf {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.disabled_a121a02edf:hover {\n  background-color: transparent;\n}\n.text_519bc92cac {\n  width: 100%;\n}\n.innerText_47fea832e4 {\n  margin: 0 var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=MenuButton.module.scss.js.map

package/dist/src/components/Modal/Modal/Modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as s,useCallback as i,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as c}from"react-remove-scroll";import d from"react-focus-lock";import{CSSTransition as m}from"react-transition-group";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as p}from"../../../tests/constants.js";import v from"./Modal.module.scss.js";import y from"../ModalTopActions/ModalTopActions.js";import{camelCase as E}from"es-toolkit";import{ModalProvider as A}from"../context/ModalContext.js";import{keyCodes as h}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{createPortal as b}from"react-dom";import j from"../hooks/usePortalTarget/usePortalTarget.js";import g from"../hooks/useFocusEscapeTargets/useFocusEscapeTargets.js";import x from"../../../../components/layer/dist/LayerProvider/LayerProvider.js";import{useMergeRef as M}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as T}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var L=d.default||d,P=r((function(r,d){var P,w=r.id,k=r.show,C=r.size,F=void 0===C?"medium":C,O=r.renderHeaderAction,I=r.closeButtonTheme,R=r.closeButtonAriaLabel,z=r.onClose,B=void 0===z?function(){}:z,D=r.autoFocus,H=void 0===D||D,N=r.allowFocusEscapeTo,_=r.onFocusAttempt,V=r.anchorElementRef,K=r.alertModal,S=r.container,Y=void 0===S?document.body:S,q=r.children,G=r.style,J=r.zIndex,Q=r.className,U=r["data-testid"],W=r["aria-labelledby"],X=r["aria-describedby"],Z=j(Y),$=a(null),ee=M(d,$),te=a(null),oe=s(),re=e(oe,2),ae=re[0],se=re[1],ie=s(),ne=e(ie,2),le=ne[0],ce=ne[1],de=i((function(e){W||se(e)}),[W]),me=i((function(e){X||ce(e)}),[X]),ue=n((function(){return{modalId:w,setTitleId:de,setDescriptionId:me,autoFocus:H}}),[w,de,me,H]),fe=i((function(e){k&&!K&&B(e)}),[k,K,B]),pe=i((function(e){e.key===h.ESCAPE&&k&&!K&&B(e)}),[K,B,k]),ve="full-view"===F?"fullView":(null==V?void 0:V.current)?"anchorPop":"centerPop",ye=null===(P=null==V?void 0:V.current)||void 0===P?void 0:P.getBoundingClientRect(),Ee=ye?{"--modal-start-x":"".concat(ye.left+ye.width/2,"px"),"--modal-start-y":"".concat(ye.top+ye.height/2,"px")}:{},Ae=J?{"--monday-modal-z-index":J}:{},he=g(N),be=i((function(e){if(_){var t=_(e);return!0===t||t instanceof HTMLElement&&(t.focus(),!1)}return!he(e)}),[_,he]);return o.createElement(m,{in:k,nodeRef:te,timeout:{enter:250,exit:150},unmountOnExit:!0,classNames:{enter:v.containerEnter,enterActive:v.containerEnterActive,exitActive:v.containerExitActive}},o.createElement(x,{layerRef:te},o.createElement(A,{value:ue},b(o.createElement(L,{returnFocus:!0,autoFocus:H,whiteList:be},o.createElement("div",{ref:te,className:v.container,style:Ae,onKeyDown:pe},o.createElement("div",{"data-testid":u(f.MODAL_OVERLAY,w),className:v.overlay,onClick:fe,"aria-hidden":!0}),o.createElement(c,{forwardProps:!0,ref:ee},o.createElement("div",{className:l(v.modal,v[ve],T(v,E("size-"+F)),t({},v.withHeaderAction,!!O),Q),id:w,"data-testid":U||u(f.MODAL,w),"data-vibe":p.MODAL,role:"dialog","aria-modal":!0,"aria-labelledby":W||ae,"aria-describedby":X||le,style:Object.assign(Object.assign({},G),Ee),tabIndex:-1},q,o.createElement(y,{renderAction:O,theme:I,closeButtonAriaLabel:R,onClose:B}))))),Z))))}));export{P as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useRef as a,useState as s,useCallback as i,useMemo as n}from"react";import l from"classnames";import{RemoveScroll as c}from"react-remove-scroll";import d from"react-focus-lock";import{CSSTransition as m}from"react-transition-group";import{getTestId as u}from"../../../../testIds.js";import{ComponentDefaultTestId as f,ComponentVibeId as p}from"../../../tests/constants.js";import v from"./Modal.module.scss.js";import y from"../ModalTopActions/ModalTopActions.js";import{camelCase as E}from"es-toolkit";import{ModalProvider as A}from"../context/ModalContext.js";import{keyCodes as h}from"../../../constants/keyCodes.js";import"../../../constants/sizes.js";import{createPortal as b}from"react-dom";import j from"../hooks/usePortalTarget/usePortalTarget.js";import g from"../hooks/useFocusEscapeTargets/useFocusEscapeTargets.js";import x from"../../../../components/layer/dist/LayerProvider/LayerProvider.js";import{useMergeRef as M}from"../../../../shared/dist/hooks/useMergeRef.js";import{getStyle as T}from"../../../../shared/dist/utils/typesciptCssModulesHelper.js";var L=d.default||d,P=r((function(r,d){var P,w=r.id,k=r.show,C=r.size,F=void 0===C?"medium":C,O=r.renderHeaderAction,I=r.closeButtonTheme,R=r.closeButtonAriaLabel,z=r.onClose,B=void 0===z?function(){}:z,D=r.autoFocus,H=void 0===D||D,N=r.allowFocusEscapeTo,_=r.onFocusAttempt,V=r.anchorElementRef,K=r.alertModal,S=r.container,Y=void 0===S?document.body:S,q=r.children,G=r.style,J=r.zIndex,Q=r.className,U=r["data-testid"],W=r["aria-labelledby"],X=r["aria-describedby"],Z=j(Y),$=a(null),ee=M(d,$),te=a(null),oe=s(),re=e(oe,2),ae=re[0],se=re[1],ie=s(),ne=e(ie,2),le=ne[0],ce=ne[1],de=i((function(e){W||se(e)}),[W]),me=i((function(e){X||ce(e)}),[X]),ue=n((function(){return{modalId:w,setTitleId:de,setDescriptionId:me,autoFocus:H}}),[w,de,me,H]),fe=i((function(e){k&&!K&&B(e)}),[k,K,B]),pe=i((function(e){e.key===h.ESCAPE&&k&&!K&&B(e)}),[K,B,k]),ve="full-view"===F?"fullView":(null==V?void 0:V.current)?"anchorPop":"centerPop",ye=null===(P=null==V?void 0:V.current)||void 0===P?void 0:P.getBoundingClientRect(),Ee=ye?{"--modal-start-x":"".concat(ye.left+ye.width/2,"px"),"--modal-start-y":"".concat(ye.top+ye.height/2,"px")}:{},Ae=J?{"--monday-modal-z-index":J}:{},he=g(N),be=i((function(e){if(_){var t=_(e);return!0===t||t instanceof HTMLElement&&(t.focus(),!1)}return!he(e)}),[_,he]);return o.createElement(m,{in:k,nodeRef:te,timeout:{enter:250,exit:150},unmountOnExit:!0,classNames:{enter:v.containerEnter,enterActive:v.containerEnterActive,exitActive:v.containerExitActive}},o.createElement(x,{layerRef:te},o.createElement(A,{value:ue},b(o.createElement(L,{returnFocus:!0,autoFocus:H,whiteList:be},o.createElement("div",{ref:te,className:v.container,style:Ae,onKeyDown:pe},o.createElement("div",{"data-testid":u(f.MODAL_OVERLAY,w),className:v.overlay,onClick:fe,"aria-hidden":!0}),o.createElement(c,{forwardProps:!0,ref:ee},o.createElement("div",{className:l(v.modal,v[ve],T(v,E("size-"+F)),t({},v.withHeaderAction,!!O),Q),id:w,"data-testid":U||u(f.MODAL,w),"data-vibe":p.MODAL,role:"dialog","aria-modal":!0,"aria-labelledby":W||ae,"aria-describedby":X||le,style:Object.assign(Object.assign({},G),Ee),tabIndex:-1},q,o.createElement(y,{renderAction:O,theme:I,closeButtonAriaLabel:R,onClose:B}))))),Z))))}));export{P as default};
 //# sourceMappingURL=Modal.js.map

package/dist/src/components/Modal/Modal/Modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n allowFocusEscapeTo,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n const anchorVars = anchorRect\n ? ({\n \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n } as React.CSSProperties)\n : {};\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n /*\n Returning true means that the focus-lock is allowed to manage the element.\n * Returning false means that the focus-lock would surrender control to the element.\n */\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (onFocusAttempt) {\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n }\n\n return !shouldAllowFocusEscape(nextFocusedElement);\n },\n [onFocusAttempt, shouldAllowFocusEscape]\n );\n\n return (\n <CSSTransition\n in={show}\n nodeRef={containerRef}\n timeout={{ enter: 250, exit: 150 }}\n unmountOnExit\n classNames={{\n enter: styles.containerEnter,\n enterActive: styles.containerEnterActive,\n exitActive: styles.containerExitActive\n }}\n >\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n <div\n data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <div\n className={cx(\n styles.modal,\n styles[animationType],\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n data-vibe={ComponentVibeId.MODAL}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={{ ...style, ...anchorVars }}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n </CSSTransition>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"+qCAqBA,IAAMA,EAAsBC,EAAUC,SAAWD,EAE3CE,EAAQC,GACZ,SAAAC,EAuBEC,GACE,MAtBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KAAIC,EAAAJ,EACJK,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAkBN,EAAlBM,mBACAC,EAAgBP,EAAhBO,iBACAC,EAAoBR,EAApBQ,qBAAoBC,EAAAT,EACpBU,QAAAA,OAAO,IAAAD,EAAG,WAAQ,EAAAA,EAAAE,EAAAX,EAClBY,UAAAA,OAAY,IAAHD,GAAOA,EAChBE,EAAkBb,EAAlBa,mBACAC,EAAcd,EAAdc,eACAC,EAAgBf,EAAhBe,iBACAC,EAAUhB,EAAVgB,WAAUC,EAAAjB,EACVkB,UAAAA,OAAS,IAAAD,EAAGE,SAASC,KAAIH,EACzBI,EAAQrB,EAARqB,SACAC,EAAKtB,EAALsB,MACAC,EAAMvB,EAANuB,OACAC,EAASxB,EAATwB,UACeC,EAAUzB,EAAzB,eACmB0B,EAAc1B,EAAjC,mBACoB2B,EAAe3B,EAAnC,oBAII4B,EAAsBC,EAAgBX,GAEtCY,EAAWC,EAAuB,MAClCC,GAAiBC,EAA4BhC,EAAK6B,GAClDI,GAAeH,EAAuB,MAE5CI,GAA8BC,IAAkBC,GAAAC,EAAAH,GAAA,GAAzCI,GAAOF,GAAA,GAAEG,GAAUH,GAAA,GAC1BI,GAA0CL,IAAkBM,GAAAJ,EAAAG,GAAA,GAArDE,GAAaD,GAAA,GAAEE,GAAgBF,GAAA,GAEhCG,GAAqBC,GACzB,SAACC,GACKrB,GACJc,GAAWO,EACb,GACA,CAACrB,IAEGsB,GAA2BF,GAC/B,SAACC,GACKpB,GACJiB,GAAiBG,EACnB,GACA,CAACpB,IAGGsB,GAAeC,GACnB,WAAA,MAAO,CACLC,QAASjD,EACTsC,WAAYK,GACZD,iBAAkBI,GAClBpC,UAAAA,EACA,GACF,CAACV,EAAI2C,GAAoBG,GAA0BpC,IAG/CwC,GAAkBN,GACtB,SAAAO,GACOlD,IAAQa,GACbN,EAAQ2C,EACT,GACD,CAAClD,EAAMa,EAAYN,IAGf4C,GAAiBR,GACrB,SAAAO,GACMA,EAAEE,MAAQC,EAASC,QAAWtD,IAAQa,GAC1CN,EAAQ2C,EACT,GACD,CAACrC,EAAYN,EAASP,IAGlBuD,GAAyB,cAATrD,EAAuB,YAAaU,aAAA,EAAAA,EAAkB4C,SAAU,YAAc,YAE9FC,GAAwC,QAA3BC,EAAA9C,aAAA,EAAAA,EAAkB4C,eAAS,IAAAE,OAAA,EAAAA,EAAAC,wBACxCC,GAAaH,GACd,CACC,kBAAiBI,GAAAA,OAAKJ,GAAWK,KAAOL,GAAWM,MAAQ,EAAK,MAChE,kBAAiB,GAAAF,OAAKJ,GAAWO,IAAMP,GAAWQ,OAAS,EAAC,OAE9D,GAEEC,GAAc9C,EAAU,CAAE,yBAA0BA,GAAmC,GAEvF+C,GAAyBC,EAAsB1D,GAM/C2D,GAA2B1B,GAC/B,SAAC2B,GACC,GAAI3D,EAAgB,CAClB,IAAM4D,EAAU5D,EAAe2D,GAE/B,OAAgB,IAAZC,GAEAA,aAAmBC,cACrBD,EAAQE,SACD,EAIX,CAEA,OAAQN,GAAuBG,EACjC,GACA,CAAC3D,EAAgBwD,KAGnB,OACEO,EAACC,cAAAC,EACC,CAAAC,GAAI7E,EACJ8E,QAAS/C,GACTgD,QAAS,CAAEC,MAAO,IAAKC,KAAM,KAC7BC,eACA,EAAAC,WAAY,CACVH,MAAOI,EAAOC,eACdC,YAAaF,EAAOG,qBACpBC,WAAYJ,EAAOK,sBAGrBf,EAAAC,cAACe,EAAa,CAACC,SAAU5D,IACvB2C,EAAAC,cAACiB,EAAc,CAAAC,MAAO/C,IACnBgD,EACCpB,EAAAC,cAACnF,EAAmB,CAAAuG,eAAYtF,UAAWA,EAAWuF,UAAW3B,IAC/DK,EAAAC,cAAA,MAAA,CAAK7E,IAAKiC,GAAcV,UAAW+D,EAAOrE,UAAWI,MAAO+C,GAAa+B,UAAW9C,IAClFuB,EAAAC,cAAA,MAAA,CAAA,cACeuB,EAAUC,EAAuBC,cAAerG,GAC7DsB,UAAW+D,EAAOiB,QAClBC,QAASrD,GAET,eAAA,IACFyB,EAAAC,cAAC4B,EAAa,CAAAC,cAAa,EAAA1G,IAAK+B,IAC9B6C,EAAAC,cAAA,MAAA,CACEtD,UAAWoF,EACTrB,EAAOsB,MACPtB,EAAO7B,IACPoD,EAASvB,EAAQwB,EAAU,QAAU1G,IAAM2G,EACxCzB,GAAAA,EAAO0B,mBAAqB3G,GAC/BkB,GAEFtB,GAAIA,EACS,cAAAuB,GAAc4E,EAAUC,EAAuBY,MAAOhH,GAAG,YAC3DiH,EAAgBD,MAC3BE,KAAK,SAAQ,cAAA,EAAA,kBAEI1F,GAAkBa,GACjB,mBAAAZ,GAAmBgB,GACrCrB,MAAK+F,OAAAC,OAAAD,OAAAC,OAAA,GAAOhG,GAAUyC,IACtBwD,UAAW,GAEVlG,EACDwD,EAAAC,cAAC0C,EAAe,CACdC,aAAcnH,EACdoH,MAAOnH,EACPC,qBAAsBA,EACtBE,QAASA,QAMnBkB,KAMZ"}
1	+ {"version":3,"file":"Modal.js","sources":["../../../../../src/components/Modal/Modal/Modal.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { RemoveScroll } from \"react-remove-scroll\";\nimport FocusLock from \"react-focus-lock\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport styles from \"./Modal.module.scss\";\nimport { type ModalProps } from \"./Modal.types\";\nimport ModalTopActions from \"../ModalTopActions/ModalTopActions\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport { ModalProvider } from \"../context/ModalContext\";\nimport { type ModalProviderValue } from \"../context/ModalContext.types\";\nimport { keyCodes } from \"../../../constants\";\nimport { createPortal } from \"react-dom\";\nimport usePortalTarget from \"../hooks/usePortalTarget/usePortalTarget\";\nimport useFocusEscapeTargets from \"../hooks/useFocusEscapeTargets/useFocusEscapeTargets\";\nimport { LayerProvider } from \"@vibe/layer\";\n\n// @ts-expect-error This is a precaution to support all possible module systems (ESM/CJS)\nconst FocusLockComponent = (FocusLock.default \|\| FocusLock) as typeof FocusLock;\n\nconst Modal = forwardRef(\n (\n {\n id,\n show,\n size = \"medium\",\n renderHeaderAction,\n closeButtonTheme,\n closeButtonAriaLabel,\n onClose = () => {},\n autoFocus = true,\n allowFocusEscapeTo,\n onFocusAttempt,\n anchorElementRef,\n alertModal,\n container = document.body,\n children,\n style,\n zIndex,\n className,\n \"data-testid\": dataTestId,\n \"aria-labelledby\": ariaLabelledby,\n \"aria-describedby\": ariaDescribedby\n }: ModalProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const portalTargetElement = usePortalTarget(container);\n\n const modalRef = useRef<HTMLDivElement>(null);\n const modalMergedRef = useMergeRef<HTMLDivElement>(ref, modalRef);\n const containerRef = useRef<HTMLDivElement>(null);\n\n const [titleId, setTitleId] = useState<string>();\n const [descriptionId, setDescriptionId] = useState<string>();\n\n const setTitleIdCallback = useCallback(\n (newId: string) => {\n if (ariaLabelledby) return;\n setTitleId(newId);\n },\n [ariaLabelledby]\n );\n const setDescriptionIdCallback = useCallback(\n (newId: string) => {\n if (ariaDescribedby) return;\n setDescriptionId(newId);\n },\n [ariaDescribedby]\n );\n\n const contextValue = useMemo<ModalProviderValue>(\n () => ({\n modalId: id,\n setTitleId: setTitleIdCallback,\n setDescriptionId: setDescriptionIdCallback,\n autoFocus\n }),\n [id, setTitleIdCallback, setDescriptionIdCallback, autoFocus]\n );\n\n const onBackdropClick = useCallback<React.MouseEventHandler<HTMLDivElement>>(\n e => {\n if (!show \|\| alertModal) return;\n onClose(e);\n },\n [show, alertModal, onClose]\n );\n\n const onModalKeyDown = useCallback<React.KeyboardEventHandler<HTMLDivElement>>(\n e => {\n if (e.key !== keyCodes.ESCAPE \|\| !show \|\| alertModal) return;\n onClose(e);\n },\n [alertModal, onClose, show]\n );\n\n const animationType = size === \"full-view\" ? \"fullView\" : anchorElementRef?.current ? \"anchorPop\" : \"centerPop\";\n\n const anchorRect = anchorElementRef?.current?.getBoundingClientRect();\n const anchorVars = anchorRect\n ? ({\n \"--modal-start-x\": `${anchorRect.left + anchorRect.width / 2}px`,\n \"--modal-start-y\": `${anchorRect.top + anchorRect.height / 2}px`\n } as React.CSSProperties)\n : {};\n\n const zIndexStyle = zIndex ? ({ \"--monday-modal-z-index\": zIndex } as React.CSSProperties) : {};\n\n const shouldAllowFocusEscape = useFocusEscapeTargets(allowFocusEscapeTo);\n\n /*\n Returning true means that the focus-lock is allowed to manage the element.\n * Returning false means that the focus-lock would surrender control to the element.\n */\n const handleFocusLockWhiteList = useCallback(\n (nextFocusedElement?: HTMLElement) => {\n if (onFocusAttempt) {\n const outcome = onFocusAttempt(nextFocusedElement);\n\n if (outcome === true) return true;\n\n if (outcome instanceof HTMLElement) {\n outcome.focus();\n return false;\n }\n\n return false;\n }\n\n return !shouldAllowFocusEscape(nextFocusedElement);\n },\n [onFocusAttempt, shouldAllowFocusEscape]\n );\n\n return (\n <CSSTransition\n in={show}\n nodeRef={containerRef}\n timeout={{ enter: 250, exit: 150 }}\n unmountOnExit\n classNames={{\n enter: styles.containerEnter,\n enterActive: styles.containerEnterActive,\n exitActive: styles.containerExitActive\n }}\n >\n <LayerProvider layerRef={containerRef}>\n <ModalProvider value={contextValue}>\n {createPortal(\n <FocusLockComponent returnFocus autoFocus={autoFocus} whiteList={handleFocusLockWhiteList}>\n <div ref={containerRef} className={styles.container} style={zIndexStyle} onKeyDown={onModalKeyDown}>\n <div\n data-testid={getTestId(ComponentDefaultTestId.MODAL_OVERLAY, id)}\n className={styles.overlay}\n onClick={onBackdropClick}\n aria-hidden\n />\n <RemoveScroll forwardProps ref={modalMergedRef}>\n <div\n className={cx(\n styles.modal,\n styles[animationType],\n getStyle(styles, camelCase(\"size-\" + size)),\n { [styles.withHeaderAction]: !!renderHeaderAction },\n className\n )}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL, id)}\n data-vibe={ComponentVibeId.MODAL}\n role=\"dialog\"\n aria-modal\n aria-labelledby={ariaLabelledby \|\| titleId}\n aria-describedby={ariaDescribedby \|\| descriptionId}\n style={{ ...style, ...anchorVars }}\n tabIndex={-1}\n >\n {children}\n <ModalTopActions\n renderAction={renderHeaderAction}\n theme={closeButtonTheme}\n closeButtonAriaLabel={closeButtonAriaLabel}\n onClose={onClose}\n />\n </div>\n </RemoveScroll>\n </div>\n </FocusLockComponent>,\n portalTargetElement\n )}\n </ModalProvider>\n </LayerProvider>\n </CSSTransition>\n );\n }\n);\n\nexport default Modal;\n"],"names":["FocusLockComponent","FocusLock","default","Modal","forwardRef","_ref","ref","id","show","_ref$size","size","renderHeaderAction","closeButtonTheme","closeButtonAriaLabel","_ref$onClose","onClose","_ref$autoFocus","autoFocus","allowFocusEscapeTo","onFocusAttempt","anchorElementRef","alertModal","_ref$container","container","document","body","children","style","zIndex","className","dataTestId","ariaLabelledby","ariaDescribedby","portalTargetElement","usePortalTarget","modalRef","useRef","modalMergedRef","useMergeRef","containerRef","_useState","useState","_useState2","_slicedToArray","titleId","setTitleId","_useState3","_useState4","descriptionId","setDescriptionId","setTitleIdCallback","useCallback","newId","setDescriptionIdCallback","contextValue","useMemo","modalId","onBackdropClick","e","onModalKeyDown","key","keyCodes","ESCAPE","animationType","current","anchorRect","_a","getBoundingClientRect","anchorVars","concat","left","width","top","height","zIndexStyle","shouldAllowFocusEscape","useFocusEscapeTargets","handleFocusLockWhiteList","nextFocusedElement","outcome","HTMLElement","focus","React","createElement","CSSTransition","in","nodeRef","timeout","enter","exit","unmountOnExit","classNames","styles","containerEnter","enterActive","containerEnterActive","exitActive","containerExitActive","LayerProvider","layerRef","ModalProvider","value","createPortal","returnFocus","whiteList","onKeyDown","getTestId","ComponentDefaultTestId","MODAL_OVERLAY","overlay","onClick","RemoveScroll","forwardProps","cx","modal","getStyle","camelCase","_defineProperty","withHeaderAction","MODAL","ComponentVibeId","role","Object","assign","tabIndex","ModalTopActions","renderAction","theme"],"mappings":"4qCAqBA,IAAMA,EAAsBC,EAAUC,SAAWD,EAE3CE,EAAQC,GACZ,SAAAC,EAuBEC,GACE,MAtBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KAAIC,EAAAJ,EACJK,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,EAAkBN,EAAlBM,mBACAC,EAAgBP,EAAhBO,iBACAC,EAAoBR,EAApBQ,qBAAoBC,EAAAT,EACpBU,QAAAA,OAAO,IAAAD,EAAG,WAAO,EAACA,EAAAE,EAAAX,EAClBY,UAAAA,OAAS,IAAAD,GAAOA,EAChBE,EAAkBb,EAAlBa,mBACAC,EAAcd,EAAdc,eACAC,EAAgBf,EAAhBe,iBACAC,EAAUhB,EAAVgB,WAAUC,EAAAjB,EACVkB,UAAAA,OAAS,IAAAD,EAAGE,SAASC,KAAIH,EACzBI,EAAQrB,EAARqB,SACAC,EAAKtB,EAALsB,MACAC,EAAMvB,EAANuB,OACAC,EAASxB,EAATwB,UACeC,EAAUzB,EAAzB,eACmB0B,EAAc1B,EAAjC,mBACoB2B,EAAe3B,EAAnC,oBAII4B,EAAsBC,EAAgBX,GAEtCY,EAAWC,EAAuB,MAClCC,GAAiBC,EAA4BhC,EAAK6B,GAClDI,GAAeH,EAAuB,MAE5CI,GAA8BC,IAAkBC,GAAAC,EAAAH,GAAA,GAAzCI,GAAOF,GAAA,GAAEG,GAAUH,GAAA,GAC1BI,GAA0CL,IAAkBM,GAAAJ,EAAAG,GAAA,GAArDE,GAAaD,GAAA,GAAEE,GAAgBF,GAAA,GAEhCG,GAAqBC,GACzB,SAACC,GACKrB,GACJc,GAAWO,EACb,GACA,CAACrB,IAEGsB,GAA2BF,GAC/B,SAACC,GACKpB,GACJiB,GAAiBG,EACnB,GACA,CAACpB,IAGGsB,GAAeC,GACnB,WAAA,MAAO,CACLC,QAASjD,EACTsC,WAAYK,GACZD,iBAAkBI,GAClBpC,UAAAA,EACD,GACD,CAACV,EAAI2C,GAAoBG,GAA0BpC,IAG/CwC,GAAkBN,GACtB,SAAAO,GACOlD,IAAQa,GACbN,EAAQ2C,EACV,GACA,CAAClD,EAAMa,EAAYN,IAGf4C,GAAiBR,GACrB,SAAAO,GACMA,EAAEE,MAAQC,EAASC,QAAWtD,IAAQa,GAC1CN,EAAQ2C,EACV,GACA,CAACrC,EAAYN,EAASP,IAGlBuD,GAAyB,cAATrD,EAAuB,YAAaU,aAAgB,EAAhBA,EAAkB4C,SAAU,YAAc,YAE9FC,GAAsC,QAAzBC,EAAA9C,aAAgB,EAAhBA,EAAkB4C,eAAO,IAAAE,OAAA,EAAAA,EAAEC,wBACxCC,GAAaH,GACd,CACC,kBAAiB,GAAAI,OAAKJ,GAAWK,KAAOL,GAAWM,MAAQ,EAAC,MAC5D,kBAAiB,GAAAF,OAAKJ,GAAWO,IAAMP,GAAWQ,OAAS,EAAC,OAE9D,CAAA,EAEEC,GAAc9C,EAAU,CAAE,yBAA0BA,GAAmC,CAAA,EAEvF+C,GAAyBC,EAAsB1D,GAM/C2D,GAA2B1B,GAC/B,SAAC2B,GACC,GAAI3D,EAAgB,CAClB,IAAM4D,EAAU5D,EAAe2D,GAE/B,OAAgB,IAAZC,GAEAA,aAAmBC,cACrBD,EAAQE,SACD,EAIX,CAEA,OAAQN,GAAuBG,EACjC,GACA,CAAC3D,EAAgBwD,KAGnB,OACEO,EAAAC,cAACC,EAAa,CACZC,GAAI7E,EACJ8E,QAAS/C,GACTgD,QAAS,CAAEC,MAAO,IAAKC,KAAM,KAC7BC,eAAa,EACbC,WAAY,CACVH,MAAOI,EAAOC,eACdC,YAAaF,EAAOG,qBACpBC,WAAYJ,EAAOK,sBAGrBf,EAAAC,cAACe,EAAa,CAACC,SAAU5D,IACvB2C,EAAAC,cAACiB,EAAa,CAACC,MAAO/C,IACnBgD,EACCpB,EAAAC,cAACnF,EAAkB,CAACuG,eAAYtF,UAAWA,EAAWuF,UAAW3B,IAC/DK,EAAAC,cAAA,MAAA,CAAK7E,IAAKiC,GAAcV,UAAW+D,EAAOrE,UAAWI,MAAO+C,GAAa+B,UAAW9C,IAClFuB,EAAAC,cAAA,MAAA,CAAA,cACeuB,EAAUC,EAAuBC,cAAerG,GAC7DsB,UAAW+D,EAAOiB,QAClBC,QAASrD,GAAe,eAAA,IAG1ByB,EAAAC,cAAC4B,EAAY,CAACC,cAAY,EAAC1G,IAAK+B,IAC9B6C,EAAAC,cAAA,MAAA,CACEtD,UAAWoF,EACTrB,EAAOsB,MACPtB,EAAO7B,IACPoD,EAASvB,EAAQwB,EAAU,QAAU1G,IAAM2G,EAAA,GACxCzB,EAAO0B,mBAAqB3G,GAC/BkB,GAEFtB,GAAIA,EAAE,cACOuB,GAAc4E,EAAUC,EAAuBY,MAAOhH,GAAG,YAC3DiH,EAAgBD,MAC3BE,KAAK,SAAQ,cAAA,EAAA,kBAEI1F,GAAkBa,GAAO,mBACxBZ,GAAmBgB,GACrCrB,MAAK+F,OAAAC,OAAAD,OAAAC,OAAA,GAAOhG,GAAUyC,IACtBwD,UAAU,GAETlG,EACDwD,EAAAC,cAAC0C,EAAe,CACdC,aAAcnH,EACdoH,MAAOnH,EACPC,qBAAsBA,EACtBE,QAASA,QAMnBkB,KAMZ"}

package/dist/src/components/Modal/Modal/Modal.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_e280236c04",overlay:"overlay_f9b2234055",centerPop:"centerPop_5d63c39785",anchorPop:"anchorPop_5d63c39785",modal:"modal_1ec85ba5d2",withHeaderAction:"withHeaderAction_d87cb4c509",sizeSmall:"sizeSmall_b852a5a3ff",sizeMedium:"sizeMedium_feaada88f3",sizeLarge:"sizeLarge_08d4f23b4e",sizeFullView:"sizeFullView_81dfb2f10c",containerEnter:"containerEnter_4fb1ba3321",fullView:"fullView_ad1e59018e",containerEnterActive:"containerEnterActive_7f256f8a89",centerPopIn:"centerPopIn_c7c8c2aca6",anchorPopIn:"anchorPopIn_45e3925c4b",fullViewIn:"fullViewIn_9b58ce0caf",containerExitActive:"containerExitActive_7373954bc6",centerPopOut:"centerPopOut_5973747862",anchorPopOut:"anchorPopOut_c3b024ffc6",fullViewOut:"fullViewOut_b35fa7b6e2"};!function(n){const a="s_id-025304351d4e_4_2_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_e280236c04 {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_f9b2234055 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_5d63c39785 {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_5d63c39785 {\n  transform: translate(-50%, -50%);\n}\n\n.modal_1ec85ba5d2 {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_1ec85ba5d2.withHeaderAction_d87cb4c509 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_1ec85ba5d2.sizeSmall_b852a5a3ff {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_1ec85ba5d2.sizeMedium_feaada88f3 {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_1ec85ba5d2.sizeLarge_08d4f23b4e {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_1ec85ba5d2.sizeFullView_81dfb2f10c {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_1ec85ba5d2.sizeSmall_b852a5a3ff {\n    --modal-width: 480px;\n  }\n  .modal_1ec85ba5d2.sizeMedium_feaada88f3 {\n    --modal-width: 580px;\n  }\n  .modal_1ec85ba5d2.sizeLarge_08d4f23b4e {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_1ec85ba5d2.sizeSmall_b852a5a3ff {\n    --modal-width: 520px;\n  }\n  .modal_1ec85ba5d2.sizeMedium_feaada88f3 {\n    --modal-width: 620px;\n  }\n  .modal_1ec85ba5d2.sizeLarge_08d4f23b4e {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_1ec85ba5d2.sizeFullView_81dfb2f10c {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_4fb1ba3321 .overlay_f9b2234055 {\n  opacity: 0;\n}\n\n.containerEnter_4fb1ba3321 .centerPop_5d63c39785 {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_4fb1ba3321 .anchorPop_5d63c39785 {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_4fb1ba3321 .fullView_ad1e59018e {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_7f256f8a89 .overlay_f9b2234055 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_7f256f8a89 .centerPop_5d63c39785 {\n  animation: centerPopIn_c7c8c2aca6 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_7f256f8a89 .anchorPop_5d63c39785 {\n  animation: anchorPopIn_45e3925c4b 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_7f256f8a89 .fullView_ad1e59018e {\n  animation: fullViewIn_9b58ce0caf 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_7373954bc6 .overlay_f9b2234055 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_7373954bc6 .centerPop_5d63c39785 {\n  animation: centerPopOut_5973747862 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_7373954bc6 .anchorPop_5d63c39785 {\n  animation: anchorPopOut_c3b024ffc6 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_7373954bc6 .fullView_ad1e59018e {\n  animation: fullViewOut_b35fa7b6e2 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_c7c8c2aca6 {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_5973747862 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_45e3925c4b {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_c3b024ffc6 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_9b58ce0caf {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_b35fa7b6e2 {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
+var n={container:"container_05ec0435fd",overlay:"overlay_2e8348fbe7",centerPop:"centerPop_3dace20e3a",anchorPop:"anchorPop_3dace20e3a",modal:"modal_b94a3e67f1",withHeaderAction:"withHeaderAction_2ef94574c9",sizeSmall:"sizeSmall_17c429f309",sizeMedium:"sizeMedium_59e09c6a0e",sizeLarge:"sizeLarge_4717de434c",sizeFullView:"sizeFullView_9d69e76777",containerEnter:"containerEnter_33c8ac9717",fullView:"fullView_e37fc5d7cc",containerEnterActive:"containerEnterActive_342b67d433",centerPopIn:"centerPopIn_fc594d986f",anchorPopIn:"anchorPopIn_c495d0bd78",fullViewIn:"fullViewIn_528afa2e8e",containerExitActive:"containerExitActive_6de935acf1",centerPopOut:"centerPopOut_616d99a053",anchorPopOut:"anchorPopOut_0092a260b3",fullViewOut:"fullViewOut_0456d901d1"};!function(n){const e="s_id-025304351d4e_4_2_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_05ec0435fd {\n  position: fixed;\n  inset: 0;\n  z-index: var(--monday-modal-z-index, 10000);\n}\n\n.overlay_2e8348fbe7 {\n  position: fixed;\n  inset: 0;\n  height: 100%;\n  background-color: var(--backdrop-color);\n}\n\n.centerPop_3dace20e3a {\n  transform: translate(-50%, -50%);\n}\n\n.anchorPop_3dace20e3a {\n  transform: translate(-50%, -50%);\n}\n\n.modal_b94a3e67f1 {\n  --top-actions-margin-inline: var(--space-24);\n  --top-actions-margin-block: var(--space-24);\n  --top-actions-width: var(--space-32);\n  --modal-inline-padding: var(--space-32);\n  position: relative;\n  top: 50%;\n  left: 50%;\n  display: flex;\n  flex-direction: column;\n  width: var(--modal-width);\n  max-height: var(--modal-max-height);\n  background-color: var(--primary-background-color);\n  overflow: hidden;\n  border-radius: var(--border-radius-big);\n  box-shadow: var(--box-shadow-large);\n  outline: none;\n}\n\n.modal_b94a3e67f1.withHeaderAction_2ef94574c9 {\n  --top-actions-width: calc(var(--space-32) * 2);\n}\n\n.modal_b94a3e67f1.sizeSmall_17c429f309 {\n  --modal-max-height: 50%;\n  --modal-width: 460px;\n}\n\n.modal_b94a3e67f1.sizeMedium_59e09c6a0e {\n  --modal-max-height: 80%;\n  --modal-width: 540px;\n}\n\n.modal_b94a3e67f1.sizeLarge_4717de434c {\n  --modal-max-height: 80%;\n  --modal-width: 800px;\n}\n\n.modal_b94a3e67f1.sizeFullView_9d69e76777 {\n  --top-actions-margin-inline: var(--space-32);\n  --modal-max-height: 100%;\n  --modal-width: auto;\n  position: fixed;\n  inset: 0;\n  height: calc(100% - 40px);\n  margin-inline: var(--space-24);\n  margin-block-start: 40px;\n  border-end-start-radius: unset;\n  border-end-end-radius: unset;\n}\n\n@media (min-width: 1280px) {\n  .modal_b94a3e67f1.sizeSmall_17c429f309 {\n    --modal-width: 480px;\n  }\n  .modal_b94a3e67f1.sizeMedium_59e09c6a0e {\n    --modal-width: 580px;\n  }\n  .modal_b94a3e67f1.sizeLarge_4717de434c {\n    --modal-width: 840px;\n  }\n}\n\n@media (min-width: 1440px) {\n  .modal_b94a3e67f1.sizeSmall_17c429f309 {\n    --modal-width: 520px;\n  }\n  .modal_b94a3e67f1.sizeMedium_59e09c6a0e {\n    --modal-width: 620px;\n  }\n  .modal_b94a3e67f1.sizeLarge_4717de434c {\n    --modal-width: 900px;\n  }\n}\n\n@media (min-width: 1720px) {\n  .modal_b94a3e67f1.sizeFullView_9d69e76777 {\n    margin-inline: 40px;\n  }\n}\n\n.containerEnter_33c8ac9717 .overlay_2e8348fbe7 {\n  opacity: 0;\n}\n\n.containerEnter_33c8ac9717 .centerPop_3dace20e3a {\n  opacity: 0;\n  transform: translate(-50%, -50%) scale(0.8);\n}\n\n.containerEnter_33c8ac9717 .anchorPop_3dace20e3a {\n  opacity: 0;\n  transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n}\n\n.containerEnter_33c8ac9717 .fullView_e37fc5d7cc {\n  opacity: 0.3;\n  transform: translateY(30px);\n}\n\n.containerEnterActive_342b67d433 .overlay_2e8348fbe7 {\n  opacity: 1;\n  transition: opacity 100ms cubic-bezier(0, 0, 0.4, 1);\n}\n\n.containerEnterActive_342b67d433 .centerPop_3dace20e3a {\n  animation: centerPopIn_fc594d986f 150ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_342b67d433 .anchorPop_3dace20e3a {\n  animation: anchorPopIn_c495d0bd78 200ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerEnterActive_342b67d433 .fullView_e37fc5d7cc {\n  animation: fullViewIn_528afa2e8e 250ms cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.containerExitActive_6de935acf1 .overlay_2e8348fbe7 {\n  opacity: 0;\n  transition: opacity 100ms cubic-bezier(0.6, 0, 1, 1);\n}\n\n.containerExitActive_6de935acf1 .centerPop_3dace20e3a {\n  animation: centerPopOut_616d99a053 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_6de935acf1 .anchorPop_3dace20e3a {\n  animation: anchorPopOut_0092a260b3 150ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n.containerExitActive_6de935acf1 .fullView_e37fc5d7cc {\n  animation: fullViewOut_0456d901d1 100ms cubic-bezier(0.6, 0, 1, 1) forwards;\n}\n\n@keyframes centerPopIn_fc594d986f {\n  0% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n  50%, 100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes centerPopOut_616d99a053 {\n  0%, 50% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  100% {\n    opacity: 0;\n    transform: translate(-50%, -50%) scale(0.8);\n  }\n}\n\n@keyframes anchorPopIn_c495d0bd78 {\n  0%, 40% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n  100% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n@keyframes anchorPopOut_0092a260b3 {\n  0% {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n  60%, 100% {\n    opacity: 0;\n    transform: translate(calc(-50% + var(--modal-start-x, 0px)), calc(-50% + var(--modal-start-y, 0px))) scale(0.8);\n  }\n}\n\n@keyframes fullViewIn_528afa2e8e {\n  0% {\n    opacity: 0.3;\n    transform: translateY(30px);\n  }\n  33% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n@keyframes fullViewOut_0456d901d1 {\n  from {\n    opacity: 1;\n    transform: translateY(0);\n  }\n  to {\n    opacity: 0;\n    transform: translateY(30px);\n  }\n}");export{n as default};
 //# sourceMappingURL=Modal.module.scss.js.map

package/dist/src/components/Modal/ModalContent/ModalContent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as s}from"react";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as e}from"../../../tests/constants.js";import{useModal as o}from"../context/ModalContext.js";var r=s((function(s,r){var d=s.children,i=s.className,m=s.id,c=s["data-testid"],n=o().autoFocus;return t.createElement("div",{ref:r,className:i,id:m,"data-testid":c||a(e.MODAL_CONTENT,m),"data-autofocus-inside":n},d)}));export{r as default};
+import t,{forwardRef as a}from"react";import{getTestId as e}from"../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{useModal as o}from"../context/ModalContext.js";var r=a((function(a,r){var d=a.children,i=a.className,m=a.id,c=a["data-testid"],n=o().autoFocus;return t.createElement("div",{ref:r,className:i,id:m,"data-testid":c||e(s.MODAL_CONTENT,m),"data-autofocus-inside":n},d)}));export{r as default};
 //# sourceMappingURL=ModalContent.js.map

package/dist/src/components/Modal/ModalContent/ModalContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalContent.js","sources":["../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type ModalContentProps } from \"./ModalContent.types\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalContent = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { autoFocus } = useModal();\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n data-autofocus-inside={autoFocus}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","className","id","dataTestId","autoFocus","useModal","React","createElement","getTestId","ComponentDefaultTestId","MODAL_CONTENT"],"mappings":"~~uNAMMA~~,~~IAAAA~~,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAGnBM,EAAcC,IAAdD,UACR,OACEE,EAAAC,cAAA,MAAA,CACER,IAAKA,EACLE,UAAWA,EACXC,GAAIA,~~EACS~~,~~cAAAC~~,GAAcK,EAAUC,EAAuBC,cAAeR,GAAG,wBACvDE,GAEtBJ,EAGP"}
1	+ {"version":3,"file":"ModalContent.js","sources":["../../../../../src/components/Modal/ModalContent/ModalContent.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { type ModalContentProps } from \"./ModalContent.types\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalContent = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalContentProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { autoFocus } = useModal();\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_CONTENT, id)}\n data-autofocus-inside={autoFocus}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default ModalContent;\n"],"names":["ModalContent","forwardRef","_ref","ref","children","className","id","dataTestId","autoFocus","useModal","React","createElement","getTestId","ComponentDefaultTestId","MODAL_CONTENT"],"mappings":"oNAMA,IAAMA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAGnBM,EAAcC,IAAdD,UACR,OACEE,EAAAC,cAAA,MAAA,CACER,IAAKA,EACLE,UAAWA,EACXC,GAAIA,EAAE,cACOC,GAAcK,EAAUC,EAAuBC,cAAeR,GAAG,wBACvDE,GAEtBJ,EAGP"}

package/dist/src/components/Modal/ModalHeader/ModalHeader.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{typeof as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o,useEffect as s}from"react";import a from"classnames";import{getTestId as n}from"../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import r from"./ModalHeader.module.scss.js";import{useModal as c}from"../context/ModalContext.js";import m from"../../../../components/layout/dist/Flex/Flex.js";import l from"../../../../components/typography/dist/Heading/Heading.js";import p from"../../../../components/icon/dist/Icon/Icon.js";import d from"../../../../components/typography/dist/Text/Text.js";var f=o((function(o,f){var g=o.title,j=o.description,u=o.descriptionIcon,x=o.className,y=o.id,_=o["data-testid"],I=c(),h=I.modalId,E=I.setDescriptionId,b=I.setTitleId,H=y?"".concat(h,"_").concat(y,"_label"):"".concat(h,"_label"),N=y?"".concat(h,"_").concat(y,"_desc"):"".concat(h,"_desc");return s((function(){h&&(b(H),j&&E(N))}),[h,b,H,j,E,N]),e.createElement(m,{gap:"xs",direction:"column",align:"start",ref:f,className:a(r.header,x),id:y,"data-testid":_||n(i.MODAL_HEADER,y)},"string"==typeof g?e.createElement(l,{id:H,align:"inherit",type:"h2",weight:"medium",maxLines:2,className:r.title},g):g,j&&e.createElement(m,{id:N},u&&e.createElement(p,{icon:"object"===t(u)?u.name:u,className:a(r.descriptionIcon,"object"===t(u)&&u.className)}),"string"==typeof j?e.createElement(d,{element:"span",align:"inherit",type:"text1"},j):j))}));export{f as default};
+import{typeof as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as o,useEffect as s}from"react";import a from"classnames";import{getTestId as n}from"../../../../testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import r from"./ModalHeader.module.scss.js";import{useModal as c}from"../context/ModalContext.js";import m from"../../../../components/layout/dist/Flex/Flex.js";import l from"../../../../components/typography/dist/Heading/Heading.js";import p from"../../../../components/icon/dist/Icon/Icon.js";import d from"../../../../components/typography/dist/Text/Text.js";var f=o((function(o,f){var g=o.title,j=o.description,u=o.descriptionIcon,x=o.className,y=o.id,_=o["data-testid"],I=c(),h=I.modalId,E=I.setDescriptionId,b=I.setTitleId,H=y?"".concat(h,"_").concat(y,"_label"):"".concat(h,"_label"),N=y?"".concat(h,"_").concat(y,"_desc"):"".concat(h,"_desc");return s((function(){h&&(b(H),j&&E(N))}),[h,b,H,j,E,N]),e.createElement(m,{gap:"xs",direction:"column",align:"start",ref:f,className:a(r.header,x),id:y,"data-testid":_||n(i.MODAL_HEADER,y)},"string"==typeof g?e.createElement(l,{id:H,align:"inherit",type:"h2",weight:"medium",maxLines:2,className:r.title},g):g,j&&e.createElement(m,{id:N},u&&e.createElement(p,{icon:"object"===t(u)?u.name:u,className:a(r.descriptionIcon,"object"===t(u)&&u.className)}),"string"==typeof j?e.createElement(d,{element:"span",align:"inherit",type:"text1"},j):j))}));export{f as default};
 //# sourceMappingURL=ModalHeader.js.map

package/dist/src/components/Modal/ModalHeader/ModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { type ModalHeaderProps } from \"./ModalHeader.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { Icon } from \"@vibe/icon\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalHeader = forwardRef(\n (\n { title, description, descriptionIcon, className, id, \"data-testid\": dataTestId }: ModalHeaderProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { modalId, setDescriptionId, setTitleId } = useModal();\n const titleId = id ? `${modalId}_${id}_label` : `${modalId}_label`;\n const descriptionId = id ? `${modalId}_${id}_desc` : `${modalId}_desc`;\n\n useEffect(() => {\n if (!modalId) return;\n setTitleId(titleId);\n if (!description) return;\n setDescriptionId(descriptionId);\n }, [modalId, setTitleId, titleId, description, setDescriptionId, descriptionId]);\n\n return (\n <Flex\n gap=\"xs\"\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.header, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {typeof title === \"string\" ? (\n <Heading id={titleId} align=\"inherit\" type=\"h2\" weight=\"medium\" maxLines={2} className={styles.title}>\n {title}\n </Heading>\n ) : (\n title\n )}\n\n {description && (\n <Flex id={descriptionId}>\n {descriptionIcon && (\n <Icon\n icon={typeof descriptionIcon === \"object\" ? descriptionIcon.name : descriptionIcon}\n className={cx(styles.descriptionIcon, typeof descriptionIcon === \"object\" && descriptionIcon.className)}\n />\n )}\n {typeof description === \"string\" ? (\n <Text element=\"span\" align=\"inherit\" type=\"text1\">\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n )}\n </Flex>\n );\n }\n);\n\nexport default ModalHeader;\n"],"names":["ModalHeader","forwardRef","_ref","ref","title","description","descriptionIcon","className","id","dataTestId","_useModal","useModal","modalId","setDescriptionId","setTitleId","titleId","concat","descriptionId","useEffect","React","Flex","gap","direction","align","cx","styles","header","getTestId","ComponentDefaultTestId","MODAL_HEADER","Heading","type","weight","maxLines","createElement","Icon","icon","_typeof","name","Text","element"],"mappings":"~~+nBAWMA~~,~~IAAAA~~,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAAWH,EAAXG,YAAaC,EAAeJ,EAAfI,gBAAiBC,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAAmBC,EAAUP,EAAzB,eAGtDQ,EAAkDC,IAA1CC,EAAOF,EAAPE,QAASC,EAAgBH,EAAhBG,iBAAkBC,EAAUJ,EAAVI,WAC7BC,EAAUP,EAAE,GAAAQ,OAAMJ,~~EAAOI~~,~~KAAAA~~,OAAIR,EAAE,UAAA,GAAAQ,OAAcJ,~~EAAe~~,~~UAC5DK~~,EAAgBT,EAAE,GAAAQ,OAAMJ,~~EAAOI~~,~~KAAAA~~,OAAIR,EAAE,SAAA,GAAAQ,OAAaJ,~~EAAc~~,~~SAStE~~,OAPAM,GAAU,WACHN,IACLE,EAAWC,GACNV,GACLQ,EAAiBI,GACnB,GAAG,CAACL,EAASE,EAAYC,EAASV,EAAaQ,EAAkBI,IAG/DE,gBAACC,EAAI,CACHC,IAAI,KACJC,UAAU,SACVC,MAAM,QACNpB,IAAKA,EACLI,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,gBACSC,GAAckB,EAAUC,EAAuBC,aAAcrB,IAExD,iBAAVJ,EACNe,gBAACW,EAAO,CAACtB,GAAIO,EAASQ,MAAM,UAAUQ,KAAK,KAAKC,OAAO,SAASC,SAAU,EAAG1B,UAAWkB,EAAOrB,OAC5FA,GAGHA,EAGDC,GACCc,EAAAe,cAACd,~~EAAK~~,~~CAAAZ~~,GAAIS,GACPX,GACCa,EAAAe,cAACC,~~EACC~~,~~CAAAC~~,KAAiC,WAA3BC,EAAO/B,GAA+BA,EAAgBgC,KAAOhC,EACnEC,UAAWiB,EAAGC,EAAOnB,gBAA4C,WAA3B+B,EAAO/B,IAAgCA,EAAgBC,aAGzE,iBAAhBF,EACNc,~~EAACe~~,~~cAAAK~~,GAAKC,QAAQ,OAAOjB,MAAM,UAAUQ,KAAK,SACvC1B,GAGHA,GAMZ"}
1	+ {"version":3,"file":"ModalHeader.js","sources":["../../../../../src/components/Modal/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React, { forwardRef, useEffect } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./ModalHeader.module.scss\";\nimport { type ModalHeaderProps } from \"./ModalHeader.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { Icon } from \"@vibe/icon\";\nimport { useModal } from \"../context/ModalContext\";\n\nconst ModalHeader = forwardRef(\n (\n { title, description, descriptionIcon, className, id, \"data-testid\": dataTestId }: ModalHeaderProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { modalId, setDescriptionId, setTitleId } = useModal();\n const titleId = id ? `${modalId}_${id}_label` : `${modalId}_label`;\n const descriptionId = id ? `${modalId}_${id}_desc` : `${modalId}_desc`;\n\n useEffect(() => {\n if (!modalId) return;\n setTitleId(titleId);\n if (!description) return;\n setDescriptionId(descriptionId);\n }, [modalId, setTitleId, titleId, description, setDescriptionId, descriptionId]);\n\n return (\n <Flex\n gap=\"xs\"\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.header, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n >\n {typeof title === \"string\" ? (\n <Heading id={titleId} align=\"inherit\" type=\"h2\" weight=\"medium\" maxLines={2} className={styles.title}>\n {title}\n </Heading>\n ) : (\n title\n )}\n\n {description && (\n <Flex id={descriptionId}>\n {descriptionIcon && (\n <Icon\n icon={typeof descriptionIcon === \"object\" ? descriptionIcon.name : descriptionIcon}\n className={cx(styles.descriptionIcon, typeof descriptionIcon === \"object\" && descriptionIcon.className)}\n />\n )}\n {typeof description === \"string\" ? (\n <Text element=\"span\" align=\"inherit\" type=\"text1\">\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n )}\n </Flex>\n );\n }\n);\n\nexport default ModalHeader;\n"],"names":["ModalHeader","forwardRef","_ref","ref","title","description","descriptionIcon","className","id","dataTestId","_useModal","useModal","modalId","setDescriptionId","setTitleId","titleId","concat","descriptionId","useEffect","React","Flex","gap","direction","align","cx","styles","header","getTestId","ComponentDefaultTestId","MODAL_HEADER","Heading","type","weight","maxLines","createElement","Icon","icon","_typeof","name","Text","element"],"mappings":"4nBAWA,IAAMA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAAWH,EAAXG,YAAaC,EAAeJ,EAAfI,gBAAiBC,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAAmBC,EAAUP,EAAzB,eAGtDQ,EAAkDC,IAA1CC,EAAOF,EAAPE,QAASC,EAAgBH,EAAhBG,iBAAkBC,EAAUJ,EAAVI,WAC7BC,EAAUP,EAAE,GAAAQ,OAAMJ,EAAO,KAAAI,OAAIR,EAAE,UAAA,GAAAQ,OAAcJ,EAAO,UACpDK,EAAgBT,EAAE,GAAAQ,OAAMJ,EAAO,KAAAI,OAAIR,EAAE,SAAA,GAAAQ,OAAaJ,EAAO,SAS/D,OAPAM,GAAU,WACHN,IACLE,EAAWC,GACNV,GACLQ,EAAiBI,GACnB,GAAG,CAACL,EAASE,EAAYC,EAASV,EAAaQ,EAAkBI,IAG/DE,gBAACC,EAAI,CACHC,IAAI,KACJC,UAAU,SACVC,MAAM,QACNpB,IAAKA,EACLI,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,gBACSC,GAAckB,EAAUC,EAAuBC,aAAcrB,IAExD,iBAAVJ,EACNe,gBAACW,EAAO,CAACtB,GAAIO,EAASQ,MAAM,UAAUQ,KAAK,KAAKC,OAAO,SAASC,SAAU,EAAG1B,UAAWkB,EAAOrB,OAC5FA,GAGHA,EAGDC,GACCc,EAAAe,cAACd,EAAI,CAACZ,GAAIS,GACPX,GACCa,EAAAe,cAACC,EAAI,CACHC,KAAiC,WAA3BC,EAAO/B,GAA+BA,EAAgBgC,KAAOhC,EACnEC,UAAWiB,EAAGC,EAAOnB,gBAA4C,WAA3B+B,EAAO/B,IAAgCA,EAAgBC,aAGzE,iBAAhBF,EACNc,EAAAe,cAACK,GAAKC,QAAQ,OAAOjB,MAAM,UAAUQ,KAAK,SACvC1B,GAGHA,GAMZ"}

package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={header:"header_4a4acb0325",title:"title_248f9500a0",descriptionIcon:"descriptionIcon_e71d794c85"};!function(e){const n="s_id-348c193d77fe_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_4a4acb0325 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_4a4acb0325 .title_248f9500a0 {\n  width: 100%;\n}\n.header_4a4acb0325 .descriptionIcon_e71d794c85 {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
+var e={header:"header_7e008b4839",title:"title_519bc92cac",descriptionIcon:"descriptionIcon_cf1126c68a"};!function(e){const n="s_id-348c193d77fe_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".header_7e008b4839 {\n  width: 100%;\n  align-self: flex-start;\n}\n.header_7e008b4839 .title_519bc92cac {\n  width: 100%;\n}\n.header_7e008b4839 .descriptionIcon_cf1126c68a {\n  flex-shrink: 0;\n  margin-inline-end: var(--space-4);\n  color: var(--icon-color);\n}");export{e as default};
 //# sourceMappingURL=ModalHeader.module.scss.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as e}from"react";import s from"./ModalMedia.module.scss.js";import a from"classnames";import{getTestId as r,ComponentDefaultTestId as m}from"../../../tests/testIds.js";import o from"../../../../components/layout/dist/Flex/Flex.js";var i=e((function(e,i){var d=e.children,l=e.className,c=e.id;return t.createElement(o,{id:c,"data-testid":e["data-testid"]||r(m.MODAL_MEDIA,c),justify:"center",align:"stretch",ref:i,className:a(s.media,l)},d)}));export{i as default};
+import t,{forwardRef as e}from"react";import s from"./ModalMedia.module.scss.js";import a from"classnames";import{getTestId as r,ComponentDefaultTestId as m}from"../../../../testIds.js";import o from"../../../../components/layout/dist/Flex/Flex.js";var i=e((function(e,i){var d=e.children,l=e.className,c=e.id;return t.createElement(o,{id:c,"data-testid":e["data-testid"]||r(m.MODAL_MEDIA,c),justify:"center",align:"stretch",ref:i,className:a(s.media,l)},d)}));export{i as default};
 //# sourceMappingURL=ModalMedia.js.map

package/dist/src/components/Modal/ModalMedia/ModalMedia.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalMedia.js","sources":["../../../../../src/components/Modal/ModalMedia/ModalMedia.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalMediaProps } from \"./ModalMedia.types\";\nimport styles from \"./ModalMedia.module.scss\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nconst ModalMedia = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <Flex\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA, id)}\n justify=\"center\"\n align=\"stretch\"\n ref={ref}\n className={cx(styles.media, className)}\n >\n {children}\n </Flex>\n );\n }\n);\n\nexport default ModalMedia;\n"],"names":["ModalMedia","forwardRef","_ref","ref","children","className","id","React","Flex","getTestId","ComponentDefaultTestId","MODAL_MEDIA","justify","align","cx","styles","media"],"mappings":"~~4PAOMA~~,~~IAAAA~~,EAAaC,GACjB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAGvB,OACEC,gBAACC,EAAI,CACHF,GAAIA,gBAL4CJ,EAAzB,gBAMIO,EAAUC,EAAuBC,YAAaL,GACzEM,QAAQ,SACRC,MAAM,UACNV,IAAKA,EACLE,UAAWS,EAAGC,EAAOC,MAAOX,IAE3BD,EAGP"}
1	+ {"version":3,"file":"ModalMedia.js","sources":["../../../../../src/components/Modal/ModalMedia/ModalMedia.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalMediaProps } from \"./ModalMedia.types\";\nimport styles from \"./ModalMedia.module.scss\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\n\nconst ModalMedia = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <Flex\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA, id)}\n justify=\"center\"\n align=\"stretch\"\n ref={ref}\n className={cx(styles.media, className)}\n >\n {children}\n </Flex>\n );\n }\n);\n\nexport default ModalMedia;\n"],"names":["ModalMedia","forwardRef","_ref","ref","children","className","id","React","Flex","getTestId","ComponentDefaultTestId","MODAL_MEDIA","justify","align","cx","styles","media"],"mappings":"yPAOA,IAAMA,EAAaC,GACjB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAGvB,OACEC,gBAACC,EAAI,CACHF,GAAIA,gBAL4CJ,EAAzB,gBAMIO,EAAUC,EAAuBC,YAAaL,GACzEM,QAAQ,SACRC,MAAM,UACNV,IAAKA,EACLE,UAAWS,EAAGC,EAAOC,MAAOX,IAE3BD,EAGP"}

package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={media:"media_851006fb5f"};!function(e){const t="s_id-17d5de3a21d7_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_851006fb5f {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
+var e={media:"media_37d5a1bf9b"};!function(e){const t="s_id-17d5de3a21d7_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".media_37d5a1bf9b {\n  max-width: 100%;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 0;\n  overflow: hidden;\n  position: relative;\n}");export{e as default};
 //# sourceMappingURL=ModalMedia.module.scss.js.map

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalTopActions.js","sources":["../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n type ModalTopActionsButtonColor,\n type ModalTopActionsTheme,\n type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n dark: \"fixed-dark\",\n light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n const buttonColor = colorToButtonColor[theme] \|\| \"primary\";\n\n return (\n <div className={styles.actions} data-no-autofocus={true}>\n {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n <IconButton\n data-testid={ComponentDefaultTestId.MODAL_CLOSE_BUTTON}\n icon={CloseMedium}\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={buttonColor}\n aria-label={closeButtonAriaLabel}\n />\n </div>\n );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color"],"mappings":"qRAWA,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,mBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,~~EACK~~,~~aAAAF~~,IAIpB"}
1	+ {"version":3,"file":"ModalTopActions.js","sources":["../../../../../src/components/Modal/ModalTopActions/ModalTopActions.tsx"],"sourcesContent":["import React from \"react\";\nimport styles from \"./ModalTopActions.module.scss\";\nimport {\n type ModalTopActionsButtonColor,\n type ModalTopActionsTheme,\n type ModalTopActionsProps\n} from \"./ModalTopActions.types\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseMedium } from \"@vibe/icons\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nconst colorToButtonColor: Record<ModalTopActionsTheme, ModalTopActionsButtonColor> = {\n dark: \"fixed-dark\",\n light: \"fixed-light\"\n};\n\nconst ModalTopActions = ({ renderAction, theme, closeButtonAriaLabel, onClose }: ModalTopActionsProps) => {\n const buttonColor = colorToButtonColor[theme] \|\| \"primary\";\n\n return (\n <div className={styles.actions} data-no-autofocus={true}>\n {typeof renderAction === \"function\" ? renderAction(buttonColor) : renderAction}\n <IconButton\n data-testid={ComponentDefaultTestId.MODAL_CLOSE_BUTTON}\n icon={CloseMedium}\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={buttonColor}\n aria-label={closeButtonAriaLabel}\n />\n </div>\n );\n};\n\nexport default ModalTopActions;\n"],"names":["colorToButtonColor","dark","light","ModalTopActions","_ref","renderAction","closeButtonAriaLabel","onClose","buttonColor","theme","React","className","styles","actions","createElement","IconButton","ComponentDefaultTestId","MODAL_CLOSE_BUTTON","icon","CloseMedium","onClick","size","kind","color"],"mappings":"qRAWA,IAAMA,EAA+E,CACnFC,KAAM,aACNC,MAAO,eAGHC,EAAkB,SAAHC,GAAoF,IAA9EC,EAAYD,EAAZC,aAAqBC,EAAoBF,EAApBE,qBAAsBC,EAAOH,EAAPG,QAC9DC,EAAcR,EADwBI,EAALK,QACU,UAEjD,OACEC,uBAAKC,UAAWC,EAAOC,6BAA4B,GACxB,mBAAjBR,EAA8BA,EAAaG,GAAeH,EAClEK,EAAAI,cAACC,EAAU,CAAA,cACIC,EAAuBC,mBACpCC,KAAMC,EACNC,QAASb,EACTc,KAAK,QACLC,KAAK,WACLC,MAAOf,EAAW,aACNF,IAIpB"}

package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={actions:"actions_55249f08e6"};!function(e){const n="s_id-6417b75cafa5_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".actions_55249f08e6 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
+var e={actions:"actions_faa2b9b7e1"};!function(e){const n="s_id-6417b75cafa5_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".actions_faa2b9b7e1 {\n  display: flex;\n  align-items: center;\n  position: absolute;\n  inset-inline-end: var(--top-actions-margin-inline);\n  top: var(--top-actions-margin-block);\n}");export{e as default};
 //# sourceMappingURL=ModalTopActions.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as r}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as e}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooter.module.scss.js";import{getPropsForButton as m}from"../utils/getPropsForButton.js";var d=r((function(r,d){var i=r.secondaryButton,n=r.renderSideAction,c=r["data-testid"],p=r.className,u=r.id,f=m(r.primaryButton,a.primary),l=m(i,a.secondary);return t.createElement(o,{ref:d,className:p,id:u,"data-testid":c||e(s.MODAL_FOOTER,u),primaryButton:f,secondaryButton:l,renderAction:n})}));export{d as default};
+import t,{forwardRef as r}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as e}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooter.module.scss.js";import{getPropsForButton as m}from"../utils/getPropsForButton.js";var d=r((function(r,d){var i=r.secondaryButton,n=r.renderSideAction,c=r["data-testid"],p=r.className,u=r.id,f=m(r.primaryButton,a.primary),l=m(i,a.secondary);return t.createElement(o,{ref:d,className:p,id:u,"data-testid":c||e(s.MODAL_FOOTER,u),primaryButton:f,secondaryButton:l,renderAction:n})}));export{d as default};
 //# sourceMappingURL=ModalFooter.js.map

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooter.js","sources":["../../../../../../src/components/Modal/footers/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { type ModalFooterProps } from \"./ModalFooter.types\";\nimport styles from \"./ModalFooter.module.scss\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooter = forwardRef(\n (\n { primaryButton, secondaryButton, renderSideAction, \"data-testid\": dataTestId, className, id }: ModalFooterProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={renderSideAction}\n />\n );\n }\n);\n\nexport default ModalFooter;\n"],"names":["ModalFooter","forwardRef","_ref","ref","secondaryButton","renderSideAction","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","React","createElement","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"~~0UAQMA~~,~~IAAAA~~,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFeC,EAAeF,EAAfE,gBAAiBC,EAAgBH,EAAhBG,iBAAiCC,EAAUJ,EAAzB,eAA2BK,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAGpFC,EAAUC,EAHDR,EAAbS,cAG+CC,EAAOH,SAClDI,EAAYH,EAAkBN,EAAiBQ,EAAOC,WAE5D,OACEC,~~EAACC~~,~~cAAAC~~,GACCb,IAAKA,EACLI,UAAWA,EACXC,GAAIA,~~EACS~~,~~cAAAF~~,GAAcW,EAAUC,EAAuBC,aAAcX,GAC1EG,cAAeF,EACfL,gBAAiBS,EACjBO,aAAcf,GAGpB"}
1	+ {"version":3,"file":"ModalFooter.js","sources":["../../../../../../src/components/Modal/footers/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport { type ModalFooterProps } from \"./ModalFooter.types\";\nimport styles from \"./ModalFooter.module.scss\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooter = forwardRef(\n (\n { primaryButton, secondaryButton, renderSideAction, \"data-testid\": dataTestId, className, id }: ModalFooterProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={renderSideAction}\n />\n );\n }\n);\n\nexport default ModalFooter;\n"],"names":["ModalFooter","forwardRef","_ref","ref","secondaryButton","renderSideAction","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","React","createElement","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"uUAQA,IAAMA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFeC,EAAeF,EAAfE,gBAAiBC,EAAgBH,EAAhBG,iBAAiCC,EAAUJ,EAAzB,eAA2BK,EAASL,EAATK,UAAWC,EAAEN,EAAFM,GAGpFC,EAAUC,EAHDR,EAAbS,cAG+CC,EAAOH,SAClDI,EAAYH,EAAkBN,EAAiBQ,EAAOC,WAE5D,OACEC,EAAAC,cAACC,GACCb,IAAKA,EACLI,UAAWA,EACXC,GAAIA,EAAE,cACOF,GAAcW,EAAUC,EAAuBC,aAAcX,GAC1EG,cAAeF,EACfL,gBAAiBS,EACjBO,aAAcf,GAGpB"}

package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_6aa3a6ef50",secondary:"secondary_a9f71091e4"};!function(e){const n="s_id-b4b122708c23_4_2_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_6aa3a6ef50 {\n  order: 2;\n}\n.primary_6aa3a6ef50:only-child {\n  margin-inline-start: auto;\n}\n.secondary_a9f71091e4 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
+var e={primary:"primary_70f0c17695",secondary:"secondary_20e25453f6"};!function(e){const n="s_id-b4b122708c23_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_70f0c17695 {\n  order: 2;\n}\n.primary_70f0c17695:only-child {\n  margin-inline-start: auto;\n}\n.secondary_20e25453f6 {\n  order: 1;\n  margin-inline-start: auto;\n}");export{e as default};
 //# sourceMappingURL=ModalFooter.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooterBase.js","sources":["../../../../../../src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport styles from \"./ModalFooterBase.module.scss\";\nimport { Button } from \"@vibe/button\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalFooterBaseProps } from \"./ModalFooterBase.types\";\nimport cx from \"classnames\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\nconst ModalFooterBase = forwardRef(\n (\n { primaryButton, secondaryButton, renderAction, id, className, \"data-testid\": dataTestId }: ModalFooterBaseProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const {\n text: primaryButtonText,\n tooltipProps: primaryButtonTooltipProps = {},\n ...primaryButtonProps\n } = primaryButton;\n const {\n text: secondaryButtonText,\n tooltipProps: secondaryButtonTooltipProps = {},\n ...secondaryButtonProps\n } = secondaryButton \|\| {};\n\n return (\n <Flex\n ref={ref}\n id={id}\n justify=\"space-between\"\n gap=\"small\"\n className={cx(styles.footer, className)}\n data-testid={dataTestId}\n >\n <Tooltip {...primaryButtonTooltipProps} content={primaryButtonTooltipProps.content}>\n <Button {...primaryButtonProps}>{primaryButtonText}</Button>\n </Tooltip>\n {secondaryButton && (\n <Tooltip {...secondaryButtonTooltipProps} content={secondaryButtonTooltipProps.content}>\n <Button {...secondaryButtonProps} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n </Tooltip>\n )}\n {renderAction}\n </Flex>\n );\n }\n);\n\nexport default ModalFooterBase;\n"],"names":["ModalFooterBase","forwardRef","_ref","ref","primaryButton","secondaryButton","renderAction","id","className","dataTestId","primaryButtonText","text","_primaryButton$toolti","tooltipProps","primaryButtonTooltipProps","primaryButtonProps","__rest","_a","secondaryButtonText","_a$tooltipProps","secondaryButtonTooltipProps","secondaryButtonProps","React","createElement","Flex","justify","gap","cx","styles","footer","Tooltip","content","Button","Object","assign","kind"],"mappings":"~~4XAQMA~~,~~IAAAA~~,EAAkBC,GACtB,SAAAC,EAEEC,GACE,IAFAC,EAAaF,EAAbE,cAAeC,EAAeH,EAAfG,gBAAiBC,EAAYJ,EAAZI,aAAcC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAIvDQ,EAGJN,EAHFO,KAAIC,EAGFR,EAFFS,aAAcC,OAAyB,IAAAF,EAAG,~~CAAE~~,~~EAAAA~~,EACzCG,EAAkBC,EACnBZ,EAJE,CAAA,OAAA,iBAKAa,EAIFZ,GAAmB,~~CAAE~~,~~EAHjBa~~,EACwCD,EAD9CN,KAAIQ,EAC0CF,EAA9CJ,aAAcO,OAA2B,IAAAD,EAAG,~~CAAE~~,~~EAAAA~~,EAC3CE,EAAoBL,EAAAC,EAHnB,~~CAIL~~,OAAA,~~iBAED~~,OACEK,EAAAC,cAACC,EAAI,CACHrB,IAAKA,EACLI,GAAIA,EACJkB,QAAQ,gBACRC,IAAI,QACJlB,UAAWmB,EAAGC,EAAOC,OAAQrB,iBAChBC,GAEba,~~EAACC~~,~~cAAAO~~,mBAAYhB,EAAyB,CAAEiB,QAASjB,EAA0BiB,UACzET,EAAAC,cAACS,~~EAAWC~~,OAAAC,OAAA,CAAA,~~EAAAnB~~,GAAqBL,IAElCL,GACCiB,EAAAC,cAACO,EAAOG,OAAAC,OAAA,CAAA,EAAKd,EAA2B,CAAEW,QAASX,EAA4BW,UAC7ET,~~EAACC~~,~~cAAAS~~,~~EAAWC~~,OAAAC,OAAA,CAAA,~~EAAAb~~,~~EAAsB~~,~~CAAAc~~,KAAK,aACpCjB,IAINZ,EAGP"}
1	+ {"version":3,"file":"ModalFooterBase.js","sources":["../../../../../../src/components/Modal/footers/ModalFooterBase/ModalFooterBase.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport styles from \"./ModalFooterBase.module.scss\";\nimport { Button } from \"@vibe/button\";\nimport { Flex } from \"@vibe/layout\";\nimport { type ModalFooterBaseProps } from \"./ModalFooterBase.types\";\nimport cx from \"classnames\";\nimport { Tooltip } from \"@vibe/tooltip\";\n\nconst ModalFooterBase = forwardRef(\n (\n { primaryButton, secondaryButton, renderAction, id, className, \"data-testid\": dataTestId }: ModalFooterBaseProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const {\n text: primaryButtonText,\n tooltipProps: primaryButtonTooltipProps = {},\n ...primaryButtonProps\n } = primaryButton;\n const {\n text: secondaryButtonText,\n tooltipProps: secondaryButtonTooltipProps = {},\n ...secondaryButtonProps\n } = secondaryButton \|\| {};\n\n return (\n <Flex\n ref={ref}\n id={id}\n justify=\"space-between\"\n gap=\"small\"\n className={cx(styles.footer, className)}\n data-testid={dataTestId}\n >\n <Tooltip {...primaryButtonTooltipProps} content={primaryButtonTooltipProps.content}>\n <Button {...primaryButtonProps}>{primaryButtonText}</Button>\n </Tooltip>\n {secondaryButton && (\n <Tooltip {...secondaryButtonTooltipProps} content={secondaryButtonTooltipProps.content}>\n <Button {...secondaryButtonProps} kind=\"tertiary\">\n {secondaryButtonText}\n </Button>\n </Tooltip>\n )}\n {renderAction}\n </Flex>\n );\n }\n);\n\nexport default ModalFooterBase;\n"],"names":["ModalFooterBase","forwardRef","_ref","ref","primaryButton","secondaryButton","renderAction","id","className","dataTestId","primaryButtonText","text","_primaryButton$toolti","tooltipProps","primaryButtonTooltipProps","primaryButtonProps","__rest","_a","secondaryButtonText","_a$tooltipProps","secondaryButtonTooltipProps","secondaryButtonProps","React","createElement","Flex","justify","gap","cx","styles","footer","Tooltip","content","Button","Object","assign","kind"],"mappings":"4XAQA,IAAMA,EAAkBC,GACtB,SAAAC,EAEEC,GACE,IAFAC,EAAaF,EAAbE,cAAeC,EAAeH,EAAfG,gBAAiBC,EAAYJ,EAAZI,aAAcC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAIvDQ,EAGJN,EAHFO,KAAIC,EAGFR,EAFFS,aAAcC,OAAyB,IAAAF,EAAG,CAAA,EAAEA,EACzCG,EAAkBC,EACnBZ,EAJE,CAAA,OAAA,iBAKAa,EAIFZ,GAAmB,CAAA,EAHfa,EACwCD,EAD9CN,KAAIQ,EAC0CF,EAA9CJ,aAAcO,OAA2B,IAAAD,EAAG,CAAA,EAAEA,EAC3CE,EAAoBL,EAAAC,EAHnB,CAAA,OAAA,iBAMN,OACEK,EAAAC,cAACC,EAAI,CACHrB,IAAKA,EACLI,GAAIA,EACJkB,QAAQ,gBACRC,IAAI,QACJlB,UAAWmB,EAAGC,EAAOC,OAAQrB,iBAChBC,GAEba,EAAAC,cAACO,mBAAYhB,EAAyB,CAAEiB,QAASjB,EAA0BiB,UACzET,EAAAC,cAACS,EAAMC,OAAAC,OAAA,CAAA,EAAKnB,GAAqBL,IAElCL,GACCiB,EAAAC,cAACO,EAAOG,OAAAC,OAAA,CAAA,EAAKd,EAA2B,CAAEW,QAASX,EAA4BW,UAC7ET,EAAAC,cAACS,EAAMC,OAAAC,OAAA,CAAA,EAAKb,EAAoB,CAAEc,KAAK,aACpCjB,IAINZ,EAGP"}

package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={footer:"footer_dc270b7064"};!function(e){const t="s_id-5c7b28cf0c05_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_dc270b7064 {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={footer:"footer_dc53e66a8d"};!function(e){const t="s_id-5c7b28cf0c05_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".footer_dc53e66a8d {\n  position: relative;\n  width: 100%;\n  padding: 20px var(--space-24);\n  flex-shrink: 0;\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=ModalFooterBase.module.scss.js.map

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as e}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooterWizard.module.scss.js";import{StepsGalleryHeader as n}from"../../../Steps/StepsGalleryHeader.js";import{getPropsForButton as i}from"../utils/getPropsForButton.js";var m=e((function(e,m){var p=e.secondaryButton,d=e.stepCount,c=e.activeStep,l=e.onStepClick,u=e["data-testid"],f=e.className,y=e.id,B=i(e.primaryButton,a.primary),j=i(p,a.secondary),S=t.createElement(n,{stepsCount:d,activeStepIndex:c,onChangeActiveStep:function(t,e){return l(e)},className:a.stepDots});return t.createElement(o,{ref:m,className:f,id:y,"data-testid":u||r(s.MODAL_FOOTER,y),primaryButton:B,secondaryButton:j,renderAction:S})}));export{m as default};
+import t,{forwardRef as e}from"react";import o from"../ModalFooterBase/ModalFooterBase.js";import{getTestId as r}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import a from"./ModalFooterWizard.module.scss.js";import{StepsGalleryHeader as n}from"../../../Steps/StepsGalleryHeader.js";import{getPropsForButton as i}from"../utils/getPropsForButton.js";var m=e((function(e,m){var p=e.secondaryButton,d=e.stepCount,c=e.activeStep,l=e.onStepClick,u=e["data-testid"],f=e.className,y=e.id,B=i(e.primaryButton,a.primary),j=i(p,a.secondary),S=t.createElement(n,{stepsCount:d,activeStepIndex:c,onChangeActiveStep:function(t,e){return l(e)},className:a.stepDots});return t.createElement(o,{ref:m,className:f,id:y,"data-testid":u||r(s.MODAL_FOOTER,y),primaryButton:B,secondaryButton:j,renderAction:S})}));export{m as default};
 //# sourceMappingURL=ModalFooterWizard.js.map

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooterWizard.js","sources":["../../../../../../src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalFooterWizard.module.scss\";\nimport { StepsGalleryHeader } from \"../../../Steps/StepsGalleryHeader\";\nimport { type ModalFooterWizardProps } from \"./ModalFooterWizard.types\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooterWizard = forwardRef(\n (\n {\n primaryButton,\n secondaryButton,\n stepCount,\n activeStep,\n onStepClick,\n \"data-testid\": dataTestId,\n className,\n id\n }: ModalFooterWizardProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n const steps = (\n <StepsGalleryHeader\n stepsCount={stepCount}\n activeStepIndex={activeStep}\n onChangeActiveStep={(_, newStep) => onStepClick(newStep)}\n className={styles.stepDots}\n />\n );\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={steps}\n />\n );\n }\n);\n\nexport default ModalFooterWizard;\n"],"names":["ModalFooterWizard","forwardRef","_ref","ref","secondaryButton","stepCount","activeStep","onStepClick","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","steps","React","createElement","StepsGalleryHeader","stepsCount","activeStepIndex","onChangeActiveStep","_","newStep","stepDots","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"~~0ZASMA~~,~~IAAAA~~,EAAoBC,GACxB,SAAAC,EAWEC,GACE,IATAC,EAAeF,EAAfE,gBACAC,EAASH,EAATG,UACAC,EAAUJ,EAAVI,WACAC,EAAWL,EAAXK,YACeC,EAAUN,EAAzB,eACAO,EAASP,EAATO,UACAC,EAAER,EAAFQ,GAIIC,EAAUC,EAXDV,EAAbW,cAW+CC,EAAOH,SAClDI,EAAYH,EAAkBR,EAAiBU,EAAOC,WAEtDC,EACJC,EAAAC,cAACC,~~EACC~~,~~CAAAC~~,WAAYf,EACZgB,gBAAiBf,EACjBgB,mBAAoB,SAACC,EAAGC,GAAO,OAAKjB,EAAYiB,EAAQ,EACxDf,UAAWK,EAAOW,WAItB,OACER,~~EAACC~~,~~cAAAQ~~,GACCvB,IAAKA,EACLM,UAAWA,EACXC,GAAIA,~~EACS~~,~~cAAAF~~,GAAcmB,EAAUC,EAAuBC,aAAcnB,GAC1EG,cAAeF,EACfP,gBAAiBW,EACjBe,aAAcd,GAGpB"}
1	+ {"version":3,"file":"ModalFooterWizard.js","sources":["../../../../../../src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport ModalFooterBase from \"../ModalFooterBase/ModalFooterBase\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalFooterWizard.module.scss\";\nimport { StepsGalleryHeader } from \"../../../Steps/StepsGalleryHeader\";\nimport { type ModalFooterWizardProps } from \"./ModalFooterWizard.types\";\nimport { getPropsForButton } from \"../utils/getPropsForButton\";\n\nconst ModalFooterWizard = forwardRef(\n (\n {\n primaryButton,\n secondaryButton,\n stepCount,\n activeStep,\n onStepClick,\n \"data-testid\": dataTestId,\n className,\n id\n }: ModalFooterWizardProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const primary = getPropsForButton(primaryButton, styles.primary);\n const secondary = getPropsForButton(secondaryButton, styles.secondary);\n\n const steps = (\n <StepsGalleryHeader\n stepsCount={stepCount}\n activeStepIndex={activeStep}\n onChangeActiveStep={(_, newStep) => onStepClick(newStep)}\n className={styles.stepDots}\n />\n );\n\n return (\n <ModalFooterBase\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_FOOTER, id)}\n primaryButton={primary}\n secondaryButton={secondary}\n renderAction={steps}\n />\n );\n }\n);\n\nexport default ModalFooterWizard;\n"],"names":["ModalFooterWizard","forwardRef","_ref","ref","secondaryButton","stepCount","activeStep","onStepClick","dataTestId","className","id","primary","getPropsForButton","primaryButton","styles","secondary","steps","React","createElement","StepsGalleryHeader","stepsCount","activeStepIndex","onChangeActiveStep","_","newStep","stepDots","ModalFooterBase","getTestId","ComponentDefaultTestId","MODAL_FOOTER","renderAction"],"mappings":"uZASA,IAAMA,EAAoBC,GACxB,SAAAC,EAWEC,GACE,IATAC,EAAeF,EAAfE,gBACAC,EAASH,EAATG,UACAC,EAAUJ,EAAVI,WACAC,EAAWL,EAAXK,YACeC,EAAUN,EAAzB,eACAO,EAASP,EAATO,UACAC,EAAER,EAAFQ,GAIIC,EAAUC,EAXDV,EAAbW,cAW+CC,EAAOH,SAClDI,EAAYH,EAAkBR,EAAiBU,EAAOC,WAEtDC,EACJC,EAAAC,cAACC,EAAkB,CACjBC,WAAYf,EACZgB,gBAAiBf,EACjBgB,mBAAoB,SAACC,EAAGC,GAAO,OAAKjB,EAAYiB,EAAQ,EACxDf,UAAWK,EAAOW,WAItB,OACER,EAAAC,cAACQ,GACCvB,IAAKA,EACLM,UAAWA,EACXC,GAAIA,EAAE,cACOF,GAAcmB,EAAUC,EAAuBC,aAAcnB,GAC1EG,cAAeF,EACfP,gBAAiBW,EACjBe,aAAcd,GAGpB"}

package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={primary:"primary_6aa3a6ef50",secondary:"secondary_056157a63e",stepDots:"stepDots_c6a946ba5e"};!function(e){const n="s_id-51737ad1ac1f_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_6aa3a6ef50 {\n  order: 2;\n}\n\n.secondary_056157a63e {\n  order: 1;\n}\n\n.stepDots_c6a946ba5e {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
+var e={primary:"primary_70f0c17695",secondary:"secondary_583b13111a",stepDots:"stepDots_0cebb09956"};!function(e){const n="s_id-51737ad1ac1f_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".primary_70f0c17695 {\n  order: 2;\n}\n\n.secondary_583b13111a {\n  order: 1;\n}\n\n.stepDots_0cebb09956 {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  margin: 0;\n}");export{e as default};
 //# sourceMappingURL=ModalFooterWizard.module.scss.js.map

package/dist/src/components/Modal/footers/utils/getPropsForButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"getPropsForButton.js","sources":["../../../../../../src/components/Modal/footers/utils/getPropsForButton.ts"],"sourcesContent":["import { type ModalFooterActionProps } from \"../ModalFooterBase/ModalFooterBase.types\";\nimport cx from \"classnames\";\n\nexport function getPropsForButton(button?: ModalFooterActionProps, buttonClassName?: string) {\n if (!button) return undefined;\n const { tooltipProps, className, ...rest } = button;\n return {\n ...rest,\n className: tooltipProps?.content ? className : cx(className, buttonClassName),\n tooltipProps: tooltipProps?.content\n ? { ...tooltipProps, referenceWrapperClassName: cx(tooltipProps.referenceWrapperClassName, buttonClassName) }\n : undefined\n };\n}\n"],"names":["getPropsForButton","button","buttonClassName","tooltipProps","className","rest","__rest","Object","assign","content","cx","referenceWrapperClassName","undefined"],"mappings":"~~qFAGgB~~,~~SAAAA~~,EAAkBC,EAAiCC,GACjE,GAAKD,EAAL,CACA,IAAQE,EAAqCF,EAArCE,aAAcC,EAAuBH,EAAvBG,UAAcC,~~EAASC~~,~~EAAAL~~,EAAvC,CAAA,eAAA,cACN,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKH,GAAI,CACPD,WAAWD,aAAY,EAAZA,EAAcM,SAAUL,EAAYM,EAAGN,EAAWF,GAC7DC,cAAcA,~~aAAA~~,~~EAAAA~~,EAAcM,wCACnBN,GAAY,CAAEQ,0BAA2BD,EAAGP,EAAaQ,0BAA2BT,UACzFU,GAPuB,CAS/B"}
1	+ {"version":3,"file":"getPropsForButton.js","sources":["../../../../../../src/components/Modal/footers/utils/getPropsForButton.ts"],"sourcesContent":["import { type ModalFooterActionProps } from \"../ModalFooterBase/ModalFooterBase.types\";\nimport cx from \"classnames\";\n\nexport function getPropsForButton(button?: ModalFooterActionProps, buttonClassName?: string) {\n if (!button) return undefined;\n const { tooltipProps, className, ...rest } = button;\n return {\n ...rest,\n className: tooltipProps?.content ? className : cx(className, buttonClassName),\n tooltipProps: tooltipProps?.content\n ? { ...tooltipProps, referenceWrapperClassName: cx(tooltipProps.referenceWrapperClassName, buttonClassName) }\n : undefined\n };\n}\n"],"names":["getPropsForButton","button","buttonClassName","tooltipProps","className","rest","__rest","Object","assign","content","cx","referenceWrapperClassName","undefined"],"mappings":"qFAGM,SAAUA,EAAkBC,EAAiCC,GACjE,GAAKD,EAAL,CACA,IAAQE,EAAqCF,EAArCE,aAAcC,EAAuBH,EAAvBG,UAAcC,EAAIC,EAAKL,EAAvC,CAAA,eAAA,cACN,OAAAM,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACKH,GAAI,CACPD,WAAWD,aAAY,EAAZA,EAAcM,SAAUL,EAAYM,EAAGN,EAAWF,GAC7DC,cAAcA,aAAY,EAAZA,EAAcM,wCACnBN,GAAY,CAAEQ,0BAA2BD,EAAGP,EAAaQ,0BAA2BT,UACzFU,GAPuB,CAS/B"}

package/dist/src/components/Modal/hooks/usePortalTarget/usePortalTarget.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePortalTarget.js","sources":["../../../../../../src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { type PortalTarget } from \"./usePortalTarget.types\";\n\nconst usePortalTarget = (portalTarget?: PortalTarget): Element \| DocumentFragment => {\n const [resolvedTarget, setResolvedTarget] = useState<Element \| DocumentFragment>(document.body);\n\n useEffect(() => {\n const resolveTarget = (): Element \| DocumentFragment => {\n if (!portalTarget) {\n return document.body;\n }\n\n if (typeof portalTarget === \"string\") {\n const target = document.querySelector(portalTarget);\n if (!target) {\n warn(`Target with selector \"${portalTarget}\" not found. Falling back to document.body.`);\n return document.body;\n }\n return target;\n }\n\n if (portalTarget instanceof Element \|\| portalTarget instanceof DocumentFragment) {\n return portalTarget;\n }\n\n if (portalTarget.current instanceof Element) {\n return portalTarget.current;\n }\n\n warn(\"Invalid target provided. Falling back to document.body.\");\n return document.body;\n };\n\n const target = resolveTarget();\n setResolvedTarget(target);\n }, [portalTarget]);\n\n return resolvedTarget;\n};\n\nexport default usePortalTarget;\n\nfunction warn(message: string): void {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(message);\n }\n}\n"],"names":["usePortalTarget","portalTarget","_useState","useState","document","body","_useState2","_slicedToArray","resolvedTarget","setResolvedTarget","useEffect","target","querySelector","warn","concat","Element","DocumentFragment","current","resolveTarget","message","process","env","NODE_ENV","console"],"mappings":"qIAGA,IAAMA,EAAkB,SAACC,GACvB,IAAAC,EAA4CC,EAAqCC,SAASC,MAAKC,EAAAC,EAAAL,EAAA,GAAxFM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAiCxC,OA/BAI,GAAU,WACR,IA0BMC,EA1BgB,WACpB,IAAKV,EACH,OAAOG,SAASC,KAGlB,GAA4B,iBAAjBJ,EAA2B,CACpC,IAAMU,EAASP,SAASQ,cAAcX,GACtC,OAAKU,IACHE,~~EAAIC~~,~~yBAAAA~~,OAA0Bb,kDACvBG,SAASC,KAGpB,CAEA,OAAIJ,aAAwBc,SAAWd,aAAwBe,iBACtDf,EAGLA,EAAagB,mBAAmBF,QAC3Bd,EAAagB,SAGtBJ,EAAK,2DACET,SAASC,~~MAGHa~~,GACfT,EAAkBE,EACpB,GAAG,CAACV,IAEGO,CACT,EAIA,SAASK,EAAKM,GACiB,eAAzBC,QAAQC,IAAIC,UACdC,QAAQV,KAAKM,EAEjB"}
1	+ {"version":3,"file":"usePortalTarget.js","sources":["../../../../../../src/components/Modal/hooks/usePortalTarget/usePortalTarget.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { type PortalTarget } from \"./usePortalTarget.types\";\n\nconst usePortalTarget = (portalTarget?: PortalTarget): Element \| DocumentFragment => {\n const [resolvedTarget, setResolvedTarget] = useState<Element \| DocumentFragment>(document.body);\n\n useEffect(() => {\n const resolveTarget = (): Element \| DocumentFragment => {\n if (!portalTarget) {\n return document.body;\n }\n\n if (typeof portalTarget === \"string\") {\n const target = document.querySelector(portalTarget);\n if (!target) {\n warn(`Target with selector \"${portalTarget}\" not found. Falling back to document.body.`);\n return document.body;\n }\n return target;\n }\n\n if (portalTarget instanceof Element \|\| portalTarget instanceof DocumentFragment) {\n return portalTarget;\n }\n\n if (portalTarget.current instanceof Element) {\n return portalTarget.current;\n }\n\n warn(\"Invalid target provided. Falling back to document.body.\");\n return document.body;\n };\n\n const target = resolveTarget();\n setResolvedTarget(target);\n }, [portalTarget]);\n\n return resolvedTarget;\n};\n\nexport default usePortalTarget;\n\nfunction warn(message: string): void {\n if (process.env.NODE_ENV !== \"production\") {\n console.warn(message);\n }\n}\n"],"names":["usePortalTarget","portalTarget","_useState","useState","document","body","_useState2","_slicedToArray","resolvedTarget","setResolvedTarget","useEffect","target","querySelector","warn","concat","Element","DocumentFragment","current","resolveTarget","message","process","env","NODE_ENV","console"],"mappings":"qIAGA,IAAMA,EAAkB,SAACC,GACvB,IAAAC,EAA4CC,EAAqCC,SAASC,MAAKC,EAAAC,EAAAL,EAAA,GAAxFM,EAAcF,EAAA,GAAEG,EAAiBH,EAAA,GAiCxC,OA/BAI,GAAU,WACR,IA0BMC,EA1BgB,WACpB,IAAKV,EACH,OAAOG,SAASC,KAGlB,GAA4B,iBAAjBJ,EAA2B,CACpC,IAAMU,EAASP,SAASQ,cAAcX,GACtC,OAAKU,IACHE,EAAI,yBAAAC,OAA0Bb,kDACvBG,SAASC,KAGpB,CAEA,OAAIJ,aAAwBc,SAAWd,aAAwBe,iBACtDf,EAGLA,EAAagB,mBAAmBF,QAC3Bd,EAAagB,SAGtBJ,EAAK,2DACET,SAASC,KAClB,CAEea,GACfT,EAAkBE,EACpB,GAAG,CAACV,IAEGO,CACT,EAIA,SAASK,EAAKM,GACiB,eAAzBC,QAAQC,IAAIC,UACdC,QAAQV,KAAKM,EAEjB"}

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o}from"react";import a from"classnames";import{getTestId as l}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import m from"../../../Divider/Divider.js";import n from"../ModalFooterShadow.js";import c from"../ModalLayoutScrollableContent.js";import d from"../useLayoutScrolledContent.js";import f from"../../../../../components/layout/dist/Flex/Flex.js";var p=o((function(o,p){var u=o.children,j=o.className,S=o.id,v=o["data-testid"],y=d(),h=y.ref,E=y.isContentScrolled,A=y.isScrollable,C=y.isScrolledToEnd,L=y.onScroll,M=r.Children.toArray(u),N=e(M,2),g=N[0],w=N[1];return r.createElement(r.Fragment,null,r.createElement(f,{direction:"column",align:"start",ref:p,className:a(i.layout,j),id:S,"data-testid":v||l(s.MODAL_BASIC_LAYOUT,S)},r.createElement("div",{className:i.header},g),r.createElement(m,{className:a(i.divider,t({},i.showDivider,E)),withoutMargin:!0}),r.createElement(c,{onScroll:L,className:i.content,ref:h},w)),A&&r.createElement(n,{show:!C}))}));export{p as default};
+import{slicedToArray as e,defineProperty as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as o}from"react";import a from"classnames";import{getTestId as l}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import i from"./ModalBasicLayout.module.scss.js";import m from"../../../Divider/Divider.js";import n from"../ModalFooterShadow.js";import c from"../ModalLayoutScrollableContent.js";import d from"../useLayoutScrolledContent.js";import f from"../../../../../components/layout/dist/Flex/Flex.js";var p=o((function(o,p){var u=o.children,j=o.className,S=o.id,v=o["data-testid"],y=d(),h=y.ref,E=y.isContentScrolled,A=y.isScrollable,C=y.isScrolledToEnd,L=y.onScroll,M=t.Children.toArray(u),N=e(M,2),g=N[0],w=N[1];return t.createElement(t.Fragment,null,t.createElement(f,{direction:"column",align:"start",ref:p,className:a(i.layout,j),id:S,"data-testid":v||l(s.MODAL_BASIC_LAYOUT,S)},t.createElement("div",{className:i.header},g),t.createElement(m,{className:a(i.divider,r({},i.showDivider,E)),withoutMargin:!0}),t.createElement(c,{onScroll:L,className:i.content,ref:h},w)),A&&t.createElement(n,{show:!C}))}));export{p as default};
 //# sourceMappingURL=ModalBasicLayout.js.map

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"~~+kBAYMA~~,~~IAAAA~~,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,~~EACC~~,~~CAAAC~~,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,~~EAACO~~,~~cAAAW~~,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,~~eAAgB~~,~~IACrGtB~~,EAAAO,cAACgB,~~EAA6B~~,~~CAAAzB~~,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,~~EAACO~~,~~cAAAiB~~,~~EAAkB~~,~~CAAAC~~,MAAO5B,IAGjD"}
1	+ {"version":3,"file":"ModalBasicLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalBasicLayout.module.scss\";\nimport { type ModalBasicLayoutProps } from \"./ModalBasicLayout.types\";\nimport { Flex } from \"@vibe/layout\";\nimport Divider from \"../../../Divider/Divider\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport useLayoutScrolledContent from \"../useLayoutScrolledContent\";\n\nconst ModalBasicLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalBasicLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const { ref: contentRef, isContentScrolled, isScrollable, isScrolledToEnd, onScroll } = useLayoutScrolledContent();\n const [header, content] = React.Children.toArray(children);\n\n return (\n <>\n <Flex\n direction=\"column\"\n align=\"start\"\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_BASIC_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <Divider className={cx(styles.divider, { [styles.showDivider]: isContentScrolled })} withoutMargin />\n <ModalLayoutScrollableContent onScroll={onScroll} className={styles.content} ref={contentRef}>\n {content}\n </ModalLayoutScrollableContent>\n </Flex>\n {isScrollable && <ModalFooterShadow show={!isScrolledToEnd} />}\n </>\n );\n }\n);\n\nexport default ModalBasicLayout;\n"],"names":["ModalBasicLayout","forwardRef","_ref","ref","children","className","id","dataTestId","_useLayoutScrolledCon","useLayoutScrolledContent","contentRef","isContentScrolled","isScrollable","isScrolledToEnd","onScroll","_React$Children$toArr","React","Children","toArray","_React$Children$toArr2","_slicedToArray","header","content","createElement","Fragment","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_BASIC_LAYOUT","Divider","divider","_defineProperty","showDivider","withoutMargin","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"4kBAYA,IAAMA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFAC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAG3BM,EAAwFC,IAA3EC,EAAUF,EAAfL,IAAiBQ,EAAiBH,EAAjBG,kBAAmBC,EAAYJ,EAAZI,aAAcC,EAAeL,EAAfK,gBAAiBC,EAAQN,EAARM,SAC3EC,EAA0BC,EAAMC,SAASC,QAAQd,GAASe,EAAAC,EAAAL,EAAA,GAAnDM,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAEtB,OACEH,EAAAO,cAAAP,EAAAQ,SAAA,KACER,EAAAO,cAACE,EAAI,CACHC,UAAU,SACVC,MAAM,QACNxB,IAAKA,EACLE,UAAWuB,EAAGC,EAAOC,OAAQzB,GAC7BC,GAAIA,EAAE,cACOC,GAAcwB,EAAUC,EAAuBC,mBAAoB3B,IAEhFU,EAAAO,cAAA,MAAA,CAAKlB,UAAWwB,EAAOR,QAASA,GAChCL,EAAAO,cAACW,GAAQ7B,UAAWuB,EAAGC,EAAOM,QAAOC,EAAA,CAAA,EAAKP,EAAOQ,YAAc1B,IAAsB2B,eAAa,IAClGtB,EAAAO,cAACgB,EAA4B,CAACzB,SAAUA,EAAUT,UAAWwB,EAAOP,QAASnB,IAAKO,GAC/EY,IAGJV,GAAgBI,EAAAO,cAACiB,EAAiB,CAACC,MAAO5B,IAGjD"}

package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_e028771dde",header:"header_080e1f4778",divider:"divider_bf5e80dc93",showDivider:"showDivider_c281108e37",content:"content_baf6239290"};!function(e){const d="s_id-324b836d97d8_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".layout_e028771dde {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_e028771dde .header_080e1f4778 {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_e028771dde .divider_bf5e80dc93 {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_e028771dde .divider_bf5e80dc93.showDivider_c281108e37 {\n  opacity: 1;\n}\n.layout_e028771dde .content_baf6239290 {\n  padding-block-end: var(--space-32);\n}");export{e as default};
+var e={layout:"layout_a92500459e",header:"header_4996469f8e",divider:"divider_293f459bef",showDivider:"showDivider_52d9203062",content:"content_3f3b0a55cf"};!function(e){const n="s_id-324b836d97d8_4_2_2";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_a92500459e {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_a92500459e .header_4996469f8e {\n  width: 100%;\n  margin-block: var(--space-32) var(--space-24);\n  padding-inline-end: calc(var(--top-actions-margin-inline) + var(--top-actions-width) + var(--space-16));\n  padding-inline-start: var(--modal-inline-padding);\n}\n.layout_a92500459e .divider_293f459bef {\n  flex-shrink: 0;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n}\n.layout_a92500459e .divider_293f459bef.showDivider_52d9203062 {\n  opacity: 1;\n}\n.layout_a92500459e .content_3f3b0a55cf {\n  padding-block-end: var(--space-32);\n}");export{e as default};
 //# sourceMappingURL=ModalBasicLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalFooterShadow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalFooterShadow.js","sources":["../../../../../src/components/Modal/layouts/ModalFooterShadow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalFooterShadow.module.scss\";\nimport { type ModalFooterShadowProps } from \"./ModalFooterShadow.types\";\n\nconst ModalFooterShadow = ({ show }: ModalFooterShadowProps) => {\n return <div className={cx(styles.shadowWrapper, { [styles.show]: show })} />;\n};\n\nexport default ModalFooterShadow;\n"],"names":["ModalFooterShadow","_ref","React","createElement","className","cx","styles","shadowWrapper","_defineProperty","show"],"mappings":"oLAKA,IAAMA,EAAoB,SAAHC,GACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAGC,EAAOC,cAAaC,EAAA,~~CAAA~~,~~EAAKF,~~EAAOG,KAD3BR,EAAJQ,QAE7B"}
1	+ {"version":3,"file":"ModalFooterShadow.js","sources":["../../../../../src/components/Modal/layouts/ModalFooterShadow.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalFooterShadow.module.scss\";\nimport { type ModalFooterShadowProps } from \"./ModalFooterShadow.types\";\n\nconst ModalFooterShadow = ({ show }: ModalFooterShadowProps) => {\n return <div className={cx(styles.shadowWrapper, { [styles.show]: show })} />;\n};\n\nexport default ModalFooterShadow;\n"],"names":["ModalFooterShadow","_ref","React","createElement","className","cx","styles","shadowWrapper","_defineProperty","show"],"mappings":"oLAKA,IAAMA,EAAoB,SAAHC,GACrB,OAAOC,EAAAC,cAAA,MAAA,CAAKC,UAAWC,EAAGC,EAAOC,cAAaC,EAAA,GAAKF,EAAOG,KAD3BR,EAAJQ,QAE7B"}

package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={shadowWrapper:"shadowWrapper_cac69d6dc1",show:"show_4eb0479199"};!function(e){const t="s_id-c76d397ed7f2_4_2_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,d.firstChild?d.insertBefore(o,d.firstChild):d.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_cac69d6dc1::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_cac69d6dc1.show_4eb0479199::after {\n  opacity: 1;\n}');export{e as default};
+var e={shadowWrapper:"shadowWrapper_1d7a29b476",show:"show_ff7b0f5a3e"};!function(e){const t="s_id-c76d397ed7f2_4_2_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}('.shadowWrapper_1d7a29b476::after {\n  content: "";\n  position: absolute;\n  opacity: 0;\n  transition: opacity var(--motion-productive-medium) ease-out;\n  width: 100%;\n  height: 10px;\n  box-shadow: var(--box-shadow-medium);\n}\n.shadowWrapper_1d7a29b476.show_ff7b0f5a3e::after {\n  opacity: 1;\n}');export{e as default};
 //# sourceMappingURL=ModalFooterShadow.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { type ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = forwardRef(\n ({ onScroll, className, children }: ModalLayoutScrollableContentProps, ref: ForwardedRef<HTMLDivElement>) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} onScroll={onScroll}>\n {children}\n </div>\n );\n }\n);\n\nexport default ModalLayoutScrollableContent;\n"],"names":["ModalLayoutScrollableContent","forwardRef","_ref","ref","onScroll","children","React","createElement","className","cx","styles","content"],"mappings":"~~6HAKMA~~,~~IAAAA~~,EAA+BC,GACnC,SAAAC,EAAuEC,GAAqC,IAAzGC,EAAQF,EAARE,SAAqBC,EAAQH,EAARG,SACtB,OACEC,~~EAAKC~~,cAAA,MAAA,~~CAAAJ~~,IAAKA,EAAKK,UAAWC,EAAGC,EAAOC,QAFlBT,EAATM,WAEgDJ,SAAUA,GAChEC,EAGP"}
1	+ {"version":3,"file":"ModalLayoutScrollableContent.js","sources":["../../../../../src/components/Modal/layouts/ModalLayoutScrollableContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./ModalLayoutScrollableContent.module.scss\";\nimport { type ModalLayoutScrollableContentProps } from \"./ModalLayoutScrollableContent.types\";\n\nconst ModalLayoutScrollableContent = forwardRef(\n ({ onScroll, className, children }: ModalLayoutScrollableContentProps, ref: ForwardedRef<HTMLDivElement>) => {\n return (\n <div ref={ref} className={cx(styles.content, className)} onScroll={onScroll}>\n {children}\n </div>\n );\n }\n);\n\nexport default ModalLayoutScrollableContent;\n"],"names":["ModalLayoutScrollableContent","forwardRef","_ref","ref","onScroll","children","React","createElement","className","cx","styles","content"],"mappings":"6HAKA,IAAMA,EAA+BC,GACnC,SAAAC,EAAuEC,GAAqC,IAAzGC,EAAQF,EAARE,SAAqBC,EAAQH,EAARG,SACtB,OACEC,EAAAC,cAAA,MAAA,CAAKJ,IAAKA,EAAKK,UAAWC,EAAGC,EAAOC,QAFlBT,EAATM,WAEgDJ,SAAUA,GAChEC,EAGP"}

package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={content:"content_709aabbd28"};!function(e){const n="s_id-09bedfbbc65c_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content_709aabbd28 {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_709aabbd28::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_709aabbd28::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={content:"content_326965e55b"};!function(e){const n="s_id-09bedfbbc65c_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.content_326965e55b {\n  width: 100%;\n  height: 100%;\n  padding-inline: var(--modal-inline-padding);\n  overflow: auto;\n}\n.content_326965e55b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.content_326965e55b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=ModalLayoutScrollableContent.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import s from"classnames";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";import l from"./ModalMediaLayout.module.scss.js";import m from"../../../../../components/layout/dist/Flex/Flex.js";var i=a((function(a,i){var d=a.className,c=a.id,n=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),f=u[0],v=u[1],j=u[2];return t.createElement(m,{ref:i,direction:"column",align:"start",className:s(l.layout,d),id:c,"data-testid":n||r(o.MODAL_MEDIA_LAYOUT,c)},t.createElement("div",{className:l.media},f),t.createElement("div",{className:l.header},v),t.createElement("div",{className:l.content},j))}));export{i as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import r from"classnames";import{getTestId as s}from"../../../../../testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";import l from"./ModalMediaLayout.module.scss.js";import m from"../../../../../components/layout/dist/Flex/Flex.js";var i=a((function(a,i){var d=a.className,c=a.id,n=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),f=u[0],v=u[1],j=u[2];return t.createElement(m,{ref:i,direction:"column",align:"start",className:r(l.layout,d),id:c,"data-testid":n||s(o.MODAL_MEDIA_LAYOUT,c)},t.createElement("div",{className:l.media},f),t.createElement("div",{className:l.header},v),t.createElement("div",{className:l.content},j))}));export{i as default};
 //# sourceMappingURL=ModalMediaLayout.js.map

package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalMediaLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalMediaLayout.module.scss\";\nimport { type ModalMediaLayoutProps } from \"./ModalMediaLayout.types\";\nimport { Flex } from \"@vibe/layout\";\n\nconst ModalMediaLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [media, header, content] = React.Children.toArray(children);\n\n return (\n <Flex\n ref={ref}\n direction=\"column\"\n align=\"start\"\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA_LAYOUT, id)}\n >\n <div className={styles.media}>{media}</div>\n <div className={styles.header}>{header}</div>\n <div className={styles.content}>{content}</div>\n </Flex>\n );\n }\n);\n\nexport default ModalMediaLayout;\n"],"names":["ModalMediaLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","media","header","content","createElement","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_MEDIA_LAYOUT"],"mappings":"~~yYAQMA~~,~~IAAAA~~,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAKF,EAAA,GAAEG,EAAMH,EAAA,GAAEI,EAAOJ,EAAA,GAE7B,OACEJ,~~EAACS~~,~~cAAAC~~,GACCf,IAAKA,EACLgB,UAAU,SACVC,MAAM,QACNhB,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,mBAAoBrB,IAEhFG,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOR,OAAQA,GAC/BN,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOP,QAASA,GAChCP,~~EAAKS~~,cAAA,MAAA,~~CAAAb~~,UAAWkB,EAAON,SAAUA,GAGvC"}
1	+ {"version":3,"file":"ModalMediaLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalMediaLayout.module.scss\";\nimport { type ModalMediaLayoutProps } from \"./ModalMediaLayout.types\";\nimport { Flex } from \"@vibe/layout\";\n\nconst ModalMediaLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalMediaLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [media, header, content] = React.Children.toArray(children);\n\n return (\n <Flex\n ref={ref}\n direction=\"column\"\n align=\"start\"\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_MEDIA_LAYOUT, id)}\n >\n <div className={styles.media}>{media}</div>\n <div className={styles.header}>{header}</div>\n <div className={styles.content}>{content}</div>\n </Flex>\n );\n }\n);\n\nexport default ModalMediaLayout;\n"],"names":["ModalMediaLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","media","header","content","createElement","Flex","direction","align","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_MEDIA_LAYOUT"],"mappings":"sYAQA,IAAMA,EAAmBC,GACvB,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAKF,EAAA,GAAEG,EAAMH,EAAA,GAAEI,EAAOJ,EAAA,GAE7B,OACEJ,EAAAS,cAACC,GACCf,IAAKA,EACLgB,UAAU,SACVC,MAAM,QACNhB,UAAWiB,EAAGC,EAAOC,OAAQnB,GAC7BC,GAAIA,EAAE,cACOC,GAAckB,EAAUC,EAAuBC,mBAAoBrB,IAEhFG,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOR,OAAQA,GAC/BN,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAOP,QAASA,GAChCP,EAAAS,cAAA,MAAA,CAAKb,UAAWkB,EAAON,SAAUA,GAGvC"}

package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={layout:"layout_e028771dde",media:"media_f1419d5f8e",header:"header_6b907788e8",content:"content_4d0c482b63"};!function(e){const n="s_id-d089cc4b12c5_4_2_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_e028771dde {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_e028771dde .media_f1419d5f8e {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_e028771dde .header_6b907788e8 {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_e028771dde .content_4d0c482b63 {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
+var e={layout:"layout_a92500459e",media:"media_e11bdf58a0",header:"header_62070fc76e",content:"content_74ff026fc1"};!function(e){const n="s_id-d089cc4b12c5_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".layout_a92500459e {\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n}\n.layout_a92500459e .media_e11bdf58a0 {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  flex-shrink: 0;\n}\n.layout_a92500459e .header_62070fc76e {\n  width: 100%;\n  text-align: center;\n  margin-block: var(--space-32) var(--space-8);\n  padding-inline: var(--modal-inline-padding);\n}\n.layout_a92500459e .content_74ff026fc1 {\n  width: 100%;\n  height: 100%;\n  flex: 1;\n  align-self: flex-start;\n  padding-inline: var(--modal-inline-padding);\n  padding-block-end: var(--space-24);\n  text-align: center;\n  overflow: hidden;\n}");export{e as default};
 //# sourceMappingURL=ModalMediaLayout.module.scss.js.map

package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import r from"classnames";import{getTestId as s}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";import l from"./ModalSideBySideLayout.module.scss.js";import m from"../ModalLayoutScrollableContent.js";import i from"../ModalFooterShadow.js";var d=a((function(a,d){var n=a.className,c=a.id,f=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),E=u[0],j=u[1],v=u[2];return t.createElement(t.Fragment,null,t.createElement("div",{ref:d,className:r(l.layout,n),id:c,"data-testid":f||s(o.MODAL_SIDE_BY_SIDE_LAYOUT,c)},t.createElement("div",{className:l.header},E),t.createElement(m,{className:l.content},j),t.createElement("div",{className:l.media},v)),t.createElement(i,{show:!0}))}));export{d as default};
+import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a}from"react";import r from"classnames";import{getTestId as o}from"../../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../../tests/constants.js";import l from"./ModalSideBySideLayout.module.scss.js";import m from"../ModalLayoutScrollableContent.js";import i from"../ModalFooterShadow.js";var d=a((function(a,d){var n=a.className,c=a.id,f=a["data-testid"],p=t.Children.toArray(a.children),u=e(p,3),E=u[0],j=u[1],v=u[2];return t.createElement(t.Fragment,null,t.createElement("div",{ref:d,className:r(l.layout,n),id:c,"data-testid":f||o(s.MODAL_SIDE_BY_SIDE_LAYOUT,c)},t.createElement("div",{className:l.header},E),t.createElement(m,{className:l.content},j),t.createElement("div",{className:l.media},v)),t.createElement(i,{show:!0}))}));export{d as default};
 //# sourceMappingURL=ModalSideBySideLayout.js.map

package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalSideBySideLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalSideBySideLayout.module.scss\";\nimport { type ModalSideBySideLayoutProps } from \"./ModalSideBySideLayout.types\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\n\nconst ModalSideBySideLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalSideBySideLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [header, content, media] = React.Children.toArray(children);\n return (\n <>\n <div\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_SIDE_BY_SIDE_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <ModalLayoutScrollableContent className={styles.content}>{content}</ModalLayoutScrollableContent>\n <div className={styles.media}>{media}</div>\n </div>\n <ModalFooterShadow show />\n </>\n );\n }\n);\n\nexport default ModalSideBySideLayout;\n"],"names":["ModalSideBySideLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","header","content","media","createElement","Fragment","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_SIDE_BY_SIDE_LAYOUT","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"~~qaASMA~~,~~IAAAA~~,EAAwBC,GAC5B,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAAEI,EAAKJ,EAAA,GAC7B,OACEJ,EAAAS,cAAAT,EAAAU,SAAA,KACEV,EAAAS,cAAA,MAAA,CACEd,IAAKA,EACLC,UAAWe,EAAGC,EAAOC,OAAQjB,GAC7BC,GAAIA,~~EACS~~,~~cAAAC~~,GAAcgB,EAAUC,EAAuBC,0BAA2BnB,IAEvFG,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAON,QAASA,GAChCN,~~EAACS~~,~~cAAAQ~~,GAA6BrB,UAAWgB,EAAOL,SAAUA,GAC1DP,~~EAAKS~~,cAAA,MAAA,~~CAAAb~~,UAAWgB,EAAOJ,OAAQA,IAEjCR,EAAAS,cAACS,~~EAAkB~~,~~CAAAC~~,~~MAAO~~,~~IAGhC~~"}
1	+ {"version":3,"file":"ModalSideBySideLayout.js","sources":["../../../../../../src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport styles from \"./ModalSideBySideLayout.module.scss\";\nimport { type ModalSideBySideLayoutProps } from \"./ModalSideBySideLayout.types\";\nimport ModalLayoutScrollableContent from \"../ModalLayoutScrollableContent\";\nimport ModalFooterShadow from \"../ModalFooterShadow\";\n\nconst ModalSideBySideLayout = forwardRef(\n (\n { children, className, id, \"data-testid\": dataTestId }: ModalSideBySideLayoutProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const [header, content, media] = React.Children.toArray(children);\n return (\n <>\n <div\n ref={ref}\n className={cx(styles.layout, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.MODAL_SIDE_BY_SIDE_LAYOUT, id)}\n >\n <div className={styles.header}>{header}</div>\n <ModalLayoutScrollableContent className={styles.content}>{content}</ModalLayoutScrollableContent>\n <div className={styles.media}>{media}</div>\n </div>\n <ModalFooterShadow show />\n </>\n );\n }\n);\n\nexport default ModalSideBySideLayout;\n"],"names":["ModalSideBySideLayout","forwardRef","_ref","ref","className","id","dataTestId","_React$Children$toArr","React","Children","toArray","children","_React$Children$toArr2","_slicedToArray","header","content","media","createElement","Fragment","cx","styles","layout","getTestId","ComponentDefaultTestId","MODAL_SIDE_BY_SIDE_LAYOUT","ModalLayoutScrollableContent","ModalFooterShadow","show"],"mappings":"kaASA,IAAMA,EAAwBC,GAC5B,SAAAC,EAEEC,GACE,IAFUC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAG3BK,EAAiCC,EAAMC,SAASC,QAHtCR,EAARS,UAG+DC,EAAAC,EAAAN,EAAA,GAA1DO,EAAMF,EAAA,GAAEG,EAAOH,EAAA,GAAEI,EAAKJ,EAAA,GAC7B,OACEJ,EAAAS,cAAAT,EAAAU,SAAA,KACEV,EAAAS,cAAA,MAAA,CACEd,IAAKA,EACLC,UAAWe,EAAGC,EAAOC,OAAQjB,GAC7BC,GAAIA,EAAE,cACOC,GAAcgB,EAAUC,EAAuBC,0BAA2BnB,IAEvFG,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAON,QAASA,GAChCN,EAAAS,cAACQ,GAA6BrB,UAAWgB,EAAOL,SAAUA,GAC1DP,EAAAS,cAAA,MAAA,CAAKb,UAAWgB,EAAOJ,OAAQA,IAEjCR,EAAAS,cAACS,EAAiB,CAACC,MAAI,IAG7B"}