@wikicasa-dev/components 2.1.4-alpha.23 → 2.1.4-alpha.3

package/dist/packages/components/lib/UIKit/AccessibleSelect.vue.js

@@ -1,8 +1,8 @@
 import { defineComponent as F, mergeModels as $, useModel as M, useId as A, computed as V, ref as L, watch as w, onMounted as E, onUnmounted as P, createElementBlock as s, openBlock as a, normalizeClass as l, createElementVNode as o, createCommentVNode as d, withModifiers as p, renderSlot as z, unref as b, createBlock as N, createVNode as O, Fragment as T, renderList as S } from "vue";
-import { useKeyboardController as q } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.24-alpha.5_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
-import { ArrowIcon as j } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import { WarningIconRounded as K } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/WarningIconRounded.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { useKeyboardController as q } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.23_typescript@5.8.3/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+import { ArrowIcon as j } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import { WarningIconRounded as K } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/WarningIconRounded.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-controls", "aria-labelledby", "aria-expanded", "aria-activedescendant", "aria-invalid", "aria-describedby"], W = ["innerHTML"], G = { class: "uikit-pointer-events-none uikit-mt-1 uikit-inline-flex" }, J = ["innerHTML"], Q = ["data-cy"], X = ["id", "aria-selected", "onClick", "onMouseover"], Y = { class: "uikit-inline-block uikit-cursor-pointer uikit-text-sm" }, Z = ["name", "checked", "onInput"], x = ["innerHTML"], _ = ["id", "arial-live", "innerHTML"], ee = ["id", "arial-live", "innerHTML"], se = /* @__PURE__ */ F({
   inheritAttrs: !1,
   __name: "AccessibleSelect",
@@ -36,27 +36,27 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
     toggleDropdownModifiers: {}
   }),
   emits: /* @__PURE__ */ $(["click", "update:dropdownState"], ["update:modelValue", "update:toggleDropdown"]),
