@pantograph/vue 0.25.5 → 0.25.7

package/dist/Comment/CommentMention.d.ts

@@ -1,8 +1,9 @@
 import { ComboboxOptionType, ComboboxProps, ComboboxSlots } from '../Combobox/index.js';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<ComboboxSlots> & ComboboxSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<ComboboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {

package/dist/Comment/CommentReactions.d.ts

@@ -1,2 +1,194 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    reactionRef: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly size?: import('../exports.js').ButtonSize | undefined;
+            readonly color?: import('../exports.js').ButtonColor | undefined;
+            readonly class?: import('clsx').ClassValue;
+            readonly type?: import('../exports.js').ButtonType | undefined;
+            readonly flipOnDir?: import('../index.js').FlipOnDir | undefined;
+            readonly icon?: string | undefined;
+            readonly noRing?: boolean | undefined;
+            readonly loading?: boolean | undefined;
+            readonly htmlType?: "reset" | "submit" | "button" | undefined;
+            readonly block?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            buttonRef: ({
+                $: import('vue').ComponentInternalInstance;
+                $data: {};
+                $props: {
+                    readonly class?: import('clsx').ClassValue;
+                    readonly text?: string | number | undefined;
+                    readonly size?: import('../exports.js').ButtonSize | undefined;
+                    readonly color?: import('../exports.js').ButtonColor | undefined;
+                    readonly noRing?: boolean | undefined;
+                    readonly type?: import('../exports.js').ButtonType | undefined;
+                    readonly variant?: import('../exports.js').ButtonVariant | undefined;
+                    readonly loading?: boolean | undefined;
+                    readonly action?: boolean | undefined;
+                    readonly active?: boolean | undefined;
+                    readonly badgeText?: string | undefined;
+                    readonly badgeIcon?: string | undefined;
+                    readonly icon?: string | undefined;
+                    readonly preIcon?: string | undefined;
+                    readonly postIcon?: string | undefined;
+                    readonly flipOnDir?: import('../index.js').FlipOnDir | undefined;
+                    readonly preIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
+                    readonly postIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
+                    readonly badgeIconFlipOnDir?: import('../index.js').FlipOnDir | undefined;
+                    readonly htmlType?: "reset" | "submit" | "button" | undefined;
+                    readonly block?: boolean | undefined;
+                    readonly disabled?: boolean | undefined;
+                    readonly href?: string | undefined;
+                    readonly target?: string | undefined;
+                    readonly onClick?: ((...args: any[]) => any) | undefined;
+                } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                $attrs: {
+                    [x: string]: unknown;
+                };
+                $refs: {
+                    [x: string]: unknown;
+                } & {
+                    buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                        asChild: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        as: {
+                            type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
+                            default: string;
+                        };
+                    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                        asChild: boolean;
+                        as: import('reka-ui').AsTag | import('vue').Component;
+                    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                        P: {};
+                        B: {};
+                        D: {};
+                        C: {};
+                        M: {};
+                        Defaults: {};
+                    }, Readonly<import('vue').ExtractPropTypes<{
+                        asChild: {
+                            type: BooleanConstructor;
+                            default: boolean;
+                        };
+                        as: {
+                            type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
+                            default: string;
+                        };
+                    }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                        [key: string]: any;
+                    }>, {}, {}, {}, {
+                        asChild: boolean;
+                        as: import('reka-ui').AsTag | import('vue').Component;
+                    }> | null;
+                };
+                $slots: Readonly<{
+                    [name: string]: import('vue').Slot<any> | undefined;
+                }>;
+                $root: import('vue').ComponentPublicInstance | null;
+                $parent: import('vue').ComponentPublicInstance | null;
+                $host: Element | null;
+                $emit: (event: "click", ...args: any[]) => void;
+                $el: any;
+                $options: import('vue').ComponentOptionsBase<Readonly<import('../exports.js').BaseButtonProps> & Readonly<{
+                    onClick?: ((...args: any[]) => any) | undefined;
+                }>, {
+                    focus(): void;
+                    blur(): void;
+                }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                    click: (...args: any[]) => void;
+                }, string, {
+                    color: import('../exports.js').ButtonColor;
+                    type: import('../exports.js').ButtonType;
+                    htmlType: "reset" | "submit" | "button";
+                }, {}, 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<{
+                color: import('../exports.js').ButtonColor;
+                type: import('../exports.js').ButtonType;
+                htmlType: "reset" | "submit" | "button";
+            }> & Omit<Readonly<import('../exports.js').BaseButtonProps> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+                focus(): void;
+                blur(): void;
+            }> & {} & import('vue').ComponentCustomProperties & {} & {
+                $slots: Readonly<import('../exports.js').BaseButtonSlots> & import('../exports.js').BaseButtonSlots;
+            }) | null;
+        };
+        $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<Partial<Pick<import('../exports.js').BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, {
+            focus(): void;
+            blur(): void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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<Partial<Pick<import('../exports.js').BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, "blur" | "focus"> & import('vue').ShallowUnwrapRef<{
+        focus(): void;
+        blur(): void;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<{
+            icon?: ((data?: object) => never) | undefined;
+            badgeText?: ((data?: object) => never) | undefined;
+            badgeIcon?: ((data?: object) => never) | undefined;
+        }> & {
+            icon?: ((data?: object) => never) | undefined;
+            badgeText?: ((data?: object) => never) | undefined;
+            badgeIcon?: ((data?: object) => never) | undefined;
+        };
+    }) | null;
+}, any>;
 export default _default;

package/dist/Comment/CommentTrigger.d.ts

