efficient-easel 0.99.1 → 0.100.0

package/dist/pick/index.js

@@ -1,14 +1,7 @@
-import{DEFAULT_PICK_WORDS as e}from"../chunk-ZAOM6PFH.js";import{useId as a,useState as t,useRef as n,useEffect as l}from"react";import{jsxs as r,jsx as i}from"react/jsx-runtime";var s=/^(?:[0-9a-f]{3}|[0-9a-f]{6})$/i,o=7;function c(e){const a=e.trim().replace(/^#/,"");if(!s.test(a))return null;return`#${(3===a.length?[...a].map(e=>e+e).join(""):a).toLowerCase()}`}var u=e=>e.toUpperCase(),h=(e,a,t)=>Math.min(t,Math.max(a,e));function m(e){const a=c(e)??"#000000",t=parseInt(a.slice(1,3),16)/255,n=parseInt(a.slice(3,5),16)/255,l=parseInt(a.slice(5,7),16)/255,r=Math.max(t,n,l),i=r-Math.min(t,n,l);let s=0;return 0!==i&&(s=r===t?(n-l)/i%6*60:r===n?60*((l-t)/i+2):60*((t-n)/i+4)),{h:(s+360)%360,s:0===r?0:i/r,v:r}}function d({h:e,s:a,v:t}){const n=(e%360+360)%360,l=h(a,0,1),r=h(t,0,1),i=r*l,s=i*(1-Math.abs(n/60%2-1)),o=r-i,[c,u,m]=n<60?[i,s,0]:n<120?[s,i,0]:n<180?[0,i,s]:n<240?[0,s,i]:n<300?[s,0,i]:[i,0,s],d=e=>Math.round(255*(e+o)).toString(16).padStart(2,"0");return`#${d(c)}${d(u)}${d(m)}`}function p(e,a,t){return{s:t.width>0?h((e-t.left)/t.width,0,1):0,v:t.height>0?1-h((a-t.top)/t.height,0,1):0}}function v(e,a){return a.width>0?360*h((e-a.left)/a.width,0,1):0}function g(e){if(/^(data|blob):/i.test(e))return"";const a=(e.split(/[?#]/)[0]??"").split("/").filter(Boolean).pop()??"";try{return decodeURIComponent(a)}catch{return a}}function b({value:s,onChange:o,label:h,theme:g,caption:b,id:f,readOnly:y,words:w=e.colour}){const N=a(),[x,C]=t(!1),M=n(null),D=n(null),[A,I]=t(()=>m(s||"#000000")),$=n(s);l(()=>{s!==$.current&&($.current=s,s&&I(m(s)))},[s]);const L=e=>{y||e===s||($.current=e,o(e))},O=e=>{I(m(e)),L(e)},E=e=>{I(e),L(d(e))};l(()=>{if(!x)return;const e=M.current?.ownerDocument;if(!e)return;const a=e=>{M.current&&!M.current.contains(e.target)&&C(!1)};return e.addEventListener("click",a,!0),()=>e.removeEventListener("click",a,!0)},[x]);const K=e=>({onPointerDown:a=>{y||(a.currentTarget.setPointerCapture?.(a.pointerId),e(a))},onPointerMove:a=>{1&a.buttons&&e(a)}}),P=K(e=>E({...A,...p(e.clientX,e.clientY,e.currentTarget.getBoundingClientRect())})),T=K(e=>E({...A,h:v(e.clientX,e.currentTarget.getBoundingClientRect())})),B=e=>`${Math.round(100*e)}%`,R=void 0===b||s&&c(b)===c(s)?null:b,S=R??(s?u(s):w.notSet);/* @__PURE__ */
-return r("div",{ref:M,className:"es-pick-colour",children:[
-/* @__PURE__ */r("div",{className:"es-pick-colour-row",children:[
-/* @__PURE__ */i("button",{ref:D,id:f,type:"button",className:s?"es-pick-swatch":"es-pick-swatch is-unset",style:s?{background:s}:void 0,"aria-label":w.swatch({label:h,shown:S}),"aria-expanded":x,"aria-controls":x?N:void 0,disabled:y,onClick:()=>C(e=>!e)}),null===R?/* @__PURE__ */i(k,{value:s,onChange:O,name:w.hex({label:h}),readOnly:y}):/* @__PURE__ */i("span",{className:"es-pick-caption",children:R})]}),x?/* @__PURE__ */r("div",{id:N,role:"dialog","aria-label":w.dialog({label:h}),className:"es-pick-window",onKeyDown:e=>{"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),C(!1),D.current?.focus())},children:[g&&g.length>0?/* @__PURE__ */i("div",{role:"group","aria-label":w.theme,className:"es-pick-theme",children:g.map(e=>/* @__PURE__ */i("button",{type:"button",className:"es-pick-theme-swatch",style:{background:e.value},title:w.themeSwatchTitle({name:e.name,hex:u(e.value)}),"aria-label":w.themeSwatch({name:e.name,hex:u(e.value)}),"aria-pressed":c(e.value)===s,onClick:()=>O(c(e.value)??e.value)},`${e.name}:${e.value}`))}):null,
-/* @__PURE__ */i("div",{className:"es-pick-sv",role:"slider",tabIndex:0,"aria-label":w.square,"aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":Math.round(100*A.v),"aria-valuetext":w.squareValue({saturation:B(A.s),brightness:B(A.v)}),style:{backgroundColor:d({h:A.h,s:1,v:1})},onKeyDown:e=>{const a=e.shiftKey?.1:.01,t={ArrowLeft:[-a,0],ArrowRight:[a,0],ArrowDown:[0,-a],ArrowUp:[0,a]}[e.key];t&&(e.preventDefault(),E({...A,s:Math.min(1,Math.max(0,A.s+t[0])),v:Math.min(1,Math.max(0,A.v+t[1]))}))},...P,children:/* @__PURE__ */i("span",{className:"es-pick-sv-thumb",style:{left:B(A.s),top:B(1-A.v)}})}),
-/* @__PURE__ */i("div",{className:"es-pick-hue",role:"slider",tabIndex:0,"aria-label":w.hue,"aria-valuemin":0,"aria-valuemax":359,"aria-valuenow":Math.round(A.h),onKeyDown:e=>{const a=e.shiftKey?10:1,t="ArrowLeft"===e.key||"ArrowDown"===e.key?-a:"ArrowRight"===e.key||"ArrowUp"===e.key?a:null,n="Home"===e.key?0:"End"===e.key?359:null===t?null:Math.min(359,Math.max(0,A.h+t));null!==n&&(e.preventDefault(),E({...A,h:n}))},...T,children:/* @__PURE__ */i("span",{className:"es-pick-hue-thumb",style:{left:A.h/360*100+"%"}})}),
-/* @__PURE__ */i(k,{value:s,onChange:O,name:w.hex({label:h}),readOnly:y})]}):null]})}function k({value:e,onChange:a,name:n,readOnly:l}){const[r,s]=t(null);/* @__PURE__ */
-return i("input",{type:"text",className:"es-pick-hex",value:r??(e?u(e):""),"aria-label":n,maxLength:7,spellCheck:!1,autoComplete:"off",readOnly:l,onChange:t=>{s(t.target.value);const n=c(t.target.value);null!==n&&n!==e&&a(n)},onFocus:e=>e.currentTarget.select(),onKeyDown:e=>{"Enter"!==e.key&&"Escape"!==e.key||(e.preventDefault(),e.stopPropagation(),s(null),e.currentTarget.blur())},onBlur:()=>s(null)})}function f({value:a,onChange:n,label:l,openLibrary:s,kind:o="image",placeholder:c,readOnly:u,words:h=e.image}){const[m,d]=t(!1),[p,v]=t(!1),b=Boolean(s)&&!u,k=async()=>{if(s&&!m&&!u){d(!0),v(!1);try{const e=await s();e&&n(e)}catch{v(!0)}finally{d(!1)}}},f=m?/* @__PURE__ */i("p",{className:"es-pick-image-status",role:"status",children:h.choosing}):p?/* @__PURE__ */i("p",{className:"es-pick-image-status is-error",role:"alert",children:h.failed}):null;if(!a)/* @__PURE__ */
-return r("div",{className:"es-pick-image",children:[
-/* @__PURE__ */r("button",{type:"button",className:"es-pick-image-slot",onClick:k,disabled:!b||m,"aria-label":h.empty({label:l,kind:o,placeholder:c}),children:[
-/* @__PURE__ */i("span",{className:"es-pick-image-slot-name",children:c??("video"===o?h.chooseVideo:h.chooseImage)}),b?/* @__PURE__ */i("span",{className:"es-pick-image-slot-hint",children:h.hint}):null]}),f]});const y=g(a),w=y?h.named({label:l,name:y}):l;/* @__PURE__ */
-return r("div",{className:"es-pick-image",children:[
-/* @__PURE__ */r("figure",{className:"es-pick-image-figure",children:[
-/* @__PURE__ */i("div",{className:"es-pick-image-frame",children:"video"===o?/* @__PURE__ */i("video",{src:a,muted:!0,playsInline:!0,preload:"metadata","aria-label":w}):/* @__PURE__ */i("img",{src:a,alt:w})}),y?/* @__PURE__ */i("figcaption",{className:"es-pick-image-name",title:y,children:y}):null]}),b||!u?/* @__PURE__ */r("div",{className:"es-pick-image-actions",children:[b?/* @__PURE__ */i("button",{type:"button",className:"es-pick-image-btn",onClick:k,disabled:m,"aria-label":h.replaceNamed({label:l}),children:h.replace}):null,u?null:/* @__PURE__ */i("button",{type:"button",className:"es-pick-image-btn is-bare",onClick:()=>n(""),disabled:m,"aria-label":h.removeNamed({label:l}),children:h.remove})]}):null,f]})}export{b as ColourPicker,o as HEX_MAX_LENGTH,f as ImageBox,u as hexReadout,m as hexToHsv,d as hsvToHex,v as hueFromPoint,g as mediaName,p as svFromPoint,c as typedHex};
+import{mediaName as e}from"../chunk-AZT7V4UM.js";export{ColourPicker,ColourWindow,HEX_MAX_LENGTH,hexReadout,hexToHsv,hsvToHex,hueFromPoint,mediaName,svFromPoint,typedHex}from"../chunk-AZT7V4UM.js";import{DEFAULT_PICK_WORDS as a}from"../chunk-ZAOM6PFH.js";import{useState as i}from"react";import{jsx as l,jsxs as s}from"react/jsx-runtime";function c({value:c,onChange:n,label:o,openLibrary:r,kind:t="image",placeholder:m,readOnly:d,words:p=a.image}){const[u,h]=i(!1),[b,g]=i(!1),k=Boolean(r)&&!d,N=async()=>{if(r&&!u&&!d){h(!0),g(!1);try{const e=await r();e&&n(e)}catch{g(!0)}finally{h(!1)}}},f=u?/* @__PURE__ */l("p",{className:"es-pick-image-status",role:"status",children:p.choosing}):b?/* @__PURE__ */l("p",{className:"es-pick-image-status is-error",role:"alert",children:p.failed}):null;if(!c)/* @__PURE__ */
+return s("div",{className:"es-pick-image",children:[
+/* @__PURE__ */s("button",{type:"button",className:"es-pick-image-slot",onClick:N,disabled:!k||u,"aria-label":p.empty({label:o,kind:t,placeholder:m}),children:[
+/* @__PURE__ */l("span",{className:"es-pick-image-slot-name",children:m??("video"===t?p.chooseVideo:p.chooseImage)}),k?/* @__PURE__ */l("span",{className:"es-pick-image-slot-hint",children:p.hint}):null]}),f]});const v=e(c),y=v?p.named({label:o,name:v}):o;/* @__PURE__ */
+return s("div",{className:"es-pick-image",children:[
+/* @__PURE__ */s("figure",{className:"es-pick-image-figure",children:[
+/* @__PURE__ */l("div",{className:"es-pick-image-frame",children:"video"===t?/* @__PURE__ */l("video",{src:c,muted:!0,playsInline:!0,preload:"metadata","aria-label":y}):/* @__PURE__ */l("img",{src:c,alt:y})}),v?/* @__PURE__ */l("figcaption",{className:"es-pick-image-name",title:v,children:v}):null]}),k||!d?/* @__PURE__ */s("div",{className:"es-pick-image-actions",children:[k?/* @__PURE__ */l("button",{type:"button",className:"es-pick-image-btn",onClick:N,disabled:u,"aria-label":p.replaceNamed({label:o}),children:p.replace}):null,d?null:/* @__PURE__ */l("button",{type:"button",className:"es-pick-image-btn is-bare",onClick:()=>n(""),disabled:u,"aria-label":p.removeNamed({label:o}),children:p.remove})]}):null,f]})}export{c as ImageBox};

package/dist/pick/pick.css

@@ -138,6 +138,20 @@
 .es-pick-hue-thumb {
   top: 50%;
 }
+/* The hex row with its swatch (ColourWindow `swatch`, the text box's colour
+   window): the colour, then the hex. */
+.es-pick-hex-row {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.es-pick-hex-swatch {
+  width: 26px;
+  height: 26px;
+  flex: none;
+  border-radius: 6px;
+  box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.1);
+}
 
 /* ── The image box ──────────────────────────────────────────────────────── */
 .es-pick-image {

package/dist/rail/index.d.ts

@@ -1,8 +1,8 @@
 import * as react from 'react';
-import { c as EditorRailProps, E as EditorRailButtonProps } from '../types-DNrn_w4V.js';
-export { a as EditorRailItem, b as EditorRailOrientation } from '../types-DNrn_w4V.js';
+import { c as EaselRailProps, E as EaselRailButtonProps } from '../types-DWS-s9z-.js';
+export { a as EaselRailItem, b as EaselRailOrientation } from '../types-DWS-s9z-.js';
 export { AddIcon, LayersIcon, MediaIcon, PageIcon as PagesIcon, IconProps as RailIconProps, SitemapIcon, StylesIcon } from '../icons/index.js';
-export { W as WordFit } from '../wordFit-9B9nqyf3.js';
+export { W as WordFit } from '../wordFit-D4S36PvB.js';
 
 /**
  * The shared icon-rail — one slim strip of icon buttons that every EFFICIENT
@@ -43,7 +43,7 @@ export { W as WordFit } from '../wordFit-9B9nqyf3.js';
  * strings provider — that would be a hook — so a host in another language
  * passes `ariaLabel`; `TopBarRail` does it from the provider.
  */
-declare function EditorRail({ items, ariaLabel, className, orientation, wordFit, }: EditorRailProps): react.JSX.Element;
+declare function EaselRail({ items, ariaLabel, className, orientation, wordFit, }: EaselRailProps): react.JSX.Element;
 
 /**
  * A single rail button: an icon in a 34×34 square that hovers, highlights when
@@ -53,7 +53,7 @@ declare function EditorRail({ items, ariaLabel, className, orientation, wordFit,
  * toggle announces its pressed state while an action button (the quick-add "+",
  * whose item omits `active`) stays a plain button rather than a stuck toggle.
  */
-declare function EditorRailButton({ label, worded, icon, active, disabled, onSelect, className, }: EditorRailButtonProps): react.JSX.Element;
+declare function EaselRailButton({ label, worded, icon, active, disabled, onSelect, className, }: EaselRailButtonProps): react.JSX.Element;
 
 /**
  * Rail design tokens — the ONE source both apps' rails converge on.
@@ -142,4 +142,4 @@ declare const railCssVars: {
     readonly accentTint: "--es-rail-accent-tint";
 };
 
-export { EditorRail, EditorRailButton, EditorRailButtonProps, EditorRailProps, type RailTokens, railCssVars, railTokens };
+export { EaselRail, EaselRailButton, EaselRailButtonProps, EaselRailProps, type RailTokens, railCssVars, railTokens };

package/dist/rail/index.js

@@ -1 +1 @@
-import"../chunk-OWBO4WKA.js";export{EditorRail,EditorRailButton,railCssVars,railTokens}from"../chunk-IBOFSS56.js";import"../chunk-2OAZYSWJ.js";import"../chunk-BZ5ASXOL.js";export{AddIcon,LayersIcon,MediaIcon,PageIcon as PagesIcon,SitemapIcon,StylesIcon}from"../chunk-PI26YXYD.js";
+import"../chunk-OWBO4WKA.js";export{EaselRail,EaselRailButton,railCssVars,railTokens}from"../chunk-WZ7TGAAT.js";import"../chunk-2OAZYSWJ.js";import"../chunk-BZ5ASXOL.js";export{AddIcon,LayersIcon,MediaIcon,PageIcon as PagesIcon,SitemapIcon,StylesIcon}from"../chunk-6EIVTKZZ.js";

package/dist/rail/rail.css

@@ -135,7 +135,7 @@
    sheet only names the rail's chrome for it — the four inputs below — so a
    re-padded rail button moves its thresholds with it.
 
-   `is-measured` is set by `EditorRail` when it was handed the words' widths
+   `is-measured` is set by `EaselRail` when it was handed the words' widths
    (`TopBarRail` measures them). Without it, and without `panel.css`, the word
    stays clipped to nothing: an icon-only rail always fits. */
 .es-rail.es-rail-row.is-measured {

package/dist/strings/catalogue.d.ts

@@ -1,22 +1,24 @@
-import { S as SaveWords } from '../words-Cqmyey0s.js';
-import { N as NoticeWords, C as ChromeWords } from '../words-DagJdwIA.js';
-import { C as CopyWords } from '../words-bOMsUJk9.js';
-import { D as DragWords } from '../words-D9ChvbNC.js';
+import { S as SaveWords } from '../words-BMzV04b1.js';
+import { N as NoticeWords, C as ChromeWords } from '../words-AHHfiaRY.js';
+import { C as CopyWords } from '../words-DBq7vfHy.js';
+import { D as DragWords } from '../words-BDignMl_.js';
 import { LockWords } from '../edit-lock/index.js';
-import { F as FieldsWords } from '../words-CD3WADyb.js';
-import { N as NodeMenuWords } from '../words-DOhF-4D4.js';
-import { S as SettingsBucket } from '../buckets-CuLM47h9.js';
-import { P as PickWords } from '../words-B87GIFWH.js';
-import { S as StyleClipboardWords } from '../words-B2YLaKEr.js';
-import { T as TreeWords } from '../words-BK-npta-.js';
-import '../types-CnRzp9oc.js';
-import '../types-DNrn_w4V.js';
-import '../wordFit-9B9nqyf3.js';
+import { F as FieldsWords } from '../words-CzoyDNHm.js';
+import { N as NodeMenuWords } from '../words-DMG4dYq2.js';
+import { P as PanelWords } from '../words-CJjUKcV5.js';
+import { P as PickWords } from '../words-is_Vy6hn.js';
+import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
+import { T as TextStylesWords } from '../words-CRYvAiHX.js';
+import { T as TreeWords } from '../words-DgHcY5qB.js';
+import '../types-DGcCsxs8.js';
+import '../types-DWS-s9z-.js';
+import '../wordFit-D4S36PvB.js';
 import 'react';
 import '../markup/index.js';
+import '../buckets-CuLM47h9.js';
 
 /**
- * The editor canvas's own words (`efficient-easel/strings`, 0.95.0). There is
+ * The easel canvas's own words (`efficient-easel/strings`, 0.95.0). There is
  * one: what the frame is called when the host does not name it (`title`).
  *
  * A plain module with no import.
@@ -26,26 +28,6 @@ type CanvasWords = {
     frame: string;
 };
 
-/**
- * The settings panel's own words (`efficient-easel/strings`, 0.95.0): what
- * the tab strip is called, and what each tab SAYS.
- *
- * A bucket's key (`'Content'`, `'Style'`, …) is an identifier — fields name
- * their tab with it and `SETTINGS_BUCKETS` orders them — so it never changes
- * with the language. `buckets` is the word drawn for each key.
- *
- * The panel is hook-free, so nothing here is read from the strings provider:
- * `SettingsTabs` takes its name as `ariaLabel` and each tab's word as the
- * item's `label`, and `Inspector` (which has hooks) passes both.
- */
-
-type PanelWords = {
-    /** The tab strip's accessible name. */
-    settings: string;
-    /** The word each tab shows, by its key. */
-    buckets: Record<SettingsBucket, string>;
-};
-
 /**
  * The rail's own words. There is one: what the toolbar is called when the host
  * does not name it (`ariaLabel`). Every other word on the rail is an item's
@@ -79,7 +61,7 @@ type RailWords = {
  * lane (`tests/*-leaf-safety`), and several are held to a bundle that never
  * spells a browser global — while one sentence below does ("another tab or
  * window"). So a module owns its group and its defaults, and this file only
- * puts the groups side by side. `DEFAULT_EDITOR_STRINGS.pick` IS the pickers'
+ * puts the groups side by side. `DEFAULT_EASEL_STRINGS.pick` IS the pickers'
  * own default object, not a copy of it.
  *
  * ── Framework-free ────────────────────────────────────────────────────────
@@ -91,7 +73,7 @@ type RailWords = {
  */
 
 /** Every word the engine says, by the module that says it. */
-interface EditorStrings {
+interface EaselStrings {
     /** `efficient-easel/chrome` — `EditNotice`: who holds the document, a refused save. */
     notice: NoticeWords;
     /** `efficient-easel/edit-lock` — "2 minutes ago", "Someone else". */
@@ -118,11 +100,13 @@ interface EditorStrings {
     styleClipboard: StyleClipboardWords;
     /** `efficient-easel/copy` — the formatting bar, alignment, the link window, each mark. */
     copy: CopyWords;
-    /** `efficient-easel/editor` — the canvas frame's name. */
+    /** `efficient-easel/easel` — the canvas frame's name. */
     canvas: CanvasWords;
+    /** `efficient-easel/text-styles` — the Email styles / Site styles list (E6). */
+    textStyles: TextStylesWords;
 }
 /** Today's English, word for word. */
-declare const DEFAULT_EDITOR_STRINGS: EditorStrings;
+declare const DEFAULT_EASEL_STRINGS: EaselStrings;
 /**
  * A catalogue with any part left out. A function entry is taken whole or not
  * at all: it has no "part" to leave out.
@@ -136,6 +120,6 @@ type DeepPartial<T> = T extends (...args: never[]) => unknown ? T : T extends ob
  * that has translated half the catalogue shows the other half in English
  * rather than as nothing. Neither argument is changed.
  */
-declare function mergeEditorStrings(defaults: EditorStrings, partial?: DeepPartial<EditorStrings> | null): EditorStrings;
+declare function mergeEaselStrings(defaults: EaselStrings, partial?: DeepPartial<EaselStrings> | null): EaselStrings;
 
-export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EDITOR_STRINGS, type DeepPartial, DragWords, type EditorStrings, FieldsWords, LockWords, NodeMenuWords, NoticeWords, type PanelWords, PickWords, type RailWords, SaveWords, StyleClipboardWords, TreeWords, mergeEditorStrings };
+export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EASEL_STRINGS, type DeepPartial, DragWords, type EaselStrings, FieldsWords, LockWords, NodeMenuWords, NoticeWords, PanelWords, PickWords, type RailWords, SaveWords, StyleClipboardWords, TextStylesWords, TreeWords, mergeEaselStrings };

package/dist/strings/catalogue.js

@@ -1 +1 @@
-export{DEFAULT_EDITOR_STRINGS,mergeEditorStrings}from"../chunk-JE63JHKO.js";import"../chunk-ZAOM6PFH.js";import"../chunk-6WY6ZXJG.js";import"../chunk-GGTPNGFJ.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-KDIVA6WD.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-ZT7M24XD.js";import"../chunk-SJQG5ENJ.js";import"../chunk-O2NLQBFX.js";
+export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-SAJUCHOX.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-TRVZ7C23.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-RE4LP46F.js";import"../chunk-ZJEBF4NB.js";import"../chunk-2OAZYSWJ.js";import"../chunk-JQM3V7XQ.js";import"../chunk-ZAOM6PFH.js";import"../chunk-LA54QLP5.js";import"../chunk-HDVD27VB.js";import"../chunk-O2NLQBFX.js";

package/dist/strings/index.d.ts

@@ -1,24 +1,26 @@
-import { DeepPartial, EditorStrings } from './catalogue.js';
-export { CanvasWords, DEFAULT_EDITOR_STRINGS, PanelWords, RailWords, mergeEditorStrings } from './catalogue.js';
+import { DeepPartial, EaselStrings } from './catalogue.js';
+export { CanvasWords, DEFAULT_EASEL_STRINGS, RailWords, mergeEaselStrings } from './catalogue.js';
 import * as react from 'react';
 import { ReactNode } from 'react';
-export { C as ChromeWords, N as NoticeWords } from '../words-DagJdwIA.js';
-export { C as CopyWords } from '../words-bOMsUJk9.js';
-export { D as DragWords } from '../words-D9ChvbNC.js';
-export { F as FieldsWords } from '../words-CD3WADyb.js';
+export { C as ChromeWords, N as NoticeWords } from '../words-AHHfiaRY.js';
+export { C as CopyWords } from '../words-DBq7vfHy.js';
+export { D as DragWords } from '../words-BDignMl_.js';
+export { F as FieldsWords } from '../words-CzoyDNHm.js';
 export { LockWords } from '../edit-lock/index.js';
-export { N as NodeMenuWords } from '../words-DOhF-4D4.js';
-export { P as PickWords } from '../words-B87GIFWH.js';
-export { S as SaveWords } from '../words-Cqmyey0s.js';
-export { S as StyleClipboardWords } from '../words-B2YLaKEr.js';
-export { T as TreeWords } from '../words-BK-npta-.js';
-import '../buckets-CuLM47h9.js';
+export { N as NodeMenuWords } from '../words-DMG4dYq2.js';
+export { P as PanelWords } from '../words-CJjUKcV5.js';
+export { P as PickWords } from '../words-is_Vy6hn.js';
+export { S as SaveWords } from '../words-BMzV04b1.js';
+export { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
+export { T as TextStylesWords } from '../words-CRYvAiHX.js';
+export { T as TreeWords } from '../words-DgHcY5qB.js';
 import '../markup/index.js';
-import '../types-CnRzp9oc.js';
-import '../types-DNrn_w4V.js';
-import '../wordFit-9B9nqyf3.js';
+import '../buckets-CuLM47h9.js';
+import '../types-DGcCsxs8.js';
+import '../types-DWS-s9z-.js';
+import '../wordFit-D4S36PvB.js';
 
-interface EditorStringsProviderProps {
+interface EaselStringsProviderProps {
     /**
      * The host's words, laid over the ones in reach — the engine's English, or an
      * outer provider's. Anything left out keeps what was there.
@@ -27,10 +29,10 @@ interface EditorStringsProviderProps {
      * a `useMemo`): a new object every render is a new catalogue every render,
      * and everything that reads it draws again.
      */
-    value?: DeepPartial<EditorStrings>;
+    value?: DeepPartial<EaselStrings>;
     /**
      * The language those words are in, as a BCP 47 tag (`'de'`, `'zh-Hant'`). The
-     * engine does not read it; `useEditorLocale()` hands it to a host's blocks and
+     * engine does not read it; `useEaselLocale()` hands it to a host's blocks and
      * fields, so a number or a date drawn in the editor follows the same language.
      * Left out: an outer provider's, else `'en'`.
      */
@@ -45,12 +47,12 @@ interface EditorStringsProviderProps {
  * primitives, the Layers tree, the pickers, the Add panel, the canvas layer —
  * and neither do the plain functions (`editNotice`, `saveIndicator`,
  * `nodeMenuItems`, …). Each takes its group as a prop or an argument instead;
- * a host hands it `useEditorStrings()`'s.
+ * a host hands it `useEaselStrings()`'s.
  */
-declare function EditorStringsProvider({ value, locale, children }: EditorStringsProviderProps): react.JSX.Element;
+declare function EaselStringsProvider({ value, locale, children }: EaselStringsProviderProps): react.JSX.Element;
 /** The whole catalogue: the nearest provider's, or the engine's English. */
-declare function useEditorStrings(): EditorStrings;
+declare function useEaselStrings(): EaselStrings;
 /** The nearest provider's locale, or `'en'`. */
-declare function useEditorLocale(): string;
+declare function useEaselLocale(): string;
 
-export { DeepPartial, EditorStrings, EditorStringsProvider, type EditorStringsProviderProps, useEditorLocale, useEditorStrings };
+export { DeepPartial, EaselStrings, EaselStringsProvider, type EaselStringsProviderProps, useEaselLocale, useEaselStrings };

package/dist/strings/index.js

@@ -1,2 +1,2 @@
-import{DEFAULT_EDITOR_STRINGS as r,mergeEditorStrings as n}from"../chunk-JE63JHKO.js";export{DEFAULT_EDITOR_STRINGS,mergeEditorStrings}from"../chunk-JE63JHKO.js";import"../chunk-ZAOM6PFH.js";import"../chunk-6WY6ZXJG.js";import"../chunk-GGTPNGFJ.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-KDIVA6WD.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-ZT7M24XD.js";import"../chunk-SJQG5ENJ.js";import{stringsContext as o}from"../chunk-MFIRYGHW.js";import"../chunk-O2NLQBFX.js";import{useContext as t,useMemo as i}from"react";import{jsx as c}from"react/jsx-runtime";function s({value:s,locale:u,children:m}){const e=o(),p=t(e),h=p?.strings??r,j=u??p?.locale??"en",k=i(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
-return c(e.Provider,{value:k,children:m})}function u(){return t(o())?.strings??r}function m(){return t(o())?.locale??"en"}export{s as EditorStringsProvider,m as useEditorLocale,u as useEditorStrings};
+import{DEFAULT_EASEL_STRINGS as r,mergeEaselStrings as n}from"../chunk-SAJUCHOX.js";export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-SAJUCHOX.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-TRVZ7C23.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-RE4LP46F.js";import"../chunk-ZJEBF4NB.js";import"../chunk-2OAZYSWJ.js";import"../chunk-JQM3V7XQ.js";import"../chunk-ZAOM6PFH.js";import"../chunk-LA54QLP5.js";import"../chunk-HDVD27VB.js";import{stringsContext as o}from"../chunk-MFIRYGHW.js";import"../chunk-O2NLQBFX.js";import{useContext as t,useMemo as c}from"react";import{jsx as i}from"react/jsx-runtime";function s({value:s,locale:u,children:m}){const e=o(),p=t(e),h=p?.strings??r,j=u??p?.locale??"en",k=c(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
+return i(e.Provider,{value:k,children:m})}function u(){return t(o())?.strings??r}function m(){return t(o())?.locale??"en"}export{s as EaselStringsProvider,m as useEaselLocale,u as useEaselStrings};

package/dist/style-clipboard/index.d.ts

@@ -1,5 +1,5 @@
-import { E as EditorContextMenuItem } from '../types-pGBXevBU.js';
-import { S as StyleClipboardWords } from '../words-B2YLaKEr.js';
+import { E as EaselContextMenuItem } from '../types-Djdq6Xkd.js';
+import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
 import 'react';
 
 /**
@@ -143,7 +143,7 @@ declare function planPaste(snapshot: StyleSnapshot, target: {
 }): PastePlan;
 /** The words a merchant reads after a paste. One copy, so both editors say the
  *  same thing — including, plainly, when nothing matched. `words` is the host's
- *  language (`useEditorStrings().styleClipboard`, 0.95.0); left out, English. */
+ *  language (`useEaselStrings().styleClipboard`, 0.95.0); left out, English. */
 declare function pasteMessage(plan: Pick<PastePlan, 'pasted'>, sourceLabel: string, targetLabel: string, words?: StyleClipboardWords): string;
 /** The two shortcuts, as a menu draws them. */
 declare const COPY_STYLE_SHORTCUT = "\u2325\u2318C";
@@ -161,9 +161,9 @@ declare function styleMenuItems(opts: {
     canCopy: boolean;
     onCopy: () => void;
     onPaste: () => void;
-    /** The rows' words in the host's language (`useEditorStrings().styleClipboard`, 0.95.0). Left out, English. */
+    /** The rows' words in the host's language (`useEaselStrings().styleClipboard`, 0.95.0). Left out, English. */
     words?: StyleClipboardWords;
-}): EditorContextMenuItem[];
+}): EaselContextMenuItem[];
 /**
  * Is this key press Copy style or Paste style?
  *

package/dist/style-clipboard/index.js

@@ -1 +1 @@
-import{DEFAULT_STYLE_CLIPBOARD_WORDS as t}from"../chunk-6WY6ZXJG.js";import{CopyStyleIcon as e,PasteStyleIcon as n}from"../chunk-PI26YXYD.js";import{jsx as o}from"react/jsx-runtime";var r="__styleKind";function u(t,e){return t[r]=e,t}function c(t,e){return`${t}:${e.map(t=>String(t)).sort().join("|")}`}function i(t){if(!t)return null;const e=t.indexOf(":");if(e<0)return null;const n=t.slice(0,e);return s.has(n)?{control:n,values:t.slice(e+1).split("|")}:null}var s=/* @__PURE__ */new Set(["choice","select","radio"]);function l(t){if(!t||"object"!=typeof t)return null;const e=t;return"string"==typeof e[r]?e[r]:"text"===e.type||"textarea"===e.type||"number"===e.type?e.type:"select"!==e.type&&"radio"!==e.type||!Array.isArray(e.options)?null:c(e.type,e.options.map(t=>t?.value))}function a(t){return null!=t&&""!==t}function p(t,e){let n=t;for(const t of e){if(!n||"object"!=typeof n)return;n=n[t]}return n}function f(t){return void 0===t?t:JSON.parse(JSON.stringify(t))}function d(t,e,n){const[o,...r]=e,u={...t};if(0===r.length)return void 0===n?delete u[o]:u[o]=n,u;const c=u[o],i=d(c&&"object"==typeof c?c:{},r,n);return 0===Object.keys(i).length?delete u[o]:u[o]=i,u}var y=t=>t.join("."),h="editor-shell:style-clipboard",g=null,m=!1,v=/* @__PURE__ */new Set;function S(){try{return"undefined"==typeof sessionStorage?null:sessionStorage}catch{return null}}function b(){if(!m){m=!0;try{const t=S()?.getItem(h);t&&(g=JSON.parse(t))}catch{g=null}}}function k(t){b(),g={scope:t.scope,sourceType:t.type,sourceLabel:t.label,rows:t.rows.map(e=>{const n=p(t.props,e.path);return{path:[...e.path],kind:e.kind,counted:!1!==e.counted,value:a(n)?f(n):void 0}})};try{S()?.setItem(h,JSON.stringify(g))}catch{}return v.forEach(t=>t()),g}function N(t){return b(),g&&g.scope===t?g:null}function j(t){return v.add(t),()=>{v.delete(t)}}function C(){g=null,m=!0;try{S()?.removeItem(h)}catch{}v.forEach(t=>t())}function w(t,e,n){if(t.kind===e.kind)return null!==e.kind||n;const o=i(t.kind),r=i(e.kind);return!(!o||!r||o.control!==r.control)&&(!a(t.value)||r.values.includes(String(t.value)))}function O(t,e){const n=t.sourceType===e.type,o=new Map(t.rows.map(t=>[y(t.path),t]));let r=e.props,u=0,c=!1;for(const t of e.rows){const e=o.get(y(t.path));if(!e)continue;if(!w(e,t,n))continue;const i=p(r,t.path),s=void 0===e.value?void 0:f(e.value);JSON.stringify(a(i)?i:void 0)!==JSON.stringify(s)&&(r=d(r,t.path,s),c=!0),!1!==t.counted&&(u+=1)}return{props:r,pasted:u,changed:c}}function E(e,n,o,r=t){return 0===e.pasted?r.nothing({source:n,target:o}):r.pasted({count:e.pasted,source:n})}var J="⌥⌘C",K="⌥⌘V";function T(r){const u=r.words??t,c=[];return r.canCopy&&c.push({label:u.copy,icon:/* @__PURE__ */o(e,{}),shortcut:"⌥⌘C",onClick:r.onCopy}),r.held&&c.push({label:u.paste({source:r.held.sourceLabel}),icon:/* @__PURE__ */o(n,{}),shortcut:"⌥⌘V",onClick:r.onPaste}),c}function x(t){if(!t.altKey||t.shiftKey||!t.metaKey&&!t.ctrlKey)return null;const e=t.target;return e&&(e.isContentEditable||"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName)?null:"KeyC"===t.code?"copy":"KeyV"===t.code?"paste":null}export{J as COPY_STYLE_SHORTCUT,K as PASTE_STYLE_SHORTCUT,r as STYLE_KIND,c as choiceKind,C as clearStyle,k as copyStyle,l as fieldKind,N as heldStyle,E as pasteMessage,O as planPaste,T as styleMenuItems,x as styleShortcut,j as subscribeStyle,u as withStyleKind};
+import{DEFAULT_STYLE_CLIPBOARD_WORDS as t}from"../chunk-6WY6ZXJG.js";import{CopyStyleIcon as e,PasteStyleIcon as n}from"../chunk-6EIVTKZZ.js";import{jsx as o}from"react/jsx-runtime";var r="__styleKind";function u(t,e){return t[r]=e,t}function c(t,e){return`${t}:${e.map(t=>String(t)).sort().join("|")}`}function i(t){if(!t)return null;const e=t.indexOf(":");if(e<0)return null;const n=t.slice(0,e);return s.has(n)?{control:n,values:t.slice(e+1).split("|")}:null}var s=/* @__PURE__ */new Set(["choice","select","radio"]);function l(t){if(!t||"object"!=typeof t)return null;const e=t;return"string"==typeof e[r]?e[r]:"text"===e.type||"textarea"===e.type||"number"===e.type?e.type:"select"!==e.type&&"radio"!==e.type||!Array.isArray(e.options)?null:c(e.type,e.options.map(t=>t?.value))}function a(t){return null!=t&&""!==t}function p(t,e){let n=t;for(const t of e){if(!n||"object"!=typeof n)return;n=n[t]}return n}function f(t){return void 0===t?t:JSON.parse(JSON.stringify(t))}function d(t,e,n){const[o,...r]=e,u={...t};if(0===r.length)return void 0===n?delete u[o]:u[o]=n,u;const c=u[o],i=d(c&&"object"==typeof c?c:{},r,n);return 0===Object.keys(i).length?delete u[o]:u[o]=i,u}var y=t=>t.join("."),h="editor-shell:style-clipboard",g=null,m=!1,v=/* @__PURE__ */new Set;function S(){try{return"undefined"==typeof sessionStorage?null:sessionStorage}catch{return null}}function b(){if(!m){m=!0;try{const t=S()?.getItem(h);t&&(g=JSON.parse(t))}catch{g=null}}}function k(t){b(),g={scope:t.scope,sourceType:t.type,sourceLabel:t.label,rows:t.rows.map(e=>{const n=p(t.props,e.path);return{path:[...e.path],kind:e.kind,counted:!1!==e.counted,value:a(n)?f(n):void 0}})};try{S()?.setItem(h,JSON.stringify(g))}catch{}return v.forEach(t=>t()),g}function N(t){return b(),g&&g.scope===t?g:null}function j(t){return v.add(t),()=>{v.delete(t)}}function C(){g=null,m=!0;try{S()?.removeItem(h)}catch{}v.forEach(t=>t())}function w(t,e,n){if(t.kind===e.kind)return null!==e.kind||n;const o=i(t.kind),r=i(e.kind);return!(!o||!r||o.control!==r.control)&&(!a(t.value)||r.values.includes(String(t.value)))}function E(t,e){const n=t.sourceType===e.type,o=new Map(t.rows.map(t=>[y(t.path),t]));let r=e.props,u=0,c=!1;for(const t of e.rows){const e=o.get(y(t.path));if(!e)continue;if(!w(e,t,n))continue;const i=p(r,t.path),s=void 0===e.value?void 0:f(e.value);JSON.stringify(a(i)?i:void 0)!==JSON.stringify(s)&&(r=d(r,t.path,s),c=!0),!1!==t.counted&&(u+=1)}return{props:r,pasted:u,changed:c}}function K(e,n,o,r=t){return 0===e.pasted?r.nothing({source:n,target:o}):r.pasted({count:e.pasted,source:n})}var O="⌥⌘C",J="⌥⌘V";function T(r){const u=r.words??t,c=[];return r.canCopy&&c.push({label:u.copy,icon:/* @__PURE__ */o(e,{}),shortcut:"⌥⌘C",onClick:r.onCopy}),r.held&&c.push({label:u.paste({source:r.held.sourceLabel}),icon:/* @__PURE__ */o(n,{}),shortcut:"⌥⌘V",onClick:r.onPaste}),c}function x(t){if(!t.altKey||t.shiftKey||!t.metaKey&&!t.ctrlKey)return null;const e=t.target;return e&&(e.isContentEditable||"INPUT"===e.tagName||"TEXTAREA"===e.tagName||"SELECT"===e.tagName)?null:"KeyC"===t.code?"copy":"KeyV"===t.code?"paste":null}export{O as COPY_STYLE_SHORTCUT,J as PASTE_STYLE_SHORTCUT,r as STYLE_KIND,c as choiceKind,C as clearStyle,k as copyStyle,l as fieldKind,N as heldStyle,K as pasteMessage,E as planPaste,T as styleMenuItems,x as styleShortcut,j as subscribeStyle,u as withStyleKind};