@opentiny/tiny-robot 0.4.2-alpha.9 → 0.5.1-alpha.1

package/dist/index.js

@@ -17,10 +17,10 @@ import w from "./sender-compat/index.js";
 import k, { SuggestionPillButton as N } from "./suggestion-pills/index.js";
 import V from "./suggestion-popover/index.js";
 import I from "./theme-provider/index.js";
-import { useTheme as Ie } from "./theme-provider/index.js";
 import U from "./welcome/index.js";
 import K from "./mcp-server-picker/index.js";
 import X from "./mcp-add-form/index.js";
+import { u as Ie } from "./useTheme.js";
 import { A as Y, S as q, _ as G, W as J, D as Q } from "./index2.js";
 import { a as Ke, u as Xe } from "./index2.js";
 import { _ as Z, V as ee } from "./index3.js";

package/dist/index2.js

@@ -1,7 +1,7 @@
 import { inject as R, isVNode as V, h as F, defineComponent as y, computed as l, openBlock as i, createBlock as f, unref as o, withCtx as S, createElementVNode as k, normalizeStyle as I, normalizeClass as v, renderSlot as B, resolveDynamicComponent as P, createElementBlock as b, createVNode as x, toDisplayString as T, createCommentVNode as h, useSlots as W, Transition as $ } from "vue";
 import { _ as w } from "./_plugin-vue_export-helper.js";
