@pantograph/vue 0.28.8 → 0.29.2

package/dist/ActionButton/ActionButton.d.ts

@@ -12,7 +12,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
@@ -150,7 +150,7 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
             readonly size?: import('..').ButtonSize | undefined;

package/dist/ActionButton/index.d.ts

@@ -1 +1,2 @@
+export declare const ActionButtonPlugin: import('vue').Plugin;
 export { default as ActionButton, type ActionButtonProps, default } from './ActionButton';

package/dist/ActionButton/index.js

@@ -1,5 +1,9 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.js";
+import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-BKA6jQN0.js";
+import { installComponent as o } from "@pantograph/utils-vue";
+import { getComponentName as n } from "@pantograph/utils";
+const r = o(t, n("ActionButton"));
 export {
-  a as ActionButton,
-  e as default
+  t as ActionButton,
+  r as ActionButtonPlugin,
+  t 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-C8hiCxZe.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-BhI55sWu.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("ActionButton"));exports.ActionButton=t._sfc_main;exports.default=t._sfc_main;exports.ActionButtonPlugin=u;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.js → ActionButton.vue_vue_type_script_setup_true_lang-BKA6jQN0.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-LxH67DwE.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-SL_re9nc.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-C8hiCxZe.js → ActionButton.vue_vue_type_script_setup_true_lang-BhI55sWu.js}

@@ -1 +1 @@
-"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;
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-BmmbeeCU.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.d.ts

@@ -1,2 +1,3 @@
+export declare const AlertPlugin: import('vue').Plugin;
 export { default as Alert, type AlertProps, type AlertEmits, type AlertSlots, default, } from './Alert';
 export * from './Alert.model';

package/dist/Alert/index.js

