@xy-planning-network/trees 0.11.0-rc3 → 0.11.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.11.0-rc3",
+  "version": "0.11.1",
   "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.10"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.0.1",

package/src/index.css

@@ -77,6 +77,18 @@
     @apply inline-flex justify-center items-center px-5 py-2.5 border border-transparent text-base font-display font-semibold rounded-3xl shadow-sm text-white bg-xy-blue-600 hover:bg-xy-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-blue-500 disabled:bg-xy-blue-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
   }
 
+  .xy-btn-alt-sm {
+    @apply inline-flex justify-center items-center px-2.5 py-1.5 border border-transparent text-xs font-display font-semibold rounded-3xl shadow-sm text-xy-black bg-xy-green-200 hover:bg-xy-green-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-green-100 disabled:bg-xy-green-200 disabled:opacity-50 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
+  }
+
+  .xy-btn-alt {
+    @apply inline-flex justify-center items-center px-4 py-2 border border-transparent text-sm font-display font-semibold rounded-3xl shadow-sm text-xy-black bg-xy-green-200 hover:bg-xy-green-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-green-100 disabled:bg-xy-green-200 disabled:opacity-50 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
+  }
+
+  .xy-btn-alt-lg {
+    @apply inline-flex justify-center items-center px-5 py-2.5 border border-transparent text-base font-display font-semibold rounded-3xl shadow-sm text-xy-black bg-xy-green-200 hover:bg-xy-green-300 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-green-100 disabled:bg-xy-green-200 disabled:opacity-50 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
+  }
+
   /* NOTE(spk): including .xy-btn-red alias for backwards compatibility */
   .xy-btn-danger-sm,
   .xy-btn-red-sm {
@@ -105,6 +117,18 @@
     @apply inline-flex justify-center items-center px-5 py-2.5 border border-transparent text-base font-display font-semibold rounded-3xl shadow-none text-neutral-800 bg-transparent hover:bg-neutral-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-blue-500 disabled:bg-transparent disabled:text-neutral-600 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
   }
 
+  .xy-btn-neutral-inverse-sm {
+    @apply inline-flex justify-center items-center px-2.5 py-1.5 border border-transparent text-xs font-display font-semibold rounded-3xl shadow-none text-neutral-800 bg-white hover:bg-white/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-blue-500 disabled:bg-white/90 disabled:text-neutral-700 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
+  }
+
+  .xy-btn-neutral-inverse {
+    @apply inline-flex justify-center items-center px-4 py-2 border border-transparent text-sm font-display font-semibold rounded-3xl shadow-none text-neutral-800 bg-white hover:bg-white/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-blue-500 disabled:bg-white/90 disabled:disabled:text-neutral-700 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
+  }
+
+  .xy-btn-neutral-inverse-lg {
+    @apply inline-flex justify-center items-center px-5 py-2.5 border border-transparent text-base font-display font-semibold rounded-3xl shadow-none text-neutral-800 bg-white hover:bg-white/90 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-blue-500 disabled:bg-white/90 disabled:disabled:text-neutral-700 disabled:cursor-not-allowed transition-colors ease-linear duration-300;
+  }
+
   /* NOTE(spk): always consider the relative box-sizing between buttons with solid backgrounds and full borders vs secondary styles as they will commonly be laid out next to each other */
   /* NOTE(spk): there's no way to round a ring or outline in a focus state without rounding the entire button.  Avoid this as it causes odd shapes on the bottom border and using content hacks aren't worth the trouble */
   .xy-btn-secondary-sm {
@@ -155,11 +179,6 @@
     @apply inline-flex justify-center items-center py-2.5 border-b-2 border-b-red-700 text-base font-display font-semibold shadow-none text-neutral-800 hover:text-red-700 hover:border-b-transparent focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-blue-500 disabled:text-neutral-800 disabled:border-b-red-700 disabled:opacity-70 disabled:cursor-not-allowed transition-colors ease-linear duration-150;
   }
 
