@pantograph/vue 0.6.4 → 0.6.6

package/dist/IconButton/IconButton.d.ts

@@ -9,12 +9,12 @@ declare function __VLS_template(): {
             $: import('vue').ComponentInternalInstance;
             $data: {};
             $props: {
-                readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
+                readonly class?: 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 size?: import('..').ButtonSize | undefined;
+                readonly color?: import('..').ButtonColor | undefined;
+                readonly type?: import('..').ButtonType | undefined;
+                readonly variant?: import('..').ButtonVariant | undefined;
                 readonly loading?: boolean | undefined;
                 readonly action?: boolean | undefined;
                 readonly active?: boolean | undefined;
@@ -23,12 +23,51 @@ declare function __VLS_template(): {
                 readonly icon?: string | undefined;
                 readonly preIcon?: string | undefined;
                 readonly postIcon?: string | undefined;
-                readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+                readonly as?: (import('radix-vue').AsTag | import('vue').Component) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
                 [x: string]: unknown;
             };
-            $refs: any;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                    asChild: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    as: {
+                        type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
+                        default: string;
+                    };
+                }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                    asChild: boolean;
+                    as: import('radix-vue').AsTag | import('vue').Component;
+                }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                    P: {};
+                    B: {};
+                    D: {};
+                    C: {};
+                    M: {};
+                    Defaults: {};
+                }, Readonly<import('vue').ExtractPropTypes<{
+                    asChild: {
+                        type: BooleanConstructor;
+                        default: boolean;
+                    };
+                    as: {
+                        type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
+                        default: string;
+                    };
+                }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                    [key: string]: any;
+                }>, {}, {}, {}, {
+                    asChild: boolean;
+                    as: import('radix-vue').AsTag | import('vue').Component;
+                }> | null;
+            };
             $slots: Readonly<{
                 [name: string]: import('vue').Slot<any> | undefined;
             }>;
@@ -41,9 +80,9 @@ declare function __VLS_template(): {
                 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;
-                as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+                type: import('..').ButtonType;
+                color: import('..').ButtonColor;
+                as: import('radix-vue').AsTag | import('vue').Component;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -65,14 +104,14 @@ declare function __VLS_template(): {
             $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;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
+            type: import('..').ButtonType;
+            color: import('..').ButtonColor;
+            as: import('radix-vue').AsTag | import('vue').Component;
+        }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "focus" | "blur" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
-            $slots: any;
+            $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
         }) | null;
     };
     rootEl: any;
@@ -86,12 +125,12 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
-            readonly class?: import('../index.ts', { with: { "resolution-mode": "import" } }).Class | undefined;
+            readonly class?: 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 size?: import('..').ButtonSize | undefined;
+            readonly color?: import('..').ButtonColor | undefined;
+            readonly type?: import('..').ButtonType | undefined;
+            readonly variant?: import('..').ButtonVariant | undefined;
             readonly loading?: boolean | undefined;
             readonly action?: boolean | undefined;
             readonly active?: boolean | undefined;
@@ -100,12 +139,51 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
             readonly icon?: string | undefined;
             readonly preIcon?: string | undefined;
             readonly postIcon?: string | undefined;
-            readonly as?: (import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component) | undefined;
+            readonly as?: (import('radix-vue').AsTag | import('vue').Component) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
             [x: string]: unknown;
         };
-        $refs: any;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            buttonRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+                asChild: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                as: {
+                    type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
+                    default: string;
+                };
+            }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+                asChild: boolean;
+                as: import('radix-vue').AsTag | import('vue').Component;
+            }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('vue').ExtractPropTypes<{
+                asChild: {
+                    type: BooleanConstructor;
+                    default: boolean;
+                };
+                as: {
+                    type: import('vue').PropType<import('radix-vue').AsTag | import('vue').Component>;
+                    default: string;
+                };
+            }>>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+                [key: string]: any;
+            }>, {}, {}, {}, {
+                asChild: boolean;
+                as: import('radix-vue').AsTag | import('vue').Component;
+            }> | null;
+        };
         $slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
         }>;
