@roku-ui/vue 0.29.0 → 0.31.0

package/README.md

@@ -1,33 +1,92 @@
-# Max Min Vue
+# Roku UI Vue
 
-## Usage
+Vue 3 component library for the Roku UI design system. Every component is written in TypeScript, themed by shared tokens, and works with UnoCSS for consistent light and dark schemes.
 
-### Install
+## Installation
 
 ```bash
-pnpm install
+pnpm add @roku-ui/vue
+# Optional: enable utility classes and theme tokens
+pnpm add -D unocss @roku-ui/preset
 ```
 
-### Development
+## UnoCSS setup (recommended)
 
-```bash
-pnpm dev
+Add the Roku preset to your UnoCSS config and enable the Vite plugin so `virtual:uno.css` is generated:
+
+```ts
+import { rokuPreset } from '@roku-ui/preset'
+// uno.config.ts
+import { defineConfig } from 'unocss'
+
+export default defineConfig({
+  presets: [rokuPreset()],
+})
 ```
 
-### Build
+```ts
+import vue from '@vitejs/plugin-vue'
+import Unocss from 'unocss/vite'
+// vite.config.ts
+import { defineConfig } from 'vite'
 
-```bash
-pnpm build
+export default defineConfig({
+  plugins: [vue(), Unocss()],
+})
 ```
 
-### Lint
+If you cannot run UnoCSS, import the prebuilt styles instead:
 
-```bash
-pnpm lint
+```ts
+import '@roku-ui/vue/style.css'
 ```
 
-### Test
+## Basic usage
+
+Wrap your app with `RokuProvider` to supply theme values and use components with the provided tokens such as `bg-base`, `text-default`, and `border-container`.
+
+```vue
+<script setup lang="ts">
+import { Btn, RokuProvider } from '@roku-ui/vue'
+</script>
+
+<template>
+  <RokuProvider :theme-obj="{ colors: { primary: '#0f6bff', surface: '#121212' } }">
+    <div class="text-default bg-base border-container p-6 border rounded-lg">
+      <h1 class="text-2xl font-semibold mb-4">
+        Roku UI Vue
+      </h1>
+      <Btn color="primary">
+        Get started
+      </Btn>
+    </div>
+  </RokuProvider>
+</template>
+```
+
+## Nuxt integration
+
+Use the Nuxt module to auto-register components with the `R` prefix:
 
 ```bash
