@roku-ui/vue 0.27.0 → 0.29.0

package/dist/shared/button-styles.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, MaybeRef } from 'vue';
+import { CS } from './color-system';
+import { BtnVariant, Color } from '../types';
+export declare function useButtonCS(variant?: MaybeRef<BtnVariant>, color?: MaybeRef<Color>): ComputedRef<CS>;

package/dist/shared/color-system.d.ts

@@ -0,0 +1,87 @@
+import { Color as CuloriColor } from 'culori';
+import { MaybeRef } from 'vue';
+import { Color, InputVariant } from '../types';
+export declare const primaryColors: import('vue').ComputedRef<{
+    mode: "hsl";
+    h: number | undefined;
+    s: number;
+    l: number;
+    alpha: number | undefined;
+}[]>;
+export declare const secondaryColors: import('vue').ComputedRef<{
+    mode: "hsl";
+    h: number | undefined;
+    s: number;
+    l: number;
+    alpha: number | undefined;
+}[]>;
+export declare const tertiaryColors: import('vue').ComputedRef<{
+    mode: "hsl";
+    h: number | undefined;
+    s: number;
+    l: number;
+    alpha: number | undefined;
+}[]>;
+export declare const errorColors: import('vue').ComputedRef<{
+    mode: "hsl";
+    h: number | undefined;
+    s: number;
+    l: number;
+    alpha: number | undefined;
+}[]>;
+export declare const surfaceColors: import('vue').ComputedRef<any[]>;
+export declare function useColors(color: MaybeRef<Color>, lightnessMap?: number[]): import('vue').ComputedRef<CuloriColor[]>;
+export declare function useSurfaceColors(): import('vue').ComputedRef<any[]>;
+export declare function useTextCS(color: MaybeRef<Color>): import('vue').ComputedRef<CS>;
+export type CSType = 'bg' | 'border' | 'text' | 'placeholder' | 'hover:bg' | 'hover:border' | 'hover:text' | 'outline';
+export type CSIndex = number | {
+    dark: number;
+    light: number;
+};
+export interface CSOptions {
+    color: MaybeRef<Color | 'surface'>;
+    type: CSType;
+    index: CSIndex;
+    alpha?: number;
+}
+export interface CS {
+    style: Record<string, string>;
+    class: string[] | string;
+}
+export declare function getCSInner(colors: CuloriColor[], type: CSType, darkIndex: number, lightIndex: number, alpha?: number): CS;
+export declare function useCS(cs: CSOptions): import('vue').ComputedRef<CS>;
+export declare function useColorCS(color: MaybeRef<Color>, type: CSType, index: CSIndex, alpha?: number): import('vue').ComputedRef<CS>;
+export declare function useSurfaceCS(type: CSType, index: CSIndex, alpha?: number): import('vue').ComputedRef<CS>;
+export declare function useOutlineCS(color: MaybeRef<Color>): import('vue').ComputedRef<CS>;
+export declare function useMergedCS(...cs: ReturnType<typeof useCS>[]): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;
+export declare const borderCS: import('vue').ComputedRef<CS>;
+export declare function useInputColorStyle(color: MaybeRef<string>, variant?: MaybeRef<InputVariant>): import('vue').ComputedRef<{
+    '--d-bg': string;
+    '--d-border-f': string;
+    '--d-border': string;
+    '--d-placeholder': string;
+    '--d-text': string;
+    '--l-bg': string;
+    '--l-border-f': string;
+    '--l-border': string;
+    '--l-placeholder': string;
+    '--l-text': string;
+    '--d-bg-h'?: undefined;
+    '--l-bg-h'?: undefined;
+} | {
+    '--d-bg': string;
+    '--d-bg-h': string;
+    '--d-border': string;
+    '--l-bg': string;
+    '--l-bg-h': string;
+    '--l-border': string;
+    '--d-border-f'?: undefined;
+    '--d-placeholder'?: undefined;
+    '--d-text'?: undefined;
+    '--l-border-f'?: undefined;
+    '--l-placeholder'?: undefined;
+    '--l-text'?: undefined;
+}>;

package/dist/shared/constants.d.ts

