@useinsider/guido 3.19.0-beta.acb00a2 → 3.19.0-beta.c604f7d

package/dist/components/organisms/onboarding/OnboardingWrapper.vue.js

@@ -1,21 +1,21 @@
-import t from "./OnboardingWrapper.vue2.js";
-import i from "../../../_virtual/_plugin-vue2_normalizer.js";
-var s = function() {
-  var n = this, e = n._self._c, r = n._self._setupProxy;
-  return e("div", n._l(r.visibleOnboardings, function(o) {
-    return e(o.component, { key: o.type, tag: "component", on: { "onboarding-finished": function(p) {
-      return r.emit("onboarding-finished");
+import o from "./OnboardingWrapper.vue2.js";
+import s from "../../../_virtual/_plugin-vue2_normalizer.js";
+var _ = function() {
+  var n = this, r = n._self._c, t = n._self._setupProxy;
+  return r("div", n._l(t.visibleOnboardings, function(e) {
+    return r(e.component, { key: e.type, tag: "component", on: { "onboarding-finished": function(l) {
+      return t.handleFinished(e.type);
     } } });
   }), 1);
-}, _ = [], a = /* @__PURE__ */ i(
-  t,
-  s,
+}, i = [], a = /* @__PURE__ */ s(
+  o,
   _,
+  i,
   !1,
   null,
   null
 );
-const d = a.exports;
+const f = a.exports;
 export {
-  d as default
+  f as default
 };

package/dist/components/organisms/onboarding/OnboardingWrapper.vue2.js

@@ -1,50 +1,68 @@
-import { defineComponent as f, computed as e, onMounted as O, watch as t } from "vue";
-import y from "./AMPOnboarding.vue.js";
-import u from "./GenericOnboarding.vue.js";
-import v from "./ItemsOnboarding.vue.js";
-import S from "./NewVersionPopup.vue.js";
-import l from "./RecommendationLegacyStrategyOnboarding.vue.js";
-import h from "./RecommendationStrategyOnboarding.vue.js";
-import w from "./TextBlockOnboarding.vue.js";
-import P from "./VersionHistoryOnboarding.vue.js";
-import { usePartner as _ } from "../../../composables/usePartner.js";
-import { useEditorStore as A } from "../../../stores/editor.js";
-import { useOnboardingStore as H } from "../../../stores/onboarding.js";
-import { usePreviewStore as M } from "../../../stores/preview.js";
-const U = /* @__PURE__ */ f({
+import { defineComponent as y, computed as r, onMounted as S, watch as e, ref as h } from "vue";
+import w from "./AMPOnboarding.vue.js";
+import T from "./EditorTabBarOnboarding.vue.js";
+import P from "./GenericOnboarding.vue.js";
+import B from "./ItemsOnboarding.vue.js";
+import A from "./NewVersionPopup.vue.js";
+import M from "./RecommendationLegacyStrategyOnboarding.vue.js";
+import _ from "./RecommendationStrategyOnboarding.vue.js";
+import H from "./TextBlockOnboarding.vue.js";
+import F from "./VersionHistoryOnboarding.vue.js";
+import { useConfig as V } from "../../../composables/useConfig.js";
+import { usePartner as C } from "../../../composables/usePartner.js";
+import { useEditorStore as x } from "../../../stores/editor.js";
+import { useOnboardingStore as E } from "../../../stores/onboarding.js";
+import { usePreviewStore as N } from "../../../stores/preview.js";
+const Z = /* @__PURE__ */ y({
   __name: "OnboardingWrapper",
   emits: ["onboarding-finished"],
-  setup(x, { emit: g }) {
-    const o = H(), r = A(), a = M(), { isTestPartner: s } = _(), m = e(() => r.isStripoInitialized), p = e(() => s()), d = [
-      { type: "newVersionPopup", component: S },
-      { type: "genericOnboarding", component: u },
-      { type: "textBlockOnboarding", component: w },
-      { type: "versionHistoryOnboarding", component: P },
-      { type: "ampOnboarding", component: y },
-      { type: "itemsOnboarding", component: v },
-      { type: "recommendationStrategyOnboarding", component: h },
-      { type: "recommendationLegacyStrategyOnboarding", component: l }
-    ], c = (n) => p.value || !m.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), b = e(() => d.filter((n) => c(n.type)));
-    return O(async () => {
+  setup(R, { emit: p }) {
+    const o = E(), i = x(), c = N(), { isTestPartner: b } = C(), { isFeatureEnabled: g } = V(), a = r(() => i.isStripoInitialized), s = r(() => b()), O = [
+      { type: "newVersionPopup", component: A },
+      { type: "genericOnboarding", component: P },
+      { type: "textBlockOnboarding", component: H },
+      { type: "versionHistoryOnboarding", component: F },
+      { type: "ampOnboarding", component: w },
+      { type: "itemsOnboarding", component: B },
+      { type: "editorTabBarOnboarding", component: T },
+      { type: "recommendationStrategyOnboarding", component: _ },
+      { type: "recommendationLegacyStrategyOnboarding", component: M }
+    ], f = (n) => s.value || !a.value ? !1 : n === "newVersionPopup" ? o.shouldShowOnboarding(n) : o.isActive(n), l = r(() => O.filter((n) => f(n.type)));
+    S(async () => {
       await o.fetchUserModalState();
-    }), t(
-      () => r.isVersionHistoryOpen,
-      (n, i) => {
-        n && !i && o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding"), !n && i && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
+    }), e(
+      () => i.isVersionHistoryOpen,
+      (n, t) => {
+        n && !t && (o.isActive("editorTabBarOnboarding") && o.closeForSession("editorTabBarOnboarding"), o.shouldShowOnboarding("versionHistoryOnboarding") && o.start("versionHistoryOnboarding")), !n && t && o.isActive("versionHistoryOnboarding") && o.close("versionHistoryOnboarding");
       }
-    ), t(
-      () => a.emailFormat,
-      (n, i) => {
-        i !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
+    ), e(
+      () => c.emailFormat,
+      (n, t) => {
+        t !== "AMP" && n === "AMP" && o.shouldShowOnboarding("ampOnboarding") && o.start("ampOnboarding");
       }
-    ), t(
-      () => r.isPreviewModeOpen,
+    ), e(
+      () => i.isPreviewModeOpen,
       (n) => {
         !n && o.isActive("ampOnboarding") && o.close("ampOnboarding");
       }
-    ), { __sfc: !0, emit: g, onboardingStore: o, editorStore: r, previewStore: a, isTestPartner: s, isStripoReady: m, isTestPartnerActive: p, onboardingConfigs: d, shouldShow: c, visibleOnboardings: b };
+    );
+    const d = h(!1), v = (n) => {
+      n === "newVersionPopup" && (d.value = !0), p("onboarding-finished");
+    }, m = r(() => i.isNormalMode && !i.isPreviewModeOpen), u = r(() => a.value && o.isFetched && g("accessibilityTesting") && !s.value && m.value && !(o.shouldShowOnboarding("newVersionPopup") && !d.value) && !o.isOnboardingActive() && !o.closedThisSession.includes("editorTabBarOnboarding") && o.shouldShowOnboarding("editorTabBarOnboarding"));
+    return e(
+      u,
+      (n) => {
+        n && o.start("editorTabBarOnboarding");
+      },
+      { immediate: !0 }
+    ), e(
+      m,
+      (n) => {
+        !n && o.isActive("editorTabBarOnboarding") && o.closeForSession("editorTabBarOnboarding");
+      }
+    ), { __sfc: !0, emit: p, onboardingStore: o, editorStore: i, previewStore: c, isTestPartner: b, isFeatureEnabled: g, isStripoReady: a, isTestPartnerActive: s, onboardingConfigs: O, shouldShow: f, visibleOnboardings: l, isNewVersionPopupClosed: d, handleFinished: v, isTourAnchored: m, canStartTabBarTour: u };
   }
 });
 export {
-  U as default
+  Z as default
 };

package/dist/composables/useAccessibilityApi.js

@@ -0,0 +1,35 @@
+import { useEditorStore as r } from "../stores/editor.js";
+const A = () => {
+  const e = r(), i = () => window.StripoEditorApi.accessibilityApi, s = () => {
+    i().openAccessibilityTestingMode(), e.isAccessibilityTestingOpen = !0;
+  }, o = () => {
+    try {
+      i().closeAccessibilityTestingMode();
+    } finally {
+      e.isAccessibilityTestingOpen = !1, e.imagesHidden = !1, e.colorVisionDeficiency = "";
+    }
+  }, l = () => e.isAccessibilityTestingOpen ? o() : s(), g = () => i().isAccessibilityTestingModeOpen(), t = () => {
+    i().showImages(), e.imagesHidden = !1;
+  }, c = () => {
+    i().hideImages(), e.imagesHidden = !0;
+  };
+  return {
+    openAccessibilityTestingMode: s,
+    closeAccessibilityTestingMode: o,
+    toggleAccessibilityTestingMode: l,
+    isAccessibilityTestingModeOpen: g,
+    showImages: t,
+    hideImages: c,
+    toggleImages: () => e.imagesHidden ? t() : c(),
+    setColorVisionDeficiency: (n) => {
+      i().setColorVisionDeficiency(n), e.colorVisionDeficiency = n;
+    },
+    getColorVisionDeficiency: () => i().getColorVisionDeficiency(),
+    switchToDesktopPreview: () => i().switchToDesktopPreview(),
+    switchToMobilePreview: () => i().switchToMobilePreview(),
+    toggleCodeEditor: () => i().emitToggleCodeEditor()
+  };
+};
+export {
+  A as useAccessibilityApi
+};

package/dist/composables/useActionsApi.js

@@ -1,21 +1,17 @@
 import { filterAmpErrors as v } from "../utils/ampErrorFilter.js";
 import { useToaster as y } from "./useToaster.js";
-const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
-  const c = setTimeout(
-    () => s(new Error(`${n} did not report completion within ${l}ms`)),
+const D = 1e4, d = 3e4, s = (n, l, u) => new Promise((T, m) => {
+  const w = setTimeout(
+    () => m(new Error(`${n} did not report completion within ${l}ms`)),
     l
-  ), d = (r) => (t) => {
-    clearTimeout(c), r(t);
+  ), p = (A) => (t) => {
+    clearTimeout(w), A(t);
   };
-  try {
-    w(d(A), d(s));
-  } catch (r) {
-    clearTimeout(c), s(r instanceof Error ? r : new Error(String(r)));
-  }
+  u(p(T), p(m));
 }), I = () => {
-  const { handleError: n } = y(), l = (t = {}) => p(
+  const { handleError: n } = y(), l = (t = {}) => s(
     "compileEmail",
-    T,
+    d,
     (e, a) => {
       const o = { ...{
         minimize: !0,
@@ -36,9 +32,9 @@ const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
         forceAmp: !1,
         resetDataSavedFlag: !1,
         disableLineHeightsReplace: !0
-      }, ...t }, u = {
-        callback: (m, C, f, S, g) => {
-          m ? a(m) : e({
+      }, ...t }, c = {
+        callback: (r, C, f, S, g) => {
+          r ? a(r) : e({
             html: C,
             ampHtml: f,
             ampErrors: v(S ?? []),
@@ -47,22 +43,22 @@ const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
         },
         ...o
       };
-      window.StripoEditorApi.actionsApi.compileEmail(u);
+      window.StripoEditorApi.actionsApi.compileEmail(c);
     }
   );
   return {
     getCompiledEmail: l,
-    getTemplateData: () => p(
+    getTemplateData: () => s(
       "getTemplateData",
-      T,
+      d,
       (t) => {
-        const e = ({ html: a, css: i, width: o, height: E, utmParams: u, syncModulesIds: m }) => t({
+        const e = ({ html: a, css: i, width: o, height: E, utmParams: c, syncModulesIds: r }) => t({
           html: a,
           css: i,
           width: o,
           height: E,
-          utmParams: u,
-          syncModulesIds: m
+          utmParams: c,
+          syncModulesIds: r
         });
         window.StripoEditorApi.actionsApi.getTemplateData(e);
       }
@@ -109,13 +105,13 @@ const D = 1e4, T = 3e4, p = (n, l, w) => new Promise((A, s) => {
     }),
     updateHtmlAndCss: (t, e) => {
       const { actionsApi: a } = window.StripoEditorApi;
-      return p("updateHtmlAndCss", D, (i) => {
+      return s("updateHtmlAndCss", D, (i) => {
         a.updateHtmlAndCss(t, e, () => i());
       });
     },
-    editorSave: () => p(
+    editorSave: () => s(
       "save",
-      T,
+      d,
       (t) => {
         window.StripoEditorApi.actionsApi.save((e) => {
           if (e) {

package/dist/composables/useCortexBlueprintBridge.js

@@ -1,138 +1,70 @@
-import { useEmailTemplateApplier as z, resetEmailTemplateApplier as J } from "./useEmailTemplateApplier.js";
-import { useToaster as Q } from "./useToaster.js";
-import { useTranslations as V } from "./useTranslations.js";
-import { ToasterTypeOptions as Z } from "../enums/toaster.js";
-import { useGuidoEmailEditorStore as W } from "../stores/guido-email-editor.js";
-import { getActivePinia as k } from "pinia";
-import { onUnmounted as tt, watch as et } from "vue";
-const rt = "email_template", nt = "chat", ot = "guido:debug:ai", it = 2, lt = 500, ct = (b, p) => `${b}:${p ?? 1}`;
-let S = null;
-const at = () => {
+import { useEmailTemplateApplier as w, resetEmailTemplateApplier as _ } from "./useEmailTemplateApplier.js";
+import { useToaster as I } from "./useToaster.js";
+import { useTranslations as P } from "./useTranslations.js";
+import { ToasterTypeOptions as S } from "../enums/toaster.js";
+import { getActivePinia as v } from "pinia";
+import { watch as B, onUnmounted as D } from "vue";
+const x = "email_template", L = "chat", M = "guido:debug:ai", R = () => {
   if (typeof window > "u")
     return !1;
   try {
-    return window.localStorage.getItem(ot) === "1";
+    return window.localStorage.getItem(M) === "1";
   } catch {
     return !1;
   }
-}, bt = () => {
-  const b = k();
-  if (!b)
+}, H = () => {
+  const c = v();
+  if (!c)
     return;
-  const p = W(), M = Symbol("cortexBlueprintBridge");
-  S = M, p.$patch((t) => {
-    t.bridgeActive = !0;
-  });
-  const { markPending: F, applyTemplate: H, applyTemplateDebounced: O } = z(), { showToaster: C } = Q(), G = V(), E = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map(), _ = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
-  let s = null;
-  const d = /* @__PURE__ */ new Map(), T = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Set(), B = at();
-  let w = null, m = null, A;
-  const K = (t, r) => {
-    B && console.debug(`[guido:cortex] msg=${t ?? "?"} type=${(r == null ? void 0 : r.type) ?? "?"}`, r);
-  }, U = () => new Set((A == null ? void 0 : A.appliedBlueprintKeys) ?? []), Y = (t) => t instanceof Error ? t.message : String(t), D = (t, r, n, e) => {
-    if (S !== M)
-      return;
-    const o = p.applyAcks[t], c = Math.max(Date.now(), ((o == null ? void 0 : o.ackAt) ?? 0) + 1), a = { status: r, requestedAt: n, ackAt: c };
-    e !== void 0 && (a.error = Y(e)), p.$patch((l) => {
-      l.applyAcks = { ...l.applyAcks, [t]: a };
-    });
-  }, I = (t) => (d.get(t) ?? 0) > 0, P = (t) => (s == null ? void 0 : s.key) === t, v = async (t, r, n) => {
-    var a, l, h;
-    const e = ((a = r.blueprintData) == null ? void 0 : a.html) ?? "", o = ((l = r.blueprintData) == null ? void 0 : l.css) ?? "", c = r.applyRequestedAt ?? 0;
-    d.set(t, (d.get(t) ?? 0) + 1);
-    try {
-      const i = n === "debounced" ? await O(t, { html: e, css: o }) : await H(t, { html: e, css: o });
-      if (i.status === "superseded")
-        return;
-      if (i.status === "applied") {
-        E.set(t, e), u.delete(t), D(t, "applied", c);
-        return;
-      }
-      const y = u.get(t), j = (y == null ? void 0 : y.html) === e ? y.count + 1 : 1;
-      u.set(t, { html: e, count: j }), D(t, "failed", c, i.error);
-    } catch (i) {
-      console.error("[guido:apply] apply threw before it could settle", i), D(t, "failed", c, i);
-    } finally {
-      d.set(t, (d.get(t) ?? 1) - 1);
-      const i = T.get(t);
-      i && !I(t) && (T.delete(t), P(t) && (((h = i.blueprintData) == null ? void 0 : h.html) ?? "") !== e && v(t, i, n));
-    }
-  }, N = (t) => {
-    var h;
-    if (t.blueprintType !== rt)
-      return;
-    const { blueprintId: r } = t, n = (h = t.blueprintData) == null ? void 0 : h.html;
-    if (!r || !n)
-      return;
-    const e = ct(r, t.version);
-    if (!t.applyRequested) {
-      F(e);
+  const l = c._s, p = l == null ? void 0 : l.get(L);
+  if (!p)
+    return;
+  const { markPending: d, applyTemplate: f, applyTemplateDebounced: T } = w(), { showToaster: E } = I(), h = P(), y = (r, t) => {
+    const e = h(r);
+    return e === r ? t : e;
+  }, i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), u = R(), A = (r, t) => {
+    u && console.debug(`[guido:cortex] msg=${r ?? "?"} type=${(t == null ? void 0 : t.type) ?? "?"}`, t);
+  }, b = (r) => {
+    if (r.blueprintType !== x)
       return;
-    }
-    const o = t.applyRequestedAt ?? 0, c = _.get(e);
-    if (c === void 0 || o > c) {
-      const i = c === void 0;
-      if (_.set(e, o), u.delete(e), (!s || o >= s.requestedAt) && (s = { key: e, requestedAt: o }), i && U().has(e)) {
-        E.set(e, n);
-        return;
-      }
-      v(e, t, "immediate");
+    const t = r.blueprintId, e = r.blueprintData;
+    if (!t || !(e != null && e.html))
       return;
-    }
-    const a = E.get(e);
-    if (a === n || !P(e))
+    if (!r.applyRequested) {
+      d(t);
       return;
-    const l = u.get(e);
-    if (!((l == null ? void 0 : l.html) === n && l.count >= it)) {
-      if (a === void 0) {
-        if (I(e)) {
-          T.set(e, t);
-          return;
-        }
-        v(e, t, "immediate");
-        return;
-      }
-      f.get(e) !== n && (f.set(e, n), v(e, t, "debounced").finally(() => {
-        f.get(e) === n && f.delete(e);
-      }));
     }
-  }, R = (t) => t === void 0 || g.has(t) ? !1 : (g.add(t), C({
-    type: Z.Error,
-    message: G("newsletter.ai-template-failed")
-  }), !0), X = (t) => {
-    Array.isArray(t) && t.forEach((r) => {
-      const n = r == null ? void 0 : r.id;
-      (r == null ? void 0 : r.isError) === !0 && R(n) && B && console.debug(`[guido:cortex] message-level error id=${n}`, r);
-      const e = r == null ? void 0 : r.segments;
-      Array.isArray(e) && e.forEach((o) => {
-        if (o)
-          switch (K(n, o), o.type) {
-            case "blueprint":
-              N(o);
-              break;
-            case "error":
-              R(n);
-              break;
-          }
+    const o = i.get(t);
+    o === void 0 ? (i.set(t, e.html), f(t, e)) : o !== e.html && (i.set(t, e.html), T(t, e));
+  }, s = (r) => r === void 0 || a.has(r) ? !1 : (a.add(r), E({
+    type: S.Error,
+    message: y("newsletter.ai-template-failed", "AI couldn't generate the template. Please try again.")
+  }), !0), m = B(
+    () => p.messages,
+    (r) => {
+      Array.isArray(r) && r.forEach((t) => {
+        const e = t == null ? void 0 : t.id;
+        (t == null ? void 0 : t.isError) === !0 && s(e) && u && console.debug(`[guido:cortex] message-level error id=${e}`, t);
+        const o = t == null ? void 0 : t.segments;
+        Array.isArray(o) && o.forEach((n) => {
+          if (n)
+            switch (A(e, n), n.type) {
+              case "blueprint":
+                b(n);
+                break;
+              case "error":
+                s(e);
+                break;
+            }
+        });
       });
-    });
-  }, $ = () => {
-    w !== null && (clearInterval(w), w = null);
-  }, q = () => {
-    var t;
-    return (t = b._s) == null ? void 0 : t.get(nt);
-  }, L = (t) => {
-    A = t, m = et(() => t.messages, X, { deep: !0, immediate: !0 });
-  }, x = q();
-  x ? L(x) : w = setInterval(() => {
-    const t = q();
-    t && ($(), L(t));
-  }, lt), tt(() => {
-    $(), m == null || m(), A = void 0, E.clear(), f.clear(), _.clear(), u.clear(), s = null, d.clear(), T.clear(), g.clear(), S === M && (S = null, p.$patch((t) => {
-      t.bridgeActive = !1, t.applyAcks = {};
-    }), J());
+    },
+    { deep: !0, immediate: !0 }
+  );
+  D(() => {
+    m(), i.clear(), a.clear(), _();
   });
 };
 export {
-  bt as useCortexBlueprintBridge
+  H as useCortexBlueprintBridge
 };

package/dist/composables/useCustomInterfaceAppearance.js

@@ -1,44 +1,44 @@
 import p from "../static/assets/icons/filled-arrow-rising.svg.js";
 import s from "../static/assets/icons/line-change.svg.js";
-import a from "../static/assets/icons/line-delete.svg.js";
-import f from "../static/assets/icons/line-info.svg.js";
+import f from "../static/assets/icons/line-delete.svg.js";
+import a from "../static/assets/icons/line-info.svg.js";
 import c from "../static/assets/icons/line-plus.svg.js";
 import l from "../static/styles/base.css.js";
-import C from "../static/styles/components/alert-message.css.js";
-import d from "../static/styles/components/amp-block.css.js";
-import u from "../static/styles/components/base-input.css.js";
-import h from "../static/styles/components/button-group.css.js";
-import I from "../static/styles/components/button.css.js";
-import g from "../static/styles/components/combobox.css.js";
-import w from "../static/styles/components/counter.css.js";
-import y from "../static/styles/components/dropdown-menu.css.js";
-import A from "../static/styles/components/loader.css.js";
-import $ from "../static/styles/components/narrow-panel.css.js";
-import b from "../static/styles/components/popup.css.js";
-import B from "../static/styles/components/recommendation-strategy.css.js";
-import D from "../static/styles/components/skeleton.css.js";
-import R from "../static/styles/components/switcher.css.js";
-import P from "../static/styles/components/tabs.css.js";
-import T from "../static/styles/components/tools.css.js";
-import x from "../static/styles/components/version-history.css.js";
-import M from "../static/styles/components/wide-panel.css.js";
-import O from "../static/styles/variables.css.js";
+import C from "../static/styles/components/accessibility.css.js";
+import d from "../static/styles/components/alert-message.css.js";
+import u from "../static/styles/components/amp-block.css.js";
+import h from "../static/styles/components/base-input.css.js";
+import I from "../static/styles/components/button-group.css.js";
+import g from "../static/styles/components/button.css.js";
+import w from "../static/styles/components/combobox.css.js";
+import y from "../static/styles/components/counter.css.js";
+import A from "../static/styles/components/dropdown-menu.css.js";
+import $ from "../static/styles/components/loader.css.js";
+import b from "../static/styles/components/narrow-panel.css.js";
+import B from "../static/styles/components/popup.css.js";
+import D from "../static/styles/components/recommendation-strategy.css.js";
+import R from "../static/styles/components/skeleton.css.js";
+import P from "../static/styles/components/switcher.css.js";
+import T from "../static/styles/components/tabs.css.js";
+import x from "../static/styles/components/tools.css.js";
+import M from "../static/styles/components/version-history.css.js";
+import O from "../static/styles/components/wide-panel.css.js";
+import V from "../static/styles/variables.css.js";
 function o(i, r) {
   return `--guido-icon-${i}: url("data:image/svg+xml,${encodeURIComponent(r.trim())}");`;
 }
-const V = `:host {
+const W = `:host {
     ${o("line-change", s)}
-    ${o("line-delete", a)}
+    ${o("line-delete", f)}
     ${o("filled-arrow-rising", p)}
-    ${o("line-info", f)}
+    ${o("line-info", a)}
     ${o("line-plus", c)}
-}`, W = [
-  O,
-  // Must be on top
+}`, _ = [
   V,
+  // Must be on top
+  W,
   l,
   // Must be on top
-  C,
   d,
   u,
   h,
@@ -49,33 +49,34 @@ const V = `:host {
   A,
   $,
   b,
-  D,
+  B,
   R,
   P,
   T,
   x,
   M,
-  B
-  // Last: overrides button.css / wide-panel.css defaults
+  O,
+  D,
+  C
 ].join(`
 
-`), _ = 3e4;
+`), k = 3e4;
 let e = null;
-function k() {
-  return e || (e = new CSSStyleSheet(), e.replaceSync(W)), e;
+function q() {
+  return e || (e = new CSSStyleSheet(), e.replaceSync(_)), e;
 }
-const po = () => ({ importCss: () => {
-  const r = k(), S = Date.now() + _, n = () => {
-    var m;
-    const t = (m = document.querySelector("ui-editor")) == null ? void 0 : m.shadowRoot;
+const fo = () => ({ importCss: () => {
+  const r = q(), S = Date.now() + k, m = () => {
+    var n;
+    const t = (n = document.querySelector("ui-editor")) == null ? void 0 : n.shadowRoot;
     if (t) {
       t.adoptedStyleSheets.includes(r) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, r]);
       return;
     }
-    Date.now() < S && requestAnimationFrame(n);
+    Date.now() < S && requestAnimationFrame(m);
   };
-  n();
+  m();
 } });
 export {
-  po as useCustomInterfaceAppearance
+  fo as useCustomInterfaceAppearance
 };