@wikicasa-dev/components 2.2.1 → 2.2.2

package/dist/Swiper/autoplay.js

@@ -1,5 +1,5 @@
 import { Autoplay as t } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                           */
+import '../assets/swiper-autoplay.css';/* empty css                                                                           */
 export {
   t as Autoplay
 };

package/dist/Swiper/controller.js

@@ -1,5 +1,5 @@
 import { Controller as e } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                             */
+import '../assets/swiper-autoplay.css';/* empty css                                                                             */
 export {
   e as Controller
 };

package/dist/Swiper/keyboard.js

@@ -1,5 +1,5 @@
 import { Keyboard as m } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                           */
+import '../assets/swiper-autoplay.css';/* empty css                                                                           */
 export {
   m as Keyboard
 };

package/dist/Swiper/thumbs.js

@@ -1,5 +1,5 @@
 import { Thumbs as p } from "swiper/modules";
-import '../assets/swiper-keyboard.css';/* empty css                                                                         */
+import '../assets/swiper-autoplay.css';/* empty css                                                                         */
 export {
   p as Thumbs
 };

package/dist/UIKit/BaseAutocomplete.d.ts

@@ -38,6 +38,10 @@ declare const _default: <T, LabelID extends string | number | undefined>(__VLS_p
         righticon?(_: {
             handleClean: () => void;
         }): any;
+        'item-content'?(_: {
+            option: import('@vue/reactivity').UnwrapRefSimple<AccessibleSelectOptions<T, LabelID>>;
+            idx: number;
+        }): any;
     };
     emit: (((evt: "click") => void) & ((evt: "update:dropdownState", args_0: boolean) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void) & ((evt: "changedValue", args_0: string) => void)) & ((evt: "update:modelValue", value: AccessibleSelectOptions<T, LabelID> | undefined) => void);
 }>) => import('vue').VNode & {

package/dist/index.d.ts

@@ -1,22 +1,21 @@
-export * from './UIKit/types';
-export { default as BaseAccordion, type AccordionItemDecorated, type AccordionItem, } from './UIKit/Accordion/BaseAccordion';
+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 SelectItem } from './UIKit/BaseSelect/SelectItem';
 export { default as CheckboxBtn } from './UIKit/Checkbox/CheckboxBtn';
-export { default as CheckboxGroup, type CheckboxGroupProps, type CheckboxButtonType, } from './UIKit/Checkbox/CheckboxGroup';
-export { default as BaseTabView, type BaseTabProps, } from './UIKit/Tab/BaseTabView';
+export { default as CheckboxGroup } from './UIKit/Checkbox/CheckboxGroup';
+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, type RadioButtonType, } from './UIKit/Radio/RadioGroup';
-export { default as AccessibleSelect, type AccessibleSelectOptions, } from './UIKit/AccessibleSelect';
+export { default as RadioGroup } from './UIKit/Radio/RadioGroup';
+export { default as AccessibleSelect } from './UIKit/AccessibleSelect';
 export { default as BaseAlert } from './UIKit/BaseAlert';
 export { default as BaseAutocomplete } from './UIKit/BaseAutocomplete';
 export { default as BaseBadge } from './UIKit/BaseBadge';
 export { default as BaseButton, type ButtonType } from './UIKit/BaseButton';
 export { default as BaseCard } from './UIKit/BaseCard';
-export { default as BaseComplexToggle, type BaseComplexToggleProps, type ToggleType, } from './UIKit/BaseComplexToggle';
+export { default as BaseComplexToggle } from './UIKit/BaseComplexToggle';
 export { default as BaseDropDown } from './UIKit/BaseDropDown';
 export { default as BaseFloatingLabel } from './UIKit/BaseFloatingLabel';
 export { default as BaseInput } from './UIKit/BaseInput';
@@ -33,10 +32,9 @@ export { default as ShimmerMultiLine } from './UIKit/ShimmerLoader/ShimmerMultiL
 export { default as DoughnutChart } from './chart/DoughnutChart';
 export { default as LineChart } from './chart/LineChart';
 export { default as SimpleSlider } from './UIKit/Slider/SimpleSlider';
