@vibe/core 3.82.4 → 3.83.2

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\nimport { isFunction } from \"es-toolkit\";\nimport { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, isValidElement, PureComponent, type ReactElement } from \"react\";\nimport { type Modifier } from \"react-popper\";\nimport { Dialog, type DialogAnimationType, type DialogTriggerEvent } from \"@vibe/dialog\";\nimport {\n  DialogTriggerEventEnum as HideShowEventEnum,\n  DialogAnimationTypeEnum as AnimationTypeEnum\n} from \"@vibe/dialog\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { TooltipTheme as TooltipThemeEnum, TooltipPositions as TooltipPositionsEnum } from \"./TooltipConstants\";\nimport { type ElementContent } from \"../../types/ElementContent\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Tooltip.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { Flex } from \"@vibe/layout\";\nimport { type TooltipPositions, type TooltipTheme } from \"./Tooltip.types\";\n\nexport type TooltipProps = TooltipBaseProps & (TooltipWithChildrenProps | TooltipWithoutChildrenProps);\n\ninterface TooltipWithoutChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children?: ReactElement | Array<ReactElement>;\n}\n\ninterface TooltipWithChildrenProps {\n  /**\n   * If true, the tooltip will be rendered even if there are no children.\n   */\n  forceRenderWithoutChildren?: boolean;\n  /**\n   * The children elements that the tooltip is attached to.\n   */\n  children: ReactElement | Array<ReactElement>;\n}\n\n// TODO TS-migration extend DialogProps, once Dialog is migrated to TS\ninterface TooltipBaseProps extends VibeComponentProps {\n  /**\n   * The content displayed inside the tooltip.\n   */\n  content: ElementContent;\n  /**\n   * Inline styles applied to the tooltip container.\n   */\n  style?: CSSProperties;\n  /**\n   * Class name applied to the tooltip arrow.\n   */\n  arrowClassName?: string;\n  /**\n   * Offset values for positioning adjustments.\n   */\n  moveBy?: MoveBy;\n  /**\n   * The theme of the tooltip.\n   */\n  theme?: TooltipTheme;\n  /**\n   * Function to get the container where the tooltip should be rendered.\n   */\n  getContainer?: () => HTMLElement;\n  /**\n   * Delay in milliseconds before hiding the tooltip.\n   */\n  hideDelay?: number;\n  /**\n   * Delay in milliseconds before showing the tooltip.\n   */\n  showDelay?: number;\n  /**\n   * If true, disables the slide animation of the tooltip.\n   */\n  disableDialogSlide?: boolean;\n  /**\n   * The animation type used for showing/hiding the tooltip.\n   */\n  animationType?: DialogAnimationType;\n  /**\n   * If true, renders the tooltip without a dialog.\n   */\n  withoutDialog?: boolean;\n  /**\n   * The CSS selector of the container where the tooltip should be rendered.\n   */\n  containerSelector?: string;\n  /**\n   * Delay in milliseconds before showing the tooltip immediately.\n   */\n  immediateShowDelay?: number;\n  /**\n   * If false, hides the arrow of the tooltip.\n   */\n  tip?: boolean;\n  /**\n   * If true, the tooltip is shown when the component mounts.\n   */\n  shouldShowOnMount?: boolean;\n  /**\n   * If true, hides the tooltip when the reference element is hidden.\n   */\n  hideWhenReferenceHidden?: boolean;\n  /**\n   * Callback fired when the tooltip is hidden.\n   */\n  onTooltipHide?: () => void;\n  /**\n   * Callback fired when the tooltip is shown.\n   */\n  onTooltipShow?: () => void;\n  /**\n   * Custom Popper.js modifiers.\n   * https://popper.js.org/docs/v2/modifiers/\n   */\n  modifiers?: Array<Modifier<unknown>>;\n  /**\n   * The placement of the tooltip relative to the reference element.\n   */\n  position?: TooltipPositions;\n  /**\n   * Events that trigger showing the tooltip.\n   */\n  showTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * Events that trigger hiding the tooltip.\n   */\n  hideTrigger?: DialogTriggerEvent | Array<DialogTriggerEvent>;\n  /**\n   * If true, prevents closing the tooltip when the mouse enters it.\n   */\n  showOnDialogEnter?: boolean;\n  /**\n   * Class name applied to the reference wrapper element.\n   */\n  referenceWrapperClassName?: string;\n  /**\n   * If true, keyboard focus/blur events behave like mouse enter/leave.\n   */\n  addKeyboardHideShowTriggersByDefault?: boolean;\n  /**\n   * If true, controls the open state of the tooltip.\n   */\n  open?: boolean;\n  /**\n   * The z-index applied to the tooltip.\n   */\n  zIndex?: number;\n  /**\n   * The title of the tooltip.\n   */\n  title?: string;\n  /**\n   * The image displayed inside the tooltip.\n   */\n  image?: string;\n  /**\n   * The icon displayed next to the title.\n   */\n  icon?: SubIcon;\n  /**\n   * The maximum width of the tooltip.\n   */\n  maxWidth?: number;\n  /**\n   * The text direction of the tooltip: \"ltr\", \"rtl\", or \"auto\".\n   */\n  dir?: \"ltr\" | \"rtl\" | \"auto\";\n}\n// When last tooltip was shown in the last 1.5 second - the next tooltip will be shown immediately\nconst IMMEDIATE_SHOW_THRESHOLD_MS = 1500;\n\n// Shared state across multiple tooltip instances (i.e last tooltip shown time)\nconst globalState: { lastTooltipHideTS: number; openTooltipsCount: number } = {\n  lastTooltipHideTS: null,\n  openTooltipsCount: 0\n};\n\nexport default class Tooltip extends PureComponent<TooltipProps> {\n  wasShown: boolean;\n  static positions = TooltipPositionsEnum;\n  static hideShowTriggers = HideShowEventEnum;\n  static themes = TooltipThemeEnum;\n  static animationTypes = AnimationTypeEnum;\n  static defaultProps = {\n    moveBy: { main: 4, secondary: 0 },\n    theme: \"dark\",\n    position: \"top\",\n    hideDelay: 100,\n    showDelay: 300,\n    disableDialogSlide: true,\n    animationType: AnimationTypeEnum.EXPAND,\n    withoutDialog: false,\n    tip: true,\n    hideWhenReferenceHidden: false,\n    modifiers: new Array<Modifier<unknown>>(),\n    showTrigger: Tooltip.hideShowTriggers.MOUSE_ENTER,\n    hideTrigger: Tooltip.hideShowTriggers.MOUSE_LEAVE,\n    showOnDialogEnter: true,\n    referenceWrapperClassName: \"\",\n    addKeyboardHideShowTriggersByDefault: true,\n    open: false\n  };\n  constructor(props: TooltipProps) {\n    super(props);\n    this.renderTooltipContent = this.renderTooltipContent.bind(this);\n    this.getShowDelay = this.getShowDelay.bind(this);\n    this.onTooltipShow = this.onTooltipShow.bind(this);\n    this.onTooltipHide = this.onTooltipHide.bind(this);\n\n    this.wasShown = false;\n  }\n\n  renderTooltipContent() {\n    const { theme, content, className, style, maxWidth, title, image, icon, dir } = this.props;\n    if (!content) {\n      // don't render empty tooltip\n      return null;\n    }\n    let contentValue;\n    if (isFunction(content)) {\n      contentValue = content();\n    } else if (isValidElement(content)) {\n      contentValue = content;\n    } else if (typeof content === \"string\" && content) {\n      contentValue = content;\n    } else if (Array.isArray(content) && content.length > 0) {\n      // allow array of elements\n      contentValue = content;\n    }\n\n    if (!contentValue) {\n      return null;\n    }\n\n    return (\n      <div\n        style={maxWidth ? ({ ...style, \"--tooltip-max-width\": `${maxWidth}px` } as CSSProperties) : style}\n        className={cx(styles.tooltip, getStyle(styles, camelCase(theme)), className)}\n        dir={dir}\n      >\n        {image && <img className={styles.image} src={image} alt=\"\" />}\n        <div className={cx(styles.content)}>\n          {title && (\n            <Flex gap=\"xs\">\n              {icon && <Icon iconSize=\"20\" icon={icon} />}\n              <div className={styles.title}>{title}</div>\n            </Flex>\n          )}\n          {contentValue}\n        </div>\n      </div>\n    );\n  }\n\n  onTooltipShow() {\n    if (!this.wasShown) {\n      const { onTooltipShow } = this.props;\n      globalState.openTooltipsCount++;\n      this.wasShown = true;\n      onTooltipShow && onTooltipShow();\n    }\n  }\n\n  onTooltipHide() {\n    if (this.wasShown) {\n      const { onTooltipHide } = this.props;\n      globalState.lastTooltipHideTS = Date.now();\n      globalState.openTooltipsCount--;\n      this.wasShown = false;\n      onTooltipHide && onTooltipHide();\n    }\n  }\n\n  getTimeSinceLastTooltip() {\n    if (globalState.openTooltipsCount > 0) {\n      return 0;\n    }\n    return globalState.lastTooltipHideTS ? Date.now() - globalState.lastTooltipHideTS : Infinity;\n  }\n\n  getShowDelay() {\n    const { showDelay, immediateShowDelay } = this.props;\n    const timeSinceLastTooltip = this.getTimeSinceLastTooltip();\n    if ((immediateShowDelay === 0 || immediateShowDelay) && timeSinceLastTooltip < IMMEDIATE_SHOW_THRESHOLD_MS) {\n      // showing the tooltip immediately (without animation)\n      return {\n        showDelay: immediateShowDelay,\n        preventAnimation: true\n      };\n    }\n    return {\n      showDelay,\n      preventAnimation: false\n    };\n  }\n\n  render() {\n    const {\n      withoutDialog,\n      children,\n      forceRenderWithoutChildren,\n      theme,\n      tip,\n      arrowClassName,\n      id,\n      \"data-testid\": dataTestId,\n      position\n    } = this.props;\n\n    if (!children && !forceRenderWithoutChildren) {\n      return null;\n    }\n\n    if (withoutDialog) {\n      return this.renderTooltipContent();\n    }\n\n    const content = this.renderTooltipContent;\n    const dialogProps = {\n      ...this.props,\n      position: position,\n      \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.TOOLTIP, id),\n      tooltip: tip,\n      content,\n      tooltipClassName: cx(styles.arrow, getStyle(styles, theme), arrowClassName),\n      onDialogDidHide: this.onTooltipHide,\n      onDialogDidShow: this.onTooltipShow,\n      getDynamicShowDelay: this.getShowDelay\n    };\n    return (\n      <Dialog {...dialogProps} animationType=\"expand\">\n        {children}\n      </Dialog>\n    );\n  }\n}\n"],"names":["globalState","lastTooltipHideTS","openTooltipsCount","Tooltip","_PureComponent","props","_this","_classCallCheck","_callSuper","renderTooltipContent","bind","getShowDelay","onTooltipShow","onTooltipHide","wasShown","_inherits","PureComponent","_createClass","key","value","contentValue","_this$props","this","theme","content","className","style","maxWidth","title","image","icon","dir","isFunction","isValidElement","Array","isArray","length","React","Object","assign","concat","cx","styles","tooltip","getStyle","camelCase","createElement","src","alt","Flex","gap","Icon","iconSize","Date","now","Infinity","_this$props2","showDelay","immediateShowDelay","timeSinceLastTooltip","getTimeSinceLastTooltip","preventAnimation","_this$props3","children","tip","arrowClassName","id","dataTestId","position","forceRenderWithoutChildren","withoutDialog","dialogProps","getTestId","ComponentDefaultTestId","TOOLTIP","tooltipClassName","arrow","onDialogDidHide","onDialogDidShow","getDynamicShowDelay","Dialog","animationType","positions","TooltipPositionsEnum","hideShowTriggers","HideShowEventEnum","themes","TooltipThemeEnum","animationTypes","AnimationTypeEnum","defaultProps","moveBy","main","secondary","hideDelay","disableDialogSlide","EXPAND","hideWhenReferenceHidden","modifiers","showTrigger","MOUSE_ENTER","hideTrigger","MOUSE_LEAVE","showOnDialogEnter","referenceWrapperClassName","addKeyboardHideShowTriggersByDefault","open"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var a={tooltip:"tooltip_743816ebe1",image:"image_9795dda8cd",title:"title_dd5b4f6c41",content:"content_971952dfa0",paddingSizeMd:"paddingSizeMd_f403c79d92",tooltipWhiteLink:"tooltipWhiteLink_0f49d976ba",arrow:"arrow_fc1a399d01",dark:"dark_f6b747db89",primary:"primary_0f0d4f0ae0"};!function(a){const r="s_id-6a6e92472798_3_82_3";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const o=document.createElement("style");o.id=r,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=a)}("/* stylelint-disable */\n/* stylelint-enable */\n.tooltip_743816ebe1 {\n  position: relative;\n  display: inline-block;\n  border-radius: var(--tooltip-border-radius, var(--border-radius-small));\n  box-shadow: var(--box-shadow-medium);\n  font: var(--font-text2-normal);\n  max-width: var(--tooltip-max-width, 50vw);\n  word-break: break-word;\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n  --tooltip-max-width: 240px;\n  white-space: pre-wrap;\n}\n.tooltip_743816ebe1 .image_9795dda8cd {\n  display: block;\n  position: relative;\n  border-top-right-radius: 2px;\n  border-top-left-radius: 2px;\n  padding: 2px 2px 0 2px;\n  object-fit: cover;\n  width: 100%;\n  height: 100%;\n  min-width: var(--tooltip-max-width);\n  z-index: 1;\n}\n.tooltip_743816ebe1 .title_dd5b4f6c41 {\n  font: var(--font-text2-bold);\n}\n.tooltip_743816ebe1 .content_971952dfa0 {\n  word-break: break-word;\n  display: inline-block;\n  padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_743816ebe1.paddingSizeMd_f403c79d92 {\n  border-radius: var(--border-radius-medium);\n  padding: var(--spacing-medium);\n  font: var(--font-text2-normal);\n}\n.tooltip_743816ebe1 a.tooltipWhiteLink_0f49d976ba {\n  color: #fff;\n}\n.arrow_fc1a399d01,\n.dark_f6b747db89,\n.arrow_fc1a399d01.dark_f6b747db89 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.dark-app-theme .arrow_fc1a399d01.arrow_fc1a399d01.dark_f6b747db89, .black-app-theme .arrow_fc1a399d01.arrow_fc1a399d01.dark_f6b747db89, .hacker-app-theme .arrow_fc1a399d01.arrow_fc1a399d01.dark_f6b747db89,\n.dark-app-theme .arrow_fc1a399d01.arrow_fc1a399d01.primary_0f0d4f0ae0,\n.black-app-theme .arrow_fc1a399d01.arrow_fc1a399d01.primary_0f0d4f0ae0,\n.hacker-app-theme .arrow_fc1a399d01.arrow_fc1a399d01.primary_0f0d4f0ae0 {\n  box-shadow: none;\n}\n.primary_0f0d4f0ae0,\n.arrow_fc1a399d01.primary_0f0d4f0ae0 {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n}");export{a as default};
-//# sourceMappingURL=Tooltip.module.scss.js.map

