@pantograph/vue 0.10.1 → 0.10.3

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js → BaseBadge.vue_vue_type_style_index_0_lang-Bh1152XC.js}

@@ -1,11 +1,10 @@
-import { defineComponent as _, useSlots as C, computed as a, createBlock as u, openBlock as o, unref as r, normalizeStyle as h, normalizeClass as S, withCtx as m, createElementBlock as w, createCommentVNode as p, Fragment as V, renderSlot as f, createTextVNode as $, toDisplayString as I } from "vue";
-import { Primitive as N } from "radix-vue";
-import { g as P, a as i } from "./class-DziTeW9B.js";
+import { defineComponent as k, useSlots as _, computed as a, createElementBlock as c, openBlock as o, normalizeStyle as C, normalizeClass as h, unref as u, createCommentVNode as m, Fragment as S, createBlock as w, renderSlot as p, withCtx as V, createTextVNode as $, toDisplayString as I } from "vue";
+import { g as N, a as l } from "./class-DziTeW9B.js";
 import { cva as T } from "class-variance-authority";
 import { g as D } from "./options-JBqnVZUl.js";
 import "@iconify/vue";
 import { _ as E } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "minify"], J = [
+const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "minify"], G = [
   "primary",
   "red",
   "orange",
@@ -23,7 +22,7 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
   "fuchsia",
   "pink",
   "gray"
-], K = [
+], H = [
   "primary-subtle",
   "red-subtle",
   "orange-subtle",
@@ -41,7 +40,7 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
   "fuchsia-subtle",
   "pink-subtle",
   "gray-subtle"
-], M = /* @__PURE__ */ _({
+], J = /* @__PURE__ */ k({
   ...D("BaseBadge"),
   __name: "BaseBadge",
   props: {
@@ -52,23 +51,22 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
     fg: {},
     br: {},
     type: { default: "pill" },
-    icon: {},
-    as: { default: "div" }
+    icon: {}
   },
-  setup(y) {
-    const l = P("badge"), t = y, g = T(l, {
+  setup(f) {
+    const n = N("badge"), t = f, y = T(n, {
       variants: {
-        size: i(b, l),
-        type: i(d, l),
-        text: i("text", l),
-        icon: i("icon", l),
-        br: i("br", l)
+        size: l(b, n),
+        type: l(d, n),
+        text: l("text", n),
+        icon: l("icon", n),
+        br: l("br", n)
       }
-    }), n = C(), s = a(() => d.includes(t.type) ? t.type : "pill"), v = a(() => !!(t.text || n.default)), B = a(() => !!(t.icon || n.icon)), c = a(() => {
+    }), i = _(), s = a(() => d.includes(t.type) ? t.type : "pill"), g = a(() => !!(t.text || i.default)), v = a(() => !!(t.icon || i.icon)), r = a(() => {
       let e = b.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;
-    }), x = a(() => {
-      switch (c.value) {
+    }), B = a(() => {
+      switch (r.value) {
         case "sm":
           return "xsm";
         case "xsm":
@@ -79,51 +77,47 @@ const b = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], d = ["rect", "pill", "m
         default:
           return "sm";
       }
-    }), z = a(() => ({
-      size: c.value,
+    }), x = a(() => ({
+      size: r.value,
       // color,
       type: s.value,
-      text: v.value,
-      icon: B.value,
+      text: g.value,
+      icon: v.value,
       br: !!t.br
-    })), k = a(() => {
-      const e = n.icon ?? t.icon;
-      return t.type === "rect" && (n.default || t.text) ? !1 : e;
+    })), z = a(() => {
+      const e = i.icon ?? t.icon;
+      return t.type === "rect" && (i.default || t.text) ? !1 : e;
     });
-    return (e, F) => (o(), u(r(N), {
-      as: e.as,
-      class: S([r(g)(z.value), t.class]),
-      style: h({
+    return (e, F) => (o(), c("div", {
+      class: h([u(y)(x.value), t.class]),
+      style: C({
         "--ptc-badge-fg": t.fg,
         "--ptc-badge-bg": t.bg,
         "--ptc-badge-br": t.br
       })
-    }, {
-      default: m(() => [
-        s.value !== "minify" ? (o(), w(V, { key: 0 }, [
-          k.value ? (o(), u(r(E), {
-            key: 0,
-            icon: e.icon,
-            size: x.value
-          }, {
-            default: m(() => [
-              f(e.$slots, "icon")
-            ]),
-            _: 3
-          }, 8, ["icon", "size"])) : p("", !0),
-          f(e.$slots, "default", {}, () => [
-            $(I(e.text), 1)
-          ])
-        ], 64)) : p("", !0)
-      ]),
-      _: 3
-    }, 8, ["as", "class", "style"]));
+    }, [
+      s.value !== "minify" ? (o(), c(S, { key: 0 }, [
+        z.value ? (o(), w(u(E), {
+          key: 0,
+          icon: e.icon,
+          size: B.value
+        }, {
+          default: V(() => [
+            p(e.$slots, "icon")
+          ]),
+          _: 3
+        }, 8, ["icon", "size"])) : m("", !0),
+        p(e.$slots, "default", {}, () => [
+          $(I(e.text), 1)
+        ])
+      ], 64)) : m("", !0)
+    ], 6));
   }
 });
 export {
-  K as B,
-  M as _,
-  J as a,
+  H as B,
+  J as _,
+  G as a,
   b,
   d as c
 };

package/dist/BaseButton.vue_vue_type_style_index_0_lang-4ju_QUXH.js

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

package/dist/BaseButton.vue_vue_type_style_index_0_lang-CEY27kcT.js

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

package/dist/Button/Button.d.ts

@@ -1,10 +1,86 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type ButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text'>>;
+export type ButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text'>>;
 type ButtonSlots = Omit<BaseButtonSlots, 'icon' | 'badge'>;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "as" | "loading" | "preIcon" | "postIcon">>, {
+declare function __VLS_template(): {
+    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;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $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;
+            }, {}, 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;
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color")> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
+        }) | null;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "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, {}, any>, Readonly<ButtonSlots> & ButtonSlots>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "type" | "color" | "text" | "loading" | "preIcon" | "postIcon">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Button/index.js.js

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

package/dist/Button/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-7V57ztN4.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-BZ0h9oaW.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-DIj3gT2D.js → Button.vue_vue_type_script_setup_true_lang-BHumLt2E.js}

@@ -1,12 +1,11 @@
 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-BEkBWXra.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-BrQJfrgg.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-CEY27kcT.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ i({
   ...P("Button", !1),
   __name: "Button",
   props: {
-    as: {},
     class: {},
     type: {},
     color: {},
@@ -16,12 +15,12 @@ const O = /* @__PURE__ */ i({
     size: {},
     text: {}
   },
-  setup(r, { expose: s }) {
-    const n = r, a = m(), c = u(() => ({
+  setup(r, { expose: n }) {
+    const s = r, a = m(), c = u(() => ({
       ...y(a, "variant", "icon", "action", "active", "badgeText"),
-      ...n
+      ...s
     })), o = l();
-    return s({
+    return n({
       focus() {
         var e;
         (e = o.value) == null || e.focus();

package/dist/Button.vue_vue_type_script_setup_true_lang-BZ0h9oaW.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./omit-BKPbELUG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-4ju_QUXH.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{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/ButtonGroup/ButtonGroup.d.ts

@@ -1,9 +1,8 @@
 import { ButtonSize, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
-import { PrimitiveProps } from 'radix-vue';
 import { ComputedRef } from 'vue';
 import { Class } from '../types';
 declare const ButtonGroupGaps: readonly ["sm", "md", "lg", "none"];
-export type ButtonGroupProps = Omit<PrimitiveProps, 'asChild'> & {
+export type ButtonGroupProps = {
     class?: Class;
     size?: ButtonSize;
     variant?: ButtonVariant;
@@ -30,10 +29,9 @@ 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: "sm" | "md" | "lg";
+    size: ButtonSize;
     split: boolean;
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-    variant: "icon" | "simple" | "float";
+    variant: ButtonVariant;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/ButtonGroup/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-CdSgBboA.js";
+import { _ as u, _ as e, i as n, p } from "../ButtonGroup.vue_vue_type_script_setup_true_lang-CT_Kgpjf.js";
 export {
   u as ButtonGroup,
   e as default,

package/dist/ButtonGroup/index.umd.cjs.js

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

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-CT_Kgpjf.js

@@ -0,0 +1,47 @@
+import { defineComponent as i, computed as n, createElementBlock as l, openBlock as u, normalizeClass as c, unref as m, renderSlot as B } from "vue";
+import { b as f, a as e, g } from "./class-DziTeW9B.js";
+import { g as d } from "./options-JBqnVZUl.js";
+import { cva as C } from "class-variance-authority";
+import { createContext as v } from "radix-vue";
+const S = ["simple", "icon", "float"], V = ["fill", "outline", "ghost"], j = ["primary", "danger", "success", "warning", "gray"], G = ["sm", "md", "lg"], z = [...G, "none"], [w, x] = v("ButtonGroup"), L = /* @__PURE__ */ i({
+  ...d("ButtonGroup"),
+  __name: "ButtonGroup",
+  props: {
+    class: {},
+    size: { default: "md" },
+    variant: { default: "simple" },
+    gap: {},
+    split: { type: Boolean, default: !0 }
+  },
+  setup(a) {
+    const t = a, r = g("button"), o = f(r, "group"), p = C(o, {
+      variants: {
+        gap: e(z, o),
+        split: e("split", o)
+      }
+    });
+    return x({
+      size: n(() => t.size),
+      variant: n(() => t.variant)
+    }), (s, _) => (u(), l("div", {
+      class: c([
+        m(p)({
+          gap: t.gap ?? t.size,
+          split: s.split
+        }),
+        t.class
+      ])
+    }, [
+      B(s.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  S as B,
+  L as _,
+  V as a,
+  j as b,
+  G as c,
+  w as i,
+  x as p
+};

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-D486_o-Z.js

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

package/dist/Checkbox/Checkbox.d.ts

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

package/dist/Checkbox/index.js.js

@@ -1,4 +1,4 @@
-import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-DNlvOQmv.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-CSmeTeZh.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

package/dist/Checkbox/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-C6Mdufam.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-D0sF0-hW.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;