@wikicasa-dev/components 2.6.9-alpha.0 → 2.6.9-alpha.2

package/dist/UIKit/BaseAutocomplete.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as x, useModel as F, shallowRef as d, computed as k, onBeforeMount as L, watch as f, openBlock as w, createBlock as $, 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, mergeModels as g } from "vue";
-import R from "./BaseInput.js";
-import W from "./BaseDropDown.vue.js";
+import { defineComponent as x, useModel as F, shallowRef as s, useTemplateRef as L, computed as k, onBeforeMount as T, watch as f, openBlock as w, createBlock as y, normalizeClass as H, withCtx as c, createElementBlock as K, Fragment as R, renderList as z, unref as N, renderSlot as p, createElementVNode as U, createVNode as A, mergeModels as $ } from "vue";
+import W from "./BaseInput.js";
+import j from "./BaseDropDown.vue.js";
 import '../assets/BaseDropDown.css';/* empty css                  */
-import { debounce as j } from "@wikicasa-dev/utilities";
-import q from "./BaseSelect/SelectItem.vue.js";
-import { useKeyboardController as G } from "@wikicasa-dev/vue-composables";
-const J = ["innerHTML"], ne = /* @__PURE__ */ x({
+import { debounce as q } from "@wikicasa-dev/utilities";
+import G from "./BaseSelect/SelectItem.vue.js";
+import { useKeyboardController as J } from "@wikicasa-dev/vue-composables";
+const Q = ["innerHTML"], ae = /* @__PURE__ */ x({
   __name: "BaseAutocomplete",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ $({
     isValid: { type: [Boolean, null], default: null },
     theme: { default: "" },
     label: { default: "" },
@@ -29,13 +29,13 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ g(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
-  setup(t, { expose: V, emit: B }) {
-    const u = F(t, "modelValue"), r = B, i = d(""), o = d([]), v = d(null), b = d(!1), n = d(!1), C = d(null), S = k(() => o.value.length);
-    L(() => {
-      v.value = j({ delay: 300 }, t.onInputChangeCb);
+  emits: /* @__PURE__ */ $(["update:dropdownState", "changedValue", "click", "keydown", "keydownEnterPressed"], ["update:modelValue"]),
+  setup(t, { expose: g, emit: V }) {
+    const u = F(t, "modelValue"), d = V, i = s(""), o = s([]), v = s(null), b = s(!1), n = s(!1), B = L("baseInput"), S = k(() => o.value.length);
+    T(() => {
+      v.value = q({ delay: 300 }, t.onInputChangeCb);
     });
-    const { activeIdx: m, selectedIdx: h } = G({
+    const { activeIdx: m, selectedIdx: h } = J({
       optionsLength: S,
       isDropdownOpen: n,
       disableSpaceHandler: !0
@@ -74,14 +74,14 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
           return "";
       }
     }), D = async (e) => {
-      if (i.value !== e && (r("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
+      if (i.value !== e && (d("changedValue", e), i.value = e, !!t.onInputChangeCb)) {
         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 || (o.value = await v.value?.(e) || [], n.value = !!o.value.length);
       }
-    }, y = (e, l) => {
+    }, C = (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;
     }, E = () => {
       o.value.length && t.keepState !== "closed" && (n.value = !0);
@@ -95,19 +95,19 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
     ), f(h, (e) => {
       if (e === -1 || !o.value.length) return;
       const l = o.value[e];
-      b.value && l.label === u.value?.label || y(l, e);
+      b.value && l.label === u.value?.label || C(l, e);
     }), f(
       () => t.keepState,
       (e) => {
         e === "closed" ? (n.value = !1, t.cleanupOnClose && (o.value = [])) : e === "open" && o.value.length && (n.value = !0);
       }
     ), f(n, (e) => {
-      r("update:dropdownState", e);
-    }), V({
+      d("update:dropdownState", e);
+    }), g({
       select: () => {
-        C.value?.select();
+        B.value?.select();
       }
-    }), (e, l) => (w(), $(W, {
+    }), (e, l) => (w(), y(j, {
       class: H(["uikit-autocomplete", e.$attrs["root-classes"]]),
       "data-cy": t.dataCy ? t.dataCy : `ac_${e.$attrs.id}`,
       "dropdown-element": "ul",
@@ -128,14 +128,13 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
       "activate-keyboard-controller": !1,
       "onUpdate:open": l[3] || (l[3] = (a) => n.value = a),
       onClick: l[4] || (l[4] = (a) => {
-        r("click"), E();
+        d("click"), E();
       })
     }, {
       btn_slot: c(() => [
-        A(R, {
+        A(W, {
           id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
-          ref_key: "baseInput",
-          ref: C,
+          ref: "baseInput",
           "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : `ac_input_${e.$attrs.id}`,
           "label-text": t.label,
           "model-value": i.value,
@@ -151,8 +150,8 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
           ],
           "fieldset-classes": [I.value, t.fieldsetClasses],
           "onUpdate:modelValue": l[0] || (l[0] = (a) => D(a === void 0 ? "" : `${a}`)),
-          onKeydown: l[1] || (l[1] = (a) => r("keydown", a)),
-          onKeydownEnterPressed: l[2] || (l[2] = () => r("keydownEnterPressed"))
+          onKeydown: l[1] || (l[1] = (a) => d("keydown", a)),
+          onKeydownEnterPressed: l[2] || (l[2] = () => d("keydownEnterPressed"))
         }, {
           leftIcon: c(() => [
             p(e.$slots, "lefticon")
@@ -164,21 +163,24 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
         }, 8, ["id", "data-cy", "label-text", "model-value", "is-valid", "disabled", "placeholder", "with-left-icon", "with-right-icon", "input-class", "fieldset-classes"])
       ]),
       default: c(() => [
-        (w(!0), K(T, null, z(o.value, (a, s) => (w(), $(q, {
-          key: s,
-          active: N(m) === s,
+        (w(!0), K(R, null, z(o.value, (a, r) => (w(), y(G, {
+          key: r,
+          active: N(m) === r,
           class: "uikit-m-1 uikit-rounded-[5px] uikit-px-5 uikit-py-10px hover:uikit-cursor-pointer",
-          onClick: (P) => y(a, s),
-          onMouseover: (P) => m.value = s
+          onClick: (P) => C(
+            a,
+            r
+          ),
+          onMouseover: (P) => m.value = r
         }, {
           default: c(() => [
             p(e.$slots, "option-content", {
               option: a,
-              idx: s
+              idx: r
             }, () => [
               U("span", {
                 innerHTML: a.label
-              }, null, 8, J)
+              }, null, 8, Q)
             ])
           ]),
           _: 2
@@ -189,5 +191,5 @@ const J = ["innerHTML"], ne = /* @__PURE__ */ x({
   }
 });
 export {
-  ne as default
+  ae as default
 };

package/dist/UIKit/BaseInput.d.ts

@@ -1,65 +1,63 @@
-import { Nullable, InputTypeHTMLAttribute } from '@wikicasa-dev/types';
+import { InputTypeHTMLAttribute, Nullable, Numberish } from '@wikicasa-dev/types';
 import { ClassType, ClassTypeProp, FeedbackLabels } from './types';
-type __VLS_Props = {
-    id?: string;
-    inputClass?: ClassType | ClassType[];
-    labelText?: string;
-    feedback?: FeedbackLabels;
-    isValid?: Nullable<boolean>;
-    keepFloatingLabel?: boolean;
-    formatter?: Nullable<Partial<{
-        formatFn: (n: number | string) => string;
-        unFormatFn: (v: string) => string | number | null;
-    }>>;
-    labelClasses?: ClassTypeProp;
-    fieldsetClasses?: ClassTypeProp;
-    labelTextClasses?: ClassTypeProp;
-    withLeftIcon?: boolean;
-    withRightIcon?: boolean;
-    dataCy?: string;
-};
-type __VLS_ModelProps = {
-    modelValue?: string | number | undefined;
-};
-type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_3: {
-    handleClean: () => void;
-    handleShowPasswd: () => void;
-    curType: InputTypeHTMLAttribute;
-}, __VLS_10: {}, __VLS_12: {};
-type __VLS_Slots = {} & {
-    leftIcon?: (props: typeof __VLS_1) => any;
-} & {
-    righticon?: (props: typeof __VLS_3) => any;
-} & {
-    feedback?: (props: typeof __VLS_10) => any;
-} & {
-    'under-label'?: (props: typeof __VLS_12) => any;
-};
-declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {
-    select: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (value: string | number | undefined) => any;
-    click: (args_0: MouseEvent) => any;
-    keydown: (args_0: KeyboardEvent) => any;
-    focusin: () => any;
-    focusout: () => any;
-    keyup: (args_0: KeyboardEvent) => any;
-    keydownEnterPressed: () => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
-    onClick?: ((args_0: MouseEvent) => any) | undefined;
-    onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
-    onFocusin?: (() => any) | undefined;
-    onFocusout?: (() => any) | undefined;
-    onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
-    onKeydownEnterPressed?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+export type BaseInputModelValue = Numberish | undefined | null;
+export type BaseInputFormatter<ModelValue extends BaseInputModelValue> = Partial<{
+    formatFn: (value: string) => string;
+    unFormatFn: (value: string) => Nullable<ModelValue>;
+}>;
 declare const _default: typeof __VLS_export;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const __VLS_export: <ModelValue extends BaseInputModelValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<({
+        id?: string;
+        inputClass?: ClassType | ClassType[];
+        labelText?: string;
+        feedback?: FeedbackLabels;
+        isValid?: Nullable<boolean>;
+        keepFloatingLabel?: boolean;
+        formatter?: Nullable<BaseInputFormatter<ModelValue>>;
+        labelClasses?: ClassTypeProp;
+        fieldsetClasses?: ClassTypeProp;
+        labelTextClasses?: ClassTypeProp;
+        withLeftIcon?: boolean;
+        withRightIcon?: boolean;
+        dataCy?: string;
+    } & {
+        modelValue?: ModelValue;
+    }) & {
+        "onUpdate:modelValue"?: ((value: ModelValue) => any) | undefined;
+        onClick?: ((args_0: MouseEvent) => any) | undefined;
+        onKeydown?: ((args_0: KeyboardEvent) => any) | undefined;
+        onFocusin?: (() => any) | undefined;
+        onFocusout?: (() => any) | undefined;
+        onKeyup?: ((args_0: KeyboardEvent) => any) | undefined;
+        onKeydownEnterPressed?: (() => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: import('vue').ShallowUnwrapRef<{
+        select: () => void;
+    }>) => void;
+    attrs: any;
+    slots: {
+        leftIcon?: (props: {}) => any;
+    } & {
+        righticon?: (props: {
+            handleClean: () => void;
+            handleShowPasswd: () => void;
+            curType: InputTypeHTMLAttribute;
+        }) => any;
+    } & {
+        feedback?: (props: {}) => any;
+    } & {
+        'under-label'?: (props: {}) => any;
     };
+    emit: (((evt: "click", args_0: MouseEvent) => void) & ((evt: "keydown", args_0: KeyboardEvent) => void) & ((evt: "focusin") => void) & ((evt: "focusout") => void) & ((evt: "keyup", args_0: KeyboardEvent) => void) & ((evt: "keydownEnterPressed") => void)) & ((event: "update:modelValue", value: ModelValue) => void);
+}>) => import('vue').VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/UIKit/BaseInput.js

@@ -1,7 +1,7 @@
 import o from "./BaseInput.vue.js";
 import '../assets/BaseInput2.css';/* empty css               */
 import t from "../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9dab04c5"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f25fc601"]]);
 export {
-  m as default
+  a as default
 };

package/dist/UIKit/BaseInput.vue.js

@@ -1,7 +1,7 @@
 import { defineComponent as A, useModel as N, ref as m, useId as O, computed as j, watch as y, useAttrs as D, openBlock as u, createElementBlock as r, normalizeClass as v, unref as d, renderSlot as h, createElementVNode as g, withKeys as G, withModifiers as J, createBlock as Q, createCommentVNode as x, Fragment as C, renderList as T, mergeModels as B } from "vue";
 import W from "./BaseFloatingLabel.js";
 import { useFloatingLabel as X } from "../composables/useFloatingLabel.js";
-const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
+const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "readonly", "type", "pattern", "min", "max", "maxlength", "inputmode", "placeholder", "value"], Z = { class: "uikit-invisible uikit-float-none uikit-mb-2 uikit-ml-2 uikit-block uikit-h-3 uikit-w-auto uikit-max-w-full uikit-overflow-hidden uikit-whitespace-nowrap uikit-p-0 uikit-text uikit-transition-[max-width] uikit-duration-[50ms] uikit-ease-out" }, U = ["innerHTML"], p = ["innerHTML"], _ = ["innerHTML"], ee = {
   key: 1,
   class: "under-label uikit-absolute uikit-text-12"
 }, ne = /* @__PURE__ */ A({
@@ -35,8 +35,8 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
       handleFocusOut: $,
       setInlineLabel: I,
       setFloatingLabel: V
-    } = X(k), R = O(), f = j(() => e.id || R), n = m("text"), b = m({}), c = m(null), P = () => {
-      e.feedback && (b.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (b.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (b.value.invalid = [e.feedback.invalid]));
+    } = X(k), R = O(), b = j(() => e.id || R), n = m("text"), f = m({}), c = m(null), P = () => {
+      e.feedback && (f.value = e.feedback, e.feedback.valid && typeof e.feedback.valid == "string" && (f.value.valid = [e.feedback.valid]), e.feedback.invalid && typeof e.feedback.invalid == "string" && (f.value.invalid = [e.feedback.invalid]));
     }, L = (t, i) => {
       if (!e.formatter || !e.formatter.formatFn)
         return a.value = t, "";
@@ -110,7 +110,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         curType: n.value
       }, void 0, !0),
       g("input", {
-        id: f.value,
+        id: b.value,
         ref_key: "baseInputEl",
         ref: c,
         "data-cy": e.dataCy,
@@ -130,7 +130,6 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         ]]),
         autocomplete: t.$attrs.autocomplete === "on" ? "on" : "off",
         disabled: t.$attrs.disabled,
-        "aria-labelledby": f.value,
         readonly: t.$attrs.readonly,
         type: n.value,
         pattern: t.$attrs.pattern,
@@ -178,7 +177,7 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
       ], 2),
       e.labelText ? (u(), Q(W, {
         key: 0,
-        for: f.value,
+        for: b.value,
         "label-text": e.labelText,
         "label-state": d(s),
         "is-valid": e.isValid,
@@ -191,12 +190,12 @@ const Y = ["id", "data-cy", "name", "autocomplete", "disabled", "aria-labelledby
         "label-text-classes": e.labelTextClasses
       }, null, 8, ["for", "label-text", "label-state", "is-valid", "required", "disabled", "label-classes", "label-text-classes"])) : x("", !0),
       h(t.$slots, "feedback", {}, () => [
-        e.isValid === !1 ? (u(!0), r(C, { key: 0 }, T(b.value.invalid, (l, w) => (u(), r("div", {
-          key: `${f.value}_invalid_${w}`,
+        e.isValid === !1 ? (u(!0), r(C, { key: 0 }, T(f.value.invalid, (l, w) => (u(), r("div", {
+          key: `${b.value}_invalid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-danger",
           innerHTML: l
-        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(C, { key: 1 }, T(b.value.valid, (l, w) => (u(), r("div", {
-          key: `${f.value}_valid_${w}`,
+        }, null, 8, p))), 128)) : e.isValid === !0 ? (u(!0), r(C, { key: 1 }, T(f.value.valid, (l, w) => (u(), r("div", {
+          key: `${b.value}_valid_${w}`,
           class: "uikit-mt-1 uikit-text-12 uikit-text-w-primary",
           innerHTML: l
         }, null, 8, _))), 128)) : x("", !0)

package/dist/UIKit/BaseToggle.d.ts

@@ -1,27 +1,26 @@
 import { Optional } from '@wikicasa-dev/types';
-import { SwitchRootProps as _SwitchRootProps } from 'reka-ui';
-export type BaseToggleProps = Omit<_SwitchRootProps, "modelValue">;
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
+type __VLS_Props = {
     label?: string;
     dataCy?: string;
-} & BaseToggleProps & {
+};
+type __VLS_ModelProps = {
     modelValue?: Optional<boolean>;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    leftLabel?: (props: typeof __VLS_1) => any;
+} & {
+    rightLabel?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Optional<boolean>) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    label?: string;
-    dataCy?: string;
-} & BaseToggleProps & {
-    modelValue?: Optional<boolean>;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: Optional<boolean>) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    leftLabel?: (props: {}) => any;
-} & {
-    rightLabel?: (props: {}) => any;
-}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;

package/dist/UIKit/BaseToggle.vue.js

@@ -1,42 +1,32 @@
-import { defineComponent as d, useModel as n, createPropsRestProxy as k, openBlock as c, createElementBlock as m, renderSlot as l, createVNode as u, unref as o, mergeProps as f, withCtx as p, createElementVNode as b, createCommentVNode as h, mergeModels as g } from "vue";
-import { SwitchRoot as y, SwitchThumb as x } from "reka-ui";
-const V = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], v = /* @__PURE__ */ d({
+import { defineComponent as d, useModel as s, openBlock as n, createElementBlock as k, renderSlot as a, createVNode as u, unref as o, withCtx as c, createElementVNode as m, createCommentVNode as f, mergeModels as p } from "vue";
+import { SwitchRoot as b, SwitchThumb as h } from "reka-ui";
+const g = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["innerHTML"], V = /* @__PURE__ */ d({
   __name: "BaseToggle",
-  props: /* @__PURE__ */ g({
+  props: /* @__PURE__ */ p({
     label: {},
-    dataCy: {},
-    defaultValue: {},
-    disabled: { type: Boolean },
-    id: {},
-    value: {},
-    trueValue: {},
-    falseValue: {},
-    asChild: { type: Boolean },
-    as: {},
-    name: {},
-    required: { type: Boolean }
+    dataCy: {}
   }, {
     modelValue: { type: Boolean, default: !1 },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const i = n(e, "modelValue"), r = k(e, ["label", "dataCy"]);
-    return (t, a) => (c(), m("div", V, [
-      l(t.$slots, "leftLabel"),
-      u(o(y), f({
+    const i = s(e, "modelValue");
+    return (t, l) => (n(), k("div", g, [
+      a(t.$slots, "leftLabel"),
+      u(o(b), {
         modelValue: i.value,
-        "onUpdate:modelValue": a[0] || (a[0] = (s) => i.value = s),
+        "onUpdate:modelValue": l[0] || (l[0] = (r) => i.value = r),
         "data-cy": e.dataCy,
         class: "uikit-flex uikit-h-[20px] uikit-w-[40px] uikit-cursor-pointer uikit-rounded-full uikit-p-0 uikit-transition-[background] uikit-will-change-[background] focus-visible:uikit-outline-w-primary data-[state=checked]:uikit-bg-w-primary data-[state=unchecked]:uikit-bg-w-cultured"
-      }, r), {
-        default: p(() => [
-          u(o(x), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
+      }, {
+        default: c(() => [
+          u(o(h), { class: "uikit-box-border uikit-flex uikit-size-[20px] uikit-translate-x-0 uikit-items-center uikit-justify-center uikit-rounded-full uikit-border uikit-border-solid uikit-border-w-lightgray uikit-bg-white uikit-shadow-xl uikit-transition-transform uikit-will-change-transform data-[state=checked]:uikit-translate-x-full" })
         ]),
         _: 1
-      }, 16, ["modelValue", "data-cy"]),
-      t.$slots.leftLabel ? h("", !0) : l(t.$slots, "rightLabel", { key: 0 }, () => [
-        b("span", {
+      }, 8, ["modelValue", "data-cy"]),
+      t.$slots.leftLabel ? f("", !0) : a(t.$slots, "rightLabel", { key: 0 }, () => [
+        m("span", {
           class: "uikit-ml-[10px]",
           innerHTML: e.label
         }, null, 8, w)
@@ -45,5 +35,5 @@ const V = { class: "uikit-flex uikit-items-center uikit-gap-[8px]" }, w = ["inne
   }
 });
 export {
-  v as default
+  V as default
 };

package/dist/assets/BaseInput2.css

@@ -1 +1 @@
-.input-wrapper[data-v-9dab04c5]{--icon-default-size: 44px}.invalid-bg[data-v-9dab04c5]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-9dab04c5]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-9dab04c5],.valid-bg[data-v-9dab04c5]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-9dab04c5]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-9dab04c5]>label.inline-label{left:var(--icon-default-size)}[data-v-9dab04c5] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-9dab04c5] .text-input-icon.left{left:5px}[data-v-9dab04c5] .text-input-icon.right{right:5px}[data-v-9dab04c5] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-9dab04c5] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-9dab04c5] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-9dab04c5]{left:4px;font-style:italic}
+.input-wrapper[data-v-f25fc601]{--icon-default-size: 44px}.invalid-bg[data-v-f25fc601]{--invalid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMicgaGVpZ2h0PScxMicgZmlsbD0nbm9uZScgc3Ryb2tlPScjRkE0RjY0Jz48Y2lyY2xlIGN4PSc2JyBjeT0nNicgcj0nNC41Jy8+PHBhdGggc3Ryb2tlLWxpbmVqb2luPSdyb3VuZCcgZD0nTTUuOCAzLjZoLjRMNiA2LjV6Jy8+PGNpcmNsZSBjeD0nNicgY3k9JzguMicgcj0nLjYnIGZpbGw9JyNGQTRGNjQnIHN0cm9rZT0nbm9uZScvPjwvc3ZnPg==);background-image:var(--invalid-img)}.valid-bg[data-v-f25fc601]{--valid-img: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA4IDgnPjxwYXRoIGZpbGw9JyMyQjVERkYnIGQ9J00yLjMgNi43My42IDQuNTNjLS40LTEuMDQuNDYtMS40IDEuMS0uOGwxLjEgMS40IDMuNC0zLjhjLjYtLjYzIDEuNi0uMjcgMS4yLjdsLTQgNC42Yy0uNDMuNS0uOC40LTEuMS4xeicvPjwvc3ZnPg==);background-image:var(--valid-img)}.invalid-bg[data-v-f25fc601],.valid-bg[data-v-f25fc601]{background-position:top 10px right 12px;background-size:20px}.has-right-icon[data-v-f25fc601]>label.inline-label{right:var(--icon-default-size)}.has-left-icon[data-v-f25fc601]>label.inline-label{left:var(--icon-default-size)}[data-v-f25fc601] .text-input-icon{position:absolute;z-index:20;box-sizing:border-box;--icon-size-sm: 16px;--icon-size-md: 20px;--icon-size-lg: 25px}[data-v-f25fc601] .text-input-icon.left{left:5px}[data-v-f25fc601] .text-input-icon.right{right:5px}[data-v-f25fc601] .text-input-icon{--icon-top: 5px;--icon-size: var(--icon-size-sm);width:var(--icon-default-size);height:var(--icon-default-size);padding:calc((var(--icon-default-size) - var(--icon-size)) / 2);top:var(--icon-top)}[data-v-f25fc601] .text-input-icon.md{--icon-size: var(--icon-size-md)}[data-v-f25fc601] .text-input-icon.lg{--icon-top: 0;--icon-size: var(--icon-size-lg)}.under-label[data-v-f25fc601]{left:4px;font-style:italic}

package/dist/assets/SwiperCarousel.css

@@ -1 +1 @@
-.no-transition[data-v-c4229b26]{transition-duration:0ms!important}.disable-select[data-v-c4229b26]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-c4229b26]{pointer-events:auto!important}
+.swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}

package/dist/assets/SwiperCarousel2.css

@@ -0,0 +1 @@
+.no-transition[data-v-c4229b26]{transition-duration:0ms!important}.disable-select[data-v-c4229b26]{-webkit-user-select:none;-moz-user-select:none;user-select:none}.swiper-button-disabled[data-v-c4229b26]{pointer-events:auto!important}

package/dist/components/carousel/Primitive/SwiperPaginationPrimitive.js

@@ -1,5 +1,5 @@
 import o from "./SwiperPaginationPrimitive.vue.js";
-import '../../../assets/SwiperPaginationPrimitive.css';/* empty css                               */
+import '../../../assets/SwiperCarousel.css';/* empty css                               */
 export {
   o as default
 };

package/dist/components/carousel/SwiperCarousel.js

@@ -1,5 +1,5 @@
 import o from "./SwiperCarousel.vue.js";
-import '../../assets/SwiperCarousel.css';import '../../assets/SwiperPaginationPrimitive.css';/* empty css                    */
+import '../../assets/SwiperCarousel2.css';import '../../assets/SwiperCarousel.css';/* empty css                    */
 /* empty css                    */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
 const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-c4229b26"]]);

package/dist/index.d.ts

@@ -34,6 +34,7 @@ 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';
+export type { BaseInputModelValue, BaseInputFormatter, } from './UIKit/BaseInput';
 export { default as BasePagination } from './UIKit/BasePagination';
 export { default as BaseSlider } from './UIKit/BaseSlider';
 export { default as BaseTextarea } from './UIKit/BaseTextarea';

package/dist/index.js

@@ -1,6 +1,6 @@
 import { default as P } from "./UIKit/Accordion/BaseAccordion.vue.js";
 import { default as S } from "./UIKit/Accordion/BaseAccordionItem.vue.js";
-import './assets/baseCard.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperPaginationPrimitive.css';import './assets/BaseSnackbar.css';import './assets/baseModal.css';import './assets/BaseDropDown.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/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                       */
+import './assets/baseCard.css';import './assets/SwiperSlideImagePrimitive.css';import './assets/SwiperCarousel.css';import './assets/BaseSnackbar.css';import './assets/baseModal.css';import './assets/BaseDropDown.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/BaseTabsIndicator.css';import './assets/BaseTabs.css';import './assets/CheckboxBtn.css';import './assets/BaseAccordionItem.css';/* empty css                                       */
 import { default as I } from "./UIKit/Accordion/AccordionItemPrimitive.vue.js";
 import { default as h } from "./UIKit/Accordion/AccordionHeaderPrimitive.vue.js";
 import { default as w } from "./UIKit/Accordion/AccordionTriggerPrimitive.vue.js";

package/dist/lazyModules/Swiper/Autoplay/index.js

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

package/dist/lazyModules/Swiper/Controller/index.js

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

package/dist/lazyModules/Swiper/Keyboard/index.js

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

package/dist/lazyModules/Swiper/Thumbs/index.js

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

package/dist/types/index.d.ts

@@ -31,4 +31,3 @@ export type { SwiperSlideImagePrimitiveProps } from '../components/carousel/Prim
 export type { IntersectionObserverProviderProps } from '../components/IntersectionObserver/v2/IntersectionObserverProvider';
 export type { BaseCardRootProps, CardRootTypes, } from '../UIKit/Card/CardRootPrimitive';
 export type { CardTypes } from '../UIKit/Card/type';
-export type { BaseToggleProps } from '../UIKit/BaseToggle';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wikicasa-dev/components",
-  "version": "2.6.9-alpha.0",
+  "version": "2.6.9-alpha.2",
   "description": "Wikicasa frontend components",
   "type": "module",
   "main": "./dist/index.js",

package/dist/assets/SwiperPaginationPrimitive.css

@@ -1 +0,0 @@
-.swiper-pagination-bullet{--swiper-pagination-color: #ccc}.swiper-pagination-bullet-active{--swiper-pagination-color: #fff}