@e1011/es-kit 1.5.0 → 1.5.2

package/dist/ui/esm/src/core/ui/components/icon/Icon.js

@@ -1,2 +1,27 @@
-import{memo as e}from"react";const a=e((e=>{let{icon:a,className:o,color:c="currentColor"}=e;return React.createElement("svg",{"aria-hidden":"true",focusable:"false","data-prefix":a.prefix,"data-icon":a.iconName,className:`svg-inline--fa fa-${a.iconName} ${o}`,role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:`0 0 ${a.icon[0]} ${a.icon[1]}`},React.createElement("path",{fill:c,d:a.icon[4]}))}));a.displayName="Icon";export{a as Icon};
+import { jsx as e } from "react/jsx-runtime";
+import { memo as i } from "react";
+const m = i(({ icon: a, className: o, color: r = "currentColor" }) => /* @__PURE__ */ e(
+  "svg",
+  {
+    "aria-hidden": "true",
+    focusable: "false",
+    "data-prefix": a.prefix,
+    "data-icon": a.iconName,
+    className: `svg-inline--fa fa-${a.iconName} ${o}`,
+    role: "img",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: `0 0 ${a.icon[0]} ${a.icon[1]}`,
+    children: /* @__PURE__ */ e(
+      "path",
+      {
+        fill: r,
+        d: a.icon[4]
+      }
+    )
+  }
+));
+m.displayName = "Icon";
+export {
+  m as Icon
+};
 //# sourceMappingURL=Icon.js.map

package/dist/ui/esm/src/core/ui/components/icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","_ref","icon","className","color","React","createElement","focusable","prefix","iconName","role","xmlns","viewBox","fill","d","displayName"],"mappings":"6BAYO,MAAMA,EAAOC,GAAeC,IAAA,IAACC,KAAEA,EAAIC,UAAEA,EAASC,MAAEA,EAAQ,gBAA0BH,EAAA,OACvFI,MAAAC,cAAA,MAAA,CACE,cAAY,OACZC,UAAU,QACV,cAAaL,EAAKM,OAClB,YAAWN,EAAKO,SAChBN,UAAW,qBAAqBD,EAAKO,YAAYN,IACjDO,KAAK,MACLC,MAAM,6BACNC,QAAS,OAAOV,EAAKA,KAAK,MAAMA,EAAKA,KAAK,MAE1CG,MAAAC,cAAA,OAAA,CACEO,KAAMT,EACNU,EAAGZ,EAAKA,KAAK,KAEX,IAGRH,EAAKgB,YAAc"}
+{"version":3,"file":"Icon.js","sources":["../../../../../../../../src/core/ui/components/icon/Icon.tsx"],"sourcesContent":["import { memo } from 'react'\n\ntype IconType = {\n  icon: {\n    prefix: string\n    iconName: string\n    icon: any[]\n  }\n  className?: string\n  color?: string\n}\n\nexport const Icon = memo<IconType>(({ icon, className, color = 'currentColor' }: IconType) => (\n  <svg\n    aria-hidden='true'\n    focusable='false'\n    data-prefix={icon.prefix}\n    data-icon={icon.iconName}\n    className={`svg-inline--fa fa-${icon.iconName} ${className}`}\n    role='img'\n    xmlns='http://www.w3.org/2000/svg'\n    viewBox={`0 0 ${icon.icon[0]} ${icon.icon[1]}`}\n  >\n    <path\n      fill={color}\n      d={icon.icon[4]}\n    />\n  </svg>\n))\n\nIcon.displayName = 'Icon'\n"],"names":["Icon","memo","icon","className","color","jsx"],"mappings":";;AAYO,MAAMA,IAAOC,EAAe,CAAC,EAAE,MAAAC,GAAM,WAAAC,GAAW,OAAAC,IAAQ,qBAC7D,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,eAAY;AAAA,IACZ,WAAU;AAAA,IACV,eAAaH,EAAK;AAAA,IAClB,aAAWA,EAAK;AAAA,IAChB,WAAW,qBAAqBA,EAAK,QAAQ,IAAIC,CAAS;AAAA,IAC1D,MAAK;AAAA,IACL,OAAM;AAAA,IACN,SAAS,OAAOD,EAAK,KAAK,CAAC,CAAC,IAAIA,EAAK,KAAK,CAAC,CAAC;AAAA,IAE5C,UAAA,gBAAAG;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAMD;AAAA,QACN,GAAGF,EAAK,KAAK,CAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB;AACF,CACD;AAEDF,EAAK,cAAc;"}

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

