@e1011/es-kit 1.4.0 → 1.5.2

package/dist/ui/src/core/ui/components/icon/IconBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconBase.js","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","_ref","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","cursor","onClickProps","role","tabIndex","React","createElement","_extends","classes","displayName"],"mappings":"8KAsBaA,EAA8BC,EAAAA,MAAoBC,IAG1C,IAH2CC,QAC9DA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,KAAEA,EAAIC,SAClCA,EAAQC,MAAEA,EAAKC,OAAEA,EAAMC,MAAEA,EAAQ,eAAcC,UAAEA,EAAY,GAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,QAAEA,KAAYC,GACtFd,EACd,MAAMe,EAAiBd,GAAWe,EAAAA,aAAaf,GAEzCgB,EAASC,EAAAA,SAAQ,KAAA,CAEnB,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,UAC1BF,EAAW,CAAEA,YAAa,MAC1BU,EAAiB,CAAE,aAAc,OAAOA,MAAsB,MAC9DA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,MACvEK,EAAU,CAAEM,OAAQ,WAAc,MACnCP,KAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,IAElFQ,EAAeF,WAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAU,GACP,CAAA,GAAK,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAAA,QAAA,CAAA,EACMX,EACAM,EAAY,CAChBX,UAAW,GAAGiB,EAAAA,QAAQ,0BAA0BjB,IAChDG,MAAOK,KAEJF,GAAkBL,GAAaA,GAC/BK,GAAkBJ,GAASA,EACzB,IAIXb,EAAS6B,YAAc"}
+{"version":3,"file":"IconBase.js","sources":["../../../../../../../src/core/ui/components/icon/IconBase.tsx"],"sourcesContent":["import { CSSProperties, memo, useMemo, FC, PropsWithChildren, MouseEvent, KeyboardEvent, ReactNode } from 'react'\n\nimport classes from './icon.module.scss'\nimport { unifyIconUrl } from './unifyIconUrl'\n\n\nexport type IconBaseProps = PropsWithChildren<unknown> & {\n  id?: string\n  iconUrl?: string | null\n  minWidth?: string | null\n  minHeight?: string | null\n  width?: string | null\n  height?: string | null\n  size?: string | null\n  fontSize?: string | null\n  color?: string | null\n  className?: string | null\n  style?: CSSProperties | null\n  onClick?: (event: MouseEvent | KeyboardEvent) => void\n  icon?: ReactNode\n}\n\nexport const IconBase: FC<IconBaseProps> = memo<IconBaseProps>(({\n  iconUrl, minWidth, minHeight, size,\n  fontSize, width, height, color = 'currentColor', className = '', children, icon, style, onClick, ...props\n}: IconBaseProps) => {\n  const unifiedIconUrl = iconUrl && unifyIconUrl(iconUrl)\n\n  const styles = useMemo(() => (\n    {\n      '--min-width': minWidth || size || width || 'auto',\n      '--min-height': minHeight || size || height || 'auto',\n      '--width': size || width || '1rem',\n      '--height': size || height || '1rem',\n      ...(fontSize ? { fontSize } : {}),\n      ...(unifiedIconUrl ? { '--icon-url': `url(${unifiedIconUrl})` } : {}),\n      ...(unifiedIconUrl ? { '--icon-color': color } : { '--icon-content-color': color }),\n      ...(onClick ? { cursor: 'pointer' } : {}),\n      ...style,\n    }\n  ), [minWidth, size, width, minHeight, height, fontSize, unifiedIconUrl, color, onClick, style])\n\n  const onClickProps = useMemo(() => (onClick ? ({\n    onClick,\n    role: 'button',\n    tabIndex: -1,\n  }) : {}), [onClick])\n\n  return (\n    <span\n      {...props}\n      {...onClickProps}\n      className={`${classes['icon-base']} icon-base ${className}`}\n      style={styles as CSSProperties}\n    >\n      {(!unifiedIconUrl && children) && children}\n      {(!unifiedIconUrl && icon) && icon}\n    </span>\n  )\n})\n\nIconBase.displayName = 'IconBase'\n"],"names":["IconBase","memo","iconUrl","minWidth","minHeight","size","fontSize","width","height","color","className","children","icon","style","onClick","props","unifiedIconUrl","unifyIconUrl","styles","useMemo","onClickProps","jsxs","classes"],"mappings":"0MAsBaA,EAA8BC,EAAAA,KAAoB,CAAC,CAC9D,QAAAC,EAAS,SAAAC,EAAU,UAAAC,EAAW,KAAAC,EAC9B,SAAAC,EAAU,MAAAC,EAAO,OAAAC,EAAQ,MAAAC,EAAQ,eAAgB,UAAAC,EAAY,GAAI,SAAAC,EAAU,KAAAC,EAAM,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CACtG,IAAqB,CACnB,MAAMC,EAAiBd,GAAWe,EAAAA,aAAaf,CAAO,EAEhDgB,EAASC,EAAAA,QAAQ,KACrB,CACE,cAAehB,GAAYE,GAAQE,GAAS,OAC5C,eAAgBH,GAAaC,GAAQG,GAAU,OAC/C,UAAWH,GAAQE,GAAS,OAC5B,WAAYF,GAAQG,GAAU,OAC9B,GAAIF,EAAW,CAAE,SAAAA,CAAA,EAAa,CAAA,EAC9B,GAAIU,EAAiB,CAAE,aAAc,OAAOA,CAAc,GAAA,EAAQ,CAAA,EAClE,GAAIA,EAAiB,CAAE,eAAgBP,GAAU,CAAE,uBAAwBA,CAAA,EAC3E,GAAIK,EAAU,CAAE,OAAQ,SAAA,EAAc,CAAA,EACtC,GAAGD,CAAA,GAEJ,CAACV,EAAUE,EAAME,EAAOH,EAAWI,EAAQF,EAAUU,EAAgBP,EAAOK,EAASD,CAAK,CAAC,EAExFO,EAAeD,UAAQ,IAAOL,EAAW,CAC7C,QAAAA,EACA,KAAM,SACN,SAAU,EAAA,EACP,CAAA,EAAK,CAACA,CAAO,CAAC,EAEnB,OACEO,EAAAA,KAAC,OAAA,CACE,GAAGN,EACH,GAAGK,EACJ,UAAW,GAAGE,EAAAA,QAAQ,WAAW,CAAC,cAAcZ,CAAS,GACzD,MAAOQ,EAEL,SAAA,CAAA,CAACF,GAAkBL,GAAaA,EAChC,CAACK,GAAkBJ,GAASA,CAAA,CAAA,CAAA,CAGpC,CAAC,EAEDZ,EAAS,YAAc"}

package/dist/ui/src/core/ui/components/icon/IconWC.js