package/dist/src/components/Tooltip/Tooltip.module.scss.js.map

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

package/dist/src/components/Tooltip/TooltipConstants.js

@@ -1,2 +0,0 @@
-var r,t;!function(r){r.TOP="top",r.RIGHT="right",r.BOTTOM="bottom",r.LEFT="left"}(r||(r={})),function(r){r.Dark="dark",r.Primary="primary"}(t||(t={}));export{r as TooltipPositions,t as TooltipTheme};
-//# sourceMappingURL=TooltipConstants.js.map

package/dist/src/components/Tooltip/TooltipConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipConstants.js","sources":["../../../../src/components/Tooltip/TooltipConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TooltipPositions {\n  TOP = \"top\",\n  RIGHT = \"right\",\n  BOTTOM = \"bottom\",\n  LEFT = \"left\"\n}\n\n/**\n * @deprecated\n */\nexport enum TooltipTheme {\n  Dark = \"dark\",\n  Primary = \"primary\"\n}\n"],"names":["TooltipPositions","TooltipTheme"],"mappings":"IAGYA,EAUAC,GAVZ,SAAYD,GACVA,EAAA,IAAA,MACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,KAAA,OACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Typography/Typography.js

@@ -1,2 +0,0 @@
-import{__rest as o}from"../../../_virtual/_tslib.js";import t,{forwardRef as s,useContext as e,useRef as i}from"react";import r from"classnames";import l from"../../hooks/useMergeRef.js";import{getTestId as a}from"../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{useEllipsisClass as p,useTooltipProps as n}from"./TypographyHooks.js";import d from"../Tooltip/Tooltip.js";import{TypographyContext as c}from"./utils/TypographyContext.js";import f from"./Typography.module.scss.js";var h=s((function(s,h){var v=s.className,y=s.id,g=s.children,j=s.tooltipProps,u=s["data-testid"],T=void 0===u?a(m.TEXT,y):u,x=s.element,b=void 0===x?"span":x,w=s.color,E=void 0===w?"primary":w,N=s.align,k=void 0===N?"start":N,I=s.ellipsis,L=void 0===I||I,O=s.maxLines,P=void 0===O?1:O,_=s.withoutTooltip,C=void 0!==_&&_,H=s.role,M=o(s,["className","id","children","tooltipProps","data-testid","element","color","align","ellipsis","maxLines","withoutTooltip","role"]),R=e(c).overflowTolerance,X=i(null),q=l(h,X),z=1===P,A=p(L,P),B=A.class,D=A.style,F=n(X,C,L,j,g,z,R),G="inherit"===k?"alignInherit":k;return t.createElement(d,Object.assign({},F),t.createElement(b,Object.assign({id:y,style:D,"data-testid":T,className:r(f.typography,f[E],f[G],B,v),ref:q,role:H},M),g))}));export{h as default};
-//# sourceMappingURL=Typography.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Typography.js","sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { forwardRef, useRef, type HTMLAttributes, useContext } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type ElementContent } from \"../../types\";\nimport { type TypographyAlign, type TypographyColor } from \"./Typography.types\";\nimport { useEllipsisClass, useTooltipProps } from \"./TypographyHooks\";\nimport Tooltip, { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport { TypographyContext } from \"./utils/TypographyContext\";\nimport styles from \"./Typography.module.scss\";\n\nexport interface TypographyProps extends VibeComponentProps, HTMLAttributes<HTMLElement> {\n  /**\n   * The HTML element tag used for the text component.\n   */\n  element?: string;\n  /**\n   * The content inside the typography component.\n   */\n  children: ElementContent;\n  /**\n   * The text color.\n   */\n  color?: TypographyColor;\n  /**\n   * The text alignment.\n   */\n  align?: TypographyAlign;\n  /**\n   * If true, truncates overflowing text with an ellipsis.\n   */\n  ellipsis?: boolean;\n  /**\n   * The maximum number of lines before truncating with an ellipsis.\n   */\n  maxLines?: number;\n  /**\n   * Props passed to the tooltip displayed when hovering over the text.\n   */\n  tooltipProps?: Partial<TooltipProps>;\n  /**\n   * If true, disables the tooltip that appears when text is truncated.\n   */\n  withoutTooltip?: boolean;\n}\n\nconst Typography = forwardRef(\n  (\n    {\n      className,\n      id,\n      children,\n      tooltipProps,\n      \"data-testid\": dataTestId = getTestId(ComponentDefaultTestId.TEXT, id),\n      element = \"span\",\n      color = \"primary\",\n      align = \"start\",\n      ellipsis = true,\n      maxLines = 1,\n      withoutTooltip = false,\n      role,\n      ...htmlAttributes\n    }: TypographyProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const { overflowTolerance } = useContext(TypographyContext);\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const ignoreHeightOverflow = maxLines === 1;\n    const { class: ellipsisClass, style: ellipsisStyle } = useEllipsisClass(ellipsis, maxLines);\n    const overrideTooltipProps = useTooltipProps(\n      componentRef,\n      withoutTooltip,\n      ellipsis,\n      tooltipProps,\n      children,\n      ignoreHeightOverflow,\n      overflowTolerance\n    ) as TooltipProps;\n\n    const overrideAlign = align === \"inherit\" ? \"alignInherit\" : align;\n\n    return (\n      <Tooltip {...overrideTooltipProps}>\n        {React.createElement(\n          element,\n          {\n            id,\n            style: ellipsisStyle,\n            \"data-testid\": dataTestId,\n            className: cx(styles.typography, styles[color], styles[overrideAlign], ellipsisClass, className),\n            ref: mergedRef,\n            role,\n            ...htmlAttributes\n          },\n          children\n        )}\n      </Tooltip>\n    );\n  }\n);\n\nexport default Typography;\n"],"names":["Typography","forwardRef","_a","ref","className","id","children","tooltipProps","_a$dataTestid","dataTestId","getTestId","ComponentDefaultTestId","TEXT","_a$element","element","_a$color","color","_a$align","align","_a$ellipsis","ellipsis","_a$maxLines","maxLines","_a$withoutTooltip","withoutTooltip","role","htmlAttributes","__rest","overflowTolerance","useContext","TypographyContext","componentRef","useRef","mergedRef","useMergeRef","ignoreHeightOverflow","_useEllipsisClass","useEllipsisClass","ellipsisClass","class","ellipsisStyle","style","overrideTooltipProps","useTooltipProps","overrideAlign","React","createElement","Tooltip","Object","assign","cx","styles","typography"],"mappings":"8gBAgDMA,IAAAA,EAAaC,GACjB,SACEC,EAeAC,OAdEC,IAAAA,UACAC,IAAAA,GACAC,IAAAA,SACAC,IAAAA,aAAYC,IACZ,eAAeC,OAAaC,IAAHF,EAAGE,EAAUC,EAAuBC,KAAMP,GAAGG,EAAAK,IACtEC,QAAAA,OAAU,IAAHD,EAAG,OAAMA,EAAAE,IAChBC,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,IACjBC,MAAAA,OAAQ,IAAHD,EAAG,QAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,IACfC,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAAE,IACZC,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,IAAAA,KACGC,EAbLC,EAAAzB,EAAA,CAAA,YAAA,KAAA,WAAA,eAAA,cAAA,UAAA,QAAA,QAAA,WAAA,WAAA,iBAAA,SAiBQ0B,EAAsBC,EAAWC,GAAjCF,kBACFG,EAAeC,EAAO,MACtBC,EAAYC,EAAY/B,EAAK4B,GAC7BI,EAAoC,IAAbb,EAC7Bc,EAAuDC,EAAiBjB,EAAUE,GAAnEgB,EAAaF,EAApBG,MAA6BC,EAAaJ,EAApBK,MACxBC,EAAuBC,EAC3BZ,EACAP,EACAJ,EACAb,EACAD,EACA6B,EACAP,GAGIgB,EAA0B,YAAV1B,EAAsB,eAAiBA,EAE7D,OACE2B,EAACC,cAAAC,EAAYC,OAAAC,OAAA,CAAA,EAAAP,GACVG,EAAMC,cACLhC,EAEEkC,OAAAC,OAAA,CAAA5C,GAAAA,EACAoC,MAAOD,EACP,cAAe/B,EACfL,UAAW8C,EAAGC,EAAOC,WAAYD,EAAOnC,GAAQmC,EAAOP,GAAgBN,EAAelC,GACtFD,IAAK8B,EACLR,KAAAA,GACGC,GAELpB,GAIR"}

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

