@wikicasa-dev/components 0.0.3 → 0.1.0

package/dist/components.js

@@ -1,1600 +1,462 @@
-import { defineComponent as st, ref as St, openBlock as it, createElementBlock as _t, createElementVNode as w, toDisplayString as Y, Fragment as Wt, createVNode as $t, pushScopeId as Kt, popScopeId as Gt, createTextVNode as T, createBlock as Xt, createApp as Qt } from "vue";
-const Zt = { class: "tw-flex tw-flex-col tw-items-start" }, Yt = { class: "tw-text-primary tw-p-2 tw-border-solid tw-border-primary-light tw-rounded-xl" }, te = /* @__PURE__ */ st({
-  __name: "Pera",
+import { defineComponent as h, openBlock as n, createElementBlock as o, normalizeClass as r, withModifiers as b, createElementVNode as p, createCommentVNode as w, ref as g, resolveComponent as V, renderSlot as v, withKeys as T, createBlock as k, Fragment as y, renderList as c, createVNode as $, createApp as S } from "vue";
+const C = h({
+  name: "BaseFloatingLabel",
   props: {
-    initial: {
-      type: Number,
-      default: 0
+    labelState: {
+      type: String,
+      default: () => "inline-label"
+    },
+    isValid: {
+      type: Boolean,
+      default: () => null
+    },
+    labelText: {
+      type: String,
+      required: !0
+    },
+    disabled: {
+      type: [String, Boolean],
+      default: !1
     }
   },
-  setup(t) {
-    const n = St(t.initial);
-    return (r, o) => (it(), _t("div", Zt, [
-      w("div", Yt, " Pera 🍐 " + Y(n.value), 1),
-      w("button", {
-        onClick: o[0] || (o[0] = (s) => n.value++),
-        class: "tw-text-white tw-bg-primary"
-      }, "Clicca")
-    ]));
-  }
+  emits: ["click"]
 });
-function At(t, e) {
-  return function() {
-    return t.apply(e, arguments);
+const m = (e, t) => {
+  const l = e.__vccOpts || e;
+  for (const [i, s] of t)
+    l[i] = s;
+  return l;
+}, B = ["for"], O = ["innerHTML"];
+function H(e, t, l, i, s, d) {
+  return n(), o("label", {
+    for: e.$attrs.for,
+    class: r([e.labelState, { "label-invalid": e.isValid === !1 }, { "label-valid": e.isValid }, { "tw-text-w-secondary": e.disabled }]),
+    onClick: t[0] || (t[0] = b((u) => e.$emit("click"), ["stop"]))
+  }, [
+    p("span", {
+      class: r(["tw-font-medium tw-text tw-text-w-black", { "!tw-text-w-secondary": e.disabled }]),
+      innerHTML: e.labelText
+    }, null, 10, O),
+    e.$attrs.required ? (n(), o("sup", {
+      key: 0,
+      class: r(["tw-text", { "tw-text-w-secondary": e.disabled }])
+    }, " *", 2)) : w("", !0)
+  ], 10, B);
+}
+const I = /* @__PURE__ */ m(C, [["render", H], ["__scopeId", "data-v-60743a0f"]]);
+function L(e) {
+  const t = g("inline-label");
+  function l(a) {
+    a != null && `${a}`.length > 0 && (t.value = "floating-label");
+  }
+  const i = (a = !0) => {
+    t.value !== "floating-label" && a && (t.value = "floating-label"), e("focusin");
   };
-}
-const { toString: ee } = Object.prototype, { getPrototypeOf: at } = Object, M = ((t) => (e) => {
-  const n = ee.call(e);
-  return t[n] || (t[n] = n.slice(8, -1).toLowerCase());
-})(/* @__PURE__ */ Object.create(null)), S = (t) => (t = t.toLowerCase(), (e) => M(e) === t), z = (t) => (e) => typeof e === t, { isArray: x } = Array, N = z("undefined");
-function ne(t) {
-  return t !== null && !N(t) && t.constructor !== null && !N(t.constructor) && E(t.constructor.isBuffer) && t.constructor.isBuffer(t);
-}
-const vt = S("ArrayBuffer");
-function re(t) {
-  let e;
-  return typeof ArrayBuffer < "u" && ArrayBuffer.isView ? e = ArrayBuffer.isView(t) : e = t && t.buffer && vt(t.buffer), e;
-}
-const oe = z("string"), E = z("function"), Tt = z("number"), H = (t) => t !== null && typeof t == "object", se = (t) => t === !0 || t === !1, B = (t) => {
-  if (M(t) !== "object")
-    return !1;
-  const e = at(t);
-  return (e === null || e === Object.prototype || Object.getPrototypeOf(e) === null) && !(Symbol.toStringTag in t) && !(Symbol.iterator in t);
-}, ie = S("Date"), ae = S("File"), ce = S("Blob"), ue = S("FileList"), le = (t) => H(t) && E(t.pipe), fe = (t) => {
-  let e;
-  return t && (typeof FormData == "function" && t instanceof FormData || E(t.append) && ((e = M(t)) === "formdata" || // detect form-data instance
-  e === "object" && E(t.toString) && t.toString() === "[object FormData]"));
-}, de = S("URLSearchParams"), pe = (t) => t.trim ? t.trim() : t.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-function U(t, e, { allOwnKeys: n = !1 } = {}) {
-  if (t === null || typeof t > "u")
-    return;
-  let r, o;
-  if (typeof t != "object" && (t = [t]), x(t))
-    for (r = 0, o = t.length; r < o; r++)
-      e.call(null, t[r], r, t);
-  else {
-    const s = n ? Object.getOwnPropertyNames(t) : Object.keys(t), i = s.length;
-    let u;
-    for (r = 0; r < i; r++)
-      u = s[r], e.call(null, t[u], u, t);
+  function s(a, f = !1, F = !0) {
+    if (a != null && `${a}`.trim().length > 0 || !f && !F) {
+      u(), e("focusout");
+      return;
+    }
+    d();
   }
-}
-function Ct(t, e) {
-  e = e.toLowerCase();
-  const n = Object.keys(t);
-  let r = n.length, o;
-  for (; r-- > 0; )
-    if (o = n[r], e === o.toLowerCase())
-      return o;
-  return null;
-}
-const xt = (() => typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : global)(), jt = (t) => !N(t) && t !== xt;
-function tt() {
-  const { caseless: t } = jt(this) && this || {}, e = {}, n = (r, o) => {
-    const s = t && Ct(e, o) || o;
-    B(e[s]) && B(r) ? e[s] = tt(e[s], r) : B(r) ? e[s] = tt({}, r) : x(r) ? e[s] = r.slice() : e[s] = r;
+  const d = () => {
+    t.value = "inline-label";
+  }, u = () => {
+    t.value = "floating-label";
   };
-  for (let r = 0, o = arguments.length; r < o; r++)
-    arguments[r] && U(arguments[r], n);
-  return e;
-}
-const he = (t, e, n, { allOwnKeys: r } = {}) => (U(e, (o, s) => {
-  n && E(o) ? t[s] = At(o, n) : t[s] = o;
-}, { allOwnKeys: r }), t), me = (t) => (t.charCodeAt(0) === 65279 && (t = t.slice(1)), t), ge = (t, e, n, r) => {
-  t.prototype = Object.create(e.prototype, r), t.prototype.constructor = t, Object.defineProperty(t, "super", {
-    value: e.prototype
-  }), n && Object.assign(t.prototype, n);
-}, be = (t, e, n, r) => {
-  let o, s, i;
-  const u = {};
-  if (e = e || {}, t == null)
-    return e;
-  do {
-    for (o = Object.getOwnPropertyNames(t), s = o.length; s-- > 0; )
-      i = o[s], (!r || r(i, t, e)) && !u[i] && (e[i] = t[i], u[i] = !0);
-    t = n !== !1 && at(t);
-  } while (t && (!n || n(t, e)) && t !== Object.prototype);
-  return e;
-}, ye = (t, e, n) => {
-  t = String(t), (n === void 0 || n > t.length) && (n = t.length), n -= e.length;
-  const r = t.indexOf(e, n);
-  return r !== -1 && r === n;
-}, we = (t) => {
-  if (!t)
-    return null;
-  if (x(t))
-    return t;
-  let e = t.length;
-  if (!Tt(e))
-    return null;
-  const n = new Array(e);
-  for (; e-- > 0; )
-    n[e] = t[e];
-  return n;
-}, Ee = ((t) => (e) => t && e instanceof t)(typeof Uint8Array < "u" && at(Uint8Array)), Oe = (t, e) => {
-  const n = (t && t[Symbol.iterator]).call(t);
-  let r;
-  for (; (r = n.next()) && !r.done; ) {
-    const o = r.value;
-    e.call(t, o[0], o[1]);
-  }
-}, Re = (t, e) => {
-  let n;
-  const r = [];
-  for (; (n = t.exec(e)) !== null; )
-    r.push(n);
-  return r;
-}, Se = S("HTMLFormElement"), _e = (t) => t.toLowerCase().replace(
-  /[-_\s]([a-z\d])(\w*)/g,
-  function(e, n, r) {
-    return n.toUpperCase() + r;
-  }
-), dt = (({ hasOwnProperty: t }) => (e, n) => t.call(e, n))(Object.prototype), Ae = S("RegExp"), Nt = (t, e) => {
-  const n = Object.getOwnPropertyDescriptors(t), r = {};
-  U(n, (o, s) => {
-    e(o, s, t) !== !1 && (r[s] = o);
-  }), Object.defineProperties(t, r);
-}, ve = (t) => {
-  Nt(t, (e, n) => {
-    if (E(t) && ["arguments", "caller", "callee"].indexOf(n) !== -1)
-      return !1;
-    const r = t[n];
-    if (E(r)) {
-      if (e.enumerable = !1, "writable" in e) {
-        e.writable = !1;
-        return;
-      }
-      e.set || (e.set = () => {
-        throw Error("Can not rewrite read-only method '" + n + "'");
-      });
-    }
-  });
-}, Te = (t, e) => {
-  const n = {}, r = (o) => {
-    o.forEach((s) => {
-      n[s] = !0;
-    });
+  return {
+    labelState: t,
+    setInitialLabelState: l,
+    handleFocusIn: i,
+    handleFocusOut: s,
+    setInlineLabel: d,
+    setFloatingLabel: u
   };
-  return x(t) ? r(t) : r(String(t).split(e)), n;
-}, Ce = () => {
-}, xe = (t, e) => (t = +t, Number.isFinite(t) ? t : e), G = "abcdefghijklmnopqrstuvwxyz", pt = "0123456789", Ut = {
-  DIGIT: pt,
-  ALPHA: G,
-  ALPHA_DIGIT: G + G.toUpperCase() + pt
-}, je = (t = 16, e = Ut.ALPHA_DIGIT) => {
-  let n = "";
-  const { length: r } = e;
-  for (; t--; )
-    n += e[Math.random() * r | 0];
-  return n;
-};
-function Ne(t) {
-  return !!(t && E(t.append) && t[Symbol.toStringTag] === "FormData" && t[Symbol.iterator]);
 }
-const Ue = (t) => {
-  const e = new Array(10), n = (r, o) => {
-    if (H(r)) {
-      if (e.indexOf(r) >= 0)
-        return;
-      if (!("toJSON" in r)) {
-        e[o] = r;
-        const s = x(r) ? [] : {};
-        return U(r, (i, u) => {
-          const c = n(i, o + 1);
-          !N(c) && (s[u] = c);
-        }), e[o] = void 0, s;
-      }
+const M = h({
+  name: "BaseInput",
+  components: { BaseFloatingLabel: I },
+  inheritAttrs: !1,
+  props: {
+    inputClass: { type: [String, Array], required: !1, default: "" },
+    inputType: { type: String, default: "text-input" },
+    labelText: { type: String, default: "" },
+    border: { type: Boolean, default: !0 },
+    modelValue: { type: [String, Number] },
+    feedback: { type: Object },
+    isValid: { type: Boolean, default: null },
+    auto: { type: Boolean, default: !0 },
+    keepFloatingLabel: { type: Boolean, default: !1 },
+    formatter: {
+      type: Object,
+      default: null
     }
-    return r;
-  };
-  return n(t, 0);
-}, Pe = S("AsyncFunction"), De = (t) => t && (H(t) || E(t)) && E(t.then) && E(t.catch), a = {
-  isArray: x,
-  isArrayBuffer: vt,
-  isBuffer: ne,
-  isFormData: fe,
-  isArrayBufferView: re,
-  isString: oe,
-  isNumber: Tt,
-  isBoolean: se,
-  isObject: H,
-  isPlainObject: B,
-  isUndefined: N,
-  isDate: ie,
-  isFile: ae,
-  isBlob: ce,
-  isRegExp: Ae,
-  isFunction: E,
-  isStream: le,
-  isURLSearchParams: de,
-  isTypedArray: Ee,
-  isFileList: ue,
-  forEach: U,
-  merge: tt,
-  extend: he,
-  trim: pe,
-  stripBOM: me,
-  inherits: ge,
-  toFlatObject: be,
-  kindOf: M,
-  kindOfTest: S,
-  endsWith: ye,
-  toArray: we,
-  forEachEntry: Oe,
-  matchAll: Re,
-  isHTMLForm: Se,
-  hasOwnProperty: dt,
-  hasOwnProp: dt,
-  // an alias to avoid ESLint no-prototype-builtins detection
-  reduceDescriptors: Nt,
-  freezeMethods: ve,
-  toObjectSet: Te,
-  toCamelCase: _e,
-  noop: Ce,
-  toFiniteNumber: xe,
-  findKey: Ct,
-  global: xt,
-  isContextDefined: jt,
-  ALPHABET: Ut,
-  generateString: je,
-  isSpecCompliantForm: Ne,
-  toJSONObject: Ue,
-  isAsyncFn: Pe,
-  isThenable: De
-};
-function m(t, e, n, r, o) {
-  Error.call(this), Error.captureStackTrace ? Error.captureStackTrace(this, this.constructor) : this.stack = new Error().stack, this.message = t, this.name = "AxiosError", e && (this.code = e), n && (this.config = n), r && (this.request = r), o && (this.response = o);
-}
-a.inherits(m, Error, {
-  toJSON: function() {
+  },
+  emits: ["update:modelValue", "click", "keydown-enter-pressed", "focusin", "focusout"],
+  setup(e, t) {
+    const {
+      labelState: l,
+      setInitialLabelState: i,
+      handleFocusIn: s,
+      handleFocusOut: d,
+      setInlineLabel: u,
+      setFloatingLabel: a
+    } = L(t.emit);
     return {
-      // Standard
-      message: this.message,
-      name: this.name,
-      // Microsoft
-      description: this.description,
-      number: this.number,
-      // Mozilla
-      fileName: this.fileName,
-      lineNumber: this.lineNumber,
-      columnNumber: this.columnNumber,
-      stack: this.stack,
-      // Axios
-      config: a.toJSONObject(this.config),
-      code: this.code,
-      status: this.response && this.response.status ? this.response.status : null
+      labelState: l,
+      setInitialLabelState: i,
+      handleFocusIn: s,
+      handleFocusOut: d,
+      setInlineLabel: u,
+      setFloatingLabel: a
     };
-  }
-});
-const Pt = m.prototype, Dt = {};
-[
-  "ERR_BAD_OPTION_VALUE",
-  "ERR_BAD_OPTION",
-  "ECONNABORTED",
-  "ETIMEDOUT",
-  "ERR_NETWORK",
-  "ERR_FR_TOO_MANY_REDIRECTS",
-  "ERR_DEPRECATED",
-  "ERR_BAD_RESPONSE",
-  "ERR_BAD_REQUEST",
-  "ERR_CANCELED",
-  "ERR_NOT_SUPPORT",
-  "ERR_INVALID_URL"
-  // eslint-disable-next-line func-names
-].forEach((t) => {
-  Dt[t] = { value: t };
-});
-Object.defineProperties(m, Dt);
-Object.defineProperty(Pt, "isAxiosError", { value: !0 });
-m.from = (t, e, n, r, o, s) => {
-  const i = Object.create(Pt);
-  return a.toFlatObject(t, i, function(u) {
-    return u !== Error.prototype;
-  }, (u) => u !== "isAxiosError"), m.call(i, t.message, e, n, r, o), i.cause = t, i.name = t.name, s && Object.assign(i, s), i;
-};
-const Fe = null;
-function et(t) {
-  return a.isPlainObject(t) || a.isArray(t);
-}
-function Ft(t) {
-  return a.endsWith(t, "[]") ? t.slice(0, -2) : t;
-}
-function ht(t, e, n) {
-  return t ? t.concat(e).map(function(r, o) {
-    return r = Ft(r), !n && o ? "[" + r + "]" : r;
-  }).join(n ? "." : "") : e;
-}
-function Be(t) {
-  return a.isArray(t) && !t.some(et);
-}
-const Le = a.toFlatObject(a, {}, null, function(t) {
-  return /^is[A-Z]/.test(t);
-});
-function V(t, e, n) {
-  if (!a.isObject(t))
-    throw new TypeError("target must be an object");
-  e = e || new FormData(), n = a.toFlatObject(n, {
-    metaTokens: !0,
-    dots: !1,
-    indexes: !1
-  }, !1, function(p, d) {
-    return !a.isUndefined(d[p]);
-  });
-  const r = n.metaTokens, o = n.visitor || f, s = n.dots, i = n.indexes, u = (n.Blob || typeof Blob < "u" && Blob) && a.isSpecCompliantForm(e);
-  if (!a.isFunction(o))
-    throw new TypeError("visitor must be a function");
-  function c(p) {
-    if (p === null)
-      return "";
-    if (a.isDate(p))
-      return p.toISOString();
-    if (!u && a.isBlob(p))
-      throw new m("Blob is not supported. Use a Buffer instead.");
-    return a.isArrayBuffer(p) || a.isTypedArray(p) ? u && typeof Blob == "function" ? new Blob([p]) : Buffer.from(p) : p;
-  }
-  function f(p, d, _) {
-    let O = p;
-    if (p && !_ && typeof p == "object") {
-      if (a.endsWith(d, "{}"))
-        d = r ? d : d.slice(0, -2), p = JSON.stringify(p);
-      else if (a.isArray(p) && Be(p) || (a.isFileList(p) || a.endsWith(d, "[]")) && (O = a.toArray(p)))
-        return d = Ft(d), O.forEach(function(K, Jt) {
-          !(a.isUndefined(K) || K === null) && e.append(
-            // eslint-disable-next-line no-nested-ternary
-            i === !0 ? ht([d], Jt, s) : i === null ? d : d + "[]",
-            c(K)
-          );
-        }), !1;
-    }
-    return et(p) ? !0 : (e.append(ht(_, d, s), c(p)), !1);
-  }
-  const l = [], h = Object.assign(Le, {
-    defaultVisitor: f,
-    convertValue: c,
-    isVisitable: et
-  });
-  function g(p, d) {
-    if (!a.isUndefined(p)) {
-      if (l.indexOf(p) !== -1)
-        throw Error("Circular reference detected in " + d.join("."));
-      l.push(p), a.forEach(p, function(_, O) {
-        (!(a.isUndefined(_) || _ === null) && o.call(
-          e,
-          _,
-          a.isString(O) ? O.trim() : O,
-          d,
-          h
-        )) === !0 && g(_, d ? d.concat(O) : [O]);
-      }), l.pop();
-    }
-  }
-  if (!a.isObject(t))
-    throw new TypeError("data must be an object");
-  return g(t), e;
-}
-function mt(t) {
-  const e = {
-    "!": "%21",
-    "'": "%27",
-    "(": "%28",
-    ")": "%29",
-    "~": "%7E",
-    "%20": "+",
-    "%00": "\0"
-  };
-  return encodeURIComponent(t).replace(/[!'()~]|%20|%00/g, function(n) {
-    return e[n];
-  });
-}
-function ct(t, e) {
-  this._pairs = [], t && V(t, this, e);
-}
-const Bt = ct.prototype;
-Bt.append = function(t, e) {
-  this._pairs.push([t, e]);
-};
-Bt.toString = function(t) {
-  const e = t ? function(n) {
-    return t.call(this, n, mt);
-  } : mt;
-  return this._pairs.map(function(n) {
-    return e(n[0]) + "=" + e(n[1]);
-  }, "").join("&");
-};
-function ke(t) {
-  return encodeURIComponent(t).replace(/%3A/gi, ":").replace(/%24/g, "$").replace(/%2C/gi, ",").replace(/%20/g, "+").replace(/%5B/gi, "[").replace(/%5D/gi, "]");
-}
-function Lt(t, e, n) {
-  if (!e)
-    return t;
-  const r = n && n.encode || ke, o = n && n.serialize;
-  let s;
-  if (o ? s = o(e, n) : s = a.isURLSearchParams(e) ? e.toString() : new ct(e, n).toString(r), s) {
-    const i = t.indexOf("#");
-    i !== -1 && (t = t.slice(0, i)), t += (t.indexOf("?") === -1 ? "?" : "&") + s;
-  }
-  return t;
-}
-class Ie {
-  constructor() {
-    this.handlers = [];
-  }
-  /**
-   * Add a new interceptor to the stack
-   *
-   * @param {Function} fulfilled The function to handle `then` for a `Promise`
-   * @param {Function} rejected The function to handle `reject` for a `Promise`
-   *
-   * @return {Number} An ID used to remove interceptor later
-   */
-  use(e, n, r) {
-    return this.handlers.push({
-      fulfilled: e,
-      rejected: n,
-      synchronous: r ? r.synchronous : !1,
-      runWhen: r ? r.runWhen : null
-    }), this.handlers.length - 1;
-  }
-  /**
-   * Remove an interceptor from the stack
-   *
-   * @param {Number} id The ID that was returned by `use`
-   *
-   * @returns {Boolean} `true` if the interceptor was removed, `false` otherwise
-   */
-  eject(e) {
-    this.handlers[e] && (this.handlers[e] = null);
-  }
-  /**
-   * Clear all interceptors from the stack
-   *
-   * @returns {void}
-   */
-  clear() {
-    this.handlers && (this.handlers = []);
-  }
-  /**
-   * Iterate over all the registered interceptors
-   *
-   * This method is particularly useful for skipping over any
-   * interceptors that may have become `null` calling `eject`.
-   *
-   * @param {Function} fn The function to call for each interceptor
-   *
-   * @returns {void}
-   */
-  forEach(e) {
-    a.forEach(this.handlers, function(n) {
-      n !== null && e(n);
-    });
-  }
-}
-const gt = Ie, kt = {
-  silentJSONParsing: !0,
-  forcedJSONParsing: !0,
-  clarifyTimeoutError: !1
-}, qe = typeof URLSearchParams < "u" ? URLSearchParams : ct, Me = typeof FormData < "u" ? FormData : null, ze = typeof Blob < "u" ? Blob : null, He = (() => {
-  let t;
-  return typeof navigator < "u" && ((t = navigator.product) === "ReactNative" || t === "NativeScript" || t === "NS") ? !1 : typeof window < "u" && typeof document < "u";
-})(), Ve = (() => typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
-self instanceof WorkerGlobalScope && typeof self.importScripts == "function")(), R = {
-  isBrowser: !0,
-  classes: {
-    URLSearchParams: qe,
-    FormData: Me,
-    Blob: ze
   },
-  isStandardBrowserEnv: He,
-  isStandardBrowserWebWorkerEnv: Ve,
-  protocols: ["http", "https", "file", "blob", "url", "data"]
-};
-function Je(t, e) {
-  return V(t, new R.classes.URLSearchParams(), Object.assign({
-    visitor: function(n, r, o, s) {
-      return R.isNode && a.isBuffer(n) ? (this.append(r, n.toString("base64")), !1) : s.defaultVisitor.apply(this, arguments);
-    }
-  }, e));
-}
-function We(t) {
-  return a.matchAll(/\w+|\[(\w*)]/g, t).map((e) => e[0] === "[]" ? "" : e[1] || e[0]);
-}
-function $e(t) {
-  const e = {}, n = Object.keys(t);
-  let r;
-  const o = n.length;
-  let s;
-  for (r = 0; r < o; r++)
-    s = n[r], e[s] = t[s];
-  return e;
-}
-function It(t) {
-  function e(n, r, o, s) {
-    let i = n[s++];
-    const u = Number.isFinite(+i), c = s >= n.length;
-    return i = !i && a.isArray(o) ? o.length : i, c ? (a.hasOwnProp(o, i) ? o[i] = [o[i], r] : o[i] = r, !u) : ((!o[i] || !a.isObject(o[i])) && (o[i] = []), e(n, r, o[i], s) && a.isArray(o[i]) && (o[i] = $e(o[i])), !u);
-  }
-  if (a.isFormData(t) && a.isFunction(t.entries)) {
-    const n = {};
-    return a.forEachEntry(t, (r, o) => {
-      e(We(r), o, n, 0);
-    }), n;
-  }
-  return null;
-}
-const Ke = {
-  "Content-Type": void 0
-};
-function Ge(t, e, n) {
-  if (a.isString(t))
-    try {
-      return (e || JSON.parse)(t), a.trim(t);
-    } catch (r) {
-      if (r.name !== "SyntaxError")
-        throw r;
-    }
-  return (n || JSON.stringify)(t);
-}
-const J = {
-  transitional: kt,
-  adapter: ["xhr", "http"],
-  transformRequest: [function(t, e) {
-    const n = e.getContentType() || "", r = n.indexOf("application/json") > -1, o = a.isObject(t);
-    if (o && a.isHTMLForm(t) && (t = new FormData(t)), a.isFormData(t))
-      return r && r ? JSON.stringify(It(t)) : t;
-    if (a.isArrayBuffer(t) || a.isBuffer(t) || a.isStream(t) || a.isFile(t) || a.isBlob(t))
-      return t;
-    if (a.isArrayBufferView(t))
-      return t.buffer;
-    if (a.isURLSearchParams(t))
-      return e.setContentType("application/x-www-form-urlencoded;charset=utf-8", !1), t.toString();
-    let s;
-    if (o) {
-      if (n.indexOf("application/x-www-form-urlencoded") > -1)
-        return Je(t, this.formSerializer).toString();
-      if ((s = a.isFileList(t)) || n.indexOf("multipart/form-data") > -1) {
-        const i = this.env && this.env.FormData;
-        return V(
-          s ? { "files[]": t } : t,
-          i && new i(),
-          this.formSerializer
-        );
+  data() {
+    return {
+      type: "",
+      //a valid input type
+      feedbackObj: {},
+      pointerDownListener: (e) => {
+        e.preventDefault();
       }
+    };
+  },
+  computed: {
+    passwordIcon() {
+      return document.querySelector("[data-type='password-icon']");
+    },
+    inputEl() {
+      return this.$refs.baseInput;
     }
-    return o || r ? (e.setContentType("application/json", !1), Ge(t)) : t;
-  }],
-  transformResponse: [function(t) {
-    const e = this.transitional || J.transitional, n = e && e.forcedJSONParsing, r = this.responseType === "json";
-    if (t && a.isString(t) && (n && !this.responseType || r)) {
-      const o = !(e && e.silentJSONParsing) && r;
-      try {
-        return JSON.parse(t);
-      } catch (s) {
-        if (o)
-          throw s.name === "SyntaxError" ? m.from(s, m.ERR_BAD_RESPONSE, this, null, this.response) : s;
-      }
+  },
+  watch: {
+    feedback() {
+      this.normalizeFeedbackProp();
+    },
+    modelValue(e) {
+      if (e) {
+        const t = this.$refs.baseInput;
+        !t.value && this.formatter && (e = t.value);
+        const l = this.updateInputValue(t, e);
+        this.$emit("update:modelValue", l);
+      } else
+        this.$refs.baseInput.value = "";
+      e != null && `${e}`.length > 0 && this.auto && this.labelState !== "floating-label" ? this.labelState = "floating-label" : (e == null || e == null) && (this.labelState = "inline-label");
+    },
+    //Manually moving the floating label
+    keepFloatingLabel(e) {
+      e ? this.setFloatingLabel() : this.handleFocusOut(this.modelValue, !0, this.auto);
     }
-    return t;
-  }],
-  /**
-   * A timeout in milliseconds to abort a request. If set to 0 (default) a
-   * timeout is not created.
-   */
-  timeout: 0,
-  xsrfCookieName: "XSRF-TOKEN",
-  xsrfHeaderName: "X-XSRF-TOKEN",
-  maxContentLength: -1,
-  maxBodyLength: -1,
-  env: {
-    FormData: R.classes.FormData,
-    Blob: R.classes.Blob
   },
-  validateStatus: function(t) {
-    return t >= 200 && t < 300;
+  created() {
+    this.type = this.$attrs.type, this.normalizeFeedbackProp(), this.setInitialLabelState(this.modelValue);
   },
-  headers: {
-    common: {
-      Accept: "application/json, text/plain, */*"
-    }
-  }
-};
-a.forEach(["delete", "get", "head"], function(t) {
-  J.headers[t] = {};
-});
-a.forEach(["post", "put", "patch"], function(t) {
-  J.headers[t] = a.merge(Ke);
-});
-const ut = J, Xe = a.toObjectSet([
-  "age",
-  "authorization",
-  "content-length",
-  "content-type",
-  "etag",
-  "expires",
-  "from",
-  "host",
-  "if-modified-since",
-  "if-unmodified-since",
-  "last-modified",
-  "location",
-  "max-forwards",
-  "proxy-authorization",
-  "referer",
-  "retry-after",
-  "user-agent"
-]), Qe = (t) => {
-  const e = {};
-  let n, r, o;
-  return t && t.split(`
-`).forEach(function(s) {
-    o = s.indexOf(":"), n = s.substring(0, o).trim().toLowerCase(), r = s.substring(o + 1).trim(), !(!n || e[n] && Xe[n]) && (n === "set-cookie" ? e[n] ? e[n].push(r) : e[n] = [r] : e[n] = e[n] ? e[n] + ", " + r : r);
-  }), e;
-}, bt = Symbol("internals");
-function j(t) {
-  return t && String(t).trim().toLowerCase();
-}
-function L(t) {
-  return t === !1 || t == null ? t : a.isArray(t) ? t.map(L) : String(t);
-}
-function Ze(t) {
-  const e = /* @__PURE__ */ Object.create(null), n = /([^\s,;=]+)\s*(?:=\s*([^,;]+))?/g;
-  let r;
-  for (; r = n.exec(t); )
-    e[r[1]] = r[2];
-  return e;
-}
-const Ye = (t) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(t.trim());
-function X(t, e, n, r, o) {
-  if (a.isFunction(r))
-    return r.call(this, e, n);
-  if (o && (e = n), !!a.isString(e)) {
-    if (a.isString(r))
-      return e.indexOf(r) !== -1;
-    if (a.isRegExp(r))
-      return r.test(e);
-  }
-}
-function tn(t) {
-  return t.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (e, n, r) => n.toUpperCase() + r);
-}
-function en(t, e) {
-  const n = a.toCamelCase(" " + e);
-  ["get", "set", "has"].forEach((r) => {
-    Object.defineProperty(t, r + n, {
-      value: function(o, s, i) {
-        return this[r].call(this, e, o, s, i);
-      },
-      configurable: !0
-    });
-  });
-}
-class W {
-  constructor(e) {
-    e && this.set(e);
-  }
-  set(e, n, r) {
-    const o = this;
-    function s(u, c, f) {
-      const l = j(c);
-      if (!l)
-        throw new Error("header name must be a non-empty string");
-      const h = a.findKey(o, l);
-      (!h || o[h] === void 0 || f === !0 || f === void 0 && o[h] !== !1) && (o[h || c] = L(u));
+  mounted() {
+    if ((this.modelValue != null || this.modelValue != null) && (this.$refs.baseInput.value = `${this.modelValue}`), this.formatter) {
+      const e = this.updateInputValue(this.$refs.baseInput, `${this.modelValue}`);
+      this.$emit("update:modelValue", e);
     }
-    const i = (u, c) => a.forEach(u, (f, l) => s(f, l, c));
-    return a.isPlainObject(e) || e instanceof this.constructor ? i(e, n) : a.isString(e) && (e = e.trim()) && !Ye(e) ? i(Qe(e), n) : e != null && s(n, e, r), this;
-  }
-  get(e, n) {
-    if (e = j(e), e) {
-      const r = a.findKey(this, e);
-      if (r) {
-        const o = this[r];
-        if (!n)
-          return o;
-        if (n === !0)
-          return Ze(o);
-        if (a.isFunction(n))
-          return n.call(this, o, r);
-        if (a.isRegExp(n))
-          return n.exec(o);
-        throw new TypeError("parser must be boolean|regexp|function");
-      }
-    }
-  }
-  has(e, n) {
-    if (e = j(e), e) {
-      const r = a.findKey(this, e);
-      return !!(r && this[r] !== void 0 && (!n || X(this, this[r], r, n)));
-    }
-    return !1;
-  }
-  delete(e, n) {
-    const r = this;
-    let o = !1;
-    function s(i) {
-      if (i = j(i), i) {
-        const u = a.findKey(r, i);
-        u && (!n || X(r, r[u], u, n)) && (delete r[u], o = !0);
-      }
-    }
-    return a.isArray(e) ? e.forEach(s) : s(e), o;
-  }
-  clear(e) {
-    const n = Object.keys(this);
-    let r = n.length, o = !1;
-    for (; r--; ) {
-      const s = n[r];
-      (!e || X(this, this[s], s, e, !0)) && (delete this[s], o = !0);
-    }
-    return o;
-  }
-  normalize(e) {
-    const n = this, r = {};
-    return a.forEach(this, (o, s) => {
-      const i = a.findKey(r, s);
-      if (i) {
-        n[i] = L(o), delete n[s];
+    this.setPointerOutListener();
+  },
+  unmounted() {
+    var e;
+    (e = this.passwordIcon) == null || e.removeEventListener("pointerdown", this.pointerDownListener);
+  },
+  methods: {
+    /**
+     * Prevents the default behaviour of pointerout so the clicked element won't make lose the focus to the input element
+     * */
+    setPointerOutListener() {
+      if (this.$attrs.type !== "password")
         return;
-      }
-      const u = e ? tn(s) : String(s).trim();
-      u !== s && delete n[s], n[u] = L(o), r[u] = !0;
-    }), this;
-  }
-  concat(...e) {
-    return this.constructor.concat(this, ...e);
-  }
-  toJSON(e) {
-    const n = /* @__PURE__ */ Object.create(null);
-    return a.forEach(this, (r, o) => {
-      r != null && r !== !1 && (n[o] = e && a.isArray(r) ? r.join(", ") : r);
-    }), n;
-  }
-  [Symbol.iterator]() {
-    return Object.entries(this.toJSON())[Symbol.iterator]();
-  }
-  toString() {
-    return Object.entries(this.toJSON()).map(([e, n]) => e + ": " + n).join(`
-`);
-  }
-  get [Symbol.toStringTag]() {
-    return "AxiosHeaders";
-  }
-  static from(e) {
-    return e instanceof this ? e : new this(e);
-  }
-  static concat(e, ...n) {
-    const r = new this(e);
-    return n.forEach((o) => r.set(o)), r;
-  }
-  static accessor(e) {
-    const n = (this[bt] = this[bt] = {
-      accessors: {}
-    }).accessors, r = this.prototype;
-    function o(s) {
-      const i = j(s);
-      n[i] || (en(r, s), n[i] = !0);
-    }
-    return a.isArray(e) ? e.forEach(o) : o(e), this;
-  }
-}
-W.accessor(["Content-Type", "Content-Length", "Accept", "Accept-Encoding", "User-Agent", "Authorization"]);
-a.freezeMethods(W.prototype);
-a.freezeMethods(W);
-const A = W;
-function Q(t, e) {
-  const n = this || ut, r = e || n, o = A.from(r.headers);
-  let s = r.data;
-  return a.forEach(t, function(i) {
-    s = i.call(n, s, o.normalize(), e ? e.status : void 0);
-  }), o.normalize(), s;
-}
-function qt(t) {
-  return !!(t && t.__CANCEL__);
-}
-function P(t, e, n) {
-  m.call(this, t ?? "canceled", m.ERR_CANCELED, e, n), this.name = "CanceledError";
-}
-a.inherits(P, m, {
-  __CANCEL__: !0
-});
-function nn(t, e, n) {
-  const r = n.config.validateStatus;
-  !n.status || !r || r(n.status) ? t(n) : e(new m(
-    "Request failed with status code " + n.status,
-    [m.ERR_BAD_REQUEST, m.ERR_BAD_RESPONSE][Math.floor(n.status / 100) - 4],
-    n.config,
-    n.request,
-    n
-  ));
-}
-const rn = R.isStandardBrowserEnv ? (
-  // Standard browser envs support document.cookie
-  function() {
-    return {
-      write: function(t, e, n, r, o, s) {
-        const i = [];
-        i.push(t + "=" + encodeURIComponent(e)), a.isNumber(n) && i.push("expires=" + new Date(n).toGMTString()), a.isString(r) && i.push("path=" + r), a.isString(o) && i.push("domain=" + o), s === !0 && i.push("secure"), document.cookie = i.join("; ");
-      },
-      read: function(t) {
-        const e = document.cookie.match(new RegExp("(^|;\\s*)(" + t + ")=([^;]*)"));
-        return e ? decodeURIComponent(e[3]) : null;
-      },
-      remove: function(t) {
-        this.write(t, "", Date.now() - 864e5);
-      }
-    };
-  }()
-) : (
-  // Non standard browser env (web workers, react-native) lack needed support.
-  function() {
-    return {
-      write: function() {
-      },
-      read: function() {
-        return null;
-      },
-      remove: function() {
-      }
-    };
-  }()
-);
-function on(t) {
-  return /^([a-z][a-z\d+\-.]*:)?\/\//i.test(t);
-}
-function sn(t, e) {
-  return e ? t.replace(/\/+$/, "") + "/" + e.replace(/^\/+/, "") : t;
-}
-function Mt(t, e) {
-  return t && !on(e) ? sn(t, e) : e;
-}
-const an = R.isStandardBrowserEnv ? (
-  // Standard browser envs have full support of the APIs needed to test
-  // whether the request URL is of the same origin as current location.
-  function() {
-    const t = /(msie|trident)/i.test(navigator.userAgent), e = document.createElement("a");
-    let n;
-    function r(o) {
-      let s = o;
-      return t && (e.setAttribute("href", s), s = e.href), e.setAttribute("href", s), {
-        href: e.href,
-        protocol: e.protocol ? e.protocol.replace(/:$/, "") : "",
-        host: e.host,
-        search: e.search ? e.search.replace(/^\?/, "") : "",
-        hash: e.hash ? e.hash.replace(/^#/, "") : "",
-        hostname: e.hostname,
-        port: e.port,
-        pathname: e.pathname.charAt(0) === "/" ? e.pathname : "/" + e.pathname
-      };
-    }
-    return n = r(window.location.href), function(o) {
-      const s = a.isString(o) ? r(o) : o;
-      return s.protocol === n.protocol && s.host === n.host;
-    };
-  }()
-) : (
-  // Non standard browser envs (web workers, react-native) lack needed support.
-  function() {
-    return function() {
-      return !0;
-    };
-  }()
-);
-function cn(t) {
-  const e = /^([-+\w]{1,25})(:?\/\/|:)/.exec(t);
-  return e && e[1] || "";
-}
-function un(t, e) {
-  t = t || 10;
-  const n = new Array(t), r = new Array(t);
-  let o = 0, s = 0, i;
-  return e = e !== void 0 ? e : 1e3, function(u) {
-    const c = Date.now(), f = r[s];
-    i || (i = c), n[o] = u, r[o] = c;
-    let l = s, h = 0;
-    for (; l !== o; )
-      h += n[l++], l = l % t;
-    if (o = (o + 1) % t, o === s && (s = (s + 1) % t), c - i < e)
-      return;
-    const g = f && c - f;
-    return g ? Math.round(h * 1e3 / g) : void 0;
-  };
-}
-function yt(t, e) {
-  let n = 0;
-  const r = un(50, 250);
-  return (o) => {
-    const s = o.loaded, i = o.lengthComputable ? o.total : void 0, u = s - n, c = r(u), f = s <= i;
-    n = s;
-    const l = {
-      loaded: s,
-      total: i,
-      progress: i ? s / i : void 0,
-      bytes: u,
-      rate: c || void 0,
-      estimated: c && i && f ? (i - s) / c : void 0,
-      event: o
-    };
-    l[e ? "download" : "upload"] = !0, t(l);
-  };
-}
-const ln = typeof XMLHttpRequest < "u", fn = ln && function(t) {
-  return new Promise(function(e, n) {
-    let r = t.data;
-    const o = A.from(t.headers).normalize(), s = t.responseType;
-    let i;
-    function u() {
-      t.cancelToken && t.cancelToken.unsubscribe(i), t.signal && t.signal.removeEventListener("abort", i);
-    }
-    a.isFormData(r) && (R.isStandardBrowserEnv || R.isStandardBrowserWebWorkerEnv ? o.setContentType(!1) : o.setContentType("multipart/form-data;", !1));
-    let c = new XMLHttpRequest();
-    if (t.auth) {
-      const g = t.auth.username || "", p = t.auth.password ? unescape(encodeURIComponent(t.auth.password)) : "";
-      o.set("Authorization", "Basic " + btoa(g + ":" + p));
-    }
-    const f = Mt(t.baseURL, t.url);
-    c.open(t.method.toUpperCase(), Lt(f, t.params, t.paramsSerializer), !0), c.timeout = t.timeout;
-    function l() {
-      if (!c)
+      const e = this.passwordIcon;
+      e && e.addEventListener("pointerdown", this.pointerDownListener);
+    },
+    handleFloatingLabelClick() {
+      this.$refs.baseInput.focus();
+    },
+    normalizeFeedbackProp() {
+      this.feedback && (this.feedbackObj = this.feedback, this.feedback.valid && typeof this.feedback.valid == "string" && (this.feedbackObj.valid = [this.feedback.valid]), this.feedback.invalid && typeof this.feedback.invalid == "string" && (this.feedbackObj.invalid = [this.feedback.invalid]));
+    },
+    updateInputValue(e, t) {
+      if (!t)
+        return e.value = "", "";
+      let l = "";
+      return this.formatter && this.formatter.unFormatFn ? l = `${this.formatter.unFormatFn(t)}` : l = t, this.formatter ? e.value = this.formatter.formatFn(l) : e.value = l, l;
+    },
+    handleInputChange({ target: e }) {
+      if (this.inputType === "select")
         return;
-      const g = A.from(
-        "getAllResponseHeaders" in c && c.getAllResponseHeaders()
-      ), p = {
-        data: !s || s === "text" || s === "json" ? c.responseText : c.response,
-        status: c.status,
-        statusText: c.statusText,
-        headers: g,
-        config: t,
-        request: c
-      };
-      nn(function(d) {
-        e(d), u();
-      }, function(d) {
-        n(d), u();
-      }, p), c = null;
-    }
-    if ("onloadend" in c ? c.onloadend = l : c.onreadystatechange = function() {
-      !c || c.readyState !== 4 || c.status === 0 && !(c.responseURL && c.responseURL.indexOf("file:") === 0) || setTimeout(l);
-    }, c.onabort = function() {
-      c && (n(new m("Request aborted", m.ECONNABORTED, t, c)), c = null);
-    }, c.onerror = function() {
-      n(new m("Network Error", m.ERR_NETWORK, t, c)), c = null;
-    }, c.ontimeout = function() {
-      let g = t.timeout ? "timeout of " + t.timeout + "ms exceeded" : "timeout exceeded";
-      const p = t.transitional || kt;
-      t.timeoutErrorMessage && (g = t.timeoutErrorMessage), n(new m(
-        g,
-        p.clarifyTimeoutError ? m.ETIMEDOUT : m.ECONNABORTED,
-        t,
-        c
-      )), c = null;
-    }, R.isStandardBrowserEnv) {
-      const g = (t.withCredentials || an(f)) && t.xsrfCookieName && rn.read(t.xsrfCookieName);
-      g && o.set(t.xsrfHeaderName, g);
-    }
-    r === void 0 && o.setContentType(null), "setRequestHeader" in c && a.forEach(o.toJSON(), function(g, p) {
-      c.setRequestHeader(p, g);
-    }), a.isUndefined(t.withCredentials) || (c.withCredentials = !!t.withCredentials), s && s !== "json" && (c.responseType = t.responseType), typeof t.onDownloadProgress == "function" && c.addEventListener("progress", yt(t.onDownloadProgress, !0)), typeof t.onUploadProgress == "function" && c.upload && c.upload.addEventListener("progress", yt(t.onUploadProgress)), (t.cancelToken || t.signal) && (i = (g) => {
-      c && (n(!g || g.type ? new P(null, t, c) : g), c.abort(), c = null);
-    }, t.cancelToken && t.cancelToken.subscribe(i), t.signal && (t.signal.aborted ? i() : t.signal.addEventListener("abort", i)));
-    const h = cn(f);
-    if (h && R.protocols.indexOf(h) === -1) {
-      n(new m("Unsupported protocol " + h + ":", m.ERR_BAD_REQUEST, t));
-      return;
-    }
-    c.send(r || null);
-  });
-}, k = {
-  http: Fe,
-  xhr: fn
-};
-a.forEach(k, (t, e) => {
-  if (t) {
-    try {
-      Object.defineProperty(t, "name", { value: e });
-    } catch {
+      const t = e, l = this.updateInputValue(t, t.value);
+      this.$emit("update:modelValue", l);
+    },
+    handleClick(e) {
+      this.$emit("click", e);
+    },
+    handleClean() {
+      this.$emit("update:modelValue", ""), this.setInlineLabel();
+    },
+    handleShowPasswd(e) {
+      this.type === "password" ? this.type = "text" : this.type === "text" && (this.type = "password");
     }
-    Object.defineProperty(t, "adapterName", { value: e });
   }
 });
-const dn = {
-  getAdapter: (t) => {
-    t = a.isArray(t) ? t : [t];
-    const { length: e } = t;
-    let n, r;
-    for (let o = 0; o < e && (n = t[o], !(r = a.isString(n) ? k[n.toLowerCase()] : n)); o++)
-      ;
-    if (!r)
-      throw r === !1 ? new m(
-        `Adapter ${n} is not supported by the environment`,
-        "ERR_NOT_SUPPORT"
-      ) : new Error(
-        a.hasOwnProp(k, n) ? `Adapter '${n}' is not available in the build` : `Unknown adapter '${n}'`
-      );
-    if (!a.isFunction(r))
-      throw new TypeError("adapter is not a function");
-    return r;
+const E = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder"], A = {
+  key: 0,
+  class: "tw-float-none tw-w-auto tw-overflow-hidden tw-block tw-p-0 tw-text tw-ml-2 tw-mb-2 tw-h-3 tw-invisible tw-max-w-full tw-transition-[max-width] tw-duration-[50ms] tw-ease-out tw-whitespace-nowrap"
+}, q = ["innerHTML"], j = ["innerHTML"], z = ["innerHTML"], P = { class: "position-absolute f-12 under-label" };
+function D(e, t, l, i, s, d) {
+  const u = V("base-floating-label");
+  return n(), o("div", {
+    class: r(["tw-inline-block tw-w-full tw-relative input-wrapper", [
+      e.$attrs.class,
+      { "tw-mt-10px": e.labelText },
+      { "floating-label": e.labelText },
+      e.labelState === "floating-label" ? "floating-state" : "inline-state",
+      { "has-right-icon": e.$slots.rightIcon },
+      { "has-left-icon": e.$slots.leftIcon },
+      { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
+    ]])
+  }, [
+    v(e.$slots, "leftIcon", {}, void 0, !0),
+    v(e.$slots, "rightIcon", {
+      handleClean: e.handleClean,
+      handleShowPasswd: e.handleShowPasswd,
+      curType: e.type
+    }, void 0, !0),
+    p("input", {
+      id: e.$attrs.id,
+      ref: "baseInput",
+      "data-cy": e.$attrs["data-cy"],
+      name: e.$attrs.name,
+      class: r(["tw-peer focus:tw-shadow-none !tw-border-none tw-truncate tw-h-[41px] tw-bg-no-repeat", [
+        { "input-element tw-block tw-w-full tw-appearance-none tw-outline-0 tw-h-12 tw-py-2 tw-px-4": e.inputType === "text-input" },
+        { "text-light-steel": e.$attrs.disabled },
+        { "is-invalid invalid-bg !tw-pr-9": e.isValid === !1, "is-valid valid-bg !tw-pr-9": e.isValid },
+        { "tw-pr-[42px]": e.$slots.rightIcon },
+        { "tw-pl-[42px]": e.$slots.leftIcon },
+        e.inputClass
+      ]]),
+      autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
+      disabled: e.$attrs.disabled,
+      "aria-labelledby": e.$attrs.id,
+      readonly: e.$attrs.readonly,
+      type: e.type,
+      pattern: e.$attrs.pattern,
+      min: e.$attrs.min,
+      max: e.$attrs.max,
+      maxlength: e.$attrs.maxlength,
+      inputmode: e.$attrs.inputmode,
+      placeholder: e.$attrs.placeholder,
+      onClick: t[0] || (t[0] = b((...a) => e.handleClick && e.handleClick(...a), ["stop"])),
+      onFocusin: t[1] || (t[1] = b((...a) => e.handleFocusIn && e.handleFocusIn(...a), ["stop"])),
+      onFocusout: t[2] || (t[2] = b((a) => e.handleFocusOut(e.modelValue, !1, e.auto), ["stop"])),
+      onInput: t[3] || (t[3] = b((...a) => e.handleInputChange && e.handleInputChange(...a), ["stop"])),
+      onKeydown: t[4] || (t[4] = T((a) => e.$emit("keydown-enter-pressed"), ["enter"]))
+    }, null, 42, E),
+    p("fieldset", {
+      class: r(["tw-absolute tw-text-left tw-m-0 tw-pointer-events-none tw-overflow-hidden peer-focus:tw-border-2 tw-transition-[border] tw-duration-100 tw-ease-out tw-h-12 -tw-top-[5px] tw-right-0 tw-bottom-0 tw-left-0 tw-px-2 tw-py-0 tw-border tw-border-solid tw-rounded-xs", [
+        e.border ? "with-border" : "tw-border-none",
+        {
+          "is-invalid tw-border-w-danger": e.isValid === !1,
+          "is-valid tw-border-w-primary": e.isValid,
+          "tw-border-w-secondary": e.isValid === null
+        },
+        { "no-floating-label tw-top-0": !e.labelText },
+        e.$attrs["fieldset-classes"]
+      ]])
+    }, [
+      e.labelText ? (n(), o("legend", A, [
+        p("span", {
+          class: r(["visible-label tw-opacity-0", [
+            { "tw-mx-5px": e.labelText },
+            { "tw-visible tw-inline-block": e.labelState === "floating-label" },
+            { "tw-invisible tw-hidden": e.labelState === "inline-label" }
+          ]]),
+          innerHTML: e.labelText
+        }, null, 10, q)
+      ])) : w("", !0)
+    ], 2),
+    e.labelText ? (n(), k(u, {
+      key: 0,
+      for: e.$attrs.id,
+      "label-text": e.labelText,
+      "label-state": e.labelState,
+      "is-valid": e.isValid,
+      required: e.$attrs.required,
+      disabled: e.$attrs.disabled,
+      onClick: e.handleFloatingLabelClick
+    }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "onClick"])) : w("", !0),
+    e.isValid === !1 ? (n(!0), o(y, { key: 1 }, c(e.feedbackObj.invalid, (a, f) => (n(), o("div", {
+      key: `${e.$attrs.id}_invalid_${f}`,
+      class: "tw-text-w-danger tw-mt-1",
+      innerHTML: a
+    }, null, 8, j))), 128)) : e.isValid === !0 ? (n(!0), o(y, { key: 2 }, c(e.feedbackObj.valid, (a, f) => (n(), o("div", {
+      key: `${e.$attrs.id}_valid_${f}`,
+      class: "tw-text-w-primary tw-mt-1",
+      innerHTML: a
+    }, null, 8, z))), 128)) : w("", !0),
+    p("div", P, [
+      v(e.$slots, "under-label", {}, void 0, !0)
+    ])
+  ], 2);
+}
+const N = /* @__PURE__ */ m(M, [["render", D], ["__scopeId", "data-v-8d567faa"]]), K = h({
+  name: "BaseTextarea",
+  components: { BaseFloatingLabel: I },
+  inheritAttrs: !1,
+  props: {
+    labelText: { type: String, default: "" },
+    modelValue: { type: [String, Number] },
+    feedback: { type: Object },
+    isValid: { type: Boolean, default: null },
+    textAreaStyle: { type: String, default: "" },
+    isDisabled: { type: Boolean, default: !1 },
+    resize: { type: Boolean, default: !1 }
   },
-  adapters: k
-};
-function Z(t) {
-  if (t.cancelToken && t.cancelToken.throwIfRequested(), t.signal && t.signal.aborted)
-    throw new P(null, t);
-}
-function wt(t) {
-  return Z(t), t.headers = A.from(t.headers), t.data = Q.call(
-    t,
-    t.transformRequest
-  ), ["post", "put", "patch"].indexOf(t.method) !== -1 && t.headers.setContentType("application/x-www-form-urlencoded", !1), dn.getAdapter(t.adapter || ut.adapter)(t).then(function(e) {
-    return Z(t), e.data = Q.call(
-      t,
-      t.transformResponse,
-      e
-    ), e.headers = A.from(e.headers), e;
-  }, function(e) {
-    return qt(e) || (Z(t), e && e.response && (e.response.data = Q.call(
-      t,
-      t.transformResponse,
-      e.response
-    ), e.response.headers = A.from(e.response.headers))), Promise.reject(e);
-  });
-}
-const Et = (t) => t instanceof A ? t.toJSON() : t;
-function C(t, e) {
-  e = e || {};
-  const n = {};
-  function r(f, l, h) {
-    return a.isPlainObject(f) && a.isPlainObject(l) ? a.merge.call({ caseless: h }, f, l) : a.isPlainObject(l) ? a.merge({}, l) : a.isArray(l) ? l.slice() : l;
-  }
-  function o(f, l, h) {
-    if (a.isUndefined(l)) {
-      if (!a.isUndefined(f))
-        return r(void 0, f, h);
-    } else
-      return r(f, l, h);
-  }
-  function s(f, l) {
-    if (!a.isUndefined(l))
-      return r(void 0, l);
-  }
-  function i(f, l) {
-    if (a.isUndefined(l)) {
-      if (!a.isUndefined(f))
-        return r(void 0, f);
-    } else
-      return r(void 0, l);
-  }
-  function u(f, l, h) {
-    if (h in e)
-      return r(f, l);
-    if (h in t)
-      return r(void 0, f);
-  }
-  const c = {
-    url: s,
-    method: s,
-    data: s,
-    baseURL: i,
-    transformRequest: i,
-    transformResponse: i,
-    paramsSerializer: i,
-    timeout: i,
-    timeoutMessage: i,
-    withCredentials: i,
-    adapter: i,
-    responseType: i,
-    xsrfCookieName: i,
-    xsrfHeaderName: i,
-    onUploadProgress: i,
-    onDownloadProgress: i,
-    decompress: i,
-    maxContentLength: i,
-    maxBodyLength: i,
-    beforeRedirect: i,
-    transport: i,
-    httpAgent: i,
-    httpsAgent: i,
-    cancelToken: i,
-    socketPath: i,
-    responseEncoding: i,
-    validateStatus: u,
-    headers: (f, l) => o(Et(f), Et(l), !0)
-  };
-  return a.forEach(Object.keys(Object.assign({}, t, e)), function(f) {
-    const l = c[f] || o, h = l(t[f], e[f], f);
-    a.isUndefined(h) && l !== u || (n[f] = h);
-  }), n;
-}
-const zt = "1.4.0", lt = {};
-["object", "boolean", "number", "function", "string", "symbol"].forEach((t, e) => {
-  lt[t] = function(n) {
-    return typeof n === t || "a" + (e < 1 ? "n " : " ") + t;
-  };
-});
-const Ot = {};
-lt.transitional = function(t, e, n) {
-  function r(o, s) {
-    return "[Axios v" + zt + "] Transitional option '" + o + "'" + s + (n ? ". " + n : "");
-  }
-  return (o, s, i) => {
-    if (t === !1)
-      throw new m(
-        r(s, " has been removed" + (e ? " in " + e : "")),
-        m.ERR_DEPRECATED
-      );
-    return e && !Ot[s] && (Ot[s] = !0, console.warn(
-      r(
-        s,
-        " has been deprecated since v" + e + " and will be removed in the near future"
-      )
-    )), t ? t(o, s, i) : !0;
-  };
-};
-function pn(t, e, n) {
-  if (typeof t != "object")
-    throw new m("options must be an object", m.ERR_BAD_OPTION_VALUE);
-  const r = Object.keys(t);
-  let o = r.length;
-  for (; o-- > 0; ) {
-    const s = r[o], i = e[s];
-    if (i) {
-      const u = t[s], c = u === void 0 || i(u, s, t);
-      if (c !== !0)
-        throw new m("option " + s + " must be " + c, m.ERR_BAD_OPTION_VALUE);
-      continue;
-    }
-    if (n !== !0)
-      throw new m("Unknown option " + s, m.ERR_BAD_OPTION);
-  }
-}
-const nt = {
-  assertOptions: pn,
-  validators: lt
-}, v = nt.validators;
-class q {
-  constructor(e) {
-    this.defaults = e, this.interceptors = {
-      request: new gt(),
-      response: new gt()
-    };
-  }
-  /**
-   * Dispatch a request
-   *
-   * @param {String|Object} configOrUrl The config specific for this request (merged with this.defaults)
-   * @param {?Object} config
-   *
-   * @returns {Promise} The Promise to be fulfilled
-   */
-  request(e, n) {
-    typeof e == "string" ? (n = n || {}, n.url = e) : n = e || {}, n = C(this.defaults, n);
-    const { transitional: r, paramsSerializer: o, headers: s } = n;
-    r !== void 0 && nt.assertOptions(r, {
-      silentJSONParsing: v.transitional(v.boolean),
-      forcedJSONParsing: v.transitional(v.boolean),
-      clarifyTimeoutError: v.transitional(v.boolean)
-    }, !1), o != null && (a.isFunction(o) ? n.paramsSerializer = {
-      serialize: o
-    } : nt.assertOptions(o, {
-      encode: v.function,
-      serialize: v.function
-    }, !0)), n.method = (n.method || this.defaults.method || "get").toLowerCase();
-    let i;
-    i = s && a.merge(
-      s.common,
-      s[n.method]
-    ), i && a.forEach(
-      ["delete", "get", "head", "post", "put", "patch", "common"],
-      (d) => {
-        delete s[d];
-      }
-    ), n.headers = A.concat(i, s);
-    const u = [];
-    let c = !0;
-    this.interceptors.request.forEach(function(d) {
-      typeof d.runWhen == "function" && d.runWhen(n) === !1 || (c = c && d.synchronous, u.unshift(d.fulfilled, d.rejected));
-    });
-    const f = [];
-    this.interceptors.response.forEach(function(d) {
-      f.push(d.fulfilled, d.rejected);
-    });
-    let l, h = 0, g;
-    if (!c) {
-      const d = [wt.bind(this), void 0];
-      for (d.unshift.apply(d, u), d.push.apply(d, f), g = d.length, l = Promise.resolve(n); h < g; )
-        l = l.then(d[h++], d[h++]);
-      return l;
-    }
-    g = u.length;
-    let p = n;
-    for (h = 0; h < g; ) {
-      const d = u[h++], _ = u[h++];
-      try {
-        p = d(p);
-      } catch (O) {
-        _.call(this, O);
-        break;
-      }
-    }
-    try {
-      l = wt.call(this, p);
-    } catch (d) {
-      return Promise.reject(d);
-    }
-    for (h = 0, g = f.length; h < g; )
-      l = l.then(f[h++], f[h++]);
-    return l;
-  }
-  getUri(e) {
-    e = C(this.defaults, e);
-    const n = Mt(e.baseURL, e.url);
-    return Lt(n, e.params, e.paramsSerializer);
-  }
-}
-a.forEach(["delete", "get", "head", "options"], function(t) {
-  q.prototype[t] = function(e, n) {
-    return this.request(C(n || {}, {
-      method: t,
-      url: e,
-      data: (n || {}).data
-    }));
-  };
-});
-a.forEach(["post", "put", "patch"], function(t) {
-  function e(n) {
-    return function(r, o, s) {
-      return this.request(C(s || {}, {
-        method: t,
-        headers: n ? {
-          "Content-Type": "multipart/form-data"
-        } : {},
-        url: r,
-        data: o
-      }));
+  emits: ["update:modelValue", "focusin", "focusout"],
+  setup(e, t) {
+    const {
+      labelState: l,
+      setInitialLabelState: i,
+      handleFocusIn: s,
+      handleFocusOut: d
+    } = L(t.emit);
+    return {
+      labelState: l,
+      setInitialLabelState: i,
+      handleFocusIn: s,
+      handleFocusOut: d
     };
-  }
-  q.prototype[t] = e(), q.prototype[t + "Form"] = e(!0);
-});
-const I = q;
-class ft {
-  constructor(e) {
-    if (typeof e != "function")
-      throw new TypeError("executor must be a function.");
-    let n;
-    this.promise = new Promise(function(o) {
-      n = o;
-    });
-    const r = this;
-    this.promise.then((o) => {
-      if (!r._listeners)
-        return;
-      let s = r._listeners.length;
-      for (; s-- > 0; )
-        r._listeners[s](o);
-      r._listeners = null;
-    }), this.promise.then = (o) => {
-      let s;
-      const i = new Promise((u) => {
-        r.subscribe(u), s = u;
-      }).then(o);
-      return i.cancel = function() {
-        r.unsubscribe(s);
-      }, i;
-    }, e(function(o, s, i) {
-      r.reason || (r.reason = new P(o, s, i), n(r.reason));
-    });
-  }
-  /**
-   * Throws a `CanceledError` if cancellation has been requested.
-   */
-  throwIfRequested() {
-    if (this.reason)
-      throw this.reason;
-  }
-  /**
-   * Subscribe to the cancel signal
-   */
-  subscribe(e) {
-    if (this.reason) {
-      e(this.reason);
-      return;
-    }
-    this._listeners ? this._listeners.push(e) : this._listeners = [e];
-  }
-  /**
-   * Unsubscribe from the cancel signal
-   */
-  unsubscribe(e) {
-    if (!this._listeners)
-      return;
-    const n = this._listeners.indexOf(e);
-    n !== -1 && this._listeners.splice(n, 1);
-  }
-  /**
-   * Returns an object that contains a new `CancelToken` and a function that, when called,
-   * cancels the `CancelToken`.
-   */
-  static source() {
-    let e;
+  },
+  data() {
     return {
-      token: new ft(function(n) {
-        e = n;
-      }),
-      cancel: e
+      //This inner value is useful in case the inner value of the textarea do not match with the modelValue
+      value: ""
     };
-  }
-}
-const hn = ft;
-function mn(t) {
-  return function(e) {
-    return t.apply(null, e);
-  };
-}
-function gn(t) {
-  return a.isObject(t) && t.isAxiosError === !0;
-}
-const rt = {
-  Continue: 100,
-  SwitchingProtocols: 101,
-  Processing: 102,
-  EarlyHints: 103,
-  Ok: 200,
-  Created: 201,
-  Accepted: 202,
-  NonAuthoritativeInformation: 203,
-  NoContent: 204,
-  ResetContent: 205,
-  PartialContent: 206,
-  MultiStatus: 207,
-  AlreadyReported: 208,
-  ImUsed: 226,
-  MultipleChoices: 300,
-  MovedPermanently: 301,
-  Found: 302,
-  SeeOther: 303,
-  NotModified: 304,
-  UseProxy: 305,
-  Unused: 306,
-  TemporaryRedirect: 307,
-  PermanentRedirect: 308,
-  BadRequest: 400,
-  Unauthorized: 401,
-  PaymentRequired: 402,
-  Forbidden: 403,
-  NotFound: 404,
-  MethodNotAllowed: 405,
-  NotAcceptable: 406,
-  ProxyAuthenticationRequired: 407,
-  RequestTimeout: 408,
-  Conflict: 409,
-  Gone: 410,
-  LengthRequired: 411,
-  PreconditionFailed: 412,
-  PayloadTooLarge: 413,
-  UriTooLong: 414,
-  UnsupportedMediaType: 415,
-  RangeNotSatisfiable: 416,
-  ExpectationFailed: 417,
-  ImATeapot: 418,
-  MisdirectedRequest: 421,
-  UnprocessableEntity: 422,
-  Locked: 423,
-  FailedDependency: 424,
-  TooEarly: 425,
-  UpgradeRequired: 426,
-  PreconditionRequired: 428,
-  TooManyRequests: 429,
-  RequestHeaderFieldsTooLarge: 431,
-  UnavailableForLegalReasons: 451,
-  InternalServerError: 500,
-  NotImplemented: 501,
-  BadGateway: 502,
-  ServiceUnavailable: 503,
-  GatewayTimeout: 504,
-  HttpVersionNotSupported: 505,
-  VariantAlsoNegotiates: 506,
-  InsufficientStorage: 507,
-  LoopDetected: 508,
-  NotExtended: 510,
-  NetworkAuthenticationRequired: 511
-};
-Object.entries(rt).forEach(([t, e]) => {
-  rt[e] = t;
-});
-const bn = rt;
-function Ht(t) {
-  const e = new I(t), n = At(I.prototype.request, e);
-  return a.extend(n, I.prototype, e, { allOwnKeys: !0 }), a.extend(n, e, null, { allOwnKeys: !0 }), n.create = function(r) {
-    return Ht(C(t, r));
-  }, n;
-}
-const b = Ht(ut);
-b.Axios = I;
-b.CanceledError = P;
-b.CancelToken = hn;
-b.isCancel = qt;
-b.VERSION = zt;
-b.toFormData = V;
-b.AxiosError = m;
-b.Cancel = b.CanceledError;
-b.all = function(t) {
-  return Promise.all(t);
-};
-b.spread = mn;
-b.isAxiosError = gn;
-b.mergeConfig = C;
-b.AxiosHeaders = A;
-b.formToJSON = (t) => It(a.isHTMLForm(t) ? new FormData(t) : t);
-b.HttpStatusCode = bn;
-b.default = b;
-let D;
-const yn = new Uint8Array(16);
-function wn() {
-  if (!D && (D = typeof crypto < "u" && crypto.getRandomValues && crypto.getRandomValues.bind(crypto), !D))
-    throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-  return D(yn);
-}
-const y = [];
-for (let t = 0; t < 256; ++t)
-  y.push((t + 256).toString(16).slice(1));
-function En(t, e = 0) {
-  return (y[t[e + 0]] + y[t[e + 1]] + y[t[e + 2]] + y[t[e + 3]] + "-" + y[t[e + 4]] + y[t[e + 5]] + "-" + y[t[e + 6]] + y[t[e + 7]] + "-" + y[t[e + 8]] + y[t[e + 9]] + "-" + y[t[e + 10]] + y[t[e + 11]] + y[t[e + 12]] + y[t[e + 13]] + y[t[e + 14]] + y[t[e + 15]]).toLowerCase();
-}
-const On = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Rt = {
-  randomUUID: On
-};
-function Rn(t, e, n) {
-  if (Rt.randomUUID && !e && !t)
-    return Rt.randomUUID();
-  t = t || {};
-  const r = t.random || (t.rng || wn)();
-  if (r[6] = r[6] & 15 | 64, r[8] = r[8] & 63 | 128, e) {
-    n = n || 0;
-    for (let o = 0; o < 16; ++o)
-      e[n + o] = r[o];
-    return e;
-  }
-  return En(r);
-}
-Rn();
-/*! js-cookie v3.0.5 | MIT */
-function F(t) {
-  for (var e = 1; e < arguments.length; e++) {
-    var n = arguments[e];
-    for (var r in n)
-      t[r] = n[r];
-  }
-  return t;
-}
-var Sn = {
-  read: function(t) {
-    return t[0] === '"' && (t = t.slice(1, -1)), t.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
   },
-  write: function(t) {
-    return encodeURIComponent(t).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function ot(t, e) {
-  function n(o, s, i) {
-    if (!(typeof document > "u")) {
-      i = F({}, e, i), typeof i.expires == "number" && (i.expires = new Date(Date.now() + i.expires * 864e5)), i.expires && (i.expires = i.expires.toUTCString()), o = encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-      var u = "";
-      for (var c in i)
-        i[c] && (u += "; " + c, i[c] !== !0 && (u += "=" + i[c].split(";")[0]));
-      return document.cookie = o + "=" + t.write(s, o) + u;
+  computed: {
+    textareaElem() {
+      return this.$refs.textarea;
     }
-  }
-  function r(o) {
-    if (!(typeof document > "u" || arguments.length && !o)) {
-      for (var s = document.cookie ? document.cookie.split("; ") : [], i = {}, u = 0; u < s.length; u++) {
-        var c = s[u].split("="), f = c.slice(1).join("=");
-        try {
-          var l = decodeURIComponent(c[0]);
-          if (i[l] = t.read(f, l), o === l)
-            break;
-        } catch {
-        }
-      }
-      return o ? i[o] : i;
+  },
+  watch: {
+    modelValue(e) {
+      `${e}`.length > 0 && this.labelState !== "floating-label" && (this.labelState = "floating-label");
     }
-  }
-  return Object.create(
-    {
-      set: n,
-      get: r,
-      remove: function(o, s) {
-        n(
-          o,
-          "",
-          F({}, s, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(o) {
-        return ot(this.converter, F({}, this.attributes, o));
-      },
-      withConverter: function(o) {
-        return ot(F({}, this.converter, o), this.attributes);
-      }
+  },
+  created() {
+    this.setInitialLabelState(this.modelValue);
+  },
+  methods: {
+    handleOnChange({ target: e }) {
+      this.value = e.value, this.$emit("update:modelValue", e.value);
     },
-    {
-      attributes: { value: Object.freeze(e) },
-      converter: { value: Object.freeze(t) }
-    }
-  );
-}
-ot(Sn, { path: "/" });
-function _n(t, e = !1) {
-  return t == null ? "" : An(e ? Math.round(t) : Math.floor(t), 0);
-}
-function An(t, e) {
-  return !t && t !== 0 ? "" : t.toLocaleString(
-    "it-IT",
-    // usare una stringa tipo 'en-US' per sovrascrivere la lingua del browser
-    {
-      minimumFractionDigits: e,
-      maximumFractionDigits: e
+    handleFloatingLabelClick() {
+      this.$refs.textarea.focus();
+    },
+    /* Favorite scenario: multiple baseTextarea */
+    disableTextarea() {
+      this.textareaElem.setAttribute("readonly", "readonly"), this.textareaElem.classList.add("disabled");
+    },
+    clearTextareaElem() {
+      this.textareaElem.value = "";
+    },
+    disableAndFocusTextarea() {
+      this.textareaElem.removeAttribute("readonly"), this.textareaElem.classList.remove("disabled"), this.$nextTick(() => {
+        this.textareaElem.focus();
+      });
     }
-  );
-}
-const $ = (t) => (Kt("data-v-e7217893"), t = t(), Gt(), t), vn = { class: "card" }, Tn = /* @__PURE__ */ $(() => /* @__PURE__ */ w("p", null, [
-  /* @__PURE__ */ T(" Edit "),
-  /* @__PURE__ */ w("code", null, "components/HelloWorld.vue"),
-  /* @__PURE__ */ T(" to test HMR ")
-], -1)), Cn = /* @__PURE__ */ $(() => /* @__PURE__ */ w("p", null, [
-  /* @__PURE__ */ T(" Check out "),
-  /* @__PURE__ */ w("a", {
-    href: "https://vuejs.org/guide/quick-start.html#local",
-    target: "_blank"
-  }, "create-vue"),
-  /* @__PURE__ */ T(", the official Vue + Vite starter ")
-], -1)), xn = /* @__PURE__ */ $(() => /* @__PURE__ */ w("p", null, [
-  /* @__PURE__ */ T(" Install "),
-  /* @__PURE__ */ w("a", {
-    href: "https://github.com/vuejs/language-tools",
-    target: "_blank"
-  }, "Volar"),
-  /* @__PURE__ */ T(" in your IDE for a better DX ")
-], -1)), jn = /* @__PURE__ */ $(() => /* @__PURE__ */ w("p", { class: "read-the-docs" }, "Click on the Vite and Vue logos to learn more", -1)), Nn = /* @__PURE__ */ st({
-  __name: "HelloWorld",
-  props: {
-    msg: {}
-  },
-  setup(t) {
-    console.log(_n(1234));
-    const e = St(0);
-    return (n, r) => (it(), _t(Wt, null, [
-      w("h1", null, Y(n.msg), 1),
-      w("div", vn, [
-        w("button", {
-          type: "button",
-          onClick: r[0] || (r[0] = (o) => e.value++)
-        }, "count is " + Y(e.value), 1),
-        Tn
-      ]),
-      Cn,
-      xn,
-      jn,
-      $t(te)
-    ], 64));
   }
 });
-const Vt = (t, e) => {
-  const n = t.__vccOpts || t;
-  for (const [r, o] of e)
-    n[r] = o;
-  return n;
-}, Un = /* @__PURE__ */ Vt(Nn, [["__scopeId", "data-v-e7217893"]]), Pn = /* @__PURE__ */ st({
+const U = ["id", "rows", "disabled", "aria-labelledby", "innerHTML"], W = {
+  key: 0,
+  class: "tw-float-none tw-w-auto tw-overflow-hidden tw-block tw-p-0 tw-text tw-ml-2 tw-h-3 tw-visible tw-max-w-full tw-ease-out tw-duration-[50s] tw-whitespace-nowrap"
+}, G = ["innerHTML"], J = ["innerHTML"];
+function Q(e, t, l, i, s, d) {
+  const u = V("base-floating-label");
+  return n(), o("div", null, [
+    p("div", {
+      class: r(["input-wrapper tw-relative tw-mt-15px tw-px-0 tw-bg-white tw-rounded-xs", [
+        e.labelState === "floating-label" ? "floating-state" : "inline-state"
+      ]])
+    }, [
+      p("textarea", {
+        id: e.$attrs.id,
+        ref: "textarea",
+        class: r(["textarea-scrollbar tw-pt-15px tw-px-15px tw-w-full tw-peer/fieldset tw-bg-no-repeat tw-whitespace-pre-wrap tw-overflow-y-auto tw-border-0 tw-rounded-xs tw-outline-none", [
+          { "bg-w-cultured": e.$attrs.disabled || e.isDisabled },
+          { "is-invalid invalid-bg !tw-pr-10": e.isValid === !1 },
+          { "is-valid valid-bg !tw-pr-10": e.isValid },
+          { "tw-resize-none": !e.resize }
+        ]]),
+        rows: e.$attrs.rows,
+        disabled: e.$attrs.disabled,
+        "aria-labelledby": e.$attrs.id,
+        onFocusin: t[0] || (t[0] = b((...a) => e.handleFocusIn && e.handleFocusIn(...a), ["stop"])),
+        onFocusout: t[1] || (t[1] = b((a) => e.handleFocusOut(`${e.modelValue}`.trim() || e.value), ["stop"])),
+        onInput: t[2] || (t[2] = b((...a) => e.handleOnChange && e.handleOnChange(...a), ["stop"])),
+        innerHTML: e.modelValue
+      }, null, 42, U),
+      p("fieldset", {
+        class: r(["tw-absolute tw-text-start tw-m-0 tw-pointer-events-none tw-overflow-hidden tw-transition-[border] tw-duration-100 tw-ease-out tw-right-0 tw-bottom-0 tw-left-0 -tw-top-5px tw-px-2 tw-min-w-0 tw-border-solid tw-border tw-rounded-xs peer-focus/fieldset:tw-border-2", [
+          { "is-invalid": e.isValid === !1, "is-valid": e.isValid },
+          { "tw-border-w-danger": e.isValid === !1 },
+          { "tw-border-w-primary": e.isValid },
+          { "tw-border-w-secondary": e.isValid === null }
+        ]])
+      }, [
+        e.labelText ? (n(), o("legend", W, [
+          p("span", {
+            class: r(["tw-px-5px tw-opacity-0", [
+              { "tw-visible tw-inline-block": e.labelState === "floating-label" },
+              { "tw-invisible tw-hidden": e.labelState === "inline-label" }
+            ]]),
+            innerHTML: e.labelText
+          }, null, 10, G)
+        ])) : w("", !0)
+      ], 2),
+      $(u, {
+        for: e.$attrs.id,
+        "label-text": e.labelText,
+        "label-state": e.labelState,
+        required: e.$attrs.required,
+        "is-valid": e.isValid,
+        onClick: e.handleFloatingLabelClick
+      }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "onClick"])
+    ], 2),
+    (e.isValid || e.isValid === !1) && e.feedback ? (n(), o("div", {
+      key: 0,
+      class: r(e.isValid === !1 ? "tw-text-w-danger tw-mt-1" : "tw-text-w-primary tw-mt-1"),
+      innerHTML: e.isValid === !1 ? e.feedback.invalid : e.feedback.valid
+    }, null, 10, J)) : w("", !0)
+  ]);
+}
+const R = /* @__PURE__ */ m(K, [["render", Q], ["__scopeId", "data-v-0164c52e"]]), X = { class: "tw-p-10" }, Y = /* @__PURE__ */ h({
+  __name: "HelloWorld",
+  setup(e) {
+    const t = g("");
+    return (l, i) => (n(), o("div", X, [
+      $(N, {
+        "label-text": "ziopera",
+        modelValue: t.value,
+        "onUpdate:modelValue": i[0] || (i[0] = (s) => t.value = s)
+      }, null, 8, ["modelValue"]),
+      $(R, {
+        modelValue: t.value,
+        "onUpdate:modelValue": i[1] || (i[1] = (s) => t.value = s)
+      }, null, 8, ["modelValue"])
+    ]));
+  }
+}), Z = /* @__PURE__ */ h({
   __name: "App",
-  setup(t) {
-    return (e, n) => (it(), Xt(Un, { msg: "Vite + Vue" }));
+  setup(e) {
+    return (t, l) => (n(), k(Y, { msg: "Vite + Vue" }));
   }
 });
-const Dn = /* @__PURE__ */ Vt(Pn, [["__scopeId", "data-v-1c00ffbc"]]);
-Qt(Dn).mount("#app");
+const x = /* @__PURE__ */ m(Z, [["__scopeId", "data-v-1c00ffbc"]]);
+S(x).mount("#app");
 export {
-  Dn as App,
-  Un as HelloWorldVue
+  x as App,
+  Y as HelloWorldVue
 };