@@ -1,2 +1,2 @@
-"use strict";var t,i=require("../../../utils/webComponents/webComponent.utils.js"),e=require("./icon.module.scss.js");const s=document.createElement("template");s.innerHTML='<span class="icon-base"></span>';let n=i.ced("icon-base")(t=class t extends HTMLElement{constructor(){super(...arguments),this.content=void 0,this.mainElement=void 0,this.iconUrl=void 0,this.minWidth=void 0,this.minHeight=void 0,this.width=void 0,this.height=void 0,this.size=void 0,this.fontSize=void 0,this.color=void 0,this.render=()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(e.default["icon-base-parent"]),this.mainElement.classList.add(e.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map((t=>{let[i,e]=t;return`${i}: ${e};`})).join(" "))}}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=s.innerHTML,i.resolveAttributes(this,t.observedAttributes),this.render()}attributeChangedCallback(t,i,e){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof e&&(this.classList.remove(e),this.classList.add(e)),this.color||(this.color="currentColor"),this[t]=e||"",this.render()}})||t;const o={ESIconBase:n};exports.ESIcon=n,exports.ESIconBase=o;
+"use strict";var m=Object.defineProperty;var d=(n,i,t)=>i in n?m(n,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[i]=t;var e=(n,i,t)=>d(n,typeof i!="symbol"?i+"":i,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("../../../utils/webComponents/webComponent.utils.js"),r=require("./icon.module.scss.js");var u=Object.getOwnPropertyDescriptor,b=(n,i,t,o)=>{for(var s=o>1?void 0:o?u(i,t):i,c=n.length-1,h;c>=0;c--)(h=n[c])&&(s=h(s)||s);return s};const a=document.createElement("template");a.innerHTML='<span class="icon-base"></span>';exports.ESIcon=class extends HTMLElement{constructor(){super(...arguments);e(this,"content");e(this,"mainElement");e(this,"iconUrl");e(this,"minWidth");e(this,"minHeight");e(this,"width");e(this,"height");e(this,"size");e(this,"fontSize");e(this,"color");e(this,"render",()=>{if(this.mainElement=this.mainElement||this.querySelector(".icon-base"),!this.mainElement)return;this.classList.add(r.default["icon-base-parent"]),this.mainElement.classList.add(r.default["icon-base"]);const t={"--min-width":this.minWidth||this.size||this.width||"auto","--min-height":this.minHeight||this.size||this.height||"auto","--width":this.size||this.width||"1rem","--height":this.size||this.height||"1rem",...this.fontSize?{"font-size":this.fontSize||"unset"}:{},...this.iconUrl?{"--icon-url":`url(${this.iconUrl})`}:{},...this.iconUrl?{"--icon-color":this.color}:{"--icon-content-color":this.color}};this.mainElement.innerHTML=this.iconUrl?"":this.content||"",this.mainElement.setAttribute("style",Object.entries(t).map(([o,s])=>`${o}: ${s};`).join(" "))})}static get observedAttributes(){return["iconUrl","minWidth","minHeight","width","height","size","fontSize","color","className"]}connectedCallback(){(this.content||this.innerHTML)&&(this.content=this.content||this.innerHTML||this.getAttribute("content")),this.innerHTML=a.innerHTML,l.resolveAttributes(this,exports.ESIcon.observedAttributes),this.render()}attributeChangedCallback(t,o,s){(t==="className"||t==="classname"||t==="class")&&typeof s=="string"&&(this.classList.remove(s),this.classList.add(s)),this.color||(this.color="currentColor"),this[t]=s||"",this.render()}};exports.ESIcon=b([l.ced("icon-base")],exports.ESIcon);const E={ESIconBase:exports.ESIcon};exports.ESIconBase=E;
 //# sourceMappingURL=IconWC.js.map

package/dist/ui/src/core/ui/components/icon/IconWC.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconWC.js","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes(): string[] {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback(): void {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, ESIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null): void {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = (): void => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const ESIconBase = {\n  ESIconBase: ESIcon,\n}\n"],"names":["template","document","createElement","innerHTML","ESIcon","ced","_dec","_class","HTMLElement","constructor","super","arguments","this","content","mainElement","iconUrl","minWidth","minHeight","width","height","size","fontSize","color","render","querySelector","classList","add","classes","styles","setAttribute","Object","entries","map","_ref","key","value","join","observedAttributes","connectedCallback","getAttribute","resolveAttributes","attributeChangedCallback","attrName","oldVal","newVal","remove","ESIconBase"],"mappings":"sHAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAAA,IAAI,YAAYC,CAAAC,EAAjB,MACaH,UAAeI,YAAYC,WAAAA,GAAAC,SAAAC,WAAAC,KACtCC,aAAO,EAAAD,KAEPE,iBAAW,EAAAF,KAEXG,aAAO,EAAAH,KAEPI,cAAQ,EAAAJ,KAERK,eAAS,EAAAL,KAETM,WAAK,EAAAN,KAELO,YAAM,EAAAP,KAENQ,UAAI,EAAAR,KAEJS,cAAQ,EAAAT,KAERU,WAAK,EAAAV,KAkCLW,OAAS,KAEP,GADAX,KAAKE,YAAcF,KAAKE,aAAeF,KAAKY,cAAc,eACrDZ,KAAKE,YACR,OAEFF,KAAKa,UAAUC,IAAIC,EAAAA,QAAQ,qBAC3Bf,KAAKE,YAAYW,UAAUC,IAAIC,EAAAA,QAAQ,cAEvC,MAAMC,EAAS,CACb,cAAehB,KAAKI,UAAYJ,KAAKQ,MAAQR,KAAKM,OAAS,OAC3D,eAAgBN,KAAKK,WAAaL,KAAKQ,MAAQR,KAAKO,QAAU,OAC9D,UAAWP,KAAKQ,MAAQR,KAAKM,OAAS,OACtC,WAAYN,KAAKQ,MAAQR,KAAKO,QAAU,UACpCP,KAAKS,SAAW,CAAE,YAAaT,KAAKS,UAAY,SAAY,MAC5DT,KAAKG,QAAU,CAAE,aAAc,OAAOH,KAAKG,YAAe,MAC1DH,KAAKG,QAAU,CAAE,eAAgBH,KAAKU,OAAU,CAAE,uBAAwBV,KAAKU,QAGrFV,KAAKE,YAAYX,UAAYS,KAAKG,QAAU,GAAMH,KAAKC,SAAW,GAElED,KAAKE,YAAYe,aAAa,QAASC,OAAOC,QAAQH,GAAQI,KAAIC,IAAA,IAAEC,EAAKC,GAAMF,EAAA,MAAK,GAAGC,MAAQC,IAAQ,IAAEC,KAAK,KAAK,CACpH,CArDD,6BAAWC,GACT,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,YAC9F,CAEAC,iBAAAA,IACM1B,KAAKC,SAAWD,KAAKT,aACvBS,KAAKC,QAAUD,KAAKC,SAAWD,KAAKT,WAAaS,KAAK2B,aAAa,YAGrE3B,KAAKT,UAAYH,EAASG,UAE1BqC,oBAAkB5B,KAAMR,EAAOiC,oBAE/BzB,KAAKW,QACP,CAEAkB,wBAAAA,CAAyBC,EAAkBC,EAAgCC,GACxD,cAAbF,GAAyC,cAAbA,GAAyC,UAAbA,GACpC,iBAAXE,IACThC,KAAKa,UAAUoB,OAAOD,GACtBhC,KAAKa,UAAUC,IAAIkB,IAGlBhC,KAAKU,QACRV,KAAKU,MAAQ,gBAIfV,KAAK8B,GAAaE,GAAqB,GACvChC,KAAKW,QACP,KAwBDhB,EAWM,MAAMuC,EAAa,CACxBA,WAAY1C"}
+{"version":3,"file":"IconWC.js","sources":["../../../../../../../src/core/ui/components/icon/IconWC.ts"],"sourcesContent":["import { ced, resolveAttributes } from '../../../utils/webComponents/webComponent.utils'\n\nimport classes from './icon.module.scss'\n\n\nconst template = document.createElement('template')\n\ntemplate.innerHTML = '<span class=\"icon-base\"></span>'\n\nexport type IconBaseWCType = {\n  iconUrl?: string\n  minWidth?: string\n  minHeight?: string\n  width?: string\n  height?: string\n  size?: string\n  fontSize?: string\n  color?: string\n  className?: string\n}\n\n@ced('icon-base')\nexport class ESIcon extends HTMLElement {\n  content: string | null\n\n  mainElement: HTMLElement\n\n  iconUrl?: string | null\n\n  minWidth?: string | null\n\n  minHeight?: string | null\n\n  width?: string | null\n\n  height?: string | null\n\n  size?: string | null\n\n  fontSize?: string | null\n\n  color?: string | null\n\n  static get observedAttributes(): string[] {\n    return ['iconUrl', 'minWidth', 'minHeight', 'width', 'height', 'size', 'fontSize', 'color', 'className']\n  }\n\n  connectedCallback(): void {\n    if (this.content || this.innerHTML) {\n      this.content = this.content || this.innerHTML || this.getAttribute('content')\n    }\n\n    this.innerHTML = template.innerHTML\n\n    resolveAttributes(this, ESIcon.observedAttributes)\n\n    this.render()\n  }\n\n  attributeChangedCallback(attrName: string, oldVal: string | number | null, newVal: string | number | null): void {\n    if (attrName === 'className' || attrName === 'classname' || attrName === 'class') {\n      if (typeof newVal === 'string') {\n        this.classList.remove(newVal as string)\n        this.classList.add(newVal as string)\n      }\n    }\n    if (!this.color) {\n      this.color = 'currentColor'\n    }\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    this[attrName] = (newVal as string) || ''\n    this.render()\n  }\n\n  render = (): void => {\n    this.mainElement = this.mainElement || this.querySelector('.icon-base') as HTMLElement\n    if (!this.mainElement) {\n      return\n    }\n    this.classList.add(classes['icon-base-parent'])\n    this.mainElement.classList.add(classes['icon-base'])\n\n    const styles = {\n      '--min-width': this.minWidth || this.size || this.width || 'auto',\n      '--min-height': this.minHeight || this.size || this.height || 'auto',\n      '--width': this.size || this.width || '1rem',\n      '--height': this.size || this.height || '1rem',\n      ...(this.fontSize ? { 'font-size': this.fontSize || 'unset' } : {}),\n      ...(this.iconUrl ? { '--icon-url': `url(${this.iconUrl})` } : {}),\n      ...(this.iconUrl ? { '--icon-color': this.color } : { '--icon-content-color': this.color }),\n    }\n\n    this.mainElement.innerHTML = this.iconUrl ? '' : (this.content || '')\n\n    this.mainElement.setAttribute('style', Object.entries(styles).map(([key, value]) => `${key}: ${value};`).join(' '))\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    interface IntrinsicElements {\n      'icon-base': any\n    }\n  }\n}\n\nexport const ESIconBase = {\n  ESIconBase: ESIcon,\n}\n"],"names":["template","ESIcon","__publicField","classes","styles","key","value","resolveAttributes","attrName","oldVal","newVal","__decorateClass","ced","ESIconBase"],"mappings":"yeAKA,MAAMA,EAAW,SAAS,cAAc,UAAU,EAElDA,EAAS,UAAY,kCAeRC,QAAAA,OAAN,cAAqB,WAAY,CAAjC,kCACLC,EAAA,gBAEAA,EAAA,oBAEAA,EAAA,gBAEAA,EAAA,iBAEAA,EAAA,kBAEAA,EAAA,cAEAA,EAAA,eAEAA,EAAA,aAEAA,EAAA,iBAEAA,EAAA,cAkCAA,EAAA,cAAS,IAAY,CAEnB,GADA,KAAK,YAAc,KAAK,aAAe,KAAK,cAAc,YAAY,EAClE,CAAC,KAAK,YACR,OAEF,KAAK,UAAU,IAAIC,EAAAA,QAAQ,kBAAkB,CAAC,EAC9C,KAAK,YAAY,UAAU,IAAIA,EAAAA,QAAQ,WAAW,CAAC,EAEnD,MAAMC,EAAS,CACb,cAAe,KAAK,UAAY,KAAK,MAAQ,KAAK,OAAS,OAC3D,eAAgB,KAAK,WAAa,KAAK,MAAQ,KAAK,QAAU,OAC9D,UAAW,KAAK,MAAQ,KAAK,OAAS,OACtC,WAAY,KAAK,MAAQ,KAAK,QAAU,OACxC,GAAI,KAAK,SAAW,CAAE,YAAa,KAAK,UAAY,OAAA,EAAY,CAAA,EAChE,GAAI,KAAK,QAAU,CAAE,aAAc,OAAO,KAAK,OAAO,GAAA,EAAQ,CAAA,EAC9D,GAAI,KAAK,QAAU,CAAE,eAAgB,KAAK,OAAU,CAAE,uBAAwB,KAAK,KAAA,CAAM,EAG3F,KAAK,YAAY,UAAY,KAAK,QAAU,GAAM,KAAK,SAAW,GAElE,KAAK,YAAY,aAAa,QAAS,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,EAAKC,CAAK,IAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EAAE,KAAK,GAAG,CAAC,CACpH,GArDA,WAAW,oBAA+B,CACxC,MAAO,CAAC,UAAW,WAAY,YAAa,QAAS,SAAU,OAAQ,WAAY,QAAS,WAAW,CACzG,CAEA,mBAA0B,EACpB,KAAK,SAAW,KAAK,aACvB,KAAK,QAAU,KAAK,SAAW,KAAK,WAAa,KAAK,aAAa,SAAS,GAG9E,KAAK,UAAYN,EAAS,UAE1BO,oBAAkB,KAAMN,QAAAA,OAAO,kBAAkB,EAEjD,KAAK,OAAA,CACP,CAEA,yBAAyBO,EAAkBC,EAAgCC,EAAsC,EAC3GF,IAAa,aAAeA,IAAa,aAAeA,IAAa,UACnE,OAAOE,GAAW,WACpB,KAAK,UAAU,OAAOA,CAAgB,EACtC,KAAK,UAAU,IAAIA,CAAgB,GAGlC,KAAK,QACR,KAAK,MAAQ,gBAIf,KAAKF,CAAQ,EAAKE,GAAqB,GACvC,KAAK,OAAA,CACP,CAwBF,EA3EaT,QAAAA,OAANU,EAAA,CADNC,EAAAA,IAAI,WAAW,CAAA,EACHX,cAAA,EAsFN,MAAMY,EAAa,CACxB,WAAYZ,QAAAA,MACd"}

package/dist/ui/src/core/ui/components/icon/icon.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"icon-base-parent":"icon-module_icon-base-parent__nOMvW","icon-base":"icon-module_icon-base__S0tHf"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={};exports.default=e;
 //# sourceMappingURL=icon.module.scss.js.map

package/dist/ui/src/core/ui/components/icon/unifyIconUrl.js

@@ -1,2 +1,2 @@
-"use strict";require("../../../../../node_modules/core-js/modules/es.array.includes.js");var e=require("ramda");exports.unifyIconUrl=l=>{if(!l||!e.is(String,l)||!l||l?.includes(".svg")||l?.includes("data:image/svg+xml;base64"))return l;const a=l?.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return`data:image/svg+xml;base64,${btoa(a)}`};
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("ramda"),t=e=>{if(!e||!l.is(String,e)||!e||e!=null&&e.includes(".svg")||e!=null&&e.includes("data:image/svg+xml;base64"))return e;const a=e==null?void 0:e.replaceAll("/\\s+/g"," ").replaceAll("'",'"').replaceAll("%25","%").replaceAll("%23","#").replaceAll("%3c","<").replaceAll("%3e",">").replaceAll("%20"," ").replaceAll("data:image/svg+xml,","");return`data:image/svg+xml;base64,${btoa(a)}`};exports.unifyIconUrl=t;
 //# sourceMappingURL=unifyIconUrl.js.map

package/dist/ui/src/core/ui/components/icon/unifyIconUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n  if (!iconUrl || !is(String, iconUrl) || !iconUrl\n  || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n    return iconUrl\n  }\n\n  const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n    .replaceAll('\\'', '\"')\n    .replaceAll('%25', '%')\n    .replaceAll('%23', '#')\n    .replaceAll('%3c', '<')\n    .replaceAll('%3e', '>')\n    .replaceAll('%20', ' ')\n    .replaceAll('data:image/svg+xml,', '')\n\n  return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["iconUrl","is","String","includes","unifiedIconUrl","replaceAll","btoa"],"mappings":"qIAK6BA,IAC3B,IAAKA,IAAYC,EAAAA,GAAGC,OAAQF,KAAaA,GACtCA,GAASG,SAAS,SAAWH,GAASG,SAAS,6BAChD,OAAOH,EAGT,MAAMI,EAAiBJ,GAASK,WAAW,UAAW,KACnDA,WAAW,IAAM,KACjBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,MAAO,KAClBA,WAAW,sBAAuB,IAErC,MAAO,6BAA6BC,KAAKF,IAAiB"}
+{"version":3,"file":"unifyIconUrl.js","sources":["../../../../../../../src/core/ui/components/icon/unifyIconUrl.ts"],"sourcesContent":["import { is } from 'ramda'\n\n// fix of Vite 5 new way of handling assets\n// https://github.com/vitejs/vite/pull/2909\n// https://github.com/vitejs/vite/blob/77d5165e2f252bfecbb0eebccc6f04dc8be0c5ba/packages/vite/src/node/plugins/asset.ts#L419\nexport const unifyIconUrl = (iconUrl: string): string => {\n  if (!iconUrl || !is(String, iconUrl) || !iconUrl\n  || iconUrl?.includes('.svg') || iconUrl?.includes('data:image/svg+xml;base64')) {\n    return iconUrl\n  }\n\n  const unifiedIconUrl = iconUrl?.replaceAll('/\\\\s+/g', ' ')\n    .replaceAll('\\'', '\"')\n    .replaceAll('%25', '%')\n    .replaceAll('%23', '#')\n    .replaceAll('%3c', '<')\n    .replaceAll('%3e', '>')\n    .replaceAll('%20', ' ')\n    .replaceAll('data:image/svg+xml,', '')\n\n  return `data:image/svg+xml;base64,${btoa(unifiedIconUrl)}`\n}\n"],"names":["unifyIconUrl","iconUrl","is","unifiedIconUrl"],"mappings":"yGAKaA,EAAgBC,GAA4B,CACvD,GAAI,CAACA,GAAW,CAACC,EAAAA,GAAG,OAAQD,CAAO,GAAK,CAACA,GACtCA,GAAA,MAAAA,EAAS,SAAS,SAAWA,GAAA,MAAAA,EAAS,SAAS,6BAChD,OAAOA,EAGT,MAAME,EAAiBF,GAAA,YAAAA,EAAS,WAAW,UAAW,KACnD,WAAW,IAAM,KACjB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,MAAO,KAClB,WAAW,sBAAuB,IAErC,MAAO,6BAA6B,KAAKE,CAAc,CAAC,EAC1D"}

package/dist/ui/src/core/ui/components/molecules/layouts/FlowLayout.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("./flowLayout.module.scss.js"),l=require("../../container/layoutBox/LayoutBox.js"),o=require("../../../../utils/helpers/ui.js");const r=t.memo((r=>{let{itemDTOs:s,containerProps:n={},defaultItemLayoutProps:u={},numColumns:c=1,className:m="",beforeContent:i,afterContent:d,...p}=r;const y=t.useMemo((()=>c>0?{display:"grid",gridTemplateColumns:`${"1fr ".repeat(c)}`,width:"100%",height:"unset"}:{display:"flex"}),[c]);return React.createElement(l.LayoutBox,e.extends({width:"100%",column:!0,className:o.classNames(a.default.flowLayout,m)},p),i&&React.createElement("span",{className:a.default.beforeContent,tabIndex:-1},i),React.createElement(l.LayoutBox,e.extends({flexWrap:"wrap",gap:"1rem",style:y,width:"100%"},n),s.map((t=>{let{id:a,spanColumn:o,Component:r,layoutProps:s,...n}=t;return React.createElement(l.LayoutBox,e.extends({key:a},u,s,o?{style:{width:`calc(${Math.round(100*o)}% - ${16*o}px)`}}:{}),React.createElement(r,n))}))),d&&React.createElement("span",{className:a.default.afterContent,tabIndex:-1},d))}));r.displayName="FlowLayout",exports.FlowLayout=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),s=require("./flowLayout.module.scss.js"),o=require("../../container/layoutBox/LayoutBox.js"),L=require("../../../../utils/helpers/ui.js"),u=i.memo(({itemDTOs:c,containerProps:d={},defaultItemLayoutProps:n={},numColumns:t=1,className:y="",beforeContent:r,afterContent:l,...x})=>{const h=i.useMemo(()=>t>0?{display:"grid",gridTemplateColumns:`${"1fr ".repeat(t)}`,width:"100%",height:"unset"}:{display:"flex"},[t]);return e.jsxs(o.LayoutBox,{width:"100%",column:!0,className:L.classNames(s.default.flowLayout,y),...x,children:[r&&e.jsx("span",{className:s.default.beforeContent,tabIndex:-1,children:r}),e.jsx(o.LayoutBox,{flexWrap:"wrap",gap:"1rem",style:h,width:"100%",...d,children:c.map(({id:m,spanColumn:a,Component:p,layoutProps:w,...f})=>e.jsx(o.LayoutBox,{...n,...w,...a?{style:{width:`calc(${Math.round(a*100)}% - ${a*16}px)`}}:{},children:e.jsx(p,{...f})},m))}),l&&e.jsx("span",{className:s.default.afterContent,tabIndex:-1,children:l})]})});u.displayName="FlowLayout";exports.FlowLayout=u;
 //# sourceMappingURL=FlowLayout.js.map

package/dist/ui/src/core/ui/components/molecules/layouts/FlowLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/**\n * Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n *\n * Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n *\n * @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n *  Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n */\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n  itemDTOs,\n  containerProps = {},\n  defaultItemLayoutProps = {},\n  numColumns = 1,\n  className = '',\n  beforeContent,\n  afterContent,\n  ...props\n}: FlowLayoutProps) => {\n  // Calculation for column styles based on the number of columns specified.\n  const columnStyles = useMemo(() => (numColumns > 0\n    ? {\n      display: 'grid',\n      gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n      width: '100%',\n      height: 'unset',\n    }\n    : {\n      display: 'flex',\n    }\n  ), [numColumns])\n\n  return (\n    <LayoutBox\n      width='100%'\n      column\n      className={classNames(classes.flowLayout, className)}\n      {...props}\n    >\n      {beforeContent && (\n        <span className={classes.beforeContent} tabIndex={-1}>\n          {beforeContent}\n        </span>\n      )}\n      <LayoutBox\n        flexWrap='wrap'\n        gap='1rem'\n        style={columnStyles}\n        width='100%'\n        {...containerProps}\n      >\n        {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n          <LayoutBox\n            key={id}\n            {...defaultItemLayoutProps}\n            {...layoutProps}\n            {...(spanColumn\n              ? { style: { width: `calc(${Math.round(spanColumn * 100)}% - ${spanColumn * 16}px)` } }\n              : {})}\n          >\n            <Component {...props} />\n          </LayoutBox>\n        ))}\n      </LayoutBox>\n      {afterContent && (\n        <span className={classes.afterContent} tabIndex={-1}>\n          {afterContent}\n        </span>\n      )}\n    </LayoutBox>\n  )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","_ref","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","columnStyles","useMemo","display","gridTemplateColumns","repeat","width","height","React","createElement","LayoutBox","_extends","column","classNames","classes","flowLayout","tabIndex","flexWrap","gap","style","map","_ref2","id","spanColumn","Component","layoutProps","key","Math","round","displayName"],"mappings":"yPAoCaA,EAAkCC,EAAAA,MAAsBC,IAS9C,IAT+CC,SACpEA,EAAQC,eACRA,EAAiB,CAAA,EAAEC,uBACnBA,EAAyB,CAAA,EAAEC,WAC3BA,EAAa,EAACC,UACdA,EAAY,GAAEC,cACdA,EAAaC,aACbA,KACGC,GACaR,EAEhB,MAAMS,EAAeC,EAAAA,SAAQ,IAAON,EAAa,EAC7C,CACAO,QAAS,OACTC,oBAAqB,GAAG,OAAOC,OAAOT,KACtCU,MAAO,OACPC,OAAQ,SAER,CACAJ,QAAS,SAEV,CAACP,IAEJ,OACEY,MAAAC,cAACC,EAAAA,UAASC,UAAA,CACRL,MAAM,OACNM,QAAM,EACNf,UAAWgB,EAAAA,WAAWC,UAAQC,WAAYlB,IACtCG,GAEHF,GACCU,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAAA,QAAQhB,cAAekB,UAAU,GAC/ClB,GAGLU,MAAAC,cAACC,EAAAA,UAASC,EAAAA,QAAA,CACRM,SAAS,OACTC,IAAI,OACJC,MAAOlB,EACPK,MAAM,QACFZ,GAEHD,EAAS2B,KAAIC,IAAA,IAACC,GAAEA,EAAEC,WAAEA,EAAUC,UAAEA,EAASC,YAAEA,KAAgBzB,GAAoBqB,EAAA,OAC9Eb,MAAAC,cAACC,EAAAA,UAASC,UAAA,CACRe,IAAKJ,GACD3B,EACA8B,EACCF,EACD,CAAEJ,MAAO,CAAEb,MAAO,QAAQqB,KAAKC,MAAmB,IAAbL,SAAqC,GAAbA,SAC7D,CAAA,GAEJf,MAAAC,cAACe,EAAcxB,GACL,KAGfD,GACCS,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAAA,QAAQf,aAAciB,UAAU,GAC9CjB,GAGK,IAOhBT,EAAWuC,YAAc"}
+{"version":3,"file":"FlowLayout.js","sources":["../../../../../../../../src/core/ui/components/molecules/layouts/FlowLayout.tsx"],"sourcesContent":["import { memo, FC, useMemo } from 'react'\n\nimport { LayoutBox } from '../../container'\nimport { classNames } from '../../../../utils'\n\nimport type { FlowLayoutProps, ItemDTOType } from './flowLayout.types'\nimport classes from './flowLayout.module.scss'\n\n\n/**\n * Renders a flexible flow layout that automatically arranges child components based on specified columns and spacing.\n * This component is highly customizable through its props,\n * allowing for dynamic layouts responsive to the content and screen size.\n *\n * Utilizes a grid layout by default, falling back to flex layout\n * if `numColumns` is not greater than 0. Each item's width\n * and placement can be controlled via `spanColumn` on\n * individual items, with additional layout props provided for fine-tuning.\n *\n * @param {FlowLayoutProps} props The properties to configure the FlowLayout.\n * @param {ItemDTOType[]} props.itemDTOs Array of item DTOs defining the\n * components to render and their layout properties.\n * @param {Partial<LayoutBoxProps>} [props.containerProps={}] Optional.\n * Props to be spread onto the container `LayoutBox`, allowing for custom styles and behaviors.\n * @param {Partial<LayoutBoxProps>} [props.defaultItemLayoutProps={}] Optional.\n * Default layout properties applied to each item, unless overridden by item-specific props.\n * @param {number} [props.numColumns=1] Optional.\n *  Defines the number of columns in the grid. Affects item distribution and layout.\n * @param {string} [props.className=''] Optional.\n * Additional CSS class names to apply to the layout container for custom styling.\n * @param {ReactNode} [props.beforeContent] Optional.\n * Content to render before the main items. Useful for titles, descriptions, or custom components.\n * @param {ReactNode} [props.afterContent] Optional.\n Content to render after the main items. Can be used for additional information or actions related to the items.\n * @returns {React.ReactElement} The rendered FlowLayout component.\n */\nexport const FlowLayout: FC<FlowLayoutProps> = memo<FlowLayoutProps>(({\n  itemDTOs,\n  containerProps = {},\n  defaultItemLayoutProps = {},\n  numColumns = 1,\n  className = '',\n  beforeContent,\n  afterContent,\n  ...props\n}: FlowLayoutProps) => {\n  // Calculation for column styles based on the number of columns specified.\n  const columnStyles = useMemo(() => (numColumns > 0\n    ? {\n      display: 'grid',\n      gridTemplateColumns: `${'1fr '.repeat(numColumns)}`,\n      width: '100%',\n      height: 'unset',\n    }\n    : {\n      display: 'flex',\n    }\n  ), [numColumns])\n\n  return (\n    <LayoutBox\n      width='100%'\n      column\n      className={classNames(classes.flowLayout, className)}\n      {...props}\n    >\n      {beforeContent && (\n        <span className={classes.beforeContent} tabIndex={-1}>\n          {beforeContent}\n        </span>\n      )}\n      <LayoutBox\n        flexWrap='wrap'\n        gap='1rem'\n        style={columnStyles}\n        width='100%'\n        {...containerProps}\n      >\n        {itemDTOs.map(({ id, spanColumn, Component, layoutProps, ...props }: ItemDTOType) => (\n          <LayoutBox\n            key={id}\n            {...defaultItemLayoutProps}\n            {...layoutProps}\n            {...(spanColumn\n              ? { style: { width: `calc(${Math.round(spanColumn * 100)}% - ${spanColumn * 16}px)` } }\n              : {})}\n          >\n            <Component {...props} />\n          </LayoutBox>\n        ))}\n      </LayoutBox>\n      {afterContent && (\n        <span className={classes.afterContent} tabIndex={-1}>\n          {afterContent}\n        </span>\n      )}\n    </LayoutBox>\n  )\n})\n\nexport type FlowLayoutType = typeof FlowLayout;\n\n// Set display name for the component.\nFlowLayout.displayName = 'FlowLayout'\n"],"names":["FlowLayout","memo","itemDTOs","containerProps","defaultItemLayoutProps","numColumns","className","beforeContent","afterContent","props","columnStyles","useMemo","jsxs","LayoutBox","classNames","classes","jsx","id","spanColumn","Component","layoutProps"],"mappings":"kRAoCaA,EAAkCC,EAAAA,KAAsB,CAAC,CACpE,SAAAC,EACA,eAAAC,EAAiB,CAAA,EACjB,uBAAAC,EAAyB,CAAA,EACzB,WAAAC,EAAa,EACb,UAAAC,EAAY,GACZ,cAAAC,EACA,aAAAC,EACA,GAAGC,CACL,IAAuB,CAErB,MAAMC,EAAeC,EAAAA,QAAQ,IAAON,EAAa,EAC7C,CACA,QAAS,OACT,oBAAqB,GAAG,OAAO,OAAOA,CAAU,CAAC,GACjD,MAAO,OACP,OAAQ,OAAA,EAER,CACA,QAAS,MAAA,EAEV,CAACA,CAAU,CAAC,EAEf,OACEO,EAAAA,KAACC,EAAAA,UAAA,CACC,MAAM,OACN,OAAM,GACN,UAAWC,EAAAA,WAAWC,UAAQ,WAAYT,CAAS,EAClD,GAAGG,EAEH,SAAA,CAAAF,SACE,OAAA,CAAK,UAAWQ,EAAAA,QAAQ,cAAe,SAAU,GAC/C,SAAAR,CAAA,CACH,EAEFS,EAAAA,IAACH,EAAAA,UAAA,CACC,SAAS,OACT,IAAI,OACJ,MAAOH,EACP,MAAM,OACL,GAAGP,EAEH,SAAAD,EAAS,IAAI,CAAC,CAAE,GAAAe,EAAI,WAAAC,EAAY,UAAAC,EAAW,YAAAC,EAAa,GAAGX,CAAAA,IAC1DO,EAAAA,IAACH,EAAAA,UAAA,CAEE,GAAGT,EACH,GAAGgB,EACH,GAAIF,EACD,CAAE,MAAO,CAAE,MAAO,QAAQ,KAAK,MAAMA,EAAa,GAAG,CAAC,OAAOA,EAAa,EAAE,KAAA,CAAM,EAClF,CAAA,EAEJ,SAAAF,EAAAA,IAACG,EAAA,CAAW,GAAGV,CAAAA,CAAO,CAAA,EAPjBQ,CAAA,CASR,CAAA,CAAA,EAEFT,SACE,OAAA,CAAK,UAAWO,EAAAA,QAAQ,aAAc,SAAU,GAC9C,SAAAP,CAAA,CACH,CAAA,CAAA,CAAA,CAIR,CAAC,EAKDR,EAAW,YAAc"}

package/dist/ui/src/core/ui/components/molecules/layouts/flowLayout.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={flowLayout:"flowLayout-module_flowLayout__VHpnY",beforeContent:"flowLayout-module_beforeContent__rY-mW",afterContent:"flowLayout-module_afterContent__Hlh8v"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="_flowLayout_ouzwi_1",e="_beforeContent_ouzwi_4",o="_afterContent_ouzwi_9",n={flowLayout:t,beforeContent:e,afterContent:o};exports.afterContent=o;exports.beforeContent=e;exports.default=n;exports.flowLayout=t;
 //# sourceMappingURL=flowLayout.module.scss.js.map

package/dist/ui/src/core/ui/components/molecules/popover/PopoverLite.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),n=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),r=require("../../../../utils/helpers/cancelableDelayedFunction.js"),s=require("../../../../hooks/useOutsideClick.js"),a=require("../../../../constants/ui.constants.js");const o={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},i=t.memo((i=>{let{children:c,components:l,placement:u="bottom",modifiers:d,data:p,hoverable:m,clickable:f,onOpen:v,onHide:E,isOpen:h,hideOnContentClick:y=!1,hideOnClickOutside:b=!0,hideTimeout:C=150,isPopup:w=!1,isModal:k=!1,modalOverlayClassName:R,modalContainer:N,targetRef:g,hideOnEscape:L,...M}=i;const[O,j]=t.useState(null),[x,q]=t.useState(g?.current??null);t.useEffect((()=>{g?.current&&q(g?.current)}),[g]);const{ContentComponent:H,...P}=l||{},T=t.useRef(null),A=t.useMemo((()=>{const e=d?{modifiers:d,placement:u}:{placement:u};return e.modifiers=e.modifiers||[],w&&(e.modifiers=[...e.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:e=>{let{state:t}=e;const n=N?.getBoundingClientRect(),{width:r,height:s,left:a,top:o}=n||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},i=a+(r-t.elements.popper.clientWidth)/2,c=o+(s-t.elements.popper.clientHeight)/2;return{...t,styles:{...t.styles,popper:{...t.styles.popper,left:`${i}px`,top:`${c}px`,transform:"none"}}}}}]),e}),[d,u,w,N]),S=t.useRef();t.useEffect((()=>{let e;return T?.current?.destroy(),x&&O&&(e=n.createPopper(x,O,{...A}),T.current=e),()=>{e?.destroy(),T.current=null}}),[O,x,A]);const D=t.useRef(),K=t.useRef(-1),W=t.useCallback((()=>{O&&delete O.dataset.show,k&&U?.current&&(U.current.style.visibility="hidden",delete U.current.dataset.show),T?.current?.update(),E?.(),D?.current?.(),clearTimeout(K.current)}),[O,k,E]),_=t.useCallback((()=>{S.current&&S.current(),S.current=r.cancelableSetTimeout(W,C)}),[W,C]),z=t.useCallback((()=>{S.current&&S.current()}),[]),B=t.useCallback((e=>{("true"===O?.dataset?.show&&b&&!O?.contains(e)||O?.contains(e)&&y)&&W()}),[W,O,y,b]),F=t.useCallback((()=>{O&&(O.dataset.show="true"),T?.current?.update(),k&&U?.current&&(U.current.style.visibility="visible",U.current.dataset.show="true"),v?.(),D?.current?.(),clearTimeout(K.current),K.current=setTimeout((()=>{D.current=s.outsideClickHandler(x,B)}),250)}),[O,B,k,v,x]),I=t.useCallback((()=>{"true"===O?.dataset?.show?W():F()}),[O,W,F]),$=t.useCallback((e=>{L&&e.keyCode===a.KeyCode.Escape&&W()}),[L,W]);t.useEffect((()=>{const e=x?.addEventListener?.bind(x),t=O?.addEventListener?.bind(O);return t&&e&&(m&&(e(a.EventName.MouseEnter,F),t(a.EventName.MouseEnter,z),e(a.EventName.MouseLeave,_),t(a.EventName.MouseLeave,W)),f&&e(a.EventName.Click,I)),L&&document.addEventListener(a.EventName.KeyDown,$),()=>{const e=x?.removeEventListener?.bind(x),t=O?.removeEventListener?.bind(O);document.removeEventListener(a.EventName.KeyDown,$),S.current&&S.current(),e&&(e(a.EventName.Click,I),e(a.EventName.MouseEnter,F),e(a.EventName.MouseLeave,_)),t&&(t(a.EventName.MouseLeave,W),t(a.EventName.MouseEnter,z))}}),[x,O,f,m,F,W,I,_,z,L,$]),t.useEffect((()=>(!0===h&&F(),!1===h&&W(),D?.current)),[W,h,F]);const G="function"==typeof c,J="function"!=typeof c&&!Array.isArray(c),Q="function"!=typeof c&&Array.isArray(c)&&2===c.filter((e=>!!e)).length,U=t.useRef(null);return t.useEffect((()=>{k&&O&&(O.style.zIndex="2")}),[O,k]),React.createElement(React.Fragment,null,k&&React.createElement("span",{ref:U,style:o.modal,className:R}),!g&&G&&c?.({forwardedRef:q,data:p}),!g&&J&&React.createElement("span",{ref:q},c),!Q&&H&&React.createElement(H,e.extends({placement:u,forwardedRef:j,ref:"function"!=typeof H?j:null,data:p,hide:W,components:P},M)),!g&&Q&&React.createElement("span",{ref:q},c[0]),Q&&c?.[1]&&"object"==typeof c?.[1]&&t.cloneElement(c[1],{...c?.[1]?.props,placement:u,forwardedRef:j,ref:j,data:p,hide:W,components:P,...M}))}));i.displayName="Popover",exports.Popover=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),s=require("react"),se=require("../../../../../../node_modules/@popperjs/core/lib/popper.js"),ne=require("../../../../utils/helpers/cancelableDelayedFunction.js"),oe=require("../../../../hooks/useOutsideClick.js"),i=require("../../../../constants/ui.constants.js"),re={modal:{zIndex:1,position:"fixed",width:"100%",height:"100%",top:"0",left:"0",background:"rgba(0 0 0 / 70%)",pointerEvents:"all",userSelect:"none",visibility:"hidden"}},h=s.memo(({children:n,components:U,placement:w="bottom",modifiers:D,data:M,hoverable:$,clickable:_,onOpen:L,onHide:N,isOpen:P,hideOnContentClick:G=!1,hideOnClickOutside:J=!0,hideTimeout:Q=150,isPopup:V=!1,isModal:m=!1,modalOverlayClassName:O,modalContainer:x,targetRef:f,hideOnEscape:j,...X})=>{var I;const[e,b]=s.useState(null),[u,A]=s.useState((f==null?void 0:f.current)??null);s.useEffect(()=>{f!=null&&f.current&&A(f==null?void 0:f.current)},[f]);const{ContentComponent:C,...Y}=U||{},a=s.useRef(null),Z=s.useMemo(()=>{const t=D?{modifiers:D,placement:w}:{placement:w};return t.modifiers=t.modifiers||[],V&&(t.modifiers=[...t.modifiers,{name:"centering",phase:"beforeWrite",enabled:!0,fn:({state:o})=>{const q=x==null?void 0:x.getBoundingClientRect(),{width:S,height:E,left:d,top:T}=q||{width:window.innerWidth,height:window.innerHeight,left:0,top:0},k=d+(S-o.elements.popper.clientWidth)/2,te=T+(E-o.elements.popper.clientHeight)/2;return{...o,styles:{...o.styles,popper:{...o.styles.popper,left:`${k}px`,top:`${te}px`,transform:"none"}}}}}]),t},[D,w,V,x]),v=s.useRef();s.useEffect(()=>{var o;(o=a==null?void 0:a.current)==null||o.destroy();let t;return u&&e&&(t=se.createPopper(u,e,{...Z}),a.current=t),()=>{t==null||t.destroy(),a.current=null}},[e,u,Z]);const c=s.useRef(),F=s.useRef(-1),r=s.useCallback(()=>{var t,o;e&&delete e.dataset.show,m&&(l!=null&&l.current)&&(l.current.style.visibility="hidden",delete l.current.dataset.show),(t=a==null?void 0:a.current)==null||t.update(),N==null||N(),(o=c==null?void 0:c.current)==null||o.call(c),clearTimeout(F.current)},[e,m,N]),K=s.useCallback(()=>{v.current&&v.current(),v.current=ne.cancelableSetTimeout(r,Q)},[r,Q]),W=s.useCallback(()=>{v.current&&v.current()},[]),g=s.useCallback(t=>{var o;(((o=e==null?void 0:e.dataset)==null?void 0:o.show)==="true"&&J&&!(e!=null&&e.contains(t))||e!=null&&e.contains(t)&&G)&&r()},[r,e,G,J]),y=s.useCallback(()=>{var t,o;e&&(e.dataset.show="true"),(t=a==null?void 0:a.current)==null||t.update(),m&&(l!=null&&l.current)&&(l.current.style.visibility="visible",l.current.dataset.show="true"),L==null||L(),(o=c==null?void 0:c.current)==null||o.call(c),clearTimeout(F.current),F.current=setTimeout(()=>{c.current=oe.outsideClickHandler(u,g)},250)},[e,g,m,L,u]),z=s.useCallback(()=>{var t;((t=e==null?void 0:e.dataset)==null?void 0:t.show)==="true"?r():y()},[e,r,y]),B=s.useCallback(t=>{j&&t.keyCode===i.KeyCode.Escape&&r()},[j,r]);s.useEffect(()=>{var q,S;const t=(q=u==null?void 0:u.addEventListener)==null?void 0:q.bind(u),o=(S=e==null?void 0:e.addEventListener)==null?void 0:S.bind(e);return o&&t&&($&&(t(i.EventName.MouseEnter,y),o(i.EventName.MouseEnter,W),t(i.EventName.MouseLeave,K),o(i.EventName.MouseLeave,r)),_&&t(i.EventName.Click,z)),j&&document.addEventListener(i.EventName.KeyDown,B),()=>{var T,k;const E=(T=u==null?void 0:u.removeEventListener)==null?void 0:T.bind(u),d=(k=e==null?void 0:e.removeEventListener)==null?void 0:k.bind(e);document.removeEventListener(i.EventName.KeyDown,B),v.current&&v.current(),E&&(E(i.EventName.Click,z),E(i.EventName.MouseEnter,y),E(i.EventName.MouseLeave,K)),d&&(d(i.EventName.MouseLeave,r),d(i.EventName.MouseEnter,W))}},[u,e,_,$,y,r,z,K,W,j,B]),s.useEffect(()=>(P===!0&&y(),P===!1&&r(),c==null?void 0:c.current),[r,P,y]);const R=typeof n=="function",ee=typeof n!="function"&&!Array.isArray(n),H=typeof n!="function"&&Array.isArray(n)&&n.filter(t=>!!t).length===2,l=s.useRef(null);return s.useEffect(()=>{m&&e&&(e.style.zIndex="2")},[e,m]),p.jsxs(p.Fragment,{children:[m&&p.jsx("span",{ref:l,style:re.modal,className:O}),!f&&R&&(n==null?void 0:n({forwardedRef:A,data:M})),!f&&ee&&p.jsx("span",{ref:A,children:n}),!H&&C&&p.jsx(C,{placement:w,forwardedRef:b,ref:typeof C!="function"?b:null,data:M,hide:r,components:Y,...X}),!f&&H&&p.jsx("span",{ref:A,children:n[0]}),H&&(n==null?void 0:n[1])&&typeof(n==null?void 0:n[1])=="object"&&s.cloneElement(n[1],{...(I=n==null?void 0:n[1])==null?void 0:I.props,placement:w,forwardedRef:b,ref:b,data:M,hide:r,components:Y,...X})]})});h.displayName="Popover";exports.Popover=h;
 //# sourceMappingURL=PopoverLite.js.map