@@ -0,0 +1,21 @@
+export declare const darkSurfaceBgIndex = 9;
+export declare const darkSurfaceBgVariant1Index = 8;
+export declare const darkSurfaceBgVariant2Index = 7;
+export declare const darkBorderIndex = 7;
+export declare const darkBorderVariantIndex = 7;
+export declare const darkTextIndex = 3;
+export declare const darkTextVariantIndex = 6;
+export declare const darkBgIndex = 5;
+export declare const darkBgVariantIndex = 6;
+export declare const lightBorderIndex = 3;
+export declare const lightBorderVariantIndex = 4;
+export declare const darkOpacity = 0.25;
+export declare const darkOpacityVariant = 0.3;
+export declare const lightSurfaceBgIndex = 1;
+export declare const lightSurfaceBgVariantIndex = 2;
+export declare const lightTextIndex = 6;
+export declare const lightTextVariantIndex = 5;
+export declare const lightBgIndex = 4;
+export declare const lightBgVariantIndex = 5;
+export declare const lightOpacity = 0.08;
+export declare const lightOpacityVariant = 0.15;

package/dist/shared/container-styles.d.ts

@@ -0,0 +1,26 @@
+import { MaybeRef } from 'vue';
+import { Color, ContainerVariant } from '../types';
+export declare function useContainerCS(variant: MaybeRef<ContainerVariant>, color: MaybeRef<Color>): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;
+export declare function useContainerDefaultCS(): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;
+export declare function useContainerDefaultVariantCS(): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;
+export declare function useIndicatorFilledCS(color: MaybeRef<Color>): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;
+export declare function useContainerFilledCS(color: MaybeRef<Color>): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;
+export declare function useContainerLightCS(color: MaybeRef<Color>): import('vue').ComputedRef<{
+    style: Record<string, string>;
+    class: string[];
+}>;

package/dist/shared/index.d.ts

