@routa/ui-vue 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Routa
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,52 @@
+# @routa/ui-vue
+
+Vue 3 component library for Routa applications.
+
+## Install
+
+```bash
+npm install @routa/ui-vue vue
+```
+
+`vue` is kept as a peer dependency and should be installed by the consuming app.
+
+## Quick Start
+
+Register the full component library and import the bundled styles:
+
+```ts
+import { createApp } from 'vue'
+import App from './App.vue'
+import RoutaUI from '@routa/ui-vue'
+import '@routa/ui-vue/style.css'
+
+createApp(App).use(RoutaUI).mount('#app')
+```
+
+## On-Demand Imports
+
+Import only the components you need:
+
+```ts
+import { LButton, LInput } from '@routa/ui-vue'
+import '@routa/ui-vue/base.css'
+import '@routa/ui-vue/button/style.css'
+import '@routa/ui-vue/input/style.css'
+```
+
+Then register them locally or globally in your Vue app.
+
+## What Is Included
+
+The package exports:
+
+- the default `RoutaUI` plugin for full installation
+- individual components such as `LButton`, `LInput`, `LDialog`, and `LTable`
+- config-provider utilities from `@routa/ui-vue`
+- shared style entrypoints:
+  - `@routa/ui-vue/base.css`
+  - `@routa/ui-vue/style.css`
+
+## Package Goal
+
+`@routa/ui-vue` is published as a public Vue package that can be installed independently without requiring other unpublished internal runtime packages.

package/base.css

@@ -0,0 +1 @@
+@import "./dist/style/base.css";

package/dist/autocomplete/AutoComplete.vue.d.ts

