@roku-ui/vue 0.29.0 → 0.30.0

package/dist/utils/index.d.ts

@@ -12,6 +12,13 @@ export interface ColorGenerationOptions {
     contrastTarget?: 'AA' | 'AAA' | 'none';
     gamut?: 'srgb' | 'p3' | 'rec2020';
     customChromaCurve?: (lightness: number) => number;
+    /**
+     * When true, apply a perceptual uniformity pass to the lightness map so that
+     * different hues (notably yellow vs blue) present a closer subjective brightness.
+     * This is a lightweight approximation (hue & chroma based compensation) without
+     * introducing a heavier full CAM model. It purposely keeps API impact minimal.
+     */
+    perceptualUniform?: boolean;
 }
 export declare function generateColorsObjMapOKLCH(color: ColorInput, lightnessMap?: number[], options?: ColorGenerationOptions): {
     baseColorIndex: number;
@@ -63,12 +70,6 @@ export interface ColorPaletteResult {
     };
 }
 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;
@@ -80,6 +81,15 @@ export declare const ColorPalettePerformance: {
     precomputePalettes: (colors: string[]) => void;
 };
 export declare function generateColorsObjMap(color: ColorInput, lightnessMap?: number[]): {
+    baseColorIndex: number;
+    colors: {
+        alpha: number;
+        mode: "hsl";
+        h?: number;
+        s: number;
+        l: number;
+    }[];
+} | {
     baseColorIndex: number;
     colors: {
         mode: "hsl";
@@ -111,5 +121,5 @@ export declare function generateEditorFriendlyColors(color: ColorInput, lightnes
     hex: string;
     rgb: string;
     oklch: string;
-    lightness: number;
+    lightness: number | undefined;
 }[];

package/dist/utils/modals.d.ts

@@ -1,4 +1,3 @@
-import { VNodeChild } from 'vue';
 export interface BaseModalDataType {
     id?: string;
 }
@@ -15,10 +14,6 @@ export interface AlertModalDataType extends BaseModalDataType {
     message: string;
     onConfirm: () => void;
 }
-export interface CustomModalDataType extends BaseModalDataType {
-    type: 'custom';
-    render: () => VNodeChild;
-}
 export type ModalDataType = ConfirmModalDataType | AlertModalDataType;
 export type ModalData = ModalDataType & {
     id: string;

package/dist/utils/notifications.d.ts

@@ -1,8 +1,9 @@
+import { IconSource } from '../types';
 export interface NotificationDataInterface {
     title: string;
     message: string;
     color: string;
-    icon: string;
+    icon?: IconSource;
     durationMS: number;
     position: 'top' | 'top-right' | 'top-left' | 'bottom' | 'bottom-right' | 'bottom-left';
     [key: string]: any;

package/dist/utils/symbols.d.ts

@@ -1,4 +1,3 @@
 export declare const tabCurrentSymbol: unique symbol;
 export declare const directionSymbol: unique symbol;
-export declare const tabValueListSymbol: unique symbol;
 export declare const childrenElementMapSymbol: unique symbol;

package/dist/utils/tailwindPalettes.d.ts

@@ -0,0 +1,22 @@
+export declare const TAILWIND_COLOR_STOPS: readonly ["50", "100", "200", "300", "400", "500", "600", "700", "800", "900", "950"];
+export type TailwindStop = typeof TAILWIND_COLOR_STOPS[number];
+export type TailwindPalette = readonly [
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string,
+    string
+];
+export interface TailwindPaletteMatch {
+    palette: TailwindPalette;
+    baseIndex: number;
+    normalizedName: string;
+}
+export declare function resolveTailwindPalette(input: string): TailwindPaletteMatch | undefined;
+export declare function getTailwindStopIndex(stop: TailwindStop): number;

package/dist/vite/index.d.ts

@@ -0,0 +1,11 @@
+import { Options as AutoImportOptions } from 'unplugin-auto-import/types';
+import { Options as ComponentsPluginOptions } from 'unplugin-vue-components';
+import { PluginOption } from 'vite';
+type RokuUiComponentsOptions = Pick<ComponentsPluginOptions, 'dts'>;
+export interface RokuUiPluginOptions {
+    prefix?: string | false;
+    components?: boolean | RokuUiComponentsOptions;
+    autoImport?: boolean | Partial<AutoImportOptions>;
+}
+export declare function rokuUI(options?: RokuUiPluginOptions): PluginOption[];
+export default rokuUI;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@roku-ui/vue",
   "type": "module",
-  "version": "0.29.0",
+  "version": "0.30.0",
   "author": "Jianqi Pan <jannchie@gmail.com>",
   "repository": {
     "type": "git",
@@ -29,32 +29,34 @@
   ],
   "dependencies": {
     "@formkit/auto-animate": "^0.9.0",
-    "@unocss/reset": "66.5.0",
-    "@vueuse/core": "^13.9.0",
+    "@unocss/reset": "66.5.9",
+    "@vueuse/core": "^14.0.0",
     "culori": "^4.0.2",
-    "vue": "^3.5.21",
-    "vue-wf": "^0.5.0"
+    "vue": "^3.5.24",
+    "vue-wf": "^0.7.0"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.382",
+    "@iconify/json": "^2.2.409",
     "@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.1.1",
-    "eslint": "^9.35.0",
-    "eslint-plugin-format": "^1.0.1",
-    "typescript": "5.9.2",
-    "unocss": "66.5.0",
+    "@unocss/eslint-config": "66.5.9",
+    "@unocss/eslint-plugin": "66.5.9",
+    "@unocss/preset-icons": "66.5.9",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitejs/plugin-vue-jsx": "^5.1.2",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-format": "^1.0.2",
+    "typescript": "5.9.3",
+    "unocss": "66.5.9",
     "unplugin-auto-export": "^1.0.4",
-    "unplugin-auto-import": "^20.1.0",
-    "unplugin-vue-components": "^29.0.0",
-    "vite": "^7.1.4",
+    "unplugin-auto-import": "^20.2.0",
+    "unplugin-vue-components": "^30.0.0",
+    "vite": "npm:rolldown-vite@7.2.7",
     "vite-plugin-dts": "4.5.4",
-    "vitest": "^3.2.4",
-    "vue-tsc": "^3.0.6",
-    "@roku-ui/preset": "^0.29.0"
+    "vitest": "^4.0.13",
+    "vue-router": "^4.6.3",
+    "vue-tsc": "^3.1.4",
+    "@roku-ui/preset": "^0.30.0"
   },
   "scripts": {
     "dev": "vite",

package/dist/vite.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>