bonkers-ui 1.0.65 → 1.0.67

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

@@ -1,13 +1,14 @@
 import { TIconName } from '../ui-icon';
 import { EBadgeSize, EBadgeKind } from './_typings';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiBadge from "./ui-badge.vue";
+import { default as UiBadge } from './ui-badge.vue';
+
 export { UiBadge };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EBadgeSize>;
         };
@@ -17,7 +18,7 @@ declare const deprecatedDefault: {
         icon: {
             type: PropType<TIconName>;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EBadgeSize>;
         };
@@ -34,7 +35,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EBadgeSize>;
         };
@@ -48,7 +49,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     size: {
         type: PropType<EBadgeSize>;
     };
@@ -64,5 +65,5 @@ declare const deprecatedDefault: {
     };
 });
 export default deprecatedDefault;
-export { EBadgeKind, EBadgeSize } from "./_typings";
+export { EBadgeKind, EBadgeSize } from './_typings';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,11 +1,12 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { EBadgeKind, EBadgeSize } from "./_typings";
-import { type TIconName } from "../ui-icon";
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+import { TIconName } from '../ui-icon';
+import { EBadgeKind, EBadgeSize } from './_typings';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_TypePropsToRuntimeProps<{
     size?: EBadgeSize | undefined;
     kind?: EBadgeKind | undefined;
     icon?: TIconName | undefined;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     size?: EBadgeSize | undefined;
     kind?: EBadgeKind | undefined;
     icon?: TIconName | undefined;

package/components/ui-ber-rank/_types.d.ts

@@ -1,4 +1,5 @@
-import { EColors } from "../../_types/colors";
+import { EColors } from '../../_types/colors';
+
 type Ran<T extends number> = number extends T ? number : _Range<T, []>;
 type _Range<T extends number, R extends unknown[]> = R["length"] extends T ? R[number] : _Range<T, [R["length"], ...R]>;
 export type TBerPropNumber = Ran<typeof berRankDictionary.length>;

package/components/ui-ber-rank/index.d.ts

@@ -1,8 +1,9 @@
 import { EBerSize } from './_types';
 import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-import UiBerRank from "./ui-ber-rank.vue";
+import { default as UiBerRank } from './ui-ber-rank.vue';
+
 export { UiBerRank };
-export { EBerSize } from "./_types";
+export { EBerSize } from './_types';
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
@@ -15,7 +16,7 @@ declare const deprecatedDefault: DefineComponent<{
         type: PropType<number | "0" | "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15">;
         required: true;
     };
-}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
     size: {
         type: PropType<EBerSize>;
         default: EBerSize;

package/components/ui-ber-rank/ui-ber-rank.vue.d.ts

@@ -1,11 +1,12 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { type TBerPropNumber, type TBerPropString, EBerSize } from "./_types";
+import { TBerPropNumber, TBerPropString, EBerSize } from './_types';
+
 declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     rank: TBerPropNumber | TBerPropString | number;
     size?: EBerSize | undefined;
 }>, {
     size: EBerSize;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     rank: TBerPropNumber | TBerPropString | number;
     size?: EBerSize | undefined;
 }>, {

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

@@ -1,13 +1,14 @@
 import { EButtonSizes, EButtonTypes } from './_typings';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiButton from "./ui-button.vue";
+import { default as UiButton } from './ui-button.vue';
+
 export { UiButton };
-export { EButtonSizes, EButtonTypes } from "./_typings";
+export { EButtonSizes, EButtonTypes } from './_typings';
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EButtonSizes>;
             default: EButtonSizes;
@@ -24,7 +25,7 @@ declare const deprecatedDefault: {
             type: PropType<boolean>;
             default: boolean;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EButtonSizes>;
             default: EButtonSizes;
@@ -53,7 +54,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         size: {
             type: PropType<EButtonSizes>;
             default: EButtonSizes;
@@ -79,7 +80,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     size: {
         type: PropType<EButtonSizes>;
         default: EButtonSizes;

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

@@ -1,17 +1,18 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { EButtonSizes, EButtonTypes } from "./_typings";
+import { EButtonSizes, EButtonTypes } from './_typings';
+
 type TProps = {
     kind?: EButtonTypes;
     size?: EButtonSizes;
     fullWidth?: boolean;
     disabled?: boolean;
 };
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
     kind: EButtonTypes;
     size: EButtonSizes;
     fullWidth: boolean;
     disabled: boolean;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
     kind: EButtonTypes;
     size: EButtonSizes;
     fullWidth: boolean;

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

@@ -1,12 +1,13 @@
 import { TIconName } from '../ui-icon';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiCardCta from "./ui-card-cta.vue";
+import { default as UiCardCta } from './ui-card-cta.vue';
+
 export { UiCardCta };
 /**
  * @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
  */
 declare const deprecatedDefault: {
-    new (...args: any[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         invertOrder: {
             type: PropType<boolean>;
         };
@@ -22,7 +23,7 @@ declare const deprecatedDefault: {
         description: {
             type: PropType<string>;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         invertOrder: {
             type: PropType<boolean>;
         };
@@ -45,7 +46,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         invertOrder: {
             type: PropType<boolean>;
         };
@@ -65,7 +66,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     invertOrder: {
         type: PropType<boolean>;
     };

package/components/ui-card-cta/ui-card-cta.vue.d.ts

@@ -1,12 +1,13 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import type { TIconName } from "../ui-icon";
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+import { TIconName } from '../ui-icon';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_TypePropsToRuntimeProps<{
     invertOrder?: boolean | undefined;
     disabled?: boolean | undefined;
     iconName?: TIconName | undefined;
     title?: string | undefined;
     description?: string | undefined;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     invertOrder?: boolean | undefined;
     disabled?: boolean | undefined;
     iconName?: TIconName | undefined;

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

@@ -1,11 +1,12 @@
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiCardResult from "./ui-card-result.vue";
+import { default as 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[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -21,7 +22,7 @@ declare const deprecatedDefault: {
         exclusiveBottomClickAction: {
             type: PropType<() => void>;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -44,7 +45,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -64,7 +65,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     header: {
         type: PropType<string>;
     };

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

@@ -1,11 +1,11 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_TypePropsToRuntimeProps<{
     header?: string | undefined;
     exclusiveText?: string | undefined;
     exclusiveTextBottom?: string | undefined;
     exclusiveClickAction?: (() => void) | undefined;
     exclusiveBottomClickAction?: (() => void) | undefined;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     header?: string | undefined;
     exclusiveText?: string | undefined;
     exclusiveTextBottom?: string | undefined;

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

@@ -1,22 +1,23 @@
 import { CreateComponentPublicInstance, ExtractPropTypes, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiCardSimple from "./ui-card-simple.vue";
+import { default as 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[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{}>>, {}, true, {}, {}, {
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{}>>, {}, true, {}, {}, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
+    }, Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         title?(_: {}): any;
         default?(_: {}): any;

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

@@ -1,5 +1,5 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}>, {
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>, {
     title?(_: {}): any;
     default?(_: {}): any;
     footerSubtitle?(_: {}): any;

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

@@ -1,12 +1,13 @@
 import { EJustify } from '../../types';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiCheckbox from "./ui-checkbox.vue";
+import { default as 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[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         modelValue: {
             type: PropType<boolean | unknown[]>;
             required: true;
@@ -27,7 +28,7 @@ declare const deprecatedDefault: {
         "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     }, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
         "update:modelValue": (...args: any[]) => void;
-    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         modelValue: {
             type: PropType<boolean | unknown[]>;
             required: true;
@@ -53,7 +54,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         modelValue: {
             type: PropType<boolean | unknown[]>;
             required: true;
@@ -76,7 +77,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     modelValue: {
         type: PropType<boolean | unknown[]>;
         required: true;

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

@@ -1,6 +1,7 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { EJustify } from "../../_types/align";
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
+import { EJustify } from '../../_types/align';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_TypePropsToRuntimeProps<{
     modelValue: boolean | unknown[];
     justify?: EJustify | undefined;
     invertOrder?: boolean | undefined;
@@ -8,7 +9,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsT
     value?: string | undefined;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
-}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     modelValue: boolean | unknown[];
     justify?: EJustify | undefined;
     invertOrder?: boolean | undefined;

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

@@ -1,14 +1,15 @@
 import { TIconName } from '../ui-icon/_typings.ts';
 import { EDropdownKinds } from './_typings.ts';
 import { CreateComponentPublicInstance, ExtractPropTypes, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ComponentOptionsBase } from 'vue';
-import UiDropdown from "./ui-dropdown.vue";
+import { default as UiDropdown } from './ui-dropdown.vue';
+
 export { UiDropdown };
-export { EDropdownKinds } from "./_typings.ts";
+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[]): CreateComponentPublicInstance<Readonly<ExtractPropTypes<{
+    new (...args: any[]): CreateComponentPublicInstance<Readonly< ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -26,7 +27,7 @@ declare const deprecatedDefault: {
         active: {
             type: PropType<boolean>;
         };
-    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
+    }>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly< ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -53,7 +54,7 @@ declare const deprecatedDefault: {
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<ExtractPropTypes<{
+    }, Readonly< ExtractPropTypes<{
         header: {
             type: PropType<string>;
         };
@@ -77,7 +78,7 @@ declare const deprecatedDefault: {
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
-} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
+} & ComponentOptionsBase<Readonly< ExtractPropTypes<{
     header: {
         type: PropType<string>;
     };

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

@@ -1,7 +1,8 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
-import { type TIconName } from "../ui-icon";
-import { EDropdownKinds } from "./_typings";
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+import { EDropdownKinds } from './_typings';
+import { TIconName } from '../ui-icon';
+
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     header?: string | undefined;
     iconName: TIconName;
     subText?: string | undefined;
@@ -9,7 +10,7 @@ declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaul
     active?: boolean | undefined;
 }>, {
     kind: EDropdownKinds;
-}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     header?: string | undefined;
     iconName: TIconName;
     subText?: string | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"ui-dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"names":[],"mappings":"AA6DA;AAIC,OAAe,EAAE,KAAK,SAAS,EAAS,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;AA6M7C,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"}
+{"version":3,"file":"ui-dropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"names":[],"mappings":"AA2DA;AAIC,OAAe,EAAE,KAAK,SAAS,EAAS,MAAM,YAAY,CAAC;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;AA0M7C,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-dropdown/ui-dropdown.vue.js

@@ -1,10 +1,11 @@
-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 { defineComponent as f, ref as i, onMounted as v, openBlock as h, createElementBlock as b, normalizeClass as t, unref as r, createElementVNode as s, createVNode as l, withCtx as g, createTextVNode as p, toDisplayString as u, normalizeStyle as y, renderSlot as E } from "vue";
+import z from "../ui-typography/index.js";
+import D 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 U = /* @__PURE__ */ f({
+import { debounce as k } from "../../_utils/debounce.js";
+import { ETypographySizes as w, ETextWeight as S } from "../ui-typography/_typings.js";
+import { ESize as T } from "../../_types/sizing.js";
+const V = /* @__PURE__ */ f({
   __name: "ui-dropdown",
   props: {
     header: {},
@@ -13,62 +14,63 @@ const U = /* @__PURE__ */ f({
     kind: { default: n.DEFAULT },
     active: { type: Boolean }
   },
-  setup(m) {
-    const i = a(null), l = a(0), t = a(m.active);
+  setup(c) {
+    const o = i(c.active), a = i(), d = i("0");
+    function m() {
+      o.value = !o.value;
+    }
     return v(() => {
-      if (i.value) {
-        const { height: e } = i.value.getBoundingClientRect();
-        l.value = e;
-      }
-    }), (e, s) => (h(), g("div", {
-      class: r(["bg-white", {
-        "rounded-lg border border-secondary-alt-300": e.kind === o(n).DEFAULT
+      a.value && new ResizeObserver(k(() => {
+        d.value = getComputedStyle(a.value).height;
+      }, 50)).observe(a.value);
+    }), (e, C) => (h(), b("div", {
+      class: t(["h-auto bg-white", {
+        "rounded-lg border border-secondary-alt-300": e.kind === r(n).DEFAULT
       }])
     }, [
-      d("div", {
-        class: r(["flex items-center justify-between px-md py-sm", {
-          "rounded-lg border border-secondary": e.kind === o(n).SECONDARY
+      s("div", {
+        class: t(["flex items-center justify-between px-md py-sm", {
+          "rounded-lg border border-secondary": e.kind === r(n).SECONDARY
         }]),
-        onClick: s[0] || (s[0] = (C) => t.value = !t.value)
+        onClick: m
       }, [
-        p(o(D), {
+        l(r(z), {
           "line-height": "",
-          size: o(T).LG,
-          weight: o(w).SEMI_BOLD
+          size: r(w).LG,
+          weight: r(S).SEMI_BOLD
         }, {
-          default: y(() => [
-            u(c(e.header), 1)
+          default: g(() => [
+            p(u(e.header), 1)
           ]),
           _: 1
         }, 8, ["size", "weight"]),
-        p(o(k), {
-          class: r(["item-icon duration-200", {
-            "rotate-180": t.value,
-            "rotate-0": !t.value
+        l(r(D), {
+          class: t(["item-icon duration-200", {
+            "rotate-180": o.value,
+            "rotate-0": !o.value
           }]),
           "icon-name": e.iconName,
-          size: o(z).SM
+          size: r(T).SM
         }, null, 8, ["class", "icon-name", "size"])
       ], 2),
-      d("div", {
-        class: r(["overflow-hidden duration-300", {
-          "border border-transparent border-t-secondary-alt-300": e.kind === o(n).DEFAULT,
-          "!h-0 opacity-0": !t.value,
-          "h-auto opacity-100": t.value
+      s("div", {
+        class: t(["overflow-hidden duration-300 ease-in-out", {
+          "border border-transparent border-t-secondary-alt-300": e.kind === r(n).DEFAULT,
+          "!h-0 !border-transparent": !o.value
         }]),
-        style: b({
-          height: l.value + "px"
+        style: y({
+          height: d.value
         })
       }, [
-        d("div", {
-          ref_key: "contentRef",
-          ref: i,
-          class: r(["box-border pt-sm", {
-            "p-sm": e.kind === o(n).DEFAULT
+        s("div", {
+          ref_key: "contentWrapper",
+          ref: a,
+          class: t(["box-border pt-sm", {
+            "p-sm": e.kind === r(n).DEFAULT
           }])
         }, [
           E(e.$slots, "default", {}, () => [
-            u(c(e.subText), 1)
+            p(u(e.subText), 1)
           ])
         ], 2)
       ], 6)
@@ -76,6 +78,6 @@ const U = /* @__PURE__ */ f({
   }
 });
 export {
-  U as default
+  V as default
 };
 //# sourceMappingURL=ui-dropdown.vue.js.map

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 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(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,EAAI,CAAC,GAavBE,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui-dropdown.vue.js","sources":["../../../src/components/ui-dropdown/ui-dropdown.vue"],"sourcesContent":["<template>\n\t<div\n\t\tclass=\"h-auto 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=\"toggleAccordion\"\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 ease-in-out\"\n\t\t\t:style=\"{\n\t\t\t\theight\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 !border-transparent': !isOpen\n\t\t\t}\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref=\"contentWrapper\"\n\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\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\timport { debounce } from \"../../_utils/debounce\";\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\t}>(), {\n\t\tkind: EDropdownKinds.DEFAULT,\n\t});\n\n\tconst isOpen = ref(props.active);\n\tconst contentWrapper = ref<HTMLElement>();\n\tconst height = ref(\"0\");\n\n\tfunction toggleAccordion() {\n\t\tisOpen.value = !isOpen.value;\n\t}\n\n\tonMounted(()=>{\n\t\tif (contentWrapper.value) {\n\t\t\tconst resizeObserver = new ResizeObserver(debounce(() => {\n\t\t\t\theight.value = getComputedStyle(contentWrapper.value as HTMLElement).height;\n\t\t\t}, 50));\n\n\t\t\tresizeObserver.observe(contentWrapper.value);\n\t\t}\n\t});\n\n</script>\n"],"names":["isOpen","ref","__props","contentWrapper","height","toggleAccordion","onMounted","debounce"],"mappings":";;;;;;;;;;;;;;;;;AA6EO,UAAAA,IAASC,EAVDC,EAUW,MAAM,GACzBC,IAAiBF,KACjBG,IAASH,EAAI,GAAG;AAEtB,aAASI,IAAkB;AACnB,MAAAL,EAAA,QAAQ,CAACA,EAAO;AAAA,IACxB;AAEA,WAAAM,EAAU,MAAI;AACb,MAAIH,EAAe,SACK,IAAI,eAAeI,EAAS,MAAM;AACxD,QAAAH,EAAO,QAAQ,iBAAiBD,EAAe,KAAoB,EAAE;AAAA,MAAA,GACnE,EAAE,CAAC,EAES,QAAQA,EAAe,KAAK;AAAA,IAC5C,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}