@pantograph/vue 0.7.0 → 0.7.2

package/dist/ActionButton/index.js.js

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

package/dist/ActionButton/index.umd.cjs.js

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

package/dist/{ActionButton.vue_vue_type_script_setup_true_lang-OA7L3d0i.js → ActionButton.vue_vue_type_script_setup_true_lang-8rfrMrqQ.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useAttrs as m, computed as u, ref as f, createBlock as l, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
 import { o as y } from "./omit-Cxaoa8oo.js";
-import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
+import { _ as A } from "./BaseButton.vue_vue_type_style_index_0_lang-rkT_6hGT.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const z = /* @__PURE__ */ p({
   ...C("ActionButton", !1),

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

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

package/dist/Avatar/index.js.js

@@ -1,4 +1,4 @@
-import { _ as t, c as r, b as e, A, a as v, _ as n } from "../Avatar.vue_vue_type_style_index_0_lang-BmH5aQJ1.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-CqcW1fye.js";
 export {
   t as Avatar,
   r as AvatarOnlineAlignments,

package/dist/Avatar/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-DO7InR4k.js");exports.Avatar=e._sfc_main;exports.AvatarOnlineAlignments=e.AvatarOnlineAlignments;exports.AvatarShapes=e.AvatarShapes;exports.AvatarSizes=e.AvatarSizes;exports.AvatarStrokes=e.AvatarStrokes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Avatar.vue_vue_type_style_index_0_lang-3Z2dCzsh.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-DO7InR4k.js → Avatar.vue_vue_type_style_index_0_lang-3Z2dCzsh.js}

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

package/dist/{Avatar.vue_vue_type_style_index_0_lang-BmH5aQJ1.js → Avatar.vue_vue_type_style_index_0_lang-CqcW1fye.js}

@@ -3,10 +3,10 @@ import { createContext as H, Primitive as G, useEmitAsProps as J, AvatarRoot as
 import { b as f, a as d, g as j } from "./class-DziTeW9B.js";
 import { cva as q } from "class-variance-authority";
 import { g as D } from "./options-JBqnVZUl.js";
-import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-CjdTaqQ6.js";
+import { _ as W } from "./Popover.vue_vue_type_style_index_0_lang-CMyqfhum.js";
 import "@iconify/vue";
 import { _ as X } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
-import { _ as Y } from "./Indicator.vue_vue_type_script_setup_true_lang-ODS_K3jA.js";
+import { _ as Y } from "./Indicator.vue_vue_type_script_setup_true_lang-D0pF2bEY.js";
 const [Z, ee] = H("AvatarGroup"), me = /* @__PURE__ */ F({
   ...D("AvatarGroup"),
   __name: "AvatarGroup",

package/dist/AvatarGroup/index.js.js

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

package/dist/AvatarGroup/index.umd.cjs.js

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

package/dist/Badge/Badge.d.ts

@@ -1,7 +1,8 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
-export type BadgeProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'text' | 'mode' | 'icon'>> & {
+import { BadgeColor, BadgeColorSubtle } from '../Base/BaseBadge/BaseBadge.model.js';
+export type BadgeProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'text' | 'icon'>> & {
     size?: Exclude<BaseBadgeProps['size'], 'sm' | 'tiny' | 'tinier'>;
-    color?: Exclude<BaseBadgeProps['color'], 'none'>;
+    color?: BadgeColor | BadgeColorSubtle;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;

package/dist/Badge/index.js.js

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

package/dist/Badge/index.umd.cjs.js

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

package/dist/Badge.vue_vue_type_script_setup_true_lang-BYTVAQi7.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./omit-1sFJ_mId.js"),t=require("./BaseBadge.vue_vue_type_style_index_0_lang-PPTugZ8e.js"),m=require("./options-B4iSAKol.js"),r=require("@pantograph/tokens"),d=e.defineComponent({...m.getComponentOptions("Badge",!1),__name:"Badge",props:{as:{},class:{},text:{},icon:{},size:{},color:{}},setup(l){const o=l,g=e.useAttrs(),i=e.computed(()=>{const a=[...t.BadgeColors,...t.BadgeColorsSubtle],c={...Object.fromEntries(t.BadgeColors.map(s=>[s,r.getCssVar(`${s}-5`)])),...Object.fromEntries(t.BadgeColorsSubtle.map(s=>[s,r.getCssVar(`${s.replace("-subtle","")}-0`)])),"gray-subtle":r.getCssVar("gray-1")},n={...Object.fromEntries(t.BadgeColors.map(s=>[s,r.getCssVar("grayscale-light-0")])),yellow:r.getCssVar("grayscale-dark-0"),...Object.fromEntries(t.BadgeColorsSubtle.map(s=>[s,r.getCssVar(`${s.replace("-subtle","")}-5`)])),"gray-subtle":r.getCssVar("gray-6")};return o.color&&a.includes(o.color)?{bg:c[o.color],fg:n[o.color]}:{bg:r.getCssVar("primary-5"),fg:r.getCssVar("primary-oncolor")}}),p=e.computed(()=>({...u.omit(g,"type"),...o,...i.value}));return(a,c)=>(e.openBlock(),e.createBlock(t._sfc_main,e.mergeProps(p.value,{type:"pill"}),e.createSlots({_:2},[e.renderList(Object.keys(a.$slots),n=>({name:n,fn:e.withCtx(s=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(s)))])}))]),1040))}});exports._sfc_main=d;

package/dist/Badge.vue_vue_type_script_setup_true_lang-BvRVbeWS.js

@@ -0,0 +1,57 @@
+import { defineComponent as f, useAttrs as u, computed as l, createBlock as b, openBlock as d, mergeProps as y, createSlots as _, renderList as C, withCtx as B, renderSlot as O, normalizeProps as $, guardReactiveProps as j } from "vue";
+import { o as k } from "./omit-Cxaoa8oo.js";
+import { c as a, b as n, _ as E } from "./BaseBadge.vue_vue_type_style_index_0_lang-DvaxWCOW.js";
+import { g as h } from "./options-JBqnVZUl.js";
+import { getCssVar as r } from "@pantograph/tokens";
+const z = /* @__PURE__ */ f({
+  ...h("Badge", !1),
+  __name: "Badge",
+  props: {
+    as: {},
+    class: {},
+    text: {},
+    icon: {},
+    size: {},
+    color: {}
+  },
+  setup(p) {
+    const o = p, m = u(), i = l(() => {
+      const t = [...n, ...a], c = {
+        ...Object.fromEntries(n.map((e) => [e, r(`${e}-5`)])),
+        ...Object.fromEntries(
+          a.map((e) => [e, r(`${e.replace("-subtle", "")}-0`)])
+        ),
+        "gray-subtle": r("gray-1")
+      }, s = {
+        ...Object.fromEntries(n.map((e) => [e, r("grayscale-light-0")])),
+        yellow: r("grayscale-dark-0"),
+        ...Object.fromEntries(
+          a.map((e) => [e, r(`${e.replace("-subtle", "")}-5`)])
+        ),
+        "gray-subtle": r("gray-6")
+      };
+      return o.color && t.includes(o.color) ? {
+        bg: c[o.color],
+        fg: s[o.color]
+      } : {
+        bg: r("primary-5"),
+        fg: r("primary-oncolor")
+      };
+    }), g = l(() => ({
+      ...k(m, "type"),
+      ...o,
+      ...i.value
+    }));
+    return (t, c) => (d(), b(E, y(g.value, { type: "pill" }), _({ _: 2 }, [
+      C(Object.keys(t.$slots), (s) => ({
+        name: s,
+        fn: B((e) => [
+          O(t.$slots, s, $(j(e)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  z as _
+};

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

@@ -1,14 +1,15 @@
 import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../../types';
-import { BadgeColor, BadgeMode, BadgeSize, BadgeType } from './BaseBadge.model';
+import { BadgeColor, BadgeColorSubtle, BadgeSize, BadgeType } from './BaseBadge.model';
 import { IconSize } from '../../Icon';
 export interface BaseBadgeProps extends Omit<PrimitiveProps, 'asChild'> {
     size?: BadgeSize;
     class?: Class;
     text?: string | number;
-    color?: BadgeColor | 'none';
+    bg?: BadgeColor | BadgeColorSubtle | string;
+    fg?: BadgeColor | BadgeColorSubtle | string;
+    br?: BadgeColor | BadgeColorSubtle | string;
     type?: BadgeType;
-    mode?: BadgeMode;
     icon?: string;
 }
 export interface BaseBadgeSlots {
@@ -21,8 +22,6 @@ export interface BaseBadgeSlots {
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BaseBadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BaseBadgeProps> & Readonly<{}>, {
     size: "2xsm" | "xsm" | "sm" | "md" | "tiny" | "tinier";
     type: "rect" | "pill" | "minify";
-    mode: "bold" | "subtle";
-    color: "none" | "primary" | "blue" | "red" | "orange" | "yellow" | "lime" | "violet" | "gray" | "teal" | "green" | "sky" | "cyan" | "pink" | "amber" | "fuchsia";
     as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
 export default _default;

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

@@ -4,5 +4,5 @@ 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];
+export declare const BadgeColorsSubtle: readonly ["primary-subtle", "blue-subtle", "red-subtle", "orange-subtle", "yellow-subtle", "lime-subtle", "violet-subtle", "gray-subtle", "teal-subtle", "green-subtle", "sky-subtle", "cyan-subtle", "pink-subtle", "amber-subtle", "fuchsia-subtle"];
+export type BadgeColorSubtle = (typeof BadgeColorsSubtle)[number];

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-DvaxWCOW.js

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

package/dist/BaseBadge.vue_vue_type_style_index_0_lang-PPTugZ8e.js

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

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-BaS_JGCX.js → BaseButton.vue_vue_type_style_index_0_lang-r8E5BNEu.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),b=require("radix-vue"),v=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),k=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),V=require("./Badge.vue_vue_type_script_setup_true_lang-zP7Q3GsL.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js"),n=require("./class-CjZYGZDW.js"),S=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),B="2xsm",h=e.defineComponent({...x.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(y,{expose:_}){const o=y,a=n.getBemBlock("button"),z=S.cva(a,{variants:{size:n.generateVariantClassList(s.ButtonSizes,a),type:n.generateVariantClassList(s.ButtonTypes,a),color:n.generateVariantClassList(s.ButtonColors,a),variant:n.generateVariantClassList(s.ButtonVariants,a),action:n.generateVariantClassList("action",a),active:n.generateVariantClassList("active",a),text:n.generateVariantClassList("text",a),preIcon:n.generateVariantClassList("preIcon",a),postIcon:n.generateVariantClassList("postIcon",a),loading:n.generateVariantClassList("loading",a)}}),f=s.injectButtonGroupContext({size:e.computed(()=>o.size),variant:e.computed(()=>o.variant)}),l=e.computed(()=>o.variant??f.variant.value??"simple"),i=e.computed(()=>["icon","float"].includes(l.value)),r=e.useSlots(),I=e.computed(()=>{let t=s.ButtonTypes.includes(o.type)?o.type:"fill";const c=o.size??f.size.value,g=c&&s.ButtonSizes.includes(c)?c:"md";let u=o.color&&s.ButtonColors.includes(o.color)?o.color:"primary",p=l.value&&s.ButtonVariants.includes(l.value)?l.value:"simple";return o.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:g,type:t,color:u,variant:p,action:o.action,active:o.active,loading:o.loading,text:!i.value&&!!(o.text||r.default),preIcon:!i.value&&!!(o.preIcon||r.preIcon),postIcon:!i.value&&!!(o.postIcon||r.postIcon)}}),d=e.computed(()=>{switch(o.size){case"sm":return"3xsm";default:return"2xsm"}}),C=e.computed(()=>{switch(o.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),m=e.ref();return _({focus(){var t;(t=m.value)==null||t.focus()},blur(){var t;(t=m.value)==null||t.blur()}}),(t,c)=>(e.openBlock(),e.createBlock(e.unref(b.Primitive),{as:t.as,class:e.normalizeClass([e.unref(z)(I.value),o.class]),tabindex:"0",ref_key:"buttonRef",ref:m},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(k._sfc_main,{key:1,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(a),"loading")),size:d.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||r.preIcon)&&!i.value?(e.openBlock(),e.createBlock(v._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),i.value?(e.openBlock(),e.createBlock(v._sfc_main,{key:1,icon:t.icon,size:C.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&&!i.value&&(t.badgeText||r.badgeText||t.badgeIcon||r.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(V._sfc_main,{text:t.badgeText,icon:t.badgeIcon,color:t.$attrs.disabled?"gray":"primary",size:B},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),icon:e.withCtx(g=>[e.renderSlot(t.$slots,"badgeIcon",e.normalizeProps(e.guardReactiveProps(g)))]),_:3},8,["text","icon","color"])]):e.createCommentVNode("",!0),(t.postIcon||r.postIcon)&&!i.value?(e.openBlock(),e.createBlock(v._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=h;
+"use strict";const e=require("vue"),b=require("radix-vue"),v=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),k=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),V=require("./Badge.vue_vue_type_script_setup_true_lang-BYTVAQi7.js"),s=require("./ButtonGroup.vue_vue_type_script_setup_true_lang-BSj1Y1j2.js"),n=require("./class-CjZYGZDW.js"),S=require("class-variance-authority"),x=require("./options-B4iSAKol.js"),B="2xsm",h=e.defineComponent({...x.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(y,{expose:_}){const o=y,a=n.getBemBlock("button"),z=S.cva(a,{variants:{size:n.generateVariantClassList(s.ButtonSizes,a),type:n.generateVariantClassList(s.ButtonTypes,a),color:n.generateVariantClassList(s.ButtonColors,a),variant:n.generateVariantClassList(s.ButtonVariants,a),action:n.generateVariantClassList("action",a),active:n.generateVariantClassList("active",a),text:n.generateVariantClassList("text",a),preIcon:n.generateVariantClassList("preIcon",a),postIcon:n.generateVariantClassList("postIcon",a),loading:n.generateVariantClassList("loading",a)}}),f=s.injectButtonGroupContext({size:e.computed(()=>o.size),variant:e.computed(()=>o.variant)}),l=e.computed(()=>o.variant??f.variant.value??"simple"),i=e.computed(()=>["icon","float"].includes(l.value)),r=e.useSlots(),I=e.computed(()=>{let t=s.ButtonTypes.includes(o.type)?o.type:"fill";const c=o.size??f.size.value,g=c&&s.ButtonSizes.includes(c)?c:"md";let u=o.color&&s.ButtonColors.includes(o.color)?o.color:"primary",p=l.value&&s.ButtonVariants.includes(l.value)?l.value:"simple";return o.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:g,type:t,color:u,variant:p,action:o.action,active:o.active,loading:o.loading,text:!i.value&&!!(o.text||r.default),preIcon:!i.value&&!!(o.preIcon||r.preIcon),postIcon:!i.value&&!!(o.postIcon||r.postIcon)}}),d=e.computed(()=>{switch(o.size){case"sm":return"3xsm";default:return"2xsm"}}),C=e.computed(()=>{switch(o.size){case"sm":return"3xsm";case"lg":return"xsm";case"md":default:return"2xsm"}}),m=e.ref();return _({focus(){var t;(t=m.value)==null||t.focus()},blur(){var t;(t=m.value)==null||t.blur()}}),(t,c)=>(e.openBlock(),e.createBlock(e.unref(b.Primitive),{as:t.as,class:e.normalizeClass([e.unref(z)(I.value),o.class]),tabindex:"0",ref_key:"buttonRef",ref:m},{default:e.withCtx(()=>[t.loading?(e.openBlock(),e.createBlock(k._sfc_main,{key:1,class:e.normalizeClass(e.unref(n.getBemElement)(e.unref(a),"loading")),size:d.value},null,8,["class","size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[(t.preIcon||r.preIcon)&&!i.value?(e.openBlock(),e.createBlock(v._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),i.value?(e.openBlock(),e.createBlock(v._sfc_main,{key:1,icon:t.icon,size:C.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&&!i.value&&(t.badgeText||r.badgeText||t.badgeIcon||r.badgeIcon)?e.renderSlot(t.$slots,"badge",e.normalizeProps(e.mergeProps({key:3},{color:t.$attrs.disabled?"gray":"primary",size:B})),()=>[e.createVNode(V._sfc_main,{text:t.badgeText,icon:t.badgeIcon,color:t.$attrs.disabled?"gray":"primary",size:B},{default:e.withCtx(()=>[e.renderSlot(t.$slots,"badgeText")]),icon:e.withCtx(g=>[e.renderSlot(t.$slots,"badgeIcon",e.normalizeProps(e.guardReactiveProps(g)))]),_:3},8,["text","icon","color"])]):e.createCommentVNode("",!0),(t.postIcon||r.postIcon)&&!i.value?(e.openBlock(),e.createBlock(v._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=h;

package/dist/{BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js → BaseButton.vue_vue_type_style_index_0_lang-rkT_6hGT.js}

@@ -2,7 +2,7 @@ import { defineComponent as E, computed as i, useSlots as j, ref as A, createBlo
 import { Primitive as H } from "radix-vue";
 import { _ as b } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
 import { _ as J } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
-import { _ as K } from "./Badge.vue_vue_type_script_setup_true_lang-DrLIHHCe.js";
+import { _ as K } from "./Badge.vue_vue_type_script_setup_true_lang-BvRVbeWS.js";
 import { i as M, a as C, c as S, b as T, B as h } from "./ButtonGroup.vue_vue_type_script_setup_true_lang-CdSgBboA.js";
 import { g as Q, a, b as U } from "./class-DziTeW9B.js";
 import { cva as W } from "class-variance-authority";

package/dist/Button/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CVePGLAE.js";
+import { _ as o, _ as e } from "../Button.vue_vue_type_script_setup_true_lang-CGKvYm0U.js";
 export {
   o as Button,
   e as default

package/dist/Button/index.umd.cjs.js

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

package/dist/{Button.vue_vue_type_script_setup_true_lang-BjTrpQi-.js → Button.vue_vue_type_script_setup_true_lang-C5n0-Qgh.js}

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

@@ -1,6 +1,6 @@
 import { defineComponent as i, useAttrs as m, computed as u, ref as l, createBlock as f, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
 import { o as y } from "./omit-Cxaoa8oo.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-rkT_6hGT.js";
 import { g as I } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ i({
   ...I("IconButton", !1),

package/dist/FloatButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-Mq9SbxDf.js";
+import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-Bxz1zlC1.js";
 export {
   o as FloatButton,
   e as default

package/dist/FloatButton/index.umd.cjs.js

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

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-Mq9SbxDf.js → FloatButton.vue_vue_type_script_setup_true_lang-Bxz1zlC1.js}

@@ -1,6 +1,6 @@
 import { defineComponent as i, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
 import { o as y } from "./omit-Cxaoa8oo.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-rkT_6hGT.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const I = /* @__PURE__ */ i({
   ...P("FloatButton", !1),

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-CtPvptQe.js → FloatButton.vue_vue_type_script_setup_true_lang-D3kjXKT2.js}

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

@@ -1,5 +1,9 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
-export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'mode' | 'icon' | 'color'>> & {
+import { BadgeColor, BadgeColorSubtle } from '../Base/BaseBadge/BaseBadge.model.js';
+export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'icon'>> & {
+    fg?: BadgeColor | BadgeColorSubtle | 'default' | 'default-subtle' | 'white' | 'black' | string;
+    bg?: BadgeColor | BadgeColorSubtle | 'transparent' | string;
+    br?: BadgeColor | BadgeColorSubtle | string;
     size?: Exclude<BaseBadgeProps['size'], 'tiny' | 'tinier'>;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<GraphicalObjectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GraphicalObjectProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;

package/dist/GraphicalObject/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-CIVx-hL6.js";
+import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-1IrOA4D_.js";
 export {
   r as GraphicalObject,
   t as default

package/dist/GraphicalObject/index.umd.cjs.js

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

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-1IrOA4D_.js

@@ -0,0 +1,58 @@
+import { defineComponent as i, computed as n, useAttrs as m, createBlock as b, openBlock as f, mergeProps as u, createSlots as d, renderList as y, withCtx as _, renderSlot as h, normalizeProps as C, guardReactiveProps as O } from "vue";
+import { o as j } from "./omit-Cxaoa8oo.js";
+import { b as $, c as k, _ as B } from "./BaseBadge.vue_vue_type_style_index_0_lang-DvaxWCOW.js";
+import { g as v } from "./options-JBqnVZUl.js";
+import { getCssVar as e } from "@pantograph/tokens";
+const z = /* @__PURE__ */ i({
+  ...v("GraphicalObject", !1),
+  __name: "GraphicalObject",
+  props: {
+    as: {},
+    class: {},
+    icon: {},
+    fg: {},
+    bg: {},
+    br: {},
+    size: {}
+  },
+  setup(c) {
+    const t = c, g = n(() => {
+      const a = Object.fromEntries(
+        $.map((r) => [r, e(`${r}-5`)])
+      ), o = {
+        ...a,
+        ...Object.fromEntries(
+          k.map((r) => [r, e(`${r.replace("-subtle", "")}-0`)])
+        ),
+        "gray-subtle": e("gray-1")
+      }, s = {
+        ...a,
+        gray: e("gray-6"),
+        default: e("gray-8"),
+        "default-subtle": e("gray-5"),
+        white: e("grayscale-light-0"),
+        black: e("grayscale-light-10")
+      };
+      return {
+        bg: o[t.bg] ?? t.bg,
+        br: t.bg === "transparent" ? e("gray-2") : t.br,
+        fg: s[t.fg ?? "default"] ?? t.fg
+      };
+    }), p = m(), l = n(() => ({
+      ...j(p, "type", "text"),
+      ...t,
+      ...g.value
+    }));
+    return (a, o) => (f(), b(B, u(l.value, { type: "rect" }), d({ _: 2 }, [
+      y(Object.keys(a.$slots), (s) => ({
+        name: s,
+        fn: _((r) => [
+          h(a.$slots, s, C(O(r)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  z as _
+};

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-D07Fj6uI.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./omit-1sFJ_mId.js"),o=require("./BaseBadge.vue_vue_type_style_index_0_lang-PPTugZ8e.js"),b=require("./options-B4iSAKol.js"),t=require("@pantograph/tokens"),m=e.defineComponent({...b.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{as:{},class:{},icon:{},fg:{},bg:{},br:{},size:{}},setup(c){const s=c,i=e.computed(()=>{const a=Object.fromEntries(o.BadgeColors.map(r=>[r,t.getCssVar(`${r}-5`)])),g={...a,...Object.fromEntries(o.BadgeColorsSubtle.map(r=>[r,t.getCssVar(`${r.replace("-subtle","")}-0`)])),"gray-subtle":t.getCssVar("gray-1")},n={...a,gray:t.getCssVar("gray-6"),default:t.getCssVar("gray-8"),"default-subtle":t.getCssVar("gray-5"),white:t.getCssVar("grayscale-light-0"),black:t.getCssVar("grayscale-light-10")};return{bg:g[s.bg]??s.bg,br:s.bg==="transparent"?t.getCssVar("gray-2"):s.br,fg:n[s.fg??"default"]??s.fg}}),l=e.useAttrs(),p=e.computed(()=>({...u.omit(l,"type","text"),...s,...i.value}));return(a,g)=>(e.openBlock(),e.createBlock(o._sfc_main,e.mergeProps(p.value,{type:"rect"}),e.createSlots({_:2},[e.renderList(Object.keys(a.$slots),n=>({name:n,fn:e.withCtx(r=>[e.renderSlot(a.$slots,n,e.normalizeProps(e.guardReactiveProps(r)))])}))]),1040))}});exports._sfc_main=m;

package/dist/IconButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-PHB94Ft0.js";
+import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-6rgAId79.js";
 export {
   a as IconButton,
   e as default

package/dist/IconButton/index.umd.cjs.js

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

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-PHB94Ft0.js → IconButton.vue_vue_type_script_setup_true_lang-6rgAId79.js}

@@ -1,6 +1,6 @@
 import { defineComponent as p, useAttrs as m, computed as u, ref as f, createBlock as l, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
 import { o as y } from "./omit-Cxaoa8oo.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-rkT_6hGT.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ p({
   ...C("IconButton", !1),

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-CuxyU51W.js → IconButton.vue_vue_type_script_setup_true_lang-BSv6nOMZ.js}

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

@@ -1,4 +1,4 @@
-import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-BjBc3Lu1.js";
+import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-Uwg5ZCHM.js";
 export {
   a as IndentLevel,
   s as IndentLevelShowLines,

package/dist/IndentLevel/index.umd.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../IndentLevel.vue_vue_type_style_index_0_lang-D5yeMZLa.js");exports.IndentLevel=e._sfc_main;exports.IndentLevelShowLines=e.IndentLevelShowLines;exports.IndentLevelSizes=e.IndentLevelSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../IndentLevel.vue_vue_type_style_index_0_lang-D2rB4cK6.js");exports.IndentLevel=e._sfc_main;exports.IndentLevelShowLines=e.IndentLevelShowLines;exports.IndentLevelSizes=e.IndentLevelSizes;exports.default=e._sfc_main;

package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-D5yeMZLa.js → IndentLevel.vue_vue_type_style_index_0_lang-D2rB4cK6.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),a=require("./class-CjZYGZDW.js"),u=require("radix-vue"),k=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),d=require("./Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),_=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-DnyJeR9h.js"),y=require("./isNumber-eaDdxhkG.js"),m=["2xsm","xsm","sm"],C=["last","all","before","self"],b={key:0},w=e.defineComponent({...g.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},loading:{type:Boolean},class:{},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean},as:{}},setup(p){const t=p,s=a.getBemBlock("indent_level"),i=a.getBemElement(s,"item"),f=a.getBemElement(i,"branch"),v=k.cva(s,{variants:{size:a.generateVariantClassList(m,s),expanded:a.generateVariantClassList("expanded",s),branchSlot:a.generateVariantClassList("branch-slot",s),selfDivider:a.generateVariantClassList("self-divider",s),noRotateBranch:a.generateVariantClassList("no-rotate-branch",s),loading:a.generateVariantClassList("loading",s)}}),r=e.computed(()=>{const n=Number(t.level);return n<1?1:n%10===0?n:Math.floor(n)}),l=e.computed(()=>{if(t.showLine)return typeof t.showLine=="string"?["all","self"].includes(t.showLine):y.isNumber(t.showLine)&&t.showLine<=Number(t.level)}),h=n=>typeof t.showLine=="number"?t.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(v)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:l.value,loading:n.loading}),t.class])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(i),{[e.unref(a.getBemModifier)(e.unref(s),"expand")]:o===r.value}]),key:o},{default:e.withCtx(()=>[o===r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.loading?(e.openBlock(),e.createBlock(L._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&l.value?(e.openBlock(),e.createElementBlock("div",b)):e.createCommentVNode("",!0),e.createVNode(_._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(f)),onClick:c[0]||(c[0]=B=>n.$emit("toggleExpand",B))},{icon:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["size","icon","class"]),n.expanded&&l.value?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&o===r.value-1||h(o)?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)]),_:2},1032,["as","class"]))),128))]),_:3},8,["as","class"]))}});exports.IndentLevelShowLines=C;exports.IndentLevelSizes=m;exports._sfc_main=w;
+"use strict";const e=require("vue"),a=require("./class-CjZYGZDW.js"),u=require("radix-vue"),k=require("class-variance-authority"),g=require("./options-B4iSAKol.js"),d=require("./Divider.vue_vue_type_style_index_0_lang-C6Suy0tD.js"),L=require("./Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),_=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-D07Fj6uI.js"),y=require("./isNumber-eaDdxhkG.js"),m=["2xsm","xsm","sm"],C=["last","all","before","self"],b={key:0},w=e.defineComponent({...g.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},loading:{type:Boolean},class:{},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean},as:{}},setup(p){const t=p,s=a.getBemBlock("indent_level"),i=a.getBemElement(s,"item"),f=a.getBemElement(i,"branch"),v=k.cva(s,{variants:{size:a.generateVariantClassList(m,s),expanded:a.generateVariantClassList("expanded",s),branchSlot:a.generateVariantClassList("branch-slot",s),selfDivider:a.generateVariantClassList("self-divider",s),noRotateBranch:a.generateVariantClassList("no-rotate-branch",s),loading:a.generateVariantClassList("loading",s)}}),r=e.computed(()=>{const n=Number(t.level);return n<1?1:n%10===0?n:Math.floor(n)}),l=e.computed(()=>{if(t.showLine)return typeof t.showLine=="string"?["all","self"].includes(t.showLine):y.isNumber(t.showLine)&&t.showLine<=Number(t.level)}),h=n=>typeof t.showLine=="number"?t.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(v)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:l.value,loading:n.loading}),t.class])},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.value,o=>(e.openBlock(),e.createBlock(e.unref(u.Primitive),{as:n.as,class:e.normalizeClass([e.unref(i),{[e.unref(a.getBemModifier)(e.unref(s),"expand")]:o===r.value}]),key:o},{default:e.withCtx(()=>[o===r.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.children?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.loading?(e.openBlock(),e.createBlock(L._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&l.value?(e.openBlock(),e.createElementBlock("div",b)):e.createCommentVNode("",!0),e.createVNode(_._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(f)),onClick:c[0]||(c[0]=B=>n.$emit("toggleExpand",B))},{icon:e.withCtx(()=>[e.renderSlot(n.$slots,"default")]),_:3},8,["size","icon","class"]),n.expanded&&l.value?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&o===r.value-1||h(o)?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)]),_:2},1032,["as","class"]))),128))]),_:3},8,["as","class"]))}});exports.IndentLevelShowLines=C;exports.IndentLevelSizes=m;exports._sfc_main=w;