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

package/dist/UIKit/BaseAutocomplete.vue.js

@@ -1,195 +0,0 @@
-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 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__ */ $({
-    isValid: { type: [Boolean, null], default: null },
-    theme: { default: "" },
-    label: { default: "" },
-    disableCb: { type: Boolean, default: !1 },
-    onInputChangeCb: { type: Function },
-    onOptionSelectedCb: { type: [Function, null], default: null },
-    keepState: { default: null },
-    cleanupOnClose: { type: Boolean, default: !0 },
-    dropdownClasses: { default: "" },
-    closeDropdownOnBodyPressed: { type: Boolean, default: !0 },
-    inputClasses: {},
-    fieldsetClasses: {},
-    dataCy: { default: "" }
-  }, {
-    modelValue: {
-      default() {
-        return { id: "", label: "" };
-      }
-    },
-    modelModifiers: {}
-  }),
-  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 } = J({
-      optionsLength: S,
-      isDropdownOpen: n,
-      disableSpaceHandler: !0
-    }), O = k(() => {
-      switch (t.theme) {
-        case "bordered":
-          return "";
-        case "all-bordered":
-          return "!uikit-rounded " + (n.value && "!uikit-rounded-b-none");
-        case "all-bordered-thick":
-          return "!uikit-rounded-xl !uikit-h-[52px] " + (n.value && "!uikit-rounded-b-none");
-        default:
-          return "";
-      }
-    }), I = k(() => {
-      switch (t.theme) {
-        case "bordered":
-          return "";
-        case "all-bordered":
-          return "uikit-border uikit-border-w-lavender uikit-border-solid !uikit-rounded !uikit-border-w-lavender !uikit-border " + (n.value ? "!uikit-border-b-0 !uikit-rounded-b-none" : "");
-        case "all-bordered-thick":
-          return "!uikit-rounded-xl !uikit-h-[60px] !uikit-border-w-lavender !uikit-border-none " + (n.value ? "!uikit-rounded-b-none" : "");
-        default:
-          return "";
-      }
-    }), 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":
-          return "before:uikit-content-[''] before:uikit-absolute before:uikit-w-1/2 before:uikit-border-b before:uikit-border-b-w-lavender before:[border-bottom-style:solid] before:uikit-right-1/4 uikit-rounded-b-xl uikit-shadow uikit-rounded-t-none uikit-mt-5px uikit-mb-0";
-        case "all-bordered":
-          return e;
-        case "all-bordered-thick":
-          return e + " !uikit-border-0";
-        default:
-          return "";
-      }
-    }), D = async (e) => {
-      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);
-      }
-    }, 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);
-    };
-    return f(
-      u,
-      (e, l) => {
-        e === l || e?.label === i.value || (i.value = e?.label || "");
-      },
-      { immediate: !0 }
-    ), f(h, (e) => {
-      if (e === -1 || !o.value.length) return;
-      const l = o.value[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) => {
-      d("update:dropdownState", e);
-    }), g({
-      select: () => {
-        B.value?.select();
-      }
-    }), (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",
-      "dropdown-classes": [
-        { "bordered-dropdown": t.theme === "bordered" },
-        { "all-bordered-dropdown": t.theme === "all-bordered" },
-        { "all-bordered-dropdown thick": t.theme === "all-bordered-thick" },
-        {
-          "uikit-mt-10px !uikit-border !uikit-border-w-secondary !uikit-rounded-xs": !t.theme
-        },
-        M.value,
-        "uikit-z-30",
-        t.dropdownClasses
-      ],
-      open: n.value,
-      "keep-state": !o.value.length || t.keepState === "closed" ? "closed" : "opened",
-      "close-when-clicked-outside": t.closeDropdownOnBodyPressed,
-      "activate-keyboard-controller": !1,
-      "onUpdate:open": l[3] || (l[3] = (a) => n.value = a),
-      onClick: l[4] || (l[4] = (a) => {
-        d("click"), E();
-      })
-    }, {
-      btn_slot: c(() => [
-        A(W, {
-          id: e.$attrs.id ? `ac_input_${e.$attrs.id}` : "",
-          ref: "baseInput",
-          "data-cy": t.dataCy ? `ac_input_${t.dataCy}` : `ac_input_${e.$attrs.id}`,
-          "label-text": t.label,
-          "model-value": i.value,
-          "is-valid": t.isValid,
-          disabled: e.$attrs.disabled,
-          placeholder: e.$attrs.placeholder,
-          "with-left-icon": !!e.$slots.lefticon,
-          "with-right-icon": !!e.$slots.righticon,
-          "input-class": [
-            O.value,
-            t.inputClasses,
-            "!uikit-ml-0 !uikit-w-full"
-          ],
-          "fieldset-classes": [I.value, t.fieldsetClasses],
-          "onUpdate:modelValue": l[0] || (l[0] = (a) => D(a === void 0 ? "" : `${a}`)),
-          onKeydown: l[1] || (l[1] = (a) => d("keydown", a)),
-          onKeydownEnterPressed: l[2] || (l[2] = () => d("keydownEnterPressed"))
-        }, {
-          leftIcon: c(() => [
-            p(e.$slots, "lefticon")
-          ]),
-          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: c(() => [
-        (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) => C(
-            a,
-            r
-          ),
-          onMouseover: (P) => m.value = r
-        }, {
-          default: c(() => [
-            p(e.$slots, "option-content", {
-              option: a,
-              idx: r
-            }, () => [
-              U("span", {
-                innerHTML: a.label
-              }, null, 8, Q)
-            ])
-          ]),
-          _: 2
-        }, 1032, ["active", "onClick", "onMouseover"]))), 128))
-      ]),
-      _: 3
-    }, 8, ["class", "data-cy", "dropdown-classes", "open", "keep-state", "close-when-clicked-outside"]));
-  }
-});
-export {
-  ae as default
-};

