@wikicasa-dev/components 2.1.4-alpha.22 → 2.1.4-alpha.24

package/dist/index.js

@@ -1,104 +1,106 @@
-import './assets/packages/components/lib/UIKit/Navigation/NavigationBar.css';import './assets/packages/components/lib/UIKit/BaseBreadcrumb.css';import './assets/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';import './assets/packages/components/lib/UIKit/BaseModal.css';import './assets/packages/components/lib/UIKit/BaseSelect.css';import './assets/packages/components/lib/UIKit/BasePin.css';import './assets/packages/components/lib/UIKit/BaseInput.css';import './assets/packages/components/lib/UIKit/BaseFloatingLabel.css';import './assets/packages/components/lib/UIKit/BaseBadge.css';import './assets/packages/components/lib/UIKit/BaseAutocomplete.css';import './assets/packages/components/lib/UIKit/BaseAlert.css';import './assets/packages/components/src/tailwind.css';/* empty css                                     */
-import { default as B } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
-import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
-import { default as b } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-import { default as C } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
-import { default as A } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
-import { default as T } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
-import { default as w } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as k } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as P } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as G } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as N } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as R } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
-import { default as V } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import './assets/packages/components/lib/UIKit/Navigation/NavigationBar.css';import './assets/packages/components/lib/UIKit/BaseBreadcrumb.css';import './assets/packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.css';import './assets/packages/components/lib/UIKit/BaseModal.css';import './assets/packages/components/lib/UIKit/BaseSelect.css';import './assets/packages/components/lib/UIKit/BasePin.css';import './assets/packages/components/lib/UIKit/BaseInput.css';import './assets/packages/components/lib/UIKit/BaseFloatingLabel.css';import './assets/packages/components/lib/UIKit/BaseDropDown.css';import './assets/packages/components/lib/UIKit/BaseBadge.css';import './assets/packages/components/lib/UIKit/BaseAutocomplete.css';import './assets/packages/components/lib/UIKit/BaseAlert.css';import './assets/packages/components/lib/UIKit/Accordion/BaseAccordionItem.css';import './assets/packages/components/src/tailwind.css';/* empty css                                     */
+import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordion.vue.js";
+import { default as b } from "./packages/components/lib/UIKit/Accordion/BaseAccordionBtn.vue.js";
+import { default as C } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
+import { default as A } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+/* empty css                                                               */
+import { default as T } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as w } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
+import { default as k } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
+import { default as P } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
+import { default as G } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as N } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as R } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as V } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as q } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
-import { default as q } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import { default as z } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
-import { default as z } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as H } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
-import { default as H } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as K } from "./UIKit/BaseCard.js";
-import { default as W } from "./UIKit/BaseComplexToggle.js";
-import { default as Y } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
-import { default as _ } from "./packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
+import { default as K } from "./packages/components/lib/UIKit/BaseButton.vue.js";
+import { default as W } from "./UIKit/BaseCard.js";
+import { default as Y } from "./UIKit/BaseComplexToggle.js";
+import { default as _ } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+/* empty css                                                */
+import { default as ee } from "./packages/components/lib/UIKit/BaseFloatingLabel.vue.js";
 /* empty css                                                     */
-import { default as ee } from "./UIKit/BaseIcon.js";
-import { default as oe } from "./packages/components/lib/UIKit/BaseInput.vue.js";
+import { default as oe } from "./UIKit/BaseIcon.js";
+import { default as re } from "./packages/components/lib/UIKit/BaseInput.vue.js";
 /* empty css                                             */
-import { default as re } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as se } from "./UIKit/BasePaper.js";
-import { default as me } from "./packages/components/lib/UIKit/BasePin.vue.js";
+import { default as se } from "./packages/components/lib/UIKit/BasePagination.vue.js";
+import { default as me } from "./UIKit/BasePaper.js";
+import { default as de } from "./packages/components/lib/UIKit/BasePin.vue.js";
 /* empty css                                           */
-import { default as de } from "./packages/components/lib/UIKit/BaseSelect.vue.js";
+import { default as xe } from "./packages/components/lib/UIKit/BaseSelect.vue.js";
 /* empty css                                              */
-import { default as xe } from "./packages/components/lib/UIKit/BaseSlider.vue.js";
-import { default as Be } from "./UIKit/BaseTextarea.js";
-import { default as ce } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
-import { default as be } from "./UIKit/BaseTooltip.js";
-import { default as Ce } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as Ae } from "./packages/components/lib/UIKit/BaseModal.vue.js";
+import { default as Be } from "./packages/components/lib/UIKit/BaseSlider.vue.js";
+import { default as ce } from "./UIKit/BaseTextarea.js";
+import { default as be } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
+import { default as Ce } from "./UIKit/BaseTooltip.js";
+import { default as Ae } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
+import { default as Te } from "./packages/components/lib/UIKit/BaseModal.vue.js";
 /* empty css                                             */
