@roku-ui/vue 0.29.0 → 0.31.0

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

@@ -1,3 +1,14 @@
+export type TextFieldFormatFn = (value: string) => string;
+export interface TextFieldParseContext {
+    event?: Event;
+    previousDisplay: string;
+    previousValue: string;
+}
+export interface TextFieldFormatConfig {
+    format: TextFieldFormatFn;
+    parse?: (value: string, context: TextFieldParseContext) => string;
+}
+export type TextFieldFormat = TextFieldFormatFn | TextFieldFormatConfig;
 type __VLS_Props = {
     onChange?: (value: string) => void;
     color?: 'primary' | 'secondary' | 'tertiary' | 'error';
@@ -5,10 +16,11 @@ type __VLS_Props = {
     disabled?: boolean;
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
     size?: 'sm' | 'md' | 'lg';
+    type?: string;
     password?: boolean;
     placeholder?: string;
     label?: string;
-    format?: (value: string) => string;
+    format?: TextFieldFormat;
     partialVisible?: boolean;
     visibleStart?: number;
     visibleEnd?: number;
@@ -36,6 +48,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 }>, {
+    type: string;
     color: "primary" | "secondary" | "tertiary" | "error";
     size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;

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

@@ -1,24 +1,4 @@
-import { VNode } from 'vue';
-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 TreeListCollapseData {
-    title: string;
-    icon?: string | VNode;
-    value?: string;
-    children?: TreeListItemData[];
-    open?: boolean;
-}
-export type TreeListItemData = TreeListLeafData | TreeListHeaderData | TreeListCollapseData;
+import { Rounded, TreeListCollapseData, TreeListHeaderData, TreeListItemData, TreeListLeafData } from '../types';
 type __VLS_Props = {
     items: TreeListItemData[];
     rounded?: Rounded;

package/dist/components/index.d.ts

@@ -1,4 +1,9 @@
 export { default as AppShell } from './AppShell.vue';
+export { default as AppShellAside } from './AppShellAside.vue';
+export { default as AppShellFooter } from './AppShellFooter.vue';
+export { default as AppShellHeader } from './AppShellHeader.vue';
+export { default as AppShellMain } from './AppShellMain.vue';
+export { default as AppShellNavbar } from './AppShellNavbar.vue';
 export { default as AspectRatio } from './AspectRatio.vue';
 export { default as AutoHeightTransition } from './AutoHeightTransition.vue';
 export { default as Avatar } from './Avatar.vue';
@@ -16,6 +21,7 @@ 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 Icon } from './Icon.vue';
 export { default as Image } from './Image.vue';
 export { default as Indicator } from './Indicator.vue';
 export { default as Menu } from './Menu.vue';
@@ -24,6 +30,7 @@ export { default as Modal } from './Modal.vue';
 export { default as ModalSystem } from './ModalSystem.vue';
 export { default as Notification } from './Notification.vue';
 export { default as NotificationSystem } from './NotificationSystem.vue';
+export { default as NumberField } from './NumberField.vue';
 export { default as Overlay } from './Overlay.vue';
 export { default as Paper } from './Paper.vue';
 export { default as PinInput } from './PinInput.vue';

package/dist/composables/index.d.ts

@@ -2,15 +2,14 @@ import { RemovableRef } from '@vueuse/core';
 export { generateEditorFriendlyColors, generateOKLCHString } from '../utils';
 export * from './dom';
 export declare const COLOR_LIGHTNESS_MAP: number[];
-export declare const SURFACE_LIGHTNESS_MAP: number[];
-export declare function useThemeStyles(theme: import('../shared').ThemeData): {
-    backgroundColor: string;
-    color: string;
-    '--un-default-border-color': string;
-};
-export declare function useEditorFriendlyThemeStyles(theme: import('../shared').ThemeData): {
-    backgroundColor: string;
-    color: string;
+/**
+ * Build CSS variable style object for a theme.
+ * When editorFriendly=true, embeds original color string as a comment for easier inspection in DevTools / inline styles.
+ * Usage: useThemeStyles(theme) or useThemeStyles(theme, { editorFriendly: true })
+ */
+export declare function useThemeStyles(theme: import('../shared').ThemeData, options?: {
+    editorFriendly?: boolean;
+}): {
     '--un-default-border-color': string;
 };
 export declare function useId(props: {

package/dist/index.d.ts

@@ -3,4 +3,5 @@ export * from './composables';
 export * from './shared';
 export * from './types';
 export * from './utils';
-export { VirtualWaterfall, Waterfall } from 'vue-wf';
+export { Waterfall } from 'vue-wf';
+export { Waterfall as VirtualWaterfall } from 'vue-wf';