@pantograph/vue 0.28.5 → 0.28.7

package/dist/Avatar/Avatar.d.ts

@@ -33,9 +33,7 @@ declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}
 }, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
     onLoadingStatusChange?: ((value: "error" | "loading" | "idle" | "loaded") => any) | undefined;
 }>, {
-    size: AvatarSize;
     icon: string;
-    shape: AvatarShape;
     src: string;
     onlineColor: BadgeColor;
     unExtendParent: boolean;

package/dist/Avatar/Avatar.model.d.ts

@@ -1,6 +1,6 @@
 export declare const AvatarSizes: readonly ["2xsm", "xsm", "sm", "md", "lg", "xlg"];
 export type AvatarSize = (typeof AvatarSizes)[number];
-export declare const AvatarStrokes: readonly ["gray", "white"];
+export declare const AvatarStrokes: readonly ["gray-subtle", "white", "primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard"];
 export type AvatarStroke = (typeof AvatarStrokes)[number];
 export declare const AvatarShapes: readonly ["circle", "square", "rect"];
 export type AvatarShape = (typeof AvatarShapes)[number];

package/dist/Avatar/index.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-CS0wzmEg.js";
+import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-DtvtisQt.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;

package/dist/Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js

@@ -0,0 +1,200 @@
+import { defineComponent as O, useSlots as F, computed as l, createElementBlock as _, openBlock as m, normalizeClass as v, unref as e, createVNode as I, h as z, createBlock as k, withCtx as S, createCommentVNode as x, Fragment as T, mergeProps as H, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
+import { createContext as J, useEmitAsProps as K, AvatarRoot as Q, AvatarImage as U, AvatarFallback as W } from "reka-ui";
+import { getComponentOptions as j, getBemBlock as q, getBemElement as f, generateVariantClassList as d, normCls as y } from "@pantograph/utils";
+import { cva as D } from "class-variance-authority";
+import { flattenChildren as X } from "@pantograph/utils-vue";
+import { _ as Y } from "./HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
+import "./Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
+import { _ as Z } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as ee } from "./Indicator.vue_vue_type_script_setup_true_lang-qbXRbfSe.js";
+import { b as se } from "./BaseBadge.model-DCiuNKoh.js";
+const [te, ae] = J("AvatarGroup"), de = /* @__PURE__ */ O({
+  ...j("AvatarGroup"),
+  __name: "AvatarGroup",
+  props: {
+    class: {},
+    gutter: { type: Boolean },
+    size: {},
+    stroke: { default: "white" },
+    shape: {},
+    popoverProps: {},
+    maxCount: {},
+    noPopover: { type: Boolean }
+  },
+  setup(A) {
+    const t = A, g = F(), a = q("avatar"), o = f(a, "group"), B = D(o, {
+      variants: {
+        gutter: d("gutter", o)
+      }
+    });
+    console.log("props ===>", t), ae({
+      props: t
+    });
+    const i = l(() => t.maxCount ? Number(t.maxCount) : 0), C = l(
+      () => B({
+        gutter: t.gutter
+      })
+    ), r = l(() => {
+      switch (t.size) {
+        case "2xsm":
+        case "xsm":
+        case "sm":
+          return "sm";
+        case "lg":
+        case "xlg":
+          return "lg";
+        default:
+          return "md";
+      }
+    }), c = () => {
+      const n = X(g.default ? g.default() : []), u = () => z(oe, { text: `+${n.length - i.value}` });
+      return i.value >= 1 && n.length > i.value ? [
+        ...n.filter((h, p) => p < i.value),
+        t.noPopover ? u() : z(
+          Y,
+          {
+            size: r.value,
+            ...t.popoverProps ?? {}
+          },
+          {
+            default: u,
+            content: () => z(
+              "div",
+              { class: y(C.value, t.class) },
+              {
+                default: () => n.filter((h, p) => p >= i.value)
+              }
+            )
+          }
+        )
+      ] : n;
+    };
+    return (n, u) => (m(), _("div", {
+      class: v(e(y)(C.value, t.class))
+    }, [
+      I(c, { maxCount: n.maxCount }, null, 8, ["maxCount"])
+    ], 2));
+  }
+}), E = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], G = ["gray-subtle", "white", ...se], N = ["circle", "square", "rect"], V = {
+  start: "online-start",
+  end: "online-end"
+}, oe = /* @__PURE__ */ O({
+  ...j("Avatar"),
+  __name: "Avatar",
+  props: {
+    src: { default: "" },
+    class: {},
+    onlineColor: { default: "lime" },
+    size: {},
+    stroke: {},
+    shape: {},
+    online: { type: Boolean },
+    unExtendParent: { type: Boolean, default: !1 },
+    alt: {},
+    fallback: {},
+    text: {},
+    icon: { default: "tabler:user" },
+    onlineAlignment: { default: "start" },
+    referrerPolicy: {},
+    crossOrigin: {},
+    delayMs: {}
+  },
+  emits: ["loadingStatusChange"],
+  setup(A, { emit: t }) {
+    const g = F(), a = q("avatar"), o = A, i = K(t), C = D(a, {
+      variants: {
+        size: d(E, a),
+        stroke: d(G, a),
+        shape: d(N, a),
+        onlineAlignment: d(
+          V,
+          a
+        )
+      }
+    }), r = o.unExtendParent ? void 0 : te({
+      props: o
+    }), c = l(() => o.size ?? (r == null ? void 0 : r.props.size) ?? "md"), n = l(() => o.shape ?? (r == null ? void 0 : r.props.shape) ?? "circle"), u = l(() => o.stroke ?? (r == null ? void 0 : r.props.stroke)), h = l(() => {
+      const s = c.value && E.includes(c.value) ? c.value : "md", P = u.value && G.includes(u.value) ? u.value : "none", M = n.value && N.includes(n.value) ? n.value : "circle", R = V[o.onlineAlignment] ? o.onlineAlignment : "start";
+      return {
+        size: s,
+        stroke: P,
+        shape: M,
+        onlineAlignment: R
+      };
+    }), p = l(() => {
+      switch (c.value) {
+        case "lg":
+        case "xlg":
+          return "tiny";
+        default:
+          return "tinier";
+      }
+    }), L = l(() => {
+      switch (c.value) {
+        case "lg":
+        case "xlg":
+          return "sm";
+        case "xsm":
+        case "2xsm":
+          return "3xsm";
+        case "sm":
+        case "md":
+        default:
+          return "xsm";
+      }
+    });
+    return (s, P) => (m(), k(e(Q), {
+      as: "div",
+      class: v(e(y)(e(C)(h.value), o.class))
+    }, {
+      default: S(() => [
+        !g.default && !s.text ? (m(), _(T, { key: 0 }, [
+          s.src ? (m(), k(e(U), H({ key: 0 }, e(i), {
+            src: s.src,
+            alt: s.alt,
+            class: e(f)(e(a), "image")
+          }), null, 16, ["src", "alt", "class"])) : x("", !0),
+          I(e(W), {
+            class: v(e(f)(e(a), "fallback"))
+          }, {
+            default: S(() => [
+              b(s.$slots, "fallback", {}, () => [
+                s.fallback ? x("", !0) : (m(), k(e(Z), {
+                  key: 0,
+                  icon: s.icon,
+                  size: L.value
+                }, null, 8, ["icon", "size"])),
+                $(" " + w(s.fallback), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ], 64)) : (m(), _("span", {
+          key: 1,
+          class: v(e(f)(e(a), "image"))
+        }, [
+          b(s.$slots, "default", {}, () => [
+            $(w(s.text), 1)
+          ])
+        ], 2)),
+        s.online ? (m(), k(ee, {
+          key: 2,
+          color: s.onlineColor,
+          size: p.value,
+          class: v(e(f)(e(a), "online"))
+        }, null, 8, ["color", "size", "class"])) : x("", !0)
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+export {
+  E as A,
+  oe as _,
+  G as a,
+  N as b,
+  V as c,
+  de as d,
+  te as i,
+  ae as p
+};

package/dist/Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("reka-ui"),t=require("@pantograph/utils"),z=require("class-variance-authority"),E=require("@pantograph/utils-vue"),b=require("./HoverCard.vue_vue_type_style_index_0_lang-B6a5M7RJ.js");require("./Popover.vue_vue_type_style_index_0_lang-w-n010qN.js");const N=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),w=require("./Indicator.vue_vue_type_script_setup_true_lang-g2dBu5LK.js"),G=require("./BaseBadge.model-DecqxaGN.js"),[x,y]=p.createContext("AvatarGroup"),L=e.defineComponent({...t.getComponentOptions("AvatarGroup"),__name:"AvatarGroup",props:{class:{},gutter:{type:Boolean},size:{},stroke:{default:"white"},shape:{},popoverProps:{},maxCount:{},noPopover:{type:Boolean}},setup(g){const a=g,v=e.useSlots(),n=t.getBemBlock("avatar"),r=t.getBemElement(n,"group"),f=z.cva(r,{variants:{gutter:t.generateVariantClassList("gutter",r)}});console.log("props ===>",a),y({props:a});const c=e.computed(()=>a.maxCount?Number(a.maxCount):0),d=e.computed(()=>f({gutter:a.gutter})),o=e.computed(()=>{switch(a.size){case"2xsm":case"xsm":case"sm":return"sm";case"lg":case"xlg":return"lg";default:return"md"}}),u=()=>{const l=E.flattenChildren(v.default?v.default():[]),i=()=>e.h(S,{text:`+${l.length-c.value}`});return c.value>=1&&l.length>c.value?[...l.filter((C,m)=>m<c.value),a.noPopover?i():e.h(b._sfc_main,{size:o.value,...a.popoverProps??{}},{default:i,content:()=>e.h("div",{class:t.normCls(d.value,a.class)},{default:()=>l.filter((C,m)=>m>=c.value)})})]:l};return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(d.value,a.class))},[e.createVNode(u,{maxCount:l.maxCount},null,8,["maxCount"])],2))}}),k=["2xsm","xsm","sm","md","lg","xlg"],_=["gray-subtle","white",...G.BadgeColors],A=["circle","square","rect"],B={start:"online-start",end:"online-end"},S=e.defineComponent({...t.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{},stroke:{},shape:{},online:{type:Boolean},unExtendParent:{type:Boolean,default:!1},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},crossOrigin:{},delayMs:{}},emits:["loadingStatusChange"],setup(g,{emit:a}){const v=e.useSlots(),n=t.getBemBlock("avatar"),r=g,f=a,c=p.useEmitAsProps(f),d=z.cva(n,{variants:{size:t.generateVariantClassList(k,n),stroke:t.generateVariantClassList(_,n),shape:t.generateVariantClassList(A,n),onlineAlignment:t.generateVariantClassList(B,n)}}),o=r.unExtendParent?void 0:x({props:r}),u=e.computed(()=>r.size??(o==null?void 0:o.props.size)??"md"),l=e.computed(()=>r.shape??(o==null?void 0:o.props.shape)??"circle"),i=e.computed(()=>r.stroke??(o==null?void 0:o.props.stroke)),C=e.computed(()=>{const s=u.value&&k.includes(u.value)?u.value:"md",h=i.value&&_.includes(i.value)?i.value:"none",P=l.value&&A.includes(l.value)?l.value:"circle",q=B[r.onlineAlignment]?r.onlineAlignment:"start";return{size:s,stroke:h,shape:P,onlineAlignment:q}}),m=e.computed(()=>{switch(u.value){case"lg":case"xlg":return"tiny";default:return"tinier"}}),V=e.computed(()=>{switch(u.value){case"lg":case"xlg":return"sm";case"xsm":case"2xsm":return"3xsm";case"sm":case"md":default:return"xsm"}});return(s,h)=>(e.openBlock(),e.createBlock(e.unref(p.AvatarRoot),{as:"div",class:e.normalizeClass(e.unref(t.normCls)(e.unref(d)(C.value),r.class))},{default:e.withCtx(()=>[!v.default&&!s.text?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s.src?(e.openBlock(),e.createBlock(e.unref(p.AvatarImage),e.mergeProps({key:0},e.unref(c),{src:s.src,alt:s.alt,class:e.unref(t.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(p.AvatarFallback),{class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"fallback",{},()=>[s.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(N._sfc_main),{key:0,icon:s.icon,size:V.value},null,8,["icon","size"])),e.createTextVNode(" "+e.toDisplayString(s.fallback),1)])]),_:3},8,["class"])],64)):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"image"))},[e.renderSlot(s.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(s.text),1)])],2)),s.online?(e.openBlock(),e.createBlock(w._sfc_main,{key:2,color:s.onlineColor,size:m.value,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(n),"online"))},null,8,["color","size","class"])):e.createCommentVNode("",!0)]),_:3},8,["class"]))}});exports.AvatarOnlineAlignments=B;exports.AvatarShapes=A;exports.AvatarSizes=k;exports.AvatarStrokes=_;exports._sfc_main=S;exports._sfc_main$1=L;exports.injectAvatarGroupContext=x;exports.provideAvatarGroupContext=y;

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -1,11 +1,11 @@
-import { AvatarShape, AvatarSize } from '../Avatar';
-import { ComputedRef } from 'vue';
+import { AvatarShape, AvatarSize, AvatarStroke } from '../Avatar';
 import { HoverCardProps } from '../HoverCard';
 import { ClassValue } from 'class-variance-authority/types';
 export type AvatarGroupProps = {
     class?: ClassValue;
     gutter?: boolean;
     size?: AvatarSize;
+    stroke?: AvatarStroke;
     shape?: AvatarShape;
     popoverProps?: HoverCardProps;
     maxCount?: number | string;
@@ -15,11 +15,12 @@ export interface AvatarGroupSlots {
     default?: () => never;
 }
 interface Context {
-    size: ComputedRef<AvatarGroupProps['size']>;
-    shape: ComputedRef<AvatarGroupProps['shape']>;
+    props: AvatarGroupProps;
 }
 export declare const injectAvatarGroupContext: <T extends Context | null | undefined = Context>(fallback?: T | undefined) => T extends null ? Context | null : Context, provideAvatarGroupContext: (contextValue: Context) => Context;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<AvatarGroupSlots> & AvatarGroupSlots>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
+    stroke: AvatarStroke;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<AvatarGroupSlots> & AvatarGroupSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-CS0wzmEg.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang--FN9tQw0.js";
 export {
   t as AvatarGroup,
   o as injectAvatarGroupContext,

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-DtvtisQt.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-BTweD2oV.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Chip/Chip.d.ts

@@ -45,6 +45,7 @@ declare const __VLS_component: import('vue').DefineComponent<ChipProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<ChipProps> & Readonly<{
     onClose?: ((event: MouseEvent) => any) | undefined;
 }>, {
+    color: ChipColor;
     size: ChipSize;
     closeable: boolean;
     unExtendParent: boolean;

package/dist/Chip/Chip.model.d.ts

@@ -1,4 +1,4 @@
 export declare const ChipSizes: readonly ["xsm", "sm", "md"];
 export type ChipSize = (typeof ChipSizes)[number];
-export declare const ChipColors: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard"];
+export declare const ChipColors: readonly ["primary", "gray", "red", "orange", "amber", "yellow", "lime", "green", "teal", "cyan", "sky", "blue", "ocean", "violet", "amethyst", "fuchsia", "pink", "mallard", "default"];
 export type ChipColor = (typeof ChipColors)[number];

package/dist/Chip/index.js

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

package/dist/Chip/index.umd.cjs

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

package/dist/{Chip.vue_vue_type_style_index_0_lang-C5g6ivHU.js → Chip.vue_vue_type_style_index_0_lang-CGBRYOsr.js}

@@ -1,4 +1,4 @@
-import { defineComponent as x, useSlots as D, computed as a, createElementBlock as O, openBlock as z, normalizeClass as B, unref as i, createVNode as L, h as g, renderSlot as k, createCommentVNode as W, normalizeProps as $, guardReactiveProps as E, createBlock as M, createTextVNode as Q, toDisplayString as U } from "vue";
+import { defineComponent as x, useSlots as D, computed as n, createElementBlock as O, openBlock as z, normalizeClass as B, unref as i, createVNode as L, h as g, renderSlot as k, createCommentVNode as W, normalizeProps as $, guardReactiveProps as E, createBlock as M, createTextVNode as Q, toDisplayString as U } from "vue";
 import { getComponentOptions as R, getBemBlock as q, generateVariantClassList as u, normCls as y, getBemElement as _ } from "@pantograph/utils";
 import { cva as F } from "class-variance-authority";
 import { _ as j } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
@@ -11,7 +11,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
   ...R("ChipGroup"),
   __name: "ChipGroup",
   props: {
-    color: {},
+    color: { default: "default" },
     size: { default: "md" },
     closeIcon: {},
     icon: {},
@@ -33,14 +33,14 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
         s("close", l, p);
       }
     });
-    const r = a(() => o.maxCount ? Number(o.maxCount) : 0), P = () => {
+    const r = n(() => o.maxCount ? Number(o.maxCount) : 0), P = () => {
       const l = X(m.default ? m.default() : []), p = () => g(
         "div",
         { class: y(_(d, "truncate"), o.truncateCls) },
         `+${l.length - r.value}`
       );
       return r.value >= 1 && l.length > r.value ? [
-        ...l.filter((n, t) => t < r.value),
+        ...l.filter((a, t) => t < r.value),
         o.noPopover ? p() : g(
           Z,
           { size: o.size === "md" ? "md" : "sm", ...o.popoverProps ?? {} },
@@ -50,7 +50,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
               "div",
               { class: v(o) },
               {
-                default: () => l.filter((n, t) => t >= r.value)
+                default: () => l.filter((a, t) => t >= r.value)
               }
             )
           }
@@ -68,7 +68,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
       L(P)
     ], 2));
   }
