@pantograph/vue 0.23.32 → 0.23.35

package/dist/{GOPicker.vue_vue_type_style_index_0_lang-BVoqsUSP.js → GOPicker.vue_vue_type_style_index_0_lang-DVZ2wSgV.js}

@@ -1,21 +1,18 @@
-import { defineComponent as oe, createBlock as p, openBlock as s, normalizeClass as w, unref as r, defineAsyncComponent as ie, computed as k, watch as W, ref as ne, mergeProps as m, withCtx as t, renderSlot as y, createCommentVNode as d, createVNode as B, createSlots as R, createElementVNode as j, toDisplayString as I, createElementBlock as f, isRef as de, normalizeProps as C, guardReactiveProps as P, createTextVNode as S, Fragment as X, renderList as Y } from "vue";
-import { _ as Z } from "./Popover.vue_vue_type_style_index_0_lang-Dk4VAxwA.js";
-import { u as x, t as V, k as pe, o as ce } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as ee } from "./IconButton.vue_vue_type_script_setup_true_lang-C2rb5OIv.js";
-import { _ as ve } from "./RadioGroup.vue_vue_type_script_setup_true_lang-Bbs0ouQg.js";
-import { _ as ge } from "./Input.vue_vue_type_style_index_0_lang-xmespk2m.js";
-import { _ as re } from "./ColorTrigger.vue_vue_type_style_index_0_lang-DYsDt2q7.js";
-import { _ as ye } from "./Empty.vue_vue_type_style_index_0_lang-7tbvqB1R.js";
-import { _ as T } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-BH3ul93i.js";
-import { getBemBlock as we, getBemElement as c } from "@pantograph/utils";
-import { _ as ke } from "./Skeleton.vue_vue_type_style_index_0_lang-Xi8CteLp.js";
-import "reka-ui";
-import { _ as me } from "./ScrollContainer.vue_vue_type_style_index_0_lang-BAxwM8rQ.js";
-import "@vueuse/core";
-import "class-variance-authority";
-import "./index-C7THkhcc.js";
-import { u as be } from "./useInputDataStates-BqxUx2nG.js";
-const he = [
+import { defineComponent as ae, createBlock as p, openBlock as s, normalizeClass as w, unref as r, defineAsyncComponent as ne, computed as k, watch as X, ref as de, mergeProps as m, withCtx as t, renderSlot as y, createCommentVNode as d, createVNode as I, createSlots as T, createElementVNode as $, toDisplayString as S, createElementBlock as C, isRef as pe, normalizeProps as P, guardReactiveProps as V, createTextVNode as G, Fragment as Y, renderList as Z } from "vue";
+import { _ as x } from "./Popover.vue_vue_type_style_index_0_lang-Bdu86hho.js";
+import { u as ee, t as z, k as ce, o as ve } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { _ as re } from "./IconButton.vue_vue_type_script_setup_true_lang-BBnCpnF1.js";
+import { _ as ge } from "./RadioGroup.vue_vue_type_script_setup_true_lang-BVfQx8wD.js";
+import { _ as ye } from "./Input.vue_vue_type_style_index_0_lang-D4aCRGW6.js";
+import { _ as oe } from "./ColorTrigger.vue_vue_type_style_index_0_lang-CNeFfFIE.js";
+import { _ as we } from "./Empty.vue_vue_type_style_index_0_lang-BAbEBeZo.js";
+import { _ as L } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-Cv2D2XJ5.js";
+import { getBemBlock as ke, getBemElement as c, normCls as b } from "@pantograph/utils";
+import { _ as me } from "./Skeleton.vue_vue_type_style_index_0_lang-2rpO7HY2.js";
+import { _ as be } from "./ScrollContainer.vue_vue_type_style_index_0_lang-DGUSuq_n.js";
+import { u as he } from "./useInputDataStates-CJoP9BXy.js";
+import { g as fe } from "./options-Bh1s18jm.js";
+const Ce = [
   {
     value: "😀",
     group: 0,
@@ -1182,7 +1179,7 @@ const he = [
     group: 9,
     keywords: ["IR", "flag", "flag: Iran"]
   }
-], fe = [
+], Pe = [
   { value: "tabler:home", keywords: ["house", "main", "start", "dashboard"] },
   { value: "tabler:mail", keywords: ["email", "message", "send", "contact"] },
   { value: "tabler:bell", keywords: ["notification", "alert", "alarm", "ring"] },
@@ -1284,14 +1281,15 @@ const he = [
   { value: "tabler:logout", keywords: ["sign out", "exit", "leave", "disconnect"] },
   { value: "tabler:user-plus", keywords: ["add user", "new account", "register"] },
   { value: "tabler:user-minus", keywords: ["remove user", "delete account"] }
-], v = we("go_picker"), Ce = /* @__PURE__ */ oe({
+], v = ke("go_picker"), Ve = /* @__PURE__ */ ae({
   __name: "GOItemSkeleton",
-  setup(L) {
-    return (A, G) => (s(), p(ke, {
+  setup(A) {
+    return (N, M) => (s(), p(me, {
       class: w(r(c)(r(v), "color_swatch_loading"))
     }, null, 8, ["class"]));
   }
-}), Pe = { key: 0 }, qe = /* @__PURE__ */ oe({
+}), ze = { key: 0 }, Ue = /* @__PURE__ */ ae({
+  ...fe("GOpicker"),
   __name: "GOPicker",
   props: {
     icons: {},
@@ -1330,17 +1328,17 @@ const he = [
     resetColorsOnChangeType: {}
   },
   emits: ["update:group", "clear", "change", "select", "update:modelValue"],
-  setup(L, { emit: A }) {
-    const G = ie({
-      loader: () => import("./ColorSwatch-BFwCCGkk.js"),
-      loadingComponent: Ce
-    }), g = L, z = A, u = x(g, "group", z, {
+  setup(A, { emit: N }) {
+    const M = ne({
+      loader: () => import("./ColorSwatch-LVdDBugO.js"),
+      loadingComponent: Ve
+    }), g = A, j = N, u = ee(g, "group", j, {
       defaultValue: "icon",
       passive: g.group === void 0
-    }), N = k(() => u.value && ["icon", "emoji"].includes(u.value)), a = x(
+    }), U = k(() => u.value && ["icon", "emoji"].includes(u.value)), a = ee(
       g,
       "modelValue",
-      z,
+      j,
       {
         deep: !0,
         clone: !0,
@@ -1348,168 +1346,168 @@ const he = [
         passive: g.modelValue === void 0
       }
     );
-    W(u, (e) => {
-      var o, i, h;
-      e && ((i = (o = g.resetColorsOnChangeType) == null ? void 0 : o[e]) != null && i.length) && ((h = g.resetColorsOnChangeType[e]) == null || h.forEach((l) => {
+    X(u, (e) => {
+      var o, i, f;
+      e && ((i = (o = g.resetColorsOnChangeType) == null ? void 0 : o[e]) != null && i.length) && ((f = g.resetColorsOnChangeType[e]) == null || f.forEach((l) => {
         a.value && (a.value[l] = void 0);
       }));
     });
-    const M = (e) => {
-      z("select", e), u.value && !g.noModel && (a.value = {
-        ...V(a.value ?? {}),
+    const E = (e) => {
+      j("select", e), u.value && !g.noModel && (a.value = {
+        ...z(a.value ?? {}),
         value: e.value,
         type: u.value
       });
-    }, U = k({
+    }, q = k({
       get: () => {
         var e;
         return (e = a.value) == null ? void 0 : e.fg;
       },
       set: (e) => {
         a.value = {
-          ...V(a.value ?? {}),
+          ...z(a.value ?? {}),
           fg: e
         };
       }
-    }), q = k({
+    }), D = k({
       get: () => {
         var e;
         return (e = a.value) == null ? void 0 : e.bg;
       },
       set: (e) => {
         a.value = {
-          ...V(a.value ?? {}),
+          ...z(a.value ?? {}),
           bg: e
         };
       }
-    }), D = k({
+    }), F = k({
       get: () => {
         var e;
         return (e = a.value) == null ? void 0 : e.br;
       },
       set: (e) => {
         a.value = {
-          ...V(a.value ?? {}),
+          ...z(a.value ?? {}),
           br: e
         };
       }
     });
-    W(
+    X(
       a,
       () => {
-        z("change", V(a.value));
+        j("change", z(a.value));
       },
       { deep: !0 }
     );
-    const ae = () => {
-      a.value = V(g.defaultValue), z("clear");
-    }, b = ne(""), F = k(() => g.icons ?? fe), H = k(() => g.emojis ?? he), E = k(() => !b.value || u.value !== "emoji" ? H.value : H.value.filter(
+    const le = () => {
+      a.value = z(g.defaultValue), j("clear");
+    }, h = de(""), H = k(() => g.icons ?? Pe), _ = k(() => g.emojis ?? Ce), O = k(() => !h.value || u.value !== "emoji" ? _.value : _.value.filter(
       (e) => {
         var o;
-        return ((o = e.keywords) == null ? void 0 : o.some((i) => i.toLowerCase().includes(b.value))) || e.value.toLowerCase().includes(b.value);
+        return ((o = e.keywords) == null ? void 0 : o.some((i) => i.toLowerCase().includes(h.value))) || e.value.toLowerCase().includes(h.value);
       }
-    )), O = k(() => !b.value || u.value !== "icon" ? F.value : F.value.filter(
+    )), R = k(() => !h.value || u.value !== "icon" ? H.value : H.value.filter(
       (e) => {
         var o;
-        return ((o = e.keywords) == null ? void 0 : o.some((i) => i.toLowerCase().includes(b.value))) || e.value.toLowerCase().includes(b.value);
+        return ((o = e.keywords) == null ? void 0 : o.some((i) => i.toLowerCase().includes(h.value))) || e.value.toLowerCase().includes(h.value);
       }
-    )), le = () => u.value === "icon" ? O.value : E.value, se = () => {
-      if (N.value) {
-        const e = le();
-        M(e[Math.floor(Math.random() * e.length)]);
+    )), se = () => u.value === "icon" ? R.value : O.value, te = () => {
+      if (U.value) {
+        const e = se();
+        E(e[Math.floor(Math.random() * e.length)]);
       }
-    }, _ = k(() => [
+    }, J = k(() => [
       { value: "icon", label: "Icon" },
       { value: "emoji", label: "Emoji" }
       // { value: 'custom', label: 'Custom' },
     ].filter((o) => {
       var i;
       return (i = g.visibleTabs) == null ? void 0 : i.includes(o.value);
-    })), te = k(
+    })), ue = k(
       () => {
         var e;
-        return (e = _.value.find((o) => o.value === u.value)) == null ? void 0 : e.label;
+        return (e = J.value.find((o) => o.value === u.value)) == null ? void 0 : e.label;
       }
-    ), { getDisabled: J, getSize: ue } = be(), K = (e) => {
+    ), { getDisabled: K, getSize: ie } = he(), Q = (e) => {
       var i;
       const o = e.value === ((i = a.value) == null ? void 0 : i.value);
       return {
         selected: o,
-        ...o ? ce(a.value ?? {}, "value", "type") : {}
+        ...o ? ve(a.value ?? {}, "value", "type") : {}
       };
     };
-    return (e, o) => (s(), p(Z, m({
+    return (e, o) => (s(), p(x, m({
       trigger: "click",
       placement: "bottom-start",
       "reverse-placement-on-dir": "rtl",
       "side-offset": 3
     }, e.popoverProps ?? {}), {
       content: t(() => {
-        var i, h;
+        var i, f;
         return [
-          j("div", {
-            class: w([r(c)(r(v), "content"), e.contentCls])
+          $("div", {
+            class: w(r(b)(r(c)(r(v), "content"), e.contentCls))
           }, [
-            j("div", {
-              class: w([r(c)(r(v), "header"), e.headerCls])
+            $("div", {
+              class: w(r(b)(r(c)(r(v), "header"), e.headerCls))
             }, [
-              e.hideGroup && e.hideClear ? d("", !0) : (s(), f("div", {
+              e.hideGroup && e.hideClear ? d("", !0) : (s(), C("div", {
                 key: 0,
-                class: w([r(c)(r(v), "group"), e.groupCls])
+                class: w(r(b)(r(c)(r(v), "group"), e.groupCls))
               }, [
-                e.hideGroup ? d("", !0) : (s(), p(ve, {
+                e.hideGroup ? d("", !0) : (s(), p(ge, {
                   key: 0,
-                  items: _.value,
+                  items: J.value,
                   orientation: "horizontal",
                   modelValue: r(u),
-                  "onUpdate:modelValue": o[0] || (o[0] = (l) => de(u) ? u.value = l : null)
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => pe(u) ? u.value = l : null)
                 }, null, 8, ["items", "modelValue"])),
-                e.hideClear ? d("", !0) : (s(), p(ee, {
+                e.hideClear ? d("", !0) : (s(), p(re, {
                   key: 1,
                   icon: "tabler:trash",
                   color: "neutral",
                   type: "ghost",
-                  onClick: ae
+                  onClick: le
                 }))
               ], 2)),
-              !(e.hideSearch && e.hideRandom) || (i = e.visibleColorPickers) != null && i.length ? (s(), f("div", {
+              !(e.hideSearch && e.hideRandom) || (i = e.visibleColorPickers) != null && i.length ? (s(), C("div", {
                 key: 1,
-                class: w([r(c)(r(v), "search"), e.searchCls])
+                class: w(r(b)(r(c)(r(v), "search"), e.searchCls))
               }, [
-                e.hideSearch ? d("", !0) : (s(), p(ge, {
+                e.hideSearch ? d("", !0) : (s(), p(ye, {
                   key: 0,
                   placeholder: "Search...",
-                  modelValue: b.value,
-                  "onUpdate:modelValue": o[1] || (o[1] = (l) => b.value = l)
+                  modelValue: h.value,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => h.value = l)
                 }, {
                   leading: t(({ iconSize: l }) => [
-                    B(pe, {
+                    I(ce, {
                       icon: "tabler:search",
                       size: l
                     }, null, 8, ["size"])
                   ]),
                   _: 1
                 }, 8, ["modelValue"])),
-                e.hideRandom ? d("", !0) : (s(), p(ee, {
+                e.hideRandom ? d("", !0) : (s(), p(re, {
                   key: 1,
                   icon: "tabler:arrows-shuffle",
                   color: "neutral",
                   type: "outline",
-                  onClick: se
+                  onClick: te
                 })),
-                (h = e.visibleColorPickers) != null && h.length && r(a) ? (s(), p(Z, m({
+                (f = e.visibleColorPickers) != null && f.length && r(a) ? (s(), p(x, m({
                   key: 2,
                   trigger: "click",
                   placement: "right-start",
                   "reverse-placement-on-dir": "rtl"
                 }, e.colorPopoverProps ?? {}), {
                   content: t(() => {
-                    var l, $, Q;
+                    var l, B, W;
                     return [
-                      j("div", {
-                        class: w([r(c)(r(v), "colors"), e.colorsCls])
+                      $("div", {
+                        class: w(r(b)(r(c)(r(v), "colors"), e.colorsCls))
                       }, [
-                        (l = e.visibleColorPickers) != null && l.includes("fg") ? (s(), p(T, m({
+                        (l = e.visibleColorPickers) != null && l.includes("fg") ? (s(), p(L, m({
                           key: 0,
                           "popover-props": { sideOffset: 7 },
                           noRemover: "",
@@ -1525,60 +1523,60 @@ const he = [
                             "gray"
                           ]
                         }, e.fgColorSwatchGroupProps ?? {}, {
-                          modelValue: U.value,
-                          "onUpdate:modelValue": o[2] || (o[2] = (n) => U.value = n)
+                          modelValue: q.value,
+                          "onUpdate:modelValue": o[2] || (o[2] = (n) => q.value = n)
                         }), {
                           header: t(() => [
                             y(e.$slots, "fgHeader", {}, () => [
-                              o[5] || (o[5] = S(" Icon "))
+                              o[5] || (o[5] = G(" Icon "))
                             ])
                           ]),
                           default: t((n) => [
-                            y(e.$slots, "fgItem", C(P(n)))
+                            y(e.$slots, "fgItem", P(V(n)))
                           ]),
                           icon: t((n) => [
-                            y(e.$slots, "fgIcon", C(P(n)))
+                            y(e.$slots, "fgIcon", P(V(n)))
                           ]),
                           _: 3
                         }, 16, ["modelValue"])) : d("", !0),
-                        ($ = e.visibleColorPickers) != null && $.includes("bg") ? (s(), p(T, m({
+                        (B = e.visibleColorPickers) != null && B.includes("bg") ? (s(), p(L, m({
                           key: 1,
                           "popover-props": { sideOffset: 7 },
                           "color-mode": "subtle"
                         }, e.bgColorSwatchGroupProps ?? {}, {
-                          modelValue: q.value,
-                          "onUpdate:modelValue": o[3] || (o[3] = (n) => q.value = n)
+                          modelValue: D.value,
+                          "onUpdate:modelValue": o[3] || (o[3] = (n) => D.value = n)
                         }), {
                           header: t(() => [
                             y(e.$slots, "bgHeader", {}, () => [
-                              o[6] || (o[6] = S(" Background "))
+                              o[6] || (o[6] = G(" Background "))
                             ])
                           ]),
                           default: t((n) => [
-                            y(e.$slots, "bgItem", C(P(n)))
+                            y(e.$slots, "bgItem", P(V(n)))
                           ]),
                           icon: t((n) => [
-                            y(e.$slots, "bgIcon", C(P(n)))
+                            y(e.$slots, "bgIcon", P(V(n)))
                           ]),
                           _: 3
                         }, 16, ["modelValue"])) : d("", !0),
-                        (Q = e.visibleColorPickers) != null && Q.includes("br") ? (s(), p(T, m({
+                        (W = e.visibleColorPickers) != null && W.includes("br") ? (s(), p(L, m({
                           key: 2,
                           "popover-props": { sideOffset: 7 }
                         }, e.brColorSwatchGroupProps ?? {}, {
-                          modelValue: D.value,
-                          "onUpdate:modelValue": o[4] || (o[4] = (n) => D.value = n)
+                          modelValue: F.value,
+                          "onUpdate:modelValue": o[4] || (o[4] = (n) => F.value = n)
                         }), {
                           header: t(() => [
                             y(e.$slots, "brHeader", {}, () => [
-                              o[7] || (o[7] = S(" Border "))
+                              o[7] || (o[7] = G(" Border "))
                             ])
                           ]),
                           default: t((n) => [
-                            y(e.$slots, "brItem", C(P(n)))
+                            y(e.$slots, "brItem", P(V(n)))
                           ]),
                           icon: t((n) => [
-                            y(e.$slots, "brIcon", C(P(n)))
+                            y(e.$slots, "brIcon", P(V(n)))
                           ]),
                           _: 3
                         }, 16, ["modelValue"])) : d("", !0)
@@ -1586,17 +1584,17 @@ const he = [
                     ];
                   }),
                   default: t(() => [
-                    B(re, m(r(a), {
+                    I(oe, m(r(a), {
                       suffixIcon: !1,
                       icon: r(a).value
-                    }), R({ _: 2 }, [
+                    }), T({ _: 2 }, [
                       r(a).type !== "icon" ? {
                         name: "default",
                         fn: t(() => [
-                          r(a).type === "emoji" ? (s(), f("div", {
+                          r(a).type === "emoji" ? (s(), C("div", {
                             key: 0,
                             class: w(r(c)(r(v), "trigger_emoji"))
-                          }, I(r(a).value), 3)) : d("", !0)
+                          }, S(r(a).value), 3)) : d("", !0)
                         ]),
                         key: "0"
                       } : void 0
@@ -1606,24 +1604,23 @@ const he = [
                 }, 16)) : d("", !0)
               ], 2)) : d("", !0)
             ], 2),
-            N.value ? (s(), f("div", Pe, [
-              B(r(me), m({
-                class: [r(c)(r(v), "scroll_container")],
+            U.value ? (s(), C("div", ze, [
+              I(r(be), m({
+                class: r(b)(r(c)(r(v), "scroll_container")),
                 overlay: !1,
                 "has-mask": "",
                 size: "sm"
               }, e.scrollContainerProps ?? {}), {
                 default: t(() => [
-                  !e.hideIcons && r(u) === "icon" ? (s(), f("div", {
+                  !e.hideIcons && r(u) === "icon" ? (s(), C("div", {
                     key: 0,
-                    class: w([r(c)(r(v), "grid"), e.gridCls])
+                    class: w(r(b)(r(c)(r(v), "grid"), e.gridCls))
                   }, [
-                    (s(!0), f(X, null, Y(O.value, (l) => (s(), p(r(G), m({
-                      onClick: ($) => M(l),
+                    (s(!0), C(Y, null, Z(R.value, (l) => (s(), p(r(M), m({
+                      onClick: (B) => E(l),
                       key: l.value,
-                      icon: l.value,
-                      ref_for: !0
-                    }, K(l)), R({ _: 2 }, [
+                      icon: l.value
+                    }, { ref_for: !0 }, Q(l)), T({ _: 2 }, [
                       e.$slots.item ? {
                         name: "default",
                         fn: t(() => [
@@ -1635,23 +1632,22 @@ const he = [
                         key: "0"
                       } : void 0
                     ]), 1040, ["onClick", "icon"]))), 128))
-                  ], 2)) : !e.hideEmojis && r(u) === "emoji" ? (s(), f("div", {
+                  ], 2)) : !e.hideEmojis && r(u) === "emoji" ? (s(), C("div", {
                     key: 1,
-                    class: w([r(c)(r(v), "grid"), e.gridCls])
+                    class: w(r(b)(r(c)(r(v), "grid"), e.gridCls))
                   }, [
-                    (s(!0), f(X, null, Y(E.value, (l) => (s(), p(r(G), m({
-                      onClick: ($) => M(l),
-                      key: l.value,
-                      ref_for: !0
-                    }, K(l)), {
+                    (s(!0), C(Y, null, Z(O.value, (l) => (s(), p(r(M), m({
+                      onClick: (B) => E(l),
+                      key: l.value
+                    }, { ref_for: !0 }, Q(l)), {
                       default: t(() => [
                         y(e.$slots, "item", {
                           item: l,
                           group: r(u)
                         }, () => [
-                          j("div", {
+                          $("div", {
                             class: w(r(c)(r(v), "emoji"))
-                          }, I(l.value), 3)
+                          }, S(l.value), 3)
                         ])
                       ]),
                       _: 2
@@ -1660,12 +1656,12 @@ const he = [
                 ]),
                 _: 3
               }, 16, ["class"]),
-              r(u) === "icon" && !O.value.length || r(u) === "emoji" && !E.value.length || e.hideIcons && e.hideEmojis && r(u) !== "custom" ? (s(), p(ye, {
+              r(u) === "icon" && !R.value.length || r(u) === "emoji" && !O.value.length || e.hideIcons && e.hideEmojis && r(u) !== "custom" ? (s(), p(we, {
                 key: 0,
-                class: w([r(c)(r(v), "empty"), e.emptyCls])
+                class: w(r(b)(r(c)(r(v), "empty"), e.emptyCls))
               }, {
                 title: t(() => [
-                  S(I(te.value) + " not found", 1)
+                  G(S(ue.value) + " not found", 1)
                 ]),
                 _: 1
               }, 8, ["class"])) : d("", !0)
@@ -1677,28 +1673,28 @@ const he = [
         e.noTrigger ? d("", !0) : y(e.$slots, "default", {
           key: 0,
           model: r(a),
-          disabled: r(J),
+          disabled: r(K),
           borderless: e.borderless,
           id: e.id
         }, () => {
-          var i, h;
+          var i, f;
           return [
-            B(re, m({
-              size: r(ue),
-              disabled: r(J),
+            I(oe, m({
+              size: r(ie),
+              disabled: r(K),
               borderless: e.borderless
             }, r(a), {
               id: e.id,
               icon: (i = r(a)) == null ? void 0 : i.value
-            }), R({ _: 2 }, [
-              ((h = r(a)) == null ? void 0 : h.type) === "emoji" ? {
+            }), T({ _: 2 }, [
+              ((f = r(a)) == null ? void 0 : f.type) === "emoji" ? {
                 name: "default",
                 fn: t(() => {
                   var l;
                   return [
-                    j("div", {
+                    $("div", {
                       class: w(r(c)(r(v), "trigger_emoji"))
-                    }, I((l = r(a)) == null ? void 0 : l.value), 3)
+                    }, S((l = r(a)) == null ? void 0 : l.value), 3)
                   ];
                 }),
                 key: "0"
@@ -1712,5 +1708,5 @@ const he = [
   }
 });
 export {
-  qe as _
+  Ue as _
 };

package/dist/GraphicalObject/index.js

@@ -1,4 +1,4 @@
-import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-wa2gzF3h.js";
+import { _ as r, _ as t } from "../GraphicalObject.vue_vue_type_script_setup_true_lang-C949W-Ro.js";
 export {
   r as GraphicalObject,
   t as default

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

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-wa2gzF3h.js → GraphicalObject.vue_vue_type_script_setup_true_lang-C949W-Ro.js}

@@ -1,10 +1,10 @@
 import { defineComponent as C, computed as o, useAttrs as h, createBlock as _, openBlock as z, mergeProps as B, createSlots as O, renderList as $, withCtx as j, renderSlot as k, normalizeProps as v, guardReactiveProps as G } from "vue";
-import { o as g } from "./Icon.vue_vue_type_style_index_0_lang-B5G5kKKT.js";
-import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-BFkYFuq2.js";
-import { g as P } from "./options-D4et5euX.js";
+import { o as g } from "./Icon.vue_vue_type_style_index_0_lang-BUvEzzua.js";
+import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-CAdrPXmH.js";
+import { g as P } from "./options-Bh1s18jm.js";
 import { B as s, a as f } from "./BaseBadge.model-CahZXsyM.js";
 import { getCssCoreColor as t } from "@pantograph/tokens";
-import { i as S } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DNZCFMGG.js";
+import { i as S } from "./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CYUJM_Vv.js";
 const E = /* @__PURE__ */ C({
   ...P("GraphicalObject", !1),
   __name: "GraphicalObject",

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-C8xqfzNN.js → GraphicalObject.vue_vue_type_script_setup_true_lang-EviuZ52W.js}

@@ -1 +1 @@
-"use strict";const t=require("vue"),i=require("./Icon.vue_vue_type_style_index_0_lang-UTawvSSk.js"),b=require("./BaseBadge.vue_vue_type_style_index_0_lang-uB5-HVX9.js"),y=require("./options-CWrQ7gsa.js"),o=require("./BaseBadge.model-DecqxaGN.js"),s=require("@pantograph/tokens"),m=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-Ds6xYzA-.js"),B=t.defineComponent({...y.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{class:{},icon:{},flipOnDir:{},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({}),_=t.computed(()=>{var r;return{...i.omit(p,"type","text"),...i.omit(e,"size"),size:((r=n==null?void 0:n.props)==null?void 0:r.size)??e.size,...f.value}});return(r,v)=>(t.openBlock(),t.createBlock(b._sfc_main,t.mergeProps(_.value,{type:"rect"}),t.createSlots({_:2},[t.renderList(Object.keys(r.$slots),g=>({name:g,fn:t.withCtx(d=>[t.renderSlot(r.$slots,g,t.normalizeProps(t.guardReactiveProps(d)))])}))]),1040))}});exports._sfc_main=B;
+"use strict";const t=require("vue"),i=require("./Icon.vue_vue_type_style_index_0_lang-CPuN4R-k.js"),b=require("./BaseBadge.vue_vue_type_style_index_0_lang-Clv4Io8O.js"),y=require("./options-CY2uxp5A.js"),o=require("./BaseBadge.model-DecqxaGN.js"),s=require("@pantograph/tokens"),m=require("./GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DAXoXPPu.js"),B=t.defineComponent({...y.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{class:{},icon:{},flipOnDir:{},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({}),_=t.computed(()=>{var r;return{...i.omit(p,"type","text"),...i.omit(e,"size"),size:((r=n==null?void 0:n.props)==null?void 0:r.size)??e.size,...f.value}});return(r,v)=>(t.openBlock(),t.createBlock(b._sfc_main,t.mergeProps(_.value,{type:"rect"}),t.createSlots({_:2},[t.renderList(Object.keys(r.$slots),g=>({name:g,fn:t.withCtx(d=>[t.renderSlot(r.$slots,g,t.normalizeProps(t.guardReactiveProps(d)))])}))]),1040))}});exports._sfc_main=B;

package/dist/GraphicalObjectGroup/GraphicalObjectGroup.d.ts

@@ -1,11 +1,11 @@
-import { Class } from '../types';
 import { PopoverProps } from '../Popover';
 import { BadgeSize } from '../Base/BaseBadge/BaseBadge.model';
+import { ClassValue } from 'class-variance-authority/types';
 export type GraphicalObjectGroupProps = {
     size?: Exclude<BadgeSize, 'tiny' | 'tinier' | '2xsm'>;
     maxCount?: number | string;
     popoverProps?: PopoverProps;
-    truncateCls?: Class;
+    truncateCls?: ClassValue;
     noPopover?: boolean;
 };
 interface Context {

package/dist/GraphicalObjectGroup/index.js

@@ -1,4 +1,4 @@
-import { _ as e, _ as p, i as r, p as o } from "../GraphicalObjectGroup.vue_vue_type_style_index_0_lang-DNZCFMGG.js";
+import { _ as e, _ as p, i as r, p as o } from "../GraphicalObjectGroup.vue_vue_type_style_index_0_lang-CYUJM_Vv.js";
 export {
   e as GraphicalObjectGroup,
   p as default,

package/dist/GraphicalObjectGroup/index.umd.cjs

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