@pantograph/vue 0.30.8 → 0.30.10

package/dist/ActionButton/ActionButton.d.ts

@@ -102,8 +102,8 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
             }, string, {
-                color: import('..').ButtonColor;
                 type: ButtonType;
+                color: import('..').ButtonColor;
                 htmlType: "reset" | "submit" | "button";
                 disabled: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -127,13 +127,13 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            color: import('..').ButtonColor;
             type: ButtonType;
+            color: import('..').ButtonColor;
             htmlType: "reset" | "submit" | "button";
             disabled: boolean;
         }> & Omit<Readonly<BaseButtonProps> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("type" | "color" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -243,8 +243,8 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            color: import('..').ButtonColor;
             type: ButtonType;
+            color: import('..').ButtonColor;
             htmlType: "reset" | "submit" | "button";
             disabled: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -268,13 +268,13 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        color: import('..').ButtonColor;
         type: ButtonType;
+        color: import('..').ButtonColor;
         htmlType: "reset" | "submit" | "button";
         disabled: boolean;
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("type" | "color" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js";
+import { _ as t } from "../ActionButton.vue_vue_type_script_setup_true_lang-DxSqcwKk.js";
 import { installComponent as o } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const r = o(t, n("ActionButton"));

package/dist/ActionButton/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-CH_Oquxt.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("ActionButton"));exports.ActionButton=t._sfc_main;exports.default=t._sfc_main;exports.ActionButtonPlugin=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../ActionButton.vue_vue_type_script_setup_true_lang-D9p0ZSR8.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("ActionButton"));exports.ActionButton=t._sfc_main;exports.default=t._sfc_main;exports.ActionButtonPlugin=u;

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-D9p0ZSR8.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),u=require("./BaseButton.vue_vue_type_style_index_0_lang-DMu6fhel.js"),y=require("@pantograph/utils"),_=e.defineComponent({...y.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{type:[Array,Object,String,Number,null,Boolean]},text:{},size:{},noRing:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},customStroke:{type:Boolean},preIconCustomStroke:{type:Boolean},postIconCustomStroke:{type:Boolean},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{},type:{},variant:{}},setup(r,{expose:s}){const a=r,c=e.useAttrs(),i=e.computed(()=>({...p.omit(c,["color","type","variant","action"]),...a})),t=e.ref();return s({focus(){var o;(o=t.value)==null||o.focus()},blur(){var o;(o=t.value)==null||o.blur()}}),(o,f)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(i.value,{action:"",ref_key:"buttonRef",ref:t}),e.createSlots({_:2},[e.renderList(Object.keys(o.$slots),n=>({name:n,fn:e.withCtx(l=>[e.renderSlot(o.$slots,n,e.normalizeProps(e.guardReactiveProps(l)))])}))]),1040))}});exports._sfc_main=_;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-CBomTo6K.js → ActionButton.vue_vue_type_script_setup_true_lang-DxSqcwKk.js}

@@ -1,13 +1,13 @@
-import { defineComponent as c, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as d, mergeProps as y, createSlots as B, renderList as b, withCtx as g, renderSlot as _, normalizeProps as v, guardReactiveProps as k } from "vue";
+import { defineComponent as c, useAttrs as l, computed as u, ref as m, createBlock as f, openBlock as y, mergeProps as d, createSlots as B, renderList as b, withCtx as g, renderSlot as _, normalizeProps as v, guardReactiveProps as k } from "vue";
 import { omit as I } from "es-toolkit";
