@pantograph/vue 0.25.8 → 0.27.0

package/dist/IconButton/IconButton.d.ts

@@ -1,5 +1,5 @@
 import { BaseButtonSlots, BaseButtonProps } from '../Base/BaseButton/BaseButton';
-export type IconButtonProps = Partial<Pick<BaseButtonProps, 'class' | 'type' | 'color' | 'loading' | 'icon' | 'size' | 'flipOnDir' | 'block' | 'htmlType' | 'noRing'>>;
+export type IconButtonProps = Partial<Omit<BaseButtonProps, 'text' | 'variant' | 'action' | 'active' | 'badgeText' | 'badgeIcon' | 'preIcon' | 'postIcon' | 'preIconFlipOnDir' | 'postIconFlipOnDir' | 'badgeIconFlipOnDir'>>;
 type IconButtonSlots = Omit<BaseButtonSlots, 'preIcon' | 'badge' | 'postIcon' | 'default'>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -11,11 +11,11 @@ declare function __VLS_template(): {
             $props: {
                 readonly class?: import('clsx').ClassValue;
                 readonly text?: string | number | undefined;
-                readonly size?: import('..').ButtonSize | undefined;
-                readonly color?: import('..').ButtonColor | undefined;
+                readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+                readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
                 readonly noRing?: boolean | undefined;
-                readonly type?: import('..').ButtonType | undefined;
-                readonly variant?: import('..').ButtonVariant | undefined;
+                readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+                readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
                 readonly loading?: boolean | undefined;
                 readonly action?: boolean | undefined;
                 readonly active?: boolean | undefined;
@@ -31,6 +31,7 @@ declare function __VLS_template(): {
                 readonly htmlType?: "reset" | "submit" | "button" | undefined;
                 readonly block?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly hover?: boolean | undefined;
                 readonly href?: string | undefined;
                 readonly target?: string | undefined;
                 readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -94,8 +95,9 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
             }, string, {
-                color: import('..').ButtonColor;
-                type: import('..').ButtonType;
+                color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+                disabled: boolean;
+                type: import('../Base/BaseButton/BaseButton.model').ButtonType;
                 htmlType: "reset" | "submit" | "button";
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
@@ -118,12 +120,13 @@ 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<{
-            color: import('..').ButtonColor;
-            type: import('..').ButtonType;
+            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+            disabled: boolean;
+            type: import('../Base/BaseButton/BaseButton.model').ButtonType;
             htmlType: "reset" | "submit" | "button";
         }> & Omit<Readonly<BaseButtonProps> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -133,21 +136,21 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>, {
+declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>, {
     focus(): void;
     blur(): void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Pick<BaseButtonProps, "size" | "color" | "class" | "type" | "flipOnDir" | "icon" | "noRing" | "loading" | "htmlType" | "block">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Partial<Omit<BaseButtonProps, "text" | "variant" | "action" | "active" | "badgeText" | "badgeIcon" | "preIcon" | "postIcon" | "preIconFlipOnDir" | "postIconFlipOnDir" | "badgeIconFlipOnDir">>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     buttonRef: ({
         $: import('vue').ComponentInternalInstance;
         $data: {};
         $props: {
             readonly class?: import('clsx').ClassValue;
             readonly text?: string | number | undefined;
-            readonly size?: import('..').ButtonSize | undefined;
-            readonly color?: import('..').ButtonColor | undefined;
+            readonly size?: import('../Base/BaseButton/BaseButton.model').ButtonSize | undefined;
+            readonly color?: import('../Base/BaseButton/BaseButton.model').ButtonColor | undefined;
             readonly noRing?: boolean | undefined;
-            readonly type?: import('..').ButtonType | undefined;
-            readonly variant?: import('..').ButtonVariant | undefined;
+            readonly type?: import('../Base/BaseButton/BaseButton.model').ButtonType | undefined;
+            readonly variant?: import('../Base/BaseButton/BaseButton.model').ButtonVariant | undefined;
             readonly loading?: boolean | undefined;
             readonly action?: boolean | undefined;
             readonly active?: boolean | undefined;
@@ -163,6 +166,7 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
             readonly htmlType?: "reset" | "submit" | "button" | undefined;
             readonly block?: boolean | undefined;
             readonly disabled?: boolean | undefined;
+            readonly hover?: boolean | undefined;
             readonly href?: string | undefined;
             readonly target?: string | undefined;
             readonly onClick?: ((...args: any[]) => any) | undefined;
@@ -226,8 +230,9 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Pick<BaseBu
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            color: import('..').ButtonColor;
-            type: import('..').ButtonType;
+            color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+            disabled: boolean;
+            type: import('../Base/BaseButton/BaseButton.model').ButtonType;
             htmlType: "reset" | "submit" | "button";
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
@@ -250,12 +255,13 @@ 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<{
-        color: import('..').ButtonColor;
-        type: import('..').ButtonType;
+        color: import('../Base/BaseButton/BaseButton.model').ButtonColor;
+        disabled: boolean;
+        type: import('../Base/BaseButton/BaseButton.model').ButtonType;
         htmlType: "reset" | "submit" | "button";
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("color" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("color" | "disabled" | "type" | "htmlType")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/IconButton/index.js

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

package/dist/IconButton/index.umd.cjs

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

package/dist/IconButton.vue_vue_type_script_setup_true_lang-ByYlU8Jk.js

@@ -0,0 +1,66 @@
+import { defineComponent as c, useAttrs as l, computed as m, ref as f, createBlock as u, openBlock as d, mergeProps as b, createSlots as g, renderList as _, withCtx as y, renderSlot as B, normalizeProps as v, guardReactiveProps as I } from "vue";
+import { omit as O } from "es-toolkit";
+import { _ as h } from "./BaseButton.vue_vue_type_script_setup_true_lang-BOEHDNrA.js";
+import { a as k } from "./options-J8HfRMSU.js";
+const P = /* @__PURE__ */ c({
+  ...k("IconButton", !1),
+  __name: "IconButton",
+  props: {
+    class: {},
+    size: {},
+    color: {},
+    noRing: { type: Boolean },
+    type: {},
+    loading: { type: Boolean },
+    icon: {},
+    flipOnDir: {},
+    htmlType: {},
+    block: { type: Boolean },
+    disabled: { type: Boolean },
+    hover: { type: Boolean },
+    href: {},
+    target: {}
+  },
+  setup(n, { expose: r }) {
+    const a = n, s = l(), p = m(() => ({
+      ...O(s, [
+        "text",
+        "variant",
+        "action",
+        "active",
+        "badgeText",
+        "badgeIcon",
+        "preIcon",
+        "postIcon",
+        "preIconFlipOnDir",
+        "postIconFlipOnDir",
+        "badgeIconFlipOnDir"
+      ]),
+      ...a
+    })), e = f();
+    return r({
+      focus() {
+        var o;
+        (o = e.value) == null || o.focus();
+      },
+      blur() {
+        var o;
+        (o = e.value) == null || o.blur();
+      }
+    }), (o, x) => (d(), u(h, b(p.value, {
+      variant: "icon",
+      ref_key: "buttonRef",
+      ref: e
+    }), g({ _: 2 }, [
+      _(Object.keys(o.$slots), (t) => ({
+        name: t,
+        fn: y((i) => [
+          B(o.$slots, t, v(I(i)))
+        ])
+      }))
+    ]), 1040));
+  }
+});
+export {
+  P as _
+};

package/dist/IconButton.vue_vue_type_script_setup_true_lang-DnxEc7O6.js

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

package/dist/Image/index.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-D8BJOCro.js";
+import { _ as s, a as g, I as m, b as I, _ as t } from "../Image.vue_vue_type_script_setup_true_lang-B6TIsMzF.js";
 export {
   s as Image,
   g as ImageAspectRatios,

package/dist/Image/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Image.vue_vue_type_style_index_0_lang-D7buZGTj.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_script_setup_true_lang-C1wUq_TX.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-D8BJOCro.js → Image.vue_vue_type_script_setup_true_lang-B6TIsMzF.js}

@@ -1,12 +1,16 @@
-import { defineComponent as P, useSlots as V, ref as v, toRef as w, watch as C, computed as m, createElementBlock as f, openBlock as i, normalizeStyle as _, normalizeClass as o, unref as t, createBlock as T, createCommentVNode as p, renderSlot as S, createVNode as A, toDisplayString as O } from "vue";
+import { defineComponent as P, useSlots as T, ref as p, toRef as w, watch as C, computed as d, createElementBlock as f, openBlock as i, normalizeStyle as _, normalizeClass as l, unref as t, createBlock as V, createCommentVNode as v, renderSlot as S, createVNode as A, toDisplayString as O } from "vue";
 import { getBemBlock as W, generateVariantClassList as c, normCls as g, getBemElement as u } from "@pantograph/utils";
 import { cva as q } from "class-variance-authority";
-import { _ as G } from "./Spinner.vue_vue_type_style_index_0_lang-NYJmdFpB.js";
-import { o as H, e as J } from "./Icon.vue_vue_type_style_index_0_lang-DkeXz23k.js";
-import { g as K } from "./options-Bh1s18jm.js";
+import { _ as G } from "./Spinner.vue_vue_type_script_setup_true_lang-C13qk_bV.js";
+import { u as H, w as J, e as K } from "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import { a as M } from "./options-J8HfRMSU.js";
 import "es-toolkit";
-const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $ = ["vertical", "horizontal"], U = ["alt", "src"], le = /* @__PURE__ */ P({
-  ...K("Image"),
+import "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import Q from "@pantograph/style/image.css?raw";
+const U = ["xsm", "sm", "md", "lg"], X = ["1:1", "4:3", "3:2", "16:9", "2:1"], $ = ["vertical", "horizontal"], Y = ["alt", "src"], ue = /* @__PURE__ */ P({
+  ...M("Image"),
   __name: "Image",
   props: {
     src: { default: "" },
@@ -26,86 +30,87 @@ const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $
   },
   emits: ["load", "error"],
   setup(j, { emit: B }) {
+    H("image", Q);
     const e = j, b = B, s = W("image"), E = q(s, {
       variants: {
         type: c($, s),
-        aspectRatio: c(Q, s),
-        sizeRange: c(M, s),
+        aspectRatio: c(X, s),
+        sizeRange: c(U, s),
         hovered: c("hovered", s),
         loaded: c("loaded", s),
         "fallback-content": c("fallback-content", s)
       }
-    }), h = V(), l = v(!1), r = v(!1), n = v(!1), k = w(() => e.src);
+    }), h = T(), o = p(!1), r = p(!1), n = p(!1), k = w(() => e.src);
     C(k, () => {
-      r.value = !1, n.value = !1, l.value = !1;
+      r.value = !1, n.value = !1, o.value = !1;
     });
-    const d = w(() => e.fallback);
-    C(d, () => {
-      n.value && (n.value = !1, l.value = !1);
+    const m = w(() => e.fallback);
+    C(m, () => {
+      n.value && (n.value = !1, o.value = !1);
     });
-    const y = m(() => r.value && !h.fallback && d.value ? "fallback" : "src"), I = m(() => y.value === "src" ? k.value : d.value), L = () => {
-      l.value = !0, b("load");
+    const y = d(() => r.value && !h.fallback && m.value ? "fallback" : "src"), I = d(() => y.value === "src" ? k.value : m.value), L = () => {
+      o.value = !0, b("load");
     }, x = () => {
-      y.value === "fallback" ? (n.value = !0, l.value = !0) : (r.value = !0, l.value = !0), b("error");
-    }, F = m(() => {
+      y.value === "fallback" ? (n.value = !0, o.value = !0) : (r.value = !0, o.value = !0), b("error");
+    }, F = d(() => {
       const a = typeof e.width;
       if (["string", "number"].includes(a))
         return a === "number" ? `${e.width}px` : e.width;
-    }), N = m(() => {
+    }), N = d(() => {
       const a = String(e.width).replace("px", ""), z = /^\d+(?:\.\d+)?$/, R = e.width && z.test(a) ? Number(a) : e.width;
-      return e.sizeRange === "xsm" || H(R) && R < 100 ? "3xsm" : "sm";
-    }), D = m(() => {
-      let a = `filter: ${l ? "none" : "blur(30px)"}`;
+      return e.sizeRange === "xsm" || J(R) && R < 100 ? "3xsm" : "sm";
+    }), D = d(() => {
+      let a = `filter: ${o ? "none" : "blur(30px)"}`;
       return e.objectFit && (a += `;object-fit: ${e.objectFit}`), e.objectPosition && (a += `;object-position: ${e.objectPosition}`), a;
     });
     return (a, z) => (i(), f("div", {
-      class: o(
+      class: l(
         t(g)(
           t(E)({
             sizeRange: e.sizeRange,
             type: !e.type || !t($).includes(e.type) ? "vertical" : e.type,
             aspectRatio: e.aspectRatio,
             hovered: e.hovered,
-            loaded: l.value,
-            "fallback-content": r.value && (!d.value || n.value)
+            loaded: o.value,
+            "fallback-content": r.value && (!m.value || n.value)
           }),
           e.class
         )
       ),
       style: _({ width: F.value })
     }, [
-      r.value && (!d.value || n.value) ? (i(), f("div", {
+      r.value && (!m.value || n.value) ? (i(), f("div", {
         key: 0,
-        class: o(t(u)(t(s), "fallback"))
+        class: l(t(u)(t(s), "fallback"))
       }, [
         S(a.$slots, "fallback", {}, () => [
-          A(J, {
+          A(K, {
             size: "sm",
             icon: "tabler:photo-exclamation",
-            class: o(t(u)(t(s), "fallback__icon"))
+            class: l(t(u)(t(s), "fallback__icon"))
           }, null, 8, ["class"]),
           !a.sizeRange || ["md", "lg"].includes(a.sizeRange) ? (i(), f("div", {
             key: 0,
-            class: o(t(u)(t(s), "fallback__text"))
-          }, O(a.fallbackDescription), 3)) : p("", !0)
+            class: l(t(u)(t(s), "fallback__text"))
+          }, O(a.fallbackDescription), 3)) : v("", !0)
         ])
       ], 2)) : (i(), f("img", {
         key: 1,
         alt: a.alt,
         style: _(D.value),
         src: I.value,
-        class: o(t(g)(t(u)(t(s), "img"), a.imageCls)),
+        class: l(t(g)(t(u)(t(s), "img"), a.imageCls)),
         onLoad: L,
         onError: x
-      }, null, 46, U)),
-      l.value ? p("", !0) : (i(), T(G, {
+      }, null, 46, Y)),
+      o.value ? v("", !0) : (i(), V(G, {
         key: 2,
-        class: o(t(u)(t(s), "loading")),
+        class: l(t(u)(t(s), "loading")),
         size: N.value
       }, null, 8, ["class", "size"])),
-      l.value && !r.value && (a.hovered || h.actions) ? (i(), f("div", {
+      o.value && !r.value && (a.hovered || h.actions) ? (i(), f("div", {
         key: 3,
-        class: o(
+        class: l(
           t(g)(
             t(u)(t(s), "hover_actions"),
             "pantograph-tokens pantograph-dark",
@@ -114,13 +119,13 @@ const M = ["xsm", "sm", "md", "lg"], Q = ["1:1", "4:3", "3:2", "16:9", "2:1"], $
         )
       }, [
         S(a.$slots, "actions")
-      ], 2)) : p("", !0)
+      ], 2)) : v("", !0)
     ], 6));
   }
 });
 export {
-  M as I,
-  le as _,
-  Q as a,
+  U as I,
+  ue as _,
+  X as a,
   $ as b
 };

package/dist/Image.vue_vue_type_script_setup_true_lang-C1wUq_TX.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("@pantograph/utils"),w=require("class-variance-authority"),q=require("./Spinner.vue_vue_type_script_setup_true_lang-SdSGAS1h.js"),i=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js"),L=require("./options-CY2uxp5A.js");require("es-toolkit");require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const V=require("@pantograph/style/image.css?raw"),k=["xsm","sm","md","lg"],h=["1:1","4:3","3:2","16:9","2:1"],u=["vertical","horizontal"],I=["alt","src"],j=e.defineComponent({...L.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:C}){i.useComponentStyle("image",V);const t=b,m=C,l=s.getBemBlock("image"),y=w.cva(l,{variants:{type:s.generateVariantClassList(u,l),aspectRatio:s.generateVariantClassList(h,l),sizeRange:s.generateVariantClassList(k,l),hovered:s.generateVariantClassList("hovered",l),loaded:s.generateVariantClassList("loaded",l),"fallback-content":s.generateVariantClassList("fallback-content",l)}}),f=e.useSlots(),r=e.ref(!1),n=e.ref(!1),o=e.ref(!1),d=e.toRef(()=>t.src);e.watch(d,()=>{n.value=!1,o.value=!1,r.value=!1});const c=e.toRef(()=>t.fallback);e.watch(c,()=>{o.value&&(o.value=!1,r.value=!1)});const p=e.computed(()=>n.value&&!f.fallback&&c.value?"fallback":"src"),_=e.computed(()=>p.value==="src"?d.value:c.value),z=()=>{r.value=!0,m("load")},B=()=>{p.value==="fallback"?(o.value=!0,r.value=!0):(n.value=!0,r.value=!0),m("error")},R=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+)?$/,g=t.width&&v.test(a)?Number(a):t.width;return t.sizeRange==="xsm"||i.isNumber(g)&&g<100?"3xsm":"sm"}),S=e.computed(()=>{let a=`filter: ${r?"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(s.normCls)(e.unref(y)({sizeRange:t.sizeRange,type:!t.type||!e.unref(u).includes(t.type)?"vertical":t.type,aspectRatio:t.aspectRatio,hovered:t.hovered,loaded:r.value,"fallback-content":n.value&&(!c.value||o.value)}),t.class)),style:e.normalizeStyle({width:R.value})},[n.value&&(!c.value||o.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$2,{size:"sm",icon:"tabler:photo-exclamation",class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback__icon"))},null,8,["class"]),!a.sizeRange||["md","lg"].includes(a.sizeRange)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"fallback__text"))},e.toDisplayString(a.fallbackDescription),3)):e.createCommentVNode("",!0)])],2)):(e.openBlock(),e.createElementBlock("img",{key:1,alt:a.alt,style:e.normalizeStyle(S.value),src:_.value,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"img"),a.imageCls)),onLoad:z,onError:B},null,46,I)),r.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(q._sfc_main,{key:2,class:e.normalizeClass(e.unref(s.getBemElement)(e.unref(l),"loading")),size:E.value},null,8,["class","size"])),r.value&&!n.value&&(a.hovered||f.actions)?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(e.unref(s.normCls)(e.unref(s.getBemElement)(e.unref(l),"hover_actions"),"pantograph-tokens pantograph-dark",t.hoverCls))},[e.renderSlot(a.$slots,"actions")],2)):e.createCommentVNode("",!0)],6))}});exports.ImageAspectRatios=h;exports.ImageSizeRanges=k;exports.ImageTypes=u;exports._sfc_main=j;

package/dist/IndentLevel/IndentLevel.d.ts

@@ -1,6 +1,6 @@
 import { IndentLevelShowLine, IndentLevelSize } from './IndentLevel.model';
 import { ClassValue } from 'class-variance-authority/types';
-import { Direction } from '../ConfigProvider/index.js';
+import { Direction } from '../ConfigProvider';
 export interface IndentLevelProps {
     size?: IndentLevelSize;
     showLine?: IndentLevelShowLine | number | false;

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

package/dist/IndentLevel/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../IndentLevel.vue_vue_type_style_index_0_lang-iaGGd8NQ.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_script_setup_true_lang-B9koS5pw.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_script_setup_true_lang-B9koS5pw.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("@pantograph/utils"),g=require("class-variance-authority"),_=require("./options-CY2uxp5A.js"),u=require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js");require("es-toolkit");require("reka-ui");require("@vueuse/core");require("@tanstack/vue-virtual");const d=require("./Divider.vue_vue_type_script_setup_true_lang-Bs3xi5Tz.js"),k=require("./Spinner.vue_vue_type_script_setup_true_lang-SdSGAS1h.js"),L=require("./GraphicalObject.vue_vue_type_script_setup_true_lang-okC2eyl7.js"),y=require("@pantograph/style/indent_level.css?raw"),m=["2xsm","xsm","sm"],C=["last","all","before","self"],b={key:0},z=e.defineComponent({..._.getComponentOptions("IndentLevel"),__name:"IndentLevel",props:{size:{default:"xsm"},showLine:{type:[Number,Boolean]},children:{type:Boolean},level:{default:1},expanded:{type:Boolean},dir:{},loading:{type:Boolean},class:{},branchIcon:{default:"tabler:chevron-right"},noRotateBranch:{type:Boolean}},setup(p){u.useComponentStyle("indent_level",y);const r=p,o=t.getBemBlock("indent_level"),i=t.getBemElement(o,"item"),v=t.getBemElement(i,"branch"),f=g.cva(o,{variants:{size:t.generateVariantClassList(m,o),expanded:t.generateVariantClassList("expanded",o),branchSlot:t.generateVariantClassList("branch-slot",o),selfDivider:t.generateVariantClassList("self-divider",o),noRotateBranch:t.generateVariantClassList("no-rotate-branch",o),loading:t.generateVariantClassList("loading",o)}}),l=e.computed(()=>{const n=Number(r.level);return n<1?1:n%10===0?n:Math.floor(n)}),a=e.computed(()=>{if(r.showLine)return typeof r.showLine=="string"?["all","self"].includes(r.showLine):u.isNumber(r.showLine)&&r.showLine<=Number(r.level)}),h=n=>typeof r.showLine=="number"?r.showLine<=Number(n):!1;return(n,c)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(f)({size:n.size,expanded:n.expanded,noRotateBranch:n.noRotateBranch,branchSlot:n.$slots.default,selfDivider:a.value,loading:n.loading}),r.dir&&n.dir,r.class))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.value,s=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(t.normCls)(e.unref(i),{[e.unref(t.getBemModifier)(e.unref(o),"expand")]:s===l.value})),key:s},[s===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(k._sfc_main,{key:1,size:n.size},null,8,["size"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[n.expanded&&a.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(v)),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&&a.value?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical",style:{"min-height":"0"}})):e.createCommentVNode("",!0)],64))],64)):e.createCommentVNode("",!0)],64)):["all","before"].includes(n.showLine)||n.showLine==="last"&&s===l.value-1||h(s)?(e.openBlock(),e.createBlock(d._sfc_main,{key:1,type:"vertical"})):e.createCommentVNode("",!0)],2))),128))],2))}});exports.IndentLevelShowLines=C;exports.IndentLevelSizes=m;exports._sfc_main=z;

package/dist/IndentLevel.vue_vue_type_script_setup_true_lang-DVDr7sdq.js

@@ -0,0 +1,105 @@
+import { defineComponent as C, computed as v, createElementBlock as t, openBlock as o, normalizeClass as c, unref as s, Fragment as m, renderList as I, createBlock as u, createCommentVNode as d, createVNode as N, withCtx as S, renderSlot as $ } from "vue";
+import { getBemBlock as R, getBemElement as y, generateVariantClassList as a, normCls as L, getBemModifier as D } from "@pantograph/utils";
+import { cva as E } from "class-variance-authority";
+import { a as V } from "./options-J8HfRMSU.js";
+import { u as _, w as M } from "./Icon.vue_vue_type_script_setup_true_lang-X8iOewkh.js";
+import "es-toolkit";
+import "reka-ui";
+import "@vueuse/core";
+import "@tanstack/vue-virtual";
+import { _ as g } from "./Divider.vue_vue_type_script_setup_true_lang-BxSyJj4Y.js";
+import { _ as F } from "./Spinner.vue_vue_type_script_setup_true_lang-C13qk_bV.js";
+import { _ as O } from "./GraphicalObject.vue_vue_type_script_setup_true_lang-D0_HCJjo.js";
+import T from "@pantograph/style/indent_level.css?raw";
+const j = ["2xsm", "xsm", "sm"], ee = ["last", "all", "before", "self"], q = { key: 0 }, ne = /* @__PURE__ */ C({
+  ...V("IndentLevel"),
+  __name: "IndentLevel",
+  props: {
+    size: { default: "xsm" },
+    showLine: { type: [Number, Boolean] },
+    children: { type: Boolean },
+    level: { default: 1 },
+    expanded: { type: Boolean },
+    dir: {},
+    loading: { type: Boolean },
+    class: {},
+    branchIcon: { default: "tabler:chevron-right" },
+    noRotateBranch: { type: Boolean }
+  },
+  setup(b) {
+    _("indent_level", T);
+    const n = b, r = R("indent_level"), f = y(r, "item"), B = y(f, "branch"), w = E(r, {
+      variants: {
+        size: a(j, r),
+        expanded: a("expanded", r),
+        branchSlot: a("branch-slot", r),
+        selfDivider: a("self-divider", r),
+        noRotateBranch: a("no-rotate-branch", r),
+        loading: a("loading", r)
+      }
+    }), l = v(() => {
+      const e = Number(n.level);
+      return e < 1 ? 1 : e % 10 === 0 ? e : Math.floor(e);
+    }), p = v(() => {
+      if (n.showLine)
+        return typeof n.showLine == "string" ? ["all", "self"].includes(n.showLine) : M(n.showLine) && n.showLine <= Number(n.level);
+    }), k = (e) => typeof n.showLine == "number" ? n.showLine <= Number(e) : !1;
+    return (e, h) => (o(), t("div", {
+      class: c(
+        s(L)(
+          s(w)({
+            size: e.size,
+            expanded: e.expanded,
+            noRotateBranch: e.noRotateBranch,
+            branchSlot: e.$slots.default,
+            selfDivider: p.value,
+            loading: e.loading
+          }),
+          n.dir && e.dir,
+          n.class
+        )
+      )
+    }, [
+      (o(!0), t(m, null, I(l.value, (i) => (o(), t("div", {
+        class: c(s(L)(s(f), { [s(D)(s(r), "expand")]: i === l.value })),
+        key: i
+      }, [
+        i === l.value ? (o(), t(m, { key: 0 }, [
+          e.children ? (o(), t(m, { key: 0 }, [
+            e.loading ? (o(), u(F, {
+              key: 1,
+              size: e.size
+            }, null, 8, ["size"])) : (o(), t(m, { key: 0 }, [
+              e.expanded && p.value ? (o(), t("div", q)) : d("", !0),
+              N(O, {
+                size: e.size,
+                icon: e.branchIcon,
+                color: "none",
+                class: c(s(B)),
+                onClick: h[0] || (h[0] = (z) => e.$emit("toggleExpand", z))
+              }, {
+                icon: S(() => [
+                  $(e.$slots, "default")
+                ]),
+                _: 3
+              }, 8, ["size", "icon", "class"]),
+              e.expanded && p.value ? (o(), u(g, {
+                key: 1,
+                type: "vertical",
+                style: { "min-height": "0" }
+              })) : d("", !0)
+            ], 64))
+          ], 64)) : d("", !0)
+        ], 64)) : ["all", "before"].includes(e.showLine) || e.showLine === "last" && i === l.value - 1 || k(i) ? (o(), u(g, {
+          key: 1,
+          type: "vertical"
+        })) : d("", !0)
+      ], 2))), 128))
+    ], 2));
+  }
+});
+export {
+  j as I,
+  ne as _,
+  ee as a
+};

