@floegence/floe-webapp-core 0.53.3 → 0.54.0

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

@@ -11,3 +11,4 @@ export { sanitizeWorkbenchState, createDefaultWorkbenchState, createWorkbenchId,
 export { WORKBENCH_BACKGROUND_MATERIALS, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL, WORKBENCH_DEFAULT_REGION_FILL, WORKBENCH_DEFAULT_STICKY_NOTE_COLOR, WORKBENCH_DEFAULT_TEXT_COLOR, WORKBENCH_DEFAULT_TEXT_FONT, WORKBENCH_REGION_FILL_OPTIONS, WORKBENCH_STICKY_NOTE_COLORS, WORKBENCH_TEXT_COLOR_OPTIONS, WORKBENCH_TEXT_EMOJI_OPTIONS, WORKBENCH_TEXT_FONT_OPTIONS, } from './workbenchOptions';
 export { DEFAULT_WORKBENCH_THEME, WORKBENCH_THEME_IDS, WORKBENCH_THEMES, isWorkbenchThemeId, workbenchThemeMeta, type WorkbenchThemeId, type WorkbenchThemeMeta, type WorkbenchThemePreview, } from './workbenchThemes';
 export { WorkbenchThemeSelector, type WorkbenchThemeSelectorProps } from './WorkbenchThemeSelector';
+export { workbenchCompositionMessages, type WorkbenchCompositionMessageKey, type WorkbenchCompositionMessages, } from './workbenchCompositionMessages';

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

@@ -141,7 +141,7 @@ export declare const WORKBENCH_STICKY_FILTER_ID = "sticky-note";
 export declare const WORKBENCH_TEXT_FILTER_ID = "text";
 export declare const WORKBENCH_BACKGROUND_REGION_FILTER_ID = "background-region";
 export declare const WORKBENCH_LAYER_COMPONENT_FILTER_IDS: readonly ["sticky-note", "text", "background-region"];
-export type WorkbenchLayerComponentFilterId = typeof WORKBENCH_LAYER_COMPONENT_FILTER_IDS[number];
+export type WorkbenchLayerComponentFilterId = (typeof WORKBENCH_LAYER_COMPONENT_FILTER_IDS)[number];
 export type WorkbenchDockToolId = 'select' | 'text' | 'sticky-note' | 'background-region' | (string & {});
 export type WorkbenchSelection = {
     kind: 'widget';
@@ -157,11 +157,14 @@ export type WorkbenchSelection = {
     id: string;
 };
 export type WorkbenchStickyNoteColor = 'graphite' | 'sage' | 'amber' | 'azure' | 'coral' | 'rose';
+export type WorkbenchStickyNoteMaterial = 'tint' | 'tab' | 'ruled';
 export interface WorkbenchStickyNoteItem {
     id: string;
     kind: 'sticky_note';
     body: string;
     color: WorkbenchStickyNoteColor;
+    /** Missing material in existing layouts renders as tint. */
+    material?: WorkbenchStickyNoteMaterial;
     x: number;
     y: number;
     width: number;
@@ -170,7 +173,7 @@ export interface WorkbenchStickyNoteItem {
     created_at_unix_ms: number;
     updated_at_unix_ms: number;
 }
-export type WorkbenchStickyNotePatch = Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color'>>;
+export type WorkbenchStickyNotePatch = Partial<Pick<WorkbenchStickyNoteItem, 'body' | 'color' | 'material'>>;
 export type WorkbenchTextAnnotationAlign = 'left' | 'center' | 'right';
 export interface WorkbenchTextAnnotationItem {
     id: string;
@@ -192,7 +195,7 @@ export interface WorkbenchTextAnnotationItem {
 export type WorkbenchTextAnnotationPatch = Partial<Pick<WorkbenchTextAnnotationItem, 'text' | 'font_family' | 'font_size' | 'font_weight' | 'color' | 'align'>>;
 export type WorkbenchTextAnnotationDefaults = Partial<Pick<WorkbenchTextAnnotationItem, 'font_family' | 'font_size' | 'font_weight' | 'color' | 'align' | 'width' | 'height'>>;
 export type WorkbenchAnnotationItem = WorkbenchTextAnnotationItem;
-export type WorkbenchBackgroundMaterial = 'solid' | 'dotted' | 'grid' | 'hatched' | 'glass';
+export type WorkbenchBackgroundMaterial = 'solid' | 'dotted' | 'grid' | 'hatched' | 'glass' | 'frame';
 export interface WorkbenchBackgroundLayer {
     id: string;
     name: string;

package/dist/components/workbench/useWorkbenchModel.js

@@ -1,25 +1,25 @@
 import { createSignal as nt, createMemo as u, createEffect as Ne, onCleanup as Ae, batch as p } from "solid-js";
 import { clientToCanvasWorld as Ie } from "../ui/canvasGeometry.js";
-import { ArrowUp as xt, Copy as F, Trash as R, MessageSquare as St, Region as Wt, TextTool as Le } from "../icons/index.js";
+import { ArrowUp as xt, Copy as R, Trash as F, MessageSquare as St, Region as Wt, TextTool as Le } from "../icons/index.js";
 import { WORKBENCH_STICKY_FILTER_ID as De } from "./types.js";
-import { WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as Me, WORKBENCH_DEFAULT_TEXT_COLOR as je, WORKBENCH_DEFAULT_TEXT_FONT as Ot, WORKBENCH_BACKGROUND_MATERIALS as Mt, WORKBENCH_REGION_FILL_OPTIONS as pe, WORKBENCH_STICKY_NOTE_COLORS as Fe, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as Re, WORKBENCH_DEFAULT_REGION_FILL as Be } from "./workbenchOptions.js";
+import { WORKBENCH_DEFAULT_STICKY_NOTE_COLOR as Me, WORKBENCH_DEFAULT_TEXT_COLOR as je, WORKBENCH_DEFAULT_TEXT_FONT as Ot, WORKBENCH_BACKGROUND_MATERIALS as Mt, WORKBENCH_REGION_FILL_OPTIONS as pe, WORKBENCH_STICKY_NOTE_COLORS as Re, WORKBENCH_DEFAULT_BACKGROUND_MATERIAL as Fe, WORKBENCH_DEFAULT_REGION_FILL as Be } from "./workbenchOptions.js";
 import { resolveWorkbenchModeStrategy as Tt, compareWorkbenchLayerRenderOrder as Ct, createContextMenuPosition as Xe, resolveWorkbenchLayerFront as Nt, createWorkbenchWidgetFrame as Ee, createWorkbenchId as W, createWorkbenchViewportCenteredOnWidget as At, findNearestWidget as ze, sanitizeFilters as Ye, WORKBENCH_CONTEXT_MENU_WIDTH_PX as He, estimateContextMenuHeight as Ve, clampScale as Ke, WORKBENCH_MAX_SCALE as ve, WORKBENCH_CANVAS_ZOOM_STEP as It, normalizeWorkbenchInteractionMode as Ue, createWorkbenchViewportAtScale as Pe, WORKBENCH_WORK_MIN_SCALE as qe, createWorkbenchViewportFitForWidget as Ze } from "./workbenchHelpers.js";
 import { resolveWorkbenchWidgetDefinitions as Ge, getWidgetEntry as $e } from "./widgets/widgetRegistry.js";
 import { resolveTextAnnotationDefaultSize as Je, resolveBackgroundLayerDefaultSize as Qe, resolveStickyNoteDefaultSize as tn } from "./workbenchPlacement.js";
 function jt(o, d) {
-  const s = o.findIndex((a) => a === d);
-  return o[(s + 1) % o.length] ?? o[0];
+  const r = o.findIndex((a) => a === d);
+  return o[(r + 1) % o.length] ?? o[0];
 }
-function Lt(o, d, s) {
+function Lt(o, d, r) {
   const a = String(d ?? "").trim();
-  return o.includes(a) ? a : s;
+  return o.includes(a) ? a : r;
 }
 function en(o, d) {
-  const s = Number(o);
-  return Number.isFinite(s) ? Math.max(0.08, Math.min(1, s)) : d;
+  const r = Number(o);
+  return Number.isFinite(r) ? Math.max(0.08, Math.min(1, r)) : d;
 }
 function nn(o) {
-  return jt(Fe, o);
+  return jt(Re, o);
 }
 function on(o) {
   return jt(Mt, o);
@@ -28,7 +28,7 @@ function Dt(o) {
   return !("kind" in o);
 }
 function it(o) {
-  return o.reduce((d, s) => Math.max(d, s.z_index), 1);
+  return o.reduce((d, r) => Math.max(d, r.z_index), 1);
 }
 function cn(o, d) {
   return it([...o, ...d]);
@@ -46,7 +46,7 @@ function dn(o) {
     created_at_unix_ms: o.created_at_unix_ms
   };
 }
-function an(o, d, s) {
+function an(o, d, r) {
   const a = Date.now(), { width: y, height: _ } = tn();
   return {
     id: W(),
@@ -57,12 +57,12 @@ function an(o, d, s) {
     y: d - _ / 2,
     width: y,
     height: _,
-    z_index: s,
+    z_index: r,
     created_at_unix_ms: a,
     updated_at_unix_ms: a
   };
 }
-function sn(o, d, s, a) {
+function rn(o, d, r, a) {
   const y = Date.now(), { width: _, height: b } = Je(a);
   return {
     id: W(),
@@ -77,12 +77,12 @@ function sn(o, d, s, a) {
     y: d - b / 2,
     width: _,
     height: b,
-    z_index: s,
+    z_index: r,
     created_at_unix_ms: y,
     updated_at_unix_ms: y
   };
 }
-function rn(o) {
+function sn(o) {
   const d = Date.now();
   return {
     ...o,
@@ -94,8 +94,8 @@ function rn(o) {
     updated_at_unix_ms: d
   };
 }
-function ln(o, d, s, a) {
-  const y = Date.now(), { width: _, height: b } = Qe(a), f = String(a?.name ?? "").trim() || "Focus area";
+function ln(o, d, r, a) {
+  const y = Date.now(), { width: _, height: b } = Qe(a), f = String(a?.name ?? "").trim();
   return {
     id: W(),
     name: f,
@@ -108,13 +108,13 @@ function ln(o, d, s, a) {
     material: Lt(
       Mt,
       a?.material,
-      Re
+      Fe
     ),
     x: o - _ / 2,
     y: d - b / 2,
     width: _,
     height: b,
-    z_index: s,
+    z_index: r,
     created_at_unix_ms: y,
     updated_at_unix_ms: y
   };
@@ -133,11 +133,11 @@ function un(o) {
   };
 }
 function Nn(o) {
-  const [d, s] = nt(null), [a, y] = nt(null), [_, b] = nt({ width: 0, height: 0 });
+  const [d, r] = nt(null), [a, y] = nt(null), [_, b] = nt({ width: 0, height: 0 });
   let f = null, C = null;
-  const r = o.state, m = u(() => r().widgets), x = u(() => r().stickyNotes ?? []), ot = u(() => r().annotations ?? []), ct = u(() => r().backgroundLayers ?? []), w = u(() => r().viewport), pt = u(() => r().locked), B = u(() => r().filters), Ft = u(() => r().selectedWidgetId), X = u(
-    () => r().selectedObject ?? (r().selectedWidgetId ? { kind: "widget", id: r().selectedWidgetId } : null)
-  ), N = u(() => r().mode ?? "work"), Rt = u(() => Tt(N())), dt = u(() => r().activeTool ?? "select"), Bt = u(() => r().theme), E = u(() => cn(m(), x())), Xt = u(() => [...m(), ...x()].sort(Ct).at(-1)?.id ?? null), Et = u(() => `${Math.round(w().scale * 100)}%`);
+  const s = o.state, m = u(() => s().widgets), x = u(() => s().stickyNotes ?? []), ot = u(() => s().annotations ?? []), ct = u(() => s().backgroundLayers ?? []), w = u(() => s().viewport), pt = u(() => s().locked), B = u(() => s().filters), Rt = u(() => s().selectedWidgetId), X = u(
+    () => s().selectedObject ?? (s().selectedWidgetId ? { kind: "widget", id: s().selectedWidgetId } : null)
+  ), N = u(() => s().mode ?? "work"), Ft = u(() => Tt(N())), dt = u(() => s().activeTool ?? "select"), Bt = u(() => s().theme), E = u(() => cn(m(), x())), Xt = u(() => [...m(), ...x()].sort(Ct).at(-1)?.id ?? null), Et = u(() => `${Math.round(w().scale * 100)}%`);
   Ne(() => {
     const e = a();
     e && e !== Xt() && y(null);
@@ -168,7 +168,7 @@ function Nn(o) {
     at(), f = null;
   });
   const Kt = (e) => {
-    s({
+    r({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: e.worldX,
@@ -176,7 +176,7 @@ function Nn(o) {
       target: { kind: "canvas", mode: N() }
     });
   }, vt = (e, t) => {
-    S(t.id), s({
+    S(t.id), r({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -185,7 +185,7 @@ function Nn(o) {
       widgetId: t.id
     });
   }, Ut = (e, t) => {
-    D(t.id), s({
+    D(t.id), r({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -194,7 +194,7 @@ function Nn(o) {
       widgetId: t.id
     });
   }, Pt = (e, t) => {
-    s({
+    r({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
@@ -202,14 +202,14 @@ function Nn(o) {
       target: { kind: "annotation", id: t.id }
     });
   }, qt = (e, t) => {
-    s({
+    r({
       clientX: e.clientX,
       clientY: e.clientY,
       worldX: t.x,
       worldY: t.y,
       target: { kind: "background_layer", id: t.id }
     });
-  }, l = () => s(null), Zt = (e) => r().widgets.find((t) => t.id === e) ?? null, I = (e) => r().widgets.find((t) => t.type === e) ?? null, Y = (e) => r().stickyNotes?.find((t) => t.id === e) ?? null, st = (e) => r().annotations?.find((t) => t.id === e) ?? null, rt = (e) => r().backgroundLayers?.find((t) => t.id === e) ?? null, Gt = (e) => e.target ? e.target : e.widgetId ? Y(e.widgetId) ? { kind: "sticky_note", id: e.widgetId } : { kind: "widget", id: e.widgetId } : { kind: "canvas", mode: N() }, L = (e, t) => {
+  }, l = () => r(null), Zt = (e) => s().widgets.find((t) => t.id === e) ?? null, I = (e) => s().widgets.find((t) => t.type === e) ?? null, Y = (e) => s().stickyNotes?.find((t) => t.id === e) ?? null, rt = (e) => s().annotations?.find((t) => t.id === e) ?? null, st = (e) => s().backgroundLayers?.find((t) => t.id === e) ?? null, Gt = (e) => e.target ? e.target : e.widgetId ? Y(e.widgetId) ? { kind: "sticky_note", id: e.widgetId } : { kind: "widget", id: e.widgetId } : { kind: "canvas", mode: N() }, L = (e, t) => {
     if (t?.source === "pointer") {
       const n = f?.getBoundingClientRect(), i = n ? Ie(n, w(), {
         clientX: t.clientX,
@@ -265,7 +265,7 @@ function Nn(o) {
         id: "duplicate",
         kind: "action",
         label: "Duplicate",
-        icon: F,
+        icon: R,
         onSelect: () => {
           ut(n.type, n.x + 32, n.y + 32), l();
         }
@@ -273,7 +273,7 @@ function Nn(o) {
         id: "delete",
         kind: "action",
         label: "Delete",
-        icon: R,
+        icon: F,
         destructive: !0,
         onSelect: () => {
           K(t.id), l();
@@ -294,7 +294,7 @@ function Nn(o) {
         id: "copy-content",
         kind: "action",
         label: "Copy Content",
-        icon: F,
+        icon: R,
         onSelect: () => {
           typeof navigator < "u" && navigator.clipboard?.writeText(n.body), l();
         }
@@ -310,7 +310,7 @@ function Nn(o) {
         id: "delete",
         kind: "action",
         label: "Delete",
-        icon: R,
+        icon: F,
         destructive: !0,
         onSelect: () => {
           q(t.id), l();
@@ -318,12 +318,12 @@ function Nn(o) {
       }), i;
     }
     if (t.kind === "annotation") {
-      const n = st(t.id), i = [];
+      const n = rt(t.id), i = [];
       return n?.kind === "text" && i.push({
         id: "duplicate",
         kind: "action",
         label: "Duplicate Text",
-        icon: F,
+        icon: R,
         onSelect: () => {
           gt(n), l();
         }
@@ -331,7 +331,7 @@ function Nn(o) {
         id: "delete",
         kind: "action",
         label: "Delete Text",
-        icon: R,
+        icon: F,
         destructive: !0,
         onSelect: () => {
           Z(t.id), l();
@@ -339,12 +339,12 @@ function Nn(o) {
       }), i;
     }
     if (t.kind === "background_layer") {
-      const n = rt(t.id), i = [];
+      const n = st(t.id), i = [];
       return n && (i.push({
         id: "duplicate",
         kind: "action",
         label: "Duplicate Region",
-        icon: F,
+        icon: R,
         onSelect: () => {
           kt(n), l();
         }
@@ -360,7 +360,7 @@ function Nn(o) {
         id: "delete",
         kind: "action",
         label: "Delete Region",
-        icon: R,
+        icon: F,
         destructive: !0,
         onSelect: () => {
           G(t.id), l();
@@ -468,7 +468,7 @@ function Nn(o) {
       })), O(n.id);
     }), n;
   }, U = (e, t) => {
-    const n = sn(
+    const n = rn(
       e,
       t,
       it(ot()) + 1,
@@ -483,7 +483,7 @@ function Nn(o) {
       activeTool: "select"
     })), n;
   }, gt = (e) => {
-    const t = rn(e);
+    const t = sn(e);
     return o.setState((n) => ({
       ...n,
       annotations: [...n.annotations ?? [], t],
@@ -573,6 +573,7 @@ function Nn(o) {
           ...i,
           ...typeof t.body == "string" ? { body: t.body } : {},
           ...t.color ? { color: t.color } : {},
+          ...t.material ? { material: t.material } : {},
           updated_at_unix_ms: Date.now()
         } : i
       )
@@ -626,7 +627,7 @@ function Nn(o) {
         (i) => i.id === e ? { ...i, x: t.x, y: t.y, updated_at_unix_ms: Date.now() } : i
       )
     }));
-  }, se = (e, t) => {
+  }, re = (e, t) => {
     o.setState((n) => ({
       ...n,
       backgroundLayers: (n.backgroundLayers ?? []).map(
@@ -642,7 +643,7 @@ function Nn(o) {
           ...typeof t.fill == "string" ? { fill: t.fill } : {},
           ...typeof t.opacity == "number" ? { opacity: t.opacity } : {},
           ...typeof t.material == "string" ? { material: t.material } : {},
-          ...typeof t.name == "string" ? { name: t.name } : {},
+          ...typeof t.name == "string" ? { name: t.name.trim() } : {},
           updated_at_unix_ms: Date.now()
         } : i
       )
@@ -657,7 +658,7 @@ function Nn(o) {
   let $ = 0;
   const J = (e) => {
     o.setState((t) => ({ ...t, viewport: e }));
-  }, re = () => {
+  }, se = () => {
     $ += 1;
   }, M = (e) => {
     const t = w(), n = t.x, i = t.y, c = t.scale, g = performance.now(), k = 360, Oe = ++$, Te = (tt) => 1 - Math.pow(1 - tt, 3), ht = (tt) => {
@@ -686,7 +687,7 @@ function Nn(o) {
   }, _t = (e) => {
     const t = w(), n = h(), i = (n.width / 2 - t.x) / t.scale, c = (n.height / 2 - t.y) / t.scale, g = Ke(
       e === "in" ? t.scale * It : t.scale / It,
-      Rt().minScale,
+      Ft().minScale,
       ve
     ), k = {
       x: n.width / 2 - i * g,
@@ -738,7 +739,6 @@ function Nn(o) {
       ...t,
       selectedWidgetId: null,
       selectedObject: { kind: "sticky_note", id: e },
-      mode: "work",
       activeTool: "select"
     })), D(e);
   }, _e = (e) => {
@@ -820,7 +820,7 @@ function Nn(o) {
     canvasFrameSize: _,
     locked: pt,
     filters: B,
-    selectedWidgetId: Ft,
+    selectedWidgetId: Rt,
     selectedObject: X,
     mode: N,
     activeTool: dt,
@@ -836,7 +836,7 @@ function Nn(o) {
       position: Jt,
       close: l,
       retarget: (e) => {
-        e.preventDefault(), e.stopPropagation(), s({
+        e.preventDefault(), e.stopPropagation(), r({
           clientX: e.clientX,
           clientY: e.clientY,
           worldX: 0,
@@ -866,9 +866,9 @@ function Nn(o) {
       commitAnnotationMove: oe,
       commitAnnotationResize: ce,
       commitBackgroundMove: ae,
-      commitBackgroundResize: se,
+      commitBackgroundResize: re,
       commitViewport: J,
-      cancelViewportNavigation: re
+      cancelViewportNavigation: se
     },
     hud: {
       zoomIn: () => _t("in"),
@@ -945,12 +945,12 @@ function Nn(o) {
       findWidgetByType: I,
       findWidgetById: Zt,
       findStickyNoteById: Y,
-      findAnnotationById: st,
-      findBackgroundLayerById: rt
+      findAnnotationById: rt,
+      findBackgroundLayerById: st
     },
     appearance: {
       setTheme: (e) => {
-        r().theme !== e && o.setState((t) => ({ ...t, theme: e }));
+        s().theme !== e && o.setState((t) => ({ ...t, theme: e }));
       }
     },
     modes: {

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

@@ -0,0 +1,62 @@
+import { type Accessor } from 'solid-js';
+export declare const workbenchCompositionMessages: {
+    readonly dragSticky: "Drag sticky note";
+    readonly stickyBody: "Sticky note body";
+    readonly copySticky: "Copy sticky note content";
+    readonly copiedSticky: "Sticky note content copied";
+    readonly stickyColor: "Use sticky color {value}";
+    readonly stickyMaterial: "Sticky material";
+    readonly useStickyMaterial: "Use sticky material {value}";
+    readonly done: "Done";
+    readonly deleteSticky: "Delete sticky note";
+    readonly resizeSticky: "Resize sticky note";
+    readonly regionName: "Region name";
+    readonly editName: "Edit name";
+    readonly addName: "Add name";
+    readonly clearName: "Clear name";
+    readonly moveText: "Move text";
+    readonly chooseFont: "Choose bold font";
+    readonly boldFont: "Bold font";
+    readonly useFont: "Use {value} bold font";
+    readonly fontPreview: "{value} bold";
+    readonly textContent: "Canvas text";
+    readonly textSize: "Text size";
+    readonly decreaseSize: "Decrease text size";
+    readonly sizeValue: "Text size value";
+    readonly increaseSize: "Increase text size";
+    readonly textColor: "Use text color {value}";
+    readonly insertEmoji: "Insert emoji";
+    readonly emoji: "Emoji";
+    readonly useEmoji: "Insert emoji {value}";
+    readonly deleteText: "Delete text";
+    readonly resizeText: "Resize text";
+    readonly regionColor: "Use region color {value}";
+    readonly regionMaterial: "Region material";
+    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 solid: "Color field";
+    readonly frame: "Outline";
+    readonly hatched: "Hatch";
+    readonly dotted: "Dotted";
+    readonly grid: "Grid";
+    readonly glass: "Wash";
+    readonly amber: "Amber";
+    readonly sage: "Sage";
+    readonly azure: "Azure";
+    readonly coral: "Coral";
+    readonly rose: "Rose";
+    readonly graphite: "Graphite";
+    readonly serif: "Serif";
+    readonly sans: "Sans";
+    readonly round: "Round";
+    readonly mono: "Mono";
+    readonly condensed: "Condensed";
+};
+export type WorkbenchCompositionMessageKey = keyof typeof workbenchCompositionMessages;
+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;

package/dist/components/workbench/workbenchCompositionMessages.js

@@ -0,0 +1,67 @@
+import { createContext as i, useContext as n } from "solid-js";
+const a = {
+  dragSticky: "Drag sticky note",
+  stickyBody: "Sticky note body",
+  copySticky: "Copy sticky note content",
+  copiedSticky: "Sticky note content copied",
+  stickyColor: "Use sticky color {value}",
+  stickyMaterial: "Sticky material",
+  useStickyMaterial: "Use sticky material {value}",
+  done: "Done",
+  deleteSticky: "Delete sticky note",
+  resizeSticky: "Resize sticky note",
+  regionName: "Region name",
+  editName: "Edit name",
+  addName: "Add name",
+  clearName: "Clear name",
+  moveText: "Move text",
+  chooseFont: "Choose bold font",
+  boldFont: "Bold font",
+  useFont: "Use {value} bold font",
+  fontPreview: "{value} bold",
+  textContent: "Canvas text",
+  textSize: "Text size",
+  decreaseSize: "Decrease text size",
+  sizeValue: "Text size value",
+  increaseSize: "Increase text size",
+  textColor: "Use text color {value}",
+  insertEmoji: "Insert emoji",
+  emoji: "Emoji",
+  useEmoji: "Insert emoji {value}",
+  deleteText: "Delete text",
+  resizeText: "Resize text",
+  regionColor: "Use region color {value}",
+  regionMaterial: "Region material",
+  useRegionMaterial: "Use region material {value}",
+  deleteRegion: "Delete background region",
+  resizeRegion: "Resize background region",
+  tint: "Tint",
+  tab: "Tab",
+  ruled: "Ruled",
+  solid: "Color field",
+  frame: "Outline",
+  hatched: "Hatch",
+  dotted: "Dotted",
+  grid: "Grid",
+  glass: "Wash",
+  amber: "Amber",
+  sage: "Sage",
+  azure: "Azure",
+  coral: "Coral",
+  rose: "Rose",
+  graphite: "Graphite",
+  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);
+}
+export {
+  s as WorkbenchCompositionMessagesContext,
+  l as useWorkbenchCompositionText,
+  a as workbenchCompositionMessages
+};

package/dist/components/workbench/workbenchHelpers.js

@@ -102,7 +102,11 @@ function w(e, t, n) {
   return t.includes(r) ? r : n;
 }
 function ie(e) {
-  return w(e, j, z);
+  return w(
+    e,
+    j,
+    z
+  );
 }
 function re(e) {
   if (!y(e)) return null;
@@ -110,7 +114,8 @@ function re(e) {
   return {
     id: W(e.id, "sticky"),
     kind: "sticky_note",
-    body: f(e.body) || "Untitled note",
+    body: typeof e.body == "string" ? e.body : "",
+    material: e.material === "tab" || e.material === "ruled" ? e.material : "tint",
     color: ie(e.color),
     x: d(e.x, 0),
     y: d(e.y, 0),
@@ -136,11 +141,15 @@ function de(e) {
   return {
     id: W(e.id, "text"),
     kind: "text",
-    text: f(e.text) || "Text",
+    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,
-    color: w(e.color, V, R),
+    color: w(
+      e.color,
+      V,
+      R
+    ),
     align: ce(e.align),
     x: d(e.x, 0),
     y: d(e.y, 0),
@@ -168,8 +177,12 @@ function ue(e) {
   const t = Date.now();
   return {
     id: W(e.id, "region"),
-    name: f(e.name) || "Canvas region",
-    fill: w(e.fill, G, S),
+    name: f(e.name),
+    fill: w(
+      e.fill,
+      G,
+      S
+    ),
     opacity: Math.max(0.08, Math.min(1, d(e.opacity, 0.72))),
     material: he(e.material),
     x: d(e.x, 0),

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

@@ -26,7 +26,7 @@ export declare const WORKBENCH_TEXT_FONT_OPTIONS: readonly [{
     readonly fontFamily: "Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif";
     readonly fontWeight: 700;
 }];
-export type WorkbenchTextFontOption = typeof WORKBENCH_TEXT_FONT_OPTIONS[number];
+export type WorkbenchTextFontOption = (typeof WORKBENCH_TEXT_FONT_OPTIONS)[number];
 export declare const WORKBENCH_DEFAULT_TEXT_FONT: {
     readonly id: "serif";
     readonly label: "Serif";
@@ -37,7 +37,7 @@ 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_DEFAULT_REGION_FILL: "#9da8a1";
-export declare const WORKBENCH_BACKGROUND_MATERIALS: readonly ["solid", "dotted", "grid", "hatched", "glass"];
-export declare const WORKBENCH_DEFAULT_BACKGROUND_MATERIAL = "dotted";
-export declare const WORKBENCH_STICKY_NOTE_COLORS: readonly ["amber", "sage", "azure", "coral", "rose"];
+export declare const WORKBENCH_BACKGROUND_MATERIALS: readonly ["solid", "frame", "hatched", "dotted", "grid", "glass"];
+export declare const WORKBENCH_DEFAULT_BACKGROUND_MATERIAL = "solid";
+export declare const WORKBENCH_STICKY_NOTE_COLORS: readonly ["amber", "sage", "azure", "coral", "rose", "graphite"];
 export declare const WORKBENCH_DEFAULT_STICKY_NOTE_COLOR = "amber";