@roku-ui/vue 0.20.0 → 0.22.0

package/dist/shared/index.d.ts

@@ -1,5 +1,5 @@
-import { BtnVariant, Color, ContainerVariant, InputVariant } from '../types';
 import { ComputedRef, MaybeRef } from 'vue';
+import { BtnVariant, Color, ContainerVariant, InputVariant } from '../types';
 import { default as tinycolor } from 'tinycolor2';
 export declare const primaryColor: import('vue').Ref<string, string>;
 export declare const secondaryColor: import('vue').Ref<string, string>;
@@ -24,7 +24,7 @@ export declare const defaultTheme: ComputedRef<{
     };
 }>;
 export declare function useContainerCS(variant: MaybeRef<ContainerVariant>, color: MaybeRef<Color>): ComputedRef<{
-    style: {};
+    style: Record<string, string>;
     class: string[];
 }>;
 export declare function useColors(color: MaybeRef<Color>, lightnessMap?: number[]): ComputedRef<tinycolor.Instance[]>;
@@ -45,27 +45,27 @@ interface CS {
     class: string[] | string;
 }
 export declare function useContainerDefaultCS(): ComputedRef<{
-    style: {};
+    style: Record<string, string>;
     class: string[];
 }>;
 export declare function useContainerDefaultVariantCS(): ComputedRef<{
-    style: {};
+    style: Record<string, string>;
     class: string[];
 }>;
 export declare function useMergedCS(...cs: ReturnType<typeof useCS>[]): ComputedRef<{
-    style: {};
+    style: Record<string, string>;
     class: string[];
 }>;
 export declare function useIndicatorFilledCS(color: MaybeRef<Color>): ComputedRef<{
-    style: {};
+    style: Record<string, string>;
     class: string[];
 }>;
 export declare function useContainerFilledCS(color: MaybeRef<Color>): ComputedRef<{
-    style: {};
+    style: Record<string, string>;
     class: string[];
 }>;
 export declare function useContainerLightCS(color: MaybeRef<Color>): ComputedRef<{
-    style: {};
+    style: Record<string, string>;
     class: string[];
 }>;
 export declare function getCSInner(colors: tinycolor.Instance[], type: CSType, darkIndex: number, lightIndex: number, alpha?: number): CS;

package/dist/test/demo/AppShellDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/AvatarDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/ButtonDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/CalendarDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/ChatDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/FormDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/LayoutDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/MediaDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/ModalDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/NavigationDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/NotificationDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/PopoverDemo.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/test/demo/RatingDemo.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/test/demo/SelectAreaDemo.vue.d.ts

@@ -1,2 +1,4 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    areaRef: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

package/dist/test/demo/SelectDemo.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/test/demo/SliderDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/SwitchDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/TagsDemo.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/test/demo/TooltipDemo.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/dist/test/demo/WaterfallDemo.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/types/index.d.ts

@@ -1,6 +1,7 @@
 export type BtnVariant = 'filled' | 'default' | 'light' | 'outline' | 'subtle' | 'transparent' | 'contrast' | 'white';
 export type ContainerVariant = 'filled' | 'default' | 'light' | 'outline' | 'white';
 export type InputVariant = 'default' | 'filled';
+export type CalendarMode = 'single' | 'multiple' | 'range';
 export type Color = 'primary' | 'secondary' | 'tertiary' | 'error' | 'surface' | string;
 export type Size = 'sm' | 'md' | 'lg';
 export type Rounded = 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;

package/dist/utils/modals.d.ts

@@ -24,6 +24,8 @@ export type ModalData = ModalDataType & {
     id: string;
 };
 export declare function useModals(): import('vue').ShallowRef<ModalData[], ModalData[]>;
-export declare class Modals {
-    static open(data: ModalDataType): void;
-}
+export declare const Modals: {
+    open(data: ModalDataType): void;
+    close(id: string): void;
+    clear(): void;
+};

package/dist/utils/notifications.d.ts

@@ -12,6 +12,6 @@ export interface NotificationData extends NotificationDataInterface {
     initialDurationMS: number;
 }
 export declare function useNotifications(topN?: number): import('vue').WritableComputedRef<NotificationData[], NotificationData[]>;
-export declare class Notifications {
-    static show(data: Partial<NotificationDataInterface>): void;
-}
+export declare const Notifications: {
+    show(data: Partial<NotificationDataInterface>): void;
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@roku-ui/vue",
   "type": "module",
-  "version": "0.20.0",
+  "version": "0.22.0",
   "author": "Jianqi Pan <jannchie@gmail.com>",
   "repository": {
     "type": "git",
@@ -29,33 +29,33 @@
   ],
   "dependencies": {
     "@formkit/auto-animate": "^0.8.2",
-    "@unocss/reset": "0.65.0-beta.3",
-    "@vueuse/core": "^12.0.0",
+    "@unocss/reset": "66.3.3",
+    "@vueuse/core": "^13.5.0",
     "tinycolor2": "^1.6.0",
-    "vue": "^3.5.13",
-    "vue-wf": "^0.4.1"
+    "vue": "^3.5.17",
+    "vue-wf": "^0.5.0"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.278",
-    "@jannchie/eslint-config": "^3.4.3",
+    "@iconify/json": "^2.2.356",
+    "@jannchie/eslint-config": "^3.6.1",
     "@types/tinycolor2": "^1.4.6",
-    "@unocss/eslint-config": "0.65.0-beta.3",
-    "@unocss/eslint-plugin": "0.65.0-beta.3",
-    "@unocss/preset-icons": "0.65.0-beta.3",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
-    "eslint": "^9.16.0",
-    "eslint-plugin-format": "^0.1.3",
-    "typescript": "5.6.2",
-    "unocss": "0.65.0-beta.3",
-    "unplugin-auto-export": "^1.0.2",
-    "unplugin-auto-import": "^0.18.6",
-    "unplugin-vue-components": "^0.27.5",
-    "vite": "^6.0.1",
-    "vite-plugin-dts": "4.3.0",
-    "vitest": "^2.1.6",
-    "vue-tsc": "^2.1.10",
-    "@roku-ui/preset": "^0.20.0"
+    "@unocss/eslint-config": "66.3.3",
+    "@unocss/eslint-plugin": "66.3.3",
+    "@unocss/preset-icons": "66.3.3",
+    "@vitejs/plugin-vue": "^6.0.0",
+    "@vitejs/plugin-vue-jsx": "^5.0.1",
+    "eslint": "^9.30.1",
+    "eslint-plugin-format": "^1.0.1",
+    "typescript": "5.8.3",
+    "unocss": "66.3.3",
+    "unplugin-auto-export": "^1.0.4",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-vue-components": "^28.8.0",
+    "vite": "^7.0.2",
+    "vite-plugin-dts": "4.5.4",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.0.1",
+    "@roku-ui/preset": "^0.22.0"
   },
   "scripts": {
     "dev": "vite",