@@ -0,0 +1,336 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: any;
+        }): any;
+    };
+    refs: {
+        inputRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | number | undefined;
+                readonly type?: "text" | "password" | "textarea" | "number" | "email" | "tel" | undefined;
+                readonly placeholder?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly showPassword?: boolean | undefined;
+                readonly size?: "sm" | "md" | "lg" | undefined;
+                readonly maxLength?: number | string | undefined;
+                readonly minLength?: number | string | undefined;
+                readonly showWordLimit?: boolean | undefined;
+                readonly rows?: number | string | undefined;
+                readonly autosize?: boolean | {
+                    minRows?: number;
+                    maxRows?: number;
+                } | undefined;
+                readonly prefixIcon?: string | undefined;
+                readonly suffixIcon?: string | undefined;
+                readonly autofocus?: boolean | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly name?: string | undefined;
+                readonly id?: string | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onChange?: ((value: string) => any) | undefined;
+                readonly onInput?: ((value: string) => any) | undefined;
+                readonly onClear?: (() => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                inputRef: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputProps> & Readonly<{
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onChange?: ((value: string) => any) | undefined;
+                onInput?: ((value: string) => any) | undefined;
+                onClear?: (() => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>, {
+                input: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | null, HTMLInputElement | HTMLTextAreaElement | null>;
+                focus: () => void | undefined;
+                blur: () => void | undefined;
+                select: () => void | undefined;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+                focus: (event: FocusEvent) => any;
+                blur: (event: FocusEvent) => any;
+                change: (value: string) => any;
+                input: (value: string) => any;
+                clear: () => any;
+                "update:modelValue": (value: string) => any;
+            }, string, {
+                type: "text" | "password" | "textarea" | "number" | "email" | "tel";
+                autocomplete: string;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $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: "text" | "password" | "textarea" | "number" | "email" | "tel";
+            autocomplete: string;
+        }> & Omit<Readonly<import('..').InputProps> & Readonly<{
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, "focus" | "blur" | "input" | "select" | ("type" | "autocomplete")> & {
+            input: HTMLInputElement | HTMLTextAreaElement | null;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void | undefined;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                prepend?(_: {}): any;
+                prefix?(_: {}): any;
+                suffix?(_: {}): any;
+                append?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly fetchSuggestions: {
+        readonly type: import('vue').PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+        readonly required: true;
+    };
+    readonly placeholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly triggerOnFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly debounce: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly popperClass: StringConstructor;
+    readonly valueKey: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    readonly noDataText: StringConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    focus: (_e: FocusEvent) => void;
+    blur: (_e: FocusEvent) => void;
+    change: (_val: string) => void;
+    select: (_item: any) => void;
+    clear: () => void;
+    "update:modelValue": (_val: string) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly modelValue: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    readonly fetchSuggestions: {
+        readonly type: import('vue').PropType<(queryString: string, cb: (data: any[]) => void) => void>;
+        readonly required: true;
+    };
+    readonly placeholder: StringConstructor;
+    readonly disabled: BooleanConstructor;
+    readonly clearable: BooleanConstructor;
+    readonly size: {
+        readonly type: import('vue').PropType<"sm" | "md" | "lg">;
+        readonly default: "md";
+    };
+    readonly triggerOnFocus: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    readonly debounce: {
+        readonly type: NumberConstructor;
+        readonly default: 300;
+    };
+    readonly placement: {
+        readonly type: import('vue').PropType<import('../../../headless/src/index.ts').Placement>;
+        readonly default: "bottom-start";
+    };
+    readonly popperClass: StringConstructor;
+    readonly valueKey: {
+        readonly type: StringConstructor;
+        readonly default: "value";
+    };
+    readonly noDataText: StringConstructor;
+}>> & Readonly<{
+    onFocus?: ((_e: FocusEvent) => any) | undefined;
+    onBlur?: ((_e: FocusEvent) => any) | undefined;
+    onChange?: ((_val: string) => any) | undefined;
+    onSelect?: ((_item: any) => any) | undefined;
+    onClear?: (() => any) | undefined;
+    "onUpdate:modelValue"?: ((_val: string) => any) | undefined;
+}>, {
+    readonly size: "sm" | "md" | "lg";
+    readonly disabled: boolean;
+    readonly placement: import('../../../headless/src/index.ts').Placement;
+    readonly modelValue: string;
+    readonly clearable: boolean;
+    readonly triggerOnFocus: boolean;
+    readonly debounce: number;
+    readonly valueKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    inputRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly modelValue?: string | number | undefined;
+            readonly type?: "text" | "password" | "textarea" | "number" | "email" | "tel" | undefined;
+            readonly placeholder?: string | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly readonly?: boolean | undefined;
+            readonly clearable?: boolean | undefined;
+            readonly showPassword?: boolean | undefined;
+            readonly size?: "sm" | "md" | "lg" | undefined;
+            readonly maxLength?: number | string | undefined;
+            readonly minLength?: number | string | undefined;
+            readonly showWordLimit?: boolean | undefined;
+            readonly rows?: number | string | undefined;
+            readonly autosize?: boolean | {
+                minRows?: number;
+                maxRows?: number;
+            } | undefined;
+            readonly prefixIcon?: string | undefined;
+            readonly suffixIcon?: string | undefined;
+            readonly autofocus?: boolean | undefined;
+            readonly autocomplete?: string | undefined;
+            readonly name?: string | undefined;
+            readonly id?: string | undefined;
+            readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+            readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+            readonly onChange?: ((value: string) => any) | undefined;
+            readonly onInput?: ((value: string) => any) | undefined;
+            readonly onClear?: (() => any) | undefined;
+            readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            inputRef: HTMLInputElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "focus", event: FocusEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "change", value: string) => void) & ((event: "input", value: string) => void) & ((event: "clear") => void) & ((event: "update:modelValue", value: string) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('..').InputProps> & Readonly<{
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onChange?: ((value: string) => any) | undefined;
+            onInput?: ((value: string) => any) | undefined;
+            onClear?: (() => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, {
+            input: import('vue').Ref<HTMLInputElement | HTMLTextAreaElement | null, HTMLInputElement | HTMLTextAreaElement | null>;
+            focus: () => void | undefined;
+            blur: () => void | undefined;
+            select: () => void | undefined;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+            focus: (event: FocusEvent) => any;
+            blur: (event: FocusEvent) => any;
+            change: (value: string) => any;
+            input: (value: string) => any;
+            clear: () => any;
+            "update:modelValue": (value: string) => any;
+        }, string, {
+            type: "text" | "password" | "textarea" | "number" | "email" | "tel";
+            autocomplete: string;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $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: "text" | "password" | "textarea" | "number" | "email" | "tel";
+        autocomplete: string;
+    }> & Omit<Readonly<import('..').InputProps> & Readonly<{
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: string) => any) | undefined;
+        onInput?: ((value: string) => any) | undefined;
+        onClear?: (() => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }>, "focus" | "blur" | "input" | "select" | ("type" | "autocomplete")> & {
+        input: HTMLInputElement | HTMLTextAreaElement | null;
+        focus: () => void | undefined;
+        blur: () => void | undefined;
+        select: () => void | undefined;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            prepend?(_: {}): any;
+            prefix?(_: {}): any;
+            suffix?(_: {}): any;
+            append?(_: {}): any;
+        };
+    }) | null;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};