@@ -1,106 +1,6 @@
-import { ComputedRef, MaybeRef } from 'vue';
-import { BtnVariant, Color, ContainerVariant, InputVariant, Rounded } from '../types';
-import { default as tinycolor } from 'tinycolor2';
-export declare const borderCS: ComputedRef<CS>;
-export declare function useTextCS(color: MaybeRef<Color>): ComputedRef<CS>;
-export declare const primaryColors: ComputedRef<tinycolor.Instance[]>;
-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 function useContainerCS(variant: MaybeRef<ContainerVariant>, color: MaybeRef<Color>): ComputedRef<{
-    style: Record<string, string>;
-    class: string[];
-}>;
-export declare function useColors(color: MaybeRef<Color>, lightnessMap?: number[]): ComputedRef<tinycolor.Instance[]>;
-export declare function useSurfaceColors(): ComputedRef<tinycolor.Instance[]>;
-type CSType = 'bg' | 'border' | 'text' | 'placeholder' | 'hover:bg' | 'hover:border' | 'hover:text' | 'outline';
-type CSIndex = number | {
-    dark: number;
-    light: number;
-};
-interface CSOptions {
-    color: MaybeRef<Color | 'surface'>;
-    type: CSType;
-    index: CSIndex;
-    alpha?: number;
-}
-interface CS {
-    style: Record<string, string>;
-    class: string[] | string;
-}
-export declare function useContainerDefaultCS(): ComputedRef<{
-    style: Record<string, string>;
-    class: string[];
-}>;
-export declare function useContainerDefaultVariantCS(): ComputedRef<{
-    style: Record<string, string>;
-    class: string[];
-}>;
-export declare function useMergedCS(...cs: ReturnType<typeof useCS>[]): ComputedRef<{
-    style: Record<string, string>;
-    class: string[];
-}>;
-export declare function useIndicatorFilledCS(color: MaybeRef<Color>): ComputedRef<{
-    style: Record<string, string>;
-    class: string[];
-}>;
-export declare function useContainerFilledCS(color: MaybeRef<Color>): ComputedRef<{
-    style: Record<string, string>;
-    class: string[];
-}>;
-export declare function useContainerLightCS(color: MaybeRef<Color>): ComputedRef<{
-    style: Record<string, string>;
-    class: string[];
-}>;
-export declare function getCSInner(colors: tinycolor.Instance[], type: CSType, darkIndex: number, lightIndex: number, alpha?: number): CS;
-export declare function useCS(cs: CSOptions): ComputedRef<CS>;
-export declare function useColorCS(color: MaybeRef<Color>, type: CSType, index: CSIndex, alpha?: number): ComputedRef<CS>;
-export declare function useSurfaceCS(type: CSType, index: CSIndex, alpha?: number): ComputedRef<CS>;
-export declare function useOutlineCS(color: MaybeRef<Color>): ComputedRef<CS>;
-export declare function useButtonCS(variant?: MaybeRef<BtnVariant>, color?: MaybeRef<Color>): ComputedRef<CS>;
-export declare function useTagCS(variant?: MaybeRef<BtnVariant>, color?: MaybeRef<Color>, hasInteraction?: MaybeRef<boolean>): ComputedRef<CS>;
-export declare function useInputColorStyle(color: MaybeRef<string>, variant?: MaybeRef<InputVariant>): ComputedRef<{
-    '--d-bg': string;
-    '--d-border-f': string;
-    '--d-border': string;
-    '--d-placeholder': string;
-    '--d-text': string;
-    '--l-bg': string;
-    '--l-border-f': string;
-    '--l-border': string;
-    '--l-placeholder': string;
-    '--l-text': string;
-    '--d-bg-h'?: undefined;
-    '--l-bg-h'?: undefined;
-} | {
-    '--d-bg': string;
-    '--d-bg-h': string;
-    '--d-border': string;
-    '--l-bg': string;
-    '--l-bg-h': string;
-    '--l-border': string;
-    '--d-border-f'?: undefined;
-    '--d-placeholder'?: undefined;
-    '--d-text'?: undefined;
-    '--l-border-f'?: undefined;
-    '--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 {};
+export * from './button-styles';
+export * from './color-system';
+export * from './constants';
+export * from './container-styles';
+export * from './tag-styles';
+export * from './theme';

package/dist/shared/tag-styles.d.ts

@@ -0,0 +1,4 @@
+import { ComputedRef, MaybeRef } from 'vue';
+import { CS } from './color-system';
+import { BtnVariant, Color } from '../types';
+export declare function useTagCS(variant?: MaybeRef<BtnVariant>, color?: MaybeRef<Color>, hasInteraction?: MaybeRef<boolean>): ComputedRef<CS>;

package/dist/shared/theme.d.ts

@@ -0,0 +1,118 @@
+import { ComputedRef } from 'vue';
+import { Rounded } from '../types';
+export interface ThemeColors {
+    primary?: string;
+    secondary?: string;
+    tertiary?: string;
+    error?: string;
+    surface?: string;
+}
+export interface ComponentDefaults {
+    Btn?: {
+        size?: 'sm' | 'md' | 'lg';
+        variant?: import('../types').BtnVariant;
+        color?: string;
+        rounded?: Rounded;
+        pressEffect?: 'translate' | 'scale';
+    };
+    TextField?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        rounded?: Rounded;
+    };
+    Switch?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+    };
+    Select?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        rounded?: Rounded;
+    };
+    Checkbox?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        rounded?: Rounded;
+    };
+    Paper?: {
+        variant?: import('../types').ContainerVariant;
+        color?: string;
+        rounded?: Rounded;
+    };
+    Progress?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+    };
+    Rating?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+    };
+    Slider?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+    };
+    Avatar?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: string;
+        rounded?: Rounded;
+    };
+    Tag?: {
+        size?: 'sm' | 'md' | 'lg';
+        variant?: import('../types').ContainerVariant;
+        color?: string;
+        rounded?: Rounded;
+    };
+    Chip?: {
+        size?: 'sm' | 'md' | 'lg';
+        variant?: import('../types').ContainerVariant;
+        color?: string;
+        rounded?: Rounded;
+    };
+    Modal?: {
+        size?: 'sm' | 'md' | 'lg';
+        rounded?: Rounded;
+    };
+    Drawer?: {
+        size?: 'sm' | 'md' | 'lg';
+    };
+    Notification?: {
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        rounded?: Rounded;
+    };
+    ColorInput?: {
+        size?: 'sm' | 'md' | 'lg';
+        rounded?: Rounded;
+    };
+    CalendarInput?: {
+        size?: 'sm' | 'md' | 'lg';
+        rounded?: Rounded;
+    };
+    PinInput?: {
+        size?: 'sm' | 'md' | 'lg';
+        rounded?: Rounded;
+    };
+    Dropzone?: {
+        rounded?: Rounded;
+    };
+    Step?: {
+        size?: 'sm' | 'md' | 'lg';
+        color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+        direction?: 'horizontal' | 'vertical';
+        type?: 'default' | 'navigation' | 'dot' | 'simple';
+    };
+}
+export interface ThemeData {
+    withBorder: boolean;
+    rounded: Rounded;
+    colors: ThemeColors;
+    defaultSize: 'sm' | 'md' | 'lg';
+    defaultColor: 'primary' | 'secondary' | 'tertiary' | 'error';
+    componentDefaults?: ComponentDefaults;
+}
+export declare const defaultThemeData: ThemeData;
+export declare const symbolStyle: unique symbol;
+export declare function useTheme(): ComputedRef<ThemeData>;
+export declare function provideTheme(theme: ComputedRef<ThemeData>): void;
+export declare function getThemeColorString(colorKey: keyof ThemeColors): string;
+export declare function useComponentDefaults<K extends keyof ComponentDefaults>(componentName: K): ComponentDefaults[K];
+export declare function getComponentDefault<K extends keyof ComponentDefaults>(componentName: K, propName: string, fallback?: any): any;

