@floegence/floe-webapp-core 0.55.1 → 0.56.1

package/dist/components/workbench/workbenchCompositionMessages.d.ts

@@ -1,5 +1,32 @@
+import type { WorkbenchSelection } from './types';
 import { type Accessor } from 'solid-js';
 export declare const workbenchCompositionMessages: {
+    readonly stickyTitle: "Sticky note title";
+    readonly edit: "Edit text";
+    readonly duplicate: "Duplicate";
+    readonly treatment: "Treatment";
+    readonly treatmentHint: "Preview in the current color";
+    readonly tintDescription: "Color across the whole note";
+    readonly tabDescription: "A quiet card with a color stripe";
+    readonly ruledDescription: "Paper lines for longer thoughts";
+    readonly solidDescription: "A color field to define a space";
+    readonly frameDescription: "A clear boundary with an open center";
+    readonly hatchedDescription: "A subtle texture for a distinct purpose";
+    readonly dottedDescription: "A field of evenly spaced dots";
+    readonly gridDescription: "A grid for arranging content";
+    readonly glassDescription: "A soft wash of color";
+    readonly typography: "Typography";
+    readonly title: "Title";
+    readonly heading: "Heading";
+    readonly body: "Body";
+    readonly caption: "Caption";
+    readonly left: "Left";
+    readonly center: "Center";
+    readonly right: "Right";
+    readonly more: "More options";
+    readonly opacity: "Opacity";
+    readonly textPlaceholder: "Write something…";
+    readonly regionPlaceholder: "Name this region…";
     readonly dragSticky: "Drag sticky note";
     readonly stickyBody: "Sticky note body";
     readonly copySticky: "Copy sticky note content";
@@ -15,6 +42,7 @@ export declare const workbenchCompositionMessages: {
     readonly addName: "Add name";
     readonly clearName: "Clear name";
     readonly moveText: "Move text";
+    readonly moveRegion: "Move region";
     readonly chooseFont: "Choose bold font";
     readonly boldFont: "Bold font";
     readonly useFont: "Use {value} bold font";
@@ -35,12 +63,12 @@ export declare const workbenchCompositionMessages: {
     readonly useRegionMaterial: "Use region material {value}";
     readonly deleteRegion: "Delete background region";
     readonly resizeRegion: "Resize background region";
-    readonly tint: "Tint";
-    readonly tab: "Tab";
-    readonly ruled: "Ruled";
+    readonly tint: "Soft fill";
+    readonly tab: "Side stripe";
+    readonly ruled: "Lined paper";
     readonly solid: "Color field";
     readonly frame: "Outline";
-    readonly hatched: "Hatch";
+    readonly hatched: "Fine hatch";
     readonly dotted: "Dotted";
     readonly grid: "Grid";
     readonly glass: "Wash";
@@ -50,6 +78,7 @@ export declare const workbenchCompositionMessages: {
     readonly coral: "Coral";
     readonly rose: "Rose";
     readonly graphite: "Graphite";
+    readonly system: "System";
     readonly serif: "Serif";
     readonly sans: "Sans";
     readonly round: "Round";
@@ -60,3 +89,7 @@ export type WorkbenchCompositionMessageKey = keyof typeof workbenchCompositionMe
 export type WorkbenchCompositionMessages = Record<WorkbenchCompositionMessageKey, string>;
 export declare const WorkbenchCompositionMessagesContext: import("solid-js").Context<Accessor<Partial<WorkbenchCompositionMessages> | undefined> | undefined>;
 export declare function useWorkbenchCompositionText(): (key: WorkbenchCompositionMessageKey, value?: string) => string;
+/** The model remains the owner of object creation and selection. */
+export declare const WorkbenchCompositionActionsContext: import("solid-js").Context<{
+    duplicate: (selection: WorkbenchSelection) => void;
+} | undefined>;

package/dist/components/workbench/workbenchCompositionMessages.js

@@ -1,5 +1,31 @@
-import { createContext as i, useContext as n } from "solid-js";
-const a = {
+import { createContext as t, useContext as n } from "solid-js";
+const r = {
+  stickyTitle: "Sticky note title",
+  edit: "Edit text",
+  duplicate: "Duplicate",
+  treatment: "Treatment",
+  treatmentHint: "Preview in the current color",
+  tintDescription: "Color across the whole note",
+  tabDescription: "A quiet card with a color stripe",
+  ruledDescription: "Paper lines for longer thoughts",
+  solidDescription: "A color field to define a space",
+  frameDescription: "A clear boundary with an open center",
+  hatchedDescription: "A subtle texture for a distinct purpose",
+  dottedDescription: "A field of evenly spaced dots",
+  gridDescription: "A grid for arranging content",
+  glassDescription: "A soft wash of color",
+  typography: "Typography",
+  title: "Title",
+  heading: "Heading",
+  body: "Body",
+  caption: "Caption",
+  left: "Left",
+  center: "Center",
+  right: "Right",
+  more: "More options",
+  opacity: "Opacity",
+  textPlaceholder: "Write something…",
+  regionPlaceholder: "Name this region…",
   dragSticky: "Drag sticky note",
   stickyBody: "Sticky note body",
   copySticky: "Copy sticky note content",
@@ -15,6 +41,7 @@ const a = {
   addName: "Add name",
   clearName: "Clear name",
   moveText: "Move text",
+  moveRegion: "Move region",
   chooseFont: "Choose bold font",
   boldFont: "Bold font",
   useFont: "Use {value} bold font",
@@ -35,12 +62,12 @@ const a = {
   useRegionMaterial: "Use region material {value}",
   deleteRegion: "Delete background region",
   resizeRegion: "Resize background region",
-  tint: "Tint",
-  tab: "Tab",
-  ruled: "Ruled",
+  tint: "Soft fill",
+  tab: "Side stripe",
+  ruled: "Lined paper",
   solid: "Color field",
   frame: "Outline",
-  hatched: "Hatch",
+  hatched: "Fine hatch",
   dotted: "Dotted",
   grid: "Grid",
   glass: "Wash",
@@ -50,18 +77,21 @@ const a = {
   coral: "Coral",
   rose: "Rose",
   graphite: "Graphite",
+  system: "System",
   serif: "Serif",
   sans: "Sans",
   round: "Round",
   mono: "Mono",
   condensed: "Condensed"
-}, s = i();
-function l() {
-  const t = n(s);
-  return (e, o = "") => (t?.()?.[e] ?? a[e]).replace("{value}", o);
+}, s = t();
+function c() {
+  const o = n(s);
+  return (e, i = "") => (o?.()?.[e] ?? r[e]).replace("{value}", i);
 }
+const l = t();
 export {
+  l as WorkbenchCompositionActionsContext,
   s as WorkbenchCompositionMessagesContext,
-  l as useWorkbenchCompositionText,
-  a as workbenchCompositionMessages
+  c as useWorkbenchCompositionText,
+  r as workbenchCompositionMessages
 };

package/dist/components/workbench/workbenchHelpers.js

@@ -114,6 +114,7 @@ function re(e) {
   return {
     id: W(e.id, "sticky"),
     kind: "sticky_note",
+    ...typeof e.title == "string" ? { title: e.title } : {},
     body: typeof e.body == "string" ? e.body : "",
     material: e.material === "tab" || e.material === "ruled" ? e.material : "tint",
     color: ie(e.color),
@@ -144,7 +145,10 @@ function de(e) {
     text: typeof e.text == "string" ? e.text : "",
     font_family: n.fontFamily,
     font_size: Math.max(8, Math.min(160, Math.round(d(e.font_size, 28)))),
-    font_weight: n.fontWeight,
+    font_weight: Math.max(
+      100,
+      Math.min(900, Math.round(d(e.font_weight, n.fontWeight)))
+    ),
     color: w(
       e.color,
       V,
@@ -172,7 +176,7 @@ function he(e) {
     E
   );
 }
-function ue(e) {
+function le(e) {
   if (!y(e)) return null;
   const t = Date.now();
   return {
@@ -194,18 +198,18 @@ function ue(e) {
     updated_at_unix_ms: Math.max(0, Math.trunc(d(e.updated_at_unix_ms, t)))
   };
 }
-function le(e) {
+function ue(e) {
   if (!Array.isArray(e)) return [];
   const t = /* @__PURE__ */ new Set();
-  return e.map((n) => ue(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
+  return e.map((n) => le(n)).filter((n) => !n || t.has(n.id) ? !1 : (t.add(n.id), !0));
 }
 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 };
-    if (c === "sticky_note" && n.some((u) => u.id === s)) return { kind: c, id: s };
-    if (c === "annotation" && r.some((u) => u.id === s)) return { kind: c, id: s };
-    if (c === "background_layer" && i.some((u) => u.id === s))
+    if (c === "widget" && t.some((l) => l.id === s)) return { kind: c, id: s };
+    if (c === "sticky_note" && n.some((l) => l.id === s)) return { kind: c, id: s };
+    if (c === "annotation" && r.some((l) => l.id === s)) return { kind: c, id: s };
+    if (c === "background_layer" && i.some((l) => l.id === s))
       return { kind: c, id: s };
   }
   return a ? { kind: "widget", id: a } : null;
@@ -229,11 +233,11 @@ function Re(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 = oe(i.stickyNotes), u = se(i.annotations), x = le(i.backgroundLayers), h = te(i.mode), l = v(i.viewport, h);
+  }), c = typeof i.selectedWidgetId == "string" && a.some((o) => o.id === i.selectedWidgetId) ? i.selectedWidgetId : null, s = oe(i.stickyNotes), l = se(i.annotations), x = ue(i.backgroundLayers), h = te(i.mode), u = v(i.viewport, h);
   return {
     version: 1,
     widgets: a,
-    viewport: l,
+    viewport: u,
     locked: typeof i.locked == "boolean" ? i.locked : !1,
     filters: ee(i.filters, n),
     selectedWidgetId: c,
@@ -244,12 +248,12 @@ function Re(e, t = {}) {
       i.selectedObject,
       a,
       s,
-      u,
+      l,
       x,
       c
     ),
     stickyNotes: s,
-    annotations: u,
+    annotations: l,
     backgroundLayers: x
   };
 }
@@ -434,10 +438,10 @@ function Fe(e, t, n, r) {
   const a = i.find((h) => h.id === t);
   if (!a) return i[0] ?? null;
   const c = a.x + a.width / 2, s = a.y + a.height / 2;
-  let u = null, x = 1 / 0;
+  let l = null, x = 1 / 0;
   for (const h of i) {
     if (h.id === t) continue;
-    const l = h.x + h.width / 2 - c, o = h.y + h.height / 2 - s;
+    const u = h.x + h.width / 2 - c, o = h.y + h.height / 2 - s;
     let _ = !1;
     switch (n) {
       case "up":
@@ -447,20 +451,20 @@ function Fe(e, t, n, r) {
         _ = o > 10;
         break;
       case "left":
-        _ = l < -10;
+        _ = u < -10;
         break;
       case "right":
-        _ = l > 10;
+        _ = u > 10;
         break;
     }
     if (!_) continue;
-    const B = Math.sqrt(l * l + o * o), D = Math.atan2(
-      Math.abs(n === "up" || n === "down" ? l : o),
-      Math.abs(n === "up" || n === "down" ? o : l)
+    const B = Math.sqrt(u * u + o * o), D = Math.atan2(
+      Math.abs(n === "up" || n === "down" ? u : o),
+      Math.abs(n === "up" || n === "down" ? o : u)
     ), M = B * (1 + D * 1.5);
-    M < x && (x = M, u = h);
+    M < x && (x = M, l = h);
   }
-  return u;
+  return l;
 }
 function b(e, t = k, n = g) {
   return Math.max(t, Math.min(n, e));

package/dist/components/workbench/workbenchInteractionAdapter.js

@@ -1,112 +1,112 @@
-import { isTypingElement as E } from "../../utils/dom.js";
-import { DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as R, resolveWorkbenchWidgetEventOwnership as v, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as _, resolveSurfaceInteractionTargetRole as T, resolveSurfaceWheelRouting as A } from "../ui/localInteractionSurface.js";
-const m = "data-floe-workbench-surface-root", a = "data-floe-workbench-widget-root", s = "data-floe-workbench-widget-id", h = "data-floe-dialog-surface-host";
-function W(e) {
+import { isTypingElement as W } from "../../utils/dom.js";
+import { DEFAULT_CANVAS_WHEEL_INTERACTIVE_SELECTOR as w, DEFAULT_LOCAL_INTERACTION_SURFACE_SELECTOR as v, resolveWorkbenchWidgetEventOwnership as _, DEFAULT_WORKBENCH_WIDGET_SHELL_SELECTOR as T, resolveSurfaceInteractionTargetRole as A, resolveSurfaceWheelRouting as m } from "../ui/localInteractionSurface.js";
+const h = "data-floe-workbench-surface-root", a = "data-floe-workbench-widget-root", s = "data-floe-workbench-widget-id", O = "data-floe-dialog-surface-host";
+function E(e) {
   return typeof Element < "u" && e instanceof Element ? e : typeof Node < "u" && e instanceof Node ? e.parentElement : null;
 }
 function S(e, n = s) {
   const r = (e?.getAttribute(n) ?? "").trim();
   return r.length > 0 ? r : null;
 }
-function O(e, n = a) {
-  const o = W(e);
+function k(e, n = a) {
+  const o = E(e);
   if (!o) return null;
   const r = o.closest(`[${n}="true"]`);
   return r instanceof HTMLElement ? r : null;
 }
-function k(e) {
+function b(e) {
   const {
     root: n,
     widgetId: o,
     widgetRootAttr: r = a,
-    readWidgetId: c = (i) => S(i, s)
+    readWidgetId: l = (i) => S(i, s)
   } = e;
   if (!n || typeof n.querySelectorAll != "function") return null;
-  const l = n.querySelectorAll(`[${r}="true"]`);
-  for (const i of l)
-    if (i instanceof HTMLElement && c(i) === o)
+  const d = n.querySelectorAll(`[${r}="true"]`);
+  for (const i of d)
+    if (i instanceof HTMLElement && l(i) === o)
       return i;
   return null;
 }
-function b(e) {
-  const n = k(e);
+function C(e) {
+  const n = b(e);
   return n ? (n.focus({ preventScroll: !0 }), !0) : !1;
 }
 function g(e) {
   return { kind: "canvas", reason: e };
 }
-function p(e, n) {
+function L(e, n) {
   return { kind: "widget", widgetId: e, reason: n };
 }
-function C(e) {
+function p(e) {
   const n = e.findWidgetRoot(e.target);
   if (n) {
     const r = e.readWidgetId(n);
     return r !== null && r === e.selectedWidgetId ? { kind: "local_surface", reason: "selected_widget" } : e.disablePanZoom ? { kind: "ignore", reason: "pan_zoom_disabled" } : { kind: "canvas_zoom" };
   }
-  const o = A({
+  const o = m({
     target: e.target,
     disablePanZoom: e.disablePanZoom,
     wheelInteractiveSelector: e.wheelInteractiveSelector
   });
   return o.kind === "canvas_zoom" ? o : o.kind === "local_surface" ? { kind: "local_surface", reason: o.reason } : { kind: "ignore", reason: o.reason };
 }
-function D(e) {
-  const n = e?.surfaceRootAttr ?? m, o = e?.widgetRootAttr ?? a, r = e?.widgetIdAttr ?? s, c = e?.dialogSurfaceHostAttr ?? h, l = e?.interactiveSelector ?? '[data-floe-canvas-interactive="true"]', i = e?.panSurfaceSelector ?? '[data-floe-canvas-pan-surface="true"]', w = e?.wheelInteractiveSelector ?? R, d = e?.readWidgetId ?? ((t) => S(t, r)), f = e?.findWidgetRoot ?? ((t) => O(t, o)), I = e?.focusWidgetElement ?? ((t, u) => b({
+function N(e) {
+  const n = e?.surfaceRootAttr ?? h, o = e?.widgetRootAttr ?? a, r = e?.widgetIdAttr ?? s, l = e?.dialogSurfaceHostAttr ?? O, d = e?.interactiveSelector ?? '[data-floe-canvas-interactive="true"]', i = e?.panSurfaceSelector ?? '[data-floe-canvas-pan-surface="true"]', I = e?.wheelInteractiveSelector ?? w, u = e?.readWidgetId ?? ((t) => S(t, r)), f = e?.findWidgetRoot ?? ((t) => k(t, o)), R = e?.focusWidgetElement ?? ((t, c) => C({
     root: t,
-    widgetId: u,
+    widgetId: c,
     widgetRootAttr: o,
-    readWidgetId: d
+    readWidgetId: u
   }));
   return {
     ...e,
     surfaceRootAttr: n,
     widgetRootAttr: o,
     widgetIdAttr: r,
-    dialogSurfaceHostAttr: c,
-    interactiveSelector: l,
+    dialogSurfaceHostAttr: l,
+    interactiveSelector: d,
     panSurfaceSelector: i,
-    wheelInteractiveSelector: w,
+    wheelInteractiveSelector: I,
     createInitialInputOwner: e?.createInitialInputOwner ?? (() => g("initial")),
     createCanvasInputOwner: e?.createCanvasInputOwner ?? g,
-    createWidgetInputOwner: e?.createWidgetInputOwner ?? p,
-    readWidgetId: d,
+    createWidgetInputOwner: e?.createWidgetInputOwner ?? L,
+    readWidgetId: u,
     findWidgetRoot: f,
-    focusWidgetElement: I,
-    resolveSurfaceTargetRole: e?.resolveSurfaceTargetRole ?? ((t) => T({
+    focusWidgetElement: R,
+    resolveSurfaceTargetRole: e?.resolveSurfaceTargetRole ?? ((t) => A({
       target: t.target,
       interactiveSelector: t.interactiveSelector,
       panSurfaceSelector: t.panSurfaceSelector
     })),
-    resolveWidgetEventOwnership: e?.resolveWidgetEventOwnership ?? ((t) => v({
+    resolveWidgetEventOwnership: e?.resolveWidgetEventOwnership ?? ((t) => _({
       target: t.target,
       widgetRoot: t.widgetRoot,
       interactiveSelector: t.interactiveSelector,
       panSurfaceSelector: t.panSurfaceSelector,
-      shellSelector: _
+      shellSelector: T
     })),
-    resolveWheelRouting: e?.resolveWheelRouting ?? ((t) => C({
+    resolveWheelRouting: e?.resolveWheelRouting ?? ((t) => p({
       target: t.target,
       disablePanZoom: t.disablePanZoom,
       selectedWidgetId: t.selectedWidgetId,
       wheelInteractiveSelector: t.wheelInteractiveSelector,
       findWidgetRoot: f,
-      readWidgetId: d
+      readWidgetId: u
     })),
     shouldBypassGlobalHotkeys: e?.shouldBypassGlobalHotkeys ?? ((t) => {
-      const u = W(t.target);
-      return E(u);
+      const c = E(t.target);
+      return W(c) || !!c?.closest(v);
     })
   };
 }
 export {
-  h as DEFAULT_WORKBENCH_DIALOG_SURFACE_HOST_ATTR,
-  m as DEFAULT_WORKBENCH_SURFACE_ROOT_ATTR,
+  O as DEFAULT_WORKBENCH_DIALOG_SURFACE_HOST_ATTR,
+  h as DEFAULT_WORKBENCH_SURFACE_ROOT_ATTR,
   s as DEFAULT_WORKBENCH_WIDGET_ID_ATTR,
   a as DEFAULT_WORKBENCH_WIDGET_ROOT_ATTR,
-  k as findWorkbenchWidgetElement,
-  O as findWorkbenchWidgetRoot,
-  b as focusWorkbenchWidgetElement,
+  b as findWorkbenchWidgetElement,
+  k as findWorkbenchWidgetRoot,
+  C as focusWorkbenchWidgetElement,
   S as readWorkbenchWidgetId,
-  D as resolveWorkbenchInteractionAdapter
+  N as resolveWorkbenchInteractionAdapter
 };

package/dist/components/workbench/workbenchOptions.d.ts

@@ -1,6 +1,11 @@
 export declare const WORKBENCH_TEXT_COLOR_OPTIONS: readonly ["#6b7280", "#64748b", "#71717a", "#78716c", "#7770a0", "#8a6b6b"];
 export declare const WORKBENCH_DEFAULT_TEXT_COLOR: "#6b7280";
 export declare const WORKBENCH_TEXT_FONT_OPTIONS: readonly [{
+    readonly id: "system";
+    readonly label: "System";
+    readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", sans-serif";
+    readonly fontWeight: 560;
+}, {
     readonly id: "serif";
     readonly label: "Serif";
     readonly fontFamily: "ui-serif, Georgia, serif";
@@ -28,14 +33,39 @@ export declare const WORKBENCH_TEXT_FONT_OPTIONS: readonly [{
 }];
 export type WorkbenchTextFontOption = (typeof WORKBENCH_TEXT_FONT_OPTIONS)[number];
 export declare const WORKBENCH_DEFAULT_TEXT_FONT: {
-    readonly id: "serif";
-    readonly label: "Serif";
-    readonly fontFamily: "ui-serif, Georgia, serif";
-    readonly fontWeight: 760;
+    readonly id: "system";
+    readonly label: "System";
+    readonly fontFamily: "-apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", sans-serif";
+    readonly fontWeight: 560;
 };
 export declare const WORKBENCH_TEXT_EMOJI_OPTIONS: readonly ["✨", "✅", "⚠️", "🔥", "💡", "🚀", "🎯", "📌", "🧭", "🧪", "🛠️", "📝", "👀", "🔎", "💬", "❓", "❗", "⭐", "❤️", "🔒", "🔗", "📎", "📅", "⏱️", "📊", "📈", "🏁", "🔖", "🧩", "⚙️", "🚧", "🧯", "📦", "🎉"];
 export declare function resolveWorkbenchTextFontOption(fontFamily: unknown): WorkbenchTextFontOption;
-export declare const WORKBENCH_REGION_FILL_OPTIONS: readonly ["#9da8a1", "#a79d8e", "#8fa1aa", "#a78f86", "#9ca184", "#9993a7"];
+export declare const WORKBENCH_REGION_COLOR_OPTIONS: readonly [{
+    readonly color: "amber";
+    readonly fill: "#a79d8e";
+    readonly hue: 82;
+}, {
+    readonly color: "sage";
+    readonly fill: "#9da8a1";
+    readonly hue: 145;
+}, {
+    readonly color: "azure";
+    readonly fill: "#8fa1aa";
+    readonly hue: 245;
+}, {
+    readonly color: "coral";
+    readonly fill: "#a78f86";
+    readonly hue: 42;
+}, {
+    readonly color: "rose";
+    readonly fill: "#b58fa2";
+    readonly hue: 350;
+}, {
+    readonly color: "graphite";
+    readonly fill: "#999999";
+    readonly hue: 255;
+}];
+export declare const WORKBENCH_REGION_FILL_OPTIONS: readonly ["#9da8a1", "#a79d8e", "#8fa1aa", "#a78f86", "#9ca184", "#9993a7", "#b58fa2", "#999999"];
 export declare const WORKBENCH_DEFAULT_REGION_FILL: "#9da8a1";
 export declare const WORKBENCH_BACKGROUND_MATERIALS: readonly ["solid", "frame", "hatched", "dotted", "grid", "glass"];
 export declare const WORKBENCH_DEFAULT_BACKGROUND_MATERIAL = "solid";

package/dist/components/workbench/workbenchOptions.js

@@ -5,7 +5,13 @@ const s = [
   "#78716c",
   "#7770a0",
   "#8a6b6b"
-], O = s[0], o = [
+], t = s[0], o = [
+  {
+    id: "system",
+    label: "System",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif',
+    fontWeight: 560
+  },
   {
     id: "serif",
     label: "Serif",
@@ -72,18 +78,27 @@ const s = [
   "📦",
   "🎉"
 ];
-function l(n) {
-  const e = String(n ?? "").trim();
-  return o.find((a) => a.fontFamily === e) ?? i;
+function O(e) {
+  const a = String(e ?? "").trim();
+  return o.find((n) => n.fontFamily === a) ?? i;
 }
-const t = [
+const f = [
+  { color: "amber", fill: "#a79d8e", hue: 82 },
+  { color: "sage", fill: "#9da8a1", hue: 145 },
+  { color: "azure", fill: "#8fa1aa", hue: 245 },
+  { color: "coral", fill: "#a78f86", hue: 42 },
+  { color: "rose", fill: "#b58fa2", hue: 350 },
+  { color: "graphite", fill: "#999999", hue: 255 }
+], l = [
   "#9da8a1",
   "#a79d8e",
   "#8fa1aa",
   "#a78f86",
   "#9ca184",
-  "#9993a7"
-], _ = t[0], T = [
+  "#9993a7",
+  "#b58fa2",
+  "#999999"
+], _ = l[0], c = [
   "solid",
   "frame",
   "hatched",
@@ -97,18 +112,19 @@ const t = [
   "coral",
   "rose",
   "graphite"
-], f = "amber";
+], T = "amber";
 export {
-  T as WORKBENCH_BACKGROUND_MATERIALS,
+  c as WORKBENCH_BACKGROUND_MATERIALS,
   d as WORKBENCH_DEFAULT_BACKGROUND_MATERIAL,
   _ as WORKBENCH_DEFAULT_REGION_FILL,
-  f as WORKBENCH_DEFAULT_STICKY_NOTE_COLOR,
-  O as WORKBENCH_DEFAULT_TEXT_COLOR,
+  T as WORKBENCH_DEFAULT_STICKY_NOTE_COLOR,
+  t as WORKBENCH_DEFAULT_TEXT_COLOR,
   i as WORKBENCH_DEFAULT_TEXT_FONT,
-  t as WORKBENCH_REGION_FILL_OPTIONS,
+  f as WORKBENCH_REGION_COLOR_OPTIONS,
+  l as WORKBENCH_REGION_FILL_OPTIONS,
   E as WORKBENCH_STICKY_NOTE_COLORS,
   s as WORKBENCH_TEXT_COLOR_OPTIONS,
   r as WORKBENCH_TEXT_EMOJI_OPTIONS,
   o as WORKBENCH_TEXT_FONT_OPTIONS,
-  l as resolveWorkbenchTextFontOption
+  O as resolveWorkbenchTextFontOption
 };