@opentiny/tiny-robot 0.4.2-alpha.3 → 0.4.2-alpha.5

package/dist/suggestion-popover/index.type.d.ts

@@ -0,0 +1,80 @@
+import { Component, VNode } from 'vue';
+export interface SuggestionBaseItem {
+    id: string;
+    text: string;
+}
+export type SuggestionItem<T = Record<string, unknown>> = SuggestionBaseItem & T;
+export interface SuggestionGroup<T = Record<string, unknown>> {
+    group: string;
+    label: string;
+    icon?: VNode | Component;
+    items: SuggestionItem<T>[];
+}
+export type SuggestionData<T = Record<string, unknown>> = (SuggestionItem<T> | SuggestionGroup<T>)[];
+export interface SuggestionPopoverProps<T = Record<string, unknown>> {
+    appendTo?: string | HTMLElement;
+    data: SuggestionData<T>;
+    title?: string;
+    icon?: VNode | Component;
+    /**
+     * 是否显示弹窗，仅在 trigger 为 'manual' 时有效
+     */
+    show?: boolean;
+    /**
+     * 触发方式。默认值为 'click'
+     */
+    trigger?: 'click' | 'manual';
+    /**
+     * model:selectedGroup
+     */
+    selectedGroup?: string;
+    groupShowMoreTrigger?: 'click' | 'hover';
+    loading?: boolean;
+    topOffset?: number;
+}
+export interface SuggestionPopoverSlots {
+    trigger?: () => VNode | VNode[];
+    item?: ({ item }: {
+        item: SuggestionItem;
+    }) => VNode | VNode[];
+    loading?: () => VNode | VNode[];
+    empty?: () => VNode | VNode[];
+    header?: () => VNode | VNode[];
+    body?: () => VNode | VNode[];
+}
+export interface SuggestionPopoverEmits {
+    (e: 'item-click', item: SuggestionItem): void;
+    (e: 'group-click', group: SuggestionGroup): void;
+    (e: 'open'): void;
+    (e: 'close'): void;
+    (e: 'click-outside', event: MouseEvent): void;
+}
+export interface SuggestionPopoverEventProps {
+    onItemClick?: (item: SuggestionItem) => void;
+    onGroupClick?: (group: SuggestionGroup) => void;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onClickOutside?: (event: MouseEvent) => void;
+}
+export interface SuggestionPopoverEvents {
+    /**
+     * @deprecated use onItemClick in props instead
+     */
+    itemClick?: (item: SuggestionItem) => void;
+    /**
+     * @deprecated use onGroupClick in props instead
+     */
+    groupClick?: (group: SuggestionGroup) => void;
+    /**
+     * @deprecated use onOpen in props instead
+     */
+    open?: () => void;
+    /**
+     * @deprecated use onClose in props instead
+     */
+    close?: () => void;
+    /**
+     * @deprecated use onClickOutside in props instead
+     */
+    clickOutside?: (event: MouseEvent) => void;
+}

package/dist/suggestion-popover/index.vue.d.ts

