@pantograph/vue 0.29.1 → 0.29.3

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

@@ -1,24 +1,24 @@
-import { defineComponent as _, ref as L, watch as G, computed as n, createBlock as x, openBlock as p, unref as s, 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 P, withKeys as M, normalizeClass as y, createTextVNode as Q, toDisplayString as W } from "vue";
+import { defineComponent as _, ref as G, watch as L, computed as n, createBlock as y, openBlock as p, unref as s, 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 P, withKeys as M, normalizeClass as x, 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 d } from "@pantograph/tokens";
-import { getComponentOptions as D, getBemBlock as ae, usePCId as oe, generateVariantClassList as se, normCls as v, getBemElement as h } from "@pantograph/utils";
-import { cva as te } from "class-variance-authority";
-import { useFormInput as ue, useInputDataStates as de } from "@pantograph/utils-vue";
+import { getCssCoreColor as r } from "@pantograph/tokens";
+import { getComponentOptions as D, getComponentName as ae, getBemBlock as oe, usePCId as se, generateVariantClassList as te, normCls as v, getBemElement as h } from "@pantograph/utils";
+import { cva as ue } from "class-variance-authority";
+import { installComponent as re, useFormInput as de, useInputDataStates as ne } from "@pantograph/utils-vue";
 import { omit as S } from "es-toolkit";