@@ -1,2 +0,0 @@
-var e={typography:"typography_e66b3cb819","focus-visible":"focus-visible_0205dda0d5",primary:"primary_445dfdca62",secondary:"secondary_ae9cb4d312",negative:"negative_d585eca275",onPrimary:"onPrimary_a98cc45446",onInverted:"onInverted_9f6d96a36b",fixedLight:"fixedLight_01a157d065",fixedDark:"fixedDark_8faf57de9d",inherit:"inherit_8aa4d2428c",alignInherit:"alignInherit_c79572d865",start:"start_a8c7eafc60",center:"center_0b094fdb2f",end:"end_a005992585",singleLineEllipsis:"singleLineEllipsis_5ccb0eeb1b",multiLineEllipsis:"multiLineEllipsis_26e0b3bfbe"};!function(e){const n="s_id-1a3a21ac499a_3_82_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,i.firstChild?i.insertBefore(r,i.firstChild):i.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable selector-class-pattern */\n.typography_e66b3cb819 > a {\n  text-decoration: none;\n  color: var(--link-color);\n}\n.typography_e66b3cb819 > a:focus-visible, .typography_e66b3cb819 > a.focus-visible_0205dda0d5 {\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.typography_e66b3cb819 > a:focus:not(.focus-visible_0205dda0d5) {\n  outline: none;\n}\n.typography_e66b3cb819 > a:hover {\n  text-decoration: underline;\n}\n.typography_e66b3cb819:disabled, .typography_e66b3cb819[aria-disabled=true] {\n  color: var(--disabled-text-color);\n}\n.primary_445dfdca62 {\n  color: var(--primary-text-color);\n}\n.secondary_ae9cb4d312 {\n  color: var(--secondary-text-color);\n}\n.negative_d585eca275 {\n  color: var(--color-error);\n}\n.onPrimary_a98cc45446 {\n  color: var(--text-color-on-primary);\n}\n.onPrimary_a98cc45446 a {\n  color: var(--text-color-on-primary);\n  text-decoration: underline;\n}\n.onInverted_9f6d96a36b {\n  color: var(--text-color-on-inverted);\n}\n.onInverted_9f6d96a36b a {\n  color: var(--text-color-on-inverted);\n  text-decoration: underline;\n}\n.fixedLight_01a157d065 {\n  color: var(--fixed-light-color);\n}\n.fixedLight_01a157d065 a {\n  color: var(--fixed-light-color);\n  text-decoration: underline;\n}\n.fixedDark_8faf57de9d {\n  color: var(--fixed-dark-color);\n}\n.fixedDark_8faf57de9d a {\n  color: var(--fixed-dark-color);\n  text-decoration: underline;\n}\n.inherit_8aa4d2428c {\n  color: inherit;\n}\n.inherit_8aa4d2428c a {\n  color: inherit;\n  text-decoration: underline;\n}\n.alignInherit_c79572d865 {\n  text-align: inherit;\n}\n.start_a8c7eafc60 {\n  text-align: start;\n}\n.center_0b094fdb2f {\n  text-align: center;\n}\n.end_a005992585 {\n  text-align: end;\n}\n.singleLineEllipsis_5ccb0eeb1b {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.multiLineEllipsis_26e0b3bfbe {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-line-clamp: var(--text-clamp-lines);\n  -webkit-box-orient: vertical;\n  white-space: initial;\n}");export{e as default};
-//# sourceMappingURL=Typography.module.scss.js.map

