@pantograph/vue 0.6.4 → 0.6.6

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

@@ -1,6 +1,8 @@
 import { PrimitiveProps } from 'radix-vue';
 import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
 import { Class } from '../../types';
+import { BadgeSize } from '../BaseBadge/BaseBadge.model';
+import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
 export interface BaseButtonProps extends Omit<PrimitiveProps, 'asChild'> {
     class?: Class;
     text?: string | number;
@@ -18,13 +20,60 @@ export interface BaseButtonProps extends Omit<PrimitiveProps, 'asChild'> {
     postIcon?: string;
 }
 export interface BaseButtonSlots {
-    default?: (props: object) => never;
-    preIcon?: (props: object) => never;
-    icon?: (props: object) => never;
-    badge?: (props: object) => never;
-    postIcon?: (props: object) => never;
+    default?: () => never;
+    preIcon?: () => never;
+    icon?: () => never;
+    badge?: (props?: {
+        color: 'gray' | 'primary';
+        size: BadgeSize;
+    }) => never;
+    badgeText?: () => never;
+    badgeIcon?: BaseBadgeSlots['icon'];
+    postIcon?: () => never;
 }
-declare function __VLS_template(): any;
+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('radix-vue').AsTag | import('vue').Component>;
+                default: string;
+            };
+        }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            asChild: boolean;
+            as: import('radix-vue').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('radix-vue').AsTag | import('vue').Component>;
+                default: string;
+            };
+        }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+            [key: string]: any;
+        }>, {}, {}, {}, {
+            asChild: boolean;
+            as: import('radix-vue').AsTag | import('vue').Component;
+        }> | null;
+    };
+    rootEl: any;
+};
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
     focus(): void;
@@ -32,8 +81,45 @@ 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;
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
+    as: import('radix-vue').AsTag | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        asChild: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        as: {
+            type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
+            default: string;
+        };
+    }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        asChild: boolean;
+        as: import('radix-vue').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('radix-vue').AsTag | import('vue').Component>;
+            default: string;
+        };
+    }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+        [key: string]: any;
+    }>, {}, {}, {}, {
+        asChild: boolean;
+        as: import('radix-vue').AsTag | import('vue').Component;
+    }> | null;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/Base/Primitive.d.ts

