@e1011/es-kit 1.4.0 → 1.5.2

package/dist/lib/esm/src/core/hooks/useToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"wDAwBaA,EAAY,SAACC,GAA6D,IAAtCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAASP,GAMjCQ,EAAgDC,GAAaC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAOdM,EAAmBH,GACtBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,GAAkCA,IAAa,CAACL,IAQxDM,EAAoBL,GACvBI,GAAyBL,OAA4BJ,IAAfS,GACZ,kBAAfA,IAAkD,IAAfA,IAAsB,CAACL,IAGxE,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}
+{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n * @param {boolean} [async=true] - Flag to determine if the toggle should be asynchronous.\n * @returns {useToggleReturnType} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle = (defaultValue: boolean, async = true): useToggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined\n      || typeof forceValue !== 'boolean' ? false : forceValue === true), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":";AAwBO,MAAMA,IAAY,CAACC,GAAuBC,IAAQ,OAA8B;AACrF,QAAM,CAACC,GAASC,CAAU,IAAIC,EAASJ,CAAY,GAM7CK,IAAgDC,EAAY,CAACC,MAA0B;AAC3F,IACEJ,EADEF,IACS,CAACO,MAAiB,OAAQD,KAAW,YAAYA,IAAQ,CAACC,IAElCD,KAAyB,CAACL,CAFoB;AAAA,EAIrF,GAAG,CAACD,GAAOC,GAASC,CAAU,CAAC,GAOzBM,IAAmBH;AAAA,IACvB,CAACI,MAAyBL,EAAaK,MAAe,UACjD,OAAOA,KAAe,YAAY,KAAOA,CAAU;AAAA,IAAG,CAACL,CAAY;AAAA,EAAA,GAQpEM,IAAoBL;AAAA,IACxB,CAACI,MAAyBL,EAAaK,MAAe,UACjD,OAAOA,KAAe,YAAY,KAAQA,MAAe,EAAI;AAAA,IAAG,CAACL,CAAY;AAAA,EAAA;AAGpF,SAAO,CAACH,GAASG,GAAcI,GAAkBE,CAAiB;AACpE;"}

package/dist/lib/esm/src/core/hooks/useToggle2.js

@@ -1,2 +1,17 @@
-import{useState as o,useCallback as t}from"react";const r=r=>{const[e,n]=o(r),c=t((o=>{n((t=>"boolean"==typeof o?o:!t))}),[]),i=t((o=>c(void 0===o||o)),[c]),p=t((o=>c(void 0!==o&&o)),[c]);return[e,c,i,p]};export{r as useToggle2};
+import { useState as T, useCallback as t } from "react";
+const c = (g) => {
+  const [l, s] = T(g), o = t((e) => {
+    s((a) => typeof e == "boolean" ? e : !a);
+  }, []), n = t(
+    (e) => o(e === void 0 ? !0 : e),
+    [o]
+  ), d = t(
+    (e) => o(e === void 0 ? !1 : e),
+    [o]
+  );
+  return [l, o, n, d];
+};
+export {
+  c as useToggle2
+};
 //# sourceMappingURL=useToggle2.js.map

package/dist/lib/esm/src/core/hooks/useToggle2.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle2.js","sources":["../../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType2 = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n  * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n  }, [])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle2","defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","undefined","handleToggleFalse"],"mappings":"kDAuBO,MAAMA,EAAcC,IACzB,MAAOC,EAASC,GAAcC,EAASH,GAMjCI,EAAgDC,GAAaC,IACjEJ,GAAYK,GAAoC,kBAAXD,EAAuBA,GAASC,GAAa,GACjF,IAOGC,EAAmBH,GACtBI,GAAyBL,OAA4BM,IAAfD,GAAkCA,IAAa,CAACL,IAQnFO,EAAoBN,GACvBI,GAAyBL,OAA4BM,IAAfD,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBG,EAAkB"}
+{"version":3,"file":"useToggle2.js","sources":["../../../../../../src/core/hooks/useToggle2.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n/**\n * Type definition for the return value of the `useToggle` hook.\n * @typedef {Array} useToggleReturnType\n * @property {boolean} 0 - The current toggled state.\n * @property {(value?: any | boolean) => void} 1 - Function to toggle the state.\n * @property {(value?: any | boolean) => void} 2 - Function to forcefully set the state to true.\n * @property {(value?: any | boolean) => void} 3 - Function to forcefully set the state to false.\n */\nexport type useToggleReturnType2 = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\n/**\n * Custom hook to manage a boolean state with toggle functionality.\n * @param {boolean} defaultValue - The initial value of the toggled state.\n  * @returns {useToggleReturnType2} An array containing the current state, a toggle function,\n * and functions to set the state to true or false.\n */\nexport const useToggle2 = (defaultValue: boolean): useToggleReturnType2 => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  /**\n   * Function to toggle the state.\n   * @param {any | boolean} [value] - Optional value to set the state. If not provided, the state will be toggled.\n   */\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n  }, [])\n\n  /**\n   * Function to set the state to true.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to true.\n   */\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  /**\n   * Function to set the state to false.\n   * @param {boolean} [forceValue] - Optional value to forcefully set the state.\n   * If not provided, the state will be set to false.\n   */\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle2","defaultValue","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":";AAuBO,MAAMA,IAAa,CAACC,MAAgD;AACzE,QAAM,CAACC,GAASC,CAAU,IAAIC,EAASH,CAAY,GAM7CI,IAAgDC,EAAY,CAACC,MAA0B;AAC3F,IAAAJ,EAAW,CAACK,MAAiB,OAAQD,KAAW,YAAYA,IAAQ,CAACC,CAAY;AAAA,EACnF,GAAG,CAAA,CAAE,GAOCC,IAAmBH;AAAA,IACvB,CAACI,MAAyBL,EAAaK,MAAe,SAAY,KAAOA,CAAU;AAAA,IAAG,CAACL,CAAY;AAAA,EAAA,GAQ/FM,IAAoBL;AAAA,IACxB,CAACI,MAAyBL,EAAaK,MAAe,SAAY,KAAQA,CAAU;AAAA,IAAG,CAACL,CAAY;AAAA,EAAA;AAGtG,SAAO,CAACH,GAASG,GAAcI,GAAkBE,CAAiB;AACpE;"}

package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js

@@ -1,2 +1,103 @@
-import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../../node_modules/core-js/modules/es.array.includes.js";import{memo as e,useCallback as n,createElement as a}from"react";import o from"./button.module.scss.js";import{IconBase as r}from"../../icon/IconBase.js";import{Link as i}from"../text/Link.js";import{classNames as s,noop as l}from"../../../../utils/helpers/ui.js";import{composeId as c}from"../../../../utils/helpers/text.js";const d={ENTER:{key:"Enter",keyCode:13}},m=e((t=>{let{variant:e,href:n,target:o,children:r,...s}=t;return"link"===e?a(i,{width:"100%",href:n,target:o,...s,onClick:l},r):a("span",{},r)}));m.displayName="InnerElement";const p=e((e=>{let{label:a,children:r,variant:i,tiny:l,truncate:p,fluid:u,preventDefualt:h,stopPropagation:f,onClick:g,type:y="button",transparent:E,hasShadow:v,hasIcon:b,disabled:I,animated:j=!1,className:k="",id:C,href:N,target:P,...R}=e;const w=`${a||r?.toString()}`,x=n((t=>{h&&t.preventDefault(),f&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),g?.(t)}),[g,h,f]),B=n((t=>{t.key===d.ENTER.key&&(h&&t.preventDefault(),f&&(t.stopPropagation(),t.nativeEvent.stopImmediatePropagation()),g?.(t))}),[g,h,f]);return React.createElement("button",t({type:y,tabIndex:-1,onClick:x,onKeyDown:B,className:s(o.button,l&&o.tiny,i&&o[i],p&&o.truncate,u&&o.fluid,j&&o.animated,E&&o.transparent,v&&o.hasShadow,b&&o.hasIcon,I&&o.disabled,k),id:`${C||w&&c(w)}`,"data-testid":`${R.dataTestId||R["data-testid"]||C||w&&c(w)}`},R),React.createElement(m,{variant:i,href:N,target:P},a&&a,r||r))}));p.displayName="Button";const u=["iconUrl","minWidth","minHeight","width","height","size","fontSize","color"],h=e((e=>{const n={},a={};return Object.entries(e).forEach((t=>{let[e,o]=t;u.includes(e)?a[e]=o:n[e]=o})),a.children=e.children,React.createElement(p,t({},n,{hasIcon:!0}),e.iconContent&&e.iconContent,!e.iconContent&&React.createElement(r,a))}));h.displayName="IconButton";export{p as Button,h as IconButton,d as keys};
+import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import { memo as u, useCallback as y, createElement as E } from "react";
+import e from "./button.module.scss.js";
+import { IconBase as k } from "../../icon/IconBase.js";
+import { Link as D } from "../text/Link.js";
+import { classNames as F, noop as K } from "../../../../utils/helpers/ui.js";
+import { composeId as h } from "../../../../utils/helpers/text.js";
+const L = {
+  ENTER: {
+    key: "Enter",
+    keyCode: 13
+  }
+}, b = u(({
+  variant: t,
+  href: o,
+  target: s,
+  children: i,
+  ...r
+}) => t === "link" ? E(D, { width: "100%", href: o, target: s, ...r, onClick: K }, i) : E("span", {}, i));
+b.displayName = "InnerElement";
+const l = u(({
+  label: t,
+  children: o,
+  variant: s,
+  tiny: i,
+  truncate: r,
+  fluid: B,
+  preventDefualt: m,
+  stopPropagation: d,
+  onClick: a,
+  type: w = "button",
+  transparent: x,
+  hasShadow: g,
+  hasIcon: P,
+  disabled: j,
+  animated: H = !1,
+  className: S = "",
+  id: I,
+  href: T,
+  target: $,
+  ...f
+}) => {
+  const c = `${t || (o == null ? void 0 : o.toString())}`, z = y((n) => {
+    m && n.preventDefault(), d && (n.stopPropagation(), n.nativeEvent.stopImmediatePropagation()), a == null || a(n);
+  }, [a, m, d]), R = y((n) => {
+    n.key === L.ENTER.key && (m && n.preventDefault(), d && (n.stopPropagation(), n.nativeEvent.stopImmediatePropagation()), a == null || a(n));
+  }, [a, m, d]);
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      type: w,
+      tabIndex: -1,
+      onClick: z,
+      onKeyDown: R,
+      className: F(
+        e.button,
+        i && e.tiny,
+        s && e[s],
+        r && e.truncate,
+        B && e.fluid,
+        H && e.animated,
+        x && e.transparent,
+        g && e.hasShadow,
+        P && e.hasIcon,
+        j && e.disabled,
+        S
+      ),
+      id: `${I || c && h(c)}`,
+      "data-testid": `${f.dataTestId || f["data-testid"] || I || c && h(c)}`,
+      ...f,
+      children: /* @__PURE__ */ N(b, { variant: s, href: T, target: $, children: [
+        t && t,
+        o || o
+      ] })
+    }
+  );
+});
+l.displayName = "Button";
+const O = [
+  "iconUrl",
+  "minWidth",
+  "minHeight",
+  "width",
+  "height",
+  "size",
+  "fontSize",
+  "color"
+], U = u((t) => {
+  const o = {}, s = {};
+  return Object.entries(t).forEach(([i, r]) => {
+    O.includes(i) ? s[i] = r : o[i] = r;
+  }), s.children = t.children, /* @__PURE__ */ N(l, { ...o, hasIcon: !0, children: [
+    t.iconContent && t.iconContent,
+    !t.iconContent && /* @__PURE__ */ p(k, { ...s })
+  ] });
+});
+U.displayName = "IconButton";
+export {
+  l as Button,
+  U as IconButton,
+  L as keys
+};
 //# sourceMappingURL=Button.js.map