-export { default as BaseSnackbar, type SnackbarProps, } from './UIKit/BaseSnackbar';
+export { default as BaseSnackbar } from './UIKit/BaseSnackbar';
 export { default as IntersectionObservable } from './components/IntersectionObserver/IntersectionObservable';
 export { default as IntersectionObserver } from './components/IntersectionObserver/IntersectionObserver';
 export { default as SwiperCarousel } from './components/carousel/SwiperCarousel';
 export { default as SwiperSlide } from './components/carousel/SwiperSlide';
 export { default as BaseBreadcrumb } from './UIKit/BaseBreadcrumb';
-export type { ChartOptions, ChartData } from 'chart.js';

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

@@ -1,4 +1,4 @@
-import { defineComponent as P, mergeModels as y, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as s, createElementBlock as K, Fragment as T, renderList as z, unref as N, createElementVNode as U, createVNode as A, renderSlot as $ } from "vue";
+import { defineComponent as P, mergeModels as $, useModel as F, ref as d, computed as k, onBeforeMount as L, watch as f, createBlock as g, openBlock as w, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as T, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A } from "vue";
 import W from "../../../../UIKit/BaseInput.js";
 import j from "./BaseDropDown.vue.js";
 import { debounce as q } from "@wikicasa-dev/utilities";
