@wikicasa-dev/components 2.3.1-alpha.1 → 2.3.1-alpha.10

package/dist/index.d.ts

@@ -1,18 +1,22 @@
 export { default as BaseAccordion } from './UIKit/Accordion/BaseAccordion';
-export { default as BaseAccordionBtn } from './UIKit/Accordion/BaseAccordionBtn';
-export { default as BaseAccordionContent } from './UIKit/Accordion/BaseAccordionContent';
 export { default as BaseAccordionItem } from './UIKit/Accordion/BaseAccordionItem';
+export { default as AccordionItemPrimitive } from './UIKit/Accordion/AccordionItemPrimitive';
+export { default as AccordionHeaderPrimitive } from './UIKit/Accordion/AccordionHeaderPrimitive';
+export { default as AccordionTriggerPrimitive } from './UIKit/Accordion/AccordionTriggerPrimitive';
+export { default as AccordionContentPrimitive } from './UIKit/Accordion/AccordionContentPrimitive';
 export { default as SelectItem } from './UIKit/BaseSelect/SelectItem';
 export { default as CheckboxBtn } from './UIKit/Checkbox/CheckboxBtn';
 export { default as CheckboxGroup } from './UIKit/Checkbox/CheckboxGroup';
 export { default as CheckboxButtonGroup } from './UIKit/Checkbox/v2/CheckboxButtonGroup';
+export { default as CheckboxGroupPrimitive } from './UIKit/Checkbox/v2/CheckboxGroupPrimitive';
+export { default as CheckboxGroupItemPrimitive } from './UIKit/Checkbox/v2/CheckboxGroupItemPrimitive';
 export { default as BaseTabView } from './UIKit/Tab/BaseTabView';
 export { default as BaseTab } from './UIKit/Tab/BaseTab';
 export { default as RadioButton } from './UIKit/Radio/RadioButton';
 export { default as RadioGroup } from './UIKit/Radio/RadioGroup';
 export { default as RadioButtonGroup } from './UIKit/Radio/v2/RadioButtonGroup';
 export { default as RadioButtonItem } from './UIKit/Radio/v2/RadioButtonItem';
-export { RadioGroupItem as RadioButtonItemPrimitive } from 'reka-ui';
+export { default as RadioGroupItemPrimitive } from './UIKit/Radio/v2/RadioGroupItemPrimitive';
 export { default as AccessibleSelect } from './UIKit/AccessibleSelect';
 export { default as BaseAlert } from './UIKit/BaseAlert';
 export { default as BaseAutocomplete } from './UIKit/BaseAutocomplete';

package/dist/index.js

@@ -1,104 +1,112 @@
 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 S } from "./packages/components/lib/UIKit/Accordion/BaseAccordionContent.vue.js";
-import { default as g } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
+import { default as c } from "./packages/components/lib/UIKit/Accordion/BaseAccordionItem.vue.js";
 import './assets/BaseSnackbar.css';import './assets/BaseModal.css';import './assets/BaseDropDown.css';import './assets/BaseCard.css';import './assets/BaseBadge.css';import './assets/ClearableAutocomplete.css';import './assets/BaseAutocomplete.css';import './assets/BaseAlert.css';import './assets/AccessibleSelect.css';import './assets/RadioButtonItem.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                                               */
-import { default as A } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
-import { default as R } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
+import { default as S } from "./packages/components/lib/UIKit/Accordion/AccordionItemPrimitive.vue.js";
+import { default as g } from "./packages/components/lib/UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
+import { default as A } from "./packages/components/lib/UIKit/Accordion/AccordionTriggerPrimitive.vue.js";
+import { default as I } from "./packages/components/lib/UIKit/Accordion/AccordionContentPrimitive.vue.js";
+import { default as G } from "./packages/components/lib/UIKit/BaseSelect/SelectItem.vue.js";
+import { default as k } from "./packages/components/lib/UIKit/Checkbox/CheckboxBtn.vue.js";
 /* empty css                                                        */
