@pantograph/vue 0.30.4 → 0.30.6

package/dist/Toast/index.js

@@ -1,15 +1,18 @@
-import { defineComponent as $, useSlots as z, computed as b, createElementBlock as P, openBlock as T, normalizeClass as I, unref as p, renderSlot as H, createVNode as _, createBlock as O, createCommentVNode as R, h as c } from "vue";
-import { cva as w } from "class-variance-authority";
-import { getComponentOptions as j, getBemBlock as q, generateVariantClassList as y, getBemElement as a, normCls as l, getComponentName as F } from "@pantograph/utils";
-import { isEmptyElement as d, installComponent as G } from "@pantograph/utils-vue";
-import { _ as J } from "../IconButton.vue_vue_type_script_setup_true_lang-DsSD_y63.js";
-import { _ as K } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
+import { defineComponent as R, useSlots as j, computed as P, createElementBlock as q, openBlock as T, normalizeClass as w, unref as p, renderSlot as F, createVNode as N, createBlock as G, createCommentVNode as J, h as s } from "vue";
+import { cva as K } from "class-variance-authority";
+import { getComponentOptions as M, getBemBlock as Q, generateVariantClassList as $, normCls as a, getBemElement as l, getComponentName as U } from "@pantograph/utils";
+import { isEmptyElement as d, installComponent as W } from "@pantograph/utils-vue";
+import { _ as X } from "../index-ClFtJyYC.js";
+import { _ as Y } from "../IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js";
+import { _ as D } from "../Button.vue_vue_type_script_setup_true_lang-d-VCkYuL.js";
+import { _ as Z } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
 import "../Progress/index.js";