@@ -1,2 +1,54 @@
-import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useMemo as t}from"react";import i from"./icon.module.scss.js";import{unifyIconUrl as n}from"./unifyIconUrl.js";const r=e((e=>{let{iconUrl:r,minWidth:c,minHeight:l,size:s,fontSize:a,width:m,height:u,color:h="currentColor",className:p="",children:d,icon:f,style:b,onClick:g,...y}=e;const j=r&&n(r),w=t((()=>({"--min-width":c||s||m||"auto","--min-height":l||s||u||"auto","--width":s||m||"1rem","--height":s||u||"1rem",...a?{fontSize:a}:{},...j?{"--icon-url":`url(${j})`}:{},...j?{"--icon-color":h}:{"--icon-content-color":h},...g?{cursor:"pointer"}:{},...b})),[c,s,m,l,u,a,j,h,g,b]),x=t((()=>g?{onClick:g,role:"button",tabIndex:-1}:{}),[g]);return React.createElement("span",o({},y,x,{className:`${i["icon-base"]} icon-base ${p}`,style:w}),!j&&d&&d,!j&&f&&f)}));r.displayName="IconBase";export{r as IconBase};
+import { jsxs as d } from "react/jsx-runtime";
+import { memo as B, useMemo as b } from "react";
+import N from "./icon.module.scss.js";
+import { unifyIconUrl as i } from "./unifyIconUrl.js";
+const j = B(({
+  iconUrl: a,
+  minWidth: c,
+  minHeight: u,
+  size: r,
+  fontSize: n,
+  width: t,
+  height: m,
+  color: e = "currentColor",
+  className: f = "",
+  children: p,
+  icon: l,
+  style: I,
+  onClick: s,
+  ...x
+}) => {
+  const o = a && i(a), y = b(() => ({
+    "--min-width": c || r || t || "auto",
+    "--min-height": u || r || m || "auto",
+    "--width": r || t || "1rem",
+    "--height": r || m || "1rem",
+    ...n ? { fontSize: n } : {},
+    ...o ? { "--icon-url": `url(${o})` } : {},
+    ...o ? { "--icon-color": e } : { "--icon-content-color": e },
+    ...s ? { cursor: "pointer" } : {},
+    ...I
+  }), [c, r, t, u, m, n, o, e, s, I]), $ = b(() => s ? {
+    onClick: s,
+    role: "button",
+    tabIndex: -1
+  } : {}, [s]);
+  return /* @__PURE__ */ d(
+    "span",
+    {
+      ...x,
+      ...$,
+      className: `${N["icon-base"]} icon-base ${f}`,
+      style: y,
+      children: [
+        !o && p && p,
+        !o && l && l
+      ]
+    }
+  );
+});
+j.displayName = "IconBase";
+export {
+  j as IconBase
+};
 //# sourceMappingURL=IconBase.js.map

package/dist/ui/esm/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":"qNAsBaA,EAA8BC,GAAoBC,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,EAAaf,GAEzCgB,EAASC,GAAQ,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,GAAQ,IAAOL,EAAW,CAC7CA,UACAQ,KAAM,SACNC,UAAU,GACP,CAAA,GAAK,CAACT,IAEX,OACEU,MAAAC,cAAA,OAAAC,EAAA,CAAA,EACMX,EACAM,EAAY,CAChBX,UAAW,GAAGiB,EAAQ,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":";;;;AAsBO,MAAMA,IAA8BC,EAAoB,CAAC;AAAA,EAC9D,SAAAC;AAAA,EAAS,UAAAC;AAAA,EAAU,WAAAC;AAAA,EAAW,MAAAC;AAAA,EAC9B,UAAAC;AAAA,EAAU,OAAAC;AAAA,EAAO,QAAAC;AAAA,EAAQ,OAAAC,IAAQ;AAAA,EAAgB,WAAAC,IAAY;AAAA,EAAI,UAAAC;AAAA,EAAU,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,SAAAC;AAAA,EAAS,GAAGC;AACtG,MAAqB;AACnB,QAAMC,IAAiBd,KAAWe,EAAaf,CAAO,GAEhDgB,IAASC,EAAQ,OACrB;AAAA,IACE,eAAehB,KAAYE,KAAQE,KAAS;AAAA,IAC5C,gBAAgBH,KAAaC,KAAQG,KAAU;AAAA,IAC/C,WAAWH,KAAQE,KAAS;AAAA,IAC5B,YAAYF,KAAQG,KAAU;AAAA,IAC9B,GAAIF,IAAW,EAAE,UAAAA,EAAA,IAAa,CAAA;AAAA,IAC9B,GAAIU,IAAiB,EAAE,cAAc,OAAOA,CAAc,IAAA,IAAQ,CAAA;AAAA,IAClE,GAAIA,IAAiB,EAAE,gBAAgBP,MAAU,EAAE,wBAAwBA,EAAA;AAAA,IAC3E,GAAIK,IAAU,EAAE,QAAQ,UAAA,IAAc,CAAA;AAAA,IACtC,GAAGD;AAAA,EAAA,IAEJ,CAACV,GAAUE,GAAME,GAAOH,GAAWI,GAAQF,GAAUU,GAAgBP,GAAOK,GAASD,CAAK,CAAC,GAExFO,IAAeD,EAAQ,MAAOL,IAAW;AAAA,IAC7C,SAAAA;AAAA,IACA,MAAM;AAAA,IACN,UAAU;AAAA,EAAA,IACP,CAAA,GAAK,CAACA,CAAO,CAAC;AAEnB,SACE,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGN;AAAA,MACH,GAAGK;AAAA,MACJ,WAAW,GAAGE,EAAQ,WAAW,CAAC,cAAcZ,CAAS;AAAA,MACzD,OAAOQ;AAAA,MAEL,UAAA;AAAA,QAAA,CAACF,KAAkBL,KAAaA;AAAA,QAChC,CAACK,KAAkBJ,KAASA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpC,CAAC;AAEDZ,EAAS,cAAc;"}

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

