@pantograph/vue 0.28.0 → 0.28.2

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-C0xZ6m49.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-B58mCIDb.js";
 export {
   a as ActionButton,
   e as default

package/dist/ActionButton/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ActionButton.vue_vue_type_script_setup_true_lang-CyCrRVTK.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ActionButton.vue_vue_type_script_setup_true_lang-Dd2-pYUT.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-C0xZ6m49.js → ActionButton.vue_vue_type_script_setup_true_lang-B58mCIDb.js}

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-CyCrRVTK.js → ActionButton.vue_vue_type_script_setup_true_lang-Dd2-pYUT.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-BghRlm-s.js"),_=require("@pantograph/utils-vue"),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:{},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 i=r,a=e.useAttrs(),c=e.computed(()=>({...p.omit(a,["color","type","variant","action"]),...i})),o=e.ref();return s({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(c.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-D2WO6pVz.js"),_=require("@pantograph/utils-vue"),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:{},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 i=r,a=e.useAttrs(),c=e.computed(()=>({...p.omit(a,["color","type","variant","action"]),...i})),o=e.ref();return s({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(c.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Alert/index.js

@@ -1,4 +1,4 @@
-import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-_hTeoKJU.js";
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-CDmiw-No.js";
 export {
   r as Alert,
   s as AlertTypes,

package/dist/Alert/index.umd.cjs

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

package/dist/{Alert.vue_vue_type_style_index_0_lang-Dh2G44fS.js → Alert.vue_vue_type_style_index_0_lang-CAX3NQfW.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("@pantograph/utils-vue"),y=require("./IconButton.vue_vue_type_script_setup_true_lang-Duk4aN8-.js"),B=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-B1yA0-fJ.js"),k=require("./Link.vue_vue_type_style_index_0_lang-CZKJpHXw.js"),i=["info","success","danger","warning","hint"],b=e.defineComponent({...g.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(c,{emit:u}){const r=c,m=u,n=l.getBemBlock("alert"),p=C.cva(n,{variants:{type:l.generateVariantClassList(i,n)}}),o=e.useSlots(),d={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},s=e.computed(()=>r.icon??d[r.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(p)({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||s.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:s.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(k._sfc_main),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(y._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=f=>m("close",f))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;
+"use strict";const e=require("vue"),l=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("@pantograph/utils-vue"),y=require("./IconButton.vue_vue_type_script_setup_true_lang-BHP9OGT0.js"),B=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-B1yA0-fJ.js"),k=require("./Link.vue_vue_type_style_index_0_lang-CZKJpHXw.js"),i=["info","success","danger","warning","hint"],b=e.defineComponent({...g.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(c,{emit:u}){const r=c,m=u,n=l.getBemBlock("alert"),p=C.cva(n,{variants:{type:l.generateVariantClassList(i,n)}}),o=e.useSlots(),d={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},s=e.computed(()=>r.icon??d[r.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(p)({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||s.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:s.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(k._sfc_main),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(y._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=f=>m("close",f))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;

package/dist/{Alert.vue_vue_type_style_index_0_lang-_hTeoKJU.js → Alert.vue_vue_type_style_index_0_lang-CDmiw-No.js}

@@ -2,7 +2,7 @@ import { defineComponent as h, useSlots as S, computed as V, createElementBlock
 import { getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a } from "@pantograph/utils";
 import { cva as L } from "class-variance-authority";
 import { getComponentOptions as M } from "@pantograph/utils-vue";
-import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-BUIJKHGa.js";
+import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-BmqsHwgy.js";
 import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CeT1O_S8.js";
 import { _ as j } from "./Link.vue_vue_type_style_index_0_lang-C9Cgyex5.js";
 const q = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ h({

package/dist/Avatar/Avatar.d.ts

@@ -10,6 +10,7 @@ export interface AvatarProps extends Omit<AvatarImageProps, 'asChild' | 'as' | '
     stroke?: AvatarStroke;
     shape?: AvatarShape;
     online?: boolean;
+    unExtendParent?: boolean;
     alt?: string;
     fallback?: string;
     text?: string;
@@ -37,6 +38,7 @@ declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}
     shape: AvatarShape;
     src: string;
     onlineColor: BadgeColor;
+    unExtendParent: boolean;
     onlineAlignment: AvatarOnlineAlignment;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/Avatar/index.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-D_SXlwkT.js";
+import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-BKqLMGIV.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-DFFrnopY.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-BY1eF6-d.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;

package/dist/{Avatar.vue_vue_type_style_index_0_lang-D_SXlwkT.js → Avatar.vue_vue_type_style_index_0_lang-BKqLMGIV.js}

@@ -1,6 +1,6 @@
-import { defineComponent as O, useSlots as F, computed as n, createElementBlock as y, openBlock as i, normalizeClass as v, unref as t, createVNode as I, h as x, createBlock as A, withCtx as P, createCommentVNode as _, Fragment as R, mergeProps as T, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
+import { defineComponent as O, useSlots as F, computed as o, createElementBlock as y, openBlock as c, normalizeClass as v, unref as t, createVNode as I, h as x, createBlock as A, withCtx as B, createCommentVNode as _, Fragment as R, mergeProps as T, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
 import { createContext as H, useEmitAsProps as J, AvatarRoot as K, AvatarImage as Q, AvatarFallback as U } from "reka-ui";
-import { getBemBlock as j, getBemElement as f, generateVariantClassList as d, normCls as S } from "@pantograph/utils";
+import { getBemBlock as j, getBemElement as f, generateVariantClassList as d, normCls as P } from "@pantograph/utils";
 import { cva as q } from "class-variance-authority";
 import { getComponentOptions as D, flattenChildren as W } from "@pantograph/utils-vue";
 import { _ as X } from "./HoverCard.vue_vue_type_style_index_0_lang-DJYtpCcR.js";
@@ -20,21 +20,21 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
     noPopover: { type: Boolean }
   },
   setup(C) {
-    const s = C, g = F(), o = n(() => s.size), a = n(() => s.shape), B = j("avatar"), h = f(B, "group"), z = q(h, {
+    const a = C, g = F(), r = o(() => a.size), s = o(() => a.shape), S = j("avatar"), h = f(S, "group"), z = q(h, {
       variants: {
         gutter: d("gutter", h)
       }
     });
     te({
-      size: o,
-      shape: a
+      size: r,
+      shape: s
     });
-    const l = n(() => s.maxCount ? Number(s.maxCount) : 0), c = n(
+    const n = o(() => a.maxCount ? Number(a.maxCount) : 0), i = o(
       () => z({
-        gutter: s.gutter
+        gutter: a.gutter
       })
-    ), m = n(() => {
-      switch (s.size) {
+    ), m = o(() => {
+      switch (a.size) {
         case "2xsm":
         case "xsm":
         case "sm":
@@ -46,35 +46,35 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
           return "md";
       }
     }), k = () => {
-      const r = W(g.default ? g.default() : []), p = () => x(se, { text: `+${r.length - l.value}` });
-      return l.value >= 1 && r.length > l.value ? [
-        ...r.filter((e, u) => u < l.value),
-        s.noPopover ? p() : x(
+      const l = W(g.default ? g.default() : []), p = () => x(se, { text: `+${l.length - n.value}` });
+      return n.value >= 1 && l.length > n.value ? [
+        ...l.filter((e, u) => u < n.value),
+        a.noPopover ? p() : x(
           X,
           {
             size: m.value,
-            ...s.popoverProps ?? {}
+            ...a.popoverProps ?? {}
           },
           {
             default: p,
             content: () => x(
               "div",
-              { class: S(c.value, s.class) },
+              { class: P(i.value, a.class) },
               {
-                default: () => r.filter((e, u) => u >= l.value)
+                default: () => l.filter((e, u) => u >= n.value)
               }
             )
           }
         )
-      ] : r;
+      ] : l;
     };
-    return (r, p) => (i(), y("div", {
-      class: v(t(S)(c.value, s.class))
+    return (l, p) => (c(), y("div", {
+      class: v(t(P)(i.value, a.class))
     }, [
-      I(k, { maxCount: r.maxCount }, null, 8, ["maxCount"])
+      I(k, { maxCount: l.maxCount }, null, 8, ["maxCount"])
     ], 2));
   }
-}), G = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
+}), E = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], G = ["gray", "white"], N = ["circle", "square", "rect"], V = {
   start: "online-start",
   end: "online-end"
 }, se = /* @__PURE__ */ O({
@@ -88,6 +88,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
     stroke: {},
     shape: { default: "circle" },
     online: { type: Boolean },
+    unExtendParent: { type: Boolean, default: !1 },
     alt: {},
     fallback: {},
     text: {},
@@ -98,38 +99,38 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
     delayMs: {}
   },
   emits: ["loadingStatusChange"],
-  setup(C, { emit: s }) {
-    const g = F(), o = j("avatar"), a = C, h = J(s), z = q(o, {
+  setup(C, { emit: a }) {
+    const g = F(), r = j("avatar"), s = C, h = J(a), z = q(r, {
       variants: {
-        size: d(G, o),
-        stroke: d(N, o),
-        shape: d(V, o),
+        size: d(E, r),
+        stroke: d(G, r),
+        shape: d(N, r),
         onlineAlignment: d(
-          E,
-          o
+          V,
+          r
         )
       }
-    }), l = ee({
-      size: n(() => a.size),
-      shape: n(() => a.shape)
-    }), c = n(() => l.size.value ?? a.size), m = n(() => l.shape.value ?? a.shape), k = n(() => {
-      const e = c.value && G.includes(c.value) ? c.value : "md", u = a.stroke && N.includes(a.stroke) ? a.stroke : "none", L = m.value && V.includes(m.value) ? m.value : "circle", M = E[a.onlineAlignment] ? a.onlineAlignment : "start";
+    }), n = s.unExtendParent ? void 0 : ee({
+      size: o(() => s.size),
+      shape: o(() => s.shape)
+    }), i = o(() => (n == null ? void 0 : n.size.value) ?? s.size), m = o(() => (n == null ? void 0 : n.shape.value) ?? s.shape), k = o(() => {
+      const e = i.value && E.includes(i.value) ? i.value : "md", u = s.stroke && G.includes(s.stroke) ? s.stroke : "none", L = m.value && N.includes(m.value) ? m.value : "circle", M = V[s.onlineAlignment] ? s.onlineAlignment : "start";
       return {
         size: e,
         stroke: u,
         shape: L,
         onlineAlignment: M
       };
-    }), r = n(() => {
-      switch (c.value) {
+    }), l = o(() => {
+      switch (i.value) {
         case "lg":
         case "xlg":
           return "tiny";
         default:
           return "tinier";
       }
-    }), p = n(() => {
-      switch (c.value) {
+    }), p = o(() => {
+      switch (i.value) {
         case "lg":
         case "xlg":
           return "sm";
@@ -142,23 +143,23 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
           return "xsm";
       }
     });
-    return (e, u) => (i(), A(t(K), {
+    return (e, u) => (c(), A(t(K), {
       as: "div",
-      class: v(t(S)(t(z)(k.value), a.class))
+      class: v(t(P)(t(z)(k.value), s.class))
     }, {
-      default: P(() => [
-        !g.default && !e.text ? (i(), y(R, { key: 0 }, [
-          e.src ? (i(), A(t(Q), T({ key: 0 }, t(h), {
+      default: B(() => [
+        !g.default && !e.text ? (c(), y(R, { key: 0 }, [
+          e.src ? (c(), A(t(Q), T({ key: 0 }, t(h), {
             src: e.src,
             alt: e.alt,
-            class: t(f)(t(o), "image")
+            class: t(f)(t(r), "image")
           }), null, 16, ["src", "alt", "class"])) : _("", !0),
           I(t(U), {
-            class: v(t(f)(t(o), "fallback"))
+            class: v(t(f)(t(r), "fallback"))
           }, {
-            default: P(() => [
+            default: B(() => [
               b(e.$slots, "fallback", {}, () => [
-                e.fallback ? _("", !0) : (i(), A(t(Y), {
+                e.fallback ? _("", !0) : (c(), A(t(Y), {
                   key: 0,
                   icon: e.icon,
                   size: p.value
@@ -168,19 +169,19 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
             ]),
             _: 3
           }, 8, ["class"])
-        ], 64)) : (i(), y("span", {
+        ], 64)) : (c(), y("span", {
           key: 1,
-          class: v(t(f)(t(o), "image"))
+          class: v(t(f)(t(r), "image"))
         }, [
           b(e.$slots, "default", {}, () => [
             $(w(e.text), 1)
           ])
         ], 2)),
-        e.online ? (i(), A(Z, {
+        e.online ? (c(), A(Z, {
           key: 2,
           color: e.onlineColor,
-          size: r.value,
-          class: v(t(f)(t(o), "online"))
+          size: l.value,
+          class: v(t(f)(t(r), "online"))
         }, null, 8, ["color", "size", "class"])) : _("", !0)
       ]),
       _: 3
@@ -188,11 +189,11 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
   }
 });
 export {
-  G as A,
+  E as A,
   se as _,
-  N as a,
-  V as b,
-  E as c,
+  G as a,
+  N as b,
+  V as c,
   pe as d,
   ee as i,
   te as p

package/dist/Avatar.vue_vue_type_style_index_0_lang-BY1eF6-d.js

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

package/dist/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-D_SXlwkT.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-BKqLMGIV.js";
 export {
   t as AvatarGroup,
   o as injectAvatarGroupContext,

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-DFFrnopY.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-BY1eF6-d.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/BaseButton.vue_vue_type_style_index_0_lang-D2WO6pVz.js

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-D2cKm_bz.js → BaseButton.vue_vue_type_style_index_0_lang-QDColA3Q.js}

@@ -1,9 +1,9 @@
-import { defineComponent as M, computed as i, useSlots as Q, ref as T, watch as U, createBlock as f, openBlock as u, unref as r, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as C, renderSlot as I, createVNode as Z, createTextVNode as ee, toDisplayString as oe, normalizeClass as te, h as ne } from "vue";
+import { defineComponent as M, computed as l, useSlots as Q, ref as T, watch as U, createBlock as f, openBlock as u, unref as r, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as C, renderSlot as I, createVNode as Z, createTextVNode as ee, toDisplayString as oe, normalizeClass as te, h as ne } from "vue";
 import { _ as h } from "./Icon.vue_vue_type_style_index_0_lang-DPe3mUfh.js";
 import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-Cgo_qdud.js";
 import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-C1_SBsMO.js";
 import { Primitive as le } from "reka-ui";
-import { B as _, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js";
+import { B as _, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CJQAJRHk.js";
 import { getBemBlock as se, generateVariantClassList as a, normCls as ce, getBemElement as pe } from "@pantograph/utils";
 import { u as ue } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
 import { getComponentOptions as fe, useFormInput as de, isEmptyElement as me } from "@pantograph/utils-vue";
@@ -56,16 +56,19 @@ const n = se("button"), ve = ge(n, {
   },
   emits: ["click"],
   setup(R, { expose: V, emit: w }) {
-    const e = R, { getFlipOnDir: d } = ue(), E = d("flipOnDir"), N = d("preIconFlipOnDir"), G = d("postIconFlipOnDir"), j = d("badgeIconFlipOnDir"), k = re({
-      size: i(() => e.size),
-      variant: i(() => e.variant)
-    }), m = i(() => e.variant ?? k.variant.value ?? "simple"), l = i(
+    const e = R, { getFlipOnDir: d } = ue(), E = d("flipOnDir"), N = d("preIconFlipOnDir"), G = d("postIconFlipOnDir"), j = d("badgeIconFlipOnDir"), k = re({}), m = l(() => {
+      var o;
+      return e.variant ?? ((o = k.props) == null ? void 0 : o.variant) ?? "simple";
+    }), i = l(
       () => ["icon", "float"].includes(m.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
-    ), t = Q(), { getDisabled: b, getSize: y } = de({ getSize: () => e.size ?? k.size.value }), A = i(() => {
+    ), t = Q(), { getDisabled: b, getSize: y } = de({ getSize: () => {
+      var o;
+      return e.size ?? ((o = k.props) == null ? void 0 : o.size);
+    } }), A = l(() => {
       let o = P.includes(e.type) ? e.type : "fill";
       const s = y.value, g = s && $.includes(s) ? s : "md";
       let c = e.color && F.includes(e.color) ? e.color : "primary", p = m.value && _.includes(m.value) ? m.value : "simple";
-      return e.action ? ((p === "float" || l.value) && (p = "icon"), o === "fill" && (o = "outline"), c = void 0) : p === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
+      return e.action ? ((p === "float" || i.value) && (p = "icon"), o === "fill" && (o = "outline"), c = void 0) : p === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
         size: g,
         type: o,
         color: c,
@@ -75,11 +78,11 @@ const n = se("button"), ve = ge(n, {
         loading: !!e.loading,
         block: !!e.block,
         noRing: !!e.noRing,
-        text: !l.value && !!(e.text || t.default),
-        preIcon: !l.value && !!(e.preIcon || t.preIcon),
-        postIcon: !l.value && !!(e.postIcon || t.postIcon)
+        text: !i.value && !!(e.text || t.default),
+        preIcon: !i.value && !!(e.preIcon || t.preIcon),
+        postIcon: !i.value && !!(e.postIcon || t.postIcon)
       };
-    }), B = i(() => {
+    }), B = l(() => {
       switch (y.value) {
         case "lg":
           return "sm";
@@ -88,7 +91,7 @@ const n = se("button"), ve = ge(n, {
         default:
           return "xsm";
       }
-    }), K = i(() => {
+    }), K = l(() => {
       switch (y.value) {
         case "sm":
           return "3xsm";
@@ -98,11 +101,11 @@ const n = se("button"), ve = ge(n, {
         default:
           return "2xsm";
       }
-    }), x = "2xsm", D = T(0), O = i(() => e.as ? e.as : e.href ? "a" : "button");
+    }), x = "2xsm", D = T(0), O = l(() => e.as ? e.as : e.href ? "a" : "button");
     U(O, () => {
       D.value++;
     });
-    const L = i(() => {
+    const L = l(() => {
       const o = {
         disabled: b.value
       };
@@ -125,10 +128,10 @@ const n = se("button"), ve = ge(n, {
       }
       q("click", o);
     };
-    i(() => e.action && e.active && !l.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
+    l(() => e.action && e.active && !i.value && (e.badgeText || t.badgeText || e.badgeIcon || t.badgeIcon || t.badge));
     const J = () => {
       var o, s, g;
-      if (e.action && e.active && !l.value) {
+      if (e.action && e.active && !i.value) {
         const c = (o = t.badge) == null ? void 0 : o.call(t, {
           color: b.value ? "gray" : "primary",
           size: x
@@ -166,7 +169,7 @@ const n = se("button"), ve = ge(n, {
           class: te(r(pe)(r(n), "loading")),
           size: B.value
         }, null, 8, ["class", "size"])) : (u(), X(Y, { key: 0 }, [
-          (o.preIcon || t.preIcon) && !l.value ? (u(), f(h, {
+          (o.preIcon || t.preIcon) && !i.value ? (u(), f(h, {
             key: 0,
             flipOnDir: r(N),
             icon: o.preIcon,
@@ -177,7 +180,7 @@ const n = se("button"), ve = ge(n, {
             ]),
             _: 3
           }, 8, ["flipOnDir", "icon", "size"])) : C("", !0),
-          l.value ? (u(), f(h, {
+          i.value ? (u(), f(h, {
             key: 1,
             icon: o.icon,
             size: K.value,
@@ -191,7 +194,7 @@ const n = se("button"), ve = ge(n, {
             ee(oe(o.text), 1)
           ]),
           Z(J),
-          (o.postIcon || t.postIcon) && !l.value ? (u(), f(h, {
+          (o.postIcon || t.postIcon) && !i.value ? (u(), f(h, {
             key: 3,
             flipOnDir: r(G),
             icon: o.postIcon,

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CrVAgpiG.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-DQ2-TroH.js";
 export {
   o as Button,
   e as default

package/dist/Button/index.umd.cjs

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-CrVAgpiG.js → Button.vue_vue_type_script_setup_true_lang-DQ2-TroH.js}

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-De3yMf4x.js → Button.vue_vue_type_script_setup_true_lang-DVzErXxg.js}

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

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,4 @@
 import { ButtonSize, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
-import { ComputedRef } from 'vue';
 import { ClassValue } from 'class-variance-authority/types';
 declare const ButtonGroupGaps: readonly ["sm", "md", "lg", "none"];
 export type ButtonGroupProps = {
@@ -10,23 +9,17 @@ export type ButtonGroupProps = {
     split?: boolean;
 };
 export declare const injectButtonGroupContext: <T extends {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 } | null | undefined = {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 }>(fallback?: T | undefined) => T extends null ? {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 } | null : {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 }, provideButtonGroupContext: (contextValue: {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 }) => {
-    size: ComputedRef<ButtonSize | undefined>;
-    variant: ComputedRef<ButtonVariant | undefined>;
+    props?: ButtonGroupProps;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
     split: boolean;

package/dist/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js";
+import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-CJQAJRHk.js";
 export {
   u as ButtonGroup,
   e as default,

package/dist/ButtonGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ButtonGroup.vue_vue_type_script_setup_true_lang-aMsUnJ9c.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ButtonGroup.vue_vue_type_script_setup_true_lang-9R8RwIc-.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-9R8RwIc-.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),e=require("@pantograph/utils"),p=require("@pantograph/utils-vue"),c=require("class-variance-authority"),B=require("reka-ui"),m=require("./BaseBadge.model-DecqxaGN.js"),g=["simple","icon","float"],C=["fill","outline","ghost"],d=["primary","danger","success","warning","neutral",...m.PrimitiveColors,"gray"],r=["sm","md","lg"],f=[...r,"none"],[v,a]=B.createContext("ButtonGroup"),G=t.defineComponent({...p.getComponentOptions("ButtonGroup"),__name:"ButtonGroup",props:{class:{},size:{default:"md"},variant:{default:"simple"},gap:{},split:{type:Boolean,default:!0}},setup(i){const o=i,u=e.getBemBlock("button"),n=e.getBemElement(u,"group"),l=c.cva(n,{variants:{gap:e.generateVariantClassList(f,n),split:e.generateVariantClassList("split",n)}});return a({props:o}),(s,_)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(e.normCls)(t.unref(l)({gap:o.gap??o.size,split:s.split}),o.class))},[t.renderSlot(s.$slots,"default")],2))}});exports.ButtonColors=d;exports.ButtonSizes=r;exports.ButtonTypes=C;exports.ButtonVariants=g;exports._sfc_main=G;exports.injectButtonGroupContext=v;exports.provideButtonGroupContext=a;