bonkers-ui 1.0.72 → 1.0.73

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

@@ -1 +1 @@
-{"version":3,"file":"ui-tabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-tabs/ui-tabs.vue"],"names":[],"mappings":"AA4BA;;UA0JQ,MAAM,EAAE;gBACF,MAAM;WACX,MAAM;;;;;;UAFP,MAAM,EAAE;gBACF,MAAM;WACX,MAAM;;;;;;UAAN,MAAM;;AARf,wBAWG;AACH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAE1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QACxE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KACb,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACT,CAAC;AACN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"ui-tabs.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-tabs/ui-tabs.vue"],"names":[],"mappings":";;UAqEQ,MAAM,EAAE;gBACF,MAAM;WACX,MAAM;;;;;;UAFP,MAAM,EAAE;gBACF,MAAM;WACX,MAAM;;;;;;UAAN,MAAM;;AA0Gf,wBAOG;AAKH,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC9B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GAC5C,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AACF,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -1,6 +1,5 @@
 import { default as UiToggle } from './ui-toggle.vue';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-
 export { UiToggle };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAW,CAAC;AACnC,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-toggle/index.ts"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AAEvC,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAW,CAAC;AACnC,eAAe,iBAAiB,CAAC"}

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

@@ -1,9 +1,14 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 declare function __VLS_template(): {
-    header?(_: {}): any;
-    title?(_: {}): any;
+    slots: {
+        header?(_: {}): any;
+        title?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_TypePropsToOption<{
     header?: string;
     title?: string;
     modelValue: boolean | unknown[];
@@ -13,7 +18,7 @@ declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
     value?: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<{
     header?: string;
     title?: string;
     modelValue: boolean | unknown[];
@@ -24,10 +29,10 @@ declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
 }>>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

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

@@ -1 +1 @@
-{"version":3,"file":"ui-toggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-toggle/ui-toggle.vue"],"names":[],"mappings":"AAoEA;AA+BA,iBAAS,cAAc;oBAmNK,GAAG;mBACH,GAAG;EAG9B;AAqBD,QAAA,MAAM,eAAe;aAMV,MAAM;YACP,MAAM;gBACF,OAAO,GAAG,OAAO,EAAE;eACpB,OAAO;kBACJ,OAAO;kBACP,OAAO;YACb,MAAM;;;;aANL,MAAM;YACP,MAAM;gBACF,OAAO,GAAG,OAAO,EAAE;eACpB,OAAO;kBACJ,OAAO;kBACP,OAAO;YACb,MAAM;;;UAGd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"ui-toggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-toggle/ui-toggle.vue"],"names":[],"mappings":";AAyJA,iBAAS,cAAc;;wBA8GK,GAAG;uBACJ,GAAG;;;WAShB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aAlKV,MAAM;YACP,MAAM;gBACF,OAAO,GAAG,OAAO,EAAE;eACpB,OAAO;kBACJ,OAAO;kBACP,OAAO;YACb,MAAM;;;;aANL,MAAM;YACP,MAAM;gBACF,OAAO,GAAG,OAAO,EAAE;eACpB,OAAO;kBACJ,OAAO;kBACP,OAAO;YACb,MAAM;;;UAmKd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,9 +1,9 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-toggle__dot[data-v-171e5e29]{top:50%;width:22px;height:22px;transform:translate3d(1px,-50%,0);transition:transform .2s ease-in-out}.ui-toggle__check-icon[data-v-171e5e29]{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-171e5e29],.ui-toggle:active .ui-toggle__dot[data-v-171e5e29],.ui-toggle:focus .ui-toggle__dot[data-v-171e5e29]{box-shadow:var(--shadow-border-secondary)}.ui-toggle input:checked~.ui-toggle__dot[data-v-171e5e29]{transform:translate3d(calc(var(--xl) - 100% - 1px),-50%,0)}.ui-toggle:hover input:checked~.ui-toggle__dot[data-v-171e5e29],.ui-toggle:active input:checked~.ui-toggle__dot[data-v-171e5e29],.ui-toggle:focus input:checked~.ui-toggle__dot[data-v-171e5e29]{box-shadow:var(--shadow-border-primary)}.ui-toggle__bg-block[data-v-171e5e29]{transition:background-color .2s ease-in-out}.ui-toggle_disabled .ui-toggle__bg-block[data-v-171e5e29]{background-color:var(--color-secondary-alt-300)}.ui-toggle input:checked~.ui-toggle__bg-block[data-v-171e5e29]{background-color:var(--color-primary)}.ui-toggle input:checked~.ui-toggle__dot .ui-toggle__check-icon[data-v-171e5e29]{stroke-dashoffset:0}.ui-toggle_disabled input:checked~.ui-toggle__bg-block[data-v-171e5e29]{background-color:var(--color-primary-300)}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
+(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode(".ui-toggle__dot[data-v-5757d939]{top:50%;width:22px;height:22px;transform:translate3d(1px,-50%,0);transition:transform .2s ease-in-out}.ui-toggle:hover .ui-toggle__dot[data-v-5757d939],.ui-toggle:active .ui-toggle__dot[data-v-5757d939],.ui-toggle:focus .ui-toggle__dot[data-v-5757d939]{box-shadow:var(--shadow-border-secondary)}.ui-toggle input:checked~.ui-toggle__dot[data-v-5757d939]{transform:translate3d(calc(var(--xl) - 100% - 1px),-50%,0)}.ui-toggle:hover input:checked~.ui-toggle__dot[data-v-5757d939],.ui-toggle:active input:checked~.ui-toggle__dot[data-v-5757d939],.ui-toggle:focus input:checked~.ui-toggle__dot[data-v-5757d939]{box-shadow:var(--shadow-border-primary)}.ui-toggle__bg-block[data-v-5757d939]{transition:background-color .2s ease-in-out}.ui-toggle_disabled .ui-toggle__bg-block[data-v-5757d939]{background-color:var(--color-secondary-alt-300)}.ui-toggle input:checked~.ui-toggle__bg-block[data-v-5757d939]{background-color:var(--color-primary)}.ui-toggle_disabled input:checked~.ui-toggle__bg-block[data-v-5757d939]{background-color:var(--color-primary-300)}")),document.head.appendChild(o)}}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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-171e5e29"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5757d939"]]);
 export {
-  p as default
+  _ as default
 };
 //# sourceMappingURL=ui-toggle.vue.js.map

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

