@pantograph/vue 0.21.1 → 0.22.0

package/dist/Checkbox.vue_vue_type_style_index_0_lang-BUsaushG.js

@@ -0,0 +1,215 @@
+import { defineComponent as L, ref as P, watch as G, computed as u, createElementBlock as f, openBlock as i, renderSlot as w, createCommentVNode as A, Fragment as R, renderList as T, createBlock as D, mergeProps as y, useSlots as H, unref as t, createVNode as $, withKeys as J, withCtx as S, normalizeClass as V, createTextVNode as M, toDisplayString as Q } from "vue";
+import { createContext as W, useEmitAsProps as X, CheckboxRoot as Y, CheckboxIndicator as Z } from "reka-ui";
+import { getCssCoreColor as r } from "@pantograph/tokens";
+import { getBemBlock as ee, usePCId as oe, generateVariantClassList as le, getBemElement as C } from "@pantograph/utils";
+import { cva as ae } from "class-variance-authority";
+import { g as U } from "./options-JBqnVZUl.js";
+import { o as _, f as te } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
+import { u as se, U as ue } from "./useInputDataStates-Bbj0JbCD.js";
+const ne = ["2xsm", "xsm"], ke = (a) => ({
+  "--ptc-checkbox-bg": r(`${a}-5`),
+  "--ptc-checkbox-bg-hover": r(`${a}-4`),
+  "--ptc-checkbox-bg-focus": r(`${a}-6`),
+  "--ptc-checkbox-br-focus": r(`${a}-6`),
+  "--ptc-checkbox-bg-active": r(`${a}-7`)
+}), xe = (a) => ({
+  "--ptc-group-checkbox-bg": r(`${a}-5`),
+  "--ptc-group-checkbox-bg-hover": r(`${a}-4`),
+  "--ptc-group-checkbox-bg-focus": r(`${a}-6`),
+  "--ptc-group-checkbox-br-focus": r(`${a}-6`),
+  "--ptc-group-checkbox-bg-active": r(`${a}-7`)
+}), [re, de] = W("CheckboxGroup"), Ve = /* @__PURE__ */ L({
+  ...U("CheckboxGroup"),
+  __name: "CheckboxGroup",
+  props: {
+    modelValue: {},
+    size: {},
+    disabled: { type: Boolean },
+    name: {},
+    options: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: k }) {
+    const n = k, e = 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
+    }), d = P(e.modelValue ?? []);
+    G(
+      () => e.modelValue,
+      () => {
+        d.value = e.modelValue ?? [];
+      }
+    );
+    const x = u({
+      get() {
+        return e.modelValue ? e.modelValue : d.value;
+      },
+      set(o) {
+        e.modelValue || (d.value = o), n("update:modelValue", o), n("change", o);
+      }
+    }), c = u(() => e.size), p = u(() => e.disabled ? !0 : void 0);
+    return de({
+      model: x,
+      size: c,
+      disabled: p
+    }), (o, h) => (i(), f("div", null, [
+      w(o.$slots, "default", {}, () => {
+        var b;
+        return [
+          (b = o.options) != null && b.length ? (i(!0), f(R, { key: 0 }, T(o.options, (v, z) => (i(), D(ie, y({
+            key: v.value ?? v,
+            ref_for: !0
+          }, s(v)), null, 16))), 128)) : A("", !0)
+        ];
+      })
+    ]));
+  }
+}), ce = ["for"], ie = /* @__PURE__ */ L({
+  ...U("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: k }) {
+    const n = ee("checkbox"), e = a, s = re({}), d = k, x = H(), c = u(() => e.modelValue ?? e.checked), p = P(c.value ?? !1);
+    G(
+      () => [e.modelValue, e.checked],
+      () => {
+        p.value = c.value ?? !1;
+      }
+    );
+    const o = u({
+      get() {
+        var l;
+        return (l = s.model) != null && l.value ? e.value !== void 0 && s.model.value.includes(e.value) : c.value !== void 0 ? c.value : p.value;
+      },
+      set(l) {
+        var m;
+        if ((m = s.model) != null && m.value) {
+          if (e.value !== void 0) {
+            const g = s.model.value.indexOf(e.value);
+            l && g === -1 ? s.model.value = [...s.model.value, e.value] : !l && g !== -1 && (s.model.value = s.model.value.filter(
+              (K) => K !== e.value
+            ));
+          }
+        } else
+          c.value === void 0 && (p.value = l), d("update:checked", l), d("update:modelValue", l), d("change", l);
+      }
+    }), { getDisabled: h } = se({
+      getDisabled: () => {
+        var l;
+        return ((l = s.disabled) == null ? void 0 : l.value) ?? e.disabled;
+      }
+    }), b = u(() => e.id ?? oe(n)), v = X(d), z = u(() => ({
+      disabled: h.value,
+      ...O.value,
+      ..._(
+        e,
+        "size",
+        "class",
+        "label",
+        "disabled",
+        "modelValue",
+        "checked",
+        "id",
+        "rootCls",
+        "indicatorCls",
+        "indeterminateCls",
+        "labelCls"
+      ),
+      ..._(v, "onUpdate:modelValue", "onUpdate:checked")
+    })), j = ae(n, {
+      variants: {
+        size: le(ne, n)
+      }
+    }), I = u(() => e.label || x.default || e.value && e.valueAsLabel), q = u(() => {
+      if (e.label) return e.label;
+      if (e.value && e.valueAsLabel) return e.value;
+    }), B = u(() => {
+      var l;
+      return ((l = s.size) == null ? void 0 : l.value) ?? e.size;
+    }), E = u(() => {
+      switch (B.value) {
+        case "xsm":
+          return "2xsm";
+        case "2xsm":
+        default:
+          return "3xsm";
+      }
+    }), { rootBindings: N, inputBindings: O } = ue({
+      getDisabled: () => h.value,
+      emit: d
+    }), F = () => o.value = !o.value;
+    return (l, m) => (i(), f("div", y({
+      class: [t(C)(t(n), "root"), l.rootCls]
+    }, t(N)), [
+      $(t(Y), y({
+        onKeyup: J(F, ["enter"])
+      }, z.value, {
+        modelValue: o.value,
+        "onUpdate:modelValue": m[0] || (m[0] = (g) => o.value = g),
+        id: b.value,
+        class: [t(j)({ size: B.value }), e.class]
+      }), {
+        default: S(() => [
+          $(t(Z), {
+            class: V([t(C)(t(n), "indicator"), l.indicatorCls]),
+            asChild: ""
+          }, {
+            default: S(() => [
+              c.value != "indeterminate" ? (i(), D(te, {
+                key: 0,
+                icon: "tabler:check",
+                size: E.value
+              }, null, 8, ["size"])) : (i(), f("span", {
+                key: 1,
+                class: V([t(C)(t(n), "indeterminate"), l.indeterminateCls])
+              }, null, 2))
+            ]),
+            _: 1
+          }, 8, ["class"])
+        ]),
+        _: 1
+      }, 16, ["modelValue", "id", "class"]),
+      I.value ? (i(), f("label", {
+        key: 0,
+        for: b.value,
+        class: V([t(C)(t(n), "label"), l.labelCls])
+      }, [
+        w(l.$slots, "default", {
+          checked: c.value,
+          disabled: t(h),
+          required: l.required
+        }, () => [
+          M(Q(q.value), 1)
+        ])
+      ], 10, ce)) : A("", !0)
+    ], 16));
+  }
+});
+export {
+  ne as C,
+  ie as _,
+  xe as a,
+  Ve as b,
+  re as i,
+  de as p,
+  ke as u
+};

