@roku-ui/vue 0.7.0 → 0.7.2

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/index.d.ts

@@ -0,0 +1,30 @@
+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 TabItem } from './TabItem.vue';
+export { default as Tabs } from './Tabs.vue';
+export { default as TextField } from './TextField.vue';
+export { default as ThemeProvider } from './ThemeProvider.vue';

package/dist/composables/index.d.ts

@@ -0,0 +1,64 @@
+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;
+    '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;
+    'font-family': string;
+    'background-color': string;
+    color: string;
+};
+export declare function useId(props: {
+    id?: string;
+}): globalThis.Ref<string>;
+export declare const schemeSymbol: unique symbol;
+export declare function useScheme(): globalThis.Ref<string | undefined>;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './utils';
+export * from './composables';