package/dist/ui/src/core/ui/components/molecules/popover/PopoverLite.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport { FC, memo, useRef, useEffect, useState, useCallback, useMemo, cloneElement,\n  CSSProperties, ReactNode, ReactElement, Component } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n  modal: {\n    zIndex: 1,\n    position: 'fixed',\n    width: '100%',\n    height: '100%',\n    top: '0',\n    left: '0',\n    background: 'rgba(0 0 0 / 70%)',\n    pointerEvents: 'all',\n    userSelect: 'none',\n    visibility: 'hidden',\n  },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n  ({\n    children,\n    components,\n    placement = 'bottom',\n    modifiers,\n    data,\n    hoverable,\n    clickable,\n    onOpen,\n    onHide,\n    isOpen,\n    hideOnContentClick = false,\n    hideOnClickOutside = true,\n    hideTimeout = 150,\n    isPopup = false,\n    isModal = false,\n    modalOverlayClassName,\n    modalContainer,\n    targetRef,\n    hideOnEscape,\n    ...props\n  }: PopoverProps) => {\n    const [content, setContent] = useState<HTMLElement | null>(null)\n    const [target, setTarget] = useState<HTMLElement | null>(targetRef?.current ?? null)\n\n    useEffect(() => {\n      if (targetRef?.current) {\n        setTarget(targetRef?.current)\n      }\n    }, [targetRef])\n\n    const { ContentComponent, ...contentComponents } = components || {}\n\n    const popperInstanceRef = useRef<Instance | null>(null)\n\n    const options = useMemo(() => {\n      const options = (modifiers ? { modifiers, placement } : { placement })\n\n      options.modifiers = options.modifiers || []\n\n      if (isPopup) {\n        options.modifiers = [\n          ...options.modifiers,\n          {\n            name: 'centering',\n            phase: 'beforeWrite',\n            enabled: true,\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            fn: ({ state }): Partial<ModifierArguments> => {\n              const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n              const { width, height, left, top } = mcBoundRect || {\n                width: window.innerWidth,\n                height: window.innerHeight,\n                left: 0,\n                top: 0,\n              }\n\n              const xpos = left + (width - state.elements.popper.clientWidth) / 2\n              const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n              return {\n                ...state,\n                styles: {\n                  ...state.styles,\n                  popper: {\n                    ...state.styles.popper,\n                    left: `${xpos}px`,\n                    top: `${ypos}px`,\n                    transform: 'none',\n                  },\n                },\n              }\n            },\n          },\n        ] as PopoverProps['modifiers']\n      }\n\n      return options\n    }, [modifiers, placement, isPopup, modalContainer])\n\n    // to save cancelable setTimout\n    const pendingHideRef = useRef<(() => void)>()\n\n    useEffect(() => {\n      popperInstanceRef?.current?.destroy()\n      let popperInstance: ReturnType<typeof createPopper>\n\n      if (target && content) {\n        popperInstance = createPopper(target, content, { ...options })\n\n        popperInstanceRef.current = popperInstance\n      }\n\n      return (): void => {\n        popperInstance?.destroy()\n        popperInstanceRef.current = null\n      }\n    }, [content, target, options])\n\n\n    const outsideClickUnsubscriber = useRef<() => void | null>()\n    const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n    const hide = useCallback(() => {\n      if (content) {\n        delete content.dataset.show\n      }\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'hidden'\n        delete modalRef.current.dataset.show\n      }\n\n      popperInstanceRef?.current?.update()\n      onHide?.()\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n    }, [content, isModal, onHide])\n\n\n    const delayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n      pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n    }, [hide, hideTimeout])\n\n    const cancelDelayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n    }, [])\n\n    const handleOutsideClick = useCallback((eventTarget: HTMLElement | null) => {\n      if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n        || (content?.contains(eventTarget) && hideOnContentClick)) {\n        hide()\n      }\n    }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n    const open = useCallback(() => {\n      if (content) {\n        content.dataset.show = 'true'\n      }\n\n      popperInstanceRef?.current?.update()\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'visible'\n        modalRef.current.dataset.show = 'true'\n      }\n\n      onOpen?.()\n\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n      outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n        outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n      }, 250)\n    }, [content, handleOutsideClick, isModal, onOpen, target])\n\n    const toggleOpen = useCallback(() => {\n      content?.dataset?.show === 'true' ? hide() : open()\n    }, [content, hide, open])\n\n    const keydownHandler = useCallback((event: Event) => {\n      if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n        hide()\n      }\n    }, [hideOnEscape, hide])\n\n    useEffect(() => {\n      if (!hoverable && !clickable) {\n        console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n      }\n\n      const targetAddListener = target?.addEventListener?.bind(target)\n      const contentAddListener = content?.addEventListener?.bind(content)\n\n      if (contentAddListener && targetAddListener) {\n        if (hoverable) {\n          targetAddListener(EventName.MouseEnter, open)\n          contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n          targetAddListener(EventName.MouseLeave, delayedHide)\n          contentAddListener(EventName.MouseLeave, hide)\n        }\n\n        if (clickable) {\n          targetAddListener(EventName.Click, toggleOpen)\n        }\n      }\n\n      if (hideOnEscape) {\n        document.addEventListener(EventName.KeyDown, keydownHandler)\n      }\n\n      return (): void => {\n        const targetRemoveListener = target?.removeEventListener?.bind(target)\n        const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n        document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n        pendingHideRef.current && pendingHideRef.current()\n\n        if (targetRemoveListener) {\n          targetRemoveListener(EventName.Click, toggleOpen)\n          targetRemoveListener(EventName.MouseEnter, open)\n          targetRemoveListener(EventName.MouseLeave, delayedHide)\n        }\n        if (contentRemoveListener) {\n          contentRemoveListener(EventName.MouseLeave, hide)\n          contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n        }\n      }\n    }, [target, content, clickable, hoverable,\n      open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n    // open, hide based on external isOpen\n    useEffect(() => {\n      if (isOpen === true) {\n        open()\n      }\n      if (isOpen === false) {\n        hide()\n      }\n      return outsideClickUnsubscriber?.current as () => void\n    }, [hide, isOpen, open])\n\n    const childrenIsFunction = typeof children === 'function'\n    const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n    const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n      && children.filter((child: ReactNode) => !!child).length === 2\n\n    // modal\n    const modalRef = useRef<HTMLDivElement | null>(null)\n\n    useEffect(() => {\n      if (isModal && content) {\n        content.style.zIndex = '2'\n      }\n    }, [content, isModal])\n\n    return (\n      <>\n        {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n        {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n        {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n        {!childrenAreElements && ContentComponent && (\n        <ContentComponent\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          placement={placement}\n          forwardedRef={setContent}\n          ref={typeof ContentComponent !== 'function' ? setContent : null}\n          data={data}\n          hide={hide}\n          components={contentComponents as { [key: string]: FC | Component<any> }}\n          {...props}\n        />\n        )}\n        {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n        {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n        && cloneElement(children[1] as ReactElement, {\n          ...((children?.[1] as ReactElement)?.props),\n          placement,\n          forwardedRef: setContent,\n          // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n          ref: setContent,\n          data,\n          hide,\n          components: contentComponents as { [key: string]: FC | Component<any> },\n          ...props,\n        })}\n      </>\n    )\n  },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","modal","zIndex","position","width","height","top","left","background","pointerEvents","userSelect","visibility","Popover","memo","_ref","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","content","setContent","useState","target","setTarget","current","useEffect","ContentComponent","contentComponents","popperInstanceRef","useRef","options","useMemo","name","phase","enabled","fn","_ref2","state","mcBoundRect","getBoundingClientRect","window","innerWidth","innerHeight","xpos","elements","popper","clientWidth","ypos","clientHeight","transform","pendingHideRef","popperInstance","destroy","createPopper","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","dataset","show","modalRef","style","update","clearTimeout","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","contains","open","setTimeout","outsideClickHandler","toggleOpen","keydownHandler","event","keyCode","KeyCode","Escape","targetAddListener","addEventListener","bind","contentAddListener","EventName","MouseEnter","MouseLeave","Click","document","KeyDown","targetRemoveListener","removeEventListener","contentRemoveListener","childrenIsFunction","childrenIsElement","Array","isArray","childrenAreElements","filter","child","length","React","createElement","Fragment","ref","className","forwardedRef","_extends","cloneElement","displayName"],"mappings":"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"}
+{"version":3,"file":"PopoverLite.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/PopoverLite.tsx"],"sourcesContent":["\nimport { FC, memo, useRef, useEffect, useState, useCallback, useMemo, cloneElement,\n  CSSProperties, ReactNode, ReactElement, Component } from 'react'\nimport { createPopper, Instance, ModifierArguments } from '@popperjs/core'\n\nimport { EventName, KeyCode } from '../../../../constants'\nimport { cancelableSetTimeout } from '../../../../utils'\nimport { outsideClickHandler } from '../../../../hooks'\n\nimport { PopoverProps } from './popover.types'\n\n\nconst styles: Record<string, Partial<CSSProperties>> = {\n  modal: {\n    zIndex: 1,\n    position: 'fixed',\n    width: '100%',\n    height: '100%',\n    top: '0',\n    left: '0',\n    background: 'rgba(0 0 0 / 70%)',\n    pointerEvents: 'all',\n    userSelect: 'none',\n    visibility: 'hidden',\n  },\n}\n\nexport const Popover: FC<PopoverProps> = memo<PopoverProps>(\n  ({\n    children,\n    components,\n    placement = 'bottom',\n    modifiers,\n    data,\n    hoverable,\n    clickable,\n    onOpen,\n    onHide,\n    isOpen,\n    hideOnContentClick = false,\n    hideOnClickOutside = true,\n    hideTimeout = 150,\n    isPopup = false,\n    isModal = false,\n    modalOverlayClassName,\n    modalContainer,\n    targetRef,\n    hideOnEscape,\n    ...props\n  }: PopoverProps) => {\n    const [content, setContent] = useState<HTMLElement | null>(null)\n    const [target, setTarget] = useState<HTMLElement | null>(targetRef?.current ?? null)\n\n    useEffect(() => {\n      if (targetRef?.current) {\n        setTarget(targetRef?.current)\n      }\n    }, [targetRef])\n\n    const { ContentComponent, ...contentComponents } = components || {}\n\n    const popperInstanceRef = useRef<Instance | null>(null)\n\n    const options = useMemo(() => {\n      const options = (modifiers ? { modifiers, placement } : { placement })\n\n      options.modifiers = options.modifiers || []\n\n      if (isPopup) {\n        options.modifiers = [\n          ...options.modifiers,\n          {\n            name: 'centering',\n            phase: 'beforeWrite',\n            enabled: true,\n            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n            // @ts-ignore\n            fn: ({ state }): Partial<ModifierArguments> => {\n              const mcBoundRect = modalContainer?.getBoundingClientRect()\n\n              const { width, height, left, top } = mcBoundRect || {\n                width: window.innerWidth,\n                height: window.innerHeight,\n                left: 0,\n                top: 0,\n              }\n\n              const xpos = left + (width - state.elements.popper.clientWidth) / 2\n              const ypos = top + (height - state.elements.popper.clientHeight) / 2\n\n              return {\n                ...state,\n                styles: {\n                  ...state.styles,\n                  popper: {\n                    ...state.styles.popper,\n                    left: `${xpos}px`,\n                    top: `${ypos}px`,\n                    transform: 'none',\n                  },\n                },\n              }\n            },\n          },\n        ] as PopoverProps['modifiers']\n      }\n\n      return options\n    }, [modifiers, placement, isPopup, modalContainer])\n\n    // to save cancelable setTimout\n    const pendingHideRef = useRef<(() => void)>()\n\n    useEffect(() => {\n      popperInstanceRef?.current?.destroy()\n      let popperInstance: ReturnType<typeof createPopper>\n\n      if (target && content) {\n        popperInstance = createPopper(target, content, { ...options })\n\n        popperInstanceRef.current = popperInstance\n      }\n\n      return (): void => {\n        popperInstance?.destroy()\n        popperInstanceRef.current = null\n      }\n    }, [content, target, options])\n\n\n    const outsideClickUnsubscriber = useRef<() => void | null>()\n    const outsideClickUnsubscriberTimeout = useRef<any>(-1)\n\n    const hide = useCallback(() => {\n      if (content) {\n        delete content.dataset.show\n      }\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'hidden'\n        delete modalRef.current.dataset.show\n      }\n\n      popperInstanceRef?.current?.update()\n      onHide?.()\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n    }, [content, isModal, onHide])\n\n\n    const delayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n      pendingHideRef.current = cancelableSetTimeout(hide, hideTimeout)\n    }, [hide, hideTimeout])\n\n    const cancelDelayedHide = useCallback(() => {\n      pendingHideRef.current && pendingHideRef.current()\n    }, [])\n\n    const handleOutsideClick = useCallback((eventTarget: HTMLElement | null) => {\n      if ((content?.dataset?.show === 'true' && hideOnClickOutside && !content?.contains(eventTarget))\n        || (content?.contains(eventTarget) && hideOnContentClick)) {\n        hide()\n      }\n    }, [hide, content, hideOnContentClick, hideOnClickOutside])\n\n    const open = useCallback(() => {\n      if (content) {\n        content.dataset.show = 'true'\n      }\n\n      popperInstanceRef?.current?.update()\n\n      if (isModal && modalRef?.current) {\n        modalRef.current.style.visibility = 'visible'\n        modalRef.current.dataset.show = 'true'\n      }\n\n      onOpen?.()\n\n      outsideClickUnsubscriber?.current?.()\n      clearTimeout(outsideClickUnsubscriberTimeout.current)\n      outsideClickUnsubscriberTimeout.current = setTimeout(() => {\n        outsideClickUnsubscriber.current = outsideClickHandler(target, handleOutsideClick)\n      }, 250)\n    }, [content, handleOutsideClick, isModal, onOpen, target])\n\n    const toggleOpen = useCallback(() => {\n      content?.dataset?.show === 'true' ? hide() : open()\n    }, [content, hide, open])\n\n    const keydownHandler = useCallback((event: Event) => {\n      if (hideOnEscape && (event as unknown as KeyboardEvent).keyCode === KeyCode.Escape) {\n        hide()\n      }\n    }, [hideOnEscape, hide])\n\n    useEffect(() => {\n      if (!hoverable && !clickable) {\n        console.error('Popover component should have at least one of props [\"hoverable\", \"clickable\"]')\n      }\n\n      const targetAddListener = target?.addEventListener?.bind(target)\n      const contentAddListener = content?.addEventListener?.bind(content)\n\n      if (contentAddListener && targetAddListener) {\n        if (hoverable) {\n          targetAddListener(EventName.MouseEnter, open)\n          contentAddListener(EventName.MouseEnter, cancelDelayedHide)\n          targetAddListener(EventName.MouseLeave, delayedHide)\n          contentAddListener(EventName.MouseLeave, hide)\n        }\n\n        if (clickable) {\n          targetAddListener(EventName.Click, toggleOpen)\n        }\n      }\n\n      if (hideOnEscape) {\n        document.addEventListener(EventName.KeyDown, keydownHandler)\n      }\n\n      return (): void => {\n        const targetRemoveListener = target?.removeEventListener?.bind(target)\n        const contentRemoveListener = content?.removeEventListener?.bind(content)\n\n        document.removeEventListener(EventName.KeyDown, keydownHandler)\n\n        pendingHideRef.current && pendingHideRef.current()\n\n        if (targetRemoveListener) {\n          targetRemoveListener(EventName.Click, toggleOpen)\n          targetRemoveListener(EventName.MouseEnter, open)\n          targetRemoveListener(EventName.MouseLeave, delayedHide)\n        }\n        if (contentRemoveListener) {\n          contentRemoveListener(EventName.MouseLeave, hide)\n          contentRemoveListener(EventName.MouseEnter, cancelDelayedHide)\n        }\n      }\n    }, [target, content, clickable, hoverable,\n      open, hide, toggleOpen, delayedHide, cancelDelayedHide, hideOnEscape, keydownHandler])\n\n    // open, hide based on external isOpen\n    useEffect(() => {\n      if (isOpen === true) {\n        open()\n      }\n      if (isOpen === false) {\n        hide()\n      }\n      return outsideClickUnsubscriber?.current as () => void\n    }, [hide, isOpen, open])\n\n    const childrenIsFunction = typeof children === 'function'\n    const childrenIsElement = typeof children !== 'function' && !Array.isArray(children)\n    const childrenAreElements = typeof children !== 'function' && Array.isArray(children)\n      && children.filter((child: ReactNode) => !!child).length === 2\n\n    // modal\n    const modalRef = useRef<HTMLDivElement | null>(null)\n\n    useEffect(() => {\n      if (isModal && content) {\n        content.style.zIndex = '2'\n      }\n    }, [content, isModal])\n\n    return (\n      <>\n        {isModal && <span ref={modalRef} style={styles.modal} className={modalOverlayClassName} />}\n        {(!targetRef && childrenIsFunction) && children?.({ forwardedRef: setTarget, data })}\n        {(!targetRef && childrenIsElement) && <span ref={setTarget}>{children}</span>}\n        {!childrenAreElements && ContentComponent && (\n        <ContentComponent\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          placement={placement}\n          forwardedRef={setContent}\n          ref={typeof ContentComponent !== 'function' ? setContent : null}\n          data={data}\n          hide={hide}\n          components={contentComponents as { [key: string]: FC | Component<any> }}\n          {...props}\n        />\n        )}\n        {(!targetRef && childrenAreElements) && <span ref={setTarget}>{children[0]}</span>}\n        {(childrenAreElements && children?.[1] && typeof children?.[1] === 'object')\n        && cloneElement(children[1] as ReactElement, {\n          ...((children?.[1] as ReactElement)?.props),\n          placement,\n          forwardedRef: setContent,\n          // ...(typeof children[1] !== 'function' ? { ref: setContent } : {}),\n          ref: setContent,\n          data,\n          hide,\n          components: contentComponents as { [key: string]: FC | Component<any> },\n          ...props,\n        })}\n      </>\n    )\n  },\n)\n\nPopover.displayName = 'Popover'\n"],"names":["styles","Popover","memo","children","components","placement","modifiers","data","hoverable","clickable","onOpen","onHide","isOpen","hideOnContentClick","hideOnClickOutside","hideTimeout","isPopup","isModal","modalOverlayClassName","modalContainer","targetRef","hideOnEscape","props","content","setContent","useState","target","setTarget","useEffect","ContentComponent","contentComponents","popperInstanceRef","useRef","options","useMemo","state","mcBoundRect","width","height","left","top","xpos","ypos","pendingHideRef","_a","popperInstance","createPopper","outsideClickUnsubscriber","outsideClickUnsubscriberTimeout","hide","useCallback","modalRef","_b","delayedHide","cancelableSetTimeout","cancelDelayedHide","handleOutsideClick","eventTarget","open","outsideClickHandler","toggleOpen","keydownHandler","event","KeyCode","targetAddListener","contentAddListener","EventName","targetRemoveListener","contentRemoveListener","childrenIsFunction","childrenIsElement","childrenAreElements","child","jsxs","Fragment","jsx","cloneElement"],"mappings":"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"}

