@pantograph/vue 0.30.8 → 0.30.10

package/dist/Checkbox.vue_vue_type_style_index_0_lang-upe4IS_Q.js

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

package/dist/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
-import { b as t, c as x, i as c, p as i } from "../Checkbox.vue_vue_type_style_index_0_lang-D-7D_c_A.js";
+import { b as t, c as x, i as c, p as i } from "../Checkbox.vue_vue_type_style_index_0_lang-upe4IS_Q.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/CheckboxGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-BfiCl2A5.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.CheckboxGroup=e._sfc_main$1;exports.CheckboxGroupPlugin=e.CheckboxGroupPlugin;exports.injectCheckboxGroupContext=e.injectCheckboxGroupContext;exports.provideCheckboxGroupContext=e.provideCheckboxGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Checkbox.vue_vue_type_style_index_0_lang-DHP7ASJN.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/Chip.d.ts

@@ -1,6 +1,6 @@
 import { IconSize } from '../Icon';
 import { ChipColor, ChipSize } from './Chip.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface ChipProps {
     value?: string | number;
     size?: ChipSize;
@@ -45,8 +45,8 @@ declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
     onClose?: ((event: MouseEvent) => any) | undefined;
 }>, {
-    color: ChipColor;
     size: ChipSize;
+    color: ChipColor;
     closeable: boolean;
     unExtendParent: boolean;
     selected: boolean;

package/dist/Chip/index.js

@@ -1,7 +1,7 @@
-import { _ as o } from "../Chip.vue_vue_type_style_index_0_lang-CmXECWtq.js";
+import { _ as o } from "../Chip.vue_vue_type_style_index_0_lang-CjM8-c2F.js";
 import { installComponent as i } from "@pantograph/utils-vue";
 import { getComponentName as p } from "@pantograph/utils";
-import { a as e, C as n } from "../index-BCPptNhu.js";
+import { a as e, C as n } from "../index-EzEipSqD.js";
 const r = i(o, p("Chip"));
 export {
   o as Chip,

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-BgTLPRMz.js"),t=require("@pantograph/utils-vue"),s=require("@pantograph/utils"),i=require("../index-SHgIzWWT.js"),n=t.installComponent(e._sfc_main,s.getComponentName("Chip"));exports.Chip=e._sfc_main;exports.default=e._sfc_main;exports.ChipColors=i.ChipColors;exports.ChipSizes=i.ChipSizes;exports.ChipPlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Chip.vue_vue_type_style_index_0_lang-CSqQRmWd.js"),t=require("@pantograph/utils-vue"),s=require("@pantograph/utils"),i=require("../index-B1i4l7x_.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-CSqQRmWd.js

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

package/dist/Chip.vue_vue_type_style_index_0_lang-CjM8-c2F.js

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

package/dist/ChipGroup/ChipGroup.d.ts

@@ -1,6 +1,6 @@
 import { ChipProps } from '../Chip/Chip';
 import { ChipColor, ChipSize } from '../Chip/Chip.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { HoverCardProps } from '../HoverCard';
 export type ChipGroupProps = {
     color?: ChipColor;
@@ -26,8 +26,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Ch
 }, string, import('vue').PublicProps, Readonly<ChipGroupProps> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
 }>, {
-    color: ChipColor;
     size: ChipSize;
+    color: ChipColor;
     closeable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{
     default?: () => never;

package/dist/ChipGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as t, b as a, _ as e, i as u, p as C } from "../index-BCPptNhu.js";
+import { _ as t, b as a, _ as e, i as u, p as C } from "../index-EzEipSqD.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/ChipGroup/index.umd.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../index-B1i4l7x_.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/ColorPicker.d.ts

@@ -1,6 +1,6 @@
 import { Color, ColorChangeDetail, LocalColorFormat, ColorMap, VisibleColorFormat } from './types';
 import { Ref } from 'vue';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface ColorPickerProps {
     class?: ClassValue;
     color?: string;

package/dist/ColorPicker/index.js

@@ -1,5 +1,5 @@
-import { _ as o } from "../ColorPicker.vue_vue_type_style_index_0_lang-BDXrVKWB.js";
-import { i as p, p as C } from "../ColorPicker.vue_vue_type_style_index_0_lang-BDXrVKWB.js";
+import { _ as o } from "../ColorPicker.vue_vue_type_style_index_0_lang-D_7EPnnc.js";
+import { i as p, p as C } from "../ColorPicker.vue_vue_type_style_index_0_lang-D_7EPnnc.js";
 import { installComponent as r } from "@pantograph/utils-vue";
 import { getComponentName as e } from "@pantograph/utils";
 const n = r(o, e("ColorPicker"));

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-BI2oaC3F.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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ColorPicker.vue_vue_type_style_index_0_lang-hWbfLKPH.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;