package/dist/src/components/Typography/Typography.module.scss.js.map

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

package/dist/src/components/Typography/TypographyConstants.js

@@ -1,2 +0,0 @@
-var e,n;!function(e){e.PRIMARY="primary",e.SECONDARY="secondary",e.ON_PRIMARY="onPrimary",e.ON_INVERTED="onInverted",e.FIXED_LIGHT="fixedLight",e.FIXED_DARK="fixedDark",e.INHERIT="inherit",e.NEGATIVE="negative"}(e||(e={})),function(e){e.START="start",e.CENTER="center",e.END="end",e.INHERIT="inherit"}(n||(n={}));export{n as TypographyAlign,e as TypographyColor};
-//# sourceMappingURL=TypographyConstants.js.map

package/dist/src/components/Typography/TypographyConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyConstants.js","sources":["../../../../src/components/Typography/TypographyConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum TypographyColor {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  ON_PRIMARY = \"onPrimary\",\n  ON_INVERTED = \"onInverted\",\n  FIXED_LIGHT = \"fixedLight\",\n  FIXED_DARK = \"fixedDark\",\n  INHERIT = \"inherit\",\n  NEGATIVE = \"negative\"\n}\n\n/**\n * @deprecated\n */\nexport enum TypographyAlign {\n  START = \"start\",\n  CENTER = \"center\",\n  END = \"end\",\n  INHERIT = \"inherit\"\n}\n"],"names":["TypographyColor","TypographyAlign"],"mappings":"IAGYA,EAcAC,GAdZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,YAAA,aACAA,EAAA,WAAA,YACAA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CATD,CAAYA,IAAAA,EASX,CAAA,IAKD,SAAYC,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,IAAA,MACAA,EAAA,QAAA,SACD,CALD,CAAYA,IAAAA,EAKX,CAAA"}