package/dist/Checkbox.vue_vue_type_style_index_0_lang-DlhaSr0r.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),f=require("reka-ui"),r=require("@pantograph/tokens"),d=require("@pantograph/utils"),j=require("class-variance-authority"),y=require("./options-B4iSAKol.js"),h=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),V=require("./useInputDataStates-NUYy6fip.js"),z=["2xsm","xsm"],I=a=>({"--ptc-checkbox-bg":r.getCssCoreColor(`${a}-5`),"--ptc-checkbox-bg-hover":r.getCssCoreColor(`${a}-4`),"--ptc-checkbox-bg-focus":r.getCssCoreColor(`${a}-6`),"--ptc-checkbox-br-focus":r.getCssCoreColor(`${a}-6`),"--ptc-checkbox-bg-active":r.getCssCoreColor(`${a}-7`)}),N=a=>({"--ptc-group-checkbox-bg":r.getCssCoreColor(`${a}-5`),"--ptc-group-checkbox-bg-hover":r.getCssCoreColor(`${a}-4`),"--ptc-group-checkbox-bg-focus":r.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-br-focus":r.getCssCoreColor(`${a}-6`),"--ptc-group-checkbox-bg-active":r.getCssCoreColor(`${a}-7`)}),[$,S]=f.createContext("CheckboxGroup"),U=e.defineComponent({...y.getComponentOptions("CheckboxGroup"),__name:"CheckboxGroup",props:{modelValue:{},size:{},disabled:{type:Boolean},name:{},options:{}},emits:["update:modelValue","change"],setup(a,{emit:g}){const n=g,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}),u=e.ref(o.modelValue??[]);e.watch(()=>o.modelValue,()=>{u.value=o.modelValue??[]});const k=e.computed({get(){return o.modelValue?o.modelValue:u.value},set(l){o.modelValue||(u.value=l),n("update:modelValue",l),n("change",l)}}),c=e.computed(()=>o.size),i=e.computed(()=>o.disabled?!0:void 0);return S({model:k,size:c,disabled:i}),(l,b)=>(e.openBlock(),e.createElementBlock("div",null,[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(P,e.mergeProps({key:C.value??C,ref_for:!0},s(C)),null,16))),128)):e.createCommentVNode("",!0)]})]))}}),O=["for"],P=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:g}){const n=d.getBemBlock("checkbox"),o=a,s=$({}),u=g,k=e.useSlots(),c=e.computed(()=>o.modelValue??o.checked),i=e.ref(c.value??!1);e.watch(()=>[o.modelValue,o.checked],()=>{i.value=c.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):c.value!==void 0?c.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 c.value===void 0&&(i.value=t),u("update:checked",t),u("update:modelValue",t),u("change",t)}}),{getDisabled:b}=V.useFormInput({getDisabled:()=>{var t;return((t=s.disabled)==null?void 0:t.value)??o.disabled}}),p=e.computed(()=>o.id??d.usePCId(n)),C=f.useEmitAsProps(u),x=e.computed(()=>({disabled:b.value,...L.value,...h.omit(o,"size","class","label","disabled","modelValue","checked","id","rootCls","indicatorCls","indeterminateCls","labelCls"),...h.omit(C,"onUpdate:modelValue","onUpdate:checked")})),_=j.cva(n,{variants:{size:d.generateVariantClassList(z,n)}}),q=e.computed(()=>o.label||k.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:()=>b.value,emit:u}),A=()=>l.value=!l.value;return(t,m)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({class:[e.unref(d.getBemElement)(e.unref(n),"root"),t.rootCls]},e.unref(w)),[e.createVNode(e.unref(f.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(_)({size:B.value}),o.class]}),{default:e.withCtx(()=>[e.createVNode(e.unref(f.CheckboxIndicator),{class:e.normalizeClass([e.unref(d.getBemElement)(e.unref(n),"indicator"),t.indicatorCls]),asChild:""},{default:e.withCtx(()=>[c.value!="indeterminate"?(e.openBlock(),e.createBlock(h._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(d.getBemElement)(e.unref(n),"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(d.getBemElement)(e.unref(n),"label"),t.labelCls])},[e.renderSlot(t.$slots,"default",{checked:c.value,disabled:e.unref(b),required:t.required},()=>[e.createTextVNode(e.toDisplayString(E.value),1)])],10,O)):e.createCommentVNode("",!0)],16))}});exports.CheckboxSizes=z;exports._sfc_main=P;exports._sfc_main$1=U;exports.injectCheckboxGroupContext=$;exports.provideCheckboxGroupContext=S;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_style_index_0_lang-DJnxBJl5.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-BUsaushG.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_style_index_0_lang-BSodliHF.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-DlhaSr0r.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/Chip/index.js

