@pantograph/vue 0.0.3 → 0.5.0

package/dist/BaseButton.vue_vue_type_style_index_0_lang-BLGNTber.js

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

package/dist/BaseButton.vue_vue_type_style_index_0_lang-HdsdAsR3.js

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

package/dist/Button/Button.d.ts

@@ -1,13 +1,157 @@
-import { BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type ButtonProps = Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text'>;
+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: Partial<Record<string, (_: any) => any>>;
-    refs: {};
+    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<ButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: 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"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

package/dist/Button/index.es.js

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

package/dist/Button.vue_vue_type_script_setup_true_lang-DMOtqE4k.js

@@ -0,0 +1,49 @@
+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 { g as I } from "./options-JBqnVZUl.js";
+const O = /* @__PURE__ */ i({
+  ...I("IconButton", !1),
+  __name: "Button",
+  props: {
+    as: {},
+    class: {},
+    type: {},
+    color: {},
+    loading: { type: Boolean },
+    preIcon: {},
+    postIcon: {},
+    size: {},
+    text: {}
+  },
+  setup(r, { expose: n }) {
+    const s = r, a = m(), c = u(() => ({
+      ...y(a, "variant", "icon", "action", "active", "badgeText"),
+      ...s
+    })), o = l();
+    return n({
+      focus() {
+        var e;
+        (e = o.value) == null || e.focus();
+      },
+      blur() {
+        var e;
+        (e = o.value) == null || e.blur();
+      }
+    }), (e, P) => (f(), _(C, d(c.value, {
+      variant: "simple",
+      ref_key: "buttonRef",
+      ref: o
+    }), b({ _: 2 }, [
+      g(Object.keys(e.$slots), (t) => ({
+        name: t,
+        fn: v((p) => [
+          B(e.$slots, t, k(x(p)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  O as _
+};

package/dist/Button.vue_vue_type_script_setup_true_lang-DNpM6F5j.js

@@ -0,0 +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;

package/dist/ButtonGroup/index.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-DmShg2d-.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-BSj1Y1j2.js");exports.ButtonGroup=t._sfc_main;exports.default=t._sfc_main;exports.injectButtonGroupContext=t.injectButtonGroupContext;exports.provideButtonGroupContext=t.provideButtonGroupContext;

package/dist/ButtonGroup/index.es.js

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

package/dist/ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js

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

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

@@ -1,9 +1,10 @@
 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 { createContext as g, Primitive as d } from "radix-vue";
-import { g as C, a as n, b as v, c as G } from "./options-B8rT2fg0.js";
+import { g as n, a as C, b as v } from "./class-DyU-Ox8D.js";
+import { g as G } from "./options-JBqnVZUl.js";
 import { cva as z } from "class-variance-authority";
-const V = ["simple", "icon", "float"], j = ["fill", "outline", "ghost"], E = ["primary", "danger", "success", "warning", "gray"], x = ["sm", "md", "lg"], _ = [...x, "none"], [L, y] = g("ButtonGroup"), O = /* @__PURE__ */ l({
-  ...C("ButtonGroup"),
+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({
+  ...G("ButtonGroup"),
   __name: "ButtonGroup",
   props: {
     as: { default: "div" },
@@ -11,10 +12,10 @@ const V = ["simple", "icon", "float"], j = ["fill", "outline", "ghost"], E = ["p
     size: { default: "md" },
     variant: { default: "simple" },
     gap: {},
-    split: { type: Boolean, default: !1 }
+    split: { type: Boolean, default: !0 }
   },
   setup(r) {
-    const t = r, i = G("button"), s = v(i, "group"), p = z(s, {
+    const t = r, i = v("button"), s = C(i, "group"), p = z(s, {
       variants: {
         gap: n(_, s),
         split: n("split", s)
@@ -41,11 +42,11 @@ const V = ["simple", "icon", "float"], j = ["fill", "outline", "ghost"], E = ["p
   }
 });
 export {
-  V as B,
-  O as _,
-  j as a,
-  E as b,
+  j as B,
+  P as _,
+  E as a,
+  L as b,
   x as c,
-  L as i,
+  O as i,
   y as p
 };

package/dist/Checkbox/Checkbox.d.ts

@@ -4,22 +4,15 @@ import { Class } from '../types';
 export interface CheckboxProps extends Omit<CheckboxRootProps, 'asChild'> {
     size?: CheckboxSize;
     class?: Class;
-    labelAs?: CheckboxRootProps['as'];
+    rootCls?: Class;
+    indicatorCls?: Class;
+    indeterminateCls?: Class;
+    labelCls?: Class;
     label?: string;
+    id?: string;
     valueAsLabel?: boolean;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {
-            checked: boolean | "indeterminate";
-            disabled: boolean | undefined;
-            required: boolean | undefined;
-        }): any;
-    };
-    refs: {};
-    rootEl: any;
-};
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<CheckboxProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     change: (value: boolean | "indeterminate") => any;
@@ -31,7 +24,6 @@ declare const __VLS_component: import('vue').DefineComponent<CheckboxProps, {},
     size: CheckboxSize;
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
     checked: boolean | "indeterminate";
-    labelAs: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
     valueAsLabel: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/Checkbox/Checkbox.model.d.ts

@@ -6,7 +6,6 @@ export declare const useColoredPantographCheckbox: (color: string) => {
     '--ptc-checkbox-bg-focus': string;
     '--ptc-checkbox-br-focus': string;
     '--ptc-checkbox-bg-active': string;
-    '--ptc-checkbox-shadow': string;
 };
 export declare const useColoredPantographCheckboxGroup: (color: string) => {
     '--ptc-group-checkbox-bg': string;
@@ -14,5 +13,4 @@ export declare const useColoredPantographCheckboxGroup: (color: string) => {
     '--ptc-group-checkbox-bg-focus': string;
     '--ptc-group-checkbox-br-focus': string;
     '--ptc-group-checkbox-bg-active': string;
-    '--ptc-group-checkbox-shadow': string;
 };

package/dist/Checkbox/index.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-BRJhkPIY.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-BQeNpCYy.js");exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;

package/dist/Checkbox/index.es.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-OQRmH46S.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-gsOfYgHe.js";
 export {
   e as Checkbox,
   s as CheckboxSizes,

package/dist/Checkbox.vue_vue_type_style_index_0_lang-BQeNpCYy.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),k=require("radix-vue"),p=require("@pantograph/tokens"),I=require("./Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),v=require("./class-CjZYGZDW.js"),L=require("class-variance-authority"),_=require("./options-B4iSAKol.js"),l=require("./omit-C_ZXwm9T.js"),$=["2xsm","xsm"],w=t=>({"--ptc-checkbox-bg":`var(--${p.prefixTokens}-${t}-5)`,"--ptc-checkbox-bg-hover":`var(--${p.prefixTokens}-${t}-4)`,"--ptc-checkbox-bg-focus":`var(--${p.prefixTokens}-${t}-6)`,"--ptc-checkbox-br-focus":`var(--${p.prefixTokens}-${t}-6)`,"--ptc-checkbox-bg-active":`var(--${p.prefixTokens}-${t}-7)`}),E=t=>({"--ptc-group-checkbox-bg":`var(--${p.prefixTokens}-${t}-5)`,"--ptc-group-checkbox-bg-hover":`var(--${p.prefixTokens}-${t}-4)`,"--ptc-group-checkbox-bg-focus":`var(--${p.prefixTokens}-${t}-6)`,"--ptc-group-checkbox-br-focus":`var(--${p.prefixTokens}-${t}-6)`,"--ptc-group-checkbox-bg-active":`var(--${p.prefixTokens}-${t}-7)`});function A(t,o,r,n){if(!l.isObject(t))return t;o=l.castPath(o,t);for(var s=-1,u=o.length,d=u-1,i=t;i!=null&&++s<u;){var c=l.toKey(o[s]),f=r;if(c==="__proto__"||c==="constructor"||c==="prototype")return t;if(s!=d){var h=i[c];f=void 0,f===void 0&&(f=l.isObject(h)?h:l.isIndex(o[s+1])?[]:{})}l.assignValue(i,c,f),i=i[c]}return t}function O(t,o,r){for(var n=-1,s=o.length,u={};++n<s;){var d=o[n],i=l.baseGet(t,d);r(i,d)&&A(u,l.castPath(d,t),i)}return u}function N(t,o){return t!=null&&o in Object(t)}function V(t,o,r){o=l.castPath(o,t);for(var n=-1,s=o.length,u=!1;++n<s;){var d=l.toKey(o[n]);if(!(u=t!=null&&r(t,d)))break;t=t[d]}return u||++n!=s?u:(s=t==null?0:t.length,!!s&&l.isLength(s)&&l.isIndex(d,s)&&(l.isArray(t)||l.isArguments(t)))}function R(t,o){return t!=null&&V(t,o,N)}function K(t,o){return O(t,o,function(r,n){return R(t,n)})}var D=l.flatRest(function(t,o){return t==null?{}:K(t,o)});const[z,P]=k.createContext("CheckboxGroup"),F=e.defineComponent({..._.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{asChild:{type:Boolean,default:!1},as:{},value:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:value","change"],setup(t,{emit:o}){const r=o,n=t,s=e.computed(()=>D(n,"asChild","as")),u=e.computed({get(){return n.value??[]},set(c){r("update:value",c),r("change",c)}}),d=e.computed(()=>n.size),i=e.computed(()=>n.disabled?!0:void 0);return P({model:u,size:d,disabled:i}),(c,f)=>(e.openBlock(),e.createBlock(e.unref(k.Primitive),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"default",{},()=>{var h;return[(h=c.options)!=null&&h.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(c.options,x=>(e.openBlock(),e.createBlock(y,e.mergeProps({key:x.value,ref_for:!0},x),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},16))}}),H=["for"],y=e.defineComponent({..._.getComponentOptions("Checkbox"),__name:"Checkbox",props:{size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultChecked:{type:Boolean},checked:{type:[Boolean,String],default:void 0},disabled:{type:Boolean},required:{type:Boolean},name:{},value:{},as:{default:"div"}},emits:["update:checked","change"],setup(t,{emit:o}){const r=v.getBemBlock("checkbox"),n=t,s=z({model:e.ref([]),size:e.computed(()=>n.size),disabled:e.computed(()=>n.disabled)}),u=o,d=e.useSlots(),i=e.ref(),c=a=>{var m,g;if(s.model.value&&n.value!==void 0){const B=(g=(m=s.model.value)==null?void 0:m.indexOf)==null?void 0:g.call(m,n.value);a&&B===-1?s.model.value=[...s.model.value,n.value]:!a&&B!==-1&&(s.model.value=s.model.value.filter(S=>S!==n.value))}else n.checked!==void 0?(u("update:checked",a),u("change",a)):i.value=a};e.watch(()=>[s.model,n.checked],()=>{var a,m;s.model.value&&n.value!==void 0?i.value=(m=(a=s.model.value)==null?void 0:a.includes)==null?void 0:m.call(a,n.value):i.value=n.checked},{immediate:!0,deep:!0});const f=e.computed(()=>n.id??k.useId(void 0,r)),h=e.computed(()=>({disabled:s.disabled.value??n.disabled,...l.omit(n,"size","class","label","as","disabled","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls")})),x=L.cva(r,{variants:{size:v.generateVariantClassList($,r)}}),b=e.computed(()=>n.label||d.default||n.value&&n.valueAsLabel),q=e.computed(()=>{if(n.label)return n.label;if(n.value&&n.valueAsLabel)return n.value}),T=e.computed(()=>({asChild:!b.value,as:n.as})),C=e.computed(()=>s.size.value??n.size),G=e.computed(()=>{switch(C.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}});return(a,m)=>(e.openBlock(),e.createBlock(e.unref(k.Primitive),e.mergeProps({key:b.value},T.value,{class:[{[e.unref(v.getBemElement)(e.unref(r),"root")]:b.value},b.value?a.rootCls:void 0]}),{default:e.withCtx(()=>[e.createVNode(e.unref(k.CheckboxRoot),e.mergeProps(h.value,{checked:i.value,id:f.value,"onUpdate:checked":c,class:[e.unref(x)({size:C.value}),n.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(k.CheckboxIndicator),{class:e.normalizeClass([e.unref(v.getBemElement)(e.unref(r),"indicator"),a.indicatorCls]),asChild:""},{default:e.withCtx(()=>[n.checked!="indeterminate"?(e.openBlock(),e.createBlock(I._sfc_main,{key:0,icon:"tabler:check",size:G.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass([e.unref(v.getBemElement)(e.unref(r),"indeterminate"),a.indeterminateCls])},null,2))]),_:1},8,["class"])]),_:1},16,["checked","id","class"]),b.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:f.value,class:e.normalizeClass([e.unref(v.getBemElement)(e.unref(r),"label"),a.labelCls])},[e.renderSlot(a.$slots,"default",{checked:a.checked,disabled:a.disabled,required:a.required},()=>[e.createTextVNode(e.toDisplayString(q.value),1)])],10,H)):e.createCommentVNode("",!0)]),_:3},16,["class"]))}});exports.CheckboxSizes=$;exports._sfc_main=y;exports._sfc_main$1=F;exports.injectCheckboxGroupContext=z;exports.provideCheckboxGroupContext=P;exports.useColoredPantographCheckbox=w;exports.useColoredPantographCheckboxGroup=E;