@@ -118,9 +196,9 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
             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;
-            as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+            type: import('..').ButtonType;
+            color: import('..').ButtonColor;
+            as: import('radix-vue').AsTag | import('vue').Component;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -142,14 +220,14 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
         $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;
-        as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
-    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "blur" | "focus" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
+        type: import('..').ButtonType;
+        color: import('..').ButtonColor;
+        as: import('radix-vue').AsTag | import('vue').Component;
+    }> & Omit<Readonly<BaseButtonProps> & Readonly<{}>, "focus" | "blur" | ("type" | "color" | "as")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {
-        $slots: any;
+        $slots: Readonly<BaseButtonSlots> & BaseButtonSlots;
     }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/IconButton/{index.es.js → index.js.js}

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

package/dist/IconButton/{index.cjs.js → 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-DVbz9uji.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-CuxyU51W.js");exports.IconButton=e._sfc_main;exports.default=e._sfc_main;

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

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

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

@@ -1,6 +1,6 @@
-import { defineComponent as p, useAttrs as m, computed as u, ref as f, openBlock as l, createBlock 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-DtumnYm5.js";
-import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-BLGNTber.js";
+import { defineComponent as p, useAttrs as m, computed as u, ref as f, createBlock as l, openBlock as _, mergeProps as d, createSlots as b, renderList as g, withCtx as v, renderSlot as B, normalizeProps as k, guardReactiveProps as x } from "vue";
+import { o as y } from "./omit-Cxaoa8oo.js";
+import { _ as I } from "./BaseButton.vue_vue_type_style_index_0_lang-D1NHQaTM.js";
 import { g as C } from "./options-JBqnVZUl.js";
 const O = /* @__PURE__ */ p({
   ...C("IconButton", !1),
@@ -28,7 +28,7 @@ const O = /* @__PURE__ */ p({
         var o;
         (o = e.value) == null || o.blur();
       }
-    }), (o, P) => (l(), _(I, d(c.value, {
+    }), (o, P) => (_(), l(I, d(c.value, {
       variant: "icon",
       ref_key: "buttonRef",
       ref: e

package/dist/Image/index.d.ts

@@ -1,2 +1,2 @@
 export { type ImageProps, default as Image, default } from './Image';
-export * from './Image.model.ts';
+export * from './Image.model';

package/dist/Image/index.js.js

@@ -0,0 +1,118 @@
+import { defineComponent as V, useSlots as D, ref as v, toRef as z, watch as _, computed as d, createElementBlock as f, openBlock as m, normalizeStyle as w, normalizeClass as o, unref as t, createBlock as P, createCommentVNode as R, renderSlot as C, createVNode as T, createElementVNode as A, toDisplayString as O } from "vue";
+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 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"], se = /* @__PURE__ */ V({
+  ...K("Image", !1),
+  __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($, { emit: j }) {
+    const e = $, p = j, l = W("image"), B = q(l, {
+      variants: {
+        type: c(S, l),
+        aspectRatio: c(Q, l),
+        sizeRange: c(M, l),
+        hovered: c("hovered", l),
+        loaded: c("loaded", l),
+        "fallback-content": c("fallback-content", l)
+      }
+    }), g = D(), s = v(!1), r = v(!1), n = v(!1), b = z(() => e.src);
+    _(b, () => {
+      r.value = !1, n.value = !1, s.value = !1;
+    });
+    const u = z(() => e.fallback);
+    _(u, () => {
+      n.value && (n.value = !1, s.value = !1);
+    });
+    const h = d(() => r.value && !g.fallback && u.value ? "fallback" : "src"), E = d(() => h.value === "src" ? b.value : u.value), x = () => {
+      s.value = !0, p("load");
+    }, I = () => {
+      h.value === "fallback" ? (n.value = !0, s.value = !0) : (r.value = !0, s.value = !0), p("error");
+    }, L = d(() => {
+      const a = typeof e.width;
+      if (["string", "number"].includes(a))
+        return a === "number" ? `${e.width}px` : e.width;
+    }), N = d(() => {
+      const a = String(e.width).replace("px", ""), k = /^\d+(?:\.\d+)?$/, y = e.width && k.test(a) ? Number(a) : e.width;
+      return e.sizeRange === "xsm" || G(y) && y < 100 ? "3xsm" : "sm";
+    }), F = d(() => {
+      let a = `filter: ${s ? "none" : "blur(30px)"}`;
+      return e.objectFit && (a += `;object-fit: ${e.objectFit}`), e.objectPosition && (a += `;object-position: ${e.objectPosition}`), a;
+    });
+    return (a, k) => (m(), f("div", {
+      class: o([
+        t(B)({
+          sizeRange: e.sizeRange,
+          type: !e.type || !t(S).includes(e.type) ? "vertical" : e.type,
+          aspectRatio: e.aspectRatio,
+          hovered: e.hovered,
+          loaded: s.value,
+          "fallback-content": r.value && (!u.value || n.value)
+        }),
+        e.class
+      ]),
+      style: w({ width: L.value })
+    }, [
+      r.value && (!u.value || n.value) ? (m(), f("div", {
+        key: 0,
+        class: o(t(i)(t(l), "fallback"))
+      }, [
+        C(a.$slots, "fallback", {}, () => [
+          T(J, {
+            size: "sm",
+            icon: "tabler:photo-exclamation",
+            class: o(t(i)(t(l), "fallback__icon"))
+          }, null, 8, ["class"]),
+          A("div", {
+            class: o(t(i)(t(l), "fallback__text"))
+          }, O(a.fallbackDescription), 3)
+        ])
+      ], 2)) : (m(), f("img", {
+        key: 1,
+        alt: a.alt,
+        style: w(F.value),
+        src: E.value,
+        class: o([t(i)(t(l), "img"), a.imageCls]),
+        onLoad: x,
+        onError: I
+      }, null, 46, U)),
+      s.value ? R("", !0) : (m(), P(H, {
+        key: 2,
+        class: o(t(i)(t(l), "loading")),
+        size: N.value
+      }, null, 8, ["class", "size"])),
+      s.value && !r.value && (a.hovered || t(g).actions) ? (m(), f("div", {
+        key: 3,
+        class: o([t(i)(t(l), "hover_actions"), "pantograph-tokens dark", e.hoverCls])
+      }, [
+        C(a.$slots, "actions")
+      ], 2)) : R("", !0)
+    ], 6));
+  }
+});
+export {
+  se as Image,
+  Q as ImageAspectRatios,
+  M as ImageSizeRanges,
+  S as ImageTypes,
+  se as default
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),s=require("../class-CjZYGZDW.js"),w=require("class-variance-authority"),L=require("../isNumber-eaDdxhkG.js"),V=require("../Spinner.vue_vue_type_style_index_0_lang-CxNO28J7.js"),I=require("../Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),j=require("../options-B4iSAKol.js"),g=["xsm","sm","md","lg"],b=["1:1","4:3","3:2","16:9","2:1"],i=["vertical","horizontal"],q=["alt","src"],k=e.defineComponent({...j.getComponentOptions("Image",!1),__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(h,{emit:_}){const t=h,u=_,l=s.getBemBlock("image"),y=w.cva(l,{variants:{type:s.generateVariantClassList(i,l),aspectRatio:s.generateVariantClassList(b,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"),z=e.computed(()=>f.value==="src"?d.value:c.value),C=()=>{n.value=!0,u("load")},B=()=>{f.value==="fallback"?(r.value=!0,n.value=!0):(o.value=!0,n.value=!0),u("error")},E=e.computed(()=>{const a=typeof t.width;if(["string","number"].includes(a))return a==="number"?`${t.width}px`:t.width}),R=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"||L.isNumber(p)&&p<100?"3xsm":"sm"}),S=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(y)({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:E.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(I._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(S.value),src:z.value,class:e.normalizeClass([e.unref(s.getBemElement)(e.unref(l),"img"),a.imageCls]),onLoad:C,onError:B},null,46,q)),n.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(V._sfc_main,{key:2,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"loading")),size:R.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.Image=k;exports.ImageAspectRatios=b;exports.ImageSizeRanges=g;exports.ImageTypes=i;exports.default=k;

package/dist/IndentLevel/IndentLevel.d.ts

@@ -3,7 +3,7 @@ import { Class } from '../types';
 import { IndentLevelShowLine, IndentLevelSize } from './IndentLevel.model.js';
 export interface IndentLevelProps extends Omit<PrimitiveProps, 'asChild'> {
     size?: IndentLevelSize;
-    showLine?: IndentLevelShowLine | number;
+    showLine?: IndentLevelShowLine | number | false;
     children?: boolean;
     level?: number | string;
     expanded?: boolean;

package/dist/IndentLevel/index.d.ts

@@ -1,2 +1,2 @@
 export { default as IndentLevel, type IndentLevelProps, default } from './IndentLevel';
-export * from './IndentLevel.model.ts';
+export * from './IndentLevel.model';

package/dist/IndentLevel/{index.es.js → 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-jaoDj9GA.js";
+import { _ as a, a as s, I as t, _ as d } from "../IndentLevel.vue_vue_type_style_index_0_lang-BjBc3Lu1.js";
 export {
   a as IndentLevel,
   s as IndentLevelShowLines,

package/dist/IndentLevel/{index.cjs.js → 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-B_x8tshB.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-D5yeMZLa.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-BjBc3Lu1.js

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

package/dist/IndentLevel.vue_vue_type_style_index_0_lang-D5yeMZLa.js

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

package/dist/Indicator/Indicator.d.ts

@@ -1,11 +1,11 @@
-import { BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
+import { BaseBadgeSlots, BaseBadgeProps } from '../Base/BaseBadge/BaseBadge';
 export type IndicatorProps = Partial<Pick<BaseBadgeProps, 'as' | 'class'>> & {
     size?: 'tiny' | 'tinier';
     color?: Exclude<BaseBadgeProps['color'], 'none'>;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<string, (_: any) => any>>;
+    slots: Readonly<BaseBadgeSlots> & BaseBadgeSlots;
     refs: {};
     rootEl: any;
 };

package/dist/Indicator/{index.es.js → index.js.js}

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

package/dist/Indicator/{index.cjs.js → 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-D2iFmRna.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-nav_IgdR.js");exports.Indicator=e._sfc_main;exports.default=e._sfc_main;

package/dist/Indicator.vue_vue_type_script_setup_true_lang-ODS_K3jA.js

@@ -0,0 +1,34 @@
+import { defineComponent as i, useAttrs as m, computed as p, useSlots as l, createBlock as d, openBlock as f, mergeProps as _, createSlots as u, renderList as g, withCtx as y, renderSlot as b, normalizeProps as k, guardReactiveProps as x } from "vue";
+import { o as C } from "./omit-Cxaoa8oo.js";
+import { _ as P } from "./BaseBadge.vue_vue_type_style_index_0_lang-DBW85mbj.js";
+import { g as S } from "./options-JBqnVZUl.js";
+const O = /* @__PURE__ */ i({
+  ...S("Indicator", !1),
+  __name: "Indicator",
+  props: {
+    as: {},
+    class: {},
+    size: {},
+    color: {}
+  },
+  setup(t) {
+    const e = t, s = m(), r = p(() => ({
+      ...C(s, "type", "text", "icon", "mode"),
+      ...e
+    })), n = l();
+    return (a, h) => (f(), d(P, _(r.value, {
+      type: "minify",
+      mode: "bold"
+    }), u({ _: 2 }, [
+      g(Object.keys(n), (o) => ({
+        name: o,
+        fn: y((c) => [
+          b(a.$slots, o, k(x(c)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  O as _
+};

package/dist/Indicator.vue_vue_type_script_setup_true_lang-nav_IgdR.js

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

package/dist/Kbd/Kbd.d.ts

@@ -20,7 +20,7 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<KbdProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<KbdProps> & Readonly<{}>, {
     text: string;
-    as: import('radix-vue', { with: { "resolution-mode": "import" } }).AsTag | import('vue').Component;
+    as: import('radix-vue').AsTag | import('vue').Component;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/Kbd/{index.es.js → index.js.js}

@@ -1,4 +1,4 @@
-import { _ as e, _ as f } from "../Kbd.vue_vue_type_style_index_0_lang-D5D9tTsQ.js";
+import { _ as e, _ as f } from "../Kbd.vue_vue_type_style_index_0_lang-DbtLbpq-.js";
 export {
   e as Kbd,
   f as default

package/dist/Kbd/{index.cjs.js → index.umd.cjs.js}

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

package/dist/{Kbd.vue_vue_type_style_index_0_lang-Br1eygIf.js → Kbd.vue_vue_type_style_index_0_lang-BqEaW_kJ.js}

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("./class-CjZYGZDW.js"),r=require("class-variance-authority"),i=require("radix-vue"),l=require("./Icon.vue_vue_type_style_index_0_lang-D-jaUivh.js"),u=require("./options-B4iSAKol.js"),d=e.defineComponent({...u.getComponentOptions("Kbd"),__name:"Kbd",props:{iconOnly:{type:Boolean},class:{},containerCls:{},containerAs:{},text:{default:void 0},icon:{},as:{default:"div"}},setup(a){const s=a,o=t.getBemBlock("kbd"),c=r.cva(o,{variants:{iconOnly:t.generateVariantClassList("icon-only",o)}});return(n,y)=>(e.openBlock(),e.createBlock(e.unref(i.Primitive),{class:e.normalizeClass([e.unref(c)({iconOnly:s.iconOnly}),s.class]),key:s.as,as:n.as},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.unref(i.Primitive),{class:e.normalizeClass([e.unref(t.getBemElement)(e.unref(o),"container"),s.containerCls]),key:n.iconOnly,as:n.containerAs,"as-child":n.iconOnly},{default:e.withCtx(()=>[n.iconOnly?(e.openBlock(),e.createBlock(l._sfc_main,{key:0,icon:n.icon,size:"2xsm"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),_:3},8,["icon"])):e.renderSlot(n.$slots,"text",{key:1},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),_:3},8,["class","as","as-child"]))]),_:3},8,["class","as"]))}});exports._sfc_main=d;
+"use strict";const e=require("vue"),t=require("./class-CjZYGZDW.js"),r=require("class-variance-authority"),i=require("radix-vue"),l=require("./Icon.vue_vue_type_style_index_0_lang-BvHCdzZP.js"),u=require("./options-B4iSAKol.js"),d=e.defineComponent({...u.getComponentOptions("Kbd"),__name:"Kbd",props:{iconOnly:{type:Boolean},class:{},containerCls:{},containerAs:{},text:{default:void 0},icon:{},as:{default:"div"}},setup(a){const s=a,o=t.getBemBlock("kbd"),c=r.cva(o,{variants:{iconOnly:t.generateVariantClassList("icon-only",o)}});return(n,y)=>(e.openBlock(),e.createBlock(e.unref(i.Primitive),{class:e.normalizeClass([e.unref(c)({iconOnly:s.iconOnly}),s.class]),key:s.as,as:n.as},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.unref(i.Primitive),{class:e.normalizeClass([e.unref(t.getBemElement)(e.unref(o),"container"),s.containerCls]),key:n.iconOnly,as:n.containerAs,"as-child":n.iconOnly},{default:e.withCtx(()=>[n.iconOnly?(e.openBlock(),e.createBlock(l._sfc_main,{key:0,icon:n.icon,size:"2xsm"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"icon")]),_:3},8,["icon"])):e.renderSlot(n.$slots,"text",{key:1},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])]),_:3},8,["class","as","as-child"]))]),_:3},8,["class","as"]))}});exports._sfc_main=d;