@pantograph/vue 0.30.8 → 0.30.10

package/dist/GraphicalObject/index.js

@@ -1,4 +1,4 @@
-import { _ as a } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js";
+import { _ as a } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-Bnu4NkgN.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as o } from "@pantograph/utils";
 const i = t(a, o("GraphicalObject"));

package/dist/GraphicalObject/index.umd.cjs

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

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-BDZKksip.js

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

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-km5VsLBH.js → GraphicalObject.vue_vue_type_script_setup_true_lang-Bnu4NkgN.js}

@@ -1,15 +1,15 @@
-import { defineComponent as C, computed as o, useAttrs as h, createBlock as _, openBlock as B, mergeProps as k, createSlots as z, renderList as O, withCtx as $, renderSlot as j, normalizeProps as v, guardReactiveProps as G } from "vue";
-import { omit as f } from "es-toolkit";
-import { _ as S } from "./BaseBadge.vue_vue_type_style_index_0_lang-Xgu4prlJ.js";
+import { defineComponent as C, computed as o, useAttrs as h, createBlock as _, openBlock as B, mergeProps as O, createSlots as j, renderList as k, withCtx as z, renderSlot as $, normalizeProps as S, guardReactiveProps as v } from "vue";
+import { omit as g } from "es-toolkit";
+import { _ as G } from "./BaseBadge.vue_vue_type_style_index_0_lang-Ca-g18u1.js";
 import { getComponentOptions as w } from "@pantograph/utils";
-import { B as s, a as g } from "./BaseBadge.model-CahZXsyM.js";
+import { B as s, a as f } from "./BaseBadge.model-CahZXsyM.js";
 import { getCssCoreColor as t } from "@pantograph/tokens";
 import { injectGraphicalObjectGroupContext as P } from "./GraphicalObjectGroup/index.js";
