@pantograph/vue 0.23.32 → 0.23.35

package/dist/BaseButton.vue_vue_type_style_index_0_lang-Cc9byFK5.js

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-BPityrBM.js → BaseButton.vue_vue_type_style_index_0_lang-favf_C7t.js}

@@ -1,22 +1,23 @@
-import { defineComponent as K, computed as i, useSlots as M, ref as Q, createBlock as u, openBlock as c, unref as s, mergeProps as h, withCtx as p, createElementBlock as U, Fragment as W, createCommentVNode as z, renderSlot as r, createTextVNode as X, toDisplayString as Y, normalizeProps as Z, createVNode as ee, createSlots as oe, normalizeClass as te } from "vue";
-import { k } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as ne } from "./Spinner.vue_vue_type_style_index_0_lang-CAgX6rYO.js";
-import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-xUkbs4Ce.js";
+import { defineComponent as K, computed as s, useSlots as M, ref as Q, createBlock as u, openBlock as c, unref as i, mergeProps as h, withCtx as p, createElementBlock as U, Fragment as W, createCommentVNode as z, renderSlot as r, createTextVNode as X, toDisplayString as Y, normalizeProps as Z, createVNode as ee, createSlots as oe, normalizeClass as te } from "vue";
+import { k } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { _ as ne } from "./Spinner.vue_vue_type_style_index_0_lang-BacaASPe.js";
+import { _ as ae } from "./Badge.vue_vue_type_script_setup_true_lang-C6x4r-P7.js";
 import { Primitive as ie } from "reka-ui";