-import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-f9XsnFlF.js";
-import { getComponentOptions as h } from "@pantograph/utils";
-const A = /* @__PURE__ */ c({
-  ...h("ActionButton", !1),
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-DklrsHU0.js";
+import { getComponentOptions as S } from "@pantograph/utils";
+const R = /* @__PURE__ */ c({
+  ...S("ActionButton", !1),
   __name: "ActionButton",
   props: {
     as: {},
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     text: {},
     size: {},
     noRing: { type: Boolean },
@@ -35,10 +35,10 @@ const A = /* @__PURE__ */ c({
     variant: {}
   },
   setup(n, { expose: r }) {
-    const a = n, p = l(), s = m(() => ({
+    const a = n, p = l(), s = u(() => ({
       ...I(p, ["color", "type", "variant", "action"]),
       ...a
-    })), e = u();
+    })), e = m();
     return r({
       focus() {
         var o;
@@ -48,7 +48,7 @@ const A = /* @__PURE__ */ c({
         var o;
         (o = e.value) == null || o.blur();
       }
-    }), (o, C) => (d(), f(O, y(s.value, {
+    }), (o, h) => (y(), f(O, d(s.value, {
       action: "",
       ref_key: "buttonRef",
       ref: e
@@ -63,5 +63,5 @@ const A = /* @__PURE__ */ c({
   }
 });
 export {
-  A as _
+  R as _
 };

package/dist/Alert/Alert.d.ts

@@ -1,6 +1,6 @@
 import { AlertType } from './Alert.model';
 import { LinkProps } from '../Link';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface AlertProps {
     type?: AlertType;
     closeable?: boolean;

package/dist/Alert/index.js

@@ -1,123 +1,123 @@
-import { defineComponent as h, useSlots as A, computed as N, createElementBlock as c, openBlock as n, normalizeStyle as P, normalizeClass as t, unref as o, createBlock as S, createCommentVNode as p, createElementVNode as V, createSlots as z, withCtx as w, renderSlot as i, createTextVNode as f, toDisplayString as g, createVNode as u, normalizeProps as E, guardReactiveProps as I } from "vue";
-import { getComponentOptions as L, getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a, getComponentName as M } from "@pantograph/utils";
-import { cva as O } from "class-variance-authority";
-import { _ as R } from "../IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js";
-import { _ as j } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js";
-import { Link as q } from "../Link/index.js";
-import { installComponent as F } from "@pantograph/utils-vue";
-const G = ["info", "success", "danger", "warning", "hint"], H = /* @__PURE__ */ h({
-  ...L("Alert"),
+import { defineComponent as N, useSlots as S, computed as $, createElementBlock as m, openBlock as r, normalizeStyle as h, normalizeClass as o, unref as e, createBlock as O, createCommentVNode as b, createElementVNode as j, createSlots as P, withCtx as V, renderSlot as i, createTextVNode as g, toDisplayString as p, createVNode as f, normalizeProps as z, guardReactiveProps as w } from "vue";
+import { getComponentOptions as E, getBemBlock as I, generateVariantClassList as L, normCls as s, getBemElement as c, getComponentName as T } from "@pantograph/utils";
+import { cva as x } from "class-variance-authority";
+import { _ as D } from "../IconButton.vue_vue_type_script_setup_true_lang-k-2rKarz.js";
+import { _ as M } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Bnu4NkgN.js";
+import { Link as R } from "../Link/index.js";
+import { installComponent as q } from "@pantograph/utils-vue";
+const F = ["info", "success", "danger", "warning", "hint"], G = /* @__PURE__ */ N({
+  ...E("Alert"),
   __name: "Alert",
   props: {
     type: { default: "hint" },
     closeable: { type: Boolean },
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     icon: {},
-    iconCls: {},
-    bodyCls: {},
-    closeableCls: {},
+    iconCls: { type: [Array, Object, String, Number, null, Boolean] },
+    bodyCls: { type: [Array, Object, String, Number, null, Boolean] },
+    closeableCls: { type: [Array, Object, String, Number, null, Boolean] },
     fg: {},
     br: {},
     bg: {},
     title: {},
-    titleCls: {},
+    titleCls: { type: [Array, Object, String, Number, null, Boolean] },
     description: {},
-    descriptionCls: {},
+    descriptionCls: { type: [Array, Object, String, Number, null, Boolean] },
     link: { type: Boolean },
     linkProps: {}
   },
   emits: ["close"],
-  setup(y, { emit: C }) {
-    const m = y, k = C, l = T("alert"), B = O(l, {
+  setup(t, { emit: C }) {
+    const u = t, B = C, l = I("alert"), k = x(l, {
       variants: {
-        type: D(G, l)
+        type: L(F, l)
         // hasChild: generateVariantClassList('has-child', prefix),
       }
-    }), s = A(), v = {
+    }), n = S(), v = {
       success: "tabler:circle-check",
       warning: "tabler:alert-triangle",
       danger: "tabler:circle-x",
       hint: "tabler:bulb",
       info: "tabler:info-circle"
-    }, d = N(() => m.icon ?? v[m.type]);
-    return (e, b) => (n(), c("div", {
-      class: t(
-        o(r)(
-          o(B)({
-            type: e.type
+    }, y = $(() => u.icon ?? v[u.type]);
+    return (a, d) => (r(), m("div", {
+      class: o(
+        e(s)(
+          e(k)({
+            type: t.type
           }),
-          m.class
+          u.class
         )
       ),
-      style: P({
-        "--ptc-alert-fg": e.fg,
-        "--ptc-alert-bg": e.bg,
-        "--ptc-alert-br": e.br
+      style: h({
+        "--ptc-alert-fg": t.fg,
+        "--ptc-alert-bg": t.bg,
+        "--ptc-alert-br": t.br
       })
     }, [
-      s.icon || d.value ? (n(), S(j, {
+      n.icon || y.value ? (r(), O(M, {
         key: 0,
         size: "md",
-        icon: d.value,
-        class: t(o(r)(o(a)(o(l), "icon"), e.iconCls))
-      }, z({ _: 2 }, [
-        s.icon ? {
+        icon: y.value,
+        class: o(e(s)(e(c)(e(l), "icon"), t.iconCls))
+      }, P({ _: 2 }, [
+        n.icon ? {
           name: "icon",
-          fn: w(() => [
-            i(e.$slots, "icon")
+          fn: V(() => [
+            i(a.$slots, "icon")
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["icon", "class"])) : p("", !0),
-      V("div", {
-        class: t(o(r)(o(a)(o(l), "body"), e.bodyCls))
+      ]), 1032, ["icon", "class"])) : b("", !0),
+      j("div", {
+        class: o(e(s)(e(c)(e(l), "body"), t.bodyCls))
       }, [
-        i(e.$slots, "default", {}, () => [
-          e.title || s.title ? (n(), c("div", {
+        i(a.$slots, "default", {}, () => [
+          t.title || n.title ? (r(), m("div", {
             key: 0,
-            class: t(o(r)(o(a)(o(l), "title"), e.titleCls, "paragraph"))
+            class: o(e(s)(e(c)(e(l), "title"), t.titleCls, "paragraph"))
           }, [
-            i(e.$slots, "title", {}, () => [
-              f(g(e.title), 1)
+            i(a.$slots, "title", {}, () => [
+              g(p(t.title), 1)
             ])
-          ], 2)) : p("", !0),
-          e.description || s.description ? (n(), c("div", {
+          ], 2)) : b("", !0),
+          t.description || n.description ? (r(), m("div", {
             key: 1,
-            class: t(o(r)(o(a)(o(l), "description"), e.descriptionCls, "paragraph"))
+            class: o(e(s)(e(c)(e(l), "description"), t.descriptionCls, "paragraph"))
           }, [
-            i(e.$slots, "description", {}, () => [
-              f(g(e.description), 1)
+            i(a.$slots, "description", {}, () => [
+              g(p(t.description), 1)
             ])
-          ], 2)) : p("", !0),
-          e.link || s.link ? (n(), c("div", {
+          ], 2)) : b("", !0),
+          t.link || n.link ? (r(), m("div", {
             key: 2,
-            class: t(o(a)(o(l), "action"))
+            class: o(e(c)(e(l), "action"))
           }, [
-            i(e.$slots, "link", {}, () => [
-              u(o(q), E(I(e.linkProps)), null, 16)
+            i(a.$slots, "link", {}, () => [
+              f(e(R), z(w(t.linkProps)), null, 16)
             ])
-          ], 2)) : p("", !0)
+          ], 2)) : b("", !0)
         ])
       ], 2),
-      m.closeable || s.closeable ? (n(), c("div", {
+      u.closeable || n.closeable ? (r(), m("div", {
         key: 1,
-        class: t(o(r)(o(a)(o(l), "closeable"), e.closeableCls))
+        class: o(e(s)(e(c)(e(l), "closeable"), t.closeableCls))
       }, [
-        i(e.$slots, "closeable", {}, () => [
-          u(R, {
+        i(a.$slots, "closeable", {}, () => [
+          f(D, {
             icon: "tabler:x",
             color: "neutral",
             type: "ghost",
-            onClick: b[0] || (b[0] = ($) => k("close", $))
+            onClick: d[0] || (d[0] = (A) => B("close", A))
           })
         ])
-      ], 2)) : p("", !0)
+      ], 2)) : b("", !0)
     ], 6));
   }
-}), Z = F(H, M("Alert"));
+}), Y = q(G, T("Alert"));
 export {
-  H as Alert,
-  Z as AlertPlugin,
-  G as AlertTypes,
-  H as default
+  G as Alert,
+  Y as AlertPlugin,
+  F as AlertTypes,
+  G as default
 };

package/dist/Alert/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@pantograph/utils"),g=require("class-variance-authority"),k=require("../IconButton.vue_vue_type_script_setup_true_lang-CxiVq3Pa.js"),B=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-mMrUHRm_.js"),y=require("../Link/index.umd.cjs"),b=require("@pantograph/utils-vue"),c=["info","success","danger","warning","hint"],s=e.defineComponent({...l.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{},icon:{},iconCls:{},bodyCls:{},closeableCls:{},fg:{},br:{},bg:{},title:{},titleCls:{},description:{},descriptionCls:{},link:{type:Boolean},linkProps:{}},emits:["close"],setup(u,{emit:m}){const r=u,p=m,n=l.getBemBlock("alert"),d=g.cva(n,{variants:{type:l.generateVariantClassList(c,n)}}),o=e.useSlots(),f={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},a=e.computed(()=>r.icon??f[r.type]);return(t,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(d)({type:t.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[o.icon||a.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:a.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(e.unref(y.Link),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(k._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:i[0]||(i[0]=C=>p("close",C))})])],2)):e.createCommentVNode("",!0)],6))}}),v=b.installComponent(s,l.getComponentName("Alert"));exports.Alert=s;exports.AlertPlugin=v;exports.AlertTypes=c;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),l=require("@pantograph/utils"),f=require("class-variance-authority"),C=require("../IconButton.vue_vue_type_script_setup_true_lang-zUlWLsjp.js"),p=require("../GraphicalObject.vue_vue_type_script_setup_true_lang-BDZKksip.js"),B=require("../Link/index.umd.cjs"),k=require("@pantograph/utils-vue"),u=["info","success","danger","warning","hint"],a=e.defineComponent({...l.getComponentOptions("Alert"),__name:"Alert",props:{type:{default:"hint"},closeable:{type:Boolean},class:{type:[Array,Object,String,Number,null,Boolean]},icon:{},iconCls:{type:[Array,Object,String,Number,null,Boolean]},bodyCls:{type:[Array,Object,String,Number,null,Boolean]},closeableCls:{type:[Array,Object,String,Number,null,Boolean]},fg:{},br:{},bg:{},title:{},titleCls:{type:[Array,Object,String,Number,null,Boolean]},description:{},descriptionCls:{type:[Array,Object,String,Number,null,Boolean]},link:{type:Boolean},linkProps:{}},emits:["close"],setup(t,{emit:m}){const s=t,d=m,n=l.getBemBlock("alert"),g=f.cva(n,{variants:{type:l.generateVariantClassList(u,n)}}),r=e.useSlots(),y={success:"tabler:circle-check",warning:"tabler:alert-triangle",danger:"tabler:circle-x",hint:"tabler:bulb",info:"tabler:info-circle"},i=e.computed(()=>s.icon??y[s.type]);return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(g)({type:t.type}),s.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[r.icon||i.value?(e.openBlock(),e.createBlock(p._sfc_main,{key:0,size:"md",icon:i.value,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"icon"),t.iconCls))},e.createSlots({_:2},[r.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"body"),t.bodyCls))},[e.renderSlot(o.$slots,"default",{},()=>[t.title||r.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"title"),t.titleCls,"paragraph"))},[e.renderSlot(o.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||r.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(o.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||r.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(l.getBemElement)(e.unref(n),"action"))},[e.renderSlot(o.$slots,"link",{},()=>[e.createVNode(e.unref(B.Link),e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),s.closeable||r.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(l.normCls)(e.unref(l.getBemElement)(e.unref(n),"closeable"),t.closeableCls))},[e.renderSlot(o.$slots,"closeable",{},()=>[e.createVNode(C._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:c[0]||(c[0]=b=>d("close",b))})])],2)):e.createCommentVNode("",!0)],6))}}),v=k.installComponent(a,l.getComponentName("Alert"));exports.Alert=a;exports.AlertPlugin=v;exports.AlertTypes=u;exports.default=a;

package/dist/Avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import { AvatarFallbackProps, AvatarImageProps } from 'reka-ui';
 import { BadgeColor } from '../Base/BaseBadge/BaseBadge.model';
 import { AvatarSize, AvatarStroke, AvatarShape, AvatarOnlineAlignment } from './Avatar.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface AvatarProps extends Omit<AvatarImageProps, 'asChild' | 'as' | 'src'>, Omit<AvatarFallbackProps, 'asChild' | 'as' | 'src'> {
     src?: string;
     class?: ClassValue;

package/dist/Avatar/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
-import { c as A, b as p, A as v, a as f } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
+import { _ as a } from "../Avatar.vue_vue_type_style_index_0_lang-5wPimdpu.js";
+import { c as A, b as p, A as v, a as f } from "../Avatar.vue_vue_type_style_index_0_lang-5wPimdpu.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as r } from "@pantograph/utils";
 const m = t(a, r("Avatar"));

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-DldQzFne.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../Avatar.vue_vue_type_style_index_0_lang-KicZdDY5.js"),t=require("@pantograph/utils-vue"),e=require("@pantograph/utils"),r=t.installComponent(a._sfc_main,e.getComponentName("Avatar"));exports.Avatar=a._sfc_main;exports.AvatarOnlineAlignments=a.AvatarOnlineAlignments;exports.AvatarShapes=a.AvatarShapes;exports.AvatarSizes=a.AvatarSizes;exports.AvatarStrokes=a.AvatarStrokes;exports.default=a._sfc_main;exports.AvatarPlugin=r;

package/dist/Avatar.vue_vue_type_style_index_0_lang-5wPimdpu.js

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

package/dist/Avatar.vue_vue_type_style_index_0_lang-KicZdDY5.js

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

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -1,6 +1,6 @@
 import { AvatarShape, AvatarSize, AvatarStroke } from '../Avatar';
 import { HoverCardProps } from '../HoverCard';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export type AvatarGroupProps = {
     class?: ClassValue;
     gutter?: boolean;

package/dist/AvatarGroup/index.js

@@ -1,4 +1,4 @@
-import { d as p, e, i, p as u } from "../Avatar.vue_vue_type_style_index_0_lang-Br3Z0y8H.js";
+import { d as p, e, i, p as u } from "../Avatar.vue_vue_type_style_index_0_lang-5wPimdpu.js";
 import "@pantograph/utils-vue";
 import "@pantograph/utils";
 export {

package/dist/AvatarGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../Avatar.vue_vue_type_style_index_0_lang-DldQzFne.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.AvatarGroup=r._sfc_main$1;exports.AvatarGroupPlugin=r.AvatarGroupPlugin;exports.injectAvatarGroupContext=r.injectAvatarGroupContext;exports.provideAvatarGroupContext=r.provideAvatarGroupContext;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../Avatar.vue_vue_type_style_index_0_lang-KicZdDY5.js");require("@pantograph/utils-vue");require("@pantograph/utils");exports.AvatarGroup=r._sfc_main$1;exports.AvatarGroupPlugin=r.AvatarGroupPlugin;exports.injectAvatarGroupContext=r.injectAvatarGroupContext;exports.provideAvatarGroupContext=r.provideAvatarGroupContext;

package/dist/Badge/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../Badge.vue_vue_type_script_setup_true_lang-BYCiP2uS.js";
+import { _ as o } from "../Badge.vue_vue_type_script_setup_true_lang-D5HMKOHA.js";
 import { installComponent as a } from "@pantograph/utils-vue";
 import { getComponentName as m } from "@pantograph/utils";
 const r = a(o, m("Badge"));

package/dist/Badge/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Badge.vue_vue_type_script_setup_true_lang-BVE5H-tP.js"),t=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,u.getComponentName("Badge"));exports.Badge=e._sfc_main;exports.default=e._sfc_main;exports.BadgePlugin=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Badge.vue_vue_type_script_setup_true_lang-CQFRqDV5.js"),t=require("@pantograph/utils-vue"),u=require("@pantograph/utils"),n=t.installComponent(e._sfc_main,u.getComponentName("Badge"));exports.Badge=e._sfc_main;exports.default=e._sfc_main;exports.BadgePlugin=n;

package/dist/Badge.vue_vue_type_script_setup_true_lang-CQFRqDV5.js

@@ -0,0 +1 @@
+"use strict";const o=require("vue"),f=require("es-toolkit"),B=require("./BaseBadge.vue_vue_type_style_index_0_lang-DDBBnMzY.js"),m=require("@pantograph/utils"),s=require("./BaseBadge.model-DecqxaGN.js"),r=require("@pantograph/tokens"),y=o.defineComponent({...m.getComponentOptions("Badge",!1),__name:"Badge",props:{class:{type:[Array,Object,String,Number,null,Boolean]},text:{},icon:{},flipOnDir:{},customStroke:{type:Boolean},size:{},color:{default:"primary"}},setup(c){const e=c,a=o.useAttrs(),t=[...s.BadgeColors,...s.BadgeColorsSubtle],i=[...s.BadgeColors,...s.BadgeColorsSubtle],u=()=>{if(i.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-6");if(e.color==="yellow")return r.getCssCoreColor("grayscale-dark-0");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-5`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor("grayscale-light-0")}},g=()=>{if(t.includes(e.color)){if(e.color==="gray-subtle")return r.getCssCoreColor("gray-1");if(s.BadgeColorsSubtle.includes(e.color))return r.getCssCoreColor(`${e.color.replace("-subtle","")}-0`);if(s.BadgeColors.includes(e.color))return r.getCssCoreColor(`${e.color}-5`)}},C=o.computed(()=>e.color&&t.includes(e.color)?{bg:g(),fg:u()}:{bg:r.getCssCoreColor("primary-5"),fg:r.getCssCoreColor("primary-oncolor")}),d=o.computed(()=>({...f.omit(a,["type"]),...e,...C.value}));return(l,_)=>(o.openBlock(),o.createBlock(B._sfc_main,o.mergeProps(d.value,{type:"pill"}),o.createSlots({_:2},[o.renderList(Object.keys(l.$slots),n=>({name:n,fn:o.withCtx(p=>[o.renderSlot(l.$slots,n,o.normalizeProps(o.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=y;