@pantograph/vue 0.10.4 → 0.10.6

package/dist/ActionButton/index.js.js

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-DZY7N5gS.js → ActionButton.vue_vue_type_script_setup_true_lang-B3fz9VlS.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-dcMigyCt.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-D0Qoa28N.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/{ActionButton.vue_vue_type_script_setup_true_lang-XYkQJLWE.js → ActionButton.vue_vue_type_script_setup_true_lang-CGtPZ6WM.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-gDFhewvU.js";
-import { _ as x } from "./BaseButton.vue_vue_type_style_index_0_lang-C0nSQYiX.js";
+import { o as k } from "./omit-CD3OjwFx.js";
+import { _ as x } from "./BaseButton.vue_vue_type_style_index_0_lang-DsO7fB2L.js";
 import { g as y } from "./options-JBqnVZUl.js";
 const R = /* @__PURE__ */ p({
   ...y("ActionButton", !1),

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-B3h6--NG.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-CxtFAywe.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-B62H7K8P.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-Dno8MmtN.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-B3h6--NG.js → Avatar.vue_vue_type_style_index_0_lang-CxtFAywe.js}

@@ -3,10 +3,10 @@ import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage a
 import { b as v, a as f, g as O } from "./class-DziTeW9B.js";
 import { cva as j } from "class-variance-authority";
 import { g as q } from "./options-JBqnVZUl.js";
-import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-CCfVt5eZ.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-P1ZoqEUT.js";
 import "@iconify/vue";
 import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
-import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-DYFKQ-dL.js";
+import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-DivfztWD.js";
 const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ E({
   ...q("AvatarGroup"),
   __name: "AvatarGroup",

package/dist/{Avatar.vue_vue_type_style_index_0_lang-B62H7K8P.js → Avatar.vue_vue_type_style_index_0_lang-Dno8MmtN.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),m=require("radix-vue"),s=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-DyKW40kh.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-DmGmSuAJ.js"),[y,S]=m.createContext("AvatarGroup"),P=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})),u=()=>{const o=p.default?p.default():[];return l.value>1&&o.length>l.value?[...o.filter((d,i)=>i<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,i)=>i>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(u,{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),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",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"}}),i=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:i.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=P;exports.injectAvatarGroupContext=y;exports.provideAvatarGroupContext=S;
+"use strict";const e=require("vue"),m=require("radix-vue"),s=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-C7q9V9tc.js");require("@iconify/vue");const N=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),G=require("./Indicator.vue_vue_type_script_setup_true_lang-DmGmSuAJ.js"),[y,S]=m.createContext("AvatarGroup"),P=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})),u=()=>{const o=p.default?p.default():[];return l.value>1&&o.length>l.value?[...o.filter((d,i)=>i<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,i)=>i>=l.value-1)})})]:o};return(o,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([c.value,r.class])},[e.createVNode(u,{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),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",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"}}),i=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:i.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=P;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-B3h6--NG.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-CxtFAywe.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-B62H7K8P.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-Dno8MmtN.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Badge/Badge.d.ts

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

package/dist/Badge/index.js.js

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-BY-B21u1.js → Badge.vue_vue_type_script_setup_true_lang-TQx4Ht7v.js}

@@ -1,5 +1,5 @@
 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 { o as k } from "./omit-gDFhewvU.js";
+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-BaxHfiNY.js";
 import { g as h } from "./options-JBqnVZUl.js";
 import { getCssVar as r } from "@pantograph/tokens";

package/dist/BaseButton.vue_vue_type_style_index_0_lang-D0Qoa28N.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-c9NvwoHi.js"),S=require("./Spinner.vue_vue_type_style_index_0_lang-BFKOyKva.js"),x=require("./Badge.vue_vue_type_script_setup_true_lang-CrMJ4fbZ.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-D486_o-Z.js"),a=require("./class-CjZYGZDW.js"),h=require("class-variance-authority"),L=require("./options-B4iSAKol.js"),q=require("./index-BBeDQiz4.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-C0nSQYiX.js → BaseButton.vue_vue_type_style_index_0_lang-DsO7fB2L.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 r, createBlock as v, Fragment as _, createCommentVNode as b, renderSlot as l, 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 z } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
+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-BVVc15Aa.js";
 import { _ as U } from "./Spinner.vue_vue_type_style_index_0_lang-Birom5mO.js";
-import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-BY-B21u1.js";
+import { _ as W } from "./Badge.vue_vue_type_script_setup_true_lang-TQx4Ht7v.js";
 import { i as X, a as k, c as $, b as C, B as F } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CT_Kgpjf.js";
 import { g as Y, a as t, b as Z } from "./class-DziTeW9B.js";
 import { cva as ee } from "class-variance-authority";
@@ -44,24 +44,24 @@ const S = "2xsm", fe = /* @__PURE__ */ A({
         postIcon: t("postIcon", n),
         loading: t("loading", n)
       }
-    }), B = X({
+    }), z = X({
       size: s(() => o.size),
       variant: s(() => o.variant)
-    }), f = s(() => o.variant ?? B.variant.value ?? "simple"), a = s(() => ["icon", "float"].includes(f.value)), i = G(), E = s(() => {
+    }), f = s(() => o.variant ?? z.variant.value ?? "simple"), i = s(() => ["icon", "float"].includes(f.value)), a = G(), E = s(() => {
       let e = k.includes(o.type) ? o.type : "fill";
-      const d = o.size ?? B.size.value, j = d && $.includes(d) ? d : "md";
+      const d = o.size ?? z.size.value, j = d && $.includes(d) ? d : "md";
       let m = o.color && C.includes(o.color) ? o.color : "primary", g = f.value && F.includes(f.value) ? f.value : "simple";
       return o.action ? (g === "float" && (g = "icon"), e === "fill" && (e = "outline"), m = void 0) : g === "float" && (e === "ghost" && (e = "fill"), ["primary", "gray"].includes(m) || (m = "primary")), {
         size: j,
         type: e,
         color: m,
         variant: g,
-        action: o.action,
-        active: o.active,
-        loading: o.loading,
-        text: !a.value && !!(o.text || i.default),
-        preIcon: !a.value && !!(o.preIcon || i.preIcon),
-        postIcon: !a.value && !!(o.postIcon || i.postIcon)
+        action: !!o.action,
+        active: !!o.active,
+        loading: !!o.loading,
+        text: !i.value && !!(o.text || a.default),
+        preIcon: !i.value && !!(o.preIcon || a.preIcon),
+        postIcon: !i.value && !!(o.postIcon || a.postIcon)
       };
     }), I = s(() => {
       switch (o.size) {
@@ -91,72 +91,72 @@ const S = "2xsm", fe = /* @__PURE__ */ A({
         (e = y.value) == null || e.blur();
       }
     }), (e, d) => (c(), D("button", {
-      class: O([r(N)(E.value), o.class]),
+      class: O([l(N)(E.value), o.class]),
       tabindex: "0",
       ref_key: "buttonRef",
       ref: y
     }, [
       e.loading ? (c(), v(U, {
         key: 1,
-        class: O(r(Z)(r(n), "loading")),
+        class: O(l(Z)(l(n), "loading")),
         size: I.value
       }, null, 8, ["class", "size"])) : (c(), D(_, { key: 0 }, [
-        (e.preIcon || i.preIcon) && !a.value ? (c(), v(z, {
+        (e.preIcon || a.preIcon) && !i.value ? (c(), v(B, {
           key: 0,
-          flipOnDir: r(P),
+          flipOnDir: l(P),
           icon: e.preIcon,
           size: I.value
         }, {
           default: p(() => [
-            l(e.$slots, "preIcon")
+            r(e.$slots, "preIcon")
           ]),
           _: 3
         }, 8, ["flipOnDir", "icon", "size"])) : b("", !0),
-        a.value ? (c(), v(z, {
+        i.value ? (c(), v(B, {
           key: 1,
           icon: e.icon,
           size: R.value,
-          flipOnDir: r(h)
+          flipOnDir: l(h)
         }, {
           default: p(() => [
-            l(e.$slots, "icon")
+            r(e.$slots, "icon")
           ]),
           _: 3
-        }, 8, ["icon", "size", "flipOnDir"])) : l(e.$slots, "default", { key: 2 }, () => [
+        }, 8, ["icon", "size", "flipOnDir"])) : r(e.$slots, "default", { key: 2 }, () => [
           q(H(e.text), 1)
         ]),
-        e.action && e.active && !a.value && (e.badgeText || i.badgeText || e.badgeIcon || i.badgeIcon) ? l(e.$slots, "badge", J(K({ key: 3 }, { color: e.$attrs.disabled ? "gray" : "primary", size: S })), () => [
+        e.action && e.active && !i.value && (e.badgeText || a.badgeText || e.badgeIcon || a.badgeIcon) ? r(e.$slots, "badge", J(K({ key: 3 }, { color: e.$attrs.disabled ? "gray" : "primary", size: S })), () => [
           M(W, {
             text: e.badgeText,
             icon: e.badgeIcon,
-            flipOnDir: r(w),
+            flipOnDir: l(w),
             color: e.$attrs.disabled ? "gray" : "primary",
             size: S
           }, Q({ _: 2 }, [
-            i.badgeText ? {
+            a.badgeText ? {
               name: "default",
               fn: p(() => [
-                l(e.$slots, "badgeText")
+                r(e.$slots, "badgeText")
               ]),
               key: "0"
             } : void 0,
-            i.badgeIcon ? {
+            a.badgeIcon ? {
               name: "icon",
               fn: p(() => [
-                l(e.$slots, "badgeIcon")
+                r(e.$slots, "badgeIcon")
               ]),
               key: "1"
             } : void 0
           ]), 1032, ["text", "icon", "flipOnDir", "color"])
         ]) : b("", !0),
-        (e.postIcon || i.postIcon) && !a.value ? (c(), v(z, {
+        (e.postIcon || a.postIcon) && !i.value ? (c(), v(B, {
           key: 4,
-          flipOnDir: r(V),
+          flipOnDir: l(V),
           icon: e.postIcon,
           size: I.value
         }, {
           default: p(() => [
-            l(e.$slots, "postIcon")
+            r(e.$slots, "postIcon")
           ]),
           _: 3
         }, 8, ["flipOnDir", "icon", "size"])) : b("", !0)

package/dist/Button/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-C49On28W.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-iVnBi1qI.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-ZXQe6Slx.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-CYNr2NyY.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-ZXQe6Slx.js → Button.vue_vue_type_script_setup_true_lang-CYNr2NyY.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C4BrcXKG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-dcMigyCt.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-D0Qoa28N.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/{Button.vue_vue_type_script_setup_true_lang-C49On28W.js → Button.vue_vue_type_script_setup_true_lang-iVnBi1qI.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-gDFhewvU.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-C0nSQYiX.js";
+import { o as y } from "./omit-CD3OjwFx.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-DsO7fB2L.js";
 import { g as O } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ c({
   ...O("Button", !1),

package/dist/Checkbox/Checkbox.d.ts

@@ -17,19 +17,19 @@ export interface CheckboxSlots {
     default?: (props: object) => never;
 }
 export type CheckboxEmits = CheckboxRootEmits & {
-    change: [value: boolean | 'indeterminate'];
+    change: [value: boolean];
     blur: [event: InputEvent];
     focus: [event: InputEvent];
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     blur: (event: InputEvent) => any;
     focus: (event: InputEvent) => any;
-    change: (value: boolean | "indeterminate") => any;
+    change: (value: boolean) => any;
     "update:checked": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
     onBlur?: ((event: InputEvent) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
-    onChange?: ((value: boolean | "indeterminate") => any) | undefined;
+    onChange?: ((value: boolean) => any) | undefined;
     "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
     size: CheckboxSize;

package/dist/Checkbox/index.js.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-Bphv5qnx.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-BmkAqFq7.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

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

@@ -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-BPQsppLy.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-pWUK1jtk.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-Bphv5qnx.js → Checkbox.vue_vue_type_style_index_0_lang-BmkAqFq7.js}

@@ -1,26 +1,26 @@
-import { defineComponent as S, ref as _, watch as L, computed as c, createElementBlock as v, openBlock as n, renderSlot as G, createCommentVNode as V, Fragment as E, renderList as O, createBlock as w, mergeProps as $, useSlots as T, unref as s, createVNode as B, withCtx as y, normalizeClass as x, createTextVNode as j, toDisplayString as F } from "vue";
-import { createContext as R, CheckboxRoot as H, CheckboxIndicator as J } from "radix-vue";
-import { prefixTokens as i } from "@pantograph/tokens";
-import { g as K, a as M, b as f } from "./class-DziTeW9B.js";
-import { cva as Q } from "class-variance-authority";
+import { defineComponent as S, ref as _, watch as L, computed as c, 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 { createContext as H, CheckboxRoot as J, CheckboxIndicator as M } from "radix-vue";
+import { prefixTokens as n } from "@pantograph/tokens";
+import { g as Q, a as W, b as f } from "./class-DziTeW9B.js";
+import { cva as X } from "class-variance-authority";
 import { g as P } from "./options-JBqnVZUl.js";
-import { o as W } from "./omit-gDFhewvU.js";
-import { _ as X } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
-import { u as Y } from "./useId-DvOSMFGX.js";
-import { U as Z } from "./useInputDataStates-CZbdWpyp.js";
-const ee = ["2xsm", "xsm"], be = (t) => ({
-  "--ptc-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), he = (t) => ({
-  "--ptc-group-checkbox-bg": `var(--${i}-${t}-5)`,
-  "--ptc-group-checkbox-bg-hover": `var(--${i}-${t}-4)`,
-  "--ptc-group-checkbox-bg-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-br-focus": `var(--${i}-${t}-6)`,
-  "--ptc-group-checkbox-bg-active": `var(--${i}-${t}-7)`
-}), [ae, te] = R("CheckboxGroup"), fe = /* @__PURE__ */ S({
+import { o as Y } from "./omit-CD3OjwFx.js";
+import { _ as Z } from "./Icon.vue_vue_type_style_index_0_lang-BVVc15Aa.js";
+import { u as ee } from "./useId-DvOSMFGX.js";
+import { U as ae } from "./useInputDataStates-CZbdWpyp.js";
+const te = ["2xsm", "xsm"], fe = (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)`
+}), ke = (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)`
+}), [oe, se] = H("CheckboxGroup"), Ce = /* @__PURE__ */ S({
   ...P("CheckboxGroup"),
   __name: "CheckboxGroup",
   props: {
@@ -32,7 +32,7 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
   },
   emits: ["update:value", "change"],
   setup(t, { emit: k }) {
-    const l = k, e = t, o = _(e.value ?? []);
+    const r = k, e = t, o = _(e.value ?? []);
     L(
       () => e.value,
       () => {
@@ -43,27 +43,27 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
       get() {
         return e.value ? e.value : o.value;
       },
-      set(r) {
-        e.value || (o.value = r), l("update:value", r), l("change", r);
+      set(s) {
+        e.value || (o.value = s), r("update:value", s), r("change", s);
       }
     }), C = c(() => e.size), d = c(() => e.disabled ? !0 : void 0);
-    return te({
+    return se({
       model: u,
       size: C,
       disabled: d
-    }), (r, g) => (n(), v("div", null, [
-      G(r.$slots, "default", {}, () => {
+    }), (s, g) => (i(), p("div", null, [
+      G(s.$slots, "default", {}, () => {
         var m;
         return [
-          (m = r.options) != null && m.length ? (n(!0), v(E, { key: 0 }, O(r.options, (b) => (n(), w(se, $({
+          (m = s.options) != null && m.length ? (i(!0), p(K, { key: 0 }, O(s.options, (b) => (i(), V(re, $({
             key: b.value,
             ref_for: !0
-          }, b), null, 16))), 128)) : V("", !0)
+          }, b), null, 16))), 128)) : w("", !0)
         ];
       })
     ]));
   }
-}), oe = ["for"], se = /* @__PURE__ */ S({
+}), le = ["for"], re = /* @__PURE__ */ S({
   ...P("Checkbox"),
   __name: "Checkbox",
   props: {
@@ -85,36 +85,36 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
   },
   emits: ["update:checked", "change", "blur", "focus"],
   setup(t, { emit: k }) {
-    const l = K("checkbox"), e = t, o = ae({}), u = k, C = T(), d = _(e.checked ?? !1);
+    const r = Q("checkbox"), e = t, o = oe({}), u = k, C = T(), d = _(e.checked ?? !1);
     L(
       () => e.checked,
       () => {
         d.value = e.checked ?? !1;
       }
     );
-    const r = c({
+    const s = c({
       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;
       },
       set(a) {
-        var p;
-        if ((p = o.model) != null && p.value) {
+        var v;
+        if ((v = o.model) != null && v.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(
-              (U) => U !== e.value
+              (E) => E !== e.value
             ));
           }
         } else
           e.checked === void 0 && (d.value = a), u("update:checked", a), u("change", a);
       }
-    }), g = c(() => e.id ?? Y(l)), m = c(() => {
+    }), g = c(() => e.id ?? ee(r)), m = c(() => {
       var a;
       return {
         disabled: ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled,
         ...N.value,
-        ...W(
+        ...Y(
           e,
           "size",
           "class",
@@ -128,9 +128,9 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
           "labelCls"
         )
       };
-    }), b = Q(l, {
+    }), b = X(r, {
       variants: {
-        size: M(ee, l)
+        size: W(te, r)
       }
     }), q = c(() => e.label || C.default || e.value && e.valueAsLabel), A = c(() => {
       if (e.label) return e.label;
@@ -146,35 +146,37 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
         default:
           return "3xsm";
       }
-    }), { rootBindings: I, inputBindings: N } = Z({
+    }), { rootBindings: I, inputBindings: N } = ae({
       getDisabled: () => {
         var a;
         return ((a = o.disabled) == null ? void 0 : a.value) ?? e.disabled;
       },
       emit: u
-    });
-    return (a, p) => (n(), v("div", $({
-      class: [s(f)(s(l), "root"), a.rootCls]
-    }, s(I)), [
-      B(s(H), $(m.value, {
-        checked: r.value,
-        "onUpdate:checked": p[0] || (p[0] = (h) => r.value = h),
+    }), U = () => s.value = !s.value;
+    return (a, v) => (i(), p("div", $({
+      class: [l(f)(l(r), "root"), a.rootCls]
+    }, l(I)), [
+      y(l(J), $({
+        onKeyup: j(U, ["enter"])
+      }, m.value, {
+        checked: s.value,
+        "onUpdate:checked": v[0] || (v[0] = (h) => s.value = h),
         id: g.value,
-        class: [s(b)({ size: z.value }), e.class]
+        class: [l(b)({ size: z.value }), e.class]
       }), {
-        default: y(() => [
-          B(s(J), {
-            class: x([s(f)(s(l), "indicator"), a.indicatorCls]),
+        default: B(() => [
+          y(l(M), {
+            class: x([l(f)(l(r), "indicator"), a.indicatorCls]),
             asChild: ""
           }, {
-            default: y(() => [
-              e.checked != "indeterminate" ? (n(), w(X, {
+            default: B(() => [
+              e.checked != "indeterminate" ? (i(), V(Z, {
                 key: 0,
                 icon: "tabler:check",
                 size: D.value
-              }, null, 8, ["size"])) : (n(), v("span", {
+              }, null, 8, ["size"])) : (i(), p("span", {
                 key: 1,
-                class: x([s(f)(s(l), "indeterminate"), a.indeterminateCls])
+                class: x([l(f)(l(r), "indeterminate"), a.indeterminateCls])
               }, null, 2))
             ]),
             _: 1
@@ -182,28 +184,28 @@ const ee = ["2xsm", "xsm"], be = (t) => ({
         ]),
         _: 1
       }, 16, ["checked", "id", "class"]),
-      q.value ? (n(), v("label", {
+      q.value ? (i(), p("label", {
         key: 0,
         for: g.value,
-        class: x([s(f)(s(l), "label"), a.labelCls])
+        class: x([l(f)(l(r), "label"), a.labelCls])
       }, [
         G(a.$slots, "default", {
           checked: a.checked,
           disabled: a.disabled,
           required: a.required
         }, () => [
-          j(F(A.value), 1)
+          F(R(A.value), 1)
         ])
-      ], 10, oe)) : V("", !0)
+      ], 10, le)) : w("", !0)
     ], 16));
   }
 });
 export {
-  ee as C,
-  se as _,
-  he as a,
-  fe as b,
-  ae as i,
-  te as p,
-  be as u
+  te as C,
+  re as _,
+  ke as a,
+  Ce as b,
+  oe as i,
+  se as p,
+  fe as u
 };

package/dist/Checkbox.vue_vue_type_style_index_0_lang-pWUK1jtk.js

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

package/dist/CheckboxGroup/index.js.js

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BPQsppLy.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-pWUK1jtk.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/ColorPicker/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-nriGmBdP.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-ELatlkv4.js";
 export {
   r as ColorPicker,
   t as default,