@pantograph/vue 0.29.7 → 0.29.9

package/dist/BaseButton.vue_vue_type_style_index_0_lang-cyVSqCc-.js

@@ -0,0 +1,222 @@
+import { defineComponent as M, computed as p, useSlots as Q, ref as x, watch as U, createBlock as m, openBlock as u, unref as r, mergeProps as W, withCtx as v, createElementBlock as X, Fragment as Y, createCommentVNode as T, renderSlot as I, createVNode as Z, createTextVNode as oo, toDisplayString as eo, normalizeClass as to, h as no } from "vue";
+import { _ as S } from "./Icon.vue_vue_type_style_index_0_lang-Bnaz1Ya1.js";
+import { _ as ao } from "./Spinner.vue_vue_type_style_index_0_lang-C9MCz_69.js";
+import { _ as io } from "./Badge.vue_vue_type_script_setup_true_lang-DcoQiykg.js";
+import { Primitive as ro } from "reka-ui";
+import { d as F, B as _, c as P, b as $, i as so } from "./index-C3LNCbQ5.js";
+import { useConfig as lo } from "./ConfigProvider/index.js";
+import { useFormInput as co, isEmptyElement as po } from "@pantograph/utils-vue";
+import { getBemBlock as uo, generateVariantClassList as a, getComponentOptions as mo, normCls as fo, getBemElement as go } from "@pantograph/utils";
+import { cva as vo } from "class-variance-authority";
+const n = uo("button"), Io = vo(n, {
+  variants: {
+    size: a($, n),
+    type: a(P, n),
+    color: a(_, n),
+    variant: a(F, n),
+    action: a("action", n),
+    active: a("active", n),
+    text: a("text", n),
+    preIcon: a("preIcon", n),
+    postIcon: a("postIcon", n),
+    loading: a("loading", n),
+    block: a("block", n),
+    noRing: a("no-ring", n)
+  }
+}), xo = /* @__PURE__ */ M({
+  ...mo("BaseButton"),
+  __name: "BaseButton",
+  props: {
+    as: {},
+    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: {},
+    customStroke: { type: Boolean },
+    preIconCustomStroke: { type: Boolean },
+    postIconCustomStroke: { type: Boolean },
+    flipOnDir: {},
+    preIconFlipOnDir: {},
+    postIconFlipOnDir: {},
+    badgeIconFlipOnDir: {},
+    htmlType: { default: "button" },
+    block: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    hover: { type: Boolean },
+    href: {},
+    target: {}
+  },
+  emits: ["click"],
+  setup(R, { expose: V, emit: w }) {
+    const e = R, { getFlipOnDir: f } = lo(), E = f("flipOnDir"), N = f("preIconFlipOnDir"), G = f("postIconFlipOnDir"), j = f("badgeIconFlipOnDir"), z = so({}), d = p(() => {
+      var o;
+      return e.variant ?? ((o = z.props) == null ? void 0 : o.variant) ?? "simple";
+    }), i = p(
+      () => ["icon", "float"].includes(d.value) || (t.icon || e.icon) && !(e.text || t.default || e.preIcon || t.preIcon || e.postIcon || t.postIcon)
+    ), t = Q(), { getDisabled: y, getSize: B } = co({ getSize: () => {
+      var o;
+      return e.size ?? ((o = z.props) == null ? void 0 : o.size);
+    } }), A = p(() => {
+      let o = P.includes(e.type) ? e.type : "fill";
+      const s = B.value, g = s && $.includes(s) ? s : "md";
+      let l = e.color && _.includes(e.color) ? e.color : "primary", c = d.value && F.includes(d.value) ? d.value : "simple";
+      return e.action ? ((c === "float" || i.value) && (c = "icon"), o === "fill" && (o = "outline"), l = void 0) : c === "float" && (o === "ghost" && (o = "fill"), ["primary", "neutral"].includes(l) || (l = "primary")), {
+        size: g,
+        type: o,
+        color: l,
+        variant: c,
+        action: !!e.action,
+        active: !!e.active,
+        loading: !!e.loading,
+        block: !!e.block,
+        noRing: !!e.noRing,
+        text: !i.value && !!(e.text || t.default),
+        preIcon: !i.value && !!(e.preIcon || t.preIcon),
+        postIcon: !i.value && !!(e.postIcon || t.postIcon)
+      };
+    }), b = p(() => {
+      switch (B.value) {
+        case "lg":
+          return "sm";
+        case "sm":
+          return "2xsm";
+        default:
+          return "xsm";
+      }
+    }), K = p(() => {
+      switch (B.value) {
+        case "sm":
+          return "3xsm";
+        case "lg":
+          return "xsm";
+        case "md":
+        default:
+          return "2xsm";
+      }
+    }), h = "2xsm", D = x(0), O = p(() => e.as ? e.as : e.href ? "a" : "button");
+    U(O, () => {
+      D.value++;
+    });
+    const L = p(() => {
+      const o = {
+        disabled: y.value
+      };
+      return e.href && (o.href = e.href, o.target = e.target), e.htmlType && (o.type = e.htmlType), e.hover && (o["data-hover"] = ""), o;
+    }), k = x();
+    V({
+      focus() {
+        var o;
+        (o = k.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = k.value) == null || o.blur();
+      }
+    });
+    const q = w, H = (o) => {
+      if (e.loading || e.disabled) {
+        o.preventDefault(), o.stopPropagation();
+        return;
+      }
+      q("click", o);
+    }, J = () => {
+      var o, s, g;
+      if (e.action && e.active && !i.value) {
+        const l = (o = t.badge) == null ? void 0 : o.call(t, {
+          color: y.value ? "gray" : "primary",
+          size: h
+        });
+        if (!po(l)) return l;
+        const c = (s = t.badgeText) == null ? void 0 : s.call(t, {}), C = (g = t.badgeIcon) == null ? void 0 : g.call(t, {});
+        if (e.badgeText || c || e.badgeIcon || C)
+          return no(
+            io,
+            {
+              text: e.badgeText,
+              icon: e.badgeIcon,
+              flipOnDir: j.value,
+              color: y.value ? "gray" : "primary",
+              size: h
+            },
+            {
+              default: c ? t.badgeText : void 0,
+              icon: C ? t.badgeIcon : void 0
+            }
+          );
+      }
+      return null;
+    };
+    return console.log("props.customStroke ===>", e.customStroke), (o, s) => (u(), m(r(ro), W({
+      as: O.value,
+      key: String(D.value),
+      class: r(fo)(r(Io)(A.value), e.class),
+      ref_key: "buttonRef",
+      ref: k
+    }, L.value, { onClick: H }), {
+      default: v(() => [
+        o.loading ? (u(), m(ao, {
+          key: 1,
+          class: to(r(go)(r(n), "loading")),
+          size: b.value
+        }, null, 8, ["class", "size"])) : (u(), X(Y, { key: 0 }, [
+          (o.preIcon || t.preIcon) && !i.value ? (u(), m(S, {
+            key: 0,
+            flipOnDir: r(N),
+            icon: o.preIcon,
+            size: b.value,
+            customStroke: o.preIconCustomStroke
+          }, {
+            default: v(() => [
+              I(o.$slots, "preIcon")
+            ]),
+            _: 3
+          }, 8, ["flipOnDir", "icon", "size", "customStroke"])) : T("", !0),
+          i.value ? (u(), m(S, {
+            key: 1,
+            icon: o.icon,
+            size: K.value,
+            flipOnDir: r(E),
+            customStroke: o.customStroke
+          }, {
+            default: v(() => [
+              I(o.$slots, "icon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size", "flipOnDir", "customStroke"])) : I(o.$slots, "default", { key: 2 }, () => [
+            oo(eo(o.text), 1)
+          ]),
+          Z(J),
+          (o.postIcon || t.postIcon) && !i.value ? (u(), m(S, {
+            key: 3,
+            flipOnDir: r(G),
+            customStroke: o.postIconCustomStroke,
+            icon: o.postIcon,
+            size: b.value
+          }, {
+            default: v(() => [
+              I(o.$slots, "postIcon")
+            ]),
+            _: 3
+          }, 8, ["flipOnDir", "customStroke", "icon", "size"])) : T("", !0)
+        ], 64))
+      ]),
+      _: 3
+    }, 16, ["as", "class"]));
+  }
+});
+export {
+  xo as _,
+  Io as a,
+  n as b
+};

package/dist/{BaseInput.vue_vue_type_style_index_0_lang-CrYgr0E2.js → BaseInput.vue_vue_type_style_index_0_lang-B_7Xbncz.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),f=require("class-variance-authority"),B=require("./Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),S=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),z=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),C=["sm","md","lg"],v=["error","warning","success"],a=t.getBemBlock("input"),y=r=>({input:r,focus:l=>{var o;return(o=r.value)==null?void 0:o.focus(l)},blur:()=>{var l;return(l=r.value)==null?void 0:l.blur()},select:()=>{var l;return(l=r.value)==null?void 0:l.select()},setSelectionRange:(l,o,u)=>{var d;return(d=r.value)==null?void 0:d.setSelectionRange(l,o,u)}}),V=e.defineComponent({...t.getComponentOptions("BaseInput"),__name:"BaseInput",props:{disabled:{type:Boolean,default:void 0},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},hasValue:{type:Boolean},steps:{type:Boolean}},emits:["clear"],setup(r,{emit:p}){const n=r,i=e.useSlots(),g=f.cva(a,{variants:{size:t.generateVariantClassList(C,a),status:t.generateVariantClassList(v,a),bordered:t.generateVariantClassList("bordered",a),simple:t.generateVariantClassList("simple",a),steps:t.generateVariantClassList("steps",a)}}),l=p,o=e.computed(()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}}),u=e.computed(()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}}),d=()=>{var m;const s=(m=i.leading)==null?void 0:m.call(i,{iconSize:u.value}),c=!z.isEmptyElement(s);return c||n.leading?e.h("div",{class:t.normCls(t.getBemElement(a,"leading"),n.leadingCls)},c?s:n.leading):null};return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({size:n.size,status:n.status==="success"&&!s.hasValue?void 0:n.status,bordered:s.bordered,simple:s.simple,steps:s.steps}),n.class))},[e.createVNode(d),e.renderSlot(s.$slots,"default"),i.trailing||n.trailing||s.allowClear?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"trailing"),s.trailingCls))},[!n.disabled&&s.allowClear&&s.hasValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(B._sfc_main,{icon:s.clearIcon,size:o.value,onClick:c[0]||(c[0]=e.withModifiers(m=>l("clear"),["stop"])),class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"clear_icon"),s.clearIconCls))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"clearIcon")]),_:3},8,["icon","size","class"]),i.trailing||n.trailing?(e.openBlock(),e.createBlock(S._sfc_main,{key:0,type:"vertical",class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"divider"),s.dividerCls))},null,8,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"trailing",{iconSize:u.value},()=>[e.createTextVNode(e.toDisplayString(s.trailing),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"extra",{iconSize:u.value})],2))}});exports.InputSizes=C;exports.InputStatuses=v;exports._sfc_main=V;exports.inputPrefix=a;exports.useInputExposes=y;
+"use strict";const e=require("vue"),f=require("class-variance-authority"),B=require("./Icon.vue_vue_type_style_index_0_lang-C71M9gUt.js"),S=require("./Divider.vue_vue_type_style_index_0_lang-D3wrVsBd.js"),z=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),C=["sm","md","lg"],v=["error","warning","success"],a=t.getBemBlock("input"),y=r=>({input:r,focus:l=>{var o;return(o=r.value)==null?void 0:o.focus(l)},blur:()=>{var l;return(l=r.value)==null?void 0:l.blur()},select:()=>{var l;return(l=r.value)==null?void 0:l.select()},setSelectionRange:(l,o,u)=>{var d;return(d=r.value)==null?void 0:d.setSelectionRange(l,o,u)}}),V=e.defineComponent({...t.getComponentOptions("BaseInput"),__name:"BaseInput",props:{disabled:{type:Boolean,default:void 0},immediateFocus:{type:Boolean},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},hasValue:{type:Boolean},steps:{type:Boolean}},emits:["clear"],setup(r,{emit:p}){const n=r,i=e.useSlots(),g=f.cva(a,{variants:{size:t.generateVariantClassList(C,a),status:t.generateVariantClassList(v,a),bordered:t.generateVariantClassList("bordered",a),simple:t.generateVariantClassList("simple",a),steps:t.generateVariantClassList("steps",a)}}),l=p,o=e.computed(()=>{switch(n.size){case"sm":return"2xsm";default:return"xsm"}}),u=e.computed(()=>{switch(n.size){case"sm":return"2xsm";case"md":return"xsm";default:return"sm"}}),d=()=>{var m;const s=(m=i.leading)==null?void 0:m.call(i,{iconSize:u.value}),c=!z.isEmptyElement(s);return c||n.leading?e.h("div",{class:t.normCls(t.getBemElement(a,"leading"),n.leadingCls)},c?s:n.leading):null};return(s,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(g)({size:n.size,status:n.status==="success"&&!s.hasValue?void 0:n.status,bordered:s.bordered,simple:s.simple,steps:s.steps}),n.class))},[e.createVNode(d),e.renderSlot(s.$slots,"default"),i.trailing||n.trailing||s.allowClear?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"trailing"),s.trailingCls))},[!n.disabled&&s.allowClear&&s.hasValue?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(B._sfc_main,{icon:s.clearIcon,size:o.value,onClick:c[0]||(c[0]=e.withModifiers(m=>l("clear"),["stop"])),class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"clear_icon"),s.clearIconCls))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"clearIcon")]),_:3},8,["icon","size","class"]),i.trailing||n.trailing?(e.openBlock(),e.createBlock(S._sfc_main,{key:0,type:"vertical",class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"divider"),s.dividerCls))},null,8,["class"])):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"trailing",{iconSize:u.value},()=>[e.createTextVNode(e.toDisplayString(s.trailing),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"extra",{iconSize:u.value})],2))}});exports.InputSizes=C;exports.InputStatuses=v;exports._sfc_main=V;exports.inputPrefix=a;exports.useInputExposes=y;

