bonkers-ui 1.0.63 → 1.0.65

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

@@ -1,5 +1,5 @@
 import { EInputType, EInputKinds, EAutocomplete } from './_typings';
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
 import UiInput from "./ui-input.vue";
 export { EInputType, EInputKinds, EAutocomplete } from "./_typings";
 export { UiInput };
@@ -7,197 +7,7 @@ export { UiInput };
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): {
-        $: ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{
-            type: EInputType;
-            pattern: string;
-            kind: EInputKinds;
-            modelValue: string | number;
-            name: string;
-            placeholder: string;
-            heading: string;
-            subLabel: string;
-            maxlength: string;
-            minlength: string;
-            focusHandler: (e: FocusEvent) => void;
-            autocomplete: EAutocomplete;
-        }> & Omit<{
-            readonly type: EInputType;
-            readonly kind: EInputKinds;
-            readonly modelValue: string | number;
-            readonly placeholder: string;
-            readonly pattern?: string | undefined;
-            readonly disabled?: boolean | undefined;
-            readonly name?: string | undefined;
-            readonly heading?: string | undefined;
-            readonly subLabel?: string | undefined;
-            readonly maxlength?: string | undefined;
-            readonly minlength?: string | undefined;
-            readonly focusHandler?: ((e: FocusEvent) => void) | undefined;
-            readonly autocomplete?: EAutocomplete | undefined;
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
-            type: {
-                type: PropType<EInputType>;
-                default: EInputType;
-            };
-            pattern: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            kind: {
-                type: PropType<EInputKinds>;
-                default: EInputKinds;
-            };
-            disabled: {
-                type: PropType<boolean>;
-            };
-            modelValue: {
-                type: PropType<string | number>;
-                required: true;
-                default: string;
-            };
-            name: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            placeholder: {
-                type: PropType<string>;
-                default: string;
-            };
-            heading: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            subLabel: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            maxlength: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            minlength: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            focusHandler: {
-                type: PropType<(e: FocusEvent) => void>;
-                default: () => undefined;
-            };
-            autocomplete: {
-                type: PropType<EAutocomplete>;
-                default: undefined;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, "type" | "pattern" | "kind" | "modelValue" | "name" | "placeholder" | "heading" | "subLabel" | "maxlength" | "minlength" | "focusHandler" | "autocomplete">;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: Slot<any> | undefined;
-        }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "update:modelValue", ...args: any[]) => void;
-        $el: any;
-        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            type: {
-                type: PropType<EInputType>;
-                default: EInputType;
-            };
-            pattern: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            kind: {
-                type: PropType<EInputKinds>;
-                default: EInputKinds;
-            };
-            disabled: {
-                type: PropType<boolean>;
-            };
-            modelValue: {
-                type: PropType<string | number>;
-                required: true;
-                default: string;
-            };
-            name: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            placeholder: {
-                type: PropType<string>;
-                default: string;
-            };
-            heading: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            subLabel: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            maxlength: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            minlength: {
-                type: PropType<string>;
-                default: undefined;
-            };
-            focusHandler: {
-                type: PropType<(e: FocusEvent) => void>;
-                default: () => undefined;
-            };
-            autocomplete: {
-                type: PropType<EAutocomplete>;
-                default: undefined;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-            "update:modelValue": (...args: any[]) => void;
-        }, string, {
-            type: EInputType;
-            pattern: string;
-            kind: EInputKinds;
-            modelValue: string | number;
-            name: string;
-            placeholder: string;
-            heading: string;
-            subLabel: string;
-            maxlength: string;
-            minlength: string;
-            focusHandler: (e: FocusEvent) => void;
-            autocomplete: EAutocomplete;
-        }, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
-    } & Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
         type: {
             type: PropType<EInputType>;
             default: EInputType;
@@ -212,6 +22,7 @@ declare const deprecatedDefault: {
         };
         disabled: {
             type: PropType<boolean>;
+            default: boolean;
         };
         modelValue: {
             type: PropType<string | number>;
@@ -252,7 +63,156 @@ declare const deprecatedDefault: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (...args: any[]) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+        type: {
+            type: PropType<EInputType>;
+            default: EInputType;
+        };
+        pattern: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        kind: {
+            type: PropType<EInputKinds>;
+            default: EInputKinds;
+        };
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: PropType<string | number>;
+            required: true;
+            default: string;
+        };
+        name: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        placeholder: {
+            type: PropType<string>;
+            default: string;
+        };
+        heading: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        subLabel: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        maxlength: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        minlength: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        focusHandler: {
+            type: PropType<(e: FocusEvent) => void>;
+            default: () => undefined;
+        };
+        autocomplete: {
+            type: PropType<EAutocomplete>;
+            default: undefined;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {
+        type: EInputType;
+        pattern: string;
+        kind: EInputKinds;
+        disabled: boolean;
+        modelValue: string | number;
+        name: string;
+        placeholder: string;
+        heading: string;
+        subLabel: string;
+        maxlength: string;
+        minlength: string;
+        focusHandler: (e: FocusEvent) => void;
+        autocomplete: EAutocomplete;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<ExtractPropTypes<{
+        type: {
+            type: PropType<EInputType>;
+            default: EInputType;
+        };
+        pattern: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        kind: {
+            type: PropType<EInputKinds>;
+            default: EInputKinds;
+        };
+        disabled: {
+            type: PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: PropType<string | number>;
+            required: true;
+            default: string;
+        };
+        name: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        placeholder: {
+            type: PropType<string>;
+            default: string;
+        };
+        heading: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        subLabel: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        maxlength: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        minlength: {
+            type: PropType<string>;
+            default: undefined;
+        };
+        focusHandler: {
+            type: PropType<(e: FocusEvent) => void>;
+            default: () => undefined;
+        };
+        autocomplete: {
+            type: PropType<EAutocomplete>;
+            default: undefined;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    }, {}, {}, {}, {}, {
+        type: EInputType;
+        pattern: string;
+        kind: EInputKinds;
+        disabled: boolean;
+        modelValue: string | number;
+        name: string;
+        placeholder: string;
+        heading: string;
+        subLabel: string;
+        maxlength: string;
+        minlength: string;
+        focusHandler: (e: FocusEvent) => void;
+        autocomplete: EAutocomplete;
+    }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -271,6 +231,7 @@ declare const deprecatedDefault: {
     };
     disabled: {
         type: PropType<boolean>;
+        default: boolean;
     };
     modelValue: {
         type: PropType<string | number>;
@@ -317,6 +278,7 @@ declare const deprecatedDefault: {
     type: EInputType;
     pattern: string;
     kind: EInputKinds;
+    disabled: boolean;
     modelValue: string | number;
     name: string;
     placeholder: string;
@@ -335,3 +297,4 @@ declare const deprecatedDefault: {
     };
 });
 export default deprecatedDefault;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,4 +1,4 @@
-import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
 import { EAutocomplete, EInputKinds, EInputType } from "./_typings";
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     placeholder?: string | undefined;
@@ -17,6 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 }>, {
     modelValue: string;
     placeholder: string;
+    disabled: boolean;
     autocomplete: undefined;
     name: undefined;
     heading: undefined;
@@ -29,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     kind: EInputKinds;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     placeholder?: string | undefined;
     modelValue: string | number;
     disabled?: boolean | undefined;
@@ -46,6 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
 }>, {
     modelValue: string;
     placeholder: string;
+    disabled: boolean;
     autocomplete: undefined;
     name: undefined;
     heading: undefined;
@@ -62,6 +64,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     type: EInputType;
     pattern: string;
     kind: EInputKinds;
+    disabled: boolean;
     modelValue: string | number;
     name: string;
     placeholder: string;
@@ -100,3 +103,4 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+//# sourceMappingURL=ui-input.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-input.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-input/ui-input.vue"],"names":[],"mappings":"AA2DA;AAGC,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoQrE,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-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,4 +1,4 @@
-import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
 import UiInputRange from "./ui-input-range.vue";
 export { UiInputRange };
 /**
@@ -22,8 +22,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 +41,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
 };