bonkers-ui 1.0.63 → 1.0.64

package/components/ui-card-result/index.d.ts

@@ -1,86 +1,50 @@
-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 UiCardResult from "./ui-card-result.vue";
 export { UiCardResult };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): {
-        $: ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<{
-            readonly header?: string | undefined;
-            readonly exclusiveText?: string | undefined;
-            readonly exclusiveTextBottom?: string | undefined;
-            readonly exclusiveClickAction?: (() => void) | undefined;
-            readonly exclusiveBottomClickAction?: (() => void) | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
-            header: {
-                type: PropType<string>;
-            };
-            exclusiveText: {
-                type: PropType<string>;
-            };
-            exclusiveTextBottom: {
-                type: PropType<string>;
-            };
-            exclusiveClickAction: {
-                type: PropType<() => void>;
-            };
-            exclusiveBottomClickAction: {
-                type: PropType<() => void>;
-            };
-        }>>, never>;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+        header: {
+            type: PropType<string>;
+        };
+        exclusiveText: {
+            type: PropType<string>;
+        };
+        exclusiveTextBottom: {
+            type: PropType<string>;
         };
-        $refs: {
-            [x: string]: unknown;
+        exclusiveClickAction: {
+            type: PropType<() => void>;
         };
-        $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: string, ...args: any[]) => void;
-        $el: any;
-        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            header: {
-                type: PropType<string>;
-            };
-            exclusiveText: {
-                type: PropType<string>;
-            };
-            exclusiveTextBottom: {
-                type: PropType<string>;
-            };
-            exclusiveClickAction: {
-                type: PropType<() => void>;
-            };
-            exclusiveBottomClickAction: {
-                type: PropType<() => void>;
-            };
-        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        exclusiveBottomClickAction: {
+            type: PropType<() => void>;
+        };
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+        header: {
+            type: PropType<string>;
+        };
+        exclusiveText: {
+            type: PropType<string>;
+        };
+        exclusiveTextBottom: {
+            type: PropType<string>;
+        };
+        exclusiveClickAction: {
+            type: PropType<() => void>;
+        };
+        exclusiveBottomClickAction: {
+            type: PropType<() => void>;
         };
-        $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<{
+    }>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -96,7 +60,7 @@ declare const deprecatedDefault: {
         exclusiveBottomClickAction: {
             type: PropType<() => void>;
         };
-    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    }>>, {}, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;

package/components/ui-card-simple/index.d.ts

@@ -1,48 +1,18 @@
-import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
+import { CreateComponentPublicInstance, ExtractPropTypes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
 import UiCardSimple from "./ui-card-simple.vue";
 export { UiCardSimple };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): {
-        $: ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{}>>, never>;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: {
-            [x: string]: unknown;
-        };
-        $slots: Readonly<{
-            [name: string]: Slot<any> | undefined;
-        }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
-    } & Readonly<ExtractPropTypes<{}>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{}>>, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;

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

@@ -1,96 +1,59 @@
 import { EJustify } from '../../types';
-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 UiCheckbox from "./ui-checkbox.vue";
 export { UiCheckbox };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): {
-        $: ComponentInternalInstance;
-        $data: {};
-        $props: Partial<{}> & Omit<{
-            readonly modelValue: boolean | unknown[];
-            readonly disabled?: boolean | undefined;
-            readonly invertOrder?: boolean | undefined;
-            readonly justify?: EJustify | undefined;
-            readonly value?: string | undefined;
-            "onUpdate:modelValue"?: ((state: boolean | unknown[]) => any) | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
-            modelValue: {
-                type: PropType<boolean | unknown[]>;
-                required: true;
-            };
-            justify: {
-                type: PropType<EJustify>;
-            };
-            invertOrder: {
-                type: PropType<boolean>;
-            };
-            disabled: {
-                type: PropType<boolean>;
-            };
-            value: {
-                type: PropType<string>;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((state: boolean | unknown[]) => any) | undefined;
-        }, never>;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | unknown[]>;
+            required: true;
         };
-        $refs: {
-            [x: string]: unknown;
+        justify: {
+            type: PropType<EJustify>;
         };
-        $slots: Readonly<{
-            [name: string]: Slot<any> | undefined;
-        }>;
-        $root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-        $emit: (event: "update:modelValue", state: boolean | unknown[]) => void;
-        $el: any;
-        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            modelValue: {
-                type: PropType<boolean | unknown[]>;
-                required: true;
-            };
-            justify: {
-                type: PropType<EJustify>;
-            };
-            invertOrder: {
-                type: PropType<boolean>;
-            };
-            disabled: {
-                type: PropType<boolean>;
-            };
-            value: {
-                type: PropType<string>;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((state: boolean | unknown[]) => any) | undefined;
-        }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-            "update:modelValue": (state: boolean | unknown[]) => void;
-        }, string, {}, {}, string, {}> & {
-            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-            created?: ((() => void) | (() => void)[]) | undefined;
-            beforeMount?: ((() => void) | (() => void)[]) | undefined;
-            mounted?: ((() => void) | (() => void)[]) | undefined;
-            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-            updated?: ((() => void) | (() => void)[]) | undefined;
-            activated?: ((() => void) | (() => void)[]) | undefined;
-            deactivated?: ((() => void) | (() => void)[]) | undefined;
-            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-            destroyed?: ((() => void) | (() => void)[]) | undefined;
-            unmounted?: ((() => void) | (() => void)[]) | undefined;
-            renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
-            errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        invertOrder: {
+            type: PropType<boolean>;
         };
-        $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<{
+        disabled: {
+            type: PropType<boolean>;
+        };
+        value: {
+            type: PropType<string>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((state: boolean | unknown[]) => any) | undefined;
+    }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+        "update:modelValue": (state: boolean | unknown[]) => void;
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+        modelValue: {
+            type: PropType<boolean | unknown[]>;
+            required: true;
+        };
+        justify: {
+            type: PropType<EJustify>;
+        };
+        invertOrder: {
+            type: PropType<boolean>;
+        };
+        disabled: {
+            type: PropType<boolean>;
+        };
+        value: {
+            type: PropType<string>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((state: boolean | unknown[]) => any) | undefined;
+    }, {}, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<ExtractPropTypes<{
         modelValue: {
             type: PropType<boolean | unknown[]>;
             required: true;
@@ -109,7 +72,7 @@ declare const deprecatedDefault: {
         };
     }>> & {
         "onUpdate:modelValue"?: ((state: boolean | unknown[]) => any) | undefined;
-    } & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    }, {}, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;

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

@@ -1,6 +1,6 @@
 import { TIconName } from '../ui-icon/_typings.ts';
 import { EDropdownKinds } from './_typings.ts';
-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 UiDropdown from "./ui-dropdown.vue";
 export { UiDropdown };
 export { EDropdownKinds } from "./_typings.ts";
@@ -8,94 +8,52 @@ export { EDropdownKinds } from "./_typings.ts";
  * @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<{
-            kind: EDropdownKinds;
-            active: boolean;
-        }> & Omit<{
-            readonly kind: EDropdownKinds;
-            readonly iconName: TIconName;
-            readonly active: boolean;
-            readonly header?: string | undefined;
-            readonly subText?: string | undefined;
-        } & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
-            header: {
-                type: PropType<string>;
-            };
-            kind: {
-                type: PropType<EDropdownKinds>;
-                default: EDropdownKinds;
-            };
-            iconName: {
-                type: PropType<TIconName>;
-                required: true;
-            };
-            subText: {
-                type: PropType<string>;
-            };
-            active: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
-        }>>, "kind" | "active">;
-        $attrs: {
-            [x: string]: unknown;
+    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+        header: {
+            type: PropType<string>;
+        };
+        kind: {
+            type: PropType<EDropdownKinds>;
+            default: EDropdownKinds;
+        };
+        iconName: {
+            type: PropType<TIconName>;
+            required: true;
+        };
+        subText: {
+            type: PropType<string>;
         };
-        $refs: {
-            [x: string]: unknown;
+        active: {
+            type: PropType<boolean>;
         };
-        $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: string, ...args: any[]) => void;
-        $el: any;
-        $options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
-            header: {
-                type: PropType<string>;
-            };
-            kind: {
-                type: PropType<EDropdownKinds>;
-                default: EDropdownKinds;
-            };
-            iconName: {
-                type: PropType<TIconName>;
-                required: true;
-            };
-            subText: {
-                type: PropType<string>;
-            };
-            active: {
-                type: PropType<boolean>;
-                default: boolean;
-            };
-        }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
-            kind: EDropdownKinds;
-            active: boolean;
-        }, {}, 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;
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+        header: {
+            type: PropType<string>;
+        };
+        kind: {
+            type: PropType<EDropdownKinds>;
+            default: EDropdownKinds;
+        };
+        iconName: {
+            type: PropType<TIconName>;
+            required: true;
+        };
+        subText: {
+            type: PropType<string>;
+        };
+        active: {
+            type: PropType<boolean>;
         };
-        $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<{
+    }>>, {
+        kind: EDropdownKinds;
+    }, true, {}, {}, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -112,9 +70,10 @@ declare const deprecatedDefault: {
         };
         active: {
             type: PropType<boolean>;
-            default: boolean;
         };
-    }>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
+    }>>, {}, {}, {}, {}, {
+        kind: EDropdownKinds;
+    }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -135,11 +94,9 @@ declare const deprecatedDefault: {
     };
     active: {
         type: PropType<boolean>;
-        default: boolean;
     };
 }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
     kind: EDropdownKinds;