-pnpm test
+pnpm add @roku-ui/nuxt @roku-ui/vue
 ```
+
+```ts
+// nuxt.config.ts
+export default defineNuxtConfig({
+  modules: ['@roku-ui/nuxt'],
+  rokuUi: {
+    // Optional: customize the prefix
+    prefix: 'R',
+  },
+})
+```
+
+## Local development
+
+- Install dependencies: `pnpm install`
+- Start the component playground: `pnpm --filter @roku-ui/vue dev`
+- Build the library: `pnpm --filter @roku-ui/vue build`
+- Run unit tests: `pnpm --filter @roku-ui/vue test --run`
+- Lint all packages: `pnpm lint`

package/dist/components/AppShell.vue.d.ts

@@ -8,7 +8,6 @@ export interface AppShellProps {
     footerSpansNav?: boolean;
     footerSpansAside?: boolean;
     padding?: string | number;
-    gap?: string | number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -43,8 +42,6 @@ declare const __VLS_component: import('vue').DefineComponent<AppShellProps, {},
     headerSpansAside: boolean;
     footerSpansNav: boolean;
     footerSpansAside: boolean;
-    padding: string | number;
-    gap: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/AppShellAside.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellAsideProps {
+    padding?: string | number;
+    bordered?: boolean;
+    gap?: string | number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellAsideProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellAsideProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    gap: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AppShellFooter.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellFooterProps {
+    padding?: string | number;
+    bordered?: boolean;
+    align?: 'start' | 'center' | 'end' | 'between';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellFooterProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    align: "start" | "center" | "end" | "between";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AppShellHeader.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellHeaderProps {
+    padding?: string | number;
+    bordered?: boolean;
+    align?: 'start' | 'center' | 'end' | 'between';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellHeaderProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    align: "start" | "center" | "end" | "between";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AppShellMain.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellMainProps {
+    padding?: string | number;
+    gap?: string | number;
+    scrollable?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellMainProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellMainProps> & Readonly<{}>, {
+    padding: string | number;
+    gap: string | number;
+    scrollable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/AppShellNavbar.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellNavbarProps {
+    padding?: string | number;
+    bordered?: boolean;
+    gap?: string | number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellNavbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellNavbarProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    gap: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Avatar.vue.d.ts

@@ -1,5 +1,5 @@
 import { Component } from 'vue';
-import { Color, ContainerVariant, Rounded } from '../types';
+import { Color, ContainerVariant, CornerShape, Rounded } from '../types';
 type __VLS_Props = {
     is?: string | Component;
     src?: string | null;
@@ -8,6 +8,7 @@ type __VLS_Props = {
     variant?: ContainerVariant;
     color?: Color;
     rounded?: Rounded;
+    cornerShape?: CornerShape;
     skeleton?: boolean;
 };
 declare function __VLS_template(): {
@@ -22,10 +23,7 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    color: Color;
-    size: "sm" | "md" | "lg" | string | number;
     variant: ContainerVariant;
-    rounded: Rounded;
     is: string | Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     img: unknown;

package/dist/components/Btn.vue.d.ts

@@ -30,8 +30,6 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     type: "button" | "submit" | "reset";
     icon: boolean;
-    size: "sm" | "md" | "lg";
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     pressEffect: "translate" | "scale";
     is: string | Component;
     disabled: boolean;

package/dist/components/BtnGroup.vue.d.ts

@@ -1,7 +1,8 @@
+import { IconSource } from '../types';
 type T = string | {
     value: string;
     label?: string;
-    icon?: string;
+    icon?: IconSource;
 };
 type __VLS_Props = {
     selections: T[];

package/dist/components/Calendar.vue.d.ts

@@ -15,7 +15,6 @@ type __VLS_Props = {
     color?: Color;
     variant?: 'default' | 'filled' | 'light';
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
-    animate?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Date | Date[] | {
@@ -28,12 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         end: Date;
     } | undefined) => any) | undefined;
 }>, {
-    animate: boolean;
     mode: CalendarMode;
-    color: Color;
-    size: "sm" | "md" | "lg";
     variant: "default" | "filled" | "light";
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     locale: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

package/dist/components/ColorInput.vue.d.ts

@@ -35,9 +35,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     color: "primary" | "secondary" | "tertiary" | "error";
+    format: "hex" | "rgb" | "hsl";
     size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
-    format: "hex" | "rgb" | "hsl";
     showSwatch: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     colorPicker: HTMLInputElement;

package/dist/components/Icon.vue.d.ts

@@ -0,0 +1,37 @@
+import { BtnVariant, Color, IconSource, Rounded, Size } from '../types';
+type __VLS_Props = {
+    icon?: IconSource;
+    size?: Size;
+    variant?: BtnVariant;
+    color?: Color;
+    rounded?: Rounded;
+    outlineColor?: Color;
+    skeleton?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: () => any;
+    }> & {
+        default?: () => any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    color: Color;
+    icon: IconSource;
+    size: Size;
+    variant: BtnVariant;
+    rounded: Rounded;
+    skeleton: boolean;
+    outlineColor: Color;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Menu.vue.d.ts

@@ -1,13 +1,21 @@
 import { VNodeChild } from 'vue';
-import { Rounded, Size } from '../types';
+import { IconSource, Rounded, Size } from '../types';
 export type MenuData = MenuItemData | MenuDividerData | MenuLabelData;
 export interface MenuItemData {
     title?: string;
     value?: number | string | symbol;
-    icon?: string;
+    icon?: IconSource;
     render?: () => VNodeChild;
     children?: MenuData[];
     size?: Size;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    onSelect?: (context: MenuItemSelectContext) => void;
+}
+export interface MenuItemSelectContext {
+    value?: number | string | symbol;
+    event: Event;
+    data: MenuItemData;
 }
 export interface MenuDividerData {
     role: 'divider';

package/dist/components/Notification.vue.d.ts

@@ -1,8 +1,8 @@
-import { Size } from '../types';
+import { IconSource, Size } from '../types';
 type __VLS_Props = {
     title?: string;
     message?: string;
-    icon?: string;
+    icon?: IconSource;
     loading?: boolean;
     withBorder?: boolean;
     closeable?: boolean;
@@ -32,9 +32,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    color: string;
-    size: Size;
-    rounded: "sm" | "md" | "lg" | "none" | string | number;
     block: boolean;
     total: number;
     showLeftIndicator: boolean;

package/dist/components/NotificationSystem.vue.d.ts

@@ -10,8 +10,8 @@ type __VLS_Props = {
     pb?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    gap: number;
     progress: boolean;
+    gap: number;
     position: NotificationPosition;
     topN: number;
     pt: number;

package/dist/components/NumberField.vue.d.ts

@@ -0,0 +1,49 @@
+import { TextFieldFormat } from './TextField.vue';
+import { Color } from '../types';
+interface Props {
+    modelValue?: number | string;
+    min?: number;
+    max?: number;
+    step?: number;
+    color?: Color;
+    error?: boolean;
+    disabled?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
+    size?: 'sm' | 'md' | 'lg';
+    placeholder?: string;
+    label?: string;
+    format?: TextFieldFormat;
+    incrementAriaLabel?: string;
+    decrementAriaLabel?: string;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: number | string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        leftSection?(_: {}): any;
+        incrementIcon?(_: {}): any;
+        decrementIcon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    step: number;
+    incrementAriaLabel: string;
+    decrementAriaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Paper.vue.d.ts

@@ -1,10 +1,11 @@
 import { Component } from 'vue';
-import { Color, Rounded } from '../types';
+import { Color, ContainerVariant, Rounded } from '../types';
 type __VLS_Props = {
     rounded?: Rounded;
     loading?: boolean;
     is?: string | Component;
     color?: Color;
+    variant?: ContainerVariant;
     traceAnimate?: boolean;
     withBorder?: boolean;
     noPadding?: boolean;

package/dist/components/PinInput.vue.d.ts

@@ -18,10 +18,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly disabled?: boolean | undefined;
             readonly rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number | undefined;
             readonly size?: "sm" | "md" | "lg" | undefined;
+            readonly type?: string | undefined;
             readonly password?: boolean | undefined;
             readonly placeholder?: string | undefined;
             readonly label?: string | undefined;
-            readonly format?: ((value: string) => string) | undefined;
+            readonly format?: import('./TextField.vue').TextFieldFormat | undefined;
             readonly partialVisible?: boolean | undefined;
             readonly visibleStart?: number | undefined;
             readonly visibleEnd?: number | undefined;
@@ -52,10 +53,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             disabled?: boolean;
             rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number;
             size?: "sm" | "md" | "lg";
+            type?: string;
             password?: boolean;
             placeholder?: string;
             label?: string;
-            format?: (value: string) => string;
+            format?: import('./TextField.vue').TextFieldFormat;
             partialVisible?: boolean;
             visibleStart?: number;
             visibleEnd?: number;
@@ -66,6 +68,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "update:modelValue": (value: string | number) => any;
         }, string, {
+            type: string;
             color: "primary" | "secondary" | "tertiary" | "error";
             size: "sm" | "md" | "lg";
             rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
@@ -92,6 +95,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
+        type: string;
         color: "primary" | "secondary" | "tertiary" | "error";
         size: "sm" | "md" | "lg";
         rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
@@ -106,16 +110,17 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         disabled?: boolean;
         rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number;
         size?: "sm" | "md" | "lg";
+        type?: string;
         password?: boolean;
         placeholder?: string;
         label?: string;
-        format?: (value: string) => string;
+        format?: import('./TextField.vue').TextFieldFormat;
         partialVisible?: boolean;
         visibleStart?: number;
         visibleEnd?: number;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-    }>, "el" | ("color" | "size" | "rounded" | "visibleStart" | "visibleEnd")> & import('vue').ShallowUnwrapRef<{
+    }>, "el" | ("type" | "color" | "size" | "rounded" | "visibleStart" | "visibleEnd")> & import('vue').ShallowUnwrapRef<{
         el: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

package/dist/components/Popover.vue.d.ts

@@ -1,6 +1,8 @@
+import { ContainerVariant } from '../types';
 type Position = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top' | 'bottom' | 'left' | 'right';
 type __VLS_Props = {
     trigger?: 'hover' | 'click';
+    variant?: ContainerVariant;
     position?: Position;
     zIndex?: number;
     offset?: number;

package/dist/components/Rating.vue.d.ts

@@ -1,24 +1,22 @@
-import { Size } from '../types';
+import { Component } from 'vue';
+import { Color, Size } from '../types';
+type IconValue = string | Component;
+type IconSingle = IconValue | {
+    active: IconValue;
+    normal: IconValue;
+};
+type IconType = IconSingle | IconSingle[] | undefined;
 type __VLS_Props = {
     count?: number;
     icons?: IconType;
-    color?: string[] | string;
+    color?: (Color | string) | (Color | string)[];
     highlightSelectedOnly?: boolean;
     unselectable?: boolean;
     size?: Size;
-};
-type IconType = string | {
-    active: string;
-    normal: string;
-} | (string | {
-    active: string;
-    normal: string;
-})[] | undefined;
-declare const __VLS_defaults: {
-    modelValue: number;
+    allowHalf?: boolean;
 };
 type __VLS_PublicProps = {
-    modelValue?: typeof __VLS_defaults['modelValue'];
+    modelValue?: number;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (args_0: number) => any;
@@ -27,6 +25,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onSelect?: ((args_0: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    color: string[] | string;
+    color: (Color | string) | (Color | string)[];
+    unselectable: boolean;
+    count: number;
+    highlightSelectedOnly: boolean;
+    allowHalf: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/Step.vue.d.ts

@@ -1,8 +1,8 @@
-import { Color } from '../types';
+import { Color, IconSource, Rounded } from '../types';
 export interface StepItem {
     title: string;
     description?: string;
-    icon?: string;
+    icon?: IconSource;
     status?: 'wait' | 'process' | 'finish' | 'error';
     disabled?: boolean;
 }
@@ -20,6 +20,7 @@ type __VLS_Props = {
     responsive?: boolean;
     progressDot?: boolean;
     labelPlacement?: 'horizontal' | 'vertical';
+    iconRounded?: Rounded;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
@@ -42,6 +43,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     responsive: boolean;
     progressDot: boolean;
     labelPlacement: "horizontal" | "vertical";
+    iconRounded: Rounded;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     stepRef: HTMLDivElement;
 }, HTMLDivElement>;

package/dist/components/Switch.vue.d.ts

@@ -26,8 +26,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onChange?: ((args_0: boolean) => any) | undefined;
 }>, {
     animate: boolean;
-    color: Color;
-    size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapperRef: HTMLDivElement;