@pantograph/vue 0.30.4 → 0.30.6

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-7KKRWq3t.js";
+import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js";
 import { installComponent as o } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const r = o(t, n("ActionButton"));

package/dist/ActionButton/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-BYkFlZWU.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("ActionButton"));exports.ActionButton=t._sfc_main;exports.default=t._sfc_main;exports.ActionButtonPlugin=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-CH_Oquxt.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("ActionButton"));exports.ActionButton=t._sfc_main;exports.default=t._sfc_main;exports.ActionButtonPlugin=u;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-7KKRWq3t.js → ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as d, mergeProps as y, createSlots as B, renderList as b, withCtx as g, renderSlot as _, normalizeProps as v, guardReactiveProps as k } from "vue";
 import { omit as I } from "es-toolkit";
-import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-qkW0olhp.js";
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-f9XsnFlF.js";
 import { getComponentOptions as h } from "@pantograph/utils";
 const A = /* @__PURE__ */ c({
   ...h("ActionButton", !1),

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-BYkFlZWU.js → ActionButton.vue_vue_type_script_setup_true_lang-CH_Oquxt.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-D1jasaOz.js"),_=require("@pantograph/utils"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},text:{},size:{},noRing:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},customStroke:{type:Boolean},preIconCustomStroke:{type:Boolean},postIconCustomStroke:{type:Boolean},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{},type:{},variant:{}},setup(r,{expose:s}){const a=r,c=e.useAttrs(),i=e.computed(()=>({...l.omit(c,["color","type","variant","action"]),...a})),t=e.ref();return s({focus(){var o;(o=t.value)==null||o.focus()},blur(){var o;(o=t.value)==null||o.blur()}}),(o,y)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(i.value,{action:"",ref_key:"buttonRef",ref:t}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(o.$slots,n,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),l=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-CLFsLZTl.js"),_=require("@pantograph/utils"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},text:{},size:{},noRing:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},customStroke:{type:Boolean},preIconCustomStroke:{type:Boolean},postIconCustomStroke:{type:Boolean},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{},type:{},variant:{}},setup(r,{expose:s}){const a=r,c=e.useAttrs(),i=e.computed(()=>({...l.omit(c,["color","type","variant","action"]),...a})),t=e.ref();return s({focus(){var o;(o=t.value)==null||o.focus()},blur(){var o;(o=t.value)==null||o.blur()}}),(o,y)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(i.value,{action:"",ref_key:"buttonRef",ref:t}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(o.$slots,n,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Alert/index.js

@@ -1,8 +1,8 @@
 import { defineComponent as h, useSlots as A, computed as N, createElementBlock as c, openBlock as n, normalizeStyle as P, normalizeClass as t, unref as o, createBlock as S, createCommentVNode as p, createElementVNode as V, createSlots as z, withCtx as w, renderSlot as i, createTextVNode as f, toDisplayString as g, createVNode as u, normalizeProps as E, guardReactiveProps as I } from "vue";
 import { getComponentOptions as L, getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a, getComponentName as M } from "@pantograph/utils";
 import { cva as O } from "class-variance-authority";
-import { _ as R } from "../IconButton.vue_vue_type_script_setup_true_lang-DsSD_y63.js";
-import { _ as j } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-DBKQk4LJ.js";
+import { _ as R } from "../IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js";
+import { _ as j } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js";
 import { Link as q } from "../Link/index.js";
 import { installComponent as F } from "@pantograph/utils-vue";
 const G = ["info", "success", "danger", "warning", "hint"], H = /* @__PURE__ */ h({

package/dist/Alert/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@pantograph/utils"),g=require("class-variance-authority"),k=require("../IconButton.vue_vue_type_script_setup_true_lang-CY2MXWF8.js"),B=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-CgjAIWEo.js"),y=require("../Link/index.umd.cjs"),b=require("@pantograph/utils-vue"),c=["info","success","danger","warning","hint"],s=e.defineComponent({...l.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(u,{emit:m}){const r=u,p=m,n=l.getBemBlock("alert"),d=g.cva(n,{variants:{type:l.generateVariantClassList(c,n)}}),o=e.useSlots(),f={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},a=e.computed(()=>r.icon??f[r.type]);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(d)({type:t.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[o.icon||a.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:a.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(e.unref(y.Link),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(k._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:i[0]||(i[0]=C=>p("close",C))})])],2)):e.createCommentVNode("",!0)],6))}}),v=b.installComponent(s,l.getComponentName("Alert"));exports.Alert=s;exports.AlertPlugin=v;exports.AlertTypes=c;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@pantograph/utils"),g=require("class-variance-authority"),k=require("../IconButton.vue_vue_type_script_setup_true_lang-CxiVq3Pa.js"),B=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-mMrUHRm_.js"),y=require("../Link/index.umd.cjs"),b=require("@pantograph/utils-vue"),c=["info","success","danger","warning","hint"],s=e.defineComponent({...l.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(u,{emit:m}){const r=u,p=m,n=l.getBemBlock("alert"),d=g.cva(n,{variants:{type:l.generateVariantClassList(c,n)}}),o=e.useSlots(),f={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},a=e.computed(()=>r.icon??f[r.type]);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(d)({type:t.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[o.icon||a.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:a.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(e.unref(y.Link),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(k._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:i[0]||(i[0]=C=>p("close",C))})])],2)):e.createCommentVNode("",!0)],6))}}),v=b.installComponent(s,l.getComponentName("Alert"));exports.Alert=s;exports.AlertPlugin=v;exports.AlertTypes=c;exports.default=s;