@@ -18,9 +18,10 @@ export interface CommentTriggerEmits {
     (event: 'add', value: MouseEvent | KeyboardEvent): void;
 }
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<CommentTriggerSlots> & CommentTriggerSlots;
     refs: {};
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<CommentTriggerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
@@ -29,7 +30,7 @@ declare const __VLS_component: import('vue').DefineComponent<CommentTriggerProps
     onAdd?: ((value: MouseEvent | KeyboardEvent) => any) | undefined;
 }>, {
     text: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, 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 & {

package/dist/Comment/index.js

@@ -1,25 +1,25 @@
 import { defineComponent as A, ref as B, createElementBlock as L, createCommentVNode as H, unref as n, openBlock as b, normalizeClass as O, createBlock as E, createVNode as g, Fragment as pe, renderList as K, withCtx as T, createTextVNode as ne, toDisplayString as Q, useSlots as W, createElementVNode as F, h as _, mergeProps as V, isRef as se, createSlots as X, renderSlot as U, normalizeProps as G, guardReactiveProps as N, computed as j, normalizeStyle as ce, onMounted as de, onBeforeUnmount as ue, withModifiers as oe } from "vue";
-import { u as Y, k as $, e as J } from "../Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { u as Y, k as $, e as J } from "../Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
 import { g as z } from "../options-Bh1s18jm.js";
 import { omit as me } from "es-toolkit";
-import { _ as ae } from "../Avatar.vue_vue_type_style_index_0_lang-BU_5Uc1h.js";
-import { _ as fe } from "../Badge.vue_vue_type_script_setup_true_lang-D4qWXPmE.js";
+import { _ as ae } from "../Avatar.vue_vue_type_style_index_0_lang-560JMJs8.js";
+import { _ as fe } from "../Badge.vue_vue_type_script_setup_true_lang-Kd8vLJ1r.js";
 import { cva as he } from "class-variance-authority";
-import { _ as ye } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BZWcWAd8.js";
+import { _ as ye } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-CpstWkLR.js";
 import { normCls as C, getBemElement as h, getBemBlock as Ce, generateVariantClassList as ge } from "@pantograph/utils";
-import { _ as w } from "../IconButton.vue_vue_type_script_setup_true_lang-B2mwpDQo.js";
-import { _ as ve } from "../ActionButton.vue_vue_type_script_setup_true_lang-DgRldvF-.js";
+import { _ as w } from "../IconButton.vue_vue_type_script_setup_true_lang-CudH1Czj.js";
+import { _ as ve } from "../ActionButton.vue_vue_type_script_setup_true_lang-DBykKGHQ.js";
 import { createContext as _e } from "reka-ui";
 import "@tanstack/vue-virtual";
-import { _ as Be } from "../Popover.vue_vue_type_style_index_0_lang-BgRvygIi.js";
-import { _ as be, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-Tx1mw3fx.js";
-import { _ as Re } from "../GOPicker.vue_vue_type_style_index_0_lang-kynTp-m5.js";
-import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-BIpRzCHA.js";
+import { _ as Be } from "../Popover.vue_vue_type_style_index_0_lang-BolWR0Oq.js";
+import { _ as be, a as te } from "../MenuItem.vue_vue_type_style_index_0_lang-BSbQKPOJ.js";
+import { _ as Re } from "../GOPicker.vue_vue_type_style_index_0_lang-CR7s37Os.js";
+import { _ as Se } from "../Combobox.vue_vue_type_style_index_0_lang-CzVJFdEg.js";
 import { _ as ke } from "../Divider.vue_vue_type_style_index_0_lang-CfBklijs.js";
-import { U as Pe } from "../useInputDataStates-COzmxWTw.js";
-import { _ as xe } from "../ScrollContainer.vue_vue_type_style_index_0_lang-Cp0bQf0N.js";
-import { _ as Te, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-B9HYX_QI.js";
-import { _ as Oe } from "../Shortcut.vue_vue_type_style_index_0_lang-QKWaOeSf.js";
+import { U as Pe } from "../useInputDataStates-BNwXgt9l.js";
+import { _ as xe } from "../ScrollContainer.vue_vue_type_style_index_0_lang-Dl1jP8xY.js";
+import { _ as Te, a as $e } from "../Upload.vue_vue_type_style_index_0_lang-B_fYzNVt.js";
+import { _ as Oe } from "../Shortcut.vue_vue_type_style_index_0_lang-2KAzQkhD.js";
 const Ee = /* @__PURE__ */ A({
   ...z("CommentActions"),
   __name: "CommentActions",

package/dist/Comment/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("../Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),R=require("../options-CY2uxp5A.js"),I=require("es-toolkit"),M=require("../Avatar.vue_vue_type_style_index_0_lang-BmD6RFO6.js"),$=require("../Badge.vue_vue_type_script_setup_true_lang-BNoY52kq.js"),H=require("class-variance-authority"),L=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-X3qLlz8e.js"),r=require("@pantograph/utils"),P=require("../IconButton.vue_vue_type_script_setup_true_lang-DGXtxJVO.js"),j=require("../ActionButton.vue_vue_type_script_setup_true_lang-uwPzOpXQ.js"),U=require("reka-ui");require("@tanstack/vue-virtual");const F=require("../Popover.vue_vue_type_style_index_0_lang-D7HUX-0i.js"),O=require("../MenuItem.vue_vue_type_style_index_0_lang-DRgLTDF9.js"),G=require("../GOPicker.vue_vue_type_style_index_0_lang-BE8x9dGA.js"),K=require("../Combobox.vue_vue_type_style_index_0_lang-DUhoDHJs.js"),W=require("../Divider.vue_vue_type_style_index_0_lang-B1VnMpBg.js"),Q=require("../useInputDataStates-BWZ4Q3rt.js"),J=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DqKhWsL2.js"),z=require("../Upload.vue_vue_type_style_index_0_lang-DhqA32eL.js"),X=require("../Shortcut.vue_vue_type_style_index_0_lang-C7MfNmHi.js"),Y=e.defineComponent({...R.getComponentOptions("CommentActions"),__name:"CommentActions",setup(f){const s=N(),n=e.ref(),t=e.ref(),u=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",n.value)},a=()=>{s.emit("reply")};return(p,o)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,flipOnDir:"rtl",onClick:a},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onClick:u},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Z=e.defineComponent({...R.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(f){const s=N(),n=e.ref(),t=()=>{s.emit("openReaction",n.value)},u=l=>{l&&!l.active&&s.emit("reaction",l.emoji)};return(l,a)=>{var p;return e.unref(s).props.hasReaction&&((p=e.unref(s).props.reactions)!=null&&p.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,o=>(e.openBlock(),e.createBlock(j._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:y=>u(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o==null?void 0:o.emoji)+" "+e.toDisplayString(o==null?void 0:o.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:n,onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),g=r.getBemBlock("comment"),[N,D]=U.createContext("Comment"),ee=e.defineComponent({...R.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(f,{emit:s}){const n=f,t=e.useSlots(),u=s,l=h.useVModel(n,"open",u,{passive:n.open===void 0}),a=()=>{var d;let c;const C=(d=t.author)==null?void 0:d.call(t,{});return!h.isEmptyElement(C)?c=C:c=n.author,c?e.h("div",{class:r.normCls(r.getBemElement(g,"author"),n.authorCls)},c):null},p=()=>{var d;let c;const C=(d=t.datetime)==null?void 0:d.call(t,{});return!h.isEmptyElement(C)?c=C:c=n.datetime,c?e.h("div",{class:r.normCls(r.getBemElement(g,"datetime"),n.datetimeCls)},c):null},o=()=>{var d,v;const c=(d=t.header)==null?void 0:d.call(t,{}),C=!h.isEmptyElement(c);let m;if(C)m=c;else{m=[];const k=(v=t.avatar)==null?void 0:v.call(t,{});!h.isEmptyElement(k)?m.push(k):n.avatar&&m.push(e.h(M._sfc_main,{...n.avatarProps??{},src:n.avatar}));const b=a(),S=p();(b||S)&&m.push(e.h("div",{class:r.normCls(r.getBemElement(g,"header__content"),n.headerContentCls)},[b,S])),m.length||(m=void 0)}return m?(m.push(e.h(Y)),e.h("div",{class:r.normCls(r.getBemElement(g,"header"),n.headerCls)},m)):null},y=()=>{var m;const c=(m=t.content)==null?void 0:m.call(t,{}),C=!h.isEmptyElement(c);if(C||n.content)return e.h("div",{class:r.normCls(r.getBemElement(g,"content"),n.contentCls,"paragraph"),innerHTML:C?void 0:n.content},C?c:void 0)},_=r.getBemElement(g,"replies"),B=H.cva(_,{variants:{open:r.generateVariantClassList("open",_)}}),E=()=>{var v;const c=(v=t.replies)==null?void 0:v.call(t,{}),C=!h.isEmptyElement(c),m=()=>{var b,S,x;const k=(b=t.repliesHeader)==null?void 0:b.call(t,{open:!!l.value}),i=[];if(!h.isEmptyElement(k))i.push(k);else{i.push(e.h(L._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(h._sfc_main$2,{icon:"tabler:chevron-down",class:r.getBemElement(_,"icon"),size:"2xsm"})}));const T=(S=t.repliesCount)==null?void 0:S.call(t,{}),q=!h.isEmptyElement(T),w=(x=t.repliesTitle)==null?void 0:x.call(t,{}),A=!h.isEmptyElement(w);let V;A?V=w:V=n.repliesTitle,i.push(e.h("div",{class:r.normCls(r.getBemElement(_,"title"),n.repliesTitleCls)},V)),(q||n.repliesCount)&&i.push(e.h($._sfc_main,{color:"primary-subtle",text:n.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:r.normCls(r.getBemElement(_,"header"),n.repliesHeaderCls),onClick:()=>{l.value=!l.value}},i)},d=()=>{if(l.value)return[e.h("div",{class:r.normCls(r.getBemElement(_,"content"),n.repliesContentCls)},c),e.h("div",{class:r.getBemElement(_,"line")})]};return C?e.h("div",{class:r.normCls(B({open:!!l.value}),n.repliesCls)},[m(),d()]):null};return D({emit:u,props:n,slots:t}),(c,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(g),n.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"body"),n.bodyCls))},[e.createVNode(y),e.createVNode(Z),e.createVNode(E)],2)],2))}}),te=e.defineComponent({...R.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},dir:{},class:{},containerCls:{},containerClass:{},containerProps:{},trigger:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},zIndex:{},useReferenceAttribute:{type:Boolean},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean}},emits:["edit","delete","update:open"],setup(f,{emit:s}){const n=f,t=s,u=()=>{t("edit"),a.value=!1},l=()=>{t("delete"),a.value=!1},a=h.useVModel(n,"open",t,{passive:n.open===void 0});return(p,o)=>(e.openBlock(),e.createBlock(e.unref(F._sfc_main),e.mergeProps(n,{open:e.unref(a),"onUpdate:open":o[0]||(o[0]=y=>e.isRef(a)?a.value=y:null),placement:"bottom-end",sideOffset:3,trigger:"click",openDelay:0}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,{style:{width:"116px"}},{default:e.withCtx(()=>[p.hasEdit?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"edit",title:p.editText,onClick:u},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(h._sfc_main$2,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),p.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"delete",title:p.deleteText,danger:"",onClick:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(h._sfc_main$2,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),oe=e.defineComponent({...R.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(f,{emit:s}){const n=f,t=s,u=a=>{t("reaction",a.value),l.value=!1},l=h.useVModel(n,"open",t,{passive:n.open===void 0});return(a,p)=>(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps(n,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...a.popoverProps??{},reference:a.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:u,open:e.unref(l),"onUpdate:open":p[0]||(p[0]=o=>e.isRef(l)?l.value=o:null)}),null,16,["popoverProps","open"]))}}),ne=e.defineComponent({...R.getComponentOptions("CommentMention"),__name:"CommentMention",props:{size:{},status:{},multiple:{type:Boolean},noLastValueOnPlaceholder:{type:Boolean},showLabelValueOnHeaderSearch:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},noTrigger:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},by:{type:[String,Function]},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean},position:{},bodyLock:{type:Boolean},side:{},sideOffset:{},align:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["mention"],setup(f,{emit:s}){const n=f,t=s,u=e.useSlots(),l=(a,p,o)=>{t("mention",a,o)};return(a,p)=>(e.openBlock(),e.createBlock(K._sfc_main,e.mergeProps(n,{modelValue:"",onSelect:l,noTrigger:""}),e.createSlots({_:2},[e.renderList(Object.keys(u),o=>({name:o,fn:e.withCtx(y=>[e.renderSlot(a.$slots,o,e.normalizeProps(e.guardReactiveProps(y)))])}))]),1040))}}),re=e.defineComponent({...R.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(f,{emit:s}){const n=e.useSlots(),t=f,u=s,l=r.getBemElement(g,"editor"),a=e.ref(),p=()=>{u("openReaction",a.value)},o=e.ref(),y=()=>{u("openMention",o.value)},{rootBindings:_,inputBindings:B}=Q.UseInputDataStates({getDisabled:()=>t.disabled,emit:u}),E=()=>u("submit"),c=e.computed(()=>{if(Number(t.maxHeight)>0)return`${t.maxHeight}px`;if(typeof t.maxHeight=="string")return t.maxHeight}),C=e.ref(),m=d=>{var v;(v=C.value)!=null&&v.addFiles&&d.length&&C.value.addFiles(d)};return(d,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(l),t.class)},e.unref(_)),[e.createVNode(J._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(B))))]),_:3},8,["class","style"]),e.createVNode(z._sfc_main,e.mergeProps({noTrigger:""},d.uploadProps,{ref_key:"uploadRef",ref:C}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(I.omit)(n,["default"])),k=>({name:k,fn:e.withCtx(i=>[e.renderSlot(d.$slots,k,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(W._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(P._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onClick:y},null,512),e.createVNode(z._sfc_main$1,{accept:"image/*",multiple:"",onAddFiles:m},{default:e.withCtx(()=>[e.createVNode(P._sfc_main,{icon:"tabler:photo",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:a,onClick:p},null,512)],2),e.createVNode(P._sfc_main,{disabled:d.isEmpty,icon:"tabler:arrow-up",onClick:E},null,8,["disabled"])],2)],16))}}),se=["tabindex","disabled"],le=e.defineComponent({...R.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(f,{emit:s}){const n=e.useSlots(),t=f,u=s,l=r.getBemElement(g,"trigger"),a=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&p(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",a)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",a)}),t.withShortcut;const p=o=>u("add",o);return(o,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(l),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(p,["stop"]),onKeyup:e.withModifiers(p,["stop"])},[e.createVNode(M._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(n),_=>({name:_,fn:e.withCtx(B=>[e.renderSlot(o.$slots,_,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(X._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,se))}}),ie=f=>{const s=e.ref(!1),n=e.ref(),t=e.ref(!1),u=(i,b=!1)=>{s.value=!0,t.value=b,n.value=i},l=e.ref(!1),a=e.ref(),p=i=>{l.value=!0,a.value=i},o=e.computed(()=>({open:s.value,reference:n.value,"onUpdate:open":i=>s.value=i,onReaction:i=>{var b,S;if(t.value)try{(b=f.addEmoji)==null||b.call(f,i)}catch(x){console.log("error on reaction ===>",x)}try{(S=f.onReaction)==null||S.call(f,i)}catch(x){console.log("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:a.value,"onUpdate:open":i=>l.value=i})),_=e.ref(!1),B=e.ref(),E=e.ref(),c=e.ref(!1),C=e.computed(()=>({open:_.value,"onUpdate:open":i=>_.value=i,search:B.value,"onUpdate:search":i=>B.value=i,reference:E.value,headerSearch:c.value,onPointerDownOutside:d,onEscapeKeyDown:d})),m=i=>{i&&(E.value={getBoundingClientRect:i},_.value=!0,c.value=!1)},d=()=>{E.value=void 0,_.value=!1,B.value=void 0},v=i=>{B.value=i},k=e.computed(()=>({onOpenReaction:i=>u(i,!0),onOpenMention:i=>{i&&(E.value=i,_.value=!0,c.value=!0)}}));return{reactionBinding:o,actionBinding:y,editorBinding:k,mentionBinding:C,openActions:p,openReaction:u,openMentionInEditor:m,closeMentionInEditor:d,updateMentionQuery:v}};exports.Comment=ee;exports.CommentAction=te;exports.CommentEditor=re;exports.CommentMention=ne;exports.CommentReaction=oe;exports.CommentTrigger=le;exports.commentPrefix=g;exports.injectCommentContext=N;exports.provideCommentContext=D;exports.useComment=ie;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),h=require("../Icon.vue_vue_type_style_index_0_lang-DyeL9Lem.js"),R=require("../options-CY2uxp5A.js"),I=require("es-toolkit"),M=require("../Avatar.vue_vue_type_style_index_0_lang-B2n3kzDz.js"),$=require("../Badge.vue_vue_type_script_setup_true_lang-Btr5ZeJl.js"),H=require("class-variance-authority"),L=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-WjnCG0pe.js"),r=require("@pantograph/utils"),P=require("../IconButton.vue_vue_type_script_setup_true_lang-Bz66rcDQ.js"),j=require("../ActionButton.vue_vue_type_script_setup_true_lang-BOiXNbKw.js"),U=require("reka-ui");require("@tanstack/vue-virtual");const F=require("../Popover.vue_vue_type_style_index_0_lang-COPtUT1x.js"),O=require("../MenuItem.vue_vue_type_style_index_0_lang-AhI5J805.js"),G=require("../GOPicker.vue_vue_type_style_index_0_lang-rSEkCO3H.js"),K=require("../Combobox.vue_vue_type_style_index_0_lang-B--dMsNn.js"),W=require("../Divider.vue_vue_type_style_index_0_lang-B1VnMpBg.js"),Q=require("../useInputDataStates-CM2GJM3c.js"),J=require("../ScrollContainer.vue_vue_type_style_index_0_lang-DKfgCbWJ.js"),z=require("../Upload.vue_vue_type_style_index_0_lang-BiBzroEH.js"),X=require("../Shortcut.vue_vue_type_style_index_0_lang-e8lB0y-L.js"),Y=e.defineComponent({...R.getComponentOptions("CommentActions"),__name:"CommentActions",setup(f){const s=N(),n=e.ref(),t=e.ref(),u=()=>{s.emit("openActions",t.value)},l=()=>{s.emit("openReaction",n.value)},a=()=>{s.emit("reply")};return(p,o)=>e.unref(s).props.hasReaction||e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"actions"),e.unref(s).props.actionsCls))},[e.unref(s).props.hasReply?(e.openBlock(),e.createBlock(P._sfc_main,{key:0,icon:"tabler:corner-up-left",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,flipOnDir:"rtl",onClick:a},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasReaction?(e.openBlock(),e.createBlock(P._sfc_main,{key:1,icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:n,onClick:l},null,512)):e.createCommentVNode("",!0),e.unref(s).props.hasEdit||e.unref(s).props.hasDelete?(e.openBlock(),e.createBlock(P._sfc_main,{key:2,icon:"tabler:dots-vertical",color:"neutral",type:"ghost",ref_key:"actionRef",ref:t,onClick:u},null,512)):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)}}),Z=e.defineComponent({...R.getComponentOptions("CommentReactions"),__name:"CommentReactions",setup(f){const s=N(),n=e.ref(),t=()=>{s.emit("openReaction",n.value)},u=l=>{l&&!l.active&&s.emit("reaction",l.emoji)};return(l,a)=>{var p;return e.unref(s).props.hasReaction&&((p=e.unref(s).props.reactions)!=null&&p.some(o=>o.count&&o.emoji))?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"reactions"),e.unref(s).props.reactionsCls))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(s).props.reactions,o=>(e.openBlock(),e.createBlock(j._sfc_main,{key:o==null?void 0:o.emoji,active:o==null?void 0:o.active,onClick:y=>u(o)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o==null?void 0:o.emoji)+" "+e.toDisplayString(o==null?void 0:o.count),1)]),_:2},1032,["active","onClick"]))),128)),e.createVNode(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"outline",ref_key:"reactionRef",ref:n,onClick:t},null,512)],2)):e.createCommentVNode("",!0)}}}),g=r.getBemBlock("comment"),[N,D]=U.createContext("Comment"),ee=e.defineComponent({...R.getComponentOptions("Comment"),__name:"Comment",props:{class:{},headerCls:{},actionsCls:{},bodyCls:{},datetimeCls:{},contentCls:{},authorCls:{},repliesCls:{},headerContentCls:{},reactionsCls:{},repliesHeaderCls:{},repliesTitleCls:{},repliesContentCls:{},author:{},avatar:{},content:{},datetime:{},repliesCount:{},repliesTitle:{default:"Replies"},avatarProps:{},open:{type:Boolean,default:void 0},hasReaction:{type:Boolean,default:!0},hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},hasReply:{type:Boolean,default:!0},reactions:{}},emits:["update:open","openActions","reaction","reply","openReaction"],setup(f,{emit:s}){const n=f,t=e.useSlots(),u=s,l=h.useVModel(n,"open",u,{passive:n.open===void 0}),a=()=>{var d;let c;const C=(d=t.author)==null?void 0:d.call(t,{});return!h.isEmptyElement(C)?c=C:c=n.author,c?e.h("div",{class:r.normCls(r.getBemElement(g,"author"),n.authorCls)},c):null},p=()=>{var d;let c;const C=(d=t.datetime)==null?void 0:d.call(t,{});return!h.isEmptyElement(C)?c=C:c=n.datetime,c?e.h("div",{class:r.normCls(r.getBemElement(g,"datetime"),n.datetimeCls)},c):null},o=()=>{var d,v;const c=(d=t.header)==null?void 0:d.call(t,{}),C=!h.isEmptyElement(c);let m;if(C)m=c;else{m=[];const k=(v=t.avatar)==null?void 0:v.call(t,{});!h.isEmptyElement(k)?m.push(k):n.avatar&&m.push(e.h(M._sfc_main,{...n.avatarProps??{},src:n.avatar}));const b=a(),S=p();(b||S)&&m.push(e.h("div",{class:r.normCls(r.getBemElement(g,"header__content"),n.headerContentCls)},[b,S])),m.length||(m=void 0)}return m?(m.push(e.h(Y)),e.h("div",{class:r.normCls(r.getBemElement(g,"header"),n.headerCls)},m)):null},y=()=>{var m;const c=(m=t.content)==null?void 0:m.call(t,{}),C=!h.isEmptyElement(c);if(C||n.content)return e.h("div",{class:r.normCls(r.getBemElement(g,"content"),n.contentCls,"paragraph"),innerHTML:C?void 0:n.content},C?c:void 0)},_=r.getBemElement(g,"replies"),B=H.cva(_,{variants:{open:r.generateVariantClassList("open",_)}}),E=()=>{var v;const c=(v=t.replies)==null?void 0:v.call(t,{}),C=!h.isEmptyElement(c),m=()=>{var b,S,x;const k=(b=t.repliesHeader)==null?void 0:b.call(t,{open:!!l.value}),i=[];if(!h.isEmptyElement(k))i.push(k);else{i.push(e.h(L._sfc_main,{size:"xsm",bg:"transparent",br:"transparent"},{default:()=>e.h(h._sfc_main$2,{icon:"tabler:chevron-down",class:r.getBemElement(_,"icon"),size:"2xsm"})}));const T=(S=t.repliesCount)==null?void 0:S.call(t,{}),q=!h.isEmptyElement(T),w=(x=t.repliesTitle)==null?void 0:x.call(t,{}),A=!h.isEmptyElement(w);let V;A?V=w:V=n.repliesTitle,i.push(e.h("div",{class:r.normCls(r.getBemElement(_,"title"),n.repliesTitleCls)},V)),(q||n.repliesCount)&&i.push(e.h($._sfc_main,{color:"primary-subtle",text:n.repliesCount,size:"xsm"},{text:()=>T}))}return e.h("div",{class:r.normCls(r.getBemElement(_,"header"),n.repliesHeaderCls),onClick:()=>{l.value=!l.value}},i)},d=()=>{if(l.value)return[e.h("div",{class:r.normCls(r.getBemElement(_,"content"),n.repliesContentCls)},c),e.h("div",{class:r.getBemElement(_,"line")})]};return C?e.h("div",{class:r.normCls(B({open:!!l.value}),n.repliesCls)},[m(),d()]):null};return D({emit:u,props:n,slots:t}),(c,C)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(g),n.class))},[e.createVNode(o),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(g),"body"),n.bodyCls))},[e.createVNode(y),e.createVNode(Z),e.createVNode(E)],2)],2))}}),te=e.defineComponent({...R.getComponentOptions("CommentAction"),__name:"CommentAction",props:{hasEdit:{type:Boolean,default:!0},hasDelete:{type:Boolean,default:!0},editText:{default:"Edit"},deleteText:{default:"Delete"},dir:{},class:{},containerCls:{},containerClass:{},containerProps:{},trigger:{},size:{},to:{},placement:{},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},zIndex:{},useReferenceAttribute:{type:Boolean},defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},disableOutsidePointerEvents:{type:Boolean}},emits:["edit","delete","update:open"],setup(f,{emit:s}){const n=f,t=s,u=()=>{t("edit"),a.value=!1},l=()=>{t("delete"),a.value=!1},a=h.useVModel(n,"open",t,{passive:n.open===void 0});return(p,o)=>(e.openBlock(),e.createBlock(e.unref(F._sfc_main),e.mergeProps(n,{open:e.unref(a),"onUpdate:open":o[0]||(o[0]=y=>e.isRef(a)?a.value=y:null),placement:"bottom-end",sideOffset:3,trigger:"click",openDelay:0}),{content:e.withCtx(()=>[e.createVNode(O._sfc_main,{style:{width:"116px"}},{default:e.withCtx(()=>[p.hasEdit?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"edit",title:p.editText,onClick:u},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(h._sfc_main$2,{icon:"tabler:edit",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0),p.hasDelete?(e.openBlock(),e.createBlock(O._sfc_main$1,{key:"delete",title:p.deleteText,danger:"",onClick:l},{leading:e.withCtx(({iconSize:y})=>[e.createVNode(h._sfc_main$2,{icon:"tabler:trash",size:y},null,8,["size"])]),_:1},8,["title"])):e.createCommentVNode("",!0)]),_:1})]),_:1},16,["open"]))}}),oe=e.defineComponent({...R.getComponentOptions("CommentReaction"),__name:"CommentReaction",props:{reference:{},open:{type:Boolean,default:void 0},icons:{},emojis:{},group:{},modelValue:{},defaultValue:{},visibleTabs:{},noTrigger:{type:Boolean},noModel:{type:Boolean},hideClear:{type:Boolean},hideColor:{type:Boolean},hideGroup:{type:Boolean},hideIcons:{type:Boolean},hideEmojis:{type:Boolean},hideSearch:{type:Boolean},hideRandom:{type:Boolean},disabled:{type:Boolean},borderless:{type:Boolean},popoverProps:{},colorPopoverProps:{},fgColorSwatchGroupProps:{},bgColorSwatchGroupProps:{},brColorSwatchGroupProps:{},visibleColorPickers:{},contentCls:{},headerCls:{},groupCls:{},searchCls:{},colorsCls:{},emptyCls:{},gridCls:{},scrollContainerProps:{},size:{},id:{},resetColorsOnChangeType:{}},emits:["reaction","update:open"],setup(f,{emit:s}){const n=f,t=s,u=a=>{t("reaction",a.value),l.value=!1},l=h.useVModel(n,"open",t,{passive:n.open===void 0});return(a,p)=>(e.openBlock(),e.createBlock(G._sfc_main,e.mergeProps(n,{noTrigger:"",hideClear:"",hideGroup:"",hideIcons:"",hideRandom:"",group:"emoji",popoverProps:{...a.popoverProps??{},reference:a.reference},placement:"bottom-end",visibleColorPickers:[],noModel:"",onSelect:u,open:e.unref(l),"onUpdate:open":p[0]||(p[0]=o=>e.isRef(l)?l.value=o:null)}),null,16,["popoverProps","open"]))}}),ne=e.defineComponent({...R.getComponentOptions("CommentMention"),__name:"CommentMention",props:{size:{},status:{},multiple:{type:Boolean},noLastValueOnPlaceholder:{type:Boolean},showLabelValueOnHeaderSearch:{type:Boolean},zIndex:{},checkbox:{type:Boolean},tagRenderMode:{},getTagProps:{type:Function},tree:{type:Boolean},treeProps:{},contentFit:{type:Boolean},wrapped:{type:Boolean},sortSelectedItems:{type:Boolean},noTrailing:{type:Boolean},leadingIcon:{},trailingIcon:{},selectedItemIconAsTrailingIcon:{type:Boolean},maxCount:{},to:{type:[String,Function]},placeholder:{},indicatorIcon:{},options:{},getDisabled:{},getLabel:{},getDescription:{},getValue:{},getNoCheckbox:{},getSingle:{},getClear:{},getGroupOptions:{},getGroupLabel:{},getIcon:{},placement:{},reversePlacementOnDir:{},loading:{type:Boolean},skeletonProps:{},loadingRowCount:{},lazyLoading:{type:Boolean},bordered:{type:Boolean},clearOnChangeMultiple:{type:Boolean},triggerCls:{},triggerLeadingCls:{},triggerContentCls:{},triggerContentPlaceholderCls:{},triggerContentValueCls:{},triggerTrailingCls:{},itemLeadingCls:{},optionCls:{},tagCls:{},popupCls:{},labelCls:{},optionsCls:{},optionTextCls:{},optionContentCls:{},emptyCls:{},skeletonCls:{},scrollContainerProps:{},emptyProps:{},samePopupWidth:{type:Boolean},popupHeight:{},popupWidth:{},minWidth:{},headerSearch:{type:Boolean},search:{},noTrigger:{type:Boolean},open:{type:Boolean},defaultOpen:{type:Boolean},resetSearchTermOnBlur:{type:Boolean},resetSearchTermOnSelect:{type:Boolean},modelValue:{},defaultValue:{},dir:{},disabled:{type:Boolean},highlightOnHover:{type:Boolean},by:{type:[String,Function]},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean},reference:{},forceMount:{type:Boolean},position:{},bodyLock:{type:Boolean},side:{},sideOffset:{},align:{},alignOffset:{},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},disableOutsidePointerEvents:{type:Boolean},defer:{type:Boolean}},emits:["mention"],setup(f,{emit:s}){const n=f,t=s,u=e.useSlots(),l=(a,p,o)=>{t("mention",a,o)};return(a,p)=>(e.openBlock(),e.createBlock(K._sfc_main,e.mergeProps(n,{modelValue:"",onSelect:l,noTrigger:""}),e.createSlots({_:2},[e.renderList(Object.keys(u),o=>({name:o,fn:e.withCtx(y=>[e.renderSlot(a.$slots,o,e.normalizeProps(e.guardReactiveProps(y)))])}))]),1040))}}),re=e.defineComponent({...R.getComponentOptions("CommentEditor"),__name:"CommentEditor",props:{class:{},actionsCls:{},editorCls:{},footerCls:{},disabled:{type:Boolean},isEmpty:{type:Boolean},mentionsReference:{},uploadProps:{},maxHeight:{default:100}},emits:["openReaction","openMention","blur","focus","mention","submit"],setup(f,{emit:s}){const n=e.useSlots(),t=f,u=s,l=r.getBemElement(g,"editor"),a=e.ref(),p=()=>{u("openReaction",a.value)},o=e.ref(),y=()=>{u("openMention",o.value)},{rootBindings:_,inputBindings:B}=Q.UseInputDataStates({getDisabled:()=>t.disabled,emit:u}),E=()=>u("submit"),c=e.computed(()=>{if(Number(t.maxHeight)>0)return`${t.maxHeight}px`;if(typeof t.maxHeight=="string")return t.maxHeight}),C=e.ref(),m=d=>{var v;(v=C.value)!=null&&v.addFiles&&d.length&&C.value.addFiles(d)};return(d,v)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(r.normCls)(e.unref(l),t.class)},e.unref(_)),[e.createVNode(J._sfc_main,{overlay:!1,hasMask:!1,class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(l),"editor"),"paragraph",t.editorCls)),style:e.normalizeStyle({maxHeight:c.value})},{default:e.withCtx(()=>[e.renderSlot(d.$slots,"default",e.normalizeProps(e.guardReactiveProps(e.unref(B))))]),_:3},8,["class","style"]),e.createVNode(z._sfc_main,e.mergeProps({noTrigger:""},d.uploadProps,{ref_key:"uploadRef",ref:C}),e.createSlots({_:2},[e.renderList(Object.keys(e.unref(I.omit)(n,["default"])),k=>({name:k,fn:e.withCtx(i=>[e.renderSlot(d.$slots,k,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(l),"footer"),t.footerCls))},[e.createVNode(W._sfc_main),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(r.getBemElement)(e.unref(l),"actions"),t.actionsCls))},[e.createVNode(P._sfc_main,{icon:"tabler:at",color:"neutral",type:"ghost",ref_key:"mentionRef",ref:o,onClick:y},null,512),e.createVNode(z._sfc_main$1,{accept:"image/*",multiple:"",onAddFiles:m},{default:e.withCtx(()=>[e.createVNode(P._sfc_main,{icon:"tabler:photo",color:"neutral",type:"ghost"})]),_:1}),e.createVNode(P._sfc_main,{icon:"tabler:mood-plus",color:"neutral",type:"ghost",ref_key:"reactionRef",ref:a,onClick:p},null,512)],2),e.createVNode(P._sfc_main,{disabled:d.isEmpty,icon:"tabler:arrow-up",onClick:E},null,8,["disabled"])],2)],16))}}),se=["tabindex","disabled"],le=e.defineComponent({...R.getComponentOptions("CommentTrigger"),__name:"CommentTrigger",props:{class:{},text:{default:"Add a Comment or type @ to Mention..."},src:{},withShortcut:{type:Boolean},ignoeShortcut:{type:Boolean},disabled:{type:Boolean},avatarProps:{},shortcutProps:{}},emits:["add"],setup(f,{emit:s}){const n=e.useSlots(),t=f,u=s,l=r.getBemElement(g,"trigger"),a=o=>{!t.ignoeShortcut&&o.code==="KeyC"&&o.altKey&&p(o)};e.onMounted(()=>{t.withShortcut&&addEventListener("keyup",a)}),e.onBeforeUnmount(()=>{t.withShortcut&&removeEventListener("keyup",a)}),t.withShortcut;const p=o=>u("add",o);return(o,y)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(r.normCls)(e.unref(l),t.class)),tabindex:o.disabled?-1:0,disabled:o.disabled?"":void 0,onPointerdown:e.withModifiers(p,["stop"]),onKeyup:e.withModifiers(p,["stop"])},[e.createVNode(M._sfc_main,e.mergeProps(o.avatarProps??{},{size:"sm",src:o.src}),e.createSlots({_:2},[e.renderList(Object.keys(n),_=>({name:_,fn:e.withCtx(B=>[e.renderSlot(o.$slots,_,e.normalizeProps(e.guardReactiveProps(B)))])}))]),1040,["src"]),e.createElementVNode("div",{class:e.normalizeClass(e.unref(r.getBemElement)(e.unref(l),"text"))},[e.renderSlot(o.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2),e.createVNode(X._sfc_main,e.mergeProps(o.shortcutProps??{},{items:[{text:"Alt"},{text:"C"}]}),null,16)],42,se))}}),ie=f=>{const s=e.ref(!1),n=e.ref(),t=e.ref(!1),u=(i,b=!1)=>{s.value=!0,t.value=b,n.value=i},l=e.ref(!1),a=e.ref(),p=i=>{l.value=!0,a.value=i},o=e.computed(()=>({open:s.value,reference:n.value,"onUpdate:open":i=>s.value=i,onReaction:i=>{var b,S;if(t.value)try{(b=f.addEmoji)==null||b.call(f,i)}catch(x){console.log("error on reaction ===>",x)}try{(S=f.onReaction)==null||S.call(f,i)}catch(x){console.log("error on reaction ===>",x)}}})),y=e.computed(()=>({open:l.value,reference:a.value,"onUpdate:open":i=>l.value=i})),_=e.ref(!1),B=e.ref(),E=e.ref(),c=e.ref(!1),C=e.computed(()=>({open:_.value,"onUpdate:open":i=>_.value=i,search:B.value,"onUpdate:search":i=>B.value=i,reference:E.value,headerSearch:c.value,onPointerDownOutside:d,onEscapeKeyDown:d})),m=i=>{i&&(E.value={getBoundingClientRect:i},_.value=!0,c.value=!1)},d=()=>{E.value=void 0,_.value=!1,B.value=void 0},v=i=>{B.value=i},k=e.computed(()=>({onOpenReaction:i=>u(i,!0),onOpenMention:i=>{i&&(E.value=i,_.value=!0,c.value=!0)}}));return{reactionBinding:o,actionBinding:y,editorBinding:k,mentionBinding:C,openActions:p,openReaction:u,openMentionInEditor:m,closeMentionInEditor:d,updateMentionQuery:v}};exports.Comment=ee;exports.CommentAction=te;exports.CommentEditor=re;exports.CommentMention=ne;exports.CommentReaction=oe;exports.CommentTrigger=le;exports.commentPrefix=g;exports.injectCommentContext=N;exports.provideCommentContext=D;exports.useComment=ie;