-import { default as G } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
-import { default as w } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
-import { default as v } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
-import { default as F } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
-import { default as O } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
-import { default as U } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
-import { default as j } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
-import { default as y } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
+import { default as w } from "./packages/components/lib/UIKit/Checkbox/CheckboxGroup.vue.js";
+import { default as D } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxButtonGroup.vue.js";
+import { default as M } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupPrimitive.vue.js";
+import { default as H } from "./packages/components/lib/UIKit/Checkbox/v2/CheckboxGroupItemPrimitive.vue.js";
+import { default as V } from "./packages/components/lib/UIKit/Tab/BaseTabView.vue.js";
+import { default as q } from "./packages/components/lib/UIKit/Tab/BaseTab.vue.js";
+import { default as z } from "./packages/components/lib/UIKit/Radio/RadioButton.vue.js";
+import { default as J } from "./packages/components/lib/UIKit/Radio/RadioGroup.vue.js";
+import { default as N } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonGroup.vue.js";
+import { default as W } from "./packages/components/lib/UIKit/Radio/v2/RadioButtonItem.vue.js";
 /* empty css                                                            */
-import { RadioGroupItem as E } from "reka-ui";
-import { default as J } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
+import { default as Y } from "./packages/components/lib/UIKit/Radio/v2/RadioGroupItemPrimitive.vue.js";
+import { default as _ } from "./packages/components/lib/UIKit/AccessibleSelect.vue.js";
 /* empty css                                                    */
-import { default as N } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
+import { default as ee } from "./packages/components/lib/UIKit/BaseAlert.vue.js";
 /* empty css                                             */
-import { default as W } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
+import { default as te } from "./packages/components/lib/UIKit/BaseAutocomplete.vue.js";
 /* empty css                                                    */
-import { default as Y } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
+import { default as ae } from "./packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js";
 /* empty css                                                                      */
-import { default as _ } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
+import { default as me } from "./packages/components/lib/UIKit/BaseBadge.vue.js";
 /* empty css                                             */
-import { default as ee } from "./packages/components/lib/UIKit/BaseButton.vue.js";
-import { default as te } from "./packages/components/lib/UIKit/BaseCard.vue.js";
+import { default as se } from "./packages/components/lib/UIKit/BaseButton.vue.js";
+import { default as de } from "./packages/components/lib/UIKit/BaseCard.vue.js";
 /* empty css                                            */
-import { default as re } from "./UIKit/BaseComplexToggle.js";
-import { default as se } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
+import { default as ie } from "./UIKit/BaseComplexToggle.js";
+import { default as Be } from "./packages/components/lib/UIKit/BaseDropDown.vue.js";
 /* empty css                                                */
-import { default as me } from "./UIKit/BaseFloatingLabel.js";
-import { default as de } from "./UIKit/BaseInput.js";
-import { default as xe } from "./packages/components/lib/UIKit/BasePagination.vue.js";
-import { default as Be } from "./UIKit/BaseSlider.js";
-import { default as ce } from "./UIKit/BaseTextarea.js";
-import { default as Se } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
-import { default as ge } from "./UIKit/BaseTooltip.js";
-import { default as Ae } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
-import { default as Re } from "./packages/components/lib/UIKit/BaseModal.vue.js";
+import { default as ce } from "./UIKit/BaseFloatingLabel.js";
+import { default as Se } from "./UIKit/BaseInput.js";
+import { default as ge } from "./packages/components/lib/UIKit/BasePagination.vue.js";
+import { default as Ae } from "./UIKit/BaseSlider.js";
+import { default as Ie } from "./UIKit/BaseTextarea.js";
+import { default as Ge } from "./packages/components/lib/UIKit/BaseToggle.vue.js";
+import { default as ke } from "./UIKit/BaseTooltip.js";
+import { default as we } from "./packages/components/lib/UIKit/BaseUploadFile.vue.js";
+import { default as De } from "./packages/components/lib/UIKit/BaseModal.vue.js";
 /* empty css                                             */