@@ -0,0 +1,262 @@
+import { SuggestionGroup, SuggestionItem, SuggestionPopoverProps, SuggestionPopoverSlots } from './index.type';
+type __VLS_Props = SuggestionPopoverProps;
+type __VLS_PublicProps = {
+    'selectedGroup'?: string;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<SuggestionPopoverSlots> & SuggestionPopoverSlots;
+    refs: {
+        basePopperRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly appendTo?: (string | HTMLElement) | undefined;
+                readonly offset?: number | {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                } | undefined;
+                readonly placement?: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+                readonly preventOverflow?: boolean | undefined;
+                readonly show?: boolean | undefined;
+                readonly transitionProps?: import('vue').TransitionProps | undefined;
+                readonly triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>> | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                appendTo?: string | HTMLElement;
+                offset?: number | {
+                    mainAxis?: number;
+                    crossAxis?: number;
+                };
+                placement?: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+                preventOverflow?: boolean;
+                show?: boolean;
+                transitionProps?: import('vue').TransitionProps;
+                triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
+            }> & Readonly<{}>, {
+                triggerRef: import('vue').ComputedRef<HTMLElement | SVGElement | null | undefined>;
+                popperRef: import('vue').ComputedRef<HTMLDivElement | null>;
+                update: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+            }, {}, 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<{
+            placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        }> & Omit<Readonly<{
+            appendTo?: string | HTMLElement;
+            offset?: number | {
+                mainAxis?: number;
+                crossAxis?: number;
+            };
+            placement?: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+            preventOverflow?: boolean;
+            show?: boolean;
+            transitionProps?: import('vue').TransitionProps;
+            triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
+        }> & Readonly<{}>, "placement" | "popperRef" | "update" | "triggerRef"> & {
+            triggerRef: HTMLElement | SVGElement | null | undefined;
+            popperRef: HTMLDivElement | null;
+            update: () => void;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<{
+                trigger?: () => import('vue').VNode[];
+                content?: () => import('vue').VNode[];
+            }> & {
+                trigger?: () => import('vue').VNode[];
+                content?: () => import('vue').VNode[];
+            };
+        }) | null;
+        listRef: HTMLUListElement;
+        tooltipRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            show?: import('./components/Tooltip.vue').TooltipContentProps["show"];
+        } & import('./components/Tooltip.vue').TooltipContentProps> & Readonly<{
+            "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:show": (value: boolean | undefined) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            show?: import('./components/Tooltip.vue').TooltipContentProps["show"];
+        } & import('./components/Tooltip.vue').TooltipContentProps> & Readonly<{
+            "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+        }>, {}, {}, {}, {}, {}> | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {
+    update: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:selectedGroup": (value: string) => any;
+} & {
+    close: () => any;
+    open: () => any;
+    "item-click": (item: SuggestionItem<Record<string, unknown>>) => any;
+    "click-outside": (event: MouseEvent) => any;
+    "group-click": (group: SuggestionGroup<Record<string, unknown>>) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    "onItem-click"?: ((item: SuggestionItem<Record<string, unknown>>) => any) | undefined;
+    "onClick-outside"?: ((event: MouseEvent) => any) | undefined;
+    "onGroup-click"?: ((group: SuggestionGroup<Record<string, unknown>>) => any) | undefined;
+    "onUpdate:selectedGroup"?: ((value: string) => any) | undefined;
+}>, {
+    title: string;
+    trigger: "click" | "manual";
+    groupShowMoreTrigger: "click" | "hover";
+    topOffset: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    basePopperRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly offset?: number | {
+                mainAxis?: number;
+                crossAxis?: number;
+            } | undefined;
+            readonly placement?: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+            readonly preventOverflow?: boolean | undefined;
+            readonly show?: boolean | undefined;
+            readonly transitionProps?: import('vue').TransitionProps | undefined;
+            readonly triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>> | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<{
+            appendTo?: string | HTMLElement;
+            offset?: number | {
+                mainAxis?: number;
+                crossAxis?: number;
+            };
+            placement?: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+            preventOverflow?: boolean;
+            show?: boolean;
+            transitionProps?: import('vue').TransitionProps;
+            triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
+        }> & Readonly<{}>, {
+            triggerRef: import('vue').ComputedRef<HTMLElement | SVGElement | null | undefined>;
+            popperRef: import('vue').ComputedRef<HTMLDivElement | null>;
+            update: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        }, {}, 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<{
+        placement: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    }> & Omit<Readonly<{
+        appendTo?: string | HTMLElement;
+        offset?: number | {
+            mainAxis?: number;
+            crossAxis?: number;
+        };
+        placement?: "top-center" | "bottom-center" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+        preventOverflow?: boolean;
+        show?: boolean;
+        transitionProps?: import('vue').TransitionProps;
+        triggerEvents?: Partial<Record<`on${Capitalize<string>}`, (...args: any[]) => void>>;
+    }> & Readonly<{}>, "placement" | "popperRef" | "update" | "triggerRef"> & {
+        triggerRef: HTMLElement | SVGElement | null | undefined;
+        popperRef: HTMLDivElement | null;
+        update: () => void;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            trigger?: () => import('vue').VNode[];
+            content?: () => import('vue').VNode[];
+        }> & {
+            trigger?: () => import('vue').VNode[];
+            content?: () => import('vue').VNode[];
+        };
+    }) | null;
+    listRef: HTMLUListElement;
+    tooltipRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        show?: import('./components/Tooltip.vue').TooltipContentProps["show"];
+    } & import('./components/Tooltip.vue').TooltipContentProps> & Readonly<{
+        "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:show": (value: boolean | undefined) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        show?: import('./components/Tooltip.vue').TooltipContentProps["show"];
+    } & import('./components/Tooltip.vue').TooltipContentProps> & Readonly<{
+        "onUpdate:show"?: ((value: boolean | undefined) => any) | undefined;
+    }>, {}, {}, {}, {}, {}> | null;
+}, any>;
+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/theme-provider/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const THEME_ATTR_NAME = "data-tr-theme";
+export declare const COLOR_MODE_ATTR_NAME = "data-tr-color-mode";
+export declare const THEME: unique symbol;
+export declare const COLOR_MODE: unique symbol;
+export declare const RESOLVED_COLOR_MODE: unique symbol;
+export declare const SYSTEM_COLOR_MODE: unique symbol;

