bonkers-ui 1.0.73 → 2.0.0

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

@@ -1,101 +0,0 @@
-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 = ["autocomplete", "name", "value", "pattern", "type", "placeholder", "maxlength", "minlength"], z = /* @__PURE__ */ k({
-  __name: "ui-input",
-  props: {
-    placeholder: { default: "" },
-    modelValue: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    kind: { default: a.SECONDARY },
-    heading: { default: void 0 },
-    subLabel: { default: void 0 },
-    type: { default: r.TEXT },
-    pattern: { default: void 0 },
-    maxlength: { default: void 0 },
-    minlength: { default: void 0 },
-    focusHandler: { type: Function, default: () => {
-    } },
-    autocomplete: { default: void 0 },
-    name: { default: void 0 }
-  },
-  emits: ["update:modelValue"],
-  setup(E) {
-    const R = E, d = A(() => {
-      switch (R.type) {
-        case r.PASSWORD:
-          return c.CURRENT_PASSWORD;
-        case r.EMAIL:
-          return c.EMAIL;
-        default:
-          return;
-      }
-    });
-    return (e, l) => (n(), S("div", {
-      class: s(["ui-input", [
-        e.disabled && "pointer-events-none"
-      ]])
-    }, [
-      o(e.$slots, "header", {}, () => [
-        e.heading ? (n(), p(t(v), {
-          key: 0,
-          class: "mb-xxs",
-          size: t(y).MD,
-          "line-height": ""
-        }, {
-          default: m(() => [
-            f(h(e.heading), 1)
-          ]),
-          _: 1
-        }, 8, ["size"])) : b("", !0)
-      ]),
-      g("label", {
-        class: s(["ui-input__wrapper flex w-full items-center gap-xxs rounded-xl 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",
-          e.disabled && "border-secondary-alt-300 bg-secondary-alt-200"
-        ]])
-      }, [
-        o(e.$slots, "prefix-icon"),
-        g("input", {
-          autocomplete: e.autocomplete || d.value,
-          name: e.name || e.autocomplete || d.value,
-          value: e.modelValue,
-          pattern: e.pattern,
-          class: "w-full border-0 bg-transparent outline-none placeholder:italic placeholder:text-secondary-alt",
-          type: e.type,
-          placeholder: e.placeholder,
-          maxlength: e.maxlength,
-          minlength: e.minlength,
-          onInput: l[0] || (l[0] = (i) => {
-            var u;
-            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, D),
-        o(e.$slots, "postfix-icon")
-      ], 2),
-      o(e.$slots, "subLabel", {}, () => [
-        e.subLabel ? (n(), p(t(v), {
-          key: 0,
-          "line-height": "",
-          size: t(y).SM,
-          kind: t(C).SECONDARY_ALT,
-          class: "mt-xxs"
-        }, {
-          default: m(() => [
-            f(h(e.subLabel), 1)
-          ]),
-          _: 1
-        }, 8, ["size", "kind"])) : b("", !0)
-      ])
-    ], 2));
-  }
-});
-export {
-  z as default
-};
-//# sourceMappingURL=ui-input.vue.js.map

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

@@ -1 +0,0 @@
-{"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-xxs\"\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=\"\n\t\t\t\tui-input__wrapper\n\t\t\t\tflex\n\t\t\t\tw-full\n\t\t\t\titems-center\n\t\t\t\tgap-xxs\n\t\t\t\trounded-xl\n\t\t\t\tborder\n\t\t\t\tbg-white\n\t\t\t\tp-sm\n\t\t\t\t\"\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=\"\n\t\t\t\t\tw-full\n\t\t\t\t\tborder-0\n\t\t\t\t\tbg-transparent\n\t\t\t\t\toutline-none\n\t\t\t\t\tplaceholder:italic\n\t\t\t\t\tplaceholder:text-secondary-alt\n\t\t\t\t\t\"\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-xxs\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;AAkFC,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/ui-input.vue2.js

@@ -1,5 +0,0 @@
-import f from "./ui-input.vue.js";
-export {
-  f as default
-};
-//# sourceMappingURL=ui-input.vue2.js.map

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

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

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

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

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

@@ -1 +0,0 @@
-{"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/index.js

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ui-input-range.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-input-range/ui-input-range.vue"],"names":[],"mappings":";;gBAiKc,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;;;;AAqKvB,wBAOG;AAKH,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"}

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

@@ -1,9 +0,0 @@
-(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode("input[type=range][data-v-5633207c]::-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-5633207c]::-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-5633207c]{top:50%;border-width:12px;box-shadow:0 0 0 4px var(--color-primary)}")),document.head.appendChild(e)}}catch(n){console.error("vite-plugin-css-injected-by-js",n)}})();
-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-5633207c"]]);
-export {
-  m as default
-};
-//# sourceMappingURL=ui-input-range.vue.js.map

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

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

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