package/dist/Avatar/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-CzFkAcKT.js";
-import { c as A, b as p, A as v, a as f } from "../Avatar.vue_vue_type_style_index_0_lang-CzFkAcKT.js";
+import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
+import { c as A, b as p, A as v, a as f } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as r } from "@pantograph/utils";
 const m = t(a, r("Avatar"));

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-CX1z2Bid.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-DldQzFne.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;

package/dist/{Avatar.vue_vue_type_style_index_0_lang-CzFkAcKT.js → Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js}

@@ -1,15 +1,15 @@
-import { defineComponent as O, useSlots as F, computed as l, createElementBlock as _, openBlock as m, normalizeClass as v, unref as e, createVNode as I, h as z, createBlock as A, withCtx as S, createCommentVNode as x, Fragment as R, mergeProps as T, renderSlot as b, createTextVNode as G, toDisplayString as $ } from "vue";
-import { createContext as J, useEmitAsProps as K, AvatarRoot as Q, AvatarImage as U, AvatarFallback as W } from "reka-ui";
-import { getComponentOptions as j, getBemBlock as q, getBemElement as d, generateVariantClassList as f, normCls as y, getComponentName as X } from "@pantograph/utils";
-import { cva as D } from "class-variance-authority";
-import { flattenChildren as Y, installComponent as Z } from "@pantograph/utils-vue";
-import { HoverCard as ee } from "./HoverCard/index.js";
+import { defineComponent as V, useSlots as O, computed as l, createElementBlock as _, openBlock as u, normalizeClass as v, unref as e, createVNode as F, h as z, createBlock as A, withCtx as S, createCommentVNode as x, Fragment as M, mergeProps as R, renderSlot as b, createTextVNode as G, toDisplayString as $ } from "vue";
+import { createContext as T, useEmitAsProps as J, AvatarRoot as K, AvatarImage as Q, AvatarFallback as U } from "reka-ui";
+import { getComponentOptions as I, getBemBlock as j, getBemElement as f, generateVariantClassList as d, normCls as y, getComponentName as W } from "@pantograph/utils";
+import { cva as q } from "class-variance-authority";
+import { flattenChildren as X, installComponent as Y } from "@pantograph/utils-vue";
+import { HoverCard as Z } from "./HoverCard/index.js";
 import "./Icon/index.js";