package/dist/ConfigProvider/index.js

@@ -1,4 +1,4 @@
-import { _ as i, _ as n, i as t, p as a, u as f } from "../ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
+import { _ as i, _ as n, i as t, p as a, u as f } from "../ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js";
 export {
   i as ConfigProvider,
   n as default,

package/dist/{ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js → ConfigProvider.vue_vue_type_script_setup_true_lang-D8R0hBKt.js}

@@ -1,6 +1,6 @@
-import { computed as l, unref as a, ref as g, defineComponent as _, useSlots as y, onMounted as T, watch as b, createBlock as O, openBlock as w, withCtx as x, renderSlot as E, getCurrentInstance as S } from "vue";
+import { computed as l, unref as a, ref as g, getCurrentInstance as _, defineComponent as y, useSlots as T, onMounted as b, watch as O, createBlock as w, openBlock as x, withCtx as E, renderSlot as S } from "vue";
 import { createContext as F, ConfigProvider as A } from "reka-ui";
-import { toggleDark as P, getThemeConfig as h, init as j, defineTheme as m } from "@pantograph/tokens";
+import { toggleDark as P, getThemeConfig as h, defineTheme as m, init as j } from "@pantograph/tokens";
 import { g as q } from "./options-Bh1s18jm.js";
 import { isString as D, isFunction as B } from "es-toolkit";
 import { useMutationObserver as k } from "@vueuse/core";
@@ -53,13 +53,13 @@ const v = (i) => {
   changeTheme: m,
   theme: l(() => h())
 }, J = () => M(H), X = () => {
-  const i = J(), t = S();
+  const i = J(), t = _();
   return { config: i, getFlipOnDir: (n) => l(
     () => (t == null ? void 0 : t.props)[n] ?? i.flipOnDir.value
   ), getDir: (n) => l(
     () => (n && B(n) ? n() : (t == null ? void 0 : t.props).dir) ?? i.dir.value
   ) };
-}, Y = /* @__PURE__ */ _({
+}, Y = /* @__PURE__ */ y({
   ...q("ConfigProvider", !1),
   __name: "ConfigProvider",
   props: {
@@ -71,10 +71,10 @@ const v = (i) => {
   },
   setup(i) {
     const t = i;
-    y();
+    T();
     const [r, c] = v(t.changeAbleDirectionElement), [n, e] = C(t.changeAbleDarkElement);
-    T(() => {
-      b(
+    b(() => {
+      O(
         () => t.theme,
         () => {
           var s, u;
@@ -101,9 +101,9 @@ const v = (i) => {
       changeDirection: c,
       changeTheme: f,
       toggleDark: e
-    }), (s, u) => (w(), O(a(A), { dir: a(r) }, {
-      default: x(() => [
-        E(s.$slots, "default", {
+    }), (s, u) => (x(), w(a(A), { dir: a(r) }, {
+      default: E(() => [
+        S(s.$slots, "default", {
           dir: a(r),
           theme: o.value,
           changeDirection: a(c),

package/dist/DataTable/DataTable.d.ts

@@ -1,6 +1,7 @@
 import { TableColumn } from './DataTable.model.ts';
 import { DataTableProps, DataTableSlots } from './types';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: Readonly<DataTableSlots> & DataTableSlots;
     refs: {
         body: ({
@@ -22,8 +23,8 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../Table', { with: { "resolution-mode": "import" } }).TBodyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            $el: HTMLTableSectionElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TBodyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -43,7 +44,7 @@ declare function __VLS_template(): {
             $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('../Table', { with: { "resolution-mode": "import" } }).TBodyProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        } & Readonly<{}> & Omit<Readonly<import('../Table').TBodyProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
                 default?(_: {}): any;
             };
@@ -53,7 +54,7 @@ declare function __VLS_template(): {
             $data: {};
             $props: {
                 readonly class?: import('clsx').ClassValue;
-                readonly size?: import('../Table', { with: { "resolution-mode": "import" } }).TableSize | undefined;
+                readonly size?: import('../Table').TableSize | undefined;
                 readonly empty?: boolean | undefined;
                 readonly wrap?: boolean | undefined;
                 readonly lazyLoadObserver?: boolean | undefined;
@@ -71,8 +72,8 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<import('../Table', { with: { "resolution-mode": "import" } }).TdProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            $el: HTMLTableCellElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TdProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
                 beforeMount?: (() => void) | (() => void)[];
@@ -92,19 +93,19 @@ declare function __VLS_template(): {
             $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('../Table', { with: { "resolution-mode": "import" } }).TdProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: Readonly<import('../Table', { with: { "resolution-mode": "import" } }).TdSlots> & import('../Table', { with: { "resolution-mode": "import" } }).TdSlots;
+        } & Readonly<{}> & Omit<Readonly<import('../Table').TdProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<import('../Table').TdSlots> & import('../Table').TdSlots;
         }) | null;
     };
-    attrs: Partial<{}>;
+    rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
-    sort: (col: TableColumn, order: false | "desc" | "asc", sorting: import('./types', { with: { "resolution-mode": "import" } }).SortItem[]) => any;
+    sort: (col: TableColumn, order: false | "desc" | "asc", sorting: import('./types').SortItem[]) => any;
     fetch: () => any;
     rowClick: (row: object, event: Event) => any;
 }, string, import('vue').PublicProps, Readonly<DataTableProps> & Readonly<{
-    onSort?: ((col: TableColumn, order: false | "desc" | "asc", sorting: import('./types', { with: { "resolution-mode": "import" } }).SortItem[]) => any) | undefined;
+    onSort?: ((col: TableColumn, order: false | "desc" | "asc", sorting: import('./types').SortItem[]) => any) | undefined;
     onFetch?: (() => any) | undefined;
     onRowClick?: ((row: object, event: Event) => any) | undefined;
 }>, {
@@ -113,7 +114,100 @@ declare const __VLS_component: import('vue').DefineComponent<DataTableProps, {},
     childrenColumnName: string;
     batchActionsTitle: string;
     tableLayout: "auto" | "fixed";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    body: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly class?: import('clsx').ClassValue;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $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: HTMLTableSectionElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TBodyProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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('../Table').TBodyProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+    target: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly class?: import('clsx').ClassValue;
+            readonly size?: import('../Table').TableSize | undefined;
+            readonly empty?: boolean | undefined;
+            readonly wrap?: boolean | undefined;
+            readonly lazyLoadObserver?: boolean | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $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: HTMLTableCellElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('../Table').TdProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, 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('../Table').TdProps> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Readonly<import('../Table').TdSlots> & import('../Table').TdSlots;
+    }) | null;
+}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/DataTable/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-BIEqP-0I.js";
+import { _ as t, _ as f } from "../DataTable.vue_vue_type_style_index_0_lang-a06ynWLy.js";
 export {
   t as DataTable,
   f as default

package/dist/DataTable/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-itDia0W9.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../DataTable.vue_vue_type_style_index_0_lang-DNX8ray0.js");exports.DataTable=e._sfc_main;exports.default=e._sfc_main;