@@ -1,71 +0,0 @@
-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 = (a) => (I("data-v-5633207c"), a = a(), C(), a), z = { class: "ui-input-range relative box-content h-xl py-xxs" }, B = ["min", "max", "step"], F = /* @__PURE__ */ P(() => /* @__PURE__ */ s("div", { class: "pointer-events-none absolute left-0 top-1/2 h-xxs w-full -translate-y-1/2 rounded bg-secondary-alt" }, null, -1)), L = /* @__PURE__ */ y({
-  __name: "ui-input-range",
-  props: {
-    modelValue: {},
-    min: {},
-    max: {},
-    step: {}
-  },
-  emits: ["update:modelValue"],
-  setup(a, { emit: m }) {
-    const e = a, p = m, o = u({
-      get() {
-        return e.modelValue;
-      },
-      set(t) {
-        p("update:modelValue", t);
-      }
-    });
-    _(() => [e.min, e.max], () => {
-      o.value < +e.min ? o.value = +e.min : o.value > +e.max && (o.value = +e.max);
-    });
-    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: x
-        } = l.value.getBoundingClientRect(), h = "touches" in t ? t.touches[0][n] : t[n], f = Math.min(Math.max((h - r) / x, 0), 1) || 0, g = parseFloat(String(e.min)) + f * (+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 && (o.value = n);
-    };
-    return (t, n) => (w(), M("div", z, [
-      V(s("input", {
-        ref_key: "track",
-        ref: l,
-        "onUpdate:modelValue": n[0] || (n[0] = (r) => o.value = r),
-        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, B), [
-        [
-          S,
-          o.value,
-          void 0,
-          { number: !0 }
-        ]
-      ]),
-      F,
-      s("div", {
-        class: "pointer-events-none absolute left-0 top-1/2 h-xxs -translate-y-1/2 rounded bg-primary",
-        style: c({
-          width: i.value + "%"
-        })
-      }, null, 4),
-      s("div", {
-        class: "ui-input-range__thumb pointer-events-none absolute box-content size-xxs -translate-x-1/2 -translate-y-1/2 rounded-full border-white bg-primary",
-        style: c({ left: i.value + "%" })
-      }, null, 4)
-    ]));
-  }
-});
-export {
-  L as default
-};
-//# sourceMappingURL=ui-input-range.vue2.js.map

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

