@pantograph/vue 0.23.2 → 0.23.4

package/dist/Checkbox.vue_vue_type_style_index_0_lang-2qQxhEQ0.js

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

package/dist/Checkbox.vue_vue_type_style_index_0_lang-Bo8DiMqm.js

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

package/dist/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,3 +1,4 @@
+import { PrimitiveProps } from 'reka-ui';
 import { CheckboxSize } from '../Checkbox/Checkbox.model';
 import { ComputedRef, Ref } from 'vue';
 export interface CheckboxGroupOption {
@@ -6,7 +7,7 @@ export interface CheckboxGroupOption {
     label?: string;
 }
 type Value = (number | string)[];
-export type CheckboxGroupProps = {
+export type CheckboxGroupProps = PrimitiveProps & {
     modelValue?: Value;
     size?: CheckboxSize;
     disabled?: boolean;
@@ -20,12 +21,14 @@ interface Context {
 }
 export declare const injectCheckboxGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideCheckboxGroupContext: (contextValue: Context) => Context;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
     change: (...args: any[]) => void;
+    "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    asChild: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

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-5tG-1ejh.js";
+import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-2qQxhEQ0.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-DaWMPx_d.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-Bo8DiMqm.js");exports.CheckboxGroup=e._sfc_main$1;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/Chip/Chip.d.ts

@@ -14,6 +14,7 @@ export interface ChipProps {
     closeIconCls?: Class;
     color?: ChipColor;
     overlayActions?: boolean;
+    stopPropagationOnClose?: boolean;
     closeable?: boolean;
     selected?: boolean;
 }

package/dist/Chip/index.js

@@ -1,5 +1,5 @@
-import { _ as s, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-Ci2Oqnfd.js";
-import { a as C, C as e } from "../ChipGroup.vue_vue_type_style_index_0_lang-Bln1W3La.js";
+import { _ as s, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-pkEj-IcZ.js";
+import { a as C, C as e } from "../ChipGroup.vue_vue_type_style_index_0_lang-BFHkFjPI.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-DqVcmql_.js"),_=require("../ChipGroup.vue_vue_type_style_index_0_lang-ZlvXsJHD.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-qKiQbAUD.js"),_=require("../ChipGroup.vue_vue_type_style_index_0_lang-DmbWGoar.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-Ci2Oqnfd.js → Chip.vue_vue_type_style_index_0_lang-pkEj-IcZ.js}

@@ -1,12 +1,13 @@
-import { defineComponent as O, computed as n, useSlots as j, createElementBlock as d, openBlock as m, normalizeClass as i, unref as o, renderSlot as r, createCommentVNode as p, normalizeProps as u, guardReactiveProps as C, createBlock as D, createTextVNode as G, toDisplayString as L, mergeProps as A, createVNode as R } from "vue";
-import { getBemBlock as T, generateVariantClassList as v, getBemElement as f } from "@pantograph/utils";
+import { defineComponent as w, computed as n, useSlots as j, createElementBlock as d, openBlock as m, normalizeClass as i, unref as o, renderSlot as r, createCommentVNode as p, normalizeProps as u, guardReactiveProps as C, createBlock as D, createTextVNode as G, toDisplayString as L, mergeProps as A, createVNode as R } from "vue";
+import { getBemBlock as T, generateVariantClassList as v, getBemElement as g } from "@pantograph/utils";
 import { cva as q } from "class-variance-authority";
 import "@iconify/vue";
-import { f as S } from "./Icon.vue_vue_type_style_index_0_lang-Kn_r4tp8.js";
+import { _ as S } from "./Icon.vue_vue_type_style_index_0_lang-CbLL-Ngi.js";
 import { g as F } from "./options-D4et5euX.js";
-import { i as H, a as J, C as K } from "./ChipGroup.vue_vue_type_style_index_0_lang-Bln1W3La.js";
-import { b } from "./element-BfQuKSll.js";
-const oe = /* @__PURE__ */ O({
+import { i as H, a as J, C as K } from "./ChipGroup.vue_vue_type_style_index_0_lang-BFHkFjPI.js";
+import { b as P } from "./element-BfQuKSll.js";
+import "./FormItem.vue_vue_type_style_index_0_lang-CwxlEgep.js";
+const se = /* @__PURE__ */ w({
   ...F("Chip"),
   __name: "Chip",
   props: {
@@ -22,18 +23,19 @@ const oe = /* @__PURE__ */ O({
     closeIconCls: {},
     color: {},
     overlayActions: { type: Boolean, default: void 0 },
+    stopPropagationOnClose: { type: Boolean },
     closeable: { type: Boolean, default: void 0 },
     selected: { type: Boolean, default: void 0 }
   },
   emits: ["close"],
-  setup(x, { emit: $ }) {
-    const s = x, t = H({}), y = n(() => {
+  setup(b, { emit: x }) {
+    const s = b, t = H({}), y = n(() => {
       var e;
       return ((e = t.props) == null ? void 0 : e.size) ?? s.size;
-    }), P = n(() => {
+    }), $ = n(() => {
       var e;
       return s.color ?? ((e = t.props) == null ? void 0 : e.color) ?? "primary";
-    }), g = n(() => {
+    }), f = n(() => {
       var e;
       return ((e = t.props) == null ? void 0 : e.overlayActions) ?? s.overlayActions;
     }), E = n(() => {
@@ -48,7 +50,7 @@ const oe = /* @__PURE__ */ O({
     }), B = n(() => {
       var e;
       return ((e = t.props) == null ? void 0 : e.closeable) ?? s.closeable;
-    }), N = $, c = j(), a = T("chip"), w = q(a, {
+    }), N = x, c = j(), a = T("chip"), O = q(a, {
       variants: {
         size: v(K, a),
         color: v(J, a),
@@ -56,7 +58,7 @@ const oe = /* @__PURE__ */ O({
         selected: v("selected", a)
       }
     }), k = (e) => {
-      t.onClose && t.onClose(s, e), N("close", e);
+      e == null || e.stopPropagation(), t.onClose && t.onClose(s, e), N("close", e);
     }, l = n(() => ({
       onClose: k,
       size: (() => {
@@ -72,10 +74,10 @@ const oe = /* @__PURE__ */ O({
       var I, h;
       return m(), d("div", {
         class: i([
-          o(w)({
+          o(O)({
             size: y.value,
-            color: P.value,
-            overlayActions: g.value,
+            color: $.value,
+            overlayActions: f.value,
             selected: E.value
           }),
           s.class
@@ -89,26 +91,26 @@ const oe = /* @__PURE__ */ O({
             class: i(e.iconCls)
           }, null, 8, ["size", "icon", "class"])) : p("", !0)
         ]),
-        !o(b)((I = c.text) == null ? void 0 : I.call(c, l.value)) || e.text ? (m(), d("div", {
+        !o(P)((I = c.text) == null ? void 0 : I.call(c, l.value)) || e.text ? (m(), d("div", {
           key: 0,
-          class: i([o(f)(o(a), "text"), e.textCls])
+          class: i([o(g)(o(a), "text"), e.textCls])
         }, [
           r(e.$slots, "text", u(C(l.value)), () => [
             G(L(e.text), 1)
           ])
         ], 2)) : p("", !0),
         r(e.$slots, "trailing", u(C(l.value))),
-        B.value || !o(b)((h = c.overlayActions) == null ? void 0 : h.call(c, l.value)) ? (m(), d("div", {
+        B.value || !o(P)((h = c.overlayActions) == null ? void 0 : h.call(c, l.value)) ? (m(), d("div", {
           key: 1,
-          class: i([o(f)(o(a), "actions"), e.actionsCls])
+          class: i([o(g)(o(a), "actions"), e.actionsCls])
         }, [
-          g.value ? r(e.$slots, "overlayActions", u(A({ key: 0 }, l.value))) : p("", !0),
+          f.value ? r(e.$slots, "overlayActions", u(A({ key: 0 }, l.value))) : p("", !0),
           B.value ? r(e.$slots, "close", u(A({ key: 1 }, l.value)), () => [
             R(o(S), {
               onPointerdown: k,
               size: l.value.size,
               icon: V.value,
-              class: i([o(f)(o(a), "close_icon"), e.closeIconCls])
+              class: i([o(g)(o(a), "close_icon"), e.closeIconCls])
             }, null, 8, ["size", "icon", "class"])
           ]) : p("", !0)
         ], 2)) : p("", !0)
@@ -117,5 +119,5 @@ const oe = /* @__PURE__ */ O({
   }
 });
 export {
-  oe as _
+  se as _
 };

package/dist/Chip.vue_vue_type_style_index_0_lang-qKiQbAUD.js

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

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-Bln1W3La.js";
+import { _ as t, _ as e, i, p as r } from "../ChipGroup.vue_vue_type_style_index_0_lang-BFHkFjPI.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-ZlvXsJHD.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-DmbWGoar.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-Bln1W3La.js → ChipGroup.vue_vue_type_style_index_0_lang-BFHkFjPI.js}

@@ -4,7 +4,7 @@ import { getBemBlock as G, generateVariantClassList as c, getBemElement as P } f
 import { cva as S } from "class-variance-authority";
 import { B as k } from "./BaseBadge.model-BIyWEBkY.js";
 import { c as b } from "./element-BfQuKSll.js";
-import { _ as E } from "./Popover.vue_vue_type_style_index_0_lang-B-MX4Q7D.js";
+import { _ as E } from "./Popover.vue_vue_type_style_index_0_lang-ColyiCeV.js";
 import { createContext as N } from "reka-ui";
 const V = ["xsm", "sm", "md"], F = [...k], [H, W] = N("ChipGroup"), J = /* @__PURE__ */ d({
   ...z("ChipGroup"),

package/dist/{ChipGroup.vue_vue_type_style_index_0_lang-ZlvXsJHD.js → ChipGroup.vue_vue_type_style_index_0_lang-DmbWGoar.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),h=require("./options-CWrQ7gsa.js"),a=require("@pantograph/utils"),f=require("class-variance-authority"),B=require("./BaseBadge.model-imnRO6DY.js"),x=require("./element-BjE0SVc4.js"),g=require("./Popover.vue_vue_type_style_index_0_lang-BnKgARrA.js"),y=require("reka-ui"),u=["xsm","sm","md"],q=[...B.BadgeColors],[z,p]=y.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:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(C,{emit:m}){const d=m,t=C,l=e.useSlots();p({props:t,onClose:(o,s)=>{d("close",o,s)}});const n=e.computed(()=>t.maxCount?Number(t.maxCount):0),v=()=>{const o=x.flattenChildren(l.default?l.default():[]),s=()=>e.h("div",{class:[a.getBemElement(r,"truncate"),t.truncateCls]},`+${o.length-n.value}`);return n.value>1&&o.length>n.value?[...o.filter((_,i)=>i<n.value),t.noPopover?s():e.h(g._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:s,content:()=>e.h("div",{class:c(t)},{default:()=>o.filter((_,i)=>i>=n.value)})})]:o},r=a.getBemBlock("chip_group"),c=f.cva(r,{variants:{size:a.generateVariantClassList(u,r),noWrap:a.generateVariantClassList("no-wrap",r)}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c)(t))},[e.createVNode(v)],2))}});exports.ChipColors=q;exports.ChipSizes=u;exports._sfc_main=G;exports.injectChipGroupContext=z;exports.provideChipGroupContext=p;
+"use strict";const e=require("vue"),h=require("./options-CWrQ7gsa.js"),a=require("@pantograph/utils"),f=require("class-variance-authority"),B=require("./BaseBadge.model-imnRO6DY.js"),x=require("./element-BjE0SVc4.js"),g=require("./Popover.vue_vue_type_style_index_0_lang-CZYvVeso.js"),y=require("reka-ui"),u=["xsm","sm","md"],q=[...B.BadgeColors],[z,p]=y.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:{},noPopover:{type:Boolean},noWrap:{type:Boolean},closeable:{type:Boolean,default:!0}},emits:["close"],setup(C,{emit:m}){const d=m,t=C,l=e.useSlots();p({props:t,onClose:(o,s)=>{d("close",o,s)}});const n=e.computed(()=>t.maxCount?Number(t.maxCount):0),v=()=>{const o=x.flattenChildren(l.default?l.default():[]),s=()=>e.h("div",{class:[a.getBemElement(r,"truncate"),t.truncateCls]},`+${o.length-n.value}`);return n.value>1&&o.length>n.value?[...o.filter((_,i)=>i<n.value),t.noPopover?s():e.h(g._sfc_main,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:s,content:()=>e.h("div",{class:c(t)},{default:()=>o.filter((_,i)=>i>=n.value)})})]:o},r=a.getBemBlock("chip_group"),c=f.cva(r,{variants:{size:a.generateVariantClassList(u,r),noWrap:a.generateVariantClassList("no-wrap",r)}});return(o,s)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(c)(t))},[e.createVNode(v)],2))}});exports.ChipColors=q;exports.ChipSizes=u;exports._sfc_main=G;exports.injectChipGroupContext=z;exports.provideChipGroupContext=p;

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-B8rVS60w.js";
+import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-CxWDk_6b.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-BnjCOPow.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-DKGxK13w.js");exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;