package/dist/{BaseInput.vue_vue_type_style_index_0_lang-BaaSkNs8.js → BaseInput.vue_vue_type_style_index_0_lang-DiGqAQ5h.js}

@@ -1,6 +1,6 @@
 import { defineComponent as h, useSlots as k, computed as b, createElementBlock as z, openBlock as p, normalizeClass as g, unref as a, createVNode as I, renderSlot as v, createCommentVNode as B, Fragment as w, createBlock as V, withModifiers as $, withCtx as E, createTextVNode as L, toDisplayString as N, h as F } from "vue";
 import { cva as D } from "class-variance-authority";
-import { _ as M } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+import { _ as M } from "./Icon.vue_vue_type_style_index_0_lang-Bnaz1Ya1.js";
 import { _ as O } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
 import { isEmptyElement as P } from "@pantograph/utils-vue";
 import { getBemBlock as T, getComponentOptions as j, generateVariantClassList as u, normCls as d, getBemElement as f } from "@pantograph/utils";

package/dist/Button/Button.d.ts

@@ -25,6 +25,9 @@ declare function __VLS_template(): {
                 readonly icon?: string | undefined;
                 readonly preIcon?: string | undefined;
                 readonly postIcon?: string | undefined;
+                readonly customStroke?: boolean | undefined;
+                readonly preIconCustomStroke?: boolean | undefined;
+                readonly postIconCustomStroke?: boolean | undefined;
                 readonly flipOnDir?: import('..').FlipOnDir | undefined;
                 readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
                 readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;
@@ -163,6 +166,9 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
             readonly icon?: string | undefined;
             readonly preIcon?: string | undefined;
             readonly postIcon?: string | undefined;
+            readonly customStroke?: boolean | undefined;
+            readonly preIconCustomStroke?: boolean | undefined;
+            readonly postIconCustomStroke?: boolean | undefined;
             readonly flipOnDir?: import('..').FlipOnDir | undefined;
             readonly preIconFlipOnDir?: import('..').FlipOnDir | undefined;
             readonly postIconFlipOnDir?: import('..').FlipOnDir | undefined;

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../Button.vue_vue_type_script_setup_true_lang-BGBvg82i.js";
+import { _ as t } from "../Button.vue_vue_type_script_setup_true_lang-CZ7Za7mh.js";
 import { installComponent as o } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const e = o(t, n("Button"));

package/dist/Button/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Button.vue_vue_type_script_setup_true_lang-DRaac7hE.js"),e=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=e.installComponent(t._sfc_main,u.getComponentName("Button"));exports.Button=t._sfc_main;exports.default=t._sfc_main;exports.ButtonPlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../Button.vue_vue_type_script_setup_true_lang-eHox8bRY.js"),e=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=e.installComponent(t._sfc_main,u.getComponentName("Button"));exports.Button=t._sfc_main;exports.default=t._sfc_main;exports.ButtonPlugin=n;

