@pantograph/vue 0.29.7 → 0.29.9

package/dist/ActionButton/ActionButton.d.ts

@@ -28,6 +28,9 @@ declare function __VLS_template(): {
                 readonly icon?: string | undefined;
                 readonly preIcon?: string | undefined;
                 readonly postIcon?: string | undefined;
+                readonly customStroke?: boolean | undefined;
+                readonly preIconCustomStroke?: boolean | undefined;
+                readonly postIconCustomStroke?: boolean | undefined;
                 readonly flipOnDir?: import('..').FlipOnDir | undefined;
                 readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
                 readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;
@@ -166,6 +169,9 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
             readonly icon?: string | undefined;
             readonly preIcon?: string | undefined;
             readonly postIcon?: string | undefined;
+            readonly customStroke?: boolean | undefined;
+            readonly preIconCustomStroke?: boolean | undefined;
+            readonly postIconCustomStroke?: boolean | undefined;
             readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
             readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;

package/dist/ActionButton/index.js

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

package/dist/ActionButton/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-qVBQpm_u.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-C5zne9bw.js

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

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-qVBQpm_u.js

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

package/dist/Alert/index.js

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

package/dist/Alert/index.umd.cjs

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

package/dist/Avatar/index.js

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

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-D2o9rP-R.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-BS8RZHC9.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-D2o9rP-R.js → Avatar.vue_vue_type_style_index_0_lang-BS8RZHC9.js}

@@ -1 +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)}});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;
+"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-CNVVjR7d.js"),w=require("./BaseBadge.model-DecqxaGN.js"),L=require("./Icon.vue_vue_type_style_index_0_lang-C71M9gUt.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)}});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-BSPQHKch.js → Avatar.vue_vue_type_style_index_0_lang-Bmf84KwX.js}

@@ -5,9 +5,9 @@ import { cva as D } from "class-variance-authority";
 import { flattenChildren as Y, installComponent as Z } from "@pantograph/utils-vue";
 import { HoverCard as ee } from "./HoverCard/index.js";
 import "./Icon/index.js";
-import { _ as te } from "./Indicator.vue_vue_type_script_setup_true_lang-JJjkSXKC.js";
+import { _ as te } from "./Indicator.vue_vue_type_script_setup_true_lang-CCc6erAV.js";
 import { B as se } from "./BaseBadge.model-D4ZfMIfM.js";
-import { _ as ae } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+import { _ as ae } from "./Icon.vue_vue_type_style_index_0_lang-Bnaz1Ya1.js";
 const [oe, re] = J("AvatarGroup"), ne = /* @__PURE__ */ O({
   ...j("AvatarGroup"),
   __name: "AvatarGroup",

package/dist/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { a as p, A as i, i as e, p as u } from "../Avatar.vue_vue_type_style_index_0_lang-BSPQHKch.js";
+import { a as p, A as i, i as e, p as u } from "../Avatar.vue_vue_type_style_index_0_lang-Bmf84KwX.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../Avatar.vue_vue_type_style_index_0_lang-D2o9rP-R.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.AvatarGroup=r._sfc_main$1;exports.AvatarGroupPlugin=r.AvatarGroupPlugin;exports.injectAvatarGroupContext=r.injectAvatarGroupContext;exports.provideAvatarGroupContext=r.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../Avatar.vue_vue_type_style_index_0_lang-BS8RZHC9.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/Badge.d.ts

@@ -1,6 +1,6 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 import { BadgeColor, BadgeColorSubtle } from '../Base/BaseBadge/BaseBadge.model';
-export type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' | 'icon' | 'flipOnDir'>> & {
+export type BadgeProps = Partial<Pick<BaseBadgeProps, 'class' | 'text' | 'icon' | 'flipOnDir' | 'customStroke'>> & {
     size?: Exclude<BaseBadgeProps['size'], 'sm' | 'tiny' | 'tinier'>;
     color?: BadgeColor | BadgeColorSubtle;
 };

package/dist/Badge/index.js

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

package/dist/Badge/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Badge.vue_vue_type_script_setup_true_lang-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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Badge.vue_vue_type_script_setup_true_lang-Cbuqn3RE.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-Cbuqn3RE.js

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

package/dist/Badge.vue_vue_type_script_setup_true_lang-DcoQiykg.js

@@ -0,0 +1,58 @@
+import { defineComponent as y, useAttrs as C, computed as n, createBlock as b, openBlock as B, mergeProps as _, createSlots as $, renderList as k, withCtx as S, renderSlot as h, normalizeProps as v, guardReactiveProps as O } from "vue";
+import { omit as P } from "es-toolkit";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-Df6xp03I.js";
+import { getComponentOptions as x } from "@pantograph/utils";
+import { B as e, a as t } from "./BaseBadge.model-D4ZfMIfM.js";
+import { getCssCoreColor as r } from "@pantograph/tokens";
+const R = /* @__PURE__ */ y({
+  ...x("Badge", !1),
+  __name: "Badge",
+  props: {
+    class: {},
+    text: {},
+    icon: {},
+    flipOnDir: {},
+    customStroke: { type: Boolean },
+    size: {},
+    color: { default: "primary" }
+  },
+  setup(i) {
+    const o = i, a = C(), l = [...e, ...t], u = [...e, ...t], p = () => {
+      if (u.includes(o.color)) {
+        if (o.color === "gray-subtle") return r("gray-6");
+        if (o.color === "yellow") return r("grayscale-dark-0");
+        if (t.includes(o.color))
+          return r(`${o.color.replace("-subtle", "")}-5`);
+        if (e.includes(o.color)) return r("grayscale-light-0");
+      }
+    }, f = () => {
+      if (l.includes(o.color)) {
+        if (o.color === "gray-subtle") return r("gray-1");
+        if (t.includes(o.color))
+          return r(`${o.color.replace("-subtle", "")}-0`);
+        if (e.includes(o.color)) return r(`${o.color}-5`);
+      }
+    }, g = n(() => o.color && l.includes(o.color) ? {
+      bg: f(),
+      fg: p()
+    } : {
+      bg: r("primary-5"),
+      fg: r("primary-oncolor")
+    }), m = n(() => ({
+      ...P(a, ["type"]),
+      ...o,
+      ...g.value
+    }));
+    return (s, z) => (B(), b(w, _(m.value, { type: "pill" }), $({ _: 2 }, [
+      k(Object.keys(s.$slots), (c) => ({
+        name: c,
+        fn: S((d) => [
+          h(s.$slots, c, v(O(d)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  R as _
+};

package/dist/Base/BaseBadge/BaseBadge.d.ts

@@ -10,6 +10,7 @@ export interface BaseBadgeProps {
     br?: BadgeColor | BadgeColorSubtle | string;
     type?: BadgeType;
     icon?: string;
+    customStroke?: boolean;
     flipOnDir?: FlipOnDir;
 }
 export interface BaseBadgeSlots {

package/dist/Base/BaseButton/BaseButton.d.ts

@@ -21,6 +21,9 @@ export interface BaseButtonProps {
     icon?: string;
     preIcon?: string;
     postIcon?: string;
+    customStroke?: boolean;
+    preIconCustomStroke?: boolean;
+    postIconCustomStroke?: boolean;
     flipOnDir?: FlipOnDir;
     preIconFlipOnDir?: FlipOnDir;
     postIconFlipOnDir?: FlipOnDir;

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-BXt23eop.js

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

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-10ckF176.js → BaseBadge.vue_vue_type_style_index_0_lang-Df6xp03I.js}

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

package/dist/BaseButton.vue_vue_type_style_index_0_lang-B-IwYZpC.js

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