package/dist/theme-provider/index.d.ts

@@ -0,0 +1,9 @@
+import { App } from 'vue';
+import { default as ThemeProvider } from './index.vue';
+import { useTheme } from './useTheme';
+declare const install: <T>(app: App<T>) => void;
+declare const _default: typeof ThemeProvider & {
+    install: typeof install;
+};
+export default _default;
+export { useTheme };

package/dist/theme-provider/index.js

@@ -1,7 +1,9 @@
-import { defineComponent as C, useModel as f, ref as O, onUnmounted as S, computed as D, provide as m, watchEffect as _, watch as g, renderSlot as w, mergeModels as b, inject as u, readonly as v } from "vue";
-const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Symbol("colorMode"), T = Symbol("resolvedColorMode"), p = Symbol("systemColorMode"), i = /* @__PURE__ */ C({
+import { defineComponent as M, useModel as h, ref as g, onUnmounted as E, computed as T, provide as d, watchEffect as p, watch as f, renderSlot as v, mergeModels as O } from "vue";
+import { T as D, C as y, R as _, S, b as C, a as R } from "../useTheme.js";
+import { u as N } from "../useTheme.js";
+const l = /* @__PURE__ */ M({
   __name: "index",
-  props: /* @__PURE__ */ b({
+  props: /* @__PURE__ */ O({
     colorMode: {},
     targetElement: { default: "html" },
     theme: {},
@@ -18,7 +20,7 @@ const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Sy
   }),
   emits: ["update:theme", "update:colorMode"],
   setup(o) {
-    const t = o, r = () => {
+    const t = o, c = () => {
       if (!t.storage) return {};
       let e = {};
       try {
@@ -26,58 +28,47 @@ const k = "data-tr-theme", A = "data-tr-color-mode", y = Symbol("theme"), E = Sy
       } catch {
       }
       return e;
-    }, d = (e) => {
+    }, u = (e) => {
       if (!t.storage) return;
-      const h = { ...r(), ...e };
-      t.storage.setItem(t.storageKey, JSON.stringify(h));
-    }, n = f(o, "theme"), a = f(o, "colorMode");
+      const m = { ...c(), ...e };
+      t.storage.setItem(t.storageKey, JSON.stringify(m));
+    }, r = h(o, "theme"), a = h(o, "colorMode");
     if (t.storage) {
-      const e = r();
-      typeof e.theme == "string" && (n.value = e.theme), (e.colorMode === "auto" || e.colorMode === "light" || e.colorMode === "dark") && (a.value = e.colorMode);
+      const e = c();
+      typeof e.theme == "string" && (r.value = e.theme), (e.colorMode === "auto" || e.colorMode === "light" || e.colorMode === "dark") && (a.value = e.colorMode);
     }
-    const s = O("light");
+    const n = g("light");
     if (typeof window < "u") {
       const e = window.matchMedia("(prefers-color-scheme: dark)");
-      s.value = e.matches ? "dark" : "light";
-      const c = (h) => {
-        s.value = h.matches ? "dark" : "light";
+      n.value = e.matches ? "dark" : "light";
+      const s = (m) => {
+        n.value = m.matches ? "dark" : "light";
       };
-      e.addEventListener("change", c), S(() => {
-        e.removeEventListener("change", c);
+      e.addEventListener("change", s), E(() => {
+        e.removeEventListener("change", s);
       });
     }
-    const l = D(() => a.value === "auto" ? s.value : a.value);
-    return m(y, n), m(E, a), m(T, l), m(p, s), _(
+    const i = T(() => a.value === "auto" ? n.value : a.value);
+    return d(D, r), d(y, a), d(_, i), d(S, n), p(
       () => {
         if (typeof document > "u") return;
         const e = document.querySelector(t.targetElement);
-        e && (e.setAttribute(k, n.value), e.setAttribute(A, l.value));
+        e && (e.setAttribute(C, r.value), e.setAttribute(R, i.value));
       },
       { flush: "post" }
-    ), g(n, (e) => {
-      d({ theme: e });
-    }), g(a, (e) => {
-      d({ colorMode: e });
-    }), (e, c) => w(e.$slots, "default");
+    ), f(r, (e) => {
+      u({ theme: e });
+    }), f(a, (e) => {
+      u({ colorMode: e });
+    }), (e, s) => v(e.$slots, "default");
   }
-}), M = "Theme context not available, cannot set theme data. Consider using ThemeProvider to wrap your app.", N = () => {
-  const o = u(y), t = u(E), r = u(T), d = u(p), n = (l) => o ? (o.value = l, !0) : (console.warn(M), !1), a = () => !t || !r ? (console.warn(M), !1) : (t.value = r.value === "light" ? "dark" : "light", !0), s = (l) => t ? (t.value = l, !0) : (console.warn(M), !1);
-  return {
-    theme: o,
-    colorMode: t,
-    resolvedColorMode: r ? v(r) : void 0,
-    systemColorMode: d ? v(d) : void 0,
-    setTheme: n,
-    toggleColorMode: a,
-    setColorMode: s
-  };
+});
+l.name = "TrThemeProvider";
+const k = function(o) {
+  o.component(l.name, l);
 };
-i.name = "TrThemeProvider";
-const R = function(o) {
-  o.component(i.name, i);
-};
-i.install = R;
+l.install = k;
 export {
-  i as default,
+  l as default,
   N as useTheme
 };

package/dist/theme-provider/index.type.d.ts

@@ -0,0 +1,18 @@
+export type ColorMode = 'light' | 'dark' | 'auto';
+export type ThemeStorage = Pick<Storage, 'getItem' | 'setItem'>;
+export interface ThemeProviderProps {
+    /**
+     * 颜色模式(v-model:colorMode)，可选值：light、dark、auto，默认值：auto
+     */
+    colorMode?: ColorMode;
+    /**
+     * 应用主题属性选择器的目标元素，默认值：html。主题只会影响 targetElement 下的元素
+     */
+    targetElement?: string;
+    /**
+     * 主题(v-model:theme)
+     */
+    theme?: string;
+    storage?: ThemeStorage;
+    storageKey?: string;
+}

package/dist/theme-provider/index.vue.d.ts

@@ -0,0 +1,32 @@
+import { ColorMode, ThemeProviderProps } from './index.type';
+type __VLS_Props = ThemeProviderProps;
+type __VLS_PublicProps = {
+    'theme'?: string;
+    'colorMode'?: ColorMode;
+} & __VLS_Props;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:theme": (value: string) => any;
+    "update:colorMode": (value: ColorMode) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:theme"?: ((value: string) => any) | undefined;
+    "onUpdate:colorMode"?: ((value: ColorMode) => any) | undefined;
+}>, {
+    targetElement: string;
+    storageKey: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/theme-provider/useTheme.d.ts

@@ -0,0 +1,11 @@
+import { Ref } from 'vue';
+import { ColorMode } from './index.type';
+export declare const useTheme: () => {
+    theme: Ref<string, string> | undefined;
+    colorMode: Ref<ColorMode, ColorMode> | undefined;
+    resolvedColorMode: Readonly<Ref<"light" | "dark", "light" | "dark">> | undefined;
+    systemColorMode: Readonly<Ref<"light" | "dark", "light" | "dark">> | undefined;
+    setTheme: (newTheme: string) => boolean;
+    toggleColorMode: () => boolean;
+    setColorMode: (mode: ColorMode) => boolean;
+};

package/dist/useSlotRefs.js

@@ -1,4 +1,4 @@
-import { a as v } from "./index4.js";
+import { u as v } from "./index4.js";
 import { computed as f, Fragment as d, ref as h, watch as p } from "vue";
 function E(l, i) {
   const u = f(() => {

package/dist/useTheme.js

@@ -0,0 +1,22 @@
+import { inject as t, readonly as a } from "vue";
+const O = "data-tr-theme", T = "data-tr-color-mode", m = Symbol("theme"), u = Symbol("colorMode"), E = Symbol("resolvedColorMode"), C = Symbol("systemColorMode"), n = "Theme context not available, cannot set theme data. Consider using ThemeProvider to wrap your app.", v = () => {
+  const r = t(m), o = t(u), e = t(E), l = t(C), c = (s) => r ? (r.value = s, !0) : (console.warn(n), !1), d = () => !o || !e ? (console.warn(n), !1) : (o.value = e.value === "light" ? "dark" : "light", !0), M = (s) => o ? (o.value = s, !0) : (console.warn(n), !1);
+  return {
+    theme: r,
+    colorMode: o,
+    resolvedColorMode: e ? a(e) : void 0,
+    systemColorMode: l ? a(l) : void 0,
+    setTheme: c,
+    toggleColorMode: d,
+    setColorMode: M
+  };
+};
+export {
+  u as C,
+  E as R,
+  C as S,
+  m as T,
+  T as a,
+  O as b,
+  v as u
+};

package/dist/utils.js

@@ -1,4 +1,4 @@
-import { u as i } from "./index4.js";
+import { g as i } from "./index4.js";
 function e(t) {
   if (typeof t == "number") return `${t}px`;
   const r = t == null ? void 0 : t.trim();

package/dist/welcome/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+import { default as Welcome } from './index.vue';
+declare const install: <T>(app: App<T>) => void;
+declare const _default: typeof Welcome & {
+    install: typeof install;
+};
+export default _default;

package/dist/welcome/index.type.d.ts

@@ -0,0 +1,10 @@
+import { VNode } from 'vue';
+export interface WelcomeProps {
+    title: string;
+    description: string;
+    align?: 'left' | 'center' | 'right' | string;
+    icon?: VNode;
+}
+export interface WelcomeSlots {
+    footer: () => unknown;
+}

package/dist/welcome/index.vue.d.ts

@@ -0,0 +1,18 @@
+import { WelcomeProps, WelcomeSlots } from './index.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<WelcomeSlots> & WelcomeSlots;
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<WelcomeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<WelcomeProps> & Readonly<{}>, {
+    align: "left" | "center" | "right" | 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;
+    };
+};