-import { default as Ge } from "./UIKit/StaticSpinner.js";
-import { default as we } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
-import { default as ve } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
-import { default as Fe } from "./packages/components/lib/chart/DoughnutChart.vue.js";
-import { default as Oe } from "./packages/components/lib/chart/LineChart.vue.js";
-import { default as Ue } from "./UIKit/Slider/SimpleSlider.js";
-import { default as je } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
+import { default as Me } from "./UIKit/StaticSpinner.js";
+import { default as He } from "./UIKit/ShimmerLoader/BaseShimmerLoader.js";
+import { default as Ve } from "./packages/components/lib/UIKit/ShimmerLoader/ShimmerMultiLine.vue.js";
+import { default as qe } from "./packages/components/lib/chart/DoughnutChart.vue.js";
+import { default as ze } from "./packages/components/lib/chart/LineChart.vue.js";
+import { default as Je } from "./UIKit/Slider/SimpleSlider.js";
+import { default as Ne } from "./packages/components/lib/UIKit/BaseSnackbar.vue.js";
 /* empty css                                                */
-import { default as ye } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
-import { default as Ee } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
-import { default as Je } from "./components/carousel/SwiperCarousel.js";
-import { default as Ne } from "./components/carousel/SwiperSlide.js";
-import { default as We } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
+import { default as We } from "./packages/components/lib/components/IntersectionObserver/IntersectionObservable.vue.js";
+import { default as Ye } from "./packages/components/lib/components/IntersectionObserver/IntersectionObserver.vue.js";
+import { default as _e } from "./components/carousel/SwiperCarousel.js";
+import { default as eo } from "./components/carousel/SwiperSlide.js";
+import { default as to } from "./packages/components/lib/UIKit/BaseBreadcrumb.vue.js";
 export {
-  J as AccessibleSelect,
+  _ as AccessibleSelect,
+  I as AccordionContentPrimitive,
+  g as AccordionHeaderPrimitive,
+  S as AccordionItemPrimitive,
+  A as AccordionTriggerPrimitive,
   B as BaseAccordion,
-  c as BaseAccordionBtn,
-  S as BaseAccordionContent,
-  g as BaseAccordionItem,
-  N as BaseAlert,
-  W as BaseAutocomplete,
-  _ as BaseBadge,
-  We as BaseBreadcrumb,
-  ee as BaseButton,
-  te as BaseCard,
-  re as BaseComplexToggle,
-  se as BaseDropDown,
-  me as BaseFloatingLabel,
-  de as BaseInput,
-  Re as BaseModal,
-  xe as BasePagination,
-  we as BaseShimmerLoader,
-  Be as BaseSlider,
-  je as BaseSnackbar,
-  F as BaseTab,
-  v as BaseTabView,
-  ce as BaseTextarea,
-  Se as BaseToggle,
-  ge as BaseTooltip,
-  Ae as BaseUploadFile,
-  R as CheckboxBtn,
-  w as CheckboxButtonGroup,
-  G as CheckboxGroup,
-  Y as ClearableAutocomplete,
-  Fe as DoughnutChart,
-  ye as IntersectionObservable,
-  Ee as IntersectionObserver,
-  Oe as LineChart,
-  O as RadioButton,
-  j as RadioButtonGroup,
-  y as RadioButtonItem,
-  E as RadioButtonItemPrimitive,
-  U as RadioGroup,
-  A as SelectItem,
-  ve as ShimmerMultiLine,
-  Ue as SimpleSlider,
-  Ge as StaticSpinner,
-  Je as SwiperCarousel,
-  Ne as SwiperSlide
+  c as BaseAccordionItem,
+  ee as BaseAlert,
+  te as BaseAutocomplete,
+  me as BaseBadge,
+  to as BaseBreadcrumb,
+  se as BaseButton,
+  de as BaseCard,
+  ie as BaseComplexToggle,
+  Be as BaseDropDown,
+  ce as BaseFloatingLabel,
+  Se as BaseInput,
+  De as BaseModal,
+  ge as BasePagination,
+  He as BaseShimmerLoader,
+  Ae as BaseSlider,
+  Ne as BaseSnackbar,
+  q as BaseTab,
+  V as BaseTabView,
+  Ie as BaseTextarea,
+  Ge as BaseToggle,
+  ke as BaseTooltip,
+  we as BaseUploadFile,
+  k as CheckboxBtn,
+  D as CheckboxButtonGroup,
+  w as CheckboxGroup,
+  H as CheckboxGroupItemPrimitive,
+  M as CheckboxGroupPrimitive,
+  ae as ClearableAutocomplete,
+  qe as DoughnutChart,
+  We as IntersectionObservable,
+  Ye as IntersectionObserver,
+  ze as LineChart,
+  z as RadioButton,
+  N as RadioButtonGroup,
+  W as RadioButtonItem,
+  J as RadioGroup,
+  Y as RadioGroupItemPrimitive,
+  G as SelectItem,
+  Ve as ShimmerMultiLine,
+  Je as SimpleSlider,
+  Me as StaticSpinner,
+  _e as SwiperCarousel,
+  eo as SwiperSlide
 };

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

