@roku-ui/vue 0.1.0 → 0.1.2

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

@@ -1,58 +1,79 @@
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: any;
-    size?: "sm" | "md" | "lg" | undefined;
-    animate?: boolean | undefined;
-    options?: string[] | undefined;
-    label?: string | undefined;
-    id?: string | undefined;
-    rounded?: string | number | undefined;
-    color?: "primary" | "secondary" | "tertiary" | "error" | undefined;
-    disabled?: boolean | undefined;
-}>, {
-    size: string;
-    rounded: string;
-    animate: boolean;
-    color: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    modelValue?: any;
-    size?: "sm" | "md" | "lg" | undefined;
-    animate?: boolean | undefined;
-    options?: string[] | undefined;
-    label?: string | undefined;
-    id?: string | undefined;
-    rounded?: string | number | undefined;
-    color?: "primary" | "secondary" | "tertiary" | "error" | undefined;
-    disabled?: boolean | undefined;
-}>, {
-    size: string;
-    rounded: string;
-    animate: boolean;
-    color: string;
-}>>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}, {
+declare const _default: import("vue").DefineComponent<{
+    modelValue: globalThis.PropType<boolean>;
+    size: {
+        type: globalThis.PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    label: {
+        type: globalThis.PropType<string>;
+    };
+    animate: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "tertiary" | "error">;
+        default: string;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+    };
+    rounded: {
+        type: globalThis.PropType<string | number>;
+        default: string;
+    };
+    options: {
+        type: globalThis.PropType<string[]>;
+    };
+    id: {
+        type: globalThis.PropType<string>;
+    };
+    offIcon: {
+        type: globalThis.PropType<string>;
+    };
+    onIcon: {
+        type: globalThis.PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    modelValue: globalThis.PropType<boolean>;
+    size: {
+        type: globalThis.PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
+    label: {
+        type: globalThis.PropType<string>;
+    };
+    animate: {
+        type: globalThis.PropType<boolean>;
+        default: boolean;
+    };
+    color: {
+        type: globalThis.PropType<"primary" | "secondary" | "tertiary" | "error">;
+        default: string;
+    };
+    disabled: {
+        type: globalThis.PropType<boolean>;
+    };
+    rounded: {
+        type: globalThis.PropType<string | number>;
+        default: string;
+    };
+    options: {
+        type: globalThis.PropType<string[]>;
+    };
+    id: {
+        type: globalThis.PropType<string>;
+    };
+    offIcon: {
+        type: globalThis.PropType<string>;
+    };
+    onIcon: {
+        type: globalThis.PropType<string>;
+    };
+}>>, {
     size: 'sm' | 'md' | 'lg';
     animate: boolean;
     color: 'primary' | 'secondary' | 'tertiary' | 'error';
     rounded: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

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

@@ -5,32 +5,36 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     error?: boolean | undefined;
     disabled?: boolean | undefined;
     rounded?: string | number | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
     password?: boolean | undefined;
     placeholder?: string | undefined;
 }>, {
     color: string;
     rounded: string;
+    size: string;
 }>, {
     el: globalThis.Ref<HTMLInputElement | null>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     input: (...args: any[]) => void;
-    "update:modelValue": (...args: any[]) => void;
     pointerup: (...args: any[]) => void;
     click: (...args: any[]) => void;
     pointerdown: (...args: any[]) => void;
     change: (...args: any[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    "update:modelValue": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number | undefined;
     onChange?: ((value: string) => void) | undefined;
     color?: "primary" | "secondary" | "tertiary" | "error" | undefined;
     error?: boolean | undefined;
     disabled?: boolean | undefined;
     rounded?: string | number | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
     password?: boolean | undefined;
     placeholder?: string | undefined;
 }>, {
     color: string;
     rounded: string;
+    size: string;
 }>>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     onInput?: ((...args: any[]) => any) | undefined;
@@ -39,6 +43,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onPointerup?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
+    size: 'sm' | 'md' | 'lg';
     color: 'primary' | 'secondary' | 'tertiary' | 'error';
     rounded: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
 }, {}>;

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

@@ -0,0 +1,23 @@
+import type { ThemeData } from '..';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    theme: ThemeData;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    theme: ThemeData;
+}>>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/dist/components/index.d.ts

@@ -12,4 +12,7 @@ import Progress from './Progress.vue';
 import Indicator from './Indicator.vue';
 import Chip from './Chip.vue';
 import Avatar from './Avatar.vue';
-export { Avatar, Chip, Indicator, PinInput, Progress, NotificationSystem, Modal, Btn, RokuProvider, Slider, Switch, Select, TextField, Notification };
+import ThemeSwitch from './ThemeSwitch.vue';
+import ThemeProvider from './ThemeProvider.vue';
+import Paper from './Paper.vue';
+export { Paper, ThemeProvider, ThemeSwitch, Avatar, Chip, Indicator, PinInput, Progress, NotificationSystem, Modal, Btn, RokuProvider, Slider, Switch, Select, TextField, Notification };

package/dist/composables/index.d.ts

@@ -1,2 +1,61 @@
-import type { ThemeData } from './../utils';
-export declare function useTheme(): ThemeData | undefined;
+import { type ThemeData } from '..';
+export declare function useRootTheme(): globalThis.Ref<string | undefined>;
+export declare function useCurrentThemeScheme(): globalThis.Ref<string> | null;
+export declare function useCurrentTheme(): globalThis.Ref<ThemeData>;
+export declare function useThemeStyles(theme: ThemeData, root?: boolean): {
+    colorScheme?: undefined;
+    '--r-color-surface-on'?: undefined;
+    '--r-color-surface-oninverted'?: undefined;
+    '--r-color-surface-onlow'?: undefined;
+    '--r-color-surface-onlowinverted'?: undefined;
+    '--r-color-surface-lowest'?: undefined;
+    '--r-color-surface-low'?: undefined;
+    '--r-color-surface-base'?: undefined;
+    '--r-color-surface-high'?: undefined;
+    '--r-color-surface-highest'?: undefined;
+    '--r-color-surface-border'?: undefined;
+    '--r-color-primary-container'?: undefined;
+    '--r-color-secondary-container'?: undefined;
+    '--r-color-tertiary-container'?: undefined;
+    '--r-color-error-container'?: undefined;
+    '--r-color-primary-containerd'?: undefined;
+    '--r-color-secondary-containerd'?: undefined;
+    '--r-color-tertiary-containerd'?: undefined;
+    '--r-color-error-containerd'?: undefined;
+    '--r-color-primary-containerl'?: undefined;
+    '--r-color-secondary-containerl'?: undefined;
+    '--r-color-tertiary-containerl'?: undefined;
+    '--r-color-error-containerl'?: undefined;
+    'color-scheme': string;
+    'font-family': string;
+    'background-color': string;
+    color: string;
+} | {
+    colorScheme: string;
+    '--r-color-surface-on': string;
+    '--r-color-surface-oninverted': string;
+    '--r-color-surface-onlow': string;
+    '--r-color-surface-onlowinverted': string;
+    '--r-color-surface-lowest': string;
+    '--r-color-surface-low': string;
+    '--r-color-surface-base': string;
+    '--r-color-surface-high': string;
+    '--r-color-surface-highest': string;
+    '--r-color-surface-border': string;
+    '--r-color-primary-container': string;
+    '--r-color-secondary-container': string;
+    '--r-color-tertiary-container': string;
+    '--r-color-error-container': string;
+    '--r-color-primary-containerd': string;
+    '--r-color-secondary-containerd': string;
+    '--r-color-tertiary-containerd': string;
+    '--r-color-error-containerd': string;
+    '--r-color-primary-containerl': string;
+    '--r-color-secondary-containerl': string;
+    '--r-color-tertiary-containerl': string;
+    '--r-color-error-containerl': string;
+    'color-scheme': string;
+    'font-family': string;
+    'background-color': string;
+    color: string;
+};