@pantograph/vue 0.23.32 → 0.23.35

package/dist/ActionButton/ActionButton.d.ts

@@ -11,10 +11,11 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
-                readonly text?: (string | number) | undefined;
+                readonly class?: import('clsx').ClassValue;
+                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 noRing?: boolean | undefined;
                 readonly type?: ButtonType | undefined;
                 readonly variant?: ButtonVariant | undefined;
                 readonly loading?: boolean | undefined;
@@ -29,7 +30,7 @@ declare function __VLS_template(): {
                 readonly preIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
                 readonly postIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
                 readonly badgeIconFlipOnDir?: import('../index.ts', { with: { "resolution-mode": "import" } }).FlipOnDir | undefined;
-                readonly htmlType?: ("reset" | "submit" | "button") | undefined;
+                readonly htmlType?: "reset" | "submit" | "button" | undefined;
                 readonly block?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly href?: string | undefined;

package/dist/ActionButton/index.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-CDY-S7kB.js";
+import { _ as a, _ as e } from "../ActionButton.vue_vue_type_script_setup_true_lang-jhaE9j9X.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-YPrkYEHL.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-BGrL1xRj.js");exports.ActionButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-YPrkYEHL.js → ActionButton.vue_vue_type_script_setup_true_lang-BGrL1xRj.js}

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-CDY-S7kB.js → ActionButton.vue_vue_type_script_setup_true_lang-jhaE9j9X.js}

@@ -1,7 +1,7 @@
 import { defineComponent as p, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as b, mergeProps as d, createSlots as _, renderList as g, withCtx as v, renderSlot as y, normalizeProps as B, guardReactiveProps as I } from "vue";
