@pantograph/vue 0.27.7 → 0.27.9

package/dist/ActionButton/ActionButton.d.ts

@@ -12,6 +12,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
+                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
@@ -149,6 +150,7 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
             readonly size?: import('..').ButtonSize | undefined;

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-v9gNXyn5.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-D3TR9Ar1.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-DEtXFuT4.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-DEtXFuT4.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-DPgYIiQ0.js"),_=require("@pantograph/utils-vue"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},text:{},size:{},noRing:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{},type:{},variant:{}},setup(r,{expose:s}){const i=r,a=e.useAttrs(),c=e.computed(()=>({...p.omit(a,["color","type","variant","action"]),...i})),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(u._sfc_main,e.mergeProps(c.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=f;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.js → ActionButton.vue_vue_type_script_setup_true_lang-v9gNXyn5.js}

@@ -1,11 +1,12 @@
 import { defineComponent as c, useAttrs as l, computed as f, ref as m, createBlock as u, openBlock as d, mergeProps as b, createSlots as y, renderList as g, withCtx as B, renderSlot as _, normalizeProps as v, guardReactiveProps as I } from "vue";
 import { omit as O } from "es-toolkit";
-import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-D8UQiapO.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-j05pPl4c.js";
 import { getComponentOptions as k } from "@pantograph/utils-vue";
 const F = /* @__PURE__ */ c({
   ...k("ActionButton", !1),
   __name: "ActionButton",
   props: {
+    as: {},
     class: {},
     text: {},
     size: {},
@@ -31,8 +32,8 @@ const F = /* @__PURE__ */ c({
     variant: {}
   },
   setup(n, { expose: r }) {
-    const a = n, i = l(), p = f(() => ({
-      ...O(i, ["color", "type", "variant", "action"]),
+    const a = n, s = l(), i = f(() => ({
+      ...O(s, ["color", "type", "variant", "action"]),
       ...a
     })), o = m();
     return r({
@@ -44,15 +45,15 @@ const F = /* @__PURE__ */ c({
         var e;
         (e = o.value) == null || e.blur();
       }
-    }), (e, x) => (d(), u(h, b(p.value, {
+    }), (e, x) => (d(), u(h, b(i.value, {
       action: "",
       ref_key: "buttonRef",
       ref: o
     }), y({ _: 2 }, [
       g(Object.keys(e.$slots), (t) => ({
         name: t,
-        fn: B((s) => [
-          _(e.$slots, t, v(I(s)))
+        fn: B((p) => [
+          _(e.$slots, t, v(I(p)))
         ])
       }))
     ]), 1040));

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-BAOHfQJ2.js";
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-C8MzfVOk.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-Drpe229t.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-p4dL1Gko.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-BAOHfQJ2.js → Alert.vue_vue_type_style_index_0_lang-C8MzfVOk.js}

@@ -2,7 +2,7 @@ import { defineComponent as h, useSlots as S, computed as V, createElementBlock
 import { getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a } from "@pantograph/utils";
 import { cva as L } from "class-variance-authority";
 import { getComponentOptions as M } from "@pantograph/utils-vue";
-import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-ahPqU4HJ.js";
+import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-1WWZ64Us.js";
 import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-B0QyiUKw.js";
 import { _ as j } from "./Link.vue_vue_type_style_index_0_lang-brdTffbT.js";
 const q = ["info", "success", "danger", "warning", "hint"], W = /* @__PURE__ */ h({

package/dist/{Alert.vue_vue_type_style_index_0_lang-Drpe229t.js → Alert.vue_vue_type_style_index_0_lang-p4dL1Gko.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),l=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("@pantograph/utils-vue"),y=require("./IconButton.vue_vue_type_script_setup_true_lang-Dk1TQJVA.js"),B=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CxrU_AN6.js"),k=require("./Link.vue_vue_type_style_index_0_lang-B1uxGXxI.js"),i=["info","success","danger","warning","hint"],b=e.defineComponent({...g.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:u}){const r=c,m=u,n=l.getBemBlock("alert"),p=C.cva(n,{variants:{type:l.generateVariantClassList(i,n)}}),o=e.useSlots(),d={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},s=e.computed(()=>r.icon??d[r.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(p)({type:t.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[o.icon||s.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:s.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[o.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(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(e.unref(k._sfc_main),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(y._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=f=>m("close",f))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;
+"use strict";const e=require("vue"),l=require("@pantograph/utils"),C=require("class-variance-authority"),g=require("@pantograph/utils-vue"),y=require("./IconButton.vue_vue_type_script_setup_true_lang-EXpTHZs6.js"),B=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CxrU_AN6.js"),k=require("./Link.vue_vue_type_style_index_0_lang-B1uxGXxI.js"),i=["info","success","danger","warning","hint"],b=e.defineComponent({...g.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:u}){const r=c,m=u,n=l.getBemBlock("alert"),p=C.cva(n,{variants:{type:l.generateVariantClassList(i,n)}}),o=e.useSlots(),d={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},s=e.computed(()=>r.icon??d[r.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(p)({type:t.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[o.icon||s.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:s.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[o.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(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(e.unref(k._sfc_main),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(y._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=f=>m("close",f))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;

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

@@ -1,9 +1,11 @@
-import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
-import { BadgeSize } from '../BaseBadge/BaseBadge.model';
+import { PrimitiveProps } from 'reka-ui';
 import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
-import { FlipOnDir } from '../../ConfigProvider';
 import { ClassValue } from 'class-variance-authority/types';
+import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
+import { FlipOnDir } from '../../ConfigProvider';
+import { BadgeSize } from '../BaseBadge/BaseBadge.model';
 export interface BaseButtonProps {
+    as?: PrimitiveProps['as'];
     class?: ClassValue;
     text?: string | number;
     size?: ButtonSize;
@@ -42,51 +44,22 @@ export interface BaseButtonSlots {
     badgeIcon?: BaseBadgeSlots['icon'];
     postIcon?: (data?: object) => never;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
-    refs: {
-        buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
-                default: string;
-            };
-        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
-            asChild: boolean;
-            as: import('reka-ui').AsTag | import('vue').Component;
-        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
-            P: {};
-            B: {};
-            D: {};
-            C: {};
-            M: {};
-            Defaults: {};
-        }, Readonly<import('vue').ExtractPropTypes<{
-            asChild: {
-                type: BooleanConstructor;
-                default: boolean;
-            };
-            as: {
-                type: import('vue').PropType<import('reka-ui').AsTag | import('vue').Component>;
-                default: string;
-            };
-        }>> & Readonly<{}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
-            [key: string]: any;
-        }>, {}, {}, {}, {
-            asChild: boolean;
-            as: import('reka-ui').AsTag | import('vue').Component;
-        }> | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
+export declare const buttonPrefix: string;
+export declare const buttonVariantsClass: (props?: ({
+    size?: string | null | undefined;
+    type?: string | null | undefined;
+    color?: string | null | undefined;
+    variant?: string | null | undefined;
+    action?: string | null | undefined;
+    active?: string | null | undefined;
+    text?: string | null | undefined;
+    preIcon?: string | null | undefined;
+    postIcon?: string | null | undefined;
+    loading?: string | null | undefined;
+    block?: string | null | undefined;
+    noRing?: string | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseButtonProps, {
     focus(): void;
     blur(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
@@ -135,8 +108,7 @@ declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
         asChild: boolean;
         as: import('reka-ui').AsTag | import('vue').Component;
     }> | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, any>, Readonly<BaseButtonSlots> & BaseButtonSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/BaseButton.vue_vue_type_style_index_0_lang-DPgYIiQ0.js

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-D8UQiapO.js → BaseButton.vue_vue_type_style_index_0_lang-j05pPl4c.js}

@@ -1,17 +1,33 @@
-import { defineComponent as K, computed as i, useSlots as M, ref as Q, createBlock as f, openBlock as u, unref as r, mergeProps as U, withCtx as v, createElementBlock as W, Fragment as X, createCommentVNode as O, renderSlot as I, createVNode as Y, createTextVNode as Z, toDisplayString as ee, normalizeClass as oe, h as te } from "vue";
-import { _ as k } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
-import { _ as ne } from "./Spinner.vue_vue_type_style_index_0_lang-COQRqpmY.js";
-import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
-import { Primitive as ie } from "reka-ui";
-import { B as S, b as T, a as C, c as _, i as le } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js";
-import { getBemBlock as re, generateVariantClassList as a, normCls as se, getBemElement as ce } from "@pantograph/utils";
-import { cva as pe } from "class-variance-authority";
+import { defineComponent as M, computed as i, useSlots as Q, ref as T, watch as U, createBlock as f, openBlock as u, unref as r, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as C, renderSlot as I, createVNode as Z, createTextVNode as ee, toDisplayString as oe, normalizeClass as te, h as ne } from "vue";
+import { _ as h } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as ae } from "./Spinner.vue_vue_type_style_index_0_lang-COQRqpmY.js";
+import { _ as ie } from "./Badge.vue_vue_type_script_setup_true_lang-CjM2eHxl.js";
+import { Primitive as le } from "reka-ui";
+import { B as _, b as F, a as P, c as $, i as re } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-DGuzTQhm.js";
+import { getBemBlock as se, generateVariantClassList as a, normCls as ce, getBemElement as pe } from "@pantograph/utils";
 import { u as ue } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-C-xm8OzO.js";
 import { getComponentOptions as fe, useFormInput as de, isEmptyElement as me } from "@pantograph/utils-vue";
-const F = "2xsm", De = /* @__PURE__ */ K({
+import { cva as ge } from "class-variance-authority";
+const n = se("button"), ve = ge(n, {
+  variants: {
+    size: a($, n),
+    type: a(P, n),
+    color: a(F, n),
+    variant: a(_, n),
+    action: a("action", n),
+    active: a("active", n),
+    text: a("text", n),
+    preIcon: a("preIcon", n),
+    postIcon: a("postIcon", n),
+    loading: a("loading", n),
+    block: a("block", n),
+    noRing: a("no-ring", n)
+  }
+}), Se = /* @__PURE__ */ M({
   ...fe("BaseButton"),
   __name: "BaseButton",
   props: {
+    as: {},
     class: {},
     text: {},
     size: {},
@@ -39,31 +55,16 @@ const F = "2xsm", De = /* @__PURE__ */ K({
     target: {}
   },
   emits: ["click"],
-  setup($, { expose: P, emit: R }) {
-    const e = $, { getFlipOnDir: d } = ue(), V = d("flipOnDir"), E = d("preIconFlipOnDir"), w = d("postIconFlipOnDir"), N = d("badgeIconFlipOnDir"), n = re("button"), G = pe(n, {
-      variants: {
-        size: a(_, n),
-        type: a(C, n),
-        color: a(T, n),
-        variant: a(S, n),
-        action: a("action", n),
-        active: a("active", n),
-        text: a("text", n),
-        preIcon: a("preIcon", n),
-        postIcon: a("postIcon", n),
-        loading: a("loading", n),
-        block: a("block", n),
-        noRing: a("no-ring", n)
-      }
-    }), h = le({
+  setup(R, { expose: V, emit: w }) {
+    const e = R, { getFlipOnDir: d } = ue(), E = d("flipOnDir"), N = d("preIconFlipOnDir"), G = d("postIconFlipOnDir"), j = d("badgeIconFlipOnDir"), k = re({
       size: i(() => e.size),
       variant: i(() => e.variant)
-    }), m = i(() => e.variant ?? h.variant.value ?? "simple"), l = i(
+    }), m = i(() => e.variant ?? k.variant.value ?? "simple"), l = i(
       () => ["icon", "float"].includes(m.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
-    ), t = M(), { getDisabled: b, getSize: y } = de({ getSize: () => e.size ?? h.size.value }), j = i(() => {
-      let o = C.includes(e.type) ? e.type : "fill";
-      const s = y.value, g = s && _.includes(s) ? s : "md";
-      let c = e.color && T.includes(e.color) ? e.color : "primary", p = m.value && S.includes(m.value) ? m.value : "simple";
+    ), t = Q(), { getDisabled: b, getSize: y } = de({ getSize: () => e.size ?? k.size.value }), A = i(() => {
+      let o = P.includes(e.type) ? e.type : "fill";
+      const s = y.value, g = s && $.includes(s) ? s : "md";
+      let c = e.color && F.includes(e.color) ? e.color : "primary", p = m.value && _.includes(m.value) ? m.value : "simple";
       return e.action ? ((p === "float" || l.value) && (p = "icon"), o === "fill" && (o = "outline"), c = void 0) : p === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(c) || (c = "primary")), {
         size: g,
         type: o,
@@ -87,7 +88,7 @@ const F = "2xsm", De = /* @__PURE__ */ K({
         default:
           return "xsm";
       }
-    }), A = i(() => {
+    }), K = i(() => {
       switch (y.value) {
         case "sm":
           return "3xsm";
@@ -97,13 +98,17 @@ const F = "2xsm", De = /* @__PURE__ */ K({
         default:
           return "2xsm";
       }
-    }), x = i(() => e.href ? "a" : "button"), L = i(() => {
+    }), x = "2xsm", D = T(0), O = i(() => e.as ? e.as : e.href ? "a" : "button");
+    U(O, () => {
+      D.value++;
+    });
+    const L = i(() => {
       const o = {
         disabled: b.value
       };
       return e.href && (o.href = e.href, o.target = e.target), e.htmlType && (o.type = e.htmlType), e.hover && (o["data-hover"] = ""), o;
-    }), z = Q();
-    P({
+    }), z = T();
+    V({
       focus() {
         var o;
         (o = z.value) == null || o.focus();
@@ -113,7 +118,7 @@ const F = "2xsm", De = /* @__PURE__ */ K({
         (o = z.value) == null || o.blur();
       }
     });
-    const q = R, H = (o) => {
+    const q = w, H = (o) => {
       if (e.loading || e.disabled) {
         o.preventDefault(), o.stopPropagation();
         return;
@@ -126,44 +131,44 @@ const F = "2xsm", De = /* @__PURE__ */ K({
       if (e.action && e.active && !l.value) {
         const c = (o = t.badge) == null ? void 0 : o.call(t, {
           color: b.value ? "gray" : "primary",
-          size: F
+          size: x
         });
         if (!me(c)) return c;
-        const p = (s = t.badgeText) == null ? void 0 : s.call(t, {}), D = (g = t.badgeIcon) == null ? void 0 : g.call(t, {});
-        if (e.badgeText || p || e.badgeIcon || D)
-          return te(
-            ae,
+        const p = (s = t.badgeText) == null ? void 0 : s.call(t, {}), S = (g = t.badgeIcon) == null ? void 0 : g.call(t, {});
+        if (e.badgeText || p || e.badgeIcon || S)
+          return ne(
+            ie,
             {
               text: e.badgeText,
               icon: e.badgeIcon,
-              flipOnDir: N.value,
+              flipOnDir: j.value,
               color: b.value ? "gray" : "primary",
-              size: F
+              size: x
             },
             {
               default: p ? t.badgeText : void 0,
-              icon: D ? t.badgeIcon : void 0
+              icon: S ? t.badgeIcon : void 0
             }
           );
       }
       return null;
     };
-    return (o, s) => (u(), f(r(ie), U({
-      as: x.value,
-      key: String(x.value),
-      class: r(se)(r(G)(j.value), e.class),
+    return (o, s) => (u(), f(r(le), W({
+      as: O.value,
+      key: String(D.value),
+      class: r(ce)(r(ve)(A.value), e.class),
       ref_key: "buttonRef",
       ref: z
     }, L.value, { onClick: H }), {
       default: v(() => [
-        o.loading ? (u(), f(ne, {
+        o.loading ? (u(), f(ae, {
           key: 1,
-          class: oe(r(ce)(r(n), "loading")),
+          class: te(r(pe)(r(n), "loading")),
           size: B.value
-        }, null, 8, ["class", "size"])) : (u(), W(X, { key: 0 }, [
-          (o.preIcon || t.preIcon) && !l.value ? (u(), f(k, {
+        }, null, 8, ["class", "size"])) : (u(), X(Y, { key: 0 }, [
+          (o.preIcon || t.preIcon) && !l.value ? (u(), f(h, {
             key: 0,
-            flipOnDir: r(E),
+            flipOnDir: r(N),
             icon: o.preIcon,
             size: B.value
           }, {
@@ -171,24 +176,24 @@ const F = "2xsm", De = /* @__PURE__ */ K({
               I(o.$slots, "preIcon")
             ]),
             _: 3
-          }, 8, ["flipOnDir", "icon", "size"])) : O("", !0),
-          l.value ? (u(), f(k, {
+          }, 8, ["flipOnDir", "icon", "size"])) : C("", !0),
+          l.value ? (u(), f(h, {
             key: 1,
             icon: o.icon,
-            size: A.value,
-            flipOnDir: r(V)
+            size: K.value,
+            flipOnDir: r(E)
           }, {
             default: v(() => [
               I(o.$slots, "icon")
             ]),
             _: 3
           }, 8, ["icon", "size", "flipOnDir"])) : I(o.$slots, "default", { key: 2 }, () => [
-            Z(ee(o.text), 1)
+            ee(oe(o.text), 1)
           ]),
-          Y(J),
-          (o.postIcon || t.postIcon) && !l.value ? (u(), f(k, {
+          Z(J),
+          (o.postIcon || t.postIcon) && !l.value ? (u(), f(h, {
             key: 3,
-            flipOnDir: r(w),
+            flipOnDir: r(G),
             icon: o.postIcon,
             size: B.value
           }, {
@@ -196,7 +201,7 @@ const F = "2xsm", De = /* @__PURE__ */ K({
               I(o.$slots, "postIcon")
             ]),
             _: 3
-          }, 8, ["flipOnDir", "icon", "size"])) : O("", !0)
+          }, 8, ["flipOnDir", "icon", "size"])) : C("", !0)
         ], 64))
       ]),
       _: 3
@@ -204,5 +209,7 @@ const F = "2xsm", De = /* @__PURE__ */ K({
   }
 });
 export {
-  De as _
+  Se as _,
+  ve as a,
+  n as b
 };

package/dist/Button/Button.d.ts

@@ -9,6 +9,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
+                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
@@ -146,6 +147,7 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
+            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
             readonly size?: import('..').ButtonSize | undefined;

package/dist/Button/index.js

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-Mnltc7z6.js → Button.vue_vue_type_script_setup_true_lang-BQU4_Lua.js}

@@ -1,11 +1,12 @@
 import { defineComponent as c, useAttrs as l, computed as m, ref as f, createBlock as u, openBlock as d, mergeProps as b, createSlots as g, renderList as _, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as I } from "vue";
 import { omit as O } from "es-toolkit";
-import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-D8UQiapO.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-j05pPl4c.js";
 import { getComponentOptions as k } from "@pantograph/utils-vue";
 const P = /* @__PURE__ */ c({
   ...k("Button", !1),
   __name: "Button",
   props: {
+    as: {},
     class: {},
     text: {},
     size: {},

package/dist/Button.vue_vue_type_script_setup_true_lang-Cl6tKGGP.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-DPgYIiQ0.js"),_=require("@pantograph/utils-vue"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{as:{},class:{},text:{},size:{},color:{},noRing:{type:Boolean},type:{},loading:{type:Boolean},preIcon:{},postIcon:{},preIconFlipOnDir:{},postIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},setup(r,{expose:s}){const i=r,a=e.useAttrs(),c=e.computed(()=>({...p.omit(a,["variant","action","active","badgeText","badgeIcon","icon","flipOnDir","badgeIconFlipOnDir"]),...i})),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(u._sfc_main,e.mergeProps(c.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=f;

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-CyER8GOv.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-RsIsAz7Q.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-M_Tlbw68.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-ZhSubRCW.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-CyER8GOv.js → ColorPicker.vue_vue_type_style_index_0_lang-RsIsAz7Q.js}

@@ -1,7 +1,7 @@
 import { onUnmounted as d0, defineComponent as $t, onMounted as zt, onBeforeUnmount as c0, createElementBlock as Te, openBlock as K, normalizeClass as G, unref as _, createElementVNode as Ne, ref as en, computed as te, watch as h0, reactive as p0, createVNode as Wn, createCommentVNode as Bn, createBlock as nn, isRef as b0, Fragment as m0, renderList as g0 } from "vue";
-import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-D6GO-k30.js";
+import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-v9gNXyn5.js";
 import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-8xzs2Ugc.js";
-import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-Dh-a0ASP.js";
+import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-BVGpB085.js";
 import { getComponentOptions as y0, useVModel as Un } from "@pantograph/utils-vue";
 import { createContext as v0 } from "reka-ui";
 import { normCls as be, getBemElement as me, getBemBlock as k0, getBemModifier as Jn } from "@pantograph/utils";