-import { default as Te } from "./UIKit/BaseSnackbar.js";
-import { default as we } from "./UIKit/StaticSpinner.js";
-import { default as ke } from "./packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
+import { default as we } from "./UIKit/BaseSnackbar.js";
+import { default as ke } from "./UIKit/StaticSpinner.js";
+import { default as Pe } from "./packages/components/lib/UIKit/ShimmerLoader/BaseShimmerLoader.vue.js";
 /* empty css                                                                   */
-import { default as Pe } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as Ge } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as Ne } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as Re } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as Ve } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as qe } from "./components/carousel/SwiperCarousel.js";
-import { default as ze } from "./components/carousel/SwiperSlide.js";
-import { default as He } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as Ge } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as Ne } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as Re } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as Ve } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as qe } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as ze } from "./components/carousel/SwiperCarousel.js";
+import { default as He } from "./components/carousel/SwiperSlide.js";
+import { default as Ke } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 /* empty css                                                  */
-import { default as Ke } from "./packages/components/lib/UIKit/Navigation/NavigationBar.vue.js";
+import { default as We } from "./packages/components/lib/UIKit/Navigation/NavigationBar.vue.js";
 /* empty css                                                            */
-import { default as We } from "./packages/components/lib/UIKit/Navigation/NavigationBarItem.vue.js";
+import { default as Ye } from "./packages/components/lib/UIKit/Navigation/NavigationBarItem.vue.js";
 export {
-  R as AccessibleSelect,
-  B as BaseAccordion,
-  c as BaseAccordionBtn,
-  b as BaseAccordionContent,
-  C as BaseAccordionItem,
-  V as BaseAlert,
-  q as BaseAutocomplete,
-  z as BaseBadge,
-  He as BaseBreadcrumb,
-  H as BaseButton,
-  K as BaseCard,
-  W as BaseComplexToggle,
-  Y as BaseDropDown,
-  _ as BaseFloatingLabel,
-  ee as BaseIcon,
-  oe as BaseInput,
-  Ae as BaseModal,
-  re as BasePagination,
-  se as BasePaper,
-  me as BasePin,
-  de as BaseSelect,
-  ke as BaseShimmerLoader,
-  xe as BaseSlider,
-  Te as BaseSnackbar,
-  k as BaseTab,
-  P as BaseTabView,
-  Be as BaseTextarea,
-  ce as BaseToggle,
-  be as BaseTooltip,
-  Ce as BaseUploadFile,
-  T as CheckboxBtn,
-  w as CheckboxGroup,
-  Ge as DoughnutChart,
-  Re as IntersectionObservable,
-  Ve as IntersectionObserver,
-  Ne as LineChart,
-  Ke as NavigationBar,
-  We as NavigationBarItem,
-  G as RadioButton,
-  N as RadioGroup,
-  A as SelectItem,
-  Pe as ShimmerMultiLine,
-  we as StaticSpinner,
-  qe as SwiperCarousel,
-  ze as SwiperSlide
+  V as AccessibleSelect,
+  c as BaseAccordion,
+  b as BaseAccordionBtn,
+  C as BaseAccordionContent,
+  A as BaseAccordionItem,
+  q as BaseAlert,
+  z as BaseAutocomplete,
+  H as BaseBadge,
+  Ke as BaseBreadcrumb,
+  K as BaseButton,
+  W as BaseCard,
+  Y as BaseComplexToggle,
+  _ as BaseDropDown,
+  ee as BaseFloatingLabel,
+  oe as BaseIcon,
+  re as BaseInput,
+  Te as BaseModal,
+  se as BasePagination,
+  me as BasePaper,
+  de as BasePin,
+  xe as BaseSelect,
+  Pe as BaseShimmerLoader,
+  Be as BaseSlider,
+  we as BaseSnackbar,
+  P as BaseTab,
+  G as BaseTabView,
+  ce as BaseTextarea,
+  be as BaseToggle,
+  Ce as BaseTooltip,
+  Ae as BaseUploadFile,
+  w as CheckboxBtn,
+  k as CheckboxGroup,
+  Ne as DoughnutChart,
+  Ve as IntersectionObservable,
+  qe as IntersectionObserver,
+  Re as LineChart,
+  We as NavigationBar,
+  Ye as NavigationBarItem,
+  N as RadioButton,
+  R as RadioGroup,
+  T as SelectItem,
+  Ge as ShimmerMultiLine,
+  ke as StaticSpinner,
+  ze as SwiperCarousel,
+  He as SwiperSlide
 };

