se-design 0.0.110 → 0.0.112

package/dist/index39.js

@@ -1,57 +1,69 @@
-import e, { useState as f, useEffect as g } from "react";
-import { Icon as o } from "./index4.js";
+var v = Object.defineProperty;
+var n = Object.getOwnPropertySymbols;
+var x = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable;
+var i = (r, e, t) => e in r ? v(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t, l = (r, e) => {
+  for (var t in e || (e = {}))
+    x.call(e, t) && i(r, t, e[t]);
+  if (n)
+    for (var t of n(e))
+      w.call(e, t) && i(r, t, e[t]);
+  return r;
+};
+import a, { useState as b, useEffect as E } from "react";
+import { Icon as m } from "./index4.js";
 /* empty css         */
-const t = {
-  toastBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap",
+const s = {
+  toastBarCtn: "min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap z-[1200]",
   success: "linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)",
   error: "linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)",
   info: "var(--color-gray-700)",
   toastMessageCtn: "flex items-center gap-2",
   toastMessage: "text-[var(--color-white)] text-center word-break",
   closeIconCtn: "absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1"
-}, x = ({
-  toastBarCtnClassName: c = "",
-  toastType: a,
-  toastMessage: n = "",
-  shouldAutoClose: i = !1,
-  delay: l = 5e3,
-  onClose: r = () => {
-  }
+}, M = ({
+  toastBarCtnClassName: r = "",
+  type: e,
+  message: t = "",
+  shouldAutoClose: u = !1,
+  delay: d = 5e3,
+  onClose: o = () => {
+  },
+  containerStyle: f = {}
 }) => {
-  const [m, u] = f(!0);
-  g(() => {
-    if (i) {
-      const d = setTimeout(() => {
-        s();
-      }, l);
-      return () => clearTimeout(d);
+  const [g, p] = b(!0);
+  E(() => {
+    if (u) {
+      const h = setTimeout(() => {
+        c();
+      }, d);
+      return () => clearTimeout(h);
     }
   }, []);
-  const s = () => {
+  const c = () => {
     setTimeout(() => {
-      u(!1), setTimeout(() => {
-        r == null || r();
+      p(!1), setTimeout(() => {
+        o == null || o();
       }, 300);
     }, 300);
   };
-  return /* @__PURE__ */ e.createElement("div", {
-    className: `se-design-toast-bar ${c} ${t.toastBarCtn} ${m ? "show" : "hide"}`,
-    style: {
-      background: t[a]
-    }
-  }, /* @__PURE__ */ e.createElement("div", {
-    className: t.toastMessageCtn
-  }, /* @__PURE__ */ e.createElement(o, {
-    name: a === "info" ? "info-white" : "checked-circle-white"
-  }), /* @__PURE__ */ e.createElement("span", {
-    className: t.toastMessage
-  }, n)), /* @__PURE__ */ e.createElement(o, {
+  return /* @__PURE__ */ a.createElement("div", {
+    className: `se-design-toast-bar ${r} ${s.toastBarCtn} ${g ? "show" : "hide"}`,
+    style: l({
+      background: s[e]
+    }, f)
+  }, /* @__PURE__ */ a.createElement("div", {
+    className: s.toastMessageCtn
+  }, /* @__PURE__ */ a.createElement(m, {
+    name: e === "info" ? "info-white" : "checked-circle-white"
+  }), /* @__PURE__ */ a.createElement("span", {
+    className: s.toastMessage
+  }, t)), /* @__PURE__ */ a.createElement(m, {
     name: "white-close",
-    className: t.closeIconCtn,
-    onClick: s
+    className: s.closeIconCtn,
+    onClick: c
   }));
 };
 export {
-  x as ToastBar
+  M as ToastBar
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/components/ToastBar/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface ToastBarProps {\n  toastBarCtnClassName?: string;\n  toastType: \"success\" | \"error\" | \"info\";\n  toastMessage: string;\n  shouldAutoClose?: boolean;\n  delay?: number;\n  onClose?: () => void;\n}\n\nconst classNames: Map = {\n  toastBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap\",\n  success: \"linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)\",\n  error: \"linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)\",\n  info: \"var(--color-gray-700)\", \n  toastMessageCtn: \"flex items-center gap-2\",\n  toastMessage: \"text-[var(--color-white)] text-center word-break\",\n  closeIconCtn: \"absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1\",\n};\n\nexport const ToastBar: FC<ToastBarProps> = ({\n  toastBarCtnClassName = \"\",\n  toastType,\n  toastMessage = \"\",\n  shouldAutoClose = false,\n  delay = 5000,\n  onClose = () => {}\n}) => {\n  const [visible, setVisible] = useState(true);\n\n  useEffect(() => {\n    if (shouldAutoClose) {\n      const timer = setTimeout(() => {\n        handleClose();\n      }, delay);\n      return () => clearTimeout(timer);\n    }\n  }, []);\n\n  const handleClose = () => {\n    setTimeout(() => {\n      setVisible(false);\n      setTimeout(() => {\n        onClose?.();\n      }, 300);\n    }, 300);\n  };\n\n  return (\n    <div\n      className={`se-design-toast-bar ${toastBarCtnClassName} ${classNames.toastBarCtn} ${visible ? \"show\" : \"hide\"}`}\n      style={{ background: classNames[toastType] }}\n    >\n      <div className={classNames.toastMessageCtn} >\n        <Icon name={toastType === \"info\" ? \"info-white\" : \"checked-circle-white\"} />\n        <span className={classNames.toastMessage}>{toastMessage}</span>\n      </div>\n      <Icon name=\"white-close\" className={classNames.closeIconCtn} onClick={handleClose} />\n    </div>\n  );\n};"],"names":["React__default","useState","useEffect","Icon","classNames","toastBarCtn","success","error","info","toastMessageCtn","toastMessage","closeIconCtn","ToastBar","toastBarCtnClassName","toastType","shouldAutoClose","delay","onClose","visible","setVisible","timer","setTimeout","handleClose","clearTimeout","React","createElement","className","style","background","name","onClick"],"mappings":"AAcA,OAAAA,KAAA,YAAAC,GAAA,aAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,cAAc;AAChB,GAEaC,IAA8BA,CAAC;AAAA,EAC1CC,sBAAAA,IAAuB;AAAA,EACvBC,WAAAA;AAAAA,EACAJ,cAAAA,IAAe;AAAA,EACfK,iBAAAA,IAAkB;AAAA,EAClBC,OAAAA,IAAQ;AAAA,EACRC,SAAAA,IAAUA,MAAM;AAAA,EAAA;AAClB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIlB,EAAS,EAAI;AAE3CC,EAAAA,EAAU,MAAM;AACd,QAAIa,GAAiB;AACbK,YAAAA,IAAQC,WAAW,MAAM;AACjB,QAAAC,EAAA;AAAA,SACXN,CAAK;AACD,aAAA,MAAMO,aAAaH,CAAK;AAAA,IAAA;AAAA,EAEnC,GAAG,EAAE;AAEL,QAAME,IAAcA,MAAM;AACxBD,eAAW,MAAM;AACfF,MAAAA,EAAW,EAAK,GAChBE,WAAW,MAAM;AACL,QAAAJ,KAAA,QAAAA;AAAA,SACT,GAAG;AAAA,OACL,GAAG;AAAA,EACR;AAGEO,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,uBAAuBb,CAAoB,IAAIT,EAAWC,WAAW,IAAIa,IAAU,SAAS,MAAM;AAAA,IAC7GS,OAAO;AAAA,MAAEC,YAAYxB,EAAWU,CAAS;AAAA,IAAA;AAAA,EAAE,GAE3CW,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWtB,EAAWK;AAAAA,EAAAA,GACzBgB,gBAAAA,EAAAA,cAACtB,GAAI;AAAA,IAAC0B,MAAMf,MAAc,SAAS,eAAe;AAAA,EAAA,CAAyB,GAC3EW,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWtB,EAAWM;AAAAA,KAAeA,CAAmB,CAC3D,GACLc,gBAAAA,EAAAC,cAACtB,GAAI;AAAA,IAAC0B,MAAK;AAAA,IAAcH,WAAWtB,EAAWO;AAAAA,IAAcmB,SAASR;AAAAA,EAAAA,CAAc,CACjF;AAET;"}
+{"version":3,"file":"index39.js","sources":["../src/components/ToastBar/index.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { Map } from \"../../utils/common.types\";\nimport { Icon } from \"../Icon\";\nimport \"./style.scss\";\n\nexport interface ToastBarProps {\n  toastBarCtnClassName?: string;\n  type: \"success\" | \"error\" | \"info\";\n  message: string;\n  shouldAutoClose?: boolean;\n  delay?: number;\n  onClose?: () => void;\n  containerStyle?: React.CSSProperties;\n}\n\nconst classNames: Map = {\n  toastBarCtn: \"min-h-[45px] fixed top-0 w-full flex items-center justify-center flex-wrap z-[1200]\",\n  success: \"linear-gradient(90deg, var(--color-green-700) 0%, var(--color-green-400) 100%)\",\n  error: \"linear-gradient(90deg, var(--color-red-700) 0%, var(--color-red-500) 100%)\",\n  info: \"var(--color-gray-700)\", \n  toastMessageCtn: \"flex items-center gap-2\",\n  toastMessage: \"text-[var(--color-white)] text-center word-break\",\n  closeIconCtn: \"absolute right-[12px] cursor-pointer cursor-pointer hover:bg-[var(--color-gray-500)] rounded-full p-1\",\n};\n\nexport const ToastBar: FC<ToastBarProps> = ({\n  toastBarCtnClassName = \"\",\n  type,\n  message = \"\",\n  shouldAutoClose = false,\n  delay = 5000,\n  onClose = () => {},\n  containerStyle = {}\n}) => {\n  const [visible, setVisible] = useState(true);\n\n  useEffect(() => {\n    if (shouldAutoClose) {\n      const timer = setTimeout(() => {\n        handleClose();\n      }, delay);\n      return () => clearTimeout(timer);\n    }\n  }, []);\n\n  const handleClose = () => {\n    setTimeout(() => {\n      setVisible(false);\n      setTimeout(() => {\n        onClose?.();\n      }, 300);\n    }, 300);\n  };\n\n  return (\n    <div\n      className={`se-design-toast-bar ${toastBarCtnClassName} ${classNames.toastBarCtn} ${visible ? \"show\" : \"hide\"}`}\n      style={{ background: classNames[type], ...containerStyle }}\n    >\n      <div className={classNames.toastMessageCtn} >\n        <Icon name={type === \"info\" ? \"info-white\" : \"checked-circle-white\"} />\n        <span className={classNames.toastMessage}>{message}</span>\n      </div>\n      <Icon name=\"white-close\" className={classNames.closeIconCtn} onClick={handleClose} />\n    </div>\n  );\n};"],"names":["React__default","useState","useEffect","Icon","classNames","toastBarCtn","success","error","info","toastMessageCtn","toastMessage","closeIconCtn","ToastBar","toastBarCtnClassName","type","message","shouldAutoClose","delay","onClose","containerStyle","visible","setVisible","timer","setTimeout","handleClose","clearTimeout","React","createElement","className","style","__spreadValues","background","name","onClick"],"mappings":";;;;;;;;;;;AAeA,OAAAA,KAAA,YAAAC,GAAA,aAAAC,SAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,MAAMC,IAAkB;AAAA,EACtBC,aAAa;AAAA,EACbC,SAAS;AAAA,EACTC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,iBAAiB;AAAA,EACjBC,cAAc;AAAA,EACdC,cAAc;AAChB,GAEaC,IAA8BA,CAAC;AAAA,EAC1CC,sBAAAA,IAAuB;AAAA,EACvBC,MAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,iBAAAA,IAAkB;AAAA,EAClBC,OAAAA,IAAQ;AAAA,EACRC,SAAAA,IAAUA,MAAM;AAAA,EAAC;AAAA,EACjBC,gBAAAA,IAAiB,CAAA;AACnB,MAAM;AACJ,QAAM,CAACC,GAASC,CAAU,IAAIpB,EAAS,EAAI;AAE3CC,EAAAA,EAAU,MAAM;AACd,QAAIc,GAAiB;AACbM,YAAAA,IAAQC,WAAW,MAAM;AACjB,QAAAC,EAAA;AAAA,SACXP,CAAK;AACD,aAAA,MAAMQ,aAAaH,CAAK;AAAA,IAAA;AAAA,EAEnC,GAAG,EAAE;AAEL,QAAME,IAAcA,MAAM;AACxBD,eAAW,MAAM;AACfF,MAAAA,EAAW,EAAK,GAChBE,WAAW,MAAM;AACL,QAAAL,KAAA,QAAAA;AAAA,SACT,GAAG;AAAA,OACL,GAAG;AAAA,EACR;AAGEQ,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEC,WAAW,uBAAuBf,CAAoB,IAAIT,EAAWC,WAAW,IAAIe,IAAU,SAAS,MAAM;AAAA,IAC7GS,OAAOC,EAAA;AAAA,MAAEC,YAAY3B,EAAWU,CAAI;AAAA,OAAMK;AAAAA,EAAe,GAEzDQ,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAWxB,EAAWK;AAAAA,EAAAA,GACzBkB,gBAAAA,EAAAA,cAACxB,GAAI;AAAA,IAAC6B,MAAMlB,MAAS,SAAS,eAAe;AAAA,EAAA,CAAyB,GACtEa,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMC,WAAWxB,EAAWM;AAAAA,KAAeK,CAAc,CACtD,GACLW,gBAAAA,EAAAC,cAACxB,GAAI;AAAA,IAAC6B,MAAK;AAAA,IAAcJ,WAAWxB,EAAWO;AAAAA,IAAcsB,SAAST;AAAAA,EAAAA,CAAc,CACjF;AAET;"}

package/dist/index4.js

@@ -1,146 +1,170 @@
-import v from "./index44.js";
 import l from "./index45.js";
-import a from "./index46.js";
-import n from "./index47.js";
+import n from "./index46.js";
+import f from "./index47.js";
 import b from "./index48.js";
-import f from "./index49.js";
-import p from "./index50.js";
-import d from "./index51.js";
-import h from "./index52.js";
-import k from "./index53.js";
-import u from "./index54.js";
-import x from "./index55.js";
-import w from "./index56.js";
-import A from "./index57.js";
-import I from "./index58.js";
+import p from "./index49.js";
+import d from "./index50.js";
+import h from "./index51.js";
+import k from "./index52.js";
+import u from "./index53.js";
+import x from "./index54.js";
+import w from "./index55.js";
+import A from "./index56.js";
+import I from "./index57.js";
+import C from "./index58.js";
 import E from "./index59.js";
 import F from "./index60.js";
 import N from "./index61.js";
-import C from "./index62.js";
+import $ from "./index62.js";
 import O from "./index63.js";
-import $ from "./index64.js";
+import R from "./index64.js";
 import j from "./index65.js";
 import y from "./index66.js";
 import M from "./index67.js";
 import P from "./index68.js";
-import R from "./index69.js";
-import S from "./index70.js";
-import G from "./index71.js";
-import T from "./index72.js";
-import V from "./index73.js";
-import q from "./index74.js";
-import z from "./index75.js";
-import B from "./index76.js";
-import D from "./index77.js";
-import H from "./index78.js";
-import J from "./index79.js";
-import K from "./index80.js";
-import L from "./index81.js";
-import Q from "./index82.js";
-import U from "./index83.js";
-import W from "./index84.js";
-import X from "./index85.js";
-import Y from "./index86.js";
-import Z from "./index87.js";
-import ss from "./index88.js";
-import os from "./index89.js";
-import _s from "./index90.js";
+import S from "./index69.js";
+import G from "./index70.js";
+import T from "./index71.js";
+import V from "./index72.js";
+import q from "./index73.js";
+import z from "./index74.js";
+import B from "./index75.js";
+import D from "./index76.js";
+import H from "./index77.js";
+import J from "./index78.js";
+import K from "./index79.js";
+import L from "./index80.js";
+import Q from "./index81.js";
+import U from "./index82.js";
+import W from "./index83.js";
+import X from "./index84.js";
+import Y from "./index85.js";
+import Z from "./index86.js";
+import ss from "./index87.js";
+import os from "./index88.js";
+import _s from "./index89.js";
+import ts from "./index90.js";
 import is from "./index91.js";
-import ts from "./index92.js";
-import rs from "./index93.js";
-import es from "./index94.js";
-import cs from "./index95.js";
-import ms from "./index96.js";
-import gs from "./index97.js";
-import vs from "./index98.js";
+import rs from "./index92.js";
+import es from "./index93.js";
+import cs from "./index94.js";
+import ms from "./index95.js";
+import gs from "./index96.js";
+import vs from "./index97.js";
+import as from "./index98.js";
 import ls from "./index99.js";
-import as from "./index100.js";
-import ns from "./index101.js";
+import ns from "./index100.js";
+import fs from "./index101.js";
+import bs from "./index102.js";
+import ps from "./index103.js";
+import ds from "./index104.js";
+import hs from "./index105.js";
+import ks from "./index106.js";
+import us from "./index107.js";
+import xs from "./index108.js";
+import ws from "./index109.js";
+import As from "./index110.js";
+import Is from "./index111.js";
 import r from "react";
-import { ReactSVG as bs } from "./index102.js";
-const fs = /* @__PURE__ */ Object.assign({
-  "/src/assets/icons/attachment.svg": v,
-  "/src/assets/icons/back.svg": l,
-  "/src/assets/icons/banner-demo-img.svg": a,
-  "/src/assets/icons/checkbox-disabled-minus.svg": n,
-  "/src/assets/icons/checkbox-disabled-tick.svg": b,
-  "/src/assets/icons/checkbox-disabled.svg": f,
-  "/src/assets/icons/checkbox-field.svg": p,
-  "/src/assets/icons/checkbox-fill.svg": d,
-  "/src/assets/icons/checkbox-hover-fill.svg": h,
-  "/src/assets/icons/checkbox-hover-minus.svg": k,
-  "/src/assets/icons/checkbox-hover-tick.svg": u,
-  "/src/assets/icons/checkbox-minus.svg": x,
-  "/src/assets/icons/checkbox-tick.svg": w,
-  "/src/assets/icons/checked-circle-disabled.svg": A,
-  "/src/assets/icons/checked-circle-green.svg": I,
-  "/src/assets/icons/checked-circle-white.svg": E,
-  "/src/assets/icons/checkmark.svg": F,
-  "/src/assets/icons/clock.svg": N,
-  "/src/assets/icons/close.svg": C,
-  "/src/assets/icons/date-field.svg": O,
-  "/src/assets/icons/delete.svg": $,
-  "/src/assets/icons/docFile.svg": j,
-  "/src/assets/icons/down.svg": y,
-  "/src/assets/icons/download.svg": M,
-  "/src/assets/icons/email-field.svg": P,
-  "/src/assets/icons/email.svg": R,
-  "/src/assets/icons/file-red.svg": S,
-  "/src/assets/icons/folder.svg": G,
-  "/src/assets/icons/hamburger.svg": T,
-  "/src/assets/icons/home.svg": V,
-  "/src/assets/icons/info-brown.svg": q,
-  "/src/assets/icons/info-white.svg": z,
-  "/src/assets/icons/initials-field.svg": B,
-  "/src/assets/icons/kebab-menu-blue.svg": D,
-  "/src/assets/icons/kebab-menu.svg": H,
-  "/src/assets/icons/name-field.svg": J,
-  "/src/assets/icons/next.svg": K,
-  "/src/assets/icons/padlock.svg": L,
-  "/src/assets/icons/pages.svg": Q,
-  "/src/assets/icons/pdfFile.svg": U,
-  "/src/assets/icons/people.svg": W,
-  "/src/assets/icons/photo.svg": X,
-  "/src/assets/icons/radio-field.svg": Y,
-  "/src/assets/icons/rightSide.svg": Z,
-  "/src/assets/icons/rounded-plus.svg": ss,
-  "/src/assets/icons/search.svg": os,
-  "/src/assets/icons/signature-field.svg": _s,
-  "/src/assets/icons/slideout.svg": is,
-  "/src/assets/icons/sms.svg": ts,
-  "/src/assets/icons/sort.svg": rs,
-  "/src/assets/icons/space.svg": es,
-  "/src/assets/icons/stamp-field.svg": cs,
-  "/src/assets/icons/text-field.svg": ms,
-  "/src/assets/icons/tick.svg": gs,
-  "/src/assets/icons/title-field.svg": vs,
-  "/src/assets/icons/webinar-widget.svg": ls,
-  "/src/assets/icons/white-close.svg": as,
-  "/src/assets/icons/widget-demo-image.svg": ns
+import { ReactSVG as Cs } from "./index112.js";
+const Es = /* @__PURE__ */ Object.assign({
+  "/src/assets/icons/attachment.svg": l,
+  "/src/assets/icons/back.svg": n,
+  "/src/assets/icons/banner-demo-img.svg": f,
+  "/src/assets/icons/checkbox-disabled-minus.svg": b,
+  "/src/assets/icons/checkbox-disabled-tick.svg": p,
+  "/src/assets/icons/checkbox-disabled.svg": d,
+  "/src/assets/icons/checkbox-field.svg": h,
+  "/src/assets/icons/checkbox-fill.svg": k,
+  "/src/assets/icons/checkbox-hover-fill.svg": u,
+  "/src/assets/icons/checkbox-hover-minus.svg": x,
+  "/src/assets/icons/checkbox-hover-tick.svg": w,
+  "/src/assets/icons/checkbox-minus.svg": A,
+  "/src/assets/icons/checkbox-tick.svg": I,
+  "/src/assets/icons/checked-circle-disabled.svg": C,
+  "/src/assets/icons/checked-circle-green.svg": E,
+  "/src/assets/icons/checked-circle-white.svg": F,
+  "/src/assets/icons/checkmark.svg": N,
+  "/src/assets/icons/chevron-down.svg": $,
+  "/src/assets/icons/clock.svg": O,
+  "/src/assets/icons/close.svg": R,
+  "/src/assets/icons/date-field.svg": j,
+  "/src/assets/icons/delete.svg": y,
+  "/src/assets/icons/docFile.svg": M,
+  "/src/assets/icons/download.svg": P,
+  "/src/assets/icons/edit-text.svg": S,
+  "/src/assets/icons/email-field.svg": G,
+  "/src/assets/icons/email.svg": T,
+  "/src/assets/icons/fields-create.svg": V,
+  "/src/assets/icons/fields-panel.svg": q,
+  "/src/assets/icons/file-red.svg": z,
+  "/src/assets/icons/fill-and-sign.svg": B,
+  "/src/assets/icons/folder.svg": D,
+  "/src/assets/icons/hamburger.svg": H,
+  "/src/assets/icons/home.svg": J,
+  "/src/assets/icons/image-field.svg": K,
+  "/src/assets/icons/info-brown.svg": L,
+  "/src/assets/icons/info-white.svg": Q,
+  "/src/assets/icons/initials-field.svg": U,
+  "/src/assets/icons/kebab-menu-blue.svg": W,
+  "/src/assets/icons/kebab-menu.svg": X,
+  "/src/assets/icons/name-field.svg": Y,
+  "/src/assets/icons/next.svg": Z,
+  "/src/assets/icons/padlock.svg": ss,
+  "/src/assets/icons/pages.svg": os,
+  "/src/assets/icons/pdfFile.svg": _s,
+  "/src/assets/icons/people.svg": ts,
+  "/src/assets/icons/photo.svg": is,
+  "/src/assets/icons/radio-field.svg": rs,
+  "/src/assets/icons/reset.svg": es,
+  "/src/assets/icons/rightSide.svg": cs,
+  "/src/assets/icons/rotate-left.svg": ms,
+  "/src/assets/icons/rotate-right.svg": gs,
+  "/src/assets/icons/rounded-plus.svg": vs,
+  "/src/assets/icons/search.svg": as,
+  "/src/assets/icons/signature-field.svg": ls,
+  "/src/assets/icons/slideout.svg": ns,
+  "/src/assets/icons/sms.svg": fs,
+  "/src/assets/icons/sort.svg": bs,
+  "/src/assets/icons/space.svg": ps,
+  "/src/assets/icons/stamp-field.svg": ds,
+  "/src/assets/icons/success-check.svg": hs,
+  "/src/assets/icons/text-field.svg": ks,
+  "/src/assets/icons/tick.svg": us,
+  "/src/assets/icons/title-field.svg": xs,
+  "/src/assets/icons/webinar-widget.svg": ws,
+  "/src/assets/icons/white-close.svg": As,
+  "/src/assets/icons/widget-demo-image.svg": Is
 }), e = (s, o, _) => {
-  o && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", o), _ && s.hasAttribute("stroke") && s.setAttribute("stroke", _), Array.from(s.children).forEach((i) => {
-    e(i, o, _);
+  o && s.hasAttribute("fill") && s.getAttribute("fill") !== "none" && s.setAttribute("fill", o), _ && s.hasAttribute("stroke") && s.setAttribute("stroke", _), Array.from(s.children).forEach((t) => {
+    e(t, o, _);
   });
-}, Ao = (s) => {
+}, Do = (s) => {
   const {
     name: o = "",
     className: _ = "",
-    onClick: i,
+    onClick: t,
     fill: c,
-    stroke: m
-  } = s, t = fs[`/src/assets/icons/${o}.svg`];
-  return t ? /* @__PURE__ */ r.createElement("div", {
-    className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${_}`,
-    onClick: i
-  }, /* @__PURE__ */ r.createElement(bs, {
-    src: t,
+    stroke: m,
+    rotation: g = "0"
+  } = s, v = {
+    0: "",
+    90: "rotate-90",
+    180: "rotate-180",
+    270: "-rotate-90"
+  }, i = Es[`/src/assets/icons/${o}.svg`];
+  return i ? /* @__PURE__ */ r.createElement("div", {
+    className: `se-design-svg-wrapper transition-transform duration-250 ease-linear ${_} ${v[g]}`,
+    onClick: t
+  }, /* @__PURE__ */ r.createElement(Cs, {
+    src: i,
     wrapper: "span",
-    beforeInjection: (g) => {
-      e(g, c, m);
+    beforeInjection: (a) => {
+      e(a, c, m);
     }
   })) : (console.error(`Icon "${o}" not found in ICON_MAP.`), null);
 };
 export {
-  Ao as Icon
+  Do as Icon
 };
 //# sourceMappingURL=index4.js.map

package/dist/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', { eager: true, query: '?url', import: 'default' });\n\nexport type IconProps = {\n  name: string;\n  className?: string;\n  onClick?: () => void;\n  fill?: string;\n  stroke?: string;\n}\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string) => {\n  // Only modify existing attributes\n  if (fill && element.hasAttribute('fill')) {\n    const currentFill = element.getAttribute('fill');\n    // Only update if the current fill is not \"none\"\n    if (currentFill !== 'none') {\n      element.setAttribute('fill', fill);\n    }\n  }\n  \n  if (stroke && element.hasAttribute('stroke')) {\n    element.setAttribute('stroke', stroke);\n  }\n  \n  // Recursively apply to all child elements\n  Array.from(element.children).forEach(child => {\n    applyAttributesToElement(child, fill, stroke);\n  });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n  const { name = '', className = '', onClick, fill, stroke } = props;\n\n  const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n  if (!src) {\n    console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n    return null;\n  }\n\n  return (\n    <div className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${className}`} onClick={onClick}>\n      <ReactSVG \n        src={src} \n        wrapper=\"span\" \n        beforeInjection={(svg) => {\n          applyAttributesToElement(svg, fill, stroke);\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["ICON_MAP","import","applyAttributesToElement","element","fill","stroke","hasAttribute","getAttribute","setAttribute","Array","from","children","forEach","child","Icon","props","name","className","onClick","src","React","createElement","ReactSVG","wrapper","beforeInjection","svg","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAMA,KAAoCC,uBAAAA,OAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,gDAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,6BAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,CAAAA,GAUpCC,IAA2BA,CAACC,GAAkBC,GAAeC,MAAoB;AAErF,EAAID,KAAQD,EAAQG,aAAa,MAAM,KACjBH,EAAQI,aAAa,MAAM,MAE3B,UACVC,EAAAA,aAAa,QAAQJ,CAAI,GAIjCC,KAAUF,EAAQG,aAAa,QAAQ,KACjCE,EAAAA,aAAa,UAAUH,CAAM,GAIvCI,MAAMC,KAAKP,EAAQQ,QAAQ,EAAEC,QAAQC,CAASA,MAAA;AACnBA,IAAAA,EAAAA,GAAOT,GAAMC,CAAM;AAAA,EAAA,CAC7C;AACH,GAEaS,KAAuBC,CAAUA,MAAA;AACtC,QAAA;AAAA,IAAEC,MAAAA,IAAO;AAAA,IAAIC,WAAAA,IAAY;AAAA,IAAIC,SAAAA;AAAAA,IAASd,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,EAAAA,IAAWU,GAEvDI,IAAMnB,GAAS,qBAAqBgB,CAAI,MAAM;AAEpD,SAAKG,IAMHC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKJ,WAAW,uEAAuEA,CAAS;AAAA,IAAIC,SAAAA;AAAAA,EAAAA,GAClGG,gBAAAA,EAAAA,cAACC,IAAQ;AAAA,IACPH,KAAAA;AAAAA,IACAI,SAAQ;AAAA,IACRC,iBAAkBC,CAAQA,MAAA;AACCA,MAAAA,EAAAA,GAAKrB,GAAMC,CAAM;AAAA,IAAA;AAAA,EAC5C,CACD,CACE,KAbGqB,QAAAA,MAAM,SAASV,CAAI,0BAA0B,GAC9C;AAcX;"}
+{"version":3,"file":"index4.js","sources":["../src/components/Icon/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ReactSVG } from 'react-svg';\n\n// Dynamically import icons using Vite's asset handling\nconst ICON_MAP: Record<string, string> = (import.meta as any).glob('/src/assets/icons/*.svg', { eager: true, query: '?url', import: 'default' });\n\nexport type IconProps = {\n  name: string;\n  className?: string;\n  onClick?: () => void;\n  fill?: string;\n  stroke?: string;\n  rotation?: '0' | '90' | '180' | '270';\n}\n\nconst applyAttributesToElement = (element: Element, fill?: string, stroke?: string) => {\n  // Only modify existing attributes\n  if (fill && element.hasAttribute('fill')) {\n    const currentFill = element.getAttribute('fill');\n    // Only update if the current fill is not \"none\"\n    if (currentFill !== 'none') {\n      element.setAttribute('fill', fill);\n    }\n  }\n  \n  if (stroke && element.hasAttribute('stroke')) {\n    element.setAttribute('stroke', stroke);\n  }\n  \n  // Recursively apply to all child elements\n  Array.from(element.children).forEach(child => {\n    applyAttributesToElement(child, fill, stroke);\n  });\n};\n\nexport const Icon: FC<IconProps> = (props) => {\n  const { name = '', className = '', onClick, fill, stroke, rotation = '0' } = props;\n  const iconRotationClasses = {\n    '0': '',\n    '90': 'rotate-90',\n    '180': 'rotate-180',\n    '270': '-rotate-90'\n  }\n  const src = ICON_MAP[`/src/assets/icons/${name}.svg`];\n\n  if (!src) {\n    console.error(`Icon \"${name}\" not found in ICON_MAP.`);\n    return null;\n  }\n\n  return (\n    <div className={`se-design-svg-wrapper transition-transform duration-250 ease-linear ${className} ${iconRotationClasses[rotation]}`} onClick={onClick}>\n      <ReactSVG \n        src={src} \n        wrapper=\"span\" \n        beforeInjection={(svg) => {\n          applyAttributesToElement(svg, fill, stroke);\n        }}\n      />\n    </div>\n  );\n};\n"],"names":["__vite_glob_0_0","__vite_glob_0_1","__vite_glob_0_2","__vite_glob_0_3","__vite_glob_0_4","__vite_glob_0_5","__vite_glob_0_6","__vite_glob_0_7","__vite_glob_0_8","__vite_glob_0_9","__vite_glob_0_10","__vite_glob_0_11","__vite_glob_0_12","__vite_glob_0_13","__vite_glob_0_14","__vite_glob_0_15","__vite_glob_0_16","__vite_glob_0_17","__vite_glob_0_18","__vite_glob_0_19","__vite_glob_0_20","__vite_glob_0_21","__vite_glob_0_22","__vite_glob_0_23","__vite_glob_0_24","__vite_glob_0_25","__vite_glob_0_26","__vite_glob_0_27","__vite_glob_0_28","__vite_glob_0_29","__vite_glob_0_30","__vite_glob_0_31","__vite_glob_0_32","__vite_glob_0_33","__vite_glob_0_34","__vite_glob_0_35","__vite_glob_0_36","__vite_glob_0_37","__vite_glob_0_38","__vite_glob_0_39","__vite_glob_0_40","__vite_glob_0_41","__vite_glob_0_42","__vite_glob_0_43","__vite_glob_0_44","__vite_glob_0_45","__vite_glob_0_46","__vite_glob_0_47","__vite_glob_0_48","__vite_glob_0_49","__vite_glob_0_50","__vite_glob_0_51","__vite_glob_0_52","__vite_glob_0_53","__vite_glob_0_54","__vite_glob_0_55","__vite_glob_0_56","__vite_glob_0_57","__vite_glob_0_58","__vite_glob_0_59","__vite_glob_0_60","__vite_glob_0_61","__vite_glob_0_62","__vite_glob_0_63","__vite_glob_0_64","__vite_glob_0_65","__vite_glob_0_66","React__default","ReactSVG","ICON_MAP","import","applyAttributesToElement","element","fill","stroke","hasAttribute","getAttribute","setAttribute","Array","from","children","forEach","child","Icon","props","name","className","onClick","rotation","iconRotationClasses","src","React","createElement","wrapper","beforeInjection","svg","error"],"mappings":"AAIA,OAAAA,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,OAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,QAAA;AAAA,OAAAC,OAAA;AAAA,SAAA,YAAAC,UAAA;AAAA,MAAMC,KAAoCC,uBAAAA,OAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,gDAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,6CAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,iDAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,8CAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,iCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,mCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,sCAAAA;AAAAA,EAAAA,gCAAAA;AAAAA,EAAAA,yCAAAA;AAAAA,EAAAA,kCAAAA;AAAAA,EAAAA,6BAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,+BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,uCAAAA;AAAAA,EAAAA,oCAAAA;AAAAA,EAAAA,8BAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,wCAAAA;AAAAA,EAAAA,qCAAAA;AAAAA,EAAAA,2CAAAA;AAAAA,CAAAA,GAWpCC,IAA2BA,CAACC,GAAkBC,GAAeC,MAAoB;AAErF,EAAID,KAAQD,EAAQG,aAAa,MAAM,KACjBH,EAAQI,aAAa,MAAM,MAE3B,UACVC,EAAAA,aAAa,QAAQJ,CAAI,GAIjCC,KAAUF,EAAQG,aAAa,QAAQ,KACjCE,EAAAA,aAAa,UAAUH,CAAM,GAIvCI,MAAMC,KAAKP,EAAQQ,QAAQ,EAAEC,QAAQC,CAASA,MAAA;AACnBA,IAAAA,EAAAA,GAAOT,GAAMC,CAAM;AAAA,EAAA,CAC7C;AACH,GAEaS,KAAuBC,CAAUA,MAAA;AACtC,QAAA;AAAA,IAAEC,MAAAA,IAAO;AAAA,IAAIC,WAAAA,IAAY;AAAA,IAAIC,SAAAA;AAAAA,IAASd,MAAAA;AAAAA,IAAMC,QAAAA;AAAAA,IAAQc,UAAAA,IAAW;AAAA,EAAA,IAAQJ,GACvEK,IAAsB;AAAA,IAC1B,GAAK;AAAA,IACL,IAAM;AAAA,IACN,KAAO;AAAA,IACP,KAAO;AAAA,EACT,GACMC,IAAMrB,GAAS,qBAAqBgB,CAAI,MAAM;AAEpD,SAAKK,IAMHC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKN,WAAW,uEAAuEA,CAAS,IAAIG,EAAoBD,CAAQ,CAAC;AAAA,IAAID,SAAAA;AAAAA,EAAAA,GACnIK,gBAAAA,EAAAA,cAACxB,IAAQ;AAAA,IACPsB,KAAAA;AAAAA,IACAG,SAAQ;AAAA,IACRC,iBAAkBC,CAAQA,MAAA;AACCA,MAAAA,EAAAA,GAAKtB,GAAMC,CAAM;AAAA,IAAA;AAAA,EAC5C,CACD,CACE,KAbGsB,QAAAA,MAAM,SAASX,CAAI,0BAA0B,GAC9C;AAcX;"}

package/dist/index41.js

@@ -1,6 +1,6 @@
 import t, { useState as o, useRef as R, useEffect as C } from "react";
 /* empty css         */
-import c from "./index118.js";
+import c from "./index129.js";
 import { Icon as g } from "./index4.js";
 const O = ({
   onCountrycodeChange: E,
@@ -46,7 +46,7 @@ const O = ({
     alt: a == null ? void 0 : a.name,
     width: "16"
   }), a == null ? void 0 : a.dial_code, /* @__PURE__ */ t.createElement(g, {
-    name: "down",
+    name: "chevron-down",
     className: r ? "rotate-180" : ""
   })), /* @__PURE__ */ t.createElement("span", {
     className: "divider"

package/dist/index41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index41.js","sources":["../src/components/PhoneInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport './style.scss';\nimport countriesInfoJson from './countriesInfo.json';\nimport { Icon } from '../Icon';\n\nexport interface PhoneInputProps {\n  onCountrycodeChange: (countryCode: string) => void;\n  onNumberChange: (number: string) => void;\n  error?: boolean;\n  errorMessage?: string;\n  value?: {\n    countryCode: string;\n    number: string;\n  };\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n  onCountrycodeChange,\n  onNumberChange,\n  error,\n  errorMessage,\n  value\n}) => {\n  const [countryCode, setCountryCode] = useState(value?.countryCode || countriesInfoJson[0].dial_code);\n  const [displaySelectCountryCode, setDisplaySelectCountryCode] = useState(false);\n  const [countriesInfo, setCountriesInfo] = useState(countriesInfoJson);\n  const [searchValue, setSearchValue] = useState('');\n  const [enteredNumber, setEnteredNumber] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const countryInfo = countriesInfoJson.find((country) => country.dial_code === countryCode);\n\n  const handleCountryCodeSelect = (country: string) => {\n    if (country) {\n      setCountryCode(country);\n      onCountrycodeChange(country);\n    }\n    setDisplaySelectCountryCode(false);\n  };\n\n  const handleCountryCodeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const searchValue = event.target.value;\n    setSearchValue(searchValue);\n    const filteredCountries = countriesInfoJson.filter(\n      (country) =>\n        country.name.toLowerCase().includes(searchValue.toLowerCase()) ||\n        country.dial_code.toLowerCase().includes(searchValue.toLowerCase()) ||\n        country.code.toLowerCase().includes(searchValue.toLowerCase())\n    );\n    setCountriesInfo(filteredCountries);\n  };\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setDisplaySelectCountryCode(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  useEffect(() => {\n    if (value) {\n      setCountryCode(value.countryCode);\n      setEnteredNumber(value.number);\n    }\n  }, [value]);\n\n  const handleEnteredNumberChange = (value: string) => {\n    const numericValue = value.replace(/\\D/g, ''); // Remove non-numeric characters\n    console.log('numericValue', numericValue);\n    setEnteredNumber(numericValue);\n    onNumberChange(numericValue);\n  };\n\n  return (\n    <div className=\"phone-input-container-se-design-main-container\">\n      <div className={`phone-input-container-se-design-main ${error ? 'error' : ''}`} ref={containerRef}>\n        <div className=\"phone-input-container-se-design\">\n          <div\n            className=\"phone-input-container-se-design-country-code\"\n            onClick={() => {\n              setDisplaySelectCountryCode(!displaySelectCountryCode);\n            }}\n          >\n            <img\n              src={`https://flagcdn.com/${countryInfo?.code.toLowerCase()}.svg`}\n              alt={countryInfo?.name}\n              width=\"16\"\n            />\n            {countryInfo?.dial_code}\n            <Icon name=\"down\" className={!displaySelectCountryCode ? '' : 'rotate-180'} />\n          </div>\n          <span className=\"divider\" />\n          <input\n            type=\"tel\"\n            placeholder=\"Enter phone number\"\n            className=\"phone-input-container-se-design-phone-number-input\"\n            onChange={(event) => handleEnteredNumberChange(event.target.value)}\n            value={enteredNumber}\n            pattern=\"[0-9]*\"\n          />\n        </div>\n\n        {displaySelectCountryCode && (\n          <div className=\"phone-input-container-se-design-country-code-list\">\n            <div className=\"search-input-wrapper\">\n              <Icon name=\"search\" className=\"search-icon\" />\n              <input\n                type=\"text\"\n                placeholder=\"Search\"\n                className=\"phone-input-container-se-design-country-code-list-item-input\"\n                onChange={handleCountryCodeSearch}\n                value={searchValue}\n              />\n            </div>\n            {countriesInfo.length > 0 ? (\n              countriesInfo.map((country) => (\n                <div\n                  key={country.code}\n                  className=\"phone-input-container-se-design-country-code-list-item\"\n                  onClick={() => handleCountryCodeSelect(country.dial_code)}\n                >\n                  <img src={`https://flagcdn.com/${country.code.toLowerCase()}.svg`} alt={country.name} width=\"16\" />\n                  <span>{country.name}</span>\n                  <span>({country.dial_code})</span>\n                </div>\n              ))\n            ) : (\n              <div className=\"phone-input-container-se-design-country-code-list-item-no-resuts\">No results found</div>\n            )}\n          </div>\n        )}\n      </div>\n      {error && <div className=\"error-message\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["PhoneInput","onCountrycodeChange","onNumberChange","error","errorMessage","value","countryCode","setCountryCode","useState","countriesInfoJson","dial_code","displaySelectCountryCode","setDisplaySelectCountryCode","countriesInfo","setCountriesInfo","searchValue","setSearchValue","enteredNumber","setEnteredNumber","containerRef","useRef","countryInfo","find","country","handleCountryCodeSelect","handleCountryCodeSearch","event","target","filteredCountries","filter","name","toLowerCase","includes","code","useEffect","handleClickOutside","current","contains","addEventListener","document","removeEventListener","number","handleEnteredNumberChange","numericValue","replace","log","React","createElement","className","ref","onClick","src","alt","width","Icon","type","placeholder","onChange","pattern","length","map","key"],"mappings":"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"}
+{"version":3,"file":"index41.js","sources":["../src/components/PhoneInput/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport './style.scss';\nimport countriesInfoJson from './countriesInfo.json';\nimport { Icon } from '../Icon';\n\nexport interface PhoneInputProps {\n  onCountrycodeChange: (countryCode: string) => void;\n  onNumberChange: (number: string) => void;\n  error?: boolean;\n  errorMessage?: string;\n  value?: {\n    countryCode: string;\n    number: string;\n  };\n}\n\nexport const PhoneInput: React.FC<PhoneInputProps> = ({\n  onCountrycodeChange,\n  onNumberChange,\n  error,\n  errorMessage,\n  value\n}) => {\n  const [countryCode, setCountryCode] = useState(value?.countryCode || countriesInfoJson[0].dial_code);\n  const [displaySelectCountryCode, setDisplaySelectCountryCode] = useState(false);\n  const [countriesInfo, setCountriesInfo] = useState(countriesInfoJson);\n  const [searchValue, setSearchValue] = useState('');\n  const [enteredNumber, setEnteredNumber] = useState('');\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const countryInfo = countriesInfoJson.find((country) => country.dial_code === countryCode);\n\n  const handleCountryCodeSelect = (country: string) => {\n    if (country) {\n      setCountryCode(country);\n      onCountrycodeChange(country);\n    }\n    setDisplaySelectCountryCode(false);\n  };\n\n  const handleCountryCodeSearch = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const searchValue = event.target.value;\n    setSearchValue(searchValue);\n    const filteredCountries = countriesInfoJson.filter(\n      (country) =>\n        country.name.toLowerCase().includes(searchValue.toLowerCase()) ||\n        country.dial_code.toLowerCase().includes(searchValue.toLowerCase()) ||\n        country.code.toLowerCase().includes(searchValue.toLowerCase())\n    );\n    setCountriesInfo(filteredCountries);\n  };\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setDisplaySelectCountryCode(false);\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, []);\n\n  useEffect(() => {\n    if (value) {\n      setCountryCode(value.countryCode);\n      setEnteredNumber(value.number);\n    }\n  }, [value]);\n\n  const handleEnteredNumberChange = (value: string) => {\n    const numericValue = value.replace(/\\D/g, ''); // Remove non-numeric characters\n    console.log('numericValue', numericValue);\n    setEnteredNumber(numericValue);\n    onNumberChange(numericValue);\n  };\n\n  return (\n    <div className=\"phone-input-container-se-design-main-container\">\n      <div className={`phone-input-container-se-design-main ${error ? 'error' : ''}`} ref={containerRef}>\n        <div className=\"phone-input-container-se-design\">\n          <div\n            className=\"phone-input-container-se-design-country-code\"\n            onClick={() => {\n              setDisplaySelectCountryCode(!displaySelectCountryCode);\n            }}\n          >\n            <img\n              src={`https://flagcdn.com/${countryInfo?.code.toLowerCase()}.svg`}\n              alt={countryInfo?.name}\n              width=\"16\"\n            />\n            {countryInfo?.dial_code}\n            <Icon name=\"chevron-down\" className={!displaySelectCountryCode ? '' : 'rotate-180'} />\n          </div>\n          <span className=\"divider\" />\n          <input\n            type=\"tel\"\n            placeholder=\"Enter phone number\"\n            className=\"phone-input-container-se-design-phone-number-input\"\n            onChange={(event) => handleEnteredNumberChange(event.target.value)}\n            value={enteredNumber}\n            pattern=\"[0-9]*\"\n          />\n        </div>\n\n        {displaySelectCountryCode && (\n          <div className=\"phone-input-container-se-design-country-code-list\">\n            <div className=\"search-input-wrapper\">\n              <Icon name=\"search\" className=\"search-icon\" />\n              <input\n                type=\"text\"\n                placeholder=\"Search\"\n                className=\"phone-input-container-se-design-country-code-list-item-input\"\n                onChange={handleCountryCodeSearch}\n                value={searchValue}\n              />\n            </div>\n            {countriesInfo.length > 0 ? (\n              countriesInfo.map((country) => (\n                <div\n                  key={country.code}\n                  className=\"phone-input-container-se-design-country-code-list-item\"\n                  onClick={() => handleCountryCodeSelect(country.dial_code)}\n                >\n                  <img src={`https://flagcdn.com/${country.code.toLowerCase()}.svg`} alt={country.name} width=\"16\" />\n                  <span>{country.name}</span>\n                  <span>({country.dial_code})</span>\n                </div>\n              ))\n            ) : (\n              <div className=\"phone-input-container-se-design-country-code-list-item-no-resuts\">No results found</div>\n            )}\n          </div>\n        )}\n      </div>\n      {error && <div className=\"error-message\">{errorMessage}</div>}\n    </div>\n  );\n};\n"],"names":["PhoneInput","onCountrycodeChange","onNumberChange","error","errorMessage","value","countryCode","setCountryCode","useState","countriesInfoJson","dial_code","displaySelectCountryCode","setDisplaySelectCountryCode","countriesInfo","setCountriesInfo","searchValue","setSearchValue","enteredNumber","setEnteredNumber","containerRef","useRef","countryInfo","find","country","handleCountryCodeSelect","handleCountryCodeSearch","event","target","filteredCountries","filter","name","toLowerCase","includes","code","useEffect","handleClickOutside","current","contains","addEventListener","document","removeEventListener","number","handleEnteredNumberChange","numericValue","replace","log","React","createElement","className","ref","onClick","src","alt","width","Icon","type","placeholder","onChange","pattern","length","map","key"],"mappings":"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"}

package/dist/index43.js

@@ -1,32 +1,33 @@
-import c from "react";
-const u = ({
-  size: e = 40,
-  text: r,
-  textColor: o = "var(--color-white)",
-  backgroundColor: a = "var(--color-gray-400)",
-  className: i = "",
-  onClick: t
+import f from "react";
+const p = ({
+  size: r = 40,
+  text: e,
+  textColor: s = "var(--color-white)",
+  backgroundColor: c = "var(--color-gray-400)",
+  className: n = "",
+  onClick: o
 }) => {
-  const l = r.split(" ").map((s) => s[0]).join("").toUpperCase().slice(0, 3);
-  return /* @__PURE__ */ c.createElement("div", {
+  var t, a, i, l;
+  const u = (l = (i = (a = (t = e == null ? void 0 : e.split(" ")) == null ? void 0 : t.map((d) => d[0])) == null ? void 0 : a.join("")) == null ? void 0 : i.toUpperCase()) == null ? void 0 : l.slice(0, 3);
+  return /* @__PURE__ */ f.createElement("div", {
     className: `
         se-design-avatar 
         flex items-center justify-center 
         rounded-full font-medium
-        ${t ? "cursor-pointer" : "cursor-default"}
-        ${i}
+        ${o ? "cursor-pointer" : "cursor-default"}
+        ${n}
       `,
-    onClick: t,
+    onClick: o,
     style: {
-      width: e,
-      height: e,
-      backgroundColor: a,
-      color: o,
-      fontSize: `${e * 0.4}px`
+      width: r,
+      height: r,
+      backgroundColor: c,
+      color: s,
+      fontSize: `${r * 0.4}px`
     }
-  }, l);
+  }, u);
 };
 export {
-  u as Avatar
+  p as Avatar
 };
 //# sourceMappingURL=index43.js.map

package/dist/index43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index43.js","sources":["../src/components/Avatar/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport type AvatarProps = {\n  size?: number;\n  text: string;\n  textColor?: string;\n  backgroundColor?: string;\n  className?: string;\n  onClick?: () => void;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  size = 40,\n  text,\n  textColor = 'var(--color-white)',\n  backgroundColor = 'var(--color-gray-400)',\n  className = '',\n  onClick\n}) => {\n  const initials = text\n    .split(' ')\n    .map((word) => word[0])\n    .join('')\n    .toUpperCase()\n    .slice(0, 3);\n\n  return (\n    <div\n      className={`\n        se-design-avatar \n        flex items-center justify-center \n        rounded-full font-medium\n        ${onClick ? 'cursor-pointer' : 'cursor-default'}\n        ${className}\n      `}\n      onClick={onClick}\n      style={{\n        width: size,\n        height: size,\n        backgroundColor: backgroundColor,\n        color: textColor,\n        fontSize: `${size * 0.4}px`\n      }}\n    >\n      {initials}\n    </div>\n  );\n};\n"],"names":["Avatar","size","text","textColor","backgroundColor","className","onClick","initials","split","map","word","join","toUpperCase","slice","React","createElement","style","width","height","color","fontSize"],"mappings":";AAWO,MAAMA,IAA0BA,CAAC;AAAA,EACtCC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,iBAAAA,IAAkB;AAAA,EAClBC,WAAAA,IAAY;AAAA,EACZC,SAAAA;AACF,MAAM;AACJ,QAAMC,IAAWL,EACdM,MAAM,GAAG,EACTC,IAAKC,OAASA,EAAK,CAAC,CAAC,EACrBC,KAAK,EAAE,EACPC,cACAC,MAAM,GAAG,CAAC;AAGXC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEV,WAAW;AAAA;AAAA;AAAA;AAAA,UAIPC,IAAU,mBAAmB,gBAAgB;AAAA,UAC7CD,CAAS;AAAA;AAAA,IAEbC,SAAAA;AAAAA,IACAU,OAAO;AAAA,MACLC,OAAOhB;AAAAA,MACPiB,QAAQjB;AAAAA,MACRG,iBAAAA;AAAAA,MACAe,OAAOhB;AAAAA,MACPiB,UAAU,GAAGnB,IAAO,GAAG;AAAA,IAAA;AAAA,KAGxBM,CACE;AAET;"}
+{"version":3,"file":"index43.js","sources":["../src/components/Avatar/index.tsx"],"sourcesContent":["import React, { FC } from 'react';\n\nexport type AvatarProps = {\n  size?: number;\n  text: string;\n  textColor?: string;\n  backgroundColor?: string;\n  className?: string;\n  onClick?: () => void;\n};\n\nexport const Avatar: FC<AvatarProps> = ({\n  size = 40,\n  text,\n  textColor = 'var(--color-white)',\n  backgroundColor = 'var(--color-gray-400)',\n  className = '',\n  onClick\n}) => {\n  const initials = text\n    ?.split(' ')\n    ?.map((word) => word[0])\n    ?.join('')\n    ?.toUpperCase()\n    ?.slice(0, 3);\n\n  return (\n    <div\n      className={`\n        se-design-avatar \n        flex items-center justify-center \n        rounded-full font-medium\n        ${onClick ? 'cursor-pointer' : 'cursor-default'}\n        ${className}\n      `}\n      onClick={onClick}\n      style={{\n        width: size,\n        height: size,\n        backgroundColor: backgroundColor,\n        color: textColor,\n        fontSize: `${size * 0.4}px`\n      }}\n    >\n      {initials}\n    </div>\n  );\n};\n"],"names":["Avatar","size","text","textColor","backgroundColor","className","onClick","initials","split","map","word","join","toUpperCase","slice","React","createElement","style","width","height","color","fontSize"],"mappings":";AAWO,MAAMA,IAA0BA,CAAC;AAAA,EACtCC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,iBAAAA,IAAkB;AAAA,EAClBC,WAAAA,IAAY;AAAA,EACZC,SAAAA;AACF,MAAM;;AACJ,QAAMC,KAAWL,KAAAA,KAAAA,KAAAA,IAAAA,KAAAA,gBAAAA,EACbM,MAAM,SADON,gBAAAA,EAEbO,IAAKC,OAASA,EAAK,CAAC,OAFPR,gBAAAA,EAGbS,KAAK,QAHQT,gBAAAA,EAIbU,kBAJaV,gBAAAA,EAKbW,MAAM,GAAG;AAGXC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACEV,WAAW;AAAA;AAAA;AAAA;AAAA,UAIPC,IAAU,mBAAmB,gBAAgB;AAAA,UAC7CD,CAAS;AAAA;AAAA,IAEbC,SAAAA;AAAAA,IACAU,OAAO;AAAA,MACLC,OAAOhB;AAAAA,MACPiB,QAAQjB;AAAAA,MACRG,iBAAAA;AAAAA,MACAe,OAAOhB;AAAAA,MACPiB,UAAU,GAAGnB,IAAO,GAAG;AAAA,IAAA;AAAA,KAGxBM,CACE;AAET;"}