@roku-ui/vue 0.25.0 → 0.26.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;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     img: unknown;
 }, any>;

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

@@ -30,9 +30,9 @@ 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";
     disabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {

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/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";
-    variant: ContainerVariant;
     withBorder: boolean;
+    variant: ContainerVariant;
 }, {}, {}, {}, 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;
-    variant: ContainerVariant;
     withBorder: boolean;
+    variant: ContainerVariant;
 }, {}, {}, {}, 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;
-    size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    size: "sm" | "md" | "lg";
     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;
 }, {}, {}, {}, 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

@@ -1,17 +1,52 @@
 type __VLS_Props = {
+    onChange?: (value: string) => void;
+    color?: 'primary' | 'secondary' | 'tertiary' | 'error';
+    error?: boolean;
+    disabled?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
+    size?: 'sm' | 'md' | 'lg';
+    placeholder?: string;
     label?: string;
-    withBorder?: boolean;
+    format?: 'hex' | 'rgb' | 'hsl';
+    showSwatch?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: string;
 } & __VLS_Props;
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        label?(_: {}): any;
+        leftSection?(_: {}): any;
+        rightSection?(_: {}): any;
+    };
+    refs: {
+        colorPicker: HTMLInputElement;
+        input: HTMLInputElement;
+    };
+    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": (value: string) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
-    withBorder: boolean;
+    color: "primary" | "secondary" | "tertiary" | "error";
+    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    size: "sm" | "md" | "lg";
+    format: "hex" | "rgb" | "hsl";
+    showSwatch: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    colorPicker: HTMLInputElement;
     input: HTMLInputElement;
 }, 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/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<{}>, {
-    is: string | Component;
     withBorder: boolean;
+    is: string | Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -11,8 +11,8 @@ type __VLS_Props = {
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    is: string | Component;
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    is: string | Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     img: unknown;
 }, HTMLDivElement>;

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;
-    size: Size;
     rounded: "sm" | "md" | "lg" | "none" | string | number;
+    size: Size;
     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;
-    is: string | Component;
-    rounded: Rounded;
     withBorder: boolean;
+    rounded: Rounded;
+    is: string | Component;
     loading: boolean;
     traceAnimate: boolean;
     noPadding: boolean;

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

@@ -21,6 +21,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly password?: boolean | undefined;
             readonly placeholder?: string | undefined;
             readonly label?: string | undefined;
+            readonly format?: ((value: string) => string) | undefined;
+            readonly partialVisible?: boolean | undefined;
+            readonly visibleStart?: number | undefined;
+            readonly visibleEnd?: number | undefined;
             readonly "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
@@ -51,6 +55,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             password?: boolean;
             placeholder?: string;
             label?: string;
+            format?: (value: string) => string;
+            partialVisible?: boolean;
+            visibleStart?: number;
+            visibleEnd?: number;
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
         }>, {
@@ -59,8 +67,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             "update:modelValue": (value: string | number) => any;
         }, string, {
             color: "primary" | "secondary" | "tertiary" | "error";
-            size: "sm" | "md" | "lg";
             rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+            size: "sm" | "md" | "lg";
+            visibleStart: number;
+            visibleEnd: number;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -83,8 +93,10 @@ 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";
-        size: "sm" | "md" | "lg";
         rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+        size: "sm" | "md" | "lg";
+        visibleStart: number;
+        visibleEnd: number;
     }> & Omit<Readonly<{
         modelValue?: string | number;
     } & {
@@ -97,13 +109,19 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         password?: boolean;
         placeholder?: string;
         label?: string;
+        format?: (value: string) => string;
+        partialVisible?: boolean;
+        visibleStart?: number;
+        visibleEnd?: number;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-    }>, "el" | ("color" | "size" | "rounded")> & import('vue').ShallowUnwrapRef<{
+    }>, "el" | ("color" | "rounded" | "size" | "visibleStart" | "visibleEnd")> & import('vue').ShallowUnwrapRef<{
         el: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {
             label?(_: {}): any;
+            leftSection?(_: {}): any;
+            rightSection?(_: {}): any;
         };
     }) | null)[];
 }, HTMLDivElement>;

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