@@ -1 +0,0 @@
-{"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-xl py-xxs\"\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=\"\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tleft-0\n\t\t\t\ttop-1/2\n\t\t\t\th-xxs\n\t\t\t\tw-full\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded\n\t\t\t\tbg-secondary-alt\n\t\t\t\t\"\n\t\t/>\n\n\t\t<div\n\t\t\tclass=\"\n\t\t\t\tpointer-events-none\n\t\t\t\tabsolute\n\t\t\t\tleft-0\n\t\t\t\ttop-1/2\n\t\t\t\th-xxs\n\t\t\t\t-translate-y-1/2\n\t\t\t\trounded\n\t\t\t\tbg-primary\n\t\t\t\t\"\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-xxs\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\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":";;;;;;;;;;;AAkEC,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.map

@@ -1 +0,0 @@
-{"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/_types.js

@@ -1,7 +0,0 @@
-var A = /* @__PURE__ */ ((r) => (r.DEFAULT = "DEFAULT", r.PROGRESS = "PROGRESS", r))(A || {}), D = /* @__PURE__ */ ((r) => (r.DEFAULT = "DEFAULT", r.COMPACT = "COMPACT", r))(D || {}), M = /* @__PURE__ */ ((r) => (r.SM = "SM", r.MD = "MD", r))(M || {});
-export {
-  M as EListItemSize,
-  D as EListItemSpacing,
-  A as EListItemTypes
-};
-//# sourceMappingURL=_types.js.map

package/components/ui-list-item/_types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_types.js","sources":["../../../src/components/ui-list-item/_types.ts"],"sourcesContent":["export enum EListItemTypes {\n\tDEFAULT = \"DEFAULT\",\n\tPROGRESS = \"PROGRESS\"\n}\nexport enum EListItemSpacing {\n\tDEFAULT = \"DEFAULT\",\n\tCOMPACT = \"COMPACT\"\n}\n\nexport enum EListItemSize {\n\tSM = \"SM\",\n\tMD = \"MD\"\n}\n"],"names":["EListItemTypes","EListItemSpacing","EListItemSize"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,WAAW,YAFAA,IAAAA,KAAA,CAAA,CAAA,GAIAC,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACXA,EAAA,KAAK,MACLA,EAAA,KAAK,MAFMA,IAAAA,KAAA,CAAA,CAAA;"}

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

@@ -1,150 +0,0 @@
-import { default as UiListItem } from './ui-list-item.vue';
-import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, HTMLAttributes, ComponentOptionsBase } from 'vue';
-import { EListItemSize, EListItemTypes, EListItemSpacing } from './_types';
-import { TIconName } from '../ui-icon';
-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<{
-        size: {
-            type: PropType<EListItemSize>;
-            default: EListItemSize;
-        };
-        icon: {
-            type: PropType<TIconName>;
-            default: undefined;
-        };
-        kind: {
-            type: PropType<EListItemTypes>;
-            default: EListItemTypes;
-        };
-        title: {
-            type: PropType<string>;
-            default: string;
-        };
-        spacing: {
-            type: PropType<EListItemSpacing>;
-            default: EListItemSpacing;
-        };
-        iconClass: {
-            type: PropType<any>;
-            default: string;
-        };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<EListItemSize>;
-            default: EListItemSize;
-        };
-        icon: {
-            type: PropType<TIconName>;
-            default: undefined;
-        };
-        kind: {
-            type: PropType<EListItemTypes>;
-            default: EListItemTypes;
-        };
-        title: {
-            type: PropType<string>;
-            default: string;
-        };
-        spacing: {
-            type: PropType<EListItemSpacing>;
-            default: EListItemSpacing;
-        };
-        iconClass: {
-            type: PropType<any>;
-            default: string;
-        };
-    }>>, {
-        size: EListItemSize;
-        icon: TIconName;
-        kind: EListItemTypes;
-        title: string;
-        spacing: EListItemSpacing;
-        iconClass: HTMLAttributes["class"];
-    }, true, {}, {}, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< ExtractPropTypes<{
-        size: {
-            type: PropType<EListItemSize>;
-            default: EListItemSize;
-        };
-        icon: {
-            type: PropType<TIconName>;
-            default: undefined;
-        };
-        kind: {
-            type: PropType<EListItemTypes>;
-            default: EListItemTypes;
-        };
-        title: {
-            type: PropType<string>;
-            default: string;
-        };
-        spacing: {
-            type: PropType<EListItemSpacing>;
-            default: EListItemSpacing;
-        };
-        iconClass: {
-            type: PropType<any>;
-            default: string;
-        };
-    }>>, {}, {}, {}, {}, {
-        size: EListItemSize;
-        icon: TIconName;
-        kind: EListItemTypes;
-        title: string;
-        spacing: EListItemSpacing;
-        iconClass: HTMLAttributes["class"];
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
-    size: {
-        type: PropType<EListItemSize>;
-        default: EListItemSize;
-    };
-    icon: {
-        type: PropType<TIconName>;
-        default: undefined;
-    };
-    kind: {
-        type: PropType<EListItemTypes>;
-        default: EListItemTypes;
-    };
-    title: {
-        type: PropType<string>;
-        default: string;
-    };
-    spacing: {
-        type: PropType<EListItemSpacing>;
-        default: EListItemSpacing;
-    };
-    iconClass: {
-        type: PropType<any>;
-        default: string;
-    };
-}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-    size: EListItemSize;
-    icon: TIconName;
-    kind: EListItemTypes;
-    title: string;
-    spacing: EListItemSpacing;
-    iconClass: HTMLAttributes["class"];
-}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        icon?(_: {}): any;
-        default?(_: {}): any;
-    };
-});
-export default deprecatedDefault;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"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/index.js