-import { _ as te } from "./Indicator.vue_vue_type_script_setup_true_lang-BYE7yX5H.js";
-import { B as se } from "./BaseBadge.model-CahZXsyM.js";
-import { _ as ae } from "./Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
-const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
-  ...j("AvatarGroup"),
+import { _ as ee } from "./Indicator.vue_vue_type_script_setup_true_lang-Cd4asWR8.js";
+import { B as te } from "./BaseBadge.model-CahZXsyM.js";
+import { _ as se } from "./Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
+const [ae, oe] = T("AvatarGroup"), re = /* @__PURE__ */ V({
+  ...I("AvatarGroup"),
   __name: "AvatarGroup",
   props: {
     class: {},
@@ -22,12 +22,12 @@ const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
     noPopover: { type: Boolean }
   },
   setup(k) {
-    const s = k, g = F(), a = q("avatar"), o = d(a, "group"), B = D(o, {
+    const s = k, g = O(), a = j("avatar"), o = f(a, "group"), B = q(o, {
       variants: {
-        gutter: f("gutter", o)
+        gutter: d("gutter", o)
       }
     });
-    re({
+    oe({
       props: s
     });
     const i = l(() => s.maxCount ? Number(s.maxCount) : 0), C = l(
@@ -46,18 +46,18 @@ const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
         default:
           return "md";
       }
-    }), c = () => {
-      const n = Y(g.default ? g.default() : []), u = () => z(le, { text: `+${n.length - i.value}` });
+    }), m = () => {
+      const n = X(g.default ? g.default() : []), c = () => z(le, { text: `+${n.length - i.value}` });
       return i.value >= 1 && n.length > i.value ? [
         ...n.filter((h, p) => p < i.value),
-        s.noPopover ? u() : z(
-          ee,
+        s.noPopover ? c() : z(
+          Z,
           {
             size: r.value,
             ...s.popoverProps ?? {}
           },
           {
-            default: u,
+            default: c,
             content: () => z(
               "div",
               { class: y(C.value, s.class) },
@@ -69,17 +69,17 @@ const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
         )
       ] : n;
     };
-    return (n, u) => (m(), _("div", {
+    return (n, c) => (u(), _("div", {
       class: v(e(y)(C.value, s.class))
     }, [
-      I(c, { maxCount: n.maxCount }, null, 8, ["maxCount"])
+      F(m, { maxCount: n.maxCount }, null, 8, ["maxCount"])
     ], 2));
   }
-}), Ae = Z(ne, X("AvatarGroup")), w = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], E = ["gray-subtle", "white", ...se], N = ["circle", "square", "rect"], V = {
+}), Ae = Y(re, W("AvatarGroup")), ne = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], w = ["gray-subtle", "white", ...te], E = ["circle", "square", "rect"], N = {
   start: "online-start",
   end: "online-end"
-}, le = /* @__PURE__ */ O({
-  ...j("Avatar"),
+}, le = /* @__PURE__ */ V({
+  ...I("Avatar"),
   __name: "Avatar",
   props: {
     src: { default: "" },
@@ -101,36 +101,36 @@ const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
   },
   emits: ["loadingStatusChange"],
   setup(k, { emit: s }) {
-    const g = F(), a = q("avatar"), o = k, i = K(s), C = D(a, {
+    const g = O(), a = j("avatar"), o = k, i = J(s), C = q(a, {
       variants: {
-        size: f(w, a),
-        stroke: f(E, a),
-        shape: f(N, a),
-        onlineAlignment: f(
-          V,
+        size: d(ne, a),
+        stroke: d(w, a),
+        shape: d(E, a),
+        onlineAlignment: d(
+          N,
           a
         )
       }
-    }), r = o.unExtendParent ? void 0 : oe({
+    }), r = o.unExtendParent ? void 0 : ae({
       props: o
-    }), c = l(() => o.size ?? (r == null ? void 0 : r.props.size) ?? "md"), n = l(() => o.shape ?? (r == null ? void 0 : r.props.shape) ?? "circle"), u = l(() => o.stroke ?? (r == null ? void 0 : r.props.stroke)), h = l(() => {
-      const t = c.value && w.includes(c.value) ? c.value : "md", P = u.value && E.includes(u.value) ? u.value : "none", L = n.value && N.includes(n.value) ? n.value : "circle", M = V[o.onlineAlignment] ? o.onlineAlignment : "start";
+    }), m = l(() => o.size ?? (r == null ? void 0 : r.props.size) ?? "md"), n = l(() => o.shape ?? (r == null ? void 0 : r.props.shape) ?? "circle"), c = l(() => o.stroke ?? (r == null ? void 0 : r.props.stroke)), h = l(() => {
+      const t = m.value ?? "md", P = c.value && w.includes(c.value) ? c.value : "none", H = n.value && E.includes(n.value) ? n.value : "circle", L = N[o.onlineAlignment] ? o.onlineAlignment : "start";
       return {
         size: t,
         stroke: P,
-        shape: L,
-        onlineAlignment: M
+        shape: H,
+        onlineAlignment: L
       };
     }), p = l(() => {
-      switch (c.value) {
+      switch (m.value) {
         case "lg":
         case "xlg":
           return "tiny";
         default:
           return "tinier";
       }
-    }), H = l(() => {
-      switch (c.value) {
+    }), D = l(() => {
+      switch (m.value) {
         case "lg":
         case "xlg":
           return "sm";
@@ -143,45 +143,45 @@ const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
           return "xsm";
       }
     });
-    return (t, P) => (m(), A(e(Q), {
+    return (t, P) => (u(), A(e(K), {
       as: "div",
       class: v(e(y)(e(C)(h.value), o.class))
     }, {
       default: S(() => [
-        !g.default && !t.text ? (m(), _(R, { key: 0 }, [
-          t.src ? (m(), A(e(U), T({ key: 0 }, e(i), {
+        !g.default && !t.text ? (u(), _(M, { key: 0 }, [
+          t.src ? (u(), A(e(Q), R({ key: 0 }, e(i), {
             src: t.src,
             alt: t.alt,
-            class: e(d)(e(a), "image")
+            class: e(f)(e(a), "image")
           }), null, 16, ["src", "alt", "class"])) : x("", !0),
-          I(e(W), {
-            class: v(e(d)(e(a), "fallback"))
+          F(e(U), {
+            class: v(e(f)(e(a), "fallback"))
           }, {
             default: S(() => [
               b(t.$slots, "fallback", {}, () => [
-                t.fallback ? x("", !0) : (m(), A(e(ae), {
+                t.fallback ? x("", !0) : (u(), A(e(se), {
                   key: 0,
                   icon: t.icon,
-                  size: H.value
+                  size: D.value
                 }, null, 8, ["icon", "size"])),
                 G(" " + $(t.fallback), 1)
               ])
             ]),
             _: 3
           }, 8, ["class"])
-        ], 64)) : (m(), _("span", {
+        ], 64)) : (u(), _("span", {
           key: 1,
-          class: v(e(d)(e(a), "image"))
+          class: v(e(f)(e(a), "image"))
         }, [
           b(t.$slots, "default", {}, () => [
             G($(t.text), 1)
           ])
         ], 2)),
-        t.online ? (m(), A(te, {
+        t.online ? (u(), A(ee, {
           key: 2,
           color: t.onlineColor,
           size: p.value,
-          class: v(e(d)(e(a), "online"))
+          class: v(e(f)(e(a), "online"))
         }, null, 8, ["color", "size", "class"])) : x("", !0)
       ]),
       _: 3
@@ -189,13 +189,13 @@ const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
   }
 });
 export {
-  w as A,
+  ne as A,
   le as _,
-  E as a,
-  N as b,
-  V as c,
-  ne as d,
+  w as a,
+  E as b,
+  N as c,
+  re as d,
   Ae as e,
-  oe as i,
-  re as p
+  ae as i,
+  oe as p
 };

package/dist/Avatar.vue_vue_type_style_index_0_lang-DldQzFne.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("reka-ui"),t=require("@pantograph/utils"),h=require("class-variance-authority"),z=require("@pantograph/utils-vue"),b=require("./HoverCard/index.umd.cjs");require("./Icon/index.umd.cjs");const N=require("./Indicator.vue_vue_type_script_setup_true_lang-DFuzzwXK.js"),w=require("./BaseBadge.model-DecqxaGN.js"),L=require("./Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),[x,y]=p.createContext("AvatarGroup"),S=e.defineComponent({...t.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},stroke:{default:"white"},shape:{},popoverProps:{},maxCount:{},noPopover:{type:Boolean}},setup(g){const s=g,v=e.useSlots(),n=t.getBemBlock("avatar"),r=t.getBemElement(n,"group"),f=h.cva(r,{variants:{gutter:t.generateVariantClassList("gutter",r)}});y({props:s});const c=e.computed(()=>s.maxCount?Number(s.maxCount):0),d=e.computed(()=>f({gutter:s.gutter})),o=e.computed(()=>{switch(s.size){case"2xsm":case"xsm":case"sm":return"sm";case"lg":case"xlg":return"lg";default:return"md"}}),i=()=>{const l=z.flattenChildren(v.default?v.default():[]),u=()=>e.h(V,{text:`+${l.length-c.value}`});return c.value>=1&&l.length>c.value?[...l.filter((C,m)=>m<c.value),s.noPopover?u():e.h(b.HoverCard,{size:o.value,...s.popoverProps??{}},{default:u,content:()=>e.h("div",{class:t.normCls(d.value,s.class)},{default:()=>l.filter((C,m)=>m>=c.value)})})]:l};return(l,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(d.value,s.class))},[e.createVNode(i,{maxCount:l.maxCount},null,8,["maxCount"])],2))}}),O=z.installComponent(S,t.getComponentName("AvatarGroup")),P=["2xsm","xsm","sm","md","lg","xlg"],k=["gray-subtle","white",...w.BadgeColors],A=["circle","square","rect"],B={start:"online-start",end:"online-end"},V=e.defineComponent({...t.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{},stroke:{},shape:{},online:{type:Boolean},unExtendParent:{type:Boolean,default:!1},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},crossOrigin:{},delayMs:{}},emits:["loadingStatusChange"],setup(g,{emit:s}){const v=e.useSlots(),n=t.getBemBlock("avatar"),r=g,f=s,c=p.useEmitAsProps(f),d=h.cva(n,{variants:{size:t.generateVariantClassList(P,n),stroke:t.generateVariantClassList(k,n),shape:t.generateVariantClassList(A,n),onlineAlignment:t.generateVariantClassList(B,n)}}),o=r.unExtendParent?void 0:x({props:r}),i=e.computed(()=>r.size??(o==null?void 0:o.props.size)??"md"),l=e.computed(()=>r.shape??(o==null?void 0:o.props.shape)??"circle"),u=e.computed(()=>r.stroke??(o==null?void 0:o.props.stroke)),C=e.computed(()=>{const a=i.value??"md",_=u.value&&k.includes(u.value)?u.value:"none",E=l.value&&A.includes(l.value)?l.value:"circle",G=B[r.onlineAlignment]?r.onlineAlignment:"start";return{size:a,stroke:_,shape:E,onlineAlignment:G}}),m=e.computed(()=>{switch(i.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),q=e.computed(()=>{switch(i.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(a,_)=>(e.openBlock(),e.createBlock(e.unref(p.AvatarRoot),{as:"div",class:e.normalizeClass(e.unref(t.normCls)(e.unref(d)(C.value),r.class))},{default:e.withCtx(()=>[!v.default&&!a.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[a.src?(e.openBlock(),e.createBlock(e.unref(p.AvatarImage),e.mergeProps({key:0},e.unref(c),{src:a.src,alt:a.alt,class:e.unref(t.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.AvatarFallback),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"fallback",{},()=>[a.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(L._sfc_main),{key:0,icon:a.icon,size:q.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(a.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"image"))},[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(a.text),1)])],2)),a.online?(e.openBlock(),e.createBlock(N._sfc_main,{key:2,color:a.onlineColor,size:m.value,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarGroupPlugin=O;exports.AvatarOnlineAlignments=B;exports.AvatarShapes=A;exports.AvatarSizes=P;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=S;exports.injectAvatarGroupContext=x;exports.provideAvatarGroupContext=y;

package/dist/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { d as p, e, i, p as u } from "../Avatar.vue_vue_type_style_index_0_lang-CzFkAcKT.js";
+import { d as p, e, i, p as u } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../Avatar.vue_vue_type_style_index_0_lang-CX1z2Bid.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.AvatarGroup=r._sfc_main$1;exports.AvatarGroupPlugin=r.AvatarGroupPlugin;exports.injectAvatarGroupContext=r.injectAvatarGroupContext;exports.provideAvatarGroupContext=r.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../Avatar.vue_vue_type_style_index_0_lang-DldQzFne.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.AvatarGroup=r._sfc_main$1;exports.AvatarGroupPlugin=r.AvatarGroupPlugin;exports.injectAvatarGroupContext=r.injectAvatarGroupContext;exports.provideAvatarGroupContext=r.provideAvatarGroupContext;

package/dist/Badge/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../Badge.vue_vue_type_script_setup_true_lang-CxBSrreK.js";
+import { _ as o } from "../Badge.vue_vue_type_script_setup_true_lang-BYCiP2uS.js";
 import { installComponent as a } from "@pantograph/utils-vue";
 import { getComponentName as m } from "@pantograph/utils";
 const r = a(o, m("Badge"));

package/dist/Badge/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Badge.vue_vue_type_script_setup_true_lang-Ck1_dbLq.js"),t=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,u.getComponentName("Badge"));exports.Badge=e._sfc_main;exports.default=e._sfc_main;exports.BadgePlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Badge.vue_vue_type_script_setup_true_lang-BVE5H-tP.js"),t=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,u.getComponentName("Badge"));exports.Badge=e._sfc_main;exports.default=e._sfc_main;exports.BadgePlugin=n;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-Ck1_dbLq.js → Badge.vue_vue_type_script_setup_true_lang-BVE5H-tP.js}

@@ -1 +1 @@
-"use strict";const o=require("vue"),f=require("es-toolkit"),B=require("./BaseBadge.vue_vue_type_style_index_0_lang-O-9lK4KI.js"),m=require("@pantograph/utils"),s=require("./BaseBadge.model-DecqxaGN.js"),r=require("@pantograph/tokens"),_=o.defineComponent({...m.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},customStroke:{type:Boolean},size:{},color:{default:"primary"}},setup(n){const e=n,a=o.useAttrs(),t=[...s.BadgeColors,...s.BadgeColorsSubtle],i=[...s.BadgeColors,...s.BadgeColorsSubtle],u=()=>{if(i.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-6");if(e.color==="yellow")return r.getCssCoreColor("grayscale-dark-0");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-5`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor("grayscale-light-0")}},g=()=>{if(t.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-1");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-0`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor(`${e.color}-5`)}},C=o.computed(()=>e.color&&t.includes(e.color)?{bg:g(),fg:u()}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}),d=o.computed(()=>({...f.omit(a,["type"]),...e,...C.value}));return(l,y)=>(o.openBlock(),o.createBlock(B._sfc_main,o.mergeProps(d.value,{type:"pill"}),o.createSlots({_:2},[o.renderList(Object.keys(l.$slots),c=>({name:c,fn:o.withCtx(p=>[o.renderSlot(l.$slots,c,o.normalizeProps(o.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=_;
+"use strict";const o=require("vue"),f=require("es-toolkit"),B=require("./BaseBadge.vue_vue_type_style_index_0_lang-DQMQ2WbE.js"),m=require("@pantograph/utils"),s=require("./BaseBadge.model-DecqxaGN.js"),r=require("@pantograph/tokens"),_=o.defineComponent({...m.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},customStroke:{type:Boolean},size:{},color:{default:"primary"}},setup(n){const e=n,a=o.useAttrs(),t=[...s.BadgeColors,...s.BadgeColorsSubtle],i=[...s.BadgeColors,...s.BadgeColorsSubtle],u=()=>{if(i.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-6");if(e.color==="yellow")return r.getCssCoreColor("grayscale-dark-0");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-5`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor("grayscale-light-0")}},g=()=>{if(t.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-1");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-0`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor(`${e.color}-5`)}},C=o.computed(()=>e.color&&t.includes(e.color)?{bg:g(),fg:u()}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}),d=o.computed(()=>({...f.omit(a,["type"]),...e,...C.value}));return(l,y)=>(o.openBlock(),o.createBlock(B._sfc_main,o.mergeProps(d.value,{type:"pill"}),o.createSlots({_:2},[o.renderList(Object.keys(l.$slots),c=>({name:c,fn:o.withCtx(p=>[o.renderSlot(l.$slots,c,o.normalizeProps(o.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=_;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-CxBSrreK.js → Badge.vue_vue_type_script_setup_true_lang-BYCiP2uS.js}

@@ -1,6 +1,6 @@
 import { defineComponent as y, useAttrs as C, computed as n, createBlock as b, openBlock as B, mergeProps as _, createSlots as $, renderList as k, withCtx as S, renderSlot as h, normalizeProps as v, guardReactiveProps as O } from "vue";
 import { omit as P } from "es-toolkit";
-import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-DAiX2m7y.js";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-Xgu4prlJ.js";
 import { getComponentOptions as x } from "@pantograph/utils";
 import { B as e, a as t } from "./BaseBadge.model-CahZXsyM.js";
 import { getCssCoreColor as r } from "@pantograph/tokens";

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-DQMQ2WbE.js

@@ -0,0 +1 @@
+"use strict";const s=require("vue"),n=require("@pantograph/utils"),q=require("class-variance-authority"),v=require("@pantograph/utils-vue"),p=require("./BaseBadge.model-DecqxaGN.js");require("./Icon/index.umd.cjs");const k=require("./ConfigProvider/index.umd.cjs"),L=require("./Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),V=s.defineComponent({...n.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},customStroke:{type:Boolean},flipOnDir:{}},setup(B){const{getFlipOnDir:x}=k.useConfig(),b=x("flipOnDir"),i=n.getBemBlock("badge"),e=B,h=q.cva(i,{variants:{size:n.generateVariantClassList(p.BadgeSizes,i),type:n.generateVariantClassList(p.BadgeTypes,i),text:n.generateVariantClassList("text",i),icon:n.generateVariantClassList("icon",i),br:n.generateVariantClassList("br",i)}}),a=s.useSlots(),o=s.computed(()=>p.BadgeTypes.includes(e.type)?e.type:"pill"),f=s.computed(()=>{let t=e.size??"md";return t==="sm"&&o.value!=="rect"?o.value==="minify"?t="tiny":o.value==="pill"&&(t="md"):o.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":o.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),C=s.computed(()=>{switch(f.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),S=()=>{var y,_;const t=[];let c,r;const l=e.type==="minify";l||(c=(y=a.icon)==null?void 0:y.call(a,{}),r=(_=a.default)==null?void 0:_.call(a,{}));const m=!l&&!v.isEmptyElement(r),d=!l&&!v.isEmptyElement(c),u=!!(e.text===0||!n.isEmptyLikeLodash(e.text)||m),g=!!(e.icon||d);(e.type==="rect"&&u?!1:g)&&t.push(s.h(L._sfc_main,{icon:e.icon,size:C.value,flipOnDir:b.value,customStroke:e.customStroke},d?{default:()=>c}:void 0)),u&&(m?t.push(r):t.push(e.text));const z={size:f.value,type:o.value,text:u,icon:g,br:!!e.br};return s.h("div",{class:n.normCls(h(z),e.class),style:{"--ptc-badge-fg":e.fg,"--ptc-badge-bg":e.bg,"--ptc-badge-br":e.br}},t)};return(t,c)=>(s.openBlock(),s.createBlock(S))}});exports._sfc_main=V;

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-DAiX2m7y.js → BaseBadge.vue_vue_type_style_index_0_lang-Xgu4prlJ.js}

@@ -1,13 +1,13 @@
-import { defineComponent as O, useSlots as I, computed as p, createBlock as E, openBlock as L, h as x } from "vue";
-import { getComponentOptions as w, getBemBlock as F, generateVariantClassList as o, isEmptyLikeLodash as G, normCls as M } from "@pantograph/utils";
-import { cva as P } from "class-variance-authority";
+import { defineComponent as D, useSlots as O, computed as p, createBlock as I, openBlock as E, h as x } from "vue";
+import { getComponentOptions as L, getBemBlock as w, generateVariantClassList as o, isEmptyLikeLodash as F, normCls as G } from "@pantograph/utils";
+import { cva as M } from "class-variance-authority";
 import { isEmptyElement as b } from "@pantograph/utils-vue";
-import { b as v, c as B } from "./BaseBadge.model-CahZXsyM.js";
+import { b as v, c as P } from "./BaseBadge.model-CahZXsyM.js";
 import "./Icon/index.js";
 import { useConfig as T } from "./ConfigProvider/index.js";
 import { _ as V } from "./Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
-const R = /* @__PURE__ */ O({
-  ...w("BaseBadge"),
+const R = /* @__PURE__ */ D({
+  ...L("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
@@ -21,19 +21,19 @@ const R = /* @__PURE__ */ O({
     customStroke: { type: Boolean },
     flipOnDir: {}
   },
-  setup(_) {
-    const { getFlipOnDir: S } = T(), h = S("flipOnDir"), i = F("badge"), e = _, z = P(i, {
+  setup(B) {
+    const { getFlipOnDir: _ } = T(), S = _("flipOnDir"), i = w("badge"), e = B, h = M(i, {
       variants: {
-        size: o(B, i),
+        size: o(P, i),
         type: o(v, i),
         text: o("text", i),
         icon: o("icon", i),
         br: o("br", i)
       }
-    }), n = I(), s = p(() => v.includes(e.type) ? e.type : "pill"), m = p(() => {
-      let t = B.includes(e.size) ? e.size : "md";
+    }), n = O(), s = p(() => v.includes(e.type) ? e.type : "pill"), m = p(() => {
+      let t = e.size ?? "md";
       return t === "sm" && s.value !== "rect" ? s.value === "minify" ? t = "tiny" : s.value === "pill" && (t = "md") : s.value === "minify" && !["tiny", "tinier"].includes(t) ? t = "tiny" : s.value !== "minify" && ["tiny", "tinier"].includes(t) && (t = "md"), t;
-    }), k = p(() => {
+    }), z = p(() => {
       switch (m.value) {
         case "sm":
           return "xsm";
@@ -45,20 +45,20 @@ const R = /* @__PURE__ */ O({
         default:
           return "sm";
       }
-    }), C = () => {
+    }), k = () => {
       var y, g;
       const t = [];
       let c, r;
       const a = e.type === "minify";
       a || (c = (y = n.icon) == null ? void 0 : y.call(n, {}), r = (g = n.default) == null ? void 0 : g.call(n, {}));
-      const f = !a && !b(r), u = !a && !b(c), l = !!(e.text === 0 || !G(e.text) || f), d = !!(e.icon || u);
+      const f = !a && !b(r), u = !a && !b(c), l = !!(e.text === 0 || !F(e.text) || f), d = !!(e.icon || u);
       (e.type === "rect" && l ? !1 : d) && t.push(
         x(
           V,
           {
             icon: e.icon,
-            size: k.value,
-            flipOnDir: h.value,
+            size: z.value,
+            flipOnDir: S.value,
             customStroke: e.customStroke
           },
           u ? {
@@ -66,7 +66,7 @@ const R = /* @__PURE__ */ O({
           } : void 0
         )
       ), l && (f ? t.push(r) : t.push(e.text));
-      const D = {
+      const C = {
         size: m.value,
         type: s.value,
         text: l,
@@ -76,7 +76,7 @@ const R = /* @__PURE__ */ O({
       return x(
         "div",
         {
-          class: M(z(D), e.class),
+          class: G(h(C), e.class),
           style: {
             "--ptc-badge-fg": e.fg,
             "--ptc-badge-bg": e.bg,
@@ -86,7 +86,7 @@ const R = /* @__PURE__ */ O({
         t
       );
     };
-    return (t, c) => (L(), E(C));
+    return (t, c) => (E(), I(k));
   }
 });
 export {

package/dist/BaseButton.vue_vue_type_style_index_0_lang-CLFsLZTl.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),I=require("./Icon.vue_vue_type_style_index_0_lang-DOQsa_aO.js"),N=require("./Spinner.vue_vue_type_style_index_0_lang-C6vFiHl7.js"),$=require("./Badge.vue_vue_type_script_setup_true_lang-BVE5H-tP.js"),G=require("reka-ui"),s=require("./index-DzG8mnap.js"),A=require("./ConfigProvider/index.umd.cjs"),S=require("@pantograph/utils-vue"),a=require("@pantograph/utils"),j=require("class-variance-authority"),i=a.getBemBlock("button"),z=j.cva(i,{variants:{size:a.generateVariantClassList(s.ButtonSizes,i),type:a.generateVariantClassList(s.ButtonTypes,i),color:a.generateVariantClassList(s.ButtonColors,i),variant:a.generateVariantClassList(s.ButtonVariants,i),action:a.generateVariantClassList("action",i),active:a.generateVariantClassList("active",i),text:a.generateVariantClassList("text",i),preIcon:a.generateVariantClassList("preIcon",i),postIcon:a.generateVariantClassList("postIcon",i),loading:a.generateVariantClassList("loading",i),block:a.generateVariantClassList("block",i),noRing:a.generateVariantClassList("no-ring",i)}}),K=e.defineComponent({...a.getComponentOptions("BaseButton"),__name:"BaseButton",props:{as:{},class:{},text:{},size:{},color:{default:"primary"},noRing:{type:Boolean},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},customStroke:{type:Boolean},preIconCustomStroke:{type:Boolean},postIconCustomStroke:{type:Boolean},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{default:"button"},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},emits:["click"],setup(h,{expose:V,emit:x}){const o=h,{getFlipOnDir:u}=A.useConfig(),D=u("flipOnDir"),O=u("preIconFlipOnDir"),L=u("postIconFlipOnDir"),T=u("badgeIconFlipOnDir"),y=s.injectButtonGroupContext({}),p=e.computed(()=>{var t;return o.variant??((t=y.props)==null?void 0:t.variant)??"simple"}),r=e.computed(()=>["icon","float"].includes(p.value)||(n.icon||o.icon)&&!(o.text||n.default||o.preIcon||n.preIcon||o.postIcon||n.postIcon)),n=e.useSlots(),{getDisabled:g,getSize:m}=S.useFormInput({getSize:()=>{var t;return o.size??((t=y.props)==null?void 0:t.size)},defaults:{size:"md"},exports:["getDisabled","getSize"]}),q=e.computed(()=>{let t=s.ButtonTypes.includes(o.type)?o.type:"fill";const f=m.value??"md";let l=o.color&&s.ButtonColors.includes(o.color)?o.color:"primary",c=p.value&&s.ButtonVariants.includes(p.value)?p.value:"simple";return o.action?((c==="float"||r.value)&&(c="icon"),t==="fill"&&(t="outline"),l=void 0):c==="float"&&(t==="ghost"&&(t="fill"),["primary","neutral"].includes(l)||(l="primary")),{size:f,type:t,color:l,variant:c,action:!!o.action,active:!!o.active,loading:!!o.loading,block:!!o.block,noRing:!!o.noRing,text:!r.value&&!!(o.text||n.default),preIcon:!r.value&&!!(o.preIcon||n.preIcon),postIcon:!r.value&&!!(o.postIcon||n.postIcon)}}),v=e.computed(()=>{switch(m.value){case"lg":return"sm";case"sm":return"2xsm";default:return"xsm"}}),F=e.computed(()=>{switch(m.value){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),k="2xsm",b=e.ref(0),C=e.computed(()=>o.as?o.as:o.href?"a":"button");e.watch(C,()=>{b.value++});const P=e.computed(()=>{const t={disabled:g.value};return o.href&&(t.href=o.href,t.target=o.target),o.htmlType&&(t.type=o.htmlType),o.hover&&(t["data-hover"]=""),t}),B=e.ref();V({focus(){var t;(t=B.value)==null||t.focus()},blur(){var t;(t=B.value)==null||t.blur()}});const w=x,R=t=>{if(o.loading||o.disabled){t.preventDefault(),t.stopPropagation();return}w("click",t)},E=()=>{var t,d,f;if(o.action&&o.active&&!r.value){const l=(t=n.badge)==null?void 0:t.call(n,{color:g.value?"gray":"primary",size:k});if(!S.isEmptyElement(l))return l;const c=(d=n.badgeText)==null?void 0:d.call(n,{}),_=(f=n.badgeIcon)==null?void 0:f.call(n,{});if(o.badgeText||c||o.badgeIcon||_)return e.h($._sfc_main,{text:o.badgeText,icon:o.badgeIcon,flipOnDir:T.value,color:g.value?"gray":"primary",size:k},{default:c?n.badgeText:void 0,icon:_?n.badgeIcon:void 0})}return null};return(t,d)=>(e.openBlock(),e.createBlock(e.unref(G.Primitive),e.mergeProps({as:C.value,key:String(b.value),class:e.unref(a.normCls)(e.unref(z)(q.value),o.class),ref_key:"buttonRef",ref:B},P.value,{onClick:R}),{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(N._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(i),"loading")),size:v.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||n.preIcon)&&!r.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:0,flipOnDir:e.unref(O),icon:t.preIcon,size:v.value,customStroke:t.preIconCustomStroke},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size","customStroke"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:1,icon:t.icon,size:F.value,flipOnDir:e.unref(D),customStroke:t.customStroke},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir","customStroke"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),e.createVNode(E),(t.postIcon||n.postIcon)&&!r.value?(e.openBlock(),e.createBlock(I._sfc_main,{key:3,flipOnDir:e.unref(L),customStroke:t.postIconCustomStroke,icon:t.postIcon,size:v.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","customStroke","icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},16,["as","class"]))}});exports._sfc_main=K;exports.buttonPrefix=i;exports.buttonVariantsClass=z;