package/dist/ui/src/core/ui/components/molecules/popover/Tooltip.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),o=require("../../atoms/icons.js"),r=require("./PopoverLite.js"),a=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),l=require("../../container/layoutBox/LayoutBox.js"),i=require("../../atoms/text/Headline.js"),c=require("../../icon/IconBase.js"),s=require("../../dividers/DividerLine.js"),m=require("../../atoms/text/Paragraph.js"),p=require("../../../../utils/helpers/ui.js");const u=[{name:"offset",options:{offset:[0,10],placement:a.PopoverPlacement.Top}}],d=e=>{let{forwardedRef:t,title:r,text:a,hide:u,showClose:d,closeIconUrl:f,className:v=""}=e;return React.createElement("div",{ref:t,className:p.classNames(n.default["popover-tooltip"],v)},React.createElement("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow},React.createElement("div",{className:n.default["arrow-inner"]})),React.createElement(l.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1"},r&&React.createElement(l.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0"},React.createElement(i.HeadlineTertiary,null,r),d&&React.createElement("div",{onClick:u,onKeyDown:u,role:"button",tabIndex:-1,className:n.default["close-button"]},f&&React.createElement(c.IconBase,{iconUrl:f}),!f&&React.createElement(c.IconBase,null,o.infoIconJSX))),r&&React.createElement(s.DividerHorizontal,{margin:"8px 0"}),a&&React.createElement(m.ParagraphSmall,{element:"p"},a)))},f=t.memo((a=>{let{tooltipProps:n,components:{ContentComponent:l}={ContentComponent:d},infoIconUrl:i,children:s,infoTip:m,clickable:p=!1,hoverable:f=!0,placement:v="top",modifiers:h,...x}=a;const R=t.useMemo((()=>l?{ContentComponent:l}:void 0),[l]);let E;s&&(E=s),!s&&m&&(E=i?React.createElement(c.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):React.createElement(c.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"}},o.infoIconJSX));const j=t.useMemo((()=>[...u,...h||[]]),[h]);return React.createElement(r.Popover,e.extends({},x,n,{hoverable:f,clickable:p,placement:v,modifiers:j,components:R,showClose:p}),E&&E)}));f.displayName="Tooltip",exports.Tooltip=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),x=require("../../atoms/icons.js"),q=require("./PopoverLite.js"),y=require("./popover.types.js"),n=require("./tooltip.module.scss.js"),m=require("../../container/layoutBox/LayoutBox.js"),w=require("../../atoms/text/Headline.js"),a=require("../../icon/IconBase.js"),B=require("../../dividers/DividerLine.js"),T=require("../../atoms/text/Paragraph.js"),N=require("../../../../utils/helpers/ui.js"),P=[{name:"offset",options:{offset:[0,10],placement:y.PopoverPlacement.Top}}],b=({forwardedRef:c,title:o,text:i,hide:r,showClose:l,closeIconUrl:s,className:p=""})=>e.jsxs("div",{ref:c,className:N.classNames(n.default["popover-tooltip"],p),children:[e.jsx("div",{id:"arrow","data-popper-arrow":!0,className:n.default.arrow,children:e.jsx("div",{className:n.default["arrow-inner"]})}),e.jsxs(m.LayoutBox,{padding:"1rem",direction:"column",width:"256px",height:"unset",flexGrow:"1",children:[o&&e.jsxs(m.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"0",children:[e.jsx(w.HeadlineTertiary,{children:o}),l&&e.jsxs("div",{onClick:r,onKeyDown:r,role:"button",tabIndex:-1,className:n.default["close-button"],children:[s&&e.jsx(a.IconBase,{iconUrl:s}),!s&&e.jsx(a.IconBase,{children:x.infoIconJSX})]})]}),o&&e.jsx(B.DividerHorizontal,{margin:"8px 0"}),i&&e.jsx(T.ParagraphSmall,{element:"p",children:i})]})]}),f=d.memo(({tooltipProps:c,components:{ContentComponent:o}={ContentComponent:b},infoIconUrl:i,children:r,infoTip:l,clickable:s=!1,hoverable:p=!0,placement:j="top",modifiers:u,...h})=>{const v=d.useMemo(()=>o?{ContentComponent:o}:void 0,[o]);let t;r&&(t=r),!r&&l&&(t=i?e.jsx(a.IconBase,{iconUrl:i,size:"1rem",color:"#00336640",style:{lineHeight:"1px"}}):e.jsx(a.IconBase,{size:"1rem",color:"#00336640",style:{lineHeight:"1px"},children:x.infoIconJSX}));const g=d.useMemo(()=>[...P,...u||[]],[u]);return e.jsx(q.Popover,{...h,...c,hoverable:p,clickable:s,placement:j,modifiers:g,components:v,showClose:s,children:t&&t})});f.displayName="Tooltip";exports.Tooltip=f;
 //# sourceMappingURL=Tooltip.js.map

