@pantograph/vue 0.10.1 → 0.10.2

package/dist/IconButton/IconButton.d.ts

@@ -1,10 +1,86 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type IconButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'type' | 'color' | 'loading' | 'icon' | 'size'>>;
+export type IconButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'color' | 'loading' | 'icon' | 'size'>>;
 type IconButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "class" | "icon" | "type" | "color" | "as" | "loading">>, {
+declare function __VLS_template(): {
+    slots: Readonly<IconButtonSlots> & IconButtonSlots;
+    refs: {
+        buttonRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
+                readonly text?: (string | number) | undefined;
+                readonly size?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonSize | undefined;
+                readonly color?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor | undefined;
+                readonly type?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType | undefined;
+                readonly variant?: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonVariant | undefined;
+                readonly loading?: boolean | undefined;
+                readonly action?: boolean | undefined;
+                readonly active?: boolean | undefined;
+                readonly badgeText?: string | undefined;
+                readonly badgeIcon?: string | undefined;
+                readonly icon?: string | undefined;
+                readonly preIcon?: string | undefined;
+                readonly postIcon?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<BaseButtonProps> & Readonly<{}>, {
+                focus(): void;
+                blur(): void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
+                color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            type: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonType;
+            color: import('../index.ts', { with: { "resolution-mode": "import" } }).ButtonColor;
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color")> & import('vue').ShallowUnwrapRef<{
+            focus(): void;
+            blur(): void;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
+        }) | null;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "icon" | "class" | "size" | "type" | "color" | "loading">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "class" | "icon" | "type" | "color" | "as" | "loading">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<IconButtonSlots> & IconButtonSlots>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "icon" | "class" | "size" | "type" | "color" | "loading">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/IconButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-dI6-RNyi.js";
+import { _ as a, _ as e } from "../IconButton.vue_vue_type_script_setup_true_lang-CchpvdkX.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-7QB-mmyg.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-c16Xu6mm.js");exports.IconButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-dI6-RNyi.js → IconButton.vue_vue_type_script_setup_true_lang-CchpvdkX.js}

