@pantograph/vue 0.29.1 → 0.29.2

package/dist/GraphicalObject/index.d.ts

@@ -1 +1,2 @@
+export declare const GraphicalObjectPlugin: import('vue').Plugin;
 export { default as GraphicalObject, type GraphicalObjectProps, default, } from './GraphicalObject';

package/dist/GraphicalObject/index.js

@@ -1,5 +1,9 @@
-import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Zeg-CFjd.js";
+import { _ as a } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Cw-dYlrK.js";
+import { installComponent as t } from "@pantograph/utils-vue";
+import { getComponentName as o } from "@pantograph/utils";
+const i = t(a, o("GraphicalObject"));
 export {
-  r as GraphicalObject,
-  t as default
+  a as GraphicalObject,
+  i as GraphicalObjectPlugin,
+  a as default
 };

package/dist/GraphicalObject/index.umd.cjs

@@ -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-Bd5AyEiC.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-DuCrET7F.js"),t=require("@pantograph/utils-vue"),i=require("@pantograph/utils"),a=t.installComponent(e._sfc_main,i.getComponentName("GraphicalObject"));exports.GraphicalObject=e._sfc_main;exports.default=e._sfc_main;exports.GraphicalObjectPlugin=a;

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-Zeg-CFjd.js → GraphicalObject.vue_vue_type_script_setup_true_lang-Cw-dYlrK.js}

@@ -1,10 +1,10 @@
-import { defineComponent as C, computed as o, useAttrs as h, createBlock as _, openBlock as z, mergeProps as O, createSlots as $, renderList as j, withCtx as k, renderSlot as B, normalizeProps as v, guardReactiveProps as G } from "vue";
+import { defineComponent as C, computed as o, useAttrs as h, createBlock as _, openBlock as z, mergeProps as B, createSlots as O, renderList as $, withCtx as j, renderSlot as k, normalizeProps as v, guardReactiveProps as G } from "vue";
 import { omit as f } from "es-toolkit";
-import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-DG6AxxJf.js";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-10ckF176.js";
 import { getComponentOptions as P } from "@pantograph/utils";
-import { b as s, c as g } from "./BaseBadge.model-DCiuNKoh.js";
+import { B as s, a as g } from "./BaseBadge.model-D4ZfMIfM.js";
 import { getCssCoreColor as t } from "@pantograph/tokens";
-import { i as S } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DfUwdVxt.js";
+import { injectGraphicalObjectGroupContext as S } from "./GraphicalObjectGroup/index.js";
 const E = /* @__PURE__ */ C({
   ...P("GraphicalObject", !1),
   __name: "GraphicalObject",
@@ -50,11 +50,11 @@ const E = /* @__PURE__ */ C({
         ...m.value
       };
     });
-    return (e, x) => (z(), _(w, O(d.value, { type: "rect" }), $({ _: 2 }, [
-      j(Object.keys(e.$slots), (i) => ({
+    return (e, x) => (z(), _(w, B(d.value, { type: "rect" }), O({ _: 2 }, [
+      $(Object.keys(e.$slots), (i) => ({
         name: i,
-        fn: k((y) => [
-          B(e.$slots, i, v(G(y)))
+        fn: j((y) => [
+          k(e.$slots, i, v(G(y)))
         ])
       }))
     ]), 1040));

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-DuCrET7F.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),g=require("es-toolkit"),_=require("./BaseBadge.vue_vue_type_style_index_0_lang-CE9-_G4N.js"),y=require("@pantograph/utils"),o=require("./BaseBadge.model-DecqxaGN.js"),s=require("@pantograph/tokens"),m=require("./GraphicalObjectGroup/index.umd.cjs"),B=t.defineComponent({...y.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{}},setup(l){const e=l,u=[...o.BadgeColors,...o.BadgeColorsSubtle,"transparent","gray-subtle"],c=[...o.BadgeColors,"gray","default","default-subtle","white","black"],C=()=>{if(e.fg&&c.includes(e.fg)){if(e.fg==="gray")return s.getCssCoreColor("gray-6");if(e.fg==="default")return s.getCssCoreColor("gray-8");if(e.fg==="default-subtle")return s.getCssCoreColor("gray-5");if(e.fg==="white")return s.getCssCoreColor("grayscale-light-0");if(e.fg==="black")return s.getCssCoreColor("grayscale-light-10");if(o.BadgeColors.includes(e.fg))return s.getCssCoreColor(`${e.fg}-5`)}return e.fg},a=r=>{if(r&&u.includes(r)){if(r==="transparent")return"transparent";if(r==="gray-subtle")return s.getCssCoreColor("gray-1");if(o.BadgeColorsSubtle.includes(r))return s.getCssCoreColor(`${r.replace("-subtle","")}-0`);if(o.BadgeColors.includes(r))return s.getCssCoreColor(`${r}-5`)}return r},f=t.computed(()=>({bg:a(e.bg),br:a(e.br)??(e.bg==="transparent"?s.getCssCoreColor("gray-2"):void 0),fg:C()})),p=t.useAttrs(),n=m.injectGraphicalObjectGroupContext({}),d=t.computed(()=>{var r;return{...g.omit(p,["type","text"]),...g.omit(e,["size"]),size:((r=n==null?void 0:n.props)==null?void 0:r.size)??e.size,...f.value}});return(r,h)=>(t.openBlock(),t.createBlock(_._sfc_main,t.mergeProps(d.value,{type:"rect"}),t.createSlots({_:2},[t.renderList(Object.keys(r.$slots),i=>({name:i,fn:t.withCtx(b=>[t.renderSlot(r.$slots,i,t.normalizeProps(t.guardReactiveProps(b)))])}))]),1040))}});exports._sfc_main=B;

package/dist/GraphicalObjectGroup/index.d.ts

@@ -1 +1,2 @@
+export declare const GraphicalObjectGroupPlugin: import('vue').Plugin;
 export { default as GraphicalObjectGroup, type GraphicalObjectGroupProps, provideGraphicalObjectGroupContext, injectGraphicalObjectGroupContext, default, } from './GraphicalObjectGroup';

package/dist/GraphicalObjectGroup/index.js

@@ -1,7 +1,63 @@
-import { _ as e, _ as p, i as r, p as o } from "../GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DfUwdVxt.js";
+import { defineComponent as m, useSlots as f, computed as d, createElementBlock as C, openBlock as v, normalizeClass as G, unref as h, createVNode as _, h as s } from "vue";
+import { flattenChildren as g, installComponent as x } from "@pantograph/utils-vue";
+import { getComponentOptions as b, getBemBlock as j, generateVariantClassList as O, normCls as B, getBemElement as z, getComponentName as P } from "@pantograph/utils";
+import { cva as k } from "class-variance-authority";
+import { HoverCard as N } from "../HoverCard/index.js";
+import { createContext as S } from "reka-ui";
+const [A, E] = S("GraphicalObjectGroup"), V = /* @__PURE__ */ m({
+  ...b("GraphicalObjectGroup"),
+  __name: "GraphicalObjectGroup",
+  props: {
+    size: { default: "md" },
+    maxCount: {},
+    popoverProps: {},
+    truncateCls: {},
+    noPopover: { type: Boolean }
+  },
+  setup(p) {
+    const t = p, c = f();
+    E({
+      props: t
+    });
+    const o = d(() => t.maxCount ? Number(t.maxCount) : 0), u = () => {
+      const e = g(c.default ? c.default() : []), a = () => s(
+        "div",
+        { class: B(z(r, "truncate"), t.truncateCls) },
+        `+${e.length - o.value}`
+      );
+      return o.value >= 1 && e.length > o.value ? [
+        ...e.filter((i, n) => n < o.value),
+        t.noPopover ? a() : s(
+          N,
+          { size: t.size === "md" ? "md" : "sm", ...t.popoverProps ?? {} },
+          {
+            default: a,
+            content: () => s(
+              "div",
+              { class: l(t) },
+              {
+                default: () => e.filter((i, n) => n >= o.value)
+              }
+            )
+          }
+        )
+      ] : e;
+    }, r = j("go_group"), l = k(r, {
+      variants: {
+        size: O(["xsm", "sm", "md"], r)
+      }
+    });
+    return (e, a) => (v(), C("div", {
+      class: G(h(l)(t))
+    }, [
+      _(u)
+    ], 2));
+  }
+}), D = x(V, P("GraphicalObjectGroup"));
 export {
-  e as GraphicalObjectGroup,
-  p as default,
-  r as injectGraphicalObjectGroupContext,
-  o as provideGraphicalObjectGroupContext
+  V as GraphicalObjectGroup,
+  D as GraphicalObjectGroupPlugin,
+  V as default,
+  A as injectGraphicalObjectGroupContext,
+  E as provideGraphicalObjectGroupContext
 };

package/dist/GraphicalObjectGroup/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../GraphicalObjectGroup.vue_vue_type_style_index_0_lang-Dlaf6rTD.js");exports.GraphicalObjectGroup=e._sfc_main;exports.default=e._sfc_main;exports.injectGraphicalObjectGroupContext=e.injectGraphicalObjectGroupContext;exports.provideGraphicalObjectGroupContext=e.provideGraphicalObjectGroupContext;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),p=require("@pantograph/utils-vue"),r=require("@pantograph/utils"),G=require("class-variance-authority"),h=require("../HoverCard/index.umd.cjs"),f=require("reka-ui"),[b,m]=f.createContext("GraphicalObjectGroup"),u=e.defineComponent({...r.getComponentOptions("GraphicalObjectGroup"),__name:"GraphicalObjectGroup",props:{size:{default:"md"},maxCount:{},popoverProps:{},truncateCls:{},noPopover:{type:Boolean}},setup(d){const t=d,l=e.useSlots();m({props:t});const n=e.computed(()=>t.maxCount?Number(t.maxCount):0),v=()=>{const o=p.flattenChildren(l.default?l.default():[]),c=()=>e.h("div",{class:r.normCls(r.getBemElement(a,"truncate"),t.truncateCls)},`+${o.length-n.value}`);return n.value>=1&&o.length>n.value?[...o.filter((C,s)=>s<n.value),t.noPopover?c():e.h(h.HoverCard,{size:t.size==="md"?"md":"sm",...t.popoverProps??{}},{default:c,content:()=>e.h("div",{class:i(t)},{default:()=>o.filter((C,s)=>s>=n.value)})})]:o},a=r.getBemBlock("go_group"),i=G.cva(a,{variants:{size:r.generateVariantClassList(["xsm","sm","md"],a)}});return(o,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(i)(t))},[e.createVNode(v)],2))}}),j=p.installComponent(u,r.getComponentName("GraphicalObjectGroup"));exports.GraphicalObjectGroup=u;exports.GraphicalObjectGroupPlugin=j;exports.default=u;exports.injectGraphicalObjectGroupContext=b;exports.provideGraphicalObjectGroupContext=m;

package/dist/HoverCard/index.d.ts

@@ -1,2 +1,3 @@
+export declare const HoverCardPlugin: import('vue').Plugin;
 export { default as HoverCard, type HoverCardProps, type HoverCardEmits, type HoverCardSlots, default, } from './HoverCard';
 export { type GetPopupContainer, type PopoverPlacement, type PopoverSize, PopoverPlacements, PopoverSizes, } from '../Popover';

package/dist/HoverCard/index.js

@@ -1,8 +1,100 @@
-import { _ as a, _ as r } from "../HoverCard.vue_vue_type_style_index_0_lang-DOwcNfdp.js";
-import { P as p, a as t } from "../Popover.vue_vue_type_style_index_0_lang-CWM6Krh-.js";
+import { defineComponent as h, useSlots as z, createBlock as r, openBlock as a, unref as o, mergeProps as t, withCtx as n, createCommentVNode as O, createVNode as s, normalizeProps as w, guardReactiveProps as H, withDirectives as S, renderSlot as k, vShow as T } from "vue";
+import { getComponentOptions as b, getBemBlock as I, normCls as A, getComponentName as F } from "@pantograph/utils";
+import { useEmitAsProps as N, HoverCardTrigger as R, HoverCardRoot as V, HoverCardPortal as $, HoverCardContent as E } from "reka-ui";
+import { u as K } from "../index-DObXz0JR.js";
+import { P as _, b as x } from "../index-DObXz0JR.js";
+import { installComponent as L } from "@pantograph/utils-vue";
+const M = /* @__PURE__ */ h({
+  ...b("HoverCard", !1),
+  __name: "HoverCard",
+  props: {
+    defaultOpen: { type: Boolean },
+    open: { type: Boolean, default: void 0 },
+    openDelay: {},
+    closeDelay: {},
+    disabled: { type: Boolean },
+    defer: { type: Boolean },
+    forceMount: { type: Boolean },
+    sideOffset: {},
+    sideFlip: { type: Boolean },
+    alignOffset: {},
+    alignFlip: { type: Boolean },
+    avoidCollisions: { type: Boolean, default: !0 },
+    collisionBoundary: {},
+    collisionPadding: {},
+    arrowPadding: {},
+    sticky: { default: "always" },
+    hideWhenDetached: { type: Boolean },
+    positionStrategy: {},
+    updatePositionStrategy: { default: "optimized" },
+    disableUpdateOnLayoutShift: { type: Boolean },
+    prioritizePosition: { type: Boolean, default: !0 },
+    reference: {},
+    dir: {},
+    class: {},
+    containerCls: {},
+    containerClass: {},
+    size: { default: "md" },
+    to: {},
+    placement: { default: "bottom" },
+    reversePlacementOnDir: {},
+    autoFocusInside: { type: Boolean },
+    noPadding: { type: Boolean },
+    zIndex: {},
+    containerStyle: {},
+    containerProps: {},
+    useReferenceAttribute: { type: Boolean },
+    noTrigger: { type: Boolean }
+  },
+  emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
+  setup(i, { emit: l }) {
+    const p = N(l), d = i, c = I("hover_card"), u = z(), m = (e) => {
+      e.stopPropagation();
+    }, { Trigger: f, variantsClass: y, asChild: g, rootOpenProp: P, portalProps: C, contentProps: v, reference: B } = K({
+      slots: u,
+      prefix: c,
+      props: d,
+      emitsAsProps: p,
+      TriggerCmp: R
+    });
+    return (e, W) => (a(), r(o(V), t(o(P), {
+      openDelay: e.openDelay,
+      closeDelay: e.closeDelay,
+      key: o(g)
+    }), {
+      default: n(({ open: D }) => [
+        e.noTrigger ? O("", !0) : (a(), r(o(f), t({ key: 0 }, e.$attrs, { onPointerdown: m }), null, 16)),
+        s(o($), w(H(o(C))), {
+          default: n(() => [
+            S(s(o(E), t({
+              style: { zIndex: e.zIndex, ...e.containerStyle ?? {} }
+            }, o(v), {
+              class: o(A)(
+                o(y)({ size: e.size, noPadding: e.noPadding }),
+                e.containerClass,
+                e.containerCls
+              ),
+              reference: o(B)
+            }), {
+              default: n(() => [
+                k(e.$slots, "content")
+              ]),
+              _: 3
+            }, 16, ["style", "class", "reference"]), [
+              [T, D]
+            ])
+          ]),
+          _: 2
+        }, 1040)
+      ]),
+      _: 3
+    }, 16, ["openDelay", "closeDelay"]));
+  }
+}), X = L(M, F("HoverCard"));
 export {
-  a as HoverCard,
-  p as PopoverPlacements,
-  t as PopoverSizes,
-  r as default
+  M as HoverCard,
+  X as HoverCardPlugin,
+  _ as PopoverPlacements,
+  x as PopoverSizes,
+  M as default
 };

package/dist/HoverCard/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../HoverCard.vue_vue_type_style_index_0_lang-B6a5M7RJ.js"),_=require("../Popover.vue_vue_type_style_index_0_lang-w-n010qN.js");exports.HoverCard=e._sfc_main;exports.default=e._sfc_main;exports.PopoverPlacements=_.PopoverPlacements;exports.PopoverSizes=_.PopoverSizes;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("@pantograph/utils"),t=require("reka-ui"),r=require("../index-CXAXCAp4.js"),h=require("@pantograph/utils-vue"),a=e.defineComponent({...n.getComponentOptions("HoverCard",!1),__name:"HoverCard",props:{defaultOpen:{type:Boolean},open:{type:Boolean,default:void 0},openDelay:{},closeDelay:{},disabled:{type:Boolean},defer:{type:Boolean},forceMount:{type:Boolean},sideOffset:{},sideFlip:{type:Boolean},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},sticky:{default:"always"},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{default:"optimized"},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},dir:{},class:{},containerCls:{},containerClass:{},size:{default:"md"},to:{},placement:{default:"bottom"},reversePlacementOnDir:{},autoFocusInside:{type:Boolean},noPadding:{type:Boolean},zIndex:{},containerStyle:{},containerProps:{},useReferenceAttribute:{type:Boolean},noTrigger:{type:Boolean}},emits:["update:open","escapeKeyDown","pointerDownOutside","focusOutside","interactOutside"],setup(s,{emit:i}){const l=i,p=t.useEmitAsProps(l),d=s,u=n.getBemBlock("hover_card"),c=e.useSlots(),f=o=>{o.stopPropagation()},{Trigger:y,variantsClass:P,asChild:g,rootOpenProp:m,portalProps:C,contentProps:v,reference:B}=r.usePopoverContext({slots:c,prefix:u,props:d,emitsAsProps:p,TriggerCmp:t.HoverCardTrigger});return(o,w)=>(e.openBlock(),e.createBlock(e.unref(t.HoverCardRoot),e.mergeProps(e.unref(m),{openDelay:o.openDelay,closeDelay:o.closeDelay,key:e.unref(g)}),{default:e.withCtx(({open:D})=>[o.noTrigger?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(e.unref(y),e.mergeProps({key:0},o.$attrs,{onPointerdown:f}),null,16)),e.createVNode(e.unref(t.HoverCardPortal),e.normalizeProps(e.guardReactiveProps(e.unref(C))),{default:e.withCtx(()=>[e.withDirectives(e.createVNode(e.unref(t.HoverCardContent),e.mergeProps({style:{zIndex:o.zIndex,...o.containerStyle??{}}},e.unref(v),{class:e.unref(n.normCls)(e.unref(P)({size:o.size,noPadding:o.noPadding}),o.containerClass,o.containerCls),reference:e.unref(B)}),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"content")]),_:3},16,["style","class","reference"]),[[e.vShow,D]])]),_:2},1040)]),_:3},16,["openDelay","closeDelay"]))}}),S=h.installComponent(a,n.getComponentName("HoverCard"));exports.PopoverPlacements=r.PopoverPlacements;exports.PopoverSizes=r.PopoverSizes;exports.HoverCard=a;exports.HoverCardPlugin=S;exports.default=a;

package/dist/Icon/index.d.ts

@@ -1,2 +1,3 @@
+export declare const IconPlugin: import('vue').Plugin;
 export { default as Icon, type IconProps, default } from './Icon';
 export * from './Icon.model';

package/dist/Icon/index.js

@@ -1,6 +1,11 @@
-import { _ as s, I as e, _ as I } from "../Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as o } from "../Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+import { I as p } from "../Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
+import { installComponent as n } from "@pantograph/utils-vue";
+import { getComponentName as m } from "@pantograph/utils";
+const e = n(o, m("Icon"));
 export {
-  s as Icon,
-  e as IconSizes,
-  I as default
+  o as Icon,
+  e as IconPlugin,
+  p as IconSizes,
+  o as default
 };

package/dist/Icon/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js");exports.Icon=e._sfc_main;exports.IconSizes=e.IconSizes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),n=require("@pantograph/utils-vue"),o=require("@pantograph/utils"),t=n.installComponent(e._sfc_main,o.getComponentName("Icon"));exports.Icon=e._sfc_main;exports.IconSizes=e.IconSizes;exports.default=e._sfc_main;exports.IconPlugin=t;

package/dist/Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js

@@ -0,0 +1 @@
+"use strict";const i=require("vue"),B=require("@iconify/vue"),t=require("@pantograph/utils"),C=require("class-variance-authority"),y=require("@pantograph/utils-vue"),h=require("./ConfigProvider/index.umd.cjs"),l=["3xsm","2xsm","xsm","sm"],x=i.defineComponent({...t.getComponentOptions("Icon"),__name:"Icon",props:{size:{default:"xsm"},class:{},icon:{},flipOnDir:{},flipX:{type:Boolean},flipY:{type:Boolean}},setup(u){const s=u,{getFlipOnDir:p}=h.useConfig(),c=p("flipOnDir"),n=t.getBemBlock("icon"),f=C.cva(n,{variants:{size:t.generateVariantClassList(l,n)}}),a=i.computed(()=>{const e=t.getValidNumber(s.size);if(e!==void 0)return`${e}px`;if(typeof s.size=="string"&&!l.includes(s.size))return s.size}),m=i.computed(()=>{const e=[],o=t.getBemModifier(n,"flip-x"),z=t.getBemModifier(n,"flip-y"),g=t.getBemModifier(n,"flip-rtl"),v=t.getBemModifier(n,"flip-ltr");return s.flipX?e.push(o):(c.value==="rtl"&&e.push(g),c.value==="ltr"&&e.push(v)),s.flipY&&e.push(z),e.join(" ")}),r=i.useSlots(),d=()=>{var o;const e=(o=r.default)==null?void 0:o.call(r,{});return y.isEmptyElement(e)?s.icon?i.h(B.Icon,{icon:s.icon}):null:e};return(e,o)=>(i.openBlock(),i.createElementBlock("span",{class:i.normalizeClass(i.unref(t.normCls)(i.unref(f)({size:e.size}),m.value,s.class)),style:i.normalizeStyle({"--pt-icon-size":a.value})},[i.createVNode(d)],6))}});exports.IconSizes=l;exports._sfc_main=x;

package/dist/{Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js → Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js}

@@ -3,7 +3,7 @@ import { Icon as k } from "@iconify/vue";
 import { getComponentOptions as D, getBemBlock as E, generateVariantClassList as N, getValidNumber as V, getBemModifier as n, normCls as X } from "@pantograph/utils";
 import { cva as Y } from "class-variance-authority";
 import { isEmptyElement as F } from "@pantograph/utils-vue";
-import { u as L } from "./ConfigProvider.vue_vue_type_script_setup_true_lang-IVHvl51_.js";
+import { useConfig as L } from "./ConfigProvider/index.js";
 const c = ["3xsm", "2xsm", "xsm", "sm"], w = /* @__PURE__ */ x({
   ...D("Icon"),
   __name: "Icon",

package/dist/IconButton/IconButton.d.ts

@@ -9,7 +9,7 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+                readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
                 readonly size?: import('..').ButtonSize | undefined;
@@ -145,7 +145,7 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly as?: import('reka-ui').AsTag | import('vue').Component | undefined;
+            readonly as?: import('vue').Component | import('reka-ui').AsTag | undefined;
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
             readonly size?: import('..').ButtonSize | undefined;

package/dist/IconButton/index.d.ts

@@ -1 +1,2 @@
+export declare const IconButtonPlugin: import('vue').Plugin;
 export { default as IconButton, type IconButtonProps, default } from './IconButton';

package/dist/IconButton/index.js

@@ -1,5 +1,9 @@
-import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-BWRCL8hG.js";
+import { _ as o } from "../IconButton.vue_vue_type_script_setup_true_lang-DBDmWePu.js";
+import { installComponent as t } from "@pantograph/utils-vue";
+import { getComponentName as n } from "@pantograph/utils";
+const e = t(o, n("IconButton"));
 export {
-  a as IconButton,
-  e as default
+  o as IconButton,
+  e as IconButtonPlugin,
+  o as default
 };

package/dist/IconButton/index.umd.cjs

@@ -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-BJAoKnAC.js");exports.IconButton=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../IconButton.vue_vue_type_script_setup_true_lang-CeH-nxZ6.js"),e=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),u=e.installComponent(t._sfc_main,n.getComponentName("IconButton"));exports.IconButton=t._sfc_main;exports.default=t._sfc_main;exports.IconButtonPlugin=u;

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-BJAoKnAC.js → IconButton.vue_vue_type_script_setup_true_lang-CeH-nxZ6.js}

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

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-BWRCL8hG.js → IconButton.vue_vue_type_script_setup_true_lang-DBDmWePu.js}

@@ -1,6 +1,6 @@
 import { defineComponent as c, useAttrs as l, computed as m, ref as f, createBlock as u, openBlock as d, mergeProps as b, createSlots as g, renderList as _, withCtx as y, renderSlot as B, normalizeProps as v, guardReactiveProps as I } from "vue";
 import { omit as O } from "es-toolkit";
-import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-LxH67DwE.js";
+import { _ as h } from "./BaseButton.vue_vue_type_style_index_0_lang-SL_re9nc.js";
 import { getComponentOptions as k } from "@pantograph/utils";
 const P = /* @__PURE__ */ c({
   ...k("IconButton", !1),

package/dist/Image/index.d.ts

@@ -1,2 +1,3 @@
+export declare const ImagePlugin: import('vue').Plugin;
 export { type ImageProps, default as Image, default } from './Image';
 export * from './Image.model';

package/dist/Image/index.js

@@ -1,8 +1,13 @@
-import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_style_index_0_lang-BaZ9DPbi.js";
+import { _ as a } from "../Image.vue_vue_type_style_index_0_lang-DyZjQGcE.js";
+import { I as r, a as i, b as I } from "../Image.vue_vue_type_style_index_0_lang-DyZjQGcE.js";
+import { installComponent as e } from "@pantograph/utils-vue";
+import { getComponentName as m } from "@pantograph/utils";
+const g = e(a, m("Image"));
 export {
-  s as Image,
-  g as ImageAspectRatios,
-  m as ImageSizeRanges,
+  a as Image,
+  r as ImageAspectRatios,
+  g as ImagePlugin,
+  i as ImageSizeRanges,
   I as ImageTypes,
-  t as default
+  a as default
 };

package/dist/Image/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Image.vue_vue_type_style_index_0_lang-ylLPFLX3.js");exports.Image=e._sfc_main;exports.ImageAspectRatios=e.ImageAspectRatios;exports.ImageSizeRanges=e.ImageSizeRanges;exports.ImageTypes=e.ImageTypes;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Image.vue_vue_type_style_index_0_lang-B5wL0qfB.js"),a=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),s=a.installComponent(e._sfc_main,t.getComponentName("Image"));exports.Image=e._sfc_main;exports.ImageAspectRatios=e.ImageAspectRatios;exports.ImageSizeRanges=e.ImageSizeRanges;exports.ImageTypes=e.ImageTypes;exports.default=e._sfc_main;exports.ImagePlugin=s;

package/dist/{Image.vue_vue_type_style_index_0_lang-ylLPFLX3.js → Image.vue_vue_type_style_index_0_lang-B5wL0qfB.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("@pantograph/utils"),S=require("class-variance-authority"),L=require("./Spinner.vue_vue_type_style_index_0_lang-B9xVVRzZ.js"),V=require("./Icon.vue_vue_type_style_index_0_lang-DQNF7GAr.js"),w=require("./isNumber-DMOjxgl8.js"),p=["xsm","sm","md","lg"],k=["1:1","4:3","3:2","16:9","2:1"],i=["vertical","horizontal"],I=["alt","src"],j=e.defineComponent({...t.getComponentOptions("Image"),__name:"Image",props:{src:{default:""},fallback:{},width:{},hovered:{type:Boolean},alt:{},class:{},imageCls:{},hoverCls:{},sizeRange:{},aspectRatio:{},type:{default:"horizontal"},objectFit:{default:"cover"},objectPosition:{default:"center"},fallbackDescription:{default:"This image couldn't be loaded."}},emits:["load","error"],setup(b,{emit:h}){const a=b,u=h,s=t.getBemBlock("image"),y=S.cva(s,{variants:{type:t.generateVariantClassList(i,s),aspectRatio:t.generateVariantClassList(k,s),sizeRange:t.generateVariantClassList(p,s),hovered:t.generateVariantClassList("hovered",s),loaded:t.generateVariantClassList("loaded",s),"fallback-content":t.generateVariantClassList("fallback-content",s)}}),m=e.useSlots(),n=e.ref(!1),r=e.ref(!1),o=e.ref(!1),f=e.toRef(()=>a.src);e.watch(f,()=>{r.value=!1,o.value=!1,n.value=!1});const c=e.toRef(()=>a.fallback);e.watch(c,()=>{o.value&&(o.value=!1,n.value=!1)});const d=e.computed(()=>r.value&&!m.fallback&&c.value?"fallback":"src"),C=e.computed(()=>d.value==="src"?f.value:c.value),z=()=>{n.value=!0,u("load")},_=()=>{d.value==="fallback"?(o.value=!0,n.value=!0):(r.value=!0,n.value=!0),u("error")},B=e.computed(()=>t.getPxSize(a.width,!0)),R=e.computed(()=>{const l=String(a.width).replace("px",""),v=/^\d+(?:\.\d+)?$/,g=a.width&&v.test(l)?Number(l):a.width;return a.sizeRange==="xsm"||w.isNumber(g)&&g<100?"3xsm":"sm"}),E=e.computed(()=>{let l=`filter: ${n?"none":"blur(30px)"}`;return a.objectFit&&(l+=`;object-fit: ${a.objectFit}`),a.objectPosition&&(l+=`;object-position: ${a.objectPosition}`),l});return(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(y)({sizeRange:a.sizeRange,type:!a.type||!e.unref(i).includes(a.type)?"vertical":a.type,aspectRatio:a.aspectRatio,hovered:a.hovered,loaded:n.value,"fallback-content":r.value&&(!c.value||o.value)}),a.class)),style:e.normalizeStyle({width:B.value})},[r.value&&(!c.value||o.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"fallback"))},[e.renderSlot(l.$slots,"fallback",{},()=>[e.createVNode(V._sfc_main,{size:"sm",icon:"tabler:photo-exclamation",class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"fallback__icon"))},null,8,["class"]),!l.sizeRange||["md","lg"].includes(l.sizeRange)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"fallback__text"))},e.toDisplayString(l.fallbackDescription),3)):e.createCommentVNode("",!0)])],2)):(e.openBlock(),e.createElementBlock("img",{key:1,alt:l.alt,style:e.normalizeStyle(E.value),src:C.value,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"img"),l.imageCls)),onLoad:z,onError:_},null,46,I)),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L._sfc_main,{key:2,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"loading")),size:R.value},null,8,["class","size"])),l.hovered||m.actions?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"hover_actions"),"pantograph-tokens pantograph-dark",a.hoverCls))},[e.renderSlot(l.$slots,"actions")],2)):e.createCommentVNode("",!0)],6))}});exports.ImageAspectRatios=k;exports.ImageSizeRanges=p;exports.ImageTypes=i;exports._sfc_main=j;
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),S=require("class-variance-authority"),L=require("./Spinner.vue_vue_type_style_index_0_lang-ByCVaoZy.js"),V=require("./Icon.vue_vue_type_style_index_0_lang-D35DGfhm.js"),w=require("./isNumber-DMOjxgl8.js"),p=["xsm","sm","md","lg"],k=["1:1","4:3","3:2","16:9","2:1"],i=["vertical","horizontal"],I=["alt","src"],j=e.defineComponent({...t.getComponentOptions("Image"),__name:"Image",props:{src:{default:""},fallback:{},width:{},hovered:{type:Boolean},alt:{},class:{},imageCls:{},hoverCls:{},sizeRange:{},aspectRatio:{},type:{default:"horizontal"},objectFit:{default:"cover"},objectPosition:{default:"center"},fallbackDescription:{default:"This image couldn't be loaded."}},emits:["load","error"],setup(b,{emit:h}){const a=b,u=h,s=t.getBemBlock("image"),y=S.cva(s,{variants:{type:t.generateVariantClassList(i,s),aspectRatio:t.generateVariantClassList(k,s),sizeRange:t.generateVariantClassList(p,s),hovered:t.generateVariantClassList("hovered",s),loaded:t.generateVariantClassList("loaded",s),"fallback-content":t.generateVariantClassList("fallback-content",s)}}),m=e.useSlots(),n=e.ref(!1),r=e.ref(!1),o=e.ref(!1),f=e.toRef(()=>a.src);e.watch(f,()=>{r.value=!1,o.value=!1,n.value=!1});const c=e.toRef(()=>a.fallback);e.watch(c,()=>{o.value&&(o.value=!1,n.value=!1)});const d=e.computed(()=>r.value&&!m.fallback&&c.value?"fallback":"src"),C=e.computed(()=>d.value==="src"?f.value:c.value),z=()=>{n.value=!0,u("load")},_=()=>{d.value==="fallback"?(o.value=!0,n.value=!0):(r.value=!0,n.value=!0),u("error")},B=e.computed(()=>t.getPxSize(a.width,!0)),R=e.computed(()=>{const l=String(a.width).replace("px",""),v=/^\d+(?:\.\d+)?$/,g=a.width&&v.test(l)?Number(l):a.width;return a.sizeRange==="xsm"||w.isNumber(g)&&g<100?"3xsm":"sm"}),E=e.computed(()=>{let l=`filter: ${n?"none":"blur(30px)"}`;return a.objectFit&&(l+=`;object-fit: ${a.objectFit}`),a.objectPosition&&(l+=`;object-position: ${a.objectPosition}`),l});return(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(y)({sizeRange:a.sizeRange,type:!a.type||!e.unref(i).includes(a.type)?"vertical":a.type,aspectRatio:a.aspectRatio,hovered:a.hovered,loaded:n.value,"fallback-content":r.value&&(!c.value||o.value)}),a.class)),style:e.normalizeStyle({width:B.value})},[r.value&&(!c.value||o.value)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"fallback"))},[e.renderSlot(l.$slots,"fallback",{},()=>[e.createVNode(V._sfc_main,{size:"sm",icon:"tabler:photo-exclamation",class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"fallback__icon"))},null,8,["class"]),!l.sizeRange||["md","lg"].includes(l.sizeRange)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"fallback__text"))},e.toDisplayString(l.fallbackDescription),3)):e.createCommentVNode("",!0)])],2)):(e.openBlock(),e.createElementBlock("img",{key:1,alt:l.alt,style:e.normalizeStyle(E.value),src:C.value,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"img"),l.imageCls)),onLoad:z,onError:_},null,46,I)),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(L._sfc_main,{key:2,class:e.normalizeClass(e.unref(t.getBemElement)(e.unref(s),"loading")),size:R.value},null,8,["class","size"])),l.hovered||m.actions?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(t.normCls)(e.unref(t.getBemElement)(e.unref(s),"hover_actions"),"pantograph-tokens pantograph-dark",a.hoverCls))},[e.renderSlot(l.$slots,"actions")],2)):e.createCommentVNode("",!0)],6))}});exports.ImageAspectRatios=k;exports.ImageSizeRanges=p;exports.ImageTypes=i;exports._sfc_main=j;