package/dist/ui/src/core/ui/components/molecules/popover/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\n            <div\n              onClick={hide}\n              onKeyDown={hide}\n              role='button'\n              tabIndex={-1}\n              className={classes['close-button']}\n            >\n              {closeIconUrl && <IconBase iconUrl={closeIconUrl} />}\n              {!closeIconUrl && (\n                <IconBase>\n                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","name","options","offset","placement","PopoverPlacement","Top","TooltipContent","_ref","forwardedRef","title","text","hide","showClose","closeIconUrl","className","React","createElement","ref","classNames","classes","id","arrow","LayoutBox","padding","direction","width","height","flexGrow","justify","align","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","infoIconJSX","DividerHorizontal","margin","ParagraphSmall","element","Tooltip","memo","_ref2","tooltipProps","components","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","modifiers","props","popoverComponents","useMemo","undefined","TargetNode","size","color","style","lineHeight","mergedModifiers","Popover","_extends","displayName"],"mappings":"ofAqBA,MAAMA,EAAmB,CACvB,CACEC,KAAM,SACNC,QAAS,CACPC,OAAQ,CAAC,EAAG,IACZC,UAAWC,EAAAA,iBAAiBC,OAgC5BC,EAAiBC,IAAA,IAACC,aACtBA,EAAYC,MAAEA,EAAKC,KAAEA,EAAIC,KAAEA,EAAIC,UAAEA,EAASC,aAAEA,EAAYC,UAAEA,EAAY,IAClDP,EAAA,OACpBQ,MAAAC,cAAA,MAAA,CACEC,IAAKT,EACLM,UAAWI,EAAAA,WAAWC,UAAQ,mBAAoBL,IAElDC,MAAAC,cAAA,MAAA,CAAKI,GAAG,QAAQ,qBAAA,EAAkBN,UAAWK,EAAAA,QAAQE,OACnDN,MAAAC,cAAA,MAAA,CAAKF,UAAWK,EAAAA,QAAQ,kBAE1BJ,MAAAC,cAACM,YAAS,CACRC,QAAQ,OACRC,UAAU,SACVC,MAAM,QACNC,OAAO,QACPC,SAAS,KAERlB,GACCM,MAAAC,cAACM,YAAS,CAACM,QAAQ,gBAAgBC,MAAM,QAAQJ,MAAM,OAAOF,QAAQ,KACpER,MAAAC,cAACc,EAAAA,iBAAE,KAAErB,GACJG,GACCG,MAAAC,cAAA,MAAA,CACEe,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVpB,UAAWK,EAAAA,QAAQ,iBAElBN,GAAgBE,MAAAC,cAACmB,WAAQ,CAACC,QAASvB,KAClCA,GACAE,MAAAC,cAACmB,EAAAA,SAAQ,KACNE,EAAAA,eAOZ5B,GAASM,MAAAC,cAACsB,EAAAA,kBAAiB,CAACC,OAAO,UACnC7B,GAAQK,MAAAC,cAACwB,EAAAA,eAAc,CAACC,QAAQ,KAAK/B,IAEpC,EA8BKgC,EAA4BC,EAAAA,MAAmBC,IAIxC,IAJyCC,aAC3DA,EAAcC,YAAYC,iBAAEA,GAAqB,CAAEA,iBAAkBzC,GAAgB0C,YACrFA,EAAWC,SACXA,EAAQC,QAAEA,EAAOC,UAAEA,GAAY,EAAKC,UAAEA,GAAY,EAAIjD,UAAEA,EAAY,MAAKkD,UAAEA,KAAcC,GAC5EV,EACb,MAAMW,EAAoBC,WAAQ,IAAOT,EAAmB,CAC1DA,yBACEU,GAAY,CAACV,IAEjB,IAAIW,EAEAT,IACFS,EAAaT,IAEVA,GAAYC,IACfQ,EACEV,EACIjC,MAAAC,cAACmB,EAAAA,SAAQ,CAACC,QAASY,EAAaW,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,SAEnF/C,MAAAC,cAACmB,WAAQ,CAACwB,KAAK,OAAOC,MAAM,YAAYC,MAAO,CAAEC,WAAY,QAC1DzB,gBAMX,MAAM0B,EAAkBP,EAAAA,SAAQ,IAAO,IAAIzD,KAAsBsD,GAAa,KAAO,CAACA,IAEtF,OACEtC,MAAAC,cAACgD,EAAAA,QAAOC,EAAAA,QAAA,CAAA,EACFX,EACAT,EAAY,CAChBO,UAAWA,EACXD,UAAWA,EACXhD,UAAWA,EACXkD,UAAWU,EACXjB,WAAYS,EACZ3C,UAAWuC,IAEVO,GAAcA,EACP,IASdhB,EAAQwB,YAAc"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/Tooltip.tsx"],"sourcesContent":["import { memo, FC, useMemo, PropsWithChildren } from 'react'\n// import { DividerHorizontal, LayoutBox, IconBase } from '@e1011/es-kit'\n\n\n\nimport { HeadlineTertiary as H3, ParagraphSmall } from '../../atoms/text'\nimport { DividerHorizontal } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { IconBase } from '../../icon'\nimport { infoIconJSX } from '../../atoms/icons'\nimport { classNames } from '../../../../utils'\n\nimport { Popover } from './PopoverLite'\nimport { PopoverPlacement, PopoverProps } from './popover.types'\nimport classes from './tooltip.module.scss'\n\n\n/**\n\nModifiers for the Popover component used in Tooltip.\n*/\nconst popoverModifiers = [\n  {\n    name: 'offset',\n    options: {\n      offset: [0, 10],\n      placement: PopoverPlacement.Top,\n    },\n  },\n]\n\n/**\n\nProps for the TooltipContent component.\n@typedef {Object} TooltipContentProps\n@property {ForwardedRef} forwardedRef - Forwarded ref of the TooltipContent component.\n@property {string} title - Title of the tooltip.\n@property {string} text - Text content of the tooltip.\n@property {Function} hide - Function to hide the tooltip.\n@property {boolean} showClose - Determines whether to show a close button in the tooltip.\n@extends PropsWithChildren\n*/\ntype TooltipContentProps = PropsWithChildren<any> & {\n  forwardedRef: ForwardedRef\n  closeIconUrl?: string\n  className?: string\n  title?: string\n  text?: string\n  hide: () => void\n  showClose?: boolean\n}\n\n/**\n\n  Tooltip content component used by the Tooltip component.\n  @param {TooltipContentProps} props - Props for the TooltipContent component.\n  @returns {JSX.Element} - Returns the JSX element for the TooltipContent component.\n  */\nconst TooltipContent = ({\n  forwardedRef, title, text, hide, showClose, closeIconUrl, className = '',\n}: TooltipContentProps): JSX.Element => (\n  <div\n    ref={forwardedRef}\n    className={classNames(classes['popover-tooltip'], className)}\n  >\n    <div id='arrow' data-popper-arrow className={classes.arrow}>\n      <div className={classes['arrow-inner']} />\n    </div>\n    <LayoutBox\n      padding='1rem'\n      direction='column'\n      width='256px'\n      height='unset'\n      flexGrow='1'\n    >\n      {title && (\n        <LayoutBox justify='space-between' align='start' width='100%' padding='0'>\n          <H3>{title}</H3>\n          {showClose && (\n            <div\n              onClick={hide}\n              onKeyDown={hide}\n              role='button'\n              tabIndex={-1}\n              className={classes['close-button']}\n            >\n              {closeIconUrl && <IconBase iconUrl={closeIconUrl} />}\n              {!closeIconUrl && (\n                <IconBase>\n                  {infoIconJSX}\n                </IconBase>\n              )}\n            </div>\n          )}\n        </LayoutBox>\n      )}\n      {title && <DividerHorizontal margin='8px 0' />}\n      {text && <ParagraphSmall element='p'>{text}</ParagraphSmall>}\n    </LayoutBox>\n  </div>\n)\n\n\n\n/**\n\nProps for the Tooltip component, extends PopoverProps.\n@typedef {Object} TooltipProps\n@property {Record<string, unknown>} [tooltipProps] - Additional props to be passed to the underlying Popover component.\n@extends PopoverProps\n*/\nexport type TooltipProps = PopoverProps & TooltipContentProps & {\n  tooltipProps?: Record<string, unknown>\n  infoIconUrl?: string\n}\n\n\n/**\n * A tooltip component that displays a short message when the user hovers or clicks on a target element.\n *\n * @param tooltipProps - Optional properties to be passed down to the `Popover` component.\n * @param components - Optional components that can be customized by the consumer.\n * @param children - The target element that the tooltip will be anchored to.\n * @param infoTip - If no `children` prop is passed in, an information icon will be used as the target element.\n * @param clickable - If `true`, the tooltip will be triggered by a click instead of a hover.\n * @param hoverable - If `true`, the tooltip will be triggered by a hover. Defaults to `true`.\n * @param placement - The placement of the tooltip relative to the target element.\n * @param modifiers - Optional modifiers to be passed down to the `Popover` component.\n */\nexport const Tooltip: FC<TooltipProps> = memo<TooltipProps>(({\n  tooltipProps, components: { ContentComponent } = { ContentComponent: TooltipContent },\n  infoIconUrl,\n  children, infoTip, clickable = false, hoverable = true, placement = 'top', modifiers, ...props\n}: TooltipProps) => {\n  const popoverComponents = useMemo(() => (ContentComponent ? {\n    ContentComponent,\n  } : undefined), [ContentComponent])\n\n  let TargetNode: typeof children\n\n  if (children) {\n    TargetNode = children\n  }\n  if (!children && infoTip) {\n    TargetNode = (\n      infoIconUrl\n        ? <IconBase iconUrl={infoIconUrl} size='1rem' color='#00336640' style={{ lineHeight: '1px' }} />\n        : (\n          <IconBase size='1rem' color='#00336640' style={{ lineHeight: '1px' }}>\n            {infoIconJSX}\n          </IconBase>\n        )\n    )\n  }\n\n  const mergedModifiers = useMemo(() => ([...popoverModifiers, ...(modifiers || [])]), [modifiers])\n\n  return (\n    <Popover\n      {...props}\n      {...tooltipProps}\n      hoverable={hoverable}\n      clickable={clickable}\n      placement={placement}\n      modifiers={mergedModifiers}\n      components={popoverComponents}\n      showClose={clickable}\n    >\n      {TargetNode && TargetNode}\n    </Popover>\n  )\n})\n\n/**\n * The display name of the Tooltip component.\n *\n * @type {string}\n */\nTooltip.displayName = 'Tooltip'\n\n"],"names":["popoverModifiers","PopoverPlacement","TooltipContent","forwardedRef","title","text","hide","showClose","closeIconUrl","className","jsxs","classNames","classes","jsx","LayoutBox","H3","IconBase","infoIconJSX","DividerHorizontal","ParagraphSmall","Tooltip","memo","tooltipProps","ContentComponent","infoIconUrl","children","infoTip","clickable","hoverable","placement","modifiers","props","popoverComponents","useMemo","TargetNode","mergedModifiers","Popover"],"mappings":"mhBAqBMA,EAAmB,CACvB,CACE,KAAM,SACN,QAAS,CACP,OAAQ,CAAC,EAAG,EAAE,EACd,UAAWC,EAAAA,iBAAiB,GAAA,CAC9B,CAEJ,EA6BMC,EAAiB,CAAC,CACtB,aAAAC,EAAc,MAAAC,EAAO,KAAAC,EAAM,KAAAC,EAAM,UAAAC,EAAW,aAAAC,EAAc,UAAAC,EAAY,EACxE,IACEC,EAAAA,KAAC,MAAA,CACC,IAAKP,EACL,UAAWQ,EAAAA,WAAWC,EAAAA,QAAQ,iBAAiB,EAAGH,CAAS,EAE3D,SAAA,CAAAI,EAAAA,IAAC,MAAA,CAAI,GAAG,QAAQ,oBAAiB,GAAC,UAAWD,EAAAA,QAAQ,MACnD,SAAAC,EAAAA,IAAC,MAAA,CAAI,UAAWD,EAAAA,QAAQ,aAAa,EAAG,EAC1C,EACAF,EAAAA,KAACI,EAAAA,UAAA,CACC,QAAQ,OACR,UAAU,SACV,MAAM,QACN,OAAO,QACP,SAAS,IAER,SAAA,CAAAV,GACCM,EAAAA,KAACI,EAAAA,WAAU,QAAQ,gBAAgB,MAAM,QAAQ,MAAM,OAAO,QAAQ,IACpE,SAAA,CAAAD,EAAAA,IAACE,EAAAA,kBAAI,SAAAX,CAAA,CAAM,EACVG,GACCG,EAAAA,KAAC,MAAA,CACC,QAASJ,EACT,UAAWA,EACX,KAAK,SACL,SAAU,GACV,UAAWM,EAAAA,QAAQ,cAAc,EAEhC,SAAA,CAAAJ,GAAgBK,EAAAA,IAACG,EAAAA,SAAA,CAAS,QAASR,CAAA,CAAc,EACjD,CAACA,GACAK,EAAAA,IAACG,EAAAA,SAAA,CACE,SAAAC,EAAAA,WAAA,CACH,CAAA,CAAA,CAAA,CAEJ,EAEJ,EAEDb,GAASS,EAAAA,IAACK,EAAAA,kBAAA,CAAkB,OAAO,OAAA,CAAQ,EAC3Cb,GAAQQ,EAAAA,IAACM,iBAAA,CAAe,QAAQ,IAAK,SAAAd,CAAA,CAAK,CAAA,CAAA,CAAA,CAC7C,CAAA,CACF,EA8BWe,EAA4BC,EAAAA,KAAmB,CAAC,CAC3D,aAAAC,EAAc,WAAY,CAAE,iBAAAC,CAAA,EAAqB,CAAE,iBAAkBrB,CAAA,EACrE,YAAAsB,EACA,SAAAC,EAAU,QAAAC,EAAS,UAAAC,EAAY,GAAO,UAAAC,EAAY,GAAM,UAAAC,EAAY,MAAO,UAAAC,EAAW,GAAGC,CAC3F,IAAoB,CAClB,MAAMC,EAAoBC,UAAQ,IAAOV,EAAmB,CAC1D,iBAAAA,CAAA,EACE,OAAY,CAACA,CAAgB,CAAC,EAElC,IAAIW,EAEAT,IACFS,EAAaT,GAEX,CAACA,GAAYC,IACfQ,EACEV,EACIX,EAAAA,IAACG,EAAAA,SAAA,CAAS,QAASQ,EAAa,KAAK,OAAO,MAAM,YAAY,MAAO,CAAE,WAAY,KAAA,EAAS,EAE5FX,EAAAA,IAACG,EAAAA,SAAA,CAAS,KAAK,OAAO,MAAM,YAAY,MAAO,CAAE,WAAY,KAAA,EAC1D,SAAAC,EAAAA,WAAA,CACH,GAKR,MAAMkB,EAAkBF,UAAQ,IAAO,CAAC,GAAGjC,EAAkB,GAAI8B,GAAa,CAAA,CAAG,EAAI,CAACA,CAAS,CAAC,EAEhG,OACEjB,EAAAA,IAACuB,EAAAA,QAAA,CACE,GAAGL,EACH,GAAGT,EACJ,UAAAM,EACA,UAAAD,EACA,UAAAE,EACA,UAAWM,EACX,WAAYH,EACZ,UAAWL,EAEV,SAAAO,GAAcA,CAAA,CAAA,CAGrB,CAAC,EAODd,EAAQ,YAAc"}

