xtreme-ui 0.0.36 → 0.0.37

package/dist/components/base/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGA2CjB,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,yGAiDjB,CAAC"}

package/dist/components/base/Avatar/Avatar.js

@@ -6,7 +6,7 @@ import { Icon as z } from "../Icon/Icon.js";
 import e from "./avatar.module.scss.js";
 import { EAvatarSize as N } from "./types.js";
 const A = y((f, d) => {
-  const { className: p, src: a, placeholderIcon: u = "f03e", size: o = "default", onClick: g } = f, [n, s] = m(!0), [t, c] = m(!1), i = typeof o == "number" ? o : N[o], v = x(
+  const { className: p, src: a, placeholderIcon: u = "f03e", size: o = "default", onClick: v } = f, [n, s] = m(!0), [t, c] = m(!1), i = typeof o == "number" ? o : N[o], g = x(
     e.avatar,
     p,
     n && e.loading,
@@ -20,15 +20,25 @@ const A = y((f, d) => {
     }, () => {
       r.onload = null;
     };
-  }, [a]), /* @__PURE__ */ l("div", { ref: d, className: v, style: { "--avatarSize": i + "px" }, onClick: g, children: n || t ? /* @__PURE__ */ l(
-    z,
+  }, [a]), /* @__PURE__ */ l(
+    "div",
     {
-      className: e.placeholder,
-      type: "solid",
-      size: 8 + i / 4,
-      code: t ? "e1b7" : u
+      ref: d,
+      className: g,
+      style: { "--avatarSize": i + "px" },
+      onClick: v,
+      role: "avatar",
+      children: n || t ? /* @__PURE__ */ l(
+        z,
+        {
+          className: e.placeholder,
+          type: "solid",
+          size: 8 + i / 4,
+          code: t ? "e1b7" : u
+        }
+      ) : /* @__PURE__ */ l("span", { className: e.image, style: { backgroundImage: `url(${a})` } })
     }
-  ) : /* @__PURE__ */ l("span", { className: e.image, style: { backgroundImage: `url(${a})` } }) });
+  );
 });
 A.displayName = "Avatar";
 export {

package/dist/components/base/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '../Icon/Icon';\n\nimport styles from './avatar.module.scss';\nimport { EAvatarSize, TAvatarProps } from './types';\n\nexport const Avatar = forwardRef<HTMLDivElement, TAvatarProps>((props, ref) => {\n\tconst { className, src, placeholderIcon = 'f03e', size = 'default', onClick } = props;\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [isError, setIsError] = useState(false);\n\n\tconst avatarSize = typeof size === 'number' ? size : EAvatarSize[size];\n\tconst AvatarClsx = clsx(\n\t\tstyles.avatar,\n\t\tclassName,\n\t\tisLoading && styles.loading,\n\t\tisError && styles.error,\n\t);\n\n\tuseEffect(() => {\n\t\tsetIsLoading(true);\n\t\tsetIsError(false);\n\n\t\tconst img = new Image();\n\t\timg.src = src;\n\t\timg.onload = () => setIsLoading(false);\n\t\timg.onerror = () => {\n\t\t\tsetIsLoading(false);\n\t\t\tsetIsError(true);\n\t\t};\n\n\t\treturn () => { img.onload = null; };\n\t}, [src]);\n\n\treturn (\n\t\t<div ref={ref} className={AvatarClsx} style={{ ['--avatarSize'as string]: avatarSize + 'px' }} onClick={onClick}>\n\t\t\t{\n\t\t\t\tisLoading || isError ?\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName={styles.placeholder}\n\t\t\t\t\t\ttype='solid'\n\t\t\t\t\t\tsize={8 + avatarSize / 4}\n\t\t\t\t\t\tcode={isError ? 'e1b7' : placeholderIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t: <span className={styles.image} style={{ backgroundImage: `url(${src})` }} />\n\t\t\t}\n\n\t\t</div>\n\t);\n});\n\nAvatar.displayName = 'Avatar';\n"],"names":["Avatar","forwardRef","props","ref","className","src","placeholderIcon","size","onClick","isLoading","setIsLoading","useState","isError","setIsError","avatarSize","EAvatarSize","AvatarClsx","clsx","styles","useEffect","img","jsx","Icon"],"mappings":";;;;;;;AASO,MAAMA,IAASC,EAAyC,CAACC,GAAOC,MAAQ;AACxE,QAAA,EAAE,WAAAC,GAAW,KAAAC,GAAK,iBAAAC,IAAkB,QAAQ,MAAAC,IAAO,WAAW,SAAAC,EAAY,IAAAN,GAC1E,CAACO,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAa,OAAOP,KAAS,WAAWA,IAAOQ,EAAYR,CAAI,GAC/DS,IAAaC;AAAA,IAClBC,EAAO;AAAA,IACPd;AAAA,IACAK,KAAaS,EAAO;AAAA,IACpBN,KAAWM,EAAO;AAAA,EAAA;AAGnB,SAAAC,EAAU,MAAM;AACf,IAAAT,EAAa,EAAI,GACjBG,EAAW,EAAK;AAEV,UAAAO,IAAM,IAAI;AAChB,WAAAA,EAAI,MAAMf,GACNe,EAAA,SAAS,MAAMV,EAAa,EAAK,GACrCU,EAAI,UAAU,MAAM;AACnB,MAAAV,EAAa,EAAK,GAClBG,EAAW,EAAI;AAAA,IAAA,GAGT,MAAM;AAAE,MAAAO,EAAI,SAAS;AAAA,IAAA;AAAA,EAAM,GAChC,CAACf,CAAG,CAAC,GAGN,gBAAAgB,EAAA,OAAA,EAAI,KAAAlB,GAAU,WAAWa,GAAY,OAAO,EAAG,gBAA0BF,IAAa,QAAQ,SAAAN,GAE7F,eAAaI,IACZ,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAWJ,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,MAAM,IAAIJ,IAAa;AAAA,MACvB,MAAMF,IAAU,SAASN;AAAA,IAAA;AAAA,EAAA,IAExB,gBAAAe,EAAC,QAAK,EAAA,WAAWH,EAAO,OAAO,OAAO,EAAE,iBAAiB,OAAOb,CAAG,OAAO,EAG/E,CAAA;AAEF,CAAC;AAEDL,EAAO,cAAc;"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/base/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '../Icon/Icon';\n\nimport styles from './avatar.module.scss';\nimport { EAvatarSize, TAvatarProps } from './types';\n\nexport const Avatar = forwardRef<HTMLDivElement, TAvatarProps>((props, ref) => {\n\tconst { className, src, placeholderIcon = 'f03e', size = 'default', onClick } = props;\n\tconst [isLoading, setIsLoading] = useState(true);\n\tconst [isError, setIsError] = useState(false);\n\n\tconst avatarSize = typeof size === 'number' ? size : EAvatarSize[size];\n\tconst AvatarClsx = clsx(\n\t\tstyles.avatar,\n\t\tclassName,\n\t\tisLoading && styles.loading,\n\t\tisError && styles.error,\n\t);\n\n\tuseEffect(() => {\n\t\tsetIsLoading(true);\n\t\tsetIsError(false);\n\n\t\tconst img = new Image();\n\t\timg.src = src;\n\t\timg.onload = () => setIsLoading(false);\n\t\timg.onerror = () => {\n\t\t\tsetIsLoading(false);\n\t\t\tsetIsError(true);\n\t\t};\n\n\t\treturn () => { img.onload = null; };\n\t}, [src]);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={AvatarClsx}\n\t\t\tstyle={{ ['--avatarSize'as string]: avatarSize + 'px' }}\n\t\t\tonClick={onClick}\n\t\t\trole='avatar'\n\t\t>\n\t\t\t{\n\t\t\t\tisLoading || isError ?\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tclassName={styles.placeholder}\n\t\t\t\t\t\ttype='solid'\n\t\t\t\t\t\tsize={8 + avatarSize / 4}\n\t\t\t\t\t\tcode={isError ? 'e1b7' : placeholderIcon}\n\t\t\t\t\t/>\n\t\t\t\t\t: <span className={styles.image} style={{ backgroundImage: `url(${src})` }} />\n\t\t\t}\n\n\t\t</div>\n\t);\n});\n\nAvatar.displayName = 'Avatar';\n"],"names":["Avatar","forwardRef","props","ref","className","src","placeholderIcon","size","onClick","isLoading","setIsLoading","useState","isError","setIsError","avatarSize","EAvatarSize","AvatarClsx","clsx","styles","useEffect","img","jsx","Icon"],"mappings":";;;;;;;AASO,MAAMA,IAASC,EAAyC,CAACC,GAAOC,MAAQ;AACxE,QAAA,EAAE,WAAAC,GAAW,KAAAC,GAAK,iBAAAC,IAAkB,QAAQ,MAAAC,IAAO,WAAW,SAAAC,EAAY,IAAAN,GAC1E,CAACO,GAAWC,CAAY,IAAIC,EAAS,EAAI,GACzC,CAACC,GAASC,CAAU,IAAIF,EAAS,EAAK,GAEtCG,IAAa,OAAOP,KAAS,WAAWA,IAAOQ,EAAYR,CAAI,GAC/DS,IAAaC;AAAA,IAClBC,EAAO;AAAA,IACPd;AAAA,IACAK,KAAaS,EAAO;AAAA,IACpBN,KAAWM,EAAO;AAAA,EAAA;AAGnB,SAAAC,EAAU,MAAM;AACf,IAAAT,EAAa,EAAI,GACjBG,EAAW,EAAK;AAEV,UAAAO,IAAM,IAAI;AAChB,WAAAA,EAAI,MAAMf,GACNe,EAAA,SAAS,MAAMV,EAAa,EAAK,GACrCU,EAAI,UAAU,MAAM;AACnB,MAAAV,EAAa,EAAK,GAClBG,EAAW,EAAI;AAAA,IAAA,GAGT,MAAM;AAAE,MAAAO,EAAI,SAAS;AAAA,IAAA;AAAA,EAAM,GAChC,CAACf,CAAG,CAAC,GAGP,gBAAAgB;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAlB;AAAA,MACA,WAAWa;AAAA,MACX,OAAO,EAAG,gBAA0BF,IAAa,KAAK;AAAA,MACtD,SAAAN;AAAA,MACA,MAAK;AAAA,MAGJ,eAAaI,IACZ,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,WAAWJ,EAAO;AAAA,UAClB,MAAK;AAAA,UACL,MAAM,IAAIJ,IAAa;AAAA,UACvB,MAAMF,IAAU,SAASN;AAAA,QAAA;AAAA,MAExB,IAAA,gBAAAe,EAAC,QAAK,EAAA,WAAWH,EAAO,OAAO,OAAO,EAAE,iBAAiB,OAAOb,CAAG,IAAO,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAKjF,CAAC;AAEDL,EAAO,cAAc;"}

