@pantograph/vue 0.6.5 → 0.7.0

package/dist/ActionButton/ActionButton.d.ts

@@ -4,158 +4,10 @@ export type ActionButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | '
     type?: Exclude<ButtonType, 'fill'>;
     variant?: Exclude<ButtonVariant, 'float'>;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
-    refs: {
-        buttonRef: ({
-            $: import('vue').ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-                readonly text?: (string | number) | undefined;
-                readonly size?: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
-                readonly color?: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
-                readonly type?: ButtonType | undefined;
-                readonly variant?: ButtonVariant | undefined;
-                readonly loading?: boolean | undefined;
-                readonly action?: boolean | undefined;
-                readonly active?: boolean | undefined;
-                readonly badgeText?: string | undefined;
-                readonly badgeIcon?: string | undefined;
-                readonly icon?: string | undefined;
-                readonly preIcon?: string | undefined;
-                readonly postIcon?: string | undefined;
-                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
-            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: any;
-            $slots: Readonly<{
-                [name: string]: import('vue').Slot<any> | undefined;
-            }>;
-            $root: import('vue').ComponentPublicInstance | null;
-            $parent: import('vue').ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: string, ...args: any[]) => void;
-            $el: any;
-            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
-                focus(): void;
-                blur(): void;
-            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-                type: ButtonType;
-                color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
-                as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $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<{
-            type: ButtonType;
-            color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-            focus(): void;
-            blur(): void;
-        }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
-        }) | null;
-    };
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ActionButtonProps, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ActionButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
-    buttonRef: ({
-        $: import('vue').ComponentInternalInstance;
-        $data: {};
-        $props: {
-            readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-            readonly text?: (string | number) | undefined;
-            readonly size?: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
-            readonly color?: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
-            readonly type?: ButtonType | undefined;
-            readonly variant?: ButtonVariant | undefined;
-            readonly loading?: boolean | undefined;
-            readonly action?: boolean | undefined;
-            readonly active?: boolean | undefined;
-            readonly badgeText?: string | undefined;
-            readonly badgeIcon?: string | undefined;
-            readonly icon?: string | undefined;
-            readonly preIcon?: string | undefined;
-            readonly postIcon?: string | undefined;
-            readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        $attrs: {
-            [x: string]: unknown;
-        };
-        $refs: any;
-        $slots: Readonly<{
-            [name: string]: import('vue').Slot<any> | undefined;
-        }>;
-        $root: import('vue').ComponentPublicInstance | null;
-        $parent: import('vue').ComponentPublicInstance | null;
-        $host: Element | null;
-        $emit: (event: string, ...args: any[]) => void;
-        $el: any;
-        $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
-            focus(): void;
-            blur(): void;
-        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
-            type: ButtonType;
-            color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
-            beforeCreate?: (() => void) | (() => void)[];
-            created?: (() => void) | (() => void)[];
-            beforeMount?: (() => void) | (() => void)[];
-            mounted?: (() => void) | (() => void)[];
-            beforeUpdate?: (() => void) | (() => void)[];
-            updated?: (() => void) | (() => void)[];
-            activated?: (() => void) | (() => void)[];
-            deactivated?: (() => void) | (() => void)[];
-            beforeDestroy?: (() => void) | (() => void)[];
-            beforeUnmount?: (() => void) | (() => void)[];
-            destroyed?: (() => void) | (() => void)[];
-            unmounted?: (() => void) | (() => void)[];
-            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
-            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
-        };
-        $forceUpdate: () => void;
-        $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<{
-        type: ButtonType;
-        color: import('../Base/BaseButton/BaseButton.model', { with: { "resolution-mode": "import" } }).ButtonColor;
-        as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
-        focus(): void;
-        blur(): void;
-    }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
-    }) | null;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ActionButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseButtonSlots> & BaseButtonSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/ActionButton/{index.es.js → index.js.js}

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-9sHS6TT0.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-OA7L3d0i.js";
 export {
   a as ActionButton,
   e as default

package/dist/ActionButton/{index.cjs.js → index.umd.cjs.js}

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ActionButton.vue_vue_type_script_setup_true_lang-BRYxIFQL.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../ActionButton.vue_vue_type_script_setup_true_lang-BbIIyV6t.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-BRYxIFQL.js → ActionButton.vue_vue_type_script_setup_true_lang-BbIIyV6t.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),p=require("./omit-C_ZXwm9T.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-HdsdAsR3.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},type:{},variant:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","loading","color"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;
+"use strict";const e=require("vue"),p=require("./omit-1sFJ_mId.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-BaS_JGCX.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{as:{},class:{},preIcon:{},postIcon:{},size:{},text:{},icon:{},active:{type:Boolean},badgeText:{},badgeIcon:{},type:{},variant:{}},setup(s,{expose:r}){const c=s,a=e.useAttrs(),i=e.computed(()=>({...p.omit(a,"variant","loading","color"),...c})),o=e.ref();return r({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,m)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(i.value,{action:"",ref_key:"buttonRef",ref:o}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),n=>({name:n,fn:e.withCtx(u=>[e.renderSlot(t.$slots,n,e.normalizeProps(e.guardReactiveProps(u)))])}))]),1040))}});exports._sfc_main=f;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-9sHS6TT0.js → ActionButton.vue_vue_type_script_setup_true_lang-OA7L3d0i.js}

@@ -1,6 +1,6 @@
-import { defineComponent as p, useAttrs as m, computed as u, ref as f, openBlock as l, createBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
-import { o as y } from "./omit-DtumnYm5.js";
-import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-BLGNTber.js";
+import { defineComponent as p, useAttrs as m, computed as u, ref as f, createBlock as l, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
+import { o as y } from "./omit-Cxaoa8oo.js";
+import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ p({
   ...C("ActionButton", !1),
@@ -33,7 +33,7 @@ const z = /* @__PURE__ */ p({
         var o;
         (o = e.value) == null || o.blur();
       }
-    }), (o, I) => (l(), _(A, d(c.value, {
+    }), (o, I) => (_(), l(A, d(c.value, {
       action: "",
       ref_key: "buttonRef",
       ref: e

package/dist/Avatar/Avatar.d.ts

@@ -17,29 +17,22 @@ export interface AvatarProps extends Omit<Avatar, 'asChild' | 'src'> {
     icon?: string;
     onlineAlignment?: AvatarOnlineAlignment;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        fallback?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+export interface AvatarSlots {
+    default?: () => never;
+    fallback?: () => never;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     loadingStatusChange: (value: import('../../../../node_modules/radix-vue/dist/Avatar/utils.js', { with: { "resolution-mode": "import" } }).ImageLoadingStatus) => any;
 }, string, import('vue').PublicProps, Readonly<AvatarProps> & Readonly<{
     onLoadingStatusChange?: ((value: import('../../../../node_modules/radix-vue/dist/Avatar/utils.js', { with: { "resolution-mode": "import" } }).ImageLoadingStatus) => any) | undefined;
 }>, {
-    size: AvatarSize;
+    size: "2xsm" | "xsm" | "sm" | "md" | "lg" | "2xlg";
     icon: string;
-    shape: AvatarShape;
+    shape: "circle" | "rect" | "square";
     src: string;
-    onlineColor: BadgeColor;
-    onlineAlignment: AvatarOnlineAlignment;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+    onlineColor: "primary" | "blue" | "red" | "orange" | "yellow" | "lime" | "violet" | "gray" | "teal" | "green" | "sky" | "cyan" | "pink" | "amber" | "fuchsia";
+    onlineAlignment: "start" | "end";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<AvatarSlots> & AvatarSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Avatar/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Avatar, type AvatarProps, default } from './Avatar';
-export * from './Avatar.model.ts';
+export * from './Avatar.model';

package/dist/Avatar/{index.es.js → index.js.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-eeAtrd5L.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-BmH5aQJ1.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/{index.cjs.js → index.umd.cjs.js}

@@ -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-tRhdiXHB.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-DO7InR4k.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-BmH5aQJ1.js

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

package/dist/Avatar.vue_vue_type_style_index_0_lang-DO7InR4k.js

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

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -10,12 +10,20 @@ export type AvatarGroupProps = Omit<PrimitiveProps, 'asChild'> & {
     popoverClass?: string;
     maxCount?: number | string;
 };
+export interface AvatarGroupSlots {
+    default?: () => never;
+}
 interface Context {
     size: ComputedRef<AvatarGroupProps['size']>;
     shape: ComputedRef<AvatarGroupProps['shape']>;
 }
 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: import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AvatarGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AvatarGroupProps> & Readonly<{}>, {
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<AvatarGroupSlots> & AvatarGroupSlots>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/AvatarGroup/{index.es.js → index.js.js}

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

package/dist/AvatarGroup/{index.cjs.js → index.umd.cjs.js}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../Avatar.vue_vue_type_style_index_0_lang-tRhdiXHB.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-DO7InR4k.js");exports.AvatarGroup=t._sfc_main$1;exports.injectAvatarGroupContext=t.injectAvatarGroupContext;exports.provideAvatarGroupContext=t.provideAvatarGroupContext;

package/dist/Badge/Badge.d.ts

@@ -1,17 +1,9 @@
-import { BadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
+import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 export type BadgeProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'text' | 'mode' | 'icon'>> & {
     size?: Exclude<BaseBadgeProps['size'], 'sm' | 'tiny' | 'tinier'>;
     color?: Exclude<BaseBadgeProps['color'], 'none'>;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<BadgeSlots> & BadgeSlots;
-    refs: {};
-    rootEl: any;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Badge/{index.es.js → index.js.js}

@@ -1,4 +1,4 @@
-import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-LwccxMER.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-DrLIHHCe.js";
 export {
   d as Badge,
   f as default

package/dist/Badge/{index.cjs.js → index.umd.cjs.js}

@@ -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-DzkeQwzH.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Badge.vue_vue_type_script_setup_true_lang-zP7Q3GsL.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-LwccxMER.js → Badge.vue_vue_type_script_setup_true_lang-DrLIHHCe.js}

@@ -1,6 +1,6 @@
-import { defineComponent as p, useAttrs as m, computed as i, openBlock as c, createBlock as l, mergeProps as d, createSlots as f, renderList as _, withCtx as u, renderSlot as g, normalizeProps as B, guardReactiveProps as k } from "vue";
-import { o as y } from "./omit-DtumnYm5.js";
-import { _ as C } from "./BaseBadge.vue_vue_type_style_index_0_lang-CHhhflIH.js";
+import { defineComponent as p, useAttrs as m, computed as i, createBlock as c, openBlock as l, mergeProps as d, createSlots as f, renderList as _, withCtx as u, renderSlot as g, normalizeProps as B, guardReactiveProps as k } from "vue";
+import { o as y } from "./omit-Cxaoa8oo.js";
+import { _ as C } from "./BaseBadge.vue_vue_type_style_index_0_lang-DBW85mbj.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ p({
   ...P("Badge", !1),
@@ -19,7 +19,7 @@ const z = /* @__PURE__ */ p({
       ...y(s, "type"),
       ...r
     }));
-    return (e, $) => (c(), l(C, d(n.value, { type: "pill" }), f({ _: 2 }, [
+    return (e, $) => (l(), c(C, d(n.value, { type: "pill" }), f({ _: 2 }, [
       _(Object.keys(e.$slots), (o) => ({
         name: o,
         fn: u((a) => [

package/dist/{Badge.vue_vue_type_script_setup_true_lang-DzkeQwzH.js → Badge.vue_vue_type_script_setup_true_lang-zP7Q3GsL.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./omit-C_ZXwm9T.js"),p=require("./BaseBadge.vue_vue_type_style_index_0_lang-B1Va5X21.js"),u=require("./options-B4iSAKol.js"),_=e.defineComponent({...u.getComponentOptions("Badge",!1),__name:"Badge",props:{as:{},class:{},text:{},mode:{},icon:{},size:{},color:{}},setup(o){const n=o,r=e.useAttrs(),c=e.computed(()=>({...a.omit(r,"type"),...n}));return(t,l)=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps(c.value,{type:"pill"}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),s=>({name:s,fn:e.withCtx(i=>[e.renderSlot(t.$slots,s,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040))}});exports._sfc_main=_;
+"use strict";const e=require("vue"),a=require("./omit-1sFJ_mId.js"),p=require("./BaseBadge.vue_vue_type_style_index_0_lang-Cr9n5QQC.js"),u=require("./options-B4iSAKol.js"),_=e.defineComponent({...u.getComponentOptions("Badge",!1),__name:"Badge",props:{as:{},class:{},text:{},mode:{},icon:{},size:{},color:{}},setup(o){const n=o,r=e.useAttrs(),c=e.computed(()=>({...a.omit(r,"type"),...n}));return(t,l)=>(e.openBlock(),e.createBlock(p._sfc_main,e.mergeProps(c.value,{type:"pill"}),e.createSlots({_:2},[e.renderList(Object.keys(t.$slots),s=>({name:s,fn:e.withCtx(i=>[e.renderSlot(t.$slots,s,e.normalizeProps(e.guardReactiveProps(i)))])}))]),1040))}});exports._sfc_main=_;

package/dist/Base/BaseBadge/BaseBadge.d.ts

@@ -1,6 +1,7 @@
 import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../../types';
 import { BadgeColor, BadgeMode, BadgeSize, BadgeType } from './BaseBadge.model';
+import { IconSize } from '../../Icon';
 export interface BaseBadgeProps extends Omit<PrimitiveProps, 'asChild'> {
     size?: BadgeSize;
     class?: Class;
@@ -10,20 +11,20 @@ export interface BaseBadgeProps extends Omit<PrimitiveProps, 'asChild'> {
     mode?: BadgeMode;
     icon?: string;
 }
-export interface BadgeSlots {
-    default?: (props: object) => never;
-    icon?: (props: object) => never;
+export interface BaseBadgeSlots {
+    default?: () => never;
+    icon?: (props?: {
+        icon: string;
+        size: IconSize;
+    }) => never;
 }
-declare function __VLS_template(): any;
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseBadgeProps> & Readonly<{}>, {
-    size: BadgeSize;
-    type: BadgeType;
-    mode: BadgeMode;
-    color: BadgeColor | "none";
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseBadgeProps> & Readonly<{}>, {
+    size: "2xsm" | "xsm" | "sm" | "md" | "tiny" | "tinier";
+    type: "rect" | "pill" | "minify";
+    mode: "bold" | "subtle";
+    color: "none" | "primary" | "blue" | "red" | "orange" | "yellow" | "lime" | "violet" | "gray" | "teal" | "green" | "sky" | "cyan" | "pink" | "amber" | "fuchsia";
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {