@wikicasa-dev/components 2.0.7 → 2.0.9

package/dist/AccessibleSelect.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.YIp2u7gd.js";
+import { _ as f } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CfwgKf93.js";
 export {
   f as default
 };

package/dist/BaseAutocomplete.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.m5rScY4N.js";
+import { _ as f } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js";
 export {
   f as default
 };

package/dist/BaseFloatingLabel.js

@@ -1,39 +1,41 @@
-import { defineComponent as s, openBlock as l, createElementBlock as a, normalizeClass as t, withModifiers as o, createElementVNode as n, createCommentVNode as r } from "vue";
-import { _ as d } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseFloatingLabel.css';const u = ["for"], k = ["innerHTML"], m = /* @__PURE__ */ s({
+import { defineComponent as n, openBlock as l, createElementBlock as s, normalizeClass as t, withModifiers as r, createElementVNode as d, createCommentVNode as u } from "vue";
+import { _ as k } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/BaseFloatingLabel.css';const b = ["for"], m = ["innerHTML"], p = /* @__PURE__ */ n({
   __name: "BaseFloatingLabel",
   props: {
     labelState: { default: "inline-label" },
     isValid: { default: null },
     labelText: {},
-    disabled: { type: [String, Boolean], default: !1 }
+    disabled: { type: [String, Boolean], default: !1 },
+    labelClasses: {},
+    labelTextClasses: {}
   },
   emits: ["click"],
-  setup(p, { emit: b }) {
-    return (e, i) => (l(), a("label", {
+  setup(f, { emit: a }) {
+    const o = a;
+    return (e, i) => (l(), s("label", {
       for: e.$attrs.for,
-      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [
-        e.labelState,
-        { "uikit-text-w-secondary": e.disabled },
-        e.$attrs["label-classes"]
-      ]]),
-      onClick: i[0] || (i[0] = o((f) => e.$emit("click"), ["stop"]))
+      class: t(["uikit-pointer-events-none uikit-absolute uikit-left-15px uikit-h-5 uikit-text-sm", [e.labelState, { "uikit-text-w-secondary": e.disabled }, e.labelClasses]]),
+      onClick: i[0] || (i[0] = r((c) => o("click"), ["stop"]))
     }, [
-      n("span", {
-        class: t(["uikit-text uikit-font-medium uikit-text-w-black", { "!uikit-text-w-secondary": e.disabled }]),
+      d("span", {
+        class: t(["uikit-text uikit-font-medium", [
+          e.disabled ? "uikit-text-w-secondary" : "uikit-text-w-black",
+          e.labelTextClasses
+        ]]),
         innerHTML: e.labelText
-      }, null, 10, k),
-      e.$attrs.required ? (l(), a("sup", {
+      }, null, 10, m),
+      e.$attrs.required ? (l(), s("sup", {
         key: 0,
         class: t(["uikit-absolute -uikit-top-[0.3rem] uikit-text", [
           { "uikit-text-w-secondary": e.disabled },
           { "uikit-text-w-danger": e.isValid === !1 },
           { "uikit-text-w-primary": (e.isValid || e.isValid === null) && !e.disabled }
         ]])
-      }, " *", 2)) : r("", !0)
-    ], 10, u));
+      }, " *", 2)) : u("", !0)
+    ], 10, b));
   }
-}), y = /* @__PURE__ */ d(m, [["__scopeId", "data-v-9f97558b"]]);
+}), y = /* @__PURE__ */ k(p, [["__scopeId", "data-v-2b36371e"]]);
 export {
   y as default
 };

package/dist/BaseInput.js

