se-design 0.0.125 → 0.0.126

package/dist/index170.js

@@ -1,5 +1,55 @@
-var e = {};
+import { __require as E } from "./index168.js";
+import { __require as _ } from "./index169.js";
+var f, v;
+function P() {
+  if (v) return f;
+  v = 1;
+  var o = function() {
+  };
+  if (process.env.NODE_ENV !== "production") {
+    var y = E(), t = {}, d = _();
+    o = function(n) {
+      var a = "Warning: " + n;
+      typeof console != "undefined" && console.error(a);
+      try {
+        throw new Error(a);
+      } catch (i) {
+      }
+    };
+  }
+  function u(n, a, i, s, c) {
+    if (process.env.NODE_ENV !== "production") {
+      for (var e in n)
+        if (d(n, e)) {
+          var r;
+          try {
+            if (typeof n[e] != "function") {
+              var h = Error(
+                (s || "React class") + ": " + i + " type `" + e + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof n[e] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+              );
+              throw h.name = "Invariant Violation", h;
+            }
+            r = n[e](a, e, s, i, null, y);
+          } catch (l) {
+            r = l;
+          }
+          if (r && !(r instanceof Error) && o(
+            (s || "React class") + ": type specification of " + i + " `" + e + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof r + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
+          ), r instanceof Error && !(r.message in t)) {
+            t[r.message] = !0;
+            var p = c ? c() : "";
+            o(
+              "Failed " + i + " type: " + r.message + (p != null ? p : "")
+            );
+          }
+        }
+    }
+  }
+  return u.resetWarningCache = function() {
+    process.env.NODE_ENV !== "production" && (t = {});
+  }, f = u, f;
+}
 export {
-  e as __exports
+  P as __require
 };
 //# sourceMappingURL=index170.js.map

package/dist/index170.js.map

@@ -1 +1 @@
-{"version":3,"file":"index170.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index170.js","sources":["../node_modules/prop-types/checkPropTypes.js"],"sourcesContent":["/**\n * Copyright (c) 2013-present, Facebook, Inc.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n'use strict';\n\nvar printWarning = function() {};\n\nif (process.env.NODE_ENV !== 'production') {\n  var ReactPropTypesSecret = require('./lib/ReactPropTypesSecret');\n  var loggedTypeFailures = {};\n  var has = require('./lib/has');\n\n  printWarning = function(text) {\n    var message = 'Warning: ' + text;\n    if (typeof console !== 'undefined') {\n      console.error(message);\n    }\n    try {\n      // --- Welcome to debugging React ---\n      // This error was thrown as a convenience so that you can use this stack\n      // to find the callsite that caused this warning to fire.\n      throw new Error(message);\n    } catch (x) { /**/ }\n  };\n}\n\n/**\n * Assert that the values match with the type specs.\n * Error messages are memorized and will only be shown once.\n *\n * @param {object} typeSpecs Map of name to a ReactPropType\n * @param {object} values Runtime values that need to be type-checked\n * @param {string} location e.g. \"prop\", \"context\", \"child context\"\n * @param {string} componentName Name of the component for error messages.\n * @param {?Function} getStack Returns the component stack.\n * @private\n */\nfunction checkPropTypes(typeSpecs, values, location, componentName, getStack) {\n  if (process.env.NODE_ENV !== 'production') {\n    for (var typeSpecName in typeSpecs) {\n      if (has(typeSpecs, typeSpecName)) {\n        var error;\n        // Prop type validation may throw. In case they do, we don't want to\n        // fail the render phase where it didn't fail before. So we log it.\n        // After these have been cleaned up, we'll let them throw.\n        try {\n          // This is intentionally an invariant that gets caught. It's the same\n          // behavior as without this statement except with a better message.\n          if (typeof typeSpecs[typeSpecName] !== 'function') {\n            var err = Error(\n              (componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +\n              'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +\n              'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'\n            );\n            err.name = 'Invariant Violation';\n            throw err;\n          }\n          error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);\n        } catch (ex) {\n          error = ex;\n        }\n        if (error && !(error instanceof Error)) {\n          printWarning(\n            (componentName || 'React class') + ': type specification of ' +\n            location + ' `' + typeSpecName + '` is invalid; the type checker ' +\n            'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +\n            'You may have forgotten to pass an argument to the type checker ' +\n            'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +\n            'shape all require an argument).'\n          );\n        }\n        if (error instanceof Error && !(error.message in loggedTypeFailures)) {\n          // Only monitor this failure once because there tends to be a lot of the\n          // same error.\n          loggedTypeFailures[error.message] = true;\n\n          var stack = getStack ? getStack() : '';\n\n          printWarning(\n            'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')\n          );\n        }\n      }\n    }\n  }\n}\n\n/**\n * Resets warning cache when testing.\n *\n * @private\n */\ncheckPropTypes.resetWarningCache = function() {\n  if (process.env.NODE_ENV !== 'production') {\n    loggedTypeFailures = {};\n  }\n}\n\nmodule.exports = checkPropTypes;\n"],"names":["printWarning","ReactPropTypesSecret","require$$0","loggedTypeFailures","has","require$$1","text","message","x","checkPropTypes","typeSpecs","values","location","componentName","getStack","typeSpecName","error","err","ex","stack","checkPropTypes_1"],"mappings":";;;;;;AASA,MAAIA,IAAe,WAAW;AAAA,EAAE;AAEhC,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,QAAIC,IAAuBC,EAAqC,GAC5DC,IAAqB,CAAE,GACvBC,IAAMC,EAAoB;AAE9B,IAAAL,IAAe,SAASM,GAAM;AAC5B,UAAIC,IAAU,cAAcD;AAC5B,MAAI,OAAO,WAAY,eACrB,QAAQ,MAAMC,CAAO;AAEvB,UAAI;AAIF,cAAM,IAAI,MAAMA,CAAO;AAAA,MACxB,SAAQC,GAAG;AAAA,MAAA;AAAA,IACb;AAAA;AAcH,WAASC,EAAeC,GAAWC,GAAQC,GAAUC,GAAeC,GAAU;AAC5E,QAAI,QAAQ,IAAI,aAAa;AAC3B,eAASC,KAAgBL;AACvB,YAAIN,EAAIM,GAAWK,CAAY,GAAG;AAChC,cAAIC;AAIJ,cAAI;AAGF,gBAAI,OAAON,EAAUK,CAAY,KAAM,YAAY;AACjD,kBAAIE,IAAM;AAAA,iBACPJ,KAAiB,iBAAiB,OAAOD,IAAW,YAAYG,IAAe,+FACC,OAAOL,EAAUK,CAAY,IAAI;AAAA,cAEnH;AACD,oBAAAE,EAAI,OAAO,uBACLA;AAAA;AAER,YAAAD,IAAQN,EAAUK,CAAY,EAAEJ,GAAQI,GAAcF,GAAeD,GAAU,MAAMX,CAAoB;AAAA,UAC1G,SAAQiB,GAAI;AACX,YAAAF,IAAQE;AAAA;AAYV,cAVIF,KAAS,EAAEA,aAAiB,UAC9BhB;AAAA,aACGa,KAAiB,iBAAiB,6BACnCD,IAAW,OAAOG,IAAe,6FAC6B,OAAOC,IAAQ;AAAA,UAI9E,GAECA,aAAiB,SAAS,EAAEA,EAAM,WAAWb,IAAqB;AAGpE,YAAAA,EAAmBa,EAAM,OAAO,IAAI;AAEpC,gBAAIG,IAAQL,IAAWA,EAAQ,IAAK;AAEpC,YAAAd;AAAA,cACE,YAAYY,IAAW,YAAYI,EAAM,WAAWG,KAAS,OAAOA,IAAQ;AAAA,YAC7E;AAAA;;;;AAYX,SAAAV,EAAe,oBAAoB,WAAW;AAC5C,IAAI,QAAQ,IAAI,aAAa,iBAC3BN,IAAqB,CAAE;AAAA,KAI3BiB,IAAiBX;;","x_google_ignoreList":[0]}

