efficient-easel 0.99.2 → 0.101.0

package/dist/pick/pick.css

@@ -7,12 +7,14 @@
   /* The hex box and the word that stands in for it ("Auto", "Not set") are
      ONE width. A row is right-aligned as a unit, so a word narrower than a hex
      pushes its swatch out of line down a column of colour rows. */
-  --es-pick-readout-w: 80px;
+  --es-pick-readout-w: 68px;
   display: flex;
   flex-direction: column;
   gap: 12px;
 }
 .es-pick-colour-row {
+  /* The tag is placed against the row. */
+  position: relative;
   display: flex;
   align-items: center;
   gap: 8px;
@@ -46,16 +48,27 @@
 .es-pick-swatch:disabled {
   cursor: default;
 }
+/* THE HEX'S SLOT (Lewis 2026-10-07, option E): 68px, and down to 36px when
+   the line is short of room — after the label has given way to its 56px. The
+   hex or the word that stands in for it fills it. */
+.es-pick-hexwrap {
+  position: relative;
+  display: flex;
+  align-items: center;
+  flex: 0 1 var(--es-pick-readout-w);
+  max-width: var(--es-pick-readout-w);
+  min-width: 36px;
+}
 .es-pick-hex {
   box-sizing: border-box;
-  width: var(--es-pick-readout-w);
+  width: 100%;
   min-width: 0;
   padding: 4px 8px;
   border: 1px solid transparent;
   border-radius: 6px;
   background: transparent;
   color: var(--es-text);
-  font: 500 12px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
+  font: 500 11px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace;
   letter-spacing: 0.02em;
 }
 .es-pick-hex:hover {
@@ -66,13 +79,171 @@
   border-color: var(--es-accent);
   background: var(--es-panel);
 }
+/* The hex a row FOLLOWS, in the row's box: grey at rest, so it does not read
+   as a value of its own; normal ink while it is edited (GG for Lewis,
+   2026-10-07: pressed to copy it, or to paste over it). */
+.es-pick-hex.is-inherited {
+  color: var(--es-muted);
+}
+.es-pick-hex.is-inherited:focus {
+  color: var(--es-text);
+}
+/* The inherited hex, while nothing is stored: grey, so it does not read as a
+   value. */
+.es-pick-hex::placeholder {
+  color: var(--es-muted);
+  opacity: 1;
+}
 .es-pick-caption {
   box-sizing: border-box;
-  width: var(--es-pick-readout-w);
+  width: 100%;
+  min-width: 0;
+  overflow: hidden;
   padding: 0 8px;
+  white-space: nowrap;
   font-size: 12px;
   color: var(--es-muted);
 }
+/* Cut text fades at its end, never cut hard. `data-clipped` is MEASURED
+   (ColourPicker): text that fits is never faded. */
+.es-pick-hex[data-clipped],
+.es-pick-caption[data-clipped] {
+  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 16px), transparent);
+  mask-image: linear-gradient(to right, #000 calc(100% - 16px), transparent);
+}
+/* EDITED IN PLACE: a press widens the hex to seven characters (`#RRGGBB`
+   with its letter-spacing, the 8px insets and the 1px border), from its own
+   left edge, so the text does not jump and the swatch and the label do not
+   move; never past the row's end (`--es-pick-edit-room`, measured). */
+.es-pick-colour-row .es-pick-hex:focus {
+  position: absolute;
+  z-index: 2;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  width: calc(7ch + 0.14em + 18px);
+  max-width: var(--es-pick-edit-room, none);
+  -webkit-mask-image: none;
+  mask-image: none;
+  box-shadow: 0 0 0 2px var(--es-accent-tint);
+}
+/* 4px from the hex to the part after it (the reset): the row's 8px, less 4. */
+.es-pick-colour-row > .es-pick-hexwrap + * {
+  margin-left: -4px;
+}
+/* The part after the hex steps aside ONLY when the edit box reaches it. */
+.es-pick-colour-row[data-editing='over'] > .es-pick-hexwrap ~ * {
+  visibility: hidden;
+}
+/* The tag over a cut label or hex: the whole text, small and dark, above it. */
+.es-pick-tag {
+  position: absolute;
+  z-index: 3;
+  transform: translateY(calc(-100% - 6px));
+  padding: 4px 8px;
+  border-radius: 6px;
+  background: #111827;
+  color: #fff;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.3;
+  white-space: nowrap;
+  pointer-events: none;
+  box-shadow: 0 4px 12px rgb(0 0 0 / 0.2);
+}
+/* `.es-pick-swatch.is-inherited` (no rule of its own): the swatch is painted
+   with the colour the setting follows, like any colour. The class is there
+   for a host that wants to mark it. */
+
+/* ── A line that holds the picker ───────────────────────────────────────── */
+/* BOTH EDITORS HOLD THE PICKER IN A LINE: `SettingsField`'s `action` slot
+   (`.es-field-head`, this package's own class), or a colour SUB-row inside one
+   setting (the email's Logo "Color 1" / "Color 2", a button's Fill / Border /
+   Text), which is not a SettingsField and takes `.es-pick-line`: the host's
+   label first, then the picker.
+
+   The picker's own box steps aside (`display: contents`), so its two halves
+   become items of that line: the swatch and hex at the line's end
+   (`margin-left: auto`), and the window wrapping onto a line of its own at the
+   FULL width. Left in the picker's box, the window opens in the few pixels the
+   action slot has.
+
+   Moved here from the storefront's stylesheet (2026-10-06), so the email does
+   not copy it: one rule for both editors. The shop's `.sf-field--row` can move
+   onto `.es-pick-line` later. */
+.es-pick-line {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+/* The sub-row's label. A host may use its own instead. */
+.es-pick-line-label {
+  min-width: 0;
+  font-size: 12px;
+  color: var(--es-text-secondary);
+}
+.es-field-head:has(> .es-pick-colour),
+.es-pick-line:has(> .es-pick-colour) {
+  flex-wrap: wrap;
+}
+.es-field-head > .es-pick-colour,
+.es-pick-line > .es-pick-colour {
+  display: contents;
+}
+/* ONE LINE (Lewis 2026-10-07, option E). The row steps aside too, so the
+   label, the swatch, the hex's slot and the part after it are items of ONE
+   line, sized by rule and never by how wide their text is:
+   - the hex's slot is laid out at its 36px (so the line never wraps) and
+     grows FIRST, to its 68px;
+   - the label takes what is left, never under 56px, so it gives way first;
+   - the swatch is pushed to the end with what follows it, so a column of
+     rows lines up. The tag is placed against the line. */
+.es-field-head:has(> .es-pick-colour),
+.es-pick-line:has(> .es-pick-colour) {
+  position: relative;
+}
+.es-field-head > .es-pick-colour > .es-pick-colour-row,
+.es-pick-line > .es-pick-colour > .es-pick-colour-row {
+  display: contents;
+}
+.es-field-head > .es-pick-colour > .es-pick-colour-row > .es-pick-swatch,
+.es-pick-line > .es-pick-colour > .es-pick-colour-row > .es-pick-swatch {
+  margin-left: auto;
+}
+.es-field-head > .es-pick-colour > .es-pick-colour-row > .es-pick-hexwrap,
+.es-pick-line > .es-pick-colour > .es-pick-colour-row > .es-pick-hexwrap {
+  flex: 1000 1 0;
+}
+/* The label: whatever is left, never under 56px, fading at its end when cut. */
+.es-field-head:has(> .es-pick-colour) > .es-field-name,
+.es-pick-line:has(> .es-pick-colour) > .es-pick-line-label {
+  flex: 1 1 0;
+  min-width: 56px;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.es-field-head:has(> .es-pick-colour) .es-field-label {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.es-field-head:has(> .es-pick-colour) .es-field-label[data-clipped],
+.es-pick-line > .es-pick-line-label[data-clipped] {
+  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
+  mask-image: linear-gradient(to right, #000 calc(100% - 28px), transparent);
+}
+.es-field-head > .es-pick-colour > .es-pick-window,
+.es-pick-line > .es-pick-colour > .es-pick-window {
+  flex: 1 0 100%;
+  min-width: 0;
+  /* ⚠️ What a host puts AFTER the picker on the same line (the panel's
+     Default / Reset part, `SettingsDefaultReset`) comes after the window in
+     DOM order once the picker's box is `contents`, and the window's 100%
+     basis would push it onto a line of its own UNDER the open window. Ordered
+     last, the window keeps that control beside the swatch. */
+  order: 1;
+}
 
 /* ── The window under the row ───────────────────────────────────────────── */
 .es-pick-window {
@@ -84,10 +255,13 @@
   border-radius: 10px;
   background: var(--es-panel);
 }
+/* ONE theme row, for the colour picker and the text box's colour window
+   (Lewis 2026-10-07). The swatches are one group: the scale's step for the
+   cells of one group. */
 .es-pick-theme {
   display: flex;
   flex-wrap: wrap;
-  gap: 8px;
+  gap: 4px;
 }
 .es-pick-theme-swatch {
   width: 22px;
@@ -98,11 +272,11 @@
   box-shadow: inset 0 0 0 1px rgb(0 0 0 / 0.1);
   cursor: pointer;
 }
+/* The chosen one: the ring INSIDE the swatch (Lewis 2026-10-07, option A) —
+   2px of accent, then 2px of panel before the colour. Outside, it touched the
+   next swatch. Focus is the outline, outside it, so both show at once. */
 .es-pick-theme-swatch[aria-pressed='true'] {
-  box-shadow:
-    inset 0 0 0 1px rgb(0 0 0 / 0.1),
-    0 0 0 2px var(--es-panel),
-    0 0 0 4px var(--es-accent);
+  box-shadow: inset 0 0 0 2px var(--es-accent), inset 0 0 0 4px var(--es-panel);
 }
 /* The square: the hue at full strength, washed to white left-to-right and to
    black top-to-bottom — which is what saturation and brightness ARE. */
@@ -138,7 +312,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 {
   display: flex;

package/dist/rail/index.d.ts

@@ -1,6 +1,6 @@
 import * as react from 'react';
-import { c as EaselRailProps, E as EaselRailButtonProps } from '../types-Bs_gVkVI.js';
-export { a as EaselRailItem, b as EaselRailOrientation, d as EditorRailButtonProps, e as EditorRailItem, f as EditorRailOrientation, g as EditorRailProps } from '../types-Bs_gVkVI.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-D4S36PvB.js';
 
@@ -44,8 +44,6 @@ export { W as WordFit } from '../wordFit-D4S36PvB.js';
  * passes `ariaLabel`; `TopBarRail` does it from the provider.
  */
 declare function EaselRail({ items, ariaLabel, className, orientation, wordFit, }: EaselRailProps): react.JSX.Element;
-/** @deprecated The name before the Easel rename: `EaselRail`. */
-declare const EditorRail: typeof EaselRail;
 
 /**
  * A single rail button: an icon in a 34×34 square that hovers, highlights when
@@ -56,8 +54,6 @@ declare const EditorRail: typeof EaselRail;
  * whose item omits `active`) stays a plain button rather than a stuck toggle.
  */
 declare function EaselRailButton({ label, worded, icon, active, disabled, onSelect, className, }: EaselRailButtonProps): react.JSX.Element;
-/** @deprecated The name before the Easel rename: `EaselRailButton`. */
-declare const EditorRailButton: typeof EaselRailButton;
 
 /**
  * Rail design tokens — the ONE source both apps' rails converge on.
@@ -146,4 +142,4 @@ declare const railCssVars: {
     readonly accentTint: "--es-rail-accent-tint";
 };
 
-export { EaselRail, EaselRailButton, EaselRailButtonProps, EaselRailProps, EditorRail, EditorRailButton, type RailTokens, railCssVars, railTokens };
+export { EaselRail, EaselRailButton, EaselRailButtonProps, EaselRailProps, type RailTokens, railCssVars, railTokens };

package/dist/rail/index.js

@@ -1 +1 @@
-import"../chunk-2PHD4L6A.js";export{EaselRail,EaselRailButton,EditorRail,EditorRailButton,railCssVars,railTokens}from"../chunk-XUE5O62R.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-L5KW4HG5.js";

package/dist/strings/catalogue.d.ts

@@ -1,19 +1,21 @@
-import { S as SaveWords } from '../words-c-3h9xQQ.js';
-import { N as NoticeWords, C as ChromeWords } from '../words-DagJdwIA.js';
-import { C as CopyWords } from '../words-C74EUpFr.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-XH0TvZPg.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 { F as FieldsWords } from '../words-D8kf071T.js';
 import { N as NodeMenuWords } from '../words-DMG4dYq2.js';
-import { S as SettingsBucket } from '../buckets-CuLM47h9.js';
+import { P as PanelWords } from '../words-BGrHZAJJ.js';
 import { P as PickWords } from '../words-is_Vy6hn.js';
 import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
-import { T as TreeWords } from '../words-N4ebT88_.js';
-import '../types-p9j2Fac7.js';
-import '../types-Bs_gVkVI.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 easel canvas's own words (`efficient-easel/strings`, 0.95.0). There is
@@ -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
@@ -120,6 +102,8 @@ interface EaselStrings {
     copy: CopyWords;
     /** `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_EASEL_STRINGS: EaselStrings;
@@ -137,11 +121,5 @@ type DeepPartial<T> = T extends (...args: never[]) => unknown ? T : T extends ob
  * rather than as nothing. Neither argument is changed.
  */
 declare function mergeEaselStrings(defaults: EaselStrings, partial?: DeepPartial<EaselStrings> | null): EaselStrings;
-/** @deprecated The name before the Easel rename: `EaselStrings`. */
-type EditorStrings = EaselStrings;
-/** @deprecated The name before the Easel rename: `DEFAULT_EASEL_STRINGS`. */
-declare const DEFAULT_EDITOR_STRINGS: EaselStrings;
-/** @deprecated The name before the Easel rename: `mergeEaselStrings`. */
-declare const mergeEditorStrings: typeof mergeEaselStrings;
 
-export { type CanvasWords, ChromeWords, CopyWords, DEFAULT_EASEL_STRINGS, DEFAULT_EDITOR_STRINGS, type DeepPartial, DragWords, type EaselStrings, type EditorStrings, FieldsWords, LockWords, NodeMenuWords, NoticeWords, type PanelWords, PickWords, type RailWords, SaveWords, StyleClipboardWords, TreeWords, mergeEaselStrings, 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_EASEL_STRINGS,DEFAULT_EDITOR_STRINGS,mergeEaselStrings,mergeEditorStrings}from"../chunk-7JTL3P6P.js";import"../chunk-6WY6ZXJG.js";import"../chunk-WK3AFPXY.js";import"../chunk-ZAOM6PFH.js";import"../chunk-AELNNAFM.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.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-IG3U5NWJ.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-ZJEBF4NB.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-UH7IGZKF.js";import"../chunk-ZAOM6PFH.js";import"../chunk-FPOKPNO4.js";import"../chunk-546BBOPE.js";import"../chunk-O2NLQBFX.js";

package/dist/strings/index.d.ts

@@ -1,21 +1,23 @@
 import { DeepPartial, EaselStrings } from './catalogue.js';
-export { CanvasWords, DEFAULT_EASEL_STRINGS, DEFAULT_EDITOR_STRINGS, EditorStrings, PanelWords, RailWords, mergeEaselStrings, mergeEditorStrings } 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-C74EUpFr.js';
+export { C as ChromeWords, N as NoticeWords } from '../words-AHHfiaRY.js';
+export { C as CopyWords } from '../words-XH0TvZPg.js';
 export { D as DragWords } from '../words-BDignMl_.js';
-export { F as FieldsWords } from '../words-CD3WADyb.js';
+export { F as FieldsWords } from '../words-D8kf071T.js';
 export { LockWords } from '../edit-lock/index.js';
 export { N as NodeMenuWords } from '../words-DMG4dYq2.js';
+export { P as PanelWords } from '../words-BGrHZAJJ.js';
 export { P as PickWords } from '../words-is_Vy6hn.js';
-export { S as SaveWords } from '../words-c-3h9xQQ.js';
+export { S as SaveWords } from '../words-BMzV04b1.js';
 export { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
-export { T as TreeWords } from '../words-N4ebT88_.js';
-import '../buckets-CuLM47h9.js';
+export { T as TextStylesWords } from '../words-CRYvAiHX.js';
+export { T as TreeWords } from '../words-DgHcY5qB.js';
 import '../markup/index.js';
-import '../types-p9j2Fac7.js';
-import '../types-Bs_gVkVI.js';
+import '../buckets-CuLM47h9.js';
+import '../types-DGcCsxs8.js';
+import '../types-DWS-s9z-.js';
 import '../wordFit-D4S36PvB.js';
 
 interface EaselStringsProviderProps {
@@ -52,13 +54,5 @@ declare function EaselStringsProvider({ value, locale, children }: EaselStringsP
 declare function useEaselStrings(): EaselStrings;
 /** The nearest provider's locale, or `'en'`. */
 declare function useEaselLocale(): string;
-/** @deprecated The name before the Easel rename: `EaselStringsProviderProps`. */
-type EditorStringsProviderProps = EaselStringsProviderProps;
-/** @deprecated The name before the Easel rename: `EaselStringsProvider`. */
-declare const EditorStringsProvider: typeof EaselStringsProvider;
-/** @deprecated The name before the Easel rename: `useEaselStrings`. */
-declare const useEditorStrings: typeof useEaselStrings;
-/** @deprecated The name before the Easel rename: `useEaselLocale`. */
-declare const useEditorLocale: typeof useEaselLocale;
 
-export { DeepPartial, EaselStrings, EaselStringsProvider, type EaselStringsProviderProps, EditorStringsProvider, type EditorStringsProviderProps, useEaselLocale, useEaselStrings, useEditorLocale, useEditorStrings };
+export { DeepPartial, EaselStrings, EaselStringsProvider, type EaselStringsProviderProps, useEaselLocale, useEaselStrings };

package/dist/strings/index.js

@@ -1,2 +1,2 @@
-import{DEFAULT_EASEL_STRINGS as r,mergeEaselStrings as n}from"../chunk-7JTL3P6P.js";export{DEFAULT_EASEL_STRINGS,DEFAULT_EDITOR_STRINGS,mergeEaselStrings,mergeEditorStrings}from"../chunk-7JTL3P6P.js";import"../chunk-6WY6ZXJG.js";import"../chunk-WK3AFPXY.js";import"../chunk-ZAOM6PFH.js";import"../chunk-AELNNAFM.js";import"../chunk-SUO5627P.js";import"../chunk-H4B72XCJ.js";import"../chunk-7A7O2JWQ.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 t}from"../chunk-MFIRYGHW.js";import"../chunk-O2NLQBFX.js";import{useContext as o,useMemo as i}from"react";import{jsx as c}from"react/jsx-runtime";function s({value:s,locale:m,children:u}){const e=t(),p=o(e),h=p?.strings??r,j=m??p?.locale??"en",k=i(()=>({strings:n(h,s),locale:j}),[h,s,j]);/* @__PURE__ */
-return c(e.Provider,{value:k,children:u})}function m(){return o(t())?.strings??r}function u(){return o(t())?.locale??"en"}var e=s,p=m,h=u;export{s as EaselStringsProvider,e as EditorStringsProvider,u as useEaselLocale,m as useEaselStrings,h as useEditorLocale,p as useEditorStrings};
+import{DEFAULT_EASEL_STRINGS as r,mergeEaselStrings as n}from"../chunk-IG3U5NWJ.js";export{DEFAULT_EASEL_STRINGS,mergeEaselStrings}from"../chunk-IG3U5NWJ.js";import"../chunk-M6F6LS3H.js";import"../chunk-6WY6ZXJG.js";import"../chunk-AELNNAFM.js";import"../chunk-3EDSDPIP.js";import"../chunk-QTLAVDJE.js";import"../chunk-WK3AFPXY.js";import"../chunk-H6DDIBQ4.js";import"../chunk-ZJEBF4NB.js";import"../chunk-RE4LP46F.js";import"../chunk-2OAZYSWJ.js";import"../chunk-UH7IGZKF.js";import"../chunk-ZAOM6PFH.js";import"../chunk-FPOKPNO4.js";import"../chunk-546BBOPE.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,4 +1,4 @@
-import { E as EaselContextMenuItem } from '../types-DO-b0LNj.js';
+import { E as EaselContextMenuItem } from '../types-Djdq6Xkd.js';
 import { S as StyleClipboardWords } from '../words-CnnHb9jo.js';
 import 'react';
 

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-L5KW4HG5.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 K(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 O(e,n,o,r=t){return 0===e.pasted?r.nothing({source:n,target:o}):r.pasted({count:e.pasted,source:n})}var E="⌥⌘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{E 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,O as pasteMessage,K as planPaste,T as styleMenuItems,x as styleShortcut,j as subscribeStyle,u as withStyleKind};