@pantograph/vue 0.21.1 → 0.22.0

package/dist/ActionButton/ActionButton.d.ts

@@ -54,6 +54,7 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 type: ButtonType;
                 color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
+                htmlType: "reset" | "submit" | "button";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -77,7 +78,8 @@ declare function __VLS_template(): {
         } & Readonly<{
             type: ButtonType;
             color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color")> & import('vue').ShallowUnwrapRef<{
+            htmlType: "reset" | "submit" | "button";
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "htmlType")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/ActionButton/index.js

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-DcBX3a1o.js → ActionButton.vue_vue_type_script_setup_true_lang-B0eNtCzk.js}

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-DFub0Hcl.js → ActionButton.vue_vue_type_script_setup_true_lang-BIWVFbea.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),u=require("./Icon.vue_vue_type_style_index_0_lang-DfjbwGzY.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-MMg5J1BM.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:{},block:{type:Boolean},htmlType:{},type:{},variant:{}},setup(r,{expose:s}){const c=r,i=e.useAttrs(),a=e.computed(()=>({...u.omit(i,"variant","loading","color"),...c})),o=e.ref();return s({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(a.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),u=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CSmk6-57.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:{},block:{type:Boolean},htmlType:{},type:{},variant:{}},setup(r,{expose:s}){const c=r,i=e.useAttrs(),a=e.computed(()=>({...u.omit(i,"variant","loading","color"),...c})),o=e.ref();return s({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(a.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Alert/index.js

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

package/dist/Alert/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Alert.vue_vue_type_style_index_0_lang-CVVcfxyr.js");exports.Alert=e._sfc_main;exports.AlertTypes=e.AlertTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Alert.vue_vue_type_style_index_0_lang-BSIcQ4DS.js");exports.Alert=e._sfc_main;exports.AlertTypes=e.AlertTypes;exports.default=e._sfc_main;

package/dist/{Alert.vue_vue_type_style_index_0_lang-CVVcfxyr.js → Alert.vue_vue_type_style_index_0_lang-BSIcQ4DS.js}

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

package/dist/{Alert.vue_vue_type_style_index_0_lang-CaTNrrHL.js → Alert.vue_vue_type_style_index_0_lang-cIZRz6sS.js}

