@pantograph/vue 0.11.1 → 0.12.0

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-BZf08kPh.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-CiJO-TtM.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-BayCQ8ok.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-ViFlltdC.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-BZf08kPh.js → ActionButton.vue_vue_type_script_setup_true_lang-CiJO-TtM.js}

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-BayCQ8ok.js → ActionButton.vue_vue_type_script_setup_true_lang-ViFlltdC.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-Cu_wyrUY.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},postIconFlipOnDir:{},preIconFlipOnDir:{},badgeIconFlipOnDir:{},type:{},variant:{}},setup(r,{expose:s}){const c=r,i=e.useAttrs(),a=e.computed(()=>({...p.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(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-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-4kmojL6W.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},postIconFlipOnDir:{},preIconFlipOnDir:{},badgeIconFlipOnDir:{},type:{},variant:{}},setup(r,{expose:s}){const c=r,i=e.useAttrs(),a=e.computed(()=>({...p.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(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

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-C7oGw2iI.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-B327aIKw.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-Dm8xaAqN.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-BFe4hxYW.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-C7oGw2iI.js → Avatar.vue_vue_type_style_index_0_lang-B327aIKw.js}

@@ -6,7 +6,7 @@ import { g as q } from "./options-JBqnVZUl.js";
 import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-CIv6R_D2.js";
 import "@iconify/vue";
 import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
-import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-Bsp8iIQN.js";
+import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-uTHr60wL.js";
 import { c as Y } from "./element-CayrDxFe.js";
 const [Z, ee] = T("AvatarGroup"), pe = /* @__PURE__ */ E({
   ...q("AvatarGroup"),

package/dist/{Avatar.vue_vue_type_style_index_0_lang-Dm8xaAqN.js → Avatar.vue_vue_type_style_index_0_lang-BFe4hxYW.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("radix-vue"),s=require("@pantograph/utils"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-_D1J6CSu.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-26XUXdy9.js"),P=require("./element-BURaVF00.js"),[y,S]=m.createContext("AvatarGroup"),w=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverCls:{},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})),i=()=>{const o=P.flattenChildren(p.default?p.default():[]);return l.value>1&&o.length>l.value?[...o.filter((d,u)=>u<l.value-1),e.h(b._sfc_main,{containerCls:r.popoverCls},{default:()=>e.h(V,{text:`+${o.length-l.value+1}`}),content:()=>e.h("div",{class:[c.value,r.class]},{default:()=>o.filter((d,u)=>u>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(i,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],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"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=m.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),i=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=i.value&&A.includes(i.value)?i.value:"circle",E=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:E}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),u=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,B)=>(e.openBlock(),e.createBlock(e.unref(m.AvatarRoot),{as:"div",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(m.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(m.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:u.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(G._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,["class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=w;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;
+"use strict";const e=require("vue"),m=require("radix-vue"),s=require("@pantograph/utils"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-_D1J6CSu.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-1Tv8ZzfK.js"),P=require("./element-BURaVF00.js"),[y,S]=m.createContext("AvatarGroup"),w=e.defineComponent({...x.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},shape:{},popoverCls:{},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})),i=()=>{const o=P.flattenChildren(p.default?p.default():[]);return l.value>1&&o.length>l.value?[...o.filter((d,u)=>u<l.value-1),e.h(b._sfc_main,{containerCls:r.popoverCls},{default:()=>e.h(V,{text:`+${o.length-l.value+1}`}),content:()=>e.h("div",{class:[c.value,r.class]},{default:()=>o.filter((d,u)=>u>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(i,{maxCount:o.maxCount},null,8,["maxCount"])],2))}}),_=["2xsm","xsm","sm","md","lg","xlg"],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"},referrerPolicy:{},delayMs:{}},emits:["loadingStatusChange"],setup(f,{emit:r}){const p=e.useSlots(),n=s.getBemBlock("avatar"),a=f,g=r,v=m.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),i=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=i.value&&A.includes(i.value)?i.value:"circle",E=h[a.onlineAlignment]?a.onlineAlignment:"start";return{size:t,stroke:B,shape:q,onlineAlignment:E}}),d=e.computed(()=>{switch(c.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),u=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,B)=>(e.openBlock(),e.createBlock(e.unref(m.AvatarRoot),{as:"div",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(m.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(m.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:u.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(G._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,["class"]))}});exports.AvatarOnlineAlignments=h;exports.AvatarShapes=A;exports.AvatarSizes=_;exports.AvatarStrokes=k;exports._sfc_main=V;exports._sfc_main$1=w;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;

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-C7oGw2iI.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-B327aIKw.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-Dm8xaAqN.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-BFe4hxYW.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-C8L2pGJ3.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.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-BChsnh9M.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-DYK5srGm.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-C8L2pGJ3.js → Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.js}

@@ -1,8 +1,8 @@
-import { defineComponent as f, useAttrs as u, computed as l, createBlock as b, openBlock as d, mergeProps as y, createSlots as _, renderList as B, withCtx as C, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
+import { defineComponent as f, useAttrs as u, computed as c, createBlock as b, openBlock as d, mergeProps as y, createSlots as C, renderList as _, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
 import { o as k } from "./omit-CD3OjwFx.js";
-import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-CEI46Vj4.js";
+import { B as a, a as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-BcdmTWX7.js";
 import { g as h } from "./options-JBqnVZUl.js";
-import { getCssVar as r } from "@pantograph/tokens";
+import { getCssCoreColor as r } from "@pantograph/tokens";
 const z = /* @__PURE__ */ f({
   ...h("Badge", !1),
   __name: "Badge",
@@ -15,37 +15,45 @@ const z = /* @__PURE__ */ f({
     color: {}
   },
   setup(p) {
-    const o = p, i = u(), m = l(() => {
-      const t = [...n, ...a], c = {
+    const o = p, i = u(), m = c(() => {
+      const t = [...n, ...a], l = {
         ...Object.fromEntries(n.map((e) => [e, r(`${e}-5`)])),
         ...Object.fromEntries(
-          a.map((e) => [e, r(`${e.replace("-subtle", "")}-0`)])
+          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")])),
+        ...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`)])
+          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],
+        bg: l[o.color],
         fg: s[o.color]
       } : {
         bg: r("primary-5"),
         fg: r("primary-oncolor")
       };
-    }), g = l(() => ({
+    }), g = c(() => ({
       ...k(i, "type"),
       ...o,
       ...m.value
     }));
-    return (t, c) => (d(), b(E, y(g.value, { type: "pill" }), _({ _: 2 }, [
-      B(Object.keys(t.$slots), (s) => ({
+    return (t, l) => (d(), b(E, y(g.value, { type: "pill" }), C({ _: 2 }, [
+      _(Object.keys(t.$slots), (s) => ({
         name: s,
-        fn: C((e) => [
+        fn: B((e) => [
           O(t.$slots, s, $(j(e)))
         ])
       }))

package/dist/Badge.vue_vue_type_script_setup_true_lang-DYK5srGm.js

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

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", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "gray"];
+export declare const BadgeColors: readonly ["primary", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "gray", "mallard"];
 export type BadgeColor = (typeof BadgeColors)[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 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", "mallard-subtle"];
 export type BadgeColorSubtle = (typeof BadgeColorsSubtle)[number];

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-CEI46Vj4.js → BaseBadge.vue_vue_type_style_index_0_lang-BcdmTWX7.js}

@@ -1,5 +1,5 @@
 import { defineComponent as _, useSlots as h, computed as i, createElementBlock as u, openBlock as o, normalizeStyle as S, normalizeClass as D, unref as r, createCommentVNode as m, Fragment as O, createBlock as w, renderSlot as p, withCtx as V, createTextVNode as $, toDisplayString as F } from "vue";
-import { getBemBlock as I, generateVariantClassList as l } from "@pantograph/utils";
+import { getBemBlock as I, generateVariantClassList as n } from "@pantograph/utils";
 import { cva as N } from "class-variance-authority";
 import { g as T } from "./options-JBqnVZUl.js";
 import "@iconify/vue";
@@ -22,7 +22,8 @@ const f = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], b = ["rect", "pill", "m
   "amethyst",
   "fuchsia",
   "pink",
-  "gray"
+  "gray",
+  "mallard"
 ], Q = [
   "primary-subtle",
   "red-subtle",
@@ -40,7 +41,8 @@ const f = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], b = ["rect", "pill", "m
   "amethyst-subtle",
   "fuchsia-subtle",
   "pink-subtle",
-  "gray-subtle"
+  "gray-subtle",
+  "mallard-subtle"
 ], R = /* @__PURE__ */ _({
   ...T("BaseBadge"),
   __name: "BaseBadge",
@@ -56,13 +58,13 @@ const f = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], b = ["rect", "pill", "m
     flipOnDir: {}
   },
   setup(d) {
-    const { getFlipOnDir: y } = L(), g = y("flipOnDir"), n = I("badge"), t = d, v = N(n, {
+    const { getFlipOnDir: y } = L(), g = y("flipOnDir"), l = I("badge"), t = d, v = N(l, {
       variants: {
-        size: l(f, n),
-        type: l(b, n),
-        text: l("text", n),
-        icon: l("icon", n),
-        br: l("br", n)
+        size: n(f, l),
+        type: n(b, l),
+        text: n("text", l),
+        icon: n("icon", l),
+        br: n("br", l)
       }
     }), a = h(), s = i(() => b.includes(t.type) ? t.type : "pill"), B = i(() => !!(t.text || a.default)), x = i(() => !!(t.icon || a.icon)), c = i(() => {
       let e = f.includes(t.size) ? t.size : "md";

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-Coak5m7J.js

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-Cu_wyrUY.js → BaseButton.vue_vue_type_style_index_0_lang-4kmojL6W.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-CTjUx8rR.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-BChsnh9M.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-Dh51uD32.js"),a=require("@pantograph/utils"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-fCdmNGB1.js"),B="2xsm",T=e.defineComponent({...L.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:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(I,{expose:y}){const n=I,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:!!n.action,active:!!n.active,loading:!!n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:B},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;
+"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-CTjUx8rR.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-DYK5srGm.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-Dh51uD32.js"),a=require("@pantograph/utils"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-fCdmNGB1.js"),B="2xsm",T=e.defineComponent({...L.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:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{}},setup(I,{expose:y}){const n=I,{getFlipOnDir:l}=q.useConfig(),_=l("flipOnDir"),z=l("preIconFlipOnDir"),C=l("postIconFlipOnDir"),b=l("badgeIconFlipOnDir"),o=a.getBemBlock("button"),k=h.cva(o,{variants:{size:a.generateVariantClassList(s.ButtonSizes,o),type:a.generateVariantClassList(s.ButtonTypes,o),color:a.generateVariantClassList(s.ButtonColors,o),variant:a.generateVariantClassList(s.ButtonVariants,o),action:a.generateVariantClassList("action",o),active:a.generateVariantClassList("active",o),text:a.generateVariantClassList("text",o),preIcon:a.generateVariantClassList("preIcon",o),postIcon:a.generateVariantClassList("postIcon",o),loading:a.generateVariantClassList("loading",o)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),c=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(c.value)),i=e.useSlots(),D=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const u=n.size??v.size.value,V=u&&s.ButtonSizes.includes(u)?u:"md";let p=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",d=c.value&&s.ButtonVariants.includes(c.value)?c.value:"simple";return n.action?(d==="float"&&(d="icon"),t==="fill"&&(t="outline"),p=void 0):d==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(p)||(p="primary")),{size:V,type:t,color:p,variant:d,action:!!n.action,active:!!n.active,loading:!!n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),f=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),O=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),g=e.ref();return y({focus(){var t;(t=g.value)==null||t.focus()},blur(){var t;(t=g.value)==null||t.blur()}}),(t,u)=>(e.openBlock(),e.createElementBlock("button",{class:e.normalizeClass([e.unref(k)(D.value),n.class]),tabindex:"0",ref_key:"buttonRef",ref:g},[t.loading?(e.openBlock(),e.createBlock(S._sfc_main,{key:1,class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(o),"loading")),size:f.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||i.preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,flipOnDir:e.unref(z),icon:t.preIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:O.value,flipOnDir:e.unref(_)},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size","flipOnDir"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||i.badgeText||t.badgeIcon||i.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(x._sfc_main,{text:t.badgeText,icon:t.badgeIcon,flipOnDir:e.unref(b),color:t.$attrs.disabled?"gray":"primary",size:B},e.createSlots({_:2},[i.badgeText?{name:"default",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),key:"0"}:void 0,i.badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"1"}:void 0]),1032,["text","icon","flipOnDir","color"])]):e.createCommentVNode("",!0),(t.postIcon||i.postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,flipOnDir:e.unref(C),icon:t.postIcon,size:f.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["flipOnDir","icon","size"])):e.createCommentVNode("",!0)],64))],2))}});exports._sfc_main=T;

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-Cxd4xw3_.js → BaseButton.vue_vue_type_style_index_0_lang-DXgQ3ris.js}

@@ -1,7 +1,7 @@
 import { defineComponent as A, computed as s, useSlots as G, ref as L, createElementBlock as D, openBlock as c, normalizeClass as O, unref as l, createBlock as v, Fragment as _, createCommentVNode as B, renderSlot as r, withCtx as p, createTextVNode as q, toDisplayString as H, normalizeProps as J, mergeProps as K, createVNode as M, createSlots as Q } from "vue";
 import { _ as b } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
 import { _ as U } from "./Spinner.vue_vue_type_style_index_0_lang-CBIZtgX4.js";
-import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-C8L2pGJ3.js";
+import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-Bad9nnGa.js";
 import { B as k, b as $, a as C, c as F, i as X } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-pokTDMXb.js";
 import { getBemBlock as Y, generateVariantClassList as t, getBemElement as Z } from "@pantograph/utils";
 import { cva as ee } from "class-variance-authority";

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-8Q-PTpnv.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-2DEfrzzC.js";
 export {
   o as Button,
   e as default

package/dist/Button/index.umd.cjs

@@ -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-C8xrlHDs.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-D6IZHvUZ.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-8Q-PTpnv.js → Button.vue_vue_type_script_setup_true_lang-2DEfrzzC.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, 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-CD3OjwFx.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-Cxd4xw3_.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-DXgQ3ris.js";
 import { g as O } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ c({
   ...O("Button", !1),

package/dist/{Button.vue_vue_type_script_setup_true_lang-C8xrlHDs.js → Button.vue_vue_type_script_setup_true_lang-D6IZHvUZ.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-Cu_wyrUY.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"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(a.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;
+"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-4kmojL6W.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...p.omit(i,"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(a.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;

package/dist/Checkbox/Checkbox.model.d.ts

@@ -1,16 +1,16 @@
 export declare const CheckboxSizes: readonly ["2xsm", "xsm"];
 export type CheckboxSize = (typeof CheckboxSizes)[number];
 export declare const useColoredPantographCheckbox: (color: string) => {
-    '--ptc-checkbox-bg': string;
-    '--ptc-checkbox-bg-hover': string;
-    '--ptc-checkbox-bg-focus': string;
-    '--ptc-checkbox-br-focus': string;
-    '--ptc-checkbox-bg-active': string;
+    '--ptc-checkbox-bg': string | undefined;
+    '--ptc-checkbox-bg-hover': string | undefined;
+    '--ptc-checkbox-bg-focus': string | undefined;
+    '--ptc-checkbox-br-focus': string | undefined;
+    '--ptc-checkbox-bg-active': string | undefined;
 };
 export declare const useColoredPantographCheckboxGroup: (color: string) => {
-    '--ptc-group-checkbox-bg': string;
-    '--ptc-group-checkbox-bg-hover': string;
-    '--ptc-group-checkbox-bg-focus': string;
-    '--ptc-group-checkbox-br-focus': string;
-    '--ptc-group-checkbox-bg-active': string;
+    '--ptc-group-checkbox-bg': string | undefined;
+    '--ptc-group-checkbox-bg-hover': string | undefined;
+    '--ptc-group-checkbox-bg-focus': string | undefined;
+    '--ptc-group-checkbox-br-focus': string | undefined;
+    '--ptc-group-checkbox-bg-active': string | undefined;
 };

package/dist/Checkbox/index.js

@@ -1,4 +1,4 @@
-import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-C7it9Wv8.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-D6HTNzfn.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

package/dist/Checkbox/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BuqfswxO.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-mD-mS-u3.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;

package/dist/{Checkbox.vue_vue_type_style_index_0_lang-C7it9Wv8.js → Checkbox.vue_vue_type_style_index_0_lang-D6HTNzfn.js}

@@ -1,24 +1,24 @@
-import { defineComponent as S, ref as _, watch as L, computed as r, createElementBlock as p, openBlock as i, renderSlot as G, createCommentVNode as w, Fragment as K, renderList as O, createBlock as V, mergeProps as $, useSlots as T, unref as l, createVNode as y, withKeys as j, withCtx as B, normalizeClass as x, createTextVNode as F, toDisplayString as R } from "vue";
+import { defineComponent as S, ref as _, watch as L, computed as r, createElementBlock as m, openBlock as i, renderSlot as G, createCommentVNode as w, Fragment as K, renderList as O, createBlock as V, mergeProps as z, useSlots as j, unref as l, createVNode as B, withKeys as F, withCtx as $, normalizeClass as x, createTextVNode as R, toDisplayString as T } from "vue";
 import { createContext as H, CheckboxRoot as J, CheckboxIndicator as M } from "radix-vue";
-import { prefixTokens as n } from "@pantograph/tokens";
+import { getCssCoreColor as n } from "@pantograph/tokens";
 import { getBemBlock as Q, usePCId as W, generateVariantClassList as X, getBemElement as f } from "@pantograph/utils";
 import { cva as Y } from "class-variance-authority";
 import { g as P } from "./options-JBqnVZUl.js";
 import { o as Z } from "./omit-CD3OjwFx.js";
 import { _ as ee } from "./Icon.vue_vue_type_style_index_0_lang-BlmMv3wD.js";
-import { U as ae } from "./useInputDataStates-CZbdWpyp.js";
-const te = ["2xsm", "xsm"], he = (t) => ({
-  "--ptc-checkbox-bg": `var(--${n}-${t}-5)`,
-  "--ptc-checkbox-bg-hover": `var(--${n}-${t}-4)`,
-  "--ptc-checkbox-bg-focus": `var(--${n}-${t}-6)`,
-  "--ptc-checkbox-br-focus": `var(--${n}-${t}-6)`,
-  "--ptc-checkbox-bg-active": `var(--${n}-${t}-7)`
-}), fe = (t) => ({
-  "--ptc-group-checkbox-bg": `var(--${n}-${t}-5)`,
-  "--ptc-group-checkbox-bg-hover": `var(--${n}-${t}-4)`,
-  "--ptc-group-checkbox-bg-focus": `var(--${n}-${t}-6)`,
-  "--ptc-group-checkbox-br-focus": `var(--${n}-${t}-6)`,
-  "--ptc-group-checkbox-bg-active": `var(--${n}-${t}-7)`
+import { U as te } from "./useInputDataStates-CZbdWpyp.js";
+const ae = ["2xsm", "xsm"], he = (a) => ({
+  "--ptc-checkbox-bg": n(`${a}-5`),
+  "--ptc-checkbox-bg-hover": n(`${a}-4`),
+  "--ptc-checkbox-bg-focus": n(`${a}-6`),
+  "--ptc-checkbox-br-focus": n(`${a}-6`),
+  "--ptc-checkbox-bg-active": n(`${a}-7`)
+}), fe = (a) => ({
+  "--ptc-group-checkbox-bg": n(`${a}-5`),
+  "--ptc-group-checkbox-bg-hover": n(`${a}-4`),
+  "--ptc-group-checkbox-bg-focus": n(`${a}-6`),
+  "--ptc-group-checkbox-br-focus": n(`${a}-6`),
+  "--ptc-group-checkbox-bg-active": n(`${a}-7`)
 }), [oe, se] = H("CheckboxGroup"), ke = /* @__PURE__ */ S({
   ...P("CheckboxGroup"),
   __name: "CheckboxGroup",
@@ -30,8 +30,8 @@ const te = ["2xsm", "xsm"], he = (t) => ({
     options: {}
   },
   emits: ["update:value", "change"],
-  setup(t, { emit: k }) {
-    const c = k, e = t, o = _(e.value ?? []);
+  setup(a, { emit: k }) {
+    const c = k, e = a, o = _(e.value ?? []);
     L(
       () => e.value,
       () => {
@@ -50,14 +50,14 @@ const te = ["2xsm", "xsm"], he = (t) => ({
       model: u,
       size: C,
       disabled: d
-    }), (s, g) => (i(), p("div", null, [
+    }), (s, g) => (i(), m("div", null, [
       G(s.$slots, "default", {}, () => {
-        var m;
+        var b;
         return [
-          (m = s.options) != null && m.length ? (i(!0), p(K, { key: 0 }, O(s.options, (b) => (i(), V(ce, $({
-            key: b.value,
+          (b = s.options) != null && b.length ? (i(!0), m(K, { key: 0 }, O(s.options, (v) => (i(), V(ce, z({
+            key: v.value,
             ref_for: !0
-          }, b), null, 16))), 128)) : w("", !0)
+          }, v), null, 16))), 128)) : w("", !0)
         ];
       })
     ]));
@@ -83,8 +83,8 @@ const te = ["2xsm", "xsm"], he = (t) => ({
     name: {}
   },
   emits: ["update:checked", "change", "blur", "focus"],
-  setup(t, { emit: k }) {
-    const c = Q("checkbox"), e = t, o = oe({}), u = k, C = T(), d = _(e.checked ?? !1);
+  setup(a, { emit: k }) {
+    const c = Q("checkbox"), e = a, o = oe({}), u = k, C = j(), d = _(e.checked ?? !1);
     L(
       () => e.checked,
       () => {
@@ -93,25 +93,25 @@ const te = ["2xsm", "xsm"], he = (t) => ({
     );
     const s = r({
       get() {
-        var a;
-        return (a = o.model) != null && a.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : d.value;
+        var t;
+        return (t = o.model) != null && t.value ? e.value !== void 0 && o.model.value.includes(e.value) : e.checked !== void 0 ? e.checked : d.value;
       },
-      set(a) {
-        var v;
-        if ((v = o.model) != null && v.value) {
+      set(t) {
+        var p;
+        if ((p = o.model) != null && p.value) {
           if (e.value !== void 0) {
             const h = o.model.value.indexOf(e.value);
-            a && h === -1 ? o.model.value = [...o.model.value, e.value] : !a && h !== -1 && (o.model.value = o.model.value.filter(
+            t && h === -1 ? o.model.value = [...o.model.value, e.value] : !t && h !== -1 && (o.model.value = o.model.value.filter(
               (E) => E !== e.value
             ));
           }
         } else
-          e.checked === void 0 && (d.value = a), u("update:checked", a), u("change", a);
+          e.checked === void 0 && (d.value = t), u("update:checked", t), u("change", t);
       }
-    }), g = r(() => e.id ?? W(c)), m = r(() => {
-      var a;
+    }), g = r(() => e.id ?? W(c)), b = r(() => {
+      var t;
       return {
-        disabled: ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled,
+        disabled: ((t = o.disabled) == null ? void 0 : t.value) ?? e.disabled,
         ...N.value,
         ...Z(
           e,
@@ -127,55 +127,55 @@ const te = ["2xsm", "xsm"], he = (t) => ({
           "labelCls"
         )
       };
-    }), b = Y(c, {
+    }), v = Y(c, {
       variants: {
-        size: X(te, c)
+        size: X(ae, c)
       }
     }), q = r(() => e.label || C.default || e.value && e.valueAsLabel), A = r(() => {
       if (e.label) return e.label;
       if (e.value && e.valueAsLabel) return e.value;
-    }), z = r(() => {
-      var a;
-      return ((a = o.size) == null ? void 0 : a.value) ?? e.size;
+    }), y = r(() => {
+      var t;
+      return ((t = o.size) == null ? void 0 : t.value) ?? e.size;
     }), D = r(() => {
-      switch (z.value) {
+      switch (y.value) {
         case "xsm":
           return "2xsm";
         case "2xsm":
         default:
           return "3xsm";
       }
-    }), { rootBindings: I, inputBindings: N } = ae({
+    }), { rootBindings: I, inputBindings: N } = te({
       getDisabled: () => {
-        var a;
-        return ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled;
+        var t;
+        return ((t = o.disabled) == null ? void 0 : t.value) ?? e.disabled;
       },
       emit: u
     }), U = () => s.value = !s.value;
-    return (a, v) => (i(), p("div", $({
-      class: [l(f)(l(c), "root"), a.rootCls]
+    return (t, p) => (i(), m("div", z({
+      class: [l(f)(l(c), "root"), t.rootCls]
     }, l(I)), [
-      y(l(J), $({
-        onKeyup: j(U, ["enter"])
-      }, m.value, {
+      B(l(J), z({
+        onKeyup: F(U, ["enter"])
+      }, b.value, {
         checked: s.value,
-        "onUpdate:checked": v[0] || (v[0] = (h) => s.value = h),
+        "onUpdate:checked": p[0] || (p[0] = (h) => s.value = h),
         id: g.value,
-        class: [l(b)({ size: z.value }), e.class]
+        class: [l(v)({ size: y.value }), e.class]
       }), {
-        default: B(() => [
-          y(l(M), {
-            class: x([l(f)(l(c), "indicator"), a.indicatorCls]),
+        default: $(() => [
+          B(l(M), {
+            class: x([l(f)(l(c), "indicator"), t.indicatorCls]),
             asChild: ""
           }, {
-            default: B(() => [
+            default: $(() => [
               e.checked != "indeterminate" ? (i(), V(ee, {
                 key: 0,
                 icon: "tabler:check",
                 size: D.value
-              }, null, 8, ["size"])) : (i(), p("span", {
+              }, null, 8, ["size"])) : (i(), m("span", {
                 key: 1,
-                class: x([l(f)(l(c), "indeterminate"), a.indeterminateCls])
+                class: x([l(f)(l(c), "indeterminate"), t.indeterminateCls])
               }, null, 2))
             ]),
             _: 1
@@ -183,24 +183,24 @@ const te = ["2xsm", "xsm"], he = (t) => ({
         ]),
         _: 1
       }, 16, ["checked", "id", "class"]),
-      q.value ? (i(), p("label", {
+      q.value ? (i(), m("label", {
         key: 0,
         for: g.value,
-        class: x([l(f)(l(c), "label"), a.labelCls])
+        class: x([l(f)(l(c), "label"), t.labelCls])
       }, [
-        G(a.$slots, "default", {
-          checked: a.checked,
-          disabled: a.disabled,
-          required: a.required
+        G(t.$slots, "default", {
+          checked: t.checked,
+          disabled: t.disabled,
+          required: t.required
         }, () => [
-          F(R(A.value), 1)
+          R(T(A.value), 1)
         ])
       ], 10, le)) : w("", !0)
     ], 16));
   }
 });
 export {
-  te as C,
+  ae as C,
   ce as _,
   fe as a,
   ke as b,

package/dist/Checkbox.vue_vue_type_style_index_0_lang-mD-mS-u3.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),v=require("radix-vue"),r=require("@pantograph/tokens"),n=require("@pantograph/utils"),P=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),w=require("./omit-C4BrcXKG.js"),L=require("./Icon.vue_vue_type_style_index_0_lang-C00M2fnO.js"),I=require("./useInputDataStates-CbRgNQqU.js"),x=["2xsm","xsm"],N=s=>({"--ptc-checkbox-bg":r.getCssCoreColor(`${s}-5`),"--ptc-checkbox-bg-hover":r.getCssCoreColor(`${s}-4`),"--ptc-checkbox-bg-focus":r.getCssCoreColor(`${s}-6`),"--ptc-checkbox-br-focus":r.getCssCoreColor(`${s}-6`),"--ptc-checkbox-bg-active":r.getCssCoreColor(`${s}-7`)}),A=s=>({"--ptc-group-checkbox-bg":r.getCssCoreColor(`${s}-5`),"--ptc-group-checkbox-bg-hover":r.getCssCoreColor(`${s}-4`),"--ptc-group-checkbox-bg-focus":r.getCssCoreColor(`${s}-6`),"--ptc-group-checkbox-br-focus":r.getCssCoreColor(`${s}-6`),"--ptc-group-checkbox-bg-active":r.getCssCoreColor(`${s}-7`)}),[B,z]=v.createContext("CheckboxGroup"),D=e.defineComponent({...g.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{value:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:value","change"],setup(s,{emit:b}){const c=b,o=s,l=e.ref(o.value??[]);e.watch(()=>o.value,()=>{l.value=o.value??[]});const u=e.computed({get(){return o.value?o.value:l.value},set(a){o.value||(l.value=a),c("update:value",a),c("change",a)}}),h=e.computed(()=>o.size),i=e.computed(()=>o.disabled?!0:void 0);return z({model:u,size:h,disabled:i}),(a,k)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(a.$slots,"default",{},()=>{var p;return[(p=a.options)!=null&&p.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.options,C=>(e.openBlock(),e.createBlock(y,e.mergeProps({key:C.value,ref_for:!0},C),null,16))),128)):e.createCommentVNode("",!0)]})]))}}),O=["for"],y=e.defineComponent({...g.getComponentOptions("Checkbox"),__name:"Checkbox",props:{size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultChecked:{type:Boolean},checked:{type:[Boolean,String],default:void 0},disabled:{type:Boolean},required:{type:Boolean},name:{}},emits:["update:checked","change","blur","focus"],setup(s,{emit:b}){const c=n.getBemBlock("checkbox"),o=s,l=B({}),u=b,h=e.useSlots(),i=e.ref(o.checked??!1);e.watch(()=>o.checked,()=>{i.value=o.checked??!1});const a=e.computed({get(){var t;return(t=l.model)!=null&&t.value?o.value!==void 0&&l.model.value.includes(o.value):o.checked!==void 0?o.checked:i.value},set(t){var d;if((d=l.model)!=null&&d.value){if(o.value!==void 0){const m=l.model.value.indexOf(o.value);t&&m===-1?l.model.value=[...l.model.value,o.value]:!t&&m!==-1&&(l.model.value=l.model.value.filter(V=>V!==o.value))}}else o.checked===void 0&&(i.value=t),u("update:checked",t),u("change",t)}}),k=e.computed(()=>o.id??n.usePCId(c)),p=e.computed(()=>{var t;return{disabled:((t=l.disabled)==null?void 0:t.value)??o.disabled,...E.value,...w.omit(o,"size","class","label","disabled","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls")}}),C=P.cva(c,{variants:{size:n.generateVariantClassList(x,c)}}),_=e.computed(()=>o.label||h.default||o.value&&o.valueAsLabel),$=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),f=e.computed(()=>{var t;return((t=l.size)==null?void 0:t.value)??o.size}),q=e.computed(()=>{switch(f.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}}),{rootBindings:S,inputBindings:E}=I.UseInputDataStates({getDisabled:()=>{var t;return((t=l.disabled)==null?void 0:t.value)??o.disabled},emit:u}),G=()=>a.value=!a.value;return(t,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(n.getBemElement)(e.unref(c),"root"),t.rootCls]},e.unref(S)),[e.createVNode(e.unref(v.CheckboxRoot),e.mergeProps({onKeyup:e.withKeys(G,["enter"])},p.value,{checked:a.value,"onUpdate:checked":d[0]||(d[0]=m=>a.value=m),id:k.value,class:[e.unref(C)({size:f.value}),o.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(v.CheckboxIndicator),{class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"indicator"),t.indicatorCls]),asChild:""},{default:e.withCtx(()=>[o.checked!="indeterminate"?(e.openBlock(),e.createBlock(L._sfc_main,{key:0,icon:"tabler:check",size:q.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"indeterminate"),t.indeterminateCls])},null,2))]),_:1},8,["class"])]),_:1},16,["checked","id","class"]),_.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:k.value,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(c),"label"),t.labelCls])},[e.renderSlot(t.$slots,"default",{checked:t.checked,disabled:t.disabled,required:t.required},()=>[e.createTextVNode(e.toDisplayString($.value),1)])],10,O)):e.createCommentVNode("",!0)],16))}});exports.CheckboxSizes=x;exports._sfc_main=y;exports._sfc_main$1=D;exports.injectCheckboxGroupContext=B;exports.provideCheckboxGroupContext=z;exports.useColoredPantographCheckbox=N;exports.useColoredPantographCheckboxGroup=A;

package/dist/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-C7it9Wv8.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-D6HTNzfn.js";
 export {
   p as CheckboxGroup,
   r as injectCheckboxGroupContext,