package/dist/src/components/Typography/TypographyHooks.js

@@ -1,2 +0,0 @@
-import{useMemo as e}from"react";import r from"../../hooks/useIsOverflowing/useIsOverflowing.js";import n from"./Typography.module.scss.js";function s(r){var s=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;return e((function(){var e,i;return r&&(e=s>1?n.multiLineEllipsis:n.singleLineEllipsis,s>1&&(i={"--text-clamp-lines":""+s})),{class:e,style:i}}),[r,s])}function i(e,n,s,i,t,o,l){var c=r({ref:s?e:null,ignoreHeightOverflow:o,tolerance:l});return!n&&s&&c?Object.assign(Object.assign({},i),{content:t}):{}}export{s as useEllipsisClass,i as useTooltipProps};
-//# sourceMappingURL=TypographyHooks.js.map

package/dist/src/components/Typography/TypographyHooks.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyHooks.js","sources":["../../../../src/components/Typography/TypographyHooks.tsx"],"sourcesContent":["import { type MutableRefObject, useMemo } from \"react\";\nimport { type ElementContent } from \"../../types\";\nimport useIsOverflowing from \"../../hooks/useIsOverflowing/useIsOverflowing\";\nimport { type TooltipProps } from \"../Tooltip/Tooltip\";\nimport styles from \"./Typography.module.scss\";\n\nexport function useEllipsisClass(ellipsis: boolean, maxLines = 1) {\n  const result = useMemo(() => {\n    let ellipsisClass: string;\n    let style: Record<string, string>;\n    // If component contains ellipsis return the fit ellipsis class\n    if (ellipsis) {\n      ellipsisClass = maxLines > 1 ? styles.multiLineEllipsis : styles.singleLineEllipsis;\n      if (maxLines > 1) {\n        // not relevant for single line ellipsis\n        style = { \"--text-clamp-lines\": maxLines.toString() };\n      }\n    }\n\n    return { class: ellipsisClass, style };\n  }, [ellipsis, maxLines]);\n  return result;\n}\n\nexport function useTooltipProps(\n  ref: MutableRefObject<HTMLElement>,\n  withoutTooltip: boolean,\n  ellipsis: boolean,\n  tooltipProps: Partial<TooltipProps>,\n  children: ElementContent,\n  ignoreHeightOverflow: boolean,\n  overflowTolerance: number\n) {\n  const isOverflowing = useIsOverflowing({\n    ref: ellipsis ? ref : null,\n    ignoreHeightOverflow,\n    tolerance: overflowTolerance\n  });\n  const isTooltipRendered = !withoutTooltip && ellipsis && isOverflowing;\n  return isTooltipRendered ? { ...tooltipProps, content: children } : {};\n}\n"],"names":["useEllipsisClass","ellipsis","maxLines","arguments","length","undefined","useMemo","ellipsisClass","style","styles","multiLineEllipsis","singleLineEllipsis","class","useTooltipProps","ref","withoutTooltip","tooltipProps","children","ignoreHeightOverflow","overflowTolerance","isOverflowing","useIsOverflowing","tolerance","Object","assign","content"],"mappings":"oJAMgBA,EAAiBC,GAA+B,IAAZC,EAAQC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAe7D,OAdeG,GAAQ,WACrB,IAAIC,EACAC,EAUJ,OARIP,IACFM,EAAgBL,EAAW,EAAIO,EAAOC,kBAAoBD,EAAOE,mBAC7DT,EAAW,IAEbM,EAAQ,CAAE,qBAAsBN,QAI7B,CAAEU,MAAOL,EAAeC,MAAAA,EACjC,GAAG,CAACP,EAAUC,GAEhB,CAEgB,SAAAW,EACdC,EACAC,EACAd,EACAe,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAgBC,EAAiB,CACrCP,IAAKb,EAAWa,EAAM,KACtBI,qBAAAA,EACAI,UAAWH,IAGb,OAD2BJ,GAAkBd,GAAYmB,EAC/BG,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAMR,GAAY,CAAES,QAASR,IAAa,CAAA,CACtE"}

