@nuxt/ui 2.13.0 → 2.14.0

package/dist/runtime/components/forms/Radio.vue

@@ -26,21 +26,20 @@
 </template>
 
 <script>
-import { computed, defineComponent, inject, toRef, onMounted, ref } from "vue";
+import { computed, defineComponent, inject, toRef } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
 import { useUI } from "../../composables/useUI";
+import { useFormGroup } from "../../composables/useFormGroup";
 import { mergeConfig } from "../../utils";
 import appConfig from "#build/app.config";
 import { radio } from "#ui/ui.config";
-import { uid } from "../../utils/uid";
-import { useFormGroup } from "../../composables/useFormGroup";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.radio, radio);
 export default defineComponent({
-  inheritAttrs: false,
   props: {
     id: {
       type: String,
-      default: () => null
+      default: null
     },
     value: {
       type: [String, Number, Boolean],
@@ -93,14 +92,9 @@ export default defineComponent({
   emits: ["update:modelValue", "change"],
   setup(props, { emit }) {
     const { ui, attrs } = useUI("radio", toRef(props, "ui"), config, toRef(props, "class"));
+    const inputId = props.id ?? useId();
     const radioGroup = inject("radio-group", null);
     const { emitFormChange, color, name } = radioGroup ?? useFormGroup(props, config);
-    const inputId = ref(props.id);
-    onMounted(() => {
-      if (!inputId.value) {
-        inputId.value = uid();
-      }
-    });
     const pick = computed({
       get() {
         return props.modelValue;

package/dist/runtime/components/forms/Radio.vue.d.ts

@@ -2,7 +2,7 @@ import type { PropType } from 'vue';
 declare const _default: import("vue").DefineComponent<{
     id: {
         type: StringConstructor;
-        default: () => null;
+        default: null;
     };
     value: {
         type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }, {
-    inputId: import("vue").Ref<string>;
+    inputId: string;
     ui: import("vue").ComputedRef<any>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
@@ -58,10 +58,10 @@ declare const _default: import("vue").DefineComponent<{
     pick: import("vue").WritableComputedRef<string | number | boolean | Record<string, any>>;
     name: import("vue").ComputedRef<string | undefined>;
     inputClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
-        default: () => null;
+        default: null;
     };
     value: {
         type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
@@ -116,11 +116,11 @@ declare const _default: import("vue").DefineComponent<{
     value: string | number | boolean;
     id: string;
     color: any;
-    name: string;
     class: any;
+    name: string;
     label: string;
-    modelValue: string | number | boolean | Record<string, any>;
     disabled: boolean;
+    modelValue: string | number | boolean | Record<string, any>;
     required: boolean;
     help: string;
     inputClass: string;

package/dist/runtime/components/forms/RadioGroup.vue

@@ -12,6 +12,7 @@
         :label="option.label"
         :model-value="modelValue"
         :value="option.value"
+        :help="option.help"
         :disabled="option.disabled || disabled"
         :ui="uiRadio"
         @change="onUpdate(option.value)"

package/dist/runtime/components/forms/RadioGroup.vue.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     }, string>>;
     normalizedOptions: import("vue").ComputedRef<any[]>;
     onUpdate: (value: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
         default: string;
@@ -105,12 +105,12 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     ui: any;
     color: any;
-    legend: string;
+    class: any;
     options: unknown[];
     name: string;
-    class: any;
-    modelValue: string | number | Record<string, any>;
+    legend: string;
     disabled: boolean;
+    modelValue: string | number | Record<string, any>;
     optionAttribute: string;
     valueAttribute: string;
     uiRadio: any;

package/dist/runtime/components/forms/Range.vue.d.ts

@@ -57,7 +57,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     name: import("vue").ComputedRef<string | undefined>;
-    inputId: import("vue").Ref<string | undefined>;
+    inputId: import("vue").ComputedRef<string | undefined>;
     value: import("vue").WritableComputedRef<number>;
     wrapperClass: import("vue").ComputedRef<string>;
     inputClass: import("vue").ComputedRef<string>;
@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
         width: string;
     }>;
     onChange: (event: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: NumberConstructor;
         default: number;
@@ -127,10 +127,10 @@ declare const _default: import("vue").DefineComponent<{
     ui: any;
     id: string;
     color: any;
-    name: string;
     class: any;
-    modelValue: number;
+    name: string;
     disabled: boolean;
+    modelValue: number;
     max: number;
     min: number;
     inputClass: string;

package/dist/runtime/components/forms/Select.vue.d.ts

@@ -102,7 +102,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     name: ComputedRef<string | undefined>;
-    inputId: import("vue").Ref<string | undefined>;
+    inputId: ComputedRef<string | undefined>;
     normalizedOptionsWithPlaceholder: ComputedRef<{
         disabled?: boolean | undefined;
         children: {
@@ -121,7 +121,7 @@ declare const _default: import("vue").DefineComponent<{
     trailingWrapperIconClass: ComputedRef<string>;
     onInput: (event: Event) => void;
     onChange: (event: Event) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | NumberConstructor | StringConstructor)[];
         default: string;
@@ -226,21 +226,21 @@ declare const _default: import("vue").DefineComponent<{
     id: string;
     icon: string;
     color: any;
+    class: any;
     options: unknown[];
     name: string;
     leading: boolean;
-    class: any;
+    variant: SelectVariant;
+    disabled: boolean;
     modelValue: string | number | Record<string, any>;
     loading: boolean;
-    disabled: boolean;
-    variant: SelectVariant;
-    required: boolean;
     placeholder: string;
     padded: boolean;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
+    required: boolean;
     optionAttribute: string;
     valueAttribute: string;
     selectClass: string;

package/dist/runtime/components/forms/SelectMenu.vue

@@ -133,7 +133,8 @@ import {
   Listbox as HListbox,
   ListboxButton as HListboxButton,
   ListboxOptions as HListboxOptions,
-  ListboxOption as HListboxOption
+  ListboxOption as HListboxOption,
+  provideUseId
 } from "@headlessui/vue";
 import { computedAsync, useDebounceFn } from "@vueuse/core";
 import { defu } from "defu";
@@ -147,6 +148,7 @@ import { get, mergeConfig } from "../../utils";
 import { useInjectButtonGroup } from "../../composables/useButtonGroup";
 import appConfig from "#build/app.config";
 import { select, selectMenu } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.select, select);
 const configMenu = mergeConfig(appConfig.ui.strategy, appConfig.ui.selectMenu, selectMenu);
 export default defineComponent({
@@ -474,6 +476,7 @@ export default defineComponent({
     function onChange(event) {
       query.value = event.target.value;
     }
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/forms/SelectMenu.vue.d.ts

@@ -158,7 +158,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     name: import("vue").ComputedRef<string | undefined>;
-    inputId: import("vue").Ref<string | undefined>;
+    inputId: import("vue").ComputedRef<string | undefined>;
     popper: import("vue").ComputedRef<PopperOptions>;
     trigger: import("vue").Ref<import("@vueuse/core").MaybeElement>;
     container: import("vue").Ref<import("@vueuse/core").MaybeElement>;
@@ -179,7 +179,7 @@ declare const _default: import("vue").DefineComponent<{
     query: import("vue").WritableComputedRef<string>;
     onUpdate: (event: any) => void;
     onChange: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "close" | "update:modelValue" | "open" | "update:query")[], "change" | "close" | "update:modelValue" | "open" | "update:query", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
         default: string;
@@ -331,9 +331,9 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    onClose?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
     "onUpdate:query"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -342,6 +342,7 @@ declare const _default: import("vue").DefineComponent<{
     id: string;
     icon: string;
     color: any;
+    class: any;
     options: string[] | {
         [key: string]: any;
         disabled?: boolean | undefined;
@@ -349,20 +350,19 @@ declare const _default: import("vue").DefineComponent<{
     popper: PopperOptions;
     name: string;
     leading: boolean;
-    class: any;
+    variant: SelectVariant;
+    disabled: boolean;
     modelValue: string | number | unknown[] | Record<string, any>;
     by: string;
     loading: boolean;
-    disabled: boolean;
     multiple: boolean;
-    variant: SelectVariant;
-    required: boolean;
     placeholder: string;
     padded: boolean;
     loadingIcon: string;
     leadingIcon: string;
     trailingIcon: string;
     trailing: boolean;
+    required: boolean;
     query: string;
     selectedIcon: string;
     optionAttribute: string;

package/dist/runtime/components/forms/Textarea.vue

@@ -61,6 +61,10 @@ export default defineComponent({
       type: Number,
       default: 3
     },
+    maxrows: {
+      type: Number,
+      default: 0
+    },
     autoresize: {
       type: Boolean,
       default: false
@@ -147,7 +151,7 @@ export default defineComponent({
         const { scrollHeight } = textarea2.value;
         const newRows = (scrollHeight - padding) / lineHeight;
         if (newRows > props.rows) {
-          textarea2.value.rows = newRows;
+          textarea2.value.rows = props.maxrows ? Math.min(newRows, props.maxrows) : newRows;
         }
       }
     };

package/dist/runtime/components/forms/Textarea.vue.d.ts

@@ -29,6 +29,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    maxrows: {
+        type: NumberConstructor;
+        default: number;
+    };
     autoresize: {
         type: BooleanConstructor;
         default: boolean;
@@ -90,13 +94,13 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     name: import("vue").ComputedRef<string | undefined>;
-    inputId: import("vue").Ref<string | undefined>;
+    inputId: import("vue").ComputedRef<string | undefined>;
     textarea: import("vue").Ref<HTMLTextAreaElement | null>;
     textareaClass: import("vue").ComputedRef<string>;
     onInput: (event: Event) => void;
     onChange: (event: Event) => void;
     onBlur: (event: FocusEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "update:modelValue")[], "blur" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "update:modelValue")[], "blur" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (NumberConstructor | StringConstructor)[];
         default: string;
@@ -125,6 +129,10 @@ declare const _default: import("vue").DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
+    maxrows: {
+        type: NumberConstructor;
+        default: number;
+    };
     autoresize: {
         type: BooleanConstructor;
         default: boolean;
@@ -189,15 +197,15 @@ declare const _default: import("vue").DefineComponent<{
     ui: any;
     id: string;
     color: any;
-    name: string;
     class: any;
+    name: string;
+    variant: TextareaVariant;
+    disabled: boolean;
     modelValue: string | number;
     rows: number;
-    disabled: boolean;
-    variant: TextareaVariant;
-    required: boolean;
     placeholder: string;
     padded: boolean;
+    required: boolean;
     autofocus: boolean;
     autofocusDelay: number;
     modelModifiers: {
@@ -205,6 +213,7 @@ declare const _default: import("vue").DefineComponent<{
         lazy?: boolean | undefined;
         number?: boolean | undefined;
     };
+    maxrows: number;
     autoresize: boolean;
     textareaClass: string;
 }, {}>;

package/dist/runtime/components/forms/Toggle.vue

@@ -20,7 +20,7 @@
 
 <script>
 import { computed, toRef, defineComponent } from "vue";
-import { Switch as HSwitch } from "@headlessui/vue";
+import { Switch as HSwitch, provideUseId } from "@headlessui/vue";
 import { twMerge, twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
 import { useUI } from "../../composables/useUI";
@@ -28,6 +28,7 @@ import { useFormGroup } from "../../composables/useFormGroup";
 import { mergeConfig } from "../../utils";
 import appConfig from "#build/app.config";
 import { toggle } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.toggle, toggle);
 export default defineComponent({
   components: {
@@ -124,6 +125,7 @@ export default defineComponent({
         color.value && ui.value.icon.off.replaceAll("{color}", color.value)
       );
     });
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/forms/Toggle.vue.d.ts

@@ -49,13 +49,13 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     name: import("vue").ComputedRef<string | undefined>;
-    inputId: import("vue").Ref<string | undefined>;
+    inputId: import("vue").ComputedRef<string | undefined>;
     active: import("vue").WritableComputedRef<boolean>;
     switchClass: import("vue").ComputedRef<string>;
     containerClass: import("vue").ComputedRef<string>;
     onIconClass: import("vue").ComputedRef<string>;
     offIconClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     id: {
         type: StringConstructor;
         default: null;
@@ -106,10 +106,10 @@ declare const _default: import("vue").DefineComponent<{
     ui: any;
     id: string;
     color: any;
-    name: string;
     class: any;
-    modelValue: boolean;
+    name: string;
     disabled: boolean;
+    modelValue: boolean;
     onIcon: string;
     offIcon: string;
 }, {}>;

package/dist/runtime/components/layout/Card.vue

@@ -7,7 +7,7 @@
     <div v-if="$slots.header" :class="[ui.header.base, ui.header.padding, ui.header.background]">
       <slot name="header" />
     </div>
-    <div :class="[ui.body.base, ui.body.padding, ui.body.background]">
+    <div v-if="$slots.default" :class="[ui.body.base, ui.body.padding, ui.body.background]">
       <slot />
     </div>
     <div v-if="$slots.footer" :class="[ui.footer.base, ui.footer.padding, ui.footer.background]">

package/dist/runtime/components/layout/Card.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     cardClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;

package/dist/runtime/components/layout/Container.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     containerClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;

package/dist/runtime/components/layout/Divider.vue

@@ -47,6 +47,13 @@ export default defineComponent({
       type: Object,
       default: null
     },
+    size: {
+      type: String,
+      default: () => config.default.size,
+      validator(value) {
+        return Object.keys(config.border.size.horizontal).includes(value) || Object.keys(config.border.size.vertical).includes(value);
+      }
+    },
     orientation: {
       type: String,
       default: "horizontal",
@@ -84,7 +91,7 @@ export default defineComponent({
       return twJoin(
         ui.value.border.base,
         ui.value.border[props.orientation],
-        ui.value.border.size[props.orientation],
+        ui.value.border.size[props.orientation][props.size],
         ui.value.border.type[props.type]
       );
     });

package/dist/runtime/components/layout/Divider.vue.d.ts

@@ -1,5 +1,5 @@
 import type { PropType } from 'vue';
-import type { Avatar } from '../../types';
+import type { Avatar, DividerSize } from '../../types';
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
@@ -13,6 +13,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Avatar>;
         default: null;
     };
+    size: {
+        type: PropType<DividerSize>;
+        default: () => any;
+        validator(value: string): boolean;
+    };
     orientation: {
         type: PropType<"horizontal" | "vertical">;
         default: string;
@@ -25,7 +30,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     class: {
         type: PropType<any>;
-        default: () => string;
+        default: () => "";
     };
     ui: {
         type: PropType<any>;
@@ -39,7 +44,7 @@ declare const _default: import("vue").DefineComponent<{
     wrapperClass: import("vue").ComputedRef<string>;
     containerClass: import("vue").ComputedRef<string>;
     borderClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: null;
@@ -52,6 +57,11 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Avatar>;
         default: null;
     };
+    size: {
+        type: PropType<DividerSize>;
+        default: () => any;
+        validator(value: string): boolean;
+    };
     orientation: {
         type: PropType<"horizontal" | "vertical">;
         default: string;
@@ -64,7 +74,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     class: {
         type: PropType<any>;
-        default: () => string;
+        default: () => "";
     };
     ui: {
         type: PropType<any>;
@@ -72,6 +82,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     orientation: "horizontal" | "vertical";
+    size: DividerSize;
     ui: any;
     icon: string;
     avatar: Avatar;

package/dist/runtime/components/layout/Skeleton.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     skeletonClass: import("vue").ComputedRef<string>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     class: {
         type: PropType<any>;
         default: () => string;

package/dist/runtime/components/navigation/Breadcrumb.vue.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<{
     getULinkProps: (props: any) => {};
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
     twJoin: typeof twJoin;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     links: {
         type: PropType<BreadcrumbLink[]>;
         default: () => never[];

package/dist/runtime/components/navigation/CommandPalette.vue

@@ -63,7 +63,7 @@
 
 <script>
 import { ref, computed, watch, toRef, onMounted, defineComponent } from "vue";
-import { Combobox as HCombobox, ComboboxInput as HComboboxInput, ComboboxOptions as HComboboxOptions } from "@headlessui/vue";
+import { Combobox as HCombobox, ComboboxInput as HComboboxInput, ComboboxOptions as HComboboxOptions, provideUseId } from "@headlessui/vue";
 import { useDebounceFn } from "@vueuse/core";
 import { useFuse } from "@vueuse/integrations/useFuse";
 import { twJoin } from "tailwind-merge";
@@ -75,6 +75,7 @@ import { useUI } from "../../composables/useUI";
 import { mergeConfig } from "../../utils";
 import appConfig from "#build/app.config";
 import { commandPalette } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.commandPalette, commandPalette);
 export default defineComponent({
   components: {
@@ -316,6 +317,7 @@ export default defineComponent({
       comboboxApi,
       results
     });
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/navigation/CommandPalette.vue.d.ts

@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
     emptyState: ComputedRef<any>;
     onSelect: (option: Command | Command[]) => void;
     onClear: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: (ObjectConstructor | NumberConstructor | StringConstructor | ArrayConstructor)[];
         default: null;
@@ -200,8 +200,8 @@ declare const _default: import("vue").DefineComponent<{
         default: () => {};
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     ui: any;
     icon: string;

package/dist/runtime/components/navigation/CommandPaletteGroup.vue

@@ -71,10 +71,11 @@
 
 <script>
 import { computed, defineComponent } from "vue";
-import { ComboboxOption as HComboboxOption } from "@headlessui/vue";
+import { ComboboxOption as HComboboxOption, provideUseId } from "@headlessui/vue";
 import UIcon from "../elements/Icon.vue";
 import UAvatar from "../elements/Avatar.vue";
 import UKbd from "../elements/Kbd.vue";
+import { useId } from "#imports";
 export default defineComponent({
   components: {
     HComboboxOption,
@@ -137,6 +138,7 @@ export default defineComponent({
       }
       return content;
     }
+    provideUseId(() => useId());
     return {
       label,
       highlight

package/dist/runtime/components/navigation/CommandPaletteGroup.vue.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         indices: number[][];
         value: string;
     }) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     group: {
         type: PropType<Group>;
         required: true;