package/dist/lib/esm/src/core/ui/components/atoms/button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { Link } from '../text'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\n\nexport const keys = {\n  ENTER: {\n    key: 'Enter',\n    keyCode: 13,\n  },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n  variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n  if (variant === 'link') {\n    return createElement(Link, { width: '100%', href, target, ...props, onClick: noop }, children)\n  }\n  return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n  label, children,\n  variant, tiny, truncate, fluid,\n  preventDefualt, stopPropagation,\n  onClick,\n  type = 'button',\n  transparent,\n  hasShadow,\n  hasIcon,\n  disabled,\n  animated = false, className = '', id,\n  href,\n  target,\n  ...props\n}: ButtonProps) => {\n  const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n  const clickHandler = useCallback((event: MouseEvent) => {\n    if (preventDefualt) {\n      event.preventDefault()\n    }\n    if (stopPropagation) {\n      event.stopPropagation()\n      event.nativeEvent.stopImmediatePropagation()\n    }\n    onClick?.(event)\n  }, [onClick, preventDefualt, stopPropagation])\n\n  const keyDownHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === keys.ENTER.key) {\n      if (preventDefualt) {\n        event.preventDefault()\n      }\n      if (stopPropagation) {\n        event.stopPropagation()\n        event.nativeEvent.stopImmediatePropagation()\n      }\n      onClick?.(event)\n    }\n  }, [onClick, preventDefualt, stopPropagation])\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      tabIndex={-1}\n      onClick={clickHandler}\n      onKeyDown={keyDownHandler}\n      className={classNames(\n        classes.button,\n        tiny && classes.tiny,\n        variant && classes[variant as Alerts],\n        truncate && classes.truncate,\n        fluid && classes.fluid,\n        animated && classes.animated,\n        transparent && classes.transparent,\n        hasShadow && classes.hasShadow,\n        hasIcon && classes.hasIcon,\n        disabled && classes.disabled,\n        className,\n      )}\n      id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n      {...props}\n    >\n      <InnerElement variant={variant} href={href} target={target}>\n        {label && label}\n        {children || children}\n      </InnerElement>\n    </button>\n  )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n  'iconUrl',\n  'minWidth',\n  'minHeight',\n  'width',\n  'height',\n  'size',\n  'fontSize',\n  'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n  const buttonProps: Record<string, unknown> = {}\n  const iconProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n    if (iconBaseProps.includes(name)) {\n      // eslint-disable-next-line no-param-reassign\n      iconProps[name] = value\n    } else {\n      buttonProps[name] = value\n    }\n  })\n\n  iconProps.children = props.children\n\n  return (\n    <Button {...(buttonProps as ButtonProps)} hasIcon>\n      {props.iconContent && props.iconContent}\n      {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n    </Button>\n  )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","ENTER","key","keyCode","InnerElement","memo","_ref","variant","href","target","children","props","createElement","Link","width","onClick","noop","displayName","Button","_ref2","label","tiny","truncate","fluid","preventDefualt","stopPropagation","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","toString","clickHandler","useCallback","event","preventDefault","nativeEvent","stopImmediatePropagation","keyDownHandler","React","_extends","tabIndex","onKeyDown","classNames","classes","button","composeId","dataTestId","iconBaseProps","IconButton","buttonProps","iconProps","Object","entries","forEach","_ref3","name","value","includes","iconContent","IconBase"],"mappings":"oeAWO,MAAMA,EAAO,CAClBC,MAAO,CACLC,IAAK,QACLC,QAAS,KAMPC,EAAuCC,GAAKC,IAEP,IAFQC,QACjDA,EAAOC,KAAEA,EAAIC,OAAEA,EAAMC,SAAEA,KAAaC,GACAL,EACpC,MAAgB,SAAZC,EACKK,EAAcC,EAAM,CAAEC,MAAO,OAAQN,OAAMC,YAAWE,EAAOI,QAASC,GAAQN,GAEhFE,EAAc,OAAQ,CAAA,EAAIF,EAAS,IAG5CN,EAAaa,YAAc,qBAoBdC,EAASb,GAAKc,IAcR,IAdSC,MAC1BA,EAAKV,SAAEA,EAAQH,QACfA,EAAOc,KAAEA,EAAIC,SAAEA,EAAQC,MAAEA,EAAKC,eAC9BA,EAAcC,gBAAEA,EAAeV,QAC/BA,EAAOW,KACPA,EAAO,SAAQC,YACfA,EAAWC,UACXA,EAASC,QACTA,EAAOC,SACPA,EAAQC,SACRA,GAAW,EAAKC,UAAEA,EAAY,GAAEC,GAAEA,EAAEzB,KACpCA,EAAIC,OACJA,KACGE,GACSQ,EACZ,MAAMe,EAAuC,GAAGd,GAASV,GAAUyB,aAE7DC,EAAeC,GAAaC,IAC5Bd,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,EAAM,GACf,CAACvB,EAASS,EAAgBC,IAEvBiB,EAAiBL,GAAaC,IAC9BA,EAAMpC,MAAQF,EAAKC,MAAMC,MACvBsB,GACFc,EAAMC,iBAEJd,IACFa,EAAMb,kBACNa,EAAME,YAAYC,4BAEpB1B,IAAUuB,GACZ,GACC,CAACvB,EAASS,EAAgBC,IAE7B,OACEkB,MAAA/B,cAAA,SAAAgC,EAAA,CAEElB,KAAMA,EACNmB,UAAU,EACV9B,QAASqB,EACTU,UAAWJ,EACXV,UAAWe,EACTC,EAAQC,OACR5B,GAAQ2B,EAAQ3B,KAChBd,GAAWyC,EAAQzC,GACnBe,GAAY0B,EAAQ1B,SACpBC,GAASyB,EAAQzB,MACjBQ,GAAYiB,EAAQjB,SACpBJ,GAAeqB,EAAQrB,YACvBC,GAAaoB,EAAQpB,UACrBC,GAAWmB,EAAQnB,QACnBC,GAAYkB,EAAQlB,SACpBE,GAEFC,GAAI,GAAGA,GAAOC,GAAoBgB,EAAUhB,KAC5C,cAAa,GAAIvB,EAAiCwC,YAAexC,EAAiC,gBAAkBsB,GAAOC,GAAoBgB,EAAUhB,MACrJvB,GAEJgC,MAAA/B,cAACR,EAAY,CAACG,QAASA,EAASC,KAAMA,EAAMC,OAAQA,GACjDW,GAASA,EACTV,GAAYA,GAER,IAObQ,EAAOD,YAAc,SAErB,MAAMmC,EAAgB,CACpB,UACA,WACA,YACA,QACA,SACA,OACA,WACA,SAGWC,EAAkChD,GAAuBM,IACpE,MAAM2C,EAAuC,CAAA,EACvCC,EAAqC,CAAA,EAa3C,OAXAC,OAAOC,QAAQ9C,GAAO+C,SAAQC,IAAsC,IAApCC,EAAMC,GAAyBF,EACzDP,EAAcU,SAASF,GAEzBL,EAAUK,GAAQC,EAElBP,EAAYM,GAAQC,CACtB,IAGFN,EAAU7C,SAAWC,EAAMD,SAGzBiC,MAAA/B,cAACM,EAAM0B,KAAMU,EAAW,CAAkBzB,SAAO,IAC9ClB,EAAMoD,aAAepD,EAAMoD,aAC1BpD,EAAMoD,aAAgBpB,MAAA/B,cAACoD,EAAcT,GAChC,IAIbF,EAAWpC,YAAc"}
+{"version":3,"file":"Button.js","sources":["../../../../../../../../../src/core/ui/components/atoms/button/Button.tsx"],"sourcesContent":["import { memo, useCallback, MouseEvent, KeyboardEvent, createElement, FC, HTMLAttributes } from 'react'\n\nimport { classNames, composeId, noop } from '../../../../utils'\nimport { Alerts } from '../../../../constants'\nimport { Link } from '../text'\nimport { IconBase, IconBaseProps } from '../../icon'\n\nimport type { ButtonProps, IconButtonProps } from './button.types'\nimport classes from './button.module.scss'\n\n\nexport const keys = {\n  ENTER: {\n    key: 'Enter',\n    keyCode: 13,\n  },\n}\n\ntype InnerElementsProps = Partial<ButtonProps> & Partial<HTMLAttributes<HTMLAnchorElement>>\n\nconst InnerElement: FC<InnerElementsProps> = memo(({\n  variant, href, target, children, ...props\n}: Omit<InnerElementsProps, 'onClick'>) => {\n  if (variant === 'link') {\n    return createElement(Link, { width: '100%', href, target, ...props, onClick: noop }, children)\n  }\n  return createElement('span', {}, children)\n})\n\nInnerElement.displayName = 'InnerElement'\n\n/**\n * Button component for displaying buttons with optional features.\n * @component\n *\n * Generated component from Template\n * @param {object} props - The component props.\n * @param {string} props.label - The value to be displayed in the button.\n * @param {ReactNode} [props.children] - Additional content to be displayed inside the button.\n * @param {string} [props.variant] - The variant of the button (e.g., 'primary', 'secondary').\n * @param {boolean} [props.tiny] - Whether the button should be tiny.\n * @param {boolean} [props.truncate] - Whether the content inside the button should be truncated.\n * @param {boolean} [props.fluid] - Whether the button should have a fluid width.\n * @param {boolean} [props.animated=true] - Whether the button should have animation (default is true).\n * @param {string} [props.className] - Additional classes to be applied to the button.\n * @param {...object} props.props - Additional props to be spread to the underlying div element.\n *\n * @returns {JSX.Element} The rendered Button component.\n */\nexport const Button = memo(({\n  label, children,\n  variant, tiny, truncate, fluid,\n  preventDefualt, stopPropagation,\n  onClick,\n  type = 'button',\n  transparent,\n  hasShadow,\n  hasIcon,\n  disabled,\n  animated = false, className = '', id,\n  href,\n  target,\n  ...props\n}: ButtonProps) => {\n  const textFromChildren: string | undefined = `${label || children?.toString()}`\n\n  const clickHandler = useCallback((event: MouseEvent) => {\n    if (preventDefualt) {\n      event.preventDefault()\n    }\n    if (stopPropagation) {\n      event.stopPropagation()\n      event.nativeEvent.stopImmediatePropagation()\n    }\n    onClick?.(event)\n  }, [onClick, preventDefualt, stopPropagation])\n\n  const keyDownHandler = useCallback((event: KeyboardEvent) => {\n    if (event.key === keys.ENTER.key) {\n      if (preventDefualt) {\n        event.preventDefault()\n      }\n      if (stopPropagation) {\n        event.stopPropagation()\n        event.nativeEvent.stopImmediatePropagation()\n      }\n      onClick?.(event)\n    }\n  }, [onClick, preventDefualt, stopPropagation])\n\n  return (\n    <button\n      // eslint-disable-next-line react/button-has-type\n      type={type}\n      tabIndex={-1}\n      onClick={clickHandler}\n      onKeyDown={keyDownHandler}\n      className={classNames(\n        classes.button,\n        tiny && classes.tiny,\n        variant && classes[variant as Alerts],\n        truncate && classes.truncate,\n        fluid && classes.fluid,\n        animated && classes.animated,\n        transparent && classes.transparent,\n        hasShadow && classes.hasShadow,\n        hasIcon && classes.hasIcon,\n        disabled && classes.disabled,\n        className,\n      )}\n      id={`${id || (textFromChildren && composeId(textFromChildren))}`}\n      data-testid={`${(props as Record<string, string>).dataTestId || (props as Record<string, string>)['data-testid'] || id || (textFromChildren && composeId(textFromChildren))}`}\n      {...props}\n    >\n      <InnerElement variant={variant} href={href} target={target}>\n        {label && label}\n        {children || children}\n      </InnerElement>\n    </button>\n  )\n})\n\nexport type ButtonType = typeof Button\n\n// Set display name for the component.\nButton.displayName = 'Button'\n\nconst iconBaseProps = [\n  'iconUrl',\n  'minWidth',\n  'minHeight',\n  'width',\n  'height',\n  'size',\n  'fontSize',\n  'color',\n]\n\nexport const IconButton: FC<IconButtonProps> = memo<IconButtonProps>((props: IconButtonProps) => {\n  const buttonProps: Record<string, unknown> = {}\n  const iconProps: Record<string, unknown> = {}\n\n  Object.entries(props).forEach(([name, value]: [string, unknown]) => {\n    if (iconBaseProps.includes(name)) {\n      // eslint-disable-next-line no-param-reassign\n      iconProps[name] = value\n    } else {\n      buttonProps[name] = value\n    }\n  })\n\n  iconProps.children = props.children\n\n  return (\n    <Button {...(buttonProps as ButtonProps)} hasIcon>\n      {props.iconContent && props.iconContent}\n      {!props.iconContent && (<IconBase {...(iconProps as IconBaseProps)} />)}\n    </Button>\n  )\n})\n\nIconButton.displayName = 'IconButton'\n"],"names":["keys","InnerElement","memo","variant","href","target","children","props","createElement","Link","noop","Button","label","tiny","truncate","fluid","preventDefualt","stopPropagation","onClick","type","transparent","hasShadow","hasIcon","disabled","animated","className","id","textFromChildren","clickHandler","useCallback","event","keyDownHandler","jsx","classNames","classes","composeId","jsxs","iconBaseProps","IconButton","buttonProps","iconProps","name","value","IconBase"],"mappings":"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"}