package/dist/src/components/Typography/utils/TypographyContext.js

@@ -1,2 +0,0 @@
-import e from"react";var r=e.createContext({overflowTolerance:0});export{r as TypographyContext};
-//# sourceMappingURL=TypographyContext.js.map

package/dist/src/components/Typography/utils/TypographyContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypographyContext.js","sources":["../../../../../src/components/Typography/utils/TypographyContext.ts"],"sourcesContent":["import React from \"react\";\n\ntype TypographyContext = {\n  /**\n   * Sets a tolerance for vertical overflow to avoid undeed detetction of overflow\n   * Useful for cases where line-height is set and it's smaller than the font's line-height\n   */\n  overflowTolerance: number;\n};\n\nexport const TypographyContext = React.createContext<TypographyContext>({ overflowTolerance: 0 });\n"],"names":["TypographyContext","React","createContext","overflowTolerance"],"mappings":"yBAUaA,EAAoBC,EAAMC,cAAiC,CAAEC,kBAAmB"}

package/dist/src/hooks/useIsOverflowing/useIsOverflowing.js

@@ -1,2 +0,0 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useCallback as t}from"react";import i from"../useResizeObserver.js";function n(r,e){return!!r&&(r.scrollWidth>r.clientWidth+(arguments.length>3&&void 0!==arguments[3]?arguments[3]:0)||!e&&r.scrollHeight>r.clientHeight+(arguments.length>2&&void 0!==arguments[2]?arguments[2]:0))}function o(o){var l=o.ref,u=o.ignoreHeightOverflow,c=void 0!==u&&u,a=o.tolerance,f=o.widthTolerance,d=e((function(){return n(null==l?void 0:l.current,c,a,f)})),s=r(d,2),v=s[0],h=s[1],g=t((function(){var r=null==l?void 0:l.current;if(r){var e=n(r,c,a,f);h((function(r){return r!==e?e:r}))}}),[c,l,a,f]);return i({ref:l,callback:g,debounceTime:0}),v}export{o as default};
-//# sourceMappingURL=useIsOverflowing.js.map

