@roku-ui/vue 0.2.0 → 0.4.0

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

@@ -8,6 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<"sm" | "md" | "lg">;
         default: string;
     };
+    placeholder: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     options: {
         type: globalThis.PropType<Option[]>;
         default: () => never[];
@@ -16,10 +20,6 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -28,6 +28,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<"sm" | "md" | "lg">;
         default: string;
     };
+    placeholder: {
+        type: globalThis.PropType<string>;
+        default: string;
+    };
     options: {
         type: globalThis.PropType<Option[]>;
         default: () => never[];
@@ -36,16 +40,12 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
         default: string;
     };
-    placeholder: {
-        type: globalThis.PropType<string>;
-        default: string;
-    };
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
 }, {
     size: 'sm' | 'md' | 'lg';
+    placeholder: string;
     options: Option[];
     noneText: string;
-    placeholder: string;
 }, {}>;
 export default _default;

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

@@ -1,31 +1,30 @@
 declare const _default: import("vue").DefineComponent<{
     modelValue: globalThis.PropType<any>;
-    size: {
-        type: globalThis.PropType<"sm" | "md" | "lg">;
-        default: string;
+    width: {
+        type: globalThis.PropType<number>;
     };
     animate: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    size: {
+        type: globalThis.PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "tertiary" | "error">;
         default: string;
     };
-    width: {
+    max: {
         type: globalThis.PropType<number>;
         default: number;
     };
-    options: {
-        type: globalThis.PropType<any[]>;
-    };
     min: {
         type: globalThis.PropType<number>;
         default: number;
     };
-    max: {
-        type: globalThis.PropType<number>;
-        default: number;
+    options: {
+        type: globalThis.PropType<any[]>;
     };
     step: {
         type: globalThis.PropType<number>;
@@ -34,34 +33,37 @@ declare const _default: import("vue").DefineComponent<{
     tickNum: {
         type: globalThis.PropType<number>;
     };
+    minWidth: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     modelValue: globalThis.PropType<any>;
-    size: {
-        type: globalThis.PropType<"sm" | "md" | "lg">;
-        default: string;
+    width: {
+        type: globalThis.PropType<number>;
     };
     animate: {
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    size: {
+        type: globalThis.PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "tertiary" | "error">;
         default: string;
     };
-    width: {
+    max: {
         type: globalThis.PropType<number>;
         default: number;
     };
-    options: {
-        type: globalThis.PropType<any[]>;
-    };
     min: {
         type: globalThis.PropType<number>;
         default: number;
     };
-    max: {
-        type: globalThis.PropType<number>;
-        default: number;
+    options: {
+        type: globalThis.PropType<any[]>;
     };
     step: {
         type: globalThis.PropType<number>;
@@ -70,13 +72,17 @@ declare const _default: import("vue").DefineComponent<{
     tickNum: {
         type: globalThis.PropType<number>;
     };
+    minWidth: {
+        type: globalThis.PropType<number>;
+        default: number;
+    };
 }>>, {
-    size: 'sm' | 'md' | 'lg';
     animate: boolean;
+    size: 'sm' | 'md' | 'lg';
     color: 'primary' | 'secondary' | 'tertiary' | 'error';
-    width: number;
-    min: number;
     max: number;
+    min: number;
     step: number;
+    minWidth: number;
 }, {}>;
 export default _default;

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

@@ -1,9 +1,5 @@
 declare const _default: import("vue").DefineComponent<{
     modelValue: globalThis.PropType<boolean>;
-    size: {
-        type: globalThis.PropType<"sm" | "md" | "lg">;
-        default: string;
-    };
     label: {
         type: globalThis.PropType<string>;
     };
@@ -11,6 +7,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    size: {
+        type: globalThis.PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "tertiary" | "error">;
         default: string;
@@ -22,12 +22,15 @@ declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: globalThis.PropType<boolean>;
     };
-    options: {
-        type: globalThis.PropType<string[]>;
-    };
     id: {
         type: globalThis.PropType<string>;
     };
+    value: {
+        type: globalThis.PropType<boolean>;
+    };
+    options: {
+        type: globalThis.PropType<string[]>;
+    };
     offIcon: {
         type: globalThis.PropType<string>;
     };
@@ -36,10 +39,6 @@ declare const _default: import("vue").DefineComponent<{
     };
 }, {}, 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>;
     };
@@ -47,6 +46,10 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<boolean>;
         default: boolean;
     };
+    size: {
+        type: globalThis.PropType<"sm" | "md" | "lg">;
+        default: string;
+    };
     color: {
         type: globalThis.PropType<"primary" | "secondary" | "tertiary" | "error">;
         default: string;
@@ -58,12 +61,15 @@ declare const _default: import("vue").DefineComponent<{
     disabled: {
         type: globalThis.PropType<boolean>;
     };
-    options: {
-        type: globalThis.PropType<string[]>;
-    };
     id: {
         type: globalThis.PropType<string>;
     };
+    value: {
+        type: globalThis.PropType<boolean>;
+    };
+    options: {
+        type: globalThis.PropType<string[]>;
+    };
     offIcon: {
         type: globalThis.PropType<string>;
     };
@@ -71,8 +77,8 @@ declare const _default: import("vue").DefineComponent<{
         type: globalThis.PropType<string>;
     };
 }>>, {
-    size: 'sm' | 'md' | 'lg';
     animate: boolean;
+    size: 'sm' | 'md' | 'lg';
     color: 'primary' | 'secondary' | 'tertiary' | 'error';
     rounded: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
 }, {}>;

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

@@ -18,9 +18,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     input: (...args: any[]) => void;
     pointerup: (...args: any[]) => void;
     click: (...args: any[]) => void;
-    pointerdown: (...args: any[]) => void;
     change: (...args: any[]) => void;
     "update:modelValue": (...args: any[]) => void;
+    pointerdown: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue?: string | number | undefined;
     onChange?: ((value: string) => void) | undefined;

package/dist/components/index.d.ts

@@ -1,19 +1,28 @@
-import Btn from './Btn.vue';
-import Slider from './Slider.vue';
-import Switch from './Switch.vue';
-import RokuProvider from './RokuProvider.vue';
-import Select from './Select.vue';
-import TextField from './TextField.vue';
-import Notification from './Notification.vue';
-import Modal from './Modal.vue';
-import NotificationSystem from './NotificationSystem.vue';
-import PinInput from './PinInput.vue';
-import Progress from './Progress.vue';
-import Indicator from './Indicator.vue';
-import Chip from './Chip.vue';
-import Avatar from './Avatar.vue';
-import ThemeSwitch from './ThemeSwitch.vue';
-import ThemeProvider from './ThemeProvider.vue';
-import Paper from './Paper.vue';
-import Dragzone from './Dragzone.vue';
-export { Dragzone, Paper, ThemeProvider, ThemeSwitch, Avatar, Chip, Indicator, PinInput, Progress, NotificationSystem, Modal, Btn, RokuProvider, Slider, Switch, Select, TextField, Notification };
+export { default as AspectRatio } from './AspectRatio.vue';
+export { default as Avatar } from './Avatar.vue';
+export { default as Btn } from './Btn.vue';
+export { default as ChatContainer } from './ChatContainer.vue';
+export { default as ChatMessage } from './ChatMessage.vue';
+export { default as ChatSystem } from './ChatSystem.vue';
+export { default as Chip } from './Chip.vue';
+export { default as ColorInput } from './ColorInput.vue';
+export { default as ColorSwatch } from './ColorSwatch.vue';
+export { default as Drawer } from './Drawer.vue';
+export { default as Dropzone } from './Dropzone.vue';
+export { default as FullscreenOverlay } from './FullscreenOverlay.vue';
+export { default as Image } from './Image.vue';
+export { default as Indicator } from './Indicator.vue';
+export { default as Modal } from './Modal.vue';
+export { default as Notification } from './Notification.vue';
+export { default as NotificationSystem } from './NotificationSystem.vue';
+export { default as Overlay } from './Overlay.vue';
+export { default as Paper } from './Paper.vue';
+export { default as PinInput } from './PinInput.vue';
+export { default as Progress } from './Progress.vue';
+export { default as RokuProvider } from './RokuProvider.vue';
+export { default as SchemeSwitch } from './SchemeSwitch.vue';
+export { default as Select } from './Select.vue';
+export { default as Slider } from './Slider.vue';
+export { default as Switch } from './Switch.vue';
+export { default as TextField } from './TextField.vue';
+export { default as ThemeProvider } from './ThemeProvider.vue';

package/dist/composables/index.d.ts

@@ -26,7 +26,6 @@ export declare function useThemeStyles(theme: ThemeData, root?: boolean): {
     '--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;
@@ -54,8 +53,10 @@ export declare function useThemeStyles(theme: ThemeData, root?: boolean): {
     '--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;
 };
+export declare function useId(props: {
+    id?: string;
+}): globalThis.Ref<string>;