package/dist/lib/esm/src/core/ui/components/atoms/button/button.module.scss.js

@@ -1,2 +1,42 @@
-var t={"overflow-hidden":"button-module_overflow-hidden__Vc5AU","text-truncate":"button-module_text-truncate__a89Bp","text-nowrap":"button-module_text-nowrap__tR-VJ","text-ellipsis":"button-module_text-ellipsis__5MFA9",button:"button-module_button__NDMQS",info:"button-module_info__O6gEW",transparent:"button-module_transparent__zbeBu",success:"button-module_success__gM25y",error:"button-module_error__q9qqo",warning:"button-module_warning__MdmiZ",link:"button-module_link__e-4Fu",tiny:"button-module_tiny__pBNwo",fluid:"button-module_fluid__GXxID",truncate:"button-module_truncate__c-G9k",animated:"button-module_animated__gLwPl",hasShadow:"button-module_hasShadow__42BQv",hasIcon:"button-module_hasIcon__dXLlJ",disabled:"button-module_disabled__hEydO"};export{t as default};
+const t = "_overflow-hidden_1k822_5", n = "_text-truncate_1k822_5", _ = "_text-nowrap_1k822_9", s = "_text-ellipsis_1k822_13", o = "_button_1k822_17", e = "_info_1k822_38", a = "_transparent_1k822_41", c = "_success_1k822_44", r = "_error_1k822_50", i = "_warning_1k822_56", d = "_link_1k822_62", k = "_tiny_1k822_80", l = "_fluid_1k822_87", u = "_truncate_1k822_90", w = "_animated_1k822_95", f = "_hasShadow_1k822_98", h = "_hasIcon_1k822_101", p = "_disabled_1k822_123", x = {
+  overflowHidden: t,
+  textTruncate: n,
+  textNowrap: _,
+  textEllipsis: s,
+  button: o,
+  info: e,
+  transparent: a,
+  success: c,
+  error: r,
+  warning: i,
+  link: d,
+  tiny: k,
+  fluid: l,
+  truncate: u,
+  animated: w,
+  hasShadow: f,
+  hasIcon: h,
+  disabled: p
+};
+export {
+  w as animated,
+  o as button,
+  x as default,
+  p as disabled,
+  r as error,
+  l as fluid,
+  h as hasIcon,
+  f as hasShadow,
+  e as info,
+  d as link,
+  t as overflowHidden,
+  c as success,
+  s as textEllipsis,
+  _ as textNowrap,
+  n as textTruncate,
+  k as tiny,
+  a as transparent,
+  u as truncate,
+  i as warning
+};
 //# sourceMappingURL=button.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/atoms/button/button.module.scss.js.map

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

