@pantograph/vue 0.7.1 → 0.8.1

package/dist/ActionButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-OA7L3d0i.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-IN_Iar0s.js";
 export {
   a as ActionButton,
   e as default

package/dist/ActionButton/index.umd.cjs.js

@@ -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-BbIIyV6t.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-2X340gYi.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-BbIIyV6t.js → ActionButton.vue_vue_type_script_setup_true_lang-2X340gYi.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-1sFJ_mId.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-BaS_JGCX.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},type:{},variant:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","loading","color"),...c})),o=e.ref();return r({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(i.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),p=require("./omit-CMPOmOGF.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},type:{},variant:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","loading","color"),...c})),o=e.ref();return r({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(i.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-OA7L3d0i.js → ActionButton.vue_vue_type_script_setup_true_lang-IN_Iar0s.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useAttrs as m, computed as u, ref as f, createBlock as l, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
-import { o as y } from "./omit-Cxaoa8oo.js";
-import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
+import { o as y } from "./omit-wqhC12f_.js";
+import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-5rSLcXNk.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ p({
   ...C("ActionButton", !1),

package/dist/Avatar/Avatar.d.ts

@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Av
     icon: string;
     shape: "circle" | "rect" | "square";
     src: string;
-    onlineColor: "primary" | "blue" | "red" | "orange" | "yellow" | "lime" | "violet" | "gray" | "teal" | "green" | "sky" | "cyan" | "pink" | "amber" | "fuchsia";
+    onlineColor: "primary" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "teal" | "cyan" | "sky" | "blue" | "ocean" | "violet" | "amethyst" | "fuchsia" | "pink" | "gray";
     onlineAlignment: "start" | "end";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<AvatarSlots> & AvatarSlots>;
 export default _default;

package/dist/Avatar/index.js.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-DaYRIBIE.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-BVysdOnq.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/index.umd.cjs.js

@@ -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-GxhgpEU3.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-BiEWBKYn.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-DaYRIBIE.js → Avatar.vue_vue_type_style_index_0_lang-BVysdOnq.js}

@@ -3,10 +3,10 @@ import { createContext as H, Primitive as G, useEmitAsProps as J, AvatarRoot as
 import { b as f, a as d, g as j } from "./class-DziTeW9B.js";
 import { cva as q } from "class-variance-authority";
 import { g as D } from "./options-JBqnVZUl.js";
-import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-CMyqfhum.js";
+import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-MJjv8Cvt.js";
 import "@iconify/vue";
 import { _ as X } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { _ as Y } from "./Indicator.vue_vue_type_script_setup_true_lang-ODS_K3jA.js";
+import { _ as Y } from "./Indicator.vue_vue_type_script_setup_true_lang-CHuo9sYF.js";
 const [Z, ee] = H("AvatarGroup"), me = /* @__PURE__ */ F({
   ...D("AvatarGroup"),
   __name: "AvatarGroup",

package/dist/{Avatar.vue_vue_type_style_index_0_lang-GxhgpEU3.js → Avatar.vue_vue_type_style_index_0_lang-BiEWBKYn.js}

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

package/dist/AvatarGroup/index.js.js

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

package/dist/AvatarGroup/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-GxhgpEU3.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-BiEWBKYn.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Badge/Badge.d.ts

@@ -1,7 +1,8 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
-export type BadgeProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'text' | 'mode' | 'icon'>> & {
+import { BadgeColor, BadgeColorSubtle } from '../Base/BaseBadge/BaseBadge.model.js';
+export type BadgeProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'text' | 'icon'>> & {
     size?: Exclude<BaseBadgeProps['size'], 'sm' | 'tiny' | 'tinier'>;
-    color?: Exclude<BaseBadgeProps['color'], 'none'>;
+    color?: BadgeColor | BadgeColorSubtle;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;

package/dist/Badge/index.js.js

@@ -1,4 +1,4 @@
-import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-DrLIHHCe.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-CIkF44xM.js";
 export {
   d as Badge,
   f as default

package/dist/Badge/index.umd.cjs.js

@@ -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-zP7Q3GsL.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-D7hKm2YM.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/Badge.vue_vue_type_script_setup_true_lang-CIkF44xM.js

@@ -0,0 +1,57 @@
+import { defineComponent as f, useAttrs as u, computed as l, createBlock as b, openBlock as d, mergeProps as y, createSlots as _, renderList as C, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
+import { o as k } from "./omit-wqhC12f_.js";
+import { c as a, b as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bm8mav0C.js";
+import { g as h } from "./options-JBqnVZUl.js";
+import { getCssVar as r } from "@pantograph/tokens";
+const z = /* @__PURE__ */ f({
+  ...h("Badge", !1),
+  __name: "Badge",
+  props: {
+    as: {},
+    class: {},
+    text: {},
+    icon: {},
+    size: {},
+    color: {}
+  },
+  setup(p) {
+    const o = p, m = u(), i = l(() => {
+      const t = [...n, ...a], c = {
+        ...Object.fromEntries(n.map((e) => [e, r(`${e}-5`)])),
+        ...Object.fromEntries(
+          a.map((e) => [e, r(`${e.replace("-subtle", "")}-0`)])
+        ),
+        "gray-subtle": r("gray-1")
+      }, s = {
+        ...Object.fromEntries(n.map((e) => [e, r("grayscale-light-0")])),
+        yellow: r("grayscale-dark-0"),
+        ...Object.fromEntries(
+          a.map((e) => [e, r(`${e.replace("-subtle", "")}-5`)])
+        ),
+        "gray-subtle": r("gray-6")
+      };
+      return o.color && t.includes(o.color) ? {
+        bg: c[o.color],
+        fg: s[o.color]
+      } : {
+        bg: r("primary-5"),
+        fg: r("primary-oncolor")
+      };
+    }), g = l(() => ({
+      ...k(m, "type"),
+      ...o,
+      ...i.value
+    }));
+    return (t, c) => (d(), b(E, y(g.value, { type: "pill" }), _({ _: 2 }, [
+      C(Object.keys(t.$slots), (s) => ({
+        name: s,
+        fn: B((e) => [
+          O(t.$slots, s, $(j(e)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  z as _
+};

package/dist/Badge.vue_vue_type_script_setup_true_lang-D7hKm2YM.js

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

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

@@ -1,28 +1,23 @@
 import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../../types';
-import { BadgeColor, BadgeMode, BadgeSize, BadgeType } from './BaseBadge.model';
-import { IconSize } from '../../Icon';
+import { BadgeColor, BadgeColorSubtle, BadgeSize, BadgeType } from './BaseBadge.model';
 export interface BaseBadgeProps extends Omit<PrimitiveProps, 'asChild'> {
     size?: BadgeSize;
     class?: Class;
     text?: string | number;
-    color?: BadgeColor | 'none';
+    bg?: BadgeColor | BadgeColorSubtle | string;
+    fg?: BadgeColor | BadgeColorSubtle | string;
+    br?: BadgeColor | BadgeColorSubtle | string;
     type?: BadgeType;
-    mode?: BadgeMode;
     icon?: string;
 }
 export interface BaseBadgeSlots {
     default?: () => never;
-    icon?: (props?: {
-        icon: string;
-        size: IconSize;
-    }) => never;
+    icon?: () => never;
 }
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseBadgeProps> & Readonly<{}>, {
     size: "2xsm" | "xsm" | "sm" | "md" | "tiny" | "tinier";
     type: "rect" | "pill" | "minify";
-    mode: "bold" | "subtle";
-    color: "none" | "primary" | "blue" | "red" | "orange" | "yellow" | "lime" | "violet" | "gray" | "teal" | "green" | "sky" | "cyan" | "pink" | "amber" | "fuchsia";
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;

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

@@ -2,7 +2,7 @@ export declare const BadgeSizes: readonly ["2xsm", "xsm", "sm", "md", "tiny", "t
 export type BadgeSize = (typeof BadgeSizes)[number];
 export declare const BadgeTypes: readonly ["rect", "pill", "minify"];
 export type BadgeType = (typeof BadgeTypes)[number];
-export declare const BadgeColors: readonly ["primary", "blue", "red", "orange", "yellow", "lime", "violet", "gray", "teal", "green", "sky", "cyan", "pink", "amber", "fuchsia"];
+export declare const BadgeColors: readonly ["primary", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "gray"];
 export type BadgeColor = (typeof BadgeColors)[number];
-export declare const BadgeModes: readonly ["bold", "subtle"];
-export type BadgeMode = (typeof BadgeModes)[number];
+export declare const BadgeColorsSubtle: readonly ["primary-subtle", "red-subtle", "orange-subtle", "amber-subtle", "yellow-subtle", "lime-subtle", "green-subtle", "teal-subtle", "cyan-subtle", "sky-subtle", "blue-subtle", "ocean-subtle", "violet-subtle", "amethyst-subtle", "fuchsia-subtle", "pink-subtle", "gray-subtle"];
+export type BadgeColorSubtle = (typeof BadgeColorsSubtle)[number];

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-Bm8mav0C.js

@@ -0,0 +1,129 @@
+import { defineComponent as _, useSlots as C, computed as a, createBlock as u, openBlock as o, unref as r, normalizeStyle as h, normalizeClass as S, withCtx as m, createElementBlock as w, createCommentVNode as p, Fragment as V, renderSlot as f, createTextVNode as $, toDisplayString as I } from "vue";
+import { Primitive as N } from "radix-vue";
+import { g as P, a as i } from "./class-DziTeW9B.js";
+import { cva as T } from "class-variance-authority";
+import { g as D } from "./options-JBqnVZUl.js";
+import "@iconify/vue";
+import { _ as E } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "minify"], J = [
+  "primary",
+  "red",
+  "orange",
+  "amber",
+  "yellow",
+  "lime",
+  "green",
+  "teal",
+  "cyan",
+  "sky",
+  "blue",
+  "ocean",
+  "violet",
+  "amethyst",
+  "fuchsia",
+  "pink",
+  "gray"
+], K = [
+  "primary-subtle",
+  "red-subtle",
+  "orange-subtle",
+  "amber-subtle",
+  "yellow-subtle",
+  "lime-subtle",
+  "green-subtle",
+  "teal-subtle",
+  "cyan-subtle",
+  "sky-subtle",
+  "blue-subtle",
+  "ocean-subtle",
+  "violet-subtle",
+  "amethyst-subtle",
+  "fuchsia-subtle",
+  "pink-subtle",
+  "gray-subtle"
+], M = /* @__PURE__ */ _({
+  ...D("BaseBadge"),
+  __name: "BaseBadge",
+  props: {
+    size: { default: "md" },
+    class: {},
+    text: {},
+    bg: {},
+    fg: {},
+    br: {},
+    type: { default: "pill" },
+    icon: {},
+    as: { default: "div" }
+  },
+  setup(y) {
+    const l = P("badge"), t = y, g = T(l, {
+      variants: {
+        size: i(b, l),
+        type: i(d, l),
+        text: i("text", l),
+        icon: i("icon", l),
+        br: i("br", l)
+      }
+    }), n = C(), s = a(() => d.includes(t.type) ? t.type : "pill"), v = a(() => !!(t.text || n.default)), B = a(() => !!(t.icon || n.icon)), c = a(() => {
+      let e = b.includes(t.size) ? t.size : "md";
+      return e === "sm" && s.value !== "rect" ? s.value === "minify" ? e = "tiny" : s.value === "pill" && (e = "md") : s.value === "minify" && !["tiny", "tinier"].includes(e) ? e = "tiny" : s.value !== "minify" && ["tiny", "tinier"].includes(e) && (e = "md"), e;
+    }), x = a(() => {
+      switch (c.value) {
+        case "sm":
+          return "xsm";
+        case "xsm":
+          return "2xsm";
+        case "2xsm":
+          return "3xsm";
+        case "md":
+        default:
+          return "sm";
+      }
+    }), z = a(() => ({
+      size: c.value,
+      // color,
+      type: s.value,
+      text: v.value,
+      icon: B.value,
+      br: !!t.br
+    })), k = a(() => {
+      const e = n.icon ?? t.icon;
+      return t.type === "rect" && (n.default || t.text) ? !1 : e;
+    });
+    return (e, F) => (o(), u(r(N), {
+      as: e.as,
+      class: S([r(g)(z.value), t.class]),
+      style: h({
+        "--ptc-badge-fg": t.fg,
+        "--ptc-badge-bg": t.bg,
+        "--ptc-badge-br": t.br
+      })
+    }, {
+      default: m(() => [
+        s.value !== "minify" ? (o(), w(V, { key: 0 }, [
+          k.value ? (o(), u(r(E), {
+            key: 0,
+            icon: e.icon,
+            size: x.value
+          }, {
+            default: m(() => [
+              f(e.$slots, "icon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : p("", !0),
+          f(e.$slots, "default", {}, () => [
+            $(I(e.text), 1)
+          ])
+        ], 64)) : p("", !0)
+      ]),
+      _: 3
+    }, 8, ["as", "class", "style"]));
+  }
+});
+export {
+  b as B,
+  M as _,
+  d as a,
+  J as b,
+  K as c
+};

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-OEeJw0Sy.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),f=require("radix-vue"),i=require("./class-CjZYGZDW.js"),v=require("class-variance-authority"),B=require("./options-B4iSAKol.js");require("@iconify/vue");const _=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),r=["2xsm","xsm","sm","md","tiny","tinier"],o=["rect","pill","minify"],x=["primary","red","orange","amber","yellow","lime","green","teal","cyan","sky","blue","ocean","violet","amethyst","fuchsia","pink","gray"],C=["primary-subtle","red-subtle","orange-subtle","amber-subtle","yellow-subtle","lime-subtle","green-subtle","teal-subtle","cyan-subtle","sky-subtle","blue-subtle","ocean-subtle","violet-subtle","amethyst-subtle","fuchsia-subtle","pink-subtle","gray-subtle"],z=e.defineComponent({...B.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},as:{default:"div"}},setup(u){const n=i.getBemBlock("badge"),s=u,m=v.cva(n,{variants:{size:i.generateVariantClassList(r,n),type:i.generateVariantClassList(o,n),text:i.generateVariantClassList("text",n),icon:i.generateVariantClassList("icon",n),br:i.generateVariantClassList("br",n)}}),l=e.useSlots(),a=e.computed(()=>o.includes(s.type)?s.type:"pill"),d=e.computed(()=>!!(s.text||l.default)),p=e.computed(()=>!!(s.icon||l.icon)),c=e.computed(()=>{let t=r.includes(s.size)?s.size:"md";return t==="sm"&&a.value!=="rect"?a.value==="minify"?t="tiny":a.value==="pill"&&(t="md"):a.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":a.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),y=e.computed(()=>{switch(c.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),b=e.computed(()=>({size:c.value,type:a.value,text:d.value,icon:p.value,br:!!s.br})),g=e.computed(()=>{const t=l.icon??s.icon;return s.type==="rect"&&(l.default||s.text)?!1:t});return(t,k)=>(e.openBlock(),e.createBlock(e.unref(f.Primitive),{as:t.as,class:e.normalizeClass([e.unref(m)(b.value),s.class]),style:e.normalizeStyle({"--ptc-badge-fg":s.fg,"--ptc-badge-bg":s.bg,"--ptc-badge-br":s.br})},{default:e.withCtx(()=>[a.value!=="minify"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[g.value?(e.openBlock(),e.createBlock(e.unref(_._sfc_main),{key:0,icon:t.icon,size:y.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],64)):e.createCommentVNode("",!0)]),_:3},8,["as","class","style"]))}});exports.BadgeColors=x;exports.BadgeColorsSubtle=C;exports.BadgeSizes=r;exports.BadgeTypes=o;exports._sfc_main=z;

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js → BaseButton.vue_vue_type_style_index_0_lang-5rSLcXNk.js}

@@ -1,14 +1,14 @@
-import { defineComponent as E, computed as i, useSlots as j, ref as A, createBlock as u, openBlock as l, unref as v, normalizeClass as k, withCtx as c, createElementBlock as D, Fragment as F, createCommentVNode as z, renderSlot as r, createTextVNode as G, toDisplayString as L, normalizeProps as $, mergeProps as O, createVNode as _, guardReactiveProps as q } from "vue";
-import { Primitive as H } from "radix-vue";
-import { _ as b } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { _ as J } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
-import { _ as K } from "./Badge.vue_vue_type_script_setup_true_lang-DrLIHHCe.js";
-import { i as M, a as C, c as S, b as T, B as h } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js";
-import { g as Q, a, b as U } from "./class-DziTeW9B.js";
-import { cva as W } from "class-variance-authority";
-import { g as X } from "./options-JBqnVZUl.js";
-const x = "2xsm", re = /* @__PURE__ */ E({
-  ...X("BaseButton"),
+import { defineComponent as E, computed as i, useSlots as R, ref as j, createBlock as u, openBlock as r, unref as v, normalizeClass as B, withCtx as c, createElementBlock as A, Fragment as D, createCommentVNode as y, renderSlot as l, createTextVNode as F, toDisplayString as G, normalizeProps as L, mergeProps as O, createVNode as _ } from "vue";
+import { Primitive as q } from "radix-vue";
+import { _ as z } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { _ as H } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
+import { _ as J } from "./Badge.vue_vue_type_script_setup_true_lang-CIkF44xM.js";
+import { i as K, a as k, c as $, b as C, B as S } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js";
+import { g as M, a, b as Q } from "./class-DziTeW9B.js";
+import { cva as U } from "class-variance-authority";
+import { g as W } from "./options-JBqnVZUl.js";
+const T = "2xsm", ie = /* @__PURE__ */ E({
+  ...W("BaseButton"),
   __name: "BaseButton",
   props: {
     class: {},
@@ -27,13 +27,13 @@ const x = "2xsm", re = /* @__PURE__ */ E({
     postIcon: {},
     as: { default: "button" }
   },
-  setup(P, { expose: V }) {
-    const o = P, t = Q("button"), w = W(t, {
+  setup(h, { expose: x }) {
+    const o = h, t = M("button"), V = U(t, {
       variants: {
-        size: a(S, t),
-        type: a(C, t),
-        color: a(T, t),
-        variant: a(h, t),
+        size: a($, t),
+        type: a(k, t),
+        color: a(C, t),
+        variant: a(S, t),
         action: a("action", t),
         active: a("active", t),
         text: a("text", t),
@@ -41,15 +41,15 @@ const x = "2xsm", re = /* @__PURE__ */ E({
         postIcon: a("postIcon", t),
         loading: a("loading", t)
       }
-    }), B = M({
+    }), b = K({
       size: i(() => o.size),
       variant: i(() => o.variant)
-    }), p = i(() => o.variant ?? B.variant.value ?? "simple"), s = i(() => ["icon", "float"].includes(p.value)), n = j(), N = i(() => {
-      let e = C.includes(o.type) ? o.type : "fill";
-      const m = o.size ?? B.size.value, y = m && S.includes(m) ? m : "md";
-      let d = o.color && T.includes(o.color) ? o.color : "primary", f = p.value && h.includes(p.value) ? p.value : "simple";
+    }), p = i(() => o.variant ?? b.variant.value ?? "simple"), s = i(() => ["icon", "float"].includes(p.value)), n = R(), P = i(() => {
+      let e = k.includes(o.type) ? o.type : "fill";
+      const m = o.size ?? b.size.value, N = m && $.includes(m) ? m : "md";
+      let d = o.color && C.includes(o.color) ? o.color : "primary", f = p.value && S.includes(p.value) ? p.value : "simple";
       return o.action ? (f === "float" && (f = "icon"), e === "fill" && (e = "outline"), d = void 0) : f === "float" && (e === "ghost" && (e = "fill"), ["primary", "gray"].includes(d) || (d = "primary")), {
-        size: y,
+        size: N,
         type: e,
         color: d,
         variant: f,
@@ -67,7 +67,7 @@ const x = "2xsm", re = /* @__PURE__ */ E({
         default:
           return "2xsm";
       }
-    }), R = i(() => {
+    }), w = i(() => {
       switch (o.size) {
         case "sm":
           return "3xsm";
@@ -77,8 +77,8 @@ const x = "2xsm", re = /* @__PURE__ */ E({
         default:
           return "2xsm";
       }
-    }), I = A();
-    return V({
+    }), I = j();
+    return x({
       focus() {
         var e;
         (e = I.value) == null || e.focus();
@@ -87,67 +87,67 @@ const x = "2xsm", re = /* @__PURE__ */ E({
         var e;
         (e = I.value) == null || e.blur();
       }
-    }), (e, m) => (l(), u(v(H), {
+    }), (e, m) => (r(), u(v(q), {
       as: e.as,
-      class: k([v(w)(N.value), o.class]),
+      class: B([v(V)(P.value), o.class]),
       tabindex: "0",
       ref_key: "buttonRef",
       ref: I
     }, {
       default: c(() => [
-        e.loading ? (l(), u(J, {
+        e.loading ? (r(), u(H, {
           key: 1,
-          class: k(v(U)(v(t), "loading")),
+          class: B(v(Q)(v(t), "loading")),
           size: g.value
-        }, null, 8, ["class", "size"])) : (l(), D(F, { key: 0 }, [
-          (e.preIcon || n.preIcon) && !s.value ? (l(), u(b, {
+        }, null, 8, ["class", "size"])) : (r(), A(D, { key: 0 }, [
+          (e.preIcon || n.preIcon) && !s.value ? (r(), u(z, {
             key: 0,
             icon: e.preIcon,
             size: g.value
           }, {
             default: c(() => [
-              r(e.$slots, "preIcon")
+              l(e.$slots, "preIcon")
             ]),
             _: 3
-          }, 8, ["icon", "size"])) : z("", !0),
-          s.value ? (l(), u(b, {
+          }, 8, ["icon", "size"])) : y("", !0),
+          s.value ? (r(), u(z, {
             key: 1,
             icon: e.icon,
-            size: R.value
+            size: w.value
           }, {
             default: c(() => [
-              r(e.$slots, "icon")
+              l(e.$slots, "icon")
             ]),
             _: 3
-          }, 8, ["icon", "size"])) : r(e.$slots, "default", { key: 2 }, () => [
-            G(L(e.text), 1)
+          }, 8, ["icon", "size"])) : l(e.$slots, "default", { key: 2 }, () => [
+            F(G(e.text), 1)
           ]),
-          e.action && e.active && !s.value && (e.badgeText || n.badgeText || e.badgeIcon || n.badgeIcon) ? r(e.$slots, "badge", $(O({ key: 3 }, { color: e.$attrs.disabled ? "gray" : "primary", size: x })), () => [
-            _(K, {
+          e.action && e.active && !s.value && (e.badgeText || n.badgeText || e.badgeIcon || n.badgeIcon) ? l(e.$slots, "badge", L(O({ key: 3 }, { color: e.$attrs.disabled ? "gray" : "primary", size: T })), () => [
+            _(J, {
               text: e.badgeText,
               icon: e.badgeIcon,
               color: e.$attrs.disabled ? "gray" : "primary",
-              size: x
+              size: T
             }, {
               default: c(() => [
-                r(e.$slots, "badgeText")
+                l(e.$slots, "badgeText")
               ]),
-              icon: c((y) => [
-                r(e.$slots, "badgeIcon", $(q(y)))
+              icon: c(() => [
+                l(e.$slots, "badgeIcon")
               ]),
               _: 3
             }, 8, ["text", "icon", "color"])
-          ]) : z("", !0),
-          (e.postIcon || n.postIcon) && !s.value ? (l(), u(b, {
+          ]) : y("", !0),
+          (e.postIcon || n.postIcon) && !s.value ? (r(), u(z, {
             key: 4,
             icon: e.postIcon,
             size: g.value
           }, {
             default: c(() => [
-              r(e.$slots, "postIcon")
+              l(e.$slots, "postIcon")
             ]),
             _: 3
-          }, 8, ["icon", "size"])) : z("", !0)
+          }, 8, ["icon", "size"])) : y("", !0)
         ], 64))
       ]),
       _: 3
@@ -155,5 +155,5 @@ const x = "2xsm", re = /* @__PURE__ */ E({
   }
 });
 export {
-  re as _
+  ie as _
 };

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-BaS_JGCX.js → BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),b=require("radix-vue"),v=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),k=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),V=require("./Badge.vue_vue_type_script_setup_true_lang-zP7Q3GsL.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js"),n=require("./class-CjZYGZDW.js"),S=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),B="2xsm",h=e.defineComponent({...x.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},as:{default:"button"}},setup(y,{expose:_}){const o=y,a=n.getBemBlock("button"),z=S.cva(a,{variants:{size:n.generateVariantClassList(s.ButtonSizes,a),type:n.generateVariantClassList(s.ButtonTypes,a),color:n.generateVariantClassList(s.ButtonColors,a),variant:n.generateVariantClassList(s.ButtonVariants,a),action:n.generateVariantClassList("action",a),active:n.generateVariantClassList("active",a),text:n.generateVariantClassList("text",a),preIcon:n.generateVariantClassList("preIcon",a),postIcon:n.generateVariantClassList("postIcon",a),loading:n.generateVariantClassList("loading",a)}}),f=s.injectButtonGroupContext({size:e.computed(()=>o.size),variant:e.computed(()=>o.variant)}),l=e.computed(()=>o.variant??f.variant.value??"simple"),i=e.computed(()=>["icon","float"].includes(l.value)),r=e.useSlots(),I=e.computed(()=>{let t=s.ButtonTypes.includes(o.type)?o.type:"fill";const c=o.size??f.size.value,g=c&&s.ButtonSizes.includes(c)?c:"md";let u=o.color&&s.ButtonColors.includes(o.color)?o.color:"primary",p=l.value&&s.ButtonVariants.includes(l.value)?l.value:"simple";return o.action?(p==="float"&&(p="icon"),t==="fill"&&(t="outline"),u=void 0):p==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(u)||(u="primary")),{size:g,type:t,color:u,variant:p,action:o.action,active:o.active,loading:o.loading,text:!i.value&&!!(o.text||r.default),preIcon:!i.value&&!!(o.preIcon||r.preIcon),postIcon:!i.value&&!!(o.postIcon||r.postIcon)}}),d=e.computed(()=>{switch(o.size){case"sm":return"3xsm";default:return"2xsm"}}),C=e.computed(()=>{switch(o.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),m=e.ref();return _({focus(){var t;(t=m.value)==null||t.focus()},blur(){var t;(t=m.value)==null||t.blur()}}),(t,c)=>(e.openBlock(),e.createBlock(e.unref(b.Primitive),{as:t.as,class:e.normalizeClass([e.unref(z)(I.value),o.class]),tabindex:"0",ref_key:"buttonRef",ref:m},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(k._sfc_main,{key:1,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(a),"loading")),size:d.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||r.preIcon)&&!i.value?(e.openBlock(),e.createBlock(v._sfc_main,{key:0,icon:t.preIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createBlock(v._sfc_main,{key:1,icon:t.icon,size:C.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!i.value&&(t.badgeText||r.badgeText||t.badgeIcon||r.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(V._sfc_main,{text:t.badgeText,icon:t.badgeIcon,color:t.$attrs.disabled?"gray":"primary",size:B},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),icon:e.withCtx(g=>[e.renderSlot(t.$slots,"badgeIcon",e.normalizeProps(e.guardReactiveProps(g)))]),_:3},8,["text","icon","color"])]):e.createCommentVNode("",!0),(t.postIcon||r.postIcon)&&!i.value?(e.openBlock(),e.createBlock(v._sfc_main,{key:4,icon:t.postIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},8,["as","class"]))}});exports._sfc_main=h;
+"use strict";const e=require("vue"),b=require("radix-vue"),g=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),k=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),V=require("./Badge.vue_vue_type_script_setup_true_lang-D7hKm2YM.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js"),a=require("./class-CjZYGZDW.js"),S=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),f="2xsm",h=e.defineComponent({...x.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},as:{default:"button"}},setup(B,{expose:y}){const o=B,n=a.getBemBlock("button"),_=S.cva(n,{variants:{size:a.generateVariantClassList(s.ButtonSizes,n),type:a.generateVariantClassList(s.ButtonTypes,n),color:a.generateVariantClassList(s.ButtonColors,n),variant:a.generateVariantClassList(s.ButtonVariants,n),action:a.generateVariantClassList("action",n),active:a.generateVariantClassList("active",n),text:a.generateVariantClassList("text",n),preIcon:a.generateVariantClassList("preIcon",n),postIcon:a.generateVariantClassList("postIcon",n),loading:a.generateVariantClassList("loading",n)}}),v=s.injectButtonGroupContext({size:e.computed(()=>o.size),variant:e.computed(()=>o.variant)}),l=e.computed(()=>o.variant??v.variant.value??"simple"),i=e.computed(()=>["icon","float"].includes(l.value)),r=e.useSlots(),I=e.computed(()=>{let t=s.ButtonTypes.includes(o.type)?o.type:"fill";const c=o.size??v.size.value,C=c&&s.ButtonSizes.includes(c)?c:"md";let u=o.color&&s.ButtonColors.includes(o.color)?o.color:"primary",p=l.value&&s.ButtonVariants.includes(l.value)?l.value:"simple";return o.action?(p==="float"&&(p="icon"),t==="fill"&&(t="outline"),u=void 0):p==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(u)||(u="primary")),{size:C,type:t,color:u,variant:p,action:o.action,active:o.active,loading:o.loading,text:!i.value&&!!(o.text||r.default),preIcon:!i.value&&!!(o.preIcon||r.preIcon),postIcon:!i.value&&!!(o.postIcon||r.postIcon)}}),d=e.computed(()=>{switch(o.size){case"sm":return"3xsm";default:return"2xsm"}}),z=e.computed(()=>{switch(o.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),m=e.ref();return y({focus(){var t;(t=m.value)==null||t.focus()},blur(){var t;(t=m.value)==null||t.blur()}}),(t,c)=>(e.openBlock(),e.createBlock(e.unref(b.Primitive),{as:t.as,class:e.normalizeClass([e.unref(_)(I.value),o.class]),tabindex:"0",ref_key:"buttonRef",ref:m},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(k._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(n),"loading")),size:d.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||r.preIcon)&&!i.value?(e.openBlock(),e.createBlock(g._sfc_main,{key:0,icon:t.preIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),i.value?(e.openBlock(),e.createBlock(g._sfc_main,{key:1,icon:t.icon,size:z.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!i.value&&(t.badgeText||r.badgeText||t.badgeIcon||r.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:f})),()=>[e.createVNode(V._sfc_main,{text:t.badgeText,icon:t.badgeIcon,color:t.$attrs.disabled?"gray":"primary",size:f},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),icon:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),_:3},8,["text","icon","color"])]):e.createCommentVNode("",!0),(t.postIcon||r.postIcon)&&!i.value?(e.openBlock(),e.createBlock(g._sfc_main,{key:4,icon:t.postIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},8,["as","class"]))}});exports._sfc_main=h;

package/dist/Button/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CVePGLAE.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-Pghn6KJY.js";
 export {
   o as Button,
   e as default

package/dist/Button/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-BjTrpQi-.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-687jBefr.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/Button.vue_vue_type_script_setup_true_lang-687jBefr.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./omit-CMPOmOGF.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CfBRZCKS.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{as:{},class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","icon","action","active","badgeText"),...c})),o=e.ref();return r({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(i.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;