package/dist/index171.js

@@ -0,0 +1,5 @@
+var r = {};
+export {
+  r as __exports
+};
+//# sourceMappingURL=index171.js.map

package/dist/index171.js.map

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

package/dist/index172.js

@@ -0,0 +1,5 @@
+var e = {};
+export {
+  e as __exports
+};
+//# sourceMappingURL=index172.js.map

package/dist/index172.js.map

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

package/dist/index21.js

@@ -1,42 +1,43 @@
-import s, { useState as x, useEffect as f } from "react";
+import n, { useState as h, useEffect as d } from "react";
 /* empty css         */
-const d = ({
+const $ = ({
   className: u = "",
   automationId: a = "",
   defaultChecked: o = !1,
-  disabled: e = !1,
+  disabled: t = !1,
   onChange: i,
-  checkMarkType: c = "",
-  label: r = ""
+  checkMarkType: s = "",
+  label: m = "",
+  disabledLabel: l = ""
 }) => {
-  const [n, l] = x(o);
-  f(() => {
-    l(o);
+  const [e, r] = h(o);
+  d(() => {
+    r(o);
   }, [o]);
-  const m = () => {
-    e || (l((t) => !t), i == null || i(!n));
-  }, b = () => {
-    const t = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded";
-    return e && !c ? "disabled" : e && c === "tick" ? "disabled-tick" : e && c === "minus-checkbox" ? "disabled-minus-checkbox" : c === "minus-checkbox" && n ? `minus-checkbox ${t}` : n ? `checked ${t}` : `unchecked ${t}`;
-  };
-  return /* @__PURE__ */ s.createElement("div", {
+  const b = () => {
+    t || (r((c) => !c), i == null || i(!e));
+  }, x = () => {
+    const c = "focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded";
+    return t ? e && s === "tick" ? "disabled-tick" : e && s === "minus-checkbox" ? "disabled-minus-checkbox" : e && !s ? "disabled-tick" : "disabled" : s === "minus-checkbox" && e ? `minus-checkbox ${c}` : e ? `checked ${c}` : `unchecked ${c}`;
+  }, f = () => t ? "checkbox-label-disabled" : "checkbox-label", k = () => t && l ? l : m;
+  return /* @__PURE__ */ n.createElement("div", {
     className: "se-design-checkbox-ctn"
-  }, /* @__PURE__ */ s.createElement("label", {
-    className: `se-design-checkbox ${u} ${b()}`,
+  }, /* @__PURE__ */ n.createElement("label", {
+    className: `se-design-checkbox ${u} ${x()}`,
     "data-automation-id": a,
-    tabIndex: e ? -1 : 0
-  }, /* @__PURE__ */ s.createElement("input", {
+    tabIndex: t ? -1 : 0
+  }, /* @__PURE__ */ n.createElement("input", {
     type: "checkbox",
-    checked: n,
-    onChange: m,
-    disabled: e
-  }), /* @__PURE__ */ s.createElement("span", {
+    checked: e,
+    onChange: b,
+    disabled: t
+  }), /* @__PURE__ */ n.createElement("span", {
     className: "checkbox-item"
-  })), /* @__PURE__ */ s.createElement("label", {
-    className: "checkbox-label"
-  }, r));
+  })), /* @__PURE__ */ n.createElement("label", {
+    className: f()
+  }, k()));
 };
 export {
-  d as Checkbox
+  $ as Checkbox
 };
 //# sourceMappingURL=index21.js.map

package/dist/index21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index21.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport \"./style.scss\";\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  checkMarkType?: \"tick\" | \"minus-checkbox\" | \"\";\n  label?: string;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  className = '',\n  automationId = '',\n  defaultChecked = false,\n  disabled = false,\n  onChange,\n  checkMarkType = '',\n  label = '',\n}) => {\n  \n  const [isChecked, setIsChecked] = useState(defaultChecked);\n\n  useEffect(() => {\n    setIsChecked(defaultChecked);\n  }, [defaultChecked]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    setIsChecked((prev) => (checkMarkType === \"minus-checkbox\" ? !prev : !prev));\n    onChange?.(!isChecked);\n  };\n\n  const getCheckBoxClassName = () => { \n    const focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded';\n    if (disabled && !checkMarkType) return 'disabled';\n    if (disabled && checkMarkType === \"tick\") return 'disabled-tick';\n    if (disabled && checkMarkType === \"minus-checkbox\") return 'disabled-minus-checkbox';\n    if (checkMarkType === \"minus-checkbox\" && isChecked) return `minus-checkbox ${focusClass}`;\n    return isChecked ? `checked ${focusClass}` : `unchecked ${focusClass}`;\n  };\n\n  return (\n    <div className=\"se-design-checkbox-ctn\">\n      <label className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`} data-automation-id={automationId} tabIndex={disabled ? -1 : 0}>\n        <input \n          type=\"checkbox\" \n          checked={isChecked} \n          onChange={handleClick} \n          disabled={disabled}\n        />\n        <span className=\"checkbox-item\"></span>\n      </label>\n      <label className=\"checkbox-label\">{label}</label>\n    </div>\n  );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","checkMarkType","label","isChecked","setIsChecked","useState","useEffect","handleClick","prev","getCheckBoxClassName","focusClass","React","createElement","tabIndex","type","checked"],"mappings":";;AAaO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,gBAAAA,IAAiB;AAAA,EACjBC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AACV,MAAM;AAEJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASP,CAAc;AAEzDQ,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaN,CAAc;AAAA,EAAA,GAC1B,CAACA,CAAc,CAAC;AAEnB,QAAMS,IAAcA,MAAM;AACxB,IAAIR,MACJK,EAAcI,OAA+C,CAACA,CAAa,GAC3ER,KAAAA,QAAAA,EAAW,CAACG;AAAAA,EACd,GAEMM,IAAuBA,MAAM;AACjC,UAAMC,IAAa;AACfX,WAAAA,KAAY,CAACE,IAAsB,aACnCF,KAAYE,MAAkB,SAAe,kBAC7CF,KAAYE,MAAkB,mBAAyB,4BACvDA,MAAkB,oBAAoBE,IAAkB,kBAAkBO,CAAU,KACjFP,IAAY,WAAWO,CAAU,KAAK,aAAaA,CAAU;AAAA,EACtE;AAGEC,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKhB,WAAU;AAAA,EAAA,GACbgB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IAAOhB,WAAW,sBAAsBA,CAAS,IAAIa,EAAsB,CAAA;AAAA,IAAI,sBAAoBZ;AAAAA,IAAcgB,UAAUd,IAAW,KAAK;AAAA,EAAA,GACzIa,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEE,MAAK;AAAA,IACLC,SAASZ;AAAAA,IACTH,UAAUO;AAAAA,IACVR,UAAAA;AAAAA,EAAAA,CACD,GACDa,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMhB,WAAU;AAAA,EAAsB,CAAA,CACjC,GACPe,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IAAOhB,WAAU;AAAA,EAAgB,GAAEM,CAAa,CAC7C;AAET;"}
+{"version":3,"file":"index21.js","sources":["../src/components/Checkbox/index.tsx"],"sourcesContent":["import React, { FC, useState, useEffect } from 'react';\nimport \"./style.scss\";\n\nexport interface CheckboxProps {\n  className?: string;\n  automationId?: string;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  checkMarkType?: \"tick\" | \"minus-checkbox\" | \"\";\n  label?: string;\n  disabledLabel?: string;\n}\n\nexport const Checkbox: FC<CheckboxProps> = ({\n  className = '',\n  automationId = '',\n  defaultChecked = false,\n  disabled = false,\n  onChange,\n  checkMarkType = '',\n  label = '',\n  disabledLabel = '',\n}) => {\n  \n  const [isChecked, setIsChecked] = useState(defaultChecked);\n\n  useEffect(() => {\n    setIsChecked(defaultChecked);\n  }, [defaultChecked]);\n\n  const handleClick = () => {\n    if (disabled) return;\n    setIsChecked((prev) => (checkMarkType === \"minus-checkbox\" ? !prev : !prev));\n    onChange?.(!isChecked);\n  };\n\n  const getCheckBoxClassName = () => { \n    const focusClass = 'focus-visible:outline outline-2 outline-[var(--color-blue-400)] outline-offset-2 rounded';\n    \n    // Handle disabled states with proper checked status\n    if (disabled) {\n      if (isChecked && checkMarkType === \"tick\") return 'disabled-tick';\n      if (isChecked && checkMarkType === \"minus-checkbox\") return 'disabled-minus-checkbox';\n      if (isChecked && !checkMarkType) return 'disabled-tick'; // Default to tick for checked disabled\n      return 'disabled'; // Unchecked disabled\n    }\n    \n    // Handle enabled states\n    if (checkMarkType === \"minus-checkbox\" && isChecked) return `minus-checkbox ${focusClass}`;\n    return isChecked ? `checked ${focusClass}` : `unchecked ${focusClass}`;\n  };\n\n  const getLabelClassName = () => {\n    return disabled ? 'checkbox-label-disabled' : 'checkbox-label';\n  };\n\n  const getLabelText = () => {\n    if (disabled && disabledLabel) {\n      return disabledLabel;\n    }\n    return label;\n  };\n\n  return (\n    <div className=\"se-design-checkbox-ctn\">\n      <label className={`se-design-checkbox ${className} ${getCheckBoxClassName()}`} data-automation-id={automationId} tabIndex={disabled ? -1 : 0}>\n        <input \n          type=\"checkbox\" \n          checked={isChecked} \n          onChange={handleClick} \n          disabled={disabled}\n        />\n        <span className=\"checkbox-item\"></span>\n      </label>\n      <label className={getLabelClassName()}>{getLabelText()}</label>\n    </div>\n  );\n};\n"],"names":["Checkbox","className","automationId","defaultChecked","disabled","onChange","checkMarkType","label","disabledLabel","isChecked","setIsChecked","useState","useEffect","handleClick","prev","getCheckBoxClassName","focusClass","getLabelClassName","getLabelText","React","createElement","tabIndex","type","checked"],"mappings":";;AAcO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,WAAAA,IAAY;AAAA,EACZC,cAAAA,IAAe;AAAA,EACfC,gBAAAA,IAAiB;AAAA,EACjBC,UAAAA,IAAW;AAAA,EACXC,UAAAA;AAAAA,EACAC,eAAAA,IAAgB;AAAA,EAChBC,OAAAA,IAAQ;AAAA,EACRC,eAAAA,IAAgB;AAClB,MAAM;AAEJ,QAAM,CAACC,GAAWC,CAAY,IAAIC,EAASR,CAAc;AAEzDS,EAAAA,EAAU,MAAM;AACdF,IAAAA,EAAaP,CAAc;AAAA,EAAA,GAC1B,CAACA,CAAc,CAAC;AAEnB,QAAMU,IAAcA,MAAM;AACxB,IAAIT,MACJM,EAAcI,OAA+C,CAACA,CAAa,GAC3ET,KAAAA,QAAAA,EAAW,CAACI;AAAAA,EACd,GAEMM,IAAuBA,MAAM;AACjC,UAAMC,IAAa;AAGnB,WAAIZ,IACEK,KAAaH,MAAkB,SAAe,kBAC9CG,KAAaH,MAAkB,mBAAyB,4BACxDG,KAAa,CAACH,IAAsB,kBACjC,aAILA,MAAkB,oBAAoBG,IAAkB,kBAAkBO,CAAU,KACjFP,IAAY,WAAWO,CAAU,KAAK,aAAaA,CAAU;AAAA,EACtE,GAEMC,IAAoBA,MACjBb,IAAW,4BAA4B,kBAG1Cc,IAAeA,MACfd,KAAYI,IACPA,IAEFD;AAIPY,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKnB,WAAU;AAAA,EAAA,GACbmB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IAAOnB,WAAW,sBAAsBA,CAAS,IAAIc,EAAsB,CAAA;AAAA,IAAI,sBAAoBb;AAAAA,IAAcmB,UAAUjB,IAAW,KAAK;AAAA,EAAA,GACzIgB,gBAAAA,EAAAA,cAAA,SAAA;AAAA,IACEE,MAAK;AAAA,IACLC,SAASd;AAAAA,IACTJ,UAAUQ;AAAAA,IACVT,UAAAA;AAAAA,EAAAA,CACD,GACDgB,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IAAMnB,WAAU;AAAA,EAAsB,CAAA,CACjC,GACPkB,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IAAOnB,WAAWgB,EAAkB;AAAA,EAAA,GAAIC,EAAsB,CAAA,CAC3D;AAET;"}

package/dist/index35.js

@@ -1,51 +1,60 @@
-import c, { useState as p, useRef as E } from "react";
+import a, { useState as o, useRef as d } from "react";
 /* empty css         */
 import { Icon as T } from "./index5.js";
-function R({
-  value: m,
+function _({
+  value: f,
   onChange: e,
-  placeholder: o,
-  className: f
+  placeholder: w,
+  className: E,
+  error: n,
+  errorMessage: v,
+  label: r
 }) {
-  const [a, l] = p([...m]), [i, r] = p(""), u = E(null), w = (t) => {
-    if (t.key === "Enter" && i.trim()) {
+  const [i, l] = o([...f]), [c, m] = o(""), u = d(null), N = (t) => {
+    if (t.key === "Enter" && c.trim()) {
       t.preventDefault();
-      const s = [...a, i.trim()];
-      l(s), r(""), e == null || e(s);
-    } else if (t.key === "Backspace" && i === "" && a.length > 0) {
-      const s = a.slice(0, -1);
+      const s = [...i, c.trim()];
+      l(s), m(""), e == null || e(s);
+    } else if (t.key === "Backspace" && c === "" && i.length > 0) {
+      const s = i.slice(0, -1);
       l(s), e == null || e(s);
     }
   };
-  return /* @__PURE__ */ c.createElement("div", {
-    className: `input-with-tags-container ${f}`,
+  return /* @__PURE__ */ a.createElement("div", {
+    className: "input-with-tags-main-container"
+  }, r && /* @__PURE__ */ a.createElement("div", {
+    className: "label-container"
+  }, r), /* @__PURE__ */ a.createElement("div", {
+    className: `input-with-tags-container ${n ? "input-with-tags-error" : ""} ${E}`,
     onClick: () => {
       var t;
       return (t = u.current) == null ? void 0 : t.focus();
     }
-  }, a.map((t, s) => /* @__PURE__ */ c.createElement("span", {
+  }, i.map((t, s) => /* @__PURE__ */ a.createElement("span", {
     key: s,
     className: "tag-in-inputwithtags"
-  }, t, /* @__PURE__ */ c.createElement("span", {
+  }, t, /* @__PURE__ */ a.createElement("span", {
     className: "close-icon-in-inputwithtags",
     onClick: (k) => {
       k.stopPropagation();
-      const n = a.filter((v, y) => y !== s);
-      l(n), e == null || e(n);
+      const p = i.filter((g, y) => y !== s);
+      l(p), e == null || e(p);
     }
-  }, /* @__PURE__ */ c.createElement(T, {
+  }, /* @__PURE__ */ a.createElement(T, {
     name: "close"
-  })))), /* @__PURE__ */ c.createElement("input", {
+  })))), /* @__PURE__ */ a.createElement("input", {
     className: "input-with-tags-input",
     ref: u,
     type: "text",
-    value: i,
-    onChange: (t) => r(t.target.value),
-    onKeyDown: w,
-    placeholder: o
-  }));
+    value: c,
+    onChange: (t) => m(t.target.value),
+    onKeyDown: N,
+    placeholder: w
+  })), n && /* @__PURE__ */ a.createElement("div", {
+    className: "error-message"
+  }, v));
 }
 export {
-  R as InputWithTags
+  _ as InputWithTags
 };
 //# sourceMappingURL=index35.js.map

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../src/components/InputWithTags/index.tsx"],"sourcesContent":["import React, { useState, KeyboardEvent, useRef } from \"react\";\nimport './styles.scss';\nimport { Icon } from '../Icon';\nexport interface InputWithTagsProps {\n    value: string[];\n    onChange?: (tags: string[]) => void;\n    placeholder?: string;\n    className?: string;\n}\n\nexport function InputWithTags({ value, onChange, placeholder, className }: InputWithTagsProps) {\n    const [tags, setTags] = useState<string[]>([...value]);\n    const [inputValue, setInputValue] = useState('');\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && inputValue.trim()) {\n            e.preventDefault();\n            const newTags = [...tags, inputValue.trim()];\n            setTags(newTags);\n            setInputValue(\"\");\n            onChange?.(newTags);\n        } else if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n            // Remove the last tag when backspace is pressed on empty input\n            const newTags = tags.slice(0, -1);\n            setTags(newTags);\n            onChange?.(newTags);\n        }\n    };\n\n    return (\n        <div className={`input-with-tags-container ${className}`} onClick={() => inputRef.current?.focus()} >\n            {tags.map((tag, index) => (\n                <span key={index} className=\"tag-in-inputwithtags\">\n                    {tag} \n                    <span\n                    className=\"close-icon-in-inputwithtags\"\n                    onClick={(e) => {\n                        e.stopPropagation();\n                        const newTags = tags.filter((_, i) => i !== index);\n                        setTags(newTags);\n                        onChange?.(newTags);\n                    }}\n                    >\n                        <Icon name=\"close\" />\n                    </span>\n                </span>\n            ))}\n            <input\n                className=\"input-with-tags-input\"\n                ref={inputRef}\n                type=\"text\"\n                value={inputValue}\n                onChange={(e) => setInputValue(e.target.value)}\n                onKeyDown={handleKeyDown}\n                placeholder={placeholder}\n            />\n        </div>\n    );\n}"],"names":["React__default","useState","useRef","Icon","InputWithTags","value","onChange","placeholder","className","tags","setTags","inputValue","setInputValue","inputRef","handleKeyDown","e","key","trim","preventDefault","newTags","length","slice","React","createElement","onClick","_a","current","focus","map","tag","index","stopPropagation","filter","_","i","name","ref","type","target","onKeyDown"],"mappings":"AAUO,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAASC,EAAc;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,UAAAA;AAAAA,EAAUC,aAAAA;AAAAA,EAAaC,WAAAA;AAA8B,GAAG;AACrF,QAAA,CAACC,GAAMC,CAAO,IAAIT,EAAmB,CAAC,GAAGI,CAAK,CAAC,GAC/C,CAACM,GAAYC,CAAa,IAAIX,EAAS,EAAE,GACzCY,IAAWX,EAAyB,IAAI,GAExCY,IAAgBA,CAACC,MAAuC;AAC1D,QAAIA,EAAEC,QAAQ,WAAWL,EAAWM,QAAQ;AACxCF,MAAAA,EAAEG,eAAe;AACjB,YAAMC,IAAU,CAAC,GAAGV,GAAME,EAAWM,MAAM;AAC3CP,MAAAA,EAAQS,CAAO,GACfP,EAAc,EAAE,GAChBN,KAAAA,QAAAA,EAAWa;AAAAA,IAAO,WACXJ,EAAEC,QAAQ,eAAeL,MAAe,MAAMF,EAAKW,SAAS,GAAG;AAEtE,YAAMD,IAAUV,EAAKY,MAAM,GAAG,EAAE;AAChCX,MAAAA,EAAQS,CAAO,GACfb,KAAAA,QAAAA,EAAWa;AAAAA,IAAO;AAAA,EAE1B;AAGIG,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKf,WAAW,6BAA6BA,CAAS;AAAA,IAAIgB,SAASA,MAAAA;AArBpE,UAAAC;AAqB0EZ,cAAAA,IAAAA,EAASa,YAATb,gBAAAA,EAAkBc;AAAAA;AAAAA,EAAM,GAC5FlB,EAAKmB,IAAI,CAACC,GAAKC,MACZR,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMP,KAAKc;AAAAA,IAAOtB,WAAU;AAAA,EACvBqB,GAAAA,GACDN,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IACAf,WAAU;AAAA,IACVgB,SAAUT,CAAMA,MAAA;AACZA,MAAAA,EAAEgB,gBAAgB;AAClB,YAAMZ,IAAUV,EAAKuB,OAAO,CAACC,GAAGC,MAAMA,MAAMJ,CAAK;AACjDpB,MAAAA,EAAQS,CAAO,GACfb,KAAAA,QAAAA,EAAWa;AAAAA,IAAO;AAAA,EACtB,GAEII,gBAAAA,EAAAA,cAACpB,GAAI;AAAA,IAACgC,MAAK;AAAA,EAAS,CAAA,CAClB,CACJ,CACT,GACDb,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACIf,WAAU;AAAA,IACV4B,KAAKvB;AAAAA,IACLwB,MAAK;AAAA,IACLhC,OAAOM;AAAAA,IACPL,UAAWS,CAAAA,MAAMH,EAAcG,EAAEuB,OAAOjC,KAAK;AAAA,IAC7CkC,WAAWzB;AAAAA,IACXP,aAAAA;AAAAA,EAAAA,CACH,CACA;AAEb;"}
+{"version":3,"file":"index35.js","sources":["../src/components/InputWithTags/index.tsx"],"sourcesContent":["import React, { useState, KeyboardEvent, useRef } from \"react\";\nimport './styles.scss';\nimport { Icon } from '../Icon';\n\nexport interface InputWithTagsProps {\n    value: string[];\n    onChange?: (tags: string[]) => void;\n    placeholder?: string;\n    className?: string;\n    error?: boolean;\n    errorMessage?: string;\n    label?: string;\n}\n\nexport function InputWithTags({ \n    value, \n    onChange, \n    placeholder, \n    className, \n    error, \n    errorMessage, \n    label \n}: InputWithTagsProps) {\n    const [tags, setTags] = useState<string[]>([...value]);\n    const [inputValue, setInputValue] = useState('');\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n        if (e.key === 'Enter' && inputValue.trim()) {\n            e.preventDefault();\n            const newTags = [...tags, inputValue.trim()];\n            setTags(newTags);\n            setInputValue(\"\");\n            onChange?.(newTags);\n        } else if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n            // Remove the last tag when backspace is pressed on empty input\n            const newTags = tags.slice(0, -1);\n            setTags(newTags);\n            onChange?.(newTags);\n        }\n    };\n\n    return (\n        <div className=\"input-with-tags-main-container\">\n            {label && <div className=\"label-container\">{label}</div>}\n            <div \n                className={`input-with-tags-container ${error ? 'input-with-tags-error' : ''} ${className}`} \n                onClick={() => inputRef.current?.focus()}\n            >\n                {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                        {tag} \n                        <span\n                        className=\"close-icon-in-inputwithtags\"\n                        onClick={(e) => {\n                            e.stopPropagation();\n                            const newTags = tags.filter((_, i) => i !== index);\n                            setTags(newTags);\n                            onChange?.(newTags);\n                        }}\n                        >\n                            <Icon name=\"close\" />\n                        </span>\n                    </span>\n                ))}\n                <input\n                    className=\"input-with-tags-input\"\n                    ref={inputRef}\n                    type=\"text\"\n                    value={inputValue}\n                    onChange={(e) => setInputValue(e.target.value)}\n                    onKeyDown={handleKeyDown}\n                    placeholder={placeholder}\n                />\n            </div>\n            {error && <div className=\"error-message\">{errorMessage}</div>}\n        </div>\n    );\n}"],"names":["React__default","useState","useRef","Icon","InputWithTags","value","onChange","placeholder","className","error","errorMessage","label","tags","setTags","inputValue","setInputValue","inputRef","handleKeyDown","e","key","trim","preventDefault","newTags","length","slice","React","createElement","onClick","_a","current","focus","map","tag","index","stopPropagation","filter","_","i","name","ref","type","target","onKeyDown"],"mappings":"AAcO,OAAAA,KAAA,YAAAC,GAAA,UAAAC,SAAA;AAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,SAASC,EAAc;AAAA,EAC1BC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AACgB,GAAG;AACb,QAAA,CAACC,GAAMC,CAAO,IAAIZ,EAAmB,CAAC,GAAGI,CAAK,CAAC,GAC/C,CAACS,GAAYC,CAAa,IAAId,EAAS,EAAE,GACzCe,IAAWd,EAAyB,IAAI,GAExCe,IAAgBA,CAACC,MAAuC;AAC1D,QAAIA,EAAEC,QAAQ,WAAWL,EAAWM,QAAQ;AACxCF,MAAAA,EAAEG,eAAe;AACjB,YAAMC,IAAU,CAAC,GAAGV,GAAME,EAAWM,MAAM;AAC3CP,MAAAA,EAAQS,CAAO,GACfP,EAAc,EAAE,GAChBT,KAAAA,QAAAA,EAAWgB;AAAAA,IAAO,WACXJ,EAAEC,QAAQ,eAAeL,MAAe,MAAMF,EAAKW,SAAS,GAAG;AAEtE,YAAMD,IAAUV,EAAKY,MAAM,GAAG,EAAE;AAChCX,MAAAA,EAAQS,CAAO,GACfhB,KAAAA,QAAAA,EAAWgB;AAAAA,IAAO;AAAA,EAE1B;AAGIG,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKlB,WAAU;AAAA,EACVG,GAAAA,KAASe,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKlB,WAAU;AAAA,EAAmBG,GAAAA,CAAW,GACvDc,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACIlB,WAAW,6BAA6BC,IAAQ,0BAA0B,EAAE,IAAID,CAAS;AAAA,IACzFmB,SAASA,MAAAA;AAjClB,UAAAC;AAiCwBZ,cAAAA,IAAAA,EAASa,YAATb,gBAAAA,EAAkBc;AAAAA;AAAAA,EAAM,GAEtClB,EAAKmB,IAAI,CAACC,GAAKC,MACZR,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAMP,KAAKc;AAAAA,IAAOzB,WAAU;AAAA,EACvBwB,GAAAA,GACDN,gBAAAA,EAAAA,cAAA,QAAA;AAAA,IACAlB,WAAU;AAAA,IACVmB,SAAUT,CAAMA,MAAA;AACZA,MAAAA,EAAEgB,gBAAgB;AAClB,YAAMZ,IAAUV,EAAKuB,OAAO,CAACC,GAAGC,MAAMA,MAAMJ,CAAK;AACjDpB,MAAAA,EAAQS,CAAO,GACfhB,KAAAA,QAAAA,EAAWgB;AAAAA,IAAO;AAAA,EACtB,GAEII,gBAAAA,EAAAA,cAACvB,GAAI;AAAA,IAACmC,MAAK;AAAA,EAAS,CAAA,CAClB,CACJ,CACT,GACDb,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACIlB,WAAU;AAAA,IACV+B,KAAKvB;AAAAA,IACLwB,MAAK;AAAA,IACLnC,OAAOS;AAAAA,IACPR,UAAWY,CAAAA,MAAMH,EAAcG,EAAEuB,OAAOpC,KAAK;AAAA,IAC7CqC,WAAWzB;AAAAA,IACXV,aAAAA;AAAAA,EACH,CAAA,CACA,GACJE,KAASgB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKlB,WAAU;AAAA,EAAe,GAAEE,CAAkB,CAC3D;AAEb;"}

package/dist/index38.js

@@ -1,7 +1,7 @@
 import n, { useState as b, useRef as $, useEffect as s, useMemo as z } from "react";
 import { Icon as N } from "./index5.js";
 import { LabelChip as D } from "./index9.js";
-import { debounce as F } from "./index140.js";
+import { debounce as F } from "./index141.js";
 /* empty css         */
 function q(o) {
   const {

package/dist/index44.js

@@ -1,6 +1,6 @@
 import t, { useState as o, useRef as R, useEffect as C } from "react";
 /* empty css         */
-import c from "./index148.js";
+import c from "./index149.js";
 import { Icon as g } from "./index5.js";
 const O = ({
   onCountrycodeChange: E,

package/dist/index5.js

@@ -1,83 +1,83 @@
-import f from "./index50.js";
-import b from "./index51.js";
-import p from "./index52.js";
-import d from "./index53.js";
-import h from "./index54.js";
-import u from "./index55.js";
-import k from "./index56.js";
-import x from "./index57.js";
-import A from "./index58.js";
-import w from "./index59.js";
-import I from "./index60.js";
-import S from "./index61.js";
-import E from "./index62.js";
-import N from "./index63.js";
-import P from "./index64.js";
-import $ from "./index65.js";
-import C from "./index66.js";
-import F from "./index67.js";
-import O from "./index68.js";
-import R from "./index69.js";
-import j from "./index70.js";
-import y from "./index71.js";
-import M from "./index72.js";
-import G from "./index73.js";
-import T from "./index74.js";
-import V from "./index75.js";
-import q from "./index76.js";
-import B from "./index77.js";
-import D from "./index78.js";
-import H from "./index79.js";
-import J from "./index80.js";
-import K from "./index81.js";
-import L from "./index82.js";
-import Q from "./index83.js";
-import U from "./index84.js";
-import W from "./index85.js";
-import X from "./index86.js";
-import Y from "./index87.js";
-import Z from "./index88.js";
-import z from "./index89.js";
-import ss from "./index90.js";
-import os from "./index91.js";
-import _s from "./index92.js";
-import ts from "./index93.js";
-import is from "./index94.js";
-import rs from "./index95.js";
-import es from "./index96.js";
-import cs from "./index97.js";
-import gs from "./index98.js";
-import ms from "./index99.js";
-import vs from "./index100.js";
-import as from "./index101.js";
-import ls from "./index102.js";
-import ns from "./index103.js";
-import fs from "./index104.js";
-import bs from "./index105.js";
-import ps from "./index106.js";
-import ds from "./index107.js";
-import hs from "./index108.js";
-import us from "./index109.js";
-import ks from "./index110.js";
-import xs from "./index111.js";
-import As from "./index112.js";
-import ws from "./index113.js";
-import Is from "./index114.js";
-import Ss from "./index115.js";
-import Es from "./index116.js";
-import Ns from "./index117.js";
-import Ps from "./index118.js";
-import $s from "./index119.js";
-import Cs from "./index120.js";
-import Fs from "./index121.js";
-import Os from "./index122.js";
-import Rs from "./index123.js";
-import js from "./index124.js";
-import ys from "./index125.js";
-import Ms from "./index126.js";
-import Gs from "./index127.js";
+import f from "./index51.js";
+import b from "./index52.js";
+import p from "./index53.js";
+import d from "./index54.js";
+import h from "./index55.js";
+import u from "./index56.js";
+import k from "./index57.js";
+import x from "./index58.js";
+import A from "./index59.js";
+import w from "./index60.js";
+import I from "./index61.js";
+import S from "./index62.js";
+import E from "./index63.js";
+import N from "./index64.js";
+import P from "./index65.js";
+import $ from "./index66.js";
+import C from "./index67.js";
+import F from "./index68.js";
+import O from "./index69.js";
+import R from "./index70.js";
+import j from "./index71.js";
+import y from "./index72.js";
+import M from "./index73.js";
+import G from "./index74.js";
+import T from "./index75.js";
+import V from "./index76.js";
+import q from "./index77.js";
+import B from "./index78.js";
+import D from "./index79.js";
+import H from "./index80.js";
+import J from "./index81.js";
+import K from "./index82.js";
+import L from "./index83.js";
+import Q from "./index84.js";
+import U from "./index85.js";
+import W from "./index86.js";
+import X from "./index87.js";
+import Y from "./index88.js";
+import Z from "./index89.js";
+import z from "./index90.js";
+import ss from "./index91.js";
+import os from "./index92.js";
+import _s from "./index93.js";
+import ts from "./index94.js";
+import is from "./index95.js";
+import rs from "./index96.js";
+import es from "./index97.js";
+import cs from "./index98.js";
+import gs from "./index99.js";
+import ms from "./index100.js";
+import vs from "./index101.js";
+import as from "./index102.js";
+import ls from "./index103.js";
+import ns from "./index104.js";
+import fs from "./index105.js";
+import bs from "./index106.js";
+import ps from "./index107.js";
+import ds from "./index108.js";
+import hs from "./index109.js";
+import us from "./index110.js";
+import ks from "./index111.js";
+import xs from "./index112.js";
+import As from "./index113.js";
+import ws from "./index114.js";
+import Is from "./index115.js";
+import Ss from "./index116.js";
+import Es from "./index117.js";
+import Ns from "./index118.js";
+import Ps from "./index119.js";
+import $s from "./index120.js";
+import Cs from "./index121.js";
+import Fs from "./index122.js";
+import Os from "./index123.js";
+import Rs from "./index124.js";
+import js from "./index125.js";
+import ys from "./index126.js";
+import Ms from "./index127.js";
+import Gs from "./index128.js";
 import c from "react";
-import { ReactSVG as Ts } from "./index128.js";
+import { ReactSVG as Ts } from "./index129.js";
 const Vs = /* @__PURE__ */ Object.assign({
   "/src/assets/icons/all-space.svg": f,
   "/src/assets/icons/attachment.svg": b,

package/dist/index50.js

@@ -1,5 +1,58 @@
-const e = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5121_25308)'%3e%3cpath%20d='M6.77349%2010.3359H1.71958C1.3912%2010.3359%201.125%2010.6021%201.125%2010.9305V15.9844C1.125%2016.3128%201.3912%2016.579%201.71958%2016.579H6.77349C7.10186%2016.579%207.36806%2016.3128%207.36806%2015.9844V10.9305C7.36806%2010.6021%207.10186%2010.3359%206.77349%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15.9888%2010.3359H10.9349C10.6065%2010.3359%2010.3403%2010.6021%2010.3403%2010.9305V15.9844C10.3403%2016.3128%2010.6065%2016.579%2010.9349%2016.579H15.9888C16.3171%2016.579%2016.5834%2016.3128%2016.5834%2015.9844V10.9305C16.5834%2010.6021%2016.3171%2010.3359%2015.9888%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.3921%201.125H6.33823C6.00986%201.125%205.74365%201.3912%205.74365%201.71958V6.77349C5.74365%207.10186%206.00986%207.36806%206.33823%207.36806H11.3921C11.7205%207.36806%2011.9867%207.10186%2011.9867%206.77349V1.71958C11.9867%201.3912%2011.7205%201.125%2011.3921%201.125Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5121_25308'%3e%3crect%20width='18'%20height='18'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+import t from "react";
+import { Icon as I } from "./index5.js";
+/* empty css         */
+function g({
+  disabled: a,
+  error: c,
+  errorMessage: d,
+  inputStyle: u,
+  label: r,
+  leftIcon: o,
+  maxLength: n,
+  onChange: h,
+  placeholder: w,
+  rightIcon: s,
+  style: p,
+  tag: E,
+  type: f = "text",
+  value: i
+}) {
+  const N = E || "input", l = (e) => {
+    if (!e) return null;
+    const m = a || e.disabled;
+    return /* @__PURE__ */ t.createElement("div", {
+      className: `input-with-icon-icon input-with-icon-icon-${e.position} ${e.className || ""} ${m ? "disabled" : ""} ${e.disableHover ? "no-hover" : ""}`,
+      style: e.style,
+      onClick: m ? void 0 : e.onClick
+    }, /* @__PURE__ */ t.createElement(I, {
+      name: e.name
+    }));
+  }, $ = !!o, v = !!s;
+  return /* @__PURE__ */ t.createElement("div", {
+    className: "input-with-icon-main-container",
+    style: p
+  }, r && /* @__PURE__ */ t.createElement("div", {
+    className: "label-container"
+  }, r), /* @__PURE__ */ t.createElement("div", {
+    className: `input-with-icon-wrapper ${$ ? "has-left-icon" : ""} ${v ? "has-right-icon" : ""}`
+  }, l(o), /* @__PURE__ */ t.createElement(N, {
+    value: i,
+    onChange: (e) => h(e.target.value),
+    disabled: a,
+    type: f,
+    className: `input-with-icon-element ${c ? "input-with-icon-container-error" : "input-with-icon-container-default"} ${a ? "input-with-icon-container-disabled" : ""}`,
+    maxLength: n || void 0,
+    placeholder: w,
+    style: u
+  }), l(s)), /* @__PURE__ */ t.createElement("div", {
+    className: `${c ? "error-and-max-word" : "max-word-container"}`
+  }, c && /* @__PURE__ */ t.createElement("div", {
+    className: "error-message"
+  }, d), n && /* @__PURE__ */ t.createElement("div", {
+    className: "max-word"
+  }, n && (i == null ? void 0 : i.length) + "/" + n)));
+}
 export {
-  e as default
+  g as InputWithIcon
 };
 //# sourceMappingURL=index50.js.map

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../src/assets/icons/all-space.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5121_25308)'%3e%3cpath%20d='M6.77349%2010.3359H1.71958C1.3912%2010.3359%201.125%2010.6021%201.125%2010.9305V15.9844C1.125%2016.3128%201.3912%2016.579%201.71958%2016.579H6.77349C7.10186%2016.579%207.36806%2016.3128%207.36806%2015.9844V10.9305C7.36806%2010.6021%207.10186%2010.3359%206.77349%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15.9888%2010.3359H10.9349C10.6065%2010.3359%2010.3403%2010.6021%2010.3403%2010.9305V15.9844C10.3403%2016.3128%2010.6065%2016.579%2010.9349%2016.579H15.9888C16.3171%2016.579%2016.5834%2016.3128%2016.5834%2015.9844V10.9305C16.5834%2010.6021%2016.3171%2010.3359%2015.9888%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.3921%201.125H6.33823C6.00986%201.125%205.74365%201.3912%205.74365%201.71958V6.77349C5.74365%207.10186%206.00986%207.36806%206.33823%207.36806H11.3921C11.7205%207.36806%2011.9867%207.10186%2011.9867%206.77349V1.71958C11.9867%201.3912%2011.7205%201.125%2011.3921%201.125Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5121_25308'%3e%3crect%20width='18'%20height='18'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index50.js","sources":["../src/components/InputWithIcon/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon';\nimport './styles.scss';\n\nexport interface InputIconProps {\n  className?: string;\n  disabled?: boolean;\n  disableHover?: boolean;\n  name: string;\n  onClick?: () => void;\n  position: 'left' | 'right';\n  style?: React.CSSProperties;\n}\n\nexport interface InputWithIconProps {\n  disabled?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  inputStyle?: React.CSSProperties;\n  label?: string;\n  leftIcon?: InputIconProps;\n  maxLength?: number | undefined;\n  onChange: (value: string) => void;\n  placeholder?: string;\n  rightIcon?: InputIconProps;\n  style?: React.CSSProperties;\n  tag?: string;\n  type?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';\n  value: string;\n}\n\nexport function InputWithIcon({\n  disabled,\n  error,\n  errorMessage,\n  inputStyle,\n  label,\n  leftIcon,\n  maxLength,\n  onChange,\n  placeholder,\n  rightIcon,\n  style,\n  tag,\n  type = 'text',\n  value\n}: InputWithIconProps) {\n  const Element = tag || 'input';\n\n  const renderIcon = (iconProps: InputIconProps) => {\n    if (!iconProps) return null;\n    \n    const isIconDisabled = disabled || iconProps.disabled;\n    \n    return (\n      <div \n        className={`input-with-icon-icon input-with-icon-icon-${iconProps.position} ${iconProps.className || ''} ${isIconDisabled ? 'disabled' : ''} ${iconProps.disableHover ? 'no-hover' : ''}`}\n        style={iconProps.style}\n        onClick={isIconDisabled ? undefined : iconProps.onClick}\n      >\n        <Icon name={iconProps.name} />\n      </div>\n    );\n  };\n\n  const hasLeftIcon = !!leftIcon;\n  const hasRightIcon = !!rightIcon;\n\n  return (\n    <div className=\"input-with-icon-main-container\" style={style}>\n      {label && <div className=\"label-container\">{label}</div>}\n      <div className={`input-with-icon-wrapper ${hasLeftIcon ? 'has-left-icon' : ''} ${hasRightIcon ? 'has-right-icon' : ''}`}>\n        {renderIcon(leftIcon!)}\n        {React.createElement(Element, {\n          value,\n          onChange: (e: React.ChangeEvent<HTMLInputElement>) => onChange(e.target.value),\n          disabled,\n          type,\n          className: `input-with-icon-element ${error ? 'input-with-icon-container-error' : 'input-with-icon-container-default'} ${disabled ? 'input-with-icon-container-disabled' : ''}`,\n          maxLength: maxLength ? maxLength : undefined,\n          placeholder: placeholder,\n          style: inputStyle\n        })}\n        {renderIcon(rightIcon!)}\n      </div>\n      <div className={`${error ? 'error-and-max-word' : 'max-word-container'}`}>\n        {error && <div className=\"error-message\">{errorMessage}</div>}\n        {maxLength && <div className=\"max-word\">{maxLength && value?.length + '/' + maxLength}</div>}\n      </div>\n    </div>\n  );\n}\n"],"names":["React__default","Icon","InputWithIcon","disabled","error","errorMessage","inputStyle","label","leftIcon","maxLength","onChange","placeholder","rightIcon","style","tag","type","value","Element","renderIcon","iconProps","isIconDisabled","React","createElement","className","position","disableHover","onClick","undefined","name","hasLeftIcon","hasRightIcon","e","target","length"],"mappings":"AA+BO,OAAAA,OAAA;AAAA,SAAA,QAAAC,SAAA;AAAA,OAAA;AAAA,SAASC,EAAc;AAAA,EAC5BC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,OAAAA;AACkB,GAAG;AACrB,QAAMC,IAAUH,KAAO,SAEjBI,IAAaA,CAACC,MAA8B;AAC5C,QAAA,CAACA,EAAkB,QAAA;AAEjBC,UAAAA,IAAiBjB,KAAYgB,EAAUhB;AAG3CkB,WAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,MACEC,WAAW,6CAA6CJ,EAAUK,QAAQ,IAAIL,EAAUI,aAAa,EAAE,IAAIH,IAAiB,aAAa,EAAE,IAAID,EAAUM,eAAe,aAAa,EAAE;AAAA,MACvLZ,OAAOM,EAAUN;AAAAA,MACjBa,SAASN,IAAiBO,SAAYR,EAAUO;AAAAA,IAAAA,GAEhDJ,gBAAAA,EAAAA,cAACrB,GAAI;AAAA,MAAC2B,MAAMT,EAAUS;AAAAA,IAAAA,CAAO,CAC1B;AAAA,EAET,GAEMC,IAAc,CAAC,CAACrB,GAChBsB,IAAe,CAAC,CAAClB;AAGrBS,SAAAA,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,IAAiCV,OAAAA;AAAAA,EAC7CN,GAAAA,KAASe,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAmBhB,GAAAA,CAAW,GACvDc,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,2BAA2BM,IAAc,kBAAkB,EAAE,IAAIC,IAAe,mBAAmB,EAAE;AAAA,KAClHZ,EAAWV,CAAS,GACpBa,gBAAAA,EAAMC,cAAcL,GAAS;AAAA,IAC5BD,OAAAA;AAAAA,IACAN,UAAUA,CAACqB,MAA2CrB,EAASqB,EAAEC,OAAOhB,KAAK;AAAA,IAC7Eb,UAAAA;AAAAA,IACAY,MAAAA;AAAAA,IACAQ,WAAW,2BAA2BnB,IAAQ,oCAAoC,mCAAmC,IAAID,IAAW,uCAAuC,EAAE;AAAA,IAC7KM,WAAWA,KAAwBkB;AAAAA,IACnChB,aAAAA;AAAAA,IACAE,OAAOP;AAAAA,EAAAA,CACR,GACAY,EAAWN,CAAU,CACnB,GACLS,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAW,GAAGnB,IAAQ,uBAAuB,oBAAoB;AAAA,EACnEA,GAAAA,KAASkB,gBAAAA,EAAAA,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,KAAiBlB,CAAkB,GAC3DI,KAAaY,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKC,WAAU;AAAA,EAAA,GAAYd,MAAaO,KAAAA,gBAAAA,EAAOiB,UAAS,MAAMxB,CAAe,CACxF,CACF;AAET;"}

package/dist/index51.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5121_25308)'%3e%3cpath%20d='M6.77349%2010.3359H1.71958C1.3912%2010.3359%201.125%2010.6021%201.125%2010.9305V15.9844C1.125%2016.3128%201.3912%2016.579%201.71958%2016.579H6.77349C7.10186%2016.579%207.36806%2016.3128%207.36806%2015.9844V10.9305C7.36806%2010.6021%207.10186%2010.3359%206.77349%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15.9888%2010.3359H10.9349C10.6065%2010.3359%2010.3403%2010.6021%2010.3403%2010.9305V15.9844C10.3403%2016.3128%2010.6065%2016.579%2010.9349%2016.579H15.9888C16.3171%2016.579%2016.5834%2016.3128%2016.5834%2015.9844V10.9305C16.5834%2010.6021%2016.3171%2010.3359%2015.9888%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.3921%201.125H6.33823C6.00986%201.125%205.74365%201.3912%205.74365%201.71958V6.77349C5.74365%207.10186%206.00986%207.36806%206.33823%207.36806H11.3921C11.7205%207.36806%2011.9867%207.10186%2011.9867%206.77349V1.71958C11.9867%201.3912%2011.7205%201.125%2011.3921%201.125Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5121_25308'%3e%3crect%20width='18'%20height='18'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
 export {
   e as default
 };

package/dist/index51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index51.js","sources":["../src/assets/icons/attachment.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e\""],"names":["__vite_glob_0_1"],"mappings":"AAAA,MAAeA,IAAA;"}
+{"version":3,"file":"index51.js","sources":["../src/assets/icons/all-space.svg?url"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='18'%20height='18'%20viewBox='0%200%2018%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_5121_25308)'%3e%3cpath%20d='M6.77349%2010.3359H1.71958C1.3912%2010.3359%201.125%2010.6021%201.125%2010.9305V15.9844C1.125%2016.3128%201.3912%2016.579%201.71958%2016.579H6.77349C7.10186%2016.579%207.36806%2016.3128%207.36806%2015.9844V10.9305C7.36806%2010.6021%207.10186%2010.3359%206.77349%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M15.9888%2010.3359H10.9349C10.6065%2010.3359%2010.3403%2010.6021%2010.3403%2010.9305V15.9844C10.3403%2016.3128%2010.6065%2016.579%2010.9349%2016.579H15.9888C16.3171%2016.579%2016.5834%2016.3128%2016.5834%2015.9844V10.9305C16.5834%2010.6021%2016.3171%2010.3359%2015.9888%2010.3359Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M11.3921%201.125H6.33823C6.00986%201.125%205.74365%201.3912%205.74365%201.71958V6.77349C5.74365%207.10186%206.00986%207.36806%206.33823%207.36806H11.3921C11.7205%207.36806%2011.9867%207.10186%2011.9867%206.77349V1.71958C11.9867%201.3912%2011.7205%201.125%2011.3921%201.125Z'%20stroke='black'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_5121_25308'%3e%3crect%20width='18'%20height='18'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e\""],"names":["__vite_glob_0_0"],"mappings":"AAAA,MAAeA,IAAA;"}

package/dist/index52.js

@@ -1,4 +1,4 @@
-const e = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M17.2727%2010.0535H2'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M6.49198%2014.5454L2%2010.0535L6.49198%205.56149'%20stroke='currentColor'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e";
+const e = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='8'%20height='11'%20viewBox='0%200%208%2011'%20fill='none'%3e%3cpath%20d='M5.2%207.9359L5.2%203.32051C5.2%202.75407%204.66274%202.29487%204%202.29487C3.33726%202.29487%202.8%202.75407%202.8%203.32051L2.8%208.70513C2.8%209.69641%203.7402%2010.5%204.9%2010.5C6.0598%2010.5%207%209.69641%207%208.70513L7%203.0641C7%201.64799%205.65685%200.5%204%200.5C2.34315%200.5%201%201.64799%201%203.0641L1%207.9359'%20stroke='%23415575'%20stroke-width='0.8'%20stroke-linecap='round'/%3e%3c/svg%3e";
 export {
   e as default
 };