-import { getCssCoreVar as M } from "@pantograph/tokens";
-import { i as Q } from "../isNumber-BduWbB-B.js";
-import { _ as U } from "../Progress.vue_vue_type_style_index_0_lang-Ba_Fby6M.js";
-const W = ["info", "success", "warning", "error"], X = /* @__PURE__ */ $({
-  ...j("Toast"),
+import { getCssCoreVar as x } from "@pantograph/tokens";
+import "../Button/index.js";
+import { i as oo } from "../isNumber-BduWbB-B.js";
+import { _ as to } from "../Progress.vue_vue_type_style_index_0_lang-Ba_Fby6M.js";
+const eo = ["info", "success", "warning", "error"], no = /* @__PURE__ */ R({
+  ...M("Toast"),
   __name: "Toast",
   props: {
     type: {},
@@ -17,6 +20,7 @@ const W = ["info", "success", "warning", "error"], X = /* @__PURE__ */ $({
     progress: { type: Boolean, default: !1 },
     closable: { type: Boolean, default: !0 },
     paused: { type: Boolean },
+    actions: { type: Boolean },
     title: {},
     description: {},
     icon: {},
@@ -29,22 +33,24 @@ const W = ["info", "success", "warning", "error"], X = /* @__PURE__ */ $({
     actionsCls: {},
     headerCls: {},
     closeCls: {},
-    onCloseNotification: {}
+    okProps: { default: () => ({
+      text: "Confirm"
+    }) },
+    cancelProps: { default: () => ({
+      text: "Dismiss",
+      type: "ghost",
+      color: "neutral"
+    }) }
   },
-  setup(N) {
-    const o = N, t = z(), s = q("toast"), L = w(s, {
+  emits: ["ok", "cancel", "closeNotification"],
+  setup(L, { emit: E }) {
+    const t = L, o = j(), f = E, c = Q("toast"), V = K(c, {
       variants: {
-        type: y(W, s),
-        paused: y("paused", s)
+        type: $(eo, c),
+        paused: $("paused", c)
       }
-    }), h = a(s, "body");
-    w(h, {
-      variants: {
-        inline: y("inline", h)
-      }
-    });
-    const A = b(() => {
-      switch (o.type) {
+    }), A = P(() => {
+      switch (t.type) {
         case "info":
           return "sky";
         case "success":
@@ -55,9 +61,9 @@ const W = ["info", "success", "warning", "error"], X = /* @__PURE__ */ $({
           return "red";
       }
       return "primary";
-    }), g = b(() => {
-      if (o.icon) return o.icon;
-      switch (o.type) {
+    }), g = P(() => {
+      if (t.icon) return t.icon;
+      switch (t.type) {
         case "info":
           return "tabler:info-circle";
         case "success":
@@ -67,102 +73,127 @@ const W = ["info", "success", "warning", "error"], X = /* @__PURE__ */ $({
         case "error":
           return "tabler:circle-x";
       }
-    }), D = () => {
-      var m;
-      const r = (m = t.icon) == null ? void 0 : m.call(t), u = !d(r);
+    }), z = () => {
+      var C;
+      const r = (C = o.icon) == null ? void 0 : C.call(o), u = !d(r);
       if (u || g.value)
-        return c(
+        return s(
           "div",
-          { class: a(s, "icon") },
-          c(
-            K,
+          { class: l(c, "icon") },
+          s(
+            Z,
             {
               icon: g.value,
               size: "sm",
-              style: { color: M("rouad") }
+              style: { color: x("rouad") }
             },
             u ? { icon: r } : {}
           )
         );
-    }, E = () => {
+    }, H = () => {
       const u = (() => {
         var n;
-        const e = (n = t.description) == null ? void 0 : n.call(t), i = !d(e);
-        if (i || o.description)
-          return c(
+        const e = (n = o.description) == null ? void 0 : n.call(o), i = !d(e);
+        if (i || t.description)
+          return s(
             "div",
             {
-              class: l(a(s, "description"), o.descriptionCls, "paragraph")
+              class: a(l(c, "description"), t.descriptionCls, "paragraph")
             },
-            i ? e : o.description
+            i ? e : t.description
           );
       })(), v = (() => {
         var n;
-        const e = (n = t.title) == null ? void 0 : n.call(t), i = !d(e);
-        if (o.title || i)
-          return c(
+        const e = (n = o.title) == null ? void 0 : n.call(o), i = !d(e);
+        if (t.title || i)
+          return s(
             "div",
-            { class: l(a(s, "title"), o.titleCls, "paragraph") },
-            i ? e : o.title
+            { class: a(l(c, "title"), t.titleCls, "paragraph") },
+            i ? e : t.title
           );
-      })(), S = (() => {
+      })(), B = (() => {
         var n;
-        const e = (n = t.closeButton) == null ? void 0 : n.call(t), i = !d(e);
-        if (o.closable || i)
-          return c(
+        const e = (n = o.closeButton) == null ? void 0 : n.call(o), i = !d(e);
+        if (t.closable || i)
+          return s(
             "div",
-            { class: l(a(s, "close"), o.closeCls) },
-            i ? e : c(J, {
+            { class: a(l(c, "close"), t.closeCls) },
+            i ? e : s(Y, {
               icon: "tabler:x",
               color: "neutral",
               type: "ghost",
-              onClick: o.onCloseNotification
+              onClick: (m) => f("closeNotification", m)
             })
           );
-      })(), k = (() => {
+      })(), I = (() => {
         var n;
-        const e = (n = t.link) == null ? void 0 : n.call(t);
+        const e = (n = o.link) == null ? void 0 : n.call(o);
         if (!d(e)) return e;
-      })(), f = (() => {
-        var n;
-        const e = (n = t.actions) == null ? void 0 : n.call(t);
-        if (!d(e))
-          return c(
-            "div",
-            { class: l(a(s, "actions"), o.actionsCls) },
-            e
-          );
-      })(), C = !k && !u, V = () => {
-        if (!v && !S && !(C && f)) return null;
+      })(), h = (() => {
+        var m;
+        const e = (m = o.actions) == null ? void 0 : m.call(o), i = !d(e);
+        let n;
+        if (i ? n = e : t.actions && (n = s(X, void 0, () => {
+          var _, b;
+          return [
+            (_ = t.cancelProps) != null && _.hide ? null : s(
+              D,
+              {
+                ...t.cancelProps ?? {},
+                onClick: (y) => f("cancel", y)
+              },
+              {
+                default: o.cancel,
+                preIcon: o.cancelPreIcon,
+                postIcon: o.cancelPostIcon
+              }
+            ),
+            (b = t.okProps) != null && b.hide ? null : s(
+              D,
+              {
+                ...t.okProps ?? {},
+                onClick: (y) => f("ok", y)
+              },
+              {
+                default: o.ok,
+                preIcon: o.okPreIcon,
+                postIcon: o.okPostIcon
+              }
+            )
+          ];
+        })), n)
+          return s("div", { class: a(l(c, "actions"), t.actionsCls) }, n);
+      })(), k = !I && !u, O = () => {
+        if (!v && !B && !(k && h)) return null;
         const e = [v];
-        return C && e.push(f), e.push(S), c("div", { class: l(a(s, "header"), o.headerCls) }, e);
-      }, B = [c("div", { class: l(a(s, "content"), o.contentCls) }, [
-        V(),
+        return k && e.push(h), e.push(B), s("div", { class: a(l(c, "header"), t.headerCls) }, e);
+      }, S = [s("div", { class: a(l(c, "content"), t.contentCls) }, [
+        O(),
         u
       ])];
-      return C || B.push(k, f), c("div", { class: l(a(s, "body"), o.bodyCls) }, B);
+      return k || S.push(I, h), s("div", { class: a(l(c, "body"), t.bodyCls) }, S);
     };
-    return (r, u) => (T(), P("div", {
-      class: I(p(l)(p(L)({ type: r.type, paused: r.paused }), o.class))
+    return (r, u) => (T(), q("div", {
+      class: w(p(a)(p(V)({ type: r.type, paused: r.paused }), t.class))
     }, [
-      H(r.$slots, "render", {}, () => [
-        _(D),
-        _(E),
-        r.progress && p(Q)(r.duration) && ![0, 1 / 0].includes(r.duration) ? (T(), O(p(U), {
+      F(r.$slots, "default", {}, () => [
+        N(z),
+        N(H),
+        r.progress && p(oo)(r.duration) && ![0, 1 / 0].includes(r.duration) ? (T(), G(p(to), {
           key: 0,
-          class: I(p(l)(p(a)(p(s), "progress"), r.progressCls)),
+          class: w(p(a)(p(l)(p(c), "progress"), r.progressCls)),
           noTransition: "",
           notRounded: "",
           duration: r.duration,
           color: A.value
-        }, null, 8, ["class", "duration", "color"])) : R("", !0)
+        }, null, 8, ["class", "duration", "color"])) : J("", !0)
       ])
     ], 2));
   }
-}), mo = G(X, F("Toast"));
+}), So = W(no, U("Toast"));
 export {
-  X as Toast,
-  mo as ToastPlugin,
-  W as ToastTypes,
-  X as default
+  no as Toast,
+  So as ToastPlugin,
+  eo as ToastTypes,
+  no as default
 };

package/dist/Toast/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),B=require("class-variance-authority"),t=require("@pantograph/utils"),a=require("@pantograph/utils-vue"),V=require("../IconButton.vue_vue_type_script_setup_true_lang-CY2MXWF8.js"),N=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js");require("../Progress/index.umd.cjs");const L=require("@pantograph/tokens"),w=require("../isNumber-DMOjxgl8.js"),A=require("../Progress.vue_vue_type_style_index_0_lang-D_g_XsJ4.js"),E=["info","success","warning","error"],C=e.defineComponent({...t.getComponentOptions("Toast"),__name:"Toast",props:{type:{},duration:{default:3e3},progress:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},paused:{type:Boolean},title:{},description:{},icon:{},class:{},bodyCls:{},progressCls:{},contentCls:{},titleCls:{},descriptionCls:{},actionsCls:{},headerCls:{},closeCls:{},onCloseNotification:{}},setup(S){const n=S,s=e.useSlots(),i=t.getBemBlock("toast"),k=B.cva(i,{variants:{type:t.generateVariantClassList(E,i),paused:t.generateVariantClassList("paused",i)}}),g=t.getBemElement(i,"body");B.cva(g,{variants:{inline:t.generateVariantClassList("inline",g)}});const b=e.computed(()=>{switch(n.type){case"info":return"sky";case"success":return"green";case"warning":return"yellow";case"error":return"red"}return"primary"}),y=e.computed(()=>{if(n.icon)return n.icon;switch(n.type){case"info":return"tabler:info-circle";case"success":return"tabler:circle-check";case"warning":return"tabler:alert-triangle";case"error":return"tabler:circle-x"}}),T=()=>{var p;const c=(p=s.icon)==null?void 0:p.call(s),u=!a.isEmptyElement(c);if(u||y.value)return e.h("div",{class:t.getBemElement(i,"icon")},e.h(N._sfc_main,{icon:y.value,size:"sm",style:{color:L.getCssCoreVar("rouad")}},u?{icon:c}:{}))},q=()=>{const u=(()=>{var r;const o=(r=s.description)==null?void 0:r.call(s),l=!a.isEmptyElement(o);if(l||n.description)return e.h("div",{class:t.normCls(t.getBemElement(i,"description"),n.descriptionCls,"paragraph")},l?o:n.description)})(),f=(()=>{var r;const o=(r=s.title)==null?void 0:r.call(s),l=!a.isEmptyElement(o);if(n.title||l)return e.h("div",{class:t.normCls(t.getBemElement(i,"title"),n.titleCls,"paragraph")},l?o:n.title)})(),h=(()=>{var r;const o=(r=s.closeButton)==null?void 0:r.call(s),l=!a.isEmptyElement(o);if(n.closable||l)return e.h("div",{class:t.normCls(t.getBemElement(i,"close"),n.closeCls)},l?o:e.h(V._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:n.onCloseNotification}))})(),_=(()=>{var r;const o=(r=s.link)==null?void 0:r.call(s);if(!a.isEmptyElement(o))return o})(),m=(()=>{var r;const o=(r=s.actions)==null?void 0:r.call(s);if(!a.isEmptyElement(o))return e.h("div",{class:t.normCls(t.getBemElement(i,"actions"),n.actionsCls)},o)})(),d=!_&&!u,I=()=>{if(!f&&!h&&!(d&&m))return null;const o=[f];return d&&o.push(m),o.push(h),e.h("div",{class:t.normCls(t.getBemElement(i,"header"),n.headerCls)},o)},v=[e.h("div",{class:t.normCls(t.getBemElement(i,"content"),n.contentCls)},[I(),u])];return d||v.push(_,m),e.h("div",{class:t.normCls(t.getBemElement(i,"body"),n.bodyCls)},v)};return(c,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(k)({type:c.type,paused:c.paused}),n.class))},[e.renderSlot(c.$slots,"render",{},()=>[e.createVNode(T),e.createVNode(q),c.progress&&e.unref(w.isNumber)(c.duration)&&![0,1/0].includes(c.duration)?(e.openBlock(),e.createBlock(e.unref(A._sfc_main),{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(i),"progress"),c.progressCls)),noTransition:"",notRounded:"",duration:c.duration,color:b.value},null,8,["class","duration","color"])):e.createCommentVNode("",!0)])],2))}}),P=a.installComponent(C,t.getComponentName("Toast"));exports.Toast=C;exports.ToastPlugin=P;exports.ToastTypes=E;exports.default=C;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),D=require("class-variance-authority"),n=require("@pantograph/utils"),a=require("@pantograph/utils-vue"),A=require("../index-DzG8mnap.js"),z=require("../IconButton.vue_vue_type_script_setup_true_lang-CxiVq3Pa.js"),S=require("../Button.vue_vue_type_script_setup_true_lang-BjM34N0T.js"),M=require("../Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js");require("../Progress/index.umd.cjs");const O=require("@pantograph/tokens");require("../Button/index.umd.cjs");const j=require("../isNumber-DMOjxgl8.js"),G=require("../Progress.vue_vue_type_style_index_0_lang-D_g_XsJ4.js"),T=["info","success","warning","error"],_=e.defineComponent({...n.getComponentOptions("Toast"),__name:"Toast",props:{type:{},duration:{default:3e3},progress:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},paused:{type:Boolean},actions:{type:Boolean},title:{},description:{},icon:{},class:{},bodyCls:{},progressCls:{},contentCls:{},titleCls:{},descriptionCls:{},actionsCls:{},headerCls:{},closeCls:{},okProps:{default:()=>({text:"Confirm"})},cancelProps:{default:()=>({text:"Dismiss",type:"ghost",color:"neutral"})}},emits:["ok","cancel","closeNotification"],setup(b,{emit:P}){const o=b,t=e.useSlots(),m=P,c=n.getBemBlock("toast"),q=D.cva(c,{variants:{type:n.generateVariantClassList(T,c),paused:n.generateVariantClassList("paused",c)}}),N=e.computed(()=>{switch(o.type){case"info":return"sky";case"success":return"green";case"warning":return"yellow";case"error":return"red"}return"primary"}),g=e.computed(()=>{if(o.icon)return o.icon;switch(o.type){case"info":return"tabler:info-circle";case"success":return"tabler:circle-check";case"warning":return"tabler:alert-triangle";case"error":return"tabler:circle-x"}}),V=()=>{var d;const i=(d=t.icon)==null?void 0:d.call(t),u=!a.isEmptyElement(i);if(u||g.value)return e.h("div",{class:n.getBemElement(c,"icon")},e.h(M._sfc_main,{icon:g.value,size:"sm",style:{color:O.getCssCoreVar("rouad")}},u?{icon:i}:{}))},w=()=>{const u=(()=>{var r;const s=(r=t.description)==null?void 0:r.call(t),l=!a.isEmptyElement(s);if(l||o.description)return e.h("div",{class:n.normCls(n.getBemElement(c,"description"),o.descriptionCls,"paragraph")},l?s:o.description)})(),y=(()=>{var r;const s=(r=t.title)==null?void 0:r.call(t),l=!a.isEmptyElement(s);if(o.title||l)return e.h("div",{class:n.normCls(n.getBemElement(c,"title"),o.titleCls,"paragraph")},l?s:o.title)})(),k=(()=>{var r;const s=(r=t.closeButton)==null?void 0:r.call(t),l=!a.isEmptyElement(s);if(o.closable||l)return e.h("div",{class:n.normCls(n.getBemElement(c,"close"),o.closeCls)},l?s:e.h(z._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:p=>m("closeNotification",p)}))})(),v=(()=>{var r;const s=(r=t.link)==null?void 0:r.call(t);if(!a.isEmptyElement(s))return s})(),f=(()=>{var p;const s=(p=t.actions)==null?void 0:p.call(t),l=!a.isEmptyElement(s);let r;if(l?r=s:o.actions&&(r=e.h(A._sfc_main,void 0,()=>{var E,I;return[(E=o.cancelProps)!=null&&E.hide?null:e.h(S._sfc_main,{...o.cancelProps??{},onClick:h=>m("cancel",h)},{default:t.cancel,preIcon:t.cancelPreIcon,postIcon:t.cancelPostIcon}),(I=o.okProps)!=null&&I.hide?null:e.h(S._sfc_main,{...o.okProps??{},onClick:h=>m("ok",h)},{default:t.ok,preIcon:t.okPreIcon,postIcon:t.okPostIcon})]})),r)return e.h("div",{class:n.normCls(n.getBemElement(c,"actions"),o.actionsCls)},r)})(),C=!v&&!u,L=()=>{if(!y&&!k&&!(C&&f))return null;const s=[y];return C&&s.push(f),s.push(k),e.h("div",{class:n.normCls(n.getBemElement(c,"header"),o.headerCls)},s)},B=[e.h("div",{class:n.normCls(n.getBemElement(c,"content"),o.contentCls)},[L(),u])];return C||B.push(v,f),e.h("div",{class:n.normCls(n.getBemElement(c,"body"),o.bodyCls)},B)};return(i,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(q)({type:i.type,paused:i.paused}),o.class))},[e.renderSlot(i.$slots,"default",{},()=>[e.createVNode(V),e.createVNode(w),i.progress&&e.unref(j.isNumber)(i.duration)&&![0,1/0].includes(i.duration)?(e.openBlock(),e.createBlock(e.unref(G._sfc_main),{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(c),"progress"),i.progressCls)),noTransition:"",notRounded:"",duration:i.duration,color:N.value},null,8,["class","duration","color"])):e.createCommentVNode("",!0)])],2))}}),H=a.installComponent(_,n.getComponentName("Toast"));exports.Toast=_;exports.ToastPlugin=H;exports.ToastTypes=T;exports.default=_;

package/dist/Tree/Tree.d.ts

@@ -64,7 +64,6 @@ declare const __VLS_component: import('vue').DefineComponent<TreeProps, {
     onChoose?: ((event: Sortable.SortableEvent) => any) | undefined;
     onUnchoose?: ((event: Sortable.SortableEvent) => any) | undefined;
 }>, {
-    size: import('./Tree.model').TreeSize;
     disabled: boolean;
     selectionBehavior: "toggle" | "replace";
     focusable: boolean;

package/dist/Tree/index.js

@@ -1,4 +1,4 @@
-import { _ as o, T as t, a as T, b as i, c as p, d, _ as n, i as l, p as m } from "../index-BdPkHVwS.js";
+import { _ as o, T as t, a as T, b as i, c as p, d, _ as n, i as l, p as m } from "../index-Y3XMSR_o.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/Tree/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../index-J_dmgfpe.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeNodePlugin=e.TreeNodePlugin;exports.TreePlugin=e.TreePlugin;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../index-DBiL8Htz.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.Tree=e._sfc_main;exports.TreeGaps=e.TreeGaps;exports.TreeNode=e._sfc_main$1;exports.TreeNodePlugin=e.TreeNodePlugin;exports.TreePlugin=e.TreePlugin;exports.TreeSizes=e.TreeSizes;exports.default=e._sfc_main;exports.injectTreeContext=e.injectTreeContext;exports.provideTreeContext=e.provideTreeContext;

package/dist/Upload/index.js

@@ -1,13 +1,13 @@
-import { defineComponent as V, createElementBlock as G, openBlock as U, Fragment as fe, createBlock as R, createCommentVNode as j, createVNode as q, unref as i, normalizeClass as D, createSlots as lt, withCtx as te, withModifiers as M, computed as x, h as K, createElementVNode as _e, mergeProps as Ce, useSlots as ze, useAttrs as Ie, ref as Y, watch as ce, nextTick as be, readonly as it, renderSlot as Le, normalizeProps as Te, guardReactiveProps as Re } from "vue";
+import { defineComponent as V, createElementBlock as G, openBlock as U, Fragment as fe, createBlock as R, createCommentVNode as j, createVNode as D, unref as i, normalizeClass as q, createSlots as lt, withCtx as te, withModifiers as M, computed as x, h as K, createElementVNode as _e, mergeProps as Ce, useSlots as ze, useAttrs as Ie, ref as Y, watch as ce, nextTick as be, readonly as it, renderSlot as Le, normalizeProps as Te, guardReactiveProps as Re } from "vue";
 import { createContext as me } from "reka-ui";
 import { getBemBlock as at, getBemElement as B, getComponentOptions as W, normCls as ge, generateVariantClassList as H, usePCId as de, getComponentName as ve } from "@pantograph/utils";
 import { cva as Be } from "class-variance-authority";
 import { _ as Se } from "../Progress.vue_vue_type_style_index_0_lang-Ba_Fby6M.js";
-import { _ as rt } from "../FloatButton.vue_vue_type_script_setup_true_lang-CxiLfXCr.js";
-import { _ as J } from "../IconButton.vue_vue_type_script_setup_true_lang-DsSD_y63.js";
+import { _ as rt } from "../FloatButton.vue_vue_type_script_setup_true_lang-BuUin84o.js";
+import { _ as J } from "../IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js";
 import { _ as ut } from "../Image.vue_vue_type_style_index_0_lang-CQv-I6_G.js";
 import { isFunction as Z, isEqual as ct, throttle as pt, pick as dt, cloneDeep as C } from "es-toolkit";
-import { _ as ft } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-DBKQk4LJ.js";
+import { _ as ft } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js";
 import { isEmptyElement as N, useFormInput as mt, installComponent as he } from "@pantograph/utils-vue";
 import { _ as gt } from "../FormValidation.vue_vue_type_style_index_0_lang-5tWE2LgD.js";
 import { i as se } from "../isObject-vmP43YLW.js";
@@ -217,7 +217,7 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
           key: 0,
           src: i(Oe)(i(t).props.uploadFile) ? i(t).props.uploadFile.thumbUrl ?? i(t).props.uploadFile.url : void 0,
           aspectRatio: "1:1",
-          class: D(i(B)(i(L), "image")),
+          class: q(i(B)(i(L), "image")),
           sizeRange: "xsm",
           alt: i(t).label.value,
           hovered: i(t).props.uploadFile.status === "uploading",
@@ -249,12 +249,12 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
           key: 1,
           type: "circle",
           size: i(s).progressSize.value,
-          class: D(i(B)(i(L), "progress")),
+          class: q(i(B)(i(L), "progress")),
           indeterminate: i(t).props.uploadFile.status === "waiting",
           percent: ((g = i(t).props.uploadFile) == null ? void 0 : g.percent) ?? 0
         }, null, 8, ["size", "class", "indeterminate", "percent"])) : j("", !0),
-        q(rt, {
-          class: D(
+        D(rt, {
+          class: q(
             i(ge)(i(B)(i(L), "cancel"), "pantograph-tokens pantograph-dark")
           ),
           color: "neutral",
@@ -337,12 +337,12 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
         i(s).props.go ? (U(), R(zt, { key: 0 })) : j("", !0),
         ["error", "done"].includes(i(t).props.uploadFile.status) ? (U(), G("div", {
           key: 2,
-          class: D(i(B)(i(L), "content"))
+          class: q(i(B)(i(L), "content"))
         }, [
           _e("div", {
-            class: D(i(B)(i(L), "title"))
+            class: q(i(B)(i(L), "title"))
           }, [
-            q(n)
+            D(n)
           ], 2),
           i(t).props.uploadFile.status === "error" ? (U(), R(gt, {
             key: 0,
@@ -351,18 +351,18 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
           })) : i(s).props.size !== "md" ? (U(), R(d, { key: 1 })) : j("", !0)
         ], 2)) : (U(), R(Se, {
           key: 1,
-          class: D(i(B)(i(L), "progress")),
+          class: q(i(B)(i(L), "progress")),
           percent: ((o = i(t).props.uploadFile) == null ? void 0 : o.percent) ?? 0,
           label: i(t).label.value,
           helperText: g.value,
           helperTextCls: i(B)(i(L), "percent")
         }, {
           label: te(() => [
-            q(n)
+            D(n)
           ]),
           _: 1
         }, 8, ["class", "percent", "label", "helperText", "helperTextCls"])),
-        q(p, null, {
+        D(p, null, {
           default: te(() => {
             var h;
             return [
@@ -389,7 +389,7 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
                 color: "neutral",
                 onClick: c[0] || (c[0] = M((v) => i(s).resetRequest(i(t).props.uploadFile.uid), ["stop"]))
               }, null, 8, ["icon"])) : j("", !0),
-              q(J, {
+              D(J, {
                 icon: ["done", "error"].includes(i(t).props.uploadFile.status) ? "tabler:trash" : "tabler:x",
                 size: "sm",
                 type: "ghost",
@@ -443,7 +443,7 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
           status: (u = g.uploadFile) == null ? void 0 : u.status
         })
       }, { ...((o = (c = i(n).props).getUploadItemProps) == null ? void 0 : o.call(c, g.uploadFile)) ?? {} }), [
-        q(r)
+        D(r)
       ], 16);
     };
   }
@@ -461,7 +461,7 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
     }), n = g, r++;
   }
   return d;
-}, qe = (e, { getUid: s, chunkFile: t, chunkSize: d }) => {
+}, De = (e, { getUid: s, chunkFile: t, chunkSize: d }) => {
   if (se(e)) {
     let n;
     if (e instanceof File)
@@ -502,8 +502,8 @@ const Pe = at("upload"), ee = B(Pe, "list"), L = B(ee, "item"), [ht, yt] = me("B
   }
 }, Bt = (e, s) => {
   if (se(e))
-    return e instanceof Blob || e instanceof File ? qe(e, s) : (!e.uid && !Object.isFrozen(e) && (e.uid = s.getUid()), e);
-}, De = (e, s) => {
+    return e instanceof Blob || e instanceof File ? De(e, s) : (!e.uid && !Object.isFrozen(e) && (e.uid = s.getUid()), e);
+}, qe = (e, s) => {
   if (e && s) {
     const t = Array.isArray(s) ? s : s.split(","), d = (e == null ? void 0 : e.name) || "", n = (e == null ? void 0 : e.type) || "", r = n.replace(/\/.*$/, "");
     return t.some((g) => {
@@ -614,9 +614,9 @@ const Me = /* @__PURE__ */ V({
         });
       }
     }, Ve = (l) => {
-      vt(l) && l.filter((m) => !c.value.directory || De(m, v.value)).forEach((m) => {
+      vt(l) && l.filter((m) => !c.value.directory || qe(m, v.value)).forEach((m) => {
         Ge(
-          qe(m, {
+          De(m, {
             getUid: Fe,
             chunkFile: h.value,
             chunkSize: c.value.chunkSize
@@ -905,7 +905,7 @@ const Me = /* @__PURE__ */ V({
       var b;
       return (b = P.fileList.value) != null && b.length ? (U(), G("div", {
         key: 0,
-        class: D(
+        class: q(
           i(ge)(
             i(Qe)({
               size: P.props.size,
@@ -915,7 +915,7 @@ const Me = /* @__PURE__ */ V({
           )
         )
       }, [
-        q(et)
+        D(et)
       ], 2)) : j("", !0);
     };
   }
@@ -966,7 +966,9 @@ const Me = /* @__PURE__ */ V({
   },
   emits: ["addFiles"],
   setup(e, { emit: s }) {
-    const t = s, d = e, { getDisabled: n } = mt(), r = Y(), g = (v) => {
+    const t = s, d = e, { getDisabled: n } = mt({
+      exports: ["getDisabled"]
+    }), r = Y(), g = (v) => {
       const { files: f } = v.target;
       t("addFiles", Array.prototype.slice.call(f)), p.value && (p.value.value = "");
     }, p = Y(), u = () => {
@@ -980,7 +982,7 @@ const Me = /* @__PURE__ */ V({
       let f = [];
       v.dataTransfer && (d.directory ? f = await jt(Array.prototype.slice.call(v.dataTransfer.items)) : f = Array.prototype.slice.call(v.dataTransfer.files)), d.multiple || (f = f.slice(0, 1)), t(
         "addFiles",
-        f.filter((I) => De(I, d.accept))
+        f.filter((I) => qe(I, d.accept))
       );
     }, h = x(() => n.value ? {} : {
       onClick: u,
@@ -1083,14 +1085,14 @@ const Me = /* @__PURE__ */ V({
         disabled: o.disabled,
         accept: c.getAccept.value,
         onAddFiles: c.addFiles.value,
-        class: D(o.triggerCls)
+        class: q(o.triggerCls)
       }, {
         default: te((v) => [
           Le(o.$slots, "default", Te(Re(v)))
         ]),
         _: 3
       }, 8, ["multiple", "directory", "disabled", "accept", "onAddFiles", "class"])),
-      q(Me, {
+      D(Me, {
         action: o.action,
         ref_key: "listRef",
         ref: u