package/dist/{Button.vue_vue_type_script_setup_true_lang-BGBvg82i.js → Button.vue_vue_type_script_setup_true_lang-CZ7Za7mh.js}

@@ -1,9 +1,9 @@
-import { defineComponent as c, useAttrs as l, computed as m, ref as f, createBlock as u, openBlock as d, mergeProps as b, createSlots as g, renderList as _, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as I } from "vue";
-import { omit as O } from "es-toolkit";
-import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-SL_re9nc.js";
-import { getComponentOptions as k } from "@pantograph/utils";
-const P = /* @__PURE__ */ c({
-  ...k("Button", !1),
+import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as d, mergeProps as y, createSlots as B, renderList as b, withCtx as g, renderSlot as _, normalizeProps as v, guardReactiveProps as k } from "vue";
+import { omit as I } from "es-toolkit";
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-cyVSqCc-.js";
+import { getComponentOptions as h } from "@pantograph/utils";
+const F = /* @__PURE__ */ c({
+  ...h("Button", !1),
   __name: "Button",
   props: {
     as: {},
@@ -16,6 +16,9 @@ const P = /* @__PURE__ */ c({
     loading: { type: Boolean },
     preIcon: {},
     postIcon: {},
+    customStroke: { type: Boolean },
+    preIconCustomStroke: { type: Boolean },
+    postIconCustomStroke: { type: Boolean },
     preIconFlipOnDir: {},
     postIconFlipOnDir: {},
     htmlType: {},
@@ -27,7 +30,7 @@ const P = /* @__PURE__ */ c({
   },
   setup(n, { expose: r }) {
     const s = n, a = l(), p = m(() => ({
-      ...O(a, [
+      ...I(a, [
         "variant",
         "action",
         "active",
@@ -38,30 +41,30 @@ const P = /* @__PURE__ */ c({
         "badgeIconFlipOnDir"
       ]),
       ...s
-    })), o = f();
+    })), 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, x) => (d(), u(h, b(p.value, {
+    }), (o, C) => (d(), f(O, y(p.value, {
       variant: "simple",
       ref_key: "buttonRef",
-      ref: o
-    }), g({ _: 2 }, [
-      _(Object.keys(e.$slots), (t) => ({
+      ref: e
+    }), B({ _: 2 }, [
+      b(Object.keys(o.$slots), (t) => ({
         name: t,
-        fn: v((i) => [
-          y(e.$slots, t, B(I(i)))
+        fn: g((i) => [
+          _(o.$slots, t, v(k(i)))
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  P as _
+  F as _
 };

package/dist/Button.vue_vue_type_script_setup_true_lang-eHox8bRY.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-B-IwYZpC.js"),_=require("@pantograph/utils"),f=e.defineComponent({..._.getComponentOptions("Button",!1),__name:"Button",props:{as:{},class:{},text:{},size:{},color:{},noRing:{type:Boolean},type:{},loading:{type:Boolean},preIcon:{},postIcon:{},customStroke:{type:Boolean},preIconCustomStroke:{type:Boolean},postIconCustomStroke:{type:Boolean},preIconFlipOnDir:{},postIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{}},setup(r,{expose:s}){const a=r,i=e.useAttrs(),c=e.computed(()=>({...p.omit(i,["variant","action","active","badgeText","badgeIcon","icon","flipOnDir","badgeIconFlipOnDir"]),...a})),t=e.ref();return s({focus(){var o;(o=t.value)==null||o.focus()},blur(){var o;(o=t.value)==null||o.blur()}}),(o,m)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(c.value,{variant:"simple",ref_key:"buttonRef",ref:t}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(o.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=f;

package/dist/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import { CardType } from './Card.model';
+import { CardType, CarResponsiveBreakpoint } from './Card.model';
 import { ClassValue } from 'class-variance-authority/types';
 export interface CardProps {
     type?: CardType;
@@ -16,6 +16,7 @@ export interface CardProps {
     actionsCls?: ClassValue;
     floatedActionsCls?: ClassValue;
     bodyCls?: ClassValue;
+    responsiveBreakPoint?: CarResponsiveBreakpoint;
 }
 export interface CardSlots {
     default: (data?: object) => never;

package/dist/Card/Card.model.d.ts

@@ -1,2 +1,4 @@
 export declare const CardTypes: readonly ["vertical", "horizontal"];
 export type CardType = (typeof CardTypes)[number];
+export declare const CarResponsiveBreakpoints: readonly ["desktop", "tablet"];
+export type CarResponsiveBreakpoint = (typeof CarResponsiveBreakpoints)[number];

package/dist/Card/index.js

@@ -1,8 +1,8 @@
-import { defineComponent as E, useSlots as P, createElementBlock as b, openBlock as k, normalizeClass as p, unref as i, createVNode as d, createElementVNode as C, h as r } from "vue";
-import { getComponentOptions as F, getBemBlock as N, generateVariantClassList as u, normCls as s, getBemElement as a, getComponentName as O } from "@pantograph/utils";
+import { defineComponent as A, useSlots as w, createElementBlock as E, openBlock as b, normalizeClass as u, unref as a, createVNode as d, createElementVNode as C, h as r } from "vue";
+import { getComponentOptions as F, getBemBlock as N, generateVariantClassList as p, normCls as i, getBemElement as l, getComponentName as O } from "@pantograph/utils";
 import { cva as S } from "class-variance-authority";
 import { isEmptyElement as c, installComponent as V } from "@pantograph/utils-vue";
-const _ = ["vertical", "horizontal"], z = /* @__PURE__ */ E({
+const z = ["vertical", "horizontal"], H = ["desktop", "tablet"], L = /* @__PURE__ */ A({
   ...F("Card"),
   __name: "Card",
   props: {
@@ -20,25 +20,30 @@ const _ = ["vertical", "horizontal"], z = /* @__PURE__ */ E({
     descriptionCls: {},
     actionsCls: {},
     floatedActionsCls: {},
-    bodyCls: {}
+    bodyCls: {},
+    responsiveBreakPoint: {}
   },
   setup(f) {
-    const o = f, l = N("card"), m = S(l, {
+    const o = f, s = N("card"), m = S(s, {
       variants: {
-        type: u(_, l),
-        selected: u("selected", l),
-        leadingPadding: u("leading-padding", l)
+        type: p(z, s),
+        selected: p("selected", s),
+        leadingPadding: p("leading-padding", s),
+        responsiveBreakPoint: p(
+          H,
+          s
+        )
       }
-    }), n = P(), g = () => {
+    }), n = w(), g = () => {
       var t;
       const e = (t = n.leading) == null ? void 0 : t.call(n, {});
-      return c(e) ? null : r("div", { class: s(a(l, "leading"), o.leadingCls) }, e);
+      return c(e) ? null : r("div", { class: i(l(s, "leading"), o.leadingCls) }, e);
     }, v = () => {
       var t;
       const e = (t = n.title) == null ? void 0 : t.call(n, {});
       return o.title || !c(e) ? r(
         "div",
-        { class: s(a(l, "title"), "paragraph", o.titleCls) },
+        { class: i(l(s, "title"), "paragraph", o.titleCls) },
         e ?? o.title
       ) : null;
     }, y = () => {
@@ -46,33 +51,33 @@ const _ = ["vertical", "horizontal"], z = /* @__PURE__ */ E({
       const e = (t = n.description) == null ? void 0 : t.call(n, {});
       return o.description || !c(e) ? r(
         "div",
-        { class: s(a(l, "description"), "paragraph", o.descriptionCls) },
+        { class: i(l(s, "description"), "paragraph", o.descriptionCls) },
         e ?? o.description
       ) : null;
     }, B = () => {
       const e = v(), t = y();
-      return e || t ? r("div", { class: s(a(l, "body"), o.bodyCls) }, [
+      return e || t ? r("div", { class: i(l(s, "body"), o.bodyCls) }, [
         e,
         t
       ]) : null;
-    }, h = () => {
+    }, k = () => {
       var t;
       const e = (t = n.default) == null ? void 0 : t.call(n, {});
       return c(e) ? null : e;
-    }, A = () => {
+    }, P = () => {
       var t;
       const e = (t = n.actions) == null ? void 0 : t.call(n, {});
-      return c(e) ? null : r("div", { class: s(a(l, "actions"), o.actionsCls) }, e);
-    }, w = () => {
+      return c(e) ? null : r("div", { class: i(l(s, "actions"), o.actionsCls) }, e);
+    }, h = () => {
       var t;
       const e = (t = n.floatedActions) == null ? void 0 : t.call(n, {});
       return c(e) ? null : r(
         "div",
         {
-          class: s(
-            a(l, "floated-actions"),
+          class: i(
+            l(s, "floated-actions"),
             {
-              [`${a(l, "floated-actions")}--hover-only`]: o.showFloatedActionsOnHover
+              [`${l(s, "floated-actions")}--hover-only`]: o.showFloatedActionsOnHover
             },
             o.floatedActionsCls
           )
@@ -80,37 +85,39 @@ const _ = ["vertical", "horizontal"], z = /* @__PURE__ */ E({
         e
       );
     };
-    return (e, t) => (k(), b("div", {
-      class: p(
-        i(s)(
-          i(m)({
+    return (e, t) => (b(), E("div", {
+      class: u(
+        a(i)(
+          a(m)({
             type: e.type,
             selected: e.selected,
-            leadingPadding: e.leadingPadding
+            leadingPadding: e.leadingPadding,
+            responsiveBreakPoint: e.responsiveBreakPoint
           }),
           o.class
         )
       )
     }, [
-      d(w),
+      d(h),
       d(g),
       C("div", {
-        class: p(i(s)(i(a)(i(l), "content"), o.contentCls))
+        class: u(a(i)(a(l)(a(s), "content"), o.contentCls))
       }, [
         C("div", {
-          class: p(i(s)(i(a)(i(l), "wrapper"), o.wrapperCls))
+          class: u(a(i)(a(l)(a(s), "wrapper"), o.wrapperCls))
         }, [
           d(B),
-          d(h)
+          d(k)
         ], 2),
-        d(A)
+        d(P)
       ], 2)
     ], 2));
   }
-}), $ = V(z, O("Card"));
+}), $ = V(L, O("Card"));
 export {
-  z as Card,
+  H as CarResponsiveBreakpoints,
+  L as Card,
   $ as CardPlugin,
-  _ as CardTypes,
-  z as default
+  z as CardTypes,
+  L as default
 };

package/dist/Card/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),v=require("class-variance-authority"),a=require("@pantograph/utils-vue"),c=["vertical","horizontal"],i=e.defineComponent({...n.getComponentOptions("Card"),__name:"Card",props:{type:{default:"vertical"},selected:{type:Boolean,default:!1},showFloatedActionsOnHover:{type:Boolean,default:!0},leadingPadding:{type:Boolean,default:!0},title:{},description:{},class:{},leadingCls:{},contentCls:{},wrapperCls:{},titleCls:{},descriptionCls:{},actionsCls:{},floatedActionsCls:{},bodyCls:{}},setup(d){const r=d,o=n.getBemBlock("card"),u=v.cva(o,{variants:{type:n.generateVariantClassList(c,o),selected:n.generateVariantClassList("selected",o),leadingPadding:n.generateVariantClassList("leading-padding",o)}}),s=e.useSlots(),m=()=>{var l;const t=(l=s.leading)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"leading"),r.leadingCls)},t)},p=()=>{var l;const t=(l=s.title)==null?void 0:l.call(s,{});return r.title||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"title"),"paragraph",r.titleCls)},t??r.title):null},C=()=>{var l;const t=(l=s.description)==null?void 0:l.call(s,{});return r.description||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"description"),"paragraph",r.descriptionCls)},t??r.description):null},g=()=>{const t=p(),l=C();return t||l?e.h("div",{class:n.normCls(n.getBemElement(o,"body"),r.bodyCls)},[t,l]):null},f=()=>{var l;const t=(l=s.default)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:t},E=()=>{var l;const t=(l=s.actions)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"actions"),r.actionsCls)},t)},y=()=>{var l;const t=(l=s.floatedActions)==null?void 0:l.call(s,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"floated-actions"),{[`${n.getBemElement(o,"floated-actions")}--hover-only`]:r.showFloatedActionsOnHover},r.floatedActionsCls)},t)};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(u)({type:t.type,selected:t.selected,leadingPadding:t.leadingPadding}),r.class))},[e.createVNode(y),e.createVNode(m),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"content"),r.contentCls))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"wrapper"),r.wrapperCls))},[e.createVNode(g),e.createVNode(f)],2),e.createVNode(E)],2)],2))}}),B=a.installComponent(i,n.getComponentName("Card"));exports.Card=i;exports.CardPlugin=B;exports.CardTypes=c;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),y=require("class-variance-authority"),a=require("@pantograph/utils-vue"),c=["vertical","horizontal"],d=["desktop","tablet"],i=e.defineComponent({...n.getComponentOptions("Card"),__name:"Card",props:{type:{default:"vertical"},selected:{type:Boolean,default:!1},showFloatedActionsOnHover:{type:Boolean,default:!0},leadingPadding:{type:Boolean,default:!0},title:{},description:{},class:{},leadingCls:{},contentCls:{},wrapperCls:{},titleCls:{},descriptionCls:{},actionsCls:{},floatedActionsCls:{},bodyCls:{},responsiveBreakPoint:{}},setup(u){const r=u,o=n.getBemBlock("card"),p=y.cva(o,{variants:{type:n.generateVariantClassList(c,o),selected:n.generateVariantClassList("selected",o),leadingPadding:n.generateVariantClassList("leading-padding",o),responsiveBreakPoint:n.generateVariantClassList(d,o)}}),l=e.useSlots(),m=()=>{var s;const t=(s=l.leading)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"leading"),r.leadingCls)},t)},C=()=>{var s;const t=(s=l.title)==null?void 0:s.call(l,{});return r.title||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"title"),"paragraph",r.titleCls)},t??r.title):null},g=()=>{var s;const t=(s=l.description)==null?void 0:s.call(l,{});return r.description||!a.isEmptyElement(t)?e.h("div",{class:n.normCls(n.getBemElement(o,"description"),"paragraph",r.descriptionCls)},t??r.description):null},f=()=>{const t=C(),s=g();return t||s?e.h("div",{class:n.normCls(n.getBemElement(o,"body"),r.bodyCls)},[t,s]):null},v=()=>{var s;const t=(s=l.default)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:t},B=()=>{var s;const t=(s=l.actions)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"actions"),r.actionsCls)},t)},E=()=>{var s;const t=(s=l.floatedActions)==null?void 0:s.call(l,{});return a.isEmptyElement(t)?null:e.h("div",{class:n.normCls(n.getBemElement(o,"floated-actions"),{[`${n.getBemElement(o,"floated-actions")}--hover-only`]:r.showFloatedActionsOnHover},r.floatedActionsCls)},t)};return(t,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(p)({type:t.type,selected:t.selected,leadingPadding:t.leadingPadding,responsiveBreakPoint:t.responsiveBreakPoint}),r.class))},[e.createVNode(E),e.createVNode(m),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"content"),r.contentCls))},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(o),"wrapper"),r.wrapperCls))},[e.createVNode(f),e.createVNode(v)],2),e.createVNode(B)],2)],2))}}),h=a.installComponent(i,n.getComponentName("Card"));exports.CarResponsiveBreakpoints=d;exports.Card=i;exports.CardPlugin=h;exports.CardTypes=c;exports.default=i;

