@pantograph/vue 0.27.4 → 0.27.6

package/dist/{BaseInput.vue_vue_type_script_setup_true_lang-BIm-kBuJ.js → BaseInput.vue_vue_type_style_index_0_lang-C4NwIPPo.js}

@@ -1,11 +1,10 @@
-import { defineComponent as h, useSlots as k, computed as b, createElementBlock as S, openBlock as p, normalizeClass as g, unref as l, createVNode as I, renderSlot as f, createCommentVNode as z, Fragment as w, createBlock as V, withModifiers as $, withCtx as E, createTextVNode as L, toDisplayString as N, h as T } from "vue";
-import { getBemBlock as D, generateVariantClassList as u, normCls as d, getBemElement as v } from "@pantograph/utils";
-import { cva as F } from "class-variance-authority";
-import { _ as M } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import { _ as O } from "./Divider.vue_vue_type_script_setup_true_lang-BZRu0h3n.js";
-import { getComponentOptions as P, useComponentStyle as j, isEmptyElement as q } from "@pantograph/utils-vue";
-import A from "@pantograph/style/input.css?raw";
-const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], a = D("input"), Z = (n) => ({
+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 S, Fragment as w, createBlock as V, withModifiers as $, withCtx as E, createTextVNode as L, toDisplayString as N, h as D } from "vue";
+import { getBemBlock as F, generateVariantClassList as u, normCls as d, getBemElement as f } from "@pantograph/utils";
+import { cva as M } from "class-variance-authority";
+import { _ as O } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+import { _ as P } from "./Divider.vue_vue_type_style_index_0_lang-Clrzj4R0.js";
+import { getComponentOptions as T, isEmptyElement as j } from "@pantograph/utils-vue";
+const q = ["sm", "md", "lg"], A = ["error", "warning", "success"], l = F("input"), W = (n) => ({
   input: n,
   focus: (t) => {
     var o;
@@ -23,8 +22,8 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], a = D("input"
     var m;
     return (m = n.value) == null ? void 0 : m.setSelectionRange(t, o, r);
   }
-}), R = /* @__PURE__ */ h({
-  ...P("BaseInput"),
+}), X = /* @__PURE__ */ h({
+  ...T("BaseInput"),
   __name: "BaseInput",
   props: {
     disabled: { type: Boolean, default: void 0 },
@@ -46,14 +45,13 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], a = D("input"
   },
   emits: ["clear"],
   setup(n, { emit: B }) {
-    j("input", A);
-    const s = n, i = k(), y = F(a, {
+    const s = n, i = k(), y = M(l, {
       variants: {
-        size: u(G, a),
-        status: u(H, a),
-        bordered: u("bordered", a),
-        simple: u("simple", a),
-        steps: u("steps", a)
+        size: u(q, l),
+        status: u(A, l),
+        bordered: u("bordered", l),
+        simple: u("simple", l),
+        steps: u("steps", l)
       }
     }), t = B, o = b(() => {
       switch (s.size) {
@@ -73,19 +71,19 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], a = D("input"
       }
     }), m = () => {
       var C;
-      const e = (C = i.leading) == null ? void 0 : C.call(i, { iconSize: r.value }), c = !q(e);
-      return c || s.leading ? T(
+      const e = (C = i.leading) == null ? void 0 : C.call(i, { iconSize: r.value }), c = !j(e);
+      return c || s.leading ? D(
         "div",
         {
-          class: d(v(a, "leading"), s.leadingCls)
+          class: d(f(l, "leading"), s.leadingCls)
         },
         c ? e : s.leading
       ) : null;
     };
-    return (e, c) => (p(), S("div", {
+    return (e, c) => (p(), z("div", {
       class: g(
-        l(d)(
-          l(y)({
+        a(d)(
+          a(y)({
             size: s.size,
             status: s.status === "success" && !e.hasValue ? void 0 : s.status,
             bordered: e.bordered,
@@ -97,41 +95,41 @@ const G = ["sm", "md", "lg"], H = ["error", "warning", "success"], a = D("input"
       )
     }, [
       I(m),
-      f(e.$slots, "default"),
-      i.trailing || s.trailing || e.allowClear ? (p(), S("div", {
+      v(e.$slots, "default"),
+      i.trailing || s.trailing || e.allowClear ? (p(), z("div", {
         key: 0,
-        class: g(l(d)(l(v)(l(a), "trailing"), e.trailingCls))
+        class: g(a(d)(a(f)(a(l), "trailing"), e.trailingCls))
       }, [
-        !s.disabled && e.allowClear && e.hasValue ? (p(), S(w, { key: 0 }, [
-          I(M, {
+        !s.disabled && e.allowClear && e.hasValue ? (p(), z(w, { key: 0 }, [
+          I(O, {
             icon: e.clearIcon,
             size: o.value,
             onClick: c[0] || (c[0] = $((C) => t("clear"), ["stop"])),
-            class: g(l(d)(l(v)(l(a), "clear_icon"), e.clearIconCls))
+            class: g(a(d)(a(f)(a(l), "clear_icon"), e.clearIconCls))
           }, {
             default: E(() => [
-              f(e.$slots, "clearIcon")
+              v(e.$slots, "clearIcon")
             ]),
             _: 3
           }, 8, ["icon", "size", "class"]),
-          i.trailing || s.trailing ? (p(), V(O, {
+          i.trailing || s.trailing ? (p(), V(P, {
             key: 0,
             type: "vertical",
-            class: g(l(d)(l(v)(l(a), "divider"), e.dividerCls))
-          }, null, 8, ["class"])) : z("", !0)
-        ], 64)) : z("", !0),
-        f(e.$slots, "trailing", { iconSize: r.value }, () => [
+            class: g(a(d)(a(f)(a(l), "divider"), e.dividerCls))
+          }, null, 8, ["class"])) : S("", !0)
+        ], 64)) : S("", !0),
+        v(e.$slots, "trailing", { iconSize: r.value }, () => [
           L(N(e.trailing), 1)
         ])
-      ], 2)) : z("", !0),
-      f(e.$slots, "extra", { iconSize: r.value })
+      ], 2)) : S("", !0),
+      v(e.$slots, "extra", { iconSize: r.value })
     ], 2));
   }
 });
 export {
-  G as I,
-  R as _,
-  H as a,
-  a as i,
-  Z as u
+  q as I,
+  X as _,
+  A as a,
+  l as i,
+  W as u
 };

package/dist/BaseInput.vue_vue_type_style_index_0_lang-Tx73X2wE.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),B=require("class-variance-authority"),S=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),z=require("./Divider.vue_vue_type_style_index_0_lang-jjCOfwfM.js"),C=require("@pantograph/utils-vue"),v=["sm","md","lg"],f=["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({...C.getComponentOptions("BaseInput"),__name:"BaseInput",props:{disabled:{type:Boolean,default:void 0},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=B.cva(a,{variants:{size:t.generateVariantClassList(v,a),status:t.generateVariantClassList(f,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=!C.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(S._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(z._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=v;exports.InputStatuses=f;exports._sfc_main=V;exports.inputPrefix=a;exports.useInputExposes=y;

package/dist/Button/index.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-BwYhOQBC.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-Mnltc7z6.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-CdtU8pJ8.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-jL1v7uqc.js");exports.Button=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Button.vue_vue_type_script_setup_true_lang-BwYhOQBC.js → Button.vue_vue_type_script_setup_true_lang-Mnltc7z6.js}

@@ -1,6 +1,6 @@
 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_script_setup_true_lang-C0M_v3YX.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-D8UQiapO.js";
 import { getComponentOptions as k } from "@pantograph/utils-vue";
 const P = /* @__PURE__ */ c({
   ...k("Button", !1),

package/dist/Button.vue_vue_type_script_setup_true_lang-jL1v7uqc.js

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

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_script_setup_true_lang-DVmFg39-.js";
+import { _ as e, C as s, _ as r, u as C, a as h } from "../Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.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_script_setup_true_lang-DdF-cXiP.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-bWMji_p5.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_script_setup_true_lang-DVmFg39-.js → Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.js}

@@ -1,25 +1,24 @@
-import { defineComponent as P, ref as L, watch as G, computed as d, createBlock as y, openBlock as p, unref as a, withCtx as B, renderSlot as w, createElementBlock as C, createCommentVNode as A, Fragment as R, renderList as H, mergeProps as $, useSlots as J, createVNode as S, withKeys as M, normalizeClass as V, createTextVNode as Q, toDisplayString as W } from "vue";
-import { createContext as X, Primitive as Y, useEmitAsProps as Z, CheckboxRoot as ee, CheckboxIndicator as oe } from "reka-ui";
+import { defineComponent as P, ref as L, watch as G, computed as d, createBlock as y, openBlock as p, unref as a, withCtx as B, renderSlot as w, createElementBlock as C, createCommentVNode as A, Fragment as T, renderList as H, mergeProps as $, useSlots as J, createVNode as S, withKeys as M, normalizeClass as V, createTextVNode as Q, toDisplayString as W } from "vue";
+import { createContext as X, Primitive as Y, useEmitAsProps as Z, CheckboxRoot as ee, CheckboxIndicator as le } from "reka-ui";
 import { getCssCoreColor as n } from "@pantograph/tokens";
-import { getBemBlock as le, usePCId as ae, generateVariantClassList as te, normCls as v, getBemElement as h } from "@pantograph/utils";
+import { getBemBlock as oe, usePCId as ae, generateVariantClassList as te, normCls as v, getBemElement as h } from "@pantograph/utils";
 import { cva as se } from "class-variance-authority";
-import { getComponentOptions as D, useComponentStyle as ue, useFormInput as ne, useInputDataStates as re } from "@pantograph/utils-vue";
+import { getComponentOptions as D, useFormInput as ue, useInputDataStates as ne } from "@pantograph/utils-vue";
 import { omit as _ } from "es-toolkit";
-import { _ as de } from "./Icon.vue_vue_type_script_setup_true_lang-DBiBHDqC.js";
-import ce from "@pantograph/style/checkbox.css?raw";
-const ie = ["2xsm", "xsm"], $e = (t) => ({
+import { _ as re } from "./Icon.vue_vue_type_style_index_0_lang-LLvjBJx0.js";
+const de = ["2xsm", "xsm"], Ve = (t) => ({
   "--ptc-checkbox-bg": n(`${t}-5`),
   "--ptc-checkbox-bg-hover": n(`${t}-4`),
   "--ptc-checkbox-bg-focus": n(`${t}-6`),
   "--ptc-checkbox-br-focus": n(`${t}-6`),
   "--ptc-checkbox-bg-active": n(`${t}-7`)
-}), ze = (t) => ({
+}), ye = (t) => ({
   "--ptc-group-checkbox-bg": n(`${t}-5`),
   "--ptc-group-checkbox-bg-hover": n(`${t}-4`),
   "--ptc-group-checkbox-bg-focus": n(`${t}-6`),
   "--ptc-group-checkbox-br-focus": n(`${t}-6`),
   "--ptc-group-checkbox-bg-active": n(`${t}-7`)
-}), [pe, be] = X("CheckboxGroup"), Se = /* @__PURE__ */ P({
+}), [ce, ie] = X("CheckboxGroup"), Be = /* @__PURE__ */ P({
   ...D("CheckboxGroup"),
   __name: "CheckboxGroup",
   props: {
@@ -33,28 +32,28 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
   },
   emits: ["update:modelValue", "change"],
   setup(t, { emit: g }) {
-    const u = g, o = t, s = (e) => ({
+    const u = g, l = t, s = (e) => ({
       value: typeof e == "object" ? e == null ? void 0 : e.value : e,
       disabled: typeof e == "object" ? e == null ? void 0 : e.disabled : void 0,
       label: typeof e == "object" ? (e == null ? void 0 : e.label) ?? (e == null ? void 0 : e.value) : e
-    }), r = L(o.modelValue ?? []);
+    }), r = L(l.modelValue ?? []);
     G(
-      () => o.modelValue,
+      () => l.modelValue,
       () => {
-        r.value = o.modelValue ?? [];
+        r.value = l.modelValue ?? [];
       }
     );
     const k = d({
       get() {
-        return o.modelValue ? o.modelValue : r.value;
+        return l.modelValue ? l.modelValue : r.value;
       },
       set(e) {
-        o.modelValue || (r.value = e), u("update:modelValue", e), u("change", e);
+        l.modelValue || (r.value = e), u("update:modelValue", e), u("change", e);
       }
     });
-    return be({
+    return ie({
       model: k,
-      props: o
+      props: l
     }), (e, m) => (p(), y(a(Y), {
       as: e.as,
       asChild: e.asChild
@@ -63,7 +62,7 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
         w(e.$slots, "default", {}, () => {
           var c;
           return [
-            (c = e.options) != null && c.length ? (p(!0), C(R, { key: 0 }, H(e.options, (i, x) => (p(), y(me, $({
+            (c = e.options) != null && c.length ? (p(!0), C(T, { key: 0 }, H(e.options, (i, x) => (p(), y(be, $({
               key: i.value ?? i,
               ref_for: !0
             }, s(i)), null, 16))), 128)) : A("", !0)
@@ -73,7 +72,7 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
       _: 3
     }, 8, ["as", "asChild"]));
   }
-}), ve = ["for"], me = /* @__PURE__ */ P({
+}), pe = ["for"], be = /* @__PURE__ */ P({
   ...D("Checkbox"),
   __name: "Checkbox",
   props: {
@@ -96,40 +95,39 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
   },
   emits: ["update:modelValue", "update:checked", "change", "blur", "focus"],
   setup(t, { emit: g }) {
-    ue("checkbox", ce);
-    const u = le("checkbox"), o = t, s = pe({}), r = g, k = J(), e = d(() => o.modelValue ?? o.checked), m = L(e.value ?? !1);
+    const u = oe("checkbox"), l = t, s = ce({}), r = g, k = J(), e = d(() => l.modelValue ?? l.checked), m = L(e.value ?? !1);
     G(
-      () => [o.modelValue, o.checked],
+      () => [l.modelValue, l.checked],
       () => {
         m.value = e.value ?? !1;
       }
     );
     const c = d({
       get() {
-        var l;
-        return (l = s.model) != null && l.value ? o.value !== void 0 && s.model.value.includes(o.value) : e.value !== void 0 ? e.value : m.value;
+        var o;
+        return (o = s.model) != null && o.value ? l.value !== void 0 && s.model.value.includes(l.value) : e.value !== void 0 ? e.value : m.value;
       },
-      set(l) {
+      set(o) {
         var b;
         if ((b = s.model) != null && b.value) {
-          if (o.value !== void 0) {
-            const f = s.model.value.indexOf(o.value);
-            l && f === -1 ? s.model.value = [...s.model.value, o.value] : !l && f !== -1 && (s.model.value = s.model.value.filter(
-              (T) => T !== o.value
+          if (l.value !== void 0) {
+            const f = s.model.value.indexOf(l.value);
+            o && f === -1 ? s.model.value = [...s.model.value, l.value] : !o && f !== -1 && (s.model.value = s.model.value.filter(
+              (R) => R !== l.value
             ));
           }
         } else
-          e.value === void 0 && (m.value = l), r("update:checked", l), r("update:modelValue", l), r("change", l);
+          e.value === void 0 && (m.value = o), r("update:checked", o), r("update:modelValue", o), r("change", o);
       }
-    }), { getDisabled: i } = ne({
+    }), { getDisabled: i } = ue({
       getDisabled: () => {
-        var l;
-        return ((l = s.props) == null ? void 0 : l.disabled) ?? o.disabled;
+        var o;
+        return ((o = s.props) == null ? void 0 : o.disabled) ?? l.disabled;
       }
-    }), x = d(() => o.id ?? ae(u)), j = Z(r), I = d(() => ({
+    }), x = d(() => l.id ?? ae(u)), j = Z(r), I = d(() => ({
       disabled: i.value,
       ...F.value,
-      ..._(o, [
+      ..._(l, [
         "size",
         "class",
         "label",
@@ -145,14 +143,14 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
       ..._(j, ["onUpdate:modelValue", "onUpdate:checked"])
     })), q = se(u, {
       variants: {
-        size: te(ie, u)
+        size: te(de, u)
       }
-    }), E = d(() => o.label || k.default || o.value && o.valueAsLabel), N = d(() => {
-      if (o.label) return o.label;
-      if (o.value && o.valueAsLabel) return o.value;
+    }), E = d(() => l.label || k.default || l.value && l.valueAsLabel), N = d(() => {
+      if (l.label) return l.label;
+      if (l.value && l.valueAsLabel) return l.value;
     }), z = d(() => {
-      var l;
-      return ((l = s.props) == null ? void 0 : l.size) ?? o.size;
+      var o;
+      return ((o = s.props) == null ? void 0 : o.size) ?? l.size;
     }), O = d(() => {
       switch (z.value) {
         case "xsm":
@@ -161,12 +159,12 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
         default:
           return "3xsm";
       }
-    }), { rootBindings: U, inputBindings: F } = re({
+    }), { rootBindings: U, inputBindings: F } = ne({
       getDisabled: () => i.value,
       emit: r
     }), K = () => c.value = !c.value;
-    return (l, b) => (p(), C("div", $({
-      class: a(v)(a(h)(a(u), "root"), l.rootCls)
+    return (o, b) => (p(), C("div", $({
+      class: a(v)(a(h)(a(u), "root"), o.rootCls)
     }, a(U)), [
       S(a(ee), $({
         onKeyup: M(K, ["enter"])
@@ -174,21 +172,21 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
         modelValue: c.value,
         "onUpdate:modelValue": b[0] || (b[0] = (f) => c.value = f),
         id: x.value,
-        class: a(v)(a(q)({ size: z.value }), o.class)
+        class: a(v)(a(q)({ size: z.value }), l.class)
       }), {
         default: B(() => [
-          S(a(oe), {
-            class: V(a(v)(a(h)(a(u), "indicator"), l.indicatorCls)),
+          S(a(le), {
+            class: V(a(v)(a(h)(a(u), "indicator"), o.indicatorCls)),
             asChild: ""
           }, {
             default: B(() => [
-              e.value != "indeterminate" ? (p(), y(de, {
+              e.value != "indeterminate" ? (p(), y(re, {
                 key: 0,
                 icon: "tabler:check",
                 size: O.value
               }, null, 8, ["size"])) : (p(), C("span", {
                 key: 1,
-                class: V(a(v)(a(h)(a(u), "indeterminate"), l.indeterminateCls))
+                class: V(a(v)(a(h)(a(u), "indeterminate"), o.indeterminateCls))
               }, null, 2))
             ]),
             _: 1
@@ -199,25 +197,25 @@ const ie = ["2xsm", "xsm"], $e = (t) => ({
       E.value ? (p(), C("label", {
         key: 0,
         for: x.value,
-        class: V(a(v)(a(h)(a(u), "label"), l.labelCls))
+        class: V(a(v)(a(h)(a(u), "label"), o.labelCls))
       }, [
-        w(l.$slots, "default", {
+        w(o.$slots, "default", {
           checked: e.value,
           disabled: a(i),
-          required: l.required
+          required: o.required
         }, () => [
           Q(W(N.value), 1)
         ])
-      ], 10, ve)) : A("", !0)
+      ], 10, pe)) : A("", !0)
     ], 16));
   }
 });
 export {
-  ie as C,
-  me as _,
-  ze as a,
-  Se as b,
-  pe as i,
-  be as p,
-  $e as u
+  de as C,
+  be as _,
+  ye as a,
+  Be as b,
+  ce as i,
+  ie as p,
+  Ve as u
 };

package/dist/Checkbox.vue_vue_type_style_index_0_lang-bWMji_p5.js

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

package/dist/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_script_setup_true_lang-DVmFg39-.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-DnfmdUgk.js";
 export {
   p as CheckboxGroup,
   r as injectCheckboxGroupContext,

package/dist/CheckboxGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_script_setup_true_lang-DdF-cXiP.js");exports.CheckboxGroup=e._sfc_main$1;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-bWMji_p5.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/Chip/index.js

@@ -1,4 +1,4 @@
-import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_script_setup_true_lang-B0_Xt99k.js";
+import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-BTkjNPpY.js";
 export {
   C as Chip,
   i as ChipColors,

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_script_setup_true_lang-DerG27zp.js");exports.Chip=e._sfc_main;exports.ChipColors=e.ChipColors;exports.ChipSizes=e.ChipSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-85COdIHv.js");exports.Chip=e._sfc_main;exports.ChipColors=e.ChipColors;exports.ChipSizes=e.ChipSizes;exports.default=e._sfc_main;

package/dist/Chip.vue_vue_type_style_index_0_lang-85COdIHv.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),E=require("class-variance-authority"),A=require("./Icon.vue_vue_type_style_index_0_lang-CMFYMG-2.js"),m=require("@pantograph/utils-vue"),N=require("./BaseBadge.model-DecqxaGN.js"),O=require("./HoverCard.vue_vue_type_style_index_0_lang-BXomv-C2.js");require("./Popover.vue_vue_type_style_index_0_lang-pl_b1loW.js");const $=require("reka-ui"),[I,q]=$.createContext("ChipGroup"),T=e.defineComponent({...m.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(f,{emit:y}){const n=y,t=f,d=e.useSlots();q({props:t,onClose:(r,u)=>{n("close",r,u)}});const c=e.computed(()=>t.maxCount?Number(t.maxCount):0),h=()=>{const r=m.flattenChildren(d.default?d.default():[]),u=()=>e.h("div",{class:s.normCls(s.getBemElement(p,"truncate"),t.truncateCls)},`+${r.length-c.value}`);return c.value>=1&&r.length>c.value?[...r.filter((a,l)=>l<c.value),t.noPopover?u():e.h(O._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:u,content:()=>e.h("div",{class:C(t)},{default:()=>r.filter((a,l)=>l>=c.value)})})]:r},p=s.getBemBlock("chip_group"),C=E.cva(p,{variants:{size:s.generateVariantClassList(z,p),noWrap:s.generateVariantClassList("no-wrap",p)}});return(r,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(C)(t))},[e.createVNode(h)],2))}}),z=["xsm","sm","md"],b=[...N.BadgeColors],w=e.defineComponent({...m.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{},overlayActions:{type:Boolean,default:void 0},stopPropagationOnClose:{type:Boolean},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0},readonly:{type:Boolean},closeTrigger:{default:"click"}},emits:["close"],setup(f,{emit:y}){const n=f,t=I({}),d=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??n.size}),x=e.computed(()=>{var o;return n.color??((o=t.props)==null?void 0:o.color)??"primary"}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??n.overlayActions}),h=e.computed(()=>{var o;return n.selected??((o=t.props)==null?void 0:o.selected)}),p=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??n.closeIcon}),C=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??n.icon}),r=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeable)??n.closeable}),u=y,a=e.useSlots(),l=s.getBemBlock("chip"),G=E.cva(l,{variants:{size:s.generateVariantClassList(z,l),color:s.generateVariantClassList(b,l),overlayActions:s.generateVariantClassList("overlay-actions",l),selected:s.generateVariantClassList("selected",l),readonly:s.generateVariantClassList("readonly",l)}}),_=o=>{o.stopPropagation(),t.onClose&&t.onClose(n,o),u("close",o)},i=e.computed(()=>({onClose:_,size:(()=>{switch(d.value){case"md":return"xsm";default:return"2xsm"}})()})),L=()=>{var k,P;const o=(k=a.overlayActions)==null?void 0:k.call(a,i.value),S=!m.isEmptyElement(o),v=c.value&&S;if((r.value||v)&&!n.readonly){const g=[];if(v&&g.push(o),r.value){const V=(P=a.close)==null?void 0:P.call(a,i.value);m.isEmptyElement(V)?g.push(e.h(A._sfc_main,{onClick:B=>{n.closeTrigger==="click"&&_(B)},onPointerdown:B=>{n.closeTrigger==="pointer"&&_(B)},size:i.value.size,icon:p.value,class:s.normCls(s.getBemElement(l,"close_icon"),n.closeIconCls)})):g.push(V)}return e.h("div",{class:s.normCls(s.getBemElement(l,"actions"),n.actionsCls)},g)}return null};return(o,S)=>{var v;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s.normCls)(e.unref(G)({size:d.value,color:x.value,overlayActions:c.value,selected:h.value,readonly:o.readonly}),n.class))},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[C.value?(e.openBlock(),e.createBlock(e.unref(A._sfc_main),{key:0,size:i.value.size,icon:C.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(m.isEmptyElement)((v=a.text)==null?void 0:v.call(a,i.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"text"),o.textCls))},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(i.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(i.value))),e.createVNode(L)],2)}}});exports.ChipColors=b;exports.ChipSizes=z;exports._sfc_main=w;exports._sfc_main$1=T;exports.injectChipGroupContext=I;exports.provideChipGroupContext=q;