@pantograph/vue 0.25.3 → 0.25.4

package/dist/ActionButton/index.js

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-DBkXAjTl.js → ActionButton.vue_vue_type_script_setup_true_lang-DgRldvF-.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as b, mergeProps as d, createSlots as _, renderList as g, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as I } from "vue";
-import { o as k } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-BaXVOcYh.js";
+import { omit as k } from "es-toolkit";
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-C90xeF5w.js";
 import { g as x } from "./options-Bh1s18jm.js";
 const P = /* @__PURE__ */ p({
   ...x("ActionButton", !1),
@@ -25,7 +25,7 @@ const P = /* @__PURE__ */ p({
   },
   setup(n, { expose: r }) {
     const s = n, a = l(), c = m(() => ({
-      ...k(a, "variant", "loading", "color"),
+      ...k(a, ["variant", "loading", "color"]),
       ...s
     })), e = u();
     return r({

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-uwPzOpXQ.js

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

package/dist/Alert/index.js

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

package/dist/Alert/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Alert.vue_vue_type_style_index_0_lang-Cq-qsJt9.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-BWViURUx.js");exports.Alert=e._sfc_main;exports.AlertTypes=e.AlertTypes;exports.default=e._sfc_main;

package/dist/{Alert.vue_vue_type_style_index_0_lang-Cq-qsJt9.js → Alert.vue_vue_type_style_index_0_lang-BWViURUx.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("./options-CY2uxp5A.js"),y=require("./IconButton.vue_vue_type_script_setup_true_lang-NJ4SCX2H.js"),B=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CX1uOlz9.js"),k=require("./Link.vue_vue_type_style_index_0_lang-BfC3SwbG.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,l=n.getBemBlock("alert"),p=C.cva(l,{variants:{type:n.generateVariantClassList(i,l)}}),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(n.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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"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(n.getBemElement)(e.unref(l),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(y._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=f=>m("close",f))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("./options-CY2uxp5A.js"),y=require("./IconButton.vue_vue_type_script_setup_true_lang-DGXtxJVO.js"),B=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-X3qLlz8e.js"),k=require("./Link.vue_vue_type_style_index_0_lang-zFv3zzLA.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,l=n.getBemBlock("alert"),p=C.cva(l,{variants:{type:n.generateVariantClassList(i,l)}}),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(n.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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"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(n.getBemElement)(e.unref(l),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(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(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(y._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=f=>m("close",f))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;

package/dist/{Alert.vue_vue_type_style_index_0_lang-t5KBNR2O.js → Alert.vue_vue_type_style_index_0_lang-CsM-N2Dn.js}

@@ -2,9 +2,9 @@ import { defineComponent as h, useSlots as S, computed as V, createElementBlock
 import { getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a } from "@pantograph/utils";
 import { cva as L } from "class-variance-authority";
 import { g as M } from "./options-Bh1s18jm.js";
-import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-DIVceNgM.js";
-import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D6efb688.js";
-import { _ as j } from "./Link.vue_vue_type_style_index_0_lang-bdywEZns.js";
+import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-B2mwpDQo.js";
+import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BZWcWAd8.js";
+import { _ as j } from "./Link.vue_vue_type_style_index_0_lang-DAQr5LuP.js";
 const q = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ h({
   ...M("Alert"),
   __name: "Alert",

package/dist/Avatar/index.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-BgD1ygnv.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-BU_5Uc1h.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/index.umd.cjs

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

@@ -3,11 +3,10 @@ import { createContext as H, useEmitAsProps as J, AvatarRoot as K, AvatarImage a
 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 { g as D } from "./options-Bh1s18jm.js";
-import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-yKeicrWx.js";
-import "@iconify/vue";
-import { m as X, k as Y } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { _ as Z } from "./Indicator.vue_vue_type_script_setup_true_lang-Ca5Des7U.js";
-const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
+import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-BgRvygIi.js";
+import { n as X, e as Y } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { _ as Z } from "./Indicator.vue_vue_type_script_setup_true_lang-BZQujvXX.js";
+const [ee, te] = H("AvatarGroup"), me = /* @__PURE__ */ O({
   ...D("AvatarGroup"),
   __name: "AvatarGroup",
   props: {
@@ -20,7 +19,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
     noPopover: { type: Boolean }
   },
   setup(C) {
-    const s = C, g = F(), o = n(() => s.size), a = n(() => s.shape), B = j("avatar"), h = f(B, "group"), k = q(h, {
+    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)
       }
@@ -30,7 +29,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
       shape: a
     });
     const l = n(() => s.maxCount ? Number(s.maxCount) : 0), c = n(
-      () => k({
+      () => z({
         gutter: s.gutter
       })
     ), m = n(() => {
@@ -45,7 +44,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
         default:
           return "md";
       }
-    }), z = () => {
+    }), k = () => {
       const r = X(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),
@@ -71,7 +70,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
     return (r, p) => (i(), y("div", {
       class: v(t(S)(c.value, s.class))
     }, [
-      I(z, { maxCount: r.maxCount }, null, 8, ["maxCount"])
+      I(k, { maxCount: r.maxCount }, null, 8, ["maxCount"])
     ], 2));
   }
 }), G = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
@@ -99,7 +98,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
   },
   emits: ["loadingStatusChange"],
   setup(C, { emit: s }) {
-    const g = F(), o = j("avatar"), a = C, h = J(s), k = q(o, {
+    const g = F(), o = j("avatar"), a = C, h = J(s), z = q(o, {
       variants: {
         size: d(G, o),
         stroke: d(N, o),
@@ -112,7 +111,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
     }), l = ee({
       size: n(() => a.size),
       shape: n(() => a.shape)
-    }), c = n(() => l.size.value ?? a.size), m = n(() => l.shape.value ?? a.shape), z = n(() => {
+    }), c = n(() => l.size.value ?? a.size), m = n(() => l.shape.value ?? a.shape), k = n(() => {
       const e = c.value && G.includes(c.value) ? c.value : "md", u = a.stroke && N.includes(a.stroke) ? a.stroke : "none", L = m.value && V.includes(m.value) ? m.value : "circle", M = E[a.onlineAlignment] ? a.onlineAlignment : "start";
       return {
         size: e,
@@ -144,7 +143,7 @@ const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
     });
     return (e, u) => (i(), A(t(K), {
       as: "div",
-      class: v(t(S)(t(k)(z.value), a.class))
+      class: v(t(S)(t(z)(k.value), a.class))
     }, {
       default: P(() => [
         !g.default && !e.text ? (i(), y(R, { key: 0 }, [
@@ -193,7 +192,7 @@ export {
   N as a,
   V as b,
   E as c,
-  pe as d,
+  me as d,
   ee as i,
   te as p
 };

package/dist/Avatar.vue_vue_type_style_index_0_lang-BmD6RFO6.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("reka-ui"),s=require("@pantograph/utils"),B=require("class-variance-authority"),x=require("./options-CY2uxp5A.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-D7HUX-0i.js"),y=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),N=require("./Indicator.vue_vue_type_script_setup_true_lang-BAJid2ch.js"),[S,V]=p.createContext("AvatarGroup"),G=e.defineComponent({...x.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=B.cva(d,{variants:{gutter:s.generateVariantClassList("gutter",d)}});V({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=y.flattenChildren(v.default?v.default():[]),m=()=>e.h(P,{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(b._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))}}),_=["2xsm","xsm","sm","md","lg","xlg"],A=["gray","white"],h=["circle","square","rect"],z={start:"online-start",end:"online-end"},P=e.defineComponent({...x.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=B.cva(r,{variants:{size:s.generateVariantClassList(_,r),stroke:s.generateVariantClassList(A,r),shape:s.generateVariantClassList(h,r),onlineAlignment:s.generateVariantClassList(z,r)}}),l=S({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&&_.includes(c.value)?c.value:"md",u=n.stroke&&A.includes(n.stroke)?n.stroke:"none",q=i.value&&h.includes(i.value)?i.value:"circle",E=z[n.onlineAlignment]?n.onlineAlignment:"start";return{size:t,stroke:u,shape:q,onlineAlignment:E}}),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(y._sfc_main$2),{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=z;exports.AvatarShapes=h;exports.AvatarSizes=_;exports.AvatarStrokes=A;exports._sfc_main=P;exports._sfc_main$1=G;exports.injectAvatarGroupContext=S;exports.provideAvatarGroupContext=V;

package/dist/AvatarGroup/index.js

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

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-D_26B5fC.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-BmD6RFO6.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-Cj_qLGab.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-D4qWXPmE.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-DLIYFnk7.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-BNoY52kq.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/Badge.vue_vue_type_script_setup_true_lang-BNoY52kq.js

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),f=require("es-toolkit"),B=require("./BaseBadge.vue_vue_type_style_index_0_lang-MiT5JEP1.js"),_=require("./options-CY2uxp5A.js"),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(c){const e=c,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),n=>({name:n,fn:o.withCtx(p=>[o.renderSlot(l.$slots,n,o.normalizeProps(o.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=m;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-Cj_qLGab.js → Badge.vue_vue_type_script_setup_true_lang-D4qWXPmE.js}

@@ -1,8 +1,8 @@
 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 { o as S } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-Dk4czjh8.js";
+import { omit as S } from "es-toolkit";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-iBj3bp4f.js";
 import { g as x } from "./options-Bh1s18jm.js";
-import { B as e, a as t } from "./BaseBadge.model-CahZXsyM.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),
@@ -15,8 +15,8 @@ const R = /* @__PURE__ */ y({
     size: {},
     color: { default: "primary" }
   },
-  setup(a) {
-    const r = a, i = C(), s = [...e, ...t], u = [...e, ...t], p = () => {
+  setup(i) {
+    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");
@@ -25,28 +25,28 @@ const R = /* @__PURE__ */ y({
         if (e.includes(r.color)) return o("grayscale-light-0");
       }
     }, g = () => {
-      if (s.includes(r.color)) {
+      if (l.includes(r.color)) {
         if (r.color === "gray-subtle") return o("gray-1");
         if (t.includes(r.color))
           return o(`${r.color.replace("-subtle", "")}-0`);
         if (e.includes(r.color)) return o(`${r.color}-5`);
       }
-    }, f = n(() => r.color && s.includes(r.color) ? {
+    }, f = n(() => r.color && l.includes(r.color) ? {
       bg: g(),
       fg: p()
     } : {
       bg: o("primary-5"),
       fg: o("primary-oncolor")
     }), m = n(() => ({
-      ...S(i, "type"),
+      ...S(a, ["type"]),
       ...r,
       ...f.value
     }));
-    return (l, z) => (_(), b(w, B(m.value, { type: "pill" }), $({ _: 2 }, [
-      k(Object.keys(l.$slots), (c) => ({
+    return (s, z) => (_(), b(w, B(m.value, { type: "pill" }), $({ _: 2 }, [
+      k(Object.keys(s.$slots), (c) => ({
         name: c,
         fn: h((d) => [
-          v(l.$slots, c, O(P(d)))
+          v(s.$slots, c, O(P(d)))
         ])
       }))
     ]), 1040));

package/dist/Base/BaseInput/BaseInput.d.ts

@@ -0,0 +1,61 @@
+import { ClassValue } from 'class-variance-authority/types';
+import { InputSize, InputStatus } from './BaseInput.model.ts';
+import { IconSize } from '../../Icon/Icon.model.ts';
+import { Ref } from 'vue';
+export interface BaseInputProps {
+    disabled?: boolean;
+    leading?: string;
+    trailing?: string;
+    clearIcon?: string;
+    trailingCls?: ClassValue;
+    clearIconCls?: ClassValue;
+    dividerCls?: ClassValue;
+    leadingCls?: ClassValue;
+    class?: ClassValue;
+    allowClear?: boolean;
+    bordered?: boolean;
+    simple?: boolean;
+    size?: InputSize;
+    status?: InputStatus;
+    hasValue?: boolean;
+    steps?: boolean;
+}
+export interface BaseInputSlots {
+    default?: (data?: object) => never;
+    leading?: (data: {
+        iconSize: IconSize;
+    }) => never;
+    trailing?: (data: {
+        iconSize: IconSize;
+    }) => never;
+    extra?: (data: {
+        iconSize: IconSize;
+    }) => never;
+    clearIcon?: () => never;
+}
+export interface BaseInputEmits {
+    (e: 'clear'): void;
+}
+export declare const inputPrefix: string;
+export declare const useInputExposes: (inputRef: Ref<HTMLInputElement | undefined>) => {
+    input: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    focus: (option?: FocusOptions) => void | undefined;
+    blur: () => void | undefined;
+    select: () => void | undefined;
+    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void | undefined;
+};
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseInputProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<BaseInputProps> & Readonly<{
+    onClear?: (() => any) | undefined;
+}>, {
+    disabled: boolean;
+    clearIcon: string;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseInputSlots> & BaseInputSlots>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Base/BaseInput/BaseInput.model.d.ts

@@ -0,0 +1,4 @@
+export declare const InputSizes: readonly ["sm", "md", "lg"];
+export type InputSize = (typeof InputSizes)[number];
+export declare const InputStatuses: readonly ["error", "warning", "success"];
+export type InputStatus = (typeof InputStatuses)[number];

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

@@ -43,7 +43,7 @@ export {
   l as B,
   t as P,
   a,
-  i as b,
-  u as c,
+  u as b,
+  i as c,
   b as g
 };

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-MiT5JEP1.js

@@ -0,0 +1 @@
+"use strict";const s=require("vue"),n=require("@pantograph/utils"),q=require("class-variance-authority"),V=require("./options-CY2uxp5A.js"),o=require("./BaseBadge.model-DecqxaGN.js"),l=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),D=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js");require("es-toolkit");const E=s.defineComponent({...V.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(B){const{getFlipOnDir:x}=D.useConfig(),b=x("flipOnDir"),i=n.getBemBlock("badge"),e=B,C=q.cva(i,{variants:{size:n.generateVariantClassList(o.BadgeSizes,i),type:n.generateVariantClassList(o.BadgeTypes,i),text:n.generateVariantClassList("text",i),icon:n.generateVariantClassList("icon",i),br:n.generateVariantClassList("br",i)}}),a=s.useSlots(),c=s.computed(()=>o.BadgeTypes.includes(e.type)?e.type:"pill"),d=s.computed(()=>{let t=o.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"}}),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&&!l.isEmptyElement(u),g=!p&&!l.isEmptyElement(r),f=!!(!l.isEmpty(e.text)||m),_=!!(e.icon||g);(e.type==="rect"&&f?!1:_)&&t.push(s.h(l._sfc_main$2,{icon:e.icon,size:h.value,flipOnDir:b.value},g?{default:()=>r}:void 0)),f&&(m?t.push(u):t.push(e.text));const S={size:d.value,type:c.value,text:f,icon:_,br:!!e.br};return s.h("div",{class:n.normCls(C(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=E;

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-Dk4czjh8.js → BaseBadge.vue_vue_type_style_index_0_lang-iBj3bp4f.js}

@@ -1,14 +1,13 @@
-import { defineComponent as k, useSlots as I, computed as p, createBlock as E, openBlock as j, h as b } from "vue";
-import { getBemBlock as q, generateVariantClassList as o, normCls as w } from "@pantograph/utils";
-import { cva as F } from "class-variance-authority";
-import { g as G } from "./options-Bh1s18jm.js";
-import { b as v, c as x } from "./BaseBadge.model-CahZXsyM.js";
-import "@iconify/vue";
-import { j as B, q as L, k as M } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { u as P } from "./index-BTuMaS--.js";
-import "lodash-es";
-const U = /* @__PURE__ */ k({
-  ...G("BaseBadge"),
+import { defineComponent as k, useSlots as I, computed as p, createBlock as E, openBlock as w, h as b } from "vue";
+import { getBemBlock as F, generateVariantClassList as o, normCls as G } from "@pantograph/utils";
+import { cva as L } from "class-variance-authority";
+import { g as M } from "./options-Bh1s18jm.js";
+import { c as v, b as x } from "./BaseBadge.model-D4ZfMIfM.js";
+import { k as B, l as P, e as T } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { u as V } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
+import "es-toolkit";
+const R = /* @__PURE__ */ k({
+  ...M("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
@@ -22,7 +21,7 @@ const U = /* @__PURE__ */ k({
     flipOnDir: {}
   },
   setup(_) {
-    const { getFlipOnDir: z } = P(), h = z("flipOnDir"), i = q("badge"), e = _, S = F(i, {
+    const { getFlipOnDir: z } = V(), h = z("flipOnDir"), i = F("badge"), e = _, S = L(i, {
       variants: {
         size: o(x, i),
         type: o(v, i),
@@ -51,10 +50,10 @@ const U = /* @__PURE__ */ k({
       let c, a;
       const r = e.type === "minify";
       r || (c = (g = s.icon) == null ? void 0 : g.call(s, {}), a = (y = s.default) == null ? void 0 : y.call(s, {}));
-      const f = !r && !B(a), u = !r && !B(c), l = !!(!L(e.text) || f), d = !!(e.icon || u);
+      const f = !r && !B(a), u = !r && !B(c), l = !!(!P(e.text) || f), d = !!(e.icon || u);
       (e.type === "rect" && l ? !1 : d) && t.push(
         b(
-          M,
+          T,
           { icon: e.icon, size: C.value, flipOnDir: h.value },
           u ? {
             default: () => c
@@ -71,7 +70,7 @@ const U = /* @__PURE__ */ k({
       return b(
         "div",
         {
-          class: w(S(O), e.class),
+          class: G(S(O), e.class),
           style: {
             "--ptc-badge-fg": e.fg,
             "--ptc-badge-bg": e.bg,
@@ -81,9 +80,9 @@ const U = /* @__PURE__ */ k({
         t
       );
     };
-    return (t, c) => (j(), E(D));
+    return (t, c) => (w(), E(D));
   }
 });
 export {
-  U as _
+  R as _
 };

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-BaXVOcYh.js → BaseButton.vue_vue_type_style_index_0_lang-C90xeF5w.js}

@@ -1,14 +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 h, renderSlot as I, createVNode as Y, createTextVNode as Z, toDisplayString as ee, normalizeClass as oe, h as te } from "vue";
-import { k, j as ne } from "./Icon.vue_vue_type_style_index_0_lang-D105BnRd.js";
-import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-CRuHKobG.js";
-import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-Cj_qLGab.js";
+import { e as k, k as ne } from "./Icon.vue_vue_type_style_index_0_lang-BMu3U4-l.js";
+import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-ypYtsXl_.js";
+import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-D4qWXPmE.js";
 import { Primitive as le } from "reka-ui";
-import { B as S, a as T, b as C, c as _, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-BflgAkUi.js";
+import { B as S, b as T, a as C, c as _, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-DPtJY6ad.js";
 import { getBemBlock as se, generateVariantClassList as a, normCls as ce, getBemElement as pe } from "@pantograph/utils";
 import { cva as ue } from "class-variance-authority";
 import { g as fe } from "./options-Bh1s18jm.js";
-import { u as de } from "./index-BTuMaS--.js";
-import { u as me } from "./useInputDataStates-B78OFI-A.js";
+import { u as de } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-DSKgXw-g.js";
+import { u as me } from "./useInputDataStates-COzmxWTw.js";
 const F = "2xsm", he = /* @__PURE__ */ K({
   ...fe("BaseButton"),
   __name: "BaseButton",
@@ -40,7 +40,7 @@ const F = "2xsm", he = /* @__PURE__ */ K({
   },
   emits: ["click"],
   setup($, { expose: P, emit: R }) {
-    const e = $, { getFlipOnDir: d } = de(), V = d("flipOnDir"), E = d("preIconFlipOnDir"), w = d("postIconFlipOnDir"), N = d("badgeIconFlipOnDir"), n = se("button"), j = ue(n, {
+    const e = $, { getFlipOnDir: d } = de(), V = d("flipOnDir"), E = d("preIconFlipOnDir"), w = d("postIconFlipOnDir"), N = d("badgeIconFlipOnDir"), n = se("button"), G = ue(n, {
       variants: {
         size: a(_, n),
         type: a(C, n),
@@ -60,7 +60,7 @@ const F = "2xsm", he = /* @__PURE__ */ K({
       variant: i(() => e.variant)
     }), m = i(() => e.variant ?? x.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 }), G = i(() => {
+    ), t = M(), { getDisabled: b, getSize: y } = me({ getSize: () => e.size ?? x.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";
@@ -151,7 +151,7 @@ const F = "2xsm", he = /* @__PURE__ */ K({
     return (o, s) => (u(), f(r(le), U({
       as: D.value,
       key: String(D.value),
-      class: r(ce)(r(j)(G.value), e.class),
+      class: r(ce)(r(G)(j.value), e.class),
       ref_key: "buttonRef",
       ref: z
     }, L.value, { onClick: H }), {

package/dist/BaseButton.vue_vue_type_style_index_0_lang-C_rzn0QQ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),f=require("./Icon.vue_vue_type_style_index_0_lang-5yqYwaOw.js"),w=require("./Spinner.vue_vue_type_style_index_0_lang-y2U5MnVr.js"),R=require("./Badge.vue_vue_type_script_setup_true_lang-BNoY52kq.js"),E=require("reka-ui"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-DwaBBOgk.js"),a=require("@pantograph/utils"),N=require("class-variance-authority"),G=require("./options-CY2uxp5A.js"),A=require("./ConfigProvider.vue_vue_type_script_setup_true_lang-BAXkTMEt.js"),j=require("./useInputDataStates-BWZ4Q3rt.js"),k="2xsm",U=e.defineComponent({...G.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},href:{},target:{}},emits:["click"],setup(C,{expose:z,emit:x}){const t=C,{getFlipOnDir:p}=A.useConfig(),h=p("flipOnDir"),D=p("preIconFlipOnDir"),S=p("postIconFlipOnDir"),V=p("badgeIconFlipOnDir"),i=a.getBemBlock("button"),O=N.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)}}),B=s.injectButtonGroupContext({size:e.computed(()=>t.size),variant:e.computed(()=>t.variant)}),d=e.computed(()=>t.variant??B.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:v,getSize:m}=j.useFormInput({getSize:()=>t.size??B.size.value}),T=e.computed(()=>{let n=s.ButtonTypes.includes(t.type)?t.type:"fill";const l=m.value,g=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:g,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)}}),_=e.computed(()=>{switch(m.value){case"lg":return"sm";case"sm":return"2xsm";default:return"xsm"}}),L=e.computed(()=>{switch(m.value){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),y=e.computed(()=>t.href?"a":"button"),q=e.computed(()=>{const n={disabled:v.value};return t.href&&(n.href=t.href,n.target=t.target),t.htmlType&&(n.type=t.htmlType),n}),I=e.ref();z({focus(){var n;(n=I.value)==null||n.focus()},blur(){var n;(n=I.value)==null||n.blur()}});const F=x,P=n=>{if(t.loading||t.disabled){n.preventDefault(),n.stopPropagation();return}F("click",n)};e.computed(()=>t.action&&t.active&&!r.value&&(t.badgeText||o.badgeText||t.badgeIcon||o.badgeIcon||o.badge));const $=()=>{var n,l,g;if(t.action&&t.active&&!r.value){const c=(n=o.badge)==null?void 0:n.call(o,{color:v.value?"gray":"primary",size:k});if(!f.isEmptyElement(c))return c;const u=(l=o.badgeText)==null?void 0:l.call(o,{}),b=(g=o.badgeIcon)==null?void 0:g.call(o,{});if(t.badgeText||u||t.badgeIcon||b)return e.h(R._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:V.value,color:v.value?"gray":"primary",size:k},{default:u?o.badgeText:void 0,icon:b?o.badgeIcon:void 0})}return null};return(n,l)=>(e.openBlock(),e.createBlock(e.unref(E.Primitive),e.mergeProps({as:y.value,key:String(y.value),class:e.unref(a.normCls)(e.unref(O)(T.value),t.class),ref_key:"buttonRef",ref:I},q.value,{onClick:P}),{default:e.withCtx(()=>[n.loading?(e.openBlock(),e.createBlock(w._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(i),"loading")),size:_.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(n.preIcon||o.preIcon)&&!r.value?(e.openBlock(),e.createBlock(f._sfc_main$2,{key:0,flipOnDir:e.unref(D),icon:n.preIcon,size:_.value},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(f._sfc_main$2,{key:1,icon:n.icon,size:L.value,flipOnDir:e.unref(h)},{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($),(n.postIcon||o.postIcon)&&!r.value?(e.openBlock(),e.createBlock(f._sfc_main$2,{key:3,flipOnDir:e.unref(S),icon:n.postIcon,size:_.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=U;