@pantograph/vue 0.0.3 → 0.5.0

package/dist/ActionButton/ActionButton.d.ts

@@ -1,17 +1,160 @@
-import { BaseButtonProps } from '../Base/BaseButton/BaseButton';
+import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
 import { ButtonType, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
-export type ActionButtonProps = Pick<BaseButtonProps, 'as' | 'class' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'icon' | 'active' | 'badgeText' | 'badgeIcon'> & {
+export type ActionButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'icon' | 'active' | 'badgeText' | 'badgeIcon'>> & {
     type?: Exclude<ButtonType, 'fill'>;
     variant?: Exclude<ButtonVariant, 'float'>;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: any) => any>>;
-    refs: {};
+    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, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ActionButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: 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"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/ActionButton/index.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-dxthnFw4.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-BRYxIFQL.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/ActionButton/index.es.js

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

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-9sHS6TT0.js

@@ -0,0 +1,52 @@
+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 { g as C } from "./options-JBqnVZUl.js";
+const z = /* @__PURE__ */ p({
+  ...C("ActionButton", !1),
+  __name: "ActionButton",
+  props: {
+    as: {},
+    class: {},
+    preIcon: {},
+    postIcon: {},
+    size: {},
+    text: {},
+    icon: {},
+    active: { type: Boolean },
+    badgeText: {},
+    badgeIcon: {},
+    type: {},
+    variant: {}
+  },
+  setup(n, { expose: r }) {
+    const s = n, a = m(), c = u(() => ({
+      ...y(a, "variant", "loading", "color"),
+      ...s
+    })), e = f();
+    return r({
+      focus() {
+        var o;
+        (o = e.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = e.value) == null || o.blur();
+      }
+    }), (o, I) => (l(), _(A, d(c.value, {
+      action: "",
+      ref_key: "buttonRef",
+      ref: e
+    }), b({ _: 2 }, [
+      g(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: v((i) => [
+          B(o.$slots, t, k(x(i)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  z as _
+};

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-BRYxIFQL.js

@@ -0,0 +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;

package/dist/Avatar/Avatar.d.ts

@@ -1,7 +1,7 @@
 import { AvatarFallbackProps, AvatarImageProps, AvatarRootProps } from 'radix-vue';
-import { AvatarSize, AvatarStroke, AvatarShape, AvatarOnlineAlignment } from './Avatar.model';
 import { Class } from '../types';
 import { BadgeColor } from '../Base/BaseBadge/BaseBadge.model';
+import { AvatarSize, AvatarStroke, AvatarShape, AvatarOnlineAlignment } from './Avatar.model';
 type Avatar = AvatarRootProps & AvatarImageProps & AvatarFallbackProps;
 export interface AvatarProps extends Omit<Avatar, 'asChild' | 'src'> {
     src?: string;

package/dist/Avatar/index.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-BB-v9NHG.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-D72SN0zC.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/index.es.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-BWeEmazM.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-RziDt5Qs.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar.vue_vue_type_style_index_0_lang-D72SN0zC.js

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

package/dist/{Avatar.vue_vue_type_style_index_0_lang-BWeEmazM.js → Avatar.vue_vue_type_style_index_0_lang-RziDt5Qs.js}

@@ -1,16 +1,14 @@
 import { defineComponent as N, computed as l, useSlots as L, openBlock as i, createBlock as m, unref as s, normalizeClass as p, withCtx as x, createVNode as F, h as k, createElementBlock as S, Fragment as M, mergeProps as R, createCommentVNode as z, renderSlot as b, createTextVNode as B, toDisplayString as $ } from "vue";
 import { createContext as T, Primitive as P, useEmitAsProps as H, AvatarRoot as J, AvatarImage as K, AvatarFallback as Q } from "radix-vue";
+import { g as v, a as f, b as I } from "./class-DyU-Ox8D.js";
+import { cva as O } from "class-variance-authority";
+import { g as j } from "./options-JBqnVZUl.js";
+import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-DTr33v9y.js";
 import "@iconify/vue";
-import { _ as U } from "./Icon.vue_vue_type_style_index_0_lang-CB4CYuWH.js";
-import { g as I, a as v, b as f, c as O } from "./options-B8rT2fg0.js";
-import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-Jf0LVKU_.js";
-import { cva as j } from "class-variance-authority";
-import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-qIUYIdkm.js";
-const G = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], w = ["gray", "white"], V = ["circle", "square", "rect"], E = {
-  start: "online-start",
-  end: "online-end"
-}, [Y, Z] = T("AvatarGroup"), ce = /* @__PURE__ */ N({
-  ...I("AvatarGroup"),
+import { _ as W } from "./Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
+import { _ as X } from "./Indicator.vue_vue_type_script_setup_true_lang-jv3IND51.js";
+const [Y, Z] = T("AvatarGroup"), ue = /* @__PURE__ */ N({
+  ...j("AvatarGroup"),
   __name: "AvatarGroup",
   props: {
     as: { default: "div" },
@@ -22,7 +20,7 @@ const G = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], w = ["gray", "white"], V =
     maxCount: {}
   },
   setup(A) {
-    const o = A, t = l(() => o.size), a = l(() => o.shape), _ = O("avatar"), d = f(_, "group"), h = j(d, {
+    const o = A, t = l(() => o.size), a = l(() => o.shape), _ = I("avatar"), d = f(_, "group"), h = O(d, {
       variants: {
         gutter: v("gutter", d)
       }
@@ -40,13 +38,13 @@ const G = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], w = ["gray", "white"], V =
       return n.value > 1 && r.length > n.value ? [
         ...r.filter((g, e) => e < n.value - 1),
         k(
-          W,
+          U,
           {},
           {
             default: k(ee, { text: `+${r.length - n.value + 1}` }),
             content: k(
               P,
-              { class: [c, o.class], as: o.as },
+              { class: [c.value, o.class], as: o.as },
               {
                 default: () => r.filter((g, e) => e >= n.value - 1)
               }
@@ -65,8 +63,11 @@ const G = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], w = ["gray", "white"], V =
       _: 1
     }, 8, ["as", "class"]));
   }
-}), ee = /* @__PURE__ */ N({
-  ...I("Avatar"),
+}), G = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], w = ["gray", "white"], V = ["circle", "square", "rect"], E = {
+  start: "online-start",
+  end: "online-end"
+}, ee = /* @__PURE__ */ N({
+  ...j("Avatar"),
   __name: "Avatar",
   props: {
     src: { default: "" },
@@ -87,7 +88,7 @@ const G = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], w = ["gray", "white"], V =
   },
   emits: ["loadingStatusChange"],
   setup(A, { emit: o }) {
-    const t = O("avatar"), a = A, d = H(o), h = j(t, {
+    const t = I("avatar"), a = A, d = H(o), h = O(t, {
       variants: {
         size: v(G, t),
         stroke: v(w, t),
@@ -146,7 +147,7 @@ const G = ["2xsm", "xsm", "sm", "md", "lg", "2xlg"], w = ["gray", "white"], V =
           }, {
             default: x(() => [
               b(e.$slots, "fallback", {}, () => [
-                e.fallback ? z("", !0) : (i(), m(s(U), {
+                e.fallback ? z("", !0) : (i(), m(s(W), {
                   key: 0,
                   icon: e.icon,
                   size: g.value
@@ -181,7 +182,7 @@ export {
   w as a,
   V as b,
   E as c,
-  ce as d,
+  ue as d,
   Y as i,
   Z as p
 };

package/dist/AvatarGroup/index.cjs.js

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

package/dist/AvatarGroup/index.es.js

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

package/dist/Badge/Badge.d.ts

@@ -1,11 +1,11 @@
-import { BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
-export type BadgeProps = Pick<BaseBadgeProps, 'as' | 'class' | 'text' | 'mode' | 'icon'> & {
+import { BadgeSlots, 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: Partial<Record<string, (_: any) => any>>;
+    slots: Readonly<BadgeSlots> & BadgeSlots;
     refs: {};
     rootEl: any;
 };

package/dist/Badge/index.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-sx-dXgFD.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-DzkeQwzH.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/Badge/index.es.js

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

package/dist/Badge.vue_vue_type_script_setup_true_lang-DzkeQwzH.js

@@ -0,0 +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=_;

package/dist/Badge.vue_vue_type_script_setup_true_lang-LwccxMER.js

@@ -0,0 +1,34 @@
+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 { g as P } from "./options-JBqnVZUl.js";
+const z = /* @__PURE__ */ p({
+  ...P("Badge", !1),
+  __name: "Badge",
+  props: {
+    as: {},
+    class: {},
+    text: {},
+    mode: {},
+    icon: {},
+    size: {},
+    color: {}
+  },
+  setup(t) {
+    const r = t, s = m(), n = i(() => ({
+      ...y(s, "type"),
+      ...r
+    }));
+    return (e, $) => (c(), l(C, d(n.value, { type: "pill" }), f({ _: 2 }, [
+      _(Object.keys(e.$slots), (o) => ({
+        name: o,
+        fn: u((a) => [
+          g(e.$slots, o, B(k(a)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  z as _
+};

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

@@ -1,6 +1,6 @@
 import { PrimitiveProps } from 'radix-vue';
-import { BadgeColor, BadgeMode, BadgeSize, BadgeType } from './BaseBadge.model';
 import { Class } from '../../types';
+import { BadgeColor, BadgeMode, BadgeSize, BadgeType } from './BaseBadge.model';
 export interface BaseBadgeProps extends Omit<PrimitiveProps, 'asChild'> {
     size?: BadgeSize;
     class?: Class;
@@ -10,15 +10,11 @@ export interface BaseBadgeProps extends Omit<PrimitiveProps, 'asChild'> {
     mode?: BadgeMode;
     icon?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        icon?(_: {}): any;
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
+export interface BadgeSlots {
+    default?: (props: object) => never;
+    icon?: (props: object) => 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;

package/dist/Base/BaseButton/BaseButton.d.ts

@@ -17,25 +17,23 @@ export interface BaseButtonProps extends Omit<PrimitiveProps, 'asChild'> {
     preIcon?: string;
     postIcon?: string;
 }
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: {
-        preIcon?(_: {}): any;
-        icon?(_: {}): any;
-        default?(_: {}): any;
-        badgeIcon?(_: {}): any;
-        badgeText?(_: {}): any;
-        postIcon?(_: {}): any;
-    };
-    refs: {};
-    rootEl: any;
-};
+export interface BaseButtonSlots {
+    default?: (props: object) => never;
+    preIcon?: (props: object) => never;
+    icon?: (props: object) => never;
+    badge?: (props: object) => never;
+    postIcon?: (props: object) => never;
+}
+declare function __VLS_template(): any;
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue').DefineComponent<BaseButtonProps, {
+    focus(): void;
+    blur(): void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseButtonProps> & Readonly<{}>, {
     type: ButtonType;
     color: ButtonColor;
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, any, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-B1Va5X21.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),C=require("radix-vue"),o=require("./class-CjZYGZDW.js"),z=require("class-variance-authority"),k=require("./Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),V=require("./options-B4iSAKol.js"),l=["2xsm","xsm","sm","md","tiny","tinier"],c=["rect","pill","minify"],p=["primary","blue","red","orange","yellow","lime","violet","gray","teal","green","sky","cyan","pink","amber","fuchsia"],u=["bold","subtle"],S=e.defineComponent({...V.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},color:{default:"primary"},type:{default:"pill"},mode:{default:"bold"},icon:{},as:{default:"div"}},setup(f){const a=o.getBemBlock("badge"),s=f,d=[...p,"none"],y=z.cva(a,{variants:{size:o.generateVariantClassList(l,a),type:o.generateVariantClassList(c,a),color:o.generateVariantClassList(d,a),mode:o.generateVariantClassList(u,a),text:o.generateVariantClassList("text",a),icon:o.generateVariantClassList("icon",a)}}),i=e.useSlots(),n=e.computed(()=>c.includes(s.type)?s.type:"pill"),g=e.computed(()=>!!(s.text||i.default)),v=e.computed(()=>!!(s.icon||i.icon)),m=e.computed(()=>{let t=l.includes(s.size)?s.size:"md";return t==="sm"&&n.value!=="rect"?n.value==="minify"?t="tiny":n.value==="pill"&&(t="md"):n.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":n.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),B=e.computed(()=>{switch(m.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),_=e.computed(()=>{const t=u.includes(s.mode)?s.mode:"bold";let r=d.includes(s.color)?s.color:"primary";return r==="none"&&n.value!=="rect"&&(r="primary"),{size:m.value,color:r,mode:t,type:n.value,text:g.value,icon:v.value}}),x=e.computed(()=>{const t=s.icon??i.icon;return s.type==="rect"&&(i.default||s.text)?!1:t});return(t,r)=>(e.openBlock(),e.createBlock(e.unref(C.Primitive),{as:t.as,class:e.normalizeClass([e.unref(y)(_.value),s.class])},{default:e.withCtx(()=>[n.value!=="minify"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[x.value?(e.openBlock(),e.createBlock(k._sfc_main,{key:0,icon:t.icon,size:B.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])],64)):e.createCommentVNode("",!0)]),_:3},8,["as","class"]))}});exports.BadgeColors=p;exports.BadgeModes=u;exports.BadgeSizes=l;exports.BadgeTypes=c;exports._sfc_main=S;

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-CHhhflIH.js

@@ -0,0 +1,107 @@
+import { defineComponent as h, useSlots as w, computed as n, openBlock as r, createBlock as u, unref as d, normalizeClass as V, withCtx as f, createElementBlock as $, Fragment as I, renderSlot as p, createCommentVNode as y, createTextVNode as N, toDisplayString as P } from "vue";
+import { Primitive as T } from "radix-vue";
+import { g as i, b as D } from "./class-DyU-Ox8D.js";
+import { cva as E } from "class-variance-authority";
+import { _ as F } from "./Icon.vue_vue_type_style_index_0_lang-W7sippxn.js";
+import { g as L } from "./options-JBqnVZUl.js";
+const v = ["2xsm", "xsm", "sm", "md", "tiny", "tinier"], g = ["rect", "pill", "minify"], M = [
+  "primary",
+  "blue",
+  "red",
+  "orange",
+  "yellow",
+  "lime",
+  "violet",
+  "gray",
+  "teal",
+  "green",
+  "sky",
+  "cyan",
+  "pink",
+  "amber",
+  "fuchsia"
+], B = ["bold", "subtle"], J = /* @__PURE__ */ h({
+  ...L("BaseBadge"),
+  __name: "BaseBadge",
+  props: {
+    size: { default: "md" },
+    class: {},
+    text: {},
+    color: { default: "primary" },
+    type: { default: "pill" },
+    mode: { default: "bold" },
+    icon: {},
+    as: { default: "div" }
+  },
+  setup(x) {
+    const o = D("badge"), t = x, c = [...M, "none"], z = E(o, {
+      variants: {
+        size: i(v, o),
+        type: i(g, o),
+        color: i(c, o),
+        mode: i(B, o),
+        text: i("text", o),
+        icon: i("icon", o)
+      }
+    }), a = w(), s = n(() => g.includes(t.type) ? t.type : "pill"), _ = n(() => !!(t.text || a.default)), b = n(() => !!(t.icon || a.icon)), m = n(() => {
+      let e = v.includes(t.size) ? t.size : "md";
+      return e === "sm" && s.value !== "rect" ? s.value === "minify" ? e = "tiny" : s.value === "pill" && (e = "md") : s.value === "minify" && !["tiny", "tinier"].includes(e) ? e = "tiny" : s.value !== "minify" && ["tiny", "tinier"].includes(e) && (e = "md"), e;
+    }), C = n(() => {
+      switch (m.value) {
+        case "sm":
+          return "xsm";
+        case "xsm":
+          return "2xsm";
+        case "2xsm":
+          return "3xsm";
+        case "md":
+        default:
+          return "sm";
+      }
+    }), k = n(() => {
+      const e = B.includes(t.mode) ? t.mode : "bold";
+      let l = c.includes(t.color) ? t.color : "primary";
+      return l === "none" && s.value !== "rect" && (l = "primary"), {
+        size: m.value,
+        color: l,
+        mode: e,
+        type: s.value,
+        text: _.value,
+        icon: b.value
+      };
+    }), S = n(() => {
+      const e = t.icon ?? a.icon;
+      return t.type === "rect" && (a.default || t.text) ? !1 : e;
+    });
+    return (e, l) => (r(), u(d(T), {
+      as: e.as,
+      class: V([d(z)(k.value), t.class])
+    }, {
+      default: f(() => [
+        s.value !== "minify" ? (r(), $(I, { key: 0 }, [
+          S.value ? (r(), u(F, {
+            key: 0,
+            icon: e.icon,
+            size: C.value
+          }, {
+            default: f(() => [
+              p(e.$slots, "icon")
+            ]),
+            _: 3
+          }, 8, ["icon", "size"])) : y("", !0),
+          p(e.$slots, "default", {}, () => [
+            N(P(e.text), 1)
+          ])
+        ], 64)) : y("", !0)
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  v as B,
+  J as _,
+  g as a,
+  M as b,
+  B as c
+};