package/dist/Indicator/index.js

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

package/dist/Indicator/index.umd.cjs

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

package/dist/{Indicator.vue_vue_type_script_setup_true_lang-C6C6qnFI.js → Indicator.vue_vue_type_script_setup_true_lang-Dqxgfs9Z.js}

@@ -1,8 +1,8 @@
-import { defineComponent as d, useAttrs as f, computed as e, useSlots as g, createBlock as _, openBlock as C, mergeProps as y, createSlots as B, renderList as b, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as P } from "vue";
+import { defineComponent as d, useAttrs as f, computed as e, useSlots as _, createBlock as g, openBlock as C, mergeProps as y, createSlots as B, renderList as b, withCtx as k, renderSlot as v, normalizeProps as x, guardReactiveProps as P } from "vue";
 import { omit as S } from "es-toolkit";
-import { _ as $ } from "./BaseBadge.vue_vue_type_style_index_0_lang-no7MMMcb.js";
-import { g as h } from "./options-Bh1s18jm.js";
-import { B as t } from "./BaseBadge.model-D4ZfMIfM.js";
+import { _ as $ } from "./BaseBadge.vue_vue_type_script_setup_true_lang-BEAMOqfY.js";
+import { a as h } from "./options-J8HfRMSU.js";
+import { B as t } from "./BaseBadge.model-CahZXsyM.js";
 import { getCssCoreColor as s } from "@pantograph/tokens";
 const R = /* @__PURE__ */ d({
   ...h("Indicator", !1),
@@ -19,8 +19,8 @@ const R = /* @__PURE__ */ d({
       ...S(c, ["type", "text", "icon", "mode"]),
       ...o,
       ...m.value
-    })), l = g();
-    return (p, z) => (C(), _($, y(a.value, {
+    })), l = _();
+    return (p, z) => (C(), g($, y(a.value, {
       type: "minify",
       mode: "bold"
     }), B({ _: 2 }, [

package/dist/Indicator.vue_vue_type_script_setup_true_lang-L2FYpwoZ.js

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

package/dist/Input/index.js

@@ -1,5 +1,5 @@
-import { _ as s, _ as e } from "../Input.vue_vue_type_script_setup_true_lang-Dtkw6-JD.js";
-import { I as u, a as o } from "../BaseInput.vue_vue_type_style_index_0_lang-CZMdvNIt.js";
+import { _ as s, _ as e } from "../Input.vue_vue_type_script_setup_true_lang-Cvw1sc65.js";
+import { I as u, a as o } from "../BaseInput.vue_vue_type_script_setup_true_lang-Co4deofh.js";
 export {
   s as Input,
   u as InputSizes,

package/dist/Input/index.umd.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_script_setup_true_lang-Dws8FarS.js"),t=require("../BaseInput.vue_vue_type_style_index_0_lang-BOCVi3J8.js");exports.Input=e._sfc_main;exports.default=e._sfc_main;exports.InputSizes=t.InputSizes;exports.InputStatuses=t.InputStatuses;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../Input.vue_vue_type_script_setup_true_lang-BvWIuBEn.js"),t=require("../BaseInput.vue_vue_type_script_setup_true_lang-DkzD7d2O.js");exports.Input=e._sfc_main;exports.default=e._sfc_main;exports.InputSizes=t.InputSizes;exports.InputStatuses=t.InputStatuses;

package/dist/Input.vue_vue_type_script_setup_true_lang-BvWIuBEn.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),c=require("@pantograph/utils"),u=require("./BaseInput.vue_vue_type_script_setup_true_lang-DkzD7d2O.js"),z=require("./options-CY2uxp5A.js");require("@pantograph/tokens");const S=require("./isEmpty-BKZMdy8h.js"),p=require("./useInputDataStates-B2KtpFr0.js");require("reka-ui");require("@vueuse/core");const k=require("./useVmodel-BU5qtyne.js");require("@tanstack/vue-virtual");require("./Icon.vue_vue_type_script_setup_true_lang-CXwAf04H.js");const s=require("es-toolkit"),E=["value"],P=e.defineComponent({...z.getComponentOptions("Input",!1),__name:"Input",props:{id:{},maxlength:{},type:{},placeholder:{},disabled:{type:Boolean,default:void 0},required:{type:Boolean},readonly:{type:Boolean},modelValue:{},defaultValue:{},leading:{},trailing:{},clearIcon:{default:"tabler:circle-x"},trailingCls:{},clearIconCls:{},dividerCls:{},leadingCls:{},class:{},allowClear:{type:Boolean},bordered:{type:Boolean,default:!0},simple:{type:Boolean},size:{},status:{},steps:{type:Boolean}},emits:["update:modelValue","change","blur","focus","clear"],setup(m,{expose:g,emit:f}){const t=m,v=e.useSlots(),l=f,a=k.useVModel(t,"modelValue",l,{defaultValue:t.defaultValue,passive:t.modelValue===void 0,onChange(n){l("change",n)}}),_=e.useAttrs(),{getDisabled:o,getStatus:y,getSize:B}=p.useFormInput({getSize:()=>t.size&&u.InputSizes.includes(t.size)?t.size:"md"}),{rootBindings:q,inputBindings:h}=p.UseInputDataStates({getDisabled:()=>o.value,emit:l}),C=e.computed(()=>s.omitBy({...s.pick(t,["id","maxlength","type","disabled","required","placeholder","readonly"]),...q.value,...t,disabled:o.value,status:y.value,size:B.value,hasValue:!S.isEmptyLikeLodash(a.value)},s.isUndefined)),V=n=>{const i=n.target;a.value=(i==null?void 0:i.value)??""},b=e.computed(()=>s.omitBy({...s.pick(t,["id","maxlength","type","disabled","required","placeholder"]),disabled:o.value,...s.omit(_,["value"]),...h.value},s.isUndefined)),I=()=>{a.value="",l("clear")},r=e.ref();return g(u.useInputExposes(r)),(n,i)=>(e.openBlock(),e.createBlock(u._sfc_main,e.mergeProps(C.value,{onClear:I}),e.createSlots({default:e.withCtx(()=>[e.createElementVNode("input",e.mergeProps({ref_key:"inputRef",ref:r,value:e.unref(a),onInput:V},b.value,{class:e.unref(c.normCls)(e.unref(c.getBemElement)(e.unref(u.inputPrefix),"input"))}),null,16,E)]),_:2},[e.renderList(Object.keys(v),d=>({name:d,fn:e.withCtx(x=>[e.renderSlot(n.$slots,d,e.normalizeProps(e.guardReactiveProps(x)))])}))]),1040))}});exports._sfc_main=P;