-import { B as x, a as C, b as S, c as T, i as se } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CF56RzMa.js";
-import { getBemBlock as le, generateVariantClassList as a, getBemElement as re } from "@pantograph/utils";
-import { cva as ce } from "class-variance-authority";
-import { g as pe } from "./options-D4et5euX.js";
-import { u as ue } from "./index-C7THkhcc.js";
-import { u as fe } from "./useInputDataStates-BqxUx2nG.js";
-const $ = "2xsm", Oe = /* @__PURE__ */ K({
-  ...pe("BaseButton"),
+import { B as x, a as C, b as S, c as T, i as se } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-BflgAkUi.js";
+import { getBemBlock as le, generateVariantClassList as a, normCls as re, getBemElement as ce } from "@pantograph/utils";
+import { cva as pe } from "class-variance-authority";
+import { g as ue } from "./options-Bh1s18jm.js";
+import { u as fe } from "./index-BTuMaS--.js";
+import { u as me } from "./useInputDataStates-CJoP9BXy.js";
+const $ = "2xsm", he = /* @__PURE__ */ K({
+  ...ue("BaseButton"),
   __name: "BaseButton",
   props: {
     class: {},
     text: {},
     size: {},
     color: { default: "primary" },
+    noRing: { type: Boolean },
     type: { default: "fill" },
     variant: {},
     loading: { type: Boolean },
@@ -39,7 +40,7 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
   },
   emits: ["click"],
   setup(F, { expose: P, emit: _ }) {
-    const o = F, { getFlipOnDir: f } = ue(), V = f("flipOnDir"), w = f("preIconFlipOnDir"), N = f("postIconFlipOnDir"), E = f("badgeIconFlipOnDir"), t = le("button"), R = ce(t, {
+    const o = F, { getFlipOnDir: f } = fe(), R = f("flipOnDir"), V = f("preIconFlipOnDir"), w = f("postIconFlipOnDir"), N = f("badgeIconFlipOnDir"), t = le("button"), E = pe(t, {
       variants: {
         size: a(T, t),
         type: a(S, t),
@@ -51,16 +52,17 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
         preIcon: a("preIcon", t),
         postIcon: a("postIcon", t),
         loading: a("loading", t),
-        block: a("block", t)
+        block: a("block", t),
+        noRing: a("no-ring", t)
       }
     }), D = se({
-      size: i(() => o.size),
-      variant: i(() => o.variant)
-    }), m = i(() => o.variant ?? D.variant.value ?? "simple"), l = i(
+      size: s(() => o.size),
+      variant: s(() => o.variant)
+    }), m = s(() => o.variant ?? D.variant.value ?? "simple"), l = s(
       () => ["icon", "float"].includes(m.value) || (n.icon || o.icon) && !(o.text || n.default || o.preIcon || n.preIcon || o.postIcon || n.postIcon)
-    ), j = i(
+    ), j = s(
       () => o.action && o.active && !l && (o.badgeText || n.badgeText || o.badgeIcon || n.badgeIcon)
-    ), n = M(), { getDisabled: I, getSize: y } = fe({ getSize: () => o.size ?? D.size.value }), A = i(() => {
+    ), n = M(), { getDisabled: I, getSize: y } = me({ getSize: () => o.size ?? D.size.value }), A = s(() => {
       let e = S.includes(o.type) ? o.type : "fill";
       const d = y.value, J = d && T.includes(d) ? d : "md";
       let g = o.color && C.includes(o.color) ? o.color : "primary", v = m.value && x.includes(m.value) ? m.value : "simple";
@@ -73,11 +75,12 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
         active: !!o.active,
         loading: !!o.loading,
         block: !!o.block,
+        noRing: !!o.noRing,
         text: !l.value && !!(o.text || n.default),
         preIcon: !l.value && !!(o.preIcon || n.preIcon),
         postIcon: !l.value && !!(o.postIcon || n.postIcon)
       };
-    }), b = i(() => {
+    }), b = s(() => {
       switch (y.value) {
         case "lg":
           return "sm";
@@ -86,7 +89,7 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
         default:
           return "xsm";
       }
-    }), G = i(() => {
+    }), G = s(() => {
       switch (y.value) {
         case "sm":
           return "3xsm";
@@ -96,7 +99,7 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
         default:
           return "2xsm";
       }
-    }), O = i(() => o.href ? "a" : "button"), L = i(() => {
+    }), O = s(() => o.href ? "a" : "button"), L = s(() => {
       const e = {
         disabled: I.value
       };
@@ -119,22 +122,22 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
       }
       q("click", e);
     };
-    return (e, d) => (c(), u(s(ie), h({
+    return (e, d) => (c(), u(i(ie), h({
       as: O.value,
       key: String(O.value),
-      class: [s(R)(A.value), o.class],
+      class: i(re)(i(E)(A.value), o.class),
       ref_key: "buttonRef",
       ref: B
     }, L.value, { onClick: H }), {
       default: p(() => [
         e.loading ? (c(), u(ne, {
           key: 1,
-          class: te(s(re)(s(t), "loading")),
+          class: te(i(ce)(i(t), "loading")),
           size: b.value
         }, null, 8, ["class", "size"])) : (c(), U(W, { key: 0 }, [
           (e.preIcon || n.preIcon) && !l.value ? (c(), u(k, {
             key: 0,
-            flipOnDir: s(w),
+            flipOnDir: i(V),
             icon: e.preIcon,
             size: b.value
           }, {
@@ -147,7 +150,7 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
             key: 1,
             icon: e.icon,
             size: G.value,
-            flipOnDir: s(V)
+            flipOnDir: i(R)
           }, {
             default: p(() => [
               r(e.$slots, "icon")
@@ -156,12 +159,12 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
           }, 8, ["icon", "size", "flipOnDir"])) : r(e.$slots, "default", { key: 2 }, () => [
             X(Y(e.text), 1)
           ]),
-          j.value ? r(e.$slots, "badge", Z(h({ key: 3 }, { color: s(I) ? "gray" : "primary", size: $ })), () => [
+          j.value ? r(e.$slots, "badge", Z(h({ key: 3 }, { color: i(I) ? "gray" : "primary", size: $ })), () => [
             ee(ae, {
               text: e.badgeText,
               icon: e.badgeIcon,
-              flipOnDir: s(E),
-              color: s(I) ? "gray" : "primary",
+              flipOnDir: i(N),
+              color: i(I) ? "gray" : "primary",
               size: $
             }, oe({ _: 2 }, [
               n.badgeText ? {
@@ -182,7 +185,7 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
           ]) : z("", !0),
           (e.postIcon || n.postIcon) && !l.value ? (c(), u(k, {
             key: 4,
-            flipOnDir: s(N),
+            flipOnDir: i(w),
             icon: e.postIcon,
             size: b.value
           }, {
@@ -198,5 +201,5 @@ const $ = "2xsm", Oe = /* @__PURE__ */ K({
   }
 });
 export {
-  Oe as _
+  he as _
 };

package/dist/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type ButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'block' | 'htmlType' | 'postIconFlipOnDir' | 'preIconFlipOnDir'>>;
+export type ButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'noRing' | 'color' | 'loading' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'block' | 'htmlType' | 'postIconFlipOnDir' | 'preIconFlipOnDir'>>;
 type ButtonSlots = Omit<BaseButtonSlots, 'icon' | 'badge'>;
 declare function __VLS_template(): {
     slots: Readonly<ButtonSlots> & ButtonSlots;
@@ -8,10 +8,11 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-                readonly text?: (string | number) | undefined;
+                readonly class?: import('clsx').ClassValue;
+                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 noRing?: boolean | 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;
@@ -26,7 +27,7 @@ declare function __VLS_template(): {
                 readonly preIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
                 readonly postIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
                 readonly badgeIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
-                readonly htmlType?: ("reset" | "submit" | "button") | undefined;
+                readonly htmlType?: "reset" | "submit" | "button" | undefined;
                 readonly block?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly href?: string | undefined;
@@ -94,10 +95,10 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "text" | "class" | "type" | "size" | "color" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "htmlType" | "block">>, {
+declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "text" | "class" | "type" | "size" | "color" | "noRing" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "htmlType" | "block">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "text" | "class" | "type" | "size" | "color" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "htmlType" | "block">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "text" | "class" | "type" | "size" | "color" | "noRing" | "loading" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "htmlType" | "block">>> & 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 & {

package/dist/Button/index.js

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

package/dist/Button/index.umd.cjs

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-DzN5OhXV.js → Button.vue_vue_type_script_setup_true_lang-DTZUw0pf.js}

@@ -1,13 +1,14 @@
-import { defineComponent as i, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as _, mergeProps as b, createSlots as d, renderList as g, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as k } from "vue";
-import { o as x } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-BPityrBM.js";
-import { g as O } from "./options-D4et5euX.js";
-const z = /* @__PURE__ */ i({
+import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as _, mergeProps as b, createSlots as d, renderList as g, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as k } from "vue";
+import { o as x } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-favf_C7t.js";
+import { g as O } from "./options-Bh1s18jm.js";
+const z = /* @__PURE__ */ c({
   ...O("Button", !1),
   __name: "Button",
   props: {
     class: {},
     type: {},
+    noRing: { type: Boolean },
     color: {},
     loading: { type: Boolean },
     preIcon: {},
@@ -19,29 +20,29 @@ const z = /* @__PURE__ */ i({
     postIconFlipOnDir: {},
     preIconFlipOnDir: {}
   },
-  setup(r, { expose: n }) {
-    const s = r, a = l(), p = m(() => ({
+  setup(n, { expose: r }) {
+    const s = n, a = l(), p = m(() => ({
       ...x(a, "variant", "icon", "action", "active", "badgeText"),
       ...s
-    })), o = u();
-    return n({
+    })), e = u();
+    return r({
       focus() {
-        var e;
-        (e = o.value) == null || e.focus();
+        var o;
+        (o = e.value) == null || o.focus();
       },
       blur() {
-        var e;
-        (e = o.value) == null || e.blur();
+        var o;
+        (o = e.value) == null || o.blur();
       }
-    }), (e, h) => (_(), f(I, b(p.value, {
+    }), (o, R) => (_(), f(I, b(p.value, {
       variant: "simple",
       ref_key: "buttonRef",
-      ref: o
+      ref: e
     }), d({ _: 2 }, [
-      g(Object.keys(e.$slots), (t) => ({
+      g(Object.keys(o.$slots), (t) => ({
         name: t,
-        fn: v((c) => [
-          y(e.$slots, t, B(k(c)))
+        fn: v((i) => [
+          y(o.$slots, t, B(k(i)))
         ])
       }))
     ]), 1040));

package/dist/Button.vue_vue_type_script_setup_true_lang-dyN0fBVx.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-Cc9byFK5.js"),_=require("./options-CY2uxp5A.js"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{class:{},type:{},noRing:{type:Boolean},color:{},loading:{type:Boolean},preIcon:{},postIcon:{},size:{},text:{},block:{type:Boolean},htmlType:{},postIconFlipOnDir:{},preIconFlipOnDir:{}},setup(s,{expose:r}){const c=s,i=e.useAttrs(),a=e.computed(()=>({...u.omit(i,"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(a.value,{variant:"simple",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(p=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=f;

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,9 +1,9 @@
 import { ButtonSize, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
 import { ComputedRef } from 'vue';
-import { Class } from '../types';
+import { ClassValue } from 'class-variance-authority/types';
 declare const ButtonGroupGaps: readonly ["sm", "md", "lg", "none"];
 export type ButtonGroupProps = {
-    class?: Class;
+    class?: ClassValue;
     size?: ButtonSize;
     variant?: ButtonVariant;
     gap?: (typeof ButtonGroupGaps)[number];

package/dist/ButtonGroup/index.js

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

package/dist/ButtonGroup/index.umd.cjs

@@ -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-DL19WEBS.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-DwaBBOgk.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-BflgAkUi.js

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

package/dist/{ButtonGroup.vue_vue_type_script_setup_true_lang-DL19WEBS.js → ButtonGroup.vue_vue_type_script_setup_true_lang-DwaBBOgk.js}

@@ -1 +1 @@
-"use strict";const t=require("vue"),o=require("@pantograph/utils"),c=require("./options-CWrQ7gsa.js"),l=require("class-variance-authority"),B=require("reka-ui"),m=require("./BaseBadge.model-DecqxaGN.js"),d=["simple","icon","float"],g=["fill","outline","ghost"],C=["primary","danger","success","warning","neutral",...m.PrimitiveColors,"gray"],r=["sm","md","lg"],f=[...r,"none"],[v,a]=B.createContext("ButtonGroup"),G=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(f,n),split:o.generateVariantClassList("split",n)}});return a({size:t.computed(()=>e.size),variant:t.computed(()=>e.variant)}),(s,z)=>(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=C;exports.ButtonSizes=r;exports.ButtonTypes=g;exports.ButtonVariants=d;exports._sfc_main=G;exports.injectButtonGroupContext=v;exports.provideButtonGroupContext=a;
+"use strict";const t=require("vue"),o=require("@pantograph/utils"),l=require("./options-CY2uxp5A.js"),c=require("class-variance-authority"),B=require("reka-ui"),m=require("./BaseBadge.model-DecqxaGN.js"),d=["simple","icon","float"],g=["fill","outline","ghost"],C=["primary","danger","success","warning","neutral",...m.PrimitiveColors,"gray"],r=["sm","md","lg"],f=[...r,"none"],[v,a]=B.createContext("ButtonGroup"),G=t.defineComponent({...l.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=c.cva(n,{variants:{gap:o.generateVariantClassList(f,n),split:o.generateVariantClassList("split",n)}});return a({size:t.computed(()=>e.size),variant:t.computed(()=>e.variant)}),(s,z)=>(t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(t.unref(o.normCls)(t.unref(p)({gap:e.gap??e.size,split:s.split}),e.class))},[t.renderSlot(s.$slots,"default")],2))}});exports.ButtonColors=C;exports.ButtonSizes=r;exports.ButtonTypes=g;exports.ButtonVariants=d;exports._sfc_main=G;exports.injectButtonGroupContext=v;exports.provideButtonGroupContext=a;

package/dist/Checkbox/Checkbox.d.ts

@@ -1,15 +1,15 @@
 import { CheckboxRootEmits, CheckboxRootProps } from 'reka-ui';
 import { CheckboxSize } from './Checkbox.model';
-import { Class } from '../types';
+import { ClassValue } from 'class-variance-authority/types';
 export interface CheckboxProps extends Omit<CheckboxRootProps, 'as' | 'asChild' | 'value'> {
     /** deprecated */
     checked?: CheckboxRootProps['modelValue'];
     size?: CheckboxSize;
-    class?: Class;
-    rootCls?: Class;
-    indicatorCls?: Class;
-    indeterminateCls?: Class;
-    labelCls?: Class;
+    class?: ClassValue;
+    rootCls?: ClassValue;
+    indicatorCls?: ClassValue;
+    indeterminateCls?: ClassValue;
+    labelCls?: ClassValue;
     label?: string;
     value?: string;
     id?: string;

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

package/dist/Checkbox/index.umd.cjs

@@ -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-BSsP-Szx.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-D_UcZD7p.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.vue_vue_type_style_index_0_lang-D_UcZD7p.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),b=require("reka-ui"),u=require("@pantograph/tokens"),n=require("@pantograph/utils"),I=require("class-variance-authority"),y=require("./options-CY2uxp5A.js"),k=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),V=require("./useInputDataStates-CXaVG_o2.js"),z=["2xsm","xsm"],j=a=>({"--ptc-checkbox-bg":u.getCssCoreColor(`${a}-5`),"--ptc-checkbox-bg-hover":u.getCssCoreColor(`${a}-4`),"--ptc-checkbox-bg-focus":u.getCssCoreColor(`${a}-6`),"--ptc-checkbox-br-focus":u.getCssCoreColor(`${a}-6`),"--ptc-checkbox-bg-active":u.getCssCoreColor(`${a}-7`)}),N=a=>({"--ptc-group-checkbox-bg":u.getCssCoreColor(`${a}-5`),"--ptc-group-checkbox-bg-hover":u.getCssCoreColor(`${a}-4`),"--ptc-group-checkbox-bg-focus":u.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-br-focus":u.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-bg-active":u.getCssCoreColor(`${a}-7`)}),[_,$]=b.createContext("CheckboxGroup"),U=e.defineComponent({...y.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{asChild:{type:Boolean,default:!0},as:{},modelValue:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:modelValue","change"],setup(a,{emit:h}){const r=h,o=a,s=l=>({value:typeof l=="object"?l==null?void 0:l.value:l,disabled:typeof l=="object"?l==null?void 0:l.disabled:void 0,label:typeof l=="object"?(l==null?void 0:l.label)??(l==null?void 0:l.value):l}),c=e.ref(o.modelValue??[]);e.watch(()=>o.modelValue,()=>{c.value=o.modelValue??[]});const g=e.computed({get(){return o.modelValue?o.modelValue:c.value},set(l){o.modelValue||(c.value=l),r("update:modelValue",l),r("change",l)}}),d=e.computed(()=>o.size),i=e.computed(()=>o.disabled?!0:void 0);return $({model:g,size:d,disabled:i}),(l,f)=>(e.openBlock(),e.createBlock(e.unref(b.Primitive),{as:l.as,asChild:l.asChild},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default",{},()=>{var p;return[(p=l.options)!=null&&p.length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.options,(C,x)=>(e.openBlock(),e.createBlock(S,e.mergeProps({key:C.value??C,ref_for:!0},s(C)),null,16))),128)):e.createCommentVNode("",!0)]})]),_:3},8,["as","asChild"]))}}),O=["for"],S=e.defineComponent({...y.getComponentOptions("Checkbox"),__name:"Checkbox",props:{checked:{type:[Boolean,String,null],default:void 0},size:{default:"xsm"},class:{},rootCls:{},indicatorCls:{},indeterminateCls:{},labelCls:{},label:{},value:{},id:{},valueAsLabel:{type:Boolean,default:!0},defaultValue:{type:[Boolean,String]},modelValue:{type:[Boolean,String,null],default:void 0},disabled:{type:Boolean},name:{},required:{type:Boolean}},emits:["update:modelValue","update:checked","change","blur","focus"],setup(a,{emit:h}){const r=n.getBemBlock("checkbox"),o=a,s=_({}),c=h,g=e.useSlots(),d=e.computed(()=>o.modelValue??o.checked),i=e.ref(d.value??!1);e.watch(()=>[o.modelValue,o.checked],()=>{i.value=d.value??!1});const l=e.computed({get(){var t;return(t=s.model)!=null&&t.value?o.value!==void 0&&s.model.value.includes(o.value):d.value!==void 0?d.value:i.value},set(t){var m;if((m=s.model)!=null&&m.value){if(o.value!==void 0){const v=s.model.value.indexOf(o.value);t&&v===-1?s.model.value=[...s.model.value,o.value]:!t&&v!==-1&&(s.model.value=s.model.value.filter(D=>D!==o.value))}}else d.value===void 0&&(i.value=t),c("update:checked",t),c("update:modelValue",t),c("change",t)}}),{getDisabled:f}=V.useFormInput({getDisabled:()=>{var t;return((t=s.disabled)==null?void 0:t.value)??o.disabled}}),p=e.computed(()=>o.id??n.usePCId(r)),C=b.useEmitAsProps(c),x=e.computed(()=>({disabled:f.value,...L.value,...k.omit(o,"size","class","label","disabled","modelValue","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls"),...k.omit(C,"onUpdate:modelValue","onUpdate:checked")})),P=I.cva(r,{variants:{size:n.generateVariantClassList(z,r)}}),q=e.computed(()=>o.label||g.default||o.value&&o.valueAsLabel),E=e.computed(()=>{if(o.label)return o.label;if(o.value&&o.valueAsLabel)return o.value}),B=e.computed(()=>{var t;return((t=s.size)==null?void 0:t.value)??o.size}),G=e.computed(()=>{switch(B.value){case"xsm":return"2xsm";case"2xsm":default:return"3xsm"}}),{rootBindings:w,inputBindings:L}=V.UseInputDataStates({getDisabled:()=>f.value,emit:c}),A=()=>l.value=!l.value;return(t,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"root"),t.rootCls)},e.unref(w)),[e.createVNode(e.unref(b.CheckboxRoot),e.mergeProps({onKeyup:e.withKeys(A,["enter"])},x.value,{modelValue:l.value,"onUpdate:modelValue":m[0]||(m[0]=v=>l.value=v),id:p.value,class:e.unref(n.normCls)(e.unref(P)({size:B.value}),o.class)}),{default:e.withCtx(()=>[e.createVNode(e.unref(b.CheckboxIndicator),{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"indicator"),t.indicatorCls)),asChild:""},{default:e.withCtx(()=>[d.value!="indeterminate"?(e.openBlock(),e.createBlock(k._sfc_main$3,{key:0,icon:"tabler:check",size:G.value},null,8,["size"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"indeterminate"),t.indeterminateCls))},null,2))]),_:1},8,["class"])]),_:1},16,["modelValue","id","class"]),q.value?(e.openBlock(),e.createElementBlock("label",{key:0,for:p.value,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(r),"label"),t.labelCls))},[e.renderSlot(t.$slots,"default",{checked:d.value,disabled:e.unref(f),required:t.required},()=>[e.createTextVNode(e.toDisplayString(E.value),1)])],10,O)):e.createCommentVNode("",!0)],16))}});exports.CheckboxSizes=z;exports._sfc_main=S;exports._sfc_main$1=U;exports.injectCheckboxGroupContext=_;exports.provideCheckboxGroupContext=$;exports.useColoredPantographCheckbox=j;exports.useColoredPantographCheckboxGroup=N;