@xy-planning-network/trees 0.11.0-rc2 → 0.11.0

package/dist/trees.es.js

@@ -9225,13 +9225,13 @@ const of = /* @__PURE__ */ tf(nf, [["render", af]]), sf = { class: "absolute ins
   }, ut), {
     modelValue: {
       ...fe,
-      // NOTE(spk): Vue handling of explicit null props values vs undefined props values
+      // NOTE(spk): The Vue.js specific handling of initial prop values null vs undefined
       // means we can't rely on the the "default" param of defineModel here.  Ensuring the
       // getter returns an array type allows for a consistent checkbox v-model binding similar to
-      // the example in the official Vue docs.
+      // the example in the official Vue.js docs.
       //
-      // When a parent component passes a null v-model the parent ref stays null until a mutation occurs
-      // this is consistent with current input components.
+      // When a parent component passes a null v-model the parent ref stays null until
+      // a mutation occurs which is consistent with other input components.
       get: (t) => Array.isArray(t) ? t : []
     },
     modelModifiers: {}
@@ -9240,13 +9240,13 @@ const of = /* @__PURE__ */ tf(nf, [["render", af]]), sf = { class: "absolute ins
   setup(t) {
     const n = t, e = Se(t, "modelValue", {
       ...fe,
-      // NOTE(spk): Vue handling of explicit null props values vs undefined props values
+      // NOTE(spk): The Vue.js specific handling of initial prop values null vs undefined
       // means we can't rely on the the "default" param of defineModel here.  Ensuring the
       // getter returns an array type allows for a consistent checkbox v-model binding similar to
-      // the example in the official Vue docs.
+      // the example in the official Vue.js docs.
       //
-      // When a parent component passes a null v-model the parent ref stays null until a mutation occurs
-      // this is consistent with current input components.
+      // When a parent component passes a null v-model the parent ref stays null until
+      // a mutation occurs which is consistent with other input components.
       get: (g) => Array.isArray(g) ? g : []
     }), { aria: r, inputID: a, isDisabled: o, errorState: i, validate: s } = dt(n), l = A(() => n.min || null), u = A(() => n.max || null), d = A(() => {
       var v;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.11.0-rc2",
+  "version": "0.11.0",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",
@@ -54,7 +54,7 @@
     "unplugin-vue-components": "^0.27.4",
     "unplugin-vue-markdown": "^0.25.2",
     "vite": "^5.4.10",
-    "vue-tsc": "^2.1.6"
+    "vue-tsc": "^2.1.8"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.0.1",

package/src/lib-components/forms/MultiCheckboxes.vue

@@ -22,13 +22,13 @@ const props = withDefaults(
 
 const modelState = defineModel<MultiChoiceInput["modelValue"]>({
   ...defaultModelOpts,
-  // NOTE(spk): Vue handling of explicit null props values vs undefined props values
+  // NOTE(spk): The Vue.js specific handling of initial prop values null vs undefined
   // means we can't rely on the the "default" param of defineModel here.  Ensuring the
   // getter returns an array type allows for a consistent checkbox v-model binding similar to
-  // the example in the official Vue docs.
+  // the example in the official Vue.js docs.
   //
-  // When a parent component passes a null v-model the parent ref stays null until a mutation occurs
-  // this is consistent with current input components.
+  // When a parent component passes a null v-model the parent ref stays null until
+  // a mutation occurs which is consistent with other input components.
   get: (v) => {
     if (!Array.isArray(v)) {
       return []

package/src/lib-components/layout/SidebarLayout.vue

@@ -13,15 +13,15 @@ import {
 } from "@headlessui/vue"
 import { MenuAlt2Icon, XIcon } from "@heroicons/vue/outline"
 import { CogIcon } from "@heroicons/vue/solid"
-import * as NavTypes from "@/composables/nav"
+import type { NavItem } from "@/composables/nav"
 import { ref } from "vue"
 
 const props = withDefaults(
   defineProps<{
     activeUrl?: string
     iconUrl: string
-    navigation: NavTypes.Item[]
-    userNavigation: NavTypes.Item[]
+    navigation: NavItem[]
+    userNavigation: NavItem[]
   }>(),
   {
     activeUrl: "",

package/src/lib-components/layout/StackedLayout.vue

@@ -11,7 +11,7 @@ import {
   MenuItems,
 } from "@headlessui/vue"
 import { MenuIcon, UserCircleIcon, XIcon } from "@heroicons/vue/outline"
-import * as NavTypes from "@/composables/nav"
+import type { NavItem } from "@/composables/nav"
 import User from "@/composables/user"
 
 const props = withDefaults(
@@ -19,8 +19,8 @@ const props = withDefaults(
     activeUrl?: string
     currentUser: User
     iconUrl: string
-    navigation: NavTypes.Item[]
-    userNavigation: NavTypes.Item[]
+    navigation: NavItem[]
+    userNavigation: NavItem[]
   }>(),
   {
     activeUrl: "",

package/src/lib-components/navigation/Paginator.vue

@@ -5,9 +5,9 @@ import { computed } from "vue"
 const pagination = defineModel<Pagination>({ required: true })
 
 const changePage = (page: number): void => {
-  // NOTE(spk): reminder that defineModel does not change the one-way data flow philosphy of Vue.js
-  // replace the entire object to ensure the event is emitted.  Directly mutating a single prop will
-  // simply be a
+  // NOTE(spk): reminder that defineModel does not change the
+  // one-way data flow philosphy of Vue.js replace the entire
+  // object to ensure the event is emitted.
   pagination.value = {
     ...pagination.value,
     page: page,

package/types/composables/index.d.ts

@@ -8,8 +8,8 @@ import { useFlashes, useAppFlashes, useAppFlasher } from "./useFlashes";
 import type { FlashMessage, FlashType, FlashStore, Flasher } from "./useFlashes";
 export type { FlashMessage, FlashType, FlashStore, Flasher };
 export { useFlashes, useAppFlashes, useAppFlasher };
-import type { URLParams, URLParamValue, UseTabHistoryOpts } from "./nav";
-export type { URLParams, URLParamValue, UseTabHistoryOpts };
+import type { ActionItem, NavItem, Pagination, URLParams, URLParamValue, UseTabHistoryOpts } from "./nav";
+export type { ActionItem, NavItem, Pagination, URLParams, URLParamValue, UseTabHistoryOpts, };
 import { useUrlSearchParams, useTabHistory } from "./nav";
 export { useUrlSearchParams, useTabHistory };
 import { useSpinnerDisplay, useAppSpinner } from "./useSpinner";

package/types/composables/nav.d.ts

@@ -1,5 +1,5 @@
 import { Component, FunctionalComponent, MaybeRef, Ref, RenderFunction } from "vue";
-export interface Item {
+export interface NavItem {
     icon?: Component | RenderFunction;
     name: string;
     openInTab?: boolean;

package/types/lib-components/forms/BaseInput.vue.d.ts

@@ -1,14 +1,14 @@
 import type { TextLikeInput } from "../../composables/forms";
-declare let __VLS_typeProps: TextLikeInput;
+type __VLS_Props = TextLikeInput;
 type __VLS_PublicProps = {
     modelValue?: TextLikeInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     input: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | number | null | undefined) => any;
+    "update:modelValue": (value: string | number | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: string | number | null;

package/types/lib-components/forms/Checkbox.vue.d.ts

@@ -1,12 +1,12 @@
 import type { BooleanInput } from "../../composables/forms";
-declare let __VLS_typeProps: BooleanInput;
+type __VLS_Props = BooleanInput;
 type __VLS_PublicProps = {
     modelValue?: BooleanInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean | null | undefined) => any;
+    "update:modelValue": (value: boolean | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: boolean | null;

package/types/lib-components/forms/DateRangePicker.vue.d.ts

@@ -1,16 +1,16 @@
 import "flatpickr/dist/flatpickr.min.css";
 import type { DateRangeInput } from "../../composables/forms";
-declare let __VLS_typeProps: DateRangeInput;
+type __VLS_Props = DateRangeInput;
 type __VLS_PublicProps = {
     modelValue?: DateRangeInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: {
+    "update:modelValue": (value: {
         minDate: number;
         maxDate: number;
     } | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: {
+    "onUpdate:modelValue"?: ((value: {
         minDate: number;
         maxDate: number;
     } | undefined) => any) | undefined;

package/types/lib-components/forms/DateTimeInput.vue.d.ts

@@ -1,12 +1,12 @@
 import type { DateTimeInput } from "../../composables/forms";
-declare let __VLS_typeProps: DateTimeInput;
+type __VLS_Props = DateTimeInput;
 type __VLS_PublicProps = {
     modelValue?: DateTimeInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | null | undefined) => any;
+    "update:modelValue": (value: string | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: string | null;

package/types/lib-components/forms/FieldsetLegend.vue.d.ts

@@ -1,12 +1,9 @@
-declare const _default: import("vue").DefineComponent<{
-    label?: string | undefined;
-    required?: boolean | undefined;
-    tag?: string | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    label?: string | undefined;
-    required?: boolean | undefined;
-    tag?: string | undefined;
-}> & Readonly<{}>, {
+type __VLS_Props = {
+    label?: string;
+    required?: boolean;
+    tag?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     label: string;
     required: boolean;
     tag: string;

package/types/lib-components/forms/InputError.vue.d.ts

@@ -1,8 +1,7 @@
-declare const _default: import("vue").DefineComponent<{
-    text?: string | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    text?: string | undefined;
-}> & Readonly<{}>, {
+type __VLS_Props = {
+    text?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     text: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/types/lib-components/forms/InputHelp.vue.d.ts

@@ -1,10 +1,8 @@
-declare const _default: import("vue").DefineComponent<{
-    tag?: string | undefined;
-    text?: string | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    tag?: string | undefined;
-    text?: string | undefined;
-}> & Readonly<{}>, {
+type __VLS_Props = {
+    tag?: string;
+    text?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     text: string;
     tag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/types/lib-components/forms/InputLabel.vue.d.ts

@@ -1,12 +1,9 @@
-declare const _default: import("vue").DefineComponent<{
-    label?: string | undefined;
-    required?: boolean | undefined;
-    tag?: string | undefined;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    label?: string | undefined;
-    required?: boolean | undefined;
-    tag?: string | undefined;
-}> & Readonly<{}>, {
+type __VLS_Props = {
+    label?: string;
+    required?: boolean;
+    tag?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     label: string;
     required: boolean;
     tag: string;

package/types/lib-components/forms/MultiCheckboxes.vue.d.ts

@@ -1,12 +1,12 @@
 import { MultiChoiceInput, ColumnedInput } from "../../composables/forms";
-declare let __VLS_typeProps: MultiChoiceInput & ColumnedInput;
+type __VLS_Props = MultiChoiceInput & ColumnedInput;
 type __VLS_PublicProps = {
     modelValue?: MultiChoiceInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: (string | number)[] | null | undefined) => any;
+    "update:modelValue": (value: (string | number)[] | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: (string | number)[] | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: (string | number)[] | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: (string | number)[] | null;

package/types/lib-components/forms/Radio.vue.d.ts

@@ -1,12 +1,12 @@
 import type { OptionsInput, ColumnedInput } from "../../composables/forms";
-declare let __VLS_typeProps: OptionsInput & ColumnedInput;
+type __VLS_Props = OptionsInput & ColumnedInput;
 type __VLS_PublicProps = {
     modelValue?: OptionsInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | number | null | undefined) => any;
+    "update:modelValue": (value: string | number | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: string | number | null;

package/types/lib-components/forms/RadioCards.vue.d.ts

@@ -1,6 +1,6 @@
 import type { InputOption } from "../../composables/forms";
 declare const _default: <T extends InputOption>(__VLS_props: {
-    readonly "onUpdate:modelValue"?: ((modelValue: string | number | null | undefined) => any) | undefined;
+    readonly "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
     modelValue?: string | number | null | undefined;
     options: T[];
     label?: string | undefined;
@@ -13,16 +13,14 @@ declare const _default: <T extends InputOption>(__VLS_props: {
             active: boolean;
             checked: boolean;
             disabled: boolean;
-            option: T;
+            option: import("vue").Reactive<T>;
         }): any;
     };
     attrs: any;
-    emit: {
-        'update:modelValue': [modelValue: string | number | null | undefined];
-    };
+    emit: (evt: "update:modelValue", value: string | number | null | undefined) => void;
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        readonly "onUpdate:modelValue"?: ((modelValue: string | number | null | undefined) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
         modelValue?: string | number | null | undefined;
         options: T[];
         label?: string | undefined;
@@ -37,18 +35,16 @@ declare const _default: <T extends InputOption>(__VLS_props: {
             active: boolean;
             checked: boolean;
             disabled: boolean;
-            option: T;
+            option: import("vue").Reactive<T>;
         }): any;
     };
-    emit: {
-        'update:modelValue': [modelValue: string | number | null | undefined];
-    };
+    emit: (evt: "update:modelValue", value: string | number | null | undefined) => void;
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: {
         props: {
-            readonly "onUpdate:modelValue"?: ((modelValue: string | number | null | undefined) => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
             modelValue?: string | number | null | undefined;
             options: T[];
             label?: string | undefined;
@@ -63,12 +59,10 @@ declare const _default: <T extends InputOption>(__VLS_props: {
                 active: boolean;
                 checked: boolean;
                 disabled: boolean;
-                option: T;
+                option: import("vue").Reactive<T>;
             }): any;
         };
-        emit: {
-            'update:modelValue': [modelValue: string | number | null | undefined];
-        };
+        emit: (evt: "update:modelValue", value: string | number | null | undefined) => void;
     } | undefined;
 };
 export default _default;

package/types/lib-components/forms/Select.vue.d.ts

@@ -1,12 +1,12 @@
 import type { OptionsInput } from "../../composables/forms";
-declare let __VLS_typeProps: OptionsInput;
+type __VLS_Props = OptionsInput;
 type __VLS_PublicProps = {
     modelValue?: OptionsInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | number | null | undefined) => any;
+    "update:modelValue": (value: string | number | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: string | number | null;

package/types/lib-components/forms/TextArea.vue.d.ts

@@ -1,12 +1,12 @@
 import type { TextareaInput } from "../../composables/forms";
-declare let __VLS_typeProps: TextareaInput;
+type __VLS_Props = TextareaInput;
 type __VLS_PublicProps = {
     modelValue?: TextareaInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | number | null | undefined) => any;
+    "update:modelValue": (value: string | number | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | number | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: string | number | null;

package/types/lib-components/forms/Toggle.vue.d.ts

@@ -1,14 +1,14 @@
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     label?: string;
     help?: string;
 };
 type __VLS_PublicProps = {
     modelValue?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     label: string;
     help: string;

package/types/lib-components/forms/YesOrNoRadio.vue.d.ts

@@ -1,12 +1,12 @@
 import type { BooleanInput } from "../../composables/forms";
-declare let __VLS_typeProps: BooleanInput;
+type __VLS_Props = BooleanInput;
 type __VLS_PublicProps = {
     modelValue?: BooleanInput["modelValue"];
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean | null | undefined) => any;
+    "update:modelValue": (value: boolean | null | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean | null | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean | null | undefined) => any) | undefined;
 }>, {
     label: string;
     modelValue: boolean | null;

package/types/lib-components/indicators/InlineAlert.vue.d.ts

@@ -1,26 +1,18 @@
-declare const _default: import("vue").DefineComponent<{
-    btnLink?: string | undefined;
-    btnText?: string | undefined;
+type __VLS_Props = {
+    btnLink?: string;
+    btnText?: string;
     content: string | string[];
-    dismissable?: boolean | undefined;
-    secondaryBtnLink?: string | undefined;
-    secondaryBtnText?: string | undefined;
-    title?: string | undefined;
-    kind: "info" | "success" | "alert" | "warn";
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dismissable?: boolean;
+    secondaryBtnLink?: string;
+    secondaryBtnText?: string;
+    title?: string;
+    kind: "alert" | "warn" | "info" | "success";
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: (e: Event) => any;
     close: (closed: true) => any;
     "click:secondary": (e: Event) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    btnLink?: string | undefined;
-    btnText?: string | undefined;
-    content: string | string[];
-    dismissable?: boolean | undefined;
-    secondaryBtnLink?: string | undefined;
-    secondaryBtnText?: string | undefined;
-    title?: string | undefined;
-    kind: "info" | "success" | "alert" | "warn";
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClick?: ((e: Event) => any) | undefined;
     onClose?: ((closed: true) => any) | undefined;
     "onClick:secondary"?: ((e: Event) => any) | undefined;

package/types/lib-components/indicators/ProgressCircles.vue.d.ts

@@ -2,7 +2,7 @@ interface Step {
     name: string;
     description?: string;
 }
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
      * current sets the "current" step using an index of the steps prop
      * to show all steps in an "incomplete" state set step to -1
@@ -10,13 +10,6 @@ declare const _default: import("vue").DefineComponent<{
      */
     current: number;
     steps: Step[];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * current sets the "current" step using an index of the steps prop
-     * to show all steps in an "incomplete" state set step to -1
-     * to show all steps in an "complete" state set step to a value >= steps.length
-     */
-    current: number;
-    steps: Step[];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLElement>;
 export default _default;

package/types/lib-components/indicators/ProgressCirclesLabeled.vue.d.ts

@@ -2,7 +2,7 @@ interface Step {
     name: string;
     description?: string;
 }
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
      * current sets the "current" step using an index of the steps prop
      * to show all steps in an "incomplete" state set step to -1
@@ -10,13 +10,6 @@ declare const _default: import("vue").DefineComponent<{
      */
     current: number;
     steps: Step[];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * current sets the "current" step using an index of the steps prop
-     * to show all steps in an "incomplete" state set step to -1
-     * to show all steps in an "complete" state set step to a value >= steps.length
-     */
-    current: number;
-    steps: Step[];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/types/lib-components/indicators/XYSpinner.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/types/lib-components/layout/DateFilter.vue.d.ts

@@ -1,15 +1,13 @@
 import { DateRange } from "../../composables/date";
 import { SortDir } from "../../composables/list";
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     dateRange: DateRange;
     sortDir: SortDir;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "sort-dir-changed": (val: SortDir) => any;
     "date-range-changed": (val: DateRange) => any;
-}, string, import("vue").PublicProps, Readonly<{
-    dateRange: DateRange;
-    sortDir: SortDir;
-}> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onSort-dir-changed"?: ((val: SortDir) => any) | undefined;
     "onDate-range-changed"?: ((val: DateRange) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/types/lib-components/layout/SidebarLayout.vue.d.ts

@@ -1,15 +1,11 @@
-import * as NavTypes from "../../composables/nav";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    activeUrl?: string | undefined;
+import type { NavItem } from "../../composables/nav";
+type __VLS_Props = {
+    activeUrl?: string;
     iconUrl: string;
-    navigation: NavTypes.Item[];
-    userNavigation: NavTypes.Item[];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    activeUrl?: string | undefined;
-    iconUrl: string;
-    navigation: NavTypes.Item[];
-    userNavigation: NavTypes.Item[];
-}> & Readonly<{}>, {
+    navigation: NavItem[];
+    userNavigation: NavItem[];
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     activeUrl: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     "sidebar-nav"?(_: {}): any;