@vibe/core 3.37.0 → 3.38.0-alpha-fff13.0

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyModal.js","sources":["../../../../src/components/LegacyModal/LegacyModal.tsx"],"sourcesContent":["import React, { cloneElement, FC, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n  isModalContent,\n  isModalFooter,\n  isModalHeader,\n  ModalWidth as ModalWidthEnum,\n  validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./LegacyModal.module.scss\";\nimport { ModalWidth } from \"./LegacyModal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface LegacyModalProps {\n  /**\n   * Id of the modal, used internally and for accessibility\n   */\n  id?: string;\n  \"data-testid\"?: string;\n  /**\n   * Show/hide the Dialog\n   */\n  show: boolean;\n  /**\n   * Heading for the modal, mandatory when ModalHeader isn't provided in children\n   */\n  title?: string;\n  /**\n   * Description for the modal title\n   */\n  description?: string;\n  /**\n   * Called when the modal is closed (by close button/click outside/esc key)\n   */\n  onClose: () => void;\n  /**\n   *  Makes the dialog behave like a modal (preventing closing on click outside of\n   *  ESC key)..\n   */\n  alertDialog?: boolean;\n  /**\n   *  Used for the fromOrigin animation\n   */\n  triggerElement?: Element;\n  /**\n   *  Set the modal's width. Can be one of the presets or any custom size\n   */\n  width?: ModalWidth | string;\n  /**\n   *  Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   *  Add gaps between parts of the modal\n   */\n  contentSpacing?: boolean;\n  /**\n   *  classNames for specific parts of the dialog\n   */\n  classNames?: {\n    container?: string;\n    overlay?: string;\n    modal?: string;\n  };\n  /**\n   *  Dialog content\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * z-index attribute of the container\n   */\n  zIndex?: number;\n  /**\n   * When `false`, the modal will remain in the DOM when closed\n   */\n  unmountOnClose?: boolean;\n}\n\nconst Modal: FC<LegacyModalProps> & { width?: typeof ModalWidthEnum } = ({\n  classNames = { container: \"\", overlay: \"\", modal: \"\" },\n  id,\n  show,\n  title = \"\",\n  description = \"\",\n  onClose = NOOP,\n  alertDialog = false,\n  children,\n  triggerElement,\n  width = \"default\",\n  closeButtonAriaLabel = \"Close\",\n  contentSpacing = false,\n  zIndex = 10000,\n  unmountOnClose = true,\n  \"data-testid\": dataTestId\n}: LegacyModalProps) => {\n  const childrenArray: ReactElement[] = useMemo(\n    () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n    [children]\n  );\n  validateTitleProp(title, childrenArray);\n\n  const [instance, attr] = useA11yDialog({\n    id,\n    alertDialog\n  });\n\n  const closeIfNotAlertType = useCallback(() => {\n    if (!alertDialog) {\n      onClose?.();\n    }\n  }, [alertDialog, onClose]);\n\n  // lock body scroll when modal is open\n  useBodyScrollLock({ instance });\n\n  // show/hide and animate the modal\n  const { shouldShow } = useShowHideModal({\n    instance,\n    show,\n    triggerElement,\n    onClose,\n    alertDialog\n  });\n\n  const header = useMemo(() => {\n    const { id } = attr.title;\n    const header = childrenArray.find(isModalHeader);\n    if (header) {\n      return cloneElement(header, { id, closeModal: onClose });\n    }\n    return (\n      <ModalHeader\n        title={title}\n        description={description}\n        closeModal={onClose}\n        id={id}\n        closeButtonAriaLabel={closeButtonAriaLabel}\n      />\n    );\n  }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n  const content = useMemo(() => {\n    return (\n      childrenArray.find(isModalContent) || (\n        <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n      )\n    );\n  }, [childrenArray]);\n\n  const footer = useMemo(() => {\n    return childrenArray.find(isModalFooter) || null;\n  }, [childrenArray]);\n\n  const customWidth = width !== \"default\" && width !== \"full-width\";\n\n  const dialog = (\n    <LayerProvider layerRef={{ current: instance?.$el }}>\n      <div\n        {...attr.container}\n        className={cx(styles.container, classNames.container)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n        style={{ \"--monday-modal-z-index\": zIndex }}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={closeIfNotAlertType}\n          className={cx(styles.overlay, classNames.overlay)}\n          data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n        />\n        <div\n          {...attr.dialog}\n          className={cx(styles.dialog, classNames.modal, {\n            [styles.default]: width === \"default\",\n            [styles.full]: width === \"full-width\",\n            [styles.spacing]: contentSpacing\n          })}\n          style={{ width: customWidth ? width : null }}\n        >\n          {header}\n          {content}\n          {footer}\n        </div>\n      </div>\n    </LayerProvider>\n  );\n\n  if (unmountOnClose && !shouldShow) {\n    return null;\n  }\n  return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\nexport default withStaticProps(Modal, {\n  width: ModalWidthEnum\n});\n"],"names":["withStaticProps","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"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"}
+{"version":3,"file":"LegacyModal.js","sources":["../../../../src/components/LegacyModal/LegacyModal.tsx"],"sourcesContent":["import React, { cloneElement, ReactElement, useCallback, useMemo } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport cx from \"classnames\";\nimport { useA11yDialog } from \"./a11yDialog\";\nimport ModalContent from \"./LegacyModalContent/LegacyModalContent\";\nimport ModalHeader from \"./LegacyModalHeader/LegacyModalHeader\";\nimport useBodyScrollLock from \"./useBodyScrollLock\";\nimport useShowHideModal from \"./useShowHideModal\";\nimport {\n  isModalContent,\n  isModalFooter,\n  isModalHeader,\n  ModalWidth as ModalWidthEnum,\n  validateTitleProp\n} from \"./ModalHelper\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./LegacyModal.module.scss\";\nimport { ModalWidth } from \"./LegacyModal.types\";\nimport LayerProvider from \"../LayerProvider/LayerProvider\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nexport interface LegacyModalProps {\n  /**\n   * Id of the modal, used internally and for accessibility\n   */\n  id?: string;\n  \"data-testid\"?: string;\n  /**\n   * Show/hide the Dialog\n   */\n  show: boolean;\n  /**\n   * Heading for the modal, mandatory when ModalHeader isn't provided in children\n   */\n  title?: string;\n  /**\n   * Description for the modal title\n   */\n  description?: string;\n  /**\n   * Called when the modal is closed (by close button/click outside/esc key)\n   */\n  onClose: () => void;\n  /**\n   *  Makes the dialog behave like a modal (preventing closing on click outside of\n   *  ESC key)..\n   */\n  alertDialog?: boolean;\n  /**\n   *  Used for the fromOrigin animation\n   */\n  triggerElement?: Element;\n  /**\n   *  Set the modal's width. Can be one of the presets or any custom size\n   */\n  width?: ModalWidth | string;\n  /**\n   *  Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n  /**\n   *  Add gaps between parts of the modal\n   */\n  contentSpacing?: boolean;\n  /**\n   *  classNames for specific parts of the dialog\n   */\n  classNames?: {\n    container?: string;\n    overlay?: string;\n    modal?: string;\n  };\n  /**\n   *  Dialog content\n   */\n  children?: ReactElement | ReactElement[];\n  /**\n   * z-index attribute of the container\n   */\n  zIndex?: number;\n  /**\n   * When `false`, the modal will remain in the DOM when closed\n   */\n  unmountOnClose?: boolean;\n}\n\nconst Modal = ({\n  classNames = { container: \"\", overlay: \"\", modal: \"\" },\n  id,\n  show,\n  title = \"\",\n  description = \"\",\n  onClose = NOOP,\n  alertDialog = false,\n  children,\n  triggerElement,\n  width = \"default\",\n  closeButtonAriaLabel = \"Close\",\n  contentSpacing = false,\n  zIndex = 10000,\n  unmountOnClose = true,\n  \"data-testid\": dataTestId\n}: LegacyModalProps) => {\n  const childrenArray: ReactElement[] = useMemo(\n    () => (children ? (React.Children.toArray(children) as ReactElement[]) : []),\n    [children]\n  );\n  validateTitleProp(title, childrenArray);\n\n  const [instance, attr] = useA11yDialog({\n    id,\n    alertDialog\n  });\n\n  const closeIfNotAlertType = useCallback(() => {\n    if (!alertDialog) {\n      onClose?.();\n    }\n  }, [alertDialog, onClose]);\n\n  // lock body scroll when modal is open\n  useBodyScrollLock({ instance });\n\n  // show/hide and animate the modal\n  const { shouldShow } = useShowHideModal({\n    instance,\n    show,\n    triggerElement,\n    onClose,\n    alertDialog\n  });\n\n  const header = useMemo(() => {\n    const { id } = attr.title;\n    const header = childrenArray.find(isModalHeader);\n    if (header) {\n      return cloneElement(header, { id, closeModal: onClose });\n    }\n    return (\n      <ModalHeader\n        title={title}\n        description={description}\n        closeModal={onClose}\n        id={id}\n        closeButtonAriaLabel={closeButtonAriaLabel}\n      />\n    );\n  }, [attr.title, childrenArray, title, description, onClose, closeButtonAriaLabel]);\n\n  const content = useMemo(() => {\n    return (\n      childrenArray.find(isModalContent) || (\n        <ModalContent>{childrenArray.filter(child => !isModalHeader(child) && !isModalFooter(child))}</ModalContent>\n      )\n    );\n  }, [childrenArray]);\n\n  const footer = useMemo(() => {\n    return childrenArray.find(isModalFooter) || null;\n  }, [childrenArray]);\n\n  const customWidth = width !== \"default\" && width !== \"full-width\";\n\n  const dialog = (\n    <LayerProvider layerRef={{ current: instance?.$el }}>\n      <div\n        {...attr.container}\n        className={cx(styles.container, classNames.container)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL, id)}\n        style={{ \"--monday-modal-z-index\": zIndex }}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={closeIfNotAlertType}\n          className={cx(styles.overlay, classNames.overlay)}\n          data-testid={ComponentDefaultTestId.MODAL_OVERLAY}\n        />\n        <div\n          {...attr.dialog}\n          className={cx(styles.dialog, classNames.modal, {\n            [styles.default]: width === \"default\",\n            [styles.full]: width === \"full-width\",\n            [styles.spacing]: contentSpacing\n          })}\n          style={{ width: customWidth ? width : null }}\n        >\n          {header}\n          {content}\n          {footer}\n        </div>\n      </div>\n    </LayerProvider>\n  );\n\n  if (unmountOnClose && !shouldShow) {\n    return null;\n  }\n  return isClient() ? ReactDOM.createPortal(dialog, document.body) : null;\n};\n\ninterface LegacyModalStaticProps {\n  width: typeof ModalWidthEnum;\n}\n\nexport default withStaticProps<LegacyModalProps, LegacyModalStaticProps>(Modal, {\n  width: ModalWidthEnum\n});\n"],"names":["withStaticProps","_ref","_ref$classNames","classNames","container","overlay","modal","id","show","_ref$title","title","_ref$description","description","_ref$onClose","onClose","NOOP","_ref$alertDialog","alertDialog","children","triggerElement","_ref$width","width","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$contentSpacing","contentSpacing","_ref$zIndex","zIndex","_ref$unmountOnClose","unmountOnClose","dataTestId","childrenArray","useMemo","React","Children","toArray","validateTitleProp","_useA11yDialog","useA11yDialog","_useA11yDialog2","_slicedToArray","instance","attr","closeIfNotAlertType","useCallback","useBodyScrollLock","shouldShow","useShowHideModal","header","find","isModalHeader","cloneElement","closeModal","createElement","ModalHeader","content","isModalContent","ModalContent","filter","child","isModalFooter","footer","customWidth","dialog","LayerProvider","layerRef","current","$el","Object","assign","className","cx","styles","getTestId","ComponentDefaultTestId","MODAL","style","onClick","MODAL_OVERLAY","_defineProperty","default","full","spacing","isClient","ReactDOM","createPortal","document","body","ModalWidthEnum"],"mappings":"2+BAyFA,IAsHeA,EAAAA,GAtHD,SAAHC,GAgBY,IAAAC,EAAAD,EAfrBE,WAAAA,OAAa,IAAHD,EAAG,CAAEE,UAAW,GAAIC,QAAS,GAAIC,MAAO,IAAIJ,EACtDK,EAAEN,EAAFM,GACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACVW,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAChBa,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAf,EACdgB,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAQjB,EAARiB,SACAC,EAAclB,EAAdkB,eAAcC,EAAAnB,EACdoB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAArB,EACjBsB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAvB,EAC9BwB,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAzB,EACtB0B,OAAAA,OAAS,IAAHD,EAAG,IAAKA,EAAAE,EAAA3B,EACd4B,eAAAA,OAAiB,IAAHD,GAAOA,EACNE,EAAU7B,EAAzB,eAEM8B,EAAgCC,GACpC,WAAA,OAAOd,EAAYe,EAAMC,SAASC,QAAQjB,GAA+B,EAAE,GAC3E,CAACA,IAEHkB,EAAkB1B,EAAOqB,GAEzB,IAAAM,EAAyBC,EAAc,CACrC/B,GAAAA,EACAU,YAAAA,IACAsB,EAAAC,EAAAH,EAAA,GAHKI,EAAQF,EAAA,GAAEG,EAAIH,EAAA,GAKfI,GAAsBC,GAAY,WACjC3B,GACHH,SAAAA,GAEJ,GAAG,CAACG,EAAaH,IAGjB+B,EAAkB,CAAEJ,SAAAA,IAGpB,IAAQK,GAAeC,EAAiB,CACtCN,SAAAA,EACAjC,KAAAA,EACAW,eAAAA,EACAL,QAAAA,EACAG,YAAAA,IALM6B,WAQFE,GAAShB,GAAQ,WACrB,IAAQzB,EAAOmC,EAAKhC,MAAZH,GACFyC,EAASjB,EAAckB,KAAKC,GAClC,OAAIF,EACKG,EAAaH,EAAQ,CAAEzC,GAAAA,EAAI6C,WAAYtC,IAG9CmB,EAACoB,cAAAC,EACC,CAAA5C,MAAOA,EACPE,YAAaA,EACbwC,WAAYtC,EACZP,GAAIA,EACJgB,qBAAsBA,GAG5B,GAAG,CAACmB,EAAKhC,MAAOqB,EAAerB,EAAOE,EAAaE,EAASS,IAEtDgC,GAAUvB,GAAQ,WACtB,OACED,EAAckB,KAAKO,IACjBvB,gBAACwB,EAAY,KAAE1B,EAAc2B,QAAO,SAAAC,GAAK,OAAKT,EAAcS,KAAWC,EAAcD,EAAM,IAGjG,GAAG,CAAC5B,IAEE8B,GAAS7B,GAAQ,WACrB,OAAOD,EAAckB,KAAKW,IAAkB,IAC9C,GAAG,CAAC7B,IAEE+B,GAAwB,YAAVzC,GAAiC,eAAVA,EAErC0C,GACJ9B,gBAAC+B,EAAa,CAACC,SAAU,CAAEC,QAASzB,eAAAA,EAAU0B,MAC5ClC,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,EAAKtC,UAAS,CAClBkE,UAAWC,EAAGC,EAAOpE,UAAWD,EAAWC,WAAU,cACxC0B,GAAc2C,EAAUC,EAAuBC,MAAOpE,GACnEqE,MAAO,CAAE,yBAA0BjD,KAGnCM,EACEoB,cAAA,MAAA,CAAAwB,QAASlC,GACT2B,UAAWC,EAAGC,EAAOnE,QAASF,EAAWE,uBAC5BqE,EAAuBI,gBAEtC7C,EAAAoB,cAAA,MAAAe,OAAAC,OAAA,CAAA,EACM3B,EAAKqB,OAAM,CACfO,UAAWC,EAAGC,EAAOT,OAAQ5D,EAAWG,MAAKyE,EAAAA,EAAAA,KAC1CP,EAAOQ,QAAoB,YAAV3D,GACjBmD,EAAOS,KAAiB,eAAV5D,GACdmD,EAAOU,QAAUzD,IAEpBmD,MAAO,CAAEvD,MAAOyC,GAAczC,EAAQ,QAErC2B,GACAO,GACAM,MAMT,OAAIhC,IAAmBiB,GACd,KAEFqC,IAAaC,EAASC,aAAatB,GAAQuB,SAASC,MAAQ,IACrE,GAMgF,CAC9ElE,MAAOmE"}

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

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

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

@@ -1,2 +1,2 @@
-var e={container:"container_651b3e831b"};!function(e){const n="s_id-40a1f8a37338_3_36_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_651b3e831b {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_651b3e831b::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_651b3e831b::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={container:"container_2986cd4ae8"};!function(e){const n="s_id-40a1f8a37338_3_37_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_2986cd4ae8 {\n  flex-grow: 1;\n  overflow: auto;\n}\n.container_2986cd4ae8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.container_2986cd4ae8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalContent.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={container:"container_7ff81c59db"};!function(e){const t="s_id-9ff7e713f88b_3_36_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)}(".container_7ff81c59db {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
+var e={container:"container_1f369e69b7"};!function(e){const t="s_id-9ff7e713f88b_3_37_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_1f369e69b7 {\n  margin-block-start: var(--spacing-large);\n}");export{e as default};
 //# sourceMappingURL=LegacyModalFooter.module.scss.js.map

package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyModalFooterButtons.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport VibeComponentProps from \"../../../../types/VibeComponentProps\";\nimport VibeComponent from \"../../../../types/VibeComponent\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport Flex from \"../../../Flex/Flex\";\nimport Button from \"../../../Button/Button\";\nimport LegacyModalFooter from \"../LegacyModalFooter\";\n\nexport interface LegacyModalFooterButtonsProps extends VibeComponentProps {\n  primaryButtonText: string;\n  secondaryButtonText?: string;\n  disablePrimaryButton?: boolean;\n  onPrimaryButtonClick?: () => void;\n  onSecondaryButtonClick?: () => void;\n}\n\nconst LegacyModalFooterButtons: VibeComponent<LegacyModalFooterButtonsProps> = forwardRef(\n  (\n    {\n      primaryButtonText,\n      secondaryButtonText,\n      disablePrimaryButton,\n      onPrimaryButtonClick,\n      onSecondaryButtonClick,\n      className,\n      id,\n      \"data-testid\": dataTestId\n    }: LegacyModalFooterButtonsProps,\n    // As ModalFooter does not currently forward refs\n    // eslint-disable-next-line\n    ref\n  ) => {\n    return (\n      <LegacyModalFooter\n        id={id}\n        className={className}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_FOOTER_BUTTONS, id)}\n      >\n        <Flex justify=\"end\" gap=\"small\">\n          {secondaryButtonText && (\n            <Button onClick={onSecondaryButtonClick} kind=\"tertiary\">\n              {secondaryButtonText}\n            </Button>\n          )}\n          <Button onClick={onPrimaryButtonClick} disabled={disablePrimaryButton}>\n            {primaryButtonText}\n          </Button>\n        </Flex>\n      </LegacyModalFooter>\n    );\n  }\n);\n\nObject.assign(LegacyModalFooterButtons, {\n  displayName: \"ModalFooterButtons\"\n});\n\nexport default LegacyModalFooterButtons;\n"],"names":["LegacyModalFooterButtons","forwardRef","_ref","ref","primaryButtonText","secondaryButtonText","disablePrimaryButton","onPrimaryButtonClick","onSecondaryButtonClick","id","React","LegacyModalFooter","className","getTestId","ComponentDefaultTestId","MODAL_FOOTER_BUTTONS","createElement","Flex","justify","gap","Button","onClick","kind","disabled","Object","assign","displayName"],"mappings":"4RAiBA,IAAMA,EAAyEC,GAC7E,SAAAC,EAaEC,GACE,IAZAC,EAAiBF,EAAjBE,kBACAC,EAAmBH,EAAnBG,oBACAC,EAAoBJ,EAApBI,qBACAC,EAAoBL,EAApBK,qBACAC,EAAsBN,EAAtBM,uBAEAC,EAAEP,EAAFO,GAOF,OACEC,gBAACC,EAAiB,CAChBF,GAAIA,EACJG,UAXOV,EAATU,UAYe,cAVUV,EAAzB,gBAU6BW,EAAUC,EAAuBC,qBAAsBN,IAElFC,EAACM,cAAAC,GAAKC,QAAQ,MAAMC,IAAI,SACrBd,GACCK,EAACM,cAAAI,GAAOC,QAASb,EAAwBc,KAAK,YAC3CjB,GAGLK,EAAAM,cAACI,EAAM,CAACC,QAASd,EAAsBgB,SAAUjB,GAC9CF,IAKX,IAGFoB,OAAOC,OAAOzB,EAA0B,CACtC0B,YAAa"}
+{"version":3,"file":"LegacyModalFooterButtons.js","sources":["../../../../../../src/components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { VibeComponentProps } from \"../../../../types\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\nimport Flex from \"../../../Flex/Flex\";\nimport Button from \"../../../Button/Button\";\nimport LegacyModalFooter from \"../LegacyModalFooter\";\n\nexport interface LegacyModalFooterButtonsProps extends VibeComponentProps {\n  primaryButtonText: string;\n  secondaryButtonText?: string;\n  disablePrimaryButton?: boolean;\n  onPrimaryButtonClick?: () => void;\n  onSecondaryButtonClick?: () => void;\n}\n\nconst LegacyModalFooterButtons = forwardRef(\n  (\n    {\n      primaryButtonText,\n      secondaryButtonText,\n      disablePrimaryButton,\n      onPrimaryButtonClick,\n      onSecondaryButtonClick,\n      className,\n      id,\n      \"data-testid\": dataTestId\n    }: LegacyModalFooterButtonsProps,\n    // As ModalFooter does not currently forward refs\n    // eslint-disable-next-line\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <LegacyModalFooter\n        id={id}\n        className={className}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_FOOTER_BUTTONS, id)}\n      >\n        <Flex justify=\"end\" gap=\"small\">\n          {secondaryButtonText && (\n            <Button onClick={onSecondaryButtonClick} kind=\"tertiary\">\n              {secondaryButtonText}\n            </Button>\n          )}\n          <Button onClick={onPrimaryButtonClick} disabled={disablePrimaryButton}>\n            {primaryButtonText}\n          </Button>\n        </Flex>\n      </LegacyModalFooter>\n    );\n  }\n);\n\nObject.assign(LegacyModalFooterButtons, {\n  displayName: \"ModalFooterButtons\"\n});\n\nexport default LegacyModalFooterButtons;\n"],"names":["LegacyModalFooterButtons","forwardRef","_ref","ref","primaryButtonText","secondaryButtonText","disablePrimaryButton","onPrimaryButtonClick","onSecondaryButtonClick","id","React","LegacyModalFooter","className","getTestId","ComponentDefaultTestId","MODAL_FOOTER_BUTTONS","createElement","Flex","justify","gap","Button","onClick","kind","disabled","Object","assign","displayName"],"mappings":"4RAgBA,IAAMA,EAA2BC,GAC/B,SAAAC,EAaEC,GACE,IAZAC,EAAiBF,EAAjBE,kBACAC,EAAmBH,EAAnBG,oBACAC,EAAoBJ,EAApBI,qBACAC,EAAoBL,EAApBK,qBACAC,EAAsBN,EAAtBM,uBAEAC,EAAEP,EAAFO,GAOF,OACEC,gBAACC,EAAiB,CAChBF,GAAIA,EACJG,UAXOV,EAATU,UAYe,cAVUV,EAAzB,gBAU6BW,EAAUC,EAAuBC,qBAAsBN,IAElFC,EAACM,cAAAC,GAAKC,QAAQ,MAAMC,IAAI,SACrBd,GACCK,EAACM,cAAAI,GAAOC,QAASb,EAAwBc,KAAK,YAC3CjB,GAGLK,EAAAM,cAACI,EAAM,CAACC,QAASd,EAAsBgB,SAAUjB,GAC9CF,IAKX,IAGFoB,OAAOC,OAAOzB,EAA0B,CACtC0B,YAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { ElementContent } from \"src/types/ElementContent\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./LegacyModalHeader.module.scss\";\nimport { SubIcon } from \"../../../types/SubIcon\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n  /**\n   * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n   */\n  description?: ElementContent;\n  /**\n   * Icon to be rendered before the title\n   */\n  // icon?: string | React.FunctionComponent<IconSubComponentProps> | null;\n  icon?: SubIcon;\n  /**\n   * Class name for the title\n   */\n  titleClassName?: string;\n  /**\n   * closes the Modal. No need to provide it, it is being provided by the modal\n   */\n  closeModal?: () => void;\n  /**\n   * Class name for the description\n   */\n  descriptionClassName?: string;\n  /**\n   * Size of the icon\n   */\n  iconSize?: number;\n  /**\n   * class name for the icon\n   */\n  iconClassName?: string;\n  /**\n   * Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n  title: ElementContent;\n  children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n  title?: never;\n  children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle | LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader: FC<LegacyModalHeaderProps> = ({\n  className,\n  title,\n  children,\n  titleClassName,\n  description = \"\",\n  descriptionClassName,\n  icon,\n  closeModal = NOOP,\n  iconSize = 24,\n  iconClassName,\n  closeButtonAriaLabel = \"close\",\n  id,\n  \"data-testid\": dataTestId\n}) => {\n  return (\n    <div\n      className={cx(styles.container, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n          {icon && (\n            <Icon\n              className={cx(styles.icon, iconClassName)}\n              icon={icon}\n              iconType=\"svg\"\n              iconSize={iconSize}\n              ignoreFocusStyle\n            />\n          )}\n          <Heading id={id} maxLines={2}>\n            {title}\n          </Heading>\n        </Flex>\n      )}\n      {description && (\n        <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n          {description}\n        </Text>\n      )}\n\n      <div className={cx(styles.closeButton)}>\n        <IconButton\n          key=\"xxs\"\n          onClick={closeModal}\n          ariaLabel={closeButtonAriaLabel}\n          icon={CloseSmall}\n          kind=\"tertiary\"\n          size=\"small\"\n        />\n      </div>\n    </div>\n  );\n};\n\nObject.assign(LegacyModalHeader, {\n  displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"0gBAgEA,IAAMA,EAAgD,SAA/BC,GAclB,IAZHC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}
+{"version":3,"file":"LegacyModalHeader.js","sources":["../../../../../src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport IconButton from \"../../IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport Icon from \"../../Icon/Icon\";\nimport { SubIcon, ElementContent, VibeComponentProps } from \"../../../types\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport Text from \"../../Text/Text\";\nimport Heading from \"../../Heading/Heading\";\nimport Flex from \"../../Flex/Flex\";\nimport styles from \"./LegacyModalHeader.module.scss\";\n\ninterface BaseLegacyModalHeaderProps extends VibeComponentProps {\n  /**\n   * Description of the modal - pure string description is a recommended standard, use JSX ability only if there is a need to add links\n   */\n  description?: ElementContent;\n  /**\n   * Icon to be rendered before the title\n   */\n  // icon?: string | React.FunctionComponent<IconSubComponentProps> | null;\n  icon?: SubIcon;\n  /**\n   * Class name for the title\n   */\n  titleClassName?: string;\n  /**\n   * closes the Modal. No need to provide it, it is being provided by the modal\n   */\n  closeModal?: () => void;\n  /**\n   * Class name for the description\n   */\n  descriptionClassName?: string;\n  /**\n   * Size of the icon\n   */\n  iconSize?: number;\n  /**\n   * class name for the icon\n   */\n  iconClassName?: string;\n  /**\n   * Aria label for the close button\n   */\n  closeButtonAriaLabel?: string;\n}\n\ninterface LegacyModalHeaderWithOnlyTitle extends BaseLegacyModalHeaderProps {\n  title: ElementContent;\n  children?: never;\n}\n\ninterface LegacyModalHeaderWithOnlyChildren extends BaseLegacyModalHeaderProps {\n  title?: never;\n  children: ElementContent;\n}\n\nexport type LegacyModalHeaderProps = LegacyModalHeaderWithOnlyTitle | LegacyModalHeaderWithOnlyChildren;\n\nconst LegacyModalHeader = ({\n  className,\n  title,\n  children,\n  titleClassName,\n  description = \"\",\n  descriptionClassName,\n  icon,\n  closeModal = NOOP,\n  iconSize = 24,\n  iconClassName,\n  closeButtonAriaLabel = \"close\",\n  id,\n  \"data-testid\": dataTestId\n}: LegacyModalHeaderProps) => {\n  return (\n    <div\n      className={cx(styles.container, className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.MODAL_HEADER, id)}\n    >\n      {children ? (\n        children\n      ) : (\n        <Flex align=\"start\" gap=\"small\" className={titleClassName}>\n          {icon && (\n            <Icon\n              className={cx(styles.icon, iconClassName)}\n              icon={icon}\n              iconType=\"svg\"\n              iconSize={iconSize}\n              ignoreFocusStyle\n            />\n          )}\n          <Heading id={id} maxLines={2}>\n            {title}\n          </Heading>\n        </Flex>\n      )}\n      {description && (\n        <Text type=\"text2\" maxLines={2} className={cx(styles.description, descriptionClassName)}>\n          {description}\n        </Text>\n      )}\n\n      <div className={cx(styles.closeButton)}>\n        <IconButton\n          key=\"xxs\"\n          onClick={closeModal}\n          ariaLabel={closeButtonAriaLabel}\n          icon={CloseSmall}\n          kind=\"tertiary\"\n          size=\"small\"\n        />\n      </div>\n    </div>\n  );\n};\n\nObject.assign(LegacyModalHeader, {\n  displayName: \"ModalHeader\"\n});\n\nexport default LegacyModalHeader;\n"],"names":["LegacyModalHeader","_ref","title","children","titleClassName","_ref$description","description","descriptionClassName","icon","_ref$closeModal","closeModal","NOOP","_ref$iconSize","iconSize","iconClassName","_ref$closeButtonAriaL","closeButtonAriaLabel","id","dataTestId","React","className","cx","styles","container","getTestId","ComponentDefaultTestId","MODAL_HEADER","createElement","Flex","align","gap","Icon","iconType","ignoreFocusStyle","Heading","maxLines","Text","type","closeButton","IconButton","key","onClick","ariaLabel","CloseSmall","kind","size","Object","assign","displayName"],"mappings":"0gBA8DA,IAAMA,EAAoB,SAAHC,GAcM,IAZ3BC,EAAKD,EAALC,MACAC,EAAQF,EAARE,SACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAChBE,EAAoBN,EAApBM,qBACAC,EAAIP,EAAJO,KAAIC,EAAAR,EACJS,WAAAA,OAAaC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAX,EACjBY,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EACbE,EAAab,EAAba,cAAaC,EAAAd,EACbe,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAC9BE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAEA,OACEkB,uBACEC,UAAWC,EAAGC,EAAOC,UAhBhBtB,EAATmB,WAiBiB,cAAAF,GAAcM,EAAUC,EAAuBC,aAAcT,IAEzEd,GAGCgB,EAAAQ,cAACC,EAAK,CAAAC,MAAM,QAAQC,IAAI,QAAQV,UAAWhB,GACxCI,GACCW,EAACQ,cAAAI,EACC,CAAAX,UAAWC,EAAGC,EAAOd,KAAMM,GAC3BN,KAAMA,EACNwB,SAAS,MACTnB,SAAUA,EACVoB,sBAGJd,EAAAQ,cAACO,EAAO,CAACjB,GAAIA,EAAIkB,SAAU,GACxBjC,IAINI,GACCa,EAAAQ,cAACS,EAAI,CAACC,KAAK,QAAQF,SAAU,EAAGf,UAAWC,EAAGC,EAAOhB,YAAaC,IAC/DD,GAILa,EAAAQ,cAAA,MAAA,CAAKP,UAAWC,EAAGC,EAAOgB,cACxBnB,EAAAQ,cAACY,EAAU,CACTC,IAAI,MACJC,QAAS/B,EACTgC,UAAW1B,EACXR,KAAMmC,EACNC,KAAK,WACLC,KAAK,WAKf,EAEAC,OAAOC,OAAO/C,EAAmB,CAC/BgD,YAAa"}

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

@@ -1,2 +1,2 @@
-var n={container:"container_bd1161dc1b",icon:"icon_409f293d96",description:"description_aef9baeb29",closeButton:"closeButton_3375938250"};!function(n){const e="s_id-f34f7b91e8f3_3_36_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_bd1161dc1b {\n  margin-block-start: var(--spacing-medium);\n}\n.container_bd1161dc1b .icon_409f293d96 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_bd1161dc1b .description_aef9baeb29 {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_bd1161dc1b .closeButton_3375938250 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{n as default};
+var e={container:"container_b5017ca654",icon:"icon_5fe7887312",description:"description_926ce79ecf",closeButton:"closeButton_492088dc48"};!function(e){const n="s_id-f34f7b91e8f3_3_37_0";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)}(".container_b5017ca654 {\n  margin-block-start: var(--spacing-medium);\n}\n.container_b5017ca654 .icon_5fe7887312 {\n  margin-top: var(--spacing-xs);\n  flex-shrink: 0;\n  color: var(--primary-text-color);\n}\n.container_b5017ca654 .description_926ce79ecf {\n  margin-block-start: var(--spacing-small);\n  color: var(--secondary-text-color);\n}\n.container_b5017ca654 .closeButton_492088dc48 {\n  position: absolute;\n  right: 20px;\n  top: 20px;\n}");export{e as default};
 //# sourceMappingURL=LegacyModalHeader.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { LinkColor, LinkIconPosition, LinkTarget } from \"./Link.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface LinkProps extends VibeComponentProps {\n  /**\n   * Class name applied to the link text.\n   */\n  textClassName?: string;\n  /**\n   * The URL the link points to.\n   */\n  href?: string;\n  /**\n   * The text content of the link.\n   */\n  text?: string;\n  /**\n   * Specifies the relationship between the current document and the linked resource.\n   */\n  rel?: string;\n  /**\n   * Callback fired when the link is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Specifies where to open the linked document.\n   */\n  target?: LinkTarget;\n  /**\n   * The ARIA label description for accessibility.\n   */\n  ariaLabelDescription?: string;\n  /**\n   * The ID of the element that describes this link.\n   */\n  ariaDescribedby?: string;\n  /**\n   * The ID of the element labeling this link.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Icon displayed next to the link text.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconPosition?: LinkIconPosition;\n  /**\n   * If true, disables navigation when the link is clicked.\n   */\n  disableNavigation?: boolean;\n  /**\n   * If true, the link inherits the surrounding text's font size.\n   */\n  inheritFontSize?: boolean;\n  /**\n   * If true, the link is styled to fit within inline text content.\n   */\n  inlineText?: boolean;\n  /** The link's color style */\n  color?: LinkColor;\n}\n\nconst Link: VibeComponent<LinkProps, HTMLAnchorElement> & {\n  targets?: typeof LinkTargetEnum;\n  iconPositions?: typeof IconPositionEnum;\n  position?: typeof IconPositionEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      textClassName,\n      href = \"\",\n      text = \"\",\n      rel = \"noreferrer\",\n      onClick = NOOP,\n      target = \"_blank\",\n      ariaLabelDescription = \"\",\n      color = \"primary\",\n      ariaDescribedby = \"\",\n      icon = \"\",\n      iconPosition = \"start\",\n      id = \"\",\n      ariaLabeledBy = \"\",\n      disableNavigation = false,\n      inheritFontSize = false,\n      inlineText = false,\n      \"data-testid\": dataTestId\n    }: LinkProps,\n    ref: React.ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const isStart = iconPosition === \"start\";\n\n    const onClickWrapper = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (disableNavigation) {\n          e.preventDefault();\n        }\n        onClick && onClick(e);\n      },\n      [disableNavigation, onClick]\n    );\n\n    return (\n      <a\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINK, id)}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n          [styles.inheritFontSize]: inheritFontSize,\n          [styles.inlineText]: inlineText\n        })}\n        aria-label={ariaLabelDescription}\n        aria-describedby={ariaDescribedby}\n        aria-labelledby={ariaLabeledBy}\n      >\n        {getIcon(isStart, icon, cx(styles.iconStart))}\n        <span className={cx(styles.text, textClassName)}>{text}</span>\n        {getIcon(!isStart, icon, cx(styles.iconEnd))}\n      </a>\n    );\n  }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string | React.FunctionComponent | null, className: string) {\n  if (!shouldShow) return;\n  return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\nexport default withStaticProps(Link, {\n  position: IconPositionEnum,\n  iconPositions: IconPositionEnum,\n  targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"4nBA0IA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAEA,IAAeC,EAAAA,EAlEXC,GACF,SAAAC,EAqBEC,GACE,IApBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EACHE,EAAUjC,EAAzB,eAIIkC,EAA2B,gBAVhB,IAAHb,EAAG,QAAOA,GAYlBc,EAAiBC,GACrB,SAACC,GACKT,GACFS,EAAEC,iBAEJ5B,GAAWA,EAAQ2B,EACrB,GACA,CAACT,EAAmBlB,IAGtB,OACEhB,EACeC,cAAA,IAAA,CAAA,cAAAsC,GAAcM,EAAUC,EAAuBC,KAAMjB,GAClEA,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAASyB,EACTtB,OAAQA,EACRpB,UAAWiD,EAAGC,EAAOC,KAAMnD,EAAWoD,EAASF,EAAQG,EAAU,SAAW7B,IAAO8B,EAAAA,EAAA,CAAA,EAChFJ,EAAOb,gBAAkBA,GACzBa,EAAOX,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ4C,EAAS1C,EAAMkD,EAAGC,EAAOK,YAClCtD,EAAAC,cAAA,OAAA,CAAMF,UAAWiD,EAAGC,EAAOrC,KAAMJ,IAAiBI,GACjDhB,GAAS4C,EAAS1C,EAAMkD,EAAGC,EAAOM,UAGzC,IAQmC,CACnCC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}
+{"version":3,"file":"Link.js","sources":["../../../../src/components/Link/Link.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useCallback } from \"react\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../Icon/Icon\";\nimport { IconPosition as IconPositionEnum, LinkTarget as LinkTargetEnum } from \"./LinkConsts\";\nimport { LinkColor, LinkIconPosition, LinkTarget } from \"./Link.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport styles from \"./Link.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface LinkProps extends VibeComponentProps {\n  /**\n   * Class name applied to the link text.\n   */\n  textClassName?: string;\n  /**\n   * The URL the link points to.\n   */\n  href?: string;\n  /**\n   * The text content of the link.\n   */\n  text?: string;\n  /**\n   * Specifies the relationship between the current document and the linked resource.\n   */\n  rel?: string;\n  /**\n   * Callback fired when the link is clicked.\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Specifies where to open the linked document.\n   */\n  target?: LinkTarget;\n  /**\n   * The ARIA label description for accessibility.\n   */\n  ariaLabelDescription?: string;\n  /**\n   * The ID of the element that describes this link.\n   */\n  ariaDescribedby?: string;\n  /**\n   * The ID of the element labeling this link.\n   */\n  ariaLabeledBy?: string;\n  /**\n   * Icon displayed next to the link text.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon relative to the text.\n   */\n  iconPosition?: LinkIconPosition;\n  /**\n   * If true, disables navigation when the link is clicked.\n   */\n  disableNavigation?: boolean;\n  /**\n   * If true, the link inherits the surrounding text's font size.\n   */\n  inheritFontSize?: boolean;\n  /**\n   * If true, the link is styled to fit within inline text content.\n   */\n  inlineText?: boolean;\n  /** The link's color style */\n  color?: LinkColor;\n}\n\nconst Link = forwardRef(\n  (\n    {\n      className,\n      textClassName,\n      href = \"\",\n      text = \"\",\n      rel = \"noreferrer\",\n      onClick = NOOP,\n      target = \"_blank\",\n      ariaLabelDescription = \"\",\n      color = \"primary\",\n      ariaDescribedby = \"\",\n      icon = \"\",\n      iconPosition = \"start\",\n      id = \"\",\n      ariaLabeledBy = \"\",\n      disableNavigation = false,\n      inheritFontSize = false,\n      inlineText = false,\n      \"data-testid\": dataTestId\n    }: LinkProps,\n    ref: React.ForwardedRef<HTMLAnchorElement>\n  ) => {\n    const isStart = iconPosition === \"start\";\n\n    const onClickWrapper = useCallback(\n      (e: React.MouseEvent<HTMLElement>) => {\n        if (disableNavigation) {\n          e.preventDefault();\n        }\n        onClick && onClick(e);\n      },\n      [disableNavigation, onClick]\n    );\n\n    return (\n      <a\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LINK, id)}\n        id={id}\n        href={href}\n        rel={rel}\n        ref={ref}\n        onClick={onClickWrapper}\n        target={target}\n        className={cx(styles.link, className, getStyle(styles, camelCase(\"color-\" + color)), {\n          [styles.inheritFontSize]: inheritFontSize,\n          [styles.inlineText]: inlineText\n        })}\n        aria-label={ariaLabelDescription}\n        aria-describedby={ariaDescribedby}\n        aria-labelledby={ariaLabeledBy}\n      >\n        {getIcon(isStart, icon, cx(styles.iconStart))}\n        <span className={cx(styles.text, textClassName)}>{text}</span>\n        {getIcon(!isStart, icon, cx(styles.iconEnd))}\n      </a>\n    );\n  }\n);\n\nfunction getIcon(shouldShow: boolean, icon: string | React.FunctionComponent | null, className: string) {\n  if (!shouldShow) return;\n  return <Icon className={className} icon={icon} iconType=\"font\" />;\n}\n\ninterface LinkStaticProps {\n  targets: typeof LinkTargetEnum;\n  iconPositions: typeof IconPositionEnum;\n  position: typeof IconPositionEnum;\n}\n\nexport default withStaticProps<LinkProps, LinkStaticProps>(Link, {\n  position: IconPositionEnum,\n  iconPositions: IconPositionEnum,\n  targets: LinkTargetEnum\n});\n"],"names":["getIcon","shouldShow","icon","className","React","createElement","Icon","iconType","withStaticProps","forwardRef","_ref","ref","textClassName","_ref$href","href","_ref$text","text","_ref$rel","rel","_ref$onClick","onClick","NOOP","_ref$target","target","_ref$ariaLabelDescrip","ariaLabelDescription","_ref$color","color","_ref$ariaDescribedby","ariaDescribedby","_ref$icon","_ref$iconPosition","iconPosition","_ref$id","id","_ref$ariaLabeledBy","ariaLabeledBy","_ref$disableNavigatio","disableNavigation","_ref$inheritFontSize","inheritFontSize","_ref$inlineText","inlineText","dataTestId","isStart","onClickWrapper","useCallback","e","preventDefault","getTestId","ComponentDefaultTestId","LINK","cx","styles","link","getStyle","camelCase","_defineProperty","iconStart","iconEnd","position","IconPositionEnum","iconPositions","targets","LinkTargetEnum"],"mappings":"4nBAsIA,SAASA,EAAQC,EAAqBC,EAA+CC,GACnF,GAAKF,EACL,OAAOG,EAACC,cAAAC,EAAK,CAAAH,UAAWA,EAAWD,KAAMA,EAAMK,SAAS,QAC1D,CAQA,IAAeC,EAAAA,EAxEFC,GACX,SAAAC,EAqBEC,GACE,IApBAR,EAASO,EAATP,UACAS,EAAaF,EAAbE,cAAaC,EAAAH,EACbI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACTQ,IAAAA,OAAM,IAAHD,EAAG,aAAYA,EAAAE,EAAAT,EAClBU,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAZ,EACda,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAAE,EAAAd,EACjBe,qBAAAA,OAAuB,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACzBiB,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAlB,EACjBmB,gBAAAA,OAAkB,IAAHD,EAAG,GAAEA,EAAAE,EAAApB,EACpBR,KAAAA,OAAO,IAAH4B,EAAG,GAAEA,EAAAC,EAAArB,EACTsB,aAAsBC,EAAAvB,EACtBwB,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAzB,EACP0B,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAA3B,EAClB4B,kBAAAA,OAAoB,IAAHD,GAAQA,EAAAE,EAAA7B,EACzB8B,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAA/B,EACvBgC,WAAAA,OAAa,IAAHD,GAAQA,EACHE,EAAUjC,EAAzB,eAIIkC,EAA2B,gBAVhB,IAAHb,EAAG,QAAOA,GAYlBc,EAAiBC,GACrB,SAACC,GACKT,GACFS,EAAEC,iBAEJ5B,GAAWA,EAAQ2B,EACrB,GACA,CAACT,EAAmBlB,IAGtB,OACEhB,EACeC,cAAA,IAAA,CAAA,cAAAsC,GAAcM,EAAUC,EAAuBC,KAAMjB,GAClEA,GAAIA,EACJpB,KAAMA,EACNI,IAAKA,EACLP,IAAKA,EACLS,QAASyB,EACTtB,OAAQA,EACRpB,UAAWiD,EAAGC,EAAOC,KAAMnD,EAAWoD,EAASF,EAAQG,EAAU,SAAW7B,IAAO8B,EAAAA,EAAA,CAAA,EAChFJ,EAAOb,gBAAkBA,GACzBa,EAAOX,WAAaA,IAEX,aAAAjB,EACM,mBAAAI,oBACDO,GAEhBpC,EAAQ4C,EAAS1C,EAAMkD,EAAGC,EAAOK,YAClCtD,EAAAC,cAAA,OAAA,CAAMF,UAAWiD,EAAGC,EAAOrC,KAAMJ,IAAiBI,GACjDhB,GAAS4C,EAAS1C,EAAMkD,EAAGC,EAAOM,UAGzC,IAc+D,CAC/DC,SAAUC,EACVC,cAAeD,EACfE,QAASC"}

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

@@ -1,2 +1,2 @@
-var n={link:"link_46dbad2b5f","focus-visible":"focus-visible_b16f0a68d0",colorOnPrimary:"colorOnPrimary_6fd20e94c5",colorOnInverted:"colorOnInverted_62f2b82e20",text:"text_16b0124ed0",inlineText:"inlineText_400e61c47a",inheritFontSize:"inheritFontSize_883dbb934e",iconStart:"iconStart_60c82cbac6",iconEnd:"iconEnd_3fa1d21ce9"};!function(n){const e="s_id-6fcc93dacbaa_3_36_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".link_46dbad2b5f {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_46dbad2b5f:focus-visible, .link_46dbad2b5f.focus-visible_b16f0a68d0 {\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.link_46dbad2b5f:focus:not(.focus-visible_b16f0a68d0) {\n  outline: none;\n}\n.link_46dbad2b5f.colorOnPrimary_6fd20e94c5 {\n  color: var(--text-color-on-primary);\n}\n.link_46dbad2b5f.colorOnInverted_62f2b82e20 {\n  color: var(--text-color-on-inverted);\n}\n.link_46dbad2b5f:hover .text_16b0124ed0 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_46dbad2b5f.inlineText_400e61c47a {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_46dbad2b5f.inheritFontSize_883dbb934e {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_60c82cbac6 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_3fa1d21ce9 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_60c82cbac6 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_3fa1d21ce9 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_c6508c6b44","focus-visible":"focus-visible_392b3754d5",colorOnPrimary:"colorOnPrimary_6524ac10c7",colorOnInverted:"colorOnInverted_fd39dabe3a",text:"text_a79b3984b3",inlineText:"inlineText_9313dccfad",inheritFontSize:"inheritFontSize_26b30f6859",iconStart:"iconStart_666f43ef20",iconEnd:"iconEnd_3c9a6ea4f6"};!function(n){const i="s_id-6fcc93dacbaa_3_37_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".link_c6508c6b44 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_c6508c6b44:focus-visible, .link_c6508c6b44.focus-visible_392b3754d5 {\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.link_c6508c6b44:focus:not(.focus-visible_392b3754d5) {\n  outline: none;\n}\n.link_c6508c6b44.colorOnPrimary_6524ac10c7 {\n  color: var(--text-color-on-primary);\n}\n.link_c6508c6b44.colorOnInverted_fd39dabe3a {\n  color: var(--text-color-on-inverted);\n}\n.link_c6508c6b44:hover .text_a79b3984b3 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_c6508c6b44.inlineText_9313dccfad {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_c6508c6b44.inheritFontSize_26b30f6859 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_666f43ef20 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_3c9a6ea4f6 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_666f43ef20 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_3c9a6ea4f6 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

package/dist/src/components/List/List.js

@@ -1,2 +1,2 @@
-import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import r,{forwardRef as i,useRef as o,useState as n,useCallback as s,useEffect as a,useMemo as l}from"react";import c from"../../hooks/useMergeRef.js";import u from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as m}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as d,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ListWrapperComponentType as v}from"./ListConstants.js";import{getTestId as b,ComponentDefaultTestId as y}from"../../tests/testIds.js";import{ListContext as j}from"./utils/ListContext.js";import{useListId as I,getListItemIndexById as L,getNextListItemIndex as x,getPrevListItemIndex as h,getListItemIdByIndex as k,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import g from"./List.module.scss.js";import{ComponentVibeId as R}from"../../tests/constants.js";var C=i((function(i,p){var v=i.className,O=i.id,P=i.component,T=void 0===P?C.components.UL:P,V=i.children,_=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],S=i.renderOnlyVisibleItems,U=void 0!==S&&S,W=i.style,z=i.role,B=void 0===z?"listbox":z,H=i["data-testid"],M=o(null),w=c(p,M),F=o([]),K=I(O),q=n(0),G=t(q,2),J=G[0],Q=G[1],X=T,Y=s((function(t){var e;Q(L(F,t)),null===(e=null==M?void 0:M.current)||void 0===e||e.setAttribute("aria-activedescendant",t)}),[]),Z=s((function(t){if(!U){t.preventDefault();var e=t.key===d.UP_ARROW,r=void 0;t.key===d.DOWN_ARROW&&F.current.length>J+1?r=x(J,F):e&&J>0&&(r=h(J,F)),void 0!==r&&(Y(k(F,r)),F.current[r].focus())}}),[J,U,Y]);u({keys:f,callback:Z,ref:M}),a((function(){var t=F.current.findIndex((function(t){return t instanceof HTMLElement&&A(t)&&"true"===(null==t?void 0:t.getAttribute("aria-selected"))}));if(-1!==t)Y(k(F,t));else{var e=F.current.findIndex((function(t){return A(t)}));-1!==e&&Y(k(F,e))}}),[Y]);var $=l((function(){var t=Array.isArray(V)?V:[V];return U?t=r.createElement(m,null,t):(F.current=F.current.slice(0,t.length),t=r.Children.map(t,(function(t,e){if(!r.isValidElement(t))return t;var i=t.props.id||"".concat(K,"-item-").concat(e),o=F.current[e],n=null==o||A(o);return r.cloneElement(t,{ref:function(t){return F.current[e]=t},tabIndex:J===e&&n?0:-1,id:i,component:E(T),role:t.props.role})}))),t}),[V,T,J,K,U]);return r.createElement(j.Provider,{value:{updateFocusedItem:Y}},r.createElement(X,{"data-testid":H||b(y.LIST,O),"data-vibe":R.LIST,ref:w,style:W,className:e(g.list,v),id:K,"aria-label":_,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:B},$))})),O=p(C,{components:v});export{O as default};
+import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import r,{forwardRef as i,useRef as o,useState as s,useCallback as n,useEffect as a,useMemo as l}from"react";import c from"../../hooks/useMergeRef.js";import u from"../../hooks/useKeyEvent/index.js";import{VirtualizedListItems as m}from"./VirtualizedListItems/VirtualizedListItems.js";import{keyCodes as d,UP_DOWN_ARROWS as f}from"../../constants/keyCodes.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{ListWrapperComponentType as v}from"./ListConstants.js";import{getTestId as b,ComponentDefaultTestId as y}from"../../tests/testIds.js";import{ListContext as j}from"./utils/ListContext.js";import{useListId as I,getListItemIndexById as L,getNextListItemIndex as x,getPrevListItemIndex as h,getListItemIdByIndex as k,isListItem as A,getListItemComponentType as E}from"./utils/ListUtils.js";import g from"./List.module.scss.js";import{ComponentVibeId as R}from"../../tests/constants.js";var C=p(i((function(i,p){var C=i.className,O=i.id,P=i.component,T=void 0===P?v.UL:P,V=i.children,_=i.ariaLabel,D=i.ariaDescribedBy,N=i["aria-controls"],S=i.renderOnlyVisibleItems,U=void 0!==S&&S,W=i.style,z=i.role,B=void 0===z?"listbox":z,H=i["data-testid"],M=o(null),w=c(p,M),F=o([]),K=I(O),q=s(0),G=t(q,2),J=G[0],Q=G[1],X=T,Y=n((function(t){var e;Q(L(F,t)),null===(e=null==M?void 0:M.current)||void 0===e||e.setAttribute("aria-activedescendant",t)}),[]),Z=n((function(t){if(!U){t.preventDefault();var e=t.key===d.UP_ARROW,r=void 0;t.key===d.DOWN_ARROW&&F.current.length>J+1?r=x(J,F):e&&J>0&&(r=h(J,F)),void 0!==r&&(Y(k(F,r)),F.current[r].focus())}}),[J,U,Y]);u({keys:f,callback:Z,ref:M}),a((function(){var t=F.current.findIndex((function(t){return t instanceof HTMLElement&&A(t)&&"true"===(null==t?void 0:t.getAttribute("aria-selected"))}));if(-1!==t)Y(k(F,t));else{var e=F.current.findIndex((function(t){return A(t)}));-1!==e&&Y(k(F,e))}}),[Y]);var $=l((function(){var t=Array.isArray(V)?V:[V];return U?t=r.createElement(m,null,t):(F.current=F.current.slice(0,t.length),t=r.Children.map(t,(function(t,e){if(!r.isValidElement(t))return t;var i=t.props.id||"".concat(K,"-item-").concat(e),o=F.current[e],s=null==o||A(o);return r.cloneElement(t,{ref:function(t){return F.current[e]=t},tabIndex:J===e&&s?0:-1,id:i,component:E(T),role:t.props.role})}))),t}),[V,T,J,K,U]);return r.createElement(j.Provider,{value:{updateFocusedItem:Y}},r.createElement(X,{"data-testid":H||b(y.LIST,O),"data-vibe":R.LIST,ref:w,style:W,className:e(g.list,C),id:K,"aria-label":_,"aria-describedby":D,"aria-controls":N,tabIndex:-1,role:B},$))})),{components:v});export{C as default};
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  AriaAttributes,\n  AriaRole,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { VibeComponent, withStaticProps, VibeComponentProps } from \"../../types\";\nimport { ListItemProps } from \"../ListItem/ListItem\";\nimport { ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n  getListItemComponentType,\n  getListItemIdByIndex,\n  getListItemIndexById,\n  getNextListItemIndex,\n  getPrevListItemIndex,\n  isListItem,\n  useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n  /**\n   * The wrapping component for the list.\n   */\n  component?: ListElement;\n  /**\n   * The ARIA label describing the list.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of an element that describes the list.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * The ID of an element controlled by the list.\n   */\n  \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n  /**\n   * The child elements inside the list.\n   */\n  children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n  /**\n   * If true, uses a virtualized list to render only visible items for performance optimization.\n   */\n  renderOnlyVisibleItems?: boolean;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ARIA role of the list.\n   */\n  role?: AriaRole;\n}\n\nconst List: VibeComponent<ListProps> & {\n  components?: typeof ListWrapperComponentTypeEnum;\n} = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = List.components.UL,\n      children,\n      ariaLabel,\n      ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      renderOnlyVisibleItems = false,\n      style,\n      role = \"listbox\",\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n    const overrideId = useListId(id);\n    const [focusIndex, setFocusIndex] = useState(0);\n    const Component = component;\n\n    const updateFocusedItem = useCallback((id: string) => {\n      setFocusIndex(getListItemIndexById(childrenRefs, id));\n      componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n    }, []);\n\n    const onUpDownArrows = useCallback(\n      (event: KeyboardEvent) => {\n        if (renderOnlyVisibleItems) {\n          return;\n        }\n        event.preventDefault();\n\n        const isUpKey = event.key === keyCodes.UP_ARROW;\n        const isDownKey = event.key === keyCodes.DOWN_ARROW;\n        let overrideFocusIndex = undefined;\n\n        if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n          overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n        } else if (isUpKey && focusIndex > 0) {\n          overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n        }\n        if (overrideFocusIndex !== undefined) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n          childrenRefs.current[overrideFocusIndex].focus();\n        }\n      },\n      [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n    );\n\n    useKeyEvent({\n      keys: UP_DOWN_ARROWS,\n      callback: onUpDownArrows,\n      ref: componentRef\n    });\n\n    useEffect(() => {\n      const selectedItemIndex = childrenRefs.current.findIndex(\n        child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n      );\n      if (selectedItemIndex !== -1) {\n        updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n      } else {\n        const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n        if (firstFocusableIndex !== -1) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n        }\n      }\n    }, [updateFocusedItem]);\n\n    const overrideChildren = useMemo(() => {\n      let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n      if (renderOnlyVisibleItems) {\n        override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n      } else {\n        childrenRefs.current = childrenRefs.current.slice(0, override.length);\n        override = React.Children.map(override, (child, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n          const currentRef = childrenRefs.current[index];\n          const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n          return React.cloneElement(child, {\n            // @ts-ignore not sure how to deal with ref here\n            ref: ref => (childrenRefs.current[index] = ref),\n            tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n            id,\n            component: getListItemComponentType(component),\n            role: (child.props as ListItemProps).role\n          });\n        });\n      }\n\n      return override;\n    }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n    return (\n      <ListContext.Provider value={{ updateFocusedItem }}>\n        <Component\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n          data-vibe={ComponentVibeId.LIST}\n          ref={mergedRef}\n          style={style}\n          className={cx(styles.list, className)}\n          id={overrideId}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-controls={ariaControls}\n          tabIndex={-1}\n          role={role}\n        >\n          {overrideChildren}\n        </Component>\n      </ListContext.Provider>\n    );\n  }\n);\n\nexport default withStaticProps(List, {\n  components: ListWrapperComponentTypeEnum\n});\n"],"names":["List","forwardRef","_ref","ref","className","id","_ref$component","component","components","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list","withStaticProps","ListWrapperComponentTypeEnum"],"mappings":"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"}
+{"version":3,"file":"List.js","sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  AriaAttributes,\n  AriaRole,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport { VirtualizedListItems } from \"./VirtualizedListItems/VirtualizedListItems\";\nimport { keyCodes, UP_DOWN_ARROWS } from \"../../constants/keyCodes\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport { ListItemProps } from \"../ListItem/ListItem\";\nimport { ListTitleProps } from \"../ListTitle/ListTitle\";\nimport { ListWrapperComponentType as ListWrapperComponentTypeEnum } from \"./ListConstants\";\nimport { ListElement } from \"./List.types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { ListContext } from \"./utils/ListContext\";\nimport {\n  getListItemComponentType,\n  getListItemIdByIndex,\n  getListItemIndexById,\n  getNextListItemIndex,\n  getPrevListItemIndex,\n  isListItem,\n  useListId\n} from \"./utils/ListUtils\";\nimport styles from \"./List.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ListProps extends VibeComponentProps {\n  /**\n   * The wrapping component for the list.\n   */\n  component?: ListElement;\n  /**\n   * The ARIA label describing the list.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of an element that describes the list.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * The ID of an element controlled by the list.\n   */\n  \"aria-controls\"?: AriaAttributes[\"aria-controls\"];\n  /**\n   * The child elements inside the list.\n   */\n  children?: ReactElement<ListItemProps | ListTitleProps> | ReactElement<ListItemProps | ListTitleProps>[];\n  /**\n   * If true, uses a virtualized list to render only visible items for performance optimization.\n   */\n  renderOnlyVisibleItems?: boolean;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ARIA role of the list.\n   */\n  role?: AriaRole;\n}\n\nconst List = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = ListWrapperComponentTypeEnum.UL,\n      children,\n      ariaLabel,\n      ariaDescribedBy,\n      \"aria-controls\": ariaControls,\n      renderOnlyVisibleItems = false,\n      style,\n      role = \"listbox\",\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const childrenRefs: React.MutableRefObject<HTMLElement[]> = useRef([]);\n\n    const overrideId = useListId(id);\n    const [focusIndex, setFocusIndex] = useState(0);\n    const Component = component;\n\n    const updateFocusedItem = useCallback((id: string) => {\n      setFocusIndex(getListItemIndexById(childrenRefs, id));\n      componentRef?.current?.setAttribute(\"aria-activedescendant\", id);\n    }, []);\n\n    const onUpDownArrows = useCallback(\n      (event: KeyboardEvent) => {\n        if (renderOnlyVisibleItems) {\n          return;\n        }\n        event.preventDefault();\n\n        const isUpKey = event.key === keyCodes.UP_ARROW;\n        const isDownKey = event.key === keyCodes.DOWN_ARROW;\n        let overrideFocusIndex = undefined;\n\n        if (isDownKey && focusIndex + 1 < childrenRefs.current.length) {\n          overrideFocusIndex = getNextListItemIndex(focusIndex, childrenRefs);\n        } else if (isUpKey && focusIndex > 0) {\n          overrideFocusIndex = getPrevListItemIndex(focusIndex, childrenRefs);\n        }\n        if (overrideFocusIndex !== undefined) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, overrideFocusIndex));\n          childrenRefs.current[overrideFocusIndex].focus();\n        }\n      },\n      [focusIndex, renderOnlyVisibleItems, updateFocusedItem]\n    );\n\n    useKeyEvent({\n      keys: UP_DOWN_ARROWS,\n      callback: onUpDownArrows,\n      ref: componentRef\n    });\n\n    useEffect(() => {\n      const selectedItemIndex = childrenRefs.current.findIndex(\n        child => child instanceof HTMLElement && isListItem(child) && child?.getAttribute(\"aria-selected\") === \"true\"\n      );\n      if (selectedItemIndex !== -1) {\n        updateFocusedItem(getListItemIdByIndex(childrenRefs, selectedItemIndex));\n      } else {\n        const firstFocusableIndex = childrenRefs.current.findIndex(child => isListItem(child));\n        if (firstFocusableIndex !== -1) {\n          updateFocusedItem(getListItemIdByIndex(childrenRefs, firstFocusableIndex));\n        }\n      }\n    }, [updateFocusedItem]);\n\n    const overrideChildren = useMemo(() => {\n      let override: ReactElement | ReactElement[] = Array.isArray(children) ? children : [children];\n      if (renderOnlyVisibleItems) {\n        override = <VirtualizedListItems>{override}</VirtualizedListItems>;\n      } else {\n        childrenRefs.current = childrenRefs.current.slice(0, override.length);\n        override = React.Children.map(override, (child, index) => {\n          if (!React.isValidElement(child)) {\n            return child;\n          }\n          const id = (child.props as ListItemProps).id || `${overrideId}-item-${index}`;\n          const currentRef = childrenRefs.current[index];\n          const isFocusableItem = currentRef === undefined || currentRef === null || isListItem(currentRef);\n          return React.cloneElement(child, {\n            // @ts-ignore not sure how to deal with ref here\n            ref: ref => (childrenRefs.current[index] = ref),\n            tabIndex: focusIndex === index && isFocusableItem ? 0 : -1,\n            id,\n            component: getListItemComponentType(component),\n            role: (child.props as ListItemProps).role\n          });\n        });\n      }\n\n      return override;\n    }, [children, component, focusIndex, overrideId, renderOnlyVisibleItems]);\n\n    return (\n      <ListContext.Provider value={{ updateFocusedItem }}>\n        <Component\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n          data-vibe={ComponentVibeId.LIST}\n          ref={mergedRef}\n          style={style}\n          className={cx(styles.list, className)}\n          id={overrideId}\n          aria-label={ariaLabel}\n          aria-describedby={ariaDescribedBy}\n          aria-controls={ariaControls}\n          tabIndex={-1}\n          role={role}\n        >\n          {overrideChildren}\n        </Component>\n      </ListContext.Provider>\n    );\n  }\n);\n\ninterface ListStaticProps {\n  components: typeof ListWrapperComponentTypeEnum;\n}\n\nexport default withStaticProps<ListProps, ListStaticProps>(List, {\n  components: ListWrapperComponentTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$component","component","ListWrapperComponentTypeEnum","UL","children","ariaLabel","ariaDescribedBy","ariaControls","_ref$renderOnlyVisibl","renderOnlyVisibleItems","style","_ref$role","role","dataTestId","componentRef","useRef","mergedRef","useMergeRef","childrenRefs","overrideId","useListId","_useState","useState","_useState2","_slicedToArray","focusIndex","setFocusIndex","Component","updateFocusedItem","useCallback","getListItemIndexById","_a","current","setAttribute","onUpDownArrows","event","preventDefault","isUpKey","key","keyCodes","UP_ARROW","overrideFocusIndex","undefined","DOWN_ARROW","length","getNextListItemIndex","getPrevListItemIndex","getListItemIdByIndex","focus","useKeyEvent","keys","UP_DOWN_ARROWS","callback","useEffect","selectedItemIndex","findIndex","child","HTMLElement","isListItem","getAttribute","firstFocusableIndex","overrideChildren","useMemo","override","Array","isArray","React","createElement","VirtualizedListItems","slice","Children","map","index","isValidElement","props","concat","currentRef","isFocusableItem","cloneElement","_ref2","tabIndex","getListItemComponentType","ListContext","Provider","value","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId","cx","styles","list","components"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={list:"list_1448468a79"};!function(e){const t="s_id-ed9bf484fec4_3_36_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)}(".list_1448468a79 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_1448468a79::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_1448468a79::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_8553654ef8"};!function(e){const t="s_id-ed9bf484fec4_3_37_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)}(".list_8553654ef8 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_8553654ef8::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_8553654ef8::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_3e15f7fd0c"};!function(e){const n="s_id-6ed55dee5450_3_36_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_3e15f7fd0c {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_3e15f7fd0c::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_3e15f7fd0c::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_b28cf9ce7a"};!function(e){const n="s_id-6ed55dee5450_3_37_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_b28cf9ce7a {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_b28cf9ce7a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_b28cf9ce7a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { AriaAttributes, AriaRole, forwardRef, useCallback, useContext, useEffect, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps, VibeComponentProps, VibeComponent, ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport { ListItemElement, ListItemSize } from \"./ListItem.types\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item.\n   */\n  component?: ListItemElement;\n  /**\n   * The textual content inside the list item.\n   */\n  children?: ElementContent;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n  /**\n   * Callback fired when the item is hovered.\n   */\n  onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n  /**\n   * If true, disables the item and prevents interactions.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the item as selected.\n   */\n  selected?: boolean;\n  /**\n   * The size of the list item.\n   */\n  size?: ListItemSize;\n  /**\n   * The tab index of the list item for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * Indicates the current state of the item in a set of items.\n   */\n  \"aria-current\"?: AriaAttributes[\"aria-current\"];\n  /**\n   * The ARIA role of the list item.\n   */\n  role?: AriaRole;\n}\n\nconst ListItem: VibeComponent<ListItemProps> & { sizes?: typeof SIZES; components?: typeof ListItemComponentTypeEnum } =\n  forwardRef(\n    (\n      {\n        className,\n        id,\n        component = \"div\",\n        onClick = NOOP,\n        onHover = NOOP,\n        selected,\n        disabled = false,\n        size = SIZES.SMALL,\n        tabIndex = 0,\n        children,\n        \"aria-current\": ariaCurrent,\n        \"data-testid\": dataTestId,\n        role = \"option\"\n      }: ListItemProps,\n      ref\n    ) => {\n      const { updateFocusedItem } = useContext(ListContext);\n      const componentRef = useRef(null);\n      const mergedRef = useMergeRef(ref, componentRef);\n\n      useEffect(() => {\n        if (selected) {\n          updateFocusedItem?.(id);\n        }\n      }, [selected, id, updateFocusedItem]);\n\n      const componentOnClick = useCallback(\n        (event: React.MouseEvent | React.KeyboardEvent) => {\n          if (disabled) return;\n          onClick(event, id);\n        },\n        [disabled, onClick, id]\n      );\n\n      useKeyEvent({\n        keys: SELECTION_KEYS,\n        ref: componentRef,\n        callback: componentOnClick\n      });\n\n      const componentOnHover = useCallback(\n        (event: React.MouseEvent | React.FocusEvent) => {\n          if (disabled) return;\n          onHover(event, id);\n        },\n        [disabled, onHover, id]\n      );\n\n      return (\n        <Text\n          element={component}\n          data-testid={dataTestId || id}\n          ref={mergedRef}\n          className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n            [styles.selected]: selected && !disabled,\n            [styles.disabled]: disabled\n          })}\n          id={id}\n          type=\"text2\"\n          aria-disabled={disabled}\n          aria-selected={selected}\n          onClick={componentOnClick}\n          onMouseEnter={componentOnHover}\n          onFocus={componentOnHover}\n          role={role}\n          tabIndex={tabIndex}\n          aria-current={ariaCurrent}\n        >\n          {children}\n        </Text>\n      );\n    }\n  );\n\nObject.assign(ListItem, {\n  // Used by VirtualizedListItems\n  displayName: \"ListItem\"\n});\n\nexport default withStaticProps(ListItem, {\n  sizes: SIZES,\n  components: ListItemComponentTypeEnum\n});\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName","withStaticProps","sizes","components","ListItemComponentTypeEnum"],"mappings":"ynCA0DA,IAAMA,EACJC,GACE,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAITE,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnCI,GAAU,WACJrB,IACFc,SAAAA,EAAoBtB,GAEvB,GAAE,CAACQ,EAAUR,EAAIsB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKtB,GACJN,EAAQ4B,EAAOhC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBiC,EAAY,CACVC,KAAMC,EACNrC,IAAK2B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKtB,GACJH,EAAQyB,EAAOhC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEsC,EAAAC,cAACC,EAAI,CACHC,QAASvC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK6B,EACL5B,UAAW2C,EAAGC,EAAOC,SAAU7C,EAAW8C,EAASF,EAAQG,EAAUlC,IAAMmC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOnC,SAAWA,IAAaE,GAC/BiC,EAAOjC,SAAWA,IAErBV,GAAIA,EACJgD,KAAK,QACU,gBAAAtC,kBACAF,EACfJ,QAAS0B,EACTmB,aAAcZ,EACda,QAASb,EACThB,KAAMA,EACNL,SAAUA,EACI,eAAAE,GAEbD,EAGP,IAGJkC,OAAOC,OAAOzD,EAAU,CAEtB0D,YAAa,aAGf,IAAeC,EAAAA,EAAgB3D,EAAU,CACvC4D,MAAO1C,EACP2C,WAAYC"}
+{"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { AriaAttributes, AriaRole, forwardRef, useCallback, useContext, useEffect, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Text from \"../Text/Text\";\nimport { SIZES, SELECTION_KEYS } from \"../../constants\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { withStaticProps, VibeComponentProps, ElementContent } from \"../../types\";\nimport { useKeyEvent } from \"../../hooks\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ListContext } from \"../List/utils/ListContext\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"./ListItemConstants\";\nimport { ListItemElement, ListItemSize } from \"./ListItem.types\";\nimport styles from \"./ListItem.module.scss\";\n\nexport interface ListItemProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item.\n   */\n  component?: ListItemElement;\n  /**\n   * The textual content inside the list item.\n   */\n  children?: ElementContent;\n  /**\n   * Callback fired when the item is clicked.\n   */\n  onClick?: (event: React.MouseEvent | React.KeyboardEvent, id: string) => void;\n  /**\n   * Callback fired when the item is hovered.\n   */\n  onHover?: (event: React.MouseEvent | React.FocusEvent, id: string) => void;\n  /**\n   * If true, disables the item and prevents interactions.\n   */\n  disabled?: boolean;\n  /**\n   * If true, marks the item as selected.\n   */\n  selected?: boolean;\n  /**\n   * The size of the list item.\n   */\n  size?: ListItemSize;\n  /**\n   * The tab index of the list item for keyboard navigation.\n   */\n  tabIndex?: number;\n  /**\n   * Indicates the current state of the item in a set of items.\n   */\n  \"aria-current\"?: AriaAttributes[\"aria-current\"];\n  /**\n   * The ARIA role of the list item.\n   */\n  role?: AriaRole;\n}\n\nconst ListItem = forwardRef(\n  (\n    {\n      className,\n      id,\n      component = \"div\",\n      onClick = NOOP,\n      onHover = NOOP,\n      selected,\n      disabled = false,\n      size = SIZES.SMALL,\n      tabIndex = 0,\n      children,\n      \"aria-current\": ariaCurrent,\n      \"data-testid\": dataTestId,\n      role = \"option\"\n    }: ListItemProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const { updateFocusedItem } = useContext(ListContext);\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    useEffect(() => {\n      if (selected) {\n        updateFocusedItem?.(id);\n      }\n    }, [selected, id, updateFocusedItem]);\n\n    const componentOnClick = useCallback(\n      (event: React.MouseEvent | React.KeyboardEvent) => {\n        if (disabled) return;\n        onClick(event, id);\n      },\n      [disabled, onClick, id]\n    );\n\n    useKeyEvent({\n      keys: SELECTION_KEYS,\n      ref: componentRef,\n      callback: componentOnClick\n    });\n\n    const componentOnHover = useCallback(\n      (event: React.MouseEvent | React.FocusEvent) => {\n        if (disabled) return;\n        onHover(event, id);\n      },\n      [disabled, onHover, id]\n    );\n\n    return (\n      <Text\n        element={component}\n        data-testid={dataTestId || id}\n        ref={mergedRef}\n        className={cx(styles.listItem, className, getStyle(styles, camelCase(size)), {\n          [styles.selected]: selected && !disabled,\n          [styles.disabled]: disabled\n        })}\n        id={id}\n        type=\"text2\"\n        aria-disabled={disabled}\n        aria-selected={selected}\n        onClick={componentOnClick}\n        onMouseEnter={componentOnHover}\n        onFocus={componentOnHover}\n        role={role}\n        tabIndex={tabIndex}\n        aria-current={ariaCurrent}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n\nObject.assign(ListItem, {\n  // Used by VirtualizedListItems\n  displayName: \"ListItem\"\n});\n\ninterface ListItemStaticProps {\n  sizes: typeof SIZES;\n  components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemProps, ListItemStaticProps>(ListItem, {\n  sizes: SIZES,\n  components: ListItemComponentTypeEnum\n});\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","_ref$component","component","_ref$onClick","onClick","NOOP","_ref$onHover","onHover","selected","_ref$disabled","disabled","_ref$size","size","SIZES","SMALL","_ref$tabIndex","tabIndex","children","ariaCurrent","dataTestId","_ref$role","role","updateFocusedItem","useContext","ListContext","componentRef","useRef","mergedRef","useMergeRef","useEffect","componentOnClick","useCallback","event","useKeyEvent","keys","SELECTION_KEYS","callback","componentOnHover","React","createElement","Text","element","cx","styles","listItem","getStyle","camelCase","_defineProperty","type","onMouseEnter","onFocus","Object","assign","displayName","withStaticProps","sizes","components","ListItemComponentTypeEnum"],"mappings":"ynCA0DA,IAAMA,EAAWC,GACf,SAAAC,EAgBEC,GACE,IAfAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACjBO,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAT,EACdU,QAAAA,OAAUF,IAAHC,EAAGD,EAAIC,EACdE,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,KAAAA,OAAI,IAAAD,EAAGE,EAAMC,MAAKH,EAAAI,EAAAlB,EAClBmB,SAAAA,OAAW,IAAHD,EAAG,EAACA,EACZE,EAAQpB,EAARoB,SACgBC,EAAWrB,EAA3B,gBACesB,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAITE,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY9B,EAAK2B,GAEnCI,GAAU,WACJrB,IACFc,SAAAA,EAAoBtB,GAEvB,GAAE,CAACQ,EAAUR,EAAIsB,IAElB,IAAMQ,EAAmBC,GACvB,SAACC,GACKtB,GACJN,EAAQ4B,EAAOhC,EAChB,GACD,CAACU,EAAUN,EAASJ,IAGtBiC,EAAY,CACVC,KAAMC,EACNrC,IAAK2B,EACLW,SAAUN,IAGZ,IAAMO,EAAmBN,GACvB,SAACC,GACKtB,GACJH,EAAQyB,EAAOhC,EAChB,GACD,CAACU,EAAUH,EAASP,IAGtB,OACEsC,EAAAC,cAACC,EAAI,CACHC,QAASvC,EACI,cAAAiB,GAAcnB,EAC3BF,IAAK6B,EACL5B,UAAW2C,EAAGC,EAAOC,SAAU7C,EAAW8C,EAASF,EAAQG,EAAUlC,IAAMmC,EAAAA,EACxEJ,CAAAA,EAAAA,EAAOnC,SAAWA,IAAaE,GAC/BiC,EAAOjC,SAAWA,IAErBV,GAAIA,EACJgD,KAAK,QACU,gBAAAtC,kBACAF,EACfJ,QAAS0B,EACTmB,aAAcZ,EACda,QAASb,EACThB,KAAMA,EACNL,SAAUA,EACI,eAAAE,GAEbD,EAGP,IAGFkC,OAAOC,OAAOzD,EAAU,CAEtB0D,YAAa,aAQf,IAAeC,EAAAA,EAAoD3D,EAAU,CAC3E4D,MAAO1C,EACP2C,WAAYC"}

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

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_866a13d783","focus-visible":"focus-visible_9a1247a2a9",disabled:"disabled_168217c1ec",selected:"selected_413a7a1574",small:"small_cba5073f36",medium:"medium_34e3f45c79",large:"large_84b04cdf39"};!function(e){const n="s_id-8402a299d384_3_36_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_866a13d783 {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_866a13d783:focus-visible, .listItem_866a13d783.focus-visible_9a1247a2a9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_866a13d783:focus:not(.focus-visible_9a1247a2a9) {\n  outline: none;\n}\n.listItem_866a13d783:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_168217c1ec {\n  cursor: not-allowed;\n}\n.disabled_168217c1ec:hover {\n  background-color: transparent;\n}\n.selected_413a7a1574 {\n  background-color: var(--primary-selected-color);\n}\n.selected_413a7a1574:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_cba5073f36 {\n  height: 32px;\n}\n.medium_34e3f45c79 {\n  height: 40px;\n}\n.large_84b04cdf39 {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_17a35482cf","focus-visible":"focus-visible_c1895bd156",disabled:"disabled_dd048e5684",selected:"selected_6ff5bfaea0",small:"small_0259d302a3",medium:"medium_707503e0b4",large:"large_427bb45e59"};!function(e){const n="s_id-8402a299d384_3_37_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_17a35482cf {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_17a35482cf:focus-visible, .listItem_17a35482cf.focus-visible_c1895bd156 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_17a35482cf:focus:not(.focus-visible_c1895bd156) {\n  outline: none;\n}\n.listItem_17a35482cf:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_dd048e5684 {\n  cursor: not-allowed;\n}\n.disabled_dd048e5684:hover {\n  background-color: transparent;\n}\n.selected_6ff5bfaea0 {\n  background-color: var(--primary-selected-color);\n}\n.selected_6ff5bfaea0:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_0259d302a3 {\n  height: 32px;\n}\n.medium_707503e0b4 {\n  height: 40px;\n}\n.large_427bb45e59 {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport { ListItemElement } from \"../ListItem/ListItem.types\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item avatar.\n   */\n  component?: ListItemElement;\n  /**\n   * The source URL of the avatar image.\n   */\n  src?: string;\n  /**\n   * Class name applied to the avatar.\n   */\n  avatarClassName?: string;\n}\n\nconst ListItemAvatar: VibeComponent<ListItemAvatarProps> & { components?: typeof ListItemComponentTypeEnum } =\n  forwardRef(({ className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps, ref) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n        <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n      </Component>\n    );\n  });\n\nexport default withStaticProps(ListItemAvatar, {\n  components: ListItemComponentTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar","components","ListItemComponentTypeEnum"],"mappings":"yXAwBA,IAYeA,EAAAA,EAXbC,GAAW,SAAAC,EAA6FC,GAAO,IAAjGC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EACvEG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E,IAE6C,CAC7CiB,WAAYC"}
+{"version":3,"file":"ListItemAvatar.js","sources":["../../../../src/components/ListItemAvatar/ListItemAvatar.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport { ListItemElement } from \"../ListItem\";\nimport styles from \"./ListItemAvatar.module.scss\";\n\nexport interface ListItemAvatarProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item avatar.\n   */\n  component?: ListItemElement;\n  /**\n   * The source URL of the avatar image.\n   */\n  src?: string;\n  /**\n   * Class name applied to the avatar.\n   */\n  avatarClassName?: string;\n}\n\nconst ListItemAvatar = forwardRef(\n  (\n    { className, id, src, avatarClassName, component: Component = \"div\" }: ListItemAvatarProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component ref={mergedRef} className={cx(styles.listItemAvatar, className)} id={id} aria-hidden=\"true\">\n        <Avatar src={src} type=\"img\" size=\"small\" className={cx(styles.avatar, avatarClassName)} />\n      </Component>\n    );\n  }\n);\n\ninterface ListItemAvatarStaticProps {\n  components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemAvatarProps, ListItemAvatarStaticProps>(ListItemAvatar, {\n  components: ListItemComponentTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","src","avatarClassName","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","cx","styles","listItemAvatar","createElement","Avatar","type","size","avatar","components","ListItemComponentTypeEnum"],"mappings":"yXAwBA,IAoBeA,EAAAA,EApBQC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAGJ,EAAHI,IAAKC,EAAeL,EAAfK,gBAAeC,EAAAN,EAAEO,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG7DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYX,EAAKQ,GAEnC,OACEI,gBAACL,EAAS,CAACP,IAAKU,EAAWT,UAAWY,EAAGC,EAAOC,eAAgBd,GAAYC,GAAIA,EAAE,cAAc,QAC9FU,EAACI,cAAAC,EAAO,CAAAd,IAAKA,EAAKe,KAAK,MAAMC,KAAK,QAAQlB,UAAWY,EAAGC,EAAOM,OAAQhB,KAG7E,IAO6F,CAC7FiB,WAAYC"}

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

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_0d2d9dc21e",avatar:"avatar_052b0da948"};!function(e){const t="s_id-64054545c9e6_3_36_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_0d2d9dc21e {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_052b0da948 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_dd32573fdd",avatar:"avatar_50055b59eb"};!function(e){const t="s_id-64054545c9e6_3_37_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_dd32573fdd {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_50055b59eb {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItemIcon.js","sources":["../../../../src/components/ListItemIcon/ListItemIcon.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport { ListItemIconMargin as ListItemIconMarginEnum } from \"./ListItemIconConstants\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport { ListItemElement } from \"../ListItem/ListItem.types\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./ListItemIcon.module.scss\";\nimport { ListItemIconMargin } from \"./ListItemIcon.types\";\n\nexport const LIST_ITEM_ICON_SIZE = 18;\n\nexport interface ListItemIconProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item icon.\n   */\n  component?: ListItemElement;\n  /**\n   * The icon displayed inside the list item.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon inside the list item, determining its margins.\n   */\n  margin?: ListItemIconMargin;\n}\n\nconst ListItemIcon: VibeComponent<ListItemIconProps> & {\n  margin?: typeof ListItemIconMarginEnum;\n  components?: typeof ListItemComponentTypeEnum;\n} = forwardRef(({ className, id, icon, margin = \"start\", component: Component = \"div\" }: ListItemIconProps, ref) => {\n  const componentRef = useRef(null);\n  const mergedRef = useMergeRef(ref, componentRef);\n\n  return (\n    <Component\n      ref={mergedRef}\n      className={cx(styles.listItemIcon, getStyle(styles, margin), className)}\n      id={id}\n      aria-hidden=\"true\"\n    >\n      <Icon icon={icon} ignoreFocusStyle iconSize={LIST_ITEM_ICON_SIZE} />\n    </Component>\n  );\n});\n\nexport default withStaticProps(ListItemIcon, {\n  margin: ListItemIconMarginEnum,\n  components: ListItemComponentTypeEnum\n});\n"],"names":["LIST_ITEM_ICON_SIZE","withStaticProps","forwardRef","_ref","ref","className","id","icon","_ref$margin","margin","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","listItemIcon","getStyle","Icon","ignoreFocusStyle","iconSize","ListItemIconMarginEnum","components","ListItemComponentTypeEnum"],"mappings":"yfAYO,IAAMA,EAAsB,GAoCpBC,EAAAA,EAhBXC,GAAW,SAAAC,EAA6FC,GAAO,IAAjGC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAIJ,EAAJI,KAAIC,EAAAL,EAAEM,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAAAE,EAAAP,EAAEQ,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAC7EG,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAEnC,OACEI,EAAAC,cAACN,EAAS,CACRR,IAAKW,EACLV,UAAWc,EAAGC,EAAOC,aAAcC,EAASF,EAAQX,GAASJ,GAC7DC,GAAIA,gBACQ,QAEZW,EAAAC,cAACK,EAAI,CAAChB,KAAMA,EAAMiB,kBAAiB,EAAAC,SA/BN,KAkCnC,IAE6C,CAC3ChB,OAAQiB,EACRC,WAAYC"}
+{"version":3,"file":"ListItemIcon.js","sources":["../../../../src/components/ListItemIcon/ListItemIcon.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport { ListItemIconMargin as ListItemIconMarginEnum } from \"./ListItemIconConstants\";\nimport { ListItemComponentType as ListItemComponentTypeEnum } from \"../ListItem/ListItemConstants\";\nimport { ListItemElement } from \"../ListItem\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./ListItemIcon.module.scss\";\nimport { ListItemIconMargin } from \"./ListItemIcon.types\";\n\nexport const LIST_ITEM_ICON_SIZE = 18;\n\nexport interface ListItemIconProps extends VibeComponentProps {\n  /**\n   * The HTML element used for the list item icon.\n   */\n  component?: ListItemElement;\n  /**\n   * The icon displayed inside the list item.\n   */\n  icon?: SubIcon;\n  /**\n   * The position of the icon inside the list item, determining its margins.\n   */\n  margin?: ListItemIconMargin;\n}\n\nconst ListItemIcon = forwardRef(\n  (\n    { className, id, icon, margin = \"start\", component: Component = \"div\" }: ListItemIconProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    return (\n      <Component\n        ref={mergedRef}\n        className={cx(styles.listItemIcon, getStyle(styles, margin), className)}\n        id={id}\n        aria-hidden=\"true\"\n      >\n        <Icon icon={icon} ignoreFocusStyle iconSize={LIST_ITEM_ICON_SIZE} />\n      </Component>\n    );\n  }\n);\n\ninterface ListItemIconStaticProps {\n  margin: typeof ListItemIconMarginEnum;\n  components: typeof ListItemComponentTypeEnum;\n}\n\nexport default withStaticProps<ListItemIconProps, ListItemIconStaticProps>(ListItemIcon, {\n  margin: ListItemIconMarginEnum,\n  components: ListItemComponentTypeEnum\n});\n"],"names":["LIST_ITEM_ICON_SIZE","withStaticProps","forwardRef","_ref","ref","className","id","icon","_ref$margin","margin","_ref$component","component","Component","componentRef","useRef","mergedRef","useMergeRef","React","createElement","cx","styles","listItemIcon","getStyle","Icon","ignoreFocusStyle","iconSize","ListItemIconMarginEnum","components","ListItemComponentTypeEnum"],"mappings":"yfAYO,IAAMA,EAAsB,GA2CpBC,EAAAA,EA1BMC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAIJ,EAAJI,KAAIC,EAAAL,EAAEM,OAAAA,OAAS,IAAHD,EAAG,QAAOA,EAAAE,EAAAP,EAAEQ,UAAWC,OAAY,IAAHF,EAAG,MAAKA,EAG/DG,EAAeC,EAAO,MACtBC,EAAYC,EAAYZ,EAAKS,GAEnC,OACEI,EAAAC,cAACN,EAAS,CACRR,IAAKW,EACLV,UAAWc,EAAGC,EAAOC,aAAcC,EAASF,EAAQX,GAASJ,GAC7DC,GAAIA,gBACQ,QAEZW,EAAAC,cAACK,EAAI,CAAChB,KAAMA,EAAMiB,kBAAiB,EAAAC,SAhCR,KAmCjC,IAQuF,CACvFhB,OAAQiB,EACRC,WAAYC"}

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

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_0d2d9dc21e",start:"start_0056fbf0f5",end:"end_bd3109832d"};!function(e){const t="s_id-0831d1bc0202_3_36_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)}(".listItemIcon_0d2d9dc21e {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_0056fbf0f5 {\n  margin-right: var(--spacing-small);\n}\n\n.end_bd3109832d {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_dd32573fdd",start:"start_1e596c1c28",end:"end_56391d8bc1"};!function(e){const t="s_id-0831d1bc0202_3_37_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)}(".listItemIcon_dd32573fdd {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_1e596c1c28 {\n  margin-right: var(--spacing-small);\n}\n\n.end_56391d8bc1 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_1e18f4a40a"};!function(e){const t="s_id-d4e0bfe7508e_3_36_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_1e18f4a40a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_35820fc8c5"};!function(e){const t="s_id-d4e0bfe7508e_3_37_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_35820fc8c5 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sources":["../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { LoaderColors as LoaderColorsEnum, LoaderSizes as LoaderSizesEnum } from \"./LoaderConstants\";\nimport { LoaderColors, LoaderSize, LoaderSizes } from \"./Loader.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Loader.module.scss\";\n\nconst mapSizesToLoaderSize: Record<LoaderSizes, number> = {\n  xs: 16,\n  small: 24,\n  medium: 40,\n  large: 64\n};\n\nconst mapLoaderColorsToColors: Record<LoaderColors, string> = {\n  primary: \"primary-color\",\n  secondary: \"secondary-text-color\",\n  onPrimary: \"text-color-on-inverted\",\n  dark: \"primary-text-color\"\n};\n\nexport interface LoaderProps extends VibeComponentProps {\n  /**\n   * The size of the loader, either a predefined size or a custom number.\n   */\n  size?: LoaderSize;\n  /**\n   * The color of the loader.\n   */\n  color?: LoaderColors;\n  /**\n   * If true, a background circle is displayed behind the loader.\n   */\n  hasBackground?: boolean;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\nconst Loader: VibeComponent<LoaderProps, HTMLElement> & {\n  sizes?: typeof LoaderSizesEnum;\n  colors?: typeof LoaderColorsEnum;\n} = forwardRef(\n  (\n    { className, wrapperClassName, size, color, hasBackground = false, id, \"data-testid\": dataTestId }: LoaderProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const sizeStyle = useMemo(() => {\n      const loaderSize = typeof size === \"string\" ? mapSizesToLoaderSize[size] : size;\n      if (typeof loaderSize === \"number\") {\n        return { width: loaderSize, height: loaderSize };\n      }\n      return undefined;\n    }, [size]);\n\n    const colorStyle = useMemo(() => {\n      if (!mapLoaderColorsToColors[color]) return;\n      return `var(--${mapLoaderColorsToColors[color]})`;\n    }, [color]);\n\n    return (\n      <div\n        className={cx(styles.loaderContainer, wrapperClassName)}\n        ref={ref}\n        role=\"alert\"\n        title=\"loading\"\n        style={sizeStyle}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LOADER, id)}\n      >\n        <svg className={cx(styles.circleLoaderSpinner, className)} viewBox=\"0 0 50 50\" color={colorStyle} aria-hidden>\n          {hasBackground && (\n            <circle\n              className={styles.circleLoaderSpinnerBackground}\n              cx=\"25\"\n              cy=\"25\"\n              r=\"20\"\n              fill=\"none\"\n              strokeWidth=\"5\"\n            />\n          )}\n          <circle className={styles.circleLoaderSpinnerPath} cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" strokeWidth=\"5\" />\n        </svg>\n      </div>\n    );\n  }\n);\n\nexport default withStaticProps(Loader, {\n  sizes: LoaderSizesEnum,\n  colors: LoaderColorsEnum\n});\n"],"names":["mapSizesToLoaderSize","xs","small","medium","large","mapLoaderColorsToColors","primary","secondary","onPrimary","dark","withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","size","color","_ref$hasBackground","hasBackground","id","dataTestId","sizeStyle","useMemo","loaderSize","width","height","colorStyle","concat","React","createElement","cx","styles","loaderContainer","role","title","style","getTestId","ComponentDefaultTestId","LOADER","circleLoaderSpinner","viewBox","circleLoaderSpinnerBackground","cy","r","fill","strokeWidth","circleLoaderSpinnerPath","sizes","LoaderSizesEnum","colors","LoaderColorsEnum"],"mappings":"sZASA,IAAMA,EAAoD,CACxDC,GAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGHC,EAAwD,CAC5DC,QAAS,gBACTC,UAAW,uBACXC,UAAW,yBACXC,KAAM,sBAuEOC,EAAAA,EA9CXC,GACF,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAgBH,EAAhBG,iBAAkBC,EAAIJ,EAAJI,KAAMC,EAAKL,EAALK,MAAKC,EAAAN,EAAEO,cAAAA,OAAgB,IAAHD,GAAQA,EAAEE,EAAER,EAAFQ,GAAmBC,EAAUT,EAAzB,eAGjEU,EAAYC,GAAQ,WACxB,IAAMC,EAA6B,iBAATR,EAAoBhB,EAAqBgB,GAAQA,EAC3E,GAA0B,iBAAfQ,EACT,MAAO,CAAEC,MAAOD,EAAYE,OAAQF,EAGxC,GAAG,CAACR,IAEEW,EAAaJ,GAAQ,WACzB,GAAKlB,EAAwBY,GAC7B,MAAA,SAAAW,OAAgBvB,EAAwBY,GAAM,IAChD,GAAG,CAACA,IAEJ,OACEY,EACEC,cAAA,MAAA,CAAAhB,UAAWiB,EAAGC,EAAOC,gBAAiBlB,GACtCF,IAAKA,EACLqB,KAAK,QACLC,MAAM,UACNC,MAAOd,EACPF,GAAIA,gBACSC,GAAcgB,EAAUC,EAAuBC,OAAQnB,IAEpES,EAAAC,cAAA,MAAA,CAAKhB,UAAWiB,EAAGC,EAAOQ,oBAAqB1B,GAAY2B,QAAQ,YAAYxB,MAAOU,EAAU,eAAA,GAC7FR,GACCU,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAOU,8BAClBX,GAAG,KACHY,GAAG,KACHC,EAAE,KACFC,KAAK,OACLC,YAAY,MAGhBjB,EAAAC,cAAA,SAAA,CAAQhB,UAAWkB,EAAOe,wBAAyBhB,GAAG,KAAKY,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,OAI1G,IAGqC,CACrCE,MAAOC,EACPC,OAAQC"}
+{"version":3,"file":"Loader.js","sources":["../../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { LoaderColors as LoaderColorsEnum, LoaderSizes as LoaderSizesEnum } from \"./LoaderConstants\";\nimport { LoaderColors, LoaderSize, LoaderSizes } from \"./Loader.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./Loader.module.scss\";\n\nconst mapSizesToLoaderSize: Record<LoaderSizes, number> = {\n  xs: 16,\n  small: 24,\n  medium: 40,\n  large: 64\n};\n\nconst mapLoaderColorsToColors: Record<LoaderColors, string> = {\n  primary: \"primary-color\",\n  secondary: \"secondary-text-color\",\n  onPrimary: \"text-color-on-inverted\",\n  dark: \"primary-text-color\"\n};\n\nexport interface LoaderProps extends VibeComponentProps {\n  /**\n   * The size of the loader, either a predefined size or a custom number.\n   */\n  size?: LoaderSize;\n  /**\n   * The color of the loader.\n   */\n  color?: LoaderColors;\n  /**\n   * If true, a background circle is displayed behind the loader.\n   */\n  hasBackground?: boolean;\n  /**\n   * Class name applied to the wrapper element.\n   */\n  wrapperClassName?: string;\n}\n\nconst Loader = forwardRef(\n  (\n    { className, wrapperClassName, size, color, hasBackground = false, id, \"data-testid\": dataTestId }: LoaderProps,\n    ref: ForwardedRef<HTMLDivElement>\n  ) => {\n    const sizeStyle = useMemo(() => {\n      const loaderSize = typeof size === \"string\" ? mapSizesToLoaderSize[size] : size;\n      if (typeof loaderSize === \"number\") {\n        return { width: loaderSize, height: loaderSize };\n      }\n      return undefined;\n    }, [size]);\n\n    const colorStyle = useMemo(() => {\n      if (!mapLoaderColorsToColors[color]) return;\n      return `var(--${mapLoaderColorsToColors[color]})`;\n    }, [color]);\n\n    return (\n      <div\n        className={cx(styles.loaderContainer, wrapperClassName)}\n        ref={ref}\n        role=\"alert\"\n        title=\"loading\"\n        style={sizeStyle}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LOADER, id)}\n      >\n        <svg className={cx(styles.circleLoaderSpinner, className)} viewBox=\"0 0 50 50\" color={colorStyle} aria-hidden>\n          {hasBackground && (\n            <circle\n              className={styles.circleLoaderSpinnerBackground}\n              cx=\"25\"\n              cy=\"25\"\n              r=\"20\"\n              fill=\"none\"\n              strokeWidth=\"5\"\n            />\n          )}\n          <circle className={styles.circleLoaderSpinnerPath} cx=\"25\" cy=\"25\" r=\"20\" fill=\"none\" strokeWidth=\"5\" />\n        </svg>\n      </div>\n    );\n  }\n);\n\ninterface LoaderStaticProps {\n  sizes: typeof LoaderSizesEnum;\n  colors: typeof LoaderColorsEnum;\n}\n\nexport default withStaticProps<LoaderProps, LoaderStaticProps>(Loader, {\n  sizes: LoaderSizesEnum,\n  colors: LoaderColorsEnum\n});\n"],"names":["mapSizesToLoaderSize","xs","small","medium","large","mapLoaderColorsToColors","primary","secondary","onPrimary","dark","withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","size","color","_ref$hasBackground","hasBackground","id","dataTestId","sizeStyle","useMemo","loaderSize","width","height","colorStyle","concat","React","createElement","cx","styles","loaderContainer","role","title","style","getTestId","ComponentDefaultTestId","LOADER","circleLoaderSpinner","viewBox","circleLoaderSpinnerBackground","cy","r","fill","strokeWidth","circleLoaderSpinnerPath","sizes","LoaderSizesEnum","colors","LoaderColorsEnum"],"mappings":"sZASA,IAAMA,EAAoD,CACxDC,GAAI,GACJC,MAAO,GACPC,OAAQ,GACRC,MAAO,IAGHC,EAAwD,CAC5DC,QAAS,gBACTC,UAAW,uBACXC,UAAW,yBACXC,KAAM,sBAyEOC,EAAAA,EAnDAC,GACb,SAAAC,EAEEC,GACE,IAFAC,EAASF,EAATE,UAAWC,EAAgBH,EAAhBG,iBAAkBC,EAAIJ,EAAJI,KAAMC,EAAKL,EAALK,MAAKC,EAAAN,EAAEO,cAAAA,OAAgB,IAAHD,GAAQA,EAAEE,EAAER,EAAFQ,GAAmBC,EAAUT,EAAzB,eAGjEU,EAAYC,GAAQ,WACxB,IAAMC,EAA6B,iBAATR,EAAoBhB,EAAqBgB,GAAQA,EAC3E,GAA0B,iBAAfQ,EACT,MAAO,CAAEC,MAAOD,EAAYE,OAAQF,EAGxC,GAAG,CAACR,IAEEW,EAAaJ,GAAQ,WACzB,GAAKlB,EAAwBY,GAC7B,MAAA,SAAAW,OAAgBvB,EAAwBY,GAAM,IAChD,GAAG,CAACA,IAEJ,OACEY,EACEC,cAAA,MAAA,CAAAhB,UAAWiB,EAAGC,EAAOC,gBAAiBlB,GACtCF,IAAKA,EACLqB,KAAK,QACLC,MAAM,UACNC,MAAOd,EACPF,GAAIA,gBACSC,GAAcgB,EAAUC,EAAuBC,OAAQnB,IAEpES,EAAAC,cAAA,MAAA,CAAKhB,UAAWiB,EAAGC,EAAOQ,oBAAqB1B,GAAY2B,QAAQ,YAAYxB,MAAOU,EAAU,eAAA,GAC7FR,GACCU,EACEC,cAAA,SAAA,CAAAhB,UAAWkB,EAAOU,8BAClBX,GAAG,KACHY,GAAG,KACHC,EAAE,KACFC,KAAK,OACLC,YAAY,MAGhBjB,EAAAC,cAAA,SAAA,CAAQhB,UAAWkB,EAAOe,wBAAyBhB,GAAG,KAAKY,GAAG,KAAKC,EAAE,KAAKC,KAAK,OAAOC,YAAY,OAI1G,IAQqE,CACrEE,MAAOC,EACPC,OAAQC"}

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

@@ -1,2 +1,2 @@
-var e={loaderContainer:"loaderContainer_0d322858d1",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_ff6928c734",circleLoaderSpinner:"circleLoaderSpinner_595b9b1032",rotate:"rotate_20c3375f8e",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_a9d6aca4a8",dash:"dash_6d84529b30"};!function(e){const n="s_id-dcd4d8f866fa_3_36_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_0d322858d1 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_0d322858d1 .circleLoaderSpinnerBackground_ff6928c734 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_0d322858d1 .circleLoaderSpinner_595b9b1032 {\n  animation: rotate_20c3375f8e 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_0d322858d1 .circleLoaderSpinner_595b9b1032 .circleLoaderSpinnerPath_a9d6aca4a8 {\n  animation: dash_6d84529b30 1s infinite;\n}\n@keyframes rotate_20c3375f8e {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_6d84529b30 {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
+var e={loaderContainer:"loaderContainer_8e36018879",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_8aa33bebe9",circleLoaderSpinner:"circleLoaderSpinner_c2bd6ca249",rotate:"rotate_5de52f570b",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_212446cc35",dash:"dash_508ca8dc6e"};!function(e){const n="s_id-dcd4d8f866fa_3_37_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_8e36018879 {\n  position: relative;\n  height: 100%;\n  width: 100%;\n}\n.loaderContainer_8e36018879 .circleLoaderSpinnerBackground_8aa33bebe9 {\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: var(--ui-background-color);\n}\n.loaderContainer_8e36018879 .circleLoaderSpinner_c2bd6ca249 {\n  animation: rotate_5de52f570b 1s linear infinite;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  margin-top: -50%;\n  margin-left: -50%;\n  stroke: currentColor;\n  stroke-linecap: round;\n}\n.loaderContainer_8e36018879 .circleLoaderSpinner_c2bd6ca249 .circleLoaderSpinnerPath_212446cc35 {\n  animation: dash_508ca8dc6e 1s infinite;\n}\n@keyframes rotate_5de52f570b {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n@keyframes dash_508ca8dc6e {\n  0% {\n    stroke-dasharray: 1, 150;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -35;\n  }\n  100% {\n    stroke-dasharray: 90, 150;\n    stroke-dashoffset: -124;\n  }\n}");export{e as default};
 //# sourceMappingURL=Loader.module.scss.js.map

package/dist/src/components/Menu/Menu/Menu.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import s,{forwardRef as o,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import c from"../../../hooks/useMergeRef.js";import a from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";import m from"../../../hooks/useClickOutside/index.js";import p from"./hooks/useSubMenuIndex.js";import v from"./hooks/useOnCloseMenu.js";import f from"./hooks/useCloseMenuOnKeyEvent.js";import I from"./hooks/useMenuKeyboardNavigation.js";import M from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as b}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as h}from"../../../hooks/useFocusWithin.js";import x from"../../../hooks/usePrevious/index.js";import{withStaticProps as S}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getStyle as j}from"../../../helpers/typesciptCssModulesHelper.js";import{getTestId as O}from"../../../tests/testIds.js";import{ComponentDefaultTestId as k}from"../../../tests/constants.js";import{useFocusOnMount as g}from"./hooks/useFocusOnMount.js";import{useMenuId as C}from"./hooks/useMenuId.js";import{generateMenuItemId as y}from"./utils/utils.js";import E from"./Menu.module.scss.js";var A=o((function(t,o){var S=t.id,B=t.className,F=t.size,N=void 0===F?A.sizes.MEDIUM:F,P=t.tabIndex,D=void 0===P?0:P,L=t.ariaLabel,V=void 0===L?"Menu":L,z=t.ariaDescribedBy,R=t.children,T=t.isVisible,U=void 0===T||T,W=t.onClose,H=t.onItemFocus,K=t.focusOnMount,_=void 0!==K&&K,q=t.focusItemIndex,w=void 0===q?-1:q,G=t.focusItemIndexOnMount,J=void 0===G?-1:G,Q=t.isSubMenu,X=void 0!==Q&&Q,Y=t.useDocumentEventListeners,Z=void 0!==Y&&Y,$=t.shouldScrollMenu,ee=void 0!==$&&$,ne=t["data-testid"],te=u(null),se=c(te,o),oe=C(S),ue=u(null),ie=i(w),re=e(ie,2),le=re[0],de=re[1],ce=i(!1),ae=e(ce,2),me=ae[0],pe=ae[1],ve=r((function(){return s.Children.toArray(R).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[R]),fe=l((function(e){var n,t,o;de(e);var u=ve[e],i=s.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(oe,"-item-").concat(e):void 0;i?null===(t=null==te?void 0:te.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(o=null==te?void 0:te.current)||void 0===o||o.removeAttribute("aria-activedescendant")}),[ve,oe]),Ie=l((function(e){H&&H(e),fe(e),pe(!1)}),[fe,H]),Me=p(),be=Me.setSubMenuIsOpenByIndex,he=Me.hasOpenSubMenu,xe=Me.openSubMenuIndex,Se=Me.resetOpenSubMenuIndex,je=v({setActiveItemIndex:Ie,setOpenSubMenuIndex:Me.setOpenSubMenuIndex,onClose:W});m({ref:te,callback:function(){return je()}}),f({hasOpenSubMenu:he,onCloseMenu:je,ref:te,onClose:W,isSubMenu:X,useDocumentEventListeners:Z});var Oe=b({children:ve}),ke=Oe.getNextSelectableIndex,ge=Oe.getPreviousSelectableIndex;I({hasOpenSubMenu:he,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,activeItemIndex:le,setActiveItemIndex:Ie,isVisible:U,ref:te,useDocumentEventListeners:Z}),M({resetOpenSubMenuIndex:Se,hasOpenSubMenu:he,ref:te,setActiveItemIndex:Ie}),g({focusItemIndexOnMount:J,focusChildOnMount:ve[J],getNextSelectableIndex:ke,updateActiveItemIndex:fe,setIsInitialFocusSet:pe});var Ce=l((function(){pe(!0)}),[pe]),ye=x(he);d((function(){var e;he||Z||le>-1&&ye&&(null===(e=null==te?void 0:te.current)||void 0===e||e.focus())}),[le,he,ye,Z]),a((function(){_&&!Z&&requestAnimationFrame((function(){te&&te.current&&te.current.focus()}))}),[te,_,Z]);var Ee=h({onBlurWithin:function(){je&&je()}}).focusWithinProps;return s.createElement("ul",{onFocus:null==Ee?void 0:Ee.onFocus,onBlur:null==Ee?void 0:Ee.onBlur,id:oe,"data-testid":ne||O(k.MENU,S),className:n(E.menu,j(E,N),B),ref:se,tabIndex:D,"aria-label":V,role:"menu","aria-describedby":z,onMouseOver:Ce},ve&&s.Children.map(ve,(function(e,n){return s.isValidElement(e)?s.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:le,index:n,setActiveItemIndex:fe,menuRef:te,resetOpenSubMenuIndex:Se,isParentMenuVisible:U,setSubMenuIsOpenByIndex:be,hasOpenSubMenu:n===xe,closeMenu:je,id:y(oe,e,n),useDocumentEventListeners:Z,isInitialSelectedState:me,shouldScrollMenu:ee,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,isUnderSubMenu:X,splitMenuItemIconButtonRef:ue})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});var B=S(A,{sizes:t});export{B as default};
+import{slicedToArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import n from"classnames";import{SIZES as t}from"../../../constants/sizes.js";import o,{forwardRef as s,useRef as u,useState as i,useMemo as r,useCallback as l,useEffect as d}from"react";import c from"../../../hooks/useMergeRef.js";import a from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";import m from"../../../hooks/useClickOutside/index.js";import p from"./hooks/useSubMenuIndex.js";import v from"./hooks/useOnCloseMenu.js";import f from"./hooks/useCloseMenuOnKeyEvent.js";import I from"./hooks/useMenuKeyboardNavigation.js";import M from"./hooks/useMouseLeave.js";import{useAdjacentSelectableMenuIndex as b}from"./hooks/useAdjacentSelectableMenuIndex.js";import{useFocusWithin as h}from"../../../hooks/useFocusWithin.js";import x from"../../../hooks/usePrevious/index.js";import{withStaticProps as S}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getStyle as j}from"../../../helpers/typesciptCssModulesHelper.js";import{getTestId as O}from"../../../tests/testIds.js";import{ComponentDefaultTestId as k}from"../../../tests/constants.js";import{useFocusOnMount as g}from"./hooks/useFocusOnMount.js";import{useMenuId as C}from"./hooks/useMenuId.js";import{generateMenuItemId as y}from"./utils/utils.js";import E from"./Menu.module.scss.js";var A=s((function(s,S){var A=s.id,B=s.className,F=s.size,N=void 0===F?t.MEDIUM:F,P=s.tabIndex,D=void 0===P?0:P,L=s.ariaLabel,V=void 0===L?"Menu":L,z=s.ariaDescribedBy,R=s.children,T=s.isVisible,U=void 0===T||T,W=s.onClose,H=s.onItemFocus,K=s.focusOnMount,_=void 0!==K&&K,q=s.focusItemIndex,w=void 0===q?-1:q,G=s.focusItemIndexOnMount,J=void 0===G?-1:G,Q=s.isSubMenu,X=void 0!==Q&&Q,Y=s.useDocumentEventListeners,Z=void 0!==Y&&Y,$=s.shouldScrollMenu,ee=void 0!==$&&$,ne=s["data-testid"],te=u(null),oe=c(te,S),se=C(A),ue=u(null),ie=i(w),re=e(ie,2),le=re[0],de=re[1],ce=i(!1),ae=e(ce,2),me=ae[0],pe=ae[1],ve=r((function(){return o.Children.toArray(R).filter((function(e){return!!e.type.isMenuChild||(console.error("Menu child must be a menuChild item (such as MenuItem, MenuDivider, MenuTitle, etc). This child is not supported: ",e),!1)}))}),[R]),fe=l((function(e){var n,t,s;de(e);var u=ve[e],i=o.isValidElement(u)?(null===(n=null==u?void 0:u.props)||void 0===n?void 0:n.id)||"".concat(se,"-item-").concat(e):void 0;i?null===(t=null==te?void 0:te.current)||void 0===t||t.setAttribute("aria-activedescendant",i):null===(s=null==te?void 0:te.current)||void 0===s||s.removeAttribute("aria-activedescendant")}),[ve,se]),Ie=l((function(e){H&&H(e),fe(e),pe(!1)}),[fe,H]),Me=p(),be=Me.setSubMenuIsOpenByIndex,he=Me.hasOpenSubMenu,xe=Me.openSubMenuIndex,Se=Me.resetOpenSubMenuIndex,je=v({setActiveItemIndex:Ie,setOpenSubMenuIndex:Me.setOpenSubMenuIndex,onClose:W});m({ref:te,callback:function(){return je()}}),f({hasOpenSubMenu:he,onCloseMenu:je,ref:te,onClose:W,isSubMenu:X,useDocumentEventListeners:Z});var Oe=b({children:ve}),ke=Oe.getNextSelectableIndex,ge=Oe.getPreviousSelectableIndex;I({hasOpenSubMenu:he,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,activeItemIndex:le,setActiveItemIndex:Ie,isVisible:U,ref:te,useDocumentEventListeners:Z}),M({resetOpenSubMenuIndex:Se,hasOpenSubMenu:he,ref:te,setActiveItemIndex:Ie}),g({focusItemIndexOnMount:J,focusChildOnMount:ve[J],getNextSelectableIndex:ke,updateActiveItemIndex:fe,setIsInitialFocusSet:pe});var Ce=l((function(){pe(!0)}),[pe]),ye=x(he);d((function(){var e;he||Z||le>-1&&ye&&(null===(e=null==te?void 0:te.current)||void 0===e||e.focus())}),[le,he,ye,Z]),a((function(){_&&!Z&&requestAnimationFrame((function(){te&&te.current&&te.current.focus()}))}),[te,_,Z]);var Ee=h({onBlurWithin:function(){je&&je()}}).focusWithinProps;return o.createElement("ul",{onFocus:null==Ee?void 0:Ee.onFocus,onBlur:null==Ee?void 0:Ee.onBlur,id:se,"data-testid":ne||O(k.MENU,A),className:n(E.menu,j(E,N),B),ref:oe,tabIndex:D,"aria-label":V,role:"menu","aria-describedby":z,onMouseOver:Ce},ve&&o.Children.map(ve,(function(e,n){return o.isValidElement(e)?o.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{activeItemIndex:le,index:n,setActiveItemIndex:fe,menuRef:te,resetOpenSubMenuIndex:Se,isParentMenuVisible:U,setSubMenuIsOpenByIndex:be,hasOpenSubMenu:n===xe,closeMenu:je,id:y(se,e,n),useDocumentEventListeners:Z,isInitialSelectedState:me,shouldScrollMenu:ee,getNextSelectableIndex:ke,getPreviousSelectableIndex:ge,isUnderSubMenu:X,splitMenuItemIconButtonRef:ue})):null})))}));Object.assign(A,{isMenu:!0,supportFocusOnMount:!0});var B=S(A,{sizes:t});export{B as default};
 //# sourceMappingURL=Menu.js.map