package/dist/{Image.vue_vue_type_style_index_0_lang-BaZ9DPbi.js → Image.vue_vue_type_style_index_0_lang-DyZjQGcE.js}

@@ -1,8 +1,8 @@
 import { defineComponent as D, useSlots as V, ref as v, toRef as _, watch as C, computed as m, createElementBlock as f, openBlock as n, normalizeStyle as S, normalizeClass as o, unref as a, createBlock as T, createCommentVNode as p, renderSlot as w, createVNode as A, toDisplayString as O } from "vue";
 import { getComponentOptions as W, getBemBlock as q, generateVariantClassList as c, getPxSize as G, normCls as g, getBemElement as i } from "@pantograph/utils";
 import { cva as H } from "class-variance-authority";
-import { _ as J } from "./Spinner.vue_vue_type_style_index_0_lang-kqKDLFqb.js";
-import { _ as K } from "./Icon.vue_vue_type_style_index_0_lang-BUxhmWxU.js";
+import { _ as J } from "./Spinner.vue_vue_type_style_index_0_lang-D-425sXj.js";
+import { _ as K } from "./Icon.vue_vue_type_style_index_0_lang-cUm6hfXg.js";
 import { i as M } from "./isNumber-BduWbB-B.js";
 const Q = ["xsm", "sm", "md", "lg"], U = ["1:1", "4:3", "3:2", "16:9", "2:1"], j = ["vertical", "horizontal"], X = ["alt", "src"], se = /* @__PURE__ */ D({
   ...W("Image"),
@@ -114,8 +114,8 @@ const Q = ["xsm", "sm", "md", "lg"], U = ["1:1", "4:3", "3:2", "16:9", "2:1"], j
   }
 });
 export {
-  Q as I,
+  U as I,
   se as _,
-  U as a,
+  Q as a,
   j as b
 };

package/dist/IndentLevel/index.d.ts

@@ -1,2 +1,3 @@
+export declare const IndentLevelPlugin: import('vue').Plugin;
 export { default as IndentLevel, type IndentLevelProps, default } from './IndentLevel';
 export * from './IndentLevel.model';

package/dist/IndentLevel/index.js

@@ -1,7 +1,12 @@
-import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-B1tyl0fy.js";
+import { _ as e } from "../IndentLevel.vue_vue_type_style_index_0_lang-DXqbeAQ-.js";
+import { I as i, a as p } from "../IndentLevel.vue_vue_type_style_index_0_lang-DXqbeAQ-.js";
+import { installComponent as n } from "@pantograph/utils-vue";
+import { getComponentName as t } from "@pantograph/utils";
+const s = n(e, t("IndentLevel"));
 export {
-  a as IndentLevel,
-  s as IndentLevelShowLines,
-  t as IndentLevelSizes,
-  d as default
+  e as IndentLevel,
+  s as IndentLevelPlugin,
+  i as IndentLevelShowLines,
+  p as IndentLevelSizes,
+  e as default
 };

package/dist/IndentLevel/index.umd.cjs

@@ -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-CPAOlvGw.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-D1htGz8f.js"),n=require("@pantograph/utils-vue"),t=require("@pantograph/utils"),l=n.installComponent(e._sfc_main,t.getComponentName("IndentLevel"));exports.IndentLevel=e._sfc_main;exports.IndentLevelShowLines=e.IndentLevelShowLines;exports.IndentLevelSizes=e.IndentLevelSizes;exports.default=e._sfc_main;exports.IndentLevelPlugin=l;

package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-CPAOlvGw.js → IndentLevel.vue_vue_type_style_index_0_lang-D1htGz8f.js}

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

package/dist/{IndentLevel.vue_vue_type_style_index_0_lang-B1tyl0fy.js → IndentLevel.vue_vue_type_style_index_0_lang-DXqbeAQ-.js}

@@ -2,8 +2,8 @@ import { defineComponent as C, computed as v, createElementBlock as r, openBlock
 import { getComponentOptions as R, getBemBlock as D, getBemElement as L, generateVariantClassList as a, normCls as g, getBemModifier as E } from "@pantograph/utils";
 import { cva as V } from "class-variance-authority";
 import { _ as y } from "./Divider.vue_vue_type_style_index_0_lang-GfWcHNix.js";
-import { _ as M } from "./Spinner.vue_vue_type_style_index_0_lang-kqKDLFqb.js";
-import { _ } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Zeg-CFjd.js";
+import { _ as M } from "./Spinner.vue_vue_type_style_index_0_lang-D-425sXj.js";
+import { _ } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-Cw-dYlrK.js";
 import { i as F } from "./isNumber-BduWbB-B.js";
 const O = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], j = { key: 0 }, T = /* @__PURE__ */ C({
   ...R("IndentLevel"),
@@ -92,7 +92,7 @@ const O = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], j = { ke
   }
 });
 export {
-  O as I,
+  Q as I,
   T as _,
-  Q as a
+  O as a
 };