package/dist/ui/src/core/ui/components/molecules/popover/popover.types.js

@@ -1,2 +1,2 @@
-"use strict";let t=function(t){return t.Right="right",t.RightStart="right-start",t.RightEnd="right-end",t.Left="left",t.LeftStart="left-start",t.LeftEnd="left-end",t.Top="top",t.TopStart="top-start",t.TopEnd="top-end",t.Bottom="bottom",t.BottomStart="bottom-start",t.BottomEnd="bottom-end",t.Auto="auto",t.AutoStart="auto-start",t.AutoEnd="auto-end",t}({});exports.PopoverPlacement=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var d=(t=>(t.Right="right",t.RightStart="right-start",t.RightEnd="right-end",t.Left="left",t.LeftStart="left-start",t.LeftEnd="left-end",t.Top="top",t.TopStart="top-start",t.TopEnd="top-end",t.Bottom="bottom",t.BottomStart="bottom-start",t.BottomEnd="bottom-end",t.Auto="auto",t.AutoStart="auto-start",t.AutoEnd="auto-end",t))(d||{});exports.PopoverPlacement=d;
 //# sourceMappingURL=popover.types.js.map

package/dist/ui/src/core/ui/components/molecules/popover/popover.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.types.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/popover.types.ts"],"sourcesContent":["import { Options, Placement } from '@popperjs/core'\nimport { ReactNode, ReactElement, ComponentType, RefObject } from 'react'\n\n\nexport type PopoverProps = Record<string, unknown> & {\n  children?: ReactNode | ReactElement<unknown> | ReactNode[] | ReactElement<any>[] | ((props: unknown) => ReactNode)\n  components?: {\n    ContentComponent?: ComponentType<unknown>\n  }\n  targetRef?: RefObject<HTMLDivElement> | null\n  placement?: Placement\n  modifiers?: Options['modifiers']\n  data?: unknown\n  hoverable?: boolean\n  clickable?: boolean\n  onOpen?: () => void\n  onHide?: () => void\n  isOpen?: boolean\n  hideOnContentClick?: boolean\n  hideOnClickOutside?: boolean\n  hideTimeout?: number\n  isPopup?: boolean\n  isModal?: boolean\n  modalOverlayClassName?: string\n  modalContainer?: HTMLElement | null\n  hideOnEscape?: boolean\n}\n\nexport enum PopoverPlacement {\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Auto = 'auto',\n  AutoStart = 'auto-start',\n  AutoEnd = 'auto-end',\n}\n"],"names":["PopoverPlacement"],"mappings":"aA4BA,IAAYA,WAAAA,GAAgB,OAAhBA,EAAgB,MAAA,QAAhBA,EAAgB,WAAA,cAAhBA,EAAgB,SAAA,YAAhBA,EAAgB,KAAA,OAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,QAAA,WAAhBA,EAAgB,IAAA,MAAhBA,EAAgB,SAAA,YAAhBA,EAAgB,OAAA,UAAhBA,EAAgB,OAAA,SAAhBA,EAAgB,YAAA,eAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,KAAA,OAAhBA,EAAgB,UAAA,aAAhBA,EAAgB,QAAA,WAAhBA,CAAgB,EAAA,CAAA"}
+{"version":3,"file":"popover.types.js","sources":["../../../../../../../../src/core/ui/components/molecules/popover/popover.types.ts"],"sourcesContent":["import { Options, Placement } from '@popperjs/core'\nimport { ReactNode, ReactElement, ComponentType, RefObject } from 'react'\n\n\nexport type PopoverProps = Record<string, unknown> & {\n  children?: ReactNode | ReactElement<unknown> | ReactNode[] | ReactElement<any>[] | ((props: unknown) => ReactNode)\n  components?: {\n    ContentComponent?: ComponentType<unknown>\n  }\n  targetRef?: RefObject<HTMLDivElement> | null\n  placement?: Placement\n  modifiers?: Options['modifiers']\n  data?: unknown\n  hoverable?: boolean\n  clickable?: boolean\n  onOpen?: () => void\n  onHide?: () => void\n  isOpen?: boolean\n  hideOnContentClick?: boolean\n  hideOnClickOutside?: boolean\n  hideTimeout?: number\n  isPopup?: boolean\n  isModal?: boolean\n  modalOverlayClassName?: string\n  modalContainer?: HTMLElement | null\n  hideOnEscape?: boolean\n}\n\nexport enum PopoverPlacement {\n  Right = 'right',\n  RightStart = 'right-start',\n  RightEnd = 'right-end',\n  Left = 'left',\n  LeftStart = 'left-start',\n  LeftEnd = 'left-end',\n  Top = 'top',\n  TopStart = 'top-start',\n  TopEnd = 'top-end',\n  Bottom = 'bottom',\n  BottomStart = 'bottom-start',\n  BottomEnd = 'bottom-end',\n  Auto = 'auto',\n  AutoStart = 'auto-start',\n  AutoEnd = 'auto-end',\n}\n"],"names":["PopoverPlacement"],"mappings":"gFA4BO,IAAKA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,WAAa,cACbA,EAAA,SAAW,YACXA,EAAA,KAAO,OACPA,EAAA,UAAY,aACZA,EAAA,QAAU,WACVA,EAAA,IAAM,MACNA,EAAA,SAAW,YACXA,EAAA,OAAS,UACTA,EAAA,OAAS,SACTA,EAAA,YAAc,eACdA,EAAA,UAAY,aACZA,EAAA,KAAO,OACPA,EAAA,UAAY,aACZA,EAAA,QAAU,WAfAA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/ui/src/core/ui/components/molecules/popover/tooltip.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popover-tooltip":"tooltip-module_popover-tooltip__sAhKa",arrow:"tooltip-module_arrow__pqqOi","arrow-inner":"tooltip-module_arrow-inner__IqzxY","close-button":"tooltip-module_close-button__o8OBN"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="_arrow_l4it1_47",r={arrow:e};exports.arrow=e;exports.default=r;
 //# sourceMappingURL=tooltip.module.scss.js.map

package/dist/ui/src/core/ui/components/molecules/popup/Popup.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("../../../../../../_virtual/_rollupPluginBabelHelpers.js"),t=require("react"),a=require("../popover/PopoverLite.js"),n=require("../../atoms/icons.js"),o=require("./popup.module.scss.js"),i=require("./popup.overlay.module.scss.js"),r=require("./popup.types.js"),l=require("../../container/layoutBox/LayoutBox.js"),p=require("../../atoms/text/Headline.js"),s=require("../../icon/IconBase.js"),c=require("../../dividers/DividerLine.js");const u={popup:{inner:{[r.PopupAnimateVariant.SLIDE_DOWN]:{"--slideYFrom":"-48px"},[r.PopupAnimateVariant.SLIDE_UP]:{"--slideYFrom":"48px"},[r.PopupAnimateVariant.SLIDE_RIGHT]:{"--slideXFrom":"-64px"},[r.PopupAnimateVariant.SLIDE_LEFT]:{"--slideXFrom":"64px"}}}},d=t.memo((n=>{let{title:o="Popup's title",children:l,components:p={},isModal:s=!0,hideOnClickOutside:c=!1,hideOnContentClick:u=!1,animateVariant:d=r.PopupAnimateVariant.SLIDE_UP,hasHeader:h=!0,hasCloseIcon:E=!0,width:y,height:R,style:v,...x}=n;const P=p?.ContentComponent,C=t.useMemo((()=>({...y?{"--popup-width":y}:{},...R?{"--popup-height":R}:{},...v})),[R,v,y]);return React.createElement(a.Popover,e.extends({clickable:!0,isPopup:!0,isModal:s,hideOnContentClick:u,hideOnClickOutside:c,modalOverlayClassName:i.default["popup-modal-overlay"]},x),React.createElement("p",null),React.createElement(m,{title:o,hasHeader:h,hasCloseIcon:E,animateVariant:d,popupStyle:C},!P&&l&&l,!l&&P&&React.createElement(P,null)))}));d.displayName="Popup";const m=t.memo((e=>{let{title:a,forwardedRef:i,hide:r,children:d,animateVariant:m,popupStyle:h,hasHeader:E=!0,hasCloseIcon:y=!0,closeIconURL:R,...v}=e;const x=d&&Array.isArray(d)?d.filter((e=>!!e)).map(((e,a)=>t.cloneElement(e,{key:a,...e.props,hide:r,...v}))):React.createElement("div",null,"Pseudo Content");return React.createElement("div",{className:`${o.default["popup-container"]}`,ref:i,style:h},React.createElement(l.LayoutBox,{className:`${o.default["popup-container-inner"]}`,style:m?u.popup.inner[m]:{}},E&&React.createElement(React.Fragment,null,React.createElement(l.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"20px 20px 16px 20px"},React.createElement(p.HeadlineTertiary,null,a),y&&React.createElement("div",{onClick:r,onKeyDown:r,role:"button",tabIndex:-1,className:o.default["close-button"]},R&&React.createElement(s.IconBase,{iconUrl:R}),!R&&React.createElement(s.IconBase,null,n.closeIconJSX))),React.createElement(c.DividerLine,{length:"100%"})),React.createElement("div",{className:o.default["popup-container-inner-div"]},x&&x)))}));m.displayName="PopupContent",exports.Popup=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),D=require("../popover/PopoverLite.js"),I=require("../../atoms/icons.js"),l=require("./popup.module.scss.js"),S=require("./popup.overlay.module.scss.js"),a=require("./popup.types.js"),v=require("../../container/layoutBox/LayoutBox.js"),_=require("../../atoms/text/Headline.js"),f=require("../../icon/IconBase.js"),N=require("../../dividers/DividerLine.js"),b={popup:{inner:{[a.PopupAnimateVariant.SLIDE_DOWN]:{"--slideYFrom":"-48px"},[a.PopupAnimateVariant.SLIDE_UP]:{"--slideYFrom":"48px"},[a.PopupAnimateVariant.SLIDE_RIGHT]:{"--slideXFrom":"-64px"},[a.PopupAnimateVariant.SLIDE_LEFT]:{"--slideXFrom":"64px"}}}},q=c.memo(({title:d="Popup's title",children:p,components:o={},isModal:r=!0,hideOnClickOutside:u=!1,hideOnContentClick:m=!1,animateVariant:x=a.PopupAnimateVariant.SLIDE_UP,hasHeader:y=!0,hasCloseIcon:s=!0,width:i,height:n,style:t,...j})=>{const P=o==null?void 0:o.ContentComponent,L=c.useMemo(()=>({...i?{"--popup-width":i}:{},...n?{"--popup-height":n}:{},...t}),[n,t,i]);return e.jsxs(D.Popover,{clickable:!0,isPopup:!0,isModal:r,hideOnContentClick:m,hideOnClickOutside:u,modalOverlayClassName:S.default["popup-modal-overlay"],...j,children:[e.jsx("p",{}),e.jsxs(C,{title:d,hasHeader:y,hasCloseIcon:s,animateVariant:x,popupStyle:L,children:[!P&&p&&p,!p&&P&&e.jsx(P,{})]})]})});q.displayName="Popup";const C=c.memo(({title:d,forwardedRef:p,hide:o,children:r,animateVariant:u,popupStyle:m,hasHeader:x=!0,hasCloseIcon:y=!0,closeIconURL:s,...i})=>{const n=r&&Array.isArray(r)?r.filter(t=>!!t).map((t,j)=>c.cloneElement(t,{key:j,...t.props,hide:o,...i})):e.jsx("div",{children:"Pseudo Content"});return e.jsx("div",{className:`${l.default["popup-container"]}`,ref:p,style:m,children:e.jsxs(v.LayoutBox,{className:`${l.default["popup-container-inner"]}`,style:u?b.popup.inner[u]:{},children:[x&&e.jsxs(e.Fragment,{children:[e.jsxs(v.LayoutBox,{justify:"space-between",align:"start",width:"100%",padding:"20px 20px 16px 20px",children:[e.jsx(_.HeadlineTertiary,{children:d}),y&&e.jsxs("div",{onClick:o,onKeyDown:o,role:"button",tabIndex:-1,className:l.default["close-button"],children:[s&&e.jsx(f.IconBase,{iconUrl:s}),!s&&e.jsx(f.IconBase,{children:I.closeIconJSX})]})]}),e.jsx(N.DividerLine,{length:"100%"})]}),e.jsx("div",{className:l.default["popup-container-inner-div"],children:n&&n})]})})});C.displayName="PopupContent";exports.Popup=q;
 //# sourceMappingURL=Popup.js.map

