@wikicasa-dev/components 2.0.3 → 2.0.5-0.alpha-0

package/dist/CheckboxBtn.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, useId as f, computed as h, openBlock as r, createElementBlock as s, normalizeClass as l, withModifiers as o, createElementVNode as u, renderSlot as m, toDisplayString as C, createCommentVNode as g } from "vue";
+import { defineComponent as b, useId as f, computed as h, createElementBlock as s, openBlock as r, withModifiers as o, normalizeClass as l, createElementVNode as u, renderSlot as m, createCommentVNode as C, toDisplayString as g } from "vue";
 import { _ as y } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "checked", "disabled"], B = ["for"], w = /* @__PURE__ */ b({
   __name: "CheckboxBtn",
@@ -32,7 +32,11 @@ import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "check
     };
     return (e, t) => (r(), s("div", {
       id: e.containerId,
-      class: l(["uikit-group uikit-relative uikit-items-center uikit-pl-30px hover:uikit-cursor-pointer", [{ "uikit-inline-flex": e.inline }, { "uikit-flex": !e.inline }]]),
+      class: l(["uikit-group uikit-relative uikit-items-center uikit-pl-30px hover:uikit-cursor-pointer", [
+        { "uikit-inline-flex": e.inline },
+        { "uikit-flex": !e.inline },
+        e.$attrs["wrapper-classes"]
+      ]]),
       onClick: o(p, ["stop"])
     }, [
       u("input", {
@@ -56,17 +60,17 @@ import './assets/CheckboxBtn.css';const v = ["id"], V = ["id", "data-cy", "check
         u("label", {
           class: l(["uikit-text-sm group-hover:uikit-cursor-pointer", [e.labelClass, { "uikit-text-w-danger": e.isValid === !1 }]]),
           for: n.value
-        }, C(e.label), 11, B),
+        }, g(e.label), 11, B),
         e.required ? (r(), s("span", {
           key: 0,
           class: l(["required after:uikit-content-['*']", [
             e.isValid !== !1 ? "after:uikit-text-w-primary" : "after:uikit-text-w-danger"
           ]])
-        }, null, 2)) : g("", !0)
+        }, null, 2)) : C("", !0)
       ], !0)
     ], 10, v));
   }
-}), z = /* @__PURE__ */ y(w, [["__scopeId", "data-v-be174811"]]);
+}), $ = /* @__PURE__ */ y(w, [["__scopeId", "data-v-505c1129"]]);
 export {
-  z as default
+  $ as default
 };

package/dist/CheckboxGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.JlHKkjHJ.js";
+import { _ as f } from "./chunks/CheckboxGroup.vue_vue_type_script_setup_true_lang.CAO5UUO3.js";
 export {
   f as default
 };

package/dist/DoughnutChart.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.C4QPaUsI.js";
+import { _ as f } from "./chunks/DoughnutChart.vue_vue_type_script_setup_true_lang.B8wxbJBV.js";
 export {
   f as default
 };

package/dist/IntersectionObservable.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.BBMxY-re.js";
+import { _ as f } from "./chunks/IntersectionObservable.vue_vue_type_script_setup_true_lang.DC17cx-h.js";
 export {
   f as default
 };

package/dist/IntersectionObserver.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.CQHjzQc3.js";
+import { _ as f } from "./chunks/IntersectionObserver.vue_vue_type_script_setup_true_lang.BKewKDXG.js";
 export {
   f as default
 };

package/dist/LineChart.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.CNkvmtfq.js";
+import { _ as f } from "./chunks/LineChart.vue_vue_type_script_setup_true_lang.CXNsFiyD.js";
 export {
   f as default
 };

package/dist/RadioButton.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.CiJAhkRj.js";
+import { _ as f } from "./chunks/RadioButton.vue_vue_type_script_setup_true_lang.DRQnjRA7.js";
 export {
   f as default
 };

package/dist/RadioGroup.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.BalzO73O.js";
+import { _ as f } from "./chunks/RadioGroup.vue_vue_type_script_setup_true_lang.CpsMf2PN.js";
 export {
   f as default
 };

package/dist/SelectItem.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.GPFf7fjA.js";
+import { _ as f } from "./chunks/SelectItem.vue_vue_type_script_setup_true_lang.Drq_K7Vx.js";
 export {
   f as default
 };

