@pantograph/vue 0.6.5 → 0.7.0

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,23 +20,25 @@ 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;
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseButtonProps, {
     focus(): void;
     blur(): void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{}>, {
-    type: ButtonType;
-    color: ButtonColor;
+    type: "fill" | "outline" | "ghost";
+    color: "primary" | "gray" | "danger" | "success" | "warning";
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseButtonSlots> & BaseButtonSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Base/Primitive.d.ts

@@ -19,7 +19,7 @@ export declare const Primitive: import('vue').DefineComponent<import('vue').Extr
         default: boolean;
     };
     as: {
-        type: PropType<AsTag | Component>;
+        type: PropType<Component | AsTag>;
         default: string;
     };
 }>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
@@ -30,7 +30,7 @@ export declare const Primitive: import('vue').DefineComponent<import('vue').Extr
         default: boolean;
     };
     as: {
-        type: PropType<AsTag | Component>;
+        type: PropType<Component | AsTag>;
         default: string;
     };
 }>> & Readonly<{}>, {

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 _
+};

package/dist/Button/Button.d.ts

@@ -1,158 +1,10 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
 export type ButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text'>>;
 type ButtonSlots = Omit<BaseButtonSlots, 'icon' | 'badge'>;
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<ButtonSlots> & ButtonSlots;
-    refs: {
-        buttonRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-                readonly text?: (string | number) | undefined;
-                readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
-                readonly color?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
-                readonly type?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
-                readonly variant?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonVariant | undefined;
-                readonly loading?: boolean | undefined;
-                readonly action?: boolean | undefined;
-                readonly active?: boolean | undefined;
-                readonly badgeText?: string | undefined;
-                readonly badgeIcon?: string | undefined;
-                readonly icon?: string | undefined;
-                readonly preIcon?: string | undefined;
-                readonly postIcon?: string | undefined;
-                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: any;
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
-                focus(): void;
-                blur(): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-                color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-                as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import('vue').nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-        } & Readonly<{
-            type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-            color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-            focus(): void;
-            blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
-        }) | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    buttonRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-            readonly text?: (string | number) | undefined;
-            readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
-            readonly color?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
-            readonly type?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
-            readonly variant?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonVariant | undefined;
-            readonly loading?: boolean | undefined;
-            readonly action?: boolean | undefined;
-            readonly active?: boolean | undefined;
-            readonly badgeText?: string | undefined;
-            readonly badgeIcon?: string | undefined;
-            readonly icon?: string | undefined;
-            readonly preIcon?: string | undefined;
-            readonly postIcon?: string | undefined;
-            readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: any;
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
-            focus(): void;
-            blur(): void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-            color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $nextTick: typeof import('vue').nextTick;
-        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
-    } & Readonly<{
-        type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
-        color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
-        as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-        focus(): void;
-        blur(): void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
-    }) | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<ButtonSlots> & ButtonSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Button/{index.es.js → index.js.js}

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-DMOtqE4k.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CVePGLAE.js";
 export {
   o as Button,
   e as default

package/dist/Button/{index.cjs.js → index.umd.cjs.js}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Button.vue_vue_type_script_setup_true_lang-DNpM6F5j.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-BjTrpQi-.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-DNpM6F5j.js → Button.vue_vue_type_script_setup_true_lang-BjTrpQi-.js}

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-DMOtqE4k.js → Button.vue_vue_type_script_setup_true_lang-CVePGLAE.js}

@@ -1,6 +1,6 @@
-import { defineComponent as i, useAttrs as m, computed as u, ref as l, openBlock as f, createBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
-import { o as y } from "./omit-DtumnYm5.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-BLGNTber.js";
+import { defineComponent as i, useAttrs as m, computed as u, ref as l, createBlock as f, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
+import { o as y } from "./omit-Cxaoa8oo.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
 import { g as I } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ i({
   ...I("IconButton", !1),
@@ -30,7 +30,7 @@ const O = /* @__PURE__ */ i({
         var e;
         (e = o.value) == null || e.blur();
       }
-    }), (e, P) => (f(), _(C, d(c.value, {
+    }), (e, P) => (_(), f(C, d(c.value, {
       variant: "simple",
       ref_key: "buttonRef",
       ref: o

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -30,10 +30,10 @@ export declare const injectButtonGroupContext: <T extends {
     variant: ComputedRef<ButtonVariant | undefined>;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ButtonGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonGroupProps> & Readonly<{}>, {
-    size: ButtonSize;
+    size: "sm" | "md" | "lg";
     split: boolean;
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-    variant: ButtonVariant;
+    variant: "icon" | "simple" | "float";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/ButtonGroup/{index.es.js → index.js.js}

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

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-DBq7tYaO.js → ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js}

@@ -1,6 +1,6 @@
-import { defineComponent as l, computed as a, openBlock as u, createBlock as c, unref as e, normalizeClass as m, withCtx as f, renderSlot as B } from "vue";
+import { defineComponent as l, computed as a, createBlock as u, openBlock as c, unref as e, normalizeClass as m, withCtx as f, renderSlot as B } from "vue";
 import { createContext as g, Primitive as d } from "radix-vue";
-import { g as n, a as C, b as v } from "./class-DyU-Ox8D.js";
+import { b as C, a as n, g as v } from "./class-DziTeW9B.js";
 import { g as G } from "./options-JBqnVZUl.js";
 import { cva as z } from "class-variance-authority";
 const j = ["simple", "icon", "float"], E = ["fill", "outline", "ghost"], L = ["primary", "danger", "success", "warning", "gray"], x = ["sm", "md", "lg"], _ = [...x, "none"], [O, y] = g("ButtonGroup"), P = /* @__PURE__ */ l({
@@ -24,7 +24,7 @@ const j = ["simple", "icon", "float"], E = ["fill", "outline", "ghost"], L = ["p
     return y({
       size: a(() => t.size),
       variant: a(() => t.variant)
-    }), (o, b) => (u(), c(e(d), {
+    }), (o, b) => (c(), u(e(d), {
       as: o.as,
       class: m([
         e(p)({