-import { IconSend as N, IconStop as j, IconClose as U } from "@opentiny/tiny-robot-svgs";
-import { TinyTooltip as D } from "@opentiny/vue";
+import { IconSend as E, IconStop as j, IconClose as U } from "@opentiny/tiny-robot-svgs";
+import { TinyTooltip as z } from "@opentiny/vue";
 import { t as G } from "./utils.js";
 const K = Symbol("sender-context");
 function C() {
@@ -11,16 +11,16 @@ function C() {
   return t;
 }
 const A = "tr-sender-tooltip-inner";
-function E(t) {
-  return t ? typeof t == "string" ? t.split(/\s+/).includes(A) : Array.isArray(t) ? t.some(E) : typeof t == "object" ? !!t[A] : !1 : !1;
+function D(t) {
+  return t ? typeof t == "string" ? t.split(/\s+/).includes(A) : Array.isArray(t) ? t.some(D) : typeof t == "object" ? !!t[A] : !1 : !1;
 }
-function z(t) {
+function N(t) {
   var e;
-  return V(t) && E((e = t.props) == null ? void 0 : e.class) ? t : F("div", { class: A }, t);
+  return V(t) && D((e = t.props) == null ? void 0 : e.class) ? t : F("div", { class: A }, t);
 }
 function O(t) {
   if (t)
-    return typeof t == "string" ? () => z(t) : () => z(t());
+    return typeof t == "string" ? () => N(t) : () => N(t());
 }
 const M = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
   __name: "index",
@@ -43,7 +43,7 @@ const M = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
     } : {
       "--tr-action-button-size": G(s)
     }, c = l(() => e.size ? d(e.size) : {});
-    return (s, u) => e.tooltip ? (i(), f(o(D), {
+    return (s, u) => e.tooltip ? (i(), f(o(z), {
       key: 0,
       "render-content": a.value,
       placement: e.tooltipPlacement,
@@ -93,7 +93,7 @@ const M = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
     }), g = () => {
       u.value || (n.value ? c() : d());
     };
-    return (_, m) => r.value && !o(n) ? (i(), f(o(D), {
+    return (_, m) => r.value && !o(n) ? (i(), f(o(z), {
       key: 0,
       "render-content": r.value,
       placement: p.value,
@@ -112,7 +112,7 @@ const M = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
           ]),
           onClick: g
         }, [
-          x(o(N), { class: "tr-sender-submit-button__icon" })
+          x(o(E), { class: "tr-sender-submit-button__icon" })
         ], 2)
       ]),
       _: 1
@@ -133,14 +133,14 @@ const M = ["disabled"], X = ["disabled"], Y = /* @__PURE__ */ y({
       }, [
         x(o(j), { class: "tr-sender-submit-button__cancel-icon" }),
         o(s) ? (i(), b("span", q, T(o(s)), 1)) : h("", !0)
-      ], 2)) : (i(), f(o(N), {
+      ], 2)) : (i(), f(o(E), {
         key: 0,
         class: "tr-sender-submit-button__icon"
       }))
     ], 2));
   }
 }), J = /* @__PURE__ */ w(H, [["__scopeId", "data-v-a58e69fe"]]), L = () => {
-  const { hasContent: t, clearable: e, loading: n, defaultActions: a } = C(), d = l(() => {
+  const { hasEditorContent: t, clearable: e, loading: n, defaultActions: a } = C(), d = l(() => {
     var r, p;
     return ((p = (r = a.value) == null ? void 0 : r.clear) == null ? void 0 : p.disabled) !== void 0 ? a.value.clear.disabled : !1;
   }), c = l(() => {

package/dist/index7.js

@@ -1,11 +1,11 @@
-import { onMounted as ne, onBeforeUnmount as oe, ref as _, defineComponent as P, openBlock as l, createElementBlock as u, createElementVNode as w, createVNode as T, unref as n, toDisplayString as B, useModel as W, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, mergeModels as j, nextTick as se, normalizeClass as U, createCommentVNode as G, renderSlot as q, withDirectives as A, withKeys as F, isRef as re, withModifiers as J, vModelText as le, vShow as ue } from "vue";
+import { onMounted as ne, onBeforeUnmount as oe, ref as y, defineComponent as P, openBlock as l, createElementBlock as u, createElementVNode as w, createVNode as T, unref as n, toDisplayString as B, useModel as W, computed as I, normalizeStyle as ie, Fragment as S, renderList as V, createBlock as H, resolveDynamicComponent as Y, mergeModels as j, nextTick as se, normalizeClass as U, createCommentVNode as G, renderSlot as q, withDirectives as A, withKeys as F, isRef as re, withModifiers as J, vModelText as le, vShow as ue } from "vue";
 import { IconEmptySearch as ae, IconEditPen as ce, IconDelete as de, IconCheck as me, IconClose as fe, IconMore as pe } from "@opentiny/tiny-robot-svgs";
 import { _ as z } from "./_plugin-vue_export-helper.js";
-import { o as Z, d as ve, c as ge, b as ye } from "./index4.js";
+import { o as Z, d as ve, c as ge, b as _e } from "./index4.js";
 import { t as O } from "./utils.js";
-const D = _(!1);
+const D = y(!1);
 let b = 0, $;
-function _e() {
+function ye() {
   const s = window.matchMedia("(hover: none) and (pointer: coarse)"), m = () => {
     D.value = s.matches;
   };
@@ -24,7 +24,7 @@ function Ce() {
   return typeof window > "u" ? {
     isTouchDevice: D
   } : (ne(() => {
-    b++, b === 1 && ($ = _e());
+    b++, b === 1 && ($ = ye());
   }), oe(() => {
     b = Math.max(0, b - 1), b === 0 && he();
   }), {
@@ -58,7 +58,7 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
   }),
   emits: /* @__PURE__ */ j(["item-click"], ["update:trigger", "update:data"]),
   setup(s, { emit: m }) {
-    const t = W(s, "trigger"), c = W(s, "data"), h = s, C = m, E = _(null);
+    const t = W(s, "trigger"), c = W(s, "data"), h = s, C = m, E = y(null);
     Z(
       E,
       () => {
@@ -68,9 +68,9 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
         ignore: [t]
       }
     );
-    const { top: p, bottom: x, left: y } = ve(t), { width: M, height: k } = ge(E, void 0, { box: "border-box" }), { height: R } = ye(), o = I(() => {
+    const { top: p, bottom: x, left: _ } = ve(t), { width: M, height: k } = ge(E, void 0, { box: "border-box" }), { height: R } = _e(), o = I(() => {
       const L = {
-        left: `min(${O(y.value)}, calc(100% - ${O(M.value + Q)}))`
+        left: `min(${O(_.value)}, calc(100% - ${O(M.value + Q)}))`
       }, g = x.value + h.menuListGap;
       return g + k.value + Q > R.value ? L.bottom = `calc(100% - ${O(p.value - h.menuListGap)})` : L.top = O(g), L;
     }), v = (L) => {
@@ -96,24 +96,24 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
   renameControlOnClickOutside: s,
   onItemTitleChange: m
 }) => {
-  const t = _(void 0), c = _(null), h = I(() => {
+  const t = y(void 0), c = y(null), h = I(() => {
     var o;
     return (o = c.value) == null ? void 0 : o.at(0);
-  }), C = _(null), E = I(() => {
+  }), C = y(null), E = I(() => {
     var o;
     return (o = C.value) == null ? void 0 : o.at(0);
-  }), p = _(null), x = I(() => {
+  }), p = y(null), x = I(() => {
     var o;
     return (o = p.value) == null ? void 0 : o.at(0);
-  }), y = _(""), M = (o) => {
-    t.value = o, y.value = o.title, se(() => {
+  }), _ = y(""), M = (o) => {
+    t.value = o, _.value = o.title, se(() => {
       const v = h.value;
       v && (v.focus(), v.select());
     });
   }, k = () => {
-    t.value = void 0, y.value = "";
+    t.value = void 0, _.value = "";
   }, R = () => {
-    t.value && m(y.value, t.value), t.value = void 0, y.value = "";
+    t.value && m(_.value, t.value), t.value = void 0, _.value = "";
   };
   return (s === "confirm" || s === "cancel") && Z(
     h,
@@ -126,7 +126,7 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
     editorRefList: c,
     editorConfirmRefList: C,
     editorCancelRefList: p,
-    editorValue: y,
+    editorValue: _,
     handleEdit: M,
     handleEditCancel: k,
     handleEditConfirm: R
@@ -159,7 +159,7 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
     }), E = I(() => C.value.length === 0 || C.value.every((i) => i.items.length === 0)), {
       editingItem: p,
       editorRefList: x,
-      editorConfirmRefList: y,
+      editorConfirmRefList: _,
       editorCancelRefList: M,
       editorValue: k,
       handleEdit: R,
@@ -170,7 +170,7 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
       onItemTitleChange: (i, e) => {
         c("item-title-change", i, e);
       }
-    }), { isTouchDevice: L } = Ce(), g = _(null), a = _(null), K = (i, e) => {
+    }), { isTouchDevice: L } = Ce(), g = y(null), a = y(null), K = (i, e) => {
       if (i.currentTarget instanceof HTMLButtonElement) {
         if (a.value === e) {
           g.value = null, a.value = null;
@@ -228,15 +228,12 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
                 ]
               }, null, 544)), [
                 [le, n(k)]
-              ]) : q(i.$slots, "item-title", {
-                key: 2,
-                item: r
-              }, () => [
+              ]) : q(i.$slots, "item-title", { item: r }, () => [
                 w("span", {
                   class: "text",
                   title: r.title
                 }, B(r.title), 9, Oe)
-              ], !0),
+              ], !0, 2),
               w("span", {
                 class: "tr-history__item-actions",
                 onClick: e[6] || (e[6] = J(() => {
@@ -247,7 +244,7 @@ const ke = { class: "tr-history__empty" }, Le = { class: "tr-history__empty-icon
                   class: "editor-confirm",
                   ref_for: !0,
                   ref_key: "editorConfirmRefList",
-                  ref: y,
+                  ref: _,
                   onClick: e[4] || (e[4] = //@ts-ignore
                   (...d) => n(v) && n(v)(...d))
                 }, [

package/dist/layout/Layout.vue.d.ts

@@ -0,0 +1,246 @@
+import { LayoutAsideOpenDetail, LayoutAsideResizeDetail, LayoutSlots, LayoutFloatingState } from './index.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<LayoutSlots> & LayoutSlots;
+    refs: {
+        surfaceRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly mode: import('./index.type').LayoutMode;
+                readonly floatingState?: LayoutFloatingState | undefined;
+                readonly floatingOptions?: import('./index.type').LayoutFloatingOptions | undefined;
+                readonly "onUpdate:floatingState"?: ((value: LayoutFloatingState) => any) | undefined;
+                readonly "onFloating-drag-start"?: ((detail: LayoutFloatingState) => any) | undefined;
+                readonly "onFloating-drag"?: ((detail: LayoutFloatingState) => any) | undefined;
+                readonly "onFloating-drag-end"?: ((detail: LayoutFloatingState) => any) | undefined;
+                readonly "onFloating-resize-start"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+                readonly "onFloating-resize"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+                readonly "onFloating-resize-end"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                rootEl: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "update:floatingState", value: LayoutFloatingState) => void) & ((event: "floating-drag-start", detail: LayoutFloatingState) => void) & ((event: "floating-drag", detail: LayoutFloatingState) => void) & ((event: "floating-drag-end", detail: LayoutFloatingState) => void) & ((event: "floating-resize-start", detail: import('./index.type').LayoutFloatingResizeDetail) => void) & ((event: "floating-resize", detail: import('./index.type').LayoutFloatingResizeDetail) => void) & ((event: "floating-resize-end", detail: import('./index.type').LayoutFloatingResizeDetail) => void);
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('./internal.type').LayoutSurfaceProps> & Readonly<{
+                "onUpdate:floatingState"?: ((value: LayoutFloatingState) => any) | undefined;
+                "onFloating-drag-start"?: ((detail: LayoutFloatingState) => any) | undefined;
+                "onFloating-drag"?: ((detail: LayoutFloatingState) => any) | undefined;
+                "onFloating-drag-end"?: ((detail: LayoutFloatingState) => any) | undefined;
+                "onFloating-resize-start"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+                "onFloating-resize"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+                "onFloating-resize-end"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            }>, {
+                rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:floatingState": (value: LayoutFloatingState) => any;
+                "floating-drag-start": (detail: LayoutFloatingState) => any;
+                "floating-drag": (detail: LayoutFloatingState) => any;
+                "floating-drag-end": (detail: LayoutFloatingState) => any;
+                "floating-resize-start": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+                "floating-resize": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+                "floating-resize-end": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+            }, 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<{}> & Omit<Readonly<import('./internal.type').LayoutSurfaceProps> & Readonly<{
+            "onUpdate:floatingState"?: ((value: LayoutFloatingState) => any) | undefined;
+            "onFloating-drag-start"?: ((detail: LayoutFloatingState) => any) | undefined;
+            "onFloating-drag"?: ((detail: LayoutFloatingState) => any) | undefined;
+            "onFloating-drag-end"?: ((detail: LayoutFloatingState) => any) | undefined;
+            "onFloating-resize-start"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            "onFloating-resize"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            "onFloating-resize-end"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+        }>, "rootEl"> & {
+            rootEl: HTMLElement | null;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<import('./index.type').LayoutNormalProps | (import('./index.type').LayoutAsidePanelsProps & {
+    floatingState?: LayoutFloatingState;
+    defaultFloatingState?: never;
+} & {
+    mode: "floating";
+    floatingOptions?: import('./index.type').LayoutFloatingOptions;
+}) | (import('./index.type').LayoutAsidePanelsProps & {
+    floatingState?: never;
+    defaultFloatingState?: LayoutFloatingState;
+} & {
+    mode: "floating";
+    floatingOptions?: import('./index.type').LayoutFloatingOptions;
+}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "aside-resize-start": (detail: LayoutAsideResizeDetail) => any;
+    "aside-resize-end": (detail: LayoutAsideResizeDetail) => any;
+    "update:floatingState": (value: LayoutFloatingState) => any;
+    "floating-drag-start": (detail: LayoutFloatingState) => any;
+    "floating-drag": (detail: LayoutFloatingState) => any;
+    "floating-drag-end": (detail: LayoutFloatingState) => any;
+    "floating-resize-start": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+    "floating-resize": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+    "floating-resize-end": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+    "aside-open-change": (detail: LayoutAsideOpenDetail) => any;
+    "aside-resize": (detail: LayoutAsideResizeDetail) => any;
+    "left-aside-open-change": (detail: import('./index.type').LayoutAsideOpenValue) => any;
+    "left-aside-resize-start": (detail: import('./index.type').LayoutAsideResizeValue) => any;
+    "left-aside-resize": (detail: import('./index.type').LayoutAsideResizeValue) => any;
+    "left-aside-resize-end": (detail: import('./index.type').LayoutAsideResizeValue) => any;
+    "right-aside-open-change": (detail: import('./index.type').LayoutAsideOpenValue) => any;
+    "right-aside-resize-start": (detail: import('./index.type').LayoutAsideResizeValue) => any;
+    "right-aside-resize": (detail: import('./index.type').LayoutAsideResizeValue) => any;
+    "right-aside-resize-end": (detail: import('./index.type').LayoutAsideResizeValue) => any;
+}, string, import('vue').PublicProps, Readonly<import('./index.type').LayoutNormalProps | (import('./index.type').LayoutAsidePanelsProps & {
+    floatingState?: LayoutFloatingState;
+    defaultFloatingState?: never;
+} & {
+    mode: "floating";
+    floatingOptions?: import('./index.type').LayoutFloatingOptions;
+}) | (import('./index.type').LayoutAsidePanelsProps & {
+    floatingState?: never;
+    defaultFloatingState?: LayoutFloatingState;
+} & {
+    mode: "floating";
+    floatingOptions?: import('./index.type').LayoutFloatingOptions;
+})> & Readonly<{
+    "onAside-resize-start"?: ((detail: LayoutAsideResizeDetail) => any) | undefined;
+    "onAside-resize-end"?: ((detail: LayoutAsideResizeDetail) => any) | undefined;
+    "onUpdate:floatingState"?: ((value: LayoutFloatingState) => any) | undefined;
+    "onFloating-drag-start"?: ((detail: LayoutFloatingState) => any) | undefined;
+    "onFloating-drag"?: ((detail: LayoutFloatingState) => any) | undefined;
+    "onFloating-drag-end"?: ((detail: LayoutFloatingState) => any) | undefined;
+    "onFloating-resize-start"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+    "onFloating-resize"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+    "onFloating-resize-end"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+    "onAside-open-change"?: ((detail: LayoutAsideOpenDetail) => any) | undefined;
+    "onAside-resize"?: ((detail: LayoutAsideResizeDetail) => any) | undefined;
+    "onLeft-aside-open-change"?: ((detail: import('./index.type').LayoutAsideOpenValue) => any) | undefined;
+    "onLeft-aside-resize-start"?: ((detail: import('./index.type').LayoutAsideResizeValue) => any) | undefined;
+    "onLeft-aside-resize"?: ((detail: import('./index.type').LayoutAsideResizeValue) => any) | undefined;
+    "onLeft-aside-resize-end"?: ((detail: import('./index.type').LayoutAsideResizeValue) => any) | undefined;
+    "onRight-aside-open-change"?: ((detail: import('./index.type').LayoutAsideOpenValue) => any) | undefined;
+    "onRight-aside-resize-start"?: ((detail: import('./index.type').LayoutAsideResizeValue) => any) | undefined;
+    "onRight-aside-resize"?: ((detail: import('./index.type').LayoutAsideResizeValue) => any) | undefined;
+    "onRight-aside-resize-end"?: ((detail: import('./index.type').LayoutAsideResizeValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    surfaceRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly mode: import('./index.type').LayoutMode;
+            readonly floatingState?: LayoutFloatingState | undefined;
+            readonly floatingOptions?: import('./index.type').LayoutFloatingOptions | undefined;
+            readonly "onUpdate:floatingState"?: ((value: LayoutFloatingState) => any) | undefined;
+            readonly "onFloating-drag-start"?: ((detail: LayoutFloatingState) => any) | undefined;
+            readonly "onFloating-drag"?: ((detail: LayoutFloatingState) => any) | undefined;
+            readonly "onFloating-drag-end"?: ((detail: LayoutFloatingState) => any) | undefined;
+            readonly "onFloating-resize-start"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            readonly "onFloating-resize"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            readonly "onFloating-resize-end"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            rootEl: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "update:floatingState", value: LayoutFloatingState) => void) & ((event: "floating-drag-start", detail: LayoutFloatingState) => void) & ((event: "floating-drag", detail: LayoutFloatingState) => void) & ((event: "floating-drag-end", detail: LayoutFloatingState) => void) & ((event: "floating-resize-start", detail: import('./index.type').LayoutFloatingResizeDetail) => void) & ((event: "floating-resize", detail: import('./index.type').LayoutFloatingResizeDetail) => void) & ((event: "floating-resize-end", detail: import('./index.type').LayoutFloatingResizeDetail) => void);
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('./internal.type').LayoutSurfaceProps> & Readonly<{
+            "onUpdate:floatingState"?: ((value: LayoutFloatingState) => any) | undefined;
+            "onFloating-drag-start"?: ((detail: LayoutFloatingState) => any) | undefined;
+            "onFloating-drag"?: ((detail: LayoutFloatingState) => any) | undefined;
+            "onFloating-drag-end"?: ((detail: LayoutFloatingState) => any) | undefined;
+            "onFloating-resize-start"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            "onFloating-resize"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+            "onFloating-resize-end"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+        }>, {
+            rootEl: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:floatingState": (value: LayoutFloatingState) => any;
+            "floating-drag-start": (detail: LayoutFloatingState) => any;
+            "floating-drag": (detail: LayoutFloatingState) => any;
+            "floating-drag-end": (detail: LayoutFloatingState) => any;
+            "floating-resize-start": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+            "floating-resize": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+            "floating-resize-end": (detail: import('./index.type').LayoutFloatingResizeDetail) => any;
+        }, 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<{}> & Omit<Readonly<import('./internal.type').LayoutSurfaceProps> & Readonly<{
+        "onUpdate:floatingState"?: ((value: LayoutFloatingState) => any) | undefined;
+        "onFloating-drag-start"?: ((detail: LayoutFloatingState) => any) | undefined;
+        "onFloating-drag"?: ((detail: LayoutFloatingState) => any) | undefined;
+        "onFloating-drag-end"?: ((detail: LayoutFloatingState) => any) | undefined;
+        "onFloating-resize-start"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+        "onFloating-resize"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+        "onFloating-resize-end"?: ((detail: import('./index.type').LayoutFloatingResizeDetail) => any) | undefined;
+    }>, "rootEl"> & {
+        rootEl: HTMLElement | null;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | 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/layout/LayoutAsideToggle.vue.d.ts

@@ -0,0 +1,20 @@
+import { LayoutAsideToggleProps } from './index.type';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            isOpen: boolean;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<LayoutAsideToggleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutAsideToggleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+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/layout/LayoutProxyScrollbar.vue.d.ts

@@ -0,0 +1,6 @@
+import { LayoutProxyScrollbarProps } from './index.type';
+declare const _default: import('vue').DefineComponent<LayoutProxyScrollbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LayoutProxyScrollbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    scrollbarRef: HTMLDivElement;
+    thumbRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/layout/components/AsideContent.vue.d.ts

@@ -0,0 +1,35 @@
+import { LayoutAsideResizeDetail } from '../index.type';
+import { LayoutAsideState } from '../internal.type';
+interface LayoutAsideContentProps {
+    panel: LayoutAsideState;
+    oppositeDockWidth: number;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        asideRef: HTMLElement;
+    };
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<LayoutAsideContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "width-change": (value: number) => any;
+    "aside-resize-start": (value: LayoutAsideResizeDetail) => any;
+    "aside-resize-end": (value: LayoutAsideResizeDetail) => any;
+}, string, import('vue').PublicProps, Readonly<LayoutAsideContentProps> & Readonly<{
+    "onWidth-change"?: ((value: number) => any) | undefined;
+    "onAside-resize-start"?: ((value: LayoutAsideResizeDetail) => any) | undefined;
+    "onAside-resize-end"?: ((value: LayoutAsideResizeDetail) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    asideRef: HTMLElement;
+}, HTMLElement>;
+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/layout/components/AsideResizeTrigger.vue.d.ts

@@ -0,0 +1,20 @@
+import { LayoutAsideResizeDetail, LayoutSide } from '../index.type';
+interface LayoutAsideResizeTriggerProps {
+    side: LayoutSide;
+    asideEl: HTMLElement | null;
+    minWidth: number;
+    maxWidth: number;
+    oppositeDockWidth: number;
+}
+declare const _default: import('vue').DefineComponent<LayoutAsideResizeTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "width-change": (value: number) => any;
+    "aside-resize-start": (value: LayoutAsideResizeDetail) => any;
+    "aside-resize-end": (value: LayoutAsideResizeDetail) => any;
+}, string, import('vue').PublicProps, Readonly<LayoutAsideResizeTriggerProps> & Readonly<{
+    "onWidth-change"?: ((value: number) => any) | undefined;
+    "onAside-resize-start"?: ((value: LayoutAsideResizeDetail) => any) | undefined;
+    "onAside-resize-end"?: ((value: LayoutAsideResizeDetail) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/layout/components/FloatingDragBar.vue.d.ts

@@ -0,0 +1,18 @@
+import { LayoutFloatingDragPosition } from '../internal.type';
+interface FloatingDragBarProps {
+    x: number;
+    y: number;
+    canDrag: boolean;
+}
+declare const _default: import('vue').DefineComponent<FloatingDragBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    drag: (value: LayoutFloatingDragPosition) => any;
+    "drag-start": (value: LayoutFloatingDragPosition) => any;
+    "drag-end": (value: LayoutFloatingDragPosition) => any;
+}, string, import('vue').PublicProps, Readonly<FloatingDragBarProps> & Readonly<{
+    onDrag?: ((value: LayoutFloatingDragPosition) => any) | undefined;
+    "onDrag-start"?: ((value: LayoutFloatingDragPosition) => any) | undefined;
+    "onDrag-end"?: ((value: LayoutFloatingDragPosition) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dragBarEl: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/layout/components/FloatingResizeTrigger.vue.d.ts

@@ -0,0 +1,17 @@
+import { LayoutFloatingResizeHandle } from '../index.type';
+interface FloatingResizeTriggerProps {
+    handle: LayoutFloatingResizeHandle;
+    active: boolean;
+}
+declare const _default: import('vue').DefineComponent<FloatingResizeTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    resize: (handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any;
+    "resize-start": (handle: LayoutFloatingResizeHandle) => any;
+    "resize-end": (handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any;
+}, string, import('vue').PublicProps, Readonly<FloatingResizeTriggerProps> & Readonly<{
+    onResize?: ((handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any) | undefined;
+    "onResize-start"?: ((handle: LayoutFloatingResizeHandle) => any) | undefined;
+    "onResize-end"?: ((handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/layout/components/FloatingResizeTriggers.vue.d.ts

@@ -0,0 +1,14 @@
+import { LayoutFloatingResizeHandle } from '../index.type';
+interface FloatingResizeTriggersProps {
+    handles: LayoutFloatingResizeHandle[];
+}
+declare const _default: import('vue').DefineComponent<FloatingResizeTriggersProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    resize: (handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any;
+    "resize-start": (handle: LayoutFloatingResizeHandle) => any;
+    "resize-end": (handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any;
+}, string, import('vue').PublicProps, Readonly<FloatingResizeTriggersProps> & Readonly<{
+    onResize?: ((handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any) | undefined;
+    "onResize-start"?: ((handle: LayoutFloatingResizeHandle) => any) | undefined;
+    "onResize-end"?: ((handle: LayoutFloatingResizeHandle, deltaX: number, deltaY: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;