bonkers-ui 1.0.64 → 1.0.66

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

@@ -1,14 +1,14 @@
-import { defineComponent as R, computed as k, openBlock as n, createElementBlock as A, renderSlot as o, createBlock as s, unref as t, withCtx as p, createTextVNode as m, toDisplayString as f, createCommentVNode as h, createElementVNode as b, normalizeClass as S } from "vue";
-import { EInputKinds as a, EInputType as r, EAutocomplete as g } from "./_typings.js";
-import c from "../ui-typography/index.js";
+import { defineComponent as k, computed as A, openBlock as n, createElementBlock as S, normalizeClass as s, renderSlot as o, createBlock as p, unref as t, withCtx as m, createTextVNode as f, toDisplayString as h, createCommentVNode as b, createElementVNode as g } from "vue";
+import { EInputKinds as a, EInputType as r, EAutocomplete as c } from "./_typings.js";
+import v from "../ui-typography/index.js";
 import { ETypographySizes as y } from "../ui-typography/_typings.js";
 import { EColors as C } from "../../_types/colors.js";
-const D = { class: "ui-input" }, L = ["autocomplete", "name", "value", "pattern", "type", "placeholder", "maxlength", "minlength"], I = /* @__PURE__ */ R({
+const D = ["autocomplete", "name", "value", "pattern", "type", "placeholder", "maxlength", "minlength"], z = /* @__PURE__ */ k({
   __name: "ui-input",
   props: {
     placeholder: { default: "" },
     modelValue: { default: "" },
-    disabled: { type: Boolean },
+    disabled: { type: Boolean, default: !1 },
     kind: { default: a.SECONDARY },
     heading: { default: void 0 },
     subLabel: { default: void 0 },
@@ -22,33 +22,37 @@ const D = { class: "ui-input" }, L = ["autocomplete", "name", "value", "pattern"
     name: { default: void 0 }
   },
   emits: ["update:modelValue"],
-  setup(v) {
-    const E = v, d = k(() => {
-      switch (E.type) {
+  setup(E) {
+    const R = E, d = A(() => {
+      switch (R.type) {
         case r.PASSWORD:
-          return g.CURRENT_PASSWORD;
+          return c.CURRENT_PASSWORD;
         case r.EMAIL:
-          return g.EMAIL;
+          return c.EMAIL;
         default:
           return;
       }
     });
-    return (e, l) => (n(), A("div", D, [
+    return (e, l) => (n(), S("div", {
+      class: s(["ui-input", [
+        e.disabled && "pointer-events-none"
+      ]])
+    }, [
       o(e.$slots, "header", {}, () => [
-        e.heading ? (n(), s(t(c), {
+        e.heading ? (n(), p(t(v), {
           key: 0,
           class: "mb-xs",
           size: t(y).MD,
           "line-height": ""
         }, {
-          default: p(() => [
-            m(f(e.heading), 1)
+          default: m(() => [
+            f(h(e.heading), 1)
           ]),
           _: 1
-        }, 8, ["size"])) : h("", !0)
+        }, 8, ["size"])) : b("", !0)
       ]),
-      b("label", {
-        class: S(["ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm", [
+      g("label", {
+        class: s(["ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm", [
           e.kind === t(a).SECONDARY && "border-secondary-alt-500 hover:border-secondary-alt-700",
           e.kind === t(a).PRIMARY && "border-primary",
           e.kind === t(a).ERROR && "border-error",
@@ -56,7 +60,7 @@ const D = { class: "ui-input" }, L = ["autocomplete", "name", "value", "pattern"
         ]])
       }, [
         o(e.$slots, "prefix-icon"),
-        b("input", {
+        g("input", {
           autocomplete: e.autocomplete || d.value,
           name: e.name || e.autocomplete || d.value,
           value: e.modelValue,
@@ -71,27 +75,27 @@ const D = { class: "ui-input" }, L = ["autocomplete", "name", "value", "pattern"
             return e.$emit("update:modelValue", (u = i.target) == null ? void 0 : u.value);
           }),
           onFocus: l[1] || (l[1] = (i) => e.focusHandler || void 0)
-        }, null, 40, L),
+        }, null, 40, D),
         o(e.$slots, "postfix-icon")
       ], 2),
       o(e.$slots, "subLabel", {}, () => [
-        e.subLabel ? (n(), s(t(c), {
+        e.subLabel ? (n(), p(t(v), {
           key: 0,
           "line-height": "",
           size: t(y).SM,
           kind: t(C).SECONDARY_ALT,
           class: "mt-xs"
         }, {
-          default: p(() => [
-            m(f(e.subLabel), 1)
+          default: m(() => [
+            f(h(e.subLabel), 1)
           ]),
           _: 1
-        }, 8, ["size", "kind"])) : h("", !0)
+        }, 8, ["size", "kind"])) : b("", !0)
       ])
-    ]));
+    ], 2));
   }
 });
 export {
-  I as default
+  z as default
 };
 //# sourceMappingURL=ui-input.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-input.vue.js","sources":["../../../src/components/ui-input/ui-input.vue"],"sourcesContent":["<template>\n\t<div class=\"ui-input\">\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<label\n\t\t\tclass=\"ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EInputKinds.SECONDARY && 'border-secondary-alt-500 hover:border-secondary-alt-700',\n\t\t\t\tkind === EInputKinds.PRIMARY && 'border-primary',\n\t\t\t\tkind === EInputKinds.ERROR && 'border-error',\n\n\t\t\t\tdisabled && 'border-secondary-alt-300 bg-secondary-alt-200',\n\t\t\t]\"\n\t\t>\n\t\t\t<slot name=\"prefix-icon\" />\n\n\t\t\t<input\n\t\t\t\t:autocomplete=\"autocomplete || getAutoComplete\"\n\t\t\t\t:name=\"name || autocomplete || getAutoComplete\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\t:pattern=\"pattern\"\n\t\t\t\tclass=\"w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\t:minlength=\"minlength\"\n\t\t\t\t@input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)\"\n\t\t\t\t@focus=\"focusHandler || undefined\"\n\t\t\t>\n\n\t\t\t<slot name=\"postfix-icon\" />\n\t\t</label>\n\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { EAutocomplete, EInputKinds, EInputType } from \"./_typings\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tplaceholder?: string;\n\t\tmodelValue: string | number;\n\t\tdisabled?: boolean;\n\t\tkind?: EInputKinds;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\ttype?: EInputType;\n\t\tpattern?: string;\n\t\tmaxlength?: string;\n\t\tminlength?: string;\n\t\tfocusHandler?: (e:FocusEvent) => void;\n\t\tautocomplete?: EAutocomplete;\n\t\tname?: string;\n\t}>(), {\n\t\tmodelValue: \"\",\n\t\tplaceholder: \"\",\n\t\tautocomplete: undefined,\n\t\tname: undefined,\n\t\theading: undefined,\n\t\tsubLabel: undefined,\n\t\tpattern: undefined,\n\t\tmaxlength: undefined,\n\t\tminlength: undefined,\n\t\ttype: EInputType.TEXT,\n\t\tfocusHandler: ()=>undefined,\n\t\tkind: EInputKinds.SECONDARY\n\t});\n\n\tdefineEmits([\"update:modelValue\"]);\n\n\tconst getAutoComplete = computed(()=> {\n\t\tswitch (props.type) {\n\t\t\tcase EInputType.PASSWORD: return EAutocomplete.CURRENT_PASSWORD;\n\t\t\tcase EInputType.EMAIL: return EAutocomplete.EMAIL;\n\t\t\tdefault: return undefined;\n\t\t}\n\t});\n\n</script>\n"],"names":["props","__props","getAutoComplete","computed","EInputType","EAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA4DC,UAAMA,IAAQC,GA+BRC,IAAkBC,EAAS,MAAK;AACrC,cAAQH,EAAM,MAAM;AAAA,QACnB,KAAKI,EAAW;AAAU,iBAAOC,EAAc;AAAA,QAC/C,KAAKD,EAAW;AAAO,iBAAOC,EAAc;AAAA,QAC5C;AAAgB;AAAA,MACjB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui-input.vue.js","sources":["../../../src/components/ui-input/ui-input.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input\"\n\t\t:class=\"[\n\t\t\tdisabled && 'pointer-events-none'\n\t\t]\"\n\t>\n\t\t<slot name=\"header\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\tline-height\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<label\n\t\t\tclass=\"ui-input__wrapper flex w-full items-center gap-xs rounded-lg border bg-white p-sm\"\n\t\t\t:class=\"[\n\t\t\t\tkind === EInputKinds.SECONDARY && 'border-secondary-alt-500 hover:border-secondary-alt-700',\n\t\t\t\tkind === EInputKinds.PRIMARY && 'border-primary',\n\t\t\t\tkind === EInputKinds.ERROR && 'border-error',\n\n\t\t\t\tdisabled && 'border-secondary-alt-300 bg-secondary-alt-200',\n\t\t\t]\"\n\t\t>\n\t\t\t<slot name=\"prefix-icon\" />\n\n\t\t\t<input\n\t\t\t\t:autocomplete=\"autocomplete || getAutoComplete\"\n\t\t\t\t:name=\"name || autocomplete || getAutoComplete\"\n\t\t\t\t:value=\"modelValue\"\n\t\t\t\t:pattern=\"pattern\"\n\t\t\t\tclass=\"w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt\"\n\t\t\t\t:type=\"type\"\n\t\t\t\t:placeholder=\"placeholder\"\n\t\t\t\t:maxlength=\"maxlength\"\n\t\t\t\t:minlength=\"minlength\"\n\t\t\t\t@input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement)?.value)\"\n\t\t\t\t@focus=\"focusHandler || undefined\"\n\t\t\t>\n\n\t\t\t<slot name=\"postfix-icon\" />\n\t\t</label>\n\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport { EAutocomplete, EInputKinds, EInputType } from \"./_typings\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = withDefaults(defineProps<{\n\t\tplaceholder?: string;\n\t\tmodelValue: string | number;\n\t\tdisabled?: boolean;\n\t\tkind?: EInputKinds;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\ttype?: EInputType;\n\t\tpattern?: string;\n\t\tmaxlength?: string;\n\t\tminlength?: string;\n\t\tfocusHandler?: (e:FocusEvent) => void;\n\t\tautocomplete?: EAutocomplete;\n\t\tname?: string;\n\t}>(), {\n\t\tmodelValue: \"\",\n\t\tplaceholder: \"\",\n\t\tdisabled: false,\n\t\tautocomplete: undefined,\n\t\tname: undefined,\n\t\theading: undefined,\n\t\tsubLabel: undefined,\n\t\tpattern: undefined,\n\t\tmaxlength: undefined,\n\t\tminlength: undefined,\n\t\ttype: EInputType.TEXT,\n\t\tfocusHandler: ()=>undefined,\n\t\tkind: EInputKinds.SECONDARY\n\t});\n\n\tdefineEmits([\"update:modelValue\"]);\n\n\tconst getAutoComplete = computed(()=> {\n\t\tswitch (props.type) {\n\t\t\tcase EInputType.PASSWORD: return EAutocomplete.CURRENT_PASSWORD;\n\t\t\tcase EInputType.EMAIL: return EAutocomplete.EMAIL;\n\t\t\tdefault: return undefined;\n\t\t}\n\t});\n</script>\n"],"names":["props","__props","getAutoComplete","computed","EInputType","EAutocomplete"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAiEC,UAAMA,IAAQC,GAgCRC,IAAkBC,EAAS,MAAK;AACrC,cAAQH,EAAM,MAAM;AAAA,QACnB,KAAKI,EAAW;AAAU,iBAAOC,EAAc;AAAA,QAC/C,KAAKD,EAAW;AAAO,iBAAOC,EAAc;AAAA,QAC5C;AAAgB;AAAA,MACjB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,6 @@
-import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
-import UiInputRange from "./ui-input-range.vue";
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { default as UiInputRange } from './ui-input-range.vue';
+
 export { UiInputRange };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
@@ -22,8 +23,8 @@ declare const deprecatedDefault: DefineComponent<{
         required: true;
     };
 }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (state: number) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    "update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
     modelValue: {
         type: PropType<number>;
         required: true;
@@ -41,6 +42,7 @@ declare const deprecatedDefault: DefineComponent<{
         required: true;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((state: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default deprecatedDefault;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-input-range/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAAe,CAAC;AACvC,eAAe,iBAAiB,CAAC"}

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

@@ -1,18 +1,18 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 declare const _default: DefineComponent<__VLS_TypePropsToRuntimeProps<{
     modelValue: number;
     min: string | number;
     max: string | number;
     step: string | number;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    "update:modelValue": (state: number) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    "update:modelValue": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     modelValue: number;
     min: string | number;
     max: string | number;
     step: string | number;
 }>>> & {
-    "onUpdate:modelValue"?: ((state: number) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -24,3 +24,4 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
+//# sourceMappingURL=ui-input-range.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-input-range.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"names":[],"mappings":"AA2CA;;gBAkNc,MAAM;SACb,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;UACd,MAAM,GAAG,MAAM;;;;gBAHT,MAAM;SACb,MAAM,GAAG,MAAM;SACf,MAAM,GAAG,MAAM;UACd,MAAM,GAAG,MAAM;;;;AATvB,wBAYG;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"}

package/components/ui-input-range/ui-input-range.vue.js

@@ -1,8 +1,8 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[type=range][data-v-5ac339bd]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range][data-v-5ac339bd]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}.ui-input-range__thumb[data-v-5ac339bd]{top:50%;border-width:12px;box-shadow:0 0 0 4px var(--color-primary)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
+(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[type=range][data-v-196548ca]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;width:10px;transform:scale(4);background-color:transparent;border:0;box-shadow:none}input[type=range][data-v-196548ca]::-moz-range-thumb{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;box-shadow:none}.ui-input-range__thumb[data-v-196548ca]{top:50%;border-width:12px;box-shadow:0 0 0 4px var(--color-primary)}")),document.head.appendChild(e)}}catch(a){console.error("vite-plugin-css-injected-by-js",a)}})();
 import o from "./ui-input-range.vue2.js";
 
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ac339bd"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-196548ca"]]);
 export {
   m as default
 };

package/components/ui-input-range/ui-input-range.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as y, computed as i, watch as w, ref as _, openBlock as k, createElementBlock as M, withDirectives as V, createElementVNode as l, vModelText as S, normalizeStyle as c, pushScopeId as I, popScopeId as C } from "vue";
-const P = (o) => (I("data-v-5ac339bd"), o = o(), C(), o), B = { class: "ui-input-range relative box-content h-lg py-xs" }, F = ["min", "max", "step"], E = /* @__PURE__ */ P(() => /* @__PURE__ */ l("div", { class: "pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt" }, null, -1)), T = /* @__PURE__ */ y({
+import { defineComponent as y, computed as u, watch as _, ref as k, openBlock as w, createElementBlock as M, withDirectives as V, createElementVNode as s, vModelText as S, normalizeStyle as c, pushScopeId as I, popScopeId as C } from "vue";
+const P = (o) => (I("data-v-196548ca"), o = o(), C(), o), z = { class: "ui-input-range relative box-content h-lg py-xs" }, B = ["min", "max", "step"], F = /* @__PURE__ */ P(() => /* @__PURE__ */ s("div", { class: "pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt" }, null, -1)), L = /* @__PURE__ */ y({
   __name: "ui-input-range",
   props: {
     modelValue: {},
@@ -9,7 +9,7 @@ const P = (o) => (I("data-v-5ac339bd"), o = o(), C(), o), B = { class: "ui-input
   },
   emits: ["update:modelValue"],
   setup(o, { emit: m }) {
-    const e = o, p = m, a = i({
+    const e = o, p = m, a = u({
       get() {
         return e.modelValue;
       },
@@ -17,33 +17,33 @@ const P = (o) => (I("data-v-5ac339bd"), o = o(), C(), o), B = { class: "ui-input
         p("update:modelValue", t);
       }
     });
-    w(() => [e.min, e.max], () => {
+    _(() => [e.min, e.max], () => {
       a.value < +e.min ? a.value = +e.min : a.value > +e.max && (a.value = +e.max);
     });
-    const s = _(), u = i(() => Math.round((+e.modelValue - +e.min) / (+e.max - +e.min) * 100)), d = (t) => {
-      if (s.value) {
+    const l = k(), i = u(() => Math.round((+e.modelValue - +e.min) / (+e.max - +e.min) * 100)), d = (t) => {
+      if (l.value) {
         const n = "clientX", {
           left: r,
           width: h
-        } = s.value.getBoundingClientRect(), f = "touches" in t ? t.touches[0][n] : t[n], x = Math.min(Math.max((f - r) / h, 0), 1) || 0, g = parseFloat(String(e.min)) + x * (+e.max - +e.min), b = Math.round(g / +e.step) * +e.step;
+        } = l.value.getBoundingClientRect(), f = "touches" in t ? t.touches[0][n] : t[n], x = Math.min(Math.max((f - r) / h, 0), 1) || 0, g = parseFloat(String(e.min)) + x * (+e.max - +e.min), b = Math.round(g / +e.step) * +e.step;
         return parseFloat(Math.min(b, +e.max).toFixed(2));
       }
     }, v = (t) => {
       const n = d(t);
       n && (a.value = n);
     };
-    return (t, n) => (k(), M("div", B, [
-      V(l("input", {
+    return (t, n) => (w(), M("div", z, [
+      V(s("input", {
         ref_key: "track",
-        ref: s,
+        ref: l,
         "onUpdate:modelValue": n[0] || (n[0] = (r) => a.value = r),
-        class: "absolute left-0 top-0 h-full w-full cursor-pointer appearance-none bg-transparent",
+        class: "absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent",
         type: "range",
         min: t.min,
         max: t.max,
         step: t.step,
         onTouchmove: v
-      }, null, 40, F), [
+      }, null, 40, B), [
         [
           S,
           a.value,
@@ -51,21 +51,21 @@ const P = (o) => (I("data-v-5ac339bd"), o = o(), C(), o), B = { class: "ui-input
           { number: !0 }
         ]
       ]),
-      E,
-      l("div", {
+      F,
+      s("div", {
         class: "pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary",
         style: c({
-          width: u.value + "%"
+          width: i.value + "%"
         })
       }, null, 4),
-      l("div", {
-        class: "ui-input-range__thumb pointer-events-none absolute box-content h-xs w-xs -translate-x-1/2 -translate-y-1/2 rounded-full border-white bg-primary",
-        style: c({ left: u.value + "%" })
+      s("div", {
+        class: "ui-input-range__thumb pointer-events-none absolute box-content size-xs -translate-x-1/2 -translate-y-1/2 rounded-full border-white bg-primary",
+        style: c({ left: i.value + "%" })
       }, null, 4)
     ]));
   }
 });
 export {
-  T as default
+  L as default
 };
 //# sourceMappingURL=ui-input-range.vue2.js.map

package/components/ui-input-range/ui-input-range.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-input-range.vue2.js","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input-range relative box-content h-lg py-xs\"\n\t>\n\t\t<input\n\t\t\tref=\"track\"\n\t\t\tv-model.number=\"rangeModel\"\n\t\t\tclass=\"absolute left-0 top-0 h-full w-full cursor-pointer appearance-none bg-transparent\"\n\t\t\ttype=\"range\"\n\t\t\t:min=\"min\"\n\t\t\t:max=\"max\"\n\t\t\t:step=\"step\"\n\t\t\t@touchmove=\"moveHandler\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary\"\n\t\t\t:style=\"{\n\t\t\t\twidth: getPercentage + '%',\n\t\t\t}\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-input-range__thumb\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tbox-content\n\t\t\t\th-xs\n\t\t\t\tw-xs\n\t\t\t\t-translate-x-1/2\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded-full\n\t\t\t\tborder-white\n\t\t\t\tbg-primary\n\t\t\t\"\n\t\t\t:style=\"{left: getPercentage + '%'}\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, ref, watch } from \"vue\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: number;\n\t\tmin: string | number;\n\t\tmax: string | number;\n\t\tstep: string | number;\n\t}>();\n\n\tconst emit = defineEmits<{\n\t\t(e: \"update:modelValue\", state: number): void\n\t}>();\n\n\tconst rangeModel = 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\twatch(()=>[props.min, props.max], () => {\n\t\tif (rangeModel.value < +props.min) {\n\t\t\trangeModel.value = +props.min;\n\t\t} else if (rangeModel.value > +props.max) {\n\t\t\trangeModel.value = +props.max;\n\t\t}\n\t});\n\n\tconst track = ref();\n\n\tconst getPercentage = computed(() => {\n\t\treturn Math.round(((+props.modelValue - +props.min) / (+props.max - +props.min)) * 100);\n\t});\n\n\tconst parseMouseMove = (e: MouseEvent | TouchEvent) => {\n\t\tif (track.value) {\n\t\t\tconst CLICK = \"clientX\";\n\n\t\t\tconst {\n\t\t\t\tleft: trackStart,\n\t\t\t\twidth: trackLength,\n\t\t\t} = track.value.getBoundingClientRect();\n\n\t\t\tconst clickOffset = \"touches\" in e ? e.touches[0][CLICK] : e[CLICK];\n\n\t\t\t// It is possible for left to be NaN, force to number\n\t\t\tconst clickPos = Math.min(Math.max((clickOffset - trackStart ) / trackLength, 0), 1) || 0;\n\n\t\t\tconst mousePositionInPercent = parseFloat(String(props.min)) + clickPos * (+props.max - +props.min);\n\n\t\t\tconst newValue = Math.round((mousePositionInPercent) / +props.step) * +props.step;\n\n\t\t\treturn parseFloat(Math.min(newValue, +props.max).toFixed(2));\n\t\t}\n\t};\n\n\tconst moveHandler = (e: MouseEvent | TouchEvent) => {\n\t\tconst newValue = parseMouseMove(e);\n\n\t\tif (newValue) {\n\t\t\trangeModel.value = newValue;\n\t\t}\n\t};\n\n</script>\n\n<style scoped>\n\tinput[type=\"range\"]::-webkit-slider-thumb {\n\t\tappearance: none;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t\ttransform: scale(4);\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\tinput[type=\"range\"]::-moz-range-thumb {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ui-input-range__thumb {\n\t\ttop: 50%;\n\t\tborder-width: 12px;\n\t\tbox-shadow: 0 0 0 4px var(--color-primary);\n\t}\n</style>\n"],"names":["props","__props","emit","__emit","rangeModel","computed","value","watch","track","ref","getPercentage","parseMouseMove","e","CLICK","trackStart","trackLength","clickOffset","clickPos","mousePositionInPercent","newValue","moveHandler"],"mappings":";;;;;;;;;;;AAgDC,UAAMA,IAAQC,GAORC,IAAOC,GAIPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;AAED,IAAAC,EAAM,MAAI,CAACP,EAAM,KAAKA,EAAM,GAAG,GAAG,MAAM;AACvC,MAAII,EAAW,QAAQ,CAACJ,EAAM,MAClBI,EAAA,QAAQ,CAACJ,EAAM,MAChBI,EAAW,QAAQ,CAACJ,EAAM,QACzBI,EAAA,QAAQ,CAACJ,EAAM;AAAA,IAC3B,CACA;AAED,UAAMQ,IAAQC,KAERC,IAAgBL,EAAS,MACvB,KAAK,OAAQ,CAACL,EAAM,aAAa,CAACA,EAAM,QAAQ,CAACA,EAAM,MAAM,CAACA,EAAM,OAAQ,GAAG,CACtF,GAEKW,IAAiB,CAACC,MAA+B;AACtD,UAAIJ,EAAM,OAAO;AAChB,cAAMK,IAAQ,WAER;AAAA,UACL,MAAMC;AAAA,UACN,OAAOC;AAAA,QAAA,IACJP,EAAM,MAAM,yBAEVQ,IAAc,aAAaJ,IAAIA,EAAE,QAAQ,CAAC,EAAEC,CAAK,IAAID,EAAEC,CAAK,GAG5DI,IAAW,KAAK,IAAI,KAAK,KAAKD,IAAcF,KAAeC,GAAa,CAAC,GAAG,CAAC,KAAK,GAElFG,IAAyB,WAAW,OAAOlB,EAAM,GAAG,CAAC,IAAIiB,KAAY,CAACjB,EAAM,MAAM,CAACA,EAAM,MAEzFmB,IAAW,KAAK,MAAOD,IAA0B,CAAClB,EAAM,IAAI,IAAI,CAACA,EAAM;AAEtE,eAAA,WAAW,KAAK,IAAImB,GAAU,CAACnB,EAAM,GAAG,EAAE,QAAQ,CAAC,CAAC;AAAA,MAC5D;AAAA,IAAA,GAGKoB,IAAc,CAACR,MAA+B;AAC7C,YAAAO,IAAWR,EAAeC,CAAC;AAEjC,MAAIO,MACHf,EAAW,QAAQe;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui-input-range.vue2.js","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"ui-input-range relative box-content h-lg py-xs\"\n\t>\n\t\t<input\n\t\t\tref=\"track\"\n\t\t\tv-model.number=\"rangeModel\"\n\t\t\tclass=\"absolute left-0 top-0 size-full cursor-pointer appearance-none bg-transparent\"\n\t\t\ttype=\"range\"\n\t\t\t:min=\"min\"\n\t\t\t:max=\"max\"\n\t\t\t:step=\"step\"\n\t\t\t@touchmove=\"moveHandler\"\n\t\t>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs w-full -translate-y-1/2 rounded bg-secondary-alt\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"pointer-events-none absolute left-0 top-1/2 h-xs -translate-y-1/2 rounded bg-primary\"\n\t\t\t:style=\"{\n\t\t\t\twidth: getPercentage + '%',\n\t\t\t}\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tui-input-range__thumb\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tbox-content\n\t\t\t\tsize-xs\n\t\t\t\t-translate-x-1/2\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded-full\n\t\t\t\tborder-white\n\t\t\t\tbg-primary\n\t\t\t\"\n\t\t\t:style=\"{left: getPercentage + '%'}\"\n\t\t/>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed, ref, watch } from \"vue\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: number;\n\t\tmin: string | number;\n\t\tmax: string | number;\n\t\tstep: string | number;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst rangeModel = 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\twatch(()=>[props.min, props.max], () => {\n\t\tif (rangeModel.value < +props.min) {\n\t\t\trangeModel.value = +props.min;\n\t\t} else if (rangeModel.value > +props.max) {\n\t\t\trangeModel.value = +props.max;\n\t\t}\n\t});\n\n\tconst track = ref();\n\n\tconst getPercentage = computed(() => {\n\t\treturn Math.round(((+props.modelValue - +props.min) / (+props.max - +props.min)) * 100);\n\t});\n\n\tconst parseMouseMove = (e: MouseEvent | TouchEvent) => {\n\t\tif (track.value) {\n\t\t\tconst CLICK = \"clientX\";\n\n\t\t\tconst {\n\t\t\t\tleft: trackStart,\n\t\t\t\twidth: trackLength,\n\t\t\t} = track.value.getBoundingClientRect();\n\n\t\t\tconst clickOffset = \"touches\" in e ? e.touches[0][CLICK] : e[CLICK];\n\n\t\t\t// It is possible for left to be NaN, force to number\n\t\t\tconst clickPos = Math.min(Math.max((clickOffset - trackStart ) / trackLength, 0), 1) || 0;\n\n\t\t\tconst mousePositionInPercent = parseFloat(String(props.min)) + clickPos * (+props.max - +props.min);\n\n\t\t\tconst newValue = Math.round((mousePositionInPercent) / +props.step) * +props.step;\n\n\t\t\treturn parseFloat(Math.min(newValue, +props.max).toFixed(2));\n\t\t}\n\t};\n\n\tconst moveHandler = (e: MouseEvent | TouchEvent) => {\n\t\tconst newValue = parseMouseMove(e);\n\n\t\tif (newValue) {\n\t\t\trangeModel.value = newValue;\n\t\t}\n\t};\n\n</script>\n\n<style scoped>\n\tinput[type=\"range\"]::-webkit-slider-thumb {\n\t\tappearance: none;\n\t\theight: 10px;\n\t\twidth: 10px;\n\t\ttransform: scale(4);\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\tinput[type=\"range\"]::-moz-range-thumb {\n\t\tappearance: none;\n\t\tbackground-color: transparent;\n\t\tborder: 0;\n\t\tbox-shadow: none;\n\t}\n\n\t.ui-input-range__thumb {\n\t\ttop: 50%;\n\t\tborder-width: 12px;\n\t\tbox-shadow: 0 0 0 4px var(--color-primary);\n\t}\n</style>\n"],"names":["props","__props","emit","__emit","rangeModel","computed","value","watch","track","ref","getPercentage","parseMouseMove","e","CLICK","trackStart","trackLength","clickOffset","clickPos","mousePositionInPercent","newValue","moveHandler"],"mappings":";;;;;;;;;;;AA+CC,UAAMA,IAAQC,GAORC,IAAOC,GAEPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;AAED,IAAAC,EAAM,MAAI,CAACP,EAAM,KAAKA,EAAM,GAAG,GAAG,MAAM;AACvC,MAAII,EAAW,QAAQ,CAACJ,EAAM,MAClBI,EAAA,QAAQ,CAACJ,EAAM,MAChBI,EAAW,QAAQ,CAACJ,EAAM,QACzBI,EAAA,QAAQ,CAACJ,EAAM;AAAA,IAC3B,CACA;AAED,UAAMQ,IAAQC,KAERC,IAAgBL,EAAS,MACvB,KAAK,OAAQ,CAACL,EAAM,aAAa,CAACA,EAAM,QAAQ,CAACA,EAAM,MAAM,CAACA,EAAM,OAAQ,GAAG,CACtF,GAEKW,IAAiB,CAACC,MAA+B;AACtD,UAAIJ,EAAM,OAAO;AAChB,cAAMK,IAAQ,WAER;AAAA,UACL,MAAMC;AAAA,UACN,OAAOC;AAAA,QAAA,IACJP,EAAM,MAAM,yBAEVQ,IAAc,aAAaJ,IAAIA,EAAE,QAAQ,CAAC,EAAEC,CAAK,IAAID,EAAEC,CAAK,GAG5DI,IAAW,KAAK,IAAI,KAAK,KAAKD,IAAcF,KAAeC,GAAa,CAAC,GAAG,CAAC,KAAK,GAElFG,IAAyB,WAAW,OAAOlB,EAAM,GAAG,CAAC,IAAIiB,KAAY,CAACjB,EAAM,MAAM,CAACA,EAAM,MAEzFmB,IAAW,KAAK,MAAOD,IAA0B,CAAClB,EAAM,IAAI,IAAI,CAACA,EAAM;AAEtE,eAAA,WAAW,KAAK,IAAImB,GAAU,CAACnB,EAAM,GAAG,EAAE,QAAQ,CAAC,CAAC;AAAA,MAC5D;AAAA,IAAA,GAGKoB,IAAc,CAACR,MAA+B;AAC7C,YAAAO,IAAWR,EAAeC,CAAC;AAEjC,MAAIO,MACHf,EAAW,QAAQe;AAAA,IACpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/components/ui-list-item/_types.d.ts

@@ -10,3 +10,4 @@ export declare enum EListItemSize {
     SM = "SM",
     MD = "MD"
 }
+//# sourceMappingURL=_types.d.ts.map

package/components/ui-list-item/_types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_types.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/_types.ts"],"names":[],"mappings":"AAAA,oBAAY,cAAc;IACzB,OAAO,YAAY;IACnB,QAAQ,aAAa;CACrB;AACD,oBAAY,gBAAgB;IAC3B,OAAO,YAAY;IACnB,OAAO,YAAY;CACnB;AAED,oBAAY,aAAa;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;CACT"}

package/components/ui-list-item/index.d.ts

@@ -1,14 +1,15 @@
 import { TIconName } from '../ui-icon';
 import { EListItemSize, EListItemTypes, EListItemSpacing } from './_types';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiListItem from "./ui-list-item.vue";
-export { EListItemTypes, EListItemSpacing, EListItemSize } from "./_types";
+import { default as UiListItem } from './ui-list-item.vue';
+
+export { EListItemTypes, EListItemSpacing, EListItemSize } from './_types';
 export { UiListItem };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EListItemSize>;
             default: EListItemSize;
@@ -33,7 +34,7 @@ declare const deprecatedDefault: {
             type: PropType<any>;
             default: string;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EListItemSize>;
             default: EListItemSize;
@@ -72,7 +73,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EListItemSize>;
             default: EListItemSize;
@@ -108,7 +109,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     size: {
         type: PropType<EListItemSize>;
         default: EListItemSize;
@@ -147,3 +148,4 @@ declare const deprecatedDefault: {
     };
 });
 export default deprecatedDefault;
+//# sourceMappingURL=index.d.ts.map

package/components/ui-list-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAa,CAAC;AACrC,eAAe,iBAAiB,CAAC"}

package/components/ui-list-item/ui-list-item.vue.d.ts

@@ -1,7 +1,8 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
-import { type TIconName } from "../ui-icon";
-import { EListItemTypes, EListItemSpacing, EListItemSize } from "./_types";
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { EListItemTypes, EListItemSpacing, EListItemSize } from './_types';
+import { TIconName } from '../ui-icon';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     icon?: TIconName | undefined;
     title?: string | undefined;
     kind?: EListItemTypes | undefined;
@@ -15,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     title: string;
     icon: undefined;
     iconClass: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     icon?: TIconName | undefined;
     title?: string | undefined;
     kind?: EListItemTypes | undefined;
@@ -63,3 +64,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+//# sourceMappingURL=ui-list-item.vue.d.ts.map

package/components/ui-list-item/ui-list-item.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-list-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/ui-list-item.vue"],"names":[],"mappings":"AAsDA;AAEC,OAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuM5E,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,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;AACxD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/components/ui-list-item/ui-list-item.vue.js

@@ -1,42 +1,42 @@
-import { defineComponent as c, openBlock as i, createElementBlock as n, normalizeClass as l, unref as t, createCommentVNode as s, renderSlot as m, createBlock as a, createElementVNode as g, withCtx as d, createTextVNode as h, toDisplayString as E } from "vue";
+import { defineComponent as c, openBlock as i, createElementBlock as n, normalizeClass as l, unref as t, createCommentVNode as s, renderSlot as m, createBlock as o, createElementVNode as g, withCtx as d, createTextVNode as h, toDisplayString as E } from "vue";
 import S from "../ui-icon/index.js";
 import u from "../ui-typography/index.js";
 import { ESize as C } from "../../_types/sizing.js";
-import { EListItemTypes as p, EListItemSize as o, EListItemSpacing as r } from "./_types.js";
+import { EListItemTypes as p, EListItemSize as a, EListItemSpacing as r } from "./_types.js";
 import { ETextWeight as f } from "../ui-typography/_typings.js";
 const k = {
   key: 0,
   class: "ui-list-item__line absolute left-xs top-sm h-full w-xxs -translate-x-2/4 bg-primary-300 group-last:hidden"
-}, I = /* @__PURE__ */ c({
+}, y = { class: "ml-md" }, v = /* @__PURE__ */ c({
   __name: "ui-list-item",
   props: {
     icon: { default: void 0 },
     title: { default: "" },
     kind: { default: p.DEFAULT },
-    size: { default: o.SM },
+    size: { default: a.SM },
     spacing: { default: r.COMPACT },
     iconClass: { default: "" }
   },
-  setup(y) {
-    return (e, w) => (i(), n("li", {
+  setup(w) {
+    return (e, z) => (i(), n("li", {
       class: l(["ui-list-item group relative grid grid-flow-col justify-start gap-xs text-secondary", [
-        e.size === t(o).SM && "text-sm",
-        e.size === t(o).MD && "text-md",
+        e.size === t(a).SM && "text-sm",
+        e.size === t(a).MD && "text-md",
         e.spacing === t(r).DEFAULT && "pb-sm",
         e.spacing === t(r).COMPACT && "pb-xs"
       ]])
     }, [
       e.kind === t(p).PROGRESS ? (i(), n("div", k)) : s("", !0),
       m(e.$slots, "icon", {}, () => [
-        e.icon ? (i(), a(t(S), {
+        e.icon ? (i(), o(t(S), {
           key: 0,
-          class: l(["bg-white", e.iconClass]),
+          class: l(["absolute left-0 bg-white", e.iconClass]),
           "icon-name": e.icon,
           size: t(C).SM
         }, null, 8, ["class", "icon-name", "size"])) : s("", !0)
       ]),
-      g("div", null, [
-        e.title ? (i(), a(t(u), {
+      g("div", y, [
+        e.title ? (i(), o(t(u), {
           key: 0,
           weight: t(f).SEMI_BOLD
         }, {
@@ -45,7 +45,7 @@ const k = {
           ]),
           _: 1
         }, 8, ["weight"])) : s("", !0),
-        e.$slots.default ? (i(), a(t(u), {
+        e.$slots.default ? (i(), o(t(u), {
           key: 1,
           class: l([e.title && "mt-xxs"]),
           weight: t(f).LIGHT
@@ -60,6 +60,6 @@ const k = {
   }
 });
 export {
-  I as default
+  v as default
 };
 //# sourceMappingURL=ui-list-item.vue.js.map

package/components/ui-modal/_typings.d.ts

@@ -4,3 +4,4 @@ export declare enum EModalSizes {
     LG = "lg",
     RESPONSIVE = "responsive"
 }
+//# sourceMappingURL=_typings.d.ts.map

package/components/ui-modal/_typings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"_typings.d.ts","sourceRoot":"","sources":["../../../src/components/ui-modal/_typings.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACtB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,UAAU,eAAe;CACzB"}

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

@@ -1,13 +1,14 @@
 import { EModalSizes } from './_typings';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiModal from "./ui-modal.vue";
+import { default as UiModal } from './ui-modal.vue';
+
 export { UiModal };
-export { EModalSizes } from "./_typings";
+export { EModalSizes } from './_typings';
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         title: {
             type: PropType<string>;
             default: undefined;
@@ -16,7 +17,7 @@ declare const deprecatedDefault: {
             type: PropType<EModalSizes>;
             default: EModalSizes;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         title: {
             type: PropType<string>;
             default: undefined;
@@ -35,7 +36,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         title: {
             type: PropType<string>;
             default: undefined;
@@ -51,7 +52,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     title: {
         type: PropType<string>;
         default: undefined;
@@ -72,3 +73,4 @@ declare const deprecatedDefault: {
     };
 });
 export default deprecatedDefault;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ui-modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAErC,OAAO,EAAE,OAAO,EAAE,CAAC;AACnB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAU,CAAC;AAClC,eAAe,iBAAiB,CAAC"}

package/components/ui-modal/ui-backdrop/index.d.ts

@@ -1,24 +1,26 @@
 import { CreateComponentPublicInstance, ExtractPropTypes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiBackdrop from "./ui-backdrop.vue";
+import { default as UiBackdrop } from './ui-backdrop.vue';
+
 export { UiBackdrop };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{}>>, {}, true, {}, {}, {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{}>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
+    }, Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };
 });
 export default deprecatedDefault;
+//# sourceMappingURL=index.d.ts.map

package/components/ui-modal/ui-backdrop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui-modal/ui-backdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,CAAC;AAEtB;;GAEG;AACH,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;EAAa,CAAC;AACrC,eAAe,iBAAiB,CAAC"}

package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts

@@ -1,5 +1,5 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>, {
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -8,3 +8,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+//# sourceMappingURL=ui-backdrop.vue.d.ts.map

package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui-backdrop.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/ui-modal/ui-backdrop/ui-backdrop.vue"],"names":[],"mappings":";;;AA0EA,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}