@vuetify/nightly 3.6.13-3.7.0-beta.0.0-dev.2024-07-10 → 3.6.13-3.7.0-beta.0.0-dev.2024-07-24

package/lib/components/VBreadcrumbs/index.d.mts

@@ -60,14 +60,14 @@ declare const VBreadcrumbs: {
         tile: boolean;
         density: Density;
     } & {
-        class?: any;
         color?: string | undefined;
+        class?: any;
         icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
-    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "v-slot:default" | "$children" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider" | "v-slot:item">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
+    }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:item" | "v-slot:divider">, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         style: vue.StyleValue;
         disabled: boolean;
         tag: string;
@@ -75,8 +75,8 @@ declare const VBreadcrumbs: {
         tile: boolean;
         density: Density;
     } & {
-        class?: any;
         color?: string | undefined;
+        class?: any;
         icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -130,8 +130,8 @@ declare const VBreadcrumbs: {
         tile: boolean;
         density: Density;
     } & {
-        class?: any;
         color?: string | undefined;
+        class?: any;
         icon?: IconValue | undefined;
         rounded?: string | number | boolean | undefined;
         bgColor?: string | undefined;
@@ -157,14 +157,14 @@ declare const VBreadcrumbs: {
     tile: boolean;
     density: Density;
 } & {
-    class?: any;
     color?: string | undefined;
+    class?: any;
     icon?: IconValue | undefined;
     rounded?: string | number | boolean | undefined;
     bgColor?: string | undefined;
     activeColor?: string | undefined;
     activeClass?: string | undefined;
-}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "v-slot:default" | "$children" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:divider" | "v-slot:item">, string, {
+}, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Omit<Record<string, any>, "$children" | "v-slot:default" | "v-slots" | "items" | "v-slot:title" | "v-slot:prepend" | "v-slot:item" | "v-slot:divider">, string, {
     style: vue.StyleValue;
     disabled: boolean;
     tag: string;
@@ -235,12 +235,12 @@ declare const VBreadcrumbs: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -272,12 +272,12 @@ declare const VBreadcrumbs: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
@@ -311,16 +311,16 @@ type VBreadcrumbs = InstanceType<typeof VBreadcrumbs>;
 declare const VBreadcrumbsItem: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         replace: boolean;
-        style: vue.StyleValue;
+        exact: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        exact: boolean;
     } & {
-        class?: any;
+        color?: string | undefined;
         title?: string | undefined;
+        class?: any;
         href?: string | undefined;
-        color?: string | undefined;
         to?: vue_router.RouteLocationRaw | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
@@ -335,16 +335,16 @@ declare const VBreadcrumbsItem: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         replace: boolean;
-        style: vue.StyleValue;
+        exact: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        exact: boolean;
     } & {
-        class?: any;
+        color?: string | undefined;
         title?: string | undefined;
+        class?: any;
         href?: string | undefined;
-        color?: string | undefined;
         to?: vue_router.RouteLocationRaw | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
@@ -359,11 +359,11 @@ declare const VBreadcrumbsItem: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {
         replace: boolean;
-        style: vue.StyleValue;
+        exact: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        exact: boolean;
     }, true, {}, vue.SlotsType<Partial<{
         default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
             [key: string]: any;
@@ -377,16 +377,16 @@ declare const VBreadcrumbsItem: {
         Defaults: {};
     }, {
         replace: boolean;
-        style: vue.StyleValue;
+        exact: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        exact: boolean;
     } & {
-        class?: any;
+        color?: string | undefined;
         title?: string | undefined;
+        class?: any;
         href?: string | undefined;
-        color?: string | undefined;
         to?: vue_router.RouteLocationRaw | undefined;
         activeColor?: string | undefined;
         activeClass?: string | undefined;
@@ -401,27 +401,27 @@ declare const VBreadcrumbsItem: {
         "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
     }, {}, {}, {}, {}, {
         replace: boolean;
-        style: vue.StyleValue;
+        exact: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
         tag: string;
-        exact: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     replace: boolean;
-    style: vue.StyleValue;
+    exact: boolean;
     active: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    exact: boolean;
 } & {
-    class?: any;
+    color?: string | undefined;
     title?: string | undefined;
+    class?: any;
     href?: string | undefined;
-    color?: string | undefined;
     to?: vue_router.RouteLocationRaw | undefined;
     activeColor?: string | undefined;
     activeClass?: string | undefined;
@@ -436,11 +436,11 @@ declare const VBreadcrumbsItem: {
     "v-slot:default"?: false | (() => vue.VNodeChild) | undefined;
 }, {}, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, Record<string, any>, string, {
     replace: boolean;
-    style: vue.StyleValue;
+    exact: boolean;
     active: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
     tag: string;
-    exact: boolean;
 }, {}, string, vue.SlotsType<Partial<{
     default: () => vue.VNode<vue.RendererNode, vue.RendererElement, {
         [key: string]: any;
@@ -449,7 +449,7 @@ declare const VBreadcrumbsItem: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<string>;
         default: string;
     };
@@ -472,7 +472,7 @@ declare const VBreadcrumbsItem: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: vue.PropType<string>;
         default: string;
     };

package/lib/components/VBtn/VBtn.css

@@ -328,6 +328,9 @@
 .v-btn--stacked .v-icon {
   --v-icon-size-multiplier: 1.1428571429;
 }
+.v-btn--stacked.v-btn--block {
+  min-width: 100%;
+}
 
 .v-btn__loader {
   align-items: center;

package/lib/components/VBtn/VBtn.sass

@@ -168,6 +168,9 @@
       .v-icon
         --v-icon-size-multiplier: #{calc(24/21)}
 
+      &.v-btn--block
+        min-width: 100%
+
   .v-btn__loader
     align-items: center
     display: flex

package/lib/components/VBtn/index.d.mts

@@ -57,16 +57,16 @@ declare const IconValue: PropType<IconValue>;
 declare const VBtn: {
     new (...args: any[]): vue.CreateComponentPublicInstance<{
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -75,27 +75,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         activeColor?: string | undefined;
@@ -131,16 +131,16 @@ declare const VBtn: {
         }) => true;
     }, vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & {
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -149,27 +149,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         activeColor?: string | undefined;
@@ -199,18 +199,18 @@ declare const VBtn: {
         }) => any) | undefined;
     }, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -240,16 +240,16 @@ declare const VBtn: {
         Defaults: {};
     }, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         style: vue.StyleValue;
-        size: string | number;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
+        tag: string;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -258,27 +258,27 @@ declare const VBtn: {
             class: string;
         } | undefined;
     } & {
-        class?: any;
-        text?: string | undefined;
-        value?: any;
-        width?: string | number | undefined;
+        location?: Anchor | undefined;
         height?: string | number | undefined;
+        width?: string | number | undefined;
         active?: boolean | undefined;
-        theme?: string | undefined;
-        href?: string | undefined;
-        color?: string | undefined;
-        loading?: string | boolean | undefined;
-        icon?: boolean | IconValue | undefined;
-        to?: vue_router.RouteLocationRaw | undefined;
         border?: string | number | boolean | undefined;
-        position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-        rounded?: string | number | boolean | undefined;
+        color?: string | undefined;
         maxHeight?: string | number | undefined;
         maxWidth?: string | number | undefined;
         minHeight?: string | number | undefined;
         minWidth?: string | number | undefined;
+        position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+        value?: any;
+        loading?: string | boolean | undefined;
+        text?: string | undefined;
+        class?: any;
+        icon?: boolean | IconValue | undefined;
+        href?: string | undefined;
         elevation?: string | number | undefined;
-        location?: Anchor | undefined;
+        to?: vue_router.RouteLocationRaw | undefined;
+        theme?: string | undefined;
+        rounded?: string | number | boolean | undefined;
         baseColor?: string | undefined;
         selectedClass?: string | undefined;
         activeColor?: string | undefined;
@@ -310,18 +310,18 @@ declare const VBtn: {
         group: GroupItemProvide | null;
     }, {}, {}, {}, {
         symbol: any;
-        flat: boolean;
         replace: boolean;
-        style: vue.StyleValue;
-        size: string | number;
+        flat: boolean;
+        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+        exact: boolean;
+        block: boolean;
         active: boolean;
+        style: vue.StyleValue;
         disabled: boolean;
-        tag: string;
+        size: string | number;
         readonly: boolean;
+        tag: string;
         rounded: string | number | boolean;
-        variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-        block: boolean;
-        exact: boolean;
         tile: boolean;
         density: Density;
         slim: boolean;
@@ -335,16 +335,16 @@ declare const VBtn: {
     __isSuspense?: undefined;
 } & vue.ComponentOptionsBase<{
     symbol: any;
-    flat: boolean;
     replace: boolean;
+    flat: boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    exact: boolean;
+    block: boolean;
     style: vue.StyleValue;
-    size: string | number;
     disabled: boolean;
-    tag: string;
+    size: string | number;
     readonly: boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    block: boolean;
-    exact: boolean;
+    tag: string;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -353,27 +353,27 @@ declare const VBtn: {
         class: string;
     } | undefined;
 } & {
-    class?: any;
-    text?: string | undefined;
-    value?: any;
-    width?: string | number | undefined;
+    location?: Anchor | undefined;
     height?: string | number | undefined;
+    width?: string | number | undefined;
     active?: boolean | undefined;
-    theme?: string | undefined;
-    href?: string | undefined;
-    color?: string | undefined;
-    loading?: string | boolean | undefined;
-    icon?: boolean | IconValue | undefined;
-    to?: vue_router.RouteLocationRaw | undefined;
     border?: string | number | boolean | undefined;
-    position?: "fixed" | "absolute" | "relative" | "static" | "sticky" | undefined;
-    rounded?: string | number | boolean | undefined;
+    color?: string | undefined;
     maxHeight?: string | number | undefined;
     maxWidth?: string | number | undefined;
     minHeight?: string | number | undefined;
     minWidth?: string | number | undefined;
+    position?: "fixed" | "absolute" | "static" | "sticky" | "relative" | undefined;
+    value?: any;
+    loading?: string | boolean | undefined;
+    text?: string | undefined;
+    class?: any;
+    icon?: boolean | IconValue | undefined;
+    href?: string | undefined;
     elevation?: string | number | undefined;
-    location?: Anchor | undefined;
+    to?: vue_router.RouteLocationRaw | undefined;
+    theme?: string | undefined;
+    rounded?: string | number | boolean | undefined;
     baseColor?: string | undefined;
     selectedClass?: string | undefined;
     activeColor?: string | undefined;
@@ -409,18 +409,18 @@ declare const VBtn: {
     }) => true;
 }, string, {
     symbol: any;
-    flat: boolean;
     replace: boolean;
-    style: vue.StyleValue;
-    size: string | number;
+    flat: boolean;
+    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
+    exact: boolean;
+    block: boolean;
     active: boolean;
+    style: vue.StyleValue;
     disabled: boolean;
-    tag: string;
+    size: string | number;
     readonly: boolean;
+    tag: string;
     rounded: string | number | boolean;
-    variant: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
-    block: boolean;
-    exact: boolean;
     tile: boolean;
     density: Density;
     slim: boolean;
@@ -447,7 +447,7 @@ declare const VBtn: {
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
@@ -455,7 +455,7 @@ declare const VBtn: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
@@ -468,12 +468,12 @@ declare const VBtn: {
     to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -501,7 +501,7 @@ declare const VBtn: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;
@@ -533,7 +533,7 @@ declare const VBtn: {
         type: PropType<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
         default: string;
         validator: (v: any) => boolean;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">>;
         default: NonNullable<"flat" | "text" | "elevated" | "tonal" | "outlined" | "plain">;
     };
@@ -541,7 +541,7 @@ declare const VBtn: {
     tag: Omit<{
         type: StringConstructor;
         default: string;
-    }, "default" | "type"> & {
+    }, "type" | "default"> & {
         type: PropType<string>;
         default: string;
     };
@@ -554,12 +554,12 @@ declare const VBtn: {
     to: PropType<vue_router.RouteLocationRaw>;
     exact: BooleanConstructor;
     rounded: {
-        type: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+        type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
         default: undefined;
     };
     tile: BooleanConstructor;
     position: {
-        type: PropType<"fixed" | "absolute" | "relative" | "static" | "sticky">;
+        type: PropType<"fixed" | "absolute" | "static" | "sticky" | "relative">;
         validator: (v: any) => boolean;
     };
     location: PropType<Anchor>;
@@ -587,7 +587,7 @@ declare const VBtn: {
         type: PropType<vue.StyleValue>;
         default: null;
     };
-    border: (StringConstructor | NumberConstructor | BooleanConstructor)[];
+    border: (StringConstructor | BooleanConstructor | NumberConstructor)[];
     active: {
         type: BooleanConstructor;
         default: undefined;