@@ -11,8 +11,8 @@ type __VLS_Props = {
 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;
-    size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    size: "sm" | "md" | "lg";
     loading: boolean;
     max: number | string;
     min: number | string;

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

@@ -1,9 +1,11 @@
 import { Component } from 'vue';
+import { Theme } from '../shared';
 import { ThemeData } from '../utils';
 type __VLS_Props = {
     is?: string | Component;
     theme?: string;
     themes?: Record<string, ThemeData>;
+    themeObj?: Partial<Theme>;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;

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

@@ -1,15 +1,11 @@
-import { Reactive } from 'vue';
 import { Color } from '../types';
-declare const _default: <T extends {
-    id: number | string | symbol;
-    [key: string]: any;
-} | string | symbol | number>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onInput?: ((searchWord: string) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((value: T | Reactive<T> | undefined) => any) | undefined;
-        readonly onChange?: ((option: T | Reactive<T> | undefined) => any) | undefined;
+        readonly "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
+        readonly onChange?: ((option: T | undefined) => any) | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onChange" | "onInput" | "onUpdate:modelValue"> & ({
-        modelValue?: T | Reactive<T> | undefined;
+        modelValue?: T | undefined;
     } & {
         ariaLabel?: string;
         options?: T[];
@@ -21,6 +17,8 @@ declare const _default: <T extends {
         placeholder?: string;
         searchable?: boolean;
         filter?: (label: string, text: string) => boolean;
+        labelKey?: keyof T;
+        labelGetter?: (option: T) => string;
     }) & Partial<{}>> & import('vue').PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
@@ -32,7 +30,7 @@ declare const _default: <T extends {
         }): any;
         'not-found'?(_: {}): any;
     };
-    emit: (((evt: "input", searchWord: string) => void) & ((evt: "change", option: T | Reactive<T> | undefined) => void)) & ((evt: "update:modelValue", value: T | Reactive<T> | undefined) => void);
+    emit: (((evt: "input", searchWord: string) => void) & ((evt: "change", option: T | undefined) => void)) & ((evt: "update:modelValue", value: T | undefined) => void);
 }>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -1,12 +1,7 @@
+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/Switch.vue.d.ts

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

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

@@ -21,8 +21,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<{}>, {
-    variant: BtnVariant;
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    variant: BtnVariant;
 }, {}, {}, {}, 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

@@ -8,6 +8,10 @@ type __VLS_Props = {
     password?: boolean;
     placeholder?: string;
     label?: string;
+    format?: (value: string) => string;
+    partialVisible?: boolean;
+    visibleStart?: number;
+    visibleEnd?: number;
 };
 type __VLS_PublicProps = {
     modelValue?: string | number;
@@ -16,6 +20,8 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         label?(_: {}): any;
+        leftSection?(_: {}): any;
+        rightSection?(_: {}): any;
     };
     refs: {
         input: HTMLInputElement;
@@ -31,8 +37,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
     color: "primary" | "secondary" | "tertiary" | "error";
-    size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
+    size: "sm" | "md" | "lg";
+    visibleStart: number;
+    visibleEnd: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     input: HTMLInputElement;
 }, HTMLDivElement>;

package/dist/components/index.d.ts

@@ -5,7 +5,7 @@ export { default as Avatar } from './Avatar.vue';
 export { default as Btn } from './Btn.vue';
 export { default as BtnGroup } from './BtnGroup.vue';
 export { default as Calendar } from './Calendar.vue';
-export { default as CalendarField } from './CalendarField.vue';
+export { default as CalendarInput } from './CalendarInput.vue';
 export { default as ChatContainer } from './ChatContainer.vue';
 export { default as ChatMessage } from './ChatMessage.vue';
 export { default as ChatSystem } from './ChatSystem.vue';