bonkers-ui 1.0.60 → 1.0.62

package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts

@@ -0,0 +1,24 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { ERowKind } from "./_typings";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    kind?: ERowKind | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    kind?: ERowKind | undefined;
+}>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/ui-table/ui-table-row/ui-table-row.vue.js

@@ -0,0 +1,8 @@
+(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".ui-table-row[data-v-97952db0] td:first-child{border-top-left-radius:var(--xs);border-bottom-left-radius:var(--xs);text-align:left}.ui-table-row[data-v-97952db0] td:last-child{border-top-right-radius:var(--xs);border-bottom-right-radius:var(--xs);text-align:right}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import o from "./ui-table-row.vue3.js";
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-97952db0"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=ui-table-row.vue.js.map

package/components/ui-table/ui-table-row/ui-table-row.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-table-row.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/ui-table/ui-table-row/ui-table-row.vue3.js

@@ -0,0 +1,19 @@
+import { defineComponent as r, openBlock as o, createElementBlock as t, normalizeClass as n, unref as a, renderSlot as l } from "vue";
+import { ERowKind as s } from "./_typings.js";
+const m = /* @__PURE__ */ r({
+  __name: "ui-table-row",
+  props: {
+    kind: {}
+  },
+  setup(i) {
+    return (e, p) => (o(), t("tr", {
+      class: n(["ui-table-row text-center", [e.kind === a(s).SECONDARY && "bg-secondary-alt-200"]])
+    }, [
+      l(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  m as default
+};
+//# sourceMappingURL=ui-table-row.vue3.js.map

package/components/ui-table/ui-table-row/ui-table-row.vue3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-table-row.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/components/ui-table/ui-table.vue.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { ETableKind } from "./_types";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    kind?: ETableKind | undefined;
+}>, {
+    kind: ETableKind;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    kind?: ETableKind | undefined;
+}>, {
+    kind: ETableKind;
+}>>>, {
+    kind: ETableKind;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/ui-table/ui-table.vue.js

@@ -0,0 +1,8 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-table__secondary[data-v-fa615ea7] tr:nth-child(odd){background-color:var(--color-secondary-alt-200)}.ui-table__secondary-inverted[data-v-fa615ea7] tr:nth-child(2n){background-color:var(--color-secondary-alt-200)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+import o from "./ui-table.vue2.js";
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ a(o, [["__scopeId", "data-v-fa615ea7"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=ui-table.vue.js.map

package/components/ui-table/ui-table.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-table.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/ui-table/ui-table.vue2.js

@@ -0,0 +1,23 @@
+import { defineComponent as o, openBlock as t, createElementBlock as a, normalizeClass as l, unref as r, renderSlot as d } from "vue";
+import { ETableKind as n } from "./_types.js";
+const p = /* @__PURE__ */ o({
+  __name: "ui-table",
+  props: {
+    kind: { default: n.SECONDARY_INVERTED }
+  },
+  setup(i) {
+    return (e, s) => (t(), a("table", {
+      class: l([
+        "ui-table rounded-lg",
+        e.kind === r(n).SECONDARY && "ui-table__secondary",
+        e.kind === r(n).SECONDARY_INVERTED && "ui-table__secondary-inverted"
+      ])
+    }, [
+      d(e.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  p as default
+};
+//# sourceMappingURL=ui-table.vue2.js.map

package/components/ui-table/ui-table.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-table.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/components/ui-tabs/index.d.ts

@@ -0,0 +1,40 @@
+import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import UiTabs from "./ui-tabs.vue";
+export { UiTabs };
+/**
+ * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
+ */
+declare const deprecatedDefault: DefineComponent<{
+    modelValue: {
+        type: PropType<string>;
+        required: true;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    tabs: {
+        type: PropType<string[]>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string>;
+        required: true;
+    };
+    name: {
+        type: PropType<string>;
+        default: string;
+    };
+    tabs: {
+        type: PropType<string[]>;
+        required: true;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+}, {}>;
+export default deprecatedDefault;

package/components/ui-tabs/index.js

@@ -0,0 +1,7 @@
+import e from "./ui-tabs.vue.js";
+const a = e;
+export {
+  e as UiTabs,
+  a as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ui-tabs/index.ts"],"sourcesContent":["import UiTabs from \"./ui-tabs.vue\";\nexport { UiTabs };\n\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiTabs;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiTabs"],"mappings":";AAMA,MAAMA,IAAoBC;"}

package/components/ui-tabs/ui-tabs.vue.d.ts

@@ -0,0 +1,38 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    tabs: string[];
+    modelValue: string;
+    name?: string | undefined;
+}>, {
+    name: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    tabs: string[];
+    modelValue: string;
+    name?: string | undefined;
+}>, {
+    name: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    name: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/components/ui-tabs/ui-tabs.vue.js

@@ -0,0 +1,8 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-tabs[data-v-bab25249]{padding:2px}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import o from "./ui-tabs.vue2.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bab25249"]]);
+export {
+  p as default
+};
+//# sourceMappingURL=ui-tabs.vue.js.map

package/components/ui-tabs/ui-tabs.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-tabs.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/ui-tabs/ui-tabs.vue2.js

@@ -0,0 +1,56 @@
+import { defineComponent as f, computed as _, openBlock as a, createElementBlock as r, Fragment as g, renderList as h, normalizeClass as v, createElementVNode as n, withDirectives as E, vModelRadio as V, createVNode as y, unref as t, withCtx as b, createTextVNode as k, toDisplayString as w } from "vue";
+import x from "../ui-typography/index.js";
+import { EColors as i } from "../../_types/colors.js";
+import { ETypographySizes as C, ETextWeight as D } from "../ui-typography/_typings.js";
+const S = { class: "ui-tabs grid grid-flow-col rounded-full bg-secondary-alt-200" }, N = { class: "block cursor-pointer px-md py-xs" }, z = ["value", "name"], T = /* @__PURE__ */ f({
+  __name: "ui-tabs",
+  props: {
+    tabs: {},
+    modelValue: {},
+    name: { default: "default" }
+  },
+  emits: ["update:modelValue"],
+  setup(u, { emit: d }) {
+    const m = u, p = d, o = _({
+      get() {
+        return m.modelValue;
+      },
+      set(l) {
+        p("update:modelValue", l);
+      }
+    });
+    return (l, s) => (a(), r("ul", S, [
+      (a(!0), r(g, null, h(l.tabs, (e) => (a(), r("li", {
+        key: e,
+        class: v(["rounded-full text-center", [o.value === e && "bg-white"]])
+      }, [
+        n("label", N, [
+          E(n("input", {
+            "onUpdate:modelValue": s[0] || (s[0] = (c) => o.value = c),
+            type: "radio",
+            class: "absolute appearance-none",
+            value: e,
+            name: l.name
+          }, null, 8, z), [
+            [V, o.value]
+          ]),
+          y(t(x), {
+            is: "span",
+            size: t(C).XS,
+            kind: o.value === e ? t(i).SECONDARY_500 : t(i).SECONDARY_400,
+            weight: t(D).SEMI_BOLD
+          }, {
+            default: b(() => [
+              k(w(e), 1)
+            ]),
+            _: 2
+          }, 1032, ["size", "kind", "weight"])
+        ])
+      ], 2))), 128))
+    ]));
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=ui-tabs.vue2.js.map

package/components/ui-tabs/ui-tabs.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-tabs.vue2.js","sources":["../../../src/components/ui-tabs/ui-tabs.vue"],"sourcesContent":["<template>\n\t<ul class=\"ui-tabs grid grid-flow-col rounded-full bg-secondary-alt-200\">\n\t\t<li\n\t\t\tv-for=\"tab in tabs\"\n\t\t\t:key=\"tab\"\n\t\t\tclass=\"rounded-full text-center\"\n\t\t\t:class=\"[tabsModel === tab && 'bg-white']\"\n\t\t>\n\t\t\t<label class=\"block cursor-pointer px-md py-xs\">\n\t\t\t\t<input\n\t\t\t\t\tv-model=\"tabsModel\"\n\t\t\t\t\ttype=\"radio\"\n\t\t\t\t\tclass=\"absolute appearance-none\"\n\t\t\t\t\t:value=\"tab\"\n\t\t\t\t\t:name=\"name\"\n\t\t\t\t>\n\t\t\t\t<ui-typography\n\t\t\t\t\tis=\"span\"\n\t\t\t\t\t:size=\"ETypographySizes.XS\"\n\t\t\t\t\t:kind=\"tabsModel === tab ? EColors.SECONDARY_500 : EColors.SECONDARY_400\"\n\t\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t\t>\n\t\t\t\t\t{{ tab }}\n\t\t\t\t</ui-typography>\n\t\t\t</label>\n\t\t</li>\n\t</ul>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport { EColors } from \"../../_types/colors\";\n\n\tconst props = withDefaults(defineProps<{\n\t\ttabs: string[];\n\t\tmodelValue: string;\n\t\tname?: string;\n\t}>(), {\n\t\tname: \"default\"\n\t});\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst tabsModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n\n</script>\n\n<style scoped>\n\t.ui-tabs {\n\t\tpadding: 2px;\n\t}\n</style>\n"],"names":["props","__props","emit","__emit","tabsModel","computed","value"],"mappings":";;;;;;;;;;;;;AAkCC,UAAMA,IAAQC,GAQRC,IAAOC,GAEPC,IAAYC,EAAS;AAAA,MAC1B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-toggle/index.d.ts

@@ -0,0 +1,168 @@
+import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import UiToggle from "./ui-toggle.vue";
+export { UiToggle };
+/**
+ * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
+ */
+declare const deprecatedDefault: {
+    new (...args: any[]): {
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{}> & Omit<{
+            readonly modelValue: boolean | unknown[];
+            readonly header?: string | undefined;
+            readonly title?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly invertOrder?: boolean | undefined;
+            readonly value?: string | undefined;
+            readonly alignCenter?: boolean | undefined;
+            "onUpdate:modelValue"?: ((state: unknown) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+            header: {
+                type: PropType<string>;
+            };
+            title: {
+                type: PropType<string>;
+            };
+            modelValue: {
+                type: PropType<boolean | unknown[]>;
+                required: true;
+            };
+            disabled: {
+                type: PropType<boolean>;
+            };
+            invertOrder: {
+                type: PropType<boolean>;
+            };
+            alignCenter: {
+                type: PropType<boolean>;
+            };
+            value: {
+                type: PropType<string>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((state: unknown) => any) | undefined;
+        }, never>;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: "update:modelValue", state: unknown) => void;
+        $el: any;
+        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
+            header: {
+                type: PropType<string>;
+            };
+            title: {
+                type: PropType<string>;
+            };
+            modelValue: {
+                type: PropType<boolean | unknown[]>;
+                required: true;
+            };
+            disabled: {
+                type: PropType<boolean>;
+            };
+            invertOrder: {
+                type: PropType<boolean>;
+            };
+            alignCenter: {
+                type: PropType<boolean>;
+            };
+            value: {
+                type: PropType<string>;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((state: unknown) => any) | undefined;
+        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            "update:modelValue": (state: unknown) => void;
+        }, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
+    } & Readonly<ExtractPropTypes<{
+        header: {
+            type: PropType<string>;
+        };
+        title: {
+            type: PropType<string>;
+        };
+        modelValue: {
+            type: PropType<boolean | unknown[]>;
+            required: true;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        invertOrder: {
+            type: PropType<boolean>;
+        };
+        alignCenter: {
+            type: PropType<boolean>;
+        };
+        value: {
+            type: PropType<string>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((state: unknown) => any) | undefined;
+    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+    header: {
+        type: PropType<string>;
+    };
+    title: {
+        type: PropType<string>;
+    };
+    modelValue: {
+        type: PropType<boolean | unknown[]>;
+        required: true;
+    };
+    disabled: {
+        type: PropType<boolean>;
+    };
+    invertOrder: {
+        type: PropType<boolean>;
+    };
+    alignCenter: {
+        type: PropType<boolean>;
+    };
+    value: {
+        type: PropType<string>;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((state: unknown) => any) | undefined;
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (state: unknown) => void;
+}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+    $slots: {
+        header?(_: {}): any;
+        title?(_: {}): any;
+    };
+});
+export default deprecatedDefault;

package/components/ui-toggle/index.js

@@ -0,0 +1,7 @@
+import e from "./ui-toggle.vue.js";
+const o = e;
+export {
+  e as UiToggle,
+  o as default
+};
+//# sourceMappingURL=index.js.map

package/components/ui-toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/ui-toggle/index.ts"],"sourcesContent":["import UiToggle from \"./ui-toggle.vue\";\n\nexport { UiToggle };\n\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiToggle;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiToggle"],"mappings":";AAOA,MAAMA,IAAoBC;"}

package/components/ui-toggle/ui-toggle.vue.d.ts

@@ -0,0 +1,40 @@
+import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    header?: string | undefined;
+    title?: string | undefined;
+    modelValue: boolean | unknown[];
+    disabled?: boolean | undefined;
+    invertOrder?: boolean | undefined;
+    alignCenter?: boolean | undefined;
+    value?: string | undefined;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:modelValue": (state: unknown) => void;
+}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    header?: string | undefined;
+    title?: string | undefined;
+    modelValue: boolean | unknown[];
+    disabled?: boolean | undefined;
+    invertOrder?: boolean | undefined;
+    alignCenter?: boolean | undefined;
+    value?: string | undefined;
+}>>> & {
+    "onUpdate:modelValue"?: ((state: unknown) => any) | undefined;
+}, {}, {}>, {
+    header?(_: {}): any;
+    title?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/ui-toggle/ui-toggle.vue.js

@@ -0,0 +1,8 @@
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-toggle__dot[data-v-80cfec4a]{top:50%;width:22px;height:22px;transform:translate3d(1px,-50%,0);transition:transform .2s ease-in-out}.ui-toggle__check-icon[data-v-80cfec4a]{top:50%;left:50%;transform:translate3d(-50%,-50%,0);stroke-dasharray:70;stroke-dashoffset:70;transition:stroke-dashoffset .2s ease-in-out}.ui-toggle:hover .ui-toggle__dot[data-v-80cfec4a],.ui-toggle:active .ui-toggle__dot[data-v-80cfec4a],.ui-toggle:focus .ui-toggle__dot[data-v-80cfec4a]{box-shadow:var(--shadow-border-secondary)}.ui-toggle input:checked~.ui-toggle__dot[data-v-80cfec4a]{transform:translate3d(calc(var(--lg) - 100% - 1px),-50%,0)}.ui-toggle:hover input:checked~.ui-toggle__dot[data-v-80cfec4a],.ui-toggle:active input:checked~.ui-toggle__dot[data-v-80cfec4a],.ui-toggle:focus input:checked~.ui-toggle__dot[data-v-80cfec4a]{box-shadow:var(--shadow-border-primary)}.ui-toggle__bg-block[data-v-80cfec4a]{transition:background-color .2s ease-in-out}.ui-toggle_disabled .ui-toggle__bg-block[data-v-80cfec4a]{background-color:var(--color-secondary-alt-300)}.ui-toggle input:checked~.ui-toggle__bg-block[data-v-80cfec4a]{background-color:var(--color-primary)}.ui-toggle input:checked~.ui-toggle__dot .ui-toggle__check-icon[data-v-80cfec4a]{stroke-dashoffset:0}.ui-toggle_disabled input:checked~.ui-toggle__bg-block[data-v-80cfec4a]{background-color:var(--color-primary-300)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+import o from "./ui-toggle.vue2.js";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-80cfec4a"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=ui-toggle.vue.js.map

package/components/ui-toggle/ui-toggle.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-toggle.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/components/ui-toggle/ui-toggle.vue2.js

@@ -0,0 +1,94 @@
+import { defineComponent as k, computed as y, openBlock as l, createElementBlock as i, renderSlot as n, createBlock as d, unref as s, withCtx as u, createTextVNode as p, toDisplayString as c, createCommentVNode as h, createElementVNode as t, normalizeClass as m, withDirectives as B, vModelCheckbox as C, pushScopeId as V, popScopeId as S } from "vue";
+import g from "../ui-typography/index.js";
+import { ETextWeight as D, ETypographySizes as E } from "../ui-typography/_typings.js";
+const b = (o) => (V("data-v-80cfec4a"), o = o(), S(), o), M = { class: "ui-toggle" }, z = { class: "ui-input__input-wrapper relative block h-md" }, I = ["value"], $ = /* @__PURE__ */ b(() => /* @__PURE__ */ t("span", { class: "ui-toggle__bg-block block h-md w-lg rounded-full bg-secondary-alt" }, null, -1)), L = { class: "ui-toggle__dot absolute top-0 block rounded-full bg-white" }, N = /* @__PURE__ */ b(() => /* @__PURE__ */ t("path", {
+  d: "M1 4.40106L6.60071 10.1135L15.1694 1.71245",
+  stroke: "currentColor",
+  "stroke-width": "1.6",
+  "stroke-linecap": "round"
+}, null, -1)), O = [
+  N
+], U = /* @__PURE__ */ k({
+  __name: "ui-toggle",
+  props: {
+    header: {},
+    title: {},
+    modelValue: { type: [Boolean, Array] },
+    disabled: { type: Boolean },
+    invertOrder: { type: Boolean },
+    alignCenter: { type: Boolean },
+    value: {}
+  },
+  emits: ["update:modelValue"],
+  setup(o, { emit: f }) {
+    const v = o, w = f, a = y({
+      get() {
+        return v.modelValue;
+      },
+      set(e) {
+        w("update:modelValue", e);
+      }
+    });
+    return (e, r) => (l(), i("div", M, [
+      n(e.$slots, "header", {}, () => [
+        e.header || e.$slots.header ? (l(), d(s(g), {
+          key: 0,
+          "line-height": "",
+          class: "mb-sm",
+          weight: s(D).SEMI_BOLD
+        }, {
+          default: u(() => [
+            p(c(e.header), 1)
+          ]),
+          _: 1
+        }, 8, ["weight"])) : h("", !0)
+      ], !0),
+      t("label", {
+        class: m(["flex cursor-pointer gap-sm rounded-full", [
+          e.disabled && "ui-toggle_disabled pointer-events-none",
+          e.invertOrder && "flex-row-reverse",
+          e.alignCenter && "items-center"
+        ]])
+      }, [
+        t("span", z, [
+          B(t("input", {
+            "onUpdate:modelValue": r[0] || (r[0] = (_) => a.value = _),
+            type: "checkbox",
+            class: "absolute h-0 w-0 appearance-none border-0",
+            value: e.value
+          }, null, 8, I), [
+            [C, a.value]
+          ]),
+          $,
+          t("span", L, [
+            (l(), i("svg", {
+              class: m(["ui-toggle__check-icon absolute", e.disabled ? "text-primary-300" : "text-primary"]),
+              width: "16",
+              height: "12",
+              viewBox: "0 0 16 12",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, O, 2))
+          ])
+        ]),
+        n(e.$slots, "title", {}, () => [
+          e.title || e.$slots.title ? (l(), d(s(g), {
+            key: 0,
+            size: s(E).MD,
+            class: "w-full",
+            "line-height": ""
+          }, {
+            default: u(() => [
+              p(c(e.title), 1)
+            ]),
+            _: 1
+          }, 8, ["size"])) : h("", !0)
+        ], !0)
+      ], 2)
+    ]));
+  }
+});
+export {
+  U as default
+};
+//# sourceMappingURL=ui-toggle.vue2.js.map

package/components/ui-toggle/ui-toggle.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-toggle.vue2.js","sources":["../../../src/components/ui-toggle/ui-toggle.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-toggle\"\n\t>\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"header || $slots.header\"\n\t\t\t\tline-height\n\t\t\t\tclass=\"mb-sm\"\n\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD\"\n\t\t\t>\n\t\t\t\t{{ header }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\n\t\t<label\n\t\t\tclass=\"flex cursor-pointer gap-sm rounded-full\"\n\t\t\t:class=\"[\n\t\t\t\tdisabled && 'ui-toggle_disabled pointer-events-none',\n\t\t\t\tinvertOrder && 'flex-row-reverse',\n\t\t\t\talignCenter && 'items-center'\n\t\t\t]\"\n\t\t>\n\t\t\t<span\n\t\t\t\tclass=\"ui-input__input-wrapper relative block h-md\"\n\t\t\t>\n\t\t\t\t<input\n\t\t\t\t\tv-model=\"checkboxModel\"\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"absolute h-0 w-0 appearance-none border-0\"\n\t\t\t\t\t:value=\"value\"\n\t\t\t\t>\n\n\t\t\t\t<span class=\"ui-toggle__bg-block block h-md w-lg rounded-full bg-secondary-alt\" />\n\n\t\t\t\t<span class=\"ui-toggle__dot absolute top-0 block rounded-full bg-white\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\tclass=\"ui-toggle__check-icon absolute\"\n\t\t\t\t\t\t:class=\"disabled ? 'text-primary-300' : 'text-primary'\"\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"12\"\n\t\t\t\t\t\tviewBox=\"0 0 16 12\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M1 4.40106L6.60071 10.1135L15.1694 1.71245\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstroke-width=\"1.6\"\n\t\t\t\t\t\t\tstroke-linecap=\"round\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</span>\n\t\t\t</span>\n\n\t\t\t<slot name=\"title\">\n\t\t\t\t<ui-typography\n\t\t\t\t\tv-if=\"title || $slots.title\"\n\t\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\t\tclass=\"w-full\"\n\t\t\t\t\tline-height\n\t\t\t\t>\n\t\t\t\t\t{{ title }}\n\t\t\t\t</ui-typography>\n\t\t\t</slot>\n\t\t</label>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport { computed } from \"vue\";\n\n\tconst props = defineProps<{\n\t\theader?: string;\n\t\ttitle?: string;\n\t\tmodelValue: boolean | unknown[];\n\t\tdisabled?: boolean;\n\t\tinvertOrder?: boolean;\n\t\talignCenter?: boolean;\n\t\tvalue?: string;\n\t}>();\n\n\tconst emit = defineEmits<{\n\t\t(e: \"update:modelValue\", state: unknown): void\n\t}>();\n\n\tconst checkboxModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n\n<style scoped>\n\t.ui-toggle__dot {\n\t\ttop: 50%;\n\t\twidth: 22px;\n\t\theight: 22px;\n\t\ttransform: translate3d(1px, -50%, 0);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle__check-icon {\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate3d(-50%, -50%, 0);\n\t\tstroke-dasharray: 70;\n\t\tstroke-dashoffset: 70;\n\t\ttransition: stroke-dashoffset 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle:hover .ui-toggle__dot,\n\t.ui-toggle:active .ui-toggle__dot,\n\t.ui-toggle:focus .ui-toggle__dot {\n\t\tbox-shadow: var(--shadow-border-secondary);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__dot {\n\t\ttransform: translate3d(calc(var(--lg) - 100% - 1px), -50%, 0);\n\t}\n\n\t.ui-toggle:hover input:checked ~ .ui-toggle__dot,\n\t.ui-toggle:active input:checked ~ .ui-toggle__dot,\n\t.ui-toggle:focus input:checked ~ .ui-toggle__dot {\n\t\tbox-shadow: var(--shadow-border-primary);\n\t}\n\n\t.ui-toggle__bg-block {\n\t\ttransition: background-color 0.2s ease-in-out;\n\t}\n\n\t.ui-toggle_disabled .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-secondary-alt-300);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-primary);\n\t}\n\n\t.ui-toggle input:checked ~ .ui-toggle__dot .ui-toggle__check-icon {\n\t\tstroke-dashoffset: 0;\n\t}\n\n\t.ui-toggle_disabled input:checked ~ .ui-toggle__bg-block {\n\t\tbackground-color: var(--color-primary-300);\n\t}\n</style>\n"],"names":["props","__props","emit","__emit","checkboxModel","computed","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyEC,UAAMA,IAAQC,GAURC,IAAOC,GAIPC,IAAgBC,EAAS;AAAA,MAC9B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}