@nuxt/ui 2.13.0 → 2.14.1

package/dist/runtime/components/elements/Button.vue.d.ts

@@ -83,54 +83,67 @@ declare const _default: import("vue").DefineComponent<{
     to: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     href: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     target: {
-        readonly type: PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     rel: {
-        readonly type: PropType<string | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noRel: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noPrefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     activeClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     exactActiveClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetchedClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     replace: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     external: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
 }, {
     ui: import("vue").ComputedRef<any>;
@@ -146,7 +159,7 @@ declare const _default: import("vue").DefineComponent<{
     leadingIconClass: import("vue").ComputedRef<string>;
     trailingIconClass: import("vue").ComputedRef<string>;
     linkProps: import("vue").ComputedRef<{}>;
-}, 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<{
     type: {
         type: StringConstructor;
         default: string;
@@ -229,54 +242,67 @@ declare const _default: import("vue").DefineComponent<{
     to: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     href: {
         readonly type: PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     target: {
-        readonly type: PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     rel: {
-        readonly type: PropType<string | null>;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noRel: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noPrefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     activeClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     exactActiveClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetchedClass: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     replace: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: StringConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     external: {
-        readonly type: BooleanConstructor;
+        readonly type: PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
 }>>, {
     size: ButtonSize;
@@ -285,13 +311,23 @@ declare const _default: import("vue").DefineComponent<{
     icon: string;
     color: any;
     type: string;
-    leading: boolean;
-    replace: boolean;
     class: any;
+    target: NuxtLinkProps;
+    rel: NuxtLinkProps;
+    noRel: NuxtLinkProps;
+    prefetch: NuxtLinkProps;
+    noPrefetch: NuxtLinkProps;
+    activeClass: NuxtLinkProps;
+    exactActiveClass: NuxtLinkProps;
+    prefetchedClass: NuxtLinkProps;
+    replace: NuxtLinkProps;
+    ariaCurrentValue: NuxtLinkProps;
+    external: NuxtLinkProps;
+    leading: boolean;
+    variant: ButtonVariant;
     label: string;
     loading: boolean;
     disabled: boolean;
-    variant: ButtonVariant;
     block: boolean;
     padded: boolean;
     loadingIcon: string;
@@ -301,15 +337,5 @@ declare const _default: import("vue").DefineComponent<{
     square: boolean;
     to: RouteLocationRaw;
     href: RouteLocationRaw;
-    target: (string & {}) | "_blank" | "_parent" | "_self" | "_top" | null;
-    rel: string | null;
-    noRel: boolean;
-    prefetch: boolean;
-    noPrefetch: boolean;
-    activeClass: string;
-    exactActiveClass: string;
-    prefetchedClass: string;
-    ariaCurrentValue: string;
-    external: boolean;
 }, {}>;
 export default _default;

package/dist/runtime/components/elements/ButtonGroup.d.ts

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, 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<{
     size: {
         type: PropType<ButtonSize>;
         default: null;

package/dist/runtime/components/elements/Carousel.vue

@@ -35,16 +35,16 @@
     </div>
 
     <div v-if="indicators" :class="ui.indicators.wrapper">
-      <template v-for="index in indicatorsCount" :key="index">
-        <slot name="indicator" :on-click="onClick" :active="index === currentIndex" :index="index">
+      <template v-for="page in pages" :key="page">
+        <slot name="indicator" :on-click="onClick" :active="page === currentPage" :page="page">
           <button
             type="button"
             :class="[
               ui.indicators.base,
-              index === currentIndex ? ui.indicators.active : ui.indicators.inactive
+              page === currentPage ? ui.indicators.active : ui.indicators.inactive
             ]"
-            :aria-label="`set slide ${index}`"
-            @click="onClick(index)"
+            :aria-label="`set slide ${page}`"
+            @click="onClick(page)"
           />
         </slot>
       </template>
@@ -98,7 +98,7 @@ export default defineComponent({
       default: void 0
     }
   },
-  setup(props) {
+  setup(props, { expose }) {
     const { ui, attrs } = useUI("carousel", toRef(props, "ui"), config, toRef(props, "class"));
     const carouselRef = ref();
     const itemWidth = ref(0);
@@ -110,8 +110,8 @@ export default defineComponent({
       const [entry] = entries;
       itemWidth.value = entry?.target?.firstElementChild?.clientWidth || 0;
     });
-    const currentIndex = computed(() => Math.round(x.value / itemWidth.value) + 1);
-    const indicatorsCount = computed(() => {
+    const currentPage = computed(() => Math.round(x.value / itemWidth.value) + 1);
+    const pages = computed(() => {
       if (!itemWidth.value) {
         return 0;
       }
@@ -123,9 +123,16 @@ export default defineComponent({
     function onClickPrev() {
       x.value -= itemWidth.value;
     }
-    function onClick(index) {
-      x.value = (index - 1) * itemWidth.value;
+    function onClick(page) {
+      x.value = (page - 1) * itemWidth.value;
     }
+    expose({
+      pages,
+      page: currentPage,
+      prev: onClickPrev,
+      next: onClickNext,
+      select: onClick
+    });
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,
@@ -133,8 +140,8 @@ export default defineComponent({
       isFirst,
       isLast,
       carouselRef,
-      indicatorsCount,
-      currentIndex,
+      pages,
+      currentPage,
       onClickNext,
       onClickPrev,
       onClick,

package/dist/runtime/components/elements/Carousel.vue.d.ts

@@ -45,13 +45,13 @@ declare const _default: import("vue").DefineComponent<{
     isFirst: import("vue").Ref<boolean>;
     isLast: import("vue").Ref<boolean>;
     carouselRef: import("vue").Ref<HTMLElement | undefined>;
-    indicatorsCount: import("vue").ComputedRef<number>;
-    currentIndex: import("vue").ComputedRef<number>;
+    pages: import("vue").ComputedRef<number>;
+    currentPage: import("vue").ComputedRef<number>;
     onClickNext: () => void;
     onClickPrev: () => void;
-    onClick: (index: number) => void;
+    onClick: (page: number) => void;
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => 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<{
     items: {
         type: PropType<any[]>;
         default: () => never[];

package/dist/runtime/components/elements/Chip.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     chipClass: 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<{
     size: {
         type: PropType<"sm" | "2xs" | "md" | "xs" | "3xs" | "lg" | "xl" | "2xl" | "3xl">;
         default: () => any;
@@ -81,9 +81,9 @@ declare const _default: import("vue").DefineComponent<{
     size: "sm" | "2xs" | "md" | "xs" | "3xs" | "lg" | "xl" | "2xl" | "3xl";
     ui: any;
     color: any;
+    class: any;
     inset: boolean;
     position: "top-right" | "bottom-right" | "top-left" | "bottom-left";
-    class: any;
     text: string | number;
     show: boolean;
 }, {}>;

package/dist/runtime/components/elements/Dropdown.vue

@@ -56,7 +56,7 @@
 
 <script>
 import { defineComponent, ref, computed, watch, toRef, onMounted, resolveComponent } from "vue";
-import { Menu as HMenu, MenuButton as HMenuButton, MenuItems as HMenuItems, MenuItem as HMenuItem } from "@headlessui/vue";
+import { Menu as HMenu, MenuButton as HMenuButton, MenuItems as HMenuItems, MenuItem as HMenuItem, provideUseId } from "@headlessui/vue";
 import { defu } from "defu";
 import { twMerge, twJoin } from "tailwind-merge";
 import UIcon from "../elements/Icon.vue";
@@ -67,6 +67,7 @@ import { usePopper } from "../../composables/usePopper";
 import { mergeConfig, getNuxtLinkProps } from "../../utils";
 import appConfig from "#build/app.config";
 import { dropdown } from "#ui/ui.config";
+import { useId } from "#imports";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.dropdown, dropdown);
 export default defineComponent({
   components: {
@@ -221,6 +222,7 @@ export default defineComponent({
       emit("update:open", newValue === 0);
     });
     const NuxtLink = resolveComponent("NuxtLink");
+    provideUseId(() => useId());
     return {
       // eslint-disable-next-line vue/no-dupe-keys
       ui,

package/dist/runtime/components/elements/Dropdown.vue.d.ts

@@ -79,8 +79,8 @@ declare const _default: import("vue").DefineComponent<{
     getNuxtLinkProps: (props: any) => {};
     twMerge: (...classLists: import("tailwind-merge").ClassNameValue[]) => string;
     twJoin: typeof twJoin;
-    NuxtLink: string | import("vue").ConcreteComponent<{}, any, any, import("vue").ComputedOptions, import("vue").MethodOptions>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    NuxtLink: string | import("vue").ConcreteComponent<{}, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     items: {
         type: PropType<DropdownItem[][]>;
         default: () => never[];
@@ -122,8 +122,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:open"?: ((...args: any[]) => any) | undefined;
 }, {
     ui: any;
-    popper: PopperOptions;
     class: any;
+    popper: PopperOptions;
     disabled: boolean;
     items: DropdownItem[][];
     open: boolean;

package/dist/runtime/components/elements/Icon.vue.d.ts

@@ -9,7 +9,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {
     dynamic: import("vue").ComputedRef<any>;
-}, 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<{
     name: {
         type: StringConstructor;
         required: true;

package/dist/runtime/components/elements/Kbd.vue.d.ts

@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
         [x: string]: unknown;
     }, string>>;
     kbdClass: 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<{
     value: {
         type: StringConstructor;
         default: null;

package/dist/runtime/components/elements/Link.vue

@@ -23,7 +23,7 @@
       :rel="rel"
       :target="target"
       :class="active !== undefined ? (active ? activeClass : inactiveClass) : resolveLinkClass(route, $route, { isActive, isExactActive })"
-      @click="(e) => !isExternal && navigate(e)"
+      @click="(e) => (!isExternal && !disabled) && navigate(e)"
     >
       <slot v-bind="{ isActive: active !== undefined ? active : (exact ? isExactActive : isActive) }" />
     </a>

package/dist/runtime/components/elements/Link.vue.d.ts

@@ -34,61 +34,74 @@ declare const _default: import("vue").DefineComponent<{
     to: {
         readonly type: import("vue").PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     href: {
         readonly type: import("vue").PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     target: {
-        readonly type: import("vue").PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<string | null>;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noRel: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noPrefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     activeClass: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     exactActiveClass: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetchedClass: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     replace: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     external: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
 }, {
     resolveLinkClass: (route: any, $route: any, { isActive, isExactActive }: {
         isActive: boolean;
         isExactActive: boolean;
-    }) => string | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    }) => any;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     as: {
         type: StringConstructor;
         default: string;
@@ -124,72 +137,85 @@ declare const _default: import("vue").DefineComponent<{
     to: {
         readonly type: import("vue").PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     href: {
         readonly type: import("vue").PropType<RouteLocationRaw>;
         readonly default: undefined;
+        readonly required: false;
     };
     target: {
-        readonly type: import("vue").PropType<(string & {}) | "_blank" | "_parent" | "_self" | "_top" | null>;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     rel: {
-        readonly type: import("vue").PropType<string | null>;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noRel: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     noPrefetch: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     activeClass: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     exactActiveClass: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     prefetchedClass: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     replace: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     ariaCurrentValue: {
-        readonly type: StringConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
     external: {
-        readonly type: BooleanConstructor;
+        readonly type: import("vue").PropType<NuxtLinkProps>;
         readonly default: undefined;
+        readonly required: false;
     };
 }>>, {
     type: string;
-    replace: boolean;
+    target: NuxtLinkProps;
+    rel: NuxtLinkProps;
+    noRel: NuxtLinkProps;
+    prefetch: NuxtLinkProps;
+    noPrefetch: NuxtLinkProps;
+    activeClass: NuxtLinkProps;
+    exactActiveClass: NuxtLinkProps;
+    prefetchedClass: NuxtLinkProps;
+    replace: NuxtLinkProps;
+    ariaCurrentValue: NuxtLinkProps;
+    external: NuxtLinkProps;
     as: string;
     disabled: boolean;
     to: RouteLocationRaw;
     href: RouteLocationRaw;
-    target: (string & {}) | "_blank" | "_parent" | "_self" | "_top" | null;
-    rel: string | null;
-    noRel: boolean;
-    prefetch: boolean;
-    noPrefetch: boolean;
-    activeClass: string;
-    exactActiveClass: string;
-    prefetchedClass: string;
-    ariaCurrentValue: string;
-    external: boolean;
     active: boolean;
     exact: boolean;
     exactQuery: boolean;

package/dist/runtime/components/elements/Meter.vue

@@ -30,12 +30,16 @@
 <script>
 import { computed, defineComponent, toRef } from "vue";
 import { twJoin } from "tailwind-merge";
+import UIcon from "./Icon.vue";
 import { useUI } from "../../composables/useUI";
 import { mergeConfig } from "../../utils";
 import appConfig from "#build/app.config";
 import { meter } from "#ui/ui.config";
 const config = mergeConfig(appConfig.ui.strategy, appConfig.ui.meter, meter);
 export default defineComponent({
+  components: {
+    UIcon
+  },
   inheritAttrs: false,
   slots: Object,
   props: {

package/dist/runtime/components/elements/Meter.vue.d.ts

@@ -56,7 +56,7 @@ declare const _default: import("vue").DefineComponent<{
     normalizedMin: import("vue").ComputedRef<number>;
     normalizedMax: import("vue").ComputedRef<number>;
     percent: import("vue").ComputedRef<number>;
-}, 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<{
     value: {
         type: NumberConstructor;
         default: number;

package/dist/runtime/components/elements/MeterGroup.d.ts

@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
-}>, 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<{
     min: {
         type: NumberConstructor;
         default: number;

package/dist/runtime/components/elements/Progress.vue

@@ -9,7 +9,7 @@
     </slot>
 
     <progress :class="progressClass" v-bind="{ value, max: realMax }">
-      {{ Math.round(percent) }}%
+      {{ percent !== undefined ? `${Math.round(percent)}%` : undefined }}
     </progress>
 
     <div v-if="isSteps" :class="stepsClass">
@@ -163,6 +163,9 @@ export default defineComponent({
       return Number(props.max);
     });
     const percent = computed(() => {
+      if (isIndeterminate.value) {
+        return void 0;
+      }
       switch (true) {
         case props.value < 0:
           return 0;