@@ -0,0 +1,22 @@
+import { defineComponent as r, createBlock as n, openBlock as a, unref as c, normalizeProps as p, guardReactiveProps as i, withCtx as s, renderSlot as l } from "vue";
+import { AccordionContent as d } from "reka-ui";
+const _ = /* @__PURE__ */ r({
+  __name: "AccordionContentPrimitive",
+  props: {
+    forceMount: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(o) {
+    const e = o;
+    return (t, f) => (a(), n(c(d), p(i(e)), {
+      default: s(() => [
+        l(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,21 @@
+import { defineComponent as t, createBlock as a, openBlock as n, unref as c, normalizeProps as i, guardReactiveProps as p, withCtx as s, renderSlot as d } from "vue";
+import { AccordionHeader as l } from "reka-ui";
+const _ = /* @__PURE__ */ t({
+  __name: "AccordionHeaderPrimitive",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(e) {
+    const o = e;
+    return (r, m) => (n(), a(c(l), i(p(o)), {
+      default: s(() => [
+        d(r.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,24 @@
+import { defineComponent as i, createBlock as p, openBlock as l, unref as s, normalizeProps as e, guardReactiveProps as o, withCtx as c, renderSlot as d } from "vue";
+import { AccordionItem as m } from "reka-ui";
+const B = /* @__PURE__ */ i({
+  __name: "AccordionItemPrimitive",
+  props: {
+    disabled: { type: Boolean },
+    value: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(t) {
+    const r = t;
+    return (n, u) => (l(), p(s(m), e(o(r)), {
+      default: c((a) => [
+        d(n.$slots, "default", e(o(a)))
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  B as default
+};

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

@@ -0,0 +1,22 @@
+import { defineComponent as o, createPropsRestProxy as a, createBlock as c, openBlock as n, unref as d, mergeProps as i, withCtx as s, renderSlot as p } from "vue";
+import { AccordionTrigger as l } from "reka-ui";
+const y = /* @__PURE__ */ o({
+  __name: "AccordionTriggerPrimitive",
+  props: {
+    asChild: { type: Boolean },
+    as: {},
+    dataCy: {}
+  },
+  setup(e) {
+    const r = a(e, ["dataCy"]);
+    return (t, m) => (n(), c(d(l), i(r, { "data-cy": e.dataCy }), {
+      default: s(() => [
+        p(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["data-cy"]));
+  }
+});
+export {
+  y as default
+};

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

@@ -1,25 +1,33 @@
-import { defineComponent as i, mergeModels as d, useModel as r, provide as u, createBlock as n, openBlock as s, unref as p, withCtx as m, renderSlot as c } from "vue";
-import { AccordionRoot as f } from "reka-ui";
-const b = /* @__PURE__ */ i({
+import { defineComponent as d, mergeModels as n, useModel as u, createBlock as i, openBlock as r, unref as m, withCtx as p, renderSlot as s, normalizeProps as c, guardReactiveProps as f } from "vue";
+import { AccordionRoot as y } from "reka-ui";
+const b = /* @__PURE__ */ d({
   __name: "BaseAccordion",
-  props: /* @__PURE__ */ d({
+  props: /* @__PURE__ */ n({
     collapsible: { type: Boolean },
-    type: {}
+    type: {},
+    disabled: { type: Boolean },
+    dir: {},
+    orientation: {},
+    unmountOnHide: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    modelValue: {},
+    defaultValue: {}
   }, {
     modelValue: {},
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(t) {
-    const e = r(t, "modelValue");
-    return u("isActive", (l) => typeof e.value == "string" ? e.value === l : !!e.value?.find((o) => o === l)), (l, o) => (s(), n(p(f), {
-      collapsible: t.collapsible,
-      type: t.type,
-      modelValue: e.value,
-      "onUpdate:modelValue": o[0] || (o[0] = (a) => e.value = a)
+  setup(e) {
+    const l = u(e, "modelValue");
+    return (t, a) => (r(), i(m(y), {
+      collapsible: e.collapsible,
+      type: e.type,
+      modelValue: l.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (o) => l.value = o)
     }, {
-      default: m(() => [
-        c(l.$slots, "default")
+      default: p((o) => [
+        s(t.$slots, "default", c(f(o)))
       ]),
       _: 3
     }, 8, ["collapsible", "type", "modelValue"]));

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

@@ -1,7 +1,10 @@
-import { defineComponent as n, inject as c, createBlock as u, openBlock as d, unref as t, withCtx as a, createVNode as s, normalizeClass as r, renderSlot as l, createTextVNode as f, toDisplayString as k } from "vue";
-import { AccordionItem as h, AccordionHeader as m, AccordionTrigger as g, AccordionContent as w } from "reka-ui";
-import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
-const b = /* @__PURE__ */ n({
+import { defineComponent as o, createBlock as l, openBlock as n, withCtx as i, createVNode as a, normalizeClass as s, renderSlot as r, createTextVNode as u, toDisplayString as c, unref as d } from "vue";
+import f from "./AccordionContentPrimitive.vue.js";
+import m from "./AccordionTriggerPrimitive.vue.js";
+import k from "./AccordionHeaderPrimitive.vue.js";
+import h from "./AccordionItemPrimitive.vue.js";
+import { ArrowIcon as w } from "@wikicasa-dev/svg-icons";
+const B = /* @__PURE__ */ o({
   __name: "BaseAccordionItem",
   props: {
     title: {},
@@ -15,39 +18,36 @@ const b = /* @__PURE__ */ n({
     arrowClasses: {},
     headerTag: { default: "h3" }
   },
-  setup(e) {
-    const o = c("isActive");
-    return (i, v) => (d(), u(t(h), { value: e.value }, {
-      default: a(() => [
-        s(t(m), {
-          as: e.headerTag,
-          class: r([
-            e.headerClasses,
+  setup(t) {
+    return (e, g) => (n(), l(h, { value: t.value }, {
+      default: i(() => [
+        a(k, {
+          as: t.headerTag,
+          class: s([
+            t.headerClasses,
             "uikit-flex uikit-items-center uikit-justify-between"
           ])
         }, {
-          default: a(() => [
-            l(i.$slots, "header-content"),
-            s(t(g), {
-              "data-cy": e.dataCy,
-              class: r([
-                e.triggerClasses,
+          default: i(() => [
+            r(e.$slots, "header-content"),
+            a(m, {
+              "data-cy": t.dataCy,
+              class: s([
+                t.triggerClasses,
                 {
-                  "uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !i.$slots.trigger,
-                  "uikit-w-full": !i.$slots["header-content"]
+                  "uikit-base-accordion-trigger uikit-inline-flex uikit-cursor-pointer uikit-items-center uikit-justify-between uikit-border-0 uikit-bg-transparent uikit-px-[16px] uikit-py-[16px] uikit-text-left uikit-font-semibold": !e.$slots.trigger,
+                  "uikit-w-full": !e.$slots["header-content"]
                 }
               ])
             }, {
-              default: a(() => [
-                l(i.$slots, "trigger", {
-                  active: t(o)(e.value)
-                }, () => [
-                  f(k(e.title) + " ", 1),
-                  s(t(C), {
-                    class: r(["uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", [t(o)(e.value) ? "uikit-rotate-180" : "", e.arrowClasses]]),
-                    "arrow-classes": e.arrowClasses,
-                    width: e.arrowWidth,
-                    height: e.arrowWidth
+              default: i(() => [
+                r(e.$slots, "trigger", {}, () => [
+                  u(c(t.title) + " ", 1),
+                  a(d(w), {
+                    class: s(["uikit-base-accordion-item-arrow uikit-flex-shrink-0 uikit-transition-transform motion-reduce:uikit-transition-none", t.arrowClasses]),
+                    "arrow-classes": t.arrowClasses,
+                    width: t.arrowWidth,
+                    height: t.arrowWidth
                   }, null, 8, ["class", "arrow-classes", "width", "height"])
                 ])
               ]),
@@ -56,14 +56,14 @@ const b = /* @__PURE__ */ n({
           ]),
           _: 3
         }, 8, ["as", "class"]),
-        s(t(w), {
-          class: r([
-            e.contentClasses,
+        a(f, {
+          class: s([
+            t.contentClasses,
             "uikit-base-accordion-item-content uikit-px-[16px]"
           ])
         }, {
-          default: a(() => [
-            l(i.$slots, "default")
+          default: i(() => [
+            r(e.$slots, "default")
           ]),
           _: 3
         }, 8, ["class"])
@@ -73,5 +73,5 @@ const b = /* @__PURE__ */ n({
   }
 });
 export {
-  b as default
+  B as default
 };

package/dist/packages/components/lib/UIKit/Autocomplete/ClearableAutocomplete.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as M, withCtx as W, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as m, createElementVNode as u, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
+import { defineComponent as j, mergeModels as U, useModel as S, useId as q, useTemplateRef as d, shallowRef as c, onBeforeMount as G, onMounted as J, onUnmounted as Q, watch as E, nextTick as Y, createBlock as z, openBlock as x, withCtx as M, createElementBlock as Z, Fragment as _, renderList as ee, renderSlot as b, createElementVNode as u, normalizeClass as f, withDirectives as I, unref as te, vModelText as le, toDisplayString as ne, withModifiers as oe, normalizeStyle as ae, createTextVNode as ie, vShow as ue } from "vue";
 import se from "../BaseDropDown.vue.js";
 import '../../../../../assets/BaseDropDown.css';/* empty css                   */
 import re from "../BaseSelect/SelectItem.vue.js";
@@ -31,14 +31,14 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
   }),
   emits: /* @__PURE__ */ U(["input", "click", "inputClick", "keydown"], ["update:open", "update:modelValue", "update:inputValue"]),
   setup(t, { expose: L, emit: D }) {
-    const s = S(t, "open"), p = S(t, "modelValue"), o = S(t, "inputValue"), v = D, K = q(), C = d("inputRef"), k = c(0), y = c(!1), r = c(!1), x = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
+    const s = S(t, "open"), p = S(t, "modelValue"), o = S(t, "inputValue"), v = D, K = q(), C = d("inputRef"), k = c(0), y = c(!1), r = c(!1), W = c(null), a = c([]), O = d("dropdownRef"), h = d("hiddenSpan"), w = d("inputWrapperRef"), R = d("clearButtonRef"), N = () => {
       o.value = "", p.value = null, r.value = !1;
     }, A = async (l) => {
       if (!l) {
         a.value = [], s.value = !1;
         return;
       }
-      t.disableCb || (a.value = await x.value?.(l) || [], y.value = !0, s.value = !!a.value.length);
+      t.disableCb || (a.value = await W.value?.(l) || [], y.value = !0, s.value = !!a.value.length);
     }, F = (l = -1) => {
       const e = a.value[l];
       !e || e.id === p.value?.id || (t.onOptionSelectedCb?.(e), o.value = e.label, s.value = !1, p.value = e, r.value = !0, a.value = []);
@@ -51,11 +51,11 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
     const $ = () => {
       const l = h.value, e = w.value, n = R.value;
       if (!l || !e) return;
-      const T = l.offsetWidth, b = e.offsetWidth, i = t.clearButton?.offset || 0, g = t.clearButton?.width || n?.offsetWidth || 0, X = b - i - g, V = Math.min(T, X);
+      const T = l.offsetWidth, m = e.offsetWidth, i = t.clearButton?.offset || 0, g = t.clearButton?.width || n?.offsetWidth || 0, X = m - i - g, V = Math.min(T, X);
       V !== k.value && (k.value = V);
     };
     return G(() => {
-      x.value = de({ delay: 300 }, t.onInputChangeCb);
+      W.value = de({ delay: 300 }, t.onInputChangeCb);
     }), J(() => {
       w.value && (B = new ResizeObserver(() => {
         $();
@@ -82,7 +82,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       getRootElement: () => O.value?.getRootElement(),
       select: P,
       focus: H
-    }), (l, e) => (M(), z(se, {
+    }), (l, e) => (x(), z(se, {
       ref: "dropdownRef",
       class: "uikit-clearable-autocomplete",
       "data-cy": t.dataCy,
@@ -95,12 +95,12 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
       open: s.value,
       "onUpdate:open": e[6] || (e[6] = (n) => s.value = n)
     }, {
-      btn_slot: W(() => [
+      btn_slot: M(() => [
         u("div", {
           class: f(["uikit-text-16", t.triggerWrapperClasses]),
           onClick: e[4] || (e[4] = (n) => v("click", n))
         }, [
-          m(l.$slots, "left-icon"),
+          b(l.$slots, "left-icon"),
           u("div", {
             ref: "inputWrapperRef",
             class: f(["uikit-relative", t.inputWrapperClasses])
@@ -134,7 +134,7 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
             u("span", {
               ref_key: "hiddenSpan",
               ref: h,
-              class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-whitespace-pre", t.hiddenTextClasses]),
+              class: f(["uikit-invisible uikit-absolute uikit-left-0 uikit-top-0 uikit-max-w-full uikit-overflow-hidden uikit-whitespace-pre", t.hiddenTextClasses]),
               style: {
                 font: "inherit",
                 fontSize: "inherit"
@@ -152,31 +152,31 @@ const ce = ["id", "data-cy", "placeholder"], fe = ["innerHTML"], ye = /* @__PURE
               }),
               onClick: oe(N, ["stop"])
             }, [
-              m(l.$slots, "clear-icon", {}, () => [
+              b(l.$slots, "clear-icon", {}, () => [
                 e[7] || (e[7] = ie("X", -1))
               ])
             ], 6), [
               [ue, r.value && k.value]
             ])
           ], 2),
-          m(l.$slots, "right-icon")
+          b(l.$slots, "right-icon")
         ], 2)
       ]),
-      default: W(({ activeIdx: n, setActiveIdx: T }) => [
-        (M(!0), Z(_, null, ee(a.value, (b, i) => (M(), z(re, {
+      default: M(({ activeIdx: n, setActiveIdx: T }) => [
+        (x(!0), Z(_, null, ee(a.value, (m, i) => (x(), z(re, {
           key: i,
           active: n === i,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
           onClick: (g) => F(i),
           onMouseover: (g) => T(i)
         }, {
-          default: W(() => [
-            m(l.$slots, "option-content", {
-              option: b,
+          default: M(() => [
+            b(l.$slots, "option-content", {
+              option: m,
               idx: i
             }, () => [
               u("span", {
-                innerHTML: b.label
+                innerHTML: m.label
               }, null, 8, fe)
             ])
           ]),