@floegence/floe-webapp-core 0.52.13 → 0.53.1

package/dist/components/workbench/workbenchHelpers.js

@@ -1,18 +1,18 @@
-import { DEFAULT_WORKBENCH_VIEWPORT as O, WORKBENCH_BACKGROUND_REGION_FILTER_ID as K, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as P } from "./types.js";
-import { WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as E, WORKBENCH_DEFAULT_REGION_FILL as S, WORKBENCH_DEFAULT_TEXT_COLOR as R, WORKBENCH_DEFAULT_TEXT_FONT as N, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as z, resolveWorkbenchTextFontOption as U, WORKBENCH_BACKGROUND_MATERIALS as X, WORKBENCH_STICKY_NOTE_COLORS as Y, WORKBENCH_TEXT_COLOR_OPTIONS as j, WORKBENCH_REGION_FILL_OPTIONS as V } from "./workbenchOptions.js";
-import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as C, createWorkbenchFilterState as I, isValidWorkbenchWidgetType as G } from "./widgets/widgetRegistry.js";
-import { DEFAULT_WORKBENCH_THEME as A, isWorkbenchThemeId as $ } from "./workbenchThemes.js";
-function Z() {
-  const e = globalThis.crypto;
-  return e && typeof e.randomUUID == "function" ? `wb-${e.randomUUID()}` : `wb-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 8)}`;
-}
-function ke(e) {
+import { secureRandomUUID as K } from "../../utils/secureRandom.js";
+import { DEFAULT_WORKBENCH_VIEWPORT as O, WORKBENCH_BACKGROUND_REGION_FILTER_ID as P, WORKBENCH_LAYER_COMPONENT_FILTER_IDS as X } from "./types.js";
+import { WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as E, WORKBENCH_DEFAULT_REGION_FILL as S, WORKBENCH_DEFAULT_TEXT_COLOR as R, WORKBENCH_DEFAULT_TEXT_FONT as N, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as z, resolveWorkbenchTextFontOption as U, WORKBENCH_BACKGROUND_MATERIALS as Y, WORKBENCH_STICKY_NOTE_COLORS as j, WORKBENCH_TEXT_COLOR_OPTIONS as V, WORKBENCH_REGION_FILL_OPTIONS as G } from "./workbenchOptions.js";
+import { resolveWorkbenchWidgetDefinitions as T, getWidgetEntry as C, createWorkbenchFilterState as A, isValidWorkbenchWidgetType as $ } from "./widgets/widgetRegistry.js";
+import { DEFAULT_WORKBENCH_THEME as I, isWorkbenchThemeId as Z } from "./workbenchThemes.js";
+function q() {
+  return `wb-${K()}`;
+}
+function Ne(e) {
   return e.renderMode ?? "canvas_scaled";
 }
-function Me(e) {
+function Oe(e) {
   return e.projectedSurfaceScaleBehavior ?? "stable_transform";
 }
-function q(e) {
+function J(e) {
   const t = Number.isFinite(e.viewport.scale) && e.viewport.scale > 0 ? e.viewport.scale : 1, n = typeof window < "u" && Number.isFinite(window.devicePixelRatio) && window.devicePixelRatio > 0 ? window.devicePixelRatio : 1, r = Math.round((e.viewport.x + e.worldX * t) * n) / n, i = Math.round((e.viewport.y + e.worldY * t) * n) / n;
   return {
     widgetId: e.widgetId,
@@ -27,13 +27,13 @@ function q(e) {
     viewportScale: t
   };
 }
-function Ne(e) {
+function Ee(e) {
   return {
     ready: e.ready,
-    rect: q(e)
+    rect: J(e)
   };
 }
-function Oe(e, t) {
+function Se(e, t) {
   const { width: n, height: r } = e.defaultSize;
   switch (t.anchor) {
     case "center":
@@ -52,23 +52,23 @@ function Oe(e, t) {
       };
   }
 }
-function J(e) {
+function Q(e) {
   return e ? {
     x: Number.isFinite(e.x) ? e.x : 0,
     y: Number.isFinite(e.y) ? e.y : 0,
     scale: Number.isFinite(e.scale) && e.scale > 0 ? e.scale : 1
   } : { ...O };
 }
-function Q(e, t) {
-  const n = J(e);
+function v(e, t) {
+  const n = Q(e);
   return {
     ...n,
-    scale: b(n.scale, me(t).minScale, g)
+    scale: b(n.scale, xe(t).minScale, g)
   };
 }
-function v(e, t) {
-  const n = I(t, e);
-  for (const r of P)
+function ee(e, t) {
+  const n = A(t, e);
+  for (const r of X)
     n[r] = typeof e?.[r] == "boolean" ? !!e[r] : !0;
   return n;
 }
@@ -88,30 +88,30 @@ function m(e, t) {
 }
 function W(e, t) {
   const n = f(e);
-  return n.length > 0 && n.length <= 128 ? n : `${t}-${Z()}`;
+  return n.length > 0 && n.length <= 128 ? n : `${t}-${q()}`;
 }
-function ee(e) {
+function te(e) {
   return F(e);
 }
-function te(e, t) {
+function ne(e, t) {
   const n = f(e);
-  return n || (t === "annotation" || t === "background" ? K : "select");
+  return n || (t === "annotation" || t === "background" ? P : "select");
 }
 function w(e, t, n) {
   const r = f(e);
   return t.includes(r) ? r : n;
 }
-function ne(e) {
-  return w(e, Y, z);
-}
 function ie(e) {
+  return w(e, j, z);
+}
+function re(e) {
   if (!y(e)) return null;
   const t = Date.now();
   return {
     id: W(e.id, "sticky"),
     kind: "sticky_note",
     body: f(e.body) || "Untitled note",
-    color: ne(e.color),
+    color: ie(e.color),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 260),
@@ -121,16 +121,16 @@ function ie(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function re(e) {
+function oe(e) {
   if (!Array.isArray(e)) return [];
   const t = /* @__PURE__ */ new Set();
-  return e.map((n) => ie(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
-}
-const oe = ["left", "center", "right"];
-function ae(e) {
-  return oe.includes(e) ? e : "left";
+  return e.map((n) => re(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
+const ae = ["left", "center", "right"];
 function ce(e) {
+  return ae.includes(e) ? e : "left";
+}
+function de(e) {
   if (!y(e)) return null;
   const t = Date.now(), n = U(e.font_family);
   return {
@@ -140,8 +140,8 @@ function ce(e) {
     font_family: n.fontFamily,
     font_size: Math.max(8, Math.min(160, Math.round(d(e.font_size, 28)))),
     font_weight: n.fontWeight,
-    color: w(e.color, j, R),
-    align: ae(e.align),
+    color: w(e.color, V, R),
+    align: ce(e.align),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 280),
@@ -151,27 +151,27 @@ function ce(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function de(e) {
+function se(e) {
   if (!Array.isArray(e)) return [];
   const t = /* @__PURE__ */ new Set();
-  return e.map((n) => ce(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
+  return e.map((n) => de(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-function se(e) {
+function he(e) {
   return w(
     e,
-    X,
+    Y,
     E
   );
 }
-function he(e) {
+function ue(e) {
   if (!y(e)) return null;
   const t = Date.now();
   return {
     id: W(e.id, "region"),
     name: f(e.name) || "Canvas region",
-    fill: w(e.fill, V, S),
+    fill: w(e.fill, G, S),
     opacity: Math.max(0.08, Math.min(1, d(e.opacity, 0.72))),
-    material: se(e.material),
+    material: he(e.material),
     x: d(e.x, 0),
     y: d(e.y, 0),
     width: m(e.width, 560),
@@ -181,12 +181,12 @@ function he(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function ue(e) {
+function le(e) {
   if (!Array.isArray(e)) return [];
   const t = /* @__PURE__ */ new Set();
-  return e.map((n) => he(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
+  return e.map((n) => ue(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
-function le(e, t, n, r, i, a) {
+function _e(e, t, n, r, i, a) {
   if (y(e)) {
     const c = f(e.kind), s = f(e.id);
     if (c === "widget" && t.some((u) => u.id === s)) return { kind: c, id: s };
@@ -197,12 +197,12 @@ function le(e, t, n, r, i, a) {
   }
   return a ? { kind: "widget", id: a } : null;
 }
-function Ee(e, t = {}) {
-  const n = T(t.widgetDefinitions), r = t.createFallbackState ?? (() => _e(n)), i = e;
+function Re(e, t = {}) {
+  const n = T(t.widgetDefinitions), r = t.createFallbackState ?? (() => fe(n)), i = e;
   if (!i || i.version !== 1 || !Array.isArray(i.widgets))
     return r();
   const a = i.widgets.filter(
-    (o) => !!o && typeof o.id == "string" && G(o.type, n) && typeof o.title == "string"
+    (o) => !!o && typeof o.id == "string" && $(o.type, n) && typeof o.title == "string"
   ).map((o) => {
     const _ = C(o.type, n);
     return {
@@ -216,18 +216,18 @@ function Ee(e, t = {}) {
       z_index: Number.isFinite(o.z_index) && o.z_index >= 0 ? o.z_index : 1,
       created_at_unix_ms: Number.isFinite(o.created_at_unix_ms) ? o.created_at_unix_ms : Date.now()
     };
-  }), c = typeof i.selectedWidgetId == "string" && a.some((o) => o.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = re(i.stickyNotes), u = de(i.annotations), x = ue(i.backgroundLayers), h = ee(i.mode), l = Q(i.viewport, h);
+  }), c = typeof i.selectedWidgetId == "string" && a.some((o) => o.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = oe(i.stickyNotes), u = se(i.annotations), x = le(i.backgroundLayers), h = te(i.mode), l = v(i.viewport, h);
   return {
     version: 1,
     widgets: a,
     viewport: l,
     locked: typeof i.locked == "boolean" ? i.locked : !1,
-    filters: v(i.filters, n),
+    filters: ee(i.filters, n),
     selectedWidgetId: c,
-    theme: $(i.theme) ? i.theme : A,
+    theme: Z(i.theme) ? i.theme : I,
     mode: h,
-    activeTool: te(i.activeTool, h),
-    selectedObject: le(
+    activeTool: ne(i.activeTool, h),
+    selectedObject: _e(
       i.selectedObject,
       a,
       s,
@@ -240,7 +240,7 @@ function Ee(e, t = {}) {
     backgroundLayers: x
   };
 }
-function _e(e) {
+function fe(e) {
   const t = T(e), n = Date.now(), r = [
     { type: "terminal", title: "dev · terminal", x: 80, y: 80 },
     { type: "file-browser", title: "project · files", x: 600, y: 80 },
@@ -266,9 +266,9 @@ function _e(e) {
     widgets: i,
     viewport: { ...O },
     locked: !1,
-    filters: I(t),
+    filters: A(t),
     selectedWidgetId: i[0]?.id ?? null,
-    theme: A,
+    theme: I,
     mode: "work",
     activeTool: "select",
     selectedObject: i[0] ? { kind: "widget", id: i[0].id } : null,
@@ -324,11 +324,11 @@ function _e(e) {
     ]
   };
 }
-const Se = 1.18, Re = 200, H = 0.35, L = 0.2, k = H, g = 2.2, fe = 48;
+const ze = 1.18, Te = 200, H = 0.35, L = 0.2, k = H, g = 2.2, me = 48;
 function F(e) {
   return e === "annotation" || e === "background" ? "background" : "work";
 }
-function me(e) {
+function xe(e) {
   return F(e) === "background" ? {
     mode: "background",
     label: "Composition Mode",
@@ -343,7 +343,7 @@ function me(e) {
     layerEditingEnabled: !1
   };
 }
-function ze(e) {
+function Ce(e) {
   const t = b(
     e.scale,
     e.minScale ?? L,
@@ -358,7 +358,7 @@ function ze(e) {
     scale: t
   };
 }
-function xe(e) {
+function ge(e) {
   const t = b(e.scale, k, g);
   return {
     x: e.frameWidth / 2 - (e.widget.x + e.widget.width / 2) * t,
@@ -366,8 +366,8 @@ function xe(e) {
     scale: t
   };
 }
-function Te(e) {
-  const t = e.minScale ?? k, n = e.maxScale ?? g, r = e.paddingPx ?? fe, i = Math.max(e.frameWidth - r * 2, 1), a = Math.max(e.frameHeight - r * 2, 1), c = b(
+function Ae(e) {
+  const t = e.minScale ?? k, n = e.maxScale ?? g, r = e.paddingPx ?? me, i = Math.max(e.frameWidth - r * 2, 1), a = Math.max(e.frameHeight - r * 2, 1), c = b(
     Math.min(
       i / Math.max(e.widget.width, 1),
       a / Math.max(e.widget.height, 1)
@@ -375,7 +375,7 @@ function Te(e) {
     t,
     n
   );
-  return xe({
+  return ge({
     widget: e.widget,
     scale: c,
     frameWidth: e.frameWidth,
@@ -385,7 +385,7 @@ function Te(e) {
 function p(e, t) {
   return e.z_index !== t.z_index ? e.z_index - t.z_index : e.created_at_unix_ms !== t.created_at_unix_ms ? e.created_at_unix_ms - t.created_at_unix_ms : e.id.localeCompare(t.id);
 }
-function Ce(e) {
+function Ie(e) {
   const t = [...e].sort(p), n = /* @__PURE__ */ new Map();
   for (const [r, i] of t.entries())
     n.set(i.id, r + 1);
@@ -394,27 +394,27 @@ function Ce(e) {
     topRenderLayer: Math.max(t.length, 1)
   };
 }
-function ge(e, t) {
+function ye(e, t) {
   return p(e, t) > 0;
 }
-function Ie(e, t) {
+function He(e, t) {
   const n = e.find((a) => a.id === t);
   if (!n)
     return null;
   const r = e.reduce((a, c) => Math.max(a, c.z_index), 1);
   return {
     isTop: !e.some(
-      (a) => a.id !== t && ge(a, n)
+      (a) => a.id !== t && ye(a, n)
     ),
     nextZIndex: r + 1
   };
 }
-function Ae(e) {
+function Le(e) {
   const t = typeof window < "u" ? window.innerWidth : 1280, n = typeof window < "u" ? window.innerHeight : 800;
   let r = e.clientX, i = e.clientY;
   return r + e.menuWidth > t && (r = Math.max(0, t - e.menuWidth - 8)), i + e.menuHeight > n && (i = Math.max(0, n - e.menuHeight - 8)), { left: r, top: i };
 }
-function He(e, t, n, r) {
+function Fe(e, t, n, r) {
   const i = e.filter((h) => r[h.type]);
   if (i.length === 0) return null;
   if (!t) return i[0] ?? null;
@@ -452,39 +452,39 @@ function He(e, t, n, r) {
 function b(e, t = k, n = g) {
   return Math.max(t, Math.min(n, e));
 }
-function Le(e, t = 0) {
+function pe(e, t = 0) {
   return 16 + Math.max(1, e) * 32 + Math.max(0, t) * 9;
 }
 export {
-  Se as WORKBENCH_CANVAS_ZOOM_STEP,
+  ze as WORKBENCH_CANVAS_ZOOM_STEP,
   L as WORKBENCH_COMPOSITION_MIN_SCALE,
-  Re as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
+  Te as WORKBENCH_CONTEXT_MENU_WIDTH_PX,
   g as WORKBENCH_MAX_SCALE,
   k as WORKBENCH_MIN_SCALE,
-  fe as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
+  me as WORKBENCH_VIEWPORT_FIT_PADDING_PX,
   H as WORKBENCH_WORK_MIN_SCALE,
   b as clampScale,
   p as compareWorkbenchLayerRenderOrder,
-  Ae as createContextMenuPosition,
-  _e as createDefaultWorkbenchState,
-  Z as createWorkbenchId,
-  q as createWorkbenchProjectedRect,
-  Ce as createWorkbenchRenderLayerMap,
-  ze as createWorkbenchViewportAtScale,
-  xe as createWorkbenchViewportCenteredOnWidget,
-  Te as createWorkbenchViewportFitForWidget,
-  Oe as createWorkbenchWidgetFrame,
-  Ne as createWorkbenchWidgetSurfaceMetrics,
-  Le as estimateContextMenuHeight,
-  He as findNearestWidget,
-  ge as isWorkbenchLayerItemAbove,
+  Le as createContextMenuPosition,
+  fe as createDefaultWorkbenchState,
+  q as createWorkbenchId,
+  J as createWorkbenchProjectedRect,
+  Ie as createWorkbenchRenderLayerMap,
+  Ce as createWorkbenchViewportAtScale,
+  ge as createWorkbenchViewportCenteredOnWidget,
+  Ae as createWorkbenchViewportFitForWidget,
+  Se as createWorkbenchWidgetFrame,
+  Ee as createWorkbenchWidgetSurfaceMetrics,
+  pe as estimateContextMenuHeight,
+  Fe as findNearestWidget,
+  ye as isWorkbenchLayerItemAbove,
   F as normalizeWorkbenchInteractionMode,
-  Ie as resolveWorkbenchLayerFront,
-  me as resolveWorkbenchModeStrategy,
-  Me as resolveWorkbenchProjectedSurfaceScaleBehavior,
-  ke as resolveWorkbenchWidgetRenderMode,
-  v as sanitizeFilters,
-  J as sanitizeViewport,
-  Ee as sanitizeWorkbenchState,
-  Q as sanitizeWorkbenchViewportForMode
+  He as resolveWorkbenchLayerFront,
+  xe as resolveWorkbenchModeStrategy,
+  Oe as resolveWorkbenchProjectedSurfaceScaleBehavior,
+  Ne as resolveWorkbenchWidgetRenderMode,
+  ee as sanitizeFilters,
+  Q as sanitizeViewport,
+  Re as sanitizeWorkbenchState,
+  v as sanitizeWorkbenchViewportForMode
 };

package/dist/context/ThemeContext.js

@@ -1,95 +1,105 @@
-import { createSignal as h, createEffect as S, createMemo as Q, onCleanup as R } from "solid-js";
+import { createSignal as u, createEffect as p, createMemo as O, onCleanup as Q } from "solid-js";
 import { createSimpleContext as te } from "./createSimpleContext.js";
 import { useResolvedFloeConfig as se } from "./FloeConfigContext.js";
-import { isFloeSurfaceStyle as k, applySurfaceStyleAttribute as V, isThemeType as re, getSystemTheme as ne, applyTheme as oe, applyShellThemeAttribute as j, syncThemeTokenOverrides as q, resolveThemeTokens as ce } from "../styles/themes/index.js";
+import { isFloeSurfaceStyle as K, applySurfaceStyleAttribute as R, isThemeType as ne, getSystemTheme as re, applyTheme as oe, applyShellThemeAttribute as V, syncThemeTokenOverrides as j, resolveThemeTokens as ce } from "../styles/themes/index.js";
 import { normalizeShellThemeSelection as B, presetSupportsMode as D } from "../styles/themes/presets.js";
-function d(s, n, c) {
-  if (n.length !== 0)
-    return s && n.some((l) => l.name === s) ? s : c && n.some((l) => l.name === c) ? c : n[0]?.name;
+function S(s, r, l) {
+  if (r.length !== 0)
+    return s && r.some((a) => a.name === s) ? s : l && r.some((a) => a.name === l) ? l : r[0]?.name;
 }
-function le() {
-  const s = se(), n = () => s.config.theme.storageKey, c = () => s.config.theme.defaultTheme, l = () => s.config.theme.surfaceStyleStorageKey ?? `${n()}-surface-style`, K = s.config.theme.defaultSurfaceStyle, g = k(K) ? K : "standard", x = s.persist.load(l(), g), [b, G] = h(k(x) ? x : g), H = (e) => {
-    const t = k(e) ? e : g;
-    G(t), s.persist.debouncedSave(l(), t);
+function ie() {
+  const s = se(), r = () => s.config.theme.storageKey, l = () => s.config.theme.defaultTheme, a = () => s.config.theme.surfaceStyleStorageKey ?? `${r()}-surface-style`, b = s.config.theme.defaultSurfaceStyle, y = K(b) ? b : "standard", w = s.persist.load(a(), y), [M, G] = u(K(w) ? w : y), H = (e) => {
+    const t = K(e) ? e : y;
+    G(t), s.persist.debouncedSave(a(), t);
   };
-  S(() => V(b()));
-  const I = () => s.config.theme.tokens, o = () => s.config.theme.presets ?? [], p = () => s.config.theme.presetStorageKey ?? `${n()}-preset`, m = () => d(s.config.theme.defaultPreset, o()), i = () => s.config.theme.shellPresets ?? [], C = () => s.config.theme.shellPresetStorageKey ?? `${n()}-shell-preset`, M = () => s.config.theme.defaultShellPreset ?? {}, w = s.persist.load(n(), c()), J = re(w) ? w : c(), [T, U] = h(J), W = s.persist.load(p(), m()), [y, E] = h(d(W, o(), m())), X = s.persist.load(C(), void 0), [v, F] = h(B(X, i(), M())), [Y, Z] = h(ne());
-  let f = [];
-  const N = Q(() => {
-    const e = d(y(), o(), m());
+  p(() => R(M()));
+  const I = () => s.config.theme.tokens, c = () => s.config.theme.presets ?? [], T = () => s.config.theme.presetStorageKey ?? `${r()}-preset`, h = () => S(s.config.theme.defaultPreset, c()), m = () => s.config.theme.shellPresets ?? [], $ = () => s.config.theme.shellPresetStorageKey ?? `${r()}-shell-preset`, C = () => s.config.theme.defaultShellPreset ?? {}, E = s.persist.load(r(), l()), J = ne(E) ? E : l(), [v, U] = u(J), W = s.persist.load(T(), h()), [P, A] = u(S(W, c(), h())), X = s.persist.load($(), void 0), [k, F] = u(B(X, m(), C())), [Y, Z] = u(re());
+  let g = [];
+  const N = O(() => {
+    const e = S(P(), c(), h());
     if (e)
-      return o().find((t) => t.name === e);
-  }), a = () => {
-    const e = T();
+      return c().find((t) => t.name === e);
+  }), f = () => {
+    const e = v();
     return e === "system" ? Y() : e;
-  }, $ = (e) => {
-    const t = v()[e];
+  }, L = (e) => {
+    const t = k()[e];
     if (t)
-      return i().find((r) => r.name === t && D(r, e));
-  }, A = Q(() => $(a()));
-  if (S(() => {
-    const e = d(y(), o(), m());
-    y() !== e && E(e);
-  }), S(() => {
-    const e = v(), t = B(e, i(), M());
+      return m().find((n) => n.name === t && D(n, e));
+  }, q = O(() => L(f()));
+  if (p(() => {
+    const e = S(P(), c(), h());
+    P() !== e && A(e);
+  }), p(() => {
+    const e = k(), t = B(e, m(), C());
     (e.light !== t.light || e.dark !== t.dark) && F(t);
   }), typeof window < "u") {
-    const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (r) => {
-      Z(r.matches ? "dark" : "light");
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (n) => {
+      Z(n.matches ? "dark" : "light");
     };
-    e.addEventListener("change", t), R(() => e.removeEventListener("change", t));
+    e.addEventListener("change", t), Q(() => e.removeEventListener("change", t));
   }
-  S(() => {
-    const e = T(), t = a(), r = A();
-    oe(e), j(r?.name), f = q(ce(t, I(), r?.tokens, N()?.tokens), f);
-  }), R(() => {
-    V(void 0), j(void 0), f = q(void 0, f);
+  p(() => {
+    const e = v(), t = f(), n = q();
+    oe(e), V(n?.name), g = j(ce(t, I(), n?.tokens, N()?.tokens), g), typeof document < "u" && queueMicrotask(() => {
+      const i = /* @__PURE__ */ new Set();
+      for (; ; ) {
+        const d = (document.documentElement.getAnimations?.({
+          subtree: !0
+        }) ?? []).filter((o) => !i.has(o) && "transitionProperty" in o && /(^|-)color$|^(fill|stroke|box-shadow)$/.test(String(o.transitionProperty)));
+        if (d.length === 0) break;
+        for (const o of d)
+          i.add(o), o.finish();
+      }
+    });
+  }), Q(() => {
+    R(void 0), V(void 0), g = j(void 0, g);
   });
-  const P = (e) => {
-    U(e), s.persist.debouncedSave(n(), e);
+  const x = (e) => {
+    U(e), s.persist.debouncedSave(r(), e);
   }, _ = () => {
-    const e = a();
-    P(e === "light" ? "dark" : "light");
+    const e = f();
+    x(e === "light" ? "dark" : "light");
   }, ee = (e) => {
-    const t = d(e, o(), m());
-    if (E(t), !t) {
-      s.persist.remove(p());
+    const t = S(e, c(), h());
+    if (A(t), !t) {
+      s.persist.remove(T());
       return;
     }
-    s.persist.debouncedSave(p(), t);
-  }, L = (e, t) => {
-    const r = i().find((O) => O.name === t && D(O, e));
-    if (!r) return !1;
-    const u = v();
-    if (u[e] === r.name) return !0;
-    const z = {
-      ...u,
+    s.persist.debouncedSave(T(), t);
+  }, z = (e, t) => {
+    const n = m().find((o) => o.name === t && D(o, e));
+    if (!n) return !1;
+    const i = k();
+    if (i[e] === n.name) return !0;
+    const d = {
+      ...i,
       version: 1,
-      [e]: r.name
+      [e]: n.name
     };
-    return F(z), s.persist.debouncedSave(C(), z), !0;
+    return F(d), s.persist.debouncedSave($(), d), !0;
   };
   return {
-    surfaceStyle: b,
+    surfaceStyle: M,
     setSurfaceStyle: H,
-    theme: T,
-    resolvedTheme: a,
-    setTheme: P,
+    theme: v,
+    resolvedTheme: f,
+    setTheme: x,
     toggleTheme: _,
-    themePresets: o,
+    themePresets: c,
     themePreset: N,
     setThemePreset: ee,
-    shellPresets: i,
-    shellPreset: A,
-    shellPresetForMode: $,
+    shellPresets: m,
+    shellPreset: q,
+    shellPresetForMode: L,
     setShellPreset: (e) => {
-      const t = i().find((u) => u.name === e);
+      const t = m().find((i) => i.name === e);
       if (!t) return;
-      const r = t.mode === "light" || t.mode === "dark" ? t.mode : a();
-      L(r, e);
+      const n = t.mode === "light" || t.mode === "dark" ? t.mode : f();
+      z(n, e);
     },
     selectShellTheme: (e, t) => {
-      L(e, t) && P(e);
+      z(e, t) && x(e);
     }
   };
 }
@@ -98,10 +108,10 @@ const {
   use: ge
 } = te({
   name: "Theme",
-  init: le
+  init: ie
 });
 export {
   Se as ThemeProvider,
-  le as createThemeService,
+  ie as createThemeService,
   ge as useTheme
 };