@wikicasa-dev/components 2.6.11-alpha.0 → 3.0.0-alpha.0

package/dist/RadioButton.js

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

package/dist/RadioGroup.js

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

package/dist/SelectItem.js

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

package/dist/ShimmerMultiLine.js

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

package/dist/{UIKit/Slider/SimpleSlider.vue.js → SimpleSlider.js}

@@ -1,7 +1,8 @@
-import { defineComponent as V, useCssVars as L, useTemplateRef as T, useModel as y, ref as m, watch as E, onMounted as S, openBlock as C, createElementBlock as X, createElementVNode as d, withModifiers as $, mergeModels as B } from "vue";
-const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__ */ V({
+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 d, 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__ */ B({
+  props: /* @__PURE__ */ L({
     min: { default: 0 },
     max: { default: 100 },
     step: { default: 1 },
@@ -13,17 +14,17 @@ const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    L((i) => ({
-      v0f43c897: r.value,
-      ec9c737a: s.value
+    S((i) => ({
+      "426d6508": r.value,
+      61060832: s.value
     }));
-    const u = T("customSlider"), l = y(t, "modelValue"), o = m(!1), s = m("50%"), r = m("50%"), c = (i = 0) => {
-      const e = t.logarithmic ? b(i) : x(i), a = (e - t.min) / (t.max - t.min), f = t.logarithmic ? h(e) : a * 100;
-      l.value = Math.round(e), s.value = `${Math.round(f)}%`, r.value = t.logarithmic ? `${Math.round(h(e))}%` : `${a * 100}%`;
-    }, x = (i = 0) => {
+    const o = T("customSlider"), u = y(t, "modelValue"), l = m(!1), s = 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), s.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));
-    }, k = (i = 0) => {
+    }, 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) => {
@@ -38,45 +39,45 @@ const D = ["aria-valuemin", "aria-valuemax", "aria-valuenow"], P = /* @__PURE__
       );
       return Math.max(t.min, Math.min(t.max, e));
     }, v = (i) => {
-      if (!o.value || !u.value) return;
-      const e = u.value.getBoundingClientRect(), a = u.value.offsetWidth;
+      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 ? k(n / a * 100) : n / a * (t.max - t.min) + t.min;
+      const w = t.logarithmic ? x(n / a * 100) : n / a * (t.max - t.min) + t.min;
       c(w);
     }, M = () => {
-      o.value = !0;
+      l.value = !0;
     }, g = () => {
-      o.value = !1;
+      l.value = !1;
     };
     return E(
-      l,
+      u,
       (i) => {
         c(i);
       },
       { immediate: !0 }
-    ), S(() => {
+    ), C(() => {
       document.addEventListener("mousemove", v), document.addEventListener("mouseup", g), document.addEventListener("touchmove", v, { passive: !0 }), document.addEventListener("touchend", g, { passive: !0 });
-    }), (i, e) => (C(), X("div", null, [
+    }), (i, e) => ($(), X("div", null, [
       d("div", {
         ref: "customSlider",
-        class: "uikit-relative uikit-my-20px uikit-h-1 uikit-rounded-2xs uikit-bg-w-secondary",
+        class: "uikit:relative uikit:my-20px uikit:h-1 uikit:rounded-2xs uikit:bg-w-secondary",
         role: "slider",
-        "aria-valuemin": t.min,
-        "aria-valuemax": t.max,
-        "aria-valuenow": l.value,
+        "aria-valuemin": i.min,
+        "aria-valuemax": i.max,
+        "aria-valuenow": u.value,
         tabindex: "0"
       }, [
-        e[2] || (e[2] = d("div", { class: "slider-track uikit-absolute uikit-left-0 uikit-top-0 uikit-h-full uikit-rounded-2xs uikit-bg-w-primary" }, null, -1)),
+        e[2] || (e[2] = d("div", { class: "slider-track uikit:absolute uikit:left-0 uikit:top-0 uikit:h-full uikit:rounded-2xs uikit:bg-w-primary" }, null, -1)),
         d("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",
+          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] = $((a) => M(), ["prevent"]))
+          onTouchstart: e[1] || (e[1] = B((a) => M(), ["prevent"]))
         }, null, 32)
-      ], 8, D)
+      ], 8, W)
     ]));
   }
-});
+}), I = /* @__PURE__ */ D(P, [["__scopeId", "data-v-9675b37b"]]);
 export {
-  P as default
+  I as default
 };

package/dist/StaticSpinner.js

@@ -0,0 +1,28 @@
+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",
+  class: "icon-spin uikit:h-6 uikit:w-6"
+}, i = ["stroke", "stroke-width"], a = /* @__PURE__ */ t({
+  __name: "StaticSpinner",
+  props: {
+    thickness: { default: 9 },
+    strokeColor: { default: "#fff" }
+  },
+  setup(l) {
+    return (e, p) => (s(), o("svg", c, [
+      r("circle", {
+        class: "path",
+        cx: "64",
+        cy: "64",
+        r: "42",
+        fill: "none",
+        stroke: e.strokeColor,
+        "stroke-width": e.thickness
+      }, null, 8, i)
+    ]));
+  }
+}), f = /* @__PURE__ */ n(a, [["__scopeId", "data-v-81d8171a"]]);
+export {
+  f as default
+};

package/dist/SwiperCarousel.js

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

package/dist/{components/carousel/SwiperSlide.js → SwiperSlide.js}

@@ -1,8 +1,8 @@
-import { openBlock as o, createElementBlock as t, createElementVNode as r, renderSlot as s } from "vue";
-import c from "../../_virtual/_plugin-vue_export-helper.js";
+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

@@ -0,0 +1,55 @@
+import { AccessibleSelectOptions } from './types';
+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;
+    };
+    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>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,32 @@
+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;
+            prev: {
+                title?: string | undefined;
+                id: string | number;
+                active?: boolean | undefined;
+            } | null;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,34 @@
+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?(_: {
+            btnId: string;
+            isOpen: boolean;
+            toggleAccordion: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, 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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,30 @@
+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;
+        }): any;
+        default?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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 & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,60 @@
+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?(_: {
+            btnId: string;
+            isOpen: boolean;
+            toggleAccordion: () => void;
+        }): any;
+        custom_accordion?(_: {
+            id: string | number;
+            isOpen: boolean;
+            toggleAccordion: () => void;
+        }): any;
+        custom_accordion_content?(_: {
+            isOpen: boolean;
+        }): any;
+        default?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onAccordionOpened?: ((a: AccordionItem) => any) | undefined;
+    onAccordionClosed?: ((a: AccordionItem) => any) | undefined;
+    "onUpdate:accordionState"?: ((args_0: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, 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;
+    };
+};

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

@@ -0,0 +1,26 @@
+import { TwPrefix } from 'lib/types';
+type AlertClassPrefix = "alert-";
+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: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,48 @@
+import { Nullable, BaseAutocompleteThemes } from '@wikicasa-dev/types';
+import { AccessibleSelectOptions, ClassTypeProp } from './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?: (() => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: AccessibleSelectOptions<T, LabelID> | undefined) => any) | undefined;
+        readonly "onUpdate:dropdownState"?: ((args_0: boolean) => any) | undefined;
+        readonly onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+        readonly onKeydownEnterPressed?: (() => any) | undefined;
+        readonly onChangedValue?: ((args_0: string) => any) | undefined;
+    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onClick" | "onKeydown" | "onUpdate:modelValue" | "onUpdate:dropdownState" | "onKeydownEnterPressed" | "onChangedValue"> & ({
+        modelValue?: AccessibleSelectOptions<T, LabelID> | undefined;
+    } & {
+        isValid?: Nullable<boolean>;
+        theme?: BaseAutocompleteThemes;
+        label?: string;
+        disableCb?: boolean;
+        onInputChangeCb: (v: string) => Promise<AccessibleSelectOptions<T, LabelID>[]>;
+        onOptionSelectedCb?: Nullable<(v: AccessibleSelectOptions<T, LabelID>) => void>;
+        keepState?: Nullable<"closed" | "open">;
+        cleanupOnClose?: boolean;
+        dropdownClasses?: string;
+        /**
+         * If true, we will close the dropdown when the user clicks or touches the body of the document
+         */
+        closeDropdownOnBodyPressed?: boolean;
+        inputClasses?: ClassTypeProp;
+        fieldsetClasses?: ClassTypeProp;
+        dataCy?: string;
+    }) & Partial<{}>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{
+        select: () => void;
+    }>): void;
+    attrs: any;
+    slots: {
+        lefticon?(_: {}): any;
+        righticon?(_: {
+            handleClean: () => void;
+        }): 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 & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,22 @@
+type __VLS_Props = {
+    badgeClass?: "uikit-badge-w-warning" | "uikit-badge-w-lavender" | "uikit-badge-outline-tag" | "uikit-badge-w-primary-sm" | "uikit-badge-outline-tag-listing" | "uikit-badge-w-dark-primary" | "uikit-badge-w-danger";
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    badgeClass: "uikit-badge-w-warning" | "uikit-badge-w-lavender" | "uikit-badge-outline-tag" | "uikit-badge-w-primary-sm" | "uikit-badge-outline-tag-listing" | "uikit-badge-w-dark-primary" | "uikit-badge-w-danger";
+}, {}, {}, {}, 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;
+    };
+};

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

