@pantograph/vue 0.26.0 → 0.27.1

package/dist/{GOPicker.vue_vue_type_style_index_0_lang-CJ-yY8X0.js → GOPicker.vue_vue_type_script_setup_true_lang-Cx2WQErE.js}

@@ -1,20 +1,24 @@
-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-BrLhsdZu.js";
-import { u as ee, e as ce } from "./Icon.vue_vue_type_style_index_0_lang-26YK1SwL.js";
-import { _ as re } from "./IconButton.vue_vue_type_script_setup_true_lang-Dvu9WpEN.js";
-import { _ as ve } from "./RadioGroup.vue_vue_type_script_setup_true_lang-Zo3ozdqk.js";
-import { _ as ge } from "./Input.vue_vue_type_script_setup_true_lang-BZidgKiU.js";
-import { _ as oe } from "./ColorTrigger.vue_vue_type_style_index_0_lang-BIaTcjVN.js";
-import { _ as ye } from "./Empty.vue_vue_type_style_index_0_lang-Bk2nO0VN.js";
-import { _ as L } from "./ColorSwatchGroup.vue_vue_type_style_index_0_lang-amI55LMo.js";
+import { defineComponent as oe, createBlock as p, openBlock as s, normalizeClass as w, unref as r, defineAsyncComponent as ie, computed as k, ref as ne, mergeProps as m, withCtx as u, renderSlot as y, createCommentVNode as d, createVNode as I, createSlots as L, createElementVNode as S, toDisplayString as G, createElementBlock as C, isRef as de, normalizeProps as V, guardReactiveProps as z, createTextVNode as M, Fragment as X, renderList as Y } from "vue";
+import { _ as Z } from "./Popover.vue_vue_type_script_setup_true_lang-D-Jebwr9.js";
+import { u as pe, e as ce } from "./Icon.vue_vue_type_script_setup_true_lang-DJv20Efl.js";
+import { _ as x } from "./IconButton.vue_vue_type_script_setup_true_lang-CRdinhW6.js";
+import { _ as ve } from "./RadioGroup.vue_vue_type_script_setup_true_lang-w2aa6VhW.js";
+import { _ as ge } from "./Input.vue_vue_type_script_setup_true_lang-BBOWLata.js";
+import { _ as ee } from "./ColorTrigger.vue_vue_type_script_setup_true_lang-BbT6N2FL.js";
+import { _ as ye } from "./Empty.vue_vue_type_script_setup_true_lang-CnJOScIi.js";
+import { _ as A } from "./ColorSwatchGroup.vue_vue_type_script_setup_true_lang-B-cLoom6.js";
 import { getBemBlock as we, getBemElement as c, normCls as b } from "@pantograph/utils";
-import { _ as ke } from "./Skeleton.vue_vue_type_style_index_0_lang-2rpO7HY2.js";
-import { _ as me } from "./ScrollContainer.vue_vue_type_style_index_0_lang-ioHY1esc.js";
+import { _ as ke } from "./Skeleton.vue_vue_type_script_setup_true_lang-BPGtJ7m9.js";
+import { _ as me } from "./ScrollContainer.vue_vue_type_script_setup_true_lang-BU7qU1LR.js";
+import { cloneDeep as j, omit as be } from "es-toolkit";
+import { a as fe } from "./options-J8HfRMSU.js";
+import { u as he } from "./useInputDataStates-DCxDvkM-.js";
+import "reka-ui";
+import "@vueuse/core";
+import { u as re } from "./useVmodel-DlyNieM5.js";
 import "@tanstack/vue-virtual";