@@ -1,11 +0,0 @@
-import t from "./ui-list-item.vue.js";
-import { EListItemSize as a, EListItemSpacing as o, EListItemTypes as p } from "./_types.js";
-const i = t;
-export {
-  a as EListItemSize,
-  o as EListItemSpacing,
-  p as EListItemTypes,
-  t as UiListItem,
-  i as default
-};
-//# sourceMappingURL=index.js.map

package/components/ui-list-item/index.js.map

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

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

@@ -1,73 +0,0 @@
-import { TIconName } from '../ui-icon';
-import { EListItemTypes, EListItemSpacing, EListItemSize } from './_types';
-import { HTMLAttributes, DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare function __VLS_template(): {
-    slots: {
-        icon?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    icon?: TIconName;
-    title?: string;
-    kind?: EListItemTypes;
-    size?: EListItemSize;
-    spacing?: EListItemSpacing;
-    iconClass?: HTMLAttributes["class"];
-}>, {
-    kind: EListItemTypes;
-    size: EListItemSize;
-    spacing: EListItemSpacing;
-    title: string;
-    icon: undefined;
-    iconClass: string;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
-    icon?: TIconName;
-    title?: string;
-    kind?: EListItemTypes;
-    size?: EListItemSize;
-    spacing?: EListItemSpacing;
-    iconClass?: HTMLAttributes["class"];
-}>, {
-    kind: EListItemTypes;
-    size: EListItemSize;
-    spacing: EListItemSpacing;
-    title: string;
-    icon: undefined;
-    iconClass: string;
-}>>>, {
-    size: EListItemSize;
-    icon: TIconName;
-    kind: EListItemTypes;
-    title: string;
-    spacing: EListItemSpacing;
-    iconClass: HTMLAttributes["class"];
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<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;
-    };
-};
-type __VLS_PrettifyLocal<T> = {
-    [K in keyof T]: T[K];
-} & {};
-//# sourceMappingURL=ui-list-item.vue.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ui-list-item.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-list-item/ui-list-item.vue"],"names":[],"mappings":"AA4FC,OAAe,EAAE,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAGpD,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAC3E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAkC3C,iBAAS,cAAc;;sBA0FG,GAAG;yBACC,GAAG;;;WASnB,OAAO,IAA6B;EAEjD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;WAnJZ,SAAS;YACR,MAAM;WACP,cAAc;WACd,aAAa;cACV,gBAAgB;gBACd,cAAc,CAAC,OAAO,CAAC;;;;;;;;;WAL5B,SAAS;YACR,MAAM;WACP,cAAc;WACd,aAAa;cACV,gBAAgB;gBACd,cAAc,CAAC,OAAO,CAAC;;;;;;;;;UAF5B,aAAa;UAHb,SAAS;UAET,cAAc;WADb,MAAM;aAGJ,gBAAgB;eACd,cAAc,CAAC,OAAO,CAAC;MAoJnC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,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,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AACF,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

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

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

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