package/dist/test/demo/ComponentDefaultsDemo.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/ModernColorDemo.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/PartialColorsDemo.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/ProgressDemo.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/StepDemo.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/ThemeManagerDemo.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/utils/index.d.ts

@@ -1,14 +1,93 @@
-import { ColorInput, default as tinycolor } from 'tinycolor2';
+import { Color as CuloriColor } from 'culori';
+type ColorInput = string | CuloriColor;
 export * from './classGenerator';
 export * from './notifications';
 export * from './symbols';
-export declare function generateColorsMap(color: tinycolor.ColorInput, lightnessMap?: number[]): {
+export declare function generateColorsMap(color: ColorInput, lightnessMap?: number[]): {
     colors: string[];
     baseColorIndex: number;
 };
-export declare function generateColorsObjMap(color: tinycolor.ColorInput, lightnessMap?: number[]): {
+export interface ColorGenerationOptions {
+    strategy?: 'conservative' | 'balanced' | 'vibrant';
+    contrastTarget?: 'AA' | 'AAA' | 'none';
+    gamut?: 'srgb' | 'p3' | 'rec2020';
+    customChromaCurve?: (lightness: number) => number;
+}
+export declare function generateColorsObjMapOKLCH(color: ColorInput, lightnessMap?: number[], options?: ColorGenerationOptions): {
     baseColorIndex: number;
-    colors: tinycolor.Instance[];
+    colors: any[];
+};
+export interface GamutInfo {
+    name: 'srgb' | 'p3' | 'rec2020';
+    rgbLimits: {
+        min: number;
+        max: number;
+    };
+    description: string;
+}
+export declare const GAMUT_DEFINITIONS: Record<string, GamutInfo>;
+export declare function isColorInGamut(color: any, gamut: 'srgb' | 'p3' | 'rec2020'): boolean;
+export declare function analyzeColorGamut(colors: any[]): {
+    srgbCoverage: number;
+    p3Coverage: number;
+    rec2020Coverage: number;
+    outOfGamutColors: {
+        index: number;
+        gamuts: string[];
+    }[];
+};
+export declare function generateContrastAwareColors(color: ColorInput, backgroundLightness?: number, // Default to light background
+options?: ColorGenerationOptions): ColorsTuple;
+export declare function generateAdaptiveLightnessMap(color: ColorInput, purpose?: 'primary' | 'secondary' | 'surface' | 'accent'): number[];
+export declare function generateAdaptiveColors(color: ColorInput, purpose?: 'primary' | 'secondary' | 'surface' | 'accent', options?: ColorGenerationOptions): ColorsTuple;
+export interface AdvancedColorOptions extends ColorGenerationOptions {
+    purpose?: 'primary' | 'secondary' | 'surface' | 'accent';
+    backgroundLightness?: number;
+    enableAnalysis?: boolean;
+    outputFormat?: 'hex' | 'oklch' | 'rgb' | 'hsl' | 'all';
+}
+export interface ColorPaletteResult {
+    colors: ColorsTuple;
+    baseColorIndex: number;
+    metadata: {
+        strategy: string;
+        purpose: string;
+        gamut: string;
+        contrastTarget: string;
+        gamutAnalysis?: ReturnType<typeof analyzeColorGamut>;
+    };
+    alternatives?: {
+        conservative: ColorsTuple;
+        balanced: ColorsTuple;
+        vibrant: ColorsTuple;
+    };
+}
+export declare function generateAdvancedColorPalette(color: ColorInput, options?: AdvancedColorOptions): ColorPaletteResult;
+export declare function createColorPalette(color: string, type?: 'primary' | 'secondary' | 'accent' | 'surface'): ColorsTuple;
+export declare function generateColorsEnhanced(color: ColorInput, options?: AdvancedColorOptions): ColorsTuple;
+export declare function generateColorsObjMapOKLCHCached(color: ColorInput, lightnessMap?: number[], options?: ColorGenerationOptions): {
+    baseColorIndex: number;
+    colors: any[];
+};
+export declare function generateAdvancedColorPaletteCached(color: ColorInput, options?: AdvancedColorOptions): ColorPaletteResult;
+export declare const ColorPalettePerformance: {
+    clearCache: () => void;
+    getCacheStats: () => {
+        size: number;
+        maxSize: number;
+        hitRate: number;
+    };
+    precomputePalettes: (colors: string[]) => void;
+};
+export declare function generateColorsObjMap(color: ColorInput, lightnessMap?: number[]): {
+    baseColorIndex: number;
+    colors: {
+        mode: "hsl";
+        h: number | undefined;
+        s: number;
+        l: number;
+        alpha: number | undefined;
+    }[];
 };
 export type ColorsTuple = readonly [
     string,
@@ -25,4 +104,12 @@ export type ColorsTuple = readonly [
     ...string[]
 ];
 export declare function generateColors(color: ColorInput, lightnessMap?: number[]): ColorsTuple;
-export * from './theme';
+export declare function generateColorsOKLCH(color: ColorInput, lightnessMap?: number[], options?: ColorGenerationOptions): ColorsTuple;
+export declare function generateOKLCHString(color: ColorInput): string;
+export declare function generateEditorFriendlyColors(color: ColorInput, lightnessMap?: number[]): {
+    index: number;
+    hex: string;
+    rgb: string;
+    oklch: string;
+    lightness: number;
+}[];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@roku-ui/vue",
   "type": "module",
-  "version": "0.27.0",
+  "version": "0.29.0",
   "author": "Jianqi Pan <jannchie@gmail.com>",
   "repository": {
     "type": "git",
@@ -28,34 +28,33 @@
     "dist"
   ],
   "dependencies": {
-    "@formkit/auto-animate": "^0.8.2",
-    "@unocss/reset": "66.3.3",
-    "@vueuse/core": "^13.6.0",
-    "tinycolor2": "^1.6.0",
-    "vue": "^3.5.18",
+    "@formkit/auto-animate": "^0.9.0",
+    "@unocss/reset": "66.5.0",
+    "@vueuse/core": "^13.9.0",
+    "culori": "^4.0.2",
+    "vue": "^3.5.21",
     "vue-wf": "^0.5.0"
   },
   "devDependencies": {
-    "@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",
+    "@iconify/json": "^2.2.382",
+    "@jannchie/eslint-config": "^3.7.1",
+    "@unocss/eslint-config": "66.5.0",
+    "@unocss/eslint-plugin": "66.5.0",
+    "@unocss/preset-icons": "66.5.0",
     "@vitejs/plugin-vue": "^6.0.1",
-    "@vitejs/plugin-vue-jsx": "^5.0.1",
-    "eslint": "^9.32.0",
+    "@vitejs/plugin-vue-jsx": "^5.1.1",
+    "eslint": "^9.35.0",
     "eslint-plugin-format": "^1.0.1",
     "typescript": "5.9.2",
-    "unocss": "66.3.3",
+    "unocss": "66.5.0",
     "unplugin-auto-export": "^1.0.4",
-    "unplugin-auto-import": "^19.3.0",
-    "unplugin-vue-components": "^28.8.0",
-    "vite": "^7.0.6",
+    "unplugin-auto-import": "^20.1.0",
+    "unplugin-vue-components": "^29.0.0",
+    "vite": "^7.1.4",
     "vite-plugin-dts": "4.5.4",
     "vitest": "^3.2.4",
-    "vue-tsc": "^3.0.4",
-    "@roku-ui/preset": "^0.27.0"
+    "vue-tsc": "^3.0.6",
+    "@roku-ui/preset": "^0.29.0"
   },
   "scripts": {
     "dev": "vite",

package/dist/utils/theme.d.ts

@@ -1,12 +0,0 @@
-import { ColorsTuple } from '.';
-export interface ThemeColorsColors {
-    primary: ColorsTuple | string;
-    secondary: ColorsTuple | string;
-    tertiary: ColorsTuple | string;
-    error: ColorsTuple | string;
-    surface: ColorsTuple | string;
-}
-export interface ThemeData {
-    name: string;
-    colors: ThemeColorsColors;
-}