@@ -1,126 +1,131 @@
-import { defineComponent as N, mergeModels as M, useModel as O, ref as b, watch as h, useAttrs as j, openBlock as s, createElementBlock as d, normalizeClass as m, unref as o, renderSlot as v, createElementVNode as c, withModifiers as g, withKeys as D, createBlock as G, createCommentVNode as w, Fragment as C, renderList as B } from "vue";
-import J from "./BaseFloatingLabel.js";
-import { useFloatingLabel as Q } from "./useFloatingLabel.js";
-import { _ as R } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
-import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], X = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, Y = ["innerHTML"], Z = ["innerHTML"], U = ["innerHTML"], x = {
+import { defineComponent as z, mergeModels as C, useModel as A, ref as m, watch as g, useAttrs as N, openBlock as u, createElementBlock as r, normalizeClass as v, unref as s, renderSlot as p, createElementVNode as h, withModifiers as w, withKeys as O, createBlock as j, createCommentVNode as y, Fragment as T, renderList as B } from "vue";
+import D from "./BaseFloatingLabel.js";
+import { useFloatingLabel as G } from "./useFloatingLabel.js";
+import { _ as J } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/BaseInput.css';const Q = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], W = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, X = ["innerHTML"], Y = ["innerHTML"], Z = ["innerHTML"], U = {
   key: 1,
   class: "under-label uikit-absolute uikit-text-12"
-}, _ = /* @__PURE__ */ N({
+}, x = /* @__PURE__ */ z({
   inheritAttrs: !1,
   __name: "BaseInput",
-  props: /* @__PURE__ */ M({
-    inputClass: { default: "" },
+  props: /* @__PURE__ */ C({
+    inputClass: {},
     labelText: { default: "" },
     feedback: {},
     isValid: { default: null },
     keepFloatingLabel: { type: Boolean, default: !1 },
-    formatter: { default: null }
+    formatter: { default: null },
+    labelClasses: {},
+    fieldsetClasses: {},
+    labelTextClasses: {},
+    withLeftIcon: { type: Boolean, default: () => {
+    } },
+    withRightIcon: { type: Boolean, default: () => {
+    } },
+    dataCy: {}
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ M(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
-  setup(y, { expose: E, emit: H }) {
-    const a = y, u = O(y, "modelValue"), l = b(""), k = H, {
-      labelState: r,
-      handleFocusIn: P,
-      handleFocusOut: V,
-      setInlineLabel: F,
-      setFloatingLabel: L
-    } = Q(k), n = b("text"), f = b({}), p = b(null), q = () => {
-      a.feedback && (f.value = a.feedback, a.feedback.valid && typeof a.feedback.valid == "string" && (f.value.valid = [a.feedback.valid]), a.feedback.invalid && typeof a.feedback.invalid == "string" && (f.value.invalid = [a.feedback.invalid]));
-    }, I = (e, i) => {
-      if (!a.formatter || !a.formatter.formatFn)
-        return l.value = e, "";
-      const t = e.length ? a.formatter.formatFn(e) : e;
-      return i && (i.value = t), l.value = t, t;
-    }, T = (e, i = !0) => {
-      if (i && (!a.formatter || !a.formatter.unFormatFn))
-        return u.value = e, "";
-      if (!i || !a.formatter || !a.formatter.unFormatFn)
-        return;
-      const t = a.formatter.unFormatFn(e);
-      return u.value = t ?? "", t;
-    }, K = ({ target: e }) => {
-      const i = e, t = T(i.value);
-      I(
+  emits: /* @__PURE__ */ C(["click", "keydownEnterPressed", "focusin", "focusout", "keydown", "keyup"], ["update:modelValue"]),
+  setup(l, { expose: M, emit: E }) {
+    const o = A(l, "modelValue"), a = m(""), k = E, {
+      labelState: d,
+      handleFocusIn: H,
+      handleFocusOut: $,
+      setInlineLabel: I,
+      setFloatingLabel: V
+    } = G(k), n = m("text"), f = m({}), b = m(null), R = () => {
+      l.feedback && (f.value = l.feedback, l.feedback.valid && typeof l.feedback.valid == "string" && (f.value.valid = [l.feedback.valid]), l.feedback.invalid && typeof l.feedback.invalid == "string" && (f.value.invalid = [l.feedback.invalid]));
+    }, L = (e, i) => {
+      if (!l.formatter || !l.formatter.formatFn)
+        return a.value = e, "";
+      const t = e.length ? l.formatter.formatFn(e) : e;
+      return i && (i.value = t), a.value = t, t;
+    }, F = (e, i = !0) => {
+      if (i && (!l.formatter || !l.formatter.unFormatFn))
+        return o.value = e, "";
+      if (!i || !l.formatter || !l.formatter.unFormatFn) return;
+      const t = l.formatter.unFormatFn(e);
+      return o.value = t ?? "", t;
+    }, P = ({ target: e }) => {
+      const i = e, t = F(i.value);
+      L(
         `${t}`,
-        t === u.value ? i : void 0
+        t === o.value ? i : void 0
       );
-    }, S = () => {
-      u.value = "", F();
-    }, z = () => {
+    }, q = () => {
+      o.value = "", I();
+    }, K = () => {
       n.value === "password" ? n.value = "text" : n.value === "text" && (n.value = "password");
     };
-    h(
-      () => a.feedback,
+    g(
+      () => l.feedback,
       () => {
-        q();
+        R();
       },
       {
         immediate: !0
       }
-    ), h(
-      u,
+    ), g(
+      o,
       (e) => {
-        I(
+        L(
           `${e}`,
-          T(`${e}`, !1) === e ? p.value : void 0
-        ), l.value != null && l.value.length > 0 && r.value !== "floating-label" ? L() : !l.value && document && document.activeElement !== p.value && F();
+          F(`${e}`, !1) === e ? b.value : void 0
+        ), a.value != null && a.value.length > 0 && d.value !== "floating-label" ? V() : !a.value && document && document.activeElement !== b.value && I();
       },
       {
         immediate: !0
       }
-    ), h(
-      () => a.keepFloatingLabel,
+    ), g(
+      () => l.keepFloatingLabel,
       (e) => {
-        e ? L() : V(u.value);
+        e ? V() : $(o.value);
       }
     );
-    const A = j();
-    return n.value = A.type || "text", E({
+    const S = N();
+    return n.value = S.type || "text", M({
       select: () => {
-        p.value?.select();
+        b.value?.select();
       }
-    }), (e, i) => (s(), d("div", {
-      class: m(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
+    }), (e, i) => (u(), r("div", {
+      class: v(["input-wrapper uikit-relative uikit-inline-block uikit-w-full [&.has-right-icon.is-invalid_.text-input-icon]:uikit-mr-25px [&.has-right-icon.is-valid_.text-input-icon]:uikit-mr-25px", [
         e.$attrs.class,
         { "floating-label": e.labelText },
-        o(r) === "floating-label" ? "floating-state" : "inline-state",
+        s(d) === "floating-label" ? "floating-state" : "inline-state",
         {
-          "has-right-icon": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
+          "has-right-icon": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
         },
         {
-          "has-left-icon": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
+          "has-left-icon": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
         },
         { "is-invalid": e.isValid === !1, "is-valid": e.isValid }
       ]])
     }, [
-      v(e.$slots, "leftIcon", {}, void 0, !0),
-      v(e.$slots, "righticon", {
-        handleClean: S,
-        handleShowPasswd: z,
+      p(e.$slots, "leftIcon", {}, void 0, !0),
+      p(e.$slots, "righticon", {
+        handleClean: q,
+        handleShowPasswd: K,
         curType: n.value
       }, void 0, !0),
-      c("input", {
+      h("input", {
         id: e.$attrs.id,
         ref_key: "baseInputEl",
-        ref: p,
-        "data-cy": e.$attrs["data-cy"],
+        ref: b,
+        "data-cy": e.dataCy,
         name: e.$attrs.name,
-        class: m(["input-element uikit-peer uikit-relative uikit-ml-[1px] uikit-mt-[6px] uikit-box-border uikit-block uikit-h-[42px] uikit-w-[calc(100%-2px)] uikit-appearance-none uikit-truncate uikit-rounded-[11px] !uikit-border-none uikit-bg-no-repeat uikit-px-4 uikit-outline-0 focus:uikit-shadow-none focus:uikit-outline-none", [
-          { "uikit-text-w-secondary": e.$attrs.disabled },
+        class: v(["input-element uikit-peer uikit-relative uikit-ml-[1px] uikit-mt-[6px] uikit-box-border uikit-block uikit-h-[42px] uikit-w-[calc(100%-2px)] uikit-appearance-none uikit-truncate uikit-rounded-[11px] !uikit-border-none uikit-bg-white uikit-bg-no-repeat uikit-px-4 uikit-outline-0 focus:uikit-shadow-none focus:uikit-outline-none disabled:uikit-bg-w-cultured disabled:uikit-text-w-secondary", [
           {
             "is-invalid invalid-bg !uikit-pr-9": e.isValid === !1,
             "is-valid valid-bg !uikit-pr-9": e.isValid
           },
           {
-            "uikit-pr-[42px]": e.$attrs["with-right-icon"] !== void 0 ? e.$attrs["with-right-icon"] : !!e.$slots.righticon
+            "uikit-pr-[42px]": e.withRightIcon !== void 0 ? e.withRightIcon : !!e.$slots.righticon
           },
           {
-            "uikit-pl-[42px]": e.$attrs["with-left-icon"] !== void 0 ? e.$attrs["with-left-icon"] : !!e.$slots.leftIcon
+            "uikit-pl-[42px]": e.withLeftIcon !== void 0 ? e.withLeftIcon : !!e.$slots.leftIcon
           },
-          e.$attrs.disabled ? "uikit-bg-w-cultured" : "uikit-bg-white",
           e.inputClass
         ]]),
         autocomplete: e.$attrs.autocomplete === "on" ? "on" : "off",
@@ -134,73 +139,74 @@ import './assets/BaseInput.css';const W = ["id", "data-cy", "name", "autocomplet
         maxlength: e.$attrs.maxlength,
         inputmode: e.$attrs.inputmode,
         placeholder: e.$attrs.placeholder,
+        value: a.value,
         onClick: i[0] || (i[0] = (t) => k("click", t)),
-        onFocusin: i[1] || (i[1] = g(() => e.labelText && o(P)(), ["stop"])),
-        onFocusout: i[2] || (i[2] = g((t) => e.labelText && !e.keepFloatingLabel && o(V)(l.value), ["stop"])),
-        onInput: g(K, ["stop"]),
-        value: l.value,
+        onFocusin: i[1] || (i[1] = w(() => e.labelText && s(H)(), ["stop"])),
+        onFocusout: i[2] || (i[2] = w((t) => e.labelText && !e.keepFloatingLabel && s($)(a.value), ["stop"])),
+        onInput: w(P, ["stop"]),
         onKeydown: [
-          i[3] || (i[3] = D(() => k("keydownEnterPressed"), ["enter"])),
+          i[3] || (i[3] = O(() => k("keydownEnterPressed"), ["enter"])),
           i[4] || (i[4] = (t) => k("keydown", t))
         ],
         onKeyup: i[5] || (i[5] = (t) => k("keyup", t))
-      }, null, 42, W),
-      c("fieldset", {
-        class: m(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
+      }, null, 42, Q),
+      h("fieldset", {
+        class: v(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-top-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-overflow-hidden uikit-rounded-xs uikit-border uikit-border-solid uikit-px-2 uikit-py-0 uikit-text-left uikit-transition-[border] uikit-duration-100 uikit-ease-out peer-focus:uikit-border-2 peer-focus:uikit-border-w-primary peer-focus:[&.is-invalid]:uikit-border-w-danger", [
           {
             "is-invalid uikit-border-w-danger": e.isValid === !1,
             "is-valid uikit-border-w-primary": e.isValid,
             "uikit-border-w-secondary": e.isValid === null
           },
           { "uikit-top-0": !e.labelText },
-          e.$attrs["fieldset-classes"]
+          e.fieldsetClasses
         ]])
       }, [
-        c("legend", X, [
-          c("span", {
-            class: m(["visible-label uikit-opacity-0", [
+        h("legend", W, [
+          h("span", {
+            class: v(["visible-label uikit-opacity-0", [
               { "uikit-mx-5px": e.labelText },
               {
-                "uikit-visible uikit-inline-block": o(r) === "floating-label"
+                "uikit-visible uikit-inline-block": s(d) === "floating-label"
               },
               {
-                "uikit-invisible uikit-hidden": o(r) === "inline-label"
+                "uikit-invisible uikit-hidden": s(d) === "inline-label"
               }
             ]]),
             innerHTML: e.labelText
-          }, null, 10, Y)
+          }, null, 10, X)
         ])
       ], 2),
-      e.labelText ? (s(), G(J, {
+      e.labelText ? (u(), j(D, {
         key: 0,
         for: e.$attrs.id,
         "label-text": e.labelText,
-        "label-state": o(r),
+        "label-state": s(d),
         "is-valid": e.isValid,
         required: e.$attrs.required,
         disabled: e.$attrs.disabled,
         "label-classes": [
-          o(r) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
-          e.$attrs["label-classes"]
-        ]
-      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes"])) : w("", !0),
-      v(e.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (s(!0), d(C, { key: 0 }, B(f.value.invalid, (t, $) => (s(), d("div", {
-          key: `${e.$attrs.id}_invalid_${$}`,
+          s(d) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
+          e.labelClasses
+        ],
+        "label-text-classes": e.labelTextClasses
+      }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : y("", !0),
+      p(e.$slots, "feedback", {}, () => [
+        e.isValid === !1 ? (u(!0), r(T, { key: 0 }, B(f.value.invalid, (t, c) => (u(), r("div", {
+          key: `${e.$attrs.id}_invalid_${c}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: t
-        }, null, 8, Z))), 128)) : e.isValid === !0 ? (s(!0), d(C, { key: 1 }, B(f.value.valid, (t, $) => (s(), d("div", {
-          key: `${e.$attrs.id}_valid_${$}`,
+        }, null, 8, Y))), 128)) : e.isValid === !0 ? (u(!0), r(T, { key: 1 }, B(f.value.valid, (t, c) => (u(), r("div", {
+          key: `${e.$attrs.id}_valid_${c}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: t
-        }, null, 8, U))), 128)) : w("", !0)
+        }, null, 8, Z))), 128)) : y("", !0)
       ], !0),
-      e.$slots["under-label"] ? (s(), d("div", x, [
-        v(e.$slots, "under-label", {}, void 0, !0)
-      ])) : w("", !0)
+      e.$slots["under-label"] ? (u(), r("div", U, [
+        p(e.$slots, "under-label", {}, void 0, !0)
+      ])) : y("", !0)
     ], 2));
   }
-}), ne = /* @__PURE__ */ R(_, [["__scopeId", "data-v-cd1cc0a8"]]);
+}), ae = /* @__PURE__ */ J(x, [["__scopeId", "data-v-f62de9f5"]]);
 export {
-  ne as default
+  ae as default
 };

package/dist/BasePagination.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.DxPb8OYe.js";
+import { _ as f } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.C_KW3jtP.js";
 export {
   f as default
 };

package/dist/BaseTextarea.js

@@ -1,31 +1,32 @@
-import { defineComponent as $, mergeModels as f, useModel as h, ref as x, watch as L, openBlock as k, createElementBlock as b, normalizeClass as s, createElementVNode as o, unref as l, withModifiers as d, createCommentVNode as p, createVNode as M, nextTick as F } from "vue";
-import B from "./BaseFloatingLabel.js";
-import { useFloatingLabel as z } from "./useFloatingLabel.js";
-import { _ as C } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import { defineComponent as h, mergeModels as f, useModel as x, ref as $, watch as L, openBlock as k, createElementBlock as b, normalizeClass as s, createElementVNode as o, unref as l, withModifiers as d, createCommentVNode as p, createVNode as M, nextTick as C } from "vue";
+import F from "./BaseFloatingLabel.js";
+import { useFloatingLabel as B } from "./useFloatingLabel.js";
+import { _ as z } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled", "aria-labelledby", "readonly", "value"], H = {
   key: 0,
   class: "uikit-visible uikit-float-none uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-duration-[50s] uikit-ease-out"
-}, I = ["innerHTML"], q = ["innerHTML"], A = /* @__PURE__ */ $({
+}, I = ["innerHTML"], q = ["innerHTML"], A = /* @__PURE__ */ h({
   inheritAttrs: !1,
   __name: "BaseTextarea",
   props: /* @__PURE__ */ f({
     labelText: { default: "" },
     feedback: {},
     isValid: { default: null },
-    resize: { type: Boolean, default: !1 }
+    resize: { type: Boolean, default: !1 },
+    labelClasses: {}
   }, {
     modelValue: { default: "" },
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ f(["focusin", "focusout", "click", "keydown"], ["update:modelValue"]),
   setup(v, { expose: m, emit: c }) {
-    const r = h(v, "modelValue"), n = c, {
+    const r = x(v, "modelValue"), n = c, {
       labelState: a,
       handleFocusIn: w,
       handleFocusOut: g,
       setFloatingLabel: y,
       setInlineLabel: V
-    } = z(n), i = x(null);
+    } = B(n), i = $(null);
     L(
       r,
       (e) => {
@@ -44,7 +45,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
         i.value && (i.value.value = "");
       },
       focusDisabledTextarea: () => {
-        i.value && (i.value.removeAttribute("readonly"), i.value.classList.remove("disabled"), F(() => {
+        i.value && (i.value.removeAttribute("readonly"), i.value.classList.remove("disabled"), C(() => {
           i.value && i.value.focus();
         }));
       }
@@ -100,7 +101,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
             }, null, 10, I)
           ])) : p("", !0)
         ], 2),
-        M(B, {
+        M(F, {
           for: e.$attrs.id,
           "label-text": e.labelText,
           "label-state": l(a),
@@ -108,7 +109,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
           "is-valid": e.isValid,
           "label-classes": [
             l(a) === "floating-label" ? "!-uikit-top-1" : "!uikit-top-4",
-            e.$attrs["label-classes"]
+            e.labelClasses
           ]
         }, null, 8, ["for", "label-text", "label-state", "required", "is-valid", "label-classes"])
       ], 2),
@@ -121,7 +122,7 @@ import './assets/BaseTextarea.css';const E = ["id", "data-cy", "rows", "disabled
       }, null, 10, q)) : p("", !0)
     ], 2));
   }
-}), J = /* @__PURE__ */ C(A, [["__scopeId", "data-v-9e55a6e9"]]);
+}), J = /* @__PURE__ */ z(A, [["__scopeId", "data-v-4c1a3e1d"]]);
 export {
   J as default
 };

package/dist/UIKit/AccessibleSelect.vue.d.ts

@@ -1,53 +1,10 @@
 import { AccessibleSelectOptions } from './types';
-import { ClassType } from '@wikicasa-dev/types';
-declare function __VLS_template(): {
-    slots: {
-        lefticon?(_: {}): any;
-    };
-    refs: {
-        btnEl: HTMLButtonElement;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    label?: string;
-    dropdownPosition?: "top" | "bottom";
-    namespace: string;
-    options: AccessibleSelectOptions[];
-    modelValue?: AccessibleSelectOptions;
-    isValid?: boolean | null;
-    feedback?: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    /**
-     * If true, we will close the dropdown when we touch the body of the document
-     */
-    closeOnBodyPressed?: boolean;
-    border?: boolean;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-    dropdownClasses?: ClassType;
-    labelClasses?: ClassType;
-    btnClasses?: ClassType;
-    dropdownItemClasses?: ClassType;
-    btnTextClasses?: ClassType;
-    arrowIcon?: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: AccessibleSelectOptions) => any;
-}, string, import('vue').PublicProps, Readonly<{
+import { ClassType, Optional } from '@wikicasa-dev/types';
+declare let __VLS_typeProps: {
     label?: string;
     dropdownPosition?: "top" | "bottom";
-    namespace: string;
+    namespace?: string;
     options: AccessibleSelectOptions[];
-    modelValue?: AccessibleSelectOptions;
     isValid?: boolean | null;
     feedback?: Partial<{
         valid: string;
@@ -72,34 +29,25 @@ declare const __VLS_component: import('vue').DefineComponent<{
         classes: ClassType;
     }>;
     dataCy?: string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: AccessibleSelectOptions) => any) | undefined;
-}>, {
-    label: string;
-    arrowIcon: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy: string;
-    btnClasses: ClassType;
-    isValid: boolean | null;
-    modelValue: AccessibleSelectOptions;
-    labelClasses: ClassType;
-    dropdownPosition: "top" | "bottom";
-    feedback: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    closeOnBodyPressed: boolean;
-    border: boolean;
-    fieldsetClasses: ClassType;
-    legendClasses: ClassType;
-    dropdownClasses: ClassType;
-    dropdownItemClasses: ClassType;
-    btnTextClasses: ClassType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+};
+type __VLS_PublicProps = {
+    modelValue?: Optional<AccessibleSelectOptions>;
+} & typeof __VLS_typeProps;
+declare function __VLS_template(): {
+    slots: {
+        lefticon?(_: {}): any;
+    };
+    refs: {
+        btnEl: HTMLButtonElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: Optional<AccessibleSelectOptions>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((modelValue: Optional<AccessibleSelectOptions>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {