@pantograph/vue 0.26.0 → 0.27.0

package/dist/ActionButton/ActionButton.d.ts

@@ -1,6 +1,6 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
 import { ButtonType, ButtonVariant } from '../Base/BaseButton/BaseButton.model';
-export type ActionButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'preIcon' | 'postIcon' | 'size' | 'text' | 'icon' | 'active' | 'badgeText' | 'badgeIcon' | 'postIconFlipOnDir' | 'preIconFlipOnDir' | 'badgeIconFlipOnDir' | 'block' | 'htmlType'>> & {
+export type ActionButtonProps = Partial<Omit<BaseButtonProps, 'color' | 'type' | 'variant' | 'action'>> & {
     type?: Exclude<ButtonType, 'fill'>;
     variant?: Exclude<ButtonVariant, 'float'>;
 };
@@ -14,8 +14,8 @@ declare function __VLS_template(): {
             $props: {
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
-                readonly size?: import('..').ButtonSize | undefined;
-                readonly color?: import('..').ButtonColor | undefined;
+                readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+                readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
                 readonly noRing?: boolean | undefined;
                 readonly type?: ButtonType | undefined;
                 readonly variant?: ButtonVariant | undefined;
@@ -34,6 +34,7 @@ declare function __VLS_template(): {
                 readonly htmlType?: "reset" | "submit" | "button" | undefined;
                 readonly block?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly hover?: boolean | undefined;
                 readonly href?: string | undefined;
                 readonly target?: string | undefined;
                 readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -97,7 +98,8 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
             }, string, {
-                color: import('..').ButtonColor;
+                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+                disabled: boolean;
                 type: ButtonType;
                 htmlType: "reset" | "submit" | "button";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -121,12 +123,13 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{
-            color: import('..').ButtonColor;
+            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+            disabled: boolean;
             type: ButtonType;
             htmlType: "reset" | "submit" | "button";
         }> & Omit<Readonly<BaseButtonProps> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -139,15 +142,17 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ActionButtonProps> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
-            readonly size?: import('..').ButtonSize | undefined;
-            readonly color?: import('..').ButtonColor | undefined;
+            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
             readonly noRing?: boolean | undefined;
             readonly type?: ButtonType | undefined;
             readonly variant?: ButtonVariant | undefined;
@@ -166,6 +171,7 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
             readonly block?: boolean | undefined;
             readonly disabled?: boolean | undefined;
+            readonly hover?: boolean | undefined;
             readonly href?: string | undefined;
             readonly target?: string | undefined;
             readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -229,7 +235,8 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            color: import('..').ButtonColor;
+            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+            disabled: boolean;
             type: ButtonType;
             htmlType: "reset" | "submit" | "button";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -253,12 +260,13 @@ declare const __VLS_component: import('vue').DefineComponent<ActionButtonProps,
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{
-        color: import('..').ButtonColor;
+        color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+        disabled: boolean;
         type: ButtonType;
         htmlType: "reset" | "submit" | "button";
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/ActionButton/index.js

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

package/dist/ActionButton/index.umd.cjs

@@ -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-C-yubDE0.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-CCV0cEjJ.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/ActionButton.vue_vue_type_script_setup_true_lang-CCV0cEjJ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("es-toolkit"),l=require("./BaseButton.vue_vue_type_script_setup_true_lang-CfvlGfAR.js"),_=require("./options-CY2uxp5A.js");require("@pantograph/tokens");require("@pantograph/utils");require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js");require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const f=e.defineComponent({..._.getComponentOptions("ActionButton",!1),__name:"ActionButton",props:{class:{},text:{},size:{},noRing:{type:Boolean},loading:{type:Boolean},active:{type:Boolean},badgeText:{},badgeIcon:{},icon:{},preIcon:{},postIcon:{},flipOnDir:{},preIconFlipOnDir:{},postIconFlipOnDir:{},badgeIconFlipOnDir:{},htmlType:{},block:{type:Boolean},disabled:{type:Boolean,default:void 0},hover:{type:Boolean},href:{},target:{},type:{},variant:{}},setup(r,{expose:i}){const s=r,a=e.useAttrs(),c=e.computed(()=>({...p.omit(a,["color","type","variant","action"]),...s})),o=e.ref();return i({focus(){var t;(t=o.value)==null||t.focus()},blur(){var t;(t=o.value)==null||t.blur()}}),(t,d)=>(e.openBlock(),e.createBlock(l._sfc_main,e.mergeProps(c.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-DcyIRPRG.js

@@ -0,0 +1,69 @@
+import { defineComponent as c, useAttrs as l, computed as m, ref as f, createBlock as u, openBlock as d, mergeProps as b, createSlots as y, renderList as g, withCtx as B, renderSlot as _, normalizeProps as v, guardReactiveProps as I } from "vue";
+import { omit as O } from "es-toolkit";
+import { _ as h } from "./BaseButton.vue_vue_type_script_setup_true_lang-BOEHDNrA.js";
+import { a as k } from "./options-J8HfRMSU.js";
+import "@pantograph/tokens";
+import "@pantograph/utils";
+import "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+const j = /* @__PURE__ */ c({
+  ...k("ActionButton", !1),
+  __name: "ActionButton",
+  props: {
+    class: {},
+    text: {},
+    size: {},
+    noRing: { type: Boolean },
+    loading: { type: Boolean },
+    active: { type: Boolean },
+    badgeText: {},
+    badgeIcon: {},
+    icon: {},
+    preIcon: {},
+    postIcon: {},
+    flipOnDir: {},
+    preIconFlipOnDir: {},
+    postIconFlipOnDir: {},
+    badgeIconFlipOnDir: {},
+    htmlType: {},
+    block: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
+    hover: { type: Boolean },
+    href: {},
+    target: {},
+    type: {},
+    variant: {}
+  },
+  setup(n, { expose: r }) {
+    const i = n, p = l(), a = m(() => ({
+      ...O(p, ["color", "type", "variant", "action"]),
+      ...i
+    })), e = f();
+    return r({
+      focus() {
+        var o;
+        (o = e.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = e.value) == null || o.blur();
+      }
+    }), (o, x) => (d(), u(h, b(a.value, {
+      action: "",
+      ref_key: "buttonRef",
+      ref: e
+    }), y({ _: 2 }, [
+      g(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: B((s) => [
+          _(o.$slots, t, v(I(s)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  j as _
+};

package/dist/Alert/index.js

@@ -1,4 +1,4 @@
-import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-DxlwdpVq.js";
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_script_setup_true_lang-B3d8P77F.js";
 export {
   r as Alert,
   s as AlertTypes,

package/dist/Alert/index.umd.cjs

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

package/dist/Alert.vue_vue_type_script_setup_true_lang-4NcndwYt.js

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

package/dist/Alert.vue_vue_type_script_setup_true_lang-B3d8P77F.js

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

package/dist/Avatar/index.js

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

package/dist/Avatar/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-UzInGmo8.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_script_setup_true_lang-CCjfTTXn.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-DmIuHoi3.js → Avatar.vue_vue_type_script_setup_true_lang-B_MhEGg3.js}

@@ -1,15 +1,19 @@
-import { defineComponent as O, useSlots as F, computed as n, createElementBlock as y, openBlock as i, normalizeClass as v, unref as t, createVNode as I, h as x, createBlock as A, withCtx as P, createCommentVNode as _, Fragment as R, mergeProps as T, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
+import { defineComponent as O, useSlots as F, computed as o, createElementBlock as _, openBlock as i, normalizeClass as v, unref as t, createVNode as I, h as x, createBlock as C, withCtx as P, createCommentVNode as y, Fragment as M, mergeProps as R, renderSlot as b, createTextVNode as $, toDisplayString as w } from "vue";
 import { createContext as H, useEmitAsProps as J, AvatarRoot as K, AvatarImage as Q, AvatarFallback as U } from "reka-ui";
-import { getBemBlock as j, getBemElement as f, generateVariantClassList as d, normCls as S } from "@pantograph/utils";
-import { cva as q } from "class-variance-authority";
-import { l as W, e as X } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
-import { g as D } from "./options-Bh1s18jm.js";
+import { getBemBlock as T, getBemElement as f, generateVariantClassList as d, normCls as S } from "@pantograph/utils";
+import { cva as j } from "class-variance-authority";
+import { l as W, u as X, e as Y } from "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import { a as q } from "./options-J8HfRMSU.js";
+import "@pantograph/tokens";
 import "es-toolkit";
-import { _ as Y } from "./HoverCard.vue_vue_type_style_index_0_lang-DGhlQaO0.js";
-import "./Popover.vue_vue_type_style_index_0_lang-BrLhsdZu.js";
-import { _ as Z } from "./Indicator.vue_vue_type_script_setup_true_lang-Bfc2cDZW.js";
-const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
-  ...D("AvatarGroup"),
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import { _ as Z } from "./HoverCard.vue_vue_type_script_setup_true_lang-BABPj0Qr.js";
+import "./Popover.vue_vue_type_script_setup_true_lang-1pdG_U1y.js";
+import { _ as ee } from "./Indicator.vue_vue_type_script_setup_true_lang-Dqxgfs9Z.js";
+import te from "@pantograph/style/avatar.css?raw";
+const [se, ae] = H("AvatarGroup"), Ae = /* @__PURE__ */ O({
+  ...q("AvatarGroup"),
   __name: "AvatarGroup",
   props: {
     class: {},
@@ -20,21 +24,21 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
     maxCount: {},
     noPopover: { type: Boolean }
   },
-  setup(C) {
-    const s = C, g = F(), o = n(() => s.size), a = n(() => s.shape), B = j("avatar"), h = f(B, "group"), z = q(h, {
+  setup(A) {
+    const s = A, g = F(), n = o(() => s.size), a = o(() => s.shape), B = T("avatar"), h = f(B, "group"), z = j(h, {
       variants: {
         gutter: d("gutter", h)
       }
     });
-    te({
-      size: o,
+    ae({
+      size: n,
       shape: a
     });
-    const l = n(() => s.maxCount ? Number(s.maxCount) : 0), c = n(
+    const l = o(() => s.maxCount ? Number(s.maxCount) : 0), c = o(
       () => z({
         gutter: s.gutter
       })
-    ), m = n(() => {
+    ), m = o(() => {
       switch (s.size) {
         case "2xsm":
         case "xsm":
@@ -47,11 +51,11 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
           return "md";
       }
     }), k = () => {
-      const r = W(g.default ? g.default() : []), p = () => x(se, { text: `+${r.length - l.value}` });
+      const r = W(g.default ? g.default() : []), p = () => x(oe, { text: `+${r.length - l.value}` });
       return l.value >= 1 && r.length > l.value ? [
         ...r.filter((e, u) => u < l.value),
         s.noPopover ? p() : x(
-          Y,
+          Z,
           {
             size: m.value,
             ...s.popoverProps ?? {}
@@ -69,7 +73,7 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
         )
       ] : r;
     };
-    return (r, p) => (i(), y("div", {
+    return (r, p) => (i(), _("div", {
       class: v(t(S)(c.value, s.class))
     }, [
       I(k, { maxCount: r.maxCount }, null, 8, ["maxCount"])
@@ -78,8 +82,8 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
 }), G = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
   start: "online-start",
   end: "online-end"
-}, se = /* @__PURE__ */ O({
-  ...D("Avatar"),
+}, oe = /* @__PURE__ */ O({
+  ...q("Avatar"),
   __name: "Avatar",
   props: {
     src: { default: "" },
@@ -99,29 +103,30 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
     delayMs: {}
   },
   emits: ["loadingStatusChange"],
-  setup(C, { emit: s }) {
-    const g = F(), o = j("avatar"), a = C, h = J(s), z = q(o, {
+  setup(A, { emit: s }) {
+    X("avatar", te);
+    const g = F(), n = T("avatar"), a = A, h = J(s), z = j(n, {
       variants: {
-        size: d(G, o),
-        stroke: d(N, o),
-        shape: d(V, o),
+        size: d(G, n),
+        stroke: d(N, n),
+        shape: d(V, n),
         onlineAlignment: d(
           E,
-          o
+          n
         )
       }
-    }), l = ee({
-      size: n(() => a.size),
-      shape: n(() => a.shape)
-    }), c = n(() => l.size.value ?? a.size), m = n(() => l.shape.value ?? a.shape), k = n(() => {
-      const e = c.value && G.includes(c.value) ? c.value : "md", u = a.stroke && N.includes(a.stroke) ? a.stroke : "none", L = m.value && V.includes(m.value) ? m.value : "circle", M = E[a.onlineAlignment] ? a.onlineAlignment : "start";
+    }), l = se({
+      size: o(() => a.size),
+      shape: o(() => a.shape)
+    }), c = o(() => l.size.value ?? a.size), m = o(() => l.shape.value ?? a.shape), k = o(() => {
+      const e = c.value && G.includes(c.value) ? c.value : "md", u = a.stroke && N.includes(a.stroke) ? a.stroke : "none", D = m.value && V.includes(m.value) ? m.value : "circle", L = E[a.onlineAlignment] ? a.onlineAlignment : "start";
       return {
         size: e,
         stroke: u,
-        shape: L,
-        onlineAlignment: M
+        shape: D,
+        onlineAlignment: L
       };
-    }), r = n(() => {
+    }), r = o(() => {
       switch (c.value) {
         case "lg":
         case "xlg":
@@ -129,7 +134,7 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
         default:
           return "tinier";
       }
-    }), p = n(() => {
+    }), p = o(() => {
       switch (c.value) {
         case "lg":
         case "xlg":
@@ -143,23 +148,23 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
           return "xsm";
       }
     });
-    return (e, u) => (i(), A(t(K), {
+    return (e, u) => (i(), C(t(K), {
       as: "div",
       class: v(t(S)(t(z)(k.value), a.class))
     }, {
       default: P(() => [
-        !g.default && !e.text ? (i(), y(R, { key: 0 }, [
-          e.src ? (i(), A(t(Q), T({ key: 0 }, t(h), {
+        !g.default && !e.text ? (i(), _(M, { key: 0 }, [
+          e.src ? (i(), C(t(Q), R({ key: 0 }, t(h), {
             src: e.src,
             alt: e.alt,
-            class: t(f)(t(o), "image")
-          }), null, 16, ["src", "alt", "class"])) : _("", !0),
+            class: t(f)(t(n), "image")
+          }), null, 16, ["src", "alt", "class"])) : y("", !0),
           I(t(U), {
-            class: v(t(f)(t(o), "fallback"))
+            class: v(t(f)(t(n), "fallback"))
           }, {
             default: P(() => [
               b(e.$slots, "fallback", {}, () => [
-                e.fallback ? _("", !0) : (i(), A(t(X), {
+                e.fallback ? y("", !0) : (i(), C(t(Y), {
                   key: 0,
                   icon: e.icon,
                   size: p.value
@@ -169,20 +174,20 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
             ]),
             _: 3
           }, 8, ["class"])
-        ], 64)) : (i(), y("span", {
+        ], 64)) : (i(), _("span", {
           key: 1,
-          class: v(t(f)(t(o), "image"))
+          class: v(t(f)(t(n), "image"))
         }, [
           b(e.$slots, "default", {}, () => [
             $(w(e.text), 1)
           ])
         ], 2)),
-        e.online ? (i(), A(Z, {
+        e.online ? (i(), C(ee, {
           key: 2,
           color: e.onlineColor,
           size: r.value,
-          class: v(t(f)(t(o), "online"))
-        }, null, 8, ["color", "size", "class"])) : _("", !0)
+          class: v(t(f)(t(n), "online"))
+        }, null, 8, ["color", "size", "class"])) : y("", !0)
       ]),
       _: 3
     }, 8, ["class"]));
@@ -190,11 +195,11 @@ const [ee, te] = H("AvatarGroup"), ve = /* @__PURE__ */ O({
 });
 export {
   G as A,
-  se as _,
+  oe as _,
   N as a,
   V as b,
   E as c,
-  ve as d,
-  ee as i,
-  te as p
+  Ae as d,
+  se as i,
+  ae as p
 };

package/dist/Avatar.vue_vue_type_script_setup_true_lang-CCjfTTXn.js

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

package/dist/AvatarGroup/index.js

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

package/dist/AvatarGroup/index.umd.cjs

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

package/dist/Badge/index.js

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

package/dist/Badge/index.umd.cjs

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