@nuxt/ui 2.17.0 → 2.18.1

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

@@ -1,4 +1,81 @@
 import type { SlotsType, PropType } from 'vue';
+import type { Strategy, MeterColor, MeterSize } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    indicator: {
+        container: string;
+        text: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    meter: {
+        base: string;
+        background: string;
+        color: string;
+        ring: string;
+        rounded: string;
+        shadow: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        appearance: {
+            inner: string;
+            meter: string;
+            bar: string;
+            value: string;
+        };
+        bar: {
+            transition: string;
+            ring: string;
+            rounded: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+    };
+    label: {
+        base: string;
+        text: string;
+        color: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    color: {
+        white: string;
+        black: string;
+        gray: string;
+    };
+    default: {
+        size: string;
+        color: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     value: {
         type: NumberConstructor;
@@ -18,32 +95,109 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl">;
-        default: () => any;
+        type: PropType<MeterSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<MeterColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     icon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }, {
-    ui: import("vue").ComputedRef<any>;
+    ui: import("vue").ComputedRef<{
+        wrapper: string;
+        indicator: {
+            container: string;
+            text: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+        meter: {
+            base: string;
+            background: string;
+            color: string;
+            ring: string;
+            rounded: string;
+            shadow: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+            appearance: {
+                inner: string;
+                meter: string;
+                bar: string;
+                value: string;
+            };
+            bar: {
+                transition: string;
+                ring: string;
+                rounded: string;
+                size: {
+                    '2xs': string;
+                    xs: string;
+                    sm: string;
+                    md: string;
+                    lg: string;
+                    xl: string;
+                    '2xl': string;
+                };
+            };
+        };
+        label: {
+            base: string;
+            text: string;
+            color: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+        color: {
+            white: string;
+            black: string;
+            gray: string;
+        };
+        default: {
+            size: string;
+            color: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
@@ -75,49 +229,51 @@ declare const _default: import("vue").DefineComponent<{
     };
     label: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl">;
-        default: () => any;
+        type: PropType<MeterSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<MeterColor>;
+        default: () => string;
         validator(value: string): boolean;
     };
     icon: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>>, {
-    value: number;
-    size: "sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl";
-    label: string;
+    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
     class: any;
-    color: any;
-    ui: any;
+    ui: {};
+    color: MeterColor;
+    label: string;
     icon: string;
-    max: number;
     indicator: boolean;
+    value: number;
+    max: number;
     min: number;
 }, SlotsType<{
     indicator?: {
         percent: number;
         value: number;
-    } | undefined;
+    };
     label?: {
         percent: number;
         value: number;
-    } | undefined;
+    };
 }>>;
 export default _default;

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

@@ -1,5 +1,58 @@
 import type { VNode, SlotsType, PropType } from 'vue';
-declare const _default: import("vue").DefineComponent<{
+import Meter from './Meter.vue.js';
+import type { Strategy, MeterSize } from '../../types.js';
+declare const meterGroupConfig: {
+    wrapper: string;
+    base: string;
+    background: string;
+    transition: string;
+    rounded: string;
+    shadow: string;
+    list: string;
+    orientation: {
+        'rounded-none': {
+            left: string;
+            right: string;
+        };
+        'rounded-sm': {
+            left: string;
+            right: string;
+        };
+        rounded: {
+            left: string;
+            right: string;
+        };
+        'rounded-md': {
+            left: string;
+            right: string;
+        };
+        'rounded-lg': {
+            left: string;
+            right: string;
+        };
+        'rounded-xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-2xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-3xl': {
+            left: string;
+            right: string;
+        };
+        'rounded-full': {
+            left: string;
+            right: string;
+        };
+    };
+    default: {
+        size: string;
+        icon: string;
+    };
+};
+declare const _default: import("@vue/runtime-core").DefineComponent<{
     min: {
         type: NumberConstructor;
         default: number;
@@ -9,8 +62,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl">;
-        default: () => any;
+        type: PropType<MeterSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     indicator: {
@@ -19,19 +72,21 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof meterGroupConfig> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
-}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+}, () => VNode<import("@vue/runtime-core").RendererNode, import("@vue/runtime-core").RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, unknown, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("@vue/runtime-core").ExtractPropTypes<{
     min: {
         type: NumberConstructor;
         default: number;
@@ -41,8 +96,8 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     size: {
-        type: PropType<"sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl">;
-        default: () => any;
+        type: PropType<MeterSize>;
+        default: () => string;
         validator(value: string): boolean;
     };
     indicator: {
@@ -51,28 +106,30 @@ declare const _default: import("vue").DefineComponent<{
     };
     icon: {
         type: StringConstructor;
-        default: () => any;
+        default: () => string;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof meterGroupConfig> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>>, {
-    size: "sm" | "2xs" | "md" | "xs" | "lg" | "xl" | "2xl";
-    ui: any;
+    size: "xs" | "sm" | "2xs" | "md" | "lg" | "xl" | "2xl";
+    ui: {};
     icon: string;
     class: any;
     max: number;
     min: number;
     indicator: boolean;
 }, SlotsType<{
-    default?: any[] | undefined;
+    default?: (typeof Meter)[];
     indicator?: {
         percent: number;
-    } | undefined;
+    };
 }>>;
 export default _default;

package/dist/runtime/components/elements/{MeterGroup.mjs → MeterGroup.js}

@@ -1,8 +1,8 @@
 import { h, cloneVNode, computed, toRef, defineComponent } from "vue";
 import { twJoin } from "tailwind-merge";
-import UIcon from "./Icon.vue";
-import { useUI } from "../../composables/useUI.mjs";
-import { mergeConfig, getSlotsChildren } from "../../utils/index.mjs";
+import UIcon from "../elements/Icon.vue";
+import { useUI } from "../../composables/useUI.js";
+import { mergeConfig, getSlotsChildren } from "../../utils/index.js";
 import appConfig from "#build/app.config";
 import { meter, meterGroup } from "#ui/ui.config";
 const meterConfig = mergeConfig(appConfig.ui.strategy, appConfig.ui.meter, meter);

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

@@ -1,5 +1,5 @@
 <template>
-  <div :class="ui.wrapper" v-bind="attrs">
+  <div :class="ui.wrapper" role="progressbar">
     <slot v-if="indicator || $slots.indicator" name="indicator" v-bind="{ percent }">
       <div v-if="!isSteps" :class="indicatorContainerClass" :style="{ width: `${percent}%` }">
         <div :class="indicatorClass">
@@ -8,7 +8,12 @@
       </div>
     </slot>
 
-    <progress :class="progressClass" v-bind="{ value, max: realMax }">
+    <progress
+      :aria-valuemax="realMax"
+      :aria-valuenow="value"
+      :class="progressClass"
+      v-bind="{ value, max: realMax, ...attrs }"
+    >
       {{ percent !== undefined ? `${Math.round(percent)}%` : undefined }}
     </progress>