@@ -1,12 +1,11 @@
 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-BEkBWXra.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-BrQJfrgg.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-D7irHU-6.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ p({
   ...C("IconButton", !1),
   __name: "IconButton",
   props: {
-    as: {},
     class: {},
     type: {},
     color: {},

package/dist/IconButton.vue_vue_type_script_setup_true_lang-c16Xu6mm.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),p=require("./omit-BKPbELUG.js"),l=require("./BaseButton.vue_vue_type_style_index_0_lang-CgEN8K4D.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("IconButton",!1),__name:"IconButton",props:{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/Image/Image.d.ts

@@ -16,22 +16,30 @@ export interface ImageProps {
     objectPosition?: 'center' | 'right' | 'left' | 'top' | 'bottom' | string;
     fallbackDescription?: string;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<ImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+export interface ImageSlots {
+    fallback?: () => never;
+    actions?: () => never;
+}
+declare function __VLS_template(): {
+    slots: Readonly<ImageSlots> & ImageSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ImageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     error: () => any;
     load: () => any;
 }, string, import('vue').PublicProps, Readonly<ImageProps> & Readonly<{
     onError?: (() => any) | undefined;
     onLoad?: (() => any) | undefined;
 }>, {
-    type: "horizontal" | "vertical";
     src: string;
-    objectFit: string;
-    objectPosition: string;
+    type: ImageType;
+    objectFit: "contain" | "cover" | "fill" | "none" | "scale-down" | string;
+    objectPosition: "center" | "right" | "left" | "top" | "bottom" | string;
     fallbackDescription: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    fallback?(_: {}): any;
-    actions?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Image/index.js.js

@@ -1,4 +1,4 @@
-import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_style_index_0_lang-Cku5hiNE.js";
+import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_style_index_0_lang-pkzjPQyu.js";
 export {
   s as Image,
   g as ImageAspectRatios,

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

@@ -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-DbqKKOAs.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-Hg1jFz-L.js");exports.Image=e._sfc_main;exports.ImageAspectRatios=e.ImageAspectRatios;exports.ImageSizeRanges=e.ImageSizeRanges;exports.ImageTypes=e.ImageTypes;exports.default=e._sfc_main;

package/dist/{Image.vue_vue_type_style_index_0_lang-DbqKKOAs.js → Image.vue_vue_type_style_index_0_lang-Hg1jFz-L.js}

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

package/dist/{Image.vue_vue_type_style_index_0_lang-Cku5hiNE.js → Image.vue_vue_type_style_index_0_lang-pkzjPQyu.js}

@@ -2,7 +2,7 @@ import { defineComponent as V, useSlots as D, ref as v, toRef as z, watch as _,
 import { g as W, a as c, b as i } from "./class-DziTeW9B.js";
 import { cva as q } from "class-variance-authority";
 import { i as G } from "./isNumber-DlKYWCo3.js";
-import { _ as H } from "./Spinner.vue_vue_type_style_index_0_lang-D6nB06Z8.js";
+import { _ as H } from "./Spinner.vue_vue_type_style_index_0_lang-BYqqSQAx.js";
 import { _ as J } from "./Icon.vue_vue_type_style_index_0_lang-BfPcw6PU.js";
 import { g as K } from "./options-JBqnVZUl.js";
 const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], S = ["vertical", "horizontal"], U = ["alt", "src"], le = /* @__PURE__ */ V({
@@ -100,7 +100,7 @@ const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], S
         class: o(t(i)(t(s), "loading")),
         size: N.value
       }, null, 8, ["class", "size"])),
-      l.value && !r.value && (a.hovered || t(g).actions) ? (m(), f("div", {
+      l.value && !r.value && (a.hovered || g.actions) ? (m(), f("div", {
         key: 3,
         class: o([t(i)(t(s), "hover_actions"), "pantograph-tokens dark", e.hoverCls])
       }, [

package/dist/IndentLevel/IndentLevel.d.ts

@@ -1,7 +1,6 @@
-import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../types';
 import { IndentLevelShowLine, IndentLevelSize } from './IndentLevel.model.js';
-export interface IndentLevelProps extends Omit<PrimitiveProps, 'asChild'> {
+export interface IndentLevelProps {
     size?: IndentLevelSize;
     showLine?: IndentLevelShowLine | number | false;
     children?: boolean;
@@ -12,13 +11,20 @@ export interface IndentLevelProps extends Omit<PrimitiveProps, 'asChild'> {
     branchIcon?: string;
     noRotateBranch?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IndentLevelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IndentLevelProps> & Readonly<{}>, {
-    size: "2xsm" | "xsm" | "sm";
-    level: string | number;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IndentLevelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IndentLevelProps> & Readonly<{}>, {
+    size: IndentLevelSize;
+    level: number | string;
     branchIcon: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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-nGsyFkwr.js";
+import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-ZZ1uEhji.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-CM6s5E6c.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-DqqJTrDF.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-DqqJTrDF.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),o=require("./class-CjZYGZDW.js"),h=require("class-variance-authority"),k=require("./options-B4iSAKol.js"),u=require("./Divider.vue_vue_type_style_index_0_lang-BELWThBf.js"),g=require("./Spinner.vue_vue_type_style_index_0_lang-BP7P5xu8.js"),L=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-CdO2zArd.js"),_=require("./isNumber-eaDdxhkG.js"),d=["2xsm","xsm","sm"],y=["last","all","before","self"],b={key:0},C=e.defineComponent({...k.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}},setup(m){const t=m,a=o.getBemBlock("indent_level"),i=o.getBemElement(a,"item"),p=o.getBemElement(i,"branch"),v=h.cva(a,{variants:{size:o.generateVariantClassList(d,a),expanded:o.generateVariantClassList("expanded",a),branchSlot:o.generateVariantClassList("branch-slot",a),selfDivider:o.generateVariantClassList("self-divider",a),noRotateBranch:o.generateVariantClassList("no-rotate-branch",a),loading:o.generateVariantClassList("loading",a)}}),l=e.computed(()=>{const n=Number(t.level);return n<1?1:n%10===0?n:Math.floor(n)}),s=e.computed(()=>{if(t.showLine)return typeof t.showLine=="string"?["all","self"].includes(t.showLine):_.isNumber(t.showLine)&&t.showLine<=Number(t.level)}),f=n=>typeof t.showLine=="number"?t.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(v)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:s.value,loading:n.loading}),t.class])},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,r=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(i),{[e.unref(o.getBemModifier)(e.unref(a),"expand")]:r===l.value}]),key:r},[r===l.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",b)):e.createCommentVNode("",!0),e.createVNode(L._sfc_main,{size:n.size,icon:n.branchIcon,color:"none",class:e.normalizeClass(e.unref(p)),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&&s.value?(e.openBlock(),e.createBlock(u._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&r===l.value-1||f(r)?(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-ZZ1uEhji.js

@@ -0,0 +1,94 @@
+import { defineComponent as z, computed as v, createElementBlock as a, openBlock as o, normalizeClass as u, unref as l, Fragment as d, renderList as I, createBlock as f, createCommentVNode as m, createVNode as C, withCtx as N, renderSlot as S } from "vue";
+import { g as $, a as r, b as g, c as R } from "./class-DziTeW9B.js";
+import { cva as D } from "class-variance-authority";
+import { g as E } from "./options-JBqnVZUl.js";
+import { _ as L } from "./Divider.vue_vue_type_style_index_0_lang-CRs1KEcj.js";
+import { _ as V } from "./Spinner.vue_vue_type_style_index_0_lang-BYqqSQAx.js";
+import { _ } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.js";
+import { i as M } from "./isNumber-DlKYWCo3.js";
+const F = ["2xsm", "xsm", "sm"], Q = ["last", "all", "before", "self"], O = { key: 0 }, T = /* @__PURE__ */ z({
+  ...E("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 }
+  },
+  setup(b) {
+    const n = b, s = $("indent_level"), p = g(s, "item"), y = g(p, "branch"), B = D(s, {
+      variants: {
+        size: r(F, s),
+        expanded: r("expanded", s),
+        branchSlot: r("branch-slot", s),
+        selfDivider: r("self-divider", s),
+        noRotateBranch: r("no-rotate-branch", s),
+        loading: r("loading", s)
+      }
+    }), i = v(() => {
+      const e = Number(n.level);
+      return e < 1 ? 1 : e % 10 === 0 ? e : Math.floor(e);
+    }), c = v(() => {
+      if (n.showLine)
+        return typeof n.showLine == "string" ? ["all", "self"].includes(n.showLine) : M(n.showLine) && n.showLine <= Number(n.level);
+    }), k = (e) => typeof n.showLine == "number" ? n.showLine <= Number(e) : !1;
+    return (e, h) => (o(), a("div", {
+      class: u([
+        l(B)({
+          size: e.size,
+          expanded: e.expanded,
+          noRotateBranch: e.noRotateBranch,
+          branchSlot: e.$slots.default,
+          selfDivider: c.value,
+          loading: e.loading
+        }),
+        n.class
+      ])
+    }, [
+      (o(!0), a(d, null, I(i.value, (t) => (o(), a("div", {
+        class: u([l(p), { [l(R)(l(s), "expand")]: t === i.value }]),
+        key: t
+      }, [
+        t === i.value ? (o(), a(d, { key: 0 }, [
+          e.children ? (o(), a(d, { key: 0 }, [
+            e.loading ? (o(), f(V, {
+              key: 1,
+              size: e.size
+            }, null, 8, ["size"])) : (o(), a(d, { key: 0 }, [
+              e.expanded && c.value ? (o(), a("div", O)) : m("", !0),
+              C(_, {
+                size: e.size,
+                icon: e.branchIcon,
+                color: "none",
+                class: u(l(y)),
+                onClick: h[0] || (h[0] = (w) => e.$emit("toggleExpand", w))
+              }, {
+                icon: N(() => [
+                  S(e.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["size", "icon", "class"]),
+              e.expanded && c.value ? (o(), f(L, {
+                key: 1,
+                type: "vertical"
+              })) : m("", !0)
+            ], 64))
+          ], 64)) : m("", !0)
+        ], 64)) : ["all", "before"].includes(e.showLine) || e.showLine === "last" && t === i.value - 1 || k(t) ? (o(), f(L, {
+          key: 1,
+          type: "vertical"
+        })) : m("", !0)
+      ], 2))), 128))
+    ], 2));
+  }
+});
+export {
+  F as I,
+  T as _,
+  Q as a
+};

package/dist/Indicator/Indicator.d.ts

@@ -1,10 +1,17 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 import { BadgeColor } from '../Base/BaseBadge/BaseBadge.model.js';
-export type IndicatorProps = Partial<Pick<BaseBadgeProps, 'as' | 'class'>> & {
+export type IndicatorProps = Partial<Pick<BaseBadgeProps, 'class'>> & {
     size?: 'tiny' | 'tinier';
     color?: BadgeColor;
 };
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<BaseBadgeSlots> & BaseBadgeSlots>;
+declare function __VLS_template(): {
+    slots: Readonly<BaseBadgeSlots> & BaseBadgeSlots;
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IndicatorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Indicator/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-ICqvLVbq.js";
+import { _ as r, _ as t } from "../Indicator.vue_vue_type_script_setup_true_lang-B16OmZLF.js";
 export {
   r as Indicator,
   t as default

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

@@ -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-C4Ecg4iy.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-BibzfVax.js");exports.Indicator=e._sfc_main;exports.default=e._sfc_main;

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-ICqvLVbq.js → Indicator.vue_vue_type_script_setup_true_lang-B16OmZLF.js}

@@ -1,13 +1,12 @@
 import { defineComponent as d, useAttrs as f, computed as s, useSlots as u, createBlock as g, openBlock as _, mergeProps as b, createSlots as y, renderList as C, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as B } from "vue";
 import { o as O } from "./omit-BEkBWXra.js";
-import { a as P, _ as S } from "./BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js";
+import { a as P, _ as S } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bh1152XC.js";
 import { g as $ } from "./options-JBqnVZUl.js";
 import { getCssVar as n } from "@pantograph/tokens";
 const w = /* @__PURE__ */ d({
   ...$("Indicator", !1),
   __name: "Indicator",
   props: {
-    as: {},
     class: {},
     size: {},
     color: {}

package/dist/Indicator.vue_vue_type_script_setup_true_lang-BibzfVax.js

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

package/dist/Input/Input.d.ts

@@ -1,6 +1,7 @@
 import { Class } from '../types';
 import { InputSize, InputStatus } from './Input.model';
 import { IconSize } from '../Icon/Icon.model';
+import { HasRootInputEmits } from '../utils';
 export interface InputProps {
     id?: string;
     maxlength?: number;
@@ -32,18 +33,24 @@ export interface InputSlots {
     }) => never;
     clearIcon?: () => never;
 }
-export interface InputEmits {
+export interface InputEmits extends HasRootInputEmits {
     (e: 'update:modelValue', value?: string): void;
     (e: 'clear'): void;
-    (e: 'blur', event: InputEvent): void;
-    (e: 'focus', event: InputEvent): void;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<InputProps, {
+declare function __VLS_template(): {
+    slots: Readonly<InputSlots> & InputSlots;
+    refs: {
+        inputRef: HTMLInputElement;
+    };
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<InputProps, {
     input: import('vue').Ref<any, any>;
-    focus: (option?: FocusOptions | undefined) => any;
+    focus: (option?: FocusOptions) => any;
     blur: () => any;
     select: () => any;
-    setSelectionRange: (start: number, end: number, direction?: "none" | "forward" | "backward" | undefined) => any;
+    setSelectionRange: (start: number, end: number, direction?: "forward" | "backward" | "none") => any;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     blur: (event: InputEvent) => any;
     focus: (event: InputEvent) => any;
@@ -58,7 +65,8 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<In
     disabled: boolean;
     clearIcon: string;
     bordered: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<InputSlots> & InputSlots>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/dist/Input/index.js.js

@@ -1,4 +1,4 @@
-import { _ as t, I as u, a as e, _ as p } from "../Input.vue_vue_type_style_index_0_lang-cjYJlwXf.js";
+import { _ as t, I as u, a as e, _ as p } from "../Input.vue_vue_type_style_index_0_lang-CcR6oCIR.js";
 export {
   t as Input,
   u as InputSizes,

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_style_index_0_lang-D0zx-hd_.js");exports.Input=e._sfc_main;exports.InputSizes=e.InputSizes;exports.InputStatuses=e.InputStatuses;exports.default=e._sfc_main;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_style_index_0_lang-DVN491cI.js");exports.Input=e._sfc_main;exports.InputSizes=e.InputSizes;exports.InputStatuses=e.InputStatuses;exports.default=e._sfc_main;