-}), H = ["xsm", "sm", "md"], te = [...Y], ve = /* @__PURE__ */ x({
+}), H = ["xsm", "sm", "md"], te = [...Y, "default"], ve = /* @__PURE__ */ x({
   ...R("Chip"),
   __name: "Chip",
   props: {
@@ -82,7 +82,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
     icon: {},
     closeIcon: { default: "tabler:x" },
     closeIconCls: {},
-    color: {},
+    color: { default: "default" },
     overlayActions: { type: Boolean, default: void 0 },
     stopPropagationOnClose: { type: Boolean },
     closeable: { type: Boolean, default: void 0 },
@@ -93,28 +93,28 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
   },
   emits: ["close"],
   setup(S, { emit: A }) {
-    const s = S, o = s.unExtendParent ? void 0 : oe({}), m = a(() => {
+    const s = S, o = s.unExtendParent ? void 0 : oe({}), m = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.size) ?? s.size;
-    }), N = a(() => {
+    }), N = n(() => {
       var e;
       return s.color ?? ((e = o == null ? void 0 : o.props) == null ? void 0 : e.color) ?? "primary";
-    }), r = a(() => {
+    }), r = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.overlayActions) ?? s.overlayActions;
-    }), P = a(() => {
+    }), P = n(() => {
       var e;
       return s.selected ?? ((e = o == null ? void 0 : o.props) == null ? void 0 : e.selected);
-    }), d = a(() => {
+    }), d = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.closeIcon) ?? s.closeIcon;
-    }), v = a(() => {
+    }), v = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.icon) ?? s.icon;
-    }), l = a(() => {
+    }), l = n(() => {
       var e;
       return ((e = o == null ? void 0 : o.props) == null ? void 0 : e.closeable) ?? s.closeable;
-    }), p = A, n = D(), t = q("chip"), J = F(t, {
+    }), p = A, a = D(), t = q("chip"), J = F(t, {
       variants: {
         size: u(H, t),
         color: u(te, t),
@@ -123,9 +123,9 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
         readonly: u("readonly", t)
       }
     }), I = (e) => {
-      var C;
-      e.stopPropagation(), (C = o == null ? void 0 : o.onClose) == null || C.call(o, s, e), p("close", e);
-    }, c = a(() => ({
+      var f;
+      e.stopPropagation(), (f = o == null ? void 0 : o.onClose) == null || f.call(o, s, e), p("close", e);
+    }, c = n(() => ({
       onClose: I,
       size: (() => {
         switch (m.value) {
@@ -137,11 +137,11 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
       })()
     })), K = () => {
       var T, V;
-      const e = (T = n.overlayActions) == null ? void 0 : T.call(n, c.value), C = !G(e), f = r.value && C;
-      if ((l.value || f) && !s.readonly) {
+      const e = (T = a.overlayActions) == null ? void 0 : T.call(a, c.value), f = !G(e), C = r.value && f;
+      if ((l.value || C) && !s.readonly) {
         const h = [];
-        if (f && h.push(e), l.value) {
-          const w = (V = n.close) == null ? void 0 : V.call(n, c.value);
+        if (C && h.push(e), l.value) {
+          const w = (V = a.close) == null ? void 0 : V.call(a, c.value);
           G(w) ? h.push(
             g(j, {
               onClick: (b) => {
@@ -164,8 +164,8 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
       }
       return null;
     };
-    return (e, C) => {
-      var f;
+    return (e, f) => {
+      var C;
       return z(), O("div", {
         class: B(
           i(y)(
@@ -188,7 +188,7 @@ const [oe, se] = ee("ChipGroup"), me = /* @__PURE__ */ x({
             class: B(e.iconCls)
           }, null, 8, ["size", "icon", "class"])) : W("", !0)
         ]),
-        !i(G)((f = n.text) == null ? void 0 : f.call(n, c.value)) || e.text ? (z(), O("div", {
+        !i(G)((C = a.text) == null ? void 0 : C.call(a, c.value)) || e.text ? (z(), O("div", {
           key: 0,
           class: B(i(y)(i(_)(i(t), "text"), e.textCls))
         }, [

package/dist/Chip.vue_vue_type_style_index_0_lang-Cr9OkEzs.js

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

package/dist/ChipGroup/ChipGroup.d.ts

@@ -25,6 +25,7 @@ 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;
     closeable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, Readonly<{

package/dist/ChipGroup/index.js

@@ -1,4 +1,4 @@
-import { b as t, b as e, i, p as r } from "../Chip.vue_vue_type_style_index_0_lang-C5g6ivHU.js";
+import { b as t, b as e, i, p as r } from "../Chip.vue_vue_type_style_index_0_lang-CGBRYOsr.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("../Chip.vue_vue_type_style_index_0_lang-AeVPgAnJ.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("../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;

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