-import { _ as re } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
-const ne = ["2xsm", "xsm"], ye = (t) => ({
-  "--ptc-checkbox-bg": d(`${t}-5`),
-  "--ptc-checkbox-bg-hover": d(`${t}-4`),
-  "--ptc-checkbox-bg-focus": d(`${t}-6`),
-  "--ptc-checkbox-br-focus": d(`${t}-6`),
-  "--ptc-checkbox-bg-active": d(`${t}-7`)
-}), xe = (t) => ({
-  "--ptc-group-checkbox-bg": d(`${t}-5`),
-  "--ptc-group-checkbox-bg-hover": d(`${t}-4`),
-  "--ptc-group-checkbox-bg-focus": d(`${t}-6`),
-  "--ptc-group-checkbox-br-focus": d(`${t}-6`),
-  "--ptc-group-checkbox-bg-active": d(`${t}-7`)
-}), [ie, ce] = X("CheckboxGroup"), Be = /* @__PURE__ */ _({
+import { _ as ce } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+const ie = ["2xsm", "xsm"], $e = (t) => ({
+  "--ptc-checkbox-bg": r(`${t}-5`),
+  "--ptc-checkbox-bg-hover": r(`${t}-4`),
+  "--ptc-checkbox-bg-focus": r(`${t}-6`),
+  "--ptc-checkbox-br-focus": r(`${t}-6`),
+  "--ptc-checkbox-bg-active": r(`${t}-7`)
+}), ze = (t) => ({
+  "--ptc-group-checkbox-bg": r(`${t}-5`),
+  "--ptc-group-checkbox-bg-hover": r(`${t}-4`),
+  "--ptc-group-checkbox-bg-focus": r(`${t}-6`),
+  "--ptc-group-checkbox-br-focus": r(`${t}-6`),
+  "--ptc-group-checkbox-bg-active": r(`${t}-7`)
+}), [pe, be] = X("CheckboxGroup"), ve = /* @__PURE__ */ _({
   ...D("CheckboxGroup"),
   __name: "CheckboxGroup",
   props: {
@@ -36,43 +36,43 @@ const ne = ["2xsm", "xsm"], ye = (t) => ({
       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(l.modelValue ?? []);
-    G(
+    }), d = G(l.modelValue ?? []);
+    L(
       () => l.modelValue,
       () => {
-        r.value = l.modelValue ?? [];
+        d.value = l.modelValue ?? [];
       }
     );
     const k = n({
       get() {
-        return l.modelValue ? l.modelValue : r.value;
+        return l.modelValue ? l.modelValue : d.value;
       },
       set(e) {
-        l.modelValue || (r.value = e), u("update:modelValue", e), u("change", e);
+        l.modelValue || (d.value = e), u("update:modelValue", e), u("change", e);
       }
     });
-    return ce({
+    return be({
       model: k,
       props: l
-    }), (e, m) => (p(), x(s(Y), {
+    }), (e, m) => (p(), y(s(Y), {
       as: e.as,
       asChild: e.asChild
     }, {
       default: B(() => [
         w(e.$slots, "default", {}, () => {
-          var i;
+          var c;
           return [
-            (i = e.options) != null && i.length ? (p(!0), C(T, { key: 0 }, H(e.options, (c, V) => (p(), x(be, $({
-              key: c.value ?? c,
+            (c = e.options) != null && c.length ? (p(!0), C(T, { key: 0 }, H(e.options, (i, V) => (p(), y(fe, $({
+              key: i.value ?? i,
               ref_for: !0
-            }, a(c)), null, 16))), 128)) : A("", !0)
+            }, a(i)), null, 16))), 128)) : A("", !0)
           ];
         })
       ]),
       _: 3
     }, 8, ["as", "asChild"]));
   }
-}), pe = ["for"], be = /* @__PURE__ */ _({
+}), Pe = re(ve, ae("CheckboxGroup")), me = ["for"], fe = /* @__PURE__ */ _({
   ...D("Checkbox"),
   __name: "Checkbox",
   props: {
@@ -96,14 +96,14 @@ const ne = ["2xsm", "xsm"], ye = (t) => ({
   },
   emits: ["update:modelValue", "update:checked", "change", "blur", "focus"],
   setup(t, { emit: g }) {
-    const u = ae("checkbox"), l = t, a = l.unExtendParent ? void 0 : ie({}), r = g, k = J(), e = n(() => l.modelValue ?? l.checked), m = L(e.value ?? !1);
-    G(
+    const u = oe("checkbox"), l = t, a = l.unExtendParent ? void 0 : pe({}), d = g, k = J(), e = n(() => l.modelValue ?? l.checked), m = G(e.value ?? !1);
+    L(
       () => [l.modelValue, l.checked],
       () => {
         m.value = e.value ?? !1;
       }
     );
-    const i = n({
+    const c = n({
       get() {
         var o;
         return (o = a == null ? void 0 : a.model) != null && o.value ? l.value !== void 0 && (a == null ? void 0 : a.model.value.includes(l.value)) : e.value !== void 0 ? e.value : m.value;
@@ -118,15 +118,15 @@ const ne = ["2xsm", "xsm"], ye = (t) => ({
             ));
           }
         } else
-          e.value === void 0 && (m.value = o), r("update:checked", o), r("update:modelValue", o), r("change", o);
+          e.value === void 0 && (m.value = o), d("update:checked", o), d("update:modelValue", o), d("change", o);
       }
-    }), { getDisabled: c } = ue({
+    }), { getDisabled: i } = de({
       getDisabled: () => {
         var o;
         return ((o = a == null ? void 0 : a.props) == null ? void 0 : o.disabled) ?? l.disabled;
       }
-    }), V = n(() => l.id ?? oe(u)), E = Z(r), j = n(() => ({
-      disabled: c.value,
+    }), V = n(() => l.id ?? se(u)), E = Z(d), j = n(() => ({
+      disabled: i.value,
       ...F.value,
       ...S(l, [
         "size",
@@ -142,11 +142,11 @@ const ne = ["2xsm", "xsm"], ye = (t) => ({
         "labelCls"
       ]),
       ...S(E, ["onUpdate:modelValue", "onUpdate:checked"])
-    })), I = te(u, {
+    })), I = ue(u, {
       variants: {
-        size: se(ne, u)
+        size: te(ie, u)
       }
-    }), q = n(() => l.label || k.default || l.value && l.valueAsLabel), N = n(() => {
+    }), N = n(() => l.label || k.default || l.value && l.valueAsLabel), q = n(() => {
       if (l.label) return l.label;
       if (l.value && l.valueAsLabel) return l.value;
     }), z = n(() => {
@@ -160,34 +160,34 @@ const ne = ["2xsm", "xsm"], ye = (t) => ({
         default:
           return "3xsm";
       }
-    }), { rootBindings: U, inputBindings: F } = de({
-      getDisabled: () => c.value,
-      emit: r
-    }), K = () => i.value = !i.value;
+    }), { rootBindings: U, inputBindings: F } = ne({
+      getDisabled: () => i.value,
+      emit: d
+    }), K = () => c.value = !c.value;
     return (o, b) => (p(), C("div", $({
       class: s(v)(s(h)(s(u), "root"), o.rootCls)
     }, s(U)), [
       P(s(ee), $({
         onKeyup: M(K, ["enter"])
       }, j.value, {
-        modelValue: i.value,
-        "onUpdate:modelValue": b[0] || (b[0] = (f) => i.value = f),
+        modelValue: c.value,
+        "onUpdate:modelValue": b[0] || (b[0] = (f) => c.value = f),
         id: V.value,
         class: s(v)(s(I)({ size: z.value }), l.class)
       }), {
         default: B(() => [
           P(s(le), {
-            class: y(s(v)(s(h)(s(u), "indicator"), o.indicatorCls)),
+            class: x(s(v)(s(h)(s(u), "indicator"), o.indicatorCls)),
             asChild: ""
           }, {
             default: B(() => [
-              e.value != "indeterminate" ? (p(), x(re, {
+              e.value != "indeterminate" ? (p(), y(ce, {
                 key: 0,
                 icon: "tabler:check",
                 size: O.value
               }, null, 8, ["size"])) : (p(), C("span", {
                 key: 1,
-                class: y(s(v)(s(h)(s(u), "indeterminate"), o.indeterminateCls))
+                class: x(s(v)(s(h)(s(u), "indeterminate"), o.indeterminateCls))
               }, null, 2))
             ]),
             _: 1
@@ -195,28 +195,29 @@ const ne = ["2xsm", "xsm"], ye = (t) => ({
         ]),
         _: 1
       }, 16, ["modelValue", "id", "class"]),
-      q.value ? (p(), C("label", {
+      N.value ? (p(), C("label", {
         key: 0,
         for: V.value,
-        class: y(s(v)(s(h)(s(u), "label"), o.labelCls))
+        class: x(s(v)(s(h)(s(u), "label"), o.labelCls))
       }, [
         w(o.$slots, "default", {
           checked: e.value,
-          disabled: s(c),
+          disabled: s(i),
           required: o.required
         }, () => [
-          Q(W(N.value), 1)
+          Q(W(q.value), 1)
         ])
-      ], 10, pe)) : A("", !0)
+      ], 10, me)) : A("", !0)
     ], 16));
   }
 });
 export {
-  ne as C,
-  be as _,
-  xe as a,
-  Be as b,
-  ie as i,
-  ce as p,
-  ye as u
+  Pe as C,
+  fe as _,
+  ve as a,
+  ie as b,
+  ze as c,
+  pe as i,
+  be as p,
+  $e as u
 };

package/dist/Checkbox.vue_vue_type_style_index_0_lang-CXAyoKcr.js

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

package/dist/CheckboxGroup/index.d.ts

@@ -1 +1,2 @@
+export declare const CheckboxGroupPlugin: import('vue').Plugin;
 export { default as CheckboxGroup, type CheckboxGroupProps, provideCheckboxGroupContext, injectCheckboxGroupContext, } from './CheckboxGroup';

package/dist/CheckboxGroup/index.js

@@ -1,6 +1,9 @@
-import { b as p, i as r, p as t } from "../Checkbox.vue_vue_type_style_index_0_lang-BEA8tGnv.js";
+import { a as t, C as x, i as C, p as i } from "../Checkbox.vue_vue_type_style_index_0_lang-CFQlwsbT.js";
+import "@pantograph/utils-vue";
+import "@pantograph/utils";
 export {
-  p as CheckboxGroup,
-  r as injectCheckboxGroupContext,
-  t as provideCheckboxGroupContext
+  t as CheckboxGroup,
+  x as CheckboxGroupPlugin,
+  C as injectCheckboxGroupContext,
+  i as provideCheckboxGroupContext
 };

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-BrNExnEV.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-CXAyoKcr.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.CheckboxGroup=e._sfc_main$1;exports.CheckboxGroupPlugin=e.CheckboxGroupPlugin;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;

package/dist/Chip/index.d.ts

@@ -1,2 +1,3 @@
+export declare const ChipPlugin: import('vue').Plugin;
 export { default as Chip, type ChipProps, type ChipSlots, default } from './Chip';
 export * from './Chip.model';

package/dist/Chip/index.js

@@ -1,7 +1,12 @@
-import { _ as C, a as i, C as o, _ as p } from "../Chip.vue_vue_type_style_index_0_lang-CGBRYOsr.js";
+import { _ as o } from "../Chip.vue_vue_type_style_index_0_lang-VHPsw9Yn.js";
+import { installComponent as i } from "@pantograph/utils-vue";
+import { getComponentName as p } from "@pantograph/utils";
+import { C as e, b as n } from "../index-D8GuRo14.js";
+const s = i(o, p("Chip"));
 export {
-  C as Chip,
-  i as ChipColors,
-  o as ChipSizes,
-  p as default
+  o as Chip,
+  e as ChipColors,
+  s as ChipPlugin,
+  n as ChipSizes,
+  o as default
 };

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-Cr9OkEzs.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-Dm0RiLDU.js"),t=require("@pantograph/utils-vue"),s=require("@pantograph/utils"),i=require("../index-SHgIzWWT.js"),n=t.installComponent(e._sfc_main,s.getComponentName("Chip"));exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=i.ChipColors;exports.ChipSizes=i.ChipSizes;exports.ChipPlugin=n;

package/dist/Chip.vue_vue_type_style_index_0_lang-Dm0RiLDU.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),b=require("class-variance-authority");require("./Icon/index.umd.cjs");const m=require("./index-SHgIzWWT.js"),v=require("@pantograph/utils-vue"),E=require("./Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),L=e.defineComponent({...t.getComponentOptions("Chip"),__name:"Chip",props:{value:{},size:{default:"md"},class:{},actionsCls:{},textCls:{},iconCls:{},text:{},icon:{},closeIcon:{default:"tabler:x"},closeIconCls:{},color:{default:"default"},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"},unExtendParent:{type:Boolean,default:!1}},emits:["close"],setup(S,{emit:k}){const l=S,s=l.unExtendParent?void 0:m.injectChipGroupContext({}),C=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.size)??l.size}),A=e.computed(()=>{var o;return l.color??((o=s==null?void 0:s.props)==null?void 0:o.color)??"primary"}),g=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.overlayActions)??l.overlayActions}),P=e.computed(()=>{var o;return l.selected??((o=s==null?void 0:s.props)==null?void 0:o.selected)}),_=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.closeIcon)??l.closeIcon}),y=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.icon)??l.icon}),f=e.computed(()=>{var o;return((o=s==null?void 0:s.props)==null?void 0:o.closeable)??l.closeable}),V=k,n=e.useSlots(),a=t.getBemBlock("chip"),I=b.cva(a,{variants:{size:t.generateVariantClassList(m.ChipSizes,a),color:t.generateVariantClassList(m.ChipColors,a),overlayActions:t.generateVariantClassList("overlay-actions",a),selected:t.generateVariantClassList("selected",a),readonly:t.generateVariantClassList("readonly",a)}}),p=o=>{var i;o.stopPropagation(),(i=s==null?void 0:s.onClose)==null||i.call(s,l,o),V("close",o)},r=e.computed(()=>({onClose:p,size:(()=>{switch(C.value){case"md":return"xsm";default:return"2xsm"}})()})),q=()=>{var z,h;const o=(z=n.overlayActions)==null?void 0:z.call(n,r.value),i=!v.isEmptyElement(o),c=g.value&&i;if((f.value||c)&&!l.readonly){const u=[];if(c&&u.push(o),f.value){const B=(h=n.close)==null?void 0:h.call(n,r.value);v.isEmptyElement(B)?u.push(e.h(E._sfc_main,{onClick:d=>{l.closeTrigger==="click"&&p(d)},onPointerdown:d=>{l.closeTrigger==="pointer"&&p(d)},size:r.value.size,icon:_.value,class:t.normCls(t.getBemElement(a,"close_icon"),l.closeIconCls)})):u.push(B)}return e.h("div",{class:t.normCls(t.getBemElement(a,"actions"),l.actionsCls)},u)}return null};return(o,i)=>{var c;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(I)({size:C.value,color:A.value,overlayActions:g.value,selected:P.value,readonly:o.readonly}),l.class))},[e.renderSlot(o.$slots,"leading",e.normalizeProps(e.guardReactiveProps(r.value)),()=>[y.value?(e.openBlock(),e.createBlock(e.unref(E._sfc_main),{key:0,size:r.value.size,icon:y.value,class:e.normalizeClass(o.iconCls)},null,8,["size","icon","class"])):e.createCommentVNode("",!0)]),!e.unref(v.isEmptyElement)((c=n.text)==null?void 0:c.call(n,r.value))||o.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(a),"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))),e.createVNode(q)],2)}}});exports._sfc_main=L;

package/dist/Chip.vue_vue_type_style_index_0_lang-VHPsw9Yn.js

@@ -0,0 +1,144 @@
+import { defineComponent as q, computed as n, useSlots as F, createElementBlock as O, openBlock as C, normalizeClass as f, unref as r, renderSlot as y, createCommentVNode as T, createVNode as H, normalizeProps as g, guardReactiveProps as z, createBlock as J, createTextVNode as K, toDisplayString as M, h as V } from "vue";
+import { getComponentOptions as Q, getBemBlock as U, generateVariantClassList as p, normCls as d, getBemElement as h } from "@pantograph/utils";
+import { cva as W } from "class-variance-authority";
+import "./Icon/index.js";
+import { i as X, C as Y, b as Z } from "./index-D8GuRo14.js";
+import { isEmptyElement as B } from "@pantograph/utils-vue";
+import { _ as $ } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+const ne = /* @__PURE__ */ q({
+  ...Q("Chip"),
+  __name: "Chip",
+  props: {
+    value: {},
+    size: { default: "md" },
+    class: {},
+    actionsCls: {},
+    textCls: {},
+    iconCls: {},
+    text: {},
+    icon: {},
+    closeIcon: { default: "tabler:x" },
+    closeIconCls: {},
+    color: { default: "default" },
+    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" },
+    unExtendParent: { type: Boolean, default: !1 }
+  },
+  emits: ["close"],
+  setup(N, { emit: _ }) {
+    const s = N, o = s.unExtendParent ? void 0 : X({}), A = n(() => {
+      var e;
+      return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.size) ?? s.size;
+    }), w = n(() => {
+      var e;
+      return s.color ?? ((e = o == null ? void 0 : o.props) == null ? void 0 : e.color) ?? "primary";
+    }), S = n(() => {
+      var e;
+      return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.overlayActions) ?? s.overlayActions;
+    }), j = n(() => {
+      var e;
+      return s.selected ?? ((e = o == null ? void 0 : o.props) == null ? void 0 : e.selected);
+    }), D = n(() => {
+      var e;
+      return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.closeIcon) ?? s.closeIcon;
+    }), k = n(() => {
+      var e;
+      return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.icon) ?? s.icon;
+    }), I = n(() => {
+      var e;
+      return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.closeable) ?? s.closeable;
+    }), G = _, l = F(), a = U("chip"), L = W(a, {
+      variants: {
+        size: p(Z, a),
+        color: p(Y, a),
+        overlayActions: p("overlay-actions", a),
+        selected: p("selected", a),
+        readonly: p("readonly", a)
+      }
+    }), v = (e) => {
+      var i;
+      e.stopPropagation(), (i = o == null ? void 0 : o.onClose) == null || i.call(o, s, e), G("close", e);
+    }, t = n(() => ({
+      onClose: v,
+      size: (() => {
+        switch (A.value) {
+          case "md":
+            return "xsm";
+          default:
+            return "2xsm";
+        }
+      })()
+    })), R = () => {
+      var P, b;
+      const e = (P = l.overlayActions) == null ? void 0 : P.call(l, t.value), i = !B(e), c = S.value && i;
+      if ((I.value || c) && !s.readonly) {
+        const u = [];
+        if (c && u.push(e), I.value) {
+          const E = (b = l.close) == null ? void 0 : b.call(l, t.value);
+          B(E) ? u.push(
+            V($, {
+              onClick: (m) => {
+                s.closeTrigger === "click" && v(m);
+              },
+              onPointerdown: (m) => {
+                s.closeTrigger === "pointer" && v(m);
+              },
+              size: t.value.size,
+              icon: D.value,
+              class: d(h(a, "close_icon"), s.closeIconCls)
+            })
+          ) : u.push(E);
+        }
+        return V(
+          "div",
+          { class: d(h(a, "actions"), s.actionsCls) },
+          u
+        );
+      }
+      return null;
+    };
+    return (e, i) => {
+      var c;
+      return C(), O("div", {
+        class: f(
+          r(d)(
+            r(L)({
+              size: A.value,
+              color: w.value,
+              overlayActions: S.value,
+              selected: j.value,
+              readonly: e.readonly
+            }),
+            s.class
+          )
+        )
+      }, [
+        y(e.$slots, "leading", g(z(t.value)), () => [
+          k.value ? (C(), J(r($), {
+            key: 0,
+            size: t.value.size,
+            icon: k.value,
+            class: f(e.iconCls)
+          }, null, 8, ["size", "icon", "class"])) : T("", !0)
+        ]),
+        !r(B)((c = l.text) == null ? void 0 : c.call(l, t.value)) || e.text ? (C(), O("div", {
+          key: 0,
+          class: f(r(d)(r(h)(r(a), "text"), e.textCls))
+        }, [
+          y(e.$slots, "text", g(z(t.value)), () => [
+            K(M(e.text), 1)
+          ])
+        ], 2)) : T("", !0),
+        y(e.$slots, "trailing", g(z(t.value))),
+        H(R)
+      ], 2);
+    };
+  }
+});
+export {
+  ne as _
+};