package/dist/Indicator/index.d.ts

@@ -1 +1,2 @@
+export declare const IndicatorPlugin: import('vue').Plugin;
 export { default as Indicator, type IndicatorProps, default } from './Indicator';

package/dist/Indicator/index.js

@@ -1,5 +1,9 @@
-import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-qbXRbfSe.js";
+import { _ as o } from "../Indicator.vue_vue_type_script_setup_true_lang-JJjkSXKC.js";
+import { installComponent as t } from "@pantograph/utils-vue";
+import { getComponentName as n } from "@pantograph/utils";
+const i = t(o, n("Indicator"));
 export {
-  r as Indicator,
-  t as default
+  o as Indicator,
+  i as IndicatorPlugin,
+  o as default
 };

package/dist/Indicator/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Indicator.vue_vue_type_script_setup_true_lang-g2dBu5LK.js");exports.Indicator=e._sfc_main;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Indicator.vue_vue_type_script_setup_true_lang-d3Y_ijwq.js"),t=require("@pantograph/utils-vue"),n=require("@pantograph/utils"),i=t.installComponent(e._sfc_main,n.getComponentName("Indicator"));exports.Indicator=e._sfc_main;exports.default=e._sfc_main;exports.IndicatorPlugin=i;

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-qbXRbfSe.js → Indicator.vue_vue_type_script_setup_true_lang-JJjkSXKC.js}