package/dist/node_modules/.pnpm/@wikicasa-dev_utilities@1.1.22-alpha.4/node_modules/@wikicasa-dev/utilities/dist/utils/ObjectUtils.js

@@ -1,10 +1,8 @@
-function c(t, s) {
-  if (t)
-    for (const o in t)
-      s[o] = t[o];
+function c(o, t) {
+  if (o)
+    for (const n in o)
+      t[n] = o[n];
 }
-const n = (t) => !t || !Object.keys(t).length;
 export {
-  n as isEmptyObject,
   c as shallowCopyObjectTo
 };

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

@@ -1,34 +1,30 @@
-import { defineComponent as s, ref as u, provide as i, 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 "../../../../../_virtual/polyline.js";
-const y = /* @__PURE__ */ s({
+import { defineComponent as r, mergeModels as i, useModel as s, provide as d, createBlock as p, openBlock as u, unref as n, withCtx as m, renderSlot as c } from "vue";
+import { AccordionRoot as f } from "reka-ui";
+const b = /* @__PURE__ */ r({
   __name: "BaseAccordion",
-  props: {
-    autoClose: { type: Boolean, default: !0 },
-    autoUpdate: { type: Boolean, default: !0 }
-  },
-  setup(l) {
-    const n = u(null), o = u(
-      {}
-    ), c = (e, t) => {
-      if (l.autoClose && t && !f(t))
-        for (const a in t)
-          a !== `${e}` && (t[a].active = !1);
-    }, p = (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);
-    };
-    return i("handleClick", (e) => {
-      l.autoUpdate && r(e);
-    }), i("accordionItems", o), (e, t) => d(e.$slots, "default", {
-      updatePrev: r,
-      prev: n.value
-    });
+  props: /* @__PURE__ */ i({
+    collapsible: { type: Boolean },
+    type: {}
+  }, {
+    modelValue: {},
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const l = s(t, "modelValue");
+    return d("isActive", (e) => typeof l.value == "string" ? l.value === e : !!l.value?.find((o) => o === e)), (e, o) => (u(), p(n(f), {
+      collapsible: e.collapsible,
+      type: e.type,
+      modelValue: l.value,
+      "onUpdate:modelValue": o[0] || (o[0] = (a) => l.value = a)
+    }, {
+      default: m(() => [
+        c(e.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["collapsible", "type", "modelValue"]));
   }
 });
 export {
-  y as default
+  b as default
 };

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

@@ -1,143 +1,74 @@
-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.15-alpha.1_vue@3.5.16_typescript@5.8.3_/node_modules/@wikicasa-dev/svg-icons/dist/ArrowIcon.js";
+import { defineComponent as l, inject as n, createBlock as u, openBlock as d, unref as t, withCtx as s, createVNode as i, renderSlot as r, normalizeClass as o, createTextVNode as c, toDisplayString as k } from "vue";
+import { AccordionItem as f, AccordionHeader as m, AccordionTrigger as h, AccordionContent as p } from "reka-ui";
+import { ArrowIcon as C } 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";
-const W = { key: 0 }, I = ["id", "data-cy", "aria-expanded", "aria-controls"], M = ["itemprop", "innerHTML"], P = /* @__PURE__ */ h({
-  inheritAttrs: !1,
+const $ = /* @__PURE__ */ l({
   __name: "BaseAccordionItem",
   props: {
     title: {},
-    id: {},
-    active: { type: Boolean, default: !1 },
     arrowColor: {},
     arrowWidth: { default: 12 },
-    onContainerClickExpand: { type: Boolean, default: !1 },
-    rootClasses: {},
     dataCy: {},
-    btnClasses: {},
-    itemProp: {},
-    arrowClasses: {},
-    btnWrapperClasses: {},
-    accordionContentClasses: {},
-    accordionOpenClasses: {},
-    accordionCloseClasses: {},
-    accordionClasses: {}
+    value: {},
+    triggerClasses: {},
+    headerClasses: {},
+    contentClasses: {},
+    arrowClasses: {}
   },
-  emits: ["click", "accordionOpened", "accordionClosed", "update:accordionState"],
-  setup(i, { emit: w }) {
-    const a = w, o = $(!1), r = C(
-      "accordionItems",
-      () => {
-      },
-      !0
-    ), b = C(
-      "handleClick",
-      () => {
-      },
-      !0
-    ), p = (e, t = !1) => {
-      a(t ? "accordionOpened" : "accordionClosed", e), a("update:accordionState", t);
-    };
-    r && (r.value[i.id] = { id: i.id, title: i.title, active: i.active }), l(
-      () => d(r),
-      (e) => {
-        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, p({ id: i.id, title: i.title, active: o.value }, e);
-    }), l(
-      () => i.active,
-      (e) => {
-        o.value = e;
-      },
-      { immediate: !0 }
-    );
-    const n = () => {
-      o.value = !o.value;
-    };
-    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: 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: t[0] || (t[0] = O((N) => {
-            n(), d(b)?.({ id: e.id, title: e.title, active: o.value }), a("click");
-          }, ["prevent", "stop"]))
-        }, [
-          f("span", {
-            itemprop: e.itemProp,
-            innerHTML: e.title
-          }, null, 8, M),
-          k(d(E), {
-            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(A, {
-        key: 1,
-        id: e.id,
-        "btn-wrapper-classes": e.btnWrapperClasses,
-        "btn-classes": e.btnClasses,
-        "arrow-color": e.arrowColor,
-        "arrow-classes": e.arrowClasses,
-        "toggle-accordion": n,
-        "on-container-click-expand": e.onContainerClickExpand,
-        "accordion-open": o.value
-      }, {
-        custom_content: c(() => [
-          s(e.$slots, "custom_content")
-        ]),
-        custom_btn: c(() => [
-          s(e.$slots, "custom_btn", {
-            btnId: `btn-${e.id}`,
-            isOpen: o.value,
-            toggleAccordion: n
-          })
-        ]),
-        _: 3
-      }, 8, ["id", "btn-wrapper-classes", "btn-classes", "arrow-color", "arrow-classes", "on-container-click-expand", "accordion-open"])) : g("", !0),
-      s(e.$slots, "custom_accordion", {
-        id: e.id,
-        isOpen: o.value,
-        toggleAccordion: n
-      }, () => [
-        k(B, {
-          id: e.id,
-          "accordion-open": o.value,
-          "accordion-open-classes": e.accordionOpenClasses,
-          "accordion-close-classes": e.accordionCloseClasses,
-          "accordion-content-classes": e.accordionContentClasses,
-          "accordion-classes": e.accordionClasses
+  setup(w) {
+    const a = n("isActive");
+    return (e, g) => (d(), u(t(f), {
+      value: e.value,
+      "data-cy": e.dataCy
+    }, {
+      default: s(() => [
+        i(t(m), {
+          class: "uikit-flex uikit-justify-between uikit-items-center",
+          "header-classes": e.headerClasses
         }, {
-          custom_accordion_content: c(() => [
-            s(e.$slots, "custom_accordion_content", { isOpen: o.value })
+          default: s(() => [
+            r(e.$slots, "headerContent"),
+            i(t(h), {
+              class: o([
+                e.triggerClasses,
+                {
+                  "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-md uikit-py-md uikit-text-left uikit-font-semibold": !e.$slots.trigger,
+                  "uikit-w-full": !e.$slots.headerContent
+                }
+              ])
+            }, {
+              default: s(() => [
+                r(e.$slots, "trigger", {
+                  active: t(a)(e.value)
+                }, () => [
+                  c(k(e.title) + " ", 1),
+                  i(t(C), {
+                    class: o(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(a)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
+                    "arrow-classes": e.arrowClasses,
+                    width: e.arrowWidth,
+                    height: e.arrowWidth
+                  }, null, 8, ["class", "arrow-classes", "width", "height"])
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"])
           ]),
-          default: c(() => [
-            s(e.$slots, "default", { isOpen: o.value })
+          _: 3
+        }, 8, ["header-classes"]),
+        i(t(p), {
+          class: "uikit-px-md uikit-base-accordion-item-content",
+          "content-classes": e.contentClasses
+        }, {
+          default: s(() => [
+            r(e.$slots, "default")
           ]),
           _: 3
-        }, 8, ["id", "accordion-open", "accordion-open-classes", "accordion-close-classes", "accordion-content-classes", "accordion-classes"])
-      ])
-    ], 2));
+        }, 8, ["content-classes"])
+      ]),
+      _: 3
+    }, 8, ["value", "data-cy"]));
   }
 });
 export {
-  P as default
+  $ as default
 };

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

@@ -1,11 +1,12 @@
-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 { defineComponent as H, mergeModels as g, useModel as K, ref as r, computed as $, onBeforeMount as N, watch as b, createBlock as w, 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 '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
+import '../../../../assets/packages/components/lib/UIKit/BaseDropDown.css';import '../../../../assets/packages/components/lib/UIKit/BaseInput.css';/* empty css               */
 import R from "./BaseDropDown.vue.js";
+/* empty css                  */
 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({
+const _ = ["onClick"], ee = ["innerHTML"], de = /* @__PURE__ */ H({
   __name: "BaseAutocomplete",
   props: /* @__PURE__ */ g({
     isValid: { default: null },
@@ -14,7 +15,7 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
     onOptionSelectedCb: { default: null },
     keepState: { default: null },
     cleanupOnClose: { type: Boolean, default: !0 },
-    dropdownClasses: { default: "" },
+    dropdownClasses: {},
     closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
     inputClasses: {},
     fieldsetClasses: {},
@@ -31,69 +32,69 @@ 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);
+  setup(n, { expose: D, emit: I }) {
+    const u = K(n, "modelValue"), s = I, i = r(""), a = r([]), p = r(null), o = r(!1), C = r(null), O = $(() => a.value.length);
     N(() => {
-      f.value = Y({ delay: 300 }, o.onInputChangeCb);
+      p.value = Y({ delay: 300 }, n.onInputChangeCb);
     });
     const { activeIdx: v, selectedIdx: d } = x({
       optionsLength: O,
-      isDropdownOpen: n,
+      isDropdownOpen: o,
       disableSpaceHandler: !0
     }), y = $(() => d.value !== -1), M = async (e) => {
-      if (i.value !== e && (s("changedValue", e), i.value = e, !!o.onInputChangeCb)) {
+      if (i.value !== e && (s("changedValue", e), i.value = e, !!n.onInputChangeCb)) {
         if (!e || y.value) {
-          a.value = [], d.value = -1, v.value = -1, u.value && (u.value.label = ""), n.value = !1, await f.value?.("");
+          a.value = [], d.value = -1, v.value = -1, u.value && (u.value.label = ""), o.value = !1, await p.value?.("");
           return;
         }
-        o.disableCb || !f.value || (a.value = await f.value(e), n.value = !!a.value.length);
+        n.disableCb || !p.value || (a.value = await p.value(e), o.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;
+      n.onOptionSelectedCb && n.onOptionSelectedCb(e), n.cleanupOnClose && (a.value = []), i.value = e.label, u.value = e, o.value = !1, d.value = t;
     }, E = () => {
-      a.value.length && o.keepState !== "closed" && (n.value = !0);
+      a.value.length && n.keepState !== "closed" && (o.value = !0);
     };
-    C(
+    b(
       u,
       (e, t) => {
         e === t || e?.label === i.value || (i.value = e?.label || "");
       },
       { immediate: !0 }
-    ), C(d, (e) => {
+    ), b(d, (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(
+      o,
       (e) => {
         s("update:dropdownState", e);
       },
       { immediate: !0 }
     );
     const P = () => {
-      w.value?.select();
+      C.value?.select();
     }, L = () => {
-      s("click"), E(), a.value.length && (n.value = !0);
+      s("click"), E(), a.value.length && (o.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["root-classes"]),
+    }), (e, t) => (m(), w(R, {
+      open: o.value,
+      "onUpdate:open": t[3] || (t[3] = (l) => o.value = l),
+      class: U(["uikit-base-autocomplete-dropdown", e.$attrs.class]),
       "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": ["uikit-z-30", e.dropdownClasses],
       "close-when-clicked-outside": e.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": t[4] || (t[4] = (l) => n.value = l),
+      "onUpdate:dropdownState": t[4] || (t[4] = (l) => o.value = l),
       onClick: L
     }, {
       button: c(() => [
         X(Q, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
-          ref: w,
+          ref: C,
           class: "uikit-base-autocomplete",
           "data-cy": e.dataCy ? `ac_input_${e.dataCy}` : `ac_input_${e.$attrs.id}`,
           "model-value": i.value,
@@ -133,17 +134,17 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
           options: a.value,
           toggleDropdown: l
         }, () => [
-          (m(!0), A(F, null, T(a.value, (p, k) => (m(), b(Z, {
+          (m(!0), A(F, null, T(a.value, (f, k) => (m(), w(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),
+            onClick: (z) => h(f, k),
             onMouseover: (z) => v.value = k
           }, {
             default: c(() => [
-              p.icon ? (m(), b(W(p.icon), { key: 0 })) : j("", !0),
+              f.icon ? (m(), w(W(f.icon), { key: 0 })) : j("", !0),
               V("span", {
-                innerHTML: p.label
+                innerHTML: f.label
               }, null, 8, ee)
             ]),
             _: 2
@@ -155,5 +156,5 @@ const _ = ["onClick"], ee = ["innerHTML"], se = /* @__PURE__ */ H({
   }
 });
 export {
-  se as default
+  de as default
 };