package/dist/ShimmerMultiLine.js

@@ -1,4 +1,4 @@
-import { _ as f } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.DuLXZx8X.js";
+import { _ as f } from "./chunks/ShimmerMultiLine.vue_vue_type_script_setup_true_lang.CF7CkxXk.js";
 export {
   f as default
 };

package/dist/SimpleSlider.js

@@ -0,0 +1,83 @@
+import { defineComponent as V, mergeModels as L, useCssVars as S, ref as m, useTemplateRef as T, useModel as y, watch as E, onMounted as C, createElementBlock as X, openBlock as $, createElementVNode as s, withModifiers as B } from "vue";
+import { _ as D } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import './assets/SimpleSlider.css';const W = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__ */ V({
+  __name: "SimpleSlider",
+  props: /* @__PURE__ */ L({
+    min: { default: 0 },
+    max: { default: 100 },
+    step: { default: 1 },
+    dataCy: {},
+    logarithmic: { type: Boolean, default: !1 }
+  }, {
+    modelValue: { default: 0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    S((i) => ({
+      "0f43c897": r.value,
+      ec9c737a: d.value
+    }));
+    const o = T("customSlider"), u = y(t, "modelValue"), l = m(!1), d = m("50%"), r = m("50%"), c = (i = 0) => {
+      const e = t.logarithmic ? b(i) : k(i), a = (e - t.min) / (t.max - t.min), f = t.logarithmic ? h(e) : a * 100;
+      u.value = Math.round(e), d.value = `${Math.round(f)}%`, r.value = t.logarithmic ? `${Math.round(h(e))}%` : `${a * 100}%`;
+    }, k = (i = 0) => {
+      const e = Math.round((i - t.min) / t.step) * t.step + t.min;
+      return Math.max(t.min, Math.min(t.max, e));
+    }, x = (i = 0) => {
+      const e = Math.log10(t.min), a = Math.log10(t.max);
+      return Math.pow(10, e + i / 100 * (a - e));
+    }, h = (i = 0) => {
+      const e = Math.log10(t.min), a = Math.log10(t.max);
+      return (Math.log10(i) - e) / (a - e) * 100;
+    }, b = (i = 0) => {
+      if (t.step === 1)
+        return Math.max(t.min, Math.min(t.max, i));
+      const e = Math.pow(
+        10,
+        Math.round(Math.log10(i) / Math.log10(t.step)) * Math.log10(t.step)
+      );
+      return Math.max(t.min, Math.min(t.max, e));
+    }, v = (i) => {
+      if (!l.value || !o.value) return;
+      const e = o.value.getBoundingClientRect(), a = o.value.offsetWidth;
+      let n = ("touches" in i ? i.touches[0].clientX : i.clientX) - e.left;
+      n = Math.max(0, Math.min(a, n));
+      const w = t.logarithmic ? x(n / a * 100) : n / a * (t.max - t.min) + t.min;
+      c(w);
+    }, M = () => {
+      l.value = !0;
+    }, g = () => {
+      l.value = !1;
+    };
+    return E(
+      u,
+      (i) => {
+        c(i);
+      },
+      { immediate: !0 }
+    ), C(() => {
+      document.addEventListener("mousemove", v), document.addEventListener("mouseup", g), document.addEventListener("touchmove", v, { passive: !0 }), document.addEventListener("touchend", g, { passive: !0 });
+    }), (i, e) => ($(), X("div", null, [
+      s("div", {
+        ref: "customSlider",
+        class: "uikit-relative uikit-my-20px uikit-h-1 uikit-rounded-2xs uikit-bg-w-secondary",
+        role: "slider",
+        "aria-valuemin": i.min,
+        "aria-valuemax": i.max,
+        "aria-valuenow": u.value,
+        tabindex: "0"
+      }, [
+        e[2] || (e[2] = s("div", { class: "slider-track uikit-absolute uikit-left-0 uikit-top-0 uikit-h-full uikit-rounded-2xs uikit-bg-w-primary" }, null, -1)),
+        s("div", {
+          class: "slider-thumb uikit-absolute -uikit-top-2 uikit-size-20px -uikit-translate-x-1/2 uikit-cursor-pointer uikit-rounded-full uikit-border-2 uikit-border-solid uikit-border-w-primary uikit-bg-white",
+          onMousedown: e[0] || (e[0] = (a) => M()),
+          onTouchstart: e[1] || (e[1] = B((a) => M(), ["prevent"]))
+        }, null, 32)
+      ], 8, W)
+    ]));
+  }
+}), I = /* @__PURE__ */ D(P, [["__scopeId", "data-v-54b825e3"]]);
+export {
+  I as default
+};

package/dist/StaticSpinner.js

@@ -1,4 +1,4 @@
-import { defineComponent as t, openBlock as o, createElementBlock as s, createElementVNode as r } from "vue";
+import { defineComponent as t, createElementBlock as o, openBlock as s, createElementVNode as r } from "vue";
 import { _ as n } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 import './assets/StaticSpinner.css';const c = {
   viewBox: "0 0 128 128",
@@ -10,7 +10,7 @@ import './assets/StaticSpinner.css';const c = {
     strokeColor: { default: "#fff" }
   },
   setup(l) {
-    return (e, p) => (o(), s("svg", c, [
+    return (e, p) => (s(), o("svg", c, [
       r("circle", {
         class: "path",
         cx: "64",

package/dist/SwiperCarousel.js

@@ -1,4 +1,4 @@
-import { S as a } from "./chunks/SwiperCarousel.DWUl3bgn.js";
+import { S as a } from "./chunks/SwiperCarousel.ZIrIp4kV.js";
 import "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 export {
   a as default

package/dist/SwiperSlide.js

@@ -1,8 +1,8 @@
-import { openBlock as o, createElementBlock as t, createElementVNode as r, renderSlot as s } from "vue";
+import { createElementBlock as o, openBlock as t, createElementVNode as r, renderSlot as s } from "vue";
 import { _ as c } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
 const n = {}, i = { class: "swiper-slide" }, d = { class: "swiper-zoom-container" };
 function l(e, _) {
-  return o(), t("div", i, [
+  return t(), o("div", i, [
     r("div", d, [
       s(e.$slots, "default")
     ])

package/dist/UIKit/AccessibleSelect.vue.d.ts

@@ -1,109 +1,55 @@
 import { AccessibleSelectOptions } from './types';
-import { ClassType } from '@wikicasa-dev/types';
-declare function __VLS_template(): {
+import { ClassType, Optional } from '@wikicasa-dev/types';
+declare const _default: <T, LabelID extends string | number | undefined>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
+        readonly onClick?: ((args_0: MouseEvent) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: Optional<AccessibleSelectOptions<T, LabelID>>) => any) | undefined;
+        readonly "onUpdate:toggleDropdown"?: ((value: Optional<boolean>) => any) | undefined;
+        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onUpdate:modelValue" | "onUpdate:toggleDropdown" | "onUpdate:dropdownState"> & ({
+        modelValue?: Optional<AccessibleSelectOptions<T, LabelID>>;
+        toggleDropdown?: Optional<boolean>;
+    } & {
+        label?: string;
+        dropdownPosition?: "top" | "bottom";
+        namespace?: string;
+        options: AccessibleSelectOptions<T, LabelID>[];
+        isValid?: boolean | null;
+        feedback?: Partial<{
+            valid: string;
+            invalid: string;
+        }>;
+        /**
+         * If true, we will close the dropdown when we touch the body of the document
+         */
+        closeOnBodyPressed?: boolean;
+        border?: boolean;
+        fieldsetClasses?: ClassType;
+        legendClasses?: ClassType;
+        dropdownClasses?: ClassType;
+        labelClasses?: ClassType;
+        btnClasses?: ClassType;
+        dropdownItemClasses?: ClassType;
+        btnTextClasses?: ClassType;
+        arrowIcon?: Partial<{
+            width: number;
+            height: number;
+            strokeColor: `#${string}`;
+            classes: ClassType;
+        }>;
+        dataCy?: string;
+        wrapperClasses?: ClassType;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
     slots: {
         lefticon?(_: {}): any;
     };
-    refs: {
-        btnEl: HTMLButtonElement;
-    };
-    attrs: Partial<{}>;
+    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "update:dropdownState", args_0: boolean) => void)) & (((evt: "update:modelValue", value: Optional<AccessibleSelectOptions<T, LabelID>>) => void) & ((evt: "update:toggleDropdown", value: Optional<boolean>) => void));
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    label?: string;
-    dropdownPosition?: "top" | "bottom";
-    namespace: string;
-    options: AccessibleSelectOptions[];
-    modelValue?: AccessibleSelectOptions;
-    isValid?: boolean | null;
-    feedback?: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    /**
-     * If true, we will close the dropdown when we touch the body of the document
-     */
-    closeOnBodyPressed?: boolean;
-    border?: boolean;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-    dropdownClasses?: ClassType;
-    labelClasses?: ClassType;
-    btnClasses?: ClassType;
-    dropdownItemClasses?: ClassType;
-    btnTextClasses?: ClassType;
-    arrowIcon?: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (args_0: AccessibleSelectOptions) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    label?: string;
-    dropdownPosition?: "top" | "bottom";
-    namespace: string;
-    options: AccessibleSelectOptions[];
-    modelValue?: AccessibleSelectOptions;
-    isValid?: boolean | null;
-    feedback?: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    /**
-     * If true, we will close the dropdown when we touch the body of the document
-     */
-    closeOnBodyPressed?: boolean;
-    border?: boolean;
-    fieldsetClasses?: ClassType;
-    legendClasses?: ClassType;
-    dropdownClasses?: ClassType;
-    labelClasses?: ClassType;
-    btnClasses?: ClassType;
-    dropdownItemClasses?: ClassType;
-    btnTextClasses?: ClassType;
-    arrowIcon?: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy?: string;
-}> & Readonly<{
-    "onUpdate:modelValue"?: ((args_0: AccessibleSelectOptions) => any) | undefined;
-}>, {
-    label: string;
-    arrowIcon: Partial<{
-        width: number;
-        height: number;
-        strokeColor: `#${string}`;
-        classes: ClassType;
-    }>;
-    dataCy: string;
-    btnClasses: ClassType;
-    isValid: boolean | null;
-    modelValue: AccessibleSelectOptions;
-    labelClasses: ClassType;
-    dropdownPosition: "top" | "bottom";
-    feedback: Partial<{
-        valid: string;
-        invalid: string;
-    }>;
-    closeOnBodyPressed: boolean;
-    border: boolean;
-    fieldsetClasses: ClassType;
-    legendClasses: ClassType;
-    dropdownClasses: ClassType;
-    dropdownItemClasses: ClassType;
-    btnTextClasses: ClassType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/UIKit/Accordion/BaseAccordion.vue.d.ts

@@ -1,6 +1,13 @@
 import { AccordionItem } from '@wikicasa-dev/types';
 import { AccordionItemDecorated } from '../types';
+type __VLS_Props = {
+    /** If true, there will be just one accordion open */
+    autoClose?: boolean;
+    /** If true, the prevAccordion will be updated when you click on the accordion button */
+    autoUpdate?: boolean;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {
             updatePrev: <T>(a: AccordionItem, _accordionItems?: AccordionItemDecorated<T>) => void;
@@ -12,20 +19,10 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    /** If true, there will be just one accordion open */
-    autoClose?: boolean;
-    /** If true, the prevAccordion will be updated when you click on the accordion button */
-    autoUpdate?: boolean;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    /** If true, there will be just one accordion open */
-    autoClose?: boolean;
-    /** If true, the prevAccordion will be updated when you click on the accordion button */
-    autoUpdate?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/Accordion/BaseAccordionBtn.vue.d.ts

@@ -1,4 +1,13 @@
+type __VLS_Props = {
+    id: string | number;
+    arrowWidth?: number;
+    arrowColor?: `#${string}`;
+    onContainerClickExpand?: boolean;
+    accordionOpen?: boolean;
+    toggleAccordion: () => void;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         custom_content?(_: {}): any;
         custom_btn?(_: {
@@ -8,26 +17,12 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    id: string | number;
-    arrowWidth?: number;
-    arrowColor?: `#${string}`;
-    onContainerClickExpand?: boolean;
-    accordionOpen?: boolean;
-    toggleAccordion: () => void;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
-}, string, import('vue').PublicProps, Readonly<{
-    id: string | number;
-    arrowWidth?: number;
-    arrowColor?: `#${string}`;
-    onContainerClickExpand?: boolean;
-    accordionOpen?: boolean;
-    toggleAccordion: () => void;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/UIKit/Accordion/BaseAccordionContent.vue.d.ts

@@ -1,5 +1,13 @@
 import { ClassType } from '@wikicasa-dev/types';
+type __VLS_Props = {
+    id: string | number;
+    accordionOpen: boolean;
+    accordionOpenClasses?: ClassType;
+    accordionClosedClasses?: ClassType;
+    accordionContentClasses?: ClassType;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         custom_accordion_content?(_: {
             isOpen: boolean;
@@ -9,22 +17,10 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    id: string | number;
-    accordionOpen: boolean;
-    accordionOpenClasses?: ClassType;
-    accordionClosedClasses?: ClassType;
-    accordionContentClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    id: string | number;
-    accordionOpen: boolean;
-    accordionOpenClasses?: ClassType;
-    accordionClosedClasses?: ClassType;
-    accordionContentClasses?: ClassType;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/UIKit/Accordion/BaseAccordionItem.vue.d.ts

@@ -1,5 +1,22 @@
 import { AccordionItem, ClassType } from '@wikicasa-dev/types';
+type __VLS_Props = AccordionItem & {
+    arrowColor?: `#${string}`;
+    arrowWidth?: number;
+    /** If true, when you click the container of the button and the title of the accordion, the accordion will expand */
+    onContainerClickExpand?: boolean;
+    rootClasses?: ClassType;
+    dataCy?: string;
+    btnClasses?: ClassType;
+    itemProp?: string;
+    arrowClasses?: ClassType;
+    btnWrapperClasses?: ClassType;
+    accordionContentClasses?: ClassType;
+    accordionOpenClasses?: ClassType;
+    accordionCloseClasses?: ClassType;
+    accordionClasses?: ClassType;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         custom_content?(_: {}): any;
         custom_btn?(_: {
@@ -20,45 +37,15 @@ declare function __VLS_template(): {
         }): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<AccordionItem & {
-    arrowColor?: `#${string}`;
-    arrowWidth?: number;
-    /** If true, when you click the container of the button and the title of the accordion, the accordion will expand */
-    onContainerClickExpand?: boolean;
-    rootClasses?: ClassType;
-    dataCy?: string;
-    btnClasses?: ClassType;
-    itemProp?: string;
-    arrowClasses?: ClassType;
-    btnWrapperClasses?: ClassType;
-    accordionContentClasses?: ClassType;
-    accordionOpenClasses?: ClassType;
-    accordionCloseClasses?: ClassType;
-    accordionClasses?: ClassType;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: () => any;
     accordionOpened: (a: AccordionItem) => any;
     accordionClosed: (a: AccordionItem) => any;
     "update:accordionState": (args_0: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<AccordionItem & {
-    arrowColor?: `#${string}`;
-    arrowWidth?: number;
-    /** If true, when you click the container of the button and the title of the accordion, the accordion will expand */
-    onContainerClickExpand?: boolean;
-    rootClasses?: ClassType;
-    dataCy?: string;
-    btnClasses?: ClassType;
-    itemProp?: string;
-    arrowClasses?: ClassType;
-    btnWrapperClasses?: ClassType;
-    accordionContentClasses?: ClassType;
-    accordionOpenClasses?: ClassType;
-    accordionCloseClasses?: ClassType;
-    accordionClasses?: ClassType;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: (() => any) | undefined;
     onAccordionOpened?: ((a: AccordionItem) => any) | undefined;
     onAccordionClosed?: ((a: AccordionItem) => any) | undefined;

package/dist/UIKit/BaseAlert.vue.d.ts

@@ -1,22 +1,22 @@
 import { TwPrefix } from 'lib/types';
 type AlertClassPrefix = "alert-";
-type AlertColors = "w-primary" | "w-danger";
+type AlertColors = "w-primary" | "w-danger" | "w-dark-primary";
 type AlertClass = `${TwPrefix}${AlertClassPrefix}${AlertColors}` | "";
+type __VLS_Props = {
+    alertClass?: AlertClass;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    alertClass?: AlertClass;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    alertClass?: AlertClass;
-}> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     alertClass: AlertClass;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {