@fastkit/vui 1.5.2 → 1.6.0

package/README.md

@@ -26,6 +26,23 @@ npm install @fastkit/vui
 pnpm add @fastkit/vui
 ```
 
+### Peer dependencies
+
+```bash
+pnpm add vue vue-router
+```
+
+`@fastkit/vui` exposes icon names, color scopes and media-match keys in its own public
+types, and the code generated for your project (see `@fastkit/vite-plugin-vui`) augments
+`@fastkit/vui` itself to replace their placeholder types with your real values. The
+packages those types originate from — `@fastkit/icon-font`, `@fastkit/color-scheme`,
+`@fastkit/media-match` — are `@fastkit/vui`'s own dependencies, so you do not declare
+them.
+
+Declare `@fastkit/color-scheme` or `@fastkit/media-match` only if you import from them in
+your own code. Using `@fastkit/vue-color-scheme` or `@fastkit/vue-media-match` directly,
+rather than through `@fastkit/vui`, still requires their respective peer.
+
 ## Basic Usage
 
 ### Plugin Setup

package/dist/vui.css

@@ -1,4 +1,4 @@
-@layer vui-color-scheme, vue-disabled-reason, vue-loading, vue-app-layout;
+@layer vui-normalize, vui-color-scheme, vue-disabled-reason, vue-loading, vue-app-layout, vui;
 @layer vui-normalize{
   *,:after,:before{
     box-sizing:border-box;

package/dist/vui.d.mts

@@ -31,14 +31,14 @@ export * from "@fastkit/vue-stack";
 export * from "@fastkit/vue-action";
 export * from "@fastkit/vue-utils";
 export * from "@fastkit/vue-loading";
-//#region src/schemes/control.d.ts
+//#region src/schema/control.d.ts
 declare const CONTROL_SIZES: readonly ["sm", "md", "lg"];
 type ControlSize = (typeof CONTROL_SIZES)[number];
 declare const CONTROL_FIELD_VARIANTS: readonly ["outlined", "filled", "flat"];
 type ControlFieldVariant = (typeof CONTROL_FIELD_VARIANTS)[number];
 declare const CONTROL_LOADING_SPINNER_SIZES: Record<ControlSize, number>;
 //#endregion
-//#region src/schemes/elevation.d.ts
+//#region src/schema/elevation.d.ts
 type VuiElevationValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24;
 //#endregion
 //#region src/composables/control.d.ts
@@ -2494,7 +2494,7 @@ declare const VBusyImage: import("vue").DefineComponent<import("vue").ExtractPro
   'aria-colindex': PropType<(string | number) | undefined>;
   'aria-colspan': PropType<(string | number) | undefined>;
   'aria-controls': PropType<string | undefined>;
-  'aria-current': PropType<"date" | "time" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined>;
+  'aria-current': PropType<"date" | "time" | "page" | "step" | "location" | (boolean | "true" | "false") | undefined>;
   'aria-describedby': PropType<string | undefined>;
   'aria-details': PropType<string | undefined>;
   'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
@@ -2705,7 +2705,7 @@ declare const VBusyImage: import("vue").DefineComponent<import("vue").ExtractPro
   'aria-colindex': PropType<(string | number) | undefined>;
   'aria-colspan': PropType<(string | number) | undefined>;
   'aria-controls': PropType<string | undefined>;
-  'aria-current': PropType<"date" | "time" | (boolean | "true" | "false") | "page" | "step" | "location" | undefined>;
+  'aria-current': PropType<"date" | "time" | "page" | "step" | "location" | (boolean | "true" | "false") | undefined>;
   'aria-describedby': PropType<string | undefined>;
   'aria-details': PropType<string | undefined>;
   'aria-disabled': PropType<(boolean | "true" | "false") | undefined>;
@@ -2850,7 +2850,7 @@ declare const VBusyImage: import("vue").DefineComponent<import("vue").ExtractPro
   default?: () => any;
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-//#region src/components/VGrid/schemes.d.ts
+//#region src/components/VGrid/schema.d.ts
 type RawGridValue<T extends number | string = number | string> = T | Partial<Record<MediaMatchKey, T>> | undefined;
 type RawGridValueProp<T extends number | string = number | string> = PropType<RawGridValue<T>>;
 //#endregion
@@ -3041,7 +3041,7 @@ declare function createAvatarProps(): {
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3112,7 +3112,7 @@ declare const VAvatar: import("vue").DefineComponent<import("vue").ExtractPropTy
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3184,7 +3184,7 @@ declare const VAvatar: import("vue").DefineComponent<import("vue").ExtractPropTy
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3266,7 +3266,7 @@ declare function createChipProps(): {
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3337,7 +3337,7 @@ declare const VChip: import("vue").DefineComponent<import("vue").ExtractPropType
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3409,7 +3409,7 @@ declare const VChip: import("vue").DefineComponent<import("vue").ExtractPropType
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3479,7 +3479,7 @@ declare function createCardProps(): {
   custom: import("vue").PropType<boolean>;
   activeClass: import("vue").PropType<string>;
   exactActiveClass: import("vue").PropType<string>;
-  ariaCurrentValue: import("vue").PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: import("vue").PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: import("vue").PropType<boolean>;
   onDblclick: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3550,7 +3550,7 @@ declare const VCard: import("vue").DefineComponent<import("vue").ExtractPropType
   custom: import("vue").PropType<boolean>;
   activeClass: import("vue").PropType<string>;
   exactActiveClass: import("vue").PropType<string>;
-  ariaCurrentValue: import("vue").PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: import("vue").PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: import("vue").PropType<boolean>;
   onDblclick: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3620,7 +3620,7 @@ declare const VCard: import("vue").DefineComponent<import("vue").ExtractPropType
   custom: import("vue").PropType<boolean>;
   activeClass: import("vue").PropType<string>;
   exactActiveClass: import("vue").PropType<string>;
-  ariaCurrentValue: import("vue").PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: import("vue").PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: import("vue").PropType<boolean>;
   onDblclick: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3722,7 +3722,7 @@ declare const vueButtonProps: {
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3802,7 +3802,7 @@ declare const VButton: import("vue").DefineComponent<ExtractPropTypes<{
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3879,7 +3879,7 @@ declare const VButton: import("vue").DefineComponent<ExtractPropTypes<{
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -3917,8 +3917,8 @@ declare const VButton: import("vue").DefineComponent<ExtractPropTypes<{
   borderColor: PropType<PaletteName>;
 }>> & Readonly<{}>, {
   loading: boolean;
-  rounded: boolean;
   align: "left" | "right" | "center";
+  rounded: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/components/VButton/VButtonGroup.d.ts
@@ -4108,7 +4108,7 @@ declare function createListTileProps(): {
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4178,7 +4178,7 @@ declare const VListTile: import("vue").DefineComponent<import("vue").ExtractProp
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4246,7 +4246,7 @@ declare const VListTile: import("vue").DefineComponent<import("vue").ExtractProp
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4280,9 +4280,9 @@ declare const VListTile: import("vue").DefineComponent<import("vue").ExtractProp
 }>> & Readonly<{
   onChangeActive?: ((isActive: boolean) => any) | undefined;
 }>, {
-  linkFallbackTag: string;
   startIconEmptySpace: boolean;
   exactMatch: boolean;
+  linkFallbackTag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/components/VDrawerLayout/VDrawerLayout.d.ts
@@ -4402,7 +4402,7 @@ declare function createNavigationItemProps(): {
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4486,7 +4486,7 @@ declare const VNavigationItem: import("vue").DefineComponent<import("vue").Extra
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4561,7 +4561,7 @@ declare const VNavigationItem: import("vue").DefineComponent<import("vue").Extra
   custom: PropType<boolean>;
   activeClass: PropType<string>;
   exactActiveClass: PropType<string>;
-  ariaCurrentValue: PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: PropType<boolean>;
   onDblclick: PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: PropType<((payload: MouseEvent) => void) | undefined>;
@@ -4595,9 +4595,9 @@ declare const VNavigationItem: import("vue").DefineComponent<import("vue").Extra
 }>> & Readonly<{
   onChangeActive?: ((isActive: boolean) => any) | undefined;
 }>, {
-  linkFallbackTag: string;
   startIconEmptySpace: boolean;
   exactMatch: boolean;
+  linkFallbackTag: string;
   depth: number;
   nested: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -7277,11 +7277,11 @@ declare const VForm: import("vue").DefineComponent<import("vue").ExtractPropType
   rules: import("@fastkit/vue-form-control").RecursiveVerifiableRuleOrFn;
   showOwnErrors: boolean;
   detach: boolean;
+  disableAutoScroll: boolean;
   novalidate: boolean;
   autoValidate: boolean;
   sending: boolean;
   acceptInvalidSubmission: import("@fastkit/vue-form-control").FormAcceptInvalidSubmissionSpec;
-  disableAutoScroll: boolean;
 }, import("@fastkit/vue-utils").DefinedSlots<{
   default?: ((form: VueForm) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
@@ -7743,7 +7743,7 @@ declare const VToolbarMenu: import("vue").DefineComponent<import("vue").ExtractP
   custom: import("vue").PropType<boolean>;
   activeClass: import("vue").PropType<string>;
   exactActiveClass: import("vue").PropType<string>;
-  ariaCurrentValue: import("vue").PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: import("vue").PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: import("vue").PropType<boolean>;
   onDblclick: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
@@ -7820,7 +7820,7 @@ declare const VToolbarMenu: import("vue").DefineComponent<import("vue").ExtractP
   custom: import("vue").PropType<boolean>;
   activeClass: import("vue").PropType<string>;
   exactActiveClass: import("vue").PropType<string>;
-  ariaCurrentValue: import("vue").PropType<"date" | "time" | "true" | "false" | "page" | "step" | "location">;
+  ariaCurrentValue: import("vue").PropType<"date" | "time" | "page" | "step" | "location" | "true" | "false">;
   viewTransition: import("vue").PropType<boolean>;
   onDblclick: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
   onMousedown: import("vue").PropType<((payload: MouseEvent) => void) | undefined>;
@@ -7858,8 +7858,8 @@ declare const VToolbarMenu: import("vue").DefineComponent<import("vue").ExtractP
   borderColor: import("vue").PropType<PaletteName>;
 }>> & Readonly<{}>, {
   loading: boolean;
-  rounded: boolean;
   align: "left" | "right" | "center";
+  rounded: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
 //#region src/components/VToolbar/VToolbarEdge.d.ts

package/dist/vui.mjs

@@ -36,7 +36,7 @@ export * from "@fastkit/vue-stack";
 export * from "@fastkit/vue-action";
 export * from "@fastkit/vue-utils";
 export * from "@fastkit/vue-loading";
-//#region src/schemes/control.ts
+//#region src/schema/control.ts
 const CONTROL_SIZES = [
 	"sm",
 	"md",
@@ -720,7 +720,7 @@ function isAvailableSrc(src) {
 	return typeof src === "string" && src !== "";
 }
 //#endregion
-//#region src/components/VGrid/schemes.ts
+//#region src/components/VGrid/schema.ts
 function extractRawGridValueClasses(value, prefix, getter) {
 	if (typeof value !== "object") return `${prefix}${getter ? getter(value) : value}`;
 	return Object.entries(value).map(([breakpoint, breakpointValue]) => `${prefix}${getter ? getter(breakpointValue) : breakpointValue}--${breakpoint}`);