package/dist/src/hooks/useIsOverflowing/useIsOverflowing.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useIsOverflowing.js","sources":["../../../../src/hooks/useIsOverflowing/useIsOverflowing.ts"],"sourcesContent":["import { type RefObject, useCallback, useState } from \"react\";\nimport useResizeObserver from \"../useResizeObserver\";\n\nfunction checkOverflow(element: HTMLElement, ignoreHeightOverflow: boolean, heightTolerance = 0, widthTolerance = 0) {\n  if (!element) {\n    return false;\n  }\n  const isOverflowingWidth = element.clientWidth + widthTolerance < element.scrollWidth;\n  const isOverflowingHeight = !ignoreHeightOverflow && element.clientHeight + heightTolerance < element.scrollHeight;\n  return isOverflowingWidth || isOverflowingHeight;\n}\n\nexport default function useIsOverflowing({\n  ref,\n  ignoreHeightOverflow = false,\n  tolerance: heightTolerance,\n  widthTolerance\n}: {\n  /**\n   * The ref of the element to check for overflow.\n   */\n  ref: RefObject<HTMLElement>;\n  /**\n   * Whether to ignore height overflow.\n   */\n  ignoreHeightOverflow?: boolean;\n  /**\n   * The tolerance value to consider the element as overflowing (height overflow).\n   */\n  tolerance?: number;\n  /**\n   * The tolerance value to consider the element as overflowing (width overflow).\n   */\n  widthTolerance?: number;\n}) {\n  const [isOverflowing, setIsOverflowing] = useState<boolean>(() =>\n    checkOverflow(ref?.current, ignoreHeightOverflow, heightTolerance, widthTolerance)\n  );\n  const callback = useCallback(() => {\n    const element = ref?.current;\n    if (!element) return;\n\n    const newOverflowState = checkOverflow(element, ignoreHeightOverflow, heightTolerance, widthTolerance);\n    setIsOverflowing(prevState => (prevState !== newOverflowState ? newOverflowState : prevState));\n  }, [ignoreHeightOverflow, ref, heightTolerance, widthTolerance]);\n\n  useResizeObserver({\n    ref,\n    callback,\n    debounceTime: 0\n  });\n\n  return isOverflowing;\n}\n"],"names":["checkOverflow","element","ignoreHeightOverflow","scrollWidth","clientWidth","arguments","length","undefined","scrollHeight","clientHeight","useIsOverflowing","_ref","ref","_ref$ignoreHeightOver","heightTolerance","tolerance","widthTolerance","_useState","useState","current","_useState2","_slicedToArray","isOverflowing","setIsOverflowing","callback","useCallback","newOverflowState","prevState","useResizeObserver","debounceTime"],"mappings":"wKAGA,SAASA,EAAcC,EAAsBC,GAC3C,QAAKD,IAG6DA,EAAQE,YAA/CF,EAAQG,aAJ0EC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,KAKnFH,GAAiED,EAAQO,aAAjDP,EAAQQ,cAL4BJ,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,GAO9F,CAEc,SAAUK,EAAgBC,GAsBvC,IArBCC,EAAGD,EAAHC,IAAGC,EAAAF,EACHT,qBAAAA,OAAuB,IAAHW,GAAQA,EACjBC,EAAeH,EAA1BI,UACAC,EAAcL,EAAdK,eAmBAC,EAA0CC,GAAkB,WAAA,OAC1DlB,EAAcY,aAAA,EAAAA,EAAKO,QAASjB,EAAsBY,EAAiBE,MACpEI,EAAAC,EAAAJ,EAAA,GAFMK,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAWC,GAAY,WAC3B,IAAMxB,EAAUW,aAAA,EAAAA,EAAKO,QACrB,GAAKlB,EAAL,CAEA,IAAMyB,EAAmB1B,EAAcC,EAASC,EAAsBY,EAAiBE,GACvFO,GAAiB,SAAAI,GAAS,OAAKA,IAAcD,EAAmBA,EAAmBC,CAAS,GAH9E,CAIf,GAAE,CAACzB,EAAsBU,EAAKE,EAAiBE,IAQhD,OANAY,EAAkB,CAChBhB,IAAAA,EACAY,SAAAA,EACAK,aAAc,IAGTP,CACT"}

package/dist/src/hooks/useResizeObserver.js