@@ -1,14 +1,7 @@
-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 { defineComponent as _, computed as k, openBlock as s, createElementBlock as y, renderSlot as i, createBlock as n, unref as o, withCtx as d, createTextVNode as u, toDisplayString as p, createCommentVNode as c, createElementVNode as l, normalizeClass as w, withDirectives as B, vModelCheckbox as V, pushScopeId as C, popScopeId as S } from "vue";
+import m from "../ui-typography/index.js";
 import { ETextWeight as z, ETypographySizes as D } from "../ui-typography/_typings.js";
-const b = (o) => (V("data-v-171e5e29"), o = o(), S(), o), E = { class: "ui-toggle" }, M = { 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-xl 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({
+const h = (t) => (C("data-v-5757d939"), t = t(), S(), t), E = { class: "ui-toggle" }, I = { class: "ui-input__input-wrapper relative block h-md" }, M = ["value"], $ = /* @__PURE__ */ h(() => /* @__PURE__ */ l("span", { class: "ui-toggle__bg-block block h-md w-xl rounded-full bg-secondary-alt" }, null, -1)), N = /* @__PURE__ */ h(() => /* @__PURE__ */ l("span", { class: "ui-toggle__dot absolute top-0 block rounded-full bg-white" }, null, -1)), L = /* @__PURE__ */ _({
   __name: "ui-toggle",
   props: {
     header: {},
@@ -20,75 +13,66 @@ const b = (o) => (V("data-v-171e5e29"), o = o(), S(), o), E = { class: "ui-toggl
     value: {}
   },
   emits: ["update:modelValue"],
-  setup(o, { emit: v }) {
-    const _ = o, f = v, r = y({
+  setup(t, { emit: g }) {
+    const b = t, f = g, a = k({
       get() {
-        return _.modelValue;
+        return b.modelValue;
       },
       set(e) {
         f("update:modelValue", e);
       }
     });
-    return (e, a) => (l(), i("div", E, [
-      n(e.$slots, "header", {}, () => [
-        e.header || e.$slots.header ? (l(), d(s(g), {
+    return (e, r) => (s(), y("div", E, [
+      i(e.$slots, "header", {}, () => [
+        e.header || e.$slots.header ? (s(), n(o(m), {
           key: 0,
           "line-height": "",
           class: "mb-sm",
-          weight: s(z).SEMI_BOLD
+          weight: o(z).SEMI_BOLD
         }, {
-          default: u(() => [
-            p(c(e.header), 1)
+          default: d(() => [
+            u(p(e.header), 1)
           ]),
           _: 1
-        }, 8, ["weight"])) : h("", !0)
+        }, 8, ["weight"])) : c("", !0)
       ], !0),
-      t("label", {
-        class: m(["flex cursor-pointer gap-sm rounded-full", [
+      l("label", {
+        class: w(["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", M, [
-          B(t("input", {
-            "onUpdate:modelValue": a[0] || (a[0] = (w) => r.value = w),
+        l("span", I, [
+          B(l("input", {
+            "onUpdate:modelValue": r[0] || (r[0] = (v) => a.value = v),
             type: "checkbox",
             class: "absolute size-0 appearance-none border-0",
             value: e.value
-          }, null, 8, I), [
-            [C, r.value]
+          }, null, 8, M), [
+            [V, 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
         ]),
-        n(e.$slots, "title", {}, () => [
-          e.title || e.$slots.title ? (l(), d(s(g), {
+        i(e.$slots, "title", {}, () => [
+          e.title || e.$slots.title ? (s(), n(o(m), {
             key: 0,
-            size: s(D).MD,
+            size: o(D).MD,
             class: "w-full",
             "line-height": ""
           }, {
-            default: u(() => [
-              p(c(e.title), 1)
+            default: d(() => [
+              u(p(e.title), 1)
             ]),
             _: 1
-          }, 8, ["size"])) : h("", !0)
+          }, 8, ["size"])) : c("", !0)
         ], !0)
       ], 2)
     ]));
   }
 });
 export {
-  U as default
+  L as default
 };
 //# sourceMappingURL=ui-toggle.vue2.js.map

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

@@ -1 +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 size-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-xl 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([\"update:modelValue\"]);\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(--xl) - 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,GAEPC,IAAgBC,EAAS;AAAA,MAC9B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 size-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-xl 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</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([\"update:modelValue\"]);\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: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(--xl) - 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_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":";;;;;;;;;;;;;;;;AAwDC,UAAMA,IAAQC,GAURC,IAAOC,GAEPC,IAAgBC,EAAS;AAAA,MAC9B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,6 @@ import { default as UiTypography } from './ui-typography.vue';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, Component, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
 import { ETextAlign, ETypographySizes, ETextWeight, ETextTransform } from './_typings';
 import { EColors } from '../../_types/colors';
-
 export { UiTypography };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"

package/components/ui-typography/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB;;IAEI;AACJ,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAe,CAAC;AACvC,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-typography/index.ts"],"names":[],"mappings":";;;AAAA,OAAO,YAAY,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB;;IAEI;AACJ,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAe,CAAC;AACvC,eAAe,iBAAiB,CAAC;AAEjC,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -1,11 +1,15 @@
 import { Component, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { ETextAlign, ETextTransform, ETextWeight, ETypographySizes } from './_typings';
 import { EColors } from '../../_types/colors';
-
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_TypePropsToOption<{
     align?: ETextAlign;
     size?: ETypographySizes;
     kind?: EColors;
@@ -14,7 +18,7 @@ declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
     textTransform?: ETextTransform;
     underline?: boolean;
     is?: string | Component;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<{
     align?: ETextAlign;
     size?: ETypographySizes;
     kind?: EColors;
@@ -24,10 +28,10 @@ declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<{
     underline?: boolean;
     is?: string | Component;
 }>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

package/components/ui-typography/ui-typography.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-typography.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-typography/ui-typography.vue"],"names":[],"mappings":"AAiGA;AAEC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAkB/C,iBAAS,cAAc;qBA4HM,GAAG;EAK/B;AAsBD,QAAA,MAAM,eAAe;YAMX,UAAU;WACX,gBAAgB;WAChB,OAAO;aACL,WAAW;iBACP,OAAO;oBACJ,cAAc;gBAClB,OAAO;SACd,MAAM,GAAG,SAAS;;YAPf,UAAU;WACX,gBAAgB;WAChB,OAAO;aACL,WAAW;iBACP,OAAO;oBACJ,cAAc;gBAClB,OAAO;SACd,MAAM,GAAG,SAAS;aAEvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"ui-typography.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-typography/ui-typography.vue"],"names":[],"mappings":"AAoHC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACvF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAoB/C,iBAAS,cAAc;;yBAgNM,GAAG;;;WASlB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAxPX,UAAU;WACX,gBAAgB;WAChB,OAAO;aACL,WAAW;iBACP,OAAO;oBACJ,cAAc;gBAClB,OAAO;SACd,MAAM,GAAG,SAAS;;YAPf,UAAU;WACX,gBAAgB;WAChB,OAAO;aACL,WAAW;iBACP,OAAO;oBACJ,cAAc;gBAClB,OAAO;SACd,MAAM,GAAG,SAAS;aAuPvB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/components/ui-verification-input/index.d.ts

@@ -1,6 +1,5 @@
 import { default as UiVerificationInput } from './ui-verification-input.vue';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-
 export { UiVerificationInput };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"

package/components/ui-verification-input/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-verification-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAsB,CAAC;AAC9C,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-verification-input/index.ts"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAE9D,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAsB,CAAC;AAC9C,eAAe,iBAAiB,CAAC"}

package/components/ui-verification-input/ui-verification-input.vue.d.ts

@@ -4,17 +4,24 @@ type TProps = {
     type?: "text";
 };
 declare function __VLS_template(): {
-    button?(_: {}): any;
+    slots: {
+        button?(_: {}): any;
+    };
+    refs: {
+        inputsRefs: HTMLInputElement;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: DefineComponent<__VLS_TypePropsToRuntimeProps<TProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: DefineComponent<__VLS_TypePropsToOption<TProps>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     onFiled: (...args: any[]) => void;
-}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<TProps>>> & {
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToOption<TProps>>> & {
     onOnFiled?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

package/components/ui-verification-input/ui-verification-input.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ui-verification-input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-verification-input/ui-verification-input.vue"],"names":[],"mappings":"AAuBA;AAMA,KAAK,MAAM,GAAG;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAA;AAgDF,iBAAS,cAAc;oBAyFM,GAAG;EAG/B;AAaD,QAAA,MAAM,eAAe;;;;UAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"ui-verification-input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-verification-input/ui-verification-input.vue"],"names":[],"mappings":";AAoIA,KAAK,MAAM,GAAG;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAA;AAmDF,iBAAS,cAAc;;wBAkDK,GAAG;;;;;WAUjB,OAAO,IAA6B;EAEjD;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;UAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC;AACF,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/index.d.ts

@@ -1,5 +1,4 @@
 import { App } from 'vue';
-
 declare const BonkersUI: {
     install(app: App): void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "bonkers-ui",
-    "version": "v1.0.72",
+    "version": "v1.0.73",
     "private": false,
     "scripts": {
         "storybook": "storybook dev -p 6006",
@@ -21,8 +21,8 @@
         "rollup": "npm:@rollup/wasm-node"
     },
     "dependencies": {
-        "tailwindcss": "^3.4.6",
-        "vue": "^3.4.32"
+        "tailwindcss": "^3.4.14",
+        "vue": "^3.5.12"
     },
     "peerDependencies": {
         "@fortawesome/fontawesome-svg-core": "^6.4.2",
@@ -35,56 +35,58 @@
     },
     "devDependencies": {
         "@kalimahapps/eslint-plugin-tailwind": "^1.1.0",
-        "@storybook/addon-essentials": "^8.2.4",
-        "@storybook/addon-links": "^8.2.4",
+        "@storybook/addon-essentials": "^8.3.6",
+        "@storybook/addon-links": "^8.3.6",
         "@storybook/addons": "^7.6.17",
-        "@storybook/vue3": "^8.2.4",
-        "@storybook/vue3-vite": "^8.2.4",
-        "@types/bun": "^1.1.6",
+        "@storybook/vue3": "^8.3.6",
+        "@storybook/vue3-vite": "^8.3.6",
+        "@stylistic/eslint-plugin": "^2.9.0",
+        "@types/bun": "^1.1.12",
         "@types/glob": "^8.1.0",
-        "@typescript-eslint/eslint-plugin": "^7.16.1",
-        "@typescript-eslint/parser": "^7.16.1",
-        "@vitejs/plugin-vue": "^5.0.5",
+        "@typescript-eslint/eslint-plugin": "^8.12.2",
+        "@typescript-eslint/parser": "^8.12.2",
+        "@vitejs/plugin-vue": "^5.1.4",
         "@vue/eslint-config-typescript": "^13.0.0",
         "@vue/test-utils": "^2.4.6",
-        "autoprefixer": "^10.4.19",
-        "bun-types": "^1.1.20",
+        "ajv": "^8.17.1",
+        "autoprefixer": "^10.4.20",
+        "bun-types": "^1.1.33",
         "eslint": "8.56.0",
-        "eslint-plugin-storybook": "^0.8.0",
-        "eslint-plugin-tailwindcss": "^3.17.4",
-        "eslint-plugin-vue": "^9.27.0",
-        "gh-pages": "^6.1.1",
-        "husky": "9.1.0",
-        "jsdom": "^24.1.0",
-        "lint-staged": "^15.2.7",
-        "postcss": "^8.4.39",
+        "eslint-plugin-storybook": "^0.10.1",
+        "eslint-plugin-tailwindcss": "^3.17.5",
+        "eslint-plugin-vue": "^9.30.0",
+        "gh-pages": "^6.2.0",
+        "husky": "9.1.6",
+        "jsdom": "^25.0.1",
+        "lint-staged": "^15.2.10",
+        "postcss": "^8.4.47",
         "postcss-cli": "^11.0.0",
         "postcss-html": "^1.7.0",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
-        "storybook": "^8.2.4",
+        "storybook": "^8.3.6",
         "storybook-dark-mode": "^4.0.2",
         "stylelint": "15.x.x",
         "stylelint-config-recommended": "^14.0.1",
         "stylelint-config-recommended-vue": "^1.5.0",
-        "typescript": "^5.5.3",
-        "vite": "^5.3.4",
-        "vite-plugin-css-injected-by-js": "^3.5.1",
-        "vite-plugin-dts": "^3.9.1",
-        "vite-plugin-static-copy": "^1.0.6",
-        "vite-tsconfig-paths": "^4.3.2",
-        "vitest": "^2.0.3",
+        "typescript": "^5.6.3",
+        "vite": "^5.4.10",
+        "vite-plugin-css-injected-by-js": "^3.5.2",
+        "vite-plugin-dts": "^4.3.0",
+        "vite-plugin-static-copy": "^2.0.0",
+        "vite-tsconfig-paths": "^5.0.1",
+        "vitest": "^2.1.4",
         "vue-eslint-parser": "^9.4.3",
         "vue-loader": "^17.4.2",
-        "vue-router": "^4.4.0",
-        "vue-tsc": "^2.0.26"
+        "vue-router": "^4.4.5",
+        "vue-tsc": "^2.1.8"
     },
     "lint-staged": {
-        "*.{ts,tsx,vue}": [
+        "./src/**/*.{ts,tsx,vue}": [
             "bun eslint --fix",
             "bash -c 'bun typecheck'"
         ],
-        "*.{css,vue,tsx}": "stylelint --fix"
+        "./src/**/*.{css,vue,tsx}": "bash -c 'stylelint --fix'"
     },
     "license": "MIT",
     "main": "./bonkers-ui.umd.js",

package/plugin.ts

@@ -4,6 +4,7 @@ import _colors from "./src/_styles/_colors.json";
 import _shadow from "./src/_styles/_shadow.json";
 import _spacing from "./src/_styles/_spacing.json";
 import _fontSizes from "./src/_styles/_font-sizes.json";
+import _backdropBlur from "./src/_styles/_backdropBlur.json";
 
 export default plugin(
 	({ addBase }) => {
@@ -50,6 +51,7 @@ export default plugin(
 				"--color-black": "black",
 				"--color-current": "currentcolor",
 				"--color-transparent": "transparent",
+
 				"--color-primary-50": "#ecf8ed",
 				"--color-primary-100": "#d9f2db",
 				"--color-primary-200": "#b3e5b6",
@@ -61,49 +63,67 @@ export default plugin(
 				"--color-primary-800": "#1a4c1d",
 				"--color-primary-900": "#0d260f",
 				"--color-primary": "var(--color-primary-500)",
+
 				"--color-primary-alt-300": "#83e4ad",
 				"--color-primary-alt-400": "#5adb92",
 				"--color-primary-alt-500": "#31d277",
 				"--color-primary-alt-600": "#27a85f",
 				"--color-primary-alt-700": "#1d7e47",
 				"--color-primary-alt": "var(--color-primary-alt-500)",
+
 				"--color-secondary-300": "#848793",
 				"--color-secondary-400": "#5b5f6f",
 				"--color-secondary-500": "#32374b",
 				"--color-secondary-600": "#282c3c",
 				"--color-secondary-700": "#1e212d",
 				"--color-secondary": "var(--color-secondary-500)",
-				"--color-error-300": "#f7989d",
-				"--color-error-400": "#f5767c",
-				"--color-error-500": "#f2545b",
-				"--color-error-600": "#c24349",
-				"--color-error-700": "#913237",
+
+				"--color-error-300": "#ea9797",
+				"--color-error-400": "#df6363",
+				"--color-error-500": "#d52f2f",
+				"--color-error-600": "#a02323",
+				"--color-error-700": "#6b1818",
 				"--color-error": "var(--color-error-500)",
+
 				"--color-warning-300": "#ffbc9b",
 				"--color-warning-400": "#ffa57a",
 				"--color-warning-500": "#ff8f59",
 				"--color-warning-600": "#cc7247",
 				"--color-warning-700": "#995635",
 				"--color-warning": "var(--color-warning-500)",
+
 				"--color-accent-300": "#c9c9f6",
 				"--color-accent-400": "#8b8bfc",
 				"--color-accent-500": "#4242f7",
 				"--color-accent-600": "#3535c6",
 				"--color-accent-700": "#282894",
 				"--color-accent": "var(--color-accent-500)",
+
 				"--color-accent-alt-300": "#ffd681",
 				"--color-accent-alt-400": "#fcc44f",
 				"--color-accent-alt-500": "#ffbb2e",
 				"--color-accent-alt-600": "#ffae05",
 				"--color-accent-alt-700": "#f0a100",
 				"--color-accent-alt": "var(--color-accent-alt-500)",
+
 				"--color-secondary-alt-200": "#f4f5f8",
 				"--color-secondary-alt-300": "#dfe1e9",
 				"--color-secondary-alt-400": "#b4b8cd",
 				"--color-secondary-alt-500": "#949ab7",
 				"--color-secondary-alt-600": "#767b92",
 				"--color-secondary-alt-700": "#595c6e",
-				"--color-secondary-alt": "var(--color-secondary-alt-500)"
+				"--color-secondary-alt": "var(--color-secondary-alt-500)",
+
+				// backdrop blur
+				"--backdrop-blur-min": "0.5px",
+				"--backdrop-blur-xs": "2px",
+				"--backdrop-blur-sm": "4px",
+				"--backdrop-blur": "8px",
+				"--backdrop-blur-md": "12px",
+				"--backdrop-blur-lg": "16px",
+				"--backdrop-blur-xl": "24px",
+				"--backdrop-blur-2xl": "40px",
+
 			}
 
 		});
@@ -117,6 +137,7 @@ export default plugin(
 			spacing: _spacing,
 			boxShadow: _shadow,
 			fontSize: _fontSizes,
+			backdropBlur: _backdropBlur,
 			extend: {
 				minHeight: ({ theme }) => ({
 					...theme("spacing"),

package/src/_styles/_backdropBlur.json

@@ -0,0 +1,10 @@
+{
+	"min": "var(--backdrop-blur-min)",
+	"xs":"var(--backdrop-blur-xs)",
+	"sm":"var(--backdrop-blur-sm)",
+	"blur": "var(--backdrop-blur)",
+	"md":"var(--backdrop-blur-md)",
+	"lg":"var(--backdrop-blur-lg)",
+	"xl":"var(--backdrop-blur-xl)",
+	"2xl":"var(--backdrop-blur-2xl)"
+}