-const E = /* @__PURE__ */ C({
+const q = /* @__PURE__ */ C({
   ...w("GraphicalObject", !1),
   __name: "GraphicalObject",
   props: {
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     icon: {},
     flipOnDir: {},
     customStroke: { type: Boolean },
@@ -19,7 +19,7 @@ const E = /* @__PURE__ */ C({
     size: {}
   },
   setup(u) {
-    const e = u, p = [...s, ...g, "transparent", "gray-subtle"], l = [...s, "gray", "default", "default-subtle", "white", "black"], c = () => {
+    const e = u, p = [...s, ...f, "transparent", "gray-subtle"], l = [...s, "gray", "default", "default-subtle", "white", "black"], c = () => {
       if (e.fg && l.includes(e.fg)) {
         if (e.fg === "gray") return t("gray-6");
         if (e.fg === "default") return t("gray-8");
@@ -33,7 +33,7 @@ const E = /* @__PURE__ */ C({
       if (r && p.includes(r)) {
         if (r === "transparent") return "transparent";
         if (r === "gray-subtle") return t("gray-1");
-        if (g.includes(r))
+        if (f.includes(r))
           return t(`${r.replace("-subtle", "")}-0`);
         if (s.includes(r)) return t(`${r}-5`);
       }
@@ -45,22 +45,22 @@ const E = /* @__PURE__ */ C({
     })), b = h(), n = P({}), d = o(() => {
       var r;
       return {
-        ...f(b, ["type", "text"]),
-        ...f(e, ["size"]),
+        ...g(b, ["type", "text"]),
+        ...g(e, ["size"]),
         size: ((r = n == null ? void 0 : n.props) == null ? void 0 : r.size) ?? e.size,
         ...m.value
       };
     });
-    return (r, x) => (B(), _(S, k(d.value, { type: "rect" }), z({ _: 2 }, [
-      O(Object.keys(r.$slots), (i) => ({
+    return (r, x) => (B(), _(G, O(d.value, { type: "rect" }), j({ _: 2 }, [
+      k(Object.keys(r.$slots), (i) => ({
         name: i,
-        fn: $((y) => [
-          j(r.$slots, i, v(G(y)))
+        fn: z((y) => [
+          $(r.$slots, i, S(v(y)))
         ])
       }))
     ]), 1040));
   }
 });
 export {
-  E as _
+  q as _
 };

package/dist/GraphicalObjectGroup/GraphicalObjectGroup.d.ts

@@ -1,5 +1,5 @@
 import { BadgeSize } from '../Base/BaseBadge/BaseBadge.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 import { HoverCardProps } from '../HoverCard';
 export type GraphicalObjectGroupProps = {
     size?: Exclude<BadgeSize, 'tiny' | 'tinier' | '2xsm'>;

package/dist/GraphicalObjectGroup/index.js

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

package/dist/GraphicalObjectGroup/index.umd.cjs

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

package/dist/HoverCard/index.js

@@ -1,11 +1,11 @@
-import { defineComponent as h, useSlots as z, createBlock as r, openBlock as a, unref as o, mergeProps as t, withCtx as n, createCommentVNode as O, createVNode as s, normalizeProps as w, guardReactiveProps as H, withDirectives as S, renderSlot as k, vShow as T } from "vue";
-import { getComponentOptions as b, getBemBlock as I, normCls as A, getComponentName as F } from "@pantograph/utils";
-import { useEmitAsProps as N, HoverCardTrigger as R, HoverCardRoot as V, HoverCardPortal as $, HoverCardContent as E } from "reka-ui";
-import { u as K } from "../index--fAgg2DC.js";
-import { P as _, b as x } from "../index--fAgg2DC.js";
-import { installComponent as L } from "@pantograph/utils-vue";
-const M = /* @__PURE__ */ h({
-  ...b("HoverCard", !1),
+import { defineComponent as O, useSlots as S, createBlock as a, openBlock as l, unref as e, mergeProps as n, withCtx as r, createCommentVNode as b, createVNode as i, normalizeProps as h, guardReactiveProps as z, withDirectives as w, renderSlot as H, vShow as x } from "vue";
+import { getComponentOptions as k, getBemBlock as A, normCls as N, getComponentName as T } from "@pantograph/utils";
+import { useEmitAsProps as I, HoverCardTrigger as j, HoverCardRoot as F, HoverCardPortal as R, HoverCardContent as V } from "reka-ui";
+import { u as $ } from "../index-CVKJ--1_.js";
+import { P as Z, b as _ } from "../index-CVKJ--1_.js";
+import { installComponent as E } from "@pantograph/utils-vue";
+const K = /* @__PURE__ */ O({
+  ...k("HoverCard", !1),
   __name: "HoverCard",
   props: {
     defaultOpen: { type: Boolean },
@@ -31,9 +31,9 @@ const M = /* @__PURE__ */ h({
     prioritizePosition: { type: Boolean, default: !0 },
     reference: {},
     dir: {},
-    class: {},
-    containerCls: {},
-    containerClass: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    containerCls: { type: [Array, Object, String, Number, null, Boolean] },
+    containerClass: { type: [Array, Object, String, Number, null, Boolean] },
     size: { default: "md" },
     to: {},
     placement: { default: "bottom" },
@@ -47,41 +47,41 @@ const M = /* @__PURE__ */ h({
     noTrigger: { type: Boolean }
   },
   emits: ["update:open", "escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside"],
-  setup(i, { emit: l }) {
-    const p = N(l), d = i, c = I("hover_card"), u = z(), m = (e) => {
-      e.stopPropagation();
-    }, { Trigger: f, variantsClass: y, asChild: g, rootOpenProp: P, portalProps: C, contentProps: v, reference: B } = K({
+  setup(o, { emit: s }) {
+    const d = I(s), c = o, p = A("hover_card"), u = S(), y = (t) => {
+      t.stopPropagation();
+    }, { Trigger: m, variantsClass: f, asChild: g, rootOpenProp: P, portalProps: C, contentProps: B, reference: v } = $({
       slots: u,
-      prefix: c,
-      props: d,
-      emitsAsProps: p,
-      TriggerCmp: R
+      prefix: p,
+      props: c,
+      emitsAsProps: d,
+      TriggerCmp: j
     });
-    return (e, W) => (a(), r(o(V), t(o(P), {
-      openDelay: e.openDelay,
-      closeDelay: e.closeDelay,
-      key: o(g)
+    return (t, M) => (l(), a(e(F), n(e(P), {
+      openDelay: o.openDelay,
+      closeDelay: o.closeDelay,
+      key: e(g)
     }), {
-      default: n(({ open: D }) => [
-        e.noTrigger ? O("", !0) : (a(), r(o(f), t({ key: 0 }, e.$attrs, { onPointerdown: m }), null, 16)),
-        s(o($), w(H(o(C))), {
-          default: n(() => [
-            S(s(o(E), t({
-              style: { zIndex: e.zIndex, ...e.containerStyle ?? {} }
-            }, o(v), {
-              class: o(A)(
-                o(y)({ size: e.size, noPadding: e.noPadding }),
-                e.containerClass,
-                e.containerCls
+      default: r(({ open: D }) => [
+        o.noTrigger ? b("", !0) : (l(), a(e(m), n({ key: 0 }, t.$attrs, { onPointerdown: y }), null, 16)),
+        i(e(R), h(z(e(C))), {
+          default: r(() => [
+            w(i(e(V), n({
+              style: { zIndex: o.zIndex, ...o.containerStyle ?? {} }
+            }, e(B), {
+              class: e(N)(
+                e(f)({ size: o.size, noPadding: o.noPadding }),
+                o.containerClass,
+                o.containerCls
               ),
-              reference: o(B)
+              reference: e(v)
             }), {
-              default: n(() => [
-                k(e.$slots, "content")
+              default: r(() => [
+                H(t.$slots, "content")
               ]),
               _: 3
             }, 16, ["style", "class", "reference"]), [
-              [T, D]
+              [x, D]
             ])
           ]),
           _: 2
@@ -90,11 +90,11 @@ const M = /* @__PURE__ */ h({
       _: 3
     }, 16, ["openDelay", "closeDelay"]));
   }
-}), X = L(M, F("HoverCard"));
+}), Q = E(K, T("HoverCard"));
 export {
-  M as HoverCard,
-  X as HoverCardPlugin,
-  _ as PopoverPlacements,
-  x as PopoverSizes,
-  M as default
+  K as HoverCard,
+  Q as HoverCardPlugin,
+  Z as PopoverPlacements,
+  _ as PopoverSizes,
+  K as default
 };

package/dist/HoverCard/index.umd.cjs

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

package/dist/Icon/Icon.d.ts

@@ -1,6 +1,6 @@
 import { IconSize } from './Icon.model';
 import { FlipOnDir } from '../ConfigProvider';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface IconProps {
     size?: IconSize;
     class?: ClassValue;

package/dist/Icon/index.js

@@ -1,5 +1,5 @@
-import { _ as o } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
-import { I as p } from "../Icon.vue_vue_type_style_index_0_lang-CD9EvvB5.js";
+import { _ as o } from "../Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
+import { I as p } from "../Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js";
 import { installComponent as n } from "@pantograph/utils-vue";
 import { getComponentName as m } from "@pantograph/utils";
 const e = n(o, m("Icon"));

package/dist/Icon/index.umd.cjs

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

package/dist/Icon.vue_vue_type_style_index_0_lang-D7PiBbDb.js

@@ -0,0 +1,59 @@
+import { defineComponent as x, computed as c, useSlots as B, createElementBlock as C, openBlock as k, normalizeStyle as h, normalizeClass as I, unref as p, createVNode as O, h as N } from "vue";
+import { Icon as b } from "@iconify/vue";
+import { getComponentOptions as D, getBemBlock as E, generateVariantClassList as f, getValidNumber as V, getBemModifier as s, normCls as X } from "@pantograph/utils";
+import { cva as Y } from "class-variance-authority";
+import { isEmptyElement as _ } from "@pantograph/utils-vue";
+import { useConfig as j } from "./ConfigProvider/index.js";
+const m = ["3xsm", "2xsm", "xsm", "sm"], q = /* @__PURE__ */ x({
+  ...D("Icon"),
+  __name: "Icon",
+  props: {
+    size: { default: "xsm" },
+    class: { type: [Array, Object, String, Number, null, Boolean] },
+    icon: {},
+    flipOnDir: {},
+    customStroke: { type: Boolean },
+    flipX: { type: Boolean },
+    flipY: { type: Boolean }
+  },
+  setup(n) {
+    const e = n, { getFlipOnDir: a } = j(), l = a("flipOnDir"), o = E("icon"), u = Y(o, {
+      variants: {
+        size: f(m, o),
+        customStroke: f("custom-stroke", o)
+      }
+    }), z = c(() => {
+      const t = V(e.size);
+      if (t !== void 0)
+        return `${t}px`;
+      if (typeof e.size == "string" && !m.includes(e.size))
+        return e.size;
+    }), d = c(() => {
+      const t = [], i = s(o, "flip-x"), S = s(o, "flip-y"), g = s(o, "flip-rtl"), v = s(o, "flip-ltr");
+      return e.flipX ? t.push(i) : (l.value === "rtl" && t.push(g), l.value === "ltr" && t.push(v)), e.flipY && t.push(S), t.join(" ");
+    }), r = B(), y = () => {
+      var i;
+      const t = (i = r.default) == null ? void 0 : i.call(r, {});
+      return _(t) ? e.icon ? N(b, { icon: e.icon }) : null : t;
+    };
+    return (t, i) => (k(), C("span", {
+      class: I(
+        p(X)(
+          p(u)({
+            size: n.size,
+            customStroke: n.customStroke
+          }),
+          d.value,
+          e.class
+        )
+      ),
+      style: h({ "--pt-icon-size": z.value })
+    }, [
+      O(y)
+    ], 6));
+  }
+});
+export {
+  m as I,
+  q as _
+};

package/dist/Icon.vue_vue_type_style_index_0_lang-D9YESScE.js

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

package/dist/IconButton/IconButton.d.ts

@@ -99,8 +99,8 @@ declare function __VLS_template(): {
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
                 click: (...args: any[]) => void;
             }, string, {
-                color: import('..').ButtonColor;
                 type: import('..').ButtonType;
+                color: import('..').ButtonColor;
                 htmlType: "reset" | "submit" | "button";
                 disabled: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -124,13 +124,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('..').ButtonColor;
             htmlType: "reset" | "submit" | "button";
             disabled: boolean;
         }> & Omit<Readonly<BaseButtonProps> & Readonly<{
             onClick?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
+        }>, "blur" | "focus" | ("type" | "color" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
             focus(): void;
             blur(): void;
         }> & {} & import('vue').ComponentCustomProperties & {} & {
@@ -238,8 +238,8 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<BaseBu
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
             click: (...args: any[]) => void;
         }, string, {
-            color: import('..').ButtonColor;
             type: import('..').ButtonType;
+            color: import('..').ButtonColor;
             htmlType: "reset" | "submit" | "button";
             disabled: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
@@ -263,13 +263,13 @@ declare const __VLS_component: import('vue').DefineComponent<Partial<Omit<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('..').ButtonColor;
         htmlType: "reset" | "submit" | "button";
         disabled: boolean;
     }> & Omit<Readonly<BaseButtonProps> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
-    }>, "blur" | "focus" | ("color" | "type" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
+    }>, "blur" | "focus" | ("type" | "color" | "htmlType" | "disabled")> & import('vue').ShallowUnwrapRef<{
         focus(): void;
         blur(): void;
     }> & {} & import('vue').ComponentCustomProperties & {} & {

package/dist/IconButton/index.js

@@ -1,4 +1,4 @@
-import { _ as o } from "../IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js";
+import { _ as o } from "../IconButton.vue_vue_type_script_setup_true_lang-k-2rKarz.js";
 import { installComponent as t } from "@pantograph/utils-vue";
 import { getComponentName as n } from "@pantograph/utils";
 const e = t(o, n("IconButton"));

package/dist/IconButton/index.umd.cjs

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

package/dist/{IconButton.vue_vue_type_script_setup_true_lang-BwL7lOA2.js → IconButton.vue_vue_type_script_setup_true_lang-k-2rKarz.js}

@@ -1,13 +1,13 @@
-import { defineComponent as i, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as d, mergeProps as y, createSlots as B, renderList as b, withCtx as g, renderSlot as I, normalizeProps as _, guardReactiveProps as k } from "vue";
+import { defineComponent as i, useAttrs as l, computed as m, ref as u, createBlock as f, openBlock as y, mergeProps as b, createSlots as B, renderList as d, withCtx as g, renderSlot as I, normalizeProps as _, guardReactiveProps as k } from "vue";
 import { omit as v } from "es-toolkit";
-import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-f9XsnFlF.js";
-import { getComponentOptions as h } from "@pantograph/utils";
+import { _ as O } from "./BaseButton.vue_vue_type_style_index_0_lang-DklrsHU0.js";
+import { getComponentOptions as S } from "@pantograph/utils";
 const F = /* @__PURE__ */ i({
-  ...h("IconButton", !1),
+  ...S("IconButton", !1),
   __name: "IconButton",
   props: {
     as: {},
-    class: {},
+    class: { type: [Array, Object, String, Number, null, Boolean] },
     size: {},
     color: {},
     noRing: { type: Boolean },
@@ -26,8 +26,8 @@ const F = /* @__PURE__ */ i({
     target: {}
   },
   setup(n, { expose: r }) {
-    const s = n, a = l(), p = m(() => ({
-      ...v(a, [
+    const a = n, s = l(), p = m(() => ({
+      ...v(s, [
         "text",
         "variant",
         "action",
@@ -40,7 +40,7 @@ const F = /* @__PURE__ */ i({
         "postIconFlipOnDir",
         "badgeIconFlipOnDir"
       ]),
-      ...s
+      ...a
     })), e = u();
     return r({
       focus() {
@@ -51,12 +51,12 @@ const F = /* @__PURE__ */ i({
         var o;
         (o = e.value) == null || o.blur();
       }
-    }), (o, C) => (d(), f(O, y(p.value, {
+    }), (o, h) => (y(), f(O, b(p.value, {
       variant: "icon",
       ref_key: "buttonRef",
       ref: e
     }), B({ _: 2 }, [
-      b(Object.keys(o.$slots), (t) => ({
+      d(Object.keys(o.$slots), (t) => ({
         name: t,
         fn: g((c) => [
           I(o.$slots, t, _(k(c)))

package/dist/IconButton.vue_vue_type_script_setup_true_lang-zUlWLsjp.js

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

package/dist/Image/Image.d.ts

@@ -1,5 +1,5 @@
 import { ImageAspectRatio, ImageType, ImageSizeRange } from './Image.model';
-import { ClassValue } from 'class-variance-authority/types';
+import { ClassValue } from 'clsx';
 export interface ImageProps {
     src?: string;
     fallback?: string;

package/dist/Image/index.js

@@ -1,5 +1,5 @@
-import { _ as a } from "../Image.vue_vue_type_style_index_0_lang-CQv-I6_G.js";
-import { a as r, I as i, b as I } from "../Image.vue_vue_type_style_index_0_lang-CQv-I6_G.js";
+import { _ as a } from "../Image.vue_vue_type_style_index_0_lang-fXu01ETy.js";
+import { a as r, I as i, b as I } from "../Image.vue_vue_type_style_index_0_lang-fXu01ETy.js";
 import { installComponent as e } from "@pantograph/utils-vue";
 import { getComponentName as m } from "@pantograph/utils";
 const g = e(a, m("Image"));

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

package/dist/Image.vue_vue_type_style_index_0_lang-BBxqLThg.js

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