@@ -6,7 +6,7 @@ import G from "./BaseSelect/SelectItem.vue.js";
 import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
 const Q = ["innerHTML"], le = /* @__PURE__ */ P({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ y({
+  props: /* @__PURE__ */ $({
     isValid: { type: [Boolean, null], default: null },
     theme: { default: "" },
     label: { default: "" },
@@ -28,12 +28,12 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ y(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
   setup(t, { expose: S, emit: V }) {
     const u = F(
       t,
       "modelValue"
-    ), r = V, i = d(""), a = d([]), v = d(null), c = d(!1), n = d(!1), p = d(null), B = k(() => a.value.length);
+    ), r = V, i = d(""), o = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), B = k(() => o.value.length);
     L(() => {
       v.value = q({ delay: 300 }, t.onInputChangeCb);
     });
@@ -52,7 +52,7 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), x = k(() => {
+    }), I = k(() => {
       switch (t.theme) {
         case "bordered":
           return "";
@@ -63,7 +63,7 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), I = k(() => {
+    }), M = k(() => {
       const e = "uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mb-0 !uikit-mt-0 uikit-text-w-black !uikit-rounded-b-xl !uikit-rounded-t-none";
       switch (t.theme) {
         case "bordered":
@@ -75,18 +75,18 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         default:
           return "";
       }
-    }), M = async (e) => {
+    }), x = async (e) => {
       if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
-        if (!e || c.value) {
-          a.value = [], c.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
+        if (!e || b.value) {
+          o.value = [], b.value = !1, h.value = -1, m.value = -1, u.value && (u.value.label = ""), n.value = !1, await v.value(null);
           return;
         }
-        t.disableCb || (a.value = await v.value(e), n.value = !!a.value.length);
+        t.disableCb || (o.value = await v.value(e), n.value = !!o.value.length);
       }
-    }, C = (e, l) => {
-      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (a.value = []), c.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
+    }, y = (e, l) => {
+      t.onOptionSelectedCb && t.onOptionSelectedCb(e), t.cleanupOnClose && (o.value = []), b.value = !0, i.value = e.label, u.value = e, n.value = !1, h.value = l;
     }, D = () => {
-      a.value.length && t.keepState !== "closed" && (n.value = !0);
+      o.value.length && t.keepState !== "closed" && (n.value = !0);
     };
     return f(
       u,
@@ -95,19 +95,19 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
       },
       { immediate: !0 }
     ), f(h, (e) => {
-      if (e === -1 || !a.value.length) return;
-      const l = a.value[e];
-      c.value && l.label === u.value?.label || C(l, e);
+      if (e === -1 || !o.value.length) return;
+      const l = o.value[e];
+      b.value && l.label === u.value?.label || y(l, e);
     }), f(
       () => t.keepState,
       (e) => {
-        e === "closed" ? (n.value = !1, t.cleanupOnClose && (a.value = [])) : e === "open" && a.value.length && (n.value = !0);
+        e === "closed" ? (n.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (n.value = !0);
       }
     ), f(n, (e) => {
       r("update:dropdownState", e);
     }), S({
       select: () => {
-        p.value?.select();
+        C.value?.select();
       }
     }), (e, l) => (w(), g(j, {
       class: H(e.$attrs["root-classes"]),
@@ -120,24 +120,24 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
         {
           "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !t.theme
         },
-        I.value,
+        M.value,
         "!uikit-max-h-[210px] uikit-z-30",
         t.dropdownClasses
       ],
       "open-dropdown": n.value,
-      "keep-state": !a.value.length || t.keepState === "closed" ? "closed" : "opened",
+      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
       "close-when-clicked-outside": t.closeDropdownOnBodyPressed,
       "activate-keyboard-controller": !1,
-      "onUpdate:dropdownState": l[3] || (l[3] = (o) => n.value = o),
-      onClick: l[4] || (l[4] = (o) => {
+      "onUpdate:dropdownState": l[3] || (l[3] = (a) => n.value = a),
+      onClick: l[4] || (l[4] = (a) => {
         r("click"), D();
       })
     }, {
-      btn_slot: s(() => [
+      btn_slot: c(() => [
         A(W, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
           ref_key: "baseInput",
-          ref: p,
+          ref: C,
           "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : `ac_input_${e.$attrs.id}`,
           "label-text": t.label,
           "model-value": i.value,
@@ -151,32 +151,37 @@ const Q = ["innerHTML"], le = /* @__PURE__ */ P({
             t.inputClasses,
             "!uikit-ml-0 !uikit-w-full"
           ],
-          "fieldset-classes": [x.value, t.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => M(o === void 0 ? "" : `${o}`)),
-          onKeydown: l[1] || (l[1] = (o) => r("keydown", o)),
+          "fieldset-classes": [I.value, t.fieldsetClasses],
+          "onUpdate:modelValue": l[0] || (l[0] = (a) => x(a === void 0 ? "" : `${a}`)),
+          onKeydown: l[1] || (l[1] = (a) => r("keydown", a)),
           onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
         }, {
-          leftIcon: s(() => [
-            $(e.$slots, "lefticon")
+          leftIcon: c(() => [
+            p(e.$slots, "lefticon")
           ]),
-          righticon: s(({ handleClean: o }) => [
-            $(e.$slots, "righticon", { handleClean: o })
+          righticon: c(({ handleClean: a }) => [
+            p(e.$slots, "righticon", { handleClean: a })
           ]),
           _: 3
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
-      default: s(() => [
-        (w(!0), K(T, null, z(a.value, (o, b) => (w(), g(G, {
-          key: b,
-          active: N(m) === b,
+      default: c(() => [
+        (w(!0), K(T, null, z(o.value, (a, s) => (w(), g(G, {
+          key: s,
+          active: N(m) === s,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (E) => C(o, b),
-          onMouseover: (E) => m.value = b
+          onClick: (E) => y(a, s),
+          onMouseover: (E) => m.value = s
         }, {
-          default: s(() => [
-            U("span", {
-              innerHTML: o.label
-            }, null, 8, Q)
+          default: c(() => [
+            p(e.$slots, "item-content", {
+              option: a,
+              idx: s
+            }, () => [
+              U("span", {
+                innerHTML: a.label
+              }, null, 8, Q)
+            ])
           ]),
           _: 2
         }, 1032, ["active", "onClick", "onMouseover"]))), 128))

package/dist/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from '../UIKit/types';
+export type { AccordionItemDecorated, AccordionItem, } from '../UIKit/Accordion/BaseAccordion';
+export type { CheckboxGroupProps, CheckboxButtonType, } from '../UIKit/Checkbox/CheckboxGroup';
+export type { BaseTabProps } from '../UIKit/Tab/BaseTabView';
+export type { RadioButtonType } from '../UIKit/Radio/RadioGroup';
+export type { AccessibleSelectOptions } from '../UIKit/AccessibleSelect';
+export type { BaseComplexToggleProps, ToggleType, } from '../UIKit/BaseComplexToggle';
+export type { SnackbarProps } from '../UIKit/BaseSnackbar';
+export type { ChartOptions, ChartData } from 'chart.js';

package/dist/types/index.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",
@@ -13,7 +13,7 @@
   ],
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
+      "types": "./dist/types/index.d.ts",
       "default": "./dist/index.js"
     },
     "./style": "./dist/assets/tailwind.css",