@@ -1,2 +1,62 @@
-import{resolveAttributes as t,ced as i}from"../../../utils/webComponents/webComponent.utils.js";import s from"./icon.module.scss.js";var e;const n=document.createElement("template");n.innerHTML='<span class="icon-base"></span>';let o=i("icon-base")(e=class i 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(s["icon-base-parent"]),this.mainElement.classList.add(s["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,s]=t;return`${i}: ${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=n.innerHTML,t(this,i.observedAttributes),this.render()}attributeChangedCallback(t,i,s){"className"!==t&&"classname"!==t&&"class"!==t||"string"==typeof s&&(this.classList.remove(s),this.classList.add(s)),this.color||(this.color="currentColor"),this[t]=s||"",this.render()}})||e;const h={ESIconBase:o};export{o as ESIcon,h as ESIconBase};
+var m = Object.defineProperty;
+var d = (e, t, s) => t in e ? m(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var i = (e, t, s) => d(e, typeof t != "symbol" ? t + "" : t, s);
+import { resolveAttributes as u, ced as b } from "../../../utils/webComponents/webComponent.utils.js";
+import l from "./icon.module.scss.js";
+var f = Object.getOwnPropertyDescriptor, g = (e, t, s, n) => {
+  for (var o = n > 1 ? void 0 : n ? f(t, s) : t, r = e.length - 1, c; r >= 0; r--)
+    (c = e[r]) && (o = c(o) || o);
+  return o;
+};
+const a = document.createElement("template");
+a.innerHTML = '<span class="icon-base"></span>';
+let h = class extends HTMLElement {
+  constructor() {
+    super(...arguments);
+    i(this, "content");
+    i(this, "mainElement");
+    i(this, "iconUrl");
+    i(this, "minWidth");
+    i(this, "minHeight");
+    i(this, "width");
+    i(this, "height");
+    i(this, "size");
+    i(this, "fontSize");
+    i(this, "color");
+    i(this, "render", () => {
+      if (this.mainElement = this.mainElement || this.querySelector(".icon-base"), !this.mainElement)
+        return;
+      this.classList.add(l["icon-base-parent"]), this.mainElement.classList.add(l["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(([s, n]) => `${s}: ${n};`).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, u(this, h.observedAttributes), this.render();
+  }
+  attributeChangedCallback(t, s, n) {
+    (t === "className" || t === "classname" || t === "class") && typeof n == "string" && (this.classList.remove(n), this.classList.add(n)), this.color || (this.color = "currentColor"), this[t] = n || "", this.render();
+  }
+};
+h = g([
+  b("icon-base")
+], h);
+const L = {
+  ESIconBase: h
+};
+export {
+  h as ESIcon,
+  L as ESIconBase
+};
 //# sourceMappingURL=IconWC.js.map

package/dist/ui/esm/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":"2IAKA,MAAMA,EAAWC,SAASC,cAAc,YAExCF,EAASG,UAAY,kCAcrB,IACaC,EADZC,EAAI,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,EAAQ,qBAC3Bf,KAAKE,YAAYW,UAAUC,IAAIC,EAAQ,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,EAAkB5B,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":";;;;;;;;;;AAKA,MAAMA,IAAW,SAAS,cAAc,UAAU;AAElDA,EAAS,YAAY;AAed,IAAMC,IAAN,cAAqB,YAAY;AAAA,EAAjC;AAAA;AACL,IAAAC,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAEA,IAAAA,EAAA;AAkCA,IAAAA,EAAA,gBAAS,MAAY;AAEnB,UADA,KAAK,cAAc,KAAK,eAAe,KAAK,cAAc,YAAY,GAClE,CAAC,KAAK;AACR;AAEF,WAAK,UAAU,IAAIC,EAAQ,kBAAkB,CAAC,GAC9C,KAAK,YAAY,UAAU,IAAIA,EAAQ,WAAW,CAAC;AAEnD,YAAMC,IAAS;AAAA,QACb,eAAe,KAAK,YAAY,KAAK,QAAQ,KAAK,SAAS;AAAA,QAC3D,gBAAgB,KAAK,aAAa,KAAK,QAAQ,KAAK,UAAU;AAAA,QAC9D,WAAW,KAAK,QAAQ,KAAK,SAAS;AAAA,QACtC,YAAY,KAAK,QAAQ,KAAK,UAAU;AAAA,QACxC,GAAI,KAAK,WAAW,EAAE,aAAa,KAAK,YAAY,QAAA,IAAY,CAAA;AAAA,QAChE,GAAI,KAAK,UAAU,EAAE,cAAc,OAAO,KAAK,OAAO,IAAA,IAAQ,CAAA;AAAA,QAC9D,GAAI,KAAK,UAAU,EAAE,gBAAgB,KAAK,UAAU,EAAE,wBAAwB,KAAK,MAAA;AAAA,MAAM;AAG3F,WAAK,YAAY,YAAY,KAAK,UAAU,KAAM,KAAK,WAAW,IAElE,KAAK,YAAY,aAAa,SAAS,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACC,GAAKC,CAAK,MAAM,GAAGD,CAAG,KAAKC,CAAK,GAAG,EAAE,KAAK,GAAG,CAAC;AAAA,IACpH;AAAA;AAAA,EArDA,WAAW,qBAA+B;AACxC,WAAO,CAAC,WAAW,YAAY,aAAa,SAAS,UAAU,QAAQ,YAAY,SAAS,WAAW;AAAA,EACzG;AAAA,EAEA,oBAA0B;AACxB,KAAI,KAAK,WAAW,KAAK,eACvB,KAAK,UAAU,KAAK,WAAW,KAAK,aAAa,KAAK,aAAa,SAAS,IAG9E,KAAK,YAAYN,EAAS,WAE1BO,EAAkB,MAAMN,EAAO,kBAAkB,GAEjD,KAAK,OAAA;AAAA,EACP;AAAA,EAEA,yBAAyBO,GAAkBC,GAAgCC,GAAsC;AAC/G,KAAIF,MAAa,eAAeA,MAAa,eAAeA,MAAa,YACnE,OAAOE,KAAW,aACpB,KAAK,UAAU,OAAOA,CAAgB,GACtC,KAAK,UAAU,IAAIA,CAAgB,IAGlC,KAAK,UACR,KAAK,QAAQ,iBAIf,KAAKF,CAAQ,IAAKE,KAAqB,IACvC,KAAK,OAAA;AAAA,EACP;AAwBF;AA3EaT,IAANU,EAAA;AAAA,EADNC,EAAI,WAAW;AAAA,GACHX,CAAA;AAsFN,MAAMY,IAAa;AAAA,EACxB,YAAYZ;AACd;"}

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

@@ -1,2 +1,5 @@
-var e={"icon-base-parent":"icon-module_icon-base-parent__nOMvW","icon-base":"icon-module_icon-base__S0tHf"};export{e as default};
+const s = {};
+export {
+  s as default
+};
 //# sourceMappingURL=icon.module.scss.js.map

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

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

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

@@ -1,2 +1,11 @@
-import"../../../../../node_modules/core-js/modules/es.array.includes.js";import{is as e}from"ramda";const l=l=>{if(!l||!e(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)}`};export{l as unifyIconUrl};
+import { is as l } from "ramda";
+const t = (e) => {
+  if (!e || !l(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)}`;
+};
+export {
+  t as unifyIconUrl
+};
 //# sourceMappingURL=unifyIconUrl.js.map

package/dist/ui/esm/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":["unifyIconUrl","iconUrl","is","String","includes","unifiedIconUrl","replaceAll","btoa"],"mappings":"oGAKO,MAAMA,EAAgBC,IAC3B,IAAKA,IAAYC,EAAGC,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":";AAKO,MAAMA,IAAe,CAACC,MAA4B;AACvD,MAAI,CAACA,KAAW,CAACC,EAAG,QAAQD,CAAO,KAAK,CAACA,KACtCA,KAAA,QAAAA,EAAS,SAAS,WAAWA,KAAA,QAAAA,EAAS,SAAS;AAChD,WAAOA;AAGT,QAAME,IAAiBF,KAAA,gBAAAA,EAAS,WAAW,WAAW,KACnD,WAAW,KAAM,KACjB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,OAAO,KAClB,WAAW,uBAAuB;AAErC,SAAO,6BAA6B,KAAKE,CAAc,CAAC;AAC1D;"}

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

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

package/dist/ui/esm/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":"6SAoCaA,EAAkCC,GAAsBC,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,GAAQ,IAAON,EAAa,EAC7C,CACAO,QAAS,OACTC,oBAAqB,GAAG,OAAOC,OAAOT,KACtCU,MAAO,OACPC,OAAQ,SAER,CACAJ,QAAS,SAEV,CAACP,IAEJ,OACEY,MAAAC,cAACC,EAASC,EAAA,CACRL,MAAM,OACNM,QAAM,EACNf,UAAWgB,EAAWC,EAAQC,WAAYlB,IACtCG,GAEHF,GACCU,MAAAC,cAAA,OAAA,CAAMZ,UAAWiB,EAAQhB,cAAekB,UAAU,GAC/ClB,GAGLU,MAAAC,cAACC,EAASC,EAAA,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,EAASC,EAAA,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,EAAQf,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":";;;;;AAoCO,MAAMA,IAAkCC,EAAsB,CAAC;AAAA,EACpE,UAAAC;AAAA,EACA,gBAAAC,IAAiB,CAAA;AAAA,EACjB,wBAAAC,IAAyB,CAAA;AAAA,EACzB,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AAErB,QAAMC,IAAeC,EAAQ,MAAON,IAAa,IAC7C;AAAA,IACA,SAAS;AAAA,IACT,qBAAqB,GAAG,OAAO,OAAOA,CAAU,CAAC;AAAA,IACjD,OAAO;AAAA,IACP,QAAQ;AAAA,EAAA,IAER;AAAA,IACA,SAAS;AAAA,EAAA,GAEV,CAACA,CAAU,CAAC;AAEf,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAM;AAAA,MACN,WAAWC,EAAWC,EAAQ,YAAYT,CAAS;AAAA,MAClD,GAAGG;AAAA,MAEH,UAAA;AAAA,QAAAF,uBACE,QAAA,EAAK,WAAWQ,EAAQ,eAAe,UAAU,IAC/C,UAAAR,EAAA,CACH;AAAA,QAEF,gBAAAS;AAAA,UAACH;AAAA,UAAA;AAAA,YACC,UAAS;AAAA,YACT,KAAI;AAAA,YACJ,OAAOH;AAAA,YACP,OAAM;AAAA,YACL,GAAGP;AAAA,YAEH,UAAAD,EAAS,IAAI,CAAC,EAAE,IAAAe,GAAI,YAAAC,GAAY,WAAAC,GAAW,aAAAC,GAAa,GAAGX,EAAAA,MAC1D,gBAAAO;AAAA,cAACH;AAAA,cAAA;AAAA,gBAEE,GAAGT;AAAA,gBACH,GAAGgB;AAAA,gBACH,GAAIF,IACD,EAAE,OAAO,EAAE,OAAO,QAAQ,KAAK,MAAMA,IAAa,GAAG,CAAC,OAAOA,IAAa,EAAE,MAAA,EAAM,IAClF,CAAA;AAAA,gBAEJ,UAAA,gBAAAF,EAACG,GAAA,EAAW,GAAGV,EAAAA,CAAO;AAAA,cAAA;AAAA,cAPjBQ;AAAA,YAAA,CASR;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFT,uBACE,QAAA,EAAK,WAAWO,EAAQ,cAAc,UAAU,IAC9C,UAAAP,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR,CAAC;AAKDR,EAAW,cAAc;"}

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

@@ -1,2 +1,12 @@
-var o={flowLayout:"flowLayout-module_flowLayout__VHpnY",beforeContent:"flowLayout-module_beforeContent__rY-mW",afterContent:"flowLayout-module_afterContent__Hlh8v"};export{o as default};
+const t = "_flowLayout_ouzwi_1", o = "_beforeContent_ouzwi_4", e = "_afterContent_ouzwi_9", n = {
+  flowLayout: t,
+  beforeContent: o,
+  afterContent: e
+};
+export {
+  e as afterContent,
+  o as beforeContent,
+  n as default,
+  t as flowLayout
+};
 //# sourceMappingURL=flowLayout.module.scss.js.map

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

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

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

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