@@ -1,5 +1,5 @@
-import { _ as s, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-B5ysLVmU.js";
-import { a as C, C as e } from "../ChipGroup.vue_vue_type_style_index_0_lang-DS4NmCJg.js";
+import { _ as s, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-AsBzrLnx.js";
+import { a as C, C as e } from "../ChipGroup.vue_vue_type_style_index_0_lang-rpHI86wu.js";
 export {
   s as Chip,
   C 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_style_index_0_lang-BhblTbNP.js"),_=require("../ChipGroup.vue_vue_type_style_index_0_lang-BELThyi5.js");exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=_.ChipColors;exports.ChipSizes=_.ChipSizes;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-DAMN8Pat.js"),_=require("../ChipGroup.vue_vue_type_style_index_0_lang-DD3LQS6y.js");exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=_.ChipColors;exports.ChipSizes=_.ChipSizes;

package/dist/{Chip.vue_vue_type_style_index_0_lang-B5ysLVmU.js → Chip.vue_vue_type_style_index_0_lang-AsBzrLnx.js}

@@ -2,9 +2,9 @@ import { defineComponent as N, computed as a, useSlots as E, createElementBlock
 import { getBemBlock as G, generateVariantClassList as v, getBemElement as C } from "@pantograph/utils";
 import { cva as L } from "class-variance-authority";
 import "@iconify/vue";
-import { f as h } from "./Icon.vue_vue_type_style_index_0_lang-CaH23-ZR.js";
+import { f as h } from "./Icon.vue_vue_type_style_index_0_lang-CpvDQCOg.js";
 import { g as R } from "./options-JBqnVZUl.js";
-import { i as T, a as q, C as F } from "./ChipGroup.vue_vue_type_style_index_0_lang-DS4NmCJg.js";
+import { i as T, a as q, C as F } from "./ChipGroup.vue_vue_type_style_index_0_lang-rpHI86wu.js";
 const Y = /* @__PURE__ */ N({
   ...R("Chip"),
   __name: "Chip",

package/dist/{Chip.vue_vue_type_style_index_0_lang-BhblTbNP.js → Chip.vue_vue_type_style_index_0_lang-DAMN8Pat.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("@pantograph/utils"),P=require("class-variance-authority");require("@iconify/vue");const v=require("./Icon.vue_vue_type_style_index_0_lang-DfjbwGzY.js"),S=require("./options-B4iSAKol.js"),a=require("./ChipGroup.vue_vue_type_style_index_0_lang-BELThyi5.js"),V=e.defineComponent({...S.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},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0}},emits:["close"],setup(C,{emit:g}){const s=C,t=a.injectChipGroupContext({}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??s.size}),z=e.computed(()=>{var o;return s.color??((o=t.props)==null?void 0:o.color)??"primary"}),i=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??s.overlayActions}),f=e.computed(()=>{var o;return s.selected??((o=t.props)==null?void 0:o.selected)}),y=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??s.closeIcon}),u=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??s.icon}),p=e.computed(()=>t.props?!0:s.closeable),B=g,m=e.useSlots(),l=n.getBemBlock("chip"),k=P.cva(l,{variants:{size:n.generateVariantClassList(a.ChipSizes,l),color:n.generateVariantClassList(a.ChipColors,l),overlayActions:n.generateVariantClassList("overlay-actions",l),selected:n.generateVariantClassList("selected",l)}}),d=o=>{t.onClose&&t.onClose(s),B("close",o)},r=e.computed(()=>({onClose:d,size:(()=>{switch(c.value){case"md":return"xsm";default:return"2xsm"}})()}));return(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(k)({size:c.value,color:z.value,overlayActions:i.value,selected:f.value}),s.class])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[u.value?(e.openBlock(),e.createBlock(e.unref(v._sfc_main$3),{key:0,size:r.value.size,icon:u.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),m.text||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"text"),o.textCls])},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(r.value))),p.value||m.overlayActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"actions"),o.actionsCls])},[i.value?e.renderSlot(o.$slots,"overlayActions",e.normalizeProps(e.mergeProps({key:0},r.value))):e.createCommentVNode("",!0),p.value?e.renderSlot(o.$slots,"close",e.normalizeProps(e.mergeProps({key:1},r.value)),()=>[e.createVNode(e.unref(v._sfc_main$3),{onClick:d,size:r.value.size,icon:y.value,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"close_icon"),o.closeIconCls])},null,8,["size","icon","class"])]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2))}});exports._sfc_main=V;
+"use strict";const e=require("vue"),n=require("@pantograph/utils"),P=require("class-variance-authority");require("@iconify/vue");const v=require("./Icon.vue_vue_type_style_index_0_lang-CIFtTipO.js"),S=require("./options-B4iSAKol.js"),a=require("./ChipGroup.vue_vue_type_style_index_0_lang-DD3LQS6y.js"),V=e.defineComponent({...S.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},closeable:{type:Boolean,default:void 0},selected:{type:Boolean,default:void 0}},emits:["close"],setup(C,{emit:g}){const s=C,t=a.injectChipGroupContext({}),c=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.size)??s.size}),z=e.computed(()=>{var o;return s.color??((o=t.props)==null?void 0:o.color)??"primary"}),i=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.overlayActions)??s.overlayActions}),f=e.computed(()=>{var o;return s.selected??((o=t.props)==null?void 0:o.selected)}),y=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.closeIcon)??s.closeIcon}),u=e.computed(()=>{var o;return((o=t.props)==null?void 0:o.icon)??s.icon}),p=e.computed(()=>t.props?!0:s.closeable),B=g,m=e.useSlots(),l=n.getBemBlock("chip"),k=P.cva(l,{variants:{size:n.generateVariantClassList(a.ChipSizes,l),color:n.generateVariantClassList(a.ChipColors,l),overlayActions:n.generateVariantClassList("overlay-actions",l),selected:n.generateVariantClassList("selected",l)}}),d=o=>{t.onClose&&t.onClose(s),B("close",o)},r=e.computed(()=>({onClose:d,size:(()=>{switch(c.value){case"md":return"xsm";default:return"2xsm"}})()}));return(o,h)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(k)({size:c.value,color:z.value,overlayActions:i.value,selected:f.value}),s.class])},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[u.value?(e.openBlock(),e.createBlock(e.unref(v._sfc_main$3),{key:0,size:r.value.size,icon:u.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),m.text||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"text"),o.textCls])},[e.renderSlot(o.$slots,"text",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[e.createTextVNode(e.toDisplayString(o.text),1)])],2)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"trailing",e.normalizeProps(e.guardReactiveProps(r.value))),p.value||m.overlayActions?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"actions"),o.actionsCls])},[i.value?e.renderSlot(o.$slots,"overlayActions",e.normalizeProps(e.mergeProps({key:0},r.value))):e.createCommentVNode("",!0),p.value?e.renderSlot(o.$slots,"close",e.normalizeProps(e.mergeProps({key:1},r.value)),()=>[e.createVNode(e.unref(v._sfc_main$3),{onClick:d,size:r.value.size,icon:y.value,class:e.normalizeClass([e.unref(n.getBemElement)(e.unref(l),"close_icon"),o.closeIconCls])},null,8,["size","icon","class"])]):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)],2))}});exports._sfc_main=V;