package/dist/Checkbox/index.js

@@ -1,5 +1,5 @@
-import { _ as o } from "../Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
-import { b as C, u as c, c as h } from "../Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
+import { _ as o } from "../Checkbox.vue_vue_type_style_index_0_lang-CnrFY7Yi.js";
+import { b as C, u as c, c as h } from "../Checkbox.vue_vue_type_style_index_0_lang-CnrFY7Yi.js";
 import { installComponent as e } from "@pantograph/utils-vue";
 import { getComponentName as a } from "@pantograph/utils";
 const m = e(o, a("Checkbox"));

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-CXAyoKcr.js"),o=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),t=o.installComponent(e._sfc_main,r.getComponentName("Checkbox"));exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;exports.CheckboxPlugin=t;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-DNuWqN2W.js"),o=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),t=o.installComponent(e._sfc_main,r.getComponentName("Checkbox"));exports.Checkbox=e._sfc_main;exports.CheckboxSizes=e.CheckboxSizes;exports.default=e._sfc_main;exports.useColoredPantographCheckbox=e.useColoredPantographCheckbox;exports.useColoredPantographCheckboxGroup=e.useColoredPantographCheckboxGroup;exports.CheckboxPlugin=t;

package/dist/{Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js → Checkbox.vue_vue_type_style_index_0_lang-CnrFY7Yi.js}

