@pantograph/vue 0.10.0 → 0.10.2

package/dist/ConfigProvider/index.d.ts

@@ -23,17 +23,17 @@ declare const provideConfigContext: (contextValue: Context) => Context;
 declare const injectConfigContext: () => Context;
 export { provideConfigContext, injectConfigContext };
 export declare const ConfigProvider: import('vue').DefineComponent<{
-    locale?: object | "fa" | "en" | undefined;
+    locale?: ("fa" | "en" | object) | undefined;
     theme?: _Config | undefined;
-    changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
-    changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
+    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
 }, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    locale?: object | "fa" | "en" | undefined;
+    locale?: ("fa" | "en" | object) | undefined;
     theme?: _Config | undefined;
-    changeAbleDirectionElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
-    changeAbleDarkElement?: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement> | undefined;
+    changeAbleDirectionElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
+    changeAbleDarkElement?: (string | HTMLElement | Ref<string | HTMLElement>) | undefined;
 }> & Readonly<{}>, {
     changeAbleDirectionElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;
     changeAbleDarkElement: string | HTMLElement | Ref<string | HTMLElement, string | HTMLElement>;

package/dist/ConfigProvider/utils.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
 export type Element = string | HTMLElement | Ref<string | HTMLElement>;
 export type Direction = 'ltr' | 'rtl';
-export declare const useDir: (changeAbleDirectionElement?: Element) => [Ref<Direction, Direction>, (value?: Direction) => void];
-export declare const useDark: (changeAbleDirectionElement?: Element) => [Ref<boolean, boolean>, (dark?: boolean) => void];
+export declare const useDir: (changeAbleDirectionElement?: Element) => [Ref<Direction>, (value?: Direction) => void];
+export declare const useDark: (changeAbleDirectionElement?: Element) => [Ref<boolean>, (dark?: boolean) => void];

package/dist/Divider/Divider.d.ts

@@ -1,16 +1,21 @@
-import { PrimitiveProps } from 'radix-vue';
 import { Class } from '../types';
 import { DividerType } from './Divider.model.js';
-export interface DividerProps extends Omit<PrimitiveProps, 'asChild'> {
+export interface DividerProps {
     type?: DividerType;
     class?: Class;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
-    type: "horizontal" | "vertical";
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
-    default?(_: {}): any;
-}>;
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<DividerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<DividerProps> & Readonly<{}>, {
+    type: DividerType;
+}, {}, {}, {}, 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/Divider/index.js.js

@@ -1,4 +1,4 @@
-import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-B_4XMyuu.js";
+import { _ as i, D as r, _ as s } from "../Divider.vue_vue_type_style_index_0_lang-CRs1KEcj.js";
 export {
   i as Divider,
   r as DividerTypes,

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

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

package/dist/Divider.vue_vue_type_style_index_0_lang-BELWThBf.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),r=require("./class-CjZYGZDW.js"),c=require("class-variance-authority"),l=require("./options-B4iSAKol.js"),n=["horizontal","vertical"],p=e.defineComponent({...l.getComponentOptions("Divider"),__name:"Divider",props:{type:{default:"horizontal"},class:{}},setup(i){const o=i,s=r.getBemBlock("divider"),a=c.cva(s,{variants:{type:r.generateVariantClassList(n,s)}});return(t,u)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(a)({type:t.type}),o.class])},[e.renderSlot(t.$slots,"default")],2))}});exports.DividerTypes=n;exports._sfc_main=p;

package/dist/Divider.vue_vue_type_style_index_0_lang-CRs1KEcj.js