package/dist/UIKit/BaseBadge.d.ts

@@ -1,18 +0,0 @@
-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" | "badge-black" | "badge-gray" | "badge-gold" | "badge-silver";
-};
-declare var __VLS_1: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_1) => any;
-};
-declare const __VLS_base: 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" | "badge-black" | "badge-gray" | "badge-gold" | "badge-silver";
-}, {}, {}, {}, 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/BaseBadge.js

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

package/dist/UIKit/BaseBadge.vue.js

@@ -1,18 +0,0 @@
-import { defineComponent as a, openBlock as t, createElementBlock as o, normalizeClass as r, renderSlot as d } from "vue";
-const i = ["id"], m = /* @__PURE__ */ a({
-  __name: "BaseBadge",
-  props: {
-    badgeClass: { default: "uikit-badge-w-primary-sm" }
-  },
-  setup(s) {
-    return (e, l) => (t(), o("span", {
-      id: e.$attrs.id,
-      class: r(["uikit-badge uikit-shadow-sm", s.badgeClass, e.$attrs.class])
-    }, [
-      d(e.$slots, "default")
-    ], 10, i));
-  }
-});
-export {
-  m as default
-};

package/dist/UIKit/BaseBreadcrumb.d.ts

@@ -1,32 +0,0 @@
-import { ClassTypeProp } from './types';
-type BreadcrumbItemsType = {
-    link: string;
-    label: string;
-    active?: boolean;
-    dataTooltip?: string;
-};
-type BreadcrumbItemsTypeWithIdx = BreadcrumbItemsType & {
-    idx: number;
-};
-type __VLS_Props = {
-    items: BreadcrumbItemsType[];
-    listClasses?: ClassTypeProp;
-    listItemClasses?: ClassTypeProp;
-};
-declare var __VLS_1: {
-    item: BreadcrumbItemsTypeWithIdx;
-}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    item?: (props: typeof __VLS_1) => any;
-} & {
-    separator?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_base: 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 __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/BaseBreadcrumb.js

@@ -1,4 +0,0 @@
-import f from "./BaseBreadcrumb.vue.js";
-export {
-  f as default
-};

package/dist/UIKit/BaseBreadcrumb.vue.js

@@ -1,57 +0,0 @@
-import { defineComponent as d, computed as k, openBlock as l, createElementBlock as i, createElementVNode as n, normalizeClass as r, Fragment as u, renderList as h, renderSlot as c, toDisplayString as b, createVNode as f, unref as p } from "vue";
-import { ArrowIcon as C } from "@wikicasa-dev/svg-icons";
-const g = { "aria-label": "Breadcrumb" }, w = ["data-tooltip"], I = ["href"], y = /* @__PURE__ */ d({
-  __name: "BaseBreadcrumb",
-  props: {
-    items: {},
-    listClasses: {},
-    listItemClasses: {}
-  },
-  setup(t) {
-    const m = k(() => {
-      let e = 0;
-      const a = [];
-      for (; e < t.items.length; )
-        a.push({ ...t.items[e], idx: e }), e < t.items.length - 1 && a.push({ arrowIcon: !0 }), e++;
-      return a;
-    });
-    return (e, a) => (l(), i("nav", g, [
-      n("ol", {
-        class: r(["uikit-flex uikit-items-center uikit-gap-10px uikit-p-0", t.listClasses])
-      }, [
-        (l(!0), i(u, null, h(m.value, (s, o) => (l(), i(u, null, [
-          s?.label ? (l(), i("li", {
-            key: `breadcrumb-li-${o}`,
-            class: r(["uikit-list-none", t.listItemClasses]),
-            "data-tooltip": s.dataTooltip
-          }, [
-            c(e.$slots, "item", {
-              item: s
-            }, () => [
-              n("a", {
-                class: r(["uikit-text-w-black uikit-no-underline", { "uikit-text-w-primary": s.active }]),
-                href: s.link
-              }, b(s.label), 11, I)
-            ])
-          ], 10, w)) : (l(), i("li", {
-            key: `breadcrumb-li-no-label-${o}`,
-            class: r(["uikit-list-none", t.listItemClasses]),
-            "aria-hidden": "true"
-          }, [
-            c(e.$slots, "separator", {}, () => [
-              f(p(C), {
-                class: "-uikit-rotate-90",
-                "stroke-color": "#222",
-                width: 10,
-                height: 10
-              })
-            ])
-          ], 2))
-        ], 64))), 256))
-      ], 2)
-    ]));
-  }
-});
-export {
-  y as default
-};

package/dist/UIKit/BaseButton.d.ts

@@ -1,75 +0,0 @@
-declare const VARIANT_MAP: {
-    readonly "uikit-btn-w-primary": "uikit-btn-w-primary";
-    readonly "uikit-btn-w-secondary": "uikit-btn-w-secondary";
-    readonly "uikit-btn-w-warning": "uikit-btn-w-warning";
-    readonly "uikit-btn-w-danger": "uikit-btn-w-danger";
-    readonly "uikit-btn-transparent": "uikit-btn-transparent";
-    readonly "uikit-btn-light": "uikit-btn-light";
-    readonly "uikit-btn-show-more": "uikit-btn-show-more";
-    readonly "uikit-btn-multi-selection": "uikit-btn-multi-selection";
-    readonly "uikit-btn-single-selection": "uikit-btn-single-selection";
-    readonly "uikit-btn-facile": "uikit-btn-facile";
-};
-declare const SIZE_MAP: {
-    readonly sm: "uikit-btn-sm";
-    readonly lg: "uikit-btn-lg";
-    readonly "": "";
-};
-export type ButtonType = keyof typeof VARIANT_MAP;
-export type ButtonSize = keyof typeof SIZE_MAP;
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<{
-    btnClass?: ButtonType;
-    outlined?: boolean;
-    size?: ButtonSize;
-    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?: "button" | "reset" | "submit" | undefined;
-}, {
-    getRootElement: () => HTMLButtonElement | null;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    click: (e: MouseEvent) => any;
-    mouseover: (e: MouseEvent) => any;
-    mouseout: (e: MouseEvent) => any;
-    keydown: (e: KeyboardEvent) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    btnClass?: ButtonType;
-    outlined?: boolean;
-    size?: ButtonSize;
-    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?: "button" | "reset" | "submit" | undefined;
-}> & Readonly<{
-    onClick?: ((e: MouseEvent) => any) | undefined;
-    onMouseover?: ((e: MouseEvent) => any) | undefined;
-    onMouseout?: ((e: MouseEvent) => any) | undefined;
-    onKeydown?: ((e: KeyboardEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {
-        hover: boolean;
-    }) => any;
-} & {
-    spinner?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/dist/UIKit/BaseButton.js

@@ -1,4 +0,0 @@
-import f from "./BaseButton.vue.js";
-export {
-  f as default
-};

package/dist/UIKit/BaseButton.vue.js

@@ -1,88 +0,0 @@
-import { defineComponent as w, useTemplateRef as v, shallowRef as g, computed as l, openBlock as C, createElementBlock as B, withModifiers as u, normalizeStyle as M, normalizeClass as h, renderSlot as s, createVNode as A } from "vue";
-import L from "./StaticSpinner.js";
-const S = ["id", "data-cy", "type", "data-active", "disabled", "aria-label", "title"], d = {
-  "uikit-btn-w-primary": "uikit-btn-w-primary",
-  "uikit-btn-w-secondary": "uikit-btn-w-secondary",
-  "uikit-btn-w-warning": "uikit-btn-w-warning",
-  "uikit-btn-w-danger": "uikit-btn-w-danger",
-  "uikit-btn-transparent": "uikit-btn-transparent",
-  "uikit-btn-light": "uikit-btn-light",
-  "uikit-btn-show-more": "uikit-btn-show-more",
-  "uikit-btn-multi-selection": "uikit-btn-multi-selection",
-  "uikit-btn-single-selection": "uikit-btn-single-selection",
-  "uikit-btn-facile": "uikit-btn-facile"
-}, z = {
-  sm: "uikit-btn-sm",
-  lg: "uikit-btn-lg",
-  "": ""
-}, $ = /* @__PURE__ */ w({
-  __name: "BaseButton",
-  props: {
-    btnClass: { default: "uikit-btn-w-primary" },
-    outlined: { type: Boolean },
-    size: {},
-    withMinWidth: { type: Boolean, default: !0 },
-    keepActive: { type: Boolean },
-    isLoading: { type: Boolean },
-    disabled: { type: Boolean },
-    ariaLabel: {},
-    title: {},
-    dataCy: {},
-    type: {}
-  },
-  emits: ["mouseover", "mouseout", "click", "keydown"],
-  setup(t, { expose: b, emit: k }) {
-    const n = k, r = v("buttonEl"), o = g(!1), m = l(() => z[t.size || ""]), y = l(
-      () => t.btnClass ? d[t.btnClass] : d["uikit-btn-w-primary"]
-    ), c = () => {
-      o.value = !0;
-    }, f = () => {
-      o.value = !1;
-    };
-    return b({
-      getRootElement: () => r.value
-    }), (a, e) => (C(), B("button", {
-      ref: "buttonEl",
-      id: a.$attrs.id,
-      "data-cy": t.dataCy,
-      type: t.type,
-      class: h([
-        "uikit-btn",
-        {
-          "uikit-btn-outline": t.outlined,
-          "uikit-btn-empty": !t.withMinWidth,
-          "active uikit-font-medium": t.keepActive,
-          "uikit-flex uikit-items-center uikit-justify-center": t.isLoading
-        },
-        t.btnClass,
-        m.value,
-        y.value
-      ]),
-      style: M(a.$attrs.style),
-      "data-active": t.keepActive,
-      disabled: t.isLoading || t.disabled,
-      "aria-label": t.ariaLabel,
-      title: t.title,
-      onMouseover: e[0] || (e[0] = u((i) => {
-        c(), n("mouseover", i);
-      }, ["stop"])),
-      onMouseout: e[1] || (e[1] = u((i) => {
-        f(), n("mouseout", i);
-      }, ["stop"])),
-      onClick: e[2] || (e[2] = (i) => n("click", i)),
-      onKeydown: e[3] || (e[3] = (i) => n("keydown", i))
-    }, [
-      t.isLoading ? s(a.$slots, "spinner", { key: 1 }, () => [
-        A(L, {
-          "stroke-color": t.outlined ? "#ACB4C3" : "#fff"
-        }, null, 8, ["stroke-color"])
-      ]) : s(a.$slots, "default", {
-        key: 0,
-        hover: o.value
-      })
-    ], 46, S));
-  }
-});
-export {
-  $ as default
-};

package/dist/UIKit/BaseComplexToggle.d.ts

@@ -1,54 +0,0 @@
-import { Nullable } from '@wikicasa-dev/types';
-import { ClassTypeProp, Icon } from './types';
-import { TwPrefix } from '../types';
-export type ToggleType<TID = string | number, TPayload = unknown> = {
-    id?: TID;
-    label: string;
-    icon?: Icon;
-    checked?: boolean;
-    payload?: TPayload;
-};
-export type ComplexToggleType<TID = string | number, TPayload = unknown> = {
-    leftToggle: ToggleType<TID, TPayload>;
-    rightToggle: ToggleType<TID, TPayload>;
-};
-type BgPrefix = "bg-w-";
-type BorderPrefix = "border-w-";
-type ColorsType = "black" | "primary" | "secondary" | "dark-primary" | "carbon" | "gray" | "warning" | "danger" | "lavender";
-type BtnBgColorType = `${TwPrefix}${BgPrefix}${ColorsType}` | "";
-type BorderColorType = `${TwPrefix}${BorderPrefix}${ColorsType}`;
-export type BaseComplexToggleProps<TID = string | number, TPayload = unknown> = {
-    labels: ComplexToggleType<TID, TPayload>;
-    type?: "full" | "padded";
-    mode?: "mobile" | "";
-    btnBgColor?: BtnBgColorType;
-    btnClasses?: ClassTypeProp;
-    borderContainerColor?: BorderColorType;
-    size?: "" | "lg";
-};
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: <TID extends string | number, TPayload>(__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<(BaseComplexToggleProps<TID, TPayload> & {
-        modelValue?: Nullable<ToggleType> | undefined;
-    }) & {
-        "onUpdate:modelValue"?: ((value: Nullable<ToggleType<string | number, unknown>> | undefined) => any) | undefined;
-    }> & (typeof globalThis extends {
-        __VLS_PROPS_FALLBACK: infer P;
-    } ? P : {});
-    expose: (exposed: {}) => void;
-    attrs: any;
-    slots: {
-        left_icon?: (props: {}) => any;
-    } & {
-        right_icon?: (props: {}) => any;
-    };
-    emit: (event: "update:modelValue", value: Nullable<ToggleType<string | number, unknown>> | undefined) => 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/BaseComplexToggle.js

@@ -1,7 +0,0 @@
-import o from "./BaseComplexToggle.vue.js";
-import '../assets/BaseComplexToggle2.css';/* empty css                       */
-import e from "../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ e(o, [["__scopeId", "data-v-74915e0a"]]);
-export {
-  p as default
-};

package/dist/UIKit/BaseComplexToggle.vue.js

@@ -1,106 +0,0 @@
-import { defineComponent as T, useModel as C, computed as d, openBlock as g, createElementBlock as c, normalizeClass as o, createElementVNode as i, withModifiers as f, renderSlot as m, createCommentVNode as k, mergeModels as x } from "vue";
-const y = ["id", "data-cy"], $ = ["data-btn-bg-color", "data-cy"], L = ["src", "alt"], M = ["innerHTML"], z = ["data-btn-bg-color", "data-cy"], B = ["src", "alt"], V = ["innerHTML"], j = /* @__PURE__ */ T({
-  __name: "BaseComplexToggle",
-  props: /* @__PURE__ */ x({
-    labels: {},
-    type: { default: "full" },
-    mode: { default: "" },
-    btnBgColor: { default: "uikit-bg-w-lavender" },
-    btnClasses: {},
-    borderContainerColor: { default: "uikit-border-w-secondary" },
-    size: { default: "" }
-  }, {
-    modelValue: {
-      default: null
-    },
-    modelModifiers: {}
-  }),
-  emits: ["update:modelValue"],
-  setup(e) {
-    const t = e, s = C(e, "modelValue"), n = () => {
-      s.value = t.labels.leftToggle;
-    }, u = () => {
-      s.value = t.labels.rightToggle;
-    };
-    (() => {
-      if (t.labels.leftToggle.checked) {
-        n();
-        return;
-      }
-      if (t.labels.rightToggle.checked) {
-        u();
-        return;
-      }
-      n();
-    })();
-    const r = (l) => s.value?.label === l.label, b = d(() => r(t.labels.leftToggle)), h = d(() => r(t.labels.rightToggle));
-    return (l, a) => (g(), c("div", {
-      id: l.$attrs.id || "",
-      "data-cy": l.$attrs["data-cy"] || "",
-      class: o(["base-complex-toggle uikit-relative uikit-flex uikit-justify-center uikit-p-0", [e.mode, e.borderContainerColor, e.size]])
-    }, [
-      i("div", {
-        "data-btn-bg-color": e.btnBgColor,
-        "data-cy": `bct-left-btn${e.labels.leftToggle.label ? `-${e.labels.leftToggle.label}` : ""}`,
-        class: o(["left-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
-          {
-            "base-complex-toggle-active": b.value
-          }
-        ]]),
-        onClick: a[0] || (a[0] = f((v) => n(), ["stop"]))
-      }, [
-        m(l.$slots, "left_icon", {}, () => [
-          e.labels.leftToggle.icon ? (g(), c("img", {
-            key: 0,
-            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
-            src: e.labels.leftToggle.icon.src,
-            alt: e.labels.leftToggle.icon.alt,
-            width: "15",
-            height: "15"
-          }, null, 8, L)) : k("", !0)
-        ], !0),
-        i("span", {
-          class: "base-complex-toggle-label uikit-relative uikit-z-10",
-          innerHTML: e.labels.leftToggle.label
-        }, null, 8, M)
-      ], 10, $),
-      i("div", {
-        "data-btn-bg-color": e.btnBgColor,
-        "data-cy": `bct-right-btn${e.labels.rightToggle.label ? `-${e.labels.rightToggle.label}` : ""}`,
-        class: o(["right-button uikit-flex uikit-flex-1 uikit-items-center uikit-justify-center hover:uikit-cursor-pointer", [
-          {
-            "base-complex-toggle-active": h.value
-          }
-        ]]),
-        onClick: a[1] || (a[1] = f((v) => u(), ["stop"]))
-      }, [
-        m(l.$slots, "right_icon", {}, () => [
-          e.labels.rightToggle.icon ? (g(), c("img", {
-            key: 0,
-            class: "base-complex-toggle-icon uikit-relative uikit-z-10 uikit-mr-10px",
-            src: e.labels.rightToggle.icon.src,
-            alt: e.labels.rightToggle.icon.alt,
-            width: "15",
-            height: "15"
-          }, null, 8, B)) : k("", !0)
-        ], !0),
-        i("span", {
-          class: "base-complex-toggle-label uikit-relative uikit-z-10",
-          innerHTML: e.labels.rightToggle.label
-        }, null, 8, V)
-      ], 10, z),
-      i("div", {
-        class: o(["uikit-absolute uikit-transition-all uikit-duration-200 uikit-ease-out", [
-          e.type === "full" ? "base-complex-toggle-active-bg" : "base-complex-toggle-active-padded-bg",
-          e.btnBgColor,
-          e.mode,
-          b.value ? "translateX-left" : "translateX-right",
-          e.btnClasses
-        ]])
-      }, null, 2)
-    ], 10, y));
-  }
-});
-export {
-  j as default
-};