-    active: boolean;
 }, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;

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

@@ -9,7 +9,6 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     active?: boolean | undefined;
 }>, {
     kind: EDropdownKinds;
-    active: boolean;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     header?: string | undefined;
     iconName: TIconName;
@@ -18,10 +17,8 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     active?: boolean | undefined;
 }>, {
     kind: EDropdownKinds;
-    active: boolean;
 }>>>, {
     kind: EDropdownKinds;
-    active: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,23 +1,23 @@
-import { defineComponent as f, ref as i, onMounted as v, openBlock as h, createElementBlock as g, normalizeClass as r, unref as o, createElementVNode as d, createVNode as u, withCtx as y, createTextVNode as c, toDisplayString as p, normalizeStyle as b, renderSlot as D } from "vue";
-import E from "../ui-typography/index.js";
+import { defineComponent as f, ref as a, onMounted as v, openBlock as h, createElementBlock as g, normalizeClass as r, unref as o, createElementVNode as d, createVNode as p, withCtx as y, createTextVNode as u, toDisplayString as c, normalizeStyle as b, renderSlot as E } from "vue";
+import D from "../ui-typography/index.js";
 import k from "../ui-icon/index.js";
 import { EDropdownKinds as n } from "./_typings.js";
 import { ETypographySizes as T, ETextWeight as w } from "../ui-typography/_typings.js";
 import { ESize as z } from "../../_types/sizing.js";
-const S = ["active"], U = /* @__PURE__ */ f({
+const U = /* @__PURE__ */ f({
   __name: "ui-dropdown",
   props: {
     header: {},
     iconName: {},
     subText: {},
     kind: { default: n.DEFAULT },
-    active: { type: Boolean, default: !0 }
+    active: { type: Boolean }
   },
   setup(m) {
-    const a = i(null), l = i(0), t = i(m.active);
+    const i = a(null), l = a(0), t = a(m.active);
     return v(() => {
-      if (a.value) {
-        const { height: e } = a.value.getBoundingClientRect();
+      if (i.value) {
+        const { height: e } = i.value.getBoundingClientRect();
         l.value = e;
       }
     }), (e, s) => (h(), g("div", {
@@ -26,28 +26,28 @@ const S = ["active"], U = /* @__PURE__ */ f({
       }])
     }, [
       d("div", {
-        class: r(["flex justify-between px-md py-sm", {
+        class: r(["flex items-center justify-between px-md py-sm", {
           "rounded-lg border border-secondary": e.kind === o(n).SECONDARY
         }]),
-        onClick: s[0] || (s[0] = (N) => t.value = !t.value)
+        onClick: s[0] || (s[0] = (C) => t.value = !t.value)
       }, [
-        u(o(E), {
+        p(o(D), {
           "line-height": "",
-          size: o(T).MD,
+          size: o(T).LG,
           weight: o(w).SEMI_BOLD
         }, {
           default: y(() => [
-            c(p(e.header), 1)
+            u(c(e.header), 1)
           ]),
           _: 1
         }, 8, ["size", "weight"]),
-        u(o(k), {
+        p(o(k), {
           class: r(["item-icon duration-200", {
             "rotate-180": t.value,
             "rotate-0": !t.value
           }]),
           "icon-name": e.iconName,
-          size: o(z).MD
+          size: o(z).SM
         }, null, 8, ["class", "icon-name", "size"])
       ], 2),
       d("div", {
@@ -58,21 +58,20 @@ const S = ["active"], U = /* @__PURE__ */ f({
         }]),
         style: b({
           height: l.value + "px"
-        }),
-        active: e.active
+        })
       }, [
         d("div", {
           ref_key: "contentRef",
-          ref: a,
+          ref: i,
           class: r(["box-border pt-sm", {
             "p-sm": e.kind === o(n).DEFAULT
           }])
         }, [
-          D(e.$slots, "default", {}, () => [
-            c(p(e.subText), 1)
+          E(e.$slots, "default", {}, () => [
+            u(c(e.subText), 1)
           ])
         ], 2)
-      ], 14, S)
+      ], 6)
     ], 2));
   }
 });

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

@@ -1 +1 @@
-{"version":3,"file":"ui-dropdown.vue.js","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"bg-white\"\n\t\t:class=\"{\n\t\t\t'rounded-lg border border-secondary-alt-300': kind === EDropdownKinds.DEFAULT\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex justify-between px-md py-sm\"\n\t\t\t:class=\"{\n\t\t\t\t'rounded-lg border border-secondary': kind === EDropdownKinds.SECONDARY\n\t\t\t}\"\n\t\t\t@click=\"isOpen = !isOpen\"\n\t\t>\n\t\t\t<ui-typography\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD \"\n\t\t\t>\n\t\t\t\t{{ header }}\n\t\t\t</ui-typography>\n\n\t\t\t<ui-icon\n\t\t\t\tclass=\"item-icon duration-200\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'rotate-180': isOpen,\n\t\t\t\t\t'rotate-0': !isOpen\n\t\t\t\t}\"\n\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t:size=\"ESize.MD\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"overflow-hidden duration-300\"\n\t\t\t:style=\"{\n\t\t\t\theight: accordionHeight + 'px'\n\t\t\t}\"\n\t\t\t:class=\"{\n\t\t\t\t'border border-transparent border-t-secondary-alt-300':\n\t\t\t\t\tkind === EDropdownKinds.DEFAULT,\n\t\t\t\t'!h-0 opacity-0': !isOpen,\n\t\t\t\t'h-auto opacity-100': isOpen\n\n\t\t\t}\"\n\t\t\t:active=\"active\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref=\"contentRef\"\n\t\t\t\tclass=\"box-border pt-sm\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'p-sm': kind === EDropdownKinds.DEFAULT\n\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<slot>\n\t\t\t\t\t{{ subText }}\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { onMounted, ref } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport UiIcon, { type TIconName, ESize } from \"../ui-icon\";\n\timport { EDropdownKinds } from \"./_typings\";\n\n\tconst contentRef = ref<null | HTMLDivElement>(null);\n\tconst accordionHeight = ref<number>(0);\n\n\tconst props = withDefaults(defineProps<{\n\t\theader?: string;\n\t\ticonName: TIconName;\n\t\tsubText?: string;\n\t\tkind?: EDropdownKinds;\n\t\tactive?: boolean;\n\n\t}>(), {\n\t\tkind: EDropdownKinds.DEFAULT,\n\t\tactive: true\n\t});\n\n\t// eslint-disable-next-line vue/no-setup-props-destructure\n\tconst isOpen = ref(props.active);\n\n\tonMounted(()=>{\n\t\tif (contentRef.value) {\n\t\t\tconst { height } = contentRef.value.getBoundingClientRect();\n\t\t\taccordionHeight.value = height;\n\t\t}\n\t});\n\n</script>\n"],"names":["contentRef","ref","accordionHeight","isOpen","__props","onMounted","height"],"mappings":";;;;;;;;;;;;;;;;AAqEO,UAAAA,IAAaC,EAA2B,IAAI,GAC5CC,IAAkBD,EAAY,CAAC,GAe/BE,IAASF,EAbDG,EAaW,MAAM;AAE/B,WAAAC,EAAU,MAAI;AACb,UAAIL,EAAW,OAAO;AACrB,cAAM,EAAE,QAAAM,EAAW,IAAAN,EAAW,MAAM,sBAAsB;AAC1D,QAAAE,EAAgB,QAAQI;AAAA,MACzB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui-dropdown.vue.js","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"bg-white\"\n\t\t:class=\"{\n\t\t\t'rounded-lg border border-secondary-alt-300': kind === EDropdownKinds.DEFAULT\n\t\t}\"\n\t>\n\t\t<div\n\t\t\tclass=\"flex items-center justify-between px-md py-sm\"\n\t\t\t:class=\"{\n\t\t\t\t'rounded-lg border border-secondary': kind === EDropdownKinds.SECONDARY\n\t\t\t}\"\n\t\t\t@click=\"isOpen = !isOpen\"\n\t\t>\n\t\t\t<ui-typography\n\t\t\t\tline-height\n\t\t\t\t:size=\"ETypographySizes.LG\"\n\t\t\t\t:weight=\"ETextWeight.SEMI_BOLD \"\n\t\t\t>\n\t\t\t\t{{ header }}\n\t\t\t</ui-typography>\n\n\t\t\t<ui-icon\n\t\t\t\tclass=\"item-icon duration-200\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'rotate-180': isOpen,\n\t\t\t\t\t'rotate-0': !isOpen\n\t\t\t\t}\"\n\t\t\t\t:icon-name=\"iconName\"\n\t\t\t\t:size=\"ESize.SM\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"overflow-hidden duration-300\"\n\t\t\t:style=\"{\n\t\t\t\theight: accordionHeight + 'px'\n\t\t\t}\"\n\t\t\t:class=\"{\n\t\t\t\t'border border-transparent border-t-secondary-alt-300':\n\t\t\t\t\tkind === EDropdownKinds.DEFAULT,\n\t\t\t\t'!h-0 opacity-0': !isOpen,\n\t\t\t\t'h-auto opacity-100': isOpen\n\n\t\t\t}\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref=\"contentRef\"\n\t\t\t\tclass=\"box-border pt-sm\"\n\t\t\t\t:class=\"{\n\t\t\t\t\t'p-sm': kind === EDropdownKinds.DEFAULT\n\n\t\t\t\t}\"\n\t\t\t>\n\t\t\t\t<slot>\n\t\t\t\t\t{{ subText }}\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { onMounted, ref } from \"vue\";\n\timport UiTypography, { ETypographySizes, ETextWeight } from \"../ui-typography\";\n\timport UiIcon, { type TIconName, ESize } from \"../ui-icon\";\n\timport { EDropdownKinds } from \"./_typings\";\n\n\tconst contentRef = ref<null | HTMLDivElement>(null);\n\tconst accordionHeight = ref<number>(0);\n\n\tconst props = withDefaults(defineProps<{\n\t\theader?: string;\n\t\ticonName: TIconName;\n\t\tsubText?: string;\n\t\tkind?: EDropdownKinds;\n\t\tactive?: boolean;\n\n\t}>(), {\n\t\tkind: EDropdownKinds.DEFAULT,\n\t});\n\n\tconst isOpen = ref(props.active);\n\n\tonMounted(()=>{\n\t\tif (contentRef.value) {\n\t\t\tconst { height } = contentRef.value.getBoundingClientRect();\n\t\t\taccordionHeight.value = height;\n\t\t}\n\t});\n\n</script>\n"],"names":["contentRef","ref","accordionHeight","isOpen","__props","onMounted","height"],"mappings":";;;;;;;;;;;;;;;;AAoEO,UAAAA,IAAaC,EAA2B,IAAI,GAC5CC,IAAkBD,EAAY,CAAC,GAa/BE,IAASF,EAXDG,EAWW,MAAM;AAE/B,WAAAC,EAAU,MAAI;AACb,UAAIL,EAAW,OAAO;AACrB,cAAM,EAAE,QAAAM,EAAW,IAAAN,EAAW,MAAM,sBAAsB;AAC1D,QAAAE,EAAgB,QAAQI;AAAA,MACzB;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}