package/dist/ui/src/core/ui/components/molecules/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sources":["../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","popup","inner","PopupAnimateVariant","SLIDE_DOWN","SLIDE_UP","SLIDE_RIGHT","SLIDE_LEFT","Popup","memo","_ref","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","React","createElement","PopoverLite","_extends","clickable","isPopup","modalOverlayClassName","classesOverlay","PopupContent","popupStyle","displayName","_ref2","forwardedRef","hide","closeIconURL","ContentRemapped","Array","isArray","filter","child","map","index","cloneElement","key","className","classes","ref","LayoutBox","Fragment","justify","align","padding","H3","onClick","onKeyDown","role","tabIndex","IconBase","iconUrl","closeIconJSX","DividerLine","length"],"mappings":"6cAwBA,MAAMA,EAKF,CACFC,MAAO,CACLC,MAAO,CACL,CAACC,EAAAA,oBAAoBC,YAAa,CAAE,eAAgB,SACpD,CAACD,EAAAA,oBAAoBE,UAAW,CAAE,eAAgB,QAClD,CAACF,EAAAA,oBAAoBG,aAAc,CAAE,eAAgB,SACrD,CAACH,EAAAA,oBAAoBI,YAAa,CAAE,eAAgB,WAW7CC,EAAwBC,EAAAA,MAAiBC,IAcpC,IAdqCC,MACrDA,EAAQ,gBAAgBC,SACxBA,EAAQC,WACRA,EAAa,CAAA,EAAEC,QACfA,GAAU,EAAIC,mBACdA,GAAqB,EAAKC,mBAC1BA,GAAqB,EAAKC,eAC1BA,EAAiBd,EAAAA,oBAAoBE,SAAQa,UAC7CA,GAAY,EAAIC,aAChBA,GAAe,EAAIC,MACnBA,EAAKC,OACLA,EAAMC,MACNA,KACGC,GACQb,EAMX,MAAMc,EAAmBX,GAAYW,iBAO/BxB,EAASyB,EAAAA,SAAQ,KAAA,IACjBL,EAAQ,CAAE,gBAAiBA,GAAU,MACrCC,EAAS,CAAE,iBAAkBA,GAAW,MACzCC,KACD,CAACD,EAAQC,EAAOF,IAEpB,OACEM,MAAAC,cAACC,EAAAA,QAAWC,UAAA,CACVC,WAAS,EACTC,SAAO,EACPjB,QAASA,EACTE,mBAAoBA,EACpBD,mBAAoBA,EACpBiB,sBAAuBC,EAAAA,QAAe,wBAClCV,GAEJG,MAAAC,cAAA,IAAA,MACAD,MAAAC,cAACO,EAAY,CACXvB,MAAOA,EACPO,UAAWA,EACXC,aAAcA,EACdF,eAAgBA,EAChBkB,WAAYnC,IAGTwB,GAAoBZ,GAAaA,GAEjCA,GAAYY,GAAqBE,MAAAC,cAACH,EAAgB,OAE3C,IASlBhB,EAAM4B,YAAc,QAmBpB,MAAMF,EAAezB,EAAAA,MAAK4B,IAWD,IAXE1B,MACzBA,EAAK2B,aACLA,EAAYC,KACZA,EAAI3B,SACJA,EAAQK,eACRA,EAAckB,WACdA,EAAUjB,UACVA,GAAY,EAAIC,aAChBA,GAAe,EAAIqB,aACnBA,KACGjB,GACec,EAMlB,MAAMI,EAAkB7B,GAAY8B,MAAMC,QAAQ/B,GAC9CA,EAASgC,QAAQC,KAAsCA,IACtDC,KAAI,CAACD,EAAqBE,IAAkBC,EAAAA,aAE3CH,EAAO,CAAEI,IAAKF,KAAUF,EAAMtB,MAAOgB,UAAShB,MAEhDG,MAAAC,cAAA,MAAA,KAAK,kBAET,OACED,MAAAC,cAAA,MAAA,CAAKuB,UAAW,GAAGC,UAAQ,qBAAsBC,IAAKd,EAAchB,MAAOa,GACzET,MAAAC,cAAC0B,YAAS,CACRH,UAAW,GAAGC,UAAQ,2BACtB7B,MAAOL,EAAiBjB,EAAOC,MAAMC,MAAMe,GAAmC,CAAA,GAE7EC,GACCQ,MAAAC,cAAAD,MAAA4B,SAAA,KACE5B,MAAAC,cAAC0B,YAAS,CAACE,QAAQ,gBAAgBC,MAAM,QAAQpC,MAAM,OAAOqC,QAAQ,uBACpE/B,MAAAC,cAAC+B,EAAAA,iBAAE,KAAE/C,GACJQ,GACCO,MAAAC,cAAA,MAAA,CACEgC,QAASpB,EACTqB,UAAWrB,EACXsB,KAAK,SACLC,UAAU,EACVZ,UAAWC,EAAAA,QAAQ,iBAElBX,GAAgBd,MAAAC,cAACoC,WAAQ,CAACC,QAASxB,KAClCA,GACAd,MAAAC,cAACoC,EAAAA,cACEE,EAAAA,gBAMXvC,MAAAC,cAACuC,EAAAA,YAAW,CAACC,OAAO,UAGxBzC,MAAAC,cAAA,MAAA,CAAKuB,UAAWC,EAAAA,QAAQ,8BACrBV,GAAmBA,IAGpB,IASVP,EAAaE,YAAc"}
+{"version":3,"file":"Popup.js","sources":["../../../../../../../../src/core/ui/components/molecules/popup/Popup.tsx"],"sourcesContent":["import {\n  cloneElement, memo, PropsWithChildren, FC, ReactNode, CSSProperties, useMemo, ReactElement,\n} from 'react'\n\nimport { Popover as PopoverLite } from '../popover/PopoverLite'\nimport { HeadlineTertiary as H3 } from '../../atoms/text'\nimport { IconBase } from '../../icon'\nimport { DividerLine } from '../../dividers'\nimport { LayoutBox } from '../../container'\nimport { closeIconJSX } from '../../atoms/icons'\n\nimport classes from './popup.module.scss'\nimport classesOverlay from './popup.overlay.module.scss'\nimport { PopupAnimateVariant, PopupProps } from './popup.types'\n\n\n/**\n * Styles for the Popup component.\n *\n * @typedef {Object} PopupStyles\n * @property {Object} inner - The inner styles for the popup.\n * @property {CSSProperties} content - The styles for the popup content.\n */\n\nconst styles: {\n  popup: {\n    inner: Record<string, Record<string, string>>\n  }\n\n} = {\n  popup: {\n    inner: {\n      [PopupAnimateVariant.SLIDE_DOWN]: { '--slideYFrom': '-48px' },\n      [PopupAnimateVariant.SLIDE_UP]: { '--slideYFrom': '48px' },\n      [PopupAnimateVariant.SLIDE_RIGHT]: { '--slideXFrom': '-64px' },\n      [PopupAnimateVariant.SLIDE_LEFT]: { '--slideXFrom': '64px' },\n    },\n  },\n}\n\n/**\n * Popup component.\n *\n * @type {React.FC<PopupProps>}\n * @returns {React.ReactElement} The Popup.\n */\nexport const Popup: FC<PopupProps> = memo<PopupProps>(({\n  title = 'Popup\\'s title',\n  children,\n  components = {},\n  isModal = true,\n  hideOnClickOutside = false,\n  hideOnContentClick = false,\n  animateVariant = PopupAnimateVariant.SLIDE_UP,\n  hasHeader = true,\n  hasCloseIcon = true,\n  width,\n  height,\n  style,\n  ...props\n}: PopupProps) => {\n  /**\n   * The ContentComponent to render.\n   *\n   * @type {ComponentType}\n   */\n  const ContentComponent = components?.ContentComponent\n\n  /**\n   * The popup styles.\n   *\n   * @type {CSSProperties}\n   */\n  const styles = useMemo(() => ({\n    ...(width ? { '--popup-width': width } : {}),\n    ...(height ? { '--popup-height': height } : {}),\n    ...style,\n  }), [height, style, width])\n\n  return (\n    <PopoverLite\n      clickable\n      isPopup\n      isModal={isModal}\n      hideOnContentClick={hideOnContentClick}\n      hideOnClickOutside={hideOnClickOutside}\n      modalOverlayClassName={classesOverlay['popup-modal-overlay']}\n      {...props}\n    >\n      <p>{/* Placeholder element to avoid error with no children */}</p>\n      <PopupContent\n        title={title}\n        hasHeader={hasHeader}\n        hasCloseIcon={hasCloseIcon}\n        animateVariant={animateVariant}\n        popupStyle={styles}\n      >\n        {/* Render children if ContentComponent is not provided */}\n        {(!ContentComponent && children) && children}\n        {/* Render ContentComponent if children are not provided */}\n        {(!children && ContentComponent) && <ContentComponent />}\n      </PopupContent>\n    </PopoverLite>\n  )\n})\n\n/**\n * The display name of the Popup component.\n *\n * @type {string}\n */\nPopup.displayName = 'Popup'\n\ntype PopupContentProps = PropsWithChildren<unknown> & {\n  title?: string\n  forwardedRef?: ForwardedRef['forwardedRef']\n  animateVariant?: PopupProps['animateVariant']\n  popupStyle?: CSSProperties\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  closeIconURL?: string\n  hide?: () => void\n}\n\n/**\n * The PopupContent component.\n *\n * @param {PopupContentProps} props The props for the PopupContent component.\n * @returns {React.ReactElement} The PopupContent.\n */\nconst PopupContent = memo(({\n  title,\n  forwardedRef,\n  hide,\n  children,\n  animateVariant,\n  popupStyle,\n  hasHeader = true,\n  hasCloseIcon = true,\n  closeIconURL,\n  ...props\n}: PopupContentProps) => {\n  /**\n   * The ContentRemapped element.\n   *\n   * @type {React.ReactElement[] | React.ReactElement}\n   */\n  const ContentRemapped = children && Array.isArray(children)\n    ? children.filter((child: ReactNode | ReactElement) => !!child)\n      .map((child: ReactElement, index: number) => cloneElement(\n      // eslint-disable-next-line react/no-array-index-key\n        child, { key: index, ...child.props, hide, ...props },\n      ))\n    : <div>Pseudo Content</div>\n\n  return (\n    <div className={`${classes['popup-container']}`} ref={forwardedRef} style={popupStyle}>\n      <LayoutBox\n        className={`${classes['popup-container-inner']}`}\n        style={animateVariant ? styles.popup.inner[animateVariant] as CSSProperties : {}}\n      >\n        {hasHeader && (\n          <>\n            <LayoutBox justify='space-between' align='start' width='100%' padding='20px 20px 16px 20px'>\n              <H3>{title}</H3>\n              {hasCloseIcon && (\n                <div\n                  onClick={hide}\n                  onKeyDown={hide}\n                  role='button'\n                  tabIndex={-1}\n                  className={classes['close-button']}\n                >\n                  {closeIconURL && <IconBase iconUrl={closeIconURL} />}\n                  {!closeIconURL && (\n                    <IconBase>\n                      {closeIconJSX}\n                    </IconBase>\n                  )}\n                </div>\n              )}\n            </LayoutBox>\n            <DividerLine length='100%' />\n          </>\n        )}\n        <div className={classes['popup-container-inner-div']}>\n          {ContentRemapped && ContentRemapped}\n        </div>\n      </LayoutBox>\n    </div>\n  )\n})\n\n/**\n * The display name of the PopupContent component.\n *\n * @type {string}\n */\nPopupContent.displayName = 'PopupContent'\n"],"names":["styles","PopupAnimateVariant","Popup","memo","title","children","components","isModal","hideOnClickOutside","hideOnContentClick","animateVariant","hasHeader","hasCloseIcon","width","height","style","props","ContentComponent","useMemo","jsxs","PopoverLite","classesOverlay","jsx","PopupContent","forwardedRef","hide","popupStyle","closeIconURL","ContentRemapped","child","index","cloneElement","classes","LayoutBox","Fragment","H3","IconBase","closeIconJSX","DividerLine"],"mappings":"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"}