-  /* Deprecated */
-  .xy-btn-white {
-    @apply inline-flex justify-center items-center px-4 py-2 border border-xy-blue shadow-sm text-sm font-semibold rounded-3xl text-xy-blue bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-xy-blue-500 disabled:opacity-50 disabled:cursor-not-allowed;
-  }
-
   /* Header classes */
   .h1 {
     @apply text-3xl leading-9 font-semibold;

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

@@ -9,6 +9,7 @@ import {
   emailPattern,
   looseToNumber,
   phonePattern,
+  urlPattern,
 } from "@/composables/forms"
 import type { TextLikeInput } from "@/composables/forms"
 import { computed, useTemplateRef } from "vue"
@@ -61,6 +62,10 @@ const typeAttributes = computed(() => {
       return {
         pattern: phonePattern,
       }
+    case "url":
+      return {
+        pattern: urlPattern,
+      }
     default:
       return {}
   }

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/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/forms.d.ts

@@ -110,6 +110,19 @@ export declare const emailPattern: string;
  * used with input type="tel" in the pattern attribute for html5 validation
  */
 export declare const phonePattern: string;
+/**
+ * url validation regex pattern
+ * used with input type="url" in the pattern attribute for html5
+ *
+ * The pattern is conservative and focuses on ensuring the protocol is valid
+ * and the remainder of the url does not include empty spaces.  If additional protocols
+ * need to be supported, they can be added to the first group (?:https|http|ftp).
+ *
+ * Reference: https://regex101.com/r/P5dlas/3
+ *
+ * NOTE(spk): not all JavaScript regular expression characters are not supported in input patterns.
+ */
+export declare const urlPattern: string;
 /**
  * This is used for the .number modifier in v-model
  */

package/types/entry.d.ts

@@ -1,7 +1,7 @@
 import { Plugin } from "vue";
 import BaseAPI, { isHttpCancel, isHttpError, setBaseAPIDefaults } from "./api/base";
 import type { HttpPromise, HttpError, QueryParams, ReqOptions, ReqPayload, TrailsPromise, TrailsPromisePaged, TrailsResp, TrailsRespPaged } from "./api/client";
-import { emailPattern, looseToNumber, phonePattern, textInputTypes, useInputField } from "./composables/forms";
+import { emailPattern, looseToNumber, phonePattern, urlPattern, textInputTypes, useInputField } from "./composables/forms";
 import { debounce as debounceFn, debounceLeading } from "./helpers/Debounce";
 import { throttle as throttleFn } from "./helpers/Throttle";
 declare const install: Exclude<Plugin["install"], undefined>;
@@ -11,5 +11,5 @@ export * from "./lib-components/index";
 export { BaseAPI, isHttpCancel, isHttpError, setBaseAPIDefaults };
 export type { HttpPromise, HttpError, QueryParams, ReqOptions, ReqPayload, TrailsPromise, TrailsPromisePaged, TrailsResp, TrailsRespPaged, };
 export type * from "./composables/forms";
-export { emailPattern, looseToNumber, phonePattern, textInputTypes, useInputField, };
+export { emailPattern, looseToNumber, phonePattern, urlPattern, textInputTypes, useInputField, };
 export { debounceFn, debounceLeading, throttleFn };

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;
@@ -17,12 +17,10 @@ declare const _default: <T extends InputOption>(__VLS_props: {
         }): 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;
@@ -40,15 +38,13 @@ declare const _default: <T extends InputOption>(__VLS_props: {
             option: 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;
@@ -66,9 +62,7 @@ declare const _default: <T extends InputOption>(__VLS_props: {
                 option: 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 type { NavItem } from "../../composables/nav";
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    activeUrl?: string | undefined;
+type __VLS_Props = {
+    activeUrl?: string;
     iconUrl: string;
     navigation: NavItem[];
     userNavigation: NavItem[];
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    activeUrl?: string | undefined;
-    iconUrl: string;
-    navigation: NavItem[];
-    userNavigation: NavItem[];
-}> & Readonly<{}>, {
+};
+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;