@@ -5,7 +5,7 @@ import { getComponentOptions as D, getComponentName as ae, getBemBlock as oe, us
 import { cva as ue } from "class-variance-authority";
 import { installComponent as re, useFormInput as de, useInputDataStates as ne } from "@pantograph/utils-vue";
 import { omit as S } from "es-toolkit";
-import { _ as ce } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+import { _ as ce } from "./Icon.vue_vue_type_style_index_0_lang-Bnaz1Ya1.js";
 const ie = ["2xsm", "xsm"], $e = (t) => ({
   "--ptc-checkbox-bg": r(`${t}-5`),
   "--ptc-checkbox-bg-hover": r(`${t}-4`),

package/dist/{Checkbox.vue_vue_type_style_index_0_lang-CXAyoKcr.js → Checkbox.vue_vue_type_style_index_0_lang-DNuWqN2W.js}

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

package/dist/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { a as t, C as x, i as C, p as i } from "../Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
+import { a as t, C as x, i as C, p as i } from "../Checkbox.vue_vue_type_style_index_0_lang-CnrFY7Yi.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/CheckboxGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-CXAyoKcr.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.CheckboxGroup=e._sfc_main$1;exports.CheckboxGroupPlugin=e.CheckboxGroupPlugin;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-DNuWqN2W.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.CheckboxGroup=e._sfc_main$1;exports.CheckboxGroupPlugin=e.CheckboxGroupPlugin;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/Chip/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../Chip.vue_vue_type_style_index_0_lang-VHPsw9Yn.js";
+import { _ as o } from "../Chip.vue_vue_type_style_index_0_lang-Bsd6EPfq.js";
 import { installComponent as i } from "@pantograph/utils-vue";
 import { getComponentName as p } from "@pantograph/utils";
 import { C as e, b as n } from "../index-D8GuRo14.js";

package/dist/Chip/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-Dm0RiLDU.js"),t=require("@pantograph/utils-vue"),s=require("@pantograph/utils"),i=require("../index-SHgIzWWT.js"),n=t.installComponent(e._sfc_main,s.getComponentName("Chip"));exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=i.ChipColors;exports.ChipSizes=i.ChipSizes;exports.ChipPlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-JstJEDXW.js"),t=require("@pantograph/utils-vue"),s=require("@pantograph/utils"),i=require("../index-SHgIzWWT.js"),n=t.installComponent(e._sfc_main,s.getComponentName("Chip"));exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=i.ChipColors;exports.ChipSizes=i.ChipSizes;exports.ChipPlugin=n;