@@ -2,10 +2,10 @@ import { defineComponent as $, useSlots as h, computed as S, createElementBlock
 import { getBemBlock as I, generateVariantClassList as T, getBemElement as r } from "@pantograph/utils";
 import { cva as D } from "class-variance-authority";
 import { g as L } from "./options-JBqnVZUl.js";
-import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-D388m6fm.js";
-import "./Button.vue_vue_type_script_setup_true_lang-iG80XOZV.js";
-import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-CEOGWwJM.js";
-import { _ as R } from "./Link.vue_vue_type_style_index_0_lang-C_mBWT2_.js";
+import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-COiaP6-B.js";
+import "./Button.vue_vue_type_script_setup_true_lang-CmnxuKmC.js";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DA2fe1n4.js";
+import { _ as R } from "./Link.vue_vue_type_style_index_0_lang-DG28PgqB.js";
 const j = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ $({
   ...L("Alert"),
   __name: "Alert",

package/dist/Avatar/Avatar.d.ts

@@ -1,4 +1,4 @@
-import { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from 'radix-vue';
+import { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from 'reka-ui';
 import { Class } from '../types';
 import { BadgeColor } from '../Base/BaseBadge/BaseBadge.model';
 import { AvatarSize, AvatarStroke, AvatarShape, AvatarOnlineAlignment } from './Avatar.model';
@@ -28,9 +28,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    loadingStatusChange: (value: import('../../../../node_modules/radix-vue/dist/Avatar/utils.js', { with: { "resolution-mode": "import" } }).ImageLoadingStatus) => any;
+    loadingStatusChange: (value: "error" | "loading" | "idle" | "loaded") => any;
 }, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
-    onLoadingStatusChange?: ((value: import('../../../../node_modules/radix-vue/dist/Avatar/utils.js', { with: { "resolution-mode": "import" } }).ImageLoadingStatus) => any) | undefined;
+    onLoadingStatusChange?: ((value: "error" | "loading" | "idle" | "loaded") => any) | undefined;
 }>, {
     size: AvatarSize;
     icon: string;

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-CX1sta-J.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-CBVeKSHl.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-CPQs2Rtc.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-DR1jvjrw.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-CX1sta-J.js → Avatar.vue_vue_type_style_index_0_lang-CBVeKSHl.js}

@@ -1,12 +1,12 @@
 import { defineComponent as E, useSlots as F, computed as a, createElementBlock as _, openBlock as i, normalizeClass as m, createVNode as I, h as k, createBlock as h, unref as t, withCtx as b, createCommentVNode as x, Fragment as M, mergeProps as R, renderSlot as B, createTextVNode as P, toDisplayString as $ } from "vue";
-import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage as K, AvatarFallback as Q } from "radix-vue";
+import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage as K, AvatarFallback as Q } from "reka-ui";
 import { getBemBlock as O, getBemElement as p, generateVariantClassList as v } from "@pantograph/utils";
 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-BHPFTCxh.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-Nc78vcLj.js";
 import "@iconify/vue";
-import { f as W } from "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
-import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-CPAOryUb.js";
+import { f as W } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
+import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-Bv33d-sy.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-DR1jvjrw.js

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

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-CX1sta-J.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-CBVeKSHl.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-CPQs2Rtc.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-DR1jvjrw.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-DmB7tI3W.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-DZeztsJc.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-BuOGp5iZ.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-CRBo7E6c.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-BuOGp5iZ.js → Badge.vue_vue_type_script_setup_true_lang-CRBo7E6c.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./Icon.vue_vue_type_style_index_0_lang-DfjbwGzY.js"),u=require("./BaseBadge.vue_vue_type_style_index_0_lang-Dyf5Itew.js"),d=require("./options-B4iSAKol.js"),s=require("./BaseBadge.model-imnRO6DY.js"),r=require("@pantograph/tokens"),m=e.defineComponent({...d.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},size:{},color:{default:"primary"}},setup(c){const t=c,g=e.useAttrs(),i=e.computed(()=>{const l=[...s.BadgeColors,...s.BadgeColorsSubtle],n={...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")},a={...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:n[t.color],fg:a[t.color]}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}}),C=e.computed(()=>({...p.omit(g,"type"),...t,...i.value}));return(l,n)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(C.value,{type:"pill"}),e.createSlots({_:2},[e.renderList(Object.keys(l.$slots),a=>({name:a,fn:e.withCtx(o=>[e.renderSlot(l.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040))}});exports._sfc_main=m;
+"use strict";const e=require("vue"),p=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),u=require("./BaseBadge.vue_vue_type_style_index_0_lang-GKHPOXfN.js"),d=require("./options-B4iSAKol.js"),s=require("./BaseBadge.model-imnRO6DY.js"),r=require("@pantograph/tokens"),m=e.defineComponent({...d.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{},text:{},icon:{},flipOnDir:{},size:{},color:{default:"primary"}},setup(c){const t=c,g=e.useAttrs(),i=e.computed(()=>{const l=[...s.BadgeColors,...s.BadgeColorsSubtle],n={...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")},a={...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:n[t.color],fg:a[t.color]}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}}),C=e.computed(()=>({...p.omit(g,"type"),...t,...i.value}));return(l,n)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(C.value,{type:"pill"}),e.createSlots({_:2},[e.renderList(Object.keys(l.$slots),a=>({name:a,fn:e.withCtx(o=>[e.renderSlot(l.$slots,a,e.normalizeProps(e.guardReactiveProps(o)))])}))]),1040))}});exports._sfc_main=m;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-DmB7tI3W.js → Badge.vue_vue_type_script_setup_true_lang-DZeztsJc.js}

@@ -1,6 +1,6 @@
 import { defineComponent as f, useAttrs as u, computed as p, 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 "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
-import { _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bm7Ws0Br.js";
+import { o as k } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
+import { _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-B6UPA38N.js";
 import { g as h } from "./options-JBqnVZUl.js";
 import { B as a, a as n } from "./BaseBadge.model-BIyWEBkY.js";
 import { getCssCoreColor as e } from "@pantograph/tokens";

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

@@ -53,6 +53,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{}>, {
     type: ButtonType;
     color: ButtonColor;
+    htmlType: "reset" | "submit" | "button";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-Bm7Ws0Br.js → BaseBadge.vue_vue_type_style_index_0_lang-B6UPA38N.js}

@@ -4,7 +4,7 @@ import { cva as N } from "class-variance-authority";
 import { g as T } from "./options-JBqnVZUl.js";
 import { b as f, c as d } from "./BaseBadge.model-BIyWEBkY.js";
 import "@iconify/vue";
-import { u as E, f as L } from "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
+import { u as E, f as L } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
 const M = /* @__PURE__ */ S({
   ...T("BaseBadge"),
   __name: "BaseBadge",

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-Dyf5Itew.js → BaseBadge.vue_vue_type_style_index_0_lang-GKHPOXfN.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("@pantograph/utils"),b=require("class-variance-authority"),z=require("./options-B4iSAKol.js"),o=require("./BaseBadge.model-imnRO6DY.js");require("@iconify/vue");const l=require("./Icon.vue_vue_type_style_index_0_lang-DfjbwGzY.js"),C=e.defineComponent({...z.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(u){const{getFlipOnDir:d}=l.useConfig(),p=d("flipOnDir"),i=a.getBemBlock("badge"),n=u,m=b.cva(i,{variants:{size:a.generateVariantClassList(o.BadgeSizes,i),type:a.generateVariantClassList(o.BadgeTypes,i),text:a.generateVariantClassList("text",i),icon:a.generateVariantClassList("icon",i),br:a.generateVariantClassList("br",i)}}),r=e.useSlots(),s=e.computed(()=>o.BadgeTypes.includes(n.type)?n.type:"pill"),f=e.computed(()=>!!(n.text||r.default)),g=e.computed(()=>!!(n.icon||r.icon)),c=e.computed(()=>{let t=o.BadgeSizes.includes(n.size)?n.size:"md";return t==="sm"&&s.value!=="rect"?s.value==="minify"?t="tiny":s.value==="pill"&&(t="md"):s.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":s.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),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:s.value,text:f.value,icon:g.value,br:!!n.br})),v=e.computed(()=>{const t=r.icon??n.icon;return n.type==="rect"&&(r.default||n.text)?!1:t});return(t,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(m)(B.value),n.class]),style:e.normalizeStyle({"--ptc-badge-fg":n.fg,"--ptc-badge-bg":n.bg,"--ptc-badge-br":n.br})},[s.value!=="minify"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[v.value?(e.openBlock(),e.createBlock(e.unref(l._sfc_main$3),{key:0,icon:t.icon,size:y.value,flipOnDir:e.unref(p)},{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._sfc_main=C;
+"use strict";const e=require("vue"),a=require("@pantograph/utils"),b=require("class-variance-authority"),z=require("./options-B4iSAKol.js"),o=require("./BaseBadge.model-imnRO6DY.js");require("@iconify/vue");const l=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),C=e.defineComponent({...z.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(u){const{getFlipOnDir:d}=l.useConfig(),p=d("flipOnDir"),i=a.getBemBlock("badge"),n=u,m=b.cva(i,{variants:{size:a.generateVariantClassList(o.BadgeSizes,i),type:a.generateVariantClassList(o.BadgeTypes,i),text:a.generateVariantClassList("text",i),icon:a.generateVariantClassList("icon",i),br:a.generateVariantClassList("br",i)}}),r=e.useSlots(),s=e.computed(()=>o.BadgeTypes.includes(n.type)?n.type:"pill"),f=e.computed(()=>!!(n.text||r.default)),g=e.computed(()=>!!(n.icon||r.icon)),c=e.computed(()=>{let t=o.BadgeSizes.includes(n.size)?n.size:"md";return t==="sm"&&s.value!=="rect"?s.value==="minify"?t="tiny":s.value==="pill"&&(t="md"):s.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":s.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),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:s.value,text:f.value,icon:g.value,br:!!n.br})),v=e.computed(()=>{const t=r.icon??n.icon;return n.type==="rect"&&(r.default||n.text)?!1:t});return(t,x)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(m)(B.value),n.class]),style:e.normalizeStyle({"--ptc-badge-fg":n.fg,"--ptc-badge-bg":n.bg,"--ptc-badge-br":n.br})},[s.value!=="minify"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[v.value?(e.openBlock(),e.createBlock(e.unref(l._sfc_main$3),{key:0,icon:t.icon,size:y.value,flipOnDir:e.unref(p)},{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._sfc_main=C;

package/dist/BaseButton.vue_vue_type_style_index_0_lang-CSmk6-57.js

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-DrP39U4f.js → BaseButton.vue_vue_type_style_index_0_lang-w7u610EL.js}

@@ -1,12 +1,12 @@
 import { defineComponent as L, computed as i, useSlots as q, ref as H, createBlock as u, openBlock as c, resolveDynamicComponent as J, mergeProps as O, unref as s, withCtx as p, createElementBlock as K, Fragment as M, createCommentVNode as z, renderSlot as r, createTextVNode as Q, toDisplayString as U, normalizeProps as W, createVNode as X, createSlots as Y, normalizeClass as Z } from "vue";
-import { u as ee, f as D } from "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
-import { _ as oe } from "./Spinner.vue_vue_type_style_index_0_lang-BXIx0zui.js";
-import { _ as te } from "./Badge.vue_vue_type_script_setup_true_lang-DmB7tI3W.js";
-import { B as h, a as C, b as T, c as S, i as ne } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-BR6VXq_C.js";
+import { u as ee, f as D } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
+import { _ as oe } from "./Spinner.vue_vue_type_style_index_0_lang-hnGKuGCg.js";
+import { _ as te } from "./Badge.vue_vue_type_script_setup_true_lang-DZeztsJc.js";
+import { B as h, a as C, b as T, c as S, i as ne } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-MzFTjLDZ.js";
 import { getBemBlock as ae, generateVariantClassList as n, getBemElement as ie } from "@pantograph/utils";
 import { cva as se } from "class-variance-authority";
 import { g as le } from "./options-JBqnVZUl.js";
-import { u as re } from "./useInputDataStates-Dc5NKjxO.js";
+import { u as re } from "./useInputDataStates-Bbj0JbCD.js";
 const $ = "2xsm", ye = /* @__PURE__ */ L({
   ...le("BaseButton"),
   __name: "BaseButton",
@@ -29,7 +29,7 @@ const $ = "2xsm", ye = /* @__PURE__ */ L({
     preIconFlipOnDir: {},
     postIconFlipOnDir: {},
     badgeIconFlipOnDir: {},
-    htmlType: {},
+    htmlType: { default: "button" },
     block: { type: Boolean },
     href: {},
     target: {}

package/dist/Button/Button.d.ts

@@ -51,6 +51,7 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
                 type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
                 color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
+                htmlType: "reset" | "submit" | "button";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -74,7 +75,8 @@ declare function __VLS_template(): {
         } & Readonly<{
             type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
             color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color")> & import('vue').ShallowUnwrapRef<{
+            htmlType: "reset" | "submit" | "button";
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "htmlType")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-iG80XOZV.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CmnxuKmC.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-C_gtO_u4.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-CSJG3-ae.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-C_gtO_u4.js → Button.vue_vue_type_script_setup_true_lang-CSJG3-ae.js}

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-iG80XOZV.js → Button.vue_vue_type_script_setup_true_lang-CmnxuKmC.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as _, mergeProps as b, createSlots as d, renderList as g, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as k } from "vue";
-import { o as x } from "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-DrP39U4f.js";
+import { o as x } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-w7u610EL.js";
 import { g as O } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ i({
   ...O("Button", !1),

package/dist/ButtonGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-BR6VXq_C.js";
+import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-MzFTjLDZ.js";
 export {
   u as ButtonGroup,
   e as default,

package/dist/ButtonGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ButtonGroup.vue_vue_type_script_setup_true_lang-BMgmz-S9.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ButtonGroup.vue_vue_type_script_setup_true_lang-pO76J3IF.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-BR6VXq_C.js → ButtonGroup.vue_vue_type_script_setup_true_lang-MzFTjLDZ.js}

@@ -2,7 +2,7 @@ import { defineComponent as p, computed as e, createElementBlock as l, openBlock
 import { getBemBlock as f, getBemElement as g, generateVariantClassList as n } from "@pantograph/utils";
 import { g as d } from "./options-JBqnVZUl.js";
 import { cva as C } from "class-variance-authority";
-import { createContext as v } from "radix-vue";
+import { createContext as v } from "reka-ui";
 import { P as G } from "./BaseBadge.model-BIyWEBkY.js";
 const V = ["simple", "icon", "float"], j = ["fill", "outline", "ghost"], w = [
   "primary",

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-pO76J3IF.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),o=require("@pantograph/utils"),c=require("./options-B4iSAKol.js"),l=require("class-variance-authority"),B=require("reka-ui"),m=require("./BaseBadge.model-imnRO6DY.js"),d=["simple","icon","float"],g=["fill","outline","ghost"],C=["primary","danger","success","warning","neutral",...m.PrimitiveColors,"gray"],r=["sm","md","lg"],f=[...r,"none"],[v,a]=B.createContext("ButtonGroup"),G=t.defineComponent({...c.getComponentOptions("ButtonGroup"),__name:"ButtonGroup",props:{class:{},size:{default:"md"},variant:{default:"simple"},gap:{},split:{type:Boolean,default:!0}},setup(i){const e=i,u=o.getBemBlock("button"),n=o.getBemElement(u,"group"),p=l.cva(n,{variants:{gap:o.generateVariantClassList(f,n),split:o.generateVariantClassList("split",n)}});return a({size:t.computed(()=>e.size),variant:t.computed(()=>e.variant)}),(s,z)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass([t.unref(p)({gap:e.gap??e.size,split:s.split}),e.class])},[t.renderSlot(s.$slots,"default")],2))}});exports.ButtonColors=C;exports.ButtonSizes=r;exports.ButtonTypes=g;exports.ButtonVariants=d;exports._sfc_main=G;exports.injectButtonGroupContext=v;exports.provideButtonGroupContext=a;

package/dist/Checkbox/Checkbox.d.ts

@@ -1,7 +1,9 @@
-import { CheckboxRootEmits, CheckboxRootProps } from 'radix-vue';
+import { CheckboxRootEmits, CheckboxRootProps } from 'reka-ui';
 import { CheckboxSize } from './Checkbox.model';
 import { Class } from '../types';
 export interface CheckboxProps extends Omit<CheckboxRootProps, 'as' | 'asChild' | 'value'> {
+    /** deprecated */
+    checked?: CheckboxRootProps['modelValue'];
     size?: CheckboxSize;
     class?: Class;
     rootCls?: Class;
@@ -17,23 +19,28 @@ export interface CheckboxSlots {
     default?: (props: object) => never;
 }
 export type CheckboxEmits = CheckboxRootEmits & {
+    /** deprecated */
+    'update:checked': CheckboxRootEmits['update:modelValue'];
     change: [value: boolean];
     blur: [event: InputEvent];
     focus: [event: InputEvent];
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | "indeterminate") => any;
     blur: (event: InputEvent) => any;
     change: (value: boolean) => any;
     focus: (event: InputEvent) => any;
-    "update:checked": (value: boolean) => any;
+    "update:checked": (value: boolean | "indeterminate") => any;
 }, string, import('vue').PublicProps, Readonly<CheckboxProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | "indeterminate") => any) | undefined;
     onBlur?: ((event: InputEvent) => any) | undefined;
     onChange?: ((value: boolean) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
-    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean | "indeterminate") => any) | undefined;
 }>, {
+    modelValue: boolean | "indeterminate" | null;
     size: CheckboxSize;
-    checked: boolean | "indeterminate";
+    checked: boolean | "indeterminate" | null;
     valueAsLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<CheckboxSlots> & CheckboxSlots>;
 export default _default;

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-DJnxBJl5.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-BUsaushG.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-BSodliHF.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-DlhaSr0r.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;