package/dist/components/base/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAKrD,eAAO,MAAM,MAAM,4GAsDjB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/Button.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAgB,YAAY,EAAE,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,MAAM,4GA+DjB,CAAC"}

package/dist/components/base/Button/Button.js

@@ -1,51 +1,63 @@
 "use client";
-import { jsxs as h, jsx as t } from "react/jsx-runtime";
-import { forwardRef as R, useRef as w } from "react";
-import C from "clsx";
-import { mergeRefs as j } from "../../../utils/function/mergeRefs.js";
-import { Icon as z } from "../Icon/Icon.js";
-import { ProgressBar as I } from "../ProgressBar/ProgressBar.js";
+import { jsxs as R, jsx as t } from "react/jsx-runtime";
+import { forwardRef as w, useRef as C } from "react";
+import j from "clsx";
+import { mergeRefs as z } from "../../../utils/function/mergeRefs.js";
+import { Icon as I } from "../Icon/Icon.js";
+import { ProgressBar as L } from "../ProgressBar/ProgressBar.js";
 import e from "./button.module.scss.js";
-import { EButtonTypes as p } from "./types.js";
-const L = 100;
-let d;
-const P = R((y, B) => {
+import { EButtonTypes as d } from "./types.js";
+const P = 100, $ = w((y, b) => {
   const {
-    className: N,
+    className: B,
+    style: N,
     label: o,
-    type: i = "primary",
+    type: s = "primary",
     size: c = "default",
     disabled: T = !1,
     loading: m = !1,
-    icon: s,
-    iconType: b,
+    icon: i,
+    iconType: g,
     iconPosition: a = "left",
     onClick: l
-  } = y, r = w(null), g = () => {
+  } = y, r = C(null);
+  let u;
+  const k = () => {
     var n;
-    clearTimeout(d), (n = r.current) == null || n.classList.add(e.clicked), d = window.setTimeout(() => {
-      var f;
-      (f = r.current) == null || f.classList.remove(e.clicked);
-    }, 600 + L);
-  }, k = (n) => {
-    l == null || l(n), i.includes(p.link) || g();
-  }, u = () => s ? /* @__PURE__ */ t(z, { className: e.icon, code: s, type: b, size: c }) : null, x = C(
+    clearTimeout(u), (n = r.current) == null || n.classList.add(e.clicked), u = window.setTimeout(() => {
+      var p;
+      (p = r.current) == null || p.classList.remove(e.clicked);
+    }, 600 + P);
+  }, x = (n) => {
+    l == null || l(n), s.includes(d.link) || k();
+  }, f = () => i ? /* @__PURE__ */ t(I, { className: e.icon, code: i, type: g, size: c }) : null, h = j(
     e.button,
-    e[`${i}Type`],
+    e[`${s}Type`],
     e[`${c}Size`],
     !o && e.iconOnly,
     m && e.loading,
-    N
+    B
+  );
+  return !o && !i ? null : /* @__PURE__ */ R(
+    "button",
+    {
+      ref: z([r, b]),
+      className: h,
+      style: N,
+      onClick: x,
+      disabled: T,
+      role: "button",
+      children: [
+        s.includes(d.link) && /* @__PURE__ */ t(L, { className: e.underline, intermediate: m }),
+        a === "left" && /* @__PURE__ */ t(f, {}),
+        o && /* @__PURE__ */ t("span", { className: e.label, children: o }),
+        a === "right" && /* @__PURE__ */ t(f, {})
+      ]
+    }
   );
-  return !o && !s ? null : /* @__PURE__ */ h("button", { className: x, ref: j([r, B]), onClick: k, disabled: T, children: [
-    i.includes(p.link) && /* @__PURE__ */ t(I, { className: e.underline, intermediate: m }),
-    a === "left" && /* @__PURE__ */ t(u, {}),
-    o && /* @__PURE__ */ t("span", { className: e.label, children: o }),
-    a === "right" && /* @__PURE__ */ t(u, {})
-  ] });
 });
-P.displayName = "Button";
+$.displayName = "Button";
 export {
-  P as Button
+  $ as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/base/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/base/Button/Button.tsx"],"sourcesContent":["import { MouseEvent, forwardRef, useRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { mergeRefs } from '#utils/function/mergeRefs';\n\nimport { Icon } from '../Icon/Icon';\nimport { ProgressBar } from '../ProgressBar/ProgressBar';\n\nimport styles from './button.module.scss';\nimport { EButtonTypes, TButtonProps } from './types';\n\nconst throttleTime = 100;\nlet timeout: number;\n\nexport const Button = forwardRef<HTMLButtonElement, TButtonProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tlabel,\n\t\ttype = 'primary',\n\t\tsize = 'default',\n\t\tdisabled = false,\n\t\tloading = false,\n\t\ticon,\n\t\ticonType,\n\t\ticonPosition = 'left',\n\t\tonClick,\n\t} = props;\n\tconst innerRef = useRef<HTMLButtonElement>(null);\n\n\tconst ripple = () => {\n\t\tclearTimeout(timeout);\n\t\tinnerRef.current?.classList.add(styles.clicked);\n\t\ttimeout = window.setTimeout(() => {\n\t\t\tinnerRef.current?.classList.remove(styles.clicked);\n\t\t}, 600 + throttleTime);\n\t};\n\n\tconst onButtonClick = (e: MouseEvent<HTMLButtonElement>) => {\n\t\tonClick?.(e);\n\t\tif (!type.includes(EButtonTypes.link)) ripple();\n\t};\n\n\tconst IconComponent = () =>\n\t\t(\n\t\t\ticon\n\t\t\t\t? <Icon className={styles.icon} code={icon} type={iconType} size={size} />\n\t\t\t\t: null\n\t\t);\n\n\tconst ButtonClsx = clsx(\n\t\tstyles.button,\n\t\tstyles[`${type}Type`],\n\t\tstyles[`${size}Size`],\n\t\t!label && styles.iconOnly,\n\t\tloading && styles.loading,\n\t\tclassName,\n\t);\n\n\tif (!label && !icon) return null;\n\n\treturn (\n\t\t<button className={ButtonClsx} ref={mergeRefs([innerRef, ref])} onClick={onButtonClick} disabled={disabled}>\n\t\t\t{type.includes(EButtonTypes.link) && <ProgressBar className={styles.underline} intermediate={loading} />}\n\t\t\t{iconPosition === 'left' && <IconComponent />}\n\t\t\t{label && <span className={styles.label}>{label}</span>}\n\t\t\t{iconPosition === 'right' && <IconComponent />}\n\t\t</button>\n\t);\n});\n\nButton.displayName = 'Button';\n"],"names":["throttleTime","timeout","Button","forwardRef","props","ref","className","label","type","size","disabled","loading","icon","iconType","iconPosition","onClick","innerRef","useRef","ripple","_a","styles","onButtonClick","e","EButtonTypes","IconComponent","jsx","Icon","ButtonClsx","clsx","jsxs","mergeRefs","ProgressBar"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAe;AACrB,IAAIC;AAEG,MAAMC,IAASC,EAA4C,CAACC,GAAOC,MAAQ;AAC3E,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,SAAAC;AAAA,EACG,IAAAX,GACEY,IAAWC,EAA0B,IAAI,GAEzCC,IAAS,MAAM;;AACpB,iBAAajB,CAAO,IACpBkB,IAAAH,EAAS,YAAT,QAAAG,EAAkB,UAAU,IAAIC,EAAO,UAC7BnB,IAAA,OAAO,WAAW,MAAM;;AACjC,OAAAkB,IAAAH,EAAS,YAAT,QAAAG,EAAkB,UAAU,OAAOC,EAAO;AAAA,IAAO,GAC/C,MAAMpB,CAAY;AAAA,EAAA,GAGhBqB,IAAgB,CAACC,MAAqC;AAC3D,IAAAP,KAAA,QAAAA,EAAUO,IACLd,EAAK,SAASe,EAAa,IAAI,KAAUL;EAAA,GAGzCM,IAAgB,MAEpBZ,IACG,gBAAAa,EAACC,GAAK,EAAA,WAAWN,EAAO,MAAM,MAAMR,GAAM,MAAMC,GAAU,MAAAJ,GAAY,IACtE,MAGCkB,IAAaC;AAAA,IAClBR,EAAO;AAAA,IACPA,EAAO,GAAGZ,CAAI,MAAM;AAAA,IACpBY,EAAO,GAAGX,CAAI,MAAM;AAAA,IACpB,CAACF,KAASa,EAAO;AAAA,IACjBT,KAAWS,EAAO;AAAA,IAClBd;AAAA,EAAA;AAGG,SAAA,CAACC,KAAS,CAACK,IAAa,OAG1B,gBAAAiB,EAAA,UAAA,EAAO,WAAWF,GAAY,KAAKG,EAAU,CAACd,GAAUX,CAAG,CAAC,GAAG,SAASgB,GAAe,UAAAX,GACtF,UAAA;AAAA,IAAKF,EAAA,SAASe,EAAa,IAAI,KAAK,gBAAAE,EAACM,KAAY,WAAWX,EAAO,WAAW,cAAcT,EAAS,CAAA;AAAA,IACrGG,MAAiB,UAAU,gBAAAW,EAACD,GAAc,CAAA,CAAA;AAAA,IAC1CjB,KAAU,gBAAAkB,EAAA,QAAA,EAAK,WAAWL,EAAO,OAAQ,UAAMb,GAAA;AAAA,IAC/CO,MAAiB,WAAW,gBAAAW,EAACD,GAAc,CAAA,CAAA;AAAA,EAC7C,EAAA,CAAA;AAEF,CAAC;AAEDtB,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/base/Button/Button.tsx"],"sourcesContent":["import { MouseEvent, forwardRef, useRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { mergeRefs } from '#utils/function/mergeRefs';\n\nimport { Icon } from '../Icon/Icon';\nimport { ProgressBar } from '../ProgressBar/ProgressBar';\n\nimport styles from './button.module.scss';\nimport { EButtonTypes, TButtonProps } from './types';\n\nconst throttleTime = 100;\n\nexport const Button = forwardRef<HTMLButtonElement, TButtonProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tstyle,\n\t\tlabel,\n\t\ttype = 'primary',\n\t\tsize = 'default',\n\t\tdisabled = false,\n\t\tloading = false,\n\t\ticon,\n\t\ticonType,\n\t\ticonPosition = 'left',\n\t\tonClick,\n\t} = props;\n\tconst innerRef = useRef<HTMLButtonElement>(null);\n\n\tlet timeout: number;\n\tconst ripple = () => {\n\t\tclearTimeout(timeout);\n\t\tinnerRef.current?.classList.add(styles.clicked);\n\t\ttimeout = window.setTimeout(() => {\n\t\t\tinnerRef.current?.classList.remove(styles.clicked);\n\t\t}, 600 + throttleTime);\n\t};\n\n\tconst onButtonClick = (e: MouseEvent<HTMLButtonElement>) => {\n\t\tonClick?.(e);\n\t\tif (!type.includes(EButtonTypes.link)) ripple();\n\t};\n\n\tconst IconComponent = () =>\n\t\t(\n\t\t\ticon\n\t\t\t\t? <Icon className={styles.icon} code={icon} type={iconType} size={size} />\n\t\t\t\t: null\n\t\t);\n\n\tconst ButtonClsx = clsx(\n\t\tstyles.button,\n\t\tstyles[`${type}Type`],\n\t\tstyles[`${size}Size`],\n\t\t!label && styles.iconOnly,\n\t\tloading && styles.loading,\n\t\tclassName,\n\t);\n\n\tif (!label && !icon) return null;\n\n\treturn (\n\t\t<button\n\t\t\tref={mergeRefs([innerRef, ref])}\n\t\t\tclassName={ButtonClsx}\n\t\t\tstyle={style}\n\t\t\tonClick={onButtonClick}\n\t\t\tdisabled={disabled}\n\t\t\trole='button'\n\t\t>\n\t\t\t{type.includes(EButtonTypes.link) && <ProgressBar className={styles.underline} intermediate={loading} />}\n\t\t\t{iconPosition === 'left' && <IconComponent />}\n\t\t\t{label && <span className={styles.label}>{label}</span>}\n\t\t\t{iconPosition === 'right' && <IconComponent />}\n\t\t</button>\n\t);\n});\n\nButton.displayName = 'Button';\n"],"names":["throttleTime","Button","forwardRef","props","ref","className","style","label","type","size","disabled","loading","icon","iconType","iconPosition","onClick","innerRef","useRef","timeout","ripple","_a","styles","onButtonClick","e","EButtonTypes","IconComponent","jsx","Icon","ButtonClsx","clsx","jsxs","mergeRefs","ProgressBar"],"mappings":";;;;;;;;;AAYA,MAAMA,IAAe,KAERC,IAASC,EAA4C,CAACC,GAAOC,MAAQ;AAC3E,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,SAAAC,IAAU;AAAA,IACV,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,SAAAC;AAAA,EACG,IAAAZ,GACEa,IAAWC,EAA0B,IAAI;AAE3C,MAAAC;AACJ,QAAMC,IAAS,MAAM;;AACpB,iBAAaD,CAAO,IACpBE,IAAAJ,EAAS,YAAT,QAAAI,EAAkB,UAAU,IAAIC,EAAO,UAC7BH,IAAA,OAAO,WAAW,MAAM;;AACjC,OAAAE,IAAAJ,EAAS,YAAT,QAAAI,EAAkB,UAAU,OAAOC,EAAO;AAAA,IAAO,GAC/C,MAAMrB,CAAY;AAAA,EAAA,GAGhBsB,IAAgB,CAACC,MAAqC;AAC3D,IAAAR,KAAA,QAAAA,EAAUQ,IACLf,EAAK,SAASgB,EAAa,IAAI,KAAUL;EAAA,GAGzCM,IAAgB,MAEpBb,IACG,gBAAAc,EAACC,GAAK,EAAA,WAAWN,EAAO,MAAM,MAAMT,GAAM,MAAMC,GAAU,MAAAJ,GAAY,IACtE,MAGCmB,IAAaC;AAAA,IAClBR,EAAO;AAAA,IACPA,EAAO,GAAGb,CAAI,MAAM;AAAA,IACpBa,EAAO,GAAGZ,CAAI,MAAM;AAAA,IACpB,CAACF,KAASc,EAAO;AAAA,IACjBV,KAAWU,EAAO;AAAA,IAClBhB;AAAA,EAAA;AAGG,SAAA,CAACE,KAAS,CAACK,IAAa,OAG3B,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAKC,EAAU,CAACf,GAAUZ,CAAG,CAAC;AAAA,MAC9B,WAAWwB;AAAA,MACX,OAAAtB;AAAA,MACA,SAASgB;AAAA,MACT,UAAAZ;AAAA,MACA,MAAK;AAAA,MAEJ,UAAA;AAAA,QAAKF,EAAA,SAASgB,EAAa,IAAI,KAAK,gBAAAE,EAACM,KAAY,WAAWX,EAAO,WAAW,cAAcV,EAAS,CAAA;AAAA,QACrGG,MAAiB,UAAU,gBAAAY,EAACD,GAAc,CAAA,CAAA;AAAA,QAC1ClB,KAAU,gBAAAmB,EAAA,QAAA,EAAK,WAAWL,EAAO,OAAQ,UAAMd,GAAA;AAAA,QAC/CO,MAAiB,WAAW,gBAAAY,EAACD,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG/C,CAAC;AAEDxB,EAAO,cAAc;"}