@@ -0,0 +1,35 @@
+import { ClassType } from '@wikicasa-dev/types';
+type BreadcrumbItemsType = {
+    link: string;
+    label: string;
+    active?: boolean;
+    dataTooltip?: string;
+};
+type BreadcrumbItemsTypeWithIdx = BreadcrumbItemsType & {
+    idx: number;
+};
+type __VLS_Props = {
+    items: BreadcrumbItemsType[];
+    listClasses?: ClassType;
+    listItemClasses?: ClassType;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        item?(_: {
+            item: BreadcrumbItemsTypeWithIdx;
+        }): any;
+        separator?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,46 @@
+import { ButtonType } from './types';
+type HTMLButtonType = "button" | "submit" | "reset" | undefined;
+type __VLS_Props = {
+    btnClass?: ButtonType;
+    outlined?: boolean;
+    size?: "sm" | "lg" | "";
+    withMinWidth?: boolean;
+    keepActive?: boolean;
+    isLoading?: boolean;
+    disabled?: boolean;
+    ariaLabel?: string;
+    /**
+     * Add the title for screen readers when the button consists of just an icon
+     */
+    title?: string;
+    dataCy?: string;
+    type?: HTMLButtonType;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            hover: boolean;
+        }): any;
+        spinner?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (e: Event) => any;
+    mouseover: (e: Event) => any;
+    mouseout: (e: Event) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: ((e: Event) => any) | undefined;
+    onMouseover?: ((e: Event) => any) | undefined;
+    onMouseout?: ((e: Event) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,29 @@
+import { CardRootTypes, CardTypes, ClassTypeProp } from './types';
+type __VLS_Props = {
+    type?: CardTypes;
+    rootComponent?: CardRootTypes;
+    cardImgClasses?: ClassTypeProp;
+    cardBodyClasses?: ClassTypeProp;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'card-image'?(_: {}): any;
+        'card-description'?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, 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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,47 @@
+import { ClassType, Nullable } from '@wikicasa-dev/types';
+import { ComplexToggleType, ToggleType } from './types';
+type BgPrefix = "bg-w-";
+type BorderPrefix = "border-w-";
+type ColorsType = "black" | "primary" | "secondary" | "dark-primary" | "carbon" | "gray" | "warning" | "danger" | "lavender";
+type BtnBgColorType = `${BgPrefix}${ColorsType}` | "";
+type BorderColorType = `${BorderPrefix}${ColorsType}`;
+type __VLS_Props = {
+    labels: ComplexToggleType;
+    type?: "full" | "padded";
+    mode?: "mobile" | "";
+    btnBgColor?: BtnBgColorType;
+    btnClasses?: ClassType;
+    borderContainerColor?: BorderColorType;
+    size?: "" | "lg";
+};
+type __VLS_PublicProps = {
+    modelValue?: Nullable<ToggleType> | undefined;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        left_icon?(_: {}): any;
+        right_icon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Nullable<ToggleType> | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Nullable<ToggleType> | undefined) => any) | undefined;
+}>, {
+    type: "full" | "padded";
+    size: "" | "lg";
+    mode: "mobile" | "";
+    btnBgColor: BtnBgColorType;
+    borderContainerColor: BorderColorType;
+}, {}, {}, {}, 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 & {
+    new (): {
+        $slots: S;
+    };
+};