@roku-ui/vue 0.26.0 → 0.28.0

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

@@ -23,10 +23,10 @@ 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;
-    rounded: Rounded;
-    is: string | Component;
     size: "sm" | "md" | "lg" | string | number;
     variant: ContainerVariant;
+    rounded: Rounded;
+    is: string | Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     img: unknown;
 }, any>;

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

@@ -30,10 +30,10 @@ 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;
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
-    is: string | Component;
     size: "sm" | "md" | "lg";
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     pressEffect: "translate" | "scale";
+    is: string | Component;
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     btn: unknown;

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

@@ -31,9 +31,9 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     animate: boolean;
     mode: CalendarMode;
     color: Color;
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     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/CalendarInput.vue.d.ts

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

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

@@ -19,8 +19,8 @@ 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: string;
     position: "left" | "right";
-    withBorder: boolean;
     variant: ContainerVariant;
+    withBorder: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -16,8 +16,8 @@ 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;
-    withBorder: boolean;
     variant: ContainerVariant;
+    withBorder: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

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

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

@@ -20,10 +20,10 @@ 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;
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
-    is: string | any;
     size: "sm" | "md" | "lg" | string | number;
     variant: ContainerVariant;
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    is: string | any;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

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

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

@@ -5,7 +5,7 @@ type __VLS_Props = {
     withBorder?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    withBorder: boolean;
     is: string | Component;
+    withBorder: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -33,8 +33,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
     color: string;
-    rounded: "sm" | "md" | "lg" | "none" | string | number;
     size: Size;
+    rounded: "sm" | "md" | "lg" | "none" | string | number;
     block: boolean;
     total: number;
     showLeftIndicator: boolean;

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

@@ -22,9 +22,9 @@ 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;
-    withBorder: boolean;
     rounded: Rounded;
     is: string | Component;
+    withBorder: boolean;
     loading: boolean;
     traceAnimate: boolean;
     noPadding: boolean;

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

@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             "update:modelValue": (value: string | number) => any;
         }, string, {
             color: "primary" | "secondary" | "tertiary" | "error";
-            rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
             size: "sm" | "md" | "lg";
+            rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
             visibleStart: number;
             visibleEnd: number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -93,8 +93,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $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<{
         color: "primary" | "secondary" | "tertiary" | "error";
-        rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
         size: "sm" | "md" | "lg";
+        rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
         visibleStart: number;
         visibleEnd: number;
     }> & Omit<Readonly<{
@@ -115,7 +115,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         visibleEnd?: number;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-    }>, "el" | ("color" | "rounded" | "size" | "visibleStart" | "visibleEnd")> & import('vue').ShallowUnwrapRef<{
+    }>, "el" | ("color" | "size" | "rounded" | "visibleStart" | "visibleEnd")> & import('vue').ShallowUnwrapRef<{
         el: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

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

@@ -1,4 +1,8 @@
 import { Color } from '../types';
+interface ProgressSection {
+    value: number | string;
+    color?: Color;
+}
 type __VLS_Props = {
     value?: number | string;
     max?: number | string;
@@ -7,14 +11,16 @@ type __VLS_Props = {
     color?: Color;
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
     loading?: boolean;
+    sections?: ProgressSection[];
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     color: Color;
-    value: number | string;
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    min: number | string;
+    max: number | string;
     size: "sm" | "md" | "lg";
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    value: number | string;
     loading: boolean;
-    max: number | string;
-    min: number | string;
+    sections: ProgressSection[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,11 +1,8 @@
 import { Component } from 'vue';
-import { Theme } from '../shared';
-import { ThemeData } from '../utils';
+import { ThemeData } from '../shared';
 type __VLS_Props = {
     is?: string | Component;
-    theme?: string;
-    themes?: Record<string, ThemeData>;
-    themeObj?: Partial<Theme>;
+    themeObj?: Partial<ThemeData>;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -20,8 +17,6 @@ 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<{}>, {
     is: string | Component;
-    theme: string;
-    themes: Record<string, ThemeData>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     wrapperRef: unknown;
 }, any>;

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

@@ -21,10 +21,10 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
     $el: import('vue').Ref<HTMLElement | undefined, HTMLElement | undefined>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    capture: boolean;
     barWidth: number;
     threshold: number;
     stopPropagation: boolean;
-    capture: boolean;
     minBarHeight: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     scrollBarIndicatorRef: HTMLDivElement;

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

@@ -1,7 +1,12 @@
-import { Area } from '../types';
 type __VLS_Props = {
     target?: HTMLElement | null;
 };
+export interface Area {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectStart: (args_0: {
         target: EventTarget | null;

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

@@ -24,9 +24,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     reverse: boolean;
     animate: boolean;
     color: string;
-    size: "sm" | "md" | "lg";
-    max: number;
     min: number;
+    max: number;
+    size: "sm" | "md" | "lg";
     step: number;
     minWidth: number;
     alignTicksToStep: boolean;

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

@@ -0,0 +1,48 @@
+import { Color } from '../types';
+export interface StepItem {
+    title: string;
+    description?: string;
+    icon?: string;
+    status?: 'wait' | 'process' | 'finish' | 'error';
+    disabled?: boolean;
+}
+type __VLS_Props = {
+    modelValue?: number;
+    items: StepItem[];
+    direction?: 'horizontal' | 'vertical';
+    size?: 'sm' | 'md' | 'lg';
+    color?: Color;
+    type?: 'default' | 'navigation' | 'dot' | 'simple';
+    clickable?: boolean;
+    linear?: boolean;
+    showDescription?: boolean;
+    alternativeLabel?: boolean;
+    responsive?: boolean;
+    progressDot?: boolean;
+    labelPlacement?: 'horizontal' | 'vertical';
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    click: (index: number) => any;
+    change: (current: number, previous: number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onClick?: ((index: number) => any) | undefined;
+    onChange?: ((current: number, previous: number) => any) | undefined;
+}>, {
+    type: "default" | "navigation" | "dot" | "simple";
+    color: Color;
+    direction: "horizontal" | "vertical";
+    size: "sm" | "md" | "lg";
+    modelValue: number;
+    clickable: boolean;
+    linear: boolean;
+    showDescription: boolean;
+    alternativeLabel: boolean;
+    responsive: boolean;
+    progressDot: boolean;
+    labelPlacement: "horizontal" | "vertical";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    stepRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

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

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

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

@@ -21,8 +21,10 @@ 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<{}>, {
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    color: string;
+    size: "sm" | "md" | "lg";
     variant: BtnVariant;
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -37,8 +37,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     color: "primary" | "secondary" | "tertiary" | "error";
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     size: "sm" | "md" | "lg";
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     visibleStart: number;
     visibleEnd: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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

@@ -1,4 +1,4 @@
-import { ThemeData } from '..';
+import { ThemeData } from '../shared';
 type __VLS_Props = {
     theme?: ThemeData;
     scheme?: string;

package/dist/components/index.d.ts

@@ -36,6 +36,7 @@ export { default as ScrollArea } from './ScrollArea.vue';
 export { default as Select } from './Select.vue';
 export { default as SelectArea } from './SelectArea.vue';
 export { default as Slider } from './Slider.vue';
+export { default as Step } from './Step.vue';
 export { default as Switch } from './Switch.vue';
 export { default as TabItem } from './TabItem.vue';
 export { default as Tabs } from './Tabs.vue';

package/dist/composables/index.d.ts

@@ -1,42 +1,20 @@
 import { RemovableRef } from '@vueuse/core';
-import { MaybeRef, Ref } from 'vue';
-import { ThemeData } from '..';
+export { generateEditorFriendlyColors, generateOKLCHString } from '../utils';
 export * from './dom';
 export declare const COLOR_LIGHTNESS_MAP: number[];
 export declare const SURFACE_LIGHTNESS_MAP: number[];
-export declare function useRootTheme(): Ref<string | undefined, string | undefined>;
-export declare function useCurrentThemeScheme(): Ref<string, string> | null;
-export declare function useCurrentThemeData(): Ref<ThemeData, ThemeData>;
-export declare function useCurrentThemeName(): Ref<string, string>;
-export declare function useThemeData(name: string, color: {
-    primary: MaybeRef<string>;
-    secondary: MaybeRef<string>;
-    tertiary: MaybeRef<string>;
-    error: MaybeRef<string>;
-    surface: MaybeRef<string>;
-}, lightnessMap?: {
-    primary?: number[];
-    secondary?: number[];
-    tertiary?: number[];
-    error?: number[];
-    surface?: number[];
-}): import('vue').ComputedRef<{
-    name: string;
-    colors: {
-        primary: import('..').ColorsTuple;
-        secondary: import('..').ColorsTuple;
-        tertiary: import('..').ColorsTuple;
-        error: import('..').ColorsTuple;
-        surface: import('..').ColorsTuple;
-    };
-}>;
-export declare function useThemeStyles(theme: ThemeData): {
+export declare function useThemeStyles(theme: import('../shared').ThemeData): {
+    backgroundColor: string;
+    color: string;
+    '--un-default-border-color': string;
+};
+export declare function useEditorFriendlyThemeStyles(theme: import('../shared').ThemeData): {
     backgroundColor: string;
     color: string;
     '--un-default-border-color': string;
 };
 export declare function useId(props: {
     id?: string;
-}): Ref<string, string>;
+}): import('vue').Ref<string, string>;
 export declare const schemeSymbol: unique symbol;
 export declare function useSchemeString(): RemovableRef<string>;