package/dist/ChipGroup/ChipGroup.d.ts

@@ -1,4 +1,5 @@
-import { ChipColor, ChipSize, ChipProps } from '../Chip';
+import { ChipProps } from '../Chip/Chip';
+import { ChipColor, ChipSize } from '../Chip/Chip.model';
 import { ClassValue } from 'class-variance-authority/types';
 import { HoverCardProps } from '../HoverCard';
 export type ChipGroupProps = {

package/dist/ChipGroup/index.d.ts

@@ -1 +1,2 @@
+export declare const ChipGroupPlugin: import('vue').Plugin;
 export { default as ChipGroup, type ChipGroupProps, provideChipGroupContext, injectChipGroupContext, default, } from './ChipGroup';

package/dist/ChipGroup/index.js

@@ -1,7 +1,10 @@
-import { b as t, b as e, i, p as r } from "../Chip.vue_vue_type_style_index_0_lang-CGBRYOsr.js";
+import { _ as t, a, _ as e, i as u, p as C } from "../index-D8GuRo14.js";
+import "@pantograph/utils-vue";
+import "@pantograph/utils";
 export {
   t as ChipGroup,
+  a as ChipGroupPlugin,
   e as default,
-  i as injectChipGroupContext,
-  r as provideChipGroupContext
+  u as injectChipGroupContext,
+  C as provideChipGroupContext
 };

package/dist/ChipGroup/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-Cr9OkEzs.js");exports.ChipGroup=e._sfc_main$1;exports.default=e._sfc_main$1;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../index-SHgIzWWT.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.ChipGroup=e._sfc_main;exports.ChipGroupPlugin=e.ChipGroupPlugin;exports.default=e._sfc_main;exports.injectChipGroupContext=e.injectChipGroupContext;exports.provideChipGroupContext=e.provideChipGroupContext;

package/dist/ColorPicker/index.d.ts

@@ -1 +1,2 @@
+export declare const ColorPickerPlugin: import('vue').Plugin;
 export { type ColorPickerProps, type ColorPickerEmits, injectColorPickerContext, provideColorPickerContext, default, default as ColorPicker, } from './ColorPicker';

package/dist/ColorPicker/index.js

@@ -1,7 +1,12 @@
-import { _ as r, _ as t, i, p as a } from "../ColorPicker.vue_vue_type_style_index_0_lang-k4zhYbY2.js";
+import { _ as o } from "../ColorPicker.vue_vue_type_style_index_0_lang-CJ0_qSst.js";
+import { i as p, p as C } from "../ColorPicker.vue_vue_type_style_index_0_lang-CJ0_qSst.js";
+import { installComponent as r } from "@pantograph/utils-vue";
+import { getComponentName as e } from "@pantograph/utils";
+const n = r(o, e("ColorPicker"));
 export {
-  r as ColorPicker,
-  t as default,
-  i as injectColorPickerContext,
-  a as provideColorPickerContext
+  o as ColorPicker,
+  n as ColorPickerPlugin,
+  o as default,
+  p as injectColorPickerContext,
+  C as provideColorPickerContext
 };

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-BsPMp6nY.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-gVtNEhvy.js"),o=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),t=o.installComponent(e._sfc_main,r.getComponentName("ColorPicker"));exports.ColorPicker=e._sfc_main;exports.default=e._sfc_main;exports.injectColorPickerContext=e.injectColorPickerContext;exports.provideColorPickerContext=e.provideColorPickerContext;exports.ColorPickerPlugin=t;

package/dist/{ColorPicker.vue_vue_type_style_index_0_lang-k4zhYbY2.js → ColorPicker.vue_vue_type_style_index_0_lang-CJ0_qSst.js}

@@ -1,7 +1,7 @@
 import { onUnmounted as d0, defineComponent as $t, onMounted as zt, onBeforeUnmount as c0, createElementBlock as Te, openBlock as K, normalizeClass as G, unref as _, createElementVNode as Ne, ref as en, computed as te, watch as h0, reactive as p0, createVNode as Wn, createCommentVNode as Bn, createBlock as nn, isRef as b0, Fragment as m0, renderList as g0 } from "vue";
-import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-B51HPzjO.js";
-import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-CJ-mNejn.js";
-import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-BWQI_Gdd.js";
+import { _ as x0 } from "./ActionButton.vue_vue_type_script_setup_true_lang-BKA6jQN0.js";
+import { _ as Zn } from "./Input.vue_vue_type_script_setup_true_lang-BYffMo8x.js";
+import { _ as M0 } from "./Select.vue_vue_type_style_index_0_lang-43LRXAk7.js";
 import { useVModel as Un } from "@pantograph/utils-vue";
 import { createContext as y0 } from "reka-ui";
 import { normCls as be, getBemElement as me, getBemBlock as v0, getComponentOptions as k0, getBemModifier as Jn } from "@pantograph/utils";