@@ -1,6 +1,123 @@
-import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-CL20lgmx.js";
+import { defineComponent as h, useSlots as A, computed as N, createElementBlock as c, openBlock as n, normalizeStyle as P, normalizeClass as t, unref as o, createBlock as S, createCommentVNode as p, createElementVNode as V, createSlots as z, withCtx as w, renderSlot as i, createTextVNode as f, toDisplayString as g, createVNode as u, normalizeProps as E, guardReactiveProps as I } from "vue";
+import { getComponentOptions as L, getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a, getComponentName as M } from "@pantograph/utils";
+import { cva as O } from "class-variance-authority";
+import { _ as R } from "../IconButton.vue_vue_type_script_setup_true_lang-DBDmWePu.js";
+import { _ as j } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Cw-dYlrK.js";
+import { Link as q } from "../Link/index.js";
+import { installComponent as F } from "@pantograph/utils-vue";
+const G = ["info", "success", "danger", "warning", "hint"], H = /* @__PURE__ */ h({
+  ...L("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(y, { emit: C }) {
+    const m = y, k = C, l = T("alert"), B = O(l, {
+      variants: {
+        type: D(G, l)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    }), s = A(), v = {
+      success: "tabler:circle-check",
+      warning: "tabler:alert-triangle",
+      danger: "tabler:circle-x",
+      hint: "tabler:bulb",
+      info: "tabler:info-circle"
+    }, d = N(() => m.icon ?? v[m.type]);
+    return (e, b) => (n(), c("div", {
+      class: t(
+        o(r)(
+          o(B)({
+            type: e.type
+          }),
+          m.class
+        )
+      ),
+      style: P({
+        "--ptc-alert-fg": e.fg,
+        "--ptc-alert-bg": e.bg,
+        "--ptc-alert-br": e.br
+      })
+    }, [
+      s.icon || d.value ? (n(), S(j, {
+        key: 0,
+        size: "md",
+        icon: d.value,
+        class: t(o(r)(o(a)(o(l), "icon"), e.iconCls))
+      }, z({ _: 2 }, [
+        s.icon ? {
+          name: "icon",
+          fn: w(() => [
+            i(e.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["icon", "class"])) : p("", !0),
+      V("div", {
+        class: t(o(r)(o(a)(o(l), "body"), e.bodyCls))
+      }, [
+        i(e.$slots, "default", {}, () => [
+          e.title || s.title ? (n(), c("div", {
+            key: 0,
+            class: t(o(r)(o(a)(o(l), "title"), e.titleCls, "paragraph"))
+          }, [
+            i(e.$slots, "title", {}, () => [
+              f(g(e.title), 1)
+            ])
+          ], 2)) : p("", !0),
+          e.description || s.description ? (n(), c("div", {
+            key: 1,
+            class: t(o(r)(o(a)(o(l), "description"), e.descriptionCls, "paragraph"))
+          }, [
+            i(e.$slots, "description", {}, () => [
+              f(g(e.description), 1)
+            ])
+          ], 2)) : p("", !0),
+          e.link || s.link ? (n(), c("div", {
+            key: 2,
+            class: t(o(a)(o(l), "action"))
+          }, [
+            i(e.$slots, "link", {}, () => [
+              u(o(q), E(I(e.linkProps)), null, 16)
+            ])
+          ], 2)) : p("", !0)
+        ])
+      ], 2),
+      m.closeable || s.closeable ? (n(), c("div", {
+        key: 1,
+        class: t(o(r)(o(a)(o(l), "closeable"), e.closeableCls))
+      }, [
+        i(e.$slots, "closeable", {}, () => [
+          u(R, {
+            icon: "tabler:x",
+            color: "neutral",
+            type: "ghost",
+            onClick: b[0] || (b[0] = ($) => k("close", $))
+          })
+        ])
+      ], 2)) : p("", !0)
+    ], 6));
+  }
+}), Z = F(H, M("Alert"));
 export {
-  r as Alert,
-  s as AlertTypes,
-  t as default
+  H as Alert,
+  Z as AlertPlugin,
+  G as AlertTypes,
+  H as default
 };

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

package/dist/Avatar/index.d.ts

@@ -1,2 +1,3 @@
+export declare const AvatarPlugin: import('vue').Plugin;
 export { default as Avatar, type AvatarProps, default } from './Avatar';
 export * from './Avatar.model';

package/dist/Avatar/index.js

@@ -1,9 +1,14 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js";
+import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-kRBRb-c7.js";
+import { b as p, c as A, d as v, e as f } from "../Avatar.vue_vue_type_style_index_0_lang-kRBRb-c7.js";
+import { installComponent as t } from "@pantograph/utils-vue";
+import { getComponentName as r } from "@pantograph/utils";
+const m = t(a, r("Avatar"));
 export {
-  t as Avatar,
-  r as AvatarOnlineAlignments,
-  e as AvatarShapes,
-  A as AvatarSizes,
-  v as AvatarStrokes,
-  n as default
+  a as Avatar,
+  p as AvatarOnlineAlignments,
+  m as AvatarPlugin,
+  A as AvatarShapes,
+  v as AvatarSizes,
+  f as AvatarStrokes,
+  a as default
 };

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-BTweD2oV.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 a=require("../Avatar.vue_vue_type_style_index_0_lang-D2zI9dKd.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;

package/dist/Avatar.vue_vue_type_style_index_0_lang-D2zI9dKd.js

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

package/dist/{Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js → Avatar.vue_vue_type_style_index_0_lang-kRBRb-c7.js}

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

package/dist/AvatarGroup/index.d.ts

@@ -1 +1,2 @@
+export declare const AvatarGroupPlugin: import('vue').Plugin;
 export { default as AvatarGroup, type AvatarGroupProps, injectAvatarGroupContext, provideAvatarGroupContext, } from './AvatarGroup';

package/dist/AvatarGroup/index.js

@@ -1,6 +1,9 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js";
+import { a as p, A as i, i as e, p as u } from "../Avatar.vue_vue_type_style_index_0_lang-kRBRb-c7.js";
+import "@pantograph/utils-vue";
+import "@pantograph/utils";
 export {
-  t as AvatarGroup,
-  o as injectAvatarGroupContext,
-  p as provideAvatarGroupContext
+  p as AvatarGroup,
+  i as AvatarGroupPlugin,
+  e as injectAvatarGroupContext,
+  u as provideAvatarGroupContext
 };

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-BTweD2oV.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 r=require("../Avatar.vue_vue_type_style_index_0_lang-D2zI9dKd.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.AvatarGroup=r._sfc_main$1;exports.AvatarGroupPlugin=r.AvatarGroupPlugin;exports.injectAvatarGroupContext=r.injectAvatarGroupContext;exports.provideAvatarGroupContext=r.provideAvatarGroupContext;

package/dist/Badge/index.d.ts

@@ -1 +1,2 @@
+export declare const BadgePlugin: import('vue').Plugin;
 export { default as Badge, type BadgeProps, default } from './Badge';

package/dist/Badge/index.js

@@ -1,5 +1,9 @@
-import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js";
+import { _ as o } from "../Badge.vue_vue_type_script_setup_true_lang-BvaT1pMA.js";
+import { installComponent as a } from "@pantograph/utils-vue";
+import { getComponentName as m } from "@pantograph/utils";
+const r = a(o, m("Badge"));
 export {
-  d as Badge,
-  f as default
+  o as Badge,
+  r as BadgePlugin,
+  o as default
 };

package/dist/Badge/index.umd.cjs

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-DVt1axIK.js → Badge.vue_vue_type_script_setup_true_lang-BFQCx53R.js}

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-D8HhPgXQ.js → Badge.vue_vue_type_script_setup_true_lang-BvaT1pMA.js}

@@ -1,8 +1,8 @@
-import { defineComponent as y, useAttrs as b, computed as n, createBlock as C, openBlock as _, mergeProps as B, createSlots as $, renderList as k, withCtx as h, renderSlot as v, normalizeProps as O, guardReactiveProps as P } from "vue";
+import { defineComponent as y, useAttrs as C, computed as n, createBlock as b, openBlock as _, mergeProps as B, createSlots as $, renderList as k, withCtx as h, renderSlot as v, normalizeProps as O, guardReactiveProps as P } from "vue";
 import { omit as S } from "es-toolkit";
-import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-DG6AxxJf.js";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-10ckF176.js";
 import { getComponentOptions as x } from "@pantograph/utils";
-import { b as e, c as t } from "./BaseBadge.model-DCiuNKoh.js";
+import { B as e, a as t } from "./BaseBadge.model-D4ZfMIfM.js";
 import { getCssCoreColor as o } from "@pantograph/tokens";
 const R = /* @__PURE__ */ y({
   ...x("Badge", !1),
@@ -16,7 +16,7 @@ const R = /* @__PURE__ */ y({
     color: { default: "primary" }
   },
   setup(i) {
-    const r = i, a = b(), l = [...e, ...t], u = [...e, ...t], p = () => {
+    const r = i, a = C(), l = [...e, ...t], u = [...e, ...t], p = () => {
       if (u.includes(r.color)) {
         if (r.color === "gray-subtle") return o("gray-6");
         if (r.color === "yellow") return o("grayscale-dark-0");
@@ -42,7 +42,7 @@ const R = /* @__PURE__ */ y({
       ...r,
       ...g.value
     }));
-    return (s, z) => (_(), C(w, B(m.value, { type: "pill" }), $({ _: 2 }, [
+    return (s, z) => (_(), b(w, B(m.value, { type: "pill" }), $({ _: 2 }, [
       k(Object.keys(s.$slots), (c) => ({
         name: c,
         fn: h((d) => [

package/dist/{BaseBadge.model-DCiuNKoh.js → BaseBadge.model-D4ZfMIfM.js}

@@ -40,10 +40,10 @@ const u = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], i = ["rect", "pill", "m
     return e === "gray-subtle" ? s("gray-1") : a.includes(e) ? s(`${e.replace("subtle", "")}0`) : l.includes(e) ? s(`${e}-5`) : e;
 };
 export {
-  u as B,
+  l as B,
   t as P,
-  i as a,
-  l as b,
-  a as c,
+  a,
+  u as b,
+  i as c,
   b as g
 };