@pantograph/vue 0.27.4 → 0.27.6

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-B7a38s3f.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.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-B95JGdI_.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-D3TR9Ar1.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-D3TR9Ar1.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-CJ5cQhLc.js"),_=require("@pantograph/utils-vue"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{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/{ActionButton.vue_vue_type_script_setup_true_lang-B7a38s3f.js → ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.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_script_setup_true_lang-C0M_v3YX.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-D8UQiapO.js";
 import { getComponentOptions as k } from "@pantograph/utils-vue";
 const F = /* @__PURE__ */ c({
   ...k("ActionButton", !1),

package/dist/Alert/index.js

@@ -1,4 +1,4 @@
-import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_script_setup_true_lang-DTnCnw4I.js";
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-Dy5qag1y.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_script_setup_true_lang-CJna3KsH.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-qPl7g81O.js");exports.Alert=e._sfc_main;exports.AlertTypes=e.AlertTypes;exports.default=e._sfc_main;

package/dist/{Alert.vue_vue_type_script_setup_true_lang-DTnCnw4I.js → Alert.vue_vue_type_style_index_0_lang-Dy5qag1y.js}

@@ -1,12 +1,11 @@
-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 u, normalizeProps as E, guardReactiveProps as T } from "vue";
-import { getBemBlock as I, generateVariantClassList as D, normCls as r, getBemElement as a } from "@pantograph/utils";
+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 { getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a } from "@pantograph/utils";
 import { cva as L } from "class-variance-authority";
-import { getComponentOptions as M, useComponentStyle as O } from "@pantograph/utils-vue";
-import { _ as R } from "./IconButton.vue_vue_type_script_setup_true_lang-DbWKTcZc.js";
-import { _ as j } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-C45pbuL2.js";
-import { _ as q } from "./Link.vue_vue_type_script_setup_true_lang-BISssWeB.js";
-import F from "@pantograph/style/alert.css?raw";
-const G = ["info", "success", "danger", "warning", "hint"], Z = /* @__PURE__ */ h({
+import { getComponentOptions as M } from "@pantograph/utils-vue";
+import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-ahPqU4HJ.js";
+import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DsNpKZ1Q.js";
+import { _ as j } from "./Link.vue_vue_type_style_index_0_lang-brdTffbT.js";
+const q = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ h({
   ...M("Alert"),
   __name: "Alert",
   props: {
@@ -28,11 +27,10 @@ const G = ["info", "success", "danger", "warning", "hint"], Z = /* @__PURE__ */
     linkProps: {}
   },
   emits: ["close"],
-  setup(g, { emit: C }) {
-    O("alert", F);
-    const m = g, k = C, l = I("alert"), B = L(l, {
+  setup(u, { emit: C }) {
+    const m = u, k = C, l = T("alert"), B = L(l, {
       variants: {
-        type: D(G, l)
+        type: D(q, l)
         // hasChild: generateVariantClassList('has-child', prefix),
       }
     }), t = S(), v = {
@@ -57,7 +55,7 @@ const G = ["info", "success", "danger", "warning", "hint"], Z = /* @__PURE__ */
         "--ptc-alert-br": e.br
       })
     }, [
-      t.icon || d.value ? (n(), A(j, {
+      t.icon || d.value ? (n(), A(R, {
         key: 0,
         size: "md",
         icon: d.value,
@@ -96,7 +94,7 @@ const G = ["info", "success", "danger", "warning", "hint"], Z = /* @__PURE__ */
             class: s(o(a)(o(l), "action"))
           }, [
             i(e.$slots, "link", {}, () => [
-              u(o(q), E(T(e.linkProps)), null, 16)
+              g(o(j), E(I(e.linkProps)), null, 16)
             ])
           ], 2)) : p("", !0)
         ])
@@ -106,7 +104,7 @@ const G = ["info", "success", "danger", "warning", "hint"], Z = /* @__PURE__ */
         class: s(o(r)(o(a)(o(l), "closeable"), e.closeableCls))
       }, [
         i(e.$slots, "closeable", {}, () => [
-          u(R, {
+          g(O, {
             icon: "tabler:x",
             color: "neutral",
             type: "ghost",
@@ -118,6 +116,6 @@ const G = ["info", "success", "danger", "warning", "hint"], Z = /* @__PURE__ */
   }
 });
 export {
-  G as A,
-  Z as _
+  q as A,
+  W as _
 };

package/dist/Alert.vue_vue_type_style_index_0_lang-qPl7g81O.js

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

package/dist/Avatar/Avatar.d.ts

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

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_script_setup_true_lang-D6M8USW4.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-DPrsRMvX.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_script_setup_true_lang-Nn10rcGu.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-BV977bUz.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-BV977bUz.js

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

package/dist/{Avatar.vue_vue_type_script_setup_true_lang-D6M8USW4.js → Avatar.vue_vue_type_style_index_0_lang-DPrsRMvX.js}

@@ -1,15 +1,14 @@
-import { defineComponent as O, useSlots as F, computed as n, createElementBlock as y, openBlock as i, normalizeClass as v, unref as t, createVNode as I, h as x, createBlock as C, withCtx as P, createCommentVNode as _, Fragment as M, mergeProps as R, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
+import { defineComponent as O, useSlots as F, computed as n, createElementBlock as y, openBlock as i, normalizeClass as v, unref as t, createVNode as I, h as x, createBlock as A, withCtx as P, createCommentVNode as _, Fragment as R, mergeProps as T, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
 import { createContext as H, useEmitAsProps as J, AvatarRoot as K, AvatarImage as Q, AvatarFallback as U } from "reka-ui";
-import { getBemBlock as T, getBemElement as f, generateVariantClassList as d, normCls as S } from "@pantograph/utils";
-import { cva as j } from "class-variance-authority";
-import { getComponentOptions as q, flattenChildren as W, useComponentStyle as X } from "@pantograph/utils-vue";
-import { _ as Y } from "./HoverCard.vue_vue_type_script_setup_true_lang-CgDV1bGl.js";
-import "./Popover.vue_vue_type_script_setup_true_lang-DhDzrGk6.js";
-import { _ as Z } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { _ as ee } from "./Indicator.vue_vue_type_script_setup_true_lang-DXj4SwTV.js";
-import te from "@pantograph/style/avatar.css?raw";
-const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
-  ...q("AvatarGroup"),
+import { getBemBlock as j, getBemElement as f, generateVariantClassList as d, normCls as S } from "@pantograph/utils";
+import { cva as q } from "class-variance-authority";
+import { getComponentOptions as D, flattenChildren as W } from "@pantograph/utils-vue";
+import { _ as X } from "./HoverCard.vue_vue_type_style_index_0_lang-CZjE-3yG.js";
+import "./Popover.vue_vue_type_style_index_0_lang-QNb3ngGr.js";
+import { _ as Y } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as Z } from "./Indicator.vue_vue_type_script_setup_true_lang-rKOaH8eB.js";
+const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
+  ...D("AvatarGroup"),
   __name: "AvatarGroup",
   props: {
     class: {},
@@ -20,13 +19,13 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
     maxCount: {},
     noPopover: { type: Boolean }
   },
-  setup(A) {
-    const s = A, g = F(), o = n(() => s.size), a = n(() => s.shape), B = T("avatar"), h = f(B, "group"), z = j(h, {
+  setup(C) {
+    const s = C, g = F(), o = n(() => s.size), a = n(() => s.shape), B = j("avatar"), h = f(B, "group"), z = q(h, {
       variants: {
         gutter: d("gutter", h)
       }
     });
-    ae({
+    te({
       size: o,
       shape: a
     });
@@ -47,11 +46,11 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
           return "md";
       }
     }), k = () => {
-      const r = W(g.default ? g.default() : []), p = () => x(ne, { text: `+${r.length - l.value}` });
+      const r = W(g.default ? g.default() : []), p = () => x(se, { text: `+${r.length - l.value}` });
       return l.value >= 1 && r.length > l.value ? [
         ...r.filter((e, u) => u < l.value),
         s.noPopover ? p() : x(
-          Y,
+          X,
           {
             size: m.value,
             ...s.popoverProps ?? {}
@@ -78,8 +77,8 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
 }), G = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
   start: "online-start",
   end: "online-end"
-}, ne = /* @__PURE__ */ O({
-  ...q("Avatar"),
+}, se = /* @__PURE__ */ O({
+  ...D("Avatar"),
   __name: "Avatar",
   props: {
     src: { default: "" },
@@ -99,9 +98,8 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
     delayMs: {}
   },
   emits: ["loadingStatusChange"],
-  setup(A, { emit: s }) {
-    X("avatar", te);
-    const g = F(), o = T("avatar"), a = A, h = J(s), z = j(o, {
+  setup(C, { emit: s }) {
+    const g = F(), o = j("avatar"), a = C, h = J(s), z = q(o, {
       variants: {
         size: d(G, o),
         stroke: d(N, o),
@@ -111,16 +109,16 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
           o
         )
       }
-    }), l = se({
+    }), l = ee({
       size: n(() => a.size),
       shape: n(() => a.shape)
     }), c = n(() => l.size.value ?? a.size), m = n(() => l.shape.value ?? a.shape), k = n(() => {
-      const e = c.value && G.includes(c.value) ? c.value : "md", u = a.stroke && N.includes(a.stroke) ? a.stroke : "none", D = m.value && V.includes(m.value) ? m.value : "circle", L = E[a.onlineAlignment] ? a.onlineAlignment : "start";
+      const e = c.value && G.includes(c.value) ? c.value : "md", u = a.stroke && N.includes(a.stroke) ? a.stroke : "none", L = m.value && V.includes(m.value) ? m.value : "circle", M = E[a.onlineAlignment] ? a.onlineAlignment : "start";
       return {
         size: e,
         stroke: u,
-        shape: D,
-        onlineAlignment: L
+        shape: L,
+        onlineAlignment: M
       };
     }), r = n(() => {
       switch (c.value) {
@@ -144,13 +142,13 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
           return "xsm";
       }
     });
-    return (e, u) => (i(), C(t(K), {
+    return (e, u) => (i(), A(t(K), {
       as: "div",
       class: v(t(S)(t(z)(k.value), a.class))
     }, {
       default: P(() => [
-        !g.default && !e.text ? (i(), y(M, { key: 0 }, [
-          e.src ? (i(), C(t(Q), R({ key: 0 }, t(h), {
+        !g.default && !e.text ? (i(), y(R, { key: 0 }, [
+          e.src ? (i(), A(t(Q), T({ key: 0 }, t(h), {
             src: e.src,
             alt: e.alt,
             class: t(f)(t(o), "image")
@@ -160,7 +158,7 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
           }, {
             default: P(() => [
               b(e.$slots, "fallback", {}, () => [
-                e.fallback ? _("", !0) : (i(), C(t(Z), {
+                e.fallback ? _("", !0) : (i(), A(t(Y), {
                   key: 0,
                   icon: e.icon,
                   size: p.value
@@ -178,7 +176,7 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
             $(w(e.text), 1)
           ])
         ], 2)),
-        e.online ? (i(), C(ee, {
+        e.online ? (i(), A(Z, {
           key: 2,
           color: e.onlineColor,
           size: r.value,
@@ -191,11 +189,11 @@ const [se, ae] = H("AvatarGroup"), de = /* @__PURE__ */ O({
 });
 export {
   G as A,
-  ne as _,
+  se as _,
   N as a,
   V as b,
   E as c,
-  de as d,
-  se as i,
-  ae as p
+  pe as d,
+  ee as i,
+  te as p
 };

package/dist/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_script_setup_true_lang-D6M8USW4.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-DPrsRMvX.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_script_setup_true_lang-Nn10rcGu.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-BV977bUz.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Badge/index.js

@@ -1,4 +1,4 @@
-import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-CaAe4Yuz.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
 export {
   d as Badge,
   f 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-DJej9nkJ.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-BP3OmkDG.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/Badge.vue_vue_type_script_setup_true_lang-BP3OmkDG.js

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),f=require("es-toolkit"),B=require("./BaseBadge.vue_vue_type_style_index_0_lang-Cgdc_pvz.js"),_=require("@pantograph/utils-vue"),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-CaAe4Yuz.js → Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js}

@@ -1,6 +1,6 @@
 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 { omit as S } from "es-toolkit";
-import { _ as w } from "./BaseBadge.vue_vue_type_script_setup_true_lang-D-XjAZLL.js";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-DwkMDLPp.js";
 import { getComponentOptions as x } from "@pantograph/utils-vue";
 import { b as e, c as t } from "./BaseBadge.model-DCiuNKoh.js";
 import { getCssCoreColor as o } from "@pantograph/tokens";

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-Cgdc_pvz.js

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

package/dist/{BaseBadge.vue_vue_type_script_setup_true_lang-D-XjAZLL.js → BaseBadge.vue_vue_type_style_index_0_lang-DwkMDLPp.js}

@@ -1,13 +1,12 @@
 import { defineComponent as k, useSlots as I, computed as p, createBlock as E, openBlock as L, h as x } from "vue";
-import { getBemBlock as T, generateVariantClassList as o, normCls as w } from "@pantograph/utils";
-import { cva as F } from "class-variance-authority";
-import { getComponentOptions as G, useComponentStyle as M, isEmptyElement as b, isEmptyLikeLodash as P } from "@pantograph/utils-vue";
-import { a as v, B } from "./BaseBadge.model-DCiuNKoh.js";
-import { _ as V } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { u as $ } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import j from "@pantograph/style/badge.css?raw";
-const W = /* @__PURE__ */ k({
-  ...G("BaseBadge"),
+import { getBemBlock as w, generateVariantClassList as o, normCls as F } from "@pantograph/utils";
+import { cva as G } from "class-variance-authority";
+import { getComponentOptions as M, isEmptyElement as v, isEmptyLikeLodash as P } from "@pantograph/utils-vue";
+import { a as b, B } from "./BaseBadge.model-DCiuNKoh.js";
+import { _ as T } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { u as V } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
+const Q = /* @__PURE__ */ k({
+  ...M("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
@@ -21,20 +20,19 @@ const W = /* @__PURE__ */ k({
     flipOnDir: {}
   },
   setup(_) {
-    M("badge", j);
-    const { getFlipOnDir: h } = $(), z = h("flipOnDir"), i = T("badge"), e = _, S = F(i, {
+    const { getFlipOnDir: h } = V(), z = h("flipOnDir"), i = w("badge"), e = _, S = G(i, {
       variants: {
         size: o(B, i),
-        type: o(v, i),
+        type: o(b, i),
         text: o("text", i),
         icon: o("icon", i),
         br: o("br", i)
       }
-    }), n = I(), s = p(() => v.includes(e.type) ? e.type : "pill"), m = p(() => {
+    }), n = I(), s = p(() => b.includes(e.type) ? e.type : "pill"), f = p(() => {
       let t = B.includes(e.size) ? e.size : "md";
       return t === "sm" && s.value !== "rect" ? s.value === "minify" ? t = "tiny" : s.value === "pill" && (t = "md") : s.value === "minify" && !["tiny", "tinier"].includes(t) ? t = "tiny" : s.value !== "minify" && ["tiny", "tinier"].includes(t) && (t = "md"), t;
     }), C = p(() => {
-      switch (m.value) {
+      switch (f.value) {
         case "sm":
           return "xsm";
         case "xsm":
@@ -51,18 +49,18 @@ const W = /* @__PURE__ */ k({
       let c, a;
       const r = e.type === "minify";
       r || (c = (y = n.icon) == null ? void 0 : y.call(n, {}), a = (g = n.default) == null ? void 0 : g.call(n, {}));
-      const f = !r && !b(a), u = !r && !b(c), l = !!(e.text === 0 || !P(e.text) || f), d = !!(e.icon || u);
+      const m = !r && !v(a), u = !r && !v(c), l = !!(e.text === 0 || !P(e.text) || m), d = !!(e.icon || u);
       (e.type === "rect" && l ? !1 : d) && t.push(
         x(
-          V,
+          T,
           { icon: e.icon, size: C.value, flipOnDir: z.value },
           u ? {
             default: () => c
           } : void 0
         )
-      ), l && (f ? t.push(a) : t.push(e.text));
+      ), l && (m ? t.push(a) : t.push(e.text));
       const O = {
-        size: m.value,
+        size: f.value,
         type: s.value,
         text: l,
         icon: d,
@@ -71,7 +69,7 @@ const W = /* @__PURE__ */ k({
       return x(
         "div",
         {
-          class: w(S(O), e.class),
+          class: F(S(O), e.class),
           style: {
             "--ptc-badge-fg": e.fg,
             "--ptc-badge-bg": e.bg,
@@ -85,5 +83,5 @@ const W = /* @__PURE__ */ k({
   }
 });
 export {
-  W as _
+  Q as _
 };

package/dist/BaseButton.vue_vue_type_style_index_0_lang-CJ5cQhLc.js

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

package/dist/{BaseButton.vue_vue_type_script_setup_true_lang-C0M_v3YX.js → BaseButton.vue_vue_type_style_index_0_lang-D8UQiapO.js}

@@ -1,15 +1,14 @@
 import { defineComponent as K, computed as i, useSlots as M, ref as Q, createBlock as f, openBlock as u, unref as r, mergeProps as U, withCtx as v, createElementBlock as W, Fragment as X, createCommentVNode as O, renderSlot as I, createVNode as Y, createTextVNode as Z, toDisplayString as ee, normalizeClass as oe, h as te } from "vue";
-import { _ as k } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { _ as ne } from "./Spinner.vue_vue_type_script_setup_true_lang-CMhmFqGC.js";
-import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-CaAe4Yuz.js";
+import { _ as k } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as ne } from "./Spinner.vue_vue_type_style_index_0_lang-COQRqpmY.js";
+import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
 import { Primitive as ie } from "reka-ui";
 import { B as S, b as T, a as C, c as _, i as le } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js";
 import { getBemBlock as re, generateVariantClassList as a, normCls as se, getBemElement as ce } from "@pantograph/utils";
 import { cva as pe } from "class-variance-authority";
 import { u as ue } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
-import { getComponentOptions as fe, useComponentStyle as de, useFormInput as me, isEmptyElement as ge } from "@pantograph/utils-vue";
-import ve from "@pantograph/style/button.css?raw";
-const F = "2xsm", Te = /* @__PURE__ */ K({
+import { getComponentOptions as fe, useFormInput as de, isEmptyElement as me } from "@pantograph/utils-vue";
+const F = "2xsm", De = /* @__PURE__ */ K({
   ...fe("BaseButton"),
   __name: "BaseButton",
   props: {
@@ -41,7 +40,6 @@ const F = "2xsm", Te = /* @__PURE__ */ K({
   },
   emits: ["click"],
   setup($, { expose: P, emit: R }) {
-    de("button", ve);
     const e = $, { getFlipOnDir: d } = ue(), V = d("flipOnDir"), E = d("preIconFlipOnDir"), w = d("postIconFlipOnDir"), N = d("badgeIconFlipOnDir"), n = re("button"), G = pe(n, {
       variants: {
         size: a(_, n),
@@ -57,12 +55,12 @@ const F = "2xsm", Te = /* @__PURE__ */ K({
         block: a("block", n),
         noRing: a("no-ring", n)
       }
-    }), x = le({
+    }), h = le({
       size: i(() => e.size),
       variant: i(() => e.variant)
-    }), m = i(() => e.variant ?? x.variant.value ?? "simple"), l = i(
+    }), m = i(() => e.variant ?? h.variant.value ?? "simple"), l = i(
       () => ["icon", "float"].includes(m.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
-    ), t = M(), { getDisabled: b, getSize: y } = me({ getSize: () => e.size ?? x.size.value }), j = i(() => {
+    ), t = M(), { getDisabled: b, getSize: y } = de({ getSize: () => e.size ?? h.size.value }), j = i(() => {
       let o = C.includes(e.type) ? e.type : "fill";
       const s = y.value, g = s && _.includes(s) ? s : "md";
       let c = e.color && T.includes(e.color) ? e.color : "primary", p = m.value && S.includes(m.value) ? m.value : "simple";
@@ -99,7 +97,7 @@ const F = "2xsm", Te = /* @__PURE__ */ K({
         default:
           return "2xsm";
       }
-    }), h = i(() => e.href ? "a" : "button"), L = i(() => {
+    }), x = i(() => e.href ? "a" : "button"), L = i(() => {
       const o = {
         disabled: b.value
       };
@@ -130,7 +128,7 @@ const F = "2xsm", Te = /* @__PURE__ */ K({
           color: b.value ? "gray" : "primary",
           size: F
         });
-        if (!ge(c)) return c;
+        if (!me(c)) return c;
         const p = (s = t.badgeText) == null ? void 0 : s.call(t, {}), D = (g = t.badgeIcon) == null ? void 0 : g.call(t, {});
         if (e.badgeText || p || e.badgeIcon || D)
           return te(
@@ -151,8 +149,8 @@ const F = "2xsm", Te = /* @__PURE__ */ K({
       return null;
     };
     return (o, s) => (u(), f(r(ie), U({
-      as: h.value,
-      key: String(h.value),
+      as: x.value,
+      key: String(x.value),
       class: r(se)(r(G)(j.value), e.class),
       ref_key: "buttonRef",
       ref: z
@@ -206,5 +204,5 @@ const F = "2xsm", Te = /* @__PURE__ */ K({
   }
 });
 export {
-  Te as _
+  De as _
 };