@pantograph/vue 0.23.13 → 0.23.14

package/dist/ActionButton/ActionButton.d.ts

@@ -31,8 +31,10 @@ declare function __VLS_template(): {
                 readonly badgeIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
                 readonly htmlType?: ("reset" | "submit" | "button") | undefined;
                 readonly block?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly href?: string | undefined;
                 readonly target?: string | undefined;
+                readonly onClick?: ((...args: any[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -46,12 +48,16 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "click", ...args: any[]) => void;
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
+            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
                 focus(): void;
                 blur(): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (...args: any[]) => void;
+            }, string, {
                 type: ButtonType;
                 color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
                 htmlType: "reset" | "submit" | "button";
@@ -79,7 +85,9 @@ declare function __VLS_template(): {
             type: ButtonType;
             color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
             htmlType: "reset" | "submit" | "button";
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, "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-aFnjoRJy.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-CYmGEP-X.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-xZ5KwcNz.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-BSu_BuBH.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-xZ5KwcNz.js → ActionButton.vue_vue_type_script_setup_true_lang-BSu_BuBH.js}

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-aFnjoRJy.js → ActionButton.vue_vue_type_script_setup_true_lang-CYmGEP-X.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 "./omit-BuBwx_M2.js";
-import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-iumZ4VQ0.js";
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-CMRPoECp.js";
 import { g as x } from "./options-D4et5euX.js";
 const P = /* @__PURE__ */ p({
   ...x("ActionButton", !1),

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-BxngzHWN.js";
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-CVtHFULw.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-Dm-ZUrc_.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-Cs23lzQj.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-BxngzHWN.js → Alert.vue_vue_type_style_index_0_lang-CVtHFULw.js}

@@ -2,8 +2,8 @@ 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-D4et5euX.js";
-import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-yCbmuM4V.js";
-import "./Button.vue_vue_type_script_setup_true_lang-DIWm889s.js";
+import { _ as M } from "./IconButton.vue_vue_type_script_setup_true_lang-YQt0I6JQ.js";
+import "./Button.vue_vue_type_script_setup_true_lang-vLnufsOb.js";
 import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-DZpbH-db.js";
 import { _ as R } from "./Link.vue_vue_type_style_index_0_lang-BrS3jRuX.js";
 const j = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ $({

package/dist/{Alert.vue_vue_type_style_index_0_lang-Dm-ZUrc_.js → Alert.vue_vue_type_style_index_0_lang-Cs23lzQj.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("@pantograph/utils"),f=require("class-variance-authority"),y=require("./options-CWrQ7gsa.js"),B=require("./IconButton.vue_vue_type_script_setup_true_lang-mS3fxFE_.js");require("./Button.vue_vue_type_script_setup_true_lang-BzgGLJqR.js");const k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BvDdrt4G.js"),C=require("./Link.vue_vue_type_style_index_0_lang-C1i1VsGw.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-CWrQ7gsa.js"),B=require("./IconButton.vue_vue_type_script_setup_true_lang-BOrtkw9x.js");require("./Button.vue_vue_type_script_setup_true_lang-l8GPlDyr.js");const k=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-BvDdrt4G.js"),C=require("./Link.vue_vue_type_style_index_0_lang-C1i1VsGw.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/Base/BaseButton/BaseButton.d.ts

@@ -24,6 +24,7 @@ export interface BaseButtonProps {
     badgeIconFlipOnDir?: FlipOnDir;
     htmlType?: 'reset' | 'submit' | 'button';
     block?: boolean;
+    disabled?: boolean;
     href?: string;
     target?: string;
 }
@@ -85,7 +86,11 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{}>, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
     type: ButtonType;
     color: ButtonColor;
     htmlType: "reset" | "submit" | "button";

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-iumZ4VQ0.js → BaseButton.vue_vue_type_style_index_0_lang-CMRPoECp.js}

@@ -1,16 +1,16 @@
-import { defineComponent as q, computed as i, useSlots as H, ref as J, createBlock as u, openBlock as c, unref as s, mergeProps as h, 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 { defineComponent as K, computed as i, useSlots as M, ref as Q, createBlock as u, openBlock as c, unref as s, mergeProps as h, withCtx as p, createElementBlock as U, Fragment as W, createCommentVNode as z, renderSlot as r, createTextVNode as X, toDisplayString as Y, normalizeProps as Z, createVNode as ee, createSlots as oe, normalizeClass as te } from "vue";
 import { _ as k } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
-import { _ as ee } from "./Spinner.vue_vue_type_style_index_0_lang-Dc9P7GsT.js";
-import { _ as oe } from "./Badge.vue_vue_type_script_setup_true_lang-BnR8U44-.js";
-import { Primitive as te } from "reka-ui";
-import { B as x, a as S, b as T, c as C, i as ne } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-Bx7dH5Fx.js";
-import { getBemBlock as ae, generateVariantClassList as a, getBemElement as ie } from "@pantograph/utils";
-import { cva as se } from "class-variance-authority";
-import { g as le } from "./options-D4et5euX.js";
-import { u as re } from "./index-jwkhq8oW.js";
-import { u as ce } from "./useInputDataStates-0nK-AuOK.js";
-const $ = "2xsm", ze = /* @__PURE__ */ q({
-  ...le("BaseButton"),
+import { _ as ne } from "./Spinner.vue_vue_type_style_index_0_lang-Dc9P7GsT.js";
+import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-BnR8U44-.js";
+import { Primitive as ie } from "reka-ui";
+import { B as x, a as C, b as S, c as T, i as se } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-Bx7dH5Fx.js";
+import { getBemBlock as le, generateVariantClassList as a, getBemElement as re } from "@pantograph/utils";
+import { cva as ce } from "class-variance-authority";
+import { g as pe } from "./options-D4et5euX.js";
+import { u as ue } from "./index-jwkhq8oW.js";
+import { u as fe } from "./useInputDataStates-0nK-AuOK.js";
+const $ = "2xsm", Oe = /* @__PURE__ */ K({
+  ...pe("BaseButton"),
   __name: "BaseButton",
   props: {
     class: {},
@@ -33,15 +33,17 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
     badgeIconFlipOnDir: {},
     htmlType: { default: "button" },
     block: { type: Boolean },
+    disabled: { type: Boolean },
     href: {},
     target: {}
   },
-  setup(F, { expose: _ }) {
-    const o = F, { getFlipOnDir: f } = re(), P = f("flipOnDir"), V = f("preIconFlipOnDir"), w = f("postIconFlipOnDir"), N = f("badgeIconFlipOnDir"), t = ae("button"), E = se(t, {
+  emits: ["click"],
+  setup(F, { expose: _, emit: P }) {
+    const o = F, { getFlipOnDir: f } = ue(), V = f("flipOnDir"), w = f("preIconFlipOnDir"), N = f("postIconFlipOnDir"), E = f("badgeIconFlipOnDir"), t = le("button"), R = ce(t, {
       variants: {
-        size: a(C, t),
-        type: a(T, t),
-        color: a(S, t),
+        size: a(T, t),
+        type: a(S, t),
+        color: a(C, t),
         variant: a(x, t),
         action: a("action", t),
         active: a("active", t),
@@ -51,19 +53,19 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
         loading: a("loading", t),
         block: a("block", t)
       }
-    }), D = ne({
+    }), D = se({
       size: i(() => o.size),
       variant: i(() => o.variant)
     }), m = i(() => o.variant ?? D.variant.value ?? "simple"), l = i(
       () => ["icon", "float"].includes(m.value) || (n.icon || o.icon) && !(o.text || n.default || o.preIcon || n.preIcon || o.postIcon || n.postIcon)
-    ), R = i(
+    ), j = i(
       () => o.action && o.active && !l && (o.badgeText || n.badgeText || o.badgeIcon || n.badgeIcon)
-    ), n = H(), { getDisabled: I, getSize: y } = ce({ getSize: () => o.size ?? D.size.value }), j = i(() => {
-      let e = T.includes(o.type) ? o.type : "fill";
-      const d = y.value, L = d && C.includes(d) ? d : "md";
-      let g = o.color && S.includes(o.color) ? o.color : "primary", v = m.value && x.includes(m.value) ? m.value : "simple";
+    ), n = M(), { getDisabled: I, getSize: y } = fe({ getSize: () => o.size ?? D.size.value }), A = i(() => {
+      let e = S.includes(o.type) ? o.type : "fill";
+      const d = y.value, J = d && T.includes(d) ? d : "md";
+      let g = o.color && C.includes(o.color) ? o.color : "primary", v = m.value && x.includes(m.value) ? m.value : "simple";
       return o.action ? ((v === "float" || l.value) && (v = "icon"), e === "fill" && (e = "outline"), g = void 0) : v === "float" && (e === "ghost" && (e = "fill"), ["primary", "neutral"].includes(g) || (g = "primary")), {
-        size: L,
+        size: J,
         type: e,
         color: g,
         variant: v,
@@ -82,7 +84,7 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
         default:
           return "2xsm";
       }
-    }), A = i(() => {
+    }), G = i(() => {
       switch (y.value) {
         case "sm":
           return "3xsm";
@@ -92,13 +94,13 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
         default:
           return "2xsm";
       }
-    }), O = i(() => o.href ? "a" : "button"), G = i(() => {
+    }), O = i(() => o.href ? "a" : "button"), L = i(() => {
       const e = {
         disabled: I.value
       };
       return o.href && (e.href = o.href, e.target = o.target), o.htmlType && (e.type = o.htmlType), e;
-    }), B = J();
-    return _({
+    }), B = Q();
+    _({
       focus() {
         var e;
         (e = B.value) == null || e.focus();
@@ -107,22 +109,30 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
         var e;
         (e = B.value) == null || e.blur();
       }
-    }), (e, d) => (c(), u(s(te), h({
+    });
+    const q = P, H = (e) => {
+      if (o.loading || o.disabled) {
+        e.preventDefault(), e.stopPropagation();
+        return;
+      }
+      q("click", e);
+    };
+    return (e, d) => (c(), u(s(ie), h({
       as: O.value,
       key: String(O.value),
-      class: [s(E)(j.value), o.class],
+      class: [s(R)(A.value), o.class],
       ref_key: "buttonRef",
       ref: B
-    }, G.value), {
+    }, L.value, { onClick: H }), {
       default: p(() => [
-        e.loading ? (c(), u(ee, {
+        e.loading ? (c(), u(ne, {
           key: 1,
-          class: Z(s(ie)(s(t), "loading")),
+          class: te(s(re)(s(t), "loading")),
           size: b.value
-        }, null, 8, ["class", "size"])) : (c(), K(M, { key: 0 }, [
+        }, null, 8, ["class", "size"])) : (c(), U(W, { key: 0 }, [
           (e.preIcon || n.preIcon) && !l.value ? (c(), u(k, {
             key: 0,
-            flipOnDir: s(V),
+            flipOnDir: s(w),
             icon: e.preIcon,
             size: b.value
           }, {
@@ -134,24 +144,24 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
           l.value ? (c(), u(k, {
             key: 1,
             icon: e.icon,
-            size: A.value,
-            flipOnDir: s(P)
+            size: G.value,
+            flipOnDir: s(V)
           }, {
             default: p(() => [
               r(e.$slots, "icon")
             ]),
             _: 3
           }, 8, ["icon", "size", "flipOnDir"])) : r(e.$slots, "default", { key: 2 }, () => [
-            Q(U(e.text), 1)
+            X(Y(e.text), 1)
           ]),
-          R.value ? r(e.$slots, "badge", W(h({ key: 3 }, { color: s(I) ? "gray" : "primary", size: $ })), () => [
-            X(oe, {
+          j.value ? r(e.$slots, "badge", Z(h({ key: 3 }, { color: s(I) ? "gray" : "primary", size: $ })), () => [
+            ee(ae, {
               text: e.badgeText,
               icon: e.badgeIcon,
-              flipOnDir: s(N),
+              flipOnDir: s(E),
               color: s(I) ? "gray" : "primary",
               size: $
-            }, Y({ _: 2 }, [
+            }, oe({ _: 2 }, [
               n.badgeText ? {
                 name: "default",
                 fn: p(() => [
@@ -170,7 +180,7 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
           ]) : z("", !0),
           (e.postIcon || n.postIcon) && !l.value ? (c(), u(k, {
             key: 4,
-            flipOnDir: s(w),
+            flipOnDir: s(N),
             icon: e.postIcon,
             size: b.value
           }, {
@@ -186,5 +196,5 @@ const $ = "2xsm", ze = /* @__PURE__ */ q({
   }
 });
 export {
-  ze as _
+  Oe as _
 };

package/dist/BaseButton.vue_vue_type_style_index_0_lang-UUv7MP6L.js

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

package/dist/Button/Button.d.ts

@@ -28,8 +28,10 @@ declare function __VLS_template(): {
                 readonly badgeIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
                 readonly htmlType?: ("reset" | "submit" | "button") | undefined;
                 readonly block?: boolean | undefined;
+                readonly disabled?: boolean | undefined;
                 readonly href?: string | undefined;
                 readonly target?: string | undefined;
+                readonly onClick?: ((...args: any[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
@@ -43,12 +45,16 @@ declare function __VLS_template(): {
             $root: import('vue').ComponentPublicInstance | null;
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "click", ...args: any[]) => void;
             $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
+            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{
+                onClick?: ((...args: any[]) => any) | undefined;
+            }>, {
                 focus(): void;
                 blur(): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                click: (...args: any[]) => void;
+            }, string, {
                 type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
                 color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
                 htmlType: "reset" | "submit" | "button";
@@ -76,7 +82,9 @@ declare function __VLS_template(): {
             type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
             color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
             htmlType: "reset" | "submit" | "button";
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{
+            onClick?: ((...args: any[]) => any) | undefined;
+        }>, "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-DIWm889s.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-vLnufsOb.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-BzgGLJqR.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-l8GPlDyr.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-BzgGLJqR.js → Button.vue_vue_type_script_setup_true_lang-l8GPlDyr.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),u=require("./omit-CYbreqlf.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-wkKzmA9i.js"),_=require("./options-CWrQ7gsa.js"),m=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(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...u.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,f)=>(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=m;
+"use strict";const e=require("vue"),u=require("./omit-CYbreqlf.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-UUv7MP6L.js"),_=require("./options-CWrQ7gsa.js"),m=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(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...u.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,f)=>(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=m;

package/dist/{Button.vue_vue_type_script_setup_true_lang-DIWm889s.js → Button.vue_vue_type_script_setup_true_lang-vLnufsOb.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 "./omit-BuBwx_M2.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-iumZ4VQ0.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-CMRPoECp.js";
 import { g as O } from "./options-D4et5euX.js";
 const z = /* @__PURE__ */ i({
   ...O("Button", !1),

package/dist/ColorPicker/index.js

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

package/dist/ColorPicker/index.umd.cjs

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