package/dist/ui/src/core/ui/components/molecules/popup/popup.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popup-container":"popup-module_popup-container__PJ0oQ","popup-container-inner":"popup-module_popup-container-inner__n83Cz","close-button":"popup-module_close-button__-8sZx","popup-container-inner-div":"popup-module_popup-container-inner-div__sDNBm"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={};exports.default=e;
 //# sourceMappingURL=popup.module.scss.js.map

package/dist/ui/src/core/ui/components/molecules/popup/popup.overlay.module.scss.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.default={"popup-modal-overlay":"popup-overlay-module_popup-modal-overlay__dlJqM"};
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={};exports.default=e;
 //# sourceMappingURL=popup.overlay.module.scss.js.map

package/dist/ui/src/core/ui/components/molecules/popup/popup.types.js

@@ -1,2 +1,2 @@
-"use strict";let e=function(e){return e.SLIDE_DOWN="slideDown",e.SLIDE_UP="slideUp",e.SLIDE_RIGHT="slideRight",e.SLIDE_LEFT="slideLeft",e}({});exports.PopupAnimateVariant=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var l=(e=>(e.SLIDE_DOWN="slideDown",e.SLIDE_UP="slideUp",e.SLIDE_RIGHT="slideRight",e.SLIDE_LEFT="slideLeft",e))(l||{});exports.PopupAnimateVariant=l;
 //# sourceMappingURL=popup.types.js.map

package/dist/ui/src/core/ui/components/molecules/popup/popup.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"popup.types.js","sources":["../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"aAWA,IAAYA,WAAAA,GAAmB,OAAnBA,EAAmB,WAAA,YAAnBA,EAAmB,SAAA,UAAnBA,EAAmB,YAAA,aAAnBA,EAAmB,WAAA,YAAnBA,CAAmB,EAAA,CAAA"}
+{"version":3,"file":"popup.types.js","sources":["../../../../../../../../src/core/ui/components/molecules/popup/popup.types.ts"],"sourcesContent":["import { CSSProperties, ComponentType, PropsWithChildren } from 'react'\n\nimport { PopoverProps } from '../popover/popover.types'\n\n\n/**\n * Enumeration of animation variants for the Popup component.\n *\n * @readonly\n * @enum {string}\n */\nexport enum PopupAnimateVariant {\n  SLIDE_DOWN = 'slideDown',\n  SLIDE_UP = 'slideUp',\n  SLIDE_RIGHT = 'slideRight',\n  SLIDE_LEFT = 'slideLeft',\n}\n\n/**\n * Props for the Popup component.\n *\n * @typedef {PropsWithChildren & PopoverProps & {\n*   title?: string\n*   className?: string\n*   components?: {\n*     ContentComponent?: ComponentType | undefined\n*   }\n*   animateVariant?: PopupAnimateVariant\n*   width?: string\n*   height?: string\n*   style?: CSSProperties\n* }} PopupProps\n* @property {string} [title=\"Popup's title\"] - The title of the popup.\n* @property {string} [className] - The CSS class name for the popup.\n* @property {Object} [components] - The components to be used for rendering the popup content.\n* @property {ComponentType | undefined} [components.ContentComponent]\n* - The component to be used for rendering the popup content.\n* @property {PopupAnimateVariant} [animateVariant=PopupAnimateVariant.SLIDE_UP]\n* - The animation variant to be used for the popup.\n* @property {string} [width] - The width of the popup.\n* @property {string} [height] - The height of the popup.\n* @property {CSSProperties} [style] - The inline style for the popup.\n*/\nexport type PopupProps = PropsWithChildren & PopoverProps & {\n  title?: string\n  className?: string\n  components?: {\n   ContentComponent?: ComponentType | undefined\n  }\n  animateVariant?: PopupAnimateVariant\n  hasHeader?: boolean\n  hasCloseIcon?: boolean\n  width?: string\n  height?: string\n  style?: CSSProperties\n}\n"],"names":["PopupAnimateVariant"],"mappings":"gFAWO,IAAKA,GAAAA,IACVA,EAAA,WAAa,YACbA,EAAA,SAAW,UACXA,EAAA,YAAc,aACdA,EAAA,WAAa,YAJHA,IAAAA,GAAA,CAAA,CAAA"}

package/dist/ui/src/core/ui/index.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("./components/atoms/text/anchor-link/AnchorLink.js"),o=require("./components/container/layoutBox/LayoutBox.js"),t=require("./components/atoms/button/Button.js"),r=require("./components/container/CollapsibleContainer.js"),n=require("./components/error/ErrorBoundary.js"),s=require("./components/dividers/DividerLine.js"),a=require("./components/icon/IconWC.js"),p=require("./components/field/Field.js"),i=require("./components/molecules/layouts/FlowLayout.js"),l=require("./components/atoms/text/Headline.js"),c=require("./components/icon/Icon.js"),u=require("./components/icon/IconBase.js"),x=require("./components/container/layoutBox/layoutBox.types.js"),m=require("./components/container/lazyComponent/LazyComponent.js"),d=require("./components/atoms/text/Link.js"),y=require("./components/atoms/text/Paragraph.js"),j=require("./components/molecules/popover/PopoverLite.js"),B=require("./components/molecules/popover/popover.types.js"),g=require("./components/molecules/popup/Popup.js"),q=require("./components/molecules/popup/popup.types.js"),C=require("./components/container/ResizableContainer.js"),P=require("./components/atoms/tag/Tag.js"),L=require("./components/atoms/tag/tag.types.js"),v=require("./components/atoms/text/Text.js"),T=require("./components/atoms/textAndContent/TextAndContent.js"),S=require("./components/atoms/toggle/Toggle.js"),I=require("./components/molecules/popover/Tooltip.js"),z=require("./utils/style.js");exports.AnchorLink=e.AnchorLink,exports.BoxLayout=o.BoxLayout,exports.LayoutBox=o.LayoutBox,exports.Button=t.Button,exports.IconButton=t.IconButton,exports.keys=t.keys,exports.CollapsibleContainer=r.CollapsibleContainer,exports.DefaultErrorComponent=n.DefaultErrorComponent,exports.ErrorBoundary=n.ErrorBoundary,exports.DividerHorizontal=s.DividerHorizontal,exports.DividerLine=s.DividerLine,exports.DividerVertical=s.DividerVertical,exports.ESIcon=a.ESIcon,exports.ESIconBase=a.ESIconBase,exports.Field=p.Field,exports.Select=p.Select,exports.setIconColor=p.setIconColor,exports.setIconComponent=p.setIconComponent,exports.FlowLayout=i.FlowLayout,exports.Headline=l.Headline,exports.HeadlineSecondary=l.HeadlineSecondary,exports.HeadlineTertiary=l.HeadlineTertiary,exports.Icon=c.Icon,exports.IconBase=u.IconBase,exports.LayoutDirection=x.LayoutDirection,exports.LazyComponent=m.LazyComponent,exports.PendingBoundary=m.PendingBoundary,exports.createLazyModule=m.createLazyModule,exports.createLazyModuleWithStore=m.createLazyModuleWithStore,exports.wrapPromise=m.wrapPromise,exports.Link=d.Link,exports.Paragraph=y.Paragraph,exports.ParagraphBold=y.ParagraphBold,exports.ParagraphBoldSmall=y.ParagraphBoldSmall,exports.ParagraphSmall=y.ParagraphSmall,exports.Popover=j.Popover,exports.PopoverPlacement=B.PopoverPlacement,exports.Popup=g.Popup,exports.PopupAnimateVariant=q.PopupAnimateVariant,exports.ResizableContainer=C.ResizableContainer,exports.Tag=P.Tag,exports.TagVariant=L.TagVariant,exports.Text=v.Text,exports.TextAndContent=T.TextAndContent,exports.TextAndIcons=T.TextAndIcons,exports.Toggle=S.Toggle,exports.Tooltip=I.Tooltip,exports.calculateColors=z.calculateColors,exports.calculatePercColor=z.calculatePercColor,exports.convertHex=z.convertHex,exports.convertRGB=z.convertRGB,Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:function(){return z.defaultFontSize}}),exports.pxToRem=z.pxToRem,exports.resolveStyleValue=z.resolveStyleValue,exports.setDefaultFontSize=z.setDefaultFontSize,exports.toHex=z.toHex;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("./components/atoms/text/anchor-link/AnchorLink.js"),l=require("./components/container/layoutBox/LayoutBox.js"),n=require("./components/atoms/button/Button.js"),d=require("./components/container/CollapsibleContainer.js"),c=require("./components/error/ErrorBoundary.js"),a=require("./components/dividers/DividerLine.js"),u=require("./components/icon/IconWC.js"),r=require("./components/field/Field.js"),y=require("./components/molecules/layouts/FlowLayout.js"),i=require("./components/atoms/text/Headline.js"),P=require("./components/icon/Icon.js"),q=require("./components/icon/IconBase.js"),g=require("./components/container/layoutBox/layoutBox.types.js"),o=require("./components/container/lazyComponent/LazyComponent.js"),B=require("./components/atoms/text/Link.js"),t=require("./components/atoms/text/Paragraph.js"),L=require("./components/molecules/popover/PopoverLite.js"),C=require("./components/molecules/popover/popover.types.js"),T=require("./components/molecules/popup/Popup.js"),m=require("./components/molecules/popup/popup.types.js"),S=require("./components/container/ResizableContainer.js"),v=require("./components/atoms/tag/Tag.js"),x=require("./components/atoms/tag/tag.types.js"),I=require("./components/atoms/text/Text.js"),s=require("./components/atoms/textAndContent/TextAndContent.js"),z=require("./components/atoms/toggle/Toggle.js"),h=require("./components/molecules/popover/Tooltip.js"),e=require("./utils/style.js");exports.AnchorLink=p.AnchorLink;exports.BoxLayout=l.BoxLayout;exports.LayoutBox=l.LayoutBox;exports.Button=n.Button;exports.IconButton=n.IconButton;exports.keys=n.keys;exports.CollapsibleContainer=d.CollapsibleContainer;exports.DefaultErrorComponent=c.DefaultErrorComponent;exports.ErrorBoundary=c.ErrorBoundary;exports.DividerHorizontal=a.DividerHorizontal;exports.DividerLine=a.DividerLine;exports.DividerVertical=a.DividerVertical;Object.defineProperty(exports,"ESIcon",{enumerable:!0,get:()=>u.ESIcon});exports.ESIconBase=u.ESIconBase;exports.Field=r.Field;exports.Select=r.Select;exports.setIconColor=r.setIconColor;exports.setIconComponent=r.setIconComponent;exports.FlowLayout=y.FlowLayout;exports.Headline=i.Headline;exports.HeadlineSecondary=i.HeadlineSecondary;exports.HeadlineTertiary=i.HeadlineTertiary;exports.Icon=P.Icon;exports.IconBase=q.IconBase;exports.LayoutDirection=g.LayoutDirection;exports.LazyComponent=o.LazyComponent;exports.PendingBoundary=o.PendingBoundary;exports.createLazyModule=o.createLazyModule;exports.createLazyModuleWithStore=o.createLazyModuleWithStore;exports.wrapPromise=o.wrapPromise;exports.Link=B.Link;exports.Paragraph=t.Paragraph;exports.ParagraphBold=t.ParagraphBold;exports.ParagraphBoldSmall=t.ParagraphBoldSmall;exports.ParagraphSmall=t.ParagraphSmall;exports.Popover=L.Popover;exports.PopoverPlacement=C.PopoverPlacement;exports.Popup=T.Popup;exports.PopupAnimateVariant=m.PopupAnimateVariant;exports.ResizableContainer=S.ResizableContainer;exports.Tag=v.Tag;exports.TagVariant=x.TagVariant;exports.Text=I.Text;exports.TextAndContent=s.TextAndContent;exports.TextAndIcons=s.TextAndIcons;exports.Toggle=z.Toggle;exports.Tooltip=h.Tooltip;exports.calculateColors=e.calculateColors;exports.calculatePercColor=e.calculatePercColor;exports.convertHex=e.convertHex;exports.convertRGB=e.convertRGB;Object.defineProperty(exports,"defaultFontSize",{enumerable:!0,get:()=>e.defaultFontSize});exports.pxToRem=e.pxToRem;exports.resolveStyleValue=e.resolveStyleValue;exports.setDefaultFontSize=e.setDefaultFontSize;exports.toHex=e.toHex;
 //# sourceMappingURL=index.js.map