@@ -0,0 +1,34 @@
+import { defineComponent as a, createElementBlock as n, openBlock as i, normalizeClass as p, unref as l, renderSlot as c } from "vue";
+import { g as m, a as d } from "./class-DziTeW9B.js";
+import { cva as f } from "class-variance-authority";
+import { g as v } from "./options-JBqnVZUl.js";
+const u = ["horizontal", "vertical"], D = /* @__PURE__ */ a({
+  ...v("Divider"),
+  __name: "Divider",
+  props: {
+    type: { default: "horizontal" },
+    class: {}
+  },
+  setup(s) {
+    const o = s, e = m("divider"), r = f(e, {
+      variants: {
+        type: d(u, e)
+        // hasChild: generateVariantClassList('has-child', prefix),
+      }
+    });
+    return (t, g) => (i(), n("div", {
+      class: p([
+        l(r)({
+          type: t.type
+        }),
+        o.class
+      ])
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  u as D,
+  D as _
+};

package/dist/FloatButton/FloatButton.d.ts

@@ -1,12 +1,88 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'as' | 'class' | 'color' | 'loading' | 'size' | 'icon'>> & {
+export type FloatButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'color' | 'loading' | 'size' | 'icon'>> & {
     type?: 'fill' | 'outline';
 };
 type FloatButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<FloatButtonProps, {
+declare function __VLS_template(): {
+    slots: Readonly<FloatButtonSlots> & FloatButtonSlots;
+    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<FloatButtonProps, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, Readonly<FloatButtonSlots> & FloatButtonSlots>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FloatButtonProps> & 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/FloatButton/index.js.js

@@ -1,4 +1,4 @@
-import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-iElZdgSE.js";
+import { _ as o, _ as e } from "../FloatButton.vue_vue_type_script_setup_true_lang-BAxKXFb0.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-DARsq4US.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-C5hAAZZQ.js");exports.FloatButton=e._sfc_main;exports.default=e._sfc_main;

package/dist/{FloatButton.vue_vue_type_script_setup_true_lang-iElZdgSE.js → FloatButton.vue_vue_type_script_setup_true_lang-BAxKXFb0.js}

@@ -1,12 +1,11 @@
 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-BHZMfUBv.js";
-import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js";
+import { o as y } from "./omit-BEkBWXra.js";
+import { _ as C } from "./BaseButton.vue_vue_type_style_index_0_lang-D7irHU-6.js";
 import { g as P } from "./options-JBqnVZUl.js";
 const I = /* @__PURE__ */ i({
   ...P("FloatButton", !1),
   __name: "FloatButton",
   props: {
-    as: {},
     class: {},
     color: {},
     loading: { type: Boolean },

package/dist/FloatButton.vue_vue_type_script_setup_true_lang-C5hAAZZQ.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),l=require("./omit-BKPbELUG.js"),p=require("./BaseButton.vue_vue_type_style_index_0_lang-CgEN8K4D.js"),_=require("./options-B4iSAKol.js"),f=e.defineComponent({..._.getComponentOptions("FloatButton",!1),__name:"FloatButton",props:{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,13 +1,20 @@
 import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 import { BadgeSize } from '../Base/BaseBadge/BaseBadge.model';
 import { GraphicalObjectBG, GraphicalObjectBR, GraphicalObjectFG } from './GraphicalObject.model.js';
-export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'as' | 'class' | 'icon'>> & {
+export type GraphicalObjectProps = Partial<Pick<BaseBadgeProps, 'class' | 'icon'>> & {
     fg?: GraphicalObjectFG | string;
     bg?: GraphicalObjectBG | string;
     br?: GraphicalObjectBR | string;
     size?: Exclude<BadgeSize, '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>;
+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<GraphicalObjectProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<GraphicalObjectProps> & 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/GraphicalObject/index.js.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Cc4PxUnd.js";
+import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.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-Bouixpu2.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-CdO2zArd.js");exports.GraphicalObject=e._sfc_main;exports.default=e._sfc_main;

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-Cc4PxUnd.js → GraphicalObject.vue_vue_type_script_setup_true_lang-BEZ6FkRf.js}

@@ -1,13 +1,12 @@
 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-BHZMfUBv.js";
-import { a as B, B as $, _ as k } from "./BaseBadge.vue_vue_type_style_index_0_lang-MM6bsdzR.js";
+import { o as j } from "./omit-BEkBWXra.js";
+import { a as B, B as $, _ as k } from "./BaseBadge.vue_vue_type_style_index_0_lang-Bh1152XC.js";
 import { g as v } from "./options-JBqnVZUl.js";
 import { getCssVar as t } from "@pantograph/tokens";
 const z = /* @__PURE__ */ i({
   ...v("GraphicalObject", !1),
   __name: "GraphicalObject",
   props: {
-    as: {},
     class: {},
     icon: {},
     fg: {},

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-CdO2zArd.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("./omit-BKPbELUG.js"),g=require("./BaseBadge.vue_vue_type_style_index_0_lang-BNs69VP4.js"),b=require("./options-B4iSAKol.js"),t=require("@pantograph/tokens"),m=e.defineComponent({...b.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{class:{},icon:{},fg:{},bg:{},br:{},size:{}},setup(c){const s=c,i=e.computed(()=>{const a=Object.fromEntries(g.BadgeColors.map(r=>[r,t.getCssVar(`${r}-5`)])),o={...a,...Object.fromEntries(g.BadgeColorsSubtle.map(r=>[r,t.getCssVar(`${r.replace("-subtle","")}-0`)])),transparent:"transparent","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:o[s.bg]??s.bg,br:o[s.br]??(s.bg==="transparent"?t.getCssVar("gray-2"):void 0),fg:n[s.fg??"default"]??s.fg}}),l=e.useAttrs(),p=e.computed(()=>({...u.omit(l,"type","text"),...s,...i.value}));return(a,o)=>(e.openBlock(),e.createBlock(g._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/Icon/Icon.d.ts

@@ -8,11 +8,18 @@ export interface IconProps {
     flipX?: boolean;
     flipY?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
+declare function __VLS_template(): {
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<IconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<IconProps> & Readonly<{}>, {
     size: IconSize;
-}, {}, {}, {}, 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/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-D1nK8pEU.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-CufKPHFD.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-D1nK8pEU.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-BHZMfUBv.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-s4G57j5o.js";
+import { o as y } from "./omit-BEkBWXra.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-CKJpRLV6.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-C9mNx1Zx.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;