@useinsider/guido 3.20.1-beta.49b58ed → 3.20.1-beta.55d63aa

package/dist/components/organisms/header/LeftSlot.vue2.js

@@ -1,45 +1,40 @@
-import { defineComponent as p, computed as d, ref as b } from "vue";
-import { useAccessibilityApi as k } from "../../../composables/useAccessibilityApi.js";
-import { useConfig as B } from "../../../composables/useConfig.js";
-import { useBack as y } from "../../../composables/useGuidoActions.js";
-import { usePreviewMode as v } from "../../../composables/usePreviewMode.js";
-import { useTranslations as A } from "../../../composables/useTranslations.js";
+import { defineComponent as m, computed as p, ref as d } from "vue";
+import { useConfig as k } from "../../../composables/useConfig.js";
+import { useBack as B } from "../../../composables/useGuidoActions.js";
+import { usePreviewMode as b } from "../../../composables/usePreviewMode.js";
+import { useTranslations as v } from "../../../composables/useTranslations.js";
 import { useVersionHistoryApi as _ } from "../../../composables/useVersionHistoryApi.js";
-import { useEditorStore as g } from "../../../stores/editor.js";
-import { InButtonV2 as O } from "@useinsider/design-system-vue";
-import { useDebounceFn as w } from "../../../node_modules/@vueuse/shared/index.js";
-const F = /* @__PURE__ */ p({
+import { useEditorStore as y } from "../../../stores/editor.js";
+import { InButtonV2 as w } from "@useinsider/design-system-vue";
+import { useDebounceFn as V } from "../../../node_modules/@vueuse/shared/index.js";
+const D = /* @__PURE__ */ m({
   __name: "LeftSlot",
-  setup(M) {
-    const e = g(), s = y(), { closeVersionHistory: r } = _(), { closePreviewMode: n } = v(), { closeAccessibilityTestingMode: c } = k(), o = A(), { config: t } = B(), m = d(() => {
-      var l, f;
-      return e.isVersionHistoryOpen || e.isPreviewModeOpen || e.isAccessibilityTestingOpen ? o("email-editor.back-to-editor") : (f = (l = t.value) == null ? void 0 : l.ui) != null && f.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
-    }), i = b(!1), a = () => {
+  setup(C) {
+    const e = y(), i = B(), { closeVersionHistory: n } = _(), { closePreviewMode: s } = b(), o = v(), { config: t } = k(), l = p(() => {
+      var u, f;
+      return e.isVersionHistoryOpen || e.isPreviewModeOpen ? o("email-editor.back-to-editor") : (f = (u = t.value) == null ? void 0 : u.ui) != null && f.backButtonLabel ? t.value.ui.backButtonLabel : o("email-editor.back-to-design");
+    }), r = d(!1), a = () => {
       if (e.isVersionHistoryOpen) {
-        r();
-        return;
-      }
-      if (e.isPreviewModeOpen) {
         n();
         return;
       }
-      if (e.isAccessibilityTestingOpen) {
-        c();
+      if (e.isPreviewModeOpen) {
+        s();
         return;
       }
-      s();
-    }, u = w(async () => {
+      i();
+    }, c = V(async () => {
       try {
         await a();
       } finally {
-        i.value = !1;
+        r.value = !1;
       }
     }, 500);
-    return { __sfc: !0, editorStore: e, handleBack: s, closeVersionHistory: r, closePreviewMode: n, closeAccessibilityTestingMode: c, trans: o, config: t, backButtonLabel: m, isBackButtonDisabled: i, executeBackAction: a, debouncedBackAction: u, handleBackClick: () => {
-      i.value = !0, u();
-    }, InButtonV2: O };
+    return { __sfc: !0, editorStore: e, handleBack: i, closeVersionHistory: n, closePreviewMode: s, trans: o, config: t, backButtonLabel: l, isBackButtonDisabled: r, executeBackAction: a, debouncedBackAction: c, handleBackClick: () => {
+      r.value = !0, c();
+    }, InButtonV2: w };
   }
 });
 export {
-  F as default
+  D as default
 };

package/dist/components/organisms/header/MiddleSlot.vue.js

@@ -1,8 +1,8 @@
 import r from "./MiddleSlot.vue2.js";
 import s from "../../../_virtual/_plugin-vue2_normalizer.js";
 var t = function() {
-  var o = this, i = o._self._c, e = o._self._setupProxy;
-  return i("div", { staticClass: "d-f a-i-c" }, [e.editorStore.isVersionHistoryOpen ? i("div", { staticClass: "d-f" }, [i(e.VersionHistory), i(e.VersionHistoryViewOptions)], 1) : e.editorStore.isPreviewModeOpen ? i("div", { staticClass: "d-f" }, [i(e.EmailSizeIndicator), i(e.AmpToggle)], 1) : e.editorStore.isAccessibilityTestingOpen ? i(e.AccessibilityToolbar) : o._e(), i(e.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: e.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
+  var o = this, e = o._self._c, i = o._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [i.editorStore.isVersionHistoryOpen ? e("div", { staticClass: "d-f" }, [e(i.VersionHistory), e(i.VersionHistoryViewOptions)], 1) : i.editorStore.isPreviewModeOpen ? e("div", { staticClass: "d-f" }, [e(i.EmailSizeIndicator), e(i.AmpToggle)], 1) : o._e(), e(i.EditorToolbar, { directives: [{ name: "show", rawName: "v-show", value: i.editorStore.isEditorToolbarVisible, expression: "editorStore.isEditorToolbarVisible" }] })], 1);
 }, a = [], n = /* @__PURE__ */ s(
   r,
   t,
@@ -11,7 +11,7 @@ var t = function() {
   null,
   null
 );
-const _ = n.exports;
+const c = n.exports;
 export {
-  _ as default
+  c as default
 };

package/dist/components/organisms/header/MiddleSlot.vue2.js

@@ -2,16 +2,15 @@ import { defineComponent as o } from "vue";
 import r from "../email-preview/amp/AmpToggle.vue.js";
 import t from "../email-preview/desktop-preview/EmailSizeIndicator.vue.js";
 import { useEditorStore as i } from "../../../stores/editor.js";
-import e from "./accessibility/AccessibilityToolbar.vue.js";
-import m from "./EditorToolbar.vue.js";
-import p from "./version-history/VersionHistory.vue.js";
-import s from "./version-history/ViewOptions.vue.js";
-const y = /* @__PURE__ */ o({
+import e from "./EditorToolbar.vue.js";
+import m from "./version-history/VersionHistory.vue.js";
+import p from "./version-history/ViewOptions.vue.js";
+const S = /* @__PURE__ */ o({
   __name: "MiddleSlot",
-  setup(f) {
-    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, AccessibilityToolbar: e, EditorToolbar: m, VersionHistory: p, VersionHistoryViewOptions: s };
+  setup(s) {
+    return { __sfc: !0, editorStore: i(), AmpToggle: r, EmailSizeIndicator: t, EditorToolbar: e, VersionHistory: m, VersionHistoryViewOptions: p };
   }
 });
 export {
-  y as default
+  S as default
 };

package/dist/components/organisms/header/RightSlot.vue.js

@@ -1,18 +1,17 @@
-import i from "./RightSlot.vue2.js";
-/* empty css               */
+import s from "./RightSlot.vue2.js";
 import o from "../../../_virtual/_plugin-vue2_normalizer.js";
 var r = function() {
-  var e = this, s = e._self._c, t = e._self._setupProxy;
-  return s("div", { staticClass: "d-f a-i-c right-slot" }, [t.isNormalMode ? s(t.AutoSaveStatus) : e._e(), t.isLiquidEnabled && t.isNormalMode ? s(t.InChips, { attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : e._e(), t.isNormalMode ? s(t.EditorActions) : t.editorStore.isVersionHistoryOpen ? s(t.RestoreButton) : e._e()], 1);
-}, a = [], l = /* @__PURE__ */ o(
-  i,
+  var i = this, e = i._self._c, t = i._self._setupProxy;
+  return e("div", { staticClass: "d-f a-i-c" }, [t.editorStore.isVersionHistoryOpen ? i._e() : e(t.AutoSaveToggle), t.isLiquidEnabled && !t.editorStore.isVersionHistoryOpen ? e(t.InChips, { staticClass: "mr-1", attrs: { id: "guido__liquid-tag-chip", styles: "stroke", type: "default", value: "liquid-tags", "close-button": !1, "disabled-status": t.editorStore.loadingStatus, interactive: !1, text: t.trans("email-editor.liquid-tags-enabled") } }) : i._e(), t.editorStore.isVersionHistoryOpen ? e(t.RestoreButton) : e(t.EditorActions, { ref: "editorActionsRef" })], 1);
+}, a = [], n = /* @__PURE__ */ o(
+  s,
   r,
   a,
   !1,
   null,
-  "efc32e0d"
+  null
 );
-const c = l.exports;
+const u = n.exports;
 export {
-  c as default
+  u as default
 };

package/dist/components/organisms/header/RightSlot.vue2.js

@@ -1,18 +1,23 @@
-import { defineComponent as m, computed as r } from "vue";
-import { useConfig as n } from "../../../composables/useConfig.js";
-import { useTranslations as a } from "../../../composables/useTranslations.js";
-import { useEditorStore as p } from "../../../stores/editor.js";
-import { InChips as u } from "@useinsider/design-system-vue";
-import f from "./AutoSaveStatus.vue.js";
-import d from "./EditorActions.vue.js";
-import c from "./version-history/RestoreButton.vue.js";
-const x = /* @__PURE__ */ m({
+import { defineComponent as a, ref as f, computed as p } from "vue";
+import { useConfig as u } from "../../../composables/useConfig.js";
+import { useTranslations as d } from "../../../composables/useTranslations.js";
+import { useEditorStore as l } from "../../../stores/editor.js";
+import { InChips as c } from "@useinsider/design-system-vue";
+import _ from "./AutoSaveToggle.vue.js";
+import S from "./EditorActions.vue.js";
+import g from "./version-history/RestoreButton.vue.js";
+const T = /* @__PURE__ */ a({
   __name: "RightSlot",
-  setup(l) {
-    const { isFeatureEnabled: o } = n(), i = a(), t = p(), e = r(() => o("liquidSyntax")), s = r(() => t.isNormalMode);
-    return { __sfc: !0, isFeatureEnabled: o, trans: i, editorStore: t, isLiquidEnabled: e, isNormalMode: s, InChips: u, AutoSaveStatus: f, EditorActions: d, RestoreButton: c };
+  setup(h, { expose: r }) {
+    const { isFeatureEnabled: o } = u(), i = d(), n = l(), t = f(null), s = p(() => o("liquidSyntax"));
+    return r({
+      handleSave: (m) => {
+        var e;
+        return (e = t.value) == null ? void 0 : e.handleSave(m);
+      }
+    }), { __sfc: !0, isFeatureEnabled: o, trans: i, editorStore: n, editorActionsRef: t, isLiquidEnabled: s, InChips: c, AutoSaveToggle: _, EditorActions: S, RestoreButton: g };
   }
 });
 export {
-  x as default
+  T as default
 };

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

@@ -1,21 +1,21 @@
-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);
+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");
     } } });
   }), 1);
-}, i = [], a = /* @__PURE__ */ s(
-  o,
+}, _ = [], a = /* @__PURE__ */ i(
+  t,
+  s,
   _,
-  i,
   !1,
   null,
   null
 );
-const f = a.exports;
+const d = a.exports;
 export {
-  f as default
+  d as default
 };

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

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

package/dist/composables/useBlocksConfig.js

@@ -1,6 +1,6 @@
-import r from "../extensions/ModulesTabIcons/extension.js";
-import { useConfigStore as l } from "../stores/config.js";
-const a = {
+import l from "../extensions/ModulesTabIcons/extension.js";
+import { useConfigStore as c } from "../stores/config.js";
+const s = {
   "amp-accordion": "ampAccordionEnabled",
   "amp-carousel": "ampCarouselEnabled",
   "amp-form-controls": "ampFormControlsEnabled",
@@ -14,7 +14,7 @@ const a = {
   "text-block": "textEnabled",
   "timer-block": "timerEnabled",
   "video-block": "videoEnabled"
-}, s = {
+}, i = {
   "dynamic-content": () => import("../extensions/DynamicContent/extension.js"),
   "checkbox-block": () => import("../extensions/Blocks/Checkbox/extension.js"),
   "radio-button-block": () => import("../extensions/Blocks/RadioButton/extension.js"),
@@ -22,40 +22,48 @@ const a = {
   "unsubscribe-block": () => import("../extensions/Blocks/Unsubscribe/extension.js"),
   "coupon-block": () => import("../extensions/Blocks/CouponBlock/extension.js"),
   "items-block": () => import("../extensions/Blocks/Items/extension.js")
-}, i = (n) => {
-  if (!n || !n.length)
+}, b = (o) => {
+  if (!o || !o.length)
     return {};
   const t = {};
-  return n.forEach((o) => {
-    const e = a[o];
+  return o.forEach((n) => {
+    const e = s[n];
     e && (t[e] = !1);
   }), t;
-}, b = () => [r], m = async (n) => {
-  const t = b();
-  if (!n || !n.length)
-    return t;
-  const o = await Promise.all(
-    n.map(async (e) => {
-      const c = s[e];
-      return c ? (await c()).default : null;
+}, m = async (o) => {
+  if (!o)
+    return [l];
+  const t = await import("../extensions/DisplayConditions/extension.js");
+  return [l, t.default];
+}, d = async (o, t = !1) => {
+  const n = await m(t);
+  if (!o || !o.length)
+    return n;
+  const e = await Promise.all(
+    o.map(async (r) => {
+      const a = i[r];
+      return a ? (await a()).default : null;
     })
   );
   return [
-    ...t,
-    ...o.filter((e) => e !== null)
+    ...n,
+    ...e.filter((r) => r !== null)
   ];
-}, E = () => {
-  const n = l();
+}, k = () => {
+  const o = c();
   return {
     getStripoBlocksConfig: async () => {
-      const o = n.blocks;
+      const n = o.blocks;
       return {
-        baseBlocks: i(o == null ? void 0 : o.excludeDefaults),
-        extensions: await m(o == null ? void 0 : o.includeCustoms)
+        baseBlocks: b(n == null ? void 0 : n.excludeDefaults),
+        extensions: await d(
+          n == null ? void 0 : n.includeCustoms,
+          o.isFeatureEnabled("externalDisplayConditions")
+        )
       };
     }
   };
 };
 export {
-  E as useBlocksConfig
+  k as useBlocksConfig
 };

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 f from "../static/assets/icons/line-delete.svg.js";
-import a from "../static/assets/icons/line-info.svg.js";
+import a from "../static/assets/icons/line-delete.svg.js";
+import f 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/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";
+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";
 function o(i, r) {
   return `--guido-icon-${i}: url("data:image/svg+xml,${encodeURIComponent(r.trim())}");`;
 }
-const W = `:host {
+const V = `:host {
     ${o("line-change", s)}
-    ${o("line-delete", f)}
+    ${o("line-delete", a)}
     ${o("filled-arrow-rising", p)}
-    ${o("line-info", a)}
+    ${o("line-info", f)}
     ${o("line-plus", c)}
-}`, _ = [
-  V,
+}`, W = [
+  O,
   // Must be on top
-  W,
+  V,
   l,
   // Must be on top
+  C,
   d,
   u,
   h,
@@ -49,34 +49,33 @@ const W = `:host {
   A,
   $,
   b,
-  B,
+  D,
   R,
   P,
   T,
   x,
   M,
-  O,
-  D,
-  C
+  B
+  // Last: overrides button.css / wide-panel.css defaults
 ].join(`
 
-`), k = 3e4;
+`), _ = 3e4;
 let e = null;
-function q() {
-  return e || (e = new CSSStyleSheet(), e.replaceSync(_)), e;
+function k() {
+  return e || (e = new CSSStyleSheet(), e.replaceSync(W)), e;
 }
-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;
+const po = () => ({ importCss: () => {
+  const r = k(), S = Date.now() + _, n = () => {
+    var m;
+    const t = (m = document.querySelector("ui-editor")) == null ? void 0 : m.shadowRoot;
     if (t) {
       t.adoptedStyleSheets.includes(r) || (t.adoptedStyleSheets = [...t.adoptedStyleSheets, r]);
       return;
     }
-    Date.now() < S && requestAnimationFrame(m);
+    Date.now() < S && requestAnimationFrame(n);
   };
-  m();
+  n();
 } });
 export {
-  fo as useCustomInterfaceAppearance
+  po as useCustomInterfaceAppearance
 };