-import { u as be } from "./useInputDataStates-D-XvZURF.js";
-import { cloneDeep as z, omit as he } from "es-toolkit";
-import { g as fe } from "./options-Bh1s18jm.js";
-const Ce = [
+import Ce from "@pantograph/style/go_picker.css?raw";
+const Pe = [
   {
     value: "😀",
     group: 0,
@@ -1181,7 +1185,7 @@ const Ce = [
     group: 9,
     keywords: ["IR", "flag", "flag: Iran"]
   }
-], Pe = [
+], Ve = [
   { value: "tabler:home", keywords: ["house", "main", "start", "dashboard"] },
   { value: "tabler:mail", keywords: ["email", "message", "send", "contact"] },
   { value: "tabler:bell", keywords: ["notification", "alert", "alarm", "ring"] },
@@ -1283,14 +1287,14 @@ const Ce = [
   { 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"), Ve = /* @__PURE__ */ ae({
+], v = we("go_picker"), ze = /* @__PURE__ */ oe({
   __name: "GOItemSkeleton",
-  setup(A) {
-    return (N, M) => (s(), p(ke, {
+  setup(N) {
+    return (U, E) => (s(), p(ke, {
       class: w(r(c)(r(v), "color_swatch_loading"))
     }, null, 8, ["class"]));
   }
-}), ze = { key: 0 }, De = /* @__PURE__ */ ae({
+}), je = { key: 0 }, Ke = /* @__PURE__ */ oe({
   ...fe("GOpicker"),
   __name: "GOPicker",
   props: {
@@ -1309,7 +1313,7 @@ const Ce = [
     hideEmojis: { type: Boolean },
     hideSearch: { type: Boolean },
     hideRandom: { type: Boolean },
-    disabled: { type: Boolean },
+    disabled: { type: Boolean, default: void 0 },
     borderless: { type: Boolean },
     popoverProps: { default: () => ({ forceMount: !1 }) },
     colorPopoverProps: { default: () => ({ forceMount: !1 }) },
@@ -1330,44 +1334,47 @@ const Ce = [
     resetColorsOnChangeType: {}
   },
   emits: ["update:group", "clear", "change", "select", "update:modelValue"],
-  setup(A, { emit: N }) {
-    const M = ne({
-      loader: () => import("./ColorSwatch-B8Atg6sw.js"),
-      loadingComponent: Ve
-    }), g = A, j = N, u = ee(g, "group", j, {
-      defaultValue: "icon",
-      passive: g.group === void 0
-    }), U = k(() => u.value && ["icon", "emoji"].includes(u.value)), a = ee(
+  setup(N, { emit: U }) {
+    pe("go_picker", Ce);
+    const E = ie({
+      loader: () => import("./ColorSwatch-BUx8Adlm.js"),
+      loadingComponent: ze
+    }), g = N, $ = U, a = re(
       g,
       "modelValue",
-      j,
+      $,
       {
         deep: !0,
         clone: !0,
         defaultValue: g.defaultValue,
-        passive: g.modelValue === void 0
+        passive: g.modelValue === void 0,
+        onChange(e) {
+          $("change", j(e));
+        }
+      }
+    ), i = re(g, "group", $, {
+      defaultValue: "icon",
+      passive: g.group === void 0,
+      onChange(e) {
+        var o, n, h;
+        e && ((n = (o = g.resetColorsOnChangeType) == null ? void 0 : o[e]) != null && n.length) && ((h = g.resetColorsOnChangeType[e]) == null || h.forEach((l) => {
+          a.value && (a.value[l] = void 0);
+        }));
       }
-    );
-    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 E = (e) => {
-      j("select", e), u.value && !g.noModel && (a.value = {
-        ...z(a.value ?? {}),
+    }), q = k(() => i.value && ["icon", "emoji"].includes(i.value)), O = (e) => {
+      $("select", e), i.value && !g.noModel && (a.value = {
+        ...j(a.value ?? {}),
         value: e.value,
-        type: u.value
+        type: i.value
       });
-    }, q = k({
+    }, _ = k({
       get: () => {
         var e;
         return (e = a.value) == null ? void 0 : e.fg;
       },
       set: (e) => {
         a.value = {
-          ...z(a.value ?? {}),
+          ...j(a.value ?? {}),
           fg: e
         };
       }
@@ -1378,7 +1385,7 @@ const Ce = [
       },
       set: (e) => {
         a.value = {
-          ...z(a.value ?? {}),
+          ...j(a.value ?? {}),
           bg: e
         };
       }
@@ -1389,70 +1396,62 @@ const Ce = [
       },
       set: (e) => {
         a.value = {
-          ...z(a.value ?? {}),
+          ...j(a.value ?? {}),
           br: e
         };
       }
-    });
-    X(
-      a,
-      () => {
-        j("change", z(a.value));
-      },
-      { deep: !0 }
-    );
-    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(
+    }), ae = () => {
+      a.value = j(g.defaultValue), $("clear");
+    }, f = ne(""), H = k(() => g.icons ?? Ve), J = k(() => g.emojis ?? Pe), T = k(() => !f.value || i.value !== "emoji" ? J.value : J.value.filter(
       (e) => {
         var o;
-        return ((o = e.keywords) == null ? void 0 : o.some((i) => i.toLowerCase().includes(h.value))) || e.value.toLowerCase().includes(h.value);
+        return ((o = e.keywords) == null ? void 0 : o.some((n) => n.toLowerCase().includes(f.value))) || e.value.toLowerCase().includes(f.value);
       }
-    )), R = k(() => !h.value || u.value !== "icon" ? H.value : H.value.filter(
+    )), R = k(() => !f.value || i.value !== "icon" ? H.value : H.value.filter(
       (e) => {
         var o;
-        return ((o = e.keywords) == null ? void 0 : o.some((i) => i.toLowerCase().includes(h.value))) || e.value.toLowerCase().includes(h.value);
+        return ((o = e.keywords) == null ? void 0 : o.some((n) => n.toLowerCase().includes(f.value))) || e.value.toLowerCase().includes(f.value);
       }
-    )), se = () => u.value === "icon" ? R.value : O.value, te = () => {
-      if (U.value) {
-        const e = se();
-        E(e[Math.floor(Math.random() * e.length)]);
+    )), le = () => i.value === "icon" ? R.value : T.value, se = () => {
+      if (q.value) {
+        const e = le();
+        O(e[Math.floor(Math.random() * e.length)]);
       }
-    }, J = k(() => [
+    }, K = 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);
-    })), ue = k(
+      var n;
+      return (n = g.visibleTabs) == null ? void 0 : n.includes(o.value);
+    })), te = k(
       () => {
         var e;
-        return (e = J.value.find((o) => o.value === u.value)) == null ? void 0 : e.label;
+        return (e = K.value.find((o) => o.value === i.value)) == null ? void 0 : e.label;
       }
-    ), { getDisabled: K, getSize: ie } = be(), Q = (e) => {
-      var i;
-      const o = e.value === ((i = a.value) == null ? void 0 : i.value);
+    ), { getDisabled: Q, getSize: ue } = he(), W = (e) => {
+      var n;
+      const o = e.value === ((n = a.value) == null ? void 0 : n.value);
       return {
         selected: o,
-        ...o ? he(a.value ?? {}, [
+        ...o ? be(a.value ?? {}, [
           "value",
           "type"
         ]) : {}
       };
     };
-    return (e, o) => (s(), p(x, m({
+    return (e, o) => (s(), p(Z, m({
       placement: "bottom-start",
       "reverse-placement-on-dir": "rtl",
       "side-offset": 3
     }, e.popoverProps ?? {}), {
-      content: t(() => {
-        var i, f;
+      content: u(() => {
+        var n, h;
         return [
-          $("div", {
+          S("div", {
             class: w(r(b)(r(c)(r(v), "content"), e.contentCls))
           }, [
-            $("div", {
+            S("div", {
               class: w(r(b)(r(c)(r(v), "header"), e.headerCls))
             }, [
               e.hideGroup && e.hideClear ? d("", !0) : (s(), C("div", {
@@ -1461,30 +1460,30 @@ const Ce = [
               }, [
                 e.hideGroup ? d("", !0) : (s(), p(ve, {
                   key: 0,
-                  items: J.value,
+                  items: K.value,
                   orientation: "horizontal",
-                  modelValue: r(u),
-                  "onUpdate:modelValue": o[0] || (o[0] = (l) => pe(u) ? u.value = l : null)
+                  modelValue: r(i),
+                  "onUpdate:modelValue": o[0] || (o[0] = (l) => de(i) ? i.value = l : null)
                 }, null, 8, ["items", "modelValue"])),
-                e.hideClear ? d("", !0) : (s(), p(re, {
+                e.hideClear ? d("", !0) : (s(), p(x, {
                   key: 1,
                   icon: "tabler:trash",
                   color: "neutral",
                   type: "ghost",
-                  onClick: le
+                  onClick: ae
                 }))
               ], 2)),
-              !(e.hideSearch && e.hideRandom) || (i = e.visibleColorPickers) != null && i.length ? (s(), C("div", {
+              !(e.hideSearch && e.hideRandom) || (n = e.visibleColorPickers) != null && n.length ? (s(), C("div", {
                 key: 1,
                 class: w(r(b)(r(c)(r(v), "search"), e.searchCls))
               }, [
                 e.hideSearch ? d("", !0) : (s(), p(ge, {
                   key: 0,
                   placeholder: "Search...",
-                  modelValue: h.value,
-                  "onUpdate:modelValue": o[1] || (o[1] = (l) => h.value = l)
+                  modelValue: f.value,
+                  "onUpdate:modelValue": o[1] || (o[1] = (l) => f.value = l)
                 }, {
-                  leading: t(({ iconSize: l }) => [
+                  leading: u(({ iconSize: l }) => [
                     I(ce, {
                       icon: "tabler:search",
                       size: l
@@ -1492,25 +1491,25 @@ const Ce = [
                   ]),
                   _: 1
                 }, 8, ["modelValue"])),
-                e.hideRandom ? d("", !0) : (s(), p(re, {
+                e.hideRandom ? d("", !0) : (s(), p(x, {
                   key: 1,
                   icon: "tabler:arrows-shuffle",
                   color: "neutral",
                   type: "outline",
-                  onClick: te
+                  onClick: se
                 })),
-                (f = e.visibleColorPickers) != null && f.length && r(a) ? (s(), p(x, m({
+                (h = e.visibleColorPickers) != null && h.length && r(a) ? (s(), p(Z, m({
                   key: 2,
                   placement: "right-start",
                   "reverse-placement-on-dir": "rtl"
                 }, e.colorPopoverProps ?? {}), {
-                  content: t(() => {
-                    var l, B, W;
+                  content: u(() => {
+                    var l, P, B;
                     return [
-                      $("div", {
+                      S("div", {
                         class: w(r(b)(r(c)(r(v), "colors"), e.colorsCls))
                       }, [
-                        (l = e.visibleColorPickers) != null && l.includes("fg") ? (s(), p(L, m({
+                        (l = e.visibleColorPickers) != null && l.includes("fg") ? (s(), p(A, m({
                           key: 0,
                           "popover-props": { sideOffset: 7 },
                           noRemover: "",
@@ -1526,78 +1525,78 @@ const Ce = [
                             "gray"
                           ]
                         }, e.fgColorSwatchGroupProps ?? {}, {
-                          modelValue: q.value,
-                          "onUpdate:modelValue": o[2] || (o[2] = (n) => q.value = n)
+                          modelValue: _.value,
+                          "onUpdate:modelValue": o[2] || (o[2] = (t) => _.value = t)
                         }), {
-                          header: t(() => [
+                          header: u(() => [
                             y(e.$slots, "fgHeader", {}, () => [
-                              o[5] || (o[5] = G(" Icon "))
+                              o[5] || (o[5] = M(" Icon ", -1))
                             ])
                           ]),
-                          default: t((n) => [
-                            y(e.$slots, "fgItem", P(V(n)))
+                          default: u((t) => [
+                            y(e.$slots, "fgItem", V(z(t)))
                           ]),
-                          icon: t((n) => [
-                            y(e.$slots, "fgIcon", P(V(n)))
+                          icon: u((t) => [
+                            y(e.$slots, "fgIcon", V(z(t)))
                           ]),
                           _: 3
                         }, 16, ["modelValue"])) : d("", !0),
-                        (B = e.visibleColorPickers) != null && B.includes("bg") ? (s(), p(L, m({
+                        (P = e.visibleColorPickers) != null && P.includes("bg") ? (s(), p(A, m({
                           key: 1,
                           "popover-props": { sideOffset: 7 },
                           "color-mode": "subtle"
                         }, e.bgColorSwatchGroupProps ?? {}, {
                           modelValue: D.value,
-                          "onUpdate:modelValue": o[3] || (o[3] = (n) => D.value = n)
+                          "onUpdate:modelValue": o[3] || (o[3] = (t) => D.value = t)
                         }), {
-                          header: t(() => [
+                          header: u(() => [
                             y(e.$slots, "bgHeader", {}, () => [
-                              o[6] || (o[6] = G(" Background "))
+                              o[6] || (o[6] = M(" Background ", -1))
                             ])
                           ]),
-                          default: t((n) => [
-                            y(e.$slots, "bgItem", P(V(n)))
+                          default: u((t) => [
+                            y(e.$slots, "bgItem", V(z(t)))
                           ]),
-                          icon: t((n) => [
-                            y(e.$slots, "bgIcon", P(V(n)))
+                          icon: u((t) => [
+                            y(e.$slots, "bgIcon", V(z(t)))
                           ]),
                           _: 3
                         }, 16, ["modelValue"])) : d("", !0),
-                        (W = e.visibleColorPickers) != null && W.includes("br") ? (s(), p(L, m({
+                        (B = e.visibleColorPickers) != null && B.includes("br") ? (s(), p(A, m({
                           key: 2,
                           "popover-props": { sideOffset: 7 }
                         }, e.brColorSwatchGroupProps ?? {}, {
                           modelValue: F.value,
-                          "onUpdate:modelValue": o[4] || (o[4] = (n) => F.value = n)
+                          "onUpdate:modelValue": o[4] || (o[4] = (t) => F.value = t)
                         }), {
-                          header: t(() => [
+                          header: u(() => [
                             y(e.$slots, "brHeader", {}, () => [
-                              o[7] || (o[7] = G(" Border "))
+                              o[7] || (o[7] = M(" Border ", -1))
                             ])
                           ]),
-                          default: t((n) => [
-                            y(e.$slots, "brItem", P(V(n)))
+                          default: u((t) => [
+                            y(e.$slots, "brItem", V(z(t)))
                           ]),
-                          icon: t((n) => [
-                            y(e.$slots, "brIcon", P(V(n)))
+                          icon: u((t) => [
+                            y(e.$slots, "brIcon", V(z(t)))
                           ]),
                           _: 3
                         }, 16, ["modelValue"])) : d("", !0)
                       ], 2)
                     ];
                   }),
-                  default: t(() => [
-                    I(oe, m(r(a), {
+                  default: u(() => [
+                    I(ee, m(r(a), {
                       suffixIcon: !1,
                       icon: r(a).value
-                    }), T({ _: 2 }, [
+                    }), L({ _: 2 }, [
                       r(a).type !== "icon" ? {
                         name: "default",
-                        fn: t(() => [
+                        fn: u(() => [
                           r(a).type === "emoji" ? (s(), C("div", {
                             key: 0,
                             class: w(r(c)(r(v), "trigger_emoji"))
-                          }, S(r(a).value), 3)) : d("", !0)
+                          }, G(r(a).value), 3)) : d("", !0)
                         ]),
                         key: "0"
                       } : void 0
@@ -1607,52 +1606,50 @@ const Ce = [
                 }, 16)) : d("", !0)
               ], 2)) : d("", !0)
             ], 2),
-            U.value ? (s(), C("div", ze, [
+            q.value ? (s(), C("div", je, [
               I(r(me), 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(), C("div", {
+                default: u(() => [
+                  !e.hideIcons && r(i) === "icon" ? (s(), C("div", {
                     key: 0,
                     class: w(r(b)(r(c)(r(v), "grid"), e.gridCls))
                   }, [
-                    (s(!0), C(Y, null, Z(R.value, (l) => (s(), p(r(M), m({
-                      onClick: (B) => E(l),
+                    (s(!0), C(X, null, Y(R.value, (l) => (s(), p(r(E), m({
+                      onClick: (P) => O(l),
                       key: l.value,
-                      icon: l.value,
-                      ref_for: !0
-                    }, Q(l)), T({ _: 2 }, [
+                      icon: l.value
+                    }, { ref_for: !0 }, W(l)), L({ _: 2 }, [
                       e.$slots.item ? {
                         name: "default",
-                        fn: t(() => [
+                        fn: u(() => [
                           y(e.$slots, "item", {
                             item: l,
-                            group: r(u)
+                            group: r(i)
                           })
                         ]),
                         key: "0"
                       } : void 0
                     ]), 1040, ["onClick", "icon"]))), 128))
-                  ], 2)) : !e.hideEmojis && r(u) === "emoji" ? (s(), C("div", {
+                  ], 2)) : !e.hideEmojis && r(i) === "emoji" ? (s(), C("div", {
                     key: 1,
                     class: w(r(b)(r(c)(r(v), "grid"), e.gridCls))
                   }, [
-                    (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(() => [
+                    (s(!0), C(X, null, Y(T.value, (l) => (s(), p(r(E), m({
+                      onClick: (P) => O(l),
+                      key: l.value
+                    }, { ref_for: !0 }, W(l)), {
+                      default: u(() => [
                         y(e.$slots, "item", {
                           item: l,
-                          group: r(u)
+                          group: r(i)
                         }, () => [
-                          $("div", {
+                          S("div", {
                             class: w(r(c)(r(v), "emoji"))
-                          }, S(l.value), 3)
+                          }, G(l.value), 3)
                         ])
                       ]),
                       _: 2
@@ -1661,12 +1658,12 @@ const Ce = [
                 ]),
                 _: 3
               }, 16, ["class"]),
-              r(u) === "icon" && !R.value.length || r(u) === "emoji" && !O.value.length || e.hideIcons && e.hideEmojis && r(u) !== "custom" ? (s(), p(ye, {
+              r(i) === "icon" && !R.value.length || r(i) === "emoji" && !T.value.length || e.hideIcons && e.hideEmojis && r(i) !== "custom" ? (s(), p(ye, {
                 key: 0,
                 class: w(r(b)(r(c)(r(v), "empty"), e.emptyCls))
               }, {
-                title: t(() => [
-                  G(S(ue.value) + " not found", 1)
+                title: u(() => [
+                  M(G(te.value) + " not found", 1)
                 ]),
                 _: 1
               }, 8, ["class"])) : d("", !0)
@@ -1674,37 +1671,39 @@ const Ce = [
           ], 2)
         ];
       }),
-      default: t(() => [
+      default: u(() => [
         e.noTrigger ? d("", !0) : y(e.$slots, "default", {
           key: 0,
           model: r(a),
-          disabled: r(K),
+          disabled: r(Q),
           borderless: e.borderless,
           id: e.id
         }, () => {
-          var i, f;
+          var n, h, l, P, B;
           return [
-            I(oe, m({
-              size: r(ie),
-              disabled: r(K),
-              borderless: e.borderless
-            }, r(a), {
+            I(ee, {
+              size: r(ue),
+              disabled: r(Q),
+              borderless: e.borderless,
+              fg: (n = r(a)) == null ? void 0 : n.fg,
+              bg: (h = r(a)) == null ? void 0 : h.bg,
+              br: (l = r(a)) == null ? void 0 : l.br,
               id: e.id,
-              icon: (i = r(a)) == null ? void 0 : i.value
-            }), T({ _: 2 }, [
-              ((f = r(a)) == null ? void 0 : f.type) === "emoji" ? {
+              icon: (P = r(a)) == null ? void 0 : P.value
+            }, L({ _: 2 }, [
+              ((B = r(a)) == null ? void 0 : B.type) === "emoji" ? {
                 name: "default",
-                fn: t(() => {
-                  var l;
+                fn: u(() => {
+                  var t;
                   return [
-                    $("div", {
+                    S("div", {
                       class: w(r(c)(r(v), "trigger_emoji"))
-                    }, S((l = r(a)) == null ? void 0 : l.value), 3)
+                    }, G((t = r(a)) == null ? void 0 : t.value), 3)
                   ];
                 }),
                 key: "0"
               } : void 0
-            ]), 1040, ["size", "disabled", "borderless", "id", "icon"])
+            ]), 1032, ["size", "disabled", "borderless", "fg", "bg", "br", "id", "icon"])
           ];
         })
       ]),
@@ -1713,5 +1712,5 @@ const Ce = [
   }
 });
 export {
-  De as _
+  Ke as _
 };

package/dist/GraphicalObject/index.js

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

package/dist/GraphicalObject.vue_vue_type_script_setup_true_lang-D6ppQA4I.js

@@ -0,0 +1 @@
+"use strict";const t=require("vue"),g=require("es-toolkit"),b=require("./BaseBadge.vue_vue_type_script_setup_true_lang-8tuJTjkU.js"),y=require("./options-CY2uxp5A.js"),o=require("./BaseBadge.model-DecqxaGN.js"),s=require("@pantograph/tokens"),m=require("./GraphicalObjectGroup.vue_vue_type_script_setup_true_lang-CXyuthQS.js"),B=t.defineComponent({...y.getComponentOptions("GraphicalObject",!1),__name:"GraphicalObject",props:{class:{},icon:{},flipOnDir:{},fg:{},bg:{},br:{},size:{}},setup(u){const e=u,l=[...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&&l.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},p=t.computed(()=>({bg:a(e.bg),br:a(e.br)??(e.bg==="transparent"?s.getCssCoreColor("gray-2"):void 0),fg:C()})),f=t.useAttrs(),n=m.injectGraphicalObjectGroupContext({}),d=t.computed(()=>{var r;return{...g.omit(f,["type","text"]),...g.omit(e,["size"]),size:((r=n==null?void 0:n.props)==null?void 0:r.size)??e.size,...p.value}});return(r,h)=>(t.openBlock(),t.createBlock(b._sfc_main,t.mergeProps(d.value,{type:"rect"}),t.createSlots({_:2},[t.renderList(Object.keys(r.$slots),i=>({name:i,fn:t.withCtx(_=>[t.renderSlot(r.$slots,i,t.normalizeProps(t.guardReactiveProps(_)))])}))]),1040))}});exports._sfc_main=B;

package/dist/{GraphicalObject.vue_vue_type_script_setup_true_lang-DFogOMOj.js → GraphicalObject.vue_vue_type_script_setup_true_lang-Dwf4A9T3.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 { omit as g } from "es-toolkit";
-import { _ as w } from "./BaseBadge.vue_vue_type_style_index_0_lang-Cekbj5do.js";
-import { g as P } from "./options-Bh1s18jm.js";
-import { B as s, a as f } from "./BaseBadge.model-D4ZfMIfM.js";
+import { omit as f } from "es-toolkit";
+import { _ as w } from "./BaseBadge.vue_vue_type_script_setup_true_lang-BVEnU-L5.js";
+import { a as P } from "./options-J8HfRMSU.js";
+import { B as s, a as g } 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-CFIKZKMj.js";
+import { i as S } from "./GraphicalObjectGroup.vue_vue_type_script_setup_true_lang-CAvd-28M.js";
 const E = /* @__PURE__ */ C({
   ...P("GraphicalObject", !1),
   __name: "GraphicalObject",
@@ -18,7 +18,7 @@ const E = /* @__PURE__ */ C({
     size: {}
   },
   setup(u) {
-    const r = u, p = [...s, ...f, "transparent", "gray-subtle"], l = [...s, "gray", "default", "default-subtle", "white", "black"], c = () => {
+    const r = u, p = [...s, ...g, "transparent", "gray-subtle"], l = [...s, "gray", "default", "default-subtle", "white", "black"], c = () => {
       if (r.fg && l.includes(r.fg)) {
         if (r.fg === "gray") return t("gray-6");
         if (r.fg === "default") return t("gray-8");
@@ -32,7 +32,7 @@ const E = /* @__PURE__ */ C({
       if (e && p.includes(e)) {
         if (e === "transparent") return "transparent";
         if (e === "gray-subtle") return t("gray-1");
-        if (f.includes(e))
+        if (g.includes(e))
           return t(`${e.replace("-subtle", "")}-0`);
         if (s.includes(e)) return t(`${e}-5`);
       }
@@ -44,8 +44,8 @@ const E = /* @__PURE__ */ C({
     })), b = h(), a = S({}), d = o(() => {
       var e;
       return {
-        ...g(b, ["type", "text"]),
-        ...g(r, ["size"]),
+        ...f(b, ["type", "text"]),
+        ...f(r, ["size"]),
         size: ((e = a == null ? void 0 : a.props) == null ? void 0 : e.size) ?? r.size,
         ...m.value
       };