-import { o as k } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-BPityrBM.js";
-import { g as x } from "./options-D4et5euX.js";
+import { o as k } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-favf_C7t.js";
+import { g as x } from "./options-Bh1s18jm.js";
 const P = /* @__PURE__ */ p({
   ...x("ActionButton", !1),
   __name: "ActionButton",

package/dist/Alert/Alert.d.ts

@@ -1,21 +1,21 @@
-import { Class } from '../types';
 import { AlertType } from './Alert.model';
 import { LinkProps } from '../Link/Link';
+import { ClassValue } from 'class-variance-authority/types';
 export interface AlertProps {
     type?: AlertType;
     closeable?: boolean;
-    class?: Class;
+    class?: ClassValue;
     icon?: string;
-    iconCls?: Class;
-    bodyCls?: Class;
-    closeableCls?: Class;
+    iconCls?: ClassValue;
+    bodyCls?: ClassValue;
+    closeableCls?: ClassValue;
     fg?: string;
     br?: string;
     bg?: string;
     title?: string;
-    titleCls?: Class;
+    titleCls?: ClassValue;
     description?: string;
-    descriptionCls?: Class;
+    descriptionCls?: ClassValue;
     link?: boolean;
     linkProps?: LinkProps;
 }

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-utLLIbpv.js";
+import { _ as r, A as s, _ as t } from "../Alert.vue_vue_type_style_index_0_lang-89bXo9jG.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-BKNHgs7z.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_style_index_0_lang-BdhEOwG7.js");exports.Alert=e._sfc_main;exports.AlertTypes=e.AlertTypes;exports.default=e._sfc_main;

package/dist/Alert.vue_vue_type_style_index_0_lang-89bXo9jG.js

@@ -0,0 +1,121 @@
+import { defineComponent as h, useSlots as S, computed as V, createElementBlock as c, openBlock as n, 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 f, toDisplayString as g, createVNode as y, normalizeProps as E, guardReactiveProps as I } from "vue";
+import { getBemBlock as T, generateVariantClassList as D, normCls as r, getBemElement as a } from "@pantograph/utils";
+import { cva as L } from "class-variance-authority";
+import { g as M } from "./options-Bh1s18jm.js";
+import { _ as O } from "./IconButton.vue_vue_type_script_setup_true_lang-BBnCpnF1.js";
+import { _ as R } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-C949W-Ro.js";
+import { _ as j } from "./Link.vue_vue_type_style_index_0_lang-CsBkek74.js";
+const q = ["info", "success", "danger", "warning", "hint"], W = /* @__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(u, { emit: C }) {
+    const m = u, k = C, l = T("alert"), B = L(l, {
+      variants: {
+        type: D(q, l)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    }), t = 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, b) => (n(), c("div", {
+      class: s(
+        o(r)(
+          o(B)({
+            type: e.type
+          }),
+          m.class
+        )
+      ),
+      style: z({
+        "--ptc-alert-fg": e.fg,
+        "--ptc-alert-bg": e.bg,
+        "--ptc-alert-br": e.br
+      })
+    }, [
+      t.icon || d.value ? (n(), A(R, {
+        key: 0,
+        size: "md",
+        icon: d.value,
+        class: s(o(r)(o(a)(o(l), "icon"), e.iconCls))
+      }, P({ _: 2 }, [
+        t.icon ? {
+          name: "icon",
+          fn: w(() => [
+            i(e.$slots, "icon")
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["icon", "class"])) : p("", !0),
+      N("div", {
+        class: s(o(r)(o(a)(o(l), "body"), e.bodyCls))
+      }, [
+        i(e.$slots, "default", {}, () => [
+          e.title || t.title ? (n(), c("div", {
+            key: 0,
+            class: s(o(r)(o(a)(o(l), "title"), e.titleCls, "paragraph"))
+          }, [
+            i(e.$slots, "title", {}, () => [
+              f(g(e.title), 1)
+            ])
+          ], 2)) : p("", !0),
+          e.description || t.description ? (n(), c("div", {
+            key: 1,
+            class: s(o(r)(o(a)(o(l), "description"), e.descriptionCls, "paragraph"))
+          }, [
+            i(e.$slots, "description", {}, () => [
+              f(g(e.description), 1)
+            ])
+          ], 2)) : p("", !0),
+          e.link || t.link ? (n(), c("div", {
+            key: 2,
+            class: s(o(a)(o(l), "action"))
+          }, [
+            i(e.$slots, "link", {}, () => [
+              y(j, E(I(e.linkProps)), null, 16)
+            ])
+          ], 2)) : p("", !0)
+        ])
+      ], 2),
+      m.closeable || t.closeable ? (n(), c("div", {
+        key: 1,
+        class: s(o(r)(o(a)(o(l), "closeable"), e.closeableCls))
+      }, [
+        i(e.$slots, "closeable", {}, () => [
+          y(O, {
+            icon: "tabler:x",
+            color: "neutral",
+            type: "ghost",
+            onClick: b[0] || (b[0] = ($) => k("close", $))
+          })
+        ])
+      ], 2)) : p("", !0)
+    ], 6));
+  }
+});
+export {
+  q as A,
+  W as _
+};

package/dist/Alert.vue_vue_type_style_index_0_lang-BdhEOwG7.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("./IconButton.vue_vue_type_script_setup_true_lang-DynLmo_n.js"),B=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-EviuZ52W.js"),k=require("./Link.vue_vue_type_style_index_0_lang-BfC3SwbG.js"),i=["info","success","danger","warning","hint"],b=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}){const r=c,m=u,l=n.getBemBlock("alert"),p=C.cva(l,{variants:{type:n.generateVariantClassList(i,l)}}),o=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(()=>r.icon??d[r.type]);return(t,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(p)({type:t.type}),r.class)),style:e.normalizeStyle({"--ptc-alert-fg":t.fg,"--ptc-alert-bg":t.bg,"--ptc-alert-br":t.br})},[o.icon||s.value?(e.openBlock(),e.createBlock(B._sfc_main,{key:0,size:"md",icon:s.value,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"icon"),t.iconCls))},e.createSlots({_:2},[o.icon?{name:"icon",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"icon")]),key:"0"}:void 0]),1032,["icon","class"])):e.createCommentVNode("",!0),e.createElementVNode("div",{class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"body"),t.bodyCls))},[e.renderSlot(t.$slots,"default",{},()=>[t.title||o.title?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"title"),t.titleCls,"paragraph"))},[e.renderSlot(t.$slots,"title",{},()=>[e.createTextVNode(e.toDisplayString(t.title),1)])],2)):e.createCommentVNode("",!0),t.description||o.description?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"description"),t.descriptionCls,"paragraph"))},[e.renderSlot(t.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0),t.link||o.link?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(l),"action"))},[e.renderSlot(t.$slots,"link",{},()=>[e.createVNode(k._sfc_main,e.normalizeProps(e.guardReactiveProps(t.linkProps)),null,16)])],2)):e.createCommentVNode("",!0)])],2),r.closeable||o.closeable?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(n.normCls)(e.unref(n.getBemElement)(e.unref(l),"closeable"),t.closeableCls))},[e.renderSlot(t.$slots,"closeable",{},()=>[e.createVNode(y._sfc_main,{icon:"tabler:x",color:"neutral",type:"ghost",onClick:a[0]||(a[0]=f=>m("close",f))})])],2)):e.createCommentVNode("",!0)],6))}});exports.AlertTypes=i;exports._sfc_main=b;

package/dist/Avatar/Avatar.d.ts

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

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-Cu0myQ2q.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-kaq1iN2X.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-G90FXPBR.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-YkXWR99l.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-YkXWR99l.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("reka-ui"),s=require("@pantograph/utils"),B=require("class-variance-authority"),x=require("./options-CY2uxp5A.js"),b=require("./Popover.vue_vue_type_style_index_0_lang-qJ0psPTx.js");require("@iconify/vue");const y=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),N=require("./Indicator.vue_vue_type_script_setup_true_lang-BQqMdFAx.js"),[S,V]=p.createContext("AvatarGroup"),G=e.defineComponent({...x.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=B.cva(d,{variants:{gutter:s.generateVariantClassList("gutter",d)}});V({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=y.flattenChildren(v.default?v.default():[]),m=()=>e.h(P,{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))}}),_=["2xsm","xsm","sm","md","lg","xlg"],A=["gray","white"],h=["circle","square","rect"],z={start:"online-start",end:"online-end"},P=e.defineComponent({...x.getComponentOptions("Avatar"),__name:"Avatar",props:{src:{default:""},class:{},onlineColor:{default:"lime"},size:{default:"md"},stroke:{},shape:{default:"circle"},online:{type:Boolean},alt:{},fallback:{},text:{},icon:{default:"tabler:user"},onlineAlignment:{default:"start"},referrerPolicy:{},crossOrigin:{},delayMs:{}},emits:["loadingStatusChange"],setup(g,{emit:a}){const v=e.useSlots(),r=s.getBemBlock("avatar"),n=g,f=a,d=p.useEmitAsProps(f),C=B.cva(r,{variants:{size:s.generateVariantClassList(_,r),stroke:s.generateVariantClassList(A,r),shape:s.generateVariantClassList(h,r),onlineAlignment:s.generateVariantClassList(z,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&&_.includes(c.value)?c.value:"md",u=n.stroke&&A.includes(n.stroke)?n.stroke:"none",q=i.value&&h.includes(i.value)?i.value:"circle",E=z[n.onlineAlignment]?n.onlineAlignment:"start";return{size:t,stroke:u,shape:q,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(y._sfc_main$3),{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=z;exports.AvatarShapes=h;exports.AvatarSizes=_;exports.AvatarStrokes=A;exports._sfc_main=P;exports._sfc_main$1=G;exports.injectAvatarGroupContext=S;exports.provideAvatarGroupContext=V;

package/dist/{Avatar.vue_vue_type_style_index_0_lang-Cu0myQ2q.js → Avatar.vue_vue_type_style_index_0_lang-kaq1iN2X.js}

@@ -1,14 +1,14 @@
-import { defineComponent as E, useSlots as O, computed as n, createElementBlock as y, openBlock as i, normalizeClass as v, createVNode as F, h as x, createBlock as A, unref as t, withCtx as B, createCommentVNode as _, Fragment as M, mergeProps as R, renderSlot as P, createTextVNode as b, toDisplayString as $ } from "vue";
-import { createContext as T, useEmitAsProps as H, AvatarRoot as J, AvatarImage as K, AvatarFallback as Q } from "reka-ui";
-import { getBemBlock as I, getBemElement as f, generateVariantClassList as d } from "@pantograph/utils";
-import { cva as j } from "class-variance-authority";
-import { g as q } from "./options-D4et5euX.js";
-import { _ as U } from "./Popover.vue_vue_type_style_index_0_lang-Dk4VAxwA.js";
+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 { 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 { g as D } from "./options-Bh1s18jm.js";
+import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-Bdu86hho.js";
 import "@iconify/vue";
-import { m as W, k as X } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as Y } from "./Indicator.vue_vue_type_script_setup_true_lang-CLTWioGg.js";
-const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
-  ...q("AvatarGroup"),
+import { m as X, k as Y } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { _ as Z } from "./Indicator.vue_vue_type_script_setup_true_lang-AJV4EFOO.js";
+const [ee, te] = H("AvatarGroup"), pe = /* @__PURE__ */ O({
+  ...D("AvatarGroup"),
   __name: "AvatarGroup",
   props: {
     class: {},
@@ -19,18 +19,18 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
     maxCount: {},
     noPopover: { type: Boolean }
   },
-  setup(k) {
-    const s = k, g = O(), o = n(() => s.size), a = n(() => s.shape), S = I("avatar"), h = f(S, "group"), z = j(h, {
+  setup(C) {
+    const s = C, g = F(), o = n(() => s.size), a = n(() => s.shape), B = j("avatar"), h = f(B, "group"), k = q(h, {
       variants: {
         gutter: d("gutter", h)
       }
     });
-    ee({
+    te({
       size: o,
       shape: a
     });
     const l = n(() => s.maxCount ? Number(s.maxCount) : 0), c = n(
-      () => z({
+      () => k({
         gutter: s.gutter
       })
     ), m = n(() => {
@@ -45,12 +45,12 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
         default:
           return "md";
       }
-    }), C = () => {
-      const r = W(g.default ? g.default() : []), p = () => x(te, { text: `+${r.length - l.value}` });
+    }), z = () => {
+      const r = X(g.default ? g.default() : []), p = () => x(se, { text: `+${r.length - l.value}` });
       return l.value >= 1 && r.length > l.value ? [
         ...r.filter((e, u) => u < l.value),
         s.noPopover ? p() : x(
-          U,
+          W,
           {
             size: m.value,
             ...s.popoverProps ?? {}
@@ -59,7 +59,7 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
             default: p,
             content: () => x(
               "div",
-              { class: [c.value, s.class] },
+              { class: S(c.value, s.class) },
               {
                 default: () => r.filter((e, u) => u >= l.value)
               }
@@ -69,16 +69,16 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
       ] : r;
     };
     return (r, p) => (i(), y("div", {
-      class: v([c.value, s.class])
+      class: v(t(S)(c.value, s.class))
     }, [
-      F(C, { maxCount: r.maxCount }, null, 8, ["maxCount"])
+      I(z, { maxCount: r.maxCount }, null, 8, ["maxCount"])
     ], 2));
   }
-}), w = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], G = ["gray", "white"], N = ["circle", "square", "rect"], V = {
+}), G = ["2xsm", "xsm", "sm", "md", "lg", "xlg"], N = ["gray", "white"], V = ["circle", "square", "rect"], E = {
   start: "online-start",
   end: "online-end"
-}, te = /* @__PURE__ */ E({
-  ...q("Avatar"),
+}, se = /* @__PURE__ */ O({
+  ...D("Avatar"),
   __name: "Avatar",
   props: {
     src: { default: "" },
@@ -98,27 +98,27 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
     delayMs: {}
   },
   emits: ["loadingStatusChange"],
-  setup(k, { emit: s }) {
-    const g = O(), o = I("avatar"), a = k, h = H(s), z = j(o, {
+  setup(C, { emit: s }) {
+    const g = F(), o = j("avatar"), a = C, h = J(s), k = q(o, {
       variants: {
-        size: d(w, o),
-        stroke: d(G, o),
-        shape: d(N, o),
+        size: d(G, o),
+        stroke: d(N, o),
+        shape: d(V, o),
         onlineAlignment: d(
-          V,
+          E,
           o
         )
       }
-    }), l = Z({
+    }), l = ee({
       size: n(() => a.size),
       shape: n(() => a.shape)
-    }), c = n(() => l.size.value ?? a.size), m = n(() => l.shape.value ?? a.shape), C = n(() => {
-      const e = c.value && w.includes(c.value) ? c.value : "md", u = a.stroke && G.includes(a.stroke) ? a.stroke : "none", D = m.value && N.includes(m.value) ? m.value : "circle", L = V[a.onlineAlignment] ? a.onlineAlignment : "start";
+    }), c = n(() => l.size.value ?? a.size), m = n(() => l.shape.value ?? a.shape), z = 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";
       return {
         size: e,
         stroke: u,
-        shape: D,
-        onlineAlignment: L
+        shape: L,
+        onlineAlignment: M
       };
     }), r = n(() => {
       switch (c.value) {
@@ -142,28 +142,28 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
           return "xsm";
       }
     });
-    return (e, u) => (i(), A(t(J), {
+    return (e, u) => (i(), A(t(K), {
       as: "div",
-      class: v([t(z)(C.value), a.class])
+      class: v(t(S)(t(k)(z.value), a.class))
     }, {
-      default: B(() => [
-        !g.default && !e.text ? (i(), y(M, { key: 0 }, [
-          e.src ? (i(), A(t(K), R({ key: 0 }, t(h), {
+      default: P(() => [
+        !g.default && !e.text ? (i(), y(R, { key: 0 }, [
+          e.src ? (i(), A(t(Q), T({ key: 0 }, t(h), {
             src: e.src,
             alt: e.alt,
             class: t(f)(t(o), "image")
           }), null, 16, ["src", "alt", "class"])) : _("", !0),
-          F(t(Q), {
+          I(t(U), {
             class: v(t(f)(t(o), "fallback"))
           }, {
-            default: B(() => [
-              P(e.$slots, "fallback", {}, () => [
-                e.fallback ? _("", !0) : (i(), A(t(X), {
+            default: P(() => [
+              b(e.$slots, "fallback", {}, () => [
+                e.fallback ? _("", !0) : (i(), A(t(Y), {
                   key: 0,
                   icon: e.icon,
                   size: p.value
                 }, null, 8, ["icon", "size"])),
-                b(" " + $(e.fallback), 1)
+                $(" " + w(e.fallback), 1)
               ])
             ]),
             _: 3
@@ -172,11 +172,11 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
           key: 1,
           class: v(t(f)(t(o), "image"))
         }, [
-          P(e.$slots, "default", {}, () => [
-            b($(e.text), 1)
+          b(e.$slots, "default", {}, () => [
+            $(w(e.text), 1)
           ])
         ], 2)),
-        e.online ? (i(), A(Y, {
+        e.online ? (i(), A(Z, {
           key: 2,
           color: e.onlineColor,
           size: r.value,
@@ -188,12 +188,12 @@ const [Z, ee] = T("AvatarGroup"), me = /* @__PURE__ */ E({
   }
 });
 export {
-  w as A,
-  te as _,
-  G as a,
-  N as b,
-  V as c,
-  me as d,
-  Z as i,
-  ee as p
+  G as A,
+  se as _,
+  N as a,
+  V as b,
+  E as c,
+  pe as d,
+  ee as i,
+  te as p
 };

package/dist/AvatarGroup/AvatarGroup.d.ts

@@ -1,9 +1,9 @@
 import { AvatarShape, AvatarSize } from '../Avatar/Avatar.model';
 import { ComputedRef } from 'vue';
-import { Class } from '../types';
 import { PopoverProps } from '../Popover';
+import { ClassValue } from 'class-variance-authority/types';
 export type AvatarGroupProps = {
-    class?: Class;
+    class?: ClassValue;
     gutter?: boolean;
     size?: AvatarSize;
     shape?: AvatarShape;

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-Cu0myQ2q.js";
+import { d as t, i as o, p } from "../Avatar.vue_vue_type_style_index_0_lang-kaq1iN2X.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-G90FXPBR.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-YkXWR99l.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-xUkbs4Ce.js";
+import { _ as d, _ as f } from "../Badge.vue_vue_type_script_setup_true_lang-C6x4r-P7.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-Cn39UXpc.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-BAQIKtam.js");exports.Badge=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Badge.vue_vue_type_script_setup_true_lang-Cn39UXpc.js → Badge.vue_vue_type_script_setup_true_lang-BAQIKtam.js}

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

package/dist/{Badge.vue_vue_type_script_setup_true_lang-xUkbs4Ce.js → Badge.vue_vue_type_script_setup_true_lang-C6x4r-P7.js}

@@ -1,7 +1,7 @@
 import { defineComponent as y, useAttrs as C, computed as n, createBlock as b, openBlock as _, mergeProps as B, createSlots as $, renderList as k, withCtx as h, renderSlot as v, normalizeProps as O, guardReactiveProps as P } from "vue";
-import { o as S } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-BFkYFuq2.js";
-import { g as x } from "./options-D4et5euX.js";
+import { o as S } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-CAdrPXmH.js";
+import { g as x } from "./options-Bh1s18jm.js";
 import { B as e, a as t } from "./BaseBadge.model-CahZXsyM.js";
 import { getCssCoreColor as o } from "@pantograph/tokens";
 const R = /* @__PURE__ */ y({

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

@@ -1,9 +1,9 @@
-import { Class } from '../../types';
 import { BadgeColor, BadgeColorSubtle, BadgeSize, BadgeType } from './BaseBadge.model';
 import { FlipOnDir } from '../../ConfigProvider';
+import { ClassValue } from 'class-variance-authority/types';
 export interface BaseBadgeProps {
     size?: BadgeSize;
-    class?: Class;
+    class?: ClassValue;
     text?: string | number;
     bg?: BadgeColor | BadgeColorSubtle | string;
     fg?: BadgeColor | BadgeColorSubtle | string;

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

@@ -1,13 +1,14 @@
 import { ButtonColor, ButtonSize, ButtonType, ButtonVariant } from './BaseButton.model';
-import { Class } from '../../types';
 import { BadgeSize } from '../BaseBadge/BaseBadge.model';
 import { BaseBadgeSlots } from '../BaseBadge/BaseBadge';
 import { FlipOnDir } from '../../ConfigProvider';
+import { ClassValue } from 'class-variance-authority/types';
 export interface BaseButtonProps {
-    class?: Class;
+    class?: ClassValue;
     text?: string | number;
     size?: ButtonSize;
     color?: ButtonColor;
+    noRing?: boolean;
     type?: ButtonType;
     variant?: ButtonVariant;
     loading?: boolean;

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-BFkYFuq2.js → BaseBadge.vue_vue_type_style_index_0_lang-CAdrPXmH.js}

@@ -1,11 +1,11 @@
 import { defineComponent as k, useSlots as I, computed as p, createBlock as E, openBlock as j, h as v } from "vue";
 import { getBemBlock as w, generateVariantClassList as o, normCls as F } from "@pantograph/utils";
 import { cva as G } from "class-variance-authority";
-import { g as L } from "./options-D4et5euX.js";
+import { g as L } from "./options-Bh1s18jm.js";
 import { b, c as x } from "./BaseBadge.model-CahZXsyM.js";
 import "@iconify/vue";
-import { j as B, k as M } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { u as P } from "./index-C7THkhcc.js";
+import { j as B, k as M } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { u as P } from "./index-BTuMaS--.js";
 const Q = /* @__PURE__ */ k({
   ...L("BaseBadge"),
   __name: "BaseBadge",
@@ -70,7 +70,7 @@ const Q = /* @__PURE__ */ k({
       return v(
         "div",
         {
-          class: F([S(O), e.class]),
+          class: F(S(O), e.class),
           style: {
             "--ptc-badge-fg": e.fg,
             "--ptc-badge-bg": e.bg,

package/dist/{BaseBadge.vue_vue_type_style_index_0_lang-uB5-HVX9.js → BaseBadge.vue_vue_type_style_index_0_lang-Clv4Io8O.js}

@@ -1 +1 @@
-"use strict";const n=require("vue"),s=require("@pantograph/utils"),q=require("class-variance-authority"),V=require("./options-CWrQ7gsa.js"),r=require("./BaseBadge.model-DecqxaGN.js");require("@iconify/vue");const d=require("./Icon.vue_vue_type_style_index_0_lang-UTawvSSk.js"),D=require("./index-DWw7aruo.js"),I=n.defineComponent({...V.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(B){const{getFlipOnDir:x}=D.useConfig(),b=x("flipOnDir"),i=s.getBemBlock("badge"),e=B,C=q.cva(i,{variants:{size:s.generateVariantClassList(r.BadgeSizes,i),type:s.generateVariantClassList(r.BadgeTypes,i),text:s.generateVariantClassList("text",i),icon:s.generateVariantClassList("icon",i),br:s.generateVariantClassList("br",i)}}),a=n.useSlots(),c=n.computed(()=>r.BadgeTypes.includes(e.type)?e.type:"pill"),f=n.computed(()=>{let t=r.BadgeSizes.includes(e.size)?e.size:"md";return t==="sm"&&c.value!=="rect"?c.value==="minify"?t="tiny":c.value==="pill"&&(t="md"):c.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":c.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),h=n.computed(()=>{switch(f.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),z=()=>{var _,v;const t=[];let o,l;const u=e.type==="minify";u||(o=(_=a.icon)==null?void 0:_.call(a,{}),l=(v=a.default)==null?void 0:v.call(a,{}));const m=!u&&!d.isEmptyElement(l),g=!u&&!d.isEmptyElement(o),p=!!(![void 0,!1,null].includes(e.text)||m),y=!!(e.icon||g);(e.type==="rect"&&p?!1:y)&&t.push(n.h(d._sfc_main$3,{icon:e.icon,size:h.value,flipOnDir:b.value},g?{default:()=>o}:void 0)),p&&(m?t.push(l):t.push(e.text));const S={size:f.value,type:c.value,text:p,icon:y,br:!!e.br};return n.h("div",{class:s.normCls([C(S),e.class]),style:{"--ptc-badge-fg":e.fg,"--ptc-badge-bg":e.bg,"--ptc-badge-br":e.br}},t)};return(t,o)=>(n.openBlock(),n.createBlock(z))}});exports._sfc_main=I;
+"use strict";const n=require("vue"),s=require("@pantograph/utils"),q=require("class-variance-authority"),V=require("./options-CY2uxp5A.js"),r=require("./BaseBadge.model-DecqxaGN.js");require("@iconify/vue");const d=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),D=require("./index-BmcHqJPl.js"),I=n.defineComponent({...V.getComponentOptions("BaseBadge"),__name:"BaseBadge",props:{size:{default:"md"},class:{},text:{},bg:{},fg:{},br:{},type:{default:"pill"},icon:{},flipOnDir:{}},setup(B){const{getFlipOnDir:x}=D.useConfig(),b=x("flipOnDir"),i=s.getBemBlock("badge"),e=B,C=q.cva(i,{variants:{size:s.generateVariantClassList(r.BadgeSizes,i),type:s.generateVariantClassList(r.BadgeTypes,i),text:s.generateVariantClassList("text",i),icon:s.generateVariantClassList("icon",i),br:s.generateVariantClassList("br",i)}}),a=n.useSlots(),c=n.computed(()=>r.BadgeTypes.includes(e.type)?e.type:"pill"),f=n.computed(()=>{let t=r.BadgeSizes.includes(e.size)?e.size:"md";return t==="sm"&&c.value!=="rect"?c.value==="minify"?t="tiny":c.value==="pill"&&(t="md"):c.value==="minify"&&!["tiny","tinier"].includes(t)?t="tiny":c.value!=="minify"&&["tiny","tinier"].includes(t)&&(t="md"),t}),h=n.computed(()=>{switch(f.value){case"sm":return"xsm";case"xsm":return"2xsm";case"2xsm":return"3xsm";case"md":default:return"sm"}}),z=()=>{var _,v;const t=[];let o,l;const u=e.type==="minify";u||(o=(_=a.icon)==null?void 0:_.call(a,{}),l=(v=a.default)==null?void 0:v.call(a,{}));const m=!u&&!d.isEmptyElement(l),g=!u&&!d.isEmptyElement(o),p=!!(![void 0,!1,null].includes(e.text)||m),y=!!(e.icon||g);(e.type==="rect"&&p?!1:y)&&t.push(n.h(d._sfc_main$3,{icon:e.icon,size:h.value,flipOnDir:b.value},g?{default:()=>o}:void 0)),p&&(m?t.push(l):t.push(e.text));const S={size:f.value,type:c.value,text:p,icon:y,br:!!e.br};return n.h("div",{class:s.normCls(C(S),e.class),style:{"--ptc-badge-fg":e.fg,"--ptc-badge-bg":e.bg,"--ptc-badge-br":e.br}},t)};return(t,o)=>(n.openBlock(),n.createBlock(z))}});exports._sfc_main=I;