@roku-ui/vue 0.28.0 → 0.30.0

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

@@ -8,7 +8,6 @@ export interface AppShellProps {
     footerSpansNav?: boolean;
     footerSpansAside?: boolean;
     padding?: string | number;
-    gap?: string | number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -43,8 +42,6 @@ declare const __VLS_component: import('vue').DefineComponent<AppShellProps, {},
     headerSpansAside: boolean;
     footerSpansNav: boolean;
     footerSpansAside: boolean;
-    padding: string | number;
-    gap: string | number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -0,0 +1,26 @@
+export interface AppShellAsideProps {
+    padding?: string | number;
+    bordered?: boolean;
+    gap?: string | number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellAsideProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellAsideProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    gap: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/AppShellFooter.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellFooterProps {
+    padding?: string | number;
+    bordered?: boolean;
+    align?: 'start' | 'center' | 'end' | 'between';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellFooterProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    align: "start" | "center" | "end" | "between";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/AppShellHeader.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellHeaderProps {
+    padding?: string | number;
+    bordered?: boolean;
+    align?: 'start' | 'center' | 'end' | 'between';
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellHeaderProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    align: "start" | "center" | "end" | "between";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/AppShellMain.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellMainProps {
+    padding?: string | number;
+    gap?: string | number;
+    scrollable?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellMainProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellMainProps> & Readonly<{}>, {
+    padding: string | number;
+    gap: string | number;
+    scrollable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/AppShellNavbar.vue.d.ts

@@ -0,0 +1,26 @@
+export interface AppShellNavbarProps {
+    padding?: string | number;
+    bordered?: boolean;
+    gap?: string | number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AppShellNavbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppShellNavbarProps> & Readonly<{}>, {
+    padding: string | number;
+    bordered: boolean;
+    gap: string | number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Avatar.vue.d.ts

@@ -22,10 +22,7 @@ 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;
-    size: "sm" | "md" | "lg" | string | number;
     variant: ContainerVariant;
-    rounded: Rounded;
     is: string | Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     img: unknown;

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

@@ -30,8 +30,6 @@ 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;
-    size: "sm" | "md" | "lg";
-    rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
     pressEffect: "translate" | "scale";
     is: string | Component;
     disabled: boolean;

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

@@ -1,7 +1,8 @@
+import { IconSource } from '../types';
 type T = string | {
     value: string;
     label?: string;
-    icon?: string;
+    icon?: IconSource;
 };
 type __VLS_Props = {
     selections: T[];

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

@@ -15,7 +15,6 @@ type __VLS_Props = {
     color?: Color;
     variant?: 'default' | 'filled' | 'light';
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
-    animate?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: Date | Date[] | {
@@ -28,12 +27,8 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         end: Date;
     } | undefined) => any) | undefined;
 }>, {
-    animate: boolean;
     mode: CalendarMode;
-    color: Color;
-    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/ColorInput.vue.d.ts

@@ -35,9 +35,9 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
     color: "primary" | "secondary" | "tertiary" | "error";
+    format: "hex" | "rgb" | "hsl";
     size: "sm" | "md" | "lg";
     rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
-    format: "hex" | "rgb" | "hsl";
     showSwatch: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     colorPicker: HTMLInputElement;

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

@@ -1,13 +1,21 @@
 import { VNodeChild } from 'vue';
-import { Rounded, Size } from '../types';
+import { IconSource, Rounded, Size } from '../types';
 export type MenuData = MenuItemData | MenuDividerData | MenuLabelData;
 export interface MenuItemData {
     title?: string;
     value?: number | string | symbol;
-    icon?: string;
+    icon?: IconSource;
     render?: () => VNodeChild;
     children?: MenuData[];
     size?: Size;
+    disabled?: boolean;
+    closeOnSelect?: boolean;
+    onSelect?: (context: MenuItemSelectContext) => void;
+}
+export interface MenuItemSelectContext {
+    value?: number | string | symbol;
+    event: Event;
+    data: MenuItemData;
 }
 export interface MenuDividerData {
     role: 'divider';

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

@@ -1,8 +1,8 @@
-import { Size } from '../types';
+import { IconSource, Size } from '../types';
 type __VLS_Props = {
     title?: string;
     message?: string;
-    icon?: string;
+    icon?: IconSource;
     loading?: boolean;
     withBorder?: boolean;
     closeable?: boolean;
@@ -32,9 +32,6 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    color: string;
-    size: Size;
-    rounded: "sm" | "md" | "lg" | "none" | string | number;
     block: boolean;
     total: number;
     showLeftIndicator: boolean;

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

@@ -10,8 +10,8 @@ type __VLS_Props = {
     pb?: number;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    gap: number;
     progress: boolean;
+    gap: number;
     position: NotificationPosition;
     topN: number;
     pt: number;

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

@@ -0,0 +1,49 @@
+import { TextFieldFormat } from './TextField.vue';
+import { Color } from '../types';
+interface Props {
+    modelValue?: number | string;
+    min?: number;
+    max?: number;
+    step?: number;
+    color?: Color;
+    error?: boolean;
+    disabled?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full' | string | number;
+    size?: 'sm' | 'md' | 'lg';
+    placeholder?: string;
+    label?: string;
+    format?: TextFieldFormat;
+    incrementAriaLabel?: string;
+    decrementAriaLabel?: string;
+}
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: number | string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        leftSection?(_: {}): any;
+        incrementIcon?(_: {}): any;
+        decrementIcon?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {
+    step: number;
+    incrementAriaLabel: string;
+    decrementAriaLabel: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, 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/Paper.vue.d.ts

@@ -1,10 +1,11 @@
 import { Component } from 'vue';
-import { Color, Rounded } from '../types';
+import { Color, ContainerVariant, Rounded } from '../types';
 type __VLS_Props = {
     rounded?: Rounded;
     loading?: boolean;
     is?: string | Component;
     color?: Color;
+    variant?: ContainerVariant;
     traceAnimate?: boolean;
     withBorder?: boolean;
     noPadding?: boolean;

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

@@ -18,10 +18,11 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
             readonly disabled?: boolean | undefined;
             readonly rounded?: "none" | "sm" | "md" | "lg" | "full" | string | number | undefined;
             readonly size?: "sm" | "md" | "lg" | undefined;
+            readonly type?: string | undefined;
             readonly password?: boolean | undefined;
             readonly placeholder?: string | undefined;
             readonly label?: string | undefined;
-            readonly format?: ((value: string) => string) | undefined;
+            readonly format?: import('./TextField.vue').TextFieldFormat | undefined;
             readonly partialVisible?: boolean | undefined;
             readonly visibleStart?: number | undefined;
             readonly visibleEnd?: number | undefined;
@@ -52,10 +53,11 @@ declare const _default: import('vue').DefineComponent<__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?: import('./TextField.vue').TextFieldFormat;
             partialVisible?: boolean;
             visibleStart?: number;
             visibleEnd?: number;
@@ -66,6 +68,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             "update:modelValue": (value: string | number) => any;
         }, string, {
+            type: string;
             color: "primary" | "secondary" | "tertiary" | "error";
             size: "sm" | "md" | "lg";
             rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
@@ -92,6 +95,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         $nextTick: typeof import('vue').nextTick;
         $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<{
+        type: string;
         color: "primary" | "secondary" | "tertiary" | "error";
         size: "sm" | "md" | "lg";
         rounded: "none" | "sm" | "md" | "lg" | "full" | string | number;
@@ -106,16 +110,17 @@ declare const _default: import('vue').DefineComponent<__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?: import('./TextField.vue').TextFieldFormat;
         partialVisible?: boolean;
         visibleStart?: number;
         visibleEnd?: number;
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-    }>, "el" | ("color" | "size" | "rounded" | "visibleStart" | "visibleEnd")> & import('vue').ShallowUnwrapRef<{
+    }>, "el" | ("type" | "color" | "size" | "rounded" | "visibleStart" | "visibleEnd")> & import('vue').ShallowUnwrapRef<{
         el: import('vue').Ref<HTMLInputElement | null, HTMLInputElement | null>;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

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

@@ -1,6 +1,8 @@
+import { ContainerVariant } from '../types';
 type Position = 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end' | 'top' | 'bottom' | 'left' | 'right';
 type __VLS_Props = {
     trigger?: 'hover' | 'click';
+    variant?: ContainerVariant;
     position?: Position;
     zIndex?: number;
     offset?: number;

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

@@ -1,24 +1,22 @@
-import { Size } from '../types';
+import { Component } from 'vue';
+import { Color, Size } from '../types';
+type IconValue = string | Component;
+type IconSingle = IconValue | {
+    active: IconValue;
+    normal: IconValue;
+};
+type IconType = IconSingle | IconSingle[] | undefined;
 type __VLS_Props = {
     count?: number;
     icons?: IconType;
-    color?: string[] | string;
+    color?: (Color | string) | (Color | string)[];
     highlightSelectedOnly?: boolean;
     unselectable?: boolean;
     size?: Size;
-};
-type IconType = string | {
-    active: string;
-    normal: string;
-} | (string | {
-    active: string;
-    normal: string;
-})[] | undefined;
-declare const __VLS_defaults: {
-    modelValue: number;
+    allowHalf?: boolean;
 };
 type __VLS_PublicProps = {
-    modelValue?: typeof __VLS_defaults['modelValue'];
+    modelValue?: number;
 } & __VLS_Props;
 declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (args_0: number) => any;
@@ -27,6 +25,10 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     onSelect?: ((args_0: number) => any) | undefined;
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    color: string[] | string;
+    color: (Color | string) | (Color | string)[];
+    unselectable: boolean;
+    count: number;
+    highlightSelectedOnly: boolean;
+    allowHalf: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -1,5 +1,9 @@
 type __VLS_Props = {
     target?: HTMLElement | null;
+    borderColor?: string;
+    backgroundColor?: string;
+    borderWidth?: number;
+    borderStyle?: 'solid' | 'dashed' | 'dotted';
 };
 export interface Area {
     left: number;
@@ -39,5 +43,10 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
         shift: boolean;
         ctrl: boolean;
     }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {
+    backgroundColor: string;
+    borderColor: string;
+    borderWidth: number;
+    borderStyle: "solid" | "dashed" | "dotted";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,8 +1,8 @@
-import { Color } from '../types';
+import { IconSource, Color, Rounded } from '../types';
 export interface StepItem {
     title: string;
     description?: string;
-    icon?: string;
+    icon?: IconSource;
     status?: 'wait' | 'process' | 'finish' | 'error';
     disabled?: boolean;
 }
@@ -20,6 +20,7 @@ type __VLS_Props = {
     responsive?: boolean;
     progressDot?: boolean;
     labelPlacement?: 'horizontal' | 'vertical';
+    iconRounded?: Rounded;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: number) => any;
@@ -42,6 +43,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     responsive: boolean;
     progressDot: boolean;
     labelPlacement: "horizontal" | "vertical";
+    iconRounded: Rounded;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     stepRef: HTMLDivElement;
 }, HTMLDivElement>;

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

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

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';
@@ -24,6 +29,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: {