@roku-ui/vue 0.20.0 → 0.21.0

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

@@ -1,13 +1,14 @@
+type __VLS_Props = {
+    target?: HTMLElement;
+    color?: string;
+};
 export interface Area {
     left: number;
     top: number;
     right: number;
     bottom: number;
 }
-declare const _default: import('vue').DefineComponent<{
-    target?: HTMLElement;
-    color?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectStart: (args_0: {
         target: EventTarget | null;
         shift: boolean;
@@ -23,10 +24,7 @@ declare const _default: import('vue').DefineComponent<{
         shift: boolean;
         ctrl: boolean;
     }) => any;
-}, string, import('vue').PublicProps, Readonly<{
-    target?: HTMLElement;
-    color?: string;
-}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelectStart?: ((args_0: {
         target: EventTarget | null;
         shift: boolean;

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

@@ -1,4 +1,4 @@
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     size?: 'sm' | 'md' | 'lg';
     animate?: boolean;
     width?: number;
@@ -9,15 +9,17 @@ declare let __VLS_typeProps: {
     tickNum?: number;
     color?: string;
     minWidth?: number;
+    reverse?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: any;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: any) => any;
+    "update:modelValue": (value: any) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: any) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }>, {
+    reverse: boolean;
     animate: boolean;
     color: string;
     size: "sm" | "md" | "lg";
@@ -25,5 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     min: number;
     step: number;
     minWidth: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapper: HTMLDivElement;
+    indicator: HTMLDivElement;
+}, HTMLDivElement>;
 export default _default;

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

@@ -1,5 +1,5 @@
 import { Color } from '../types';
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     size?: 'sm' | 'md' | 'lg';
     animate?: boolean;
     options?: string[];
@@ -16,17 +16,20 @@ declare let __VLS_typeProps: {
 };
 type __VLS_PublicProps = {
     modelValue?: boolean;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
     change: (args_0: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     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, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    wrapperRef: HTMLDivElement;
+    wrapper: HTMLDivElement;
+}, any>;
 export default _default;

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

@@ -1,22 +1,23 @@
+type __VLS_Props = {
+    value: string | number | symbol;
+    color?: string;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         tabRef: HTMLButtonElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLButtonElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    value: string | number | symbol;
-    color?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    value: string | number | symbol;
-    color?: string;
-}> & Readonly<{}>, {
+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;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tabRef: HTMLButtonElement;
+}, HTMLButtonElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,27 +1,30 @@
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     defaultValue?: string | number | symbol;
     direction?: 'horizontal' | 'vertical';
 };
 type __VLS_PublicProps = {
     modelValue?: string | number | symbol;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         tabRef: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    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": (modelValue: string | number | symbol) => any;
+    "update:modelValue": (value: string | number | symbol) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | number | symbol) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number | symbol) => any) | undefined;
 }>, {
     direction: "horizontal" | "vertical";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tabRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,32 +1,31 @@
 import { BtnVariant } from '../types';
+type __VLS_Props = {
+    color?: string;
+    variant?: BtnVariant;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
+    size?: 'sm' | 'md' | 'lg';
+    leftIcon?: string;
+    rightIcon?: string;
+};
 declare function __VLS_template(): {
-    slots: {
-        "left-icon"?(_: {}): any;
-        default?(_: {}): any;
-        "right-icon"?(_: {}): any;
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default?: (props: any) => any;
+        rightIcon?: (props: any) => any;
+        leftIcon?: (props: any) => any;
+    }> & {
+        default?: (props: any) => any;
+        rightIcon?: (props: any) => any;
+        leftIcon?: (props: any) => any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLSpanElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    color?: string;
-    variant?: BtnVariant;
-    rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number;
-    size?: "sm" | "md" | "lg";
-    leftIcon?: string;
-    rightIcon?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    color?: string;
-    variant?: BtnVariant;
-    rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number;
-    size?: "sm" | "md" | "lg";
-    leftIcon?: string;
-    rightIcon?: string;
-}> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     variant: BtnVariant;
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,4 +1,4 @@
-declare let __VLS_typeProps: {
+type __VLS_Props = {
     onChange?: (value: string) => void;
     color?: 'primary' | 'secondary' | 'tertiary' | 'error';
     error?: boolean;
@@ -11,28 +11,31 @@ declare let __VLS_typeProps: {
 };
 type __VLS_PublicProps = {
     modelValue?: string | number;
-} & typeof __VLS_typeProps;
+} & __VLS_Props;
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         label?(_: {}): any;
     };
     refs: {
         input: HTMLInputElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
     el: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | number) => any;
+    "update:modelValue": (value: string | number) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string | number) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     color: "primary" | "secondary" | "tertiary" | "error";
     size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    input: HTMLInputElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,19 +1,18 @@
 import { ThemeData } from '..';
+type __VLS_Props = {
+    theme?: ThemeData;
+    scheme?: string;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    theme?: ThemeData;
-    scheme?: string;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    theme?: ThemeData;
-    scheme?: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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 & {

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

@@ -1,4 +1,8 @@
+type __VLS_Props = {
+    timeout?: number;
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
         content?(_: {}): any;
@@ -7,16 +11,15 @@ declare function __VLS_template(): {
         hoverableRef: HTMLDivElement;
         tooltipRef: HTMLDivElement;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
-    timeout?: number;
-}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    timeout?: number;
-}> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     timeout: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    hoverableRef: HTMLDivElement;
+    tooltipRef: HTMLDivElement;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,32 +1,79 @@
-import { Rounded } from '../types';
 import { VNode } from 'vue';
-export interface TreeListLinkData {
+import { Rounded } from '../types';
+export interface TreeListLeafData {
+    icon?: string | VNode;
     title: string;
     value: string;
     attrs?: Record<string, any>;
     is?: string | VNode;
 }
 export interface TreeListHeaderData {
+    icon?: string | VNode;
     title: string;
 }
-export interface TreeListTitleData {
+export interface TreeListCollapseData {
     title: string;
-    children: TreeListItemData[];
+    icon?: string | VNode;
+    value?: string;
+    children?: TreeListItemData[];
     open?: boolean;
 }
-export type TreeListItemData = TreeListLinkData | TreeListHeaderData | TreeListTitleData;
-declare let __VLS_typeProps: {
+export type TreeListItemData = TreeListLeafData | TreeListHeaderData | TreeListCollapseData;
+type __VLS_Props = {
     items: TreeListItemData[];
     rounded?: Rounded;
 };
 type __VLS_PublicProps = {
     modelValue?: string;
-} & typeof __VLS_typeProps;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string) => any;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        link?: (props: {
+            data: TreeListLeafData;
+            level: number;
+        }) => any;
+        title?: (props: {
+            data: TreeListCollapseData;
+            level: number;
+        }) => any;
+        header?: (props: {
+            data: TreeListHeaderData;
+            level: number;
+        }) => any;
+    }> & {
+        link?: (props: {
+            data: TreeListLeafData;
+            level: number;
+        }) => any;
+        title?: (props: {
+            data: TreeListCollapseData;
+            level: number;
+        }) => any;
+        header?: (props: {
+            data: TreeListHeaderData;
+            level: number;
+        }) => any;
+    };
+    refs: {
+        treeListRef: HTMLUListElement;
+    };
+    rootEl: HTMLUListElement;
+};
+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) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     rounded: Rounded;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    treeListRef: HTMLUListElement;
+}, HTMLUListElement>;
+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/index.d.ts

@@ -1,4 +1,5 @@
 export { default as AspectRatio } from './AspectRatio.vue';
+export { default as AutoHeightTransition } from './AutoHeightTransition.vue';
 export { default as Avatar } from './Avatar.vue';
 export { default as Btn } from './Btn.vue';
 export { default as BtnGroup } from './BtnGroup.vue';