@@ -0,0 +1,39 @@
+import { Component, PropType } from 'vue';
+export type AsTag = 'a' | 'button' | 'div' | 'form' | 'h2' | 'h3' | 'img' | 'input' | 'label' | 'li' | 'nav' | 'ol' | 'p' | 'span' | 'svg' | 'ul' | 'template' | ({} & string);
+export interface PrimitiveProps {
+    /**
+     * Change the Menu rendered element for the one passed as a child, merging their props and behavior.
+     *
+     * Read our [Composition](https://www.radix-vue.com/guides/composition.html) guide for more details.
+     */
+    asChild?: boolean;
+    /**
+     * The element or component this component should render as. Can be overwritten by `asChild`.
+     * @defaultValue "div"
+     */
+    as?: AsTag | Component;
+}
+export declare const Primitive: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    asChild: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    as: {
+        type: PropType<AsTag | Component>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    asChild: boolean;
+    as: Component | AsTag;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/Base/Slot.d.ts

@@ -0,0 +1,6 @@
+import { VNode } from 'vue';
+export declare const Slot: import('vue').DefineComponent<{}, () => VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-Cr9n5QQC.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),C=require("radix-vue"),o=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),k=require("./options-B4iSAKol.js");require("@iconify/vue");const V=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),l=["2xsm","xsm","sm","md","tiny","tinier"],c=["rect","pill","minify"],p=["primary","blue","red","orange","yellow","lime","violet","gray","teal","green","sky","cyan","pink","amber","fuchsia"],u=["bold","subtle"],S=e.defineComponent({...k.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},color:{default:"primary"},type:{default:"pill"},mode:{default:"bold"},icon:{},as:{default:"div"}},setup(f){const a=o.getBemBlock("badge"),s=f,d=[...p,"none"],y=z.cva(a,{variants:{size:o.generateVariantClassList(l,a),type:o.generateVariantClassList(c,a),color:o.generateVariantClassList(d,a),mode:o.generateVariantClassList(u,a),text:o.generateVariantClassList("text",a),icon:o.generateVariantClassList("icon",a)}}),i=e.useSlots(),n=e.computed(()=>c.includes(s.type)?s.type:"pill"),g=e.computed(()=>!!(s.text||i.default)),v=e.computed(()=>!!(s.icon||i.icon)),m=e.computed(()=>{let t=l.includes(s.size)?s.size:"md";return t==="sm"&&n.value!=="rect"?n.value==="minify"?t="tiny":n.value==="pill"&&(t="md"):n.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":n.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),B=e.computed(()=>{switch(m.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),_=e.computed(()=>{const t=u.includes(s.mode)?s.mode:"bold";let r=d.includes(s.color)?s.color:"primary";return r==="none"&&n.value!=="rect"&&(r="primary"),{size:m.value,color:r,mode:t,type:n.value,text:g.value,icon:v.value}}),x=e.computed(()=>{const t=s.icon??i.icon;return s.type==="rect"&&(i.default||s.text)?!1:t});return(t,r)=>(e.openBlock(),e.createBlock(e.unref(C.Primitive),{as:t.as,class:e.normalizeClass([e.unref(y)(_.value),s.class])},{default:e.withCtx(()=>[n.value!=="minify"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[x.value?(e.openBlock(),e.createBlock(e.unref(V._sfc_main),{key:0,icon:t.icon,size:B.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],64)):e.createCommentVNode("",!0)]),_:3},8,["as","class"]))}});exports.BadgeColors=p;exports.BadgeModes=u;exports.BadgeSizes=l;exports.BadgeTypes=c;exports._sfc_main=S;

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-CHhhflIH.js → BaseBadge.vue_vue_type_style_index_0_lang-DBW85mbj.js}

@@ -1,9 +1,10 @@
-import { defineComponent as h, useSlots as w, computed as n, openBlock as r, createBlock as u, unref as d, normalizeClass as V, withCtx as f, createElementBlock as $, Fragment as I, renderSlot as p, createCommentVNode as y, createTextVNode as N, toDisplayString as P } from "vue";
+import { defineComponent as h, useSlots as w, computed as i, createBlock as d, openBlock as r, unref as c, normalizeClass as V, withCtx as p, createElementBlock as $, createCommentVNode as f, Fragment as I, renderSlot as y, createTextVNode as N, toDisplayString as P } from "vue";
 import { Primitive as T } from "radix-vue";
-import { g as i, b as D } from "./class-DyU-Ox8D.js";
+import { g as D, a as n } from "./class-DziTeW9B.js";
 import { cva as E } from "class-variance-authority";
-import { _ as F } from "./Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
-import { g as L } from "./options-JBqnVZUl.js";
+import { g as F } from "./options-JBqnVZUl.js";
+import "@iconify/vue";
+import { _ as L } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
 const v = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], g = ["rect", "pill", "minify"], M = [
   "primary",
   "blue",
@@ -20,8 +21,8 @@ const v = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], g = ["rect", "pill", "m
   "pink",
   "amber",
   "fuchsia"
-], B = ["bold", "subtle"], J = /* @__PURE__ */ h({
-  ...L("BaseBadge"),
+], B = ["bold", "subtle"], K = /* @__PURE__ */ h({
+  ...F("BaseBadge"),
   __name: "BaseBadge",
   props: {
     size: { default: "md" },
@@ -34,20 +35,20 @@ const v = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], g = ["rect", "pill", "m
     as: { default: "div" }
   },
   setup(x) {
-    const o = D("badge"), t = x, c = [...M, "none"], z = E(o, {
+    const o = D("badge"), t = x, m = [...M, "none"], z = E(o, {
       variants: {
-        size: i(v, o),
-        type: i(g, o),
-        color: i(c, o),
-        mode: i(B, o),
-        text: i("text", o),
-        icon: i("icon", o)
+        size: n(v, o),
+        type: n(g, o),
+        color: n(m, o),
+        mode: n(B, o),
+        text: n("text", o),
+        icon: n("icon", o)
       }
-    }), a = w(), s = n(() => g.includes(t.type) ? t.type : "pill"), _ = n(() => !!(t.text || a.default)), b = n(() => !!(t.icon || a.icon)), m = n(() => {
+    }), a = w(), s = i(() => g.includes(t.type) ? t.type : "pill"), _ = i(() => !!(t.text || a.default)), C = i(() => !!(t.icon || a.icon)), u = i(() => {
       let e = v.includes(t.size) ? t.size : "md";
       return e === "sm" && s.value !== "rect" ? s.value === "minify" ? e = "tiny" : s.value === "pill" && (e = "md") : s.value === "minify" && !["tiny", "tinier"].includes(e) ? e = "tiny" : s.value !== "minify" && ["tiny", "tinier"].includes(e) && (e = "md"), e;
-    }), C = n(() => {
-      switch (m.value) {
+    }), b = i(() => {
+      switch (u.value) {
         case "sm":
           return "xsm";
         case "xsm":
@@ -58,41 +59,41 @@ const v = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], g = ["rect", "pill", "m
         default:
           return "sm";
       }
-    }), k = n(() => {
+    }), k = i(() => {
       const e = B.includes(t.mode) ? t.mode : "bold";
-      let l = c.includes(t.color) ? t.color : "primary";
+      let l = m.includes(t.color) ? t.color : "primary";
       return l === "none" && s.value !== "rect" && (l = "primary"), {
-        size: m.value,
+        size: u.value,
         color: l,
         mode: e,
         type: s.value,
         text: _.value,
-        icon: b.value
+        icon: C.value
       };
-    }), S = n(() => {
+    }), S = i(() => {
       const e = t.icon ?? a.icon;
       return t.type === "rect" && (a.default || t.text) ? !1 : e;
     });
-    return (e, l) => (r(), u(d(T), {
+    return (e, l) => (r(), d(c(T), {
       as: e.as,
-      class: V([d(z)(k.value), t.class])
+      class: V([c(z)(k.value), t.class])
     }, {
-      default: f(() => [
+      default: p(() => [
         s.value !== "minify" ? (r(), $(I, { key: 0 }, [
-          S.value ? (r(), u(F, {
+          S.value ? (r(), d(c(L), {
             key: 0,
             icon: e.icon,
-            size: C.value
+            size: b.value
           }, {
-            default: f(() => [
-              p(e.$slots, "icon")
+            default: p(() => [
+              y(e.$slots, "icon")
             ]),
             _: 3
-          }, 8, ["icon", "size"])) : y("", !0),
-          p(e.$slots, "default", {}, () => [
+          }, 8, ["icon", "size"])) : f("", !0),
+          y(e.$slots, "default", {}, () => [
             N(P(e.text), 1)
           ])
-        ], 64)) : y("", !0)
+        ], 64)) : f("", !0)
       ]),
       _: 3
     }, 8, ["as", "class"]));
@@ -100,7 +101,7 @@ const v = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], g = ["rect", "pill", "m
 });
 export {
   v as B,
-  J as _,
+  K as _,
   g as a,
   M as b,
   B as c

package/dist/BaseButton.vue_vue_type_style_index_0_lang-BaS_JGCX.js

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

package/dist/BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js

@@ -0,0 +1,159 @@
+import { defineComponent as E, computed as i, useSlots as j, ref as A, createBlock as u, openBlock as l, unref as v, normalizeClass as k, withCtx as c, createElementBlock as D, Fragment as F, createCommentVNode as z, renderSlot as r, createTextVNode as G, toDisplayString as L, normalizeProps as $, mergeProps as O, createVNode as _, guardReactiveProps as q } from "vue";
+import { Primitive as H } from "radix-vue";
+import { _ as b } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
+import { _ as J } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
+import { _ as K } from "./Badge.vue_vue_type_script_setup_true_lang-DrLIHHCe.js";
+import { i as M, a as C, c as S, b as T, B as h } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js";
+import { g as Q, a, b as U } from "./class-DziTeW9B.js";
+import { cva as W } from "class-variance-authority";
+import { g as X } from "./options-JBqnVZUl.js";
+const x = "2xsm", re = /* @__PURE__ */ E({
+  ...X("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: {},
+    as: { default: "button" }
+  },
+  setup(P, { expose: V }) {
+    const o = P, t = Q("button"), w = W(t, {
+      variants: {
+        size: a(S, t),
+        type: a(C, t),
+        color: a(T, t),
+        variant: a(h, t),
+        action: a("action", t),
+        active: a("active", t),
+        text: a("text", t),
+        preIcon: a("preIcon", t),
+        postIcon: a("postIcon", t),
+        loading: a("loading", t)
+      }
+    }), B = M({
+      size: i(() => o.size),
+      variant: i(() => o.variant)
+    }), p = i(() => o.variant ?? B.variant.value ?? "simple"), s = i(() => ["icon", "float"].includes(p.value)), n = j(), N = i(() => {
+      let e = C.includes(o.type) ? o.type : "fill";
+      const m = o.size ?? B.size.value, y = m && S.includes(m) ? m : "md";
+      let d = o.color && T.includes(o.color) ? o.color : "primary", f = p.value && h.includes(p.value) ? p.value : "simple";
+      return o.action ? (f === "float" && (f = "icon"), e === "fill" && (e = "outline"), d = void 0) : f === "float" && (e === "ghost" && (e = "fill"), ["primary", "gray"].includes(d) || (d = "primary")), {
+        size: y,
+        type: e,
+        color: d,
+        variant: f,
+        action: o.action,
+        active: o.active,
+        loading: o.loading,
+        text: !s.value && !!(o.text || n.default),
+        preIcon: !s.value && !!(o.preIcon || n.preIcon),
+        postIcon: !s.value && !!(o.postIcon || n.postIcon)
+      };
+    }), g = i(() => {
+      switch (o.size) {
+        case "sm":
+          return "3xsm";
+        default:
+          return "2xsm";
+      }
+    }), R = i(() => {
+      switch (o.size) {
+        case "sm":
+          return "3xsm";
+        case "lg":
+          return "xsm";
+        case "md":
+        default:
+          return "2xsm";
+      }
+    }), I = A();
+    return V({
+      focus() {
+        var e;
+        (e = I.value) == null || e.focus();
+      },
+      blur() {
+        var e;
+        (e = I.value) == null || e.blur();
+      }
+    }), (e, m) => (l(), u(v(H), {
+      as: e.as,
+      class: k([v(w)(N.value), o.class]),
+      tabindex: "0",
+      ref_key: "buttonRef",
+      ref: I
+    }, {
+      default: c(() => [
+        e.loading ? (l(), u(J, {
+          key: 1,
+          class: k(v(U)(v(t), "loading")),
+          size: g.value
+        }, null, 8, ["class", "size"])) : (l(), D(F, { key: 0 }, [
+          (e.preIcon || n.preIcon) && !s.value ? (l(), u(b, {
+            key: 0,
+            icon: e.preIcon,
+            size: g.value
+          }, {
+            default: c(() => [
+              r(e.$slots, "preIcon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : z("", !0),
+          s.value ? (l(), u(b, {
+            key: 1,
+            icon: e.icon,
+            size: R.value
+          }, {
+            default: c(() => [
+              r(e.$slots, "icon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : r(e.$slots, "default", { key: 2 }, () => [
+            G(L(e.text), 1)
+          ]),
+          e.action && e.active && !s.value && (e.badgeText || n.badgeText || e.badgeIcon || n.badgeIcon) ? r(e.$slots, "badge", $(O({ key: 3 }, { color: e.$attrs.disabled ? "gray" : "primary", size: x })), () => [
+            _(K, {
+              text: e.badgeText,
+              icon: e.badgeIcon,
+              color: e.$attrs.disabled ? "gray" : "primary",
+              size: x
+            }, {
+              default: c(() => [
+                r(e.$slots, "badgeText")
+              ]),
+              icon: c((y) => [
+                r(e.$slots, "badgeIcon", $(q(y)))
+              ]),
+              _: 3
+            }, 8, ["text", "icon", "color"])
+          ]) : z("", !0),
+          (e.postIcon || n.postIcon) && !s.value ? (l(), u(b, {
+            key: 4,
+            icon: e.postIcon,
+            size: g.value
+          }, {
+            default: c(() => [
+              r(e.$slots, "postIcon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : z("", !0)
+        ], 64))
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  re as _
+};