@@ -1,8 +1,8 @@
-import { defineComponent as d, useAttrs as f, computed as e, useSlots as _, createBlock as g, openBlock as C, mergeProps as b, createSlots as y, renderList as B, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as P } from "vue";
+import { defineComponent as d, useAttrs as f, computed as e, useSlots as _, createBlock as g, openBlock as C, mergeProps as y, createSlots as B, renderList as b, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as P } from "vue";
 import { omit as S } from "es-toolkit";
-import { _ as $ } from "./BaseBadge.vue_vue_type_style_index_0_lang-DG6AxxJf.js";
+import { _ as $ } from "./BaseBadge.vue_vue_type_style_index_0_lang-10ckF176.js";
 import { getComponentOptions as h } from "@pantograph/utils";
-import { b as t } from "./BaseBadge.model-DCiuNKoh.js";
+import { B as t } from "./BaseBadge.model-D4ZfMIfM.js";
 import { getCssCoreColor as s } from "@pantograph/tokens";
 const R = /* @__PURE__ */ d({
   ...h("Indicator", !1),
@@ -20,11 +20,11 @@ const R = /* @__PURE__ */ d({
       ...o,
       ...m.value
     })), p = _();
-    return (a, z) => (C(), g($, b(l.value, {
+    return (a, z) => (C(), g($, y(l.value, {
       type: "minify",
       mode: "bold"
-    }), y({ _: 2 }, [
-      B(Object.keys(p), (r) => ({
+    }), B({ _: 2 }, [
+      b(Object.keys(p), (r) => ({
         name: r,
         fn: k((u) => [
           v(a.$slots, r, x(P(u)))

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-g2dBu5LK.js → Indicator.vue_vue_type_script_setup_true_lang-d3Y_ijwq.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),_=require("es-toolkit"),m=require("./BaseBadge.vue_vue_type_style_index_0_lang-C_f3-aVP.js"),g=require("@pantograph/utils"),t=require("./BaseBadge.model-DecqxaGN.js"),s=require("@pantograph/tokens"),C=e.defineComponent({...g.getComponentOptions("Indicator",!1),__name:"Indicator",props:{class:{},size:{},color:{}},setup(n){const o=n,c=e.useAttrs(),i=()=>o.color&&t.BadgeColors.includes(o.color)&&t.BadgeColors.includes(o.color)?s.getCssCoreColor(`${o.color}-5`):s.getCssCoreColor("primary-5"),l=e.computed(()=>({bg:i()})),u=e.computed(()=>({..._.omit(c,["type","text","icon","mode"]),...o,...l.value})),a=e.useSlots();return(d,f)=>(e.openBlock(),e.createBlock(m._sfc_main,e.mergeProps(u.value,{type:"minify",mode:"bold"}),e.createSlots({_:2},[e.renderList(Object.keys(a),r=>({name:r,fn:e.withCtx(p=>[e.renderSlot(d.$slots,r,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=C;
+"use strict";const e=require("vue"),_=require("es-toolkit"),m=require("./BaseBadge.vue_vue_type_style_index_0_lang-CE9-_G4N.js"),g=require("@pantograph/utils"),t=require("./BaseBadge.model-DecqxaGN.js"),s=require("@pantograph/tokens"),C=e.defineComponent({...g.getComponentOptions("Indicator",!1),__name:"Indicator",props:{class:{},size:{},color:{}},setup(n){const o=n,c=e.useAttrs(),i=()=>o.color&&t.BadgeColors.includes(o.color)&&t.BadgeColors.includes(o.color)?s.getCssCoreColor(`${o.color}-5`):s.getCssCoreColor("primary-5"),l=e.computed(()=>({bg:i()})),u=e.computed(()=>({..._.omit(c,["type","text","icon","mode"]),...o,...l.value})),a=e.useSlots();return(d,f)=>(e.openBlock(),e.createBlock(m._sfc_main,e.mergeProps(u.value,{type:"minify",mode:"bold"}),e.createSlots({_:2},[e.renderList(Object.keys(a),r=>({name:r,fn:e.withCtx(p=>[e.renderSlot(d.$slots,r,e.normalizeProps(e.guardReactiveProps(p)))])}))]),1040))}});exports._sfc_main=C;

package/dist/Input/Input.d.ts

@@ -33,16 +33,16 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     select: () => void | undefined;
     setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => void | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    clear: () => any;
     blur: (event: InputEvent) => any;
     change: (value?: string | null | undefined) => any;
     focus: (event: InputEvent) => any;
-    clear: () => any;
     "update:modelValue": (value?: string | null | undefined) => any;
 }, string, import('vue').PublicProps, Readonly<InputProps> & Readonly<{
+    onClear?: (() => any) | undefined;
     onBlur?: ((event: InputEvent) => any) | undefined;
     onChange?: ((value?: string | null | undefined) => any) | undefined;
     onFocus?: ((event: InputEvent) => any) | undefined;
-    onClear?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string | null | undefined) => any) | undefined;
 }>, {
     disabled: boolean;

package/dist/Input/index.d.ts

@@ -1 +1,2 @@
+export declare const InputPlugin: import('vue').Plugin;
 export { type InputProps, type InputEmits, type InputSlots, default, default as Input, } from './Input';