@wikicasa-dev/components 2.0.8 → 2.0.9

package/dist/chunks/{BaseAutocomplete.vue_vue_type_script_setup_true_lang.m5rScY4N.js → BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js}

@@ -1,35 +1,36 @@
-import { defineComponent as L, mergeModels as S, useModel as H, ref as s, computed as k, onBeforeMount as z, watch as f, openBlock as y, createBlock as V, normalizeClass as A, withCtx as c, createVNode as K, renderSlot as B, createElementBlock as N, Fragment as U, renderList as F, unref as W, createElementVNode as j } from "vue";
-import q from "../BaseInput.js";
-import { _ as G } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.BscSQ5bW.js";
+import { defineComponent as T, mergeModels as $, useModel as L, ref as r, computed as k, onBeforeMount as F, watch as f, openBlock as C, createBlock as S, normalizeClass as H, withCtx as s, createVNode as z, renderSlot as V, createElementBlock as A, Fragment as K, renderList as N, unref as U, createElementVNode as W } from "vue";
+import j from "../BaseInput.js";
+import { _ as q } from "./BaseDropDown.vue_vue_type_script_setup_true_lang.BscSQ5bW.js";
 import "./types-B0dZ7OiV.D29wNgoj.js";
-import { _ as J } from "./SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
-import { A as Q } from "./useKeyboardController.CutKeclN.js";
-function R(r, v) {
-  return (...m) => new Promise((l, d) => {
-    r.id && clearTimeout(r.id), r.id = setTimeout(() => {
+import { _ as G } from "./SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
+import { A as J } from "./useKeyboardController.CutKeclN.js";
+function Q(t, p) {
+  return (...v) => new Promise((d, u) => {
+    t.id && clearTimeout(t.id), t.id = setTimeout(() => {
       try {
-        const i = v(...m);
-        l(i);
-      } catch (i) {
-        d(i);
+        const a = p(...v);
+        d(a);
+      } catch (a) {
+        u(a);
       }
-    }, r.delay);
+    }, t.delay);
   });
 }
-const X = ["innerHTML"], oe = /* @__PURE__ */ L({
+const R = ["innerHTML"], le = /* @__PURE__ */ T({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ S({
-    border: { type: Boolean, default: !0 },
+  props: /* @__PURE__ */ $({
     isValid: { default: null },
     theme: { default: "" },
     label: { default: "" },
     disableCb: { type: Boolean, default: !1 },
-    onInputChangeCb: {},
+    onInputChangeCb: { type: Function },
     onOptionSelectedCb: { default: null },
     keepState: { default: null },
     cleanupOnClose: { type: Boolean, default: !0 },
     dropdownClasses: { default: "" },
-    closeDropdownOnBodyPressed: { type: Boolean, default: !0 }
+    closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
+    inputClasses: {},
+    fieldsetClasses: {}
   }, {
     modelValue: {
       default() {
@@ -38,18 +39,18 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ S(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(r, { expose: v, emit: m }) {
-    const l = r, d = H(r, "modelValue"), i = m, u = s(""), n = s([]), h = s(null), p = s(!1), o = s(!1), g = s(null), O = k(() => n.value.length);
-    z(() => {
-      h.value = R({ delay: 300 }, l.onInputChangeCb);
+  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(t, { expose: p, emit: v }) {
+    const d = L(t, "modelValue"), u = v, a = r(""), n = r([]), m = r(null), c = r(!1), o = r(!1), y = r(null), B = k(() => n.value.length);
+    F(() => {
+      m.value = Q({ delay: 300 }, t.onInputChangeCb);
     });
-    const { activeIdx: w, selectedIdx: C } = Q({
-      optionsLength: O,
+    const { activeIdx: h, selectedIdx: w } = J({
+      optionsLength: B,
       isDropdownOpen: o,
       disableSpaceHandler: !0
-    }), M = k(() => {
-      switch (l.theme) {
+    }), O = k(() => {
+      switch (t.theme) {
         case "bordered":
           return "";
         case "all-bordered":
@@ -60,7 +61,7 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
           return "";
       }
     }), I = k(() => {
-      switch (l.theme) {
+      switch (t.theme) {
         case "bordered":
           return "";
         case "all-bordered":
@@ -70,9 +71,9 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
         default:
           return "";
       }
-    }), P = k(() => {
+    }), M = k(() => {
       const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
-      switch (l.theme) {
+      switch (t.theme) {
         case "bordered":
           return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
         case "all-bordered":
@@ -82,42 +83,42 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
         default:
           return "";
       }
-    }), D = async (e) => {
-      if (u.value !== e && (i("changedValue", e), u.value = e, !!l.onInputChangeCb)) {
-        if (!e || p.value) {
-          n.value = [], p.value = !1, C.value = -1, w.value = -1, d.value && (d.value.label = ""), o.value = !1, await h.value(null);
+    }), P = async (e) => {
+      if (a.value !== e && (u("changedValue", e), a.value = e, !!t.onInputChangeCb)) {
+        if (!e || c.value) {
+          n.value = [], c.value = !1, w.value = -1, h.value = -1, d.value && (d.value.label = ""), o.value = !1, await m.value(null);
           return;
         }
-        l.disableCb || (n.value = await h.value(e), o.value = !!n.value.length);
+        t.disableCb || (n.value = await m.value(e), o.value = !!n.value.length);
       }
-    }, $ = (e, t) => {
-      l.onOptionSelectedCb && l.onOptionSelectedCb(e), l.cleanupOnClose && (n.value = []), p.value = !0, u.value = e.label, d.value = e, o.value = !1, C.value = t;
-    }, E = () => {
-      n.value.length && l.keepState !== "closed" && (o.value = !0);
+    }, g = (e, l) => {
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (n.value = []), c.value = !0, a.value = e.label, d.value = e, o.value = !1, w.value = l;
+    }, D = () => {
+      n.value.length && t.keepState !== "closed" && (o.value = !0);
     };
     return f(
       d,
-      (e, t) => {
-        e === t || e?.label === u.value || (u.value = e?.label || "");
+      (e, l) => {
+        e === l || e?.label === a.value || (a.value = e?.label || "");
       },
       { immediate: !0 }
-    ), f(C, (e) => {
+    ), f(w, (e) => {
       if (e === -1 || !n.value.length) return;
-      const t = n.value[e];
-      p.value && t.label === d.value?.label || $(t, e);
+      const l = n.value[e];
+      c.value && l.label === d.value?.label || g(l, e);
     }), f(
-      () => l.keepState,
+      () => t.keepState,
       (e) => {
-        e === "closed" ? (o.value = !1, l.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (o.value = !0);
+        e === "closed" ? (o.value = !1, t.cleanupOnClose && (n.value = [])) : e === "open" && n.value.length && (o.value = !0);
       }
     ), f(o, (e) => {
-      i("update:dropdownState", e);
-    }), v({
+      u("update:dropdownState", e);
+    }), p({
       select: () => {
-        g.value?.select();
+        y.value?.select();
       }
-    }), (e, t) => (y(), V(G, {
-      class: A(e.$attrs["root-classes"]),
+    }), (e, l) => (C(), S(q, {
+      class: H(e.$attrs["root-classes"]),
       "data-cy": `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
       "dropdown-classes": [
@@ -127,63 +128,63 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
         {
           "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !e.theme
         },
-        P.value,
+        M.value,
         "!uikit-max-h-[210px] uikit-z-30",
         e.dropdownClasses
       ],
       "open-dropdown": o.value,
-      "keep-state": !n.value.length || l.keepState === "closed" ? "closed" : "opened",
-      "onUpdate:dropdownState": t[3] || (t[3] = (a) => o.value = a),
-      onClick: t[4] || (t[4] = (a) => {
-        i("click"), E();
-      }),
+      "keep-state": !n.value.length || e.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
-      "activate-keyboard-controller": !1
+      "activate-keyboard-controller": !1,
+      "onUpdate:dropdownState": l[3] || (l[3] = (i) => o.value = i),
+      onClick: l[4] || (l[4] = (i) => {
+        u("click"), D();
+      })
     }, {
-      btn_slot: c(() => [
-        K(q, {
+      btn_slot: s(() => [
+        z(j, {
           id: `ac_input_${e.$attrs.id}`,
           ref_key: "baseInput",
-          ref: g,
+          ref: y,
           "data-cy": `ac_input_${e.$attrs.id}`,
           "label-text": e.label,
-          "model-value": u.value,
+          "model-value": a.value,
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
           placeholder: e.$attrs.placeholder,
           "with-left-icon": !!e.$slots.lefticon,
           "with-right-icon": !!e.$slots.righticon,
           "input-class": [
-            M.value,
-            e.$attrs["input-classes"],
+            O.value,
+            e.inputClasses,
             "!uikit-ml-0 !uikit-w-full"
           ],
-          "fieldset-classes": [I.value, e.$attrs["fieldset-classes"]],
-          "onUpdate:modelValue": t[0] || (t[0] = (a) => D(a === void 0 ? "" : `${a}`)),
-          onKeydown: t[1] || (t[1] = (a) => i("keydown", a)),
-          onKeydownEnterPressed: t[2] || (t[2] = () => i("keydownEnterPressed"))
+          "fieldset-classes": [I.value, e.fieldsetClasses],
+          "onUpdate:modelValue": l[0] || (l[0] = (i) => P(i === void 0 ? "" : `${i}`)),
+          onKeydown: l[1] || (l[1] = (i) => u("keydown", i)),
+          onKeydownEnterPressed: l[2] || (l[2] = () => u("keydownEnterPressed"))
         }, {
-          leftIcon: c(() => [
-            B(e.$slots, "lefticon")
+          leftIcon: s(() => [
+            V(e.$slots, "lefticon")
           ]),
-          righticon: c(({ handleClean: a }) => [
-            B(e.$slots, "righticon", { handleClean: a })
+          righticon: s(({ handleClean: i }) => [
+            V(e.$slots, "righticon", { handleClean: i })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
-      default: c(() => [
-        (y(!0), N(U, null, F(n.value, (a, b) => (y(), V(J, {
+      default: s(() => [
+        (C(!0), A(K, null, N(n.value, (i, b) => (C(), S(G, {
           key: b,
-          active: W(w) === b,
+          active: U(h) === b,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (T) => $(a, b),
-          onMouseover: (T) => w.value = b
+          onClick: (E) => g(i, b),
+          onMouseover: (E) => h.value = b
         }, {
-          default: c(() => [
-            j("span", {
-              innerHTML: a.label
-            }, null, 8, X)
+          default: s(() => [
+            W("span", {
+              innerHTML: i.label
+            }, null, 8, R)
           ]),
           _: 2
         }, 1032, ["active", "onClick", "onMouseover"]))), 128))
@@ -193,5 +194,5 @@ const X = ["innerHTML"], oe = /* @__PURE__ */ L({
   }
 });
 export {
-  oe as _
+  le as _
 };

package/dist/chunks/{BasePagination.vue_vue_type_script_setup_true_lang.DxPb8OYe.js → BasePagination.vue_vue_type_script_setup_true_lang.C_KW3jtP.js}

@@ -94,7 +94,7 @@ const F = {
         h("li", {
           class: g(["arrow-button prev-page uikit-h-30x uikit-flex uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
             "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": u.value !== 1,
-            " hover:uikit-text-white": e.small && u.value !== 1,
+            "hover:uikit-text-white": e.small && u.value !== 1,
             "uikit-rounded-xs": e.small && e.prevLabel
           }]),
           onClick: i[0] || (i[0] = (t) => c((u.value || 0) - 1))
@@ -141,7 +141,7 @@ const F = {
         h("li", {
           class: g(["arrow-button next-page uikit-flex uikit-h-30px uikit-min-w-[30px] uikit-items-center uikit-justify-center uikit-rounded-circle uikit-p-5px", {
             "uikit-cursor-pointer hover:uikit-bg-w-primary [&_>_svg]:hover:uikit-brightness-0 [&_>_svg]:hover:uikit-invert": (u.value || 0) < o.value,
-            " hover:uikit-text-white": e.small && (u.value || 0) < o.value,
+            "hover:uikit-text-white": e.small && (u.value || 0) < o.value,
             "uikit-rounded-xs": e.small && e.nextLabel
           }]),
           onClick: i[3] || (i[3] = (t) => c((u.value || 0) + 1))

package/dist/index.js

@@ -9,9 +9,9 @@ import { _ } from "./chunks/BaseTab.vue_vue_type_script_setup_true_lang.Cu67jd8K
 import { _ as S } from "./chunks/BaseTabView.vue_vue_type_script_setup_true_lang.Ar2KNVYH.js";
 import { _ as g } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
 import { _ as h } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
-import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.YIp2u7gd.js";
+import { _ as I } from "./chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.CfwgKf93.js";
 import { _ as w } from "./chunks/BaseAlert.vue_vue_type_style_index_0_lang.BtqP_iYL.js";
-import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.m5rScY4N.js";
+import { _ as k } from "./chunks/BaseAutocomplete.vue_vue_type_script_setup_true_lang.i1drmEOH.js";
 import { _ as v } from "./chunks/BaseBadge.vue_vue_type_style_index_0_lang.BOA1gBKu.js";
 import { _ as G } from "./chunks/BaseButton.vue_vue_type_script_setup_true_lang.BWZPE2Gf.js";
 import { default as O } from "./BaseCard.js";
@@ -20,7 +20,7 @@ import { _ as V } from "./chunks/BaseDropDown.vue_vue_type_script_setup_true_lan
 import { default as q } from "./BaseFloatingLabel.js";
 import { default as z } from "./BaseIcon.js";
 import { default as H } from "./BaseInput.js";
-import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.DxPb8OYe.js";
+import { _ as K } from "./chunks/BasePagination.vue_vue_type_script_setup_true_lang.C_KW3jtP.js";
 import { default as Q } from "./BasePaper.js";
 import { default as X } from "./BaseSlider.js";
 import { default as Z } from "./BaseTextarea.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -45,10 +45,11 @@
     "@vue/eslint-config-prettier": "^10.1.0",
     "@vue/eslint-config-typescript": "^14.1.3",
     "@wikicasa-dev/svg-icons": "^1.0.2",
-    "@wikicasa-dev/tailwind-plugins": "^0.0.2",
+    "@wikicasa-dev/tailwind-plugins": "^0.0.3",
     "@wikicasa-dev/types": "^1.8.0",
     "@wikicasa-dev/utilities": "^1.0.22",
     "@wikicasa-dev/vue-composables": "0.0.13",
+    "ajv": "^8.17.1",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.15",
     "eslint-plugin-vue": "^9.31.0",

package/dist/chunks/AccessibleSelect.vue_vue_type_script_setup_true_lang.YIp2u7gd.js

@@ -1,231 +0,0 @@
-import { h as m, defineComponent as M, ref as g, computed as T, watch as B, onMounted as H, onUnmounted as F, openBlock as l, createElementBlock as s, normalizeClass as a, createElementVNode as o, createCommentVNode as d, withModifiers as k, renderSlot as I, unref as p, createBlock as z, createVNode as A, Fragment as C, renderList as E } from "vue";
-import { A as P } from "./useKeyboardController.CutKeclN.js";
-import { a as O } from "./ArrowIcon.CCFMdsq6.js";
-import { e as q } from "./PharmacyIcon.56ql_DYl.js";
-const N = (n, { attrs: f }) => {
-  n = { ...q(), ...n };
-  const { width: t, height: e } = n;
-  return m(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 11.175 13.409",
-      width: `${t}`,
-      height: `${e}`,
-      class: n.class ?? "",
-      "aria-hidden": f["aria-hidden"] ?? "true",
-      fill: "none",
-      stroke: n["stroke-color"] ?? "#FA4F64"
-    },
-    [
-      m("circle", {
-        cx: 6,
-        cy: 6,
-        r: 4.5
-      }),
-      m("path", {
-        "stroke-linejoin": "round",
-        d: "M5.8 3.6h.4L6 6.5z"
-      }),
-      m("circle", {
-        cx: 6,
-        cy: 8.2,
-        r: 0.6,
-        fill: n["stroke-color"] ?? "#FA4F64",
-        stroke: "none"
-      })
-    ]
-  );
-}, j = { class: "uikit-relative uikit-flex uikit-h-12 uikit-items-center" }, D = ["id", "innerHTML"], S = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], U = ["innerHTML"], G = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, J = ["innerHTML"], K = ["data-cy"], Q = ["id", "aria-selected", "onClick", "onMouseover"], R = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, W = ["name", "checked", "onInput"], X = ["innerHTML"], Y = ["id", "arial-live", "innerHTML"], Z = ["id", "arial-live", "innerHTML"], ti = /* @__PURE__ */ M({
-  inheritAttrs: !1,
-  __name: "AccessibleSelect",
-  props: {
-    label: { default: "" },
-    dropdownPosition: { default: "bottom" },
-    namespace: {},
-    options: {},
-    modelValue: { default: () => ({
-      id: "",
-      label: ""
-    }) },
-    isValid: { type: [Boolean, null], default: null },
-    feedback: { default: void 0 },
-    closeOnBodyPressed: { type: Boolean, default: !0 },
-    border: { type: Boolean, default: !0 },
-    fieldsetClasses: { default: "" },
-    legendClasses: { default: "" },
-    dropdownClasses: { default: "" },
-    labelClasses: { default: "" },
-    btnClasses: { default: "" },
-    dropdownItemClasses: { default: "" },
-    btnTextClasses: { default: "" },
-    arrowIcon: { default: void 0 },
-    dataCy: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(n, { emit: f }) {
-    const t = n, e = g(!1), $ = g(null), v = T(() => !!t.modelValue.label), V = f, { activeIdx: b, selectedIdx: L } = P({
-      optionsLength: t.options.length,
-      isDropdownOpen: e
-    }), h = (i) => {
-      e.value = !1, V("update:modelValue", i);
-    };
-    B(L, (i) => {
-      h(t.options[i]), e.value = !1;
-    });
-    const w = ({ target: i }) => {
-      `${t.namespace}_btn` !== i.id && (e.value = !1);
-    };
-    return H(() => {
-      t.closeOnBodyPressed && document.addEventListener("click", w);
-    }), F(() => {
-      t.closeOnBodyPressed && document.removeEventListener("click", w);
-    }), (i, r) => (l(), s("div", {
-      class: a([i.$attrs.class])
-    }, [
-      o("div", j, [
-        i.label ? (l(), s("label", {
-          key: 0,
-          id: `${i.namespace}_label`,
-          class: a(["uikit-pointer-events-none uikit-absolute uikit-z-10 uikit-text-sm uikit-font-medium uikit-transition-all uikit-ease-in-out", [
-            v.value ? "as-floating -uikit-top-1 uikit-left-[22px] uikit-text-w-black" : "as-inline uikit-top-4 uikit-text-w-gray",
-            i.labelClasses,
-            { "uikit-left-9": i.$slots.lefticon && !v.value },
-            { "uikit-left-4": !i.$slots.lefticon && !v.value }
-          ]]),
-          innerHTML: i.label
-        }, null, 10, D)) : d("", !0),
-        i.$slots.lefticon ? (l(), s("span", {
-          key: 1,
-          class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
-          onClick: r[0] || (r[0] = k((u) => e.value = !e.value, ["stop"]))
-        }, [
-          I(i.$slots, "lefticon")
-        ])) : d("", !0),
-        o("button", {
-          id: `${i.namespace}_btn`,
-          ref_key: "btnEl",
-          ref: $,
-          type: "button",
-          "data-cy": i.dataCy,
-          class: a(["uikit-peer uikit-relative uikit-z-10 uikit-flex uikit-h-full uikit-w-full uikit-items-center uikit-justify-between uikit-truncate uikit-border-0 uikit-bg-transparent uikit-pr-4 uikit-text-left focus-visible:uikit-outline-0", [i.$slots.lefticon ? "uikit-pl-2" : "uikit-pl-4", i.btnClasses]]),
-          "aria-required": !!i.$attrs.required,
-          role: "combobox",
-          "aria-haspopup": "listbox",
-          "aria-controls": `${i.namespace}_dropdown`,
-          "aria-labelledby": `${i.namespace}_label ${i.namespace}_btn`,
-          "aria-expanded": e.value,
-          "aria-activedescendant": p(b) >= 0 && e.value ? `${i.namespace}_element_${i.options[p(b)].label}` : "",
-          "aria-invalid": t.isValid === !1,
-          "aria-describedby": t.isValid === !1 ? `${i.namespace}_invalid_msg` : void 0,
-          onClick: r[1] || (r[1] = (u) => e.value = !e.value)
-        }, [
-          o("span", {
-            class: a(["uikit-pointer-events-none uikit-mt-1", i.btnTextClasses]),
-            innerHTML: i.modelValue.visibleLabel || i.modelValue.label
-          }, null, 10, U),
-          o("span", G, [
-            t.isValid == !1 ? (l(), z(p(N), {
-              key: 0,
-              class: "uikit-mr-1",
-              width: 20,
-              height: 20
-            })) : d("", !0),
-            A(p(O), {
-              class: a(["uikit-transition-transform motion-reduce:uikit-transition-none", [
-                e.value ? "uikit-rotate-180" : "",
-                i.arrowIcon?.classes
-              ]]),
-              width: i.arrowIcon?.width ?? 18,
-              height: i.arrowIcon?.height ?? 18,
-              "stroke-color": i.isValid ? "#2B5DFF" : i.isValid === !1 ? "#FA4F64" : i.arrowIcon?.strokeColor ?? "#222"
-            }, null, 8, ["class", "width", "height", "stroke-color"])
-          ])
-        ], 10, S),
-        o("fieldset", {
-          "aria-hidden": "true",
-          class: a(["uikit-pointer-events-none uikit-absolute uikit-bottom-0 uikit-left-0 uikit-right-0 uikit-m-0 uikit-box-border uikit-h-12 uikit-cursor-pointer uikit-rounded-xs uikit-bg-white uikit-px-2 uikit-py-0 peer-focus:uikit-border-2", [
-            i.fieldsetClasses,
-            i.isValid ? "uikit-border-w-primary" : i.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-secondary",
-            {
-              "uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary peer-aria-invalid:uikit-border-w-danger": i.border
-            },
-            { "uikit-border-0 peer-focus:uikit-border-0": !i.border }
-          ]])
-        }, [
-          o("legend", {
-            class: a([[i.legendClasses, { "uikit-m-0 uikit-w-0": !i.label }], "uikit-ml-2 uikit-h-3 uikit-px-0 uikit-text-sm"])
-          }, [
-            i.label ? (l(), s("span", {
-              key: 0,
-              class: a(["uikit-mx-5px", [i.modelValue.label ? "uikit-invisible" : "uikit-hidden"]]),
-              innerHTML: i.label
-            }, null, 10, J)) : d("", !0)
-          ], 2)
-        ], 2),
-        o("ul", {
-          "data-cy": i.dataCy && `${i.dataCy}_dropdown`,
-          role: "listbox",
-          tabindex: -1,
-          "aria-multiselectable": !1,
-          class: a(["uikit-absolute uikit-z-30 uikit-m-0 uikit-max-h-[225px] uikit-w-full uikit-min-w-full uikit-list-none uikit-overflow-y-auto uikit-p-0 uikit-no-scrollbar", [
-            { "uikit-h-0 uikit-w-0 uikit-overflow-hidden": !e.value },
-            {
-              "uikit-rounded-xs uikit-border uikit-border-solid uikit-border-w-secondary uikit-bg-white": e.value
-            },
-            { "uikit-bottom-[55px]": i.dropdownPosition === "top" },
-            { "uikit-top-[55px]": i.dropdownPosition === "bottom" },
-            i.dropdownClasses
-          ]]),
-          onClick: r[3] || (r[3] = k(() => {
-          }, ["stop"]))
-        }, [
-          (l(!0), s(C, null, E(i.options, (u, c) => (l(), s("li", {
-            id: `${i.namespace}_element_${i.options[c].label}`,
-            key: `${u.label}_${c}`,
-            role: "option",
-            "aria-selected": p(b) === c,
-            class: a(["uikit-m-1 uikit-cursor-pointer uikit-px-20px uikit-py-10px uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", i.dropdownItemClasses]),
-            onClick: k((y) => h(u), ["stop"]),
-            onMouseover: k((y) => b.value = c, ["stop"]),
-            onBlur: r[2] || (r[2] = k(() => {
-            }, ["stop"]))
-          }, [
-            o("label", R, [
-              o("input", {
-                tabindex: "-1",
-                class: "uikit-m-0 uikit-appearance-none",
-                name: `${i.namespace}_radio`,
-                type: "radio",
-                checked: u.label === i.modelValue.label,
-                onInput: k((y) => h(u), ["stop"])
-              }, null, 40, W),
-              o("span", {
-                innerHTML: u.label
-              }, null, 8, X)
-            ])
-          ], 42, Q))), 128))
-        ], 10, K)
-      ]),
-      i.feedback ? (l(), s(C, { key: 0 }, [
-        i.feedback.valid ? (l(), s("span", {
-          key: 0,
-          id: `${i.namespace}_valid_msg`,
-          "arial-live": i.$attrs["aria-live"],
-          class: "uikit-mt-1 uikit-inline-block uikit-text-12",
-          innerHTML: i.isValid ? i.feedback.valid : ""
-        }, null, 8, Y)) : d("", !0),
-        i.feedback.invalid ? (l(), s("span", {
-          key: 1,
-          id: `${i.namespace}_invalid_msg`,
-          "arial-live": i.$attrs["aria-live"],
-          class: "uikit-mt-1 uikit-inline-block uikit-text-12 uikit-text-w-danger",
-          innerHTML: i.isValid === !1 ? i.feedback.invalid : ""
-        }, null, 8, Z)) : d("", !0)
-      ], 64)) : d("", !0)
-    ], 2));
-  }
-});
-export {
-  ti as _
-};