@roku-ui/vue 0.25.0 → 0.27.0

package/dist/shared/index.d.ts

@@ -1,11 +1,6 @@
 import { ComputedRef, MaybeRef } from 'vue';
-import { BtnVariant, Color, ContainerVariant, InputVariant } from '../types';
+import { BtnVariant, Color, ContainerVariant, InputVariant, Rounded } 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>;
-export declare const tertiaryColor: import('vue').Ref<string, string>;
-export declare const errorColor: import('vue').Ref<string, string>;
-export declare const surfaceColor: import('vue').Ref<string, string>;
 export declare const borderCS: ComputedRef<CS>;
 export declare function useTextCS(color: MaybeRef<Color>): ComputedRef<CS>;
 export declare const primaryColors: ComputedRef<tinycolor.Instance[]>;
@@ -13,16 +8,6 @@ export declare const secondaryColors: ComputedRef<tinycolor.Instance[]>;
 export declare const tertiaryColors: ComputedRef<tinycolor.Instance[]>;
 export declare const errorColors: ComputedRef<tinycolor.Instance[]>;
 export declare const surfaceColors: ComputedRef<tinycolor.Instance[]>;
-export declare const defaultTheme: ComputedRef<{
-    name: string;
-    colors: {
-        primary: import('../utils').ColorsTuple;
-        secondary: import('../utils').ColorsTuple;
-        tertiary: import('../utils').ColorsTuple;
-        error: import('../utils').ColorsTuple;
-        surface: import('../utils').ColorsTuple;
-    };
-}>;
 export declare function useContainerCS(variant: MaybeRef<ContainerVariant>, color: MaybeRef<Color>): ComputedRef<{
     style: Record<string, string>;
     class: string[];
@@ -102,4 +87,20 @@ export declare function useInputColorStyle(color: MaybeRef<string>, variant?: Ma
     '--l-placeholder'?: undefined;
     '--l-text'?: undefined;
 }>;
+export interface ThemeColors {
+    primary: string;
+    secondary: string;
+    tertiary: string;
+    error: string;
+    surface: string;
+}
+export interface Theme {
+    withBorder: boolean;
+    rounded: Rounded;
+    colors: ThemeColors;
+}
+export declare const defaultThemeData: Theme;
+export declare function useTheme(): Theme;
+export declare function provideTheme(theme: Partial<Theme>): void;
+export declare function themeToThemeData(theme: Theme): import('../utils/theme').ThemeData;
 export {};

package/dist/test/demo/TextFieldDemo.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/types/index.d.ts

@@ -5,3 +5,9 @@ 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;
+export interface Area {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}

package/dist/utils/theme.d.ts

@@ -1,14 +1,4 @@
 import { ColorsTuple } from '.';
-export interface BaseVariant {
-    light: string;
-    base: string;
-    dark: string;
-}
-export interface SurfaceVariant {
-    light: string;
-    base: string;
-    dark: string;
-}
 export interface ThemeColorsColors {
     primary: ColorsTuple | string;
     secondary: ColorsTuple | string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@roku-ui/vue",
   "type": "module",
-  "version": "0.25.0",
+  "version": "0.27.0",
   "author": "Jianqi Pan <jannchie@gmail.com>",
   "repository": {
     "type": "git",
@@ -30,32 +30,32 @@
   "dependencies": {
     "@formkit/auto-animate": "^0.8.2",
     "@unocss/reset": "66.3.3",
-    "@vueuse/core": "^13.5.0",
+    "@vueuse/core": "^13.6.0",
     "tinycolor2": "^1.6.0",
-    "vue": "^3.5.17",
+    "vue": "^3.5.18",
     "vue-wf": "^0.5.0"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.359",
-    "@jannchie/eslint-config": "^3.6.1",
+    "@iconify/json": "^2.2.364",
+    "@jannchie/eslint-config": "^3.6.2",
     "@types/tinycolor2": "^1.4.6",
     "@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": "^6.0.1",
     "@vitejs/plugin-vue-jsx": "^5.0.1",
-    "eslint": "^9.31.0",
+    "eslint": "^9.32.0",
     "eslint-plugin-format": "^1.0.1",
-    "typescript": "5.8.3",
+    "typescript": "5.9.2",
     "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.5",
+    "vite": "^7.0.6",
     "vite-plugin-dts": "4.5.4",
     "vitest": "^3.2.4",
-    "vue-tsc": "^3.0.1",
-    "@roku-ui/preset": "^0.25.0"
+    "vue-tsc": "^3.0.4",
+    "@roku-ui/preset": "^0.27.0"
   },
   "scripts": {
     "dev": "vite",

package/dist/components/{CalendarField.vue.d.ts → CalendarInput.vue.d.ts}

@@ -49,8 +49,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }>, {
     mode: CalendarMode;
     color: Color;
-    size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    size: "sm" | "md" | "lg";
     firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     locale: string;
     dateFormat: string;