package/dist/components/base/Button/button.module.scss.js

@@ -1,45 +1,45 @@
 "use client";
-const e = "_button_6uqr8_1", n = "_label_6uqr8_17", r = "_icon_6uqr8_23", _ = "_underline_6uqr8_26", i = "_primaryType_6uqr8_49", o = "_primaryDangerType_6uqr8_49", c = "_secondaryType_6uqr8_54", l = "_secondaryDangerType_6uqr8_54", a = "_linkType_6uqr8_59", p = "_linkDangerType_6uqr8_59", y = "_miniSize_6uqr8_88", s = "_iconOnly_6uqr8_99", t = "_defaultSize_6uqr8_106", u = "_largeSize_6uqr8_124", d = "_clicked_6uqr8_157", q = "_ripple_6uqr8_1", T = "_loading_6uqr8_166", g = "_barberPole_6uqr8_1", b = "_spin_6uqr8_1", k = {
+const e = "_button_1hhid_1", n = "_label_1hhid_17", i = "_icon_1hhid_24", _ = "_underline_1hhid_28", r = "_primaryType_1hhid_51", o = "_primaryDangerType_1hhid_51", c = "_secondaryType_1hhid_56", l = "_secondaryDangerType_1hhid_56", a = "_linkType_1hhid_61", d = "_linkDangerType_1hhid_61", h = "_miniSize_1hhid_90", p = "_iconOnly_1hhid_101", y = "_defaultSize_1hhid_108", s = "_largeSize_1hhid_126", t = "_clicked_1hhid_159", T = "_ripple_1hhid_1", g = "_loading_1hhid_168", b = "_barberPole_1hhid_1", u = "_spin_1hhid_1", k = {
   button: e,
   label: n,
-  icon: r,
+  icon: i,
   underline: _,
-  primaryType: i,
+  primaryType: r,
   primaryDangerType: o,
   secondaryType: c,
   secondaryDangerType: l,
   linkType: a,
-  linkDangerType: p,
-  miniSize: y,
-  iconOnly: s,
-  defaultSize: t,
-  largeSize: u,
-  clicked: d,
-  ripple: q,
-  loading: T,
-  barberPole: g,
-  spin: b
+  linkDangerType: d,
+  miniSize: h,
+  iconOnly: p,
+  defaultSize: y,
+  largeSize: s,
+  clicked: t,
+  ripple: T,
+  loading: g,
+  barberPole: b,
+  spin: u
 };
 export {
-  g as barberPole,
+  b as barberPole,
   e as button,
-  d as clicked,
+  t as clicked,
   k as default,
-  t as defaultSize,
-  r as icon,
-  s as iconOnly,
+  y as defaultSize,
+  i as icon,
+  p as iconOnly,
   n as label,
-  u as largeSize,
-  p as linkDangerType,
+  s as largeSize,
+  d as linkDangerType,
   a as linkType,
-  T as loading,
-  y as miniSize,
+  g as loading,
+  h as miniSize,
   o as primaryDangerType,
-  i as primaryType,
-  q as ripple,
+  r as primaryType,
+  T as ripple,
   l as secondaryDangerType,
   c as secondaryType,
-  b as spin,
+  u as spin,
   _ as underline
 };
 //# sourceMappingURL=button.module.scss.js.map

package/dist/components/base/Button/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, MouseEvent } from 'react';
+import { CSSProperties, HTMLAttributes, MouseEvent } from 'react';
 import { EIconType } from '../Icon/types';
 declare enum EButtonSize {
     mini = "mini",
@@ -7,6 +7,7 @@ declare enum EButtonSize {
 }
 interface BaseButton extends HTMLAttributes<HTMLButtonElement> {
     className?: string;
+    style?: CSSProperties;
     type?: keyof typeof EButtonTypes;
     size?: keyof typeof EButtonSize;
     loading?: boolean;

package/dist/components/base/Button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,aAAK,WAAW;IACf,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AACD,UAAU,UAAW,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACzD;AACD,UAAU,eAAgB,SAAQ,UAAU;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AACD,UAAU,kBAAmB,SAAQ,UAAU;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AACD,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAEhE,oBAAY,YAAY;IACvB,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,UAAU,eAAe;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Button/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,aAAK,WAAW;IACf,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,KAAK,UAAU;CACf;AACD,UAAU,UAAW,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACjC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAClC,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACzD;AACD,UAAU,eAAgB,SAAQ,UAAU;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AACD,UAAU,kBAAmB,SAAQ,UAAU;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;CACb;AACD,MAAM,MAAM,YAAY,GAAG,eAAe,GAAG,kBAAkB,CAAC;AAEhE,oBAAY,YAAY;IACvB,OAAO,YAAY;IACnB,aAAa,kBAAkB;IAC/B,SAAS,cAAc;IACvB,eAAe,oBAAoB;IACnC,IAAI,SAAS;IACb,UAAU,eAAe;CACzB"}

package/dist/components/base/Button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/base/Button/types.ts"],"sourcesContent":["import { HTMLAttributes, MouseEvent } from 'react';\n\nimport { EIconType } from '../Icon/types';\n\nenum EButtonSize {\n\tmini = 'mini',\n\tdefault = 'default',\n\tlarge = 'large',\n}\ninterface BaseButton extends HTMLAttributes<HTMLButtonElement> {\n\tclassName?: string;\n\ttype?: keyof typeof EButtonTypes;\n\tsize?: keyof typeof EButtonSize;\n\tloading?: boolean;\n\tdisabled?: boolean;\n\ticonType?: keyof typeof EIconType;\n\ticonPosition?: 'left' | 'right';\n\tonClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\ninterface ButtonWithLabel extends BaseButton {\n\tlabel: string;\n\ticon?: string;\n}\ninterface ButtonWithIconName extends BaseButton {\n\tlabel?: string;\n\ticon: string;\n}\nexport type TButtonProps = ButtonWithLabel | ButtonWithIconName;\n\nexport enum EButtonTypes {\n\tprimary = 'primary',\n\tprimaryDanger = 'primaryDanger',\n\tsecondary = 'secondary',\n\tsecondaryDanger = 'secondaryDanger',\n\tlink = 'link',\n\tlinkDanger = 'linkDanger',\n}\n"],"names":["EButtonTypes"],"mappings":";AA6BY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,gBAAgB,iBAChBA,EAAA,YAAY,aACZA,EAAA,kBAAkB,mBAClBA,EAAA,OAAO,QACPA,EAAA,aAAa,cANFA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/base/Button/types.ts"],"sourcesContent":["import { CSSProperties, HTMLAttributes, MouseEvent } from 'react';\n\nimport { EIconType } from '../Icon/types';\n\nenum EButtonSize {\n\tmini = 'mini',\n\tdefault = 'default',\n\tlarge = 'large',\n}\ninterface BaseButton extends HTMLAttributes<HTMLButtonElement> {\n\tclassName?: string;\n\tstyle?: CSSProperties;\n\ttype?: keyof typeof EButtonTypes;\n\tsize?: keyof typeof EButtonSize;\n\tloading?: boolean;\n\tdisabled?: boolean;\n\ticonType?: keyof typeof EIconType;\n\ticonPosition?: 'left' | 'right';\n\tonClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\ninterface ButtonWithLabel extends BaseButton {\n\tlabel: string;\n\ticon?: string;\n}\ninterface ButtonWithIconName extends BaseButton {\n\tlabel?: string;\n\ticon: string;\n}\nexport type TButtonProps = ButtonWithLabel | ButtonWithIconName;\n\nexport enum EButtonTypes {\n\tprimary = 'primary',\n\tprimaryDanger = 'primaryDanger',\n\tsecondary = 'secondary',\n\tsecondaryDanger = 'secondaryDanger',\n\tlink = 'link',\n\tlinkDanger = 'linkDanger',\n}\n"],"names":["EButtonTypes"],"mappings":";AA8BY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,gBAAgB,iBAChBA,EAAA,YAAY,aACZA,EAAA,kBAAkB,mBAClBA,EAAA,OAAO,QACPA,EAAA,aAAa,cANFA,IAAAA,KAAA,CAAA,CAAA;"}

package/dist/components/base/Icon/Icon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Icon/Icon.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAa,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,IAAI,wGAaf,CAAC"}
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Icon/Icon.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAa,UAAU,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,IAAI,wGAmBf,CAAC"}

package/dist/components/base/Icon/Icon.js

@@ -1,18 +1,27 @@
 "use client";
 import { jsx as p } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import f from "clsx";
-import { unicodeToString as l } from "../../../utils/function/string.js";
+import l from "clsx";
+import { unicodeToString as f } from "../../../utils/function/string.js";
 import "../../../utils/helper/themeController.js";
 import e from "./icon.module.scss.js";
 import { EIconSize as d } from "./types.js";
 const u = a((r, i) => {
-  const { className: n, code: c, type: t = "light", size: o = "default" } = r, s = `${typeof o == "number" ? o : d[o]}px`, m = f(
+  const { className: n, code: c, type: t = "light", size: o = "default" } = r, s = `${typeof o == "number" ? o : d[o]}px`, m = l(
     e.icon,
     t && e[t],
     n
   );
-  return /* @__PURE__ */ p("span", { className: m, ref: i, style: { "--iconSize": s }, "data-content": l(c) });
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      ref: i,
+      className: m,
+      style: { "--iconSize": s },
+      "data-content": f(c),
+      role: "icon"
+    }
+  );
 });
 u.displayName = "Icon";
 export {

package/dist/components/base/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/base/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { unicodeToString } from '#utils/index';\n\nimport styles from './icon.module.scss';\nimport { EIconSize, IIconProps } from './types';\n\nexport const Icon = forwardRef<HTMLSpanElement, IIconProps>((props, ref) => {\n\tconst { className, code, type = 'light', size = 'default' } = props;\n\n\tconst iconSize = `${typeof size === 'number' ? size : EIconSize[size]}px`;\n\tconst IconClsx = clsx(\n\t\tstyles.icon,\n\t\ttype && styles[type],\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<span className={IconClsx} ref={ref} style={{ ['--iconSize'as string]: iconSize }} data-content={unicodeToString(code)} />\n\t);\n});\n\nIcon.displayName = 'Icon';\n"],"names":["Icon","forwardRef","props","ref","className","code","type","size","iconSize","EIconSize","IconClsx","clsx","styles","jsx","unicodeToString"],"mappings":";;;;;;;;AASO,MAAMA,IAAOC,EAAwC,CAACC,GAAOC,MAAQ;AAC3E,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,MAAAC,IAAO,SAAS,MAAAC,IAAO,UAAc,IAAAL,GAExDM,IAAW,GAAG,OAAOD,KAAS,WAAWA,IAAOE,EAAUF,CAAI,CAAC,MAC/DG,IAAWC;AAAA,IAChBC,EAAO;AAAA,IACPN,KAAQM,EAAON,CAAI;AAAA,IACnBF;AAAA,EAAA;AAGD,SACE,gBAAAS,EAAA,QAAA,EAAK,WAAWH,GAAU,KAAAP,GAAU,OAAO,EAAG,cAAwBK,EAAS,GAAG,gBAAcM,EAAgBT,CAAI,EAAG,CAAA;AAE1H,CAAC;AAEDL,EAAK,cAAc;"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/base/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { unicodeToString } from '#utils/index';\n\nimport styles from './icon.module.scss';\nimport { EIconSize, IIconProps } from './types';\n\nexport const Icon = forwardRef<HTMLSpanElement, IIconProps>((props, ref) => {\n\tconst { className, code, type = 'light', size = 'default' } = props;\n\n\tconst iconSize = `${typeof size === 'number' ? size : EIconSize[size]}px`;\n\tconst IconClsx = clsx(\n\t\tstyles.icon,\n\t\ttype && styles[type],\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<span\n\t\t\tref={ref}\n\t\t\tclassName={IconClsx}\n\t\t\tstyle={{ ['--iconSize'as string]: iconSize }}\n\t\t\tdata-content={unicodeToString(code)}\n\t\t\trole='icon'\n\t\t/>\n\t);\n});\n\nIcon.displayName = 'Icon';\n"],"names":["Icon","forwardRef","props","ref","className","code","type","size","iconSize","EIconSize","IconClsx","clsx","styles","jsx","unicodeToString"],"mappings":";;;;;;;;AASO,MAAMA,IAAOC,EAAwC,CAACC,GAAOC,MAAQ;AAC3E,QAAM,EAAE,WAAAC,GAAW,MAAAC,GAAM,MAAAC,IAAO,SAAS,MAAAC,IAAO,UAAc,IAAAL,GAExDM,IAAW,GAAG,OAAOD,KAAS,WAAWA,IAAOE,EAAUF,CAAI,CAAC,MAC/DG,IAAWC;AAAA,IAChBC,EAAO;AAAA,IACPN,KAAQM,EAAON,CAAI;AAAA,IACnBF;AAAA,EAAA;AAIA,SAAA,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAV;AAAA,MACA,WAAWO;AAAA,MACX,OAAO,EAAG,cAAwBF,EAAS;AAAA,MAC3C,gBAAcM,EAAgBT,CAAI;AAAA,MAClC,MAAK;AAAA,IAAA;AAAA,EAAA;AAGR,CAAC;AAEDL,EAAK,cAAc;"}

package/dist/components/base/Lottie/Lottie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIjG,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,4GAmCjB,CAAC"}
+{"version":3,"file":"Lottie.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIjG,OAAO,EAAe,YAAY,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,MAAM,4GAqCjB,CAAC"}

package/dist/components/base/Lottie/Lottie.js

@@ -1,44 +1,46 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { PlayMode as u, DotLottiePlayer as x, Controls as L } from "@dotlottie/react-player";
-import z from "clsx";
-import N from "./lottie.module.scss.js";
-import { ELottieSize as P } from "./types.js";
-const S = y((e) => {
+import { forwardRef as u } from "react";
+import { PlayMode as x, DotLottiePlayer as L, Controls as z } from "@dotlottie/react-player";
+import N from "clsx";
+import P from "./lottie.module.scss.js";
+import { ELottieSize as S } from "./types.js";
+const C = u((e, r) => {
   const {
-    className: r,
+    className: l,
     src: i,
     size: t = "default",
-    controls: l = !1,
-    autoPlay: s = !0,
-    loop: a = !0,
-    speed: m = 1,
-    direction: p = 1,
-    playMode: c = u.Normal,
+    controls: s = !1,
+    autoPlay: a = !0,
+    loop: m = !0,
+    speed: p = 1,
+    direction: c = 1,
+    playMode: f = x.Normal,
     renderer: n = "svg"
-  } = e, f = `${typeof t == "number" ? t : P[t]}px`, d = z(
-    N.lottie,
-    r
+  } = e, d = `${typeof t == "number" ? t : S[t]}px`, y = N(
+    P.lottie,
+    l
   );
   return /* @__PURE__ */ o(
-    x,
+    L,
     {
-      className: d,
+      lottieRef: r,
+      className: y,
+      style: { "--lottieSize": d },
       src: i,
-      autoplay: s,
-      loop: a,
-      speed: m,
-      direction: p,
-      playMode: c,
+      autoplay: a,
+      loop: m,
+      speed: p,
+      direction: c,
+      playMode: f,
       renderer: n,
-      style: { "--lottieSize": f },
-      children: l && /* @__PURE__ */ o(L, {})
+      role: "lottie",
+      children: s && /* @__PURE__ */ o(z, {})
     }
   );
 });
-S.displayName = "Lottie";
+C.displayName = "Lottie";
 export {
-  S as Lottie
+  C as Lottie
 };
 //# sourceMappingURL=Lottie.js.map

package/dist/components/base/Lottie/Lottie.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lottie.js","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport { DotLottiePlayer, Controls, PlayMode, DotLottieRefProps } from '@dotlottie/react-player';\nimport clsx from 'clsx';\n\nimport styles from './lottie.module.scss';\nimport { ELottieSize, TLottieProps } from './types';\n\nexport const Lottie = forwardRef<DotLottieRefProps, TLottieProps>((props) => {\n\tconst {\n\t\tclassName,\n\t\tsrc,\n\t\tsize = 'default',\n\t\tcontrols = false,\n\t\tautoPlay = true,\n\t\tloop = true,\n\t\tspeed = 1,\n\t\tdirection = 1,\n\t\tplayMode = PlayMode.Normal,\n\t\trenderer = 'svg',\n\t} = props;\n\n\tconst lottieSize = `${typeof size === 'number' ? size : ELottieSize[size]}px`;\n\tconst LottieClsx = clsx(\n\t\tstyles.lottie,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<DotLottiePlayer\n\t\t\tclassName={LottieClsx}\n\t\t\tsrc={src}\n\t\t\tautoplay={autoPlay}\n\t\t\tloop={loop}\n\t\t\tspeed={speed}\n\t\t\tdirection={direction}\n\t\t\tplayMode={playMode}\n\t\t\trenderer={renderer}\n\t\t\tstyle={{ ['--lottieSize'as string]: lottieSize }}\n\t\t>\n\t\t\t{controls && <Controls />}\n\t\t</DotLottiePlayer>\n\t);\n});\n\nLottie.displayName = 'Lottie';\n"],"names":["Lottie","forwardRef","props","className","src","size","controls","autoPlay","loop","speed","direction","playMode","PlayMode","renderer","lottieSize","ELottieSize","LottieClsx","clsx","styles","jsx","DotLottiePlayer","Controls"],"mappings":";;;;;;;AAQa,MAAAA,IAASC,EAA4C,CAACC,MAAU;AACtE,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWC,EAAS;AAAA,IACpB,UAAAC,IAAW;AAAA,EACR,IAAAX,GAEEY,IAAa,GAAG,OAAOT,KAAS,WAAWA,IAAOU,EAAYV,CAAI,CAAC,MACnEW,IAAaC;AAAA,IAClBC,EAAO;AAAA,IACPf;AAAA,EAAA;AAIA,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAWJ;AAAA,MACX,KAAAZ;AAAA,MACA,UAAUG;AAAA,MACV,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAE;AAAA,MACA,OAAO,EAAG,gBAA0BC,EAAW;AAAA,MAE9C,UAAAR,uBAAae,GAAS,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,CAAC;AAEDrB,EAAO,cAAc;"}
+{"version":3,"file":"Lottie.js","sources":["../../../../src/components/base/Lottie/Lottie.tsx"],"sourcesContent":["import { MutableRefObject, forwardRef } from 'react';\n\nimport { DotLottiePlayer, Controls, PlayMode, DotLottieRefProps } from '@dotlottie/react-player';\nimport clsx from 'clsx';\n\nimport styles from './lottie.module.scss';\nimport { ELottieSize, TLottieProps } from './types';\n\nexport const Lottie = forwardRef<DotLottieRefProps, TLottieProps>((props, ref) => {\n\tconst {\n\t\tclassName,\n\t\tsrc,\n\t\tsize = 'default',\n\t\tcontrols = false,\n\t\tautoPlay = true,\n\t\tloop = true,\n\t\tspeed = 1,\n\t\tdirection = 1,\n\t\tplayMode = PlayMode.Normal,\n\t\trenderer = 'svg',\n\t} = props;\n\n\tconst lottieSize = `${typeof size === 'number' ? size : ELottieSize[size]}px`;\n\tconst LottieClsx = clsx(\n\t\tstyles.lottie,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<DotLottiePlayer\n\t\t\tlottieRef={ref as MutableRefObject<DotLottieRefProps>}\n\t\t\tclassName={LottieClsx}\n\t\t\tstyle={{ ['--lottieSize'as string]: lottieSize }}\n\t\t\tsrc={src}\n\t\t\tautoplay={autoPlay}\n\t\t\tloop={loop}\n\t\t\tspeed={speed}\n\t\t\tdirection={direction}\n\t\t\tplayMode={playMode}\n\t\t\trenderer={renderer}\n\t\t\trole='lottie'\n\t\t>\n\t\t\t{controls && <Controls />}\n\t\t</DotLottiePlayer>\n\t);\n});\n\nLottie.displayName = 'Lottie';\n"],"names":["Lottie","forwardRef","props","ref","className","src","size","controls","autoPlay","loop","speed","direction","playMode","PlayMode","renderer","lottieSize","ELottieSize","LottieClsx","clsx","styles","jsx","DotLottiePlayer","Controls"],"mappings":";;;;;;;AAQO,MAAMA,IAASC,EAA4C,CAACC,GAAOC,MAAQ;AAC3E,QAAA;AAAA,IACL,WAAAC;AAAA,IACA,KAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,IACX,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,UAAAC,IAAWC,EAAS;AAAA,IACpB,UAAAC,IAAW;AAAA,EACR,IAAAZ,GAEEa,IAAa,GAAG,OAAOT,KAAS,WAAWA,IAAOU,EAAYV,CAAI,CAAC,MACnEW,IAAaC;AAAA,IAClBC,EAAO;AAAA,IACPf;AAAA,EAAA;AAIA,SAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACA,WAAWlB;AAAA,MACX,WAAWc;AAAA,MACX,OAAO,EAAG,gBAA0BF,EAAW;AAAA,MAC/C,KAAAV;AAAA,MACA,UAAUG;AAAA,MACV,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,WAAAC;AAAA,MACA,UAAAC;AAAA,MACA,UAAAE;AAAA,MACA,MAAK;AAAA,MAEJ,UAAAP,uBAAae,GAAS,CAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAG1B,CAAC;AAEDtB,EAAO,cAAc;"}

package/dist/components/base/ProgressBar/ProgressBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,8GAgBtB,CAAC"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,WAAW,8GAoBtB,CAAC"}

package/dist/components/base/ProgressBar/ProgressBar.js

@@ -1,15 +1,23 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import p from "clsx";
-import s from "./progressbar.module.scss.js";
-const c = n((o, t) => {
-  const { className: a, progress: m = 100, intermediate: r = !1 } = o, i = r ? 150 : Math.min(Math.max(m, 0), 100), l = p(
-    s.progressBar,
-    r && s.intermediate,
+import { forwardRef as p } from "react";
+import n from "clsx";
+import r from "./progressbar.module.scss.js";
+const c = p((o, t) => {
+  const { className: a, progress: m = 100, intermediate: s = !1 } = o, i = s ? 150 : Math.min(Math.max(m, 0), 100), l = n(
+    r.progressBar,
+    s && r.intermediate,
     a
   );
-  return /* @__PURE__ */ e("div", { className: l, ref: t, children: /* @__PURE__ */ e("span", { className: s.progress, style: { width: `${i}%` } }) });
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      ref: t,
+      className: l,
+      role: "progress",
+      children: /* @__PURE__ */ e("span", { className: r.progress, style: { width: `${i}%` } })
+    }
+  );
 });
 c.displayName = "ProgressBar";
 export {

package/dist/components/base/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/base/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport styles from './progressbar.module.scss';\nimport { IProgressBarProps } from './types';\n\nexport const ProgressBar = forwardRef<HTMLDivElement, IProgressBarProps>((props, ref) => {\n\tconst { className, progress = 100, intermediate = false } = props;\n\n\tconst progressWidth = intermediate ? 150 : Math.min(Math.max(progress, 0), 100);\n\n\tconst ProgressClsx = clsx(\n\t\tstyles.progressBar,\n\t\tintermediate && styles.intermediate,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<div className={ProgressClsx} ref={ref}>\n\t\t\t<span className={styles.progress} style={{ width: `${progressWidth}%` }} />\n\t\t</div>\n\t);\n});\n\nProgressBar.displayName = 'ProgressBar';\n"],"names":["ProgressBar","forwardRef","props","ref","className","progress","intermediate","progressWidth","ProgressClsx","clsx","styles"],"mappings":";;;;;AAOO,MAAMA,IAAcC,EAA8C,CAACC,GAAOC,MAAQ;AACxF,QAAM,EAAE,WAAAC,GAAW,UAAAC,IAAW,KAAK,cAAAC,IAAe,GAAU,IAAAJ,GAEtDK,IAAgBD,IAAe,MAAM,KAAK,IAAI,KAAK,IAAID,GAAU,CAAC,GAAG,GAAG,GAExEG,IAAeC;AAAA,IACpBC,EAAO;AAAA,IACPJ,KAAgBI,EAAO;AAAA,IACvBN;AAAA,EAAA;AAGD,2BACE,OAAI,EAAA,WAAWI,GAAc,KAAAL,GAC7B,4BAAC,QAAK,EAAA,WAAWO,EAAO,UAAU,OAAO,EAAE,OAAO,GAAGH,CAAa,IAAA,GAAO,EAC1E,CAAA;AAEF,CAAC;AAEDP,EAAY,cAAc;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../../src/components/base/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport styles from './progressbar.module.scss';\nimport { IProgressBarProps } from './types';\n\nexport const ProgressBar = forwardRef<HTMLDivElement, IProgressBarProps>((props, ref) => {\n\tconst { className, progress = 100, intermediate = false } = props;\n\n\tconst progressWidth = intermediate ? 150 : Math.min(Math.max(progress, 0), 100);\n\n\tconst ProgressClsx = clsx(\n\t\tstyles.progressBar,\n\t\tintermediate && styles.intermediate,\n\t\tclassName,\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={ProgressClsx}\n\t\t\trole='progress'\n\t\t>\n\t\t\t<span className={styles.progress} style={{ width: `${progressWidth}%` }} />\n\t\t</div>\n\t);\n});\n\nProgressBar.displayName = 'ProgressBar';\n"],"names":["ProgressBar","forwardRef","props","ref","className","progress","intermediate","progressWidth","ProgressClsx","clsx","styles","jsx"],"mappings":";;;;;AAOO,MAAMA,IAAcC,EAA8C,CAACC,GAAOC,MAAQ;AACxF,QAAM,EAAE,WAAAC,GAAW,UAAAC,IAAW,KAAK,cAAAC,IAAe,GAAU,IAAAJ,GAEtDK,IAAgBD,IAAe,MAAM,KAAK,IAAI,KAAK,IAAID,GAAU,CAAC,GAAG,GAAG,GAExEG,IAAeC;AAAA,IACpBC,EAAO;AAAA,IACPJ,KAAgBI,EAAO;AAAA,IACvBN;AAAA,EAAA;AAIA,SAAA,gBAAAO;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAR;AAAA,MACA,WAAWK;AAAA,MACX,MAAK;AAAA,MAEL,UAAA,gBAAAG,EAAC,QAAK,EAAA,WAAWD,EAAO,UAAU,OAAO,EAAE,OAAO,GAAGH,CAAa,IAAO,EAAA,CAAA;AAAA,IAAA;AAAA,EAAA;AAG5E,CAAC;AAEDP,EAAY,cAAc;"}

package/dist/components/base/Spinner/Spinner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Spinner/Spinner.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,OAAO,0GAwBlB,CAAC"}
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Spinner/Spinner.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAgB,aAAa,EAAE,MAAM,SAAS,CAAC;AAEtD,eAAO,MAAM,OAAO,0GA6BlB,CAAC"}

package/dist/components/base/Spinner/Spinner.js

@@ -4,24 +4,33 @@ import { forwardRef as t } from "react";
 import f from "clsx";
 import e from "./spinner.module.scss.js";
 import { ESpinnerSize as u } from "./types.js";
-const d = t((c, l) => {
-  const { className: p, label: i, size: a = "default", fullpage: r = !1 } = c, m = `${typeof a == "number" ? a : u[a]}px`, o = f(
+const d = t((l, c) => {
+  const { className: p, label: i, size: a = "default", fullpage: r = !1 } = l, m = `${typeof a == "number" ? a : u[a]}px`, o = f(
     e.spinner,
     p,
     r && e.fullpage
   );
-  return /* @__PURE__ */ n("div", { className: o, ref: l, style: { "--spinnerSize": m }, children: [
-    /* @__PURE__ */ n("div", { className: e.spinnerWrapper, children: [
-      /* @__PURE__ */ s("div", { className: e.cubeTop }),
-      /* @__PURE__ */ n("div", { className: e.cubeWrapper, children: [
-        /* @__PURE__ */ s("span", { className: e.cubeFace }),
-        /* @__PURE__ */ s("span", { className: e.cubeFace }),
-        /* @__PURE__ */ s("span", { className: e.cubeFace }),
-        /* @__PURE__ */ s("span", { className: e.cubeFace })
-      ] })
-    ] }),
-    r && /* @__PURE__ */ s("span", { className: e.label, children: i })
-  ] });
+  return /* @__PURE__ */ n(
+    "div",
+    {
+      ref: c,
+      className: o,
+      style: { "--spinnerSize": m },
+      role: "spinner",
+      children: [
+        /* @__PURE__ */ n("div", { className: e.spinnerWrapper, children: [
+          /* @__PURE__ */ s("div", { className: e.cubeTop }),
+          /* @__PURE__ */ n("div", { className: e.cubeWrapper, children: [
+            /* @__PURE__ */ s("span", { className: e.cubeFace }),
+            /* @__PURE__ */ s("span", { className: e.cubeFace }),
+            /* @__PURE__ */ s("span", { className: e.cubeFace }),
+            /* @__PURE__ */ s("span", { className: e.cubeFace })
+          ] })
+        ] }),
+        r && /* @__PURE__ */ s("span", { className: e.label, children: i })
+      ]
+    }
+  );
 });
 d.displayName = "Spinner";
 export {

package/dist/components/base/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../src/components/base/Spinner/Spinner.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport styles from './spinner.module.scss';\nimport { ESpinnerSize, ISpinnerProps } from './types';\n\nexport const Spinner = forwardRef<HTMLDivElement, ISpinnerProps>((props, ref) => {\n\tconst { className, label, size = 'default', fullpage = false } = props;\n\n\tconst spinnerSize = `${typeof size === 'number' ? size : ESpinnerSize[size]}px`;\n\tconst SpinnerClsx = clsx(\n\t\tstyles.spinner,\n\t\tclassName,\n\t\tfullpage && styles.fullpage,\n\t);\n\n\treturn (\n\t\t<div className={SpinnerClsx} ref={ref} style={{ ['--spinnerSize'as string]: spinnerSize }}>\n\t\t\t<div className={styles.spinnerWrapper}>\n\t\t\t\t<div className={styles.cubeTop} />\n\t\t\t\t<div className={styles.cubeWrapper}>\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{fullpage && <span className={styles.label}>{label}</span>}\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n"],"names":["Spinner","forwardRef","props","ref","className","label","size","fullpage","spinnerSize","ESpinnerSize","SpinnerClsx","clsx","styles","jsxs","jsx"],"mappings":";;;;;;AAOO,MAAMA,IAAUC,EAA0C,CAACC,GAAOC,MAAQ;AAChF,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,MAAAC,IAAO,WAAW,UAAAC,IAAW,GAAU,IAAAL,GAE3DM,IAAc,GAAG,OAAOF,KAAS,WAAWA,IAAOG,EAAaH,CAAI,CAAC,MACrEI,IAAcC;AAAA,IACnBC,EAAO;AAAA,IACPR;AAAA,IACAG,KAAYK,EAAO;AAAA,EAAA;AAInB,SAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWH,GAAa,KAAAP,GAAU,OAAO,EAAG,iBAA2BK,EAAA,GAC3E,UAAA;AAAA,IAAC,gBAAAK,EAAA,OAAA,EAAI,WAAWD,EAAO,gBACtB,UAAA;AAAA,MAAC,gBAAAE,EAAA,OAAA,EAAI,WAAWF,EAAO,QAAS,CAAA;AAAA,MAC/B,gBAAAC,EAAA,OAAA,EAAI,WAAWD,EAAO,aACtB,UAAA;AAAA,QAAC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,QACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,QACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,QACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,MAAA,GACnC;AAAA,IAAA,GACD;AAAA,IACCL,KAAa,gBAAAO,EAAA,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAMP,GAAA;AAAA,EACpD,EAAA,CAAA;AAEF,CAAC;AAEDL,EAAQ,cAAc;"}
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/base/Spinner/Spinner.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport styles from './spinner.module.scss';\nimport { ESpinnerSize, ISpinnerProps } from './types';\n\nexport const Spinner = forwardRef<HTMLDivElement, ISpinnerProps>((props, ref) => {\n\tconst { className, label, size = 'default', fullpage = false } = props;\n\n\tconst spinnerSize = `${typeof size === 'number' ? size : ESpinnerSize[size]}px`;\n\tconst SpinnerClsx = clsx(\n\t\tstyles.spinner,\n\t\tclassName,\n\t\tfullpage && styles.fullpage,\n\t);\n\n\treturn (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={SpinnerClsx}\n\t\t\tstyle={{ ['--spinnerSize'as string]: spinnerSize }}\n\t\t\trole='spinner'\n\t\t>\n\t\t\t<div className={styles.spinnerWrapper}>\n\t\t\t\t<div className={styles.cubeTop} />\n\t\t\t\t<div className={styles.cubeWrapper}>\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t\t<span className={styles.cubeFace} />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t{fullpage && <span className={styles.label}>{label}</span>}\n\t\t</div>\n\t);\n});\n\nSpinner.displayName = 'Spinner';\n"],"names":["Spinner","forwardRef","props","ref","className","label","size","fullpage","spinnerSize","ESpinnerSize","SpinnerClsx","clsx","styles","jsxs","jsx"],"mappings":";;;;;;AAOO,MAAMA,IAAUC,EAA0C,CAACC,GAAOC,MAAQ;AAChF,QAAM,EAAE,WAAAC,GAAW,OAAAC,GAAO,MAAAC,IAAO,WAAW,UAAAC,IAAW,GAAU,IAAAL,GAE3DM,IAAc,GAAG,OAAOF,KAAS,WAAWA,IAAOG,EAAaH,CAAI,CAAC,MACrEI,IAAcC;AAAA,IACnBC,EAAO;AAAA,IACPR;AAAA,IACAG,KAAYK,EAAO;AAAA,EAAA;AAInB,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAAV;AAAA,MACA,WAAWO;AAAA,MACX,OAAO,EAAG,iBAA2BF,EAAY;AAAA,MACjD,MAAK;AAAA,MAEL,UAAA;AAAA,QAAC,gBAAAK,EAAA,OAAA,EAAI,WAAWD,EAAO,gBACtB,UAAA;AAAA,UAAC,gBAAAE,EAAA,OAAA,EAAI,WAAWF,EAAO,QAAS,CAAA;AAAA,UAC/B,gBAAAC,EAAA,OAAA,EAAI,WAAWD,EAAO,aACtB,UAAA;AAAA,YAAC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,YACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,YACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,YACjC,gBAAAE,EAAA,QAAA,EAAK,WAAWF,EAAO,SAAU,CAAA;AAAA,UAAA,GACnC;AAAA,QAAA,GACD;AAAA,QACCL,KAAa,gBAAAO,EAAA,QAAA,EAAK,WAAWF,EAAO,OAAQ,UAAMP,GAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGtD,CAAC;AAEDL,EAAQ,cAAc;"}

package/dist/components/base/Textfield/Textfield.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,SAAS,8GAwDpB,CAAC"}
+{"version":3,"file":"Textfield.d.ts","sourceRoot":"","sources":["../../../../src/components/base/Textfield/Textfield.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE1C,eAAO,MAAM,SAAS,8GA4DpB,CAAC"}