@@ -1,2 +0,0 @@
-import{useCallback as e,useEffect as r}from"react";import{debounce as n}from"es-toolkit";function i(i){var o=i.ref,t=i.callback,c=i.debounceTime,l=void 0===c?200:c,u=e(n(t,l),[t,l]);r((function(){if(window.ResizeObserver&&(null==o?void 0:o.current)){var e=null,r=new ResizeObserver((function(r){var i,o=r[0];if(o&&o.borderBoxSize){if(Array.isArray(o.borderBoxSize))e=n(o.borderBoxSize[0]);else e=n(o.borderBoxSize)}else{if(!o.contentRect)return;var t={blockSize:o.contentRect.height,inlineSize:(null===(i=null==o?void 0:o.contentRect)||void 0===i?void 0:i.width)||0};e=n(t)}}));return r.observe(null==o?void 0:o.current),function(){0!==l&&u.cancel(),e&&window.cancelAnimationFrame(e),r.disconnect()}}function n(e){var r=Array.isArray(e)?e[0]:e;return window.requestAnimationFrame((function(){u({borderBoxSize:r})}))}}),[null==o?void 0:o.current,t,l,u])}export{i as default};
-//# sourceMappingURL=useResizeObserver.js.map

package/dist/src/hooks/useResizeObserver.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResizeObserver.js","sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { type RefObject, useCallback, useEffect } from \"react\";\nimport { debounce } from \"es-toolkit\";\n\ntype ResizeCallback = ({ borderBoxSize }: { borderBoxSize: ResizeObserverSize }) => void;\n\nexport default function useResizeObserver({\n  ref,\n  callback,\n  debounceTime = 200\n}: {\n  ref: RefObject<HTMLElement>;\n  callback: ResizeCallback;\n  debounceTime?: number;\n}) {\n  const debouncedCallback = useCallback(debounce<ResizeCallback>(callback, debounceTime), [callback, debounceTime]);\n\n  useEffect(() => {\n    if (!window.ResizeObserver) {\n      return;\n    }\n    if (!ref?.current) return;\n\n    function borderBoxSizeCallback(borderBoxSize: ResizeObserverSize | ReadonlyArray<ResizeObserverSize>): number {\n      const value = Array.isArray(borderBoxSize) ? borderBoxSize[0] : borderBoxSize;\n      return window.requestAnimationFrame(() => {\n        debouncedCallback({ borderBoxSize: value });\n      });\n    }\n\n    let animationFrameId: number | null = null;\n\n    const resizeObserver = new ResizeObserver(entries => {\n      const entry = entries[0];\n      if (entry && entry.borderBoxSize) {\n        // handle chrome (entry.borderBoxSize[0])\n        // handle ff (entry.borderBoxSize)\n        if (!Array.isArray(entry.borderBoxSize)) {\n          animationFrameId = borderBoxSizeCallback(entry.borderBoxSize);\n        } else {\n          const borderBoxEntry = entry.borderBoxSize[0];\n          animationFrameId = borderBoxSizeCallback(borderBoxEntry);\n        }\n      } else if (entry.contentRect) {\n        // handle safari (entry.contentRect)\n        const borderBoxSize = { blockSize: entry.contentRect.height, inlineSize: entry?.contentRect?.width || 0 };\n        animationFrameId = borderBoxSizeCallback(borderBoxSize);\n      } else {\n        return;\n      }\n    });\n\n    resizeObserver.observe(ref?.current);\n\n    return () => {\n      if (debounceTime !== 0) {\n        debouncedCallback.cancel();\n      }\n\n      if (animationFrameId) {\n        window.cancelAnimationFrame(animationFrameId);\n      }\n\n      resizeObserver.disconnect();\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ref?.current, callback, debounceTime, debouncedCallback]);\n}\n"],"names":["useResizeObserver","_ref","ref","callback","_ref$debounceTime","debounceTime","debouncedCallback","useCallback","debounce","useEffect","window","ResizeObserver","current","animationFrameId","resizeObserver","entries","entry","borderBoxSize","Array","isArray","borderBoxSizeCallback","contentRect","blockSize","height","inlineSize","_a","width","observe","cancel","cancelAnimationFrame","disconnect","value","requestAnimationFrame"],"mappings":"yFAKwB,SAAAA,EAAiBC,GAQxC,IAPCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,aAAAA,OAAe,IAAHD,EAAG,IAAGA,EAMZE,EAAoBC,EAAYC,EAAyBL,EAAUE,GAAe,CAACF,EAAUE,IAEnGI,GAAU,WACR,GAAKC,OAAOC,iBAGPT,aAAA,EAAAA,EAAKU,SAAV,CASA,IAAIC,EAAkC,KAEhCC,EAAiB,IAAIH,gBAAe,SAAAI,SAClCC,EAAQD,EAAQ,GACtB,GAAIC,GAASA,EAAMC,cAAe,CAGhC,GAAKC,MAAMC,QAAQH,EAAMC,eAIvBJ,EAAmBO,EADIJ,EAAMC,cAAc,SAF3CJ,EAAmBO,EAAsBJ,EAAMC,cAKlD,KAAM,KAAID,EAAMK,YAKf,OAHA,IAAMJ,EAAgB,CAAEK,UAAWN,EAAMK,YAAYE,OAAQC,YAA8B,QAAlBC,EAAAT,aAAK,EAALA,EAAOK,mBAAW,IAAAI,OAAA,EAAAA,EAAEC,QAAS,GACtGb,EAAmBO,EAAsBH,EAG1C,CACH,IAIA,OAFAH,EAAea,QAAQzB,aAAG,EAAHA,EAAKU,SAErB,WACgB,IAAjBP,GACFC,EAAkBsB,SAGhBf,GACFH,OAAOmB,qBAAqBhB,GAG9BC,EAAegB,aA1CE,CAEnB,SAASV,EAAsBH,GAC7B,IAAMc,EAAQb,MAAMC,QAAQF,GAAiBA,EAAc,GAAKA,EAChE,OAAOP,OAAOsB,uBAAsB,WAClC1B,EAAkB,CAAEW,cAAec,GACrC,GACF,CAsCD,GAAE,CAAC7B,eAAAA,EAAKU,QAAST,EAAUE,EAAcC,GAC5C"}