-  setup(r, { emit: B }) {
-    const h = B, k = M(r, "modelValue"), g = M(r, "toggleDropdown"), H = A(), t = V(() => r.namespace || H), i = L(!1), I = L(null), f = V(() => !!k.value.label), { activeIdx: v, selectedIdx: D } = q({
-      optionsLength: r.options.length,
+  setup(u, { emit: B }) {
+    const h = B, k = M(u, "modelValue"), y = M(u, "toggleDropdown"), H = A(), t = V(() => u.namespace || H), i = L(!1), I = L(null), f = V(() => !!k.value.label), { activeIdx: v, selectedIdx: D } = q({
+      optionsLength: u.options.length,
       isDropdownOpen: i
     }), m = (e) => {
       i.value = !1, k.value = e;
     };
     w(D, (e) => {
-      m(r.options[e]), i.value = !1;
-    }), w(g, (e) => {
-      e && (i.value = !i.value, g.value = !1);
+      m(u.options[e]), i.value = !1;
+    }), w(y, (e) => {
+      e && (i.value = !i.value, y.value = !1);
     }), w(i, (e) => {
       h("update:dropdownState", e);
     });
-    const y = ({ target: e }) => {
+    const g = ({ target: e }) => {
       `${t.value}_btn` !== e.id && (i.value = !1);
     };
     return E(() => {
-      r.closeOnBodyPressed && document.addEventListener("click", y);
+      u.closeOnBodyPressed && document.addEventListener("click", g);
     }), P(() => {
-      r.closeOnBodyPressed && document.removeEventListener("click", y);
+      u.closeOnBodyPressed && document.removeEventListener("click", g);
     }), (e, n) => (a(), s("div", {
       class: l(e.$attrs.class)
     }, [
@@ -77,7 +77,7 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
         e.$slots.lefticon ? (a(), s("span", {
           key: 1,
           class: "uikit-z-20 uikit-mt-2 uikit-pl-2",
-          onClick: n[0] || (n[0] = p((u) => i.value = !i.value, ["stop"]))
+          onClick: n[0] || (n[0] = p((r) => i.value = !i.value, ["stop"]))
         }, [
           z(e.$slots, "lefticon")
         ])) : d("", !0),
@@ -97,8 +97,8 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
           "aria-activedescendant": b(v) >= 0 && i.value ? `${t.value}_element_${e.options[b(v)].label}` : "",
           "aria-invalid": e.isValid === !1,
           "aria-describedby": e.isValid === !1 ? `${t.value}_invalid_msg` : void 0,
-          onClick: n[1] || (n[1] = (u) => {
-            i.value = !i.value, h("click", u);
+          onClick: n[1] || (n[1] = (r) => {
+            i.value = !i.value, h("click", r);
           })
         }, [
           o("span", {
@@ -128,9 +128,9 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
           "aria-hidden": "true",
           class: l(["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", [
             e.fieldsetClasses,
-            e.isValid ? "uikit-border-w-pink" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-lightgray",
+            e.isValid ? "uikit-border-w-primary" : e.isValid === !1 ? "uikit-border-w-danger" : "uikit-border-w-lightgray",
             {
-              "peer-aria-invalid:uikit-border-w-danger uikit-border uikit-border-solid peer-focus:uikit-border-w-pink peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-pink": e.border
+              "peer-aria-invalid:uikit-border-w-danger uikit-border uikit-border-solid peer-focus:uikit-border-w-primary peer-focus-visible:uikit-border-2 peer-focus-visible:uikit-border-w-primary": e.border
             },
             { "uikit-border-0 peer-focus:uikit-border-0": !e.border }
           ]])
@@ -162,13 +162,13 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
           onClick: n[3] || (n[3] = p(() => {
           }, ["stop"]))
         }, [
-          (a(!0), s(T, null, S(e.options, (u, c) => (a(), s("li", {
+          (a(!0), s(T, null, S(e.options, (r, c) => (a(), s("li", {
             id: `${t.value}_element_${e.options[c].label}`,
-            key: `${u.label}_${c}`,
+            key: `${r.label}_${c}`,
             role: "option",
             "aria-selected": b(v) === c,
             class: l(["uikit-px-20px uikit-m-1 uikit-cursor-pointer uikit-py-xs uikit-text aria-selected:uikit-rounded-xs aria-selected:uikit-bg-w-cultured", e.dropdownItemClasses]),
-            onClick: p((C) => m(u), ["stop"]),
+            onClick: p((C) => m(r), ["stop"]),
             onMouseover: p((C) => v.value = c, ["stop"]),
             onBlur: n[2] || (n[2] = p(() => {
             }, ["stop"]))
@@ -179,11 +179,11 @@ const R = ["id", "innerHTML"], U = ["id", "data-cy", "aria-required", "aria-cont
                 class: "uikit-m-0 uikit-appearance-none",
                 name: `${t.value}_radio`,
                 type: "radio",
-                checked: u.label === k.value.label,
-                onInput: p((C) => m(u), ["stop"])
+                checked: r.label === k.value.label,
+                onInput: p((C) => m(r), ["stop"])
               }, null, 40, Z),
               o("span", {
-                innerHTML: u.label
+                innerHTML: r.label
               }, null, 8, x)
             ])
           ], 42, X))), 128))

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js

@@ -1,9 +1,8 @@
-import { defineComponent as s, ref as u, provide as i, renderSlot as d } from "vue";
+import { defineComponent as p, ref as u, provide as c, renderSlot as d } from "vue";
 import "../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import { isEmptyObject as f } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
-import "date-fns";
+import { isEmptyObject as f } from "../../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js";
 import "../../../../../_virtual/polyline.js";
-const y = /* @__PURE__ */ s({
+const k = /* @__PURE__ */ p({
   __name: "BaseAccordion",
   props: {
     autoClose: { type: Boolean, default: !0 },
@@ -12,23 +11,23 @@ const y = /* @__PURE__ */ s({
   setup(l) {
     const n = u(null), o = u(
       {}
-    ), c = (e, t) => {
+    ), i = (e, t) => {
       if (l.autoClose && t && !f(t))
         for (const a in t)
           a !== `${e}` && (t[a].active = !1);
-    }, p = (e, t) => {
+    }, s = (e, t) => {
       t && (t[e].active = !(t[e].active ?? !1));
     }, r = (e, t) => {
-      c(e.id, t ?? o.value), n.value = e, p(e.id, t ?? o.value);
+      i(e.id, t ?? o.value), n.value = e, s(e.id, t ?? o.value);
     };
-    return i("handleClick", (e) => {
+    return c("handleClick", (e) => {
       l.autoUpdate && r(e);
-    }), i("accordionItems", o), (e, t) => d(e.$slots, "default", {
+    }), c("accordionItems", o), (e, t) => d(e.$slots, "default", {
       updatePrev: r,
       prev: n.value
     });
   }
 });
 export {
-  y as default
+  k as default
 };

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as s, createElementBlock as l, openBlock as d, normalizeClass as e, renderSlot as n, createElementVNode as c, withModifiers as p, createVNode as u, unref as k } from "vue";
-import { ArrowIcon as m } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { ArrowIcon as m } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const f = ["id"], g = ["aria-expanded", "aria-controls"], b = /* @__PURE__ */ s({
   inheritAttrs: !1,
   __name: "BaseAccordionBtn",

package/dist/packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js

@@ -1,9 +1,10 @@
-import { defineComponent as h, ref as $, inject as p, watch as l, unref as d, createElementBlock as C, openBlock as u, createBlock as y, createCommentVNode as g, renderSlot as s, createElementVNode as v, withModifiers as O, normalizeClass as f, createVNode as k, withCtx as c } from "vue";
-import B from "./BaseAccordionBtn.vue.js";
-import A from "./BaseAccordionContent.vue.js";
-import { ArrowIcon as E } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
-import "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { defineComponent as h, ref as $, inject as C, watch as l, unref as d, createElementBlock as v, openBlock as u, normalizeClass as m, createBlock as y, createCommentVNode as g, renderSlot as s, createElementVNode as f, withModifiers as O, createVNode as k, withCtx as c } from "vue";
+import A from "./BaseAccordionBtn.vue.js";
+import B from "./BaseAccordionContent.vue.js";
+import { ArrowIcon as E } from "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import "../../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ h({
+  inheritAttrs: !1,
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -12,9 +13,10 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     arrowColor: {},
     arrowWidth: { default: 12 },
     onContainerClickExpand: { type: Boolean, default: !1 },
+    rootClasses: {},
     dataCy: {},
-    itemProp: {},
     btnClasses: {},
+    itemProp: {},
     arrowClasses: {},
     btnWrapperClasses: {},
     accordionContentClasses: {},
@@ -23,34 +25,34 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     accordionClasses: {}
   },
   emits: ["click", "accordionOpened", "accordionClosed", "update:accordionState"],
-  setup(t, { emit: w }) {
-    const a = w, o = $(!1), r = p(
+  setup(i, { emit: w }) {
+    const a = w, o = $(!1), r = C(
       "accordionItems",
       () => {
       },
       !0
-    ), b = p(
+    ), b = C(
       "handleClick",
       () => {
       },
       !0
-    ), m = (e, i = !1) => {
-      a(i ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", i);
+    ), p = (e, t = !1) => {
+      a(t ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", t);
     };
-    r && (r.value[t.id] = { id: t.id, title: t.title, active: t.active }), l(
+    r && (r.value[i.id] = { id: i.id, title: i.title, active: i.active }), l(
       () => d(r),
       (e) => {
-        const i = e?.[t.id];
-        !i || o.value === i.active || (o.value = i.active ?? !1, m(
-          { id: t.id, title: t.title, active: i.active },
-          i.active
+        const t = e?.[i.id];
+        !t || o.value === t.active || (o.value = t.active ?? !1, p(
+          { id: i.id, title: i.title, active: t.active },
+          t.active
         ));
       },
       { deep: !0, immediate: !0 }
     ), l(o, (e) => {
-      o.value = e, m({ id: t.id, title: t.title, active: o.value }, e);
+      o.value = e, p({ id: i.id, title: i.title, active: o.value }, e);
     }), l(
-      () => t.active,
+      () => i.active,
       (e) => {
         o.value = e;
       },
@@ -59,31 +61,36 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
     const n = () => {
       o.value = !o.value;
     };
-    return (e, i) => (u(), C("div", null, [
-      !e.$slots.custom_content && !e.$slots.custom_btn && !e.$slots.custom_accordion ? (u(), C("div", W, [
-        v("button", {
+    return (e, t) => (u(), v("div", {
+      class: m(e.rootClasses)
+    }, [
+      !e.$slots.custom_content && !e.$slots.custom_btn && !e.$slots.custom_accordion ? (u(), v("div", W, [
+        f("button", {
           id: `accordion-title-${e.id}`,
           type: "button",
-          class: f(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-[20px] uikit-py-md uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", e.btnClasses]),
+          class: m(["uikit-flex uikit-w-full uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-white uikit-px-[20px] uikit-py-md uikit-text-left uikit-font-semibold uikit-transition-colors active:max-sm:uikit-bg-w-cultured hover:sm:uikit-bg-w-cultured", e.btnClasses]),
           "data-cy": e.dataCy,
           "aria-expanded": o.value,
           "aria-controls": `accordion-text-${e.id}`,
-          onClick: i[0] || (i[0] = O((N) => {
+          onClick: t[0] || (t[0] = O((N) => {
             n(), d(b)?.({ id: e.id, title: e.title, active: o.value }), a("click");
           }, ["prevent", "stop"]))
         }, [
-          v("span", {
+          f("span", {
             itemprop: e.itemProp,
             innerHTML: e.title
           }, null, 8, M),
           k(d(E), {
-            class: f(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [o.value ? "uikit-rotate-180" : "", e.arrowClasses]]),
+            class: m([
+              "uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none",
+              [o.value ? "uikit-rotate-180" : "", e.arrowClasses]
+            ]),
             "arrow-classes": e.arrowClasses,
             width: e.arrowWidth,
             height: e.arrowWidth
           }, null, 8, ["class", "arrow-classes", "width", "height"])
         ], 10, I)
-      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), y(B, {
+      ])) : (e.$slots.custom_content || e.$slots.custom_btn) && !e.$slots.custom_accordion ? (u(), y(A, {
         key: 1,
         id: e.id,
         "btn-wrapper-classes": e.btnWrapperClasses,
@@ -111,7 +118,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
         isOpen: o.value,
         toggleAccordion: n
       }, () => [
-        k(A, {
+        k(B, {
           id: e.id,
           "accordion-open": o.value,
           "accordion-open-classes": e.accordionOpenClasses,
@@ -128,7 +135,7 @@ const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M
           _: 3
         }, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-content-classes", "accordion-classes"])
       ])
-    ]));
+    ], 2));
   }
 });
 export {

package/dist/packages/components/lib/UIKit/BaseAlert.vue.js

@@ -1,6 +1,6 @@
 import { defineComponent as g, mergeModels as T, useModel as h, ref as w, watch as x, nextTick as y, createBlock as f, openBlock as m, unref as e, withCtx as l, renderSlot as r, createVNode as i, normalizeClass as C, createCommentVNode as I, normalizeStyle as b } from "vue";
-import { CloseIcon as V } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
-import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
+import { CloseIcon as V } from "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/CloseIcon.js";
+import "../../../../node_modules/.pnpm/@wikicasa-dev_svg-icons@1.2.12_typescript@5.8.3/node_modules/@wikicasa-dev/svg-icons/dist/PharmacyIcon.js";
 import { ToastProvider as $, ToastRoot as z, ToastTitle as M, ToastDescription as P, ToastClose as B, ToastAction as D, ProgressRoot as j, ProgressIndicator as A, ToastViewport as N } from "reka-ui";
 const X = /* @__PURE__ */ g({
   __name: "BaseAlert",

package/dist/packages/components/lib/UIKit/BaseAutocomplete.vue.js

@@ -1,14 +1,18 @@
-import { defineComponent as H, mergeModels as g, useModel as K, ref as r, computed as $, onBeforeMount as N, watch as C, createBlock as b, openBlock as m, normalizeClass as U, withCtx as c, renderSlot as B, createElementBlock as A, Fragment as F, renderList as T, unref as S, createCommentVNode as j, createElementVNode as V, resolveDynamicComponent as W, createVNode as X, createSlots as q, withDirectives as G, vShow as J } from "vue";
-import Q from "./BaseInput.vue.js";
+import { defineComponent as L, mergeModels as y, useModel as F, ref as d, computed as k, onBeforeMount as H, watch as f, createBlock as g, openBlock as h, normalizeClass as K, withCtx as s, createElementBlock as T, Fragment as z, renderList as A, unref as N, createElementVNode as U, createVNode as W, renderSlot as $ } from "vue";
+import j from "./BaseInput.vue.js";
 import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
-import R from "./BaseDropDown.vue.js";
-import { debounce as Y } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/FunctionUtils.js";
-import Z from "./BaseSelect/SelectItem.vue.js";
-import { useKeyboardController as x } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.24-alpha.5_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
-const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
+import q from "./BaseDropDown.vue.js";
+import "../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
+import { debounce as G } from "../../../../node_modules/.pnpm/@wikicasa-dev_utilities@1.1.21/node_modules/@wikicasa-dev/utilities/dist/utils/FunctionUtils.js";
+import "../../../../_virtual/polyline.js";
+import J from "./BaseSelect/SelectItem.vue.js";
+import { useKeyboardController as Q } from "../../../../node_modules/.pnpm/@wikicasa-dev_vue-composables@0.0.23_typescript@5.8.3/node_modules/@wikicasa-dev/vue-composables/dist/useKeyboardController.js";
+const R = ["innerHTML"], ne = /* @__PURE__ */ L({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ y({
     isValid: { default: null },
+    theme: { default: "" },
+    label: { default: "" },
     disableCb: { type: Boolean, default: !1 },
     onInputChangeCb: { type: Function },
     onOptionSelectedCb: { default: null },
@@ -18,10 +22,7 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
     closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
     inputClasses: {},
     fieldsetClasses: {},
-    placeholder: { default: "" },
-    dataCy: { default: "" },
-    withBorder: { type: Boolean, default: !0 },
-    withCleanBtn: { type: Boolean, default: !0 }
+    dataCy: { default: "" }
   }, {
     modelValue: {
       default() {
@@ -30,130 +31,163 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ g(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(o, { expose: D, emit: I }) {
-    const u = K(o, "modelValue"), s = I, i = r(""), a = r([]), f = r(null), n = r(!1), w = r(null), O = $(() => a.value.length);
-    N(() => {
-      f.value = Y({ delay: 300 }, o.onInputChangeCb);
+  emits: /* @__PURE__ */ y(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(o, { expose: S, emit: V }) {
+    const r = F(
+      o,
+      "modelValue"
+    ), u = V, i = d(""), a = d([]), p = d(null), b = d(!1), l = d(!1), w = d(null), B = k(() => a.value.length);
+    H(() => {
+      p.value = G({ delay: 300 }, o.onInputChangeCb);
     });
-    const { activeIdx: v, selectedIdx: d } = x({
-      optionsLength: O,
-      isDropdownOpen: n,
+    const { activeIdx: v, selectedIdx: m } = Q({
+      optionsLength: B,
+      isDropdownOpen: l,
       disableSpaceHandler: !0
-    }), y = $(() => d.value !== -1), M = async (e) => {
-      if (i.value !== e && (s("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
-        if (!e || y.value) {
-          a.value = [], d.value = -1, v.value = -1, u.value && (u.value.label = ""), n.value = !1, await f.value?.("");
+    }), O = k(() => {
+      switch (o.theme) {
+        case "bordered":
+          return "";
+        case "all-bordered":
+          return "!uikit-rounded " + (l.value && "!uikit-rounded-b-none");
+        case "all-bordered-thick":
+          return "!uikit-rounded-[30px] !uikit-h-[52px] " + (l.value && "!uikit-rounded-b-none");
+        default:
+          return "";
+      }
+    }), M = k(() => {
+      switch (o.theme) {
+        case "bordered":
+          return "";
+        case "all-bordered":
+          return "uikit-border uikit-border-w-lavender uikit-border-solid !uikit-rounded !uikit-border-w-lavender !uikit-border " + (l.value ? "!uikit-border-b-0 !uikit-rounded-b-none" : "");
+        case "all-bordered-thick":
+          return "!uikit-rounded-[30px] !uikit-h-[60px] !uikit-border-w-lavender !uikit-border-none " + (l.value ? "!uikit-rounded-b-none" : "");
+        default:
+          return "";
+      }
+    }), I = 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 (o.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":
+          return e;
+        case "all-bordered-thick":
+          return e + " !uikit-border-0";
+        default:
+          return "";
+      }
+    }), D = async (e) => {
+      if (i.value !== e && (u("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
+        if (!e || b.value) {
+          a.value = [], b.value = !1, m.value = -1, v.value = -1, r.value && (r.value.label = ""), l.value = !1, await p.value(null);
           return;
         }
-        o.disableCb || !f.value || (a.value = await f.value(e), n.value = !!a.value.length);
+        o.disableCb || (a.value = await p.value(e), l.value = !!a.value.length);
       }
-    }, h = (e, t) => {
-      o.onOptionSelectedCb && o.onOptionSelectedCb(e), o.cleanupOnClose && (a.value = []), i.value = e.label, u.value = e, n.value = !1, d.value = t;
+    }, C = (e, t) => {
+      o.onOptionSelectedCb && o.onOptionSelectedCb(e), o.cleanupOnClose && (a.value = []), b.value = !0, i.value = e.label, r.value = e, l.value = !1, m.value = t;
     }, E = () => {
-      a.value.length && o.keepState !== "closed" && (n.value = !0);
+      a.value.length && o.keepState !== "closed" && (l.value = !0);
     };
-    C(
-      u,
+    return f(
+      r,
       (e, t) => {
         e === t || e?.label === i.value || (i.value = e?.label || "");
       },
       { immediate: !0 }
-    ), C(d, (e) => {
+    ), f(m, (e) => {
       if (e === -1 || !a.value.length) return;
       const t = a.value[e];
-      y.value && t.label === u.value?.label || h(t, e);
-    }), C(
-      n,
+      b.value && t.label === r.value?.label || C(t, e);
+    }), f(
+      () => o.keepState,
       (e) => {
-        s("update:dropdownState", e);
-      },
-      { immediate: !0 }
-    );
-    const P = () => {
-      w.value?.select();
-    }, L = () => {
-      s("click"), E(), a.value.length && (n.value = !0);
-    };
-    return D({
-      select: P
-    }), (e, t) => (m(), b(R, {
-      open: n.value,
-      "onUpdate:open": t[3] || (t[3] = (l) => n.value = l),
-      class: U(e.$attrs.class),
+        e === "closed" ? (l.value = !1, o.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (l.value = !0);
+      }
+    ), f(l, (e) => {
+      u("update:dropdownState", e);
+    }), S({
+      select: () => {
+        w.value?.select();
+      }
+    }), (e, t) => (h(), g(q, {
+      class: K(e.$attrs["root-classes"]),
       "data-cy": e.dataCy ? e.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
-      "dropdown-classes": ["!uikit-max-h-[210px] uikit-z-30", e.dropdownClasses],
+      "dropdown-classes": [
+        { "bordered-dropdown": e.theme === "bordered" },
+        { "all-bordered-dropdown": e.theme === "all-bordered" },
+        { "all-bordered-dropdown thick": e.theme === "all-bordered-thick" },
+        {
+          "uikit-mt-10px !uikit-border !uikit-border-w-lightgray !uikit-rounded-xs": !e.theme
+        },
+        I.value,
+        "!uikit-max-h-[210px] uikit-z-30",
+        e.dropdownClasses
+      ],
+      "open-dropdown": l.value,
+      "keep-state": !a.value.length || e.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": t[4] || (t[4] = (l) => n.value = l),
-      onClick: L
+      "onUpdate:dropdownState": t[3] || (t[3] = (n) => l.value = n),
+      onClick: t[4] || (t[4] = (n) => {
+        u("click"), E();
+      })
     }, {
-      button: c(() => [
-        X(Q, {
+      btn_slot: s(() => [
+        W(j, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
           ref: w,
-          class: "uikit-base-autocomplete",
           "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
+          "label-text": e.label,
           "model-value": i.value,
           "is-valid": e.isValid,
           disabled: e.$attrs.disabled,
-          placeholder: e.placeholder,
-          "input-class": [e.inputClasses, "base-autocomplete-input !uikit-text"],
-          "fieldset-classes": [e.fieldsetClasses],
-          "with-border": e.withBorder,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => M(l === void 0 ? "" : `${l}`)),
-          onKeydown: t[1] || (t[1] = (l) => s("keydown", l)),
-          onKeydownEnterPressed: t[2] || (t[2] = () => s("keydownEnterPressed"))
-        }, q({ _: 2 }, [
-          e.$slots.leftIcon ? {
-            name: "leftIcon",
-            fn: c(() => [
-              B(e.$slots, "leftIcon")
-            ]),
-            key: "0"
-          } : void 0,
-          e.withCleanBtn ? {
-            name: "rightIcon",
-            fn: c(({ handleClean: l }) => [
-              G(V("span", {
-                class: "text-input-icon right uikit-flex uikit-size-md uikit-cursor-pointer uikit-items-center uikit-justify-center uikit-rounded-full uikit-bg-w-lightgray uikit-text uikit-font-semibold uikit-text-white",
-                onClick: l
-              }, "X", 8, _), [
-                [J, S(d) !== -1]
-              ])
-            ]),
-            key: "1"
-          } : void 0
-        ]), 1032, ["id", "data-cy", "model-value", "is-valid", "disabled", "placeholder", "input-class", "fieldset-classes", "with-border"])
+          placeholder: e.$attrs.placeholder,
+          "with-left-icon": !!e.$slots.lefticon,
+          "with-right-icon": !!e.$slots.righticon,
+          "input-class": [
+            O.value,
+            e.inputClasses,
+            "!uikit-ml-0 !uikit-w-full"
+          ],
+          "fieldset-classes": [M.value, e.fieldsetClasses],
+          "onUpdate:modelValue": t[0] || (t[0] = (n) => D(n === void 0 ? "" : `${n}`)),
+          onKeydown: t[1] || (t[1] = (n) => u("keydown", n)),
+          onKeydownEnterPressed: t[2] || (t[2] = () => u("keydownEnterPressed"))
+        }, {
+          leftIcon: s(() => [
+            $(e.$slots, "lefticon")
+          ]),
+          righticon: s(({ handleClean: n }) => [
+            $(e.$slots, "righticon", { handleClean: n })
+          ]),
+          _: 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(({ toggleDropdown: l }) => [
-        B(e.$slots, "dropdown", {
-          options: a.value,
-          toggleDropdown: l
-        }, () => [
-          (m(!0), A(F, null, T(a.value, (p, k) => (m(), b(Z, {
-            key: k,
-            active: S(v) === k,
-            class: "uikit-relative uikit-flex uikit-gap-x-xs uikit-rounded-[5px] uikit-p-md uikit-py-xs uikit-text after:uikit-absolute after:uikit-bottom-0 after:uikit-left-1/2 after:uikit-h-[1px] after:uikit-w-[95%] after:-uikit-translate-x-1/2 after:uikit-bg-w-lightgray after:uikit-content-[''] after:last:uikit-hidden hover:uikit-cursor-pointer",
-            onClick: (z) => h(p, k),
-            onMouseover: (z) => v.value = k
-          }, {
-            default: c(() => [
-              p.icon ? (m(), b(W(p.icon), { key: 0 })) : j("", !0),
-              V("span", {
-                innerHTML: p.label
-              }, null, 8, ee)
-            ]),
-            _: 2
-          }, 1032, ["active", "onClick", "onMouseover"]))), 128))
-        ])
+      default: s(() => [
+        (h(!0), T(z, null, A(a.value, (n, c) => (h(), g(J, {
+          key: c,
+          active: N(v) === c,
+          class: "uikit-py-xs uikit-m-1 uikit-rounded-[5px] uikit-px-5 hover:uikit-cursor-pointer",
+          onClick: (P) => C(n, c),
+          onMouseover: (P) => v.value = c
+        }, {
+          default: s(() => [
+            U("span", {
+              innerHTML: n.label
+            }, null, 8, R)
+          ]),
+          _: 2
+        }, 1032, ["active", "onClick", "onMouseover"]))), 128))
       ]),
       _: 3
-    }, 8, ["open", "class", "data-cy", "dropdown-classes", "close-when-clicked-outside"]));
+    }, 8, ["class", "data-cy", "dropdown-classes", "open-dropdown", "keep-state", "close-when-clicked-outside"]));
   }
 });
 export {
-  se as default
+  ne as default
 };