package/dist/ChipGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as t, _ as e, i, p as r } from "../ChipGroup.vue_vue_type_style_index_0_lang-DS4NmCJg.js";
+import { _ as t, _ as e, i, p as r } from "../ChipGroup.vue_vue_type_style_index_0_lang-rpHI86wu.js";
 export {
   t as ChipGroup,
   e as default,

package/dist/ChipGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ChipGroup.vue_vue_type_style_index_0_lang-BELThyi5.js");exports.ChipGroup=e._sfc_main;exports.default=e._sfc_main;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ChipGroup.vue_vue_type_style_index_0_lang-DD3LQS6y.js");exports.ChipGroup=e._sfc_main;exports.default=e._sfc_main;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;

package/dist/ChipGroup.vue_vue_type_style_index_0_lang-DD3LQS6y.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),h=require("./options-B4iSAKol.js"),i=require("@pantograph/utils"),v=require("class-variance-authority"),f=require("./BaseBadge.model-imnRO6DY.js"),x=require("./element-BURaVF00.js"),g=require("./Popover.vue_vue_type_style_index_0_lang-BklvbKcI.js"),B=require("reka-ui"),u=["xsm","sm","md"],q=[...f.BadgeColors],[z,p]=B.createContext("ChipGroup"),G=e.defineComponent({...h.getComponentOptions("ChipGroup"),__name:"ChipGroup",props:{color:{},size:{default:"md"},closeIcon:{},icon:{},overlayActions:{type:Boolean},selected:{type:Boolean},maxCount:{},popoverProps:{},truncateCls:{}},emits:["close"],setup(C,{emit:m}){const d=m,t=C,c=e.useSlots();p({props:t,onClose:o=>{d("close",o)}});const n=e.computed(()=>t.maxCount?Number(t.maxCount):0),_=()=>{const o=x.flattenChildren(c.default?c.default():[]);return n.value>1&&o.length>n.value?[...o.filter((a,r)=>r<n.value),e.h(g._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:()=>e.h("div",{class:[i.getBemElement(s,"truncate"),t.truncateCls]},`+${o.length-n.value+1}`),content:()=>e.h("div",{class:l(t)},{default:()=>o.filter((a,r)=>r>=n.value)})})]:o},s=i.getBemBlock("chip_group"),l=v.cva(s,{variants:{size:i.generateVariantClassList(u,s)}});return(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l)(t))},[e.createVNode(_)],2))}});exports.ChipColors=q;exports.ChipSizes=u;exports._sfc_main=G;exports.injectChipGroupContext=z;exports.provideChipGroupContext=p;

package/dist/{ChipGroup.vue_vue_type_style_index_0_lang-DS4NmCJg.js → ChipGroup.vue_vue_type_style_index_0_lang-rpHI86wu.js}

@@ -4,8 +4,8 @@ import { getBemBlock as z, generateVariantClassList as G, getBemElement as S } f
 import { cva as k } from "class-variance-authority";
 import { B as y } from "./BaseBadge.model-BIyWEBkY.js";
 import { c as E } from "./element-CayrDxFe.js";
-import { _ as N } from "./Popover.vue_vue_type_style_index_0_lang-BHPFTCxh.js";
-import { createContext as P } from "radix-vue";
+import { _ as N } from "./Popover.vue_vue_type_style_index_0_lang-Nc78vcLj.js";
+import { createContext as P } from "reka-ui";
 const V = ["xsm", "sm", "md"], F = [...y], [H, $] = P("ChipGroup"), J = /* @__PURE__ */ C({
   ...B("ChipGroup"),
   __name: "ChipGroup",

package/dist/ColorPicker/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-D6ZB-_t8.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-C10d9ifa.js";
 export {
   r as ColorPicker,
   t as default,

package/dist/ColorPicker/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-C2VdXKDc.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-BwQMhXhh.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;