@pantograph/vue 0.30.8 → 0.30.10

package/dist/Textarea/index.js

@@ -1,20 +1,20 @@
-import { defineComponent as w, useAttrs as M, computed as u, ref as k, onMounted as R, watch as D, nextTick as F, withDirectives as $, createElementBlock as I, openBlock as N, mergeProps as P, unref as o, isRef as U, vModelText as _ } from "vue";
-import { getComponentOptions as A, getBemBlock as E, generateVariantClassList as i, normCls as v, getComponentName as L } from "@pantograph/utils";
-import { cva as O } from "class-variance-authority";
-import { useVModel as j, useFormInput as q, installComponent as G } from "@pantograph/utils-vue";
-import { omit as J, omitBy as K, isUndefined as Q, throttle as W } from "es-toolkit";
-import { a as x } from "../index-D2tZoezA.js";
-import { i as X } from "../isNumber-BduWbB-B.js";
-const Y = ["sm", "md", "lg"], Z = ["error", "warning", "success"], ee = /* @__PURE__ */ w({
-  ...A("Textarea", !1),
+import { defineComponent as w, useAttrs as M, computed as i, ref as k, onMounted as R, watch as D, nextTick as N, withDirectives as A, createElementBlock as F, openBlock as O, mergeProps as $, unref as s, isRef as j, vModelText as I } from "vue";
+import { getComponentOptions as P, getBemBlock as U, generateVariantClassList as n, normCls as v, getComponentName as E } from "@pantograph/utils";
+import { cva as L } from "class-variance-authority";
+import { useVModel as q, useFormInput as G, installComponent as J } from "@pantograph/utils-vue";
+import { omit as K, omitBy as Q, isUndefined as W, throttle as X } from "es-toolkit";
+import { a as h } from "../index-D2tZoezA.js";
+import { i as Y } from "../isNumber-BduWbB-B.js";
+const Z = ["sm", "md", "lg"], _ = ["error", "warning", "success"], ee = /* @__PURE__ */ w({
+  ...P("Textarea", !1),
   __name: "Textarea",
   props: {
     disabled: { type: Boolean, default: void 0 },
     immediateFocus: { type: Boolean },
     modelValue: {},
     defaultValue: {},
-    class: {},
-    textareaCls: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    textareaCls: { type: [Array, Object, String, Number, null, Boolean] },
     allowClear: { type: Boolean },
     bordered: { type: Boolean, default: !0 },
     autoSize: { type: Boolean },
@@ -24,8 +24,8 @@ const Y = ["sm", "md", "lg"], Z = ["error", "warning", "success"], ee = /* @__PU
     maxHeight: {}
   },
   emits: ["update:modelValue", "clear", "input", "blur", "focus"],
-  setup(h, { expose: S, emit: b }) {
-    const t = h, m = b, r = j(
+  setup(r, { expose: S, emit: b }) {
+    const t = r, m = b, u = q(
       t,
       "modelValue",
       m,
@@ -33,72 +33,72 @@ const Y = ["sm", "md", "lg"], Z = ["error", "warning", "success"], ee = /* @__PU
         defaultValue: t.defaultValue,
         passive: t.modelValue === void 0
       }
-    ), l = E("textarea"), z = O(l, {
+    ), l = U("textarea"), y = L(l, {
       variants: {
-        size: i(Y, l),
-        status: i(Z, l),
-        bordered: i("bordered", l),
-        autoSize: i("auto-size", l)
+        size: n(Z, l),
+        status: n(_, l),
+        bordered: n("bordered", l),
+        autoSize: n("auto-size", l)
       }
-    }), H = M(), { getDisabled: y, getStatus: c, getSize: d } = q({
+    }), z = M(), { getDisabled: H, getStatus: d, getSize: f } = G({
       defaults: { size: "md" },
       exports: ["getDisabled", "getSize", "getStatus"]
-    }), p = u(() => {
+    }), g = i(() => {
       if (t.autoSize) {
-        if (t.defaultHeight && X(t.defaultHeight)) {
-          const e = x[t.size] ?? x.md;
+        if (t.defaultHeight && Y(t.defaultHeight)) {
+          const e = h[t.size] ?? h.md;
           return Math.ceil(t.defaultHeight / e);
         }
         return 1;
       }
-    }), B = u(() => {
+    }), B = i(() => {
       const e = {
-        disabled: y.value,
-        ...J(H, ["value"]),
-        rows: p.value
+        disabled: H.value,
+        ...K(z, ["value"]),
+        rows: g.value
       };
-      return { ...K(e, Q) };
-    }), a = k(), f = W(() => {
+      return { ...Q(e, W) };
+    }), a = k(), p = X(() => {
       a.value && t.autoSize && (a.value.style.height = "auto", a.value.style.height = `${a.value.scrollHeight + 2}px`);
     }, 10);
     R(() => {
-      var e, s;
-      t.immediateFocus && ((s = (e = a.value) == null ? void 0 : e.focus) == null || s.call(e));
+      var e, o;
+      t.immediateFocus && ((o = (e = a.value) == null ? void 0 : e.focus) == null || o.call(e));
     }), D(
-      () => [d.value, t.autoSize, p.value],
-      () => F(f),
+      () => [f.value, t.autoSize, g.value],
+      () => N(p),
       { immediate: !0 }
     );
     const C = (e) => {
-      f(), m("input", e);
-    }, V = u(() => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight), T = u(() => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight);
+      p(), m("input", e);
+    }, V = i(() => typeof t.defaultHeight == "number" ? `${t.defaultHeight}px` : t.defaultHeight), T = i(() => typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight);
     return S({ textarea: a, focus: (e) => {
-      var s;
-      return (s = a.value) == null ? void 0 : s.focus(e);
+      var o;
+      return (o = a.value) == null ? void 0 : o.focus(e);
     }, blur: () => {
       var e;
       return (e = a.value) == null ? void 0 : e.blur();
     }, select: () => {
       var e;
       return (e = a.value) == null ? void 0 : e.select();
-    }, setSelectionRange: (e, s, n) => {
-      var g;
-      return (g = a.value) == null ? void 0 : g.setSelectionRange(e, s, n);
-    } }), (e, s) => $((N(), I("textarea", P({
+    }, setSelectionRange: (e, o, c) => {
+      var x;
+      return (x = a.value) == null ? void 0 : x.setSelectionRange(e, o, c);
+    } }), (e, o) => A((O(), F("textarea", $({
       ref_key: "textarea",
       ref: a,
-      "onUpdate:modelValue": s[0] || (s[0] = (n) => U(r) ? r.value = n : null),
-      class: o(v)(
-        o(v)(
-          o(z)({
-            size: o(d),
-            status: o(c) === "success" && !o(r) ? void 0 : o(c),
-            bordered: String(e.bordered),
-            autoSize: String(e.autoSize)
+      "onUpdate:modelValue": o[0] || (o[0] = (c) => j(u) ? u.value = c : null),
+      class: s(v)(
+        s(v)(
+          s(y)({
+            size: s(f),
+            status: s(d) === "success" && !s(u) ? void 0 : s(d),
+            bordered: String(r.bordered),
+            autoSize: String(r.autoSize)
           }),
           t.class
         ),
-        e.textareaCls,
+        r.textareaCls,
         "paragraph"
       )
     }, B.value, {
@@ -108,14 +108,14 @@ const Y = ["sm", "md", "lg"], Z = ["error", "warning", "success"], ee = /* @__PU
       },
       onInput: C
     }), null, 16)), [
-      [_, o(r)]
+      [I, s(u)]
     ]);
   }
-}), de = G(ee, L("Textarea"));
+}), de = J(ee, E("Textarea"));
 export {
   ee as Textarea,
   de as TextareaPlugin,
-  Y as TextareaSizes,
-  Z as TextareaStatuses,
+  Z as TextareaSizes,
+  _ as TextareaStatuses,
   ee as default
 };

package/dist/Textarea/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("vue"),r=require("@pantograph/utils"),w=require("class-variance-authority"),c=require("@pantograph/utils-vue"),l=require("es-toolkit"),h=require("../index-4j_iV_pN.js"),R=require("../isNumber-DMOjxgl8.js"),S=["sm","md","lg"],b=["error","warning","success"],d=t.defineComponent({...r.getComponentOptions("Textarea",!1),__name:"Textarea",props:{disabled:{type:Boolean,default:void 0},immediateFocus:{type:Boolean},modelValue:{},defaultValue:{},class:{},textareaCls:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},autoSize:{type:Boolean},size:{},status:{},defaultHeight:{},maxHeight:{}},emits:["update:modelValue","clear","input","blur","focus"],setup(z,{expose:y,emit:H}){const a=z,m=H,i=c.useVModel(a,"modelValue",m,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),o=r.getBemBlock("textarea"),V=w.cva(o,{variants:{size:r.generateVariantClassList(S,o),status:r.generateVariantClassList(b,o),bordered:r.generateVariantClassList("bordered",o),autoSize:r.generateVariantClassList("auto-size",o)}}),C=t.useAttrs(),{getDisabled:T,getStatus:g,getSize:f}=c.useFormInput({defaults:{size:"md"},exports:["getDisabled","getSize","getStatus"]}),p=t.computed(()=>{if(a.autoSize){if(a.defaultHeight&&R.isNumber(a.defaultHeight)){const e=h.systemSizesMap[a.size]??h.systemSizesMap.md;return Math.ceil(a.defaultHeight/e)}return 1}}),B=t.computed(()=>{const e={disabled:T.value,...l.omit(C,["value"]),rows:p.value};return{...l.omitBy(e,l.isUndefined)}}),s=t.ref(),v=l.throttle(()=>{s.value&&a.autoSize&&(s.value.style.height="auto",s.value.style.height=`${s.value.scrollHeight+2}px`)},10);t.onMounted(()=>{var e,u;a.immediateFocus&&((u=(e=s.value)==null?void 0:e.focus)==null||u.call(e))}),t.watch(()=>[f.value,a.autoSize,p.value],()=>t.nextTick(v),{immediate:!0});const M=e=>{v(),m("input",e)},q=t.computed(()=>typeof a.defaultHeight=="number"?`${a.defaultHeight}px`:a.defaultHeight),k=t.computed(()=>typeof a.maxHeight=="number"?`${a.maxHeight}px`:a.maxHeight);return y({textarea:s,focus:e=>{var u;return(u=s.value)==null?void 0:u.focus(e)},blur:()=>{var e;return(e=s.value)==null?void 0:e.blur()},select:()=>{var e;return(e=s.value)==null?void 0:e.select()},setSelectionRange:(e,u,n)=>{var x;return(x=s.value)==null?void 0:x.setSelectionRange(e,u,n)}}),(e,u)=>t.withDirectives((t.openBlock(),t.createElementBlock("textarea",t.mergeProps({ref_key:"textarea",ref:s,"onUpdate:modelValue":u[0]||(u[0]=n=>t.isRef(i)?i.value=n:null),class:t.unref(r.normCls)(t.unref(r.normCls)(t.unref(V)({size:t.unref(f),status:t.unref(g)==="success"&&!t.unref(i)?void 0:t.unref(g),bordered:String(e.bordered),autoSize:String(e.autoSize)}),a.class),e.textareaCls,"paragraph")},B.value,{style:{"--ptc-textarea-h":q.value,"--ptc-textarea-max-h":k.value},onInput:M}),null,16)),[[t.vModelText,t.unref(i)]])}}),D=c.installComponent(d,r.getComponentName("Textarea"));exports.Textarea=d;exports.TextareaPlugin=D;exports.TextareaSizes=S;exports.TextareaStatuses=b;exports.default=d;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),r=require("@pantograph/utils"),w=require("class-variance-authority"),d=require("@pantograph/utils-vue"),n=require("es-toolkit"),h=require("../index-4j_iV_pN.js"),N=require("../isNumber-DMOjxgl8.js"),b=["sm","md","lg"],y=["error","warning","success"],m=e.defineComponent({...r.getComponentOptions("Textarea",!1),__name:"Textarea",props:{disabled:{type:Boolean,default:void 0},immediateFocus:{type:Boolean},modelValue:{},defaultValue:{},class:{type:[Array,Object,String,Number,null,Boolean]},textareaCls:{type:[Array,Object,String,Number,null,Boolean]},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},autoSize:{type:Boolean},size:{},status:{},defaultHeight:{},maxHeight:{}},emits:["update:modelValue","clear","input","blur","focus"],setup(l,{expose:z,emit:H}){const a=l,g=H,i=d.useVModel(a,"modelValue",g,{defaultValue:a.defaultValue,passive:a.modelValue===void 0}),o=r.getBemBlock("textarea"),V=w.cva(o,{variants:{size:r.generateVariantClassList(b,o),status:r.generateVariantClassList(y,o),bordered:r.generateVariantClassList("bordered",o),autoSize:r.generateVariantClassList("auto-size",o)}}),C=e.useAttrs(),{getDisabled:T,getStatus:f,getSize:p}=d.useFormInput({defaults:{size:"md"},exports:["getDisabled","getSize","getStatus"]}),x=e.computed(()=>{if(a.autoSize){if(a.defaultHeight&&N.isNumber(a.defaultHeight)){const t=h.systemSizesMap[a.size]??h.systemSizesMap.md;return Math.ceil(a.defaultHeight/t)}return 1}}),B=e.computed(()=>{const t={disabled:T.value,...n.omit(C,["value"]),rows:x.value};return{...n.omitBy(t,n.isUndefined)}}),s=e.ref(),v=n.throttle(()=>{s.value&&a.autoSize&&(s.value.style.height="auto",s.value.style.height=`${s.value.scrollHeight+2}px`)},10);e.onMounted(()=>{var t,u;a.immediateFocus&&((u=(t=s.value)==null?void 0:t.focus)==null||u.call(t))}),e.watch(()=>[p.value,a.autoSize,x.value],()=>e.nextTick(v),{immediate:!0});const M=t=>{v(),g("input",t)},q=e.computed(()=>typeof a.defaultHeight=="number"?`${a.defaultHeight}px`:a.defaultHeight),k=e.computed(()=>typeof a.maxHeight=="number"?`${a.maxHeight}px`:a.maxHeight);return z({textarea:s,focus:t=>{var u;return(u=s.value)==null?void 0:u.focus(t)},blur:()=>{var t;return(t=s.value)==null?void 0:t.blur()},select:()=>{var t;return(t=s.value)==null?void 0:t.select()},setSelectionRange:(t,u,c)=>{var S;return(S=s.value)==null?void 0:S.setSelectionRange(t,u,c)}}),(t,u)=>e.withDirectives((e.openBlock(),e.createElementBlock("textarea",e.mergeProps({ref_key:"textarea",ref:s,"onUpdate:modelValue":u[0]||(u[0]=c=>e.isRef(i)?i.value=c:null),class:e.unref(r.normCls)(e.unref(r.normCls)(e.unref(V)({size:e.unref(p),status:e.unref(f)==="success"&&!e.unref(i)?void 0:e.unref(f),bordered:String(l.bordered),autoSize:String(l.autoSize)}),a.class),l.textareaCls,"paragraph")},B.value,{style:{"--ptc-textarea-h":q.value,"--ptc-textarea-max-h":k.value},onInput:M}),null,16)),[[e.vModelText,e.unref(i)]])}}),R=d.installComponent(m,r.getComponentName("Textarea"));exports.Textarea=m;exports.TextareaPlugin=R;exports.TextareaSizes=b;exports.TextareaStatuses=y;exports.default=m;

package/dist/Toast/Toast.d.ts

@@ -1,4 +1,4 @@
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { ToastType } from './Toast.model';
 import { ButtonProps } from '../Button';
 export interface ToastProps {

package/dist/Toast/index.js

@@ -1,18 +1,18 @@
-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 { defineComponent as z, useSlots as H, computed as P, createElementBlock as R, openBlock as T, normalizeClass as O, unref as u, renderSlot as q, createVNode as j, createBlock as F, createCommentVNode as G, h as s } from "vue";
+import { cva as J } from "class-variance-authority";
+import { getComponentOptions as K, getBemBlock as M, generateVariantClassList as w, normCls as i, getBemElement as l, getComponentName as Q } from "@pantograph/utils";
+import { isEmptyElement as m, installComponent as U } from "@pantograph/utils-vue";
+import { _ as W } from "../index-PGo1VyBF.js";
+import { _ as X } from "../IconButton.vue_vue_type_script_setup_true_lang-k-2rKarz.js";
+import { _ as x } from "../Button.vue_vue_type_script_setup_true_lang-BriN8N0z.js";
+import { _ as Y } from "../Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
 import "../Progress/index.js";
-import { getCssCoreVar as x } from "@pantograph/tokens";
+import { getCssCoreVar as Z } 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"),
+import { i as tt } from "../isNumber-BduWbB-B.js";
+import { _ as et } from "../Progress.vue_vue_type_style_index_0_lang-DPoChN9a.js";
+const ot = ["info", "success", "warning", "error"], nt = /* @__PURE__ */ z({
+  ...K("Toast"),
   __name: "Toast",
   props: {
     type: {},
@@ -24,15 +24,15 @@ const eo = ["info", "success", "warning", "error"], no = /* @__PURE__ */ R({
     title: {},
     description: {},
     icon: {},
-    class: {},
-    bodyCls: {},
-    progressCls: {},
-    contentCls: {},
-    titleCls: {},
-    descriptionCls: {},
-    actionsCls: {},
-    headerCls: {},
-    closeCls: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    bodyCls: { type: [Array, Object, String, Number, null, Boolean] },
+    progressCls: { type: [Array, Object, String, Number, null, Boolean] },
+    contentCls: { type: [Array, Object, String, Number, null, Boolean] },
+    titleCls: { type: [Array, Object, String, Number, null, Boolean] },
+    descriptionCls: { type: [Array, Object, String, Number, null, Boolean] },
+    actionsCls: { type: [Array, Object, String, Number, null, Boolean] },
+    headerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    closeCls: { type: [Array, Object, String, Number, null, Boolean] },
     okProps: { default: () => ({
       text: "Confirm"
     }) },
@@ -43,14 +43,14 @@ const eo = ["info", "success", "warning", "error"], no = /* @__PURE__ */ R({
     }) }
   },
   emits: ["ok", "cancel", "closeNotification"],
-  setup(L, { emit: E }) {
-    const t = L, o = j(), f = E, c = Q("toast"), V = K(c, {
+  setup(a, { emit: _ }) {
+    const e = a, t = H(), y = _, r = M("toast"), $ = J(r, {
       variants: {
-        type: $(eo, c),
-        paused: $("paused", c)
+        type: w(ot, r),
+        paused: w("paused", r)
       }
-    }), A = P(() => {
-      switch (t.type) {
+    }), D = P(() => {
+      switch (e.type) {
         case "info":
           return "sky";
         case "success":
@@ -61,9 +61,9 @@ const eo = ["info", "success", "warning", "error"], no = /* @__PURE__ */ R({
           return "red";
       }
       return "primary";
-    }), g = P(() => {
-      if (t.icon) return t.icon;
-      switch (t.type) {
+    }), k = P(() => {
+      if (e.icon) return e.icon;
+      switch (e.type) {
         case "info":
           return "tabler:info-circle";
         case "success":
@@ -73,127 +73,127 @@ const eo = ["info", "success", "warning", "error"], no = /* @__PURE__ */ R({
         case "error":
           return "tabler:circle-x";
       }
-    }), z = () => {
+    }), L = () => {
       var C;
-      const r = (C = o.icon) == null ? void 0 : C.call(o), u = !d(r);
-      if (u || g.value)
+      const d = (C = t.icon) == null ? void 0 : C.call(t), p = !m(d);
+      if (p || k.value)
         return s(
           "div",
-          { class: l(c, "icon") },
+          { class: l(r, "icon") },
           s(
-            Z,
+            Y,
             {
-              icon: g.value,
+              icon: k.value,
               size: "sm",
-              style: { color: x("rouad") }
+              style: { color: Z("rouad") }
             },
-            u ? { icon: r } : {}
+            p ? { icon: d } : {}
           )
         );
-    }, H = () => {
-      const u = (() => {
+    }, E = () => {
+      const p = (() => {
         var n;
-        const e = (n = o.description) == null ? void 0 : n.call(o), i = !d(e);
-        if (i || t.description)
+        const o = (n = t.description) == null ? void 0 : n.call(t), c = !m(o);
+        if (c || e.description)
           return s(
             "div",
             {
-              class: a(l(c, "description"), t.descriptionCls, "paragraph")
+              class: i(l(r, "description"), e.descriptionCls, "paragraph")
             },
-            i ? e : t.description
+            c ? o : e.description
           );
-      })(), v = (() => {
+      })(), B = (() => {
         var n;
-        const e = (n = o.title) == null ? void 0 : n.call(o), i = !d(e);
-        if (t.title || i)
+        const o = (n = t.title) == null ? void 0 : n.call(t), c = !m(o);
+        if (e.title || c)
           return s(
             "div",
-            { class: a(l(c, "title"), t.titleCls, "paragraph") },
-            i ? e : t.title
+            { class: i(l(r, "title"), e.titleCls, "paragraph") },
+            c ? o : e.title
           );
-      })(), B = (() => {
+      })(), S = (() => {
         var n;
-        const e = (n = o.closeButton) == null ? void 0 : n.call(o), i = !d(e);
-        if (t.closable || i)
+        const o = (n = t.closeButton) == null ? void 0 : n.call(t), c = !m(o);
+        if (e.closable || c)
           return s(
             "div",
-            { class: a(l(c, "close"), t.closeCls) },
-            i ? e : s(Y, {
+            { class: i(l(r, "close"), e.closeCls) },
+            c ? o : s(X, {
               icon: "tabler:x",
               color: "neutral",
               type: "ghost",
-              onClick: (m) => f("closeNotification", m)
+              onClick: (f) => y("closeNotification", f)
             })
           );
-      })(), I = (() => {
+      })(), v = (() => {
         var n;
-        const e = (n = o.link) == null ? void 0 : n.call(o);
-        if (!d(e)) return e;
-      })(), h = (() => {
-        var m;
-        const e = (m = o.actions) == null ? void 0 : m.call(o), i = !d(e);
+        const o = (n = t.link) == null ? void 0 : n.call(t);
+        if (!m(o)) return o;
+      })(), g = (() => {
+        var f;
+        const o = (f = t.actions) == null ? void 0 : f.call(t), c = !m(o);
         let n;
-        if (i ? n = e : t.actions && (n = s(X, void 0, () => {
-          var _, b;
+        if (c ? n = o : e.actions && (n = s(W, void 0, () => {
+          var N, A;
           return [
-            (_ = t.cancelProps) != null && _.hide ? null : s(
-              D,
+            (N = e.cancelProps) != null && N.hide ? null : s(
+              x,
               {
-                ...t.cancelProps ?? {},
-                onClick: (y) => f("cancel", y)
+                ...e.cancelProps ?? {},
+                onClick: (h) => y("cancel", h)
               },
               {
-                default: o.cancel,
-                preIcon: o.cancelPreIcon,
-                postIcon: o.cancelPostIcon
+                default: t.cancel,
+                preIcon: t.cancelPreIcon,
+                postIcon: t.cancelPostIcon
               }
             ),
-            (b = t.okProps) != null && b.hide ? null : s(
-              D,
+            (A = e.okProps) != null && A.hide ? null : s(
+              x,
               {
-                ...t.okProps ?? {},
-                onClick: (y) => f("ok", y)
+                ...e.okProps ?? {},
+                onClick: (h) => y("ok", h)
               },
               {
-                default: o.ok,
-                preIcon: o.okPreIcon,
-                postIcon: o.okPostIcon
+                default: t.ok,
+                preIcon: t.okPreIcon,
+                postIcon: t.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 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 s("div", { class: i(l(r, "actions"), e.actionsCls) }, n);
+      })(), b = !v && !p, V = () => {
+        if (!B && !S && !(b && g)) return null;
+        const o = [B];
+        return b && o.push(g), o.push(S), s("div", { class: i(l(r, "header"), e.headerCls) }, o);
+      }, I = [s("div", { class: i(l(r, "content"), e.contentCls) }, [
+        V(),
+        p
       ])];
-      return k || S.push(I, h), s("div", { class: a(l(c, "body"), t.bodyCls) }, S);
+      return b || I.push(v, g), s("div", { class: i(l(r, "body"), e.bodyCls) }, I);
     };
-    return (r, u) => (T(), q("div", {
-      class: w(p(a)(p(V)({ type: r.type, paused: r.paused }), t.class))
+    return (d, p) => (T(), R("div", {
+      class: O(u(i)(u($)({ type: a.type, paused: a.paused }), e.class))
     }, [
-      F(r.$slots, "default", {}, () => [
-        N(z),
-        N(H),
-        r.progress && p(oo)(r.duration) && ![0, 1 / 0].includes(r.duration) ? (T(), G(p(to), {
+      q(d.$slots, "default", {}, () => [
+        j(L),
+        j(E),
+        a.progress && u(tt)(a.duration) && ![0, 1 / 0].includes(a.duration) ? (T(), F(u(et), {
           key: 0,
-          class: w(p(a)(p(l)(p(c), "progress"), r.progressCls)),
+          class: O(u(i)(u(l)(u(r), "progress"), a.progressCls)),
           noTransition: "",
           notRounded: "",
-          duration: r.duration,
-          color: A.value
-        }, null, 8, ["class", "duration", "color"])) : J("", !0)
+          duration: a.duration,
+          color: D.value
+        }, null, 8, ["class", "duration", "color"])) : G("", !0)
       ])
     ], 2));
   }
-}), So = W(no, U("Toast"));
+}), St = U(nt, Q("Toast"));
 export {
-  no as Toast,
-  So as ToastPlugin,
-  eo as ToastTypes,
-  no as default
+  nt as Toast,
+  St as ToastPlugin,
+  ot as ToastTypes,
+  nt 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"),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=_;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),V=require("class-variance-authority"),n=require("@pantograph/utils"),a=require("@pantograph/utils-vue"),x=require("../index-BOecemV4.js"),w=require("../IconButton.vue_vue_type_script_setup_true_lang-zUlWLsjp.js"),I=require("../Button.vue_vue_type_script_setup_true_lang-4r_7Pf3d.js"),L=require("../Icon.vue_vue_type_style_index_0_lang-D9YESScE.js");require("../Progress/index.umd.cjs");const D=require("@pantograph/tokens");require("../Button/index.umd.cjs");const z=require("../isNumber-DMOjxgl8.js"),M=require("../Progress.vue_vue_type_style_index_0_lang-B-OM1USr.js"),N=["info","success","warning","error"],h=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:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},progressCls:{type:[Array,Object,String,Number,null,Boolean]},contentCls:{type:[Array,Object,String,Number,null,Boolean]},titleCls:{type:[Array,Object,String,Number,null,Boolean]},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},actionsCls:{type:[Array,Object,String,Number,null,Boolean]},headerCls:{type:[Array,Object,String,Number,null,Boolean]},closeCls:{type:[Array,Object,String,Number,null,Boolean]},okProps:{default:()=>({text:"Confirm"})},cancelProps:{default:()=>({text:"Dismiss",type:"ghost",color:"neutral"})}},emits:["ok","cancel","closeNotification"],setup(i,{emit:T}){const o=i,t=e.useSlots(),d=T,c=n.getBemBlock("toast"),P=V.cva(c,{variants:{type:n.generateVariantClassList(N,c),paused:n.generateVariantClassList("paused",c)}}),q=e.computed(()=>{switch(o.type){case"info":return"sky";case"success":return"green";case"warning":return"yellow";case"error":return"red"}return"primary"}),B=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"}}),A=()=>{var y;const p=(y=t.icon)==null?void 0:y.call(t),u=!a.isEmptyElement(p);if(u||B.value)return e.h("div",{class:n.getBemElement(c,"icon")},e.h(L._sfc_main,{icon:B.value,size:"sm",style:{color:D.getCssCoreVar("rouad")}},u?{icon:p}:{}))},O=()=>{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)})(),_=(()=>{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)})(),b=(()=>{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(w._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:m=>d("closeNotification",m)}))})(),k=(()=>{var r;const s=(r=t.link)==null?void 0:r.call(t);if(!a.isEmptyElement(s))return s})(),g=(()=>{var m;const s=(m=t.actions)==null?void 0:m.call(t),l=!a.isEmptyElement(s);let r;if(l?r=s:o.actions&&(r=e.h(x._sfc_main,void 0,()=>{var S,E;return[(S=o.cancelProps)!=null&&S.hide?null:e.h(I._sfc_main,{...o.cancelProps??{},onClick:C=>d("cancel",C)},{default:t.cancel,preIcon:t.cancelPreIcon,postIcon:t.cancelPostIcon}),(E=o.okProps)!=null&&E.hide?null:e.h(I._sfc_main,{...o.okProps??{},onClick:C=>d("ok",C)},{default:t.ok,preIcon:t.okPreIcon,postIcon:t.okPostIcon})]})),r)return e.h("div",{class:n.normCls(n.getBemElement(c,"actions"),o.actionsCls)},r)})(),f=!k&&!u,j=()=>{if(!_&&!b&&!(f&&g))return null;const s=[_];return f&&s.push(g),s.push(b),e.h("div",{class:n.normCls(n.getBemElement(c,"header"),o.headerCls)},s)},v=[e.h("div",{class:n.normCls(n.getBemElement(c,"content"),o.contentCls)},[j(),u])];return f||v.push(k,g),e.h("div",{class:n.normCls(n.getBemElement(c,"body"),o.bodyCls)},v)};return(p,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(P)({type:i.type,paused:i.paused}),o.class))},[e.renderSlot(p.$slots,"default",{},()=>[e.createVNode(A),e.createVNode(O),i.progress&&e.unref(z.isNumber)(i.duration)&&![0,1/0].includes(i.duration)?(e.openBlock(),e.createBlock(e.unref(M._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:q.value},null,8,["class","duration","color"])):e.createCommentVNode("",!0)])],2))}}),G=a.installComponent(h,n.getComponentName("Toast"));exports.Toast=h;exports.ToastPlugin=G;exports.ToastTypes=N;exports.default=h;

package/dist/Tree/Tree.model.d.ts

@@ -1,7 +1,7 @@
 import { ComputedRef, Ref, WritableComputedRef } from 'vue';
 import { SortableOptions, SortableEvent, MoveEvent } from '@pantograph/sortable';
 import { Direction } from '../ConfigProvider';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { OptionGetter } from '@pantograph/utils';
 import { Virtualizer } from '@pantograph/utils-vue';
 import { ScrollContainerProps } from '../ScrollContainer';

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-_lrD3ofV.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-WDp1-fAG.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-CUuaEiq_.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-CZ5v-Cfi.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;