@pantograph/vue 0.28.4 → 0.28.6

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-BVHx9uru.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.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-pYXkjWnG.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-C8hiCxZe.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-BVHx9uru.js → ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.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-CnEOAkBC.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-LxH67DwE.js";
 import { getComponentOptions as k } from "@pantograph/utils";
 const F = /* @__PURE__ */ c({
   ...k("ActionButton", !1),

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-pYXkjWnG.js → ActionButton.vue_vue_type_script_setup_true_lang-C8hiCxZe.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-DgsyiDzE.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:{},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-58oCf4xk.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:{},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-BsCaX7eV.js";
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-CL20lgmx.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-BA7GXism.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-C3d6Dl5k.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-BA7GXism.js → Alert.vue_vue_type_style_index_0_lang-C3d6Dl5k.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("./IconButton.vue_vue_type_script_setup_true_lang-CPe1EEDZ.js"),y=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-8uMyWodQ.js"),B=require("./Link.vue_vue_type_style_index_0_lang-mE8WUPbK.js"),i=["info","success","danger","warning","hint"],k=e.defineComponent({...n.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,t=n.getBemBlock("alert"),p=C.cva(t,{variants:{type:n.generateVariantClassList(i,t)}}),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(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(p)({type:l.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":l.fg,"--ptc-alert-bg":l.bg,"--ptc-alert-br":l.br})},[o.icon||s.value?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,size:"md",icon:s.value,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"icon"),l.iconCls))},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"body"),l.bodyCls))},[e.renderSlot(l.$slots,"default",{},()=>[l.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"title"),l.titleCls,"paragraph"))},[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)])],2)):e.createCommentVNode("",!0),l.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"description"),l.descriptionCls,"paragraph"))},[e.renderSlot(l.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(l.description),1)])],2)):e.createCommentVNode("",!0),l.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(t),"action"))},[e.renderSlot(l.$slots,"link",{},()=>[e.createVNode(e.unref(B._sfc_main),e.normalizeProps(e.guardReactiveProps(l.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"closeable"),l.closeableCls))},[e.renderSlot(l.$slots,"closeable",{},()=>[e.createVNode(g._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=k;
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("./IconButton.vue_vue_type_script_setup_true_lang-BJAoKnAC.js"),y=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-Bd5AyEiC.js"),B=require("./Link.vue_vue_type_style_index_0_lang-mE8WUPbK.js"),i=["info","success","danger","warning","hint"],k=e.defineComponent({...n.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,t=n.getBemBlock("alert"),p=C.cva(t,{variants:{type:n.generateVariantClassList(i,t)}}),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(l,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(p)({type:l.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":l.fg,"--ptc-alert-bg":l.bg,"--ptc-alert-br":l.br})},[o.icon||s.value?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,size:"md",icon:s.value,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"icon"),l.iconCls))},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"body"),l.bodyCls))},[e.renderSlot(l.$slots,"default",{},()=>[l.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"title"),l.titleCls,"paragraph"))},[e.renderSlot(l.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(l.title),1)])],2)):e.createCommentVNode("",!0),l.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"description"),l.descriptionCls,"paragraph"))},[e.renderSlot(l.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(l.description),1)])],2)):e.createCommentVNode("",!0),l.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(t),"action"))},[e.renderSlot(l.$slots,"link",{},()=>[e.createVNode(e.unref(B._sfc_main),e.normalizeProps(e.guardReactiveProps(l.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(t),"closeable"),l.closeableCls))},[e.renderSlot(l.$slots,"closeable",{},()=>[e.createVNode(g._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=k;

package/dist/{Alert.vue_vue_type_style_index_0_lang-BsCaX7eV.js → Alert.vue_vue_type_style_index_0_lang-CL20lgmx.js}

@@ -1,8 +1,8 @@
 import { defineComponent as h, useSlots as S, computed as V, createElementBlock as c, openBlock as n, normalizeStyle as z, normalizeClass as s, unref as o, createBlock as A, createCommentVNode as p, createElementVNode as N, createSlots as P, withCtx as w, renderSlot as i, createTextVNode as f, toDisplayString as y, createVNode as g, normalizeProps as E, guardReactiveProps as I } from "vue";
 import { getComponentOptions as T, getBemBlock as D, generateVariantClassList as L, normCls as a, getBemElement as r } from "@pantograph/utils";
 import { cva as M } from "class-variance-authority";
-import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-BjRYx43p.js";
-import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BMxDhvcP.js";
+import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-BWRCL8hG.js";
+import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Zeg-CFjd.js";
 import { _ as j } from "./Link.vue_vue_type_style_index_0_lang-Cm0Wcj-k.js";
 const q = ["info", "success", "danger", "warning", "hint"], U = /* @__PURE__ */ h({
   ...T("Alert"),

package/dist/Avatar/Avatar.d.ts

@@ -33,9 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}
 }, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
     onLoadingStatusChange?: ((value: "error" | "loading" | "idle" | "loaded") => any) | undefined;
 }>, {
-    size: AvatarSize;
     icon: string;
-    shape: AvatarShape;
     src: string;
     onlineColor: BadgeColor;
     unExtendParent: boolean;

package/dist/Avatar/Avatar.model.d.ts

@@ -1,6 +1,6 @@
 export declare const AvatarSizes: readonly ["2xsm", "xsm", "sm", "md", "lg", "xlg"];
 export type AvatarSize = (typeof AvatarSizes)[number];
-export declare const AvatarStrokes: readonly ["gray", "white"];
+export declare const AvatarStrokes: readonly ["gray-subtle", "white", "primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard"];
 export type AvatarStroke = (typeof AvatarStrokes)[number];
 export declare const AvatarShapes: readonly ["circle", "square", "rect"];
 export type AvatarShape = (typeof AvatarShapes)[number];

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-B-Xr8CBm.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-MQITXCju.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-DMv8hlec.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-iFQme6cr.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-MQITXCju.js

@@ -0,0 +1,202 @@
+import { defineComponent as O, useSlots as F, computed as l, createElementBlock as y, openBlock as m, normalizeClass as v, unref as e, createVNode as I, h as x, createBlock as C, withCtx as S, createCommentVNode as _, Fragment as T, mergeProps as H, renderSlot as b, createTextVNode as $, toDisplayString as w } 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 f, generateVariantClassList as d, normCls as B } from "@pantograph/utils";
+import { cva as D } from "class-variance-authority";
+import { flattenChildren as X } from "@pantograph/utils-vue";
+import { _ as Y } from "./HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
+import "./Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
+import { _ as Z } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as ee } from "./Indicator.vue_vue_type_script_setup_true_lang-qbXRbfSe.js";
+import { b as se } from "./BaseBadge.model-DCiuNKoh.js";
+const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
+  ...j("AvatarGroup"),
+  __name: "AvatarGroup",
+  props: {
+    class: {},
+    gutter: { type: Boolean },
+    size: {},
+    stroke: { default: "white" },
+    shape: {},
+    popoverProps: {},
+    maxCount: {},
+    noPopover: { type: Boolean }
+  },
+  setup(A) {
+    const t = A, g = F(), a = q("avatar"), o = f(a, "group"), P = D(o, {
+      variants: {
+        gutter: d("gutter", o)
+      }
+    });
+    console.log("props ===>", t), ae({
+      props: t
+    });
+    const i = l(() => t.maxCount ? Number(t.maxCount) : 0), k = l(
+      () => P({
+        gutter: t.gutter
+      })
+    ), r = l(() => {
+      switch (t.size) {
+        case "2xsm":
+        case "xsm":
+        case "sm":
+          return "sm";
+        case "lg":
+        case "xlg":
+          return "lg";
+        default:
+          return "md";
+      }
+    }), u = () => {
+      const n = X(g.default ? g.default() : []), c = () => x(oe, { text: `+${n.length - i.value}` });
+      return i.value >= 1 && n.length > i.value ? [
+        ...n.filter((h, p) => p < i.value),
+        t.noPopover ? c() : x(
+          Y,
+          {
+            size: r.value,
+            ...t.popoverProps ?? {}
+          },
+          {
+            default: c,
+            content: () => x(
+              "div",
+              { class: B(k.value, t.class) },
+              {
+                default: () => n.filter((h, p) => p >= i.value)
+              }
+            )
+          }
+        )
+      ] : n;
+    };
+    return (n, c) => (m(), y("div", {
+      class: v(e(B)(k.value, t.class))
+    }, [
+      I(u, { maxCount: n.maxCount }, null, 8, ["maxCount"])
+    ], 2));
+  }
+}), E = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], G = ["gray-subtle", "white", ...se], N = ["circle", "square", "rect"], V = {
+  start: "online-start",
+  end: "online-end"
+}, oe = /* @__PURE__ */ O({
+  ...j("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(A, { emit: t }) {
+    const g = F(), a = q("avatar"), o = A, i = K(t), k = D(a, {
+      variants: {
+        size: d(E, a),
+        stroke: d(G, a),
+        shape: d(N, a),
+        onlineAlignment: d(
+          V,
+          a
+        )
+      }
+    }), r = o.unExtendParent ? void 0 : te({
+      props: o
+    }), u = 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 s = u.value && E.includes(u.value) ? u.value : "md", z = c.value && G.includes(c.value) ? c.value : "none";
+      console.log("_stroke, stroke.value ===>", z, c.value);
+      const M = n.value && N.includes(n.value) ? n.value : "circle", R = V[o.onlineAlignment] ? o.onlineAlignment : "start";
+      return {
+        size: s,
+        stroke: z,
+        shape: M,
+        onlineAlignment: R
+      };
+    }), p = l(() => {
+      switch (u.value) {
+        case "lg":
+        case "xlg":
+          return "tiny";
+        default:
+          return "tinier";
+      }
+    }), L = l(() => {
+      switch (u.value) {
+        case "lg":
+        case "xlg":
+          return "sm";
+        case "xsm":
+        case "2xsm":
+          return "3xsm";
+        case "sm":
+        case "md":
+        default:
+          return "xsm";
+      }
+    });
+    return (s, z) => (m(), C(e(Q), {
+      as: "div",
+      class: v(e(B)(e(k)(h.value), o.class))
+    }, {
+      default: S(() => [
+        !g.default && !s.text ? (m(), y(T, { key: 0 }, [
+          s.src ? (m(), C(e(U), H({ key: 0 }, e(i), {
+            src: s.src,
+            alt: s.alt,
+            class: e(f)(e(a), "image")
+          }), null, 16, ["src", "alt", "class"])) : _("", !0),
+          I(e(W), {
+            class: v(e(f)(e(a), "fallback"))
+          }, {
+            default: S(() => [
+              b(s.$slots, "fallback", {}, () => [
+                s.fallback ? _("", !0) : (m(), C(e(Z), {
+                  key: 0,
+                  icon: s.icon,
+                  size: L.value
+                }, null, 8, ["icon", "size"])),
+                $(" " + w(s.fallback), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ], 64)) : (m(), y("span", {
+          key: 1,
+          class: v(e(f)(e(a), "image"))
+        }, [
+          b(s.$slots, "default", {}, () => [
+            $(w(s.text), 1)
+          ])
+        ], 2)),
+        s.online ? (m(), C(ee, {
+          key: 2,
+          color: s.onlineColor,
+          size: p.value,
+          class: v(e(f)(e(a), "online"))
+        }, null, 8, ["color", "size", "class"])) : _("", !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  E as A,
+  oe as _,
+  G as a,
+  N as b,
+  V as c,
+  de as d,
+  te as i,
+  ae as p
+};

package/dist/Avatar.vue_vue_type_style_index_0_lang-iFQme6cr.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("reka-ui"),t=require("@pantograph/utils"),z=require("class-variance-authority"),E=require("@pantograph/utils-vue"),b=require("./HoverCard.vue_vue_type_style_index_0_lang-B6a5M7RJ.js");require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js");const N=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),w=require("./Indicator.vue_vue_type_script_setup_true_lang-g2dBu5LK.js"),G=require("./BaseBadge.model-DecqxaGN.js"),[x,y]=p.createContext("AvatarGroup"),L=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 a=g,v=e.useSlots(),n=t.getBemBlock("avatar"),r=t.getBemElement(n,"group"),f=z.cva(r,{variants:{gutter:t.generateVariantClassList("gutter",r)}});console.log("props ===>",a),y({props:a});const u=e.computed(()=>a.maxCount?Number(a.maxCount):0),d=e.computed(()=>f({gutter:a.gutter})),o=e.computed(()=>{switch(a.size){case"2xsm":case"xsm":case"sm":return"sm";case"lg":case"xlg":return"lg";default:return"md"}}),i=()=>{const l=E.flattenChildren(v.default?v.default():[]),c=()=>e.h(S,{text:`+${l.length-u.value}`});return u.value>=1&&l.length>u.value?[...l.filter((C,m)=>m<u.value),a.noPopover?c():e.h(b._sfc_main,{size:o.value,...a.popoverProps??{}},{default:c,content:()=>e.h("div",{class:t.normCls(d.value,a.class)},{default:()=>l.filter((C,m)=>m>=u.value)})})]:l};return(l,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(d.value,a.class))},[e.createVNode(i,{maxCount:l.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],A=["gray-subtle","white",...G.BadgeColors],B=["circle","square","rect"],h={start:"online-start",end:"online-end"},S=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:a}){const v=e.useSlots(),n=t.getBemBlock("avatar"),r=g,f=a,u=p.useEmitAsProps(f),d=z.cva(n,{variants:{size:t.generateVariantClassList(_,n),stroke:t.generateVariantClassList(A,n),shape:t.generateVariantClassList(B,n),onlineAlignment:t.generateVariantClassList(h,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"),c=e.computed(()=>r.stroke??(o==null?void 0:o.props.stroke)),C=e.computed(()=>{const s=i.value&&_.includes(i.value)?i.value:"md",k=c.value&&A.includes(c.value)?c.value:"none";console.log("_stroke, stroke.value ===>",k,c.value);const P=l.value&&B.includes(l.value)?l.value:"circle",q=h[r.onlineAlignment]?r.onlineAlignment:"start";return{size:s,stroke:k,shape:P,onlineAlignment:q}}),m=e.computed(()=>{switch(i.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),V=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(s,k)=>(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&&!s.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.src?(e.openBlock(),e.createBlock(e.unref(p.AvatarImage),e.mergeProps({key:0},e.unref(u),{src:s.src,alt:s.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(s.$slots,"fallback",{},()=>[s.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(N._sfc_main),{key:0,icon:s.icon,size:V.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(s.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(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])],2)),s.online?(e.openBlock(),e.createBlock(w._sfc_main,{key:2,color:s.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.AvatarOnlineAlignments=h;exports.AvatarShapes=B;exports.AvatarSizes=_;exports.AvatarStrokes=A;exports._sfc_main=S;exports._sfc_main$1=L;exports.injectAvatarGroupContext=x;exports.provideAvatarGroupContext=y;

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -1,11 +1,11 @@
-import { AvatarShape, AvatarSize } from '../Avatar';
-import { ComputedRef } from 'vue';
+import { AvatarShape, AvatarSize, AvatarStroke } from '../Avatar';
 import { HoverCardProps } from '../HoverCard';
 import { ClassValue } from 'class-variance-authority/types';
 export type AvatarGroupProps = {
     class?: ClassValue;
     gutter?: boolean;
     size?: AvatarSize;
+    stroke?: AvatarStroke;
     shape?: AvatarShape;
     popoverProps?: HoverCardProps;
     maxCount?: number | string;
@@ -15,11 +15,12 @@ export interface AvatarGroupSlots {
     default?: () => never;
 }
 interface Context {
-    size: ComputedRef<AvatarGroupProps['size']>;
-    shape: ComputedRef<AvatarGroupProps['shape']>;
+    props: AvatarGroupProps;
 }
 export declare const injectAvatarGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideAvatarGroupContext: (contextValue: Context) => Context;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<AvatarGroupSlots> & AvatarGroupSlots>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
+    stroke: AvatarStroke;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<AvatarGroupSlots> & AvatarGroupSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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-B-Xr8CBm.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-MQITXCju.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-DMv8hlec.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-iFQme6cr.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-DgsyiDzE.js → BaseButton.vue_vue_type_style_index_0_lang-58oCf4xk.js}

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-CnEOAkBC.js → BaseButton.vue_vue_type_style_index_0_lang-LxH67DwE.js}

@@ -1,6 +1,6 @@
 import { defineComponent as M, computed as p, useSlots as Q, ref as C, watch as U, createBlock as f, openBlock as u, unref as l, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as _, 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-BUxhmWxU.js";
-import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-DcW2bYrT.js";
+import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-kqKDLFqb.js";
 import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
 import { Primitive as le } from "reka-ui";
 import { B as T, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-Cdto0wL9.js";

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-C6-IQycz.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-eKE2_leQ.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-DMz26ym_.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-BdrjQ8uV.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-DMz26ym_.js → Button.vue_vue_type_script_setup_true_lang-BdrjQ8uV.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-DgsyiDzE.js"),_=require("@pantograph/utils"),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-58oCf4xk.js"),_=require("@pantograph/utils"),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/{Button.vue_vue_type_script_setup_true_lang-C6-IQycz.js → Button.vue_vue_type_script_setup_true_lang-eKE2_leQ.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-CnEOAkBC.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-LxH67DwE.js";
 import { getComponentOptions as k } from "@pantograph/utils";
 const P = /* @__PURE__ */ c({
   ...k("Button", !1),

package/dist/Chip/Chip.d.ts

@@ -45,6 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
     onClose?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    color: ChipColor;
     size: ChipSize;
     closeable: boolean;
     unExtendParent: boolean;

package/dist/Chip/Chip.model.d.ts

@@ -1,4 +1,4 @@
 export declare const ChipSizes: readonly ["xsm", "sm", "md"];
 export type ChipSize = (typeof ChipSizes)[number];
-export declare const ChipColors: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard"];
+export declare const ChipColors: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard", "default"];
 export type ChipColor = (typeof ChipColors)[number];

package/dist/Chip/index.js

@@ -1,4 +1,4 @@
-import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-1reMgqb4.js";
+import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-CGBRYOsr.js";
 export {
   C as Chip,
   i as ChipColors,

package/dist/Chip/index.umd.cjs

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

package/dist/{Chip.vue_vue_type_style_index_0_lang-1reMgqb4.js → Chip.vue_vue_type_style_index_0_lang-CGBRYOsr.js}

@@ -1,17 +1,17 @@
-import { defineComponent as x, useSlots as D, computed as a, createElementBlock as O, openBlock as z, normalizeClass as B, unref as i, createVNode as L, h as g, renderSlot as k, createCommentVNode as W, normalizeProps as $, guardReactiveProps as E, createBlock as M, createTextVNode as Q, toDisplayString as U } from "vue";
+import { defineComponent as x, useSlots as D, computed as n, createElementBlock as O, openBlock as z, normalizeClass as B, unref as i, createVNode as L, h as g, renderSlot as k, createCommentVNode as W, normalizeProps as $, guardReactiveProps as E, createBlock as M, createTextVNode as Q, toDisplayString as U } from "vue";
 import { getComponentOptions as R, getBemBlock as q, generateVariantClassList as u, normCls as y, getBemElement as _ } from "@pantograph/utils";
 import { cva as F } from "class-variance-authority";
 import { _ as j } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
 import { flattenChildren as X, isEmptyElement as G } from "@pantograph/utils-vue";
 import { b as Y } from "./BaseBadge.model-DCiuNKoh.js";
-import { _ as Z } from "./HoverCard.vue_vue_type_style_index_0_lang-DClce_lb.js";
-import "./Popover.vue_vue_type_style_index_0_lang-BZrEBBI1.js";
+import { _ as Z } from "./HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
+import "./Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
 import { createContext as ee } from "reka-ui";
 const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
   ...R("ChipGroup"),
   __name: "ChipGroup",
   props: {
-    color: {},
+    color: { default: "default" },
     size: { default: "md" },
     closeIcon: {},
     icon: {},
@@ -33,14 +33,14 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
         s("close", l, p);
       }
     });
-    const r = a(() => o.maxCount ? Number(o.maxCount) : 0), P = () => {
+    const r = n(() => o.maxCount ? Number(o.maxCount) : 0), P = () => {
       const l = X(m.default ? m.default() : []), p = () => g(
         "div",
         { class: y(_(d, "truncate"), o.truncateCls) },
         `+${l.length - r.value}`
       );
       return r.value >= 1 && l.length > r.value ? [
-        ...l.filter((n, t) => t < r.value),
+        ...l.filter((a, t) => t < r.value),
         o.noPopover ? p() : g(
           Z,
           { size: o.size === "md" ? "md" : "sm", ...o.popoverProps ?? {} },
@@ -50,7 +50,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
               "div",
               { class: v(o) },
               {
-                default: () => l.filter((n, t) => t >= r.value)
+                default: () => l.filter((a, t) => t >= r.value)
               }
             )
           }
@@ -68,7 +68,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
       L(P)
     ], 2));
   }
-}), H = ["xsm", "sm", "md"], te = [...Y], ve = /* @__PURE__ */ x({
+}), H = ["xsm", "sm", "md"], te = [...Y, "default"], ve = /* @__PURE__ */ x({
   ...R("Chip"),
   __name: "Chip",
   props: {
@@ -82,7 +82,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
     icon: {},
     closeIcon: { default: "tabler:x" },
     closeIconCls: {},
-    color: {},
+    color: { default: "default" },
     overlayActions: { type: Boolean, default: void 0 },
     stopPropagationOnClose: { type: Boolean },
     closeable: { type: Boolean, default: void 0 },
@@ -93,28 +93,28 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
   },
   emits: ["close"],
   setup(S, { emit: A }) {
-    const s = S, o = s.unExtendParent ? void 0 : oe({}), m = a(() => {
+    const s = S, o = s.unExtendParent ? void 0 : oe({}), m = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.size) ?? s.size;
-    }), N = a(() => {
+    }), N = n(() => {
       var e;
       return s.color ?? ((e = o == null ? void 0 : o.props) == null ? void 0 : e.color) ?? "primary";
-    }), r = a(() => {
+    }), r = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.overlayActions) ?? s.overlayActions;
-    }), P = a(() => {
+    }), P = n(() => {
       var e;
       return s.selected ?? ((e = o == null ? void 0 : o.props) == null ? void 0 : e.selected);
-    }), d = a(() => {
+    }), d = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.closeIcon) ?? s.closeIcon;
-    }), v = a(() => {
+    }), v = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.icon) ?? s.icon;
-    }), l = a(() => {
+    }), l = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.closeable) ?? s.closeable;
-    }), p = A, n = D(), t = q("chip"), J = F(t, {
+    }), p = A, a = D(), t = q("chip"), J = F(t, {
       variants: {
         size: u(H, t),
         color: u(te, t),
@@ -123,9 +123,9 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
         readonly: u("readonly", t)
       }
     }), I = (e) => {
-      var C;
-      e.stopPropagation(), (C = o == null ? void 0 : o.onClose) == null || C.call(o, s, e), p("close", e);
-    }, c = a(() => ({
+      var f;
+      e.stopPropagation(), (f = o == null ? void 0 : o.onClose) == null || f.call(o, s, e), p("close", e);
+    }, c = n(() => ({
       onClose: I,
       size: (() => {
         switch (m.value) {
@@ -137,11 +137,11 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
       })()
     })), K = () => {
       var T, V;
-      const e = (T = n.overlayActions) == null ? void 0 : T.call(n, c.value), C = !G(e), f = r.value && C;
-      if ((l.value || f) && !s.readonly) {
+      const e = (T = a.overlayActions) == null ? void 0 : T.call(a, c.value), f = !G(e), C = r.value && f;
+      if ((l.value || C) && !s.readonly) {
         const h = [];
-        if (f && h.push(e), l.value) {
-          const w = (V = n.close) == null ? void 0 : V.call(n, c.value);
+        if (C && h.push(e), l.value) {
+          const w = (V = a.close) == null ? void 0 : V.call(a, c.value);
           G(w) ? h.push(
             g(j, {
               onClick: (b) => {
@@ -164,8 +164,8 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
       }
       return null;
     };
-    return (e, C) => {
-      var f;
+    return (e, f) => {
+      var C;
       return z(), O("div", {
         class: B(
           i(y)(
@@ -188,7 +188,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
             class: B(e.iconCls)
           }, null, 8, ["size", "icon", "class"])) : W("", !0)
         ]),
-        !i(G)((f = n.text) == null ? void 0 : f.call(n, c.value)) || e.text ? (z(), O("div", {
+        !i(G)((C = a.text) == null ? void 0 : C.call(a, c.value)) || e.text ? (z(), O("div", {
           key: 0,
           class: B(i(y)(i(_)(i(t), "text"), e.textCls))
         }, [