package/dist/lib/esm/src/core/ui/components/atoms/icons.js

@@ -1,2 +1,7 @@
-const e=React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z"})),c=React.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},React.createElement("path",{d:"M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"}));export{e as closeIconJSX,c as infoIconJSX};
+import { jsx as c } from "react/jsx-runtime";
+const o = /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: /* @__PURE__ */ c("path", { d: "M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z" }) }), h = /* @__PURE__ */ c("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: /* @__PURE__ */ c("path", { d: "M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z" }) });
+export {
+  o as closeIconJSX,
+  h as infoIconJSX
+};
 //# sourceMappingURL=icons.js.map

package/dist/lib/esm/src/core/ui/components/atoms/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["\nexport const closeIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n  <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n    <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n  </svg>\n\n)\n"],"names":["closeIconJSX","React","createElement","xmlns","viewBox","d","infoIconJSX"],"mappings":"AACO,MAAMA,EACXC,MAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,MAAAC,cAAA,OAAA,CAAMG,EAAE,ygBAE3DC,EACXL,MAAAC,cAAA,MAAA,CAAKC,MAAM,6BAA6BC,QAAQ,eAAcH,MAAAC,cAAA,OAAA,CAAMG,EAAE"}
+{"version":3,"file":"icons.js","sources":["../../../../../../../../src/core/ui/components/atoms/icons.tsx"],"sourcesContent":["\nexport const closeIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M336.1 175c-9.375-9.375-24.56-9.375-33.94 0L256 222.1L208.1 175c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l47.03 47.03L175 303c-9.375 9.375-9.375 24.56 0 33.94c9.373 9.373 24.56 9.381 33.94 0L256 289.9l47.03 47.03c9.373 9.373 24.56 9.381 33.94 0c9.375-9.375 9.375-24.56 0-33.94l-47.03-47.03l47.03-47.03C346.3 199.6 346.3 184.4 336.1 175zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256S512 397.4 512 256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z' /></svg>\n)\nexport const infoIconJSX = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z' /></svg>\n\n)\n\n\nexport const appStoreIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'><path d='M255.9 120.9l9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218l-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.1-58.7-101.6-75.4-130.6-17.1-29.5-4.9-59.1 7.2-69.1 13.4 23 33.4 57.7 60.1 104zM256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm216 248c0 118.7-96.1 216-216 216-118.7 0-216-96.1-216-216 0-118.7 96.1-216 216-216 118.7 0 216 96.1 216 216z' /></svg>\n)\n\n\nexport const batteryEmptyIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path d='M544 192V160c0-35.35-28.65-64-64-64H64C28.65 96 0 124.7 0 160v192c0 35.35 28.65 64 64 64h416c35.35 0 64-28.65 64-64v-32c17.67 0 32-14.33 32-32V224C576 206.3 561.7 192 544 192zM480 352H64V160h416V352z' /></svg>\n)\n\n\nexport const elementorIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M425.6 32H22.4C10 32 0 42 0 54.4v403.2C0 470 10 480 22.4 480h403.2c12.4 0 22.4-10 22.4-22.4V54.4C448 42 438 32 425.6 32M164.3 355.5h-39.8v-199h39.8v199zm159.3 0H204.1v-39.8h119.5v39.8zm0-79.6H204.1v-39.8h119.5v39.8zm0-79.7H204.1v-39.8h119.5v39.8z' /></svg>\n)\n\nexport const squareCheckIcon = (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path d='M384 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h320c35.35 0 64-28.65 64-64V96C448 60.65 419.3 32 384 32zM400 416c0 8.836-7.164 16-16 16H64c-8.836 0-16-7.164-16-16V96c0-8.838 7.164-16 16-16h320c8.836 0 16 7.162 16 16V416zM303 175L192 286.1L144.1 239c-9.375-9.375-24.56-9.375-33.94 0s-9.375 24.56 0 33.94l64 64C179.7 341.7 185.8 344 192 344s12.28-2.344 16.97-7.031l128-128c9.375-9.375 9.375-24.56 0-33.94S312.4 165.7 303 175z' /></svg>\n)\n\nexport const pencilIcon = (\n  <svg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'>\n    <path d='M8.91878 3.38356L6.59333 1.08219L7.35936 0.315069C7.56911 0.105023 7.82682 0 8.13251 0C8.43782 0 8.69536 0.105023 8.9051 0.315069L9.67113 1.08219C9.88088 1.29224 9.99031 1.54575 9.99943 1.84274C10.0086 2.13936 9.90824 2.39269 9.69849 2.60274L8.91878 3.38356ZM8.12539 4.19178L2.32545 10H0V7.67123L5.79994 1.86301L8.12539 4.19178Z' fill='#E2E369' />\n  </svg>\n\n)\n"],"names":["closeIconJSX","jsx","infoIconJSX"],"mappings":";AACO,MAAMA,IACX,gBAAAC,EAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,eAAc,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,sgBAAA,CAAsgB,EAAA,CAAE,GAEnkBC,IACX,gBAAAD,EAAC,OAAA,EAAI,OAAM,8BAA6B,SAAQ,eAAc,UAAA,gBAAAA,EAAC,QAAA,EAAK,GAAE,6WAAA,CAA6W,EAAA,CAAE;"}

package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js

@@ -1,2 +1,88 @@
-import{extends as t}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as e,useState as o,useRef as r,useMemo as a}from"react";import{TextAndIcons as n}from"../textAndContent/TextAndContent.js";import{LayoutBox as i}from"../../container/layoutBox/LayoutBox.js";import l from"./tag.module.scss.js";import{TagVariant as s}from"./tag.types.js";import{Text as c}from"../text/Text.js";import{useClassNames as m}from"../../../../hooks/useClassNames.js";import{useParseProps as p}from"../../../../hooks/useParseProps.js";import{useResize as d}from"../../../../hooks/useResize.js";import{Tooltip as u}from"../../molecules/popover/Tooltip.js";import{composeId as h}from"../../../../utils/helpers/text.js";const f={position:"absolute",top:0,background:"transparent",zIndex:0,userSelect:"none"},g=e((e=>{let{variant:g=s.default,text:x,hashtag:R,components:j,onClick:E,children:k,inTable:T,className:b="",...v}=e;const C=j?.TextComponent||c,N=m([l.tag,g&&l[g],E&&l.clickable,T&&l["in-table"],b],[l]),{dataProps:w,restProps:y}=p(v),[L,P]=o(!1),U=r(null),$=r(null),[z]=d(50,(t=>{let{width:e,height:o}=t;const r=z.current;r&&P(r.offsetWidth<r.scrollWidth),U.current={width:e,height:o}})),B=a((()=>!!(k||x||y?.iconLeftUrl||y?.iconLeft||y?.iconRightUrl||y?.iconRight)),[k,x,y?.iconLeftUrl,y?.iconLeft,y?.iconRightUrl,y?.iconRight]),A=a((()=>L?{...f,width:`${U?.current?.width}px`,height:`${U?.current?.height}px`}:null),[L,U?.current]);return React.createElement(React.Fragment,null,React.createElement(i,t({id:`${void 0!==v.id&&v.id||x&&h(x)}`,className:N},w,y,{"data-testid":`${w.dataTestId||w["data-testid"]||v.id||x&&h(x)}`,onClick:E}),R&&React.createElement(C,null,"#"),B&&React.createElement(n,t({className:l.text,iconSize:"0.8em"},y,{width:"auto"}),React.createElement("div",{ref:z,className:"text-truncate"},L&&React.createElement(React.Fragment,null,React.createElement("div",{ref:$,style:A}),React.createElement("span",null,k||x)),!L&&(k||x)))),L&&React.createElement(u,{text:x,targetRef:$}))}));g.displayName="Tag";export{g as Tag};
+import { jsxs as r, Fragment as y, jsx as a } from "react/jsx-runtime";
+import { memo as k, useState as A, useRef as I, useMemo as L } from "react";
+import { TextAndIcons as B } from "../textAndContent/TextAndContent.js";
+import { LayoutBox as F } from "../../container/layoutBox/LayoutBox.js";
+import o from "./tag.module.scss.js";
+import { TagVariant as M } from "./tag.types.js";
+import { Text as V } from "../text/Text.js";
+import { useClassNames as p } from "../../../../hooks/useClassNames.js";
+import { useParseProps as q } from "../../../../hooks/useParseProps.js";
+import { useResize as D } from "../../../../hooks/useResize.js";
+import { Tooltip as E } from "../../molecules/popover/Tooltip.js";
+import { composeId as N } from "../../../../utils/helpers/text.js";
+const G = {
+  textTransformedWrapperTipPlaceholder: {
+    position: "absolute",
+    top: 0,
+    background: "transparent",
+    zIndex: 0,
+    userSelect: "none"
+  }
+}, H = k(({
+  variant: h = M.default,
+  text: i,
+  hashtag: R,
+  components: s,
+  onClick: T,
+  children: c,
+  inTable: b,
+  className: U = "",
+  ...l
+}) => {
+  const W = (s == null ? void 0 : s.TextComponent) || V, $ = p([
+    o.tag,
+    h && o[h],
+    T && o.clickable,
+    b && o["in-table"],
+    U
+  ], [o]), { dataProps: f, restProps: t } = q(l), [n, C] = A(!1), e = I(null), g = I(null), [x] = D(50, ({ width: d, height: m }) => {
+    const u = x.current;
+    u && C(u.offsetWidth < u.scrollWidth), e.current = { width: d, height: m };
+  }), j = L(() => !!(c || i || t != null && t.iconLeftUrl || t != null && t.iconLeft || t != null && t.iconRightUrl || t != null && t.iconRight), [c, i, t == null ? void 0 : t.iconLeftUrl, t == null ? void 0 : t.iconLeft, t == null ? void 0 : t.iconRightUrl, t == null ? void 0 : t.iconRight]), v = L(() => {
+    var d, m;
+    return n ? {
+      ...G.textTransformedWrapperTipPlaceholder,
+      width: `${(d = e == null ? void 0 : e.current) == null ? void 0 : d.width}px`,
+      height: `${(m = e == null ? void 0 : e.current) == null ? void 0 : m.height}px`
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    } : null;
+  }, [n, e == null ? void 0 : e.current]);
+  return /* @__PURE__ */ r(y, { children: [
+    /* @__PURE__ */ r(
+      F,
+      {
+        id: `${typeof l.id < "u" && l.id || i && N(i)}`,
+        className: $,
+        ...f,
+        ...t,
+        "data-testid": `${f.dataTestId || f["data-testid"] || l.id || i && N(i)}`,
+        onClick: T,
+        children: [
+          R && /* @__PURE__ */ a(W, { children: "#" }),
+          j && /* @__PURE__ */ a(
+            B,
+            {
+              className: o.text,
+              iconSize: "0.8em",
+              ...t,
+              width: "auto",
+              children: /* @__PURE__ */ r("div", { ref: x, className: "text-truncate", children: [
+                n && /* @__PURE__ */ r(y, { children: [
+                  /* @__PURE__ */ a("div", { ref: g, style: v }),
+                  /* @__PURE__ */ a("span", { children: c || i })
+                ] }),
+                !n && (c || i)
+              ] })
+            }
+          )
+        ]
+      }
+    ),
+    n && /* @__PURE__ */ a(E, { text: i, targetRef: g })
+  ] });
+});
+H.displayName = "Tag";
+export {
+  H as Tag
+};
 //# sourceMappingURL=Tag.js.map

package/dist/lib/esm/src/core/ui/components/atoms/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n  textWrapper: { position: 'relative' },\n  textTransformedWrapperTipPlaceholder: {\n    position: 'absolute',\n    top: 0,\n    background: 'transparent',\n    zIndex: 0,\n    userSelect: 'none',\n  },\n}\n\n/**\n * Tag component.\n *  *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n  variant = TagVariant.default,\n  text,\n  hashtag,\n  components,\n  onClick,\n  children,\n  inTable,\n  className = '',\n  ...props\n}: TagProps) => {\n  const TextComponent = components?.TextComponent || BodyText\n\n  const classesResolved = useClassNames([\n    classes.tag,\n    variant && classes[variant],\n    onClick && classes.clickable,\n    inTable && classes['in-table'],\n    className,\n  ], [classes])\n\n  const { dataProps, restProps } = useParseProps(props)\n  const [isTruncated, setIsTruncated] = useState(false)\n\n  const wrapperSizeRef = useRef<WrapperSize | null>(null)\n  const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n  const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n    const element = textRef.current\n\n    if (element) {\n      setIsTruncated(element.offsetWidth < element.scrollWidth)\n    }\n    wrapperSizeRef.current = { width, height }\n  })\n\n  const hasContent = useMemo(() => !!(children\n    || text\n    || restProps?.iconLeftUrl\n    || restProps?.iconLeft\n    || restProps?.iconRightUrl\n    || restProps?.iconRight\n  ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n  const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n    ...styles.textTransformedWrapperTipPlaceholder,\n    width: `${wrapperSizeRef?.current?.width}px`,\n    height: `${wrapperSizeRef?.current?.height}px`,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }) : null), [isTruncated, wrapperSizeRef?.current])\n\n  return (\n    <>\n      <LayoutBox\n        id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n        className={classesResolved}\n        {...dataProps}\n        {...restProps}\n        data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n        onClick={onClick}\n      >\n        {hashtag && <TextComponent>#</TextComponent>}\n        {hasContent\n          && (\n            <TextAndIcons\n              className={classes.text}\n              iconSize='0.8em'\n              {...restProps}\n              width='auto'\n            >\n              <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n                {isTruncated && (\n                  <>\n                    <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n                    <span>{children || text}</span>\n                  </>\n                )}\n                {!isTruncated && (children || text)}\n              </div>\n            </TextAndIcons>\n          )}\n      </LayoutBox>\n      {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n    </>\n  )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","position","top","background","zIndex","userSelect","Tag","memo","_ref","variant","TagVariant","default","text","hashtag","components","onClick","children","inTable","className","props","TextComponent","BodyText","classesResolved","useClassNames","classes","tag","clickable","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","_ref2","width","height","element","current","offsetWidth","scrollWidth","hasContent","useMemo","iconLeftUrl","iconLeft","iconRightUrl","iconRight","stylesTipPlaceholder","React","createElement","Fragment","LayoutBox","_extends","id","composeId","dataTestId","TextAndIcons","iconSize","ref","style","Tooltip","targetRef","displayName"],"mappings":"+sBAaA,MAAMA,EAEkC,CACpCC,SAAU,WACVC,IAAK,EACLC,WAAY,cACZC,OAAQ,EACRC,WAAY,QAUHC,EAAoBC,GAAeC,IAUhC,IAViCC,QAC/CA,EAAUC,EAAWC,QAAOC,KAC5BA,EAAIC,QACJA,EAAOC,WACPA,EAAUC,QACVA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,UACPA,EAAY,MACTC,GACMX,EACT,MAAMY,EAAgBN,GAAYM,eAAiBC,EAE7CC,EAAkBC,EAAc,CACpCC,EAAQC,IACRhB,GAAWe,EAAQf,GACnBM,GAAWS,EAAQE,UACnBT,GAAWO,EAAQ,YACnBN,GACC,CAACM,KAEEG,UAAEA,EAASC,UAAEA,GAAcC,EAAcV,IACxCW,EAAaC,GAAkBC,GAAS,GAEzCC,EAAiBC,EAA2B,MAC5CC,EAAmBD,EAA8B,OAEhDE,GAAWC,EAAU,IAAIC,IAAoC,IAAnCC,MAAEA,EAAKC,OAAEA,GAAqBF,EAC7D,MAAMG,EAAUL,EAAQM,QAEpBD,GACFV,EAAeU,EAAQE,YAAcF,EAAQG,aAE/CX,EAAeS,QAAU,CAAEH,QAAOC,SAAQ,IAGtCK,EAAaC,GAAQ,OAAS9B,GAC/BJ,GACAgB,GAAWmB,aACXnB,GAAWoB,UACXpB,GAAWqB,cACXrB,GAAWsB,YACb,CAAClC,EAAUJ,EAAMgB,GAAWmB,YAAanB,GAAWoB,SAAUpB,GAAWqB,aAAcrB,GAAWsB,YAE/FC,EAAuBL,GAAQ,IAAOhB,EAAe,IACtD9B,EACHuC,MAAO,GAAGN,GAAgBS,SAASH,UACnCC,OAAQ,GAAGP,GAAgBS,SAASF,YAEjC,MAAO,CAACV,EAAaG,GAAgBS,UAE1C,OACEU,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAACE,EAASC,EAAA,CACRC,GAAI,QAAwB,IAAbtC,EAAMsC,IAAsBtC,EAAMsC,IAAQ7C,GAAQ8C,EAAU9C,KAC3EM,UAAWI,GACPK,EACAC,EAAS,CACb,cAAa,GAAGD,EAAUgC,YAAchC,EAAU,gBAAkBR,EAAMsC,IAAO7C,GAAQ8C,EAAU9C,KACnGG,QAASA,IAERF,GAAWuC,MAAAC,cAACjC,EAAa,KAAC,KAC1ByB,GAEGO,MAAAC,cAACO,EAAYJ,EAAA,CACXtC,UAAWM,EAAQZ,KACnBiD,SAAS,SACLjC,EAAS,CACbW,MAAM,SAENa,MAAAC,cAAA,MAAA,CAAKS,IAAK1B,EAAsClB,UAAU,iBACvDY,GACCsB,MAAAC,cAAAD,MAAAE,SAAA,KACEF,MAAAC,cAAA,MAAA,CAAKS,IAAK3B,EAAkB4B,MAAOZ,IACnCC,MAAAC,cAAA,OAAA,KAAOrC,GAAYJ,KAGrBkB,IAAgBd,GAAYJ,MAKvCkB,GAAesB,MAAAC,cAACW,EAAO,CAACpD,KAAMA,EAAMqD,UAAW9B,IAC/C,IAIP7B,EAAI4D,YAAc"}
+{"version":3,"file":"Tag.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/Tag.tsx"],"sourcesContent":["import { memo, FC, useMemo, useRef, CSSProperties, useState, RefObject } from 'react'\n\nimport { TextAndIcons } from '../textAndContent/TextAndContent'\nimport { LayoutBox } from '../../container/layoutBox/LayoutBox'\nimport { useClassNames, useParseProps, useResize, WrapperSize } from '../../../../hooks'\nimport { composeId } from '../../../../utils'\nimport { Tooltip } from '../../molecules'\nimport { Text as BodyText } from '../text'\n\nimport classes from './tag.module.scss'\nimport { TagProps, TagVariant } from './tag.types'\n\n\nconst styles = {\n  textWrapper: { position: 'relative' },\n  textTransformedWrapperTipPlaceholder: {\n    position: 'absolute',\n    top: 0,\n    background: 'transparent',\n    zIndex: 0,\n    userSelect: 'none',\n  },\n}\n\n/**\n * Tag component.\n *  *\n * @type {React.FC<TagProps>}\n * @returns {React.ReactElement} The Tag.\n */\nexport const Tag: FC<TagProps> = memo<TagProps>(({\n  variant = TagVariant.default,\n  text,\n  hashtag,\n  components,\n  onClick,\n  children,\n  inTable,\n  className = '',\n  ...props\n}: TagProps) => {\n  const TextComponent = components?.TextComponent || BodyText\n\n  const classesResolved = useClassNames([\n    classes.tag,\n    variant && classes[variant],\n    onClick && classes.clickable,\n    inTable && classes['in-table'],\n    className,\n  ], [classes])\n\n  const { dataProps, restProps } = useParseProps(props)\n  const [isTruncated, setIsTruncated] = useState(false)\n\n  const wrapperSizeRef = useRef<WrapperSize | null>(null)\n  const tooltipTargetRef = useRef<HTMLDivElement | null>(null)\n\n  const [textRef] = useResize(50, ({ width, height }: WrapperSize) => {\n    const element = textRef.current\n\n    if (element) {\n      setIsTruncated(element.offsetWidth < element.scrollWidth)\n    }\n    wrapperSizeRef.current = { width, height }\n  })\n\n  const hasContent = useMemo(() => !!(children\n    || text\n    || restProps?.iconLeftUrl\n    || restProps?.iconLeft\n    || restProps?.iconRightUrl\n    || restProps?.iconRight\n  ), [children, text, restProps?.iconLeftUrl, restProps?.iconLeft, restProps?.iconRightUrl, restProps?.iconRight])\n\n  const stylesTipPlaceholder = useMemo(() => (isTruncated ? ({\n    ...styles.textTransformedWrapperTipPlaceholder,\n    width: `${wrapperSizeRef?.current?.width}px`,\n    height: `${wrapperSizeRef?.current?.height}px`,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }) : null), [isTruncated, wrapperSizeRef?.current])\n\n  return (\n    <>\n      <LayoutBox\n        id={`${(typeof props.id !== 'undefined' && props.id) || (text && composeId(text))}`}\n        className={classesResolved}\n        {...dataProps}\n        {...restProps}\n        data-testid={`${dataProps.dataTestId || dataProps['data-testid'] || props.id || (text && composeId(text))}`}\n        onClick={onClick}\n      >\n        {hashtag && <TextComponent>#</TextComponent>}\n        {hasContent\n          && (\n            <TextAndIcons\n              className={classes.text}\n              iconSize='0.8em'\n              {...restProps}\n              width='auto'\n            >\n              <div ref={textRef as RefObject<HTMLDivElement>} className='text-truncate'>\n                {isTruncated && (\n                  <>\n                    <div ref={tooltipTargetRef} style={stylesTipPlaceholder as CSSProperties} />\n                    <span>{children || text}</span>\n                  </>\n                )}\n                {!isTruncated && (children || text)}\n              </div>\n            </TextAndIcons>\n          )}\n      </LayoutBox>\n      {isTruncated && <Tooltip text={text} targetRef={tooltipTargetRef} />}\n    </>\n  )\n})\n\nTag.displayName = 'Tag'\n"],"names":["styles","Tag","memo","variant","TagVariant","text","hashtag","components","onClick","children","inTable","className","props","TextComponent","BodyText","classesResolved","useClassNames","classes","dataProps","restProps","useParseProps","isTruncated","setIsTruncated","useState","wrapperSizeRef","useRef","tooltipTargetRef","textRef","useResize","width","height","element","hasContent","useMemo","stylesTipPlaceholder","_a","_b","jsxs","Fragment","LayoutBox","composeId","jsx","TextAndIcons","Tooltip"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,IAAS;AAAA,EAEb,sCAAsC;AAAA,IACpC,UAAU;AAAA,IACV,KAAK;AAAA,IACL,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,YAAY;AAAA,EAAA;AAEhB,GAQaC,IAAoBC,EAAe,CAAC;AAAA,EAC/C,SAAAC,IAAUC,EAAW;AAAA,EACrB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAgB;AACd,QAAMC,KAAgBN,KAAA,gBAAAA,EAAY,kBAAiBO,GAE7CC,IAAkBC,EAAc;AAAA,IACpCC,EAAQ;AAAA,IACRd,KAAWc,EAAQd,CAAO;AAAA,IAC1BK,KAAWS,EAAQ;AAAA,IACnBP,KAAWO,EAAQ,UAAU;AAAA,IAC7BN;AAAA,EAAA,GACC,CAACM,CAAO,CAAC,GAEN,EAAE,WAAAC,GAAW,WAAAC,MAAcC,EAAcR,CAAK,GAC9C,CAACS,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAAiBC,EAA2B,IAAI,GAChDC,IAAmBD,EAA8B,IAAI,GAErD,CAACE,CAAO,IAAIC,EAAU,IAAI,CAAC,EAAE,OAAAC,GAAO,QAAAC,QAA0B;AAClE,UAAMC,IAAUJ,EAAQ;AAExB,IAAII,KACFT,EAAeS,EAAQ,cAAcA,EAAQ,WAAW,GAE1DP,EAAe,UAAU,EAAE,OAAAK,GAAO,QAAAC,EAAA;AAAA,EACpC,CAAC,GAEKE,IAAaC,EAAQ,MAAM,CAAC,EAAExB,KAC/BJ,KACAc,KAAA,QAAAA,EAAW,eACXA,KAAA,QAAAA,EAAW,YACXA,KAAA,QAAAA,EAAW,gBACXA,KAAA,QAAAA,EAAW,YACb,CAACV,GAAUJ,GAAMc,KAAA,gBAAAA,EAAW,aAAaA,KAAA,gBAAAA,EAAW,UAAUA,KAAA,gBAAAA,EAAW,cAAcA,KAAA,gBAAAA,EAAW,SAAS,CAAC,GAEzGe,IAAuBD,EAAQ,MAAA;;AAAO,WAAAZ,IAAe;AAAA,MACzD,GAAGrB,EAAO;AAAA,MACV,OAAO,IAAGmC,IAAAX,KAAA,gBAAAA,EAAgB,YAAhB,gBAAAW,EAAyB,KAAK;AAAA,MACxC,QAAQ,IAAGC,IAAAZ,KAAA,gBAAAA,EAAgB,YAAhB,gBAAAY,EAAyB,MAAM;AAAA;AAAA,IAAA,IAEvC;AAAA,KAAO,CAACf,GAAaG,KAAA,gBAAAA,EAAgB,OAAO,CAAC;AAElD,SACE,gBAAAa,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,IAAI,GAAI,OAAO3B,EAAM,KAAO,OAAeA,EAAM,MAAQP,KAAQmC,EAAUnC,CAAI,CAAE;AAAA,QACjF,WAAWU;AAAA,QACV,GAAGG;AAAA,QACH,GAAGC;AAAA,QACJ,eAAa,GAAGD,EAAU,cAAcA,EAAU,aAAa,KAAKN,EAAM,MAAOP,KAAQmC,EAAUnC,CAAI,CAAE;AAAA,QACzG,SAAAG;AAAA,QAEC,UAAA;AAAA,UAAAF,KAAW,gBAAAmC,EAAC5B,KAAc,UAAA,IAAA,CAAC;AAAA,UAC3BmB,KAEG,gBAAAS;AAAA,YAACC;AAAA,YAAA;AAAA,cACC,WAAWzB,EAAQ;AAAA,cACnB,UAAS;AAAA,cACR,GAAGE;AAAA,cACJ,OAAM;AAAA,cAEN,UAAA,gBAAAkB,EAAC,OAAA,EAAI,KAAKV,GAAsC,WAAU,iBACvD,UAAA;AAAA,gBAAAN,KACC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,kBAAA,gBAAAG,EAAC,OAAA,EAAI,KAAKf,GAAkB,OAAOQ,GAAuC;AAAA,kBAC1E,gBAAAO,EAAC,QAAA,EAAM,UAAAhC,KAAYJ,EAAA,CAAK;AAAA,gBAAA,GAC1B;AAAA,gBAED,CAACgB,MAAgBZ,KAAYJ;AAAA,cAAA,EAAA,CAChC;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,IAGLgB,KAAe,gBAAAoB,EAACE,GAAA,EAAQ,MAAAtC,GAAY,WAAWqB,EAAA,CAAkB;AAAA,EAAA,GACpE;AAEJ,CAAC;AAEDzB,EAAI,cAAc;"}

package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js

@@ -1,2 +1,45 @@
-var _={"overflow-hidden":"tag-module_overflow-hidden__wlxDI","text-truncate":"tag-module_text-truncate__xqW1-","text-nowrap":"tag-module_text-nowrap__CHhhg","text-ellipsis":"tag-module_text-ellipsis__UX32n",tag:"tag-module_tag__rGA-E",text:"tag-module_text__WpK6w","in-table":"tag-module_in-table__cWTuJ",default:"tag-module_default__6cv6k",clickable:"tag-module_clickable__W6arw",info:"tag-module_info__PMCQH","very-low":"tag-module_very-low__a6WSr",low:"tag-module_low__57msG",medium:"tag-module_medium__PtVKT",high:"tag-module_high__8ayT0",critical:"tag-module_critical__fT5Pe",information:"tag-module_information__gjuZe",success:"tag-module_success__M-mEI",alert:"tag-module_alert__1NDIs",error:"tag-module_error__fo8QB",warning:"tag-module_warning__29pni"};export{_ as default};
+const t = "_overflow-hidden_1jijw_5", _ = "_text-truncate_1jijw_5", i = "_text-nowrap_1jijw_9", e = "_text-ellipsis_1jijw_13", o = "_tag_1jijw_17", n = "_text_1jijw_5", c = "_in-table_1jijw_35", j = "_clickable_1jijw_47", s = "_info_1jijw_55", w = "_very-low_1jijw_60", r = "_low_1jijw_65", a = "_medium_1jijw_70", l = "_high_1jijw_75", x = "_critical_1jijw_80", d = "_information_1jijw_85", f = "_success_1jijw_90", u = "_alert_1jijw_95", g = "_error_1jijw_100", m = "_warning_1jijw_105", h = {
+  overflowHidden: t,
+  textTruncate: _,
+  textNowrap: i,
+  textEllipsis: e,
+  tag: o,
+  text: n,
+  inTable: c,
+  default: "_default_1jijw_42",
+  clickable: j,
+  info: s,
+  veryLow: w,
+  low: r,
+  medium: a,
+  high: l,
+  critical: x,
+  information: d,
+  success: f,
+  alert: u,
+  error: g,
+  warning: m
+};
+export {
+  u as alert,
+  j as clickable,
+  x as critical,
+  h as default,
+  g as error,
+  l as high,
+  c as inTable,
+  s as info,
+  d as information,
+  r as low,
+  a as medium,
+  t as overflowHidden,
+  f as success,
+  o as tag,
+  n as text,
+  e as textEllipsis,
+  i as textNowrap,
+  _ as textTruncate,
+  w as veryLow,
+  m as warning
+};
 //# sourceMappingURL=tag.module.scss.js.map

package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.module.scss.js.map

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

package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js

@@ -1,2 +1,5 @@
-let r=function(r){return r.info="info",r.veryLow="very-low",r.low="low",r.medium="medium",r.high="high",r.critical="critical",r.information="information",r.success="success",r.alert="alert",r.error="error",r.warning="warning",r.default="default",r}({});export{r as TagVariant};
+var o = /* @__PURE__ */ ((e) => (e.info = "info", e.veryLow = "very-low", e.low = "low", e.medium = "medium", e.high = "high", e.critical = "critical", e.information = "information", e.success = "success", e.alert = "alert", e.error = "error", e.warning = "warning", e.default = "default", e))(o || {});
+export {
+  o as TagVariant
+};
 //# sourceMappingURL=tag.types.js.map

package/dist/lib/esm/src/core/ui/components/atoms/tag/tag.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n  info = 'info',\n  veryLow = 'very-low',\n  low = 'low',\n  medium = 'medium',\n  high = 'high',\n  critical = 'critical',\n  information = 'information',\n  success = 'success',\n  alert = 'alert',\n  error = 'error',\n  warning = 'warning',\n  default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n  variant?: TagVariant\n  text?: string\n  hashtag?: boolean\n  inTable?: boolean\n  components?: {\n    TextComponent?: FC<TextProps>\n  }\n  onClick?: (event?: MouseEvent) => void\n  className?: string\n}\n"],"names":["TagVariant"],"mappings":"AAQA,IAAYA,WAAAA,GAAU,OAAVA,EAAU,KAAA,OAAVA,EAAU,QAAA,WAAVA,EAAU,IAAA,MAAVA,EAAU,OAAA,SAAVA,EAAU,KAAA,OAAVA,EAAU,SAAA,WAAVA,EAAU,YAAA,cAAVA,EAAU,QAAA,UAAVA,EAAU,MAAA,QAAVA,EAAU,MAAA,QAAVA,EAAU,QAAA,UAAVA,EAAU,QAAA,UAAVA,CAAU,EAAA,CAAA"}
+{"version":3,"file":"tag.types.js","sources":["../../../../../../../../../src/core/ui/components/atoms/tag/tag.types.ts"],"sourcesContent":["import { PropsWithChildren, FC, MouseEvent } from 'react'\n\nimport { TextAndIconsProps } from '../textAndContent/textAndContent.types'\nimport { LayoutBoxProps } from '../../container/layoutBox/layoutBox.types'\nimport { CommonProps } from '../../../types/CommonProps'\nimport { TextProps } from '../text/text.types'\n\n\nexport enum TagVariant {\n  info = 'info',\n  veryLow = 'very-low',\n  low = 'low',\n  medium = 'medium',\n  high = 'high',\n  critical = 'critical',\n  information = 'information',\n  success = 'success',\n  alert = 'alert',\n  error = 'error',\n  warning = 'warning',\n  default = 'default'\n}\n\nexport type TagProps = PropsWithChildren & CommonProps & TextAndIconsProps & LayoutBoxProps & {\n  variant?: TagVariant\n  text?: string\n  hashtag?: boolean\n  inTable?: boolean\n  components?: {\n    TextComponent?: FC<TextProps>\n  }\n  onClick?: (event?: MouseEvent) => void\n  className?: string\n}\n"],"names":["TagVariant"],"mappings":"AAQO,IAAKA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,UAAU,YACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,QAAQ,SACRA,EAAA,UAAU,WACVA,EAAA,UAAU,WAZAA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/lib/esm/src/core/ui/components/atoms/text/Headline.js

@@ -1,2 +1,31 @@
-import{extends as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as a}from"react";import{Text as t}from"./Text.js";import l from"./typography.module.scss.js";const r=a((a=>{let{children:r,text:s,className:n="",...m}=a;return React.createElement(t,e({},m,{className:`${l.headline} ${n}`,element:"h1"}),r&&r,!r&&s&&s)}));r.displayName="Headline";const s=a((a=>{let{children:r,text:s,className:n="",...m}=a;return React.createElement(t,e({},m,{className:`${l.headlineSecondary} ${n}`,element:"h2"}),r&&r,!r&&s&&s)}));s.displayName="HeadlineSecondary";const n=a((a=>{let{children:r,text:s,className:n="",...m}=a;return React.createElement(t,e({},m,{className:`${l.headlineTertiary} ${n}`,element:"h3"}),r&&r,!r&&s&&s)}));n.displayName="HeadlineTertiary";export{r as Headline,s as HeadlineSecondary,n as HeadlineTertiary};
+import { jsxs as i } from "react/jsx-runtime";
+import { memo as l } from "react";
+import { Text as o } from "./Text.js";
+import n from "./typography.module.scss.js";
+const r = l(
+  ({ children: e, text: a, className: m = "", ...s }) => /* @__PURE__ */ i(o, { ...s, className: `${n.headline} ${m}`, element: "h1", children: [
+    e && e,
+    !e && a && a
+  ] })
+);
+r.displayName = "Headline";
+const d = l(
+  ({ children: e, text: a, className: m = "", ...s }) => /* @__PURE__ */ i(o, { ...s, className: `${n.headlineSecondary} ${m}`, element: "h2", children: [
+    e && e,
+    !e && a && a
+  ] })
+);
+d.displayName = "HeadlineSecondary";
+const t = l(
+  ({ children: e, text: a, className: m = "", ...s }) => /* @__PURE__ */ i(o, { ...s, className: `${n.headlineTertiary} ${m}`, element: "h3", children: [
+    e && e,
+    !e && a && a
+  ] })
+);
+t.displayName = "HeadlineTertiary";
+export {
+  r as Headline,
+  d as HeadlineSecondary,
+  t as HeadlineTertiary
+};
 //# sourceMappingURL=Headline.js.map

package/dist/lib/esm/src/core/ui/components/atoms/text/Headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","_ref","children","text","className","props","React","createElement","Text","_extends","classes","headline","element","displayName","HeadlineSecondary","_ref2","headlineSecondary","HeadlineTertiary","_ref3","headlineTertiary"],"mappings":"2LAOO,MAAMA,EAAWC,GACtBC,IAAA,IAACC,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBJ,EAAA,OACvDK,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQC,YAAYP,IAAaQ,QAAQ,OACrEV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXJ,EAASc,YAAc,WAGhB,MAAMC,EAAoBd,GAC/Be,IAAA,IAACb,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBU,EAAA,OACvDT,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQM,qBAAqBZ,IAAaQ,QAAQ,OAC9EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXW,EAAkBD,YAAc,oBAGzB,MAAMI,EAAmBjB,GAC9BkB,IAAA,IAAChB,SAAEA,EAAQC,KAAEA,EAAIC,UAAEA,EAAY,MAAOC,GAAmBa,EAAA,OACvDZ,MAAAC,cAACC,EAAIC,KAAKJ,EAAK,CAAED,UAAW,GAAGM,EAAQS,oBAAoBf,IAAaQ,QAAQ,OAC7EV,GAAYA,GACVA,GAAYC,GAASA,EACnB,IAIXc,EAAiBJ,YAAc"}
+{"version":3,"file":"Headline.js","sources":["../../../../../../../../../src/core/ui/components/atoms/text/Headline.tsx"],"sourcesContent":["import { memo } from 'react'\n\nimport { ITextProps } from './text.types'\nimport { Text } from './Text'\nimport classes from './typography.module.scss'\n\n\nexport const Headline = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headline} ${className}`} element='h1'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadline.displayName = 'Headline'\n\n\nexport const HeadlineSecondary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineSecondary} ${className}`} element='h2'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineSecondary.displayName = 'HeadlineSecondary'\n\n\nexport const HeadlineTertiary = memo(\n  ({ children, text, className = '', ...props }: ITextProps) => (\n    <Text {...props} className={`${classes.headlineTertiary} ${className}`} element='h3'>\n      {children && children}\n      {(!children && text) && text}\n    </Text>\n  ),\n)\n\nHeadlineTertiary.displayName = 'HeadlineTertiary'\n"],"names":["Headline","memo","children","text","className","props","jsxs","Text","classes","HeadlineSecondary","HeadlineTertiary"],"mappings":";;;;AAOO,MAAMA,IAAWC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,IAAY,IAAI,GAAGC,QACpC,gBAAAC,EAACC,KAAM,GAAGF,GAAO,WAAW,GAAGG,EAAQ,QAAQ,IAAIJ,CAAS,IAAI,SAAQ,MACrE,UAAA;AAAA,IAAAF,KAAYA;AAAA,IACX,CAACA,KAAYC,KAASA;AAAA,EAAA,EAAA,CAC1B;AAEJ;AAEAH,EAAS,cAAc;AAGhB,MAAMS,IAAoBR;AAAA,EAC/B,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,IAAY,IAAI,GAAGC,QACpC,gBAAAC,EAACC,KAAM,GAAGF,GAAO,WAAW,GAAGG,EAAQ,iBAAiB,IAAIJ,CAAS,IAAI,SAAQ,MAC9E,UAAA;AAAA,IAAAF,KAAYA;AAAA,IACX,CAACA,KAAYC,KAASA;AAAA,EAAA,EAAA,CAC1B;AAEJ;AAEAM,EAAkB,cAAc;AAGzB,MAAMC,IAAmBT;AAAA,EAC9B,CAAC,EAAE,UAAAC,GAAU,MAAAC,GAAM,WAAAC,IAAY,IAAI,GAAGC,QACpC,gBAAAC,EAACC,KAAM,GAAGF,GAAO,WAAW,GAAGG,EAAQ,gBAAgB,IAAIJ,CAAS,IAAI,SAAQ,MAC7E,UAAA;AAAA,IAAAF,KAAYA;AAAA,IACX,CAACA,KAAYC,KAASA;AAAA,EAAA,EAAA,CAC1B;AAEJ;AAEAO,EAAiB,cAAc;"}