@nuxt/ui 2.17.0 → 2.18.0

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

@@ -1,5 +1,68 @@
 import type { PropType } from 'vue';
-import type { RangeSize } from '../../types';
+import type { RangeSize, RangeColor, Strategy } from '../../types.js';
+declare const config: {
+    wrapper: string;
+    base: string;
+    rounded: string;
+    background: string;
+    ring: string;
+    progress: {
+        base: string;
+        rounded: string;
+        background: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    thumb: {
+        base: string;
+        color: string;
+        background: string;
+        ring: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    track: {
+        base: string;
+        background: string;
+        rounded: string;
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+    };
+    size: {
+        '2xs': string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    default: {
+        size: string;
+        color: string;
+    };
+};
 declare const _default: import("vue").DefineComponent<{
     modelValue: {
         type: NumberConstructor;
@@ -7,11 +70,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     disabled: {
         type: BooleanConstructor;
@@ -31,33 +94,97 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<RangeSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<RangeColor>;
+        default: () => string;
         validator(value: string): any;
     };
     inputClass: {
         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;
+        base: string;
+        rounded: string;
+        background: string;
+        ring: string;
+        progress: {
+            base: string;
+            rounded: string;
+            background: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+        thumb: {
+            base: string;
+            color: string;
+            background: string;
+            ring: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+        track: {
+            base: string;
+            background: string;
+            rounded: string;
+            size: {
+                '2xs': string;
+                xs: string;
+                sm: string;
+                md: string;
+                lg: string;
+                xl: string;
+                '2xl': string;
+            };
+        };
+        size: {
+            '2xs': string;
+            xs: string;
+            sm: string;
+            md: string;
+            lg: string;
+            xl: string;
+            '2xl': string;
+        };
+        default: {
+            size: string;
+            color: string;
+        };
+    }>;
     attrs: import("vue").ComputedRef<Pick<{
         [x: string]: unknown;
     }, string>>;
-    name: import("vue").ComputedRef<string | undefined>;
-    inputId: import("vue").ComputedRef<string | undefined>;
+    name: import("vue").ComputedRef<string>;
+    inputId: import("vue").ComputedRef<string>;
     value: import("vue").WritableComputedRef<number>;
     wrapperClass: import("vue").ComputedRef<string>;
     inputClass: import("vue").ComputedRef<string>;
@@ -75,11 +202,11 @@ declare const _default: import("vue").DefineComponent<{
     };
     id: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     name: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     disabled: {
         type: BooleanConstructor;
@@ -99,41 +226,43 @@ declare const _default: import("vue").DefineComponent<{
     };
     size: {
         type: PropType<RangeSize>;
-        default: null;
+        default: any;
         validator(value: string): boolean;
     };
     color: {
-        type: PropType<any>;
-        default: () => any;
+        type: PropType<RangeColor>;
+        default: () => string;
         validator(value: string): any;
     };
     inputClass: {
         type: StringConstructor;
-        default: null;
+        default: any;
     };
     class: {
         type: PropType<any>;
         default: () => "";
     };
     ui: {
-        type: PropType<any>;
+        type: PropType<Partial<typeof config> & {
+            strategy?: Strategy;
+        }>;
         default: () => {};
     };
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
 }, {
     size: RangeSize;
-    name: string;
-    class: any;
-    color: any;
+    ui: {};
     disabled: boolean;
-    ui: any;
-    max: number;
+    color: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
     step: number;
     id: string;
+    class: any;
+    name: string;
     modelValue: number;
-    inputClass: string;
+    max: number;
     min: number;
+    inputClass: string;
 }, {}>;
 export default _default;

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

@@ -55,7 +55,7 @@
 <script>
 import { computed, toRef, defineComponent } from "vue";
 import { twMerge, twJoin } from "tailwind-merge";
-import UIcon from "../elements/Icon.vue";
+import { UIcon } from "#components";
 import { useUI } from "../../composables/useUI";
 import { useFormGroup } from "../../composables/useFormGroup";
 import { mergeConfig, get } from "../../utils";
@@ -179,7 +179,7 @@ export default defineComponent({
     const { ui, attrs } = useUI("select", toRef(props, "ui"), config, toRef(props, "class"));
     const { size: sizeButtonGroup, rounded } = useInjectButtonGroup({ ui, props });
     const { emitFormChange, inputId, color, size: sizeFormGroup, name } = useFormGroup(props, config);
-    const size = computed(() => sizeButtonGroup.value || sizeFormGroup.value);
+    const size = computed(() => sizeButtonGroup.value ?? sizeFormGroup.value);
     const onInput = (event) => {
       emit("update:modelValue", event.target.value);
     };