@pantograph/vue 0.0.2 → 0.0.3

package/dist/ActionButton/ActionButton.d.ts

@@ -0,0 +1,21 @@
+import { 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'> & {
+    type?: Exclude<ButtonType, 'fill'>;
+    variant?: Exclude<ButtonVariant, 'float'>;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Partial<Record<string, (_: any) => any>>;
+    refs: {};
+    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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/ActionButton/index.cjs.js

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

package/dist/ActionButton/index.d.ts

@@ -0,0 +1 @@
+export { default as ActionButton, type ActionButtonProps, default } from './ActionButton';

package/dist/ActionButton/index.es.js

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

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-Drb30rfG.js

@@ -0,0 +1,39 @@
+import { defineComponent as c, useAttrs as i, computed as p, openBlock as m, createBlock as l, mergeProps as u, createSlots as d, renderList as f, withCtx as _, renderSlot as g, normalizeProps as v, guardReactiveProps as B } from "vue";
+import { _ as b } from "./BaseButton.vue_vue_type_style_index_0_lang-F50Tg7IQ.js";
+import { g as k } from "./options-B8rT2fg0.js";
+import { o as x } from "./omit-DU39EwuA.js";
+const $ = /* @__PURE__ */ c({
+  ...k("ActionButton", !1),
+  __name: "ActionButton",
+  props: {
+    as: {},
+    class: {},
+    preIcon: {},
+    postIcon: {},
+    size: {},
+    text: {},
+    icon: {},
+    active: { type: Boolean },
+    badgeText: {},
+    badgeIcon: {},
+    type: {},
+    variant: {}
+  },
+  setup(e) {
+    const n = e, r = i(), s = p(() => ({
+      ...x(r, "variant", "loading", "color"),
+      ...n
+    }));
+    return (o, y) => (m(), l(b, u(s.value, { action: "" }), d({ _: 2 }, [
+      f(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: _((a) => [
+          g(o.$slots, t, v(B(a)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  $ as _
+};

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-dxthnFw4.js

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

package/dist/Avatar/Avatar.d.ts

@@ -0,0 +1,48 @@
+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';
+type Avatar = AvatarRootProps & AvatarImageProps & AvatarFallbackProps;
+export interface AvatarProps extends Omit<Avatar, 'asChild' | 'src'> {
+    src?: string;
+    class?: Class;
+    onlineColor?: BadgeColor;
+    size?: AvatarSize;
+    stroke?: AvatarStroke;
+    shape?: AvatarShape;
+    online?: boolean;
+    alt?: string;
+    fallback?: string;
+    text?: string;
+    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, {
+    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;
+    icon: string;
+    shape: AvatarShape;
+    src: string;
+    onlineColor: BadgeColor;
+    onlineAlignment: AvatarOnlineAlignment;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,11 @@
+export declare const AvatarSizes: readonly ["2xsm", "xsm", "sm", "md", "lg", "2xlg"];
+export type AvatarSize = (typeof AvatarSizes)[number];
+export declare const AvatarStrokes: readonly ["gray", "white"];
+export type AvatarStroke = (typeof AvatarStrokes)[number];
+export declare const AvatarShapes: readonly ["circle", "square", "rect"];
+export type AvatarShape = (typeof AvatarShapes)[number];
+export declare const AvatarOnlineAlignments: {
+    start: string;
+    end: string;
+};
+export type AvatarOnlineAlignment = keyof typeof AvatarOnlineAlignments;

package/dist/Avatar/index.cjs.js

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

package/dist/Avatar/index.d.ts

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

package/dist/Avatar/index.es.js

@@ -0,0 +1,9 @@
+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";
+export {
+  t as Avatar,
+  r as AvatarOnlineAlignments,
+  e as AvatarShapes,
+  A as AvatarSizes,
+  v as AvatarStrokes,
+  n as default
+};

package/dist/Avatar.vue_vue_type_style_index_0_lang-BB-v9NHG.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("radix-vue");require("@iconify/vue");const q=require("./Icon.vue_vue_type_style_index_0_lang-CV1YvIs-.js"),a=require("./options-B8SF1auT.js"),E=require("./Popover.vue_vue_type_style_index_0_lang-VH8LnLG9.js"),B=require("class-variance-authority"),P=require("./Indicator.vue_vue_type_script_setup_true_lang-Z02asVPa.js"),C=["2xsm","xsm","sm","md","lg","2xlg"],k=["gray","white"],_=["circle","square","rect"],A={start:"online-start",end:"online-end"},[z,x]=c.createContext("AvatarGroup"),b=e.defineComponent({...a.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),s=e.computed(()=>o.shape),d=a.getBemBlock("avatar"),m=a.getBemElement(d,"group"),f=B.cva(m,{variants:{gutter:a.generateVariantClassList("gutter",m)}});x({size:n,shape:s});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(y,{text:`+${l.length-r.value+1}`}),content:e.h(c.Primitive,{class:[i,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"]))}}),y=e.defineComponent({...a.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=a.getBemBlock("avatar"),s=v,d=o,m=c.useEmitAsProps(d),f=B.cva(n,{variants:{size:a.generateVariantClassList(C,n),stroke:a.generateVariantClassList(k,n),shape:a.generateVariantClassList(_,n),onlineAlignment:a.generateVariantClassList(A,n)}}),u=z({size:e.computed(()=>s.size),shape:e.computed(()=>s.shape)}),r=e.computed(()=>u.size.value??s.size),i=e.computed(()=>u.shape.value??s.shape),g=e.computed(()=>{const t=r.value&&C.includes(r.value)?r.value:"md",h=s.stroke&&k.includes(s.stroke)?s.stroke:"none",S=i.value&&_.includes(i.value)?i.value:"circle",V=A[s.onlineAlignment]?s.onlineAlignment:"start";return{size:t,stroke:h,shape:S,onlineAlignment:V}}),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),s.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(a.getBemElement)(e.unref(n),"image")}),null,16,["src","alt","class"])):e.createCommentVNode("",!0),e.createVNode(e.unref(c.AvatarFallback),{class:e.normalizeClass(e.unref(a.getBemElement)(e.unref(n),"fallback"))},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"fallback",{},()=>[t.fallback?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(q._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(a.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:l.value,class:e.normalizeClass(e.unref(a.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=y;exports._sfc_main$1=b;exports.injectAvatarGroupContext=z;exports.provideAvatarGroupContext=x;

package/dist/Avatar.vue_vue_type_style_index_0_lang-BWeEmazM.js

@@ -0,0 +1,187 @@
+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 "@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"),
+  __name: "AvatarGroup",
+  props: {
+    as: { default: "div" },
+    class: {},
+    gutter: { type: Boolean },
+    size: {},
+    shape: {},
+    popoverClass: {},
+    maxCount: {}
+  },
+  setup(A) {
+    const o = A, t = l(() => o.size), a = l(() => o.shape), _ = O("avatar"), d = f(_, "group"), h = j(d, {
+      variants: {
+        gutter: v("gutter", d)
+      }
+    });
+    Z({
+      size: t,
+      shape: a
+    });
+    const u = L(), n = l(() => o.maxCount ? +o.maxCount : 0), c = l(
+      () => h({
+        gutter: o.gutter
+      })
+    ), C = () => {
+      const r = u.default ? u.default() : [];
+      return n.value > 1 && r.length > n.value ? [
+        ...r.filter((g, e) => e < n.value - 1),
+        k(
+          W,
+          {},
+          {
+            default: k(ee, { text: `+${r.length - n.value + 1}` }),
+            content: k(
+              P,
+              { class: [c, o.class], as: o.as },
+              {
+                default: () => r.filter((g, e) => e >= n.value - 1)
+              }
+            )
+          }
+        )
+      ] : r;
+    };
+    return (r, g) => (i(), m(s(P), {
+      as: r.as,
+      class: p([c.value, o.class])
+    }, {
+      default: x(() => [
+        F(C, { maxCount: r.maxCount }, null, 8, ["maxCount"])
+      ]),
+      _: 1
+    }, 8, ["as", "class"]));
+  }
+}), ee = /* @__PURE__ */ N({
+  ...I("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(A, { emit: o }) {
+    const t = O("avatar"), a = A, d = H(o), h = j(t, {
+      variants: {
+        size: v(G, t),
+        stroke: v(w, t),
+        shape: v(V, t),
+        onlineAlignment: v(
+          E,
+          t
+        )
+      }
+    }), u = Y({
+      size: l(() => a.size),
+      shape: l(() => a.shape)
+    }), n = l(() => u.size.value ?? a.size), c = l(() => u.shape.value ?? a.shape), C = l(() => {
+      const e = n.value && G.includes(n.value) ? n.value : "md", y = a.stroke && w.includes(a.stroke) ? a.stroke : "none", q = c.value && V.includes(c.value) ? c.value : "circle", D = E[a.onlineAlignment] ? a.onlineAlignment : "start";
+      return {
+        size: e,
+        stroke: y,
+        shape: q,
+        onlineAlignment: D
+      };
+    }), r = l(() => {
+      switch (n.value) {
+        case "lg":
+        case "2xlg":
+          return "tiny";
+        default:
+          return "tinier";
+      }
+    }), g = l(() => {
+      switch (n.value) {
+        case "lg":
+        case "2xlg":
+          return "sm";
+        case "xsm":
+        case "2xsm":
+          return "3xsm";
+        case "sm":
+        case "md":
+        default:
+          return "xsm";
+      }
+    });
+    return (e, y) => (i(), m(s(J), {
+      as: e.as,
+      class: p([s(h)(C.value), a.class])
+    }, {
+      default: x(() => [
+        !e.$slots.default && !e.text ? (i(), S(M, { key: 0 }, [
+          e.src ? (i(), m(s(K), R({ key: 0 }, s(d), {
+            src: e.src,
+            alt: e.alt,
+            class: s(f)(s(t), "image")
+          }), null, 16, ["src", "alt", "class"])) : z("", !0),
+          F(s(Q), {
+            class: p(s(f)(s(t), "fallback"))
+          }, {
+            default: x(() => [
+              b(e.$slots, "fallback", {}, () => [
+                e.fallback ? z("", !0) : (i(), m(s(U), {
+                  key: 0,
+                  icon: e.icon,
+                  size: g.value
+                }, null, 8, ["icon", "size"])),
+                B(" " + $(e.fallback), 1)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ], 64)) : (i(), S("span", {
+          key: 1,
+          class: p(s(f)(s(t), "image"))
+        }, [
+          b(e.$slots, "default", {}, () => [
+            B($(e.text), 1)
+          ])
+        ], 2)),
+        e.online ? (i(), m(X, {
+          key: 2,
+          color: e.onlineColor,
+          size: r.value,
+          class: p(s(f)(s(t), "online"))
+        }, null, 8, ["color", "size", "class"])) : z("", !0)
+      ]),
+      _: 3
+    }, 8, ["as", "class"]));
+  }
+});
+export {
+  G as A,
+  ee as _,
+  w as a,
+  V as b,
+  E as c,
+  ce as d,
+  Y as i,
+  Z as p
+};

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,21 @@
+import { AvatarShape, AvatarSize } from '../Avatar/Avatar.model';
+import { PrimitiveProps } from 'radix-vue';
+import { ComputedRef } from 'vue';
+import { Class } from '../types';
+export type AvatarGroupProps = Omit<PrimitiveProps, 'asChild'> & {
+    class?: Class;
+    gutter?: boolean;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    popoverClass?: string;
+    maxCount?: number | string;
+};
+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<{}>, {
+    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/AvatarGroup/index.cjs.js

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

package/dist/AvatarGroup/index.d.ts

@@ -0,0 +1 @@
+export { default as AvatarGroup, type AvatarGroupProps, injectAvatarGroupContext, provideAvatarGroupContext, } from './AvatarGroup';

package/dist/AvatarGroup/index.es.js

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

package/dist/Badge/Badge.d.ts

@@ -0,0 +1,20 @@
+import { BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
+export type BadgeProps = 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>>;
+    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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/Badge/index.cjs.js

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

package/dist/Badge/index.d.ts

@@ -0,0 +1 @@
+export { default as Badge, type BadgeProps, default } from './Badge';

package/dist/Badge/index.es.js

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

package/dist/Badge.vue_vue_type_script_setup_true_lang-CXfdGkKV.js

@@ -0,0 +1,33 @@
+import { defineComponent as p, useAttrs as c, computed as i, openBlock as m, createBlock as l, mergeProps as d, createSlots as _, renderList as f, withCtx as u, renderSlot as g, normalizeProps as B, guardReactiveProps as k } from "vue";
+import { o as y, _ as C } from "./omit-DU39EwuA.js";
+import { g as P } from "./options-B8rT2fg0.js";
+const x = /* @__PURE__ */ p({
+  ...P("Badge", !1),
+  __name: "Badge",
+  props: {
+    as: {},
+    class: {},
+    text: {},
+    mode: {},
+    icon: {},
+    size: {},
+    color: {}
+  },
+  setup(t) {
+    const s = t, r = c(), n = i(() => ({
+      ...y(r, "type"),
+      ...s
+    }));
+    return (e, $) => (m(), l(C, d(n.value, { type: "pill" }), _({ _: 2 }, [
+      f(Object.keys(e.$slots), (o) => ({
+        name: o,
+        fn: u((a) => [
+          g(e.$slots, o, B(k(a)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  x as _
+};

package/dist/Badge.vue_vue_type_script_setup_true_lang-sx-dXgFD.js

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

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

@@ -0,0 +1,36 @@
+import { PrimitiveProps } from 'radix-vue';
+import { BadgeColor, BadgeMode, BadgeSize, BadgeType } from './BaseBadge.model';
+import { Class } from '../../types';
+export interface BaseBadgeProps extends Omit<PrimitiveProps, 'asChild'> {
+    size?: BadgeSize;
+    class?: Class;
+    text?: string | number;
+    color?: BadgeColor | 'none';
+    type?: BadgeType;
+    mode?: BadgeMode;
+    icon?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: 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";
+    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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,8 @@
+export declare const BadgeSizes: readonly ["2xsm", "xsm", "sm", "md", "tiny", "tinier"];
+export type BadgeSize = (typeof BadgeSizes)[number];
+export declare const BadgeTypes: readonly ["rect", "pill", "minify"];
+export type BadgeType = (typeof BadgeTypes)[number];
+export declare const BadgeColors: readonly ["primary", "blue", "red", "orange", "yellow", "lime", "violet", "gray", "teal", "green", "sky", "cyan", "pink", "amber", "fuchsia"];
+export type BadgeColor = (typeof BadgeColors)[number];
+export declare const BadgeModes: readonly ["bold", "subtle"];
+export type BadgeMode = (typeof BadgeModes)[number];

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

@@ -0,0 +1,45 @@
+import { PrimitiveProps } from 'radix-vue';
+import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
+import { Class } from '../../types';
+export interface BaseButtonProps extends Omit<PrimitiveProps, 'asChild'> {
+    class?: Class;
+    text?: string | number;
+    size?: ButtonSize;
+    color?: ButtonColor;
+    type?: ButtonType;
+    variant?: ButtonVariant;
+    loading?: boolean;
+    action?: boolean;
+    active?: boolean;
+    badgeText?: string;
+    badgeIcon?: string;
+    icon?: string;
+    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;
+};
+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<{}>, {
+    type: ButtonType;
+    color: ButtonColor;
+    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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,8 @@
+export declare const ButtonVariants: readonly ["simple", "icon", "float"];
+export declare const ButtonTypes: readonly ["fill", "outline", "ghost"];
+export declare const ButtonColors: readonly ["primary", "danger", "success", "warning", "gray"];
+export declare const ButtonSizes: readonly ["sm", "md", "lg"];
+export type ButtonVariant = (typeof ButtonVariants)[number];
+export type ButtonColor = (typeof ButtonColors)[number];
+export type ButtonType = (typeof ButtonTypes)[number];
+export type ButtonSize = (typeof ButtonSizes)[number];

package/dist/BaseButton.vue_vue_type_style_index_0_lang-B-uDLmB_.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),_=require("radix-vue"),m=require("./Icon.vue_vue_type_style_index_0_lang-CV1YvIs-.js"),C=require("./Spinner.vue_vue_type_style_index_0_lang-Baaz0Dxb.js"),z=require("./Badge.vue_vue_type_script_setup_true_lang-sx-dXgFD.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-DmShg2d-.js"),o=require("./options-B8SF1auT.js"),k=require("class-variance-authority"),V=e.defineComponent({...o.getComponentOptions("BaseButton"),__name:"BaseButton",props:{class:{},text:{},size:{},color:{default:"primary"},type:{default:"fill"},variant:{},loading:{type:Boolean},action:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},as:{default:"button"}},setup(g){const a=o.getBemBlock("button"),n=g,f=k.cva(a,{variants:{size:o.generateVariantClassList(s.ButtonSizes,a),type:o.generateVariantClassList(s.ButtonTypes,a),color:o.generateVariantClassList(s.ButtonColors,a),variant:o.generateVariantClassList(s.ButtonVariants,a),action:o.generateVariantClassList("action",a),active:o.generateVariantClassList("active",a),text:o.generateVariantClassList("text",a),preIcon:o.generateVariantClassList("preIcon",a),postIcon:o.generateVariantClassList("postIcon",a),loading:o.generateVariantClassList("loading",a)}}),v=s.injectButtonGroupContext({size:e.computed(()=>n.size),variant:e.computed(()=>n.variant)}),l=e.computed(()=>n.variant??v.variant.value??"simple"),r=e.computed(()=>["icon","float"].includes(l.value)),i=e.useSlots(),B=e.computed(()=>{let t=s.ButtonTypes.includes(n.type)?n.type:"fill";const c=n.size??v.size.value,I=c&&s.ButtonSizes.includes(c)?c:"md";let u=n.color&&s.ButtonColors.includes(n.color)?n.color:"primary",p=l.value&&s.ButtonVariants.includes(l.value)?l.value:"simple";return n.action?(p==="float"&&(p="icon"),t==="fill"&&(t="outline"),u=void 0):p==="float"&&(t==="ghost"&&(t="fill"),["primary","gray"].includes(u)||(u="primary")),{size:I,type:t,color:u,variant:p,action:n.action,active:n.active,loading:n.loading,text:!r.value&&!!(n.text||i.default),preIcon:!r.value&&!!(n.preIcon||i.preIcon),postIcon:!r.value&&!!(n.postIcon||i.postIcon)}}),d=e.computed(()=>{switch(n.size){case"sm":return"3xsm";default:return"2xsm"}}),y=e.computed(()=>{switch(n.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}});return(t,c)=>(e.openBlock(),e.createBlock(e.unref(_.Primitive),{as:t.as,class:e.normalizeClass([e.unref(f)(B.value),n.class]),tabindex:"0"},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(C._sfc_main,{key:1,class:e.normalizeClass(e.unref(o.getBemElement)(e.unref(a),"loading")),size:d.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||e.unref(i).preIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:0,icon:t.preIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"preIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0),r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:1,icon:t.icon,size:y.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),_:3},8,["icon","size"])):e.renderSlot(t.$slots,"default",{key:2},()=>[e.createTextVNode(e.toDisplayString(t.text),1)]),t.action&&t.active&&!r.value&&(t.badgeText||e.unref(i).badgeText||t.badgeIcon||e.unref(i).badgeIcon)?(e.openBlock(),e.createBlock(z._sfc_main,{key:3,text:t.badgeText,icon:t.badgeIcon,color:t.$attrs.disabled?"gray":"primary",size:"2xsm"},e.createSlots({default:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),_:2},[t.badgeIcon||e.unref(i).badgeIcon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeIcon")]),key:"0"}:void 0]),1032,["text","icon","color"])):e.createCommentVNode("",!0),(t.postIcon||e.unref(i).postIcon)&&!r.value?(e.openBlock(),e.createBlock(m._sfc_main,{key:4,icon:t.postIcon,size:d.value},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"postIcon")]),_:3},8,["icon","size"])):e.createCommentVNode("",!0)],64))]),_:3},8,["as","class"]))}});exports._sfc_main=V;