@fiestaboard/ui 3.1.0 → 3.2.0

package/dist/editor.css

@@ -0,0 +1,164 @@
+/**
+ * Template editor stylesheet — ProseMirror surface rules for
+ * `components/editor/template-editor.tsx`.
+ *
+ * Opt-in subpath, exactly like `fonts.css`: nothing in the package imports it,
+ * so an app that never renders the editor never pays for it. Consumers of
+ * `TemplateEditor` MUST import it once, alongside `theme.css`:
+ *
+ *   import "@fiestaboard/ui/theme.css";
+ *   import "@fiestaboard/ui/editor.css";
+ *
+ * Ported verbatim from the FiestaBoard app, where these rules lived in an
+ * inline `<style>` element rendered inside the editor component — i.e. the
+ * whole sheet was re-parsed on every mount, duplicated per instance, and could
+ * not be treeshaken, cached, or overridden by app CSS with predictable
+ * ordering. They are global on purpose: ProseMirror owns the DOM inside
+ * `.ProseMirror` and Tailwind utilities cannot reach nodes it creates
+ * (`<br>`, node-view wrappers, the `::before` placeholder). Tailwind
+ * arbitrary-variant classes that CAN reach their target stay inline on the
+ * component.
+ *
+ * `var(--primary)`, `var(--muted-foreground)` come from theme.css.
+ */
+
+/* Ensure ProseMirror container looks like a single textarea */
+.ProseMirror {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  max-width: 100%;
+  overflow: visible;
+  outline: none;
+}
+
+/* Placeholder for first empty line only - textarea-like */
+.ProseMirror[data-placeholder] > p:first-child:empty::before {
+  content: attr(data-placeholder);
+  color: var(--muted-foreground);
+  pointer-events: none;
+  position: absolute;
+}
+
+.ProseMirror:focus[data-placeholder] > p:first-child:empty::before {
+  opacity: 0.5;
+}
+
+/* Standard paragraph - no wrapping, fixed line height */
+.ProseMirror > p {
+  margin: 0;
+  padding: 0;
+  text-transform: uppercase;
+  font-family: "Courier New", "Courier", monospace;
+  font-size: 0.875rem;
+  letter-spacing: 0;
+  line-height: 1.5rem;
+  white-space: nowrap;
+  overflow: visible; /* Let content flow naturally, limit via input handling */
+  display: block;
+}
+
+/* Hard breaks create line breaks naturally */
+.ProseMirror br {
+  display: block;
+  content: "";
+  margin: 0;
+  padding: 0;
+  line-height: 0;
+}
+
+/* Prevent any extra spacing around hard breaks */
+.ProseMirror br::before,
+.ProseMirror br::after {
+  content: none;
+}
+
+/* Empty paragraph minimum height */
+.ProseMirror > p:empty {
+  min-height: 1.5rem;
+}
+
+/* Cursor styling */
+.ProseMirror {
+  caret-color: var(--primary);
+}
+
+.ProseMirror:focus {
+  outline: none;
+}
+
+/* Inline nodes - keep them truly inline, no wrapping */
+.ProseMirror [data-type="variable"],
+.ProseMirror [data-type="color-tile"],
+.ProseMirror [data-type="fill-space"],
+.ProseMirror [data-type="wrapped-text"] {
+  display: inline-block !important;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+/* Node view wrappers - prevent wrapping */
+.ProseMirror [data-node-view-wrapper] {
+  display: inline-block !important;
+  vertical-align: middle;
+  white-space: nowrap;
+}
+
+/* Ensure text nodes also don't wrap */
+.ProseMirror p > span {
+  white-space: nowrap;
+}
+
+/* All inline nodes must not exceed line height */
+.ProseMirror [data-type="variable"],
+.ProseMirror [data-type="color-tile"],
+.ProseMirror [data-type="fill-space"],
+.ProseMirror [data-type="wrapped-text"] {
+  max-height: 1.4rem !important;
+  height: auto !important;
+  line-height: 1.4rem;
+  vertical-align: middle;
+}
+
+/* Text should be monospace and equal width - each character is exactly 1ch */
+.ProseMirror {
+  font-family: "Courier New", "Courier", monospace;
+  font-variant-numeric: tabular-nums;
+}
+
+/* Don't transform node views (they handle their own display) */
+.ProseMirror [data-type="variable"],
+.ProseMirror [data-type="color-tile"],
+.ProseMirror [data-type="fill-space"],
+.ProseMirror [data-type="wrapped-text"] {
+  text-transform: none;
+}
+
+/* Enable dragging for nodes with data-drag-handle */
+.ProseMirror [data-drag-handle] {
+  cursor: grab;
+}
+
+.ProseMirror [data-drag-handle]:active {
+  cursor: grabbing;
+}
+
+/* Ensure no weird spacing around inline nodes */
+.ProseMirror [data-type="variable"]::before,
+.ProseMirror [data-type="variable"]::after,
+.ProseMirror [data-type="color-tile"]::before,
+.ProseMirror [data-type="color-tile"]::after {
+  content: none;
+}
+
+/* Range-selection highlight for inline atom nodes (color tiles,
+   variables, fill-space).  onSelectionUpdate adds this
+   class to any atom node DOM element inside the selection range,
+   giving shift+arrow and click-drag a visible highlight without
+   needing user-select: all (which made Safari treat clicks on a
+   tag as selecting the entire line). */
+.ProseMirror .selected-inline {
+  outline: 2px solid var(--primary);
+  outline-offset: 1px;
+  border-radius: 3px;
+}

package/dist/index.d.ts

@@ -76,3 +76,31 @@ export * from "./components/plugin/board-showcase";
 export * from "./components/plugin/plugin-card";
 export * from "./components/plugin/plugin-category-badge";
 export * from "./components/plugin/scaled-board-teaser";
+export * from "./components/editor/constants";
+export * from "./components/editor/template-editor";
+export * from "./components/editor/template-editor-toolbar";
+export * from "./components/editor/toolbar-dropdown";
+export * from "./components/editor/color-picker-content";
+export * from "./components/editor/draw-char-picker-content";
+export * from "./components/editor/filter-picker-content";
+export * from "./components/editor/formatting-picker-content";
+export * from "./components/editor/variable-picker-content";
+export * from "./components/editor/extensions/color-tile-node";
+export * from "./components/editor/extensions/fill-space-node";
+export * from "./components/editor/extensions/formula-node";
+export * from "./components/editor/extensions/line-navigation";
+export * from "./components/editor/extensions/single-paragraph-doc";
+export * from "./components/editor/extensions/trailing-newline";
+export * from "./components/editor/extensions/variable-node";
+export * from "./components/editor/extensions/wrapped-text-node";
+export * from "./components/editor/node-views/color-tile-node-view";
+export * from "./components/editor/node-views/fill-space-node-view";
+export * from "./components/editor/node-views/formula-node-view";
+export * from "./components/editor/node-views/node-view-context";
+export * from "./components/editor/node-views/variable-node-view";
+export * from "./components/editor/node-views/wrapped-text-view";
+export * from "./components/editor/utils/draw-mode";
+export * from "./components/editor/utils/insertion";
+export * from "./components/editor/utils/length-calculator";
+export * from "./components/editor/utils/serialization";
+export * from "./components/editor/utils/stroke-transaction";

package/dist/index.js

@@ -56,16 +56,44 @@ import { Sidebar as Zt } from "./components/chrome/sidebar.js";
 import { SkipToContent as Qt } from "./components/chrome/skip-to-content.js";
 import { ThemeToggle as $t } from "./components/chrome/theme-toggle.js";
 import { HIDE_FESTIVE_COOKIE as en, PRIDE_SEASON as tn, SEASONS as nn, fireSeasonBurst as rn, getActiveSeason as an, readCookieString as on, shouldShowPride as sn, useActiveSeason as cn, usePrideActive as ln } from "./lib/seasons.js";
-import { ALL_COLOR_CODES as un, AVAILABLE_COLORS as dn, BOARD_COLORS as fn, COLOR_CODE_MAP as pn, COLOR_DISPLAY as mn, getBoardColor as hn, isValidBoardColor as gn, resolveColorCode as _n } from "./lib/board-colors.js";
-import { BOARD_CHARS as vn, EXTRA_CHARS as yn, getCharFromToken as bn, getCharIndex as xn, isColorTile as Sn, messageToGrid as Cn, messageToText as wn, parseLine as Tn, tokensEqual as En } from "./lib/board-characters.js";
-import { DEVICE_DIMENSIONS as Dn, MAX_NOTES_PER_AXIS as On, NOTE_COLS as kn, NOTE_ROWS as An, isNoteArray as jn, noteArrayDimensions as Mn, resolveDimensions as Nn } from "./lib/board-dimensions.js";
-import { BoardDisplay as Pn, FLAP_SPEED_PRESETS as Fn, deriveFlapTiming as In, resolveFlapSpeed as Ln } from "./components/board/board-display.js";
-import { BoardTeaser as Rn } from "./components/board/board-teaser.js";
-import { ScaledBoardDisplay as zn } from "./components/board/scaled-board-display.js";
-import { StaticBoardDisplay as Bn } from "./components/board/static-board-display.js";
-import { DEFAULT_SHAPE_LABELS as Vn, previewLabel as Hn, previewLabels as Un, previewMessage as Wn } from "./lib/board-previews.js";
-import { BoardShowcase as Gn, DEFAULT_SHOWCASE_LABELS as Kn } from "./components/plugin/board-showcase.js";
-import { PLUGIN_CATEGORIES as qn, PluginCategoryBadge as Jn } from "./components/plugin/plugin-category-badge.js";
-import { ScaledBoardTeaser as Yn } from "./components/plugin/scaled-board-teaser.js";
-import { PluginCard as Xn } from "./components/plugin/plugin-card.js";
-export { un as ALL_COLOR_CODES, dn as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, _ as Alert, v as AlertDescription, L as AlertDialog, R as AlertDialogAction, z as AlertDialogCancel, B as AlertDialogContent, V as AlertDialogDescription, H as AlertDialogFooter, U as AlertDialogHeader, W as AlertDialogOverlay, G as AlertDialogPortal, K as AlertDialogTitle, q as AlertDialogTrigger, y as AlertTitle, g as Aurora, vn as BOARD_CHARS, fn as BOARD_COLORS, x as Badge, Pn as BoardDisplay, It as BoardIcon, Lt as BoardSelector, Gn as BoardShowcase, Rn as BoardTeaser, M as Box, E as Button, pn as COLOR_CODE_MAP, mn as COLOR_DISPLAY, a as Card, o as CardAction, s as CardContent, c as CardDescription, l as CardFooter, u as CardHeader, d as CardTitle, O as Checkbox, Ee as Code, f as Collapsible, p as CollapsibleContent, m as CollapsibleTrigger, Vn as DEFAULT_SHAPE_LABELS, Kn as DEFAULT_SHOWCASE_LABELS, Dn as DEVICE_DIMENSIONS, We as DecryptedText, J as Dialog, Y as DialogClose, X as DialogContent, Z as DialogDescription, Q as DialogFooter, $ as DialogHeader, ee as DialogOverlay, te as DialogPortal, ne as DialogTitle, re as DialogTrigger, ie as DropdownMenu, ae as DropdownMenuCheckboxItem, oe as DropdownMenuContent, se as DropdownMenuGroup, ce as DropdownMenuItem, le as DropdownMenuLabel, ue as DropdownMenuPortal, de as DropdownMenuRadioGroup, fe as DropdownMenuRadioItem, pe as DropdownMenuSeparator, me as DropdownMenuShortcut, he as DropdownMenuSub, ge as DropdownMenuSubContent, _e as DropdownMenuSubTrigger, ve as DropdownMenuTrigger, yn as EXTRA_CHARS, C as EmptyState, Rt as FIESTA_ICON_DATA_URI, zt as FIESTA_ICON_PALETTE, Bt as FIESTA_ICON_SVG, Fn as FLAP_SPEED_PRESETS, Ge as FadeContent, Vt as FiestaIcon, Ht as FiestaLogo, N as Flex, F as Grid, en as HIDE_FESTIVE_COOKIE, De as Heading, k as Input, h as JsonTree, A as Label, Ut as LanguageSelector, ke as List, Ae as ListItem, On as MAX_NOTES_PER_AXIS, Wt as MainContent, kn as NOTE_COLS, An as NOTE_ROWS, qn as PLUGIN_CATEGORIES, tn as PRIDE_SEASON, Gt as PageHeader, Kt as PageIconGradientDefs, qt as PageLayout, Jt as PageToolbar, Xn as PluginCard, Jn as PluginCategoryBadge, ye as Popover, be as PopoverClose, xe as PopoverContent, Se as PopoverDescription, Ce as PopoverTitle, we as PopoverTrigger, nn as SEASONS, zn as ScaledBoardDisplay, Yn as ScaledBoardTeaser, Me as ScrollArea, Ne as ScrollBar, j as SecretInput, dt as SegmentedControl, ft as SegmentedControlItem, Ye as Select, Xe as SelectContent, Ze as SelectGroup, Qe as SelectItem, $e as SelectLabel, et as SelectScrollDownButton, tt as SelectScrollUpButton, nt as SelectSeparator, rt as SelectTrigger, it as SelectValue, xt as Sheet, St as SheetClose, Ct as SheetContent, wt as SheetDescription, Tt as SheetFooter, Et as SheetHeader, Dt as SheetOverlay, Ot as SheetPortal, kt as SheetTitle, At as SheetTrigger, Zt as Sidebar, Yt as SidebarAurora, Xt as SidebarAuroraHorizontal, Ke as Skeleton, Qt as SkipToContent, at as Slider, w as Spinner, yt as Stack, Bn as StaticBoardDisplay, qe as StatusDot, ot as Switch, Pe as Table, Fe as TableBody, Ie as TableCell, Le as TableHead, Re as TableHeader, ze as TableRow, Be as Tabs, Ve as TabsContent, He as TabsList, Ue as TabsTrigger, ct as Text, Ft as TextLink, st as Textarea, $t as ThemeToggle, ut as TimePicker, pt as ToggleCard, mt as ToggleCardGroup, jt as Tooltip, Mt as TooltipContent, Nt as TooltipProvider, Pt as TooltipTrigger, b as alertVariants, S as badgeVariants, D as buttonVariants, e as cn, In as deriveFlapTiming, rn as fireSeasonBurst, P as flexVariants, an as getActiveSeason, hn as getBoardColor, bn as getCharFromToken, xn as getCharIndex, I as gridVariants, Oe as headingVariants, Sn as isColorTile, jn as isNoteArray, gn as isValidBoardColor, je as listVariants, Cn as messageToGrid, wn as messageToText, Mn as noteArrayDimensions, Tn as parseLine, Hn as previewLabel, Un as previewLabels, Wn as previewMessage, on as readCookieString, _n as resolveColorCode, Nn as resolveDimensions, Ln as resolveFlapSpeed, ht as segmentedControlItemVariants, gt as segmentedControlVariants, sn as shouldShowPride, T as spinnerVariants, bt as stackVariants, Je as statusDotVariants, lt as textVariants, _t as toggleCardGroupVariants, vt as toggleCardVariants, En as tokensEqual, cn as useActiveSeason, Te as usePopoverClose, ln as usePrideActive };
+import { ALL_COLOR_CODES as un, AVAILABLE_COLORS as dn, BOARD_COLORS as fn, COLOR_CODE_MAP as pn, COLOR_DISPLAY as mn, FIESTABOARD_COLORS as hn, getBoardColor as gn, isValidBoardColor as _n, resolveColorCode as vn } from "./lib/board-colors.js";
+import { BOARD_CHARS as yn, EXTRA_CHARS as bn, getCharFromToken as xn, getCharIndex as Sn, isColorTile as Cn, messageToGrid as wn, messageToText as Tn, parseLine as En, tokensEqual as Dn } from "./lib/board-characters.js";
+import { DEVICE_DIMENSIONS as On, MAX_NOTES_PER_AXIS as kn, NOTE_COLS as An, NOTE_ROWS as jn, isNoteArray as Mn, noteArrayDimensions as Nn, resolveDimensions as Pn } from "./lib/board-dimensions.js";
+import { BoardDisplay as Fn, FLAP_SPEED_PRESETS as In, deriveFlapTiming as Ln, resolveFlapSpeed as Rn } from "./components/board/board-display.js";
+import { BoardTeaser as zn } from "./components/board/board-teaser.js";
+import { ScaledBoardDisplay as Bn } from "./components/board/scaled-board-display.js";
+import { StaticBoardDisplay as Vn } from "./components/board/static-board-display.js";
+import { DEFAULT_SHAPE_LABELS as Hn, previewLabel as Un, previewLabels as Wn, previewMessage as Gn } from "./lib/board-previews.js";
+import { BoardShowcase as Kn, DEFAULT_SHOWCASE_LABELS as qn } from "./components/plugin/board-showcase.js";
+import { PLUGIN_CATEGORIES as Jn, PluginCategoryBadge as Yn } from "./components/plugin/plugin-category-badge.js";
+import { ScaledBoardTeaser as Xn } from "./components/plugin/scaled-board-teaser.js";
+import { PluginCard as Zn } from "./components/plugin/plugin-card.js";
+import { BOARD_CODE_TO_COLOR as Qn, BOARD_COLOR_CODES as $n, CURSOR_ANCHOR as er, DEFAULT_BOARD_LINES as tr, DEFAULT_BOARD_WIDTH as nr, FILL_SPACE_REPEAT_VAR as rr, FILL_SPACE_VAR as ir } from "./components/editor/constants.js";
+import { NodeViewInjectionProvider as ar, useNodeViewInjection as or } from "./components/editor/node-views/node-view-context.js";
+import { ColorTileNodeView as sr, DEFAULT_COLOR_TILE_NODE_VIEW_LABELS as cr } from "./components/editor/node-views/color-tile-node-view.js";
+import { ColorTileNode as lr } from "./components/editor/extensions/color-tile-node.js";
+import { DEFAULT_FILL_SPACE_NODE_VIEW_LABELS as ur, FillSpaceNodeView as dr } from "./components/editor/node-views/fill-space-node-view.js";
+import { FillSpaceNode as fr } from "./components/editor/extensions/fill-space-node.js";
+import { DEFAULT_FORMULA_NODE_VIEW_LABELS as pr, FormulaNodeView as mr } from "./components/editor/node-views/formula-node-view.js";
+import { FormulaNode as hr } from "./components/editor/extensions/formula-node.js";
+import { LineNavigation as gr } from "./components/editor/extensions/line-navigation.js";
+import { SingleParagraphDoc as _r } from "./components/editor/extensions/single-paragraph-doc.js";
+import { TrailingNewline as vr } from "./components/editor/extensions/trailing-newline.js";
+import { DEFAULT_VARIABLE_NODE_VIEW_LABELS as yr, VariableNodeView as br } from "./components/editor/node-views/variable-node-view.js";
+import { VariableNode as xr } from "./components/editor/extensions/variable-node.js";
+import { DEFAULT_WRAPPED_TEXT_VIEW_LABELS as Sr, WrappedTextView as Cr } from "./components/editor/node-views/wrapped-text-view.js";
+import { WrappedTextNode as wr } from "./components/editor/extensions/wrapped-text-node.js";
+import { ColorPickerContent as Tr, DEFAULT_COLOR_PICKER_LABELS as Er } from "./components/editor/color-picker-content.js";
+import { DRAW_CHARS as Dr, brushToCell as Or, cellsToLine as kr, isPositionalLine as Ar, lineToCells as jr, paintLine as Mr, renderPositionalLine as Nr } from "./components/editor/utils/draw-mode.js";
+import { DEFAULT_DRAW_CHAR_PICKER_LABELS as Pr, DrawCharPickerContent as Fr } from "./components/editor/draw-char-picker-content.js";
+import { DEFAULT_FORMATTING_PICKER_LABELS as Ir, FormattingPickerContent as Lr } from "./components/editor/formatting-picker-content.js";
+import { DEFAULT_TOOLBAR_DROPDOWN_LABELS as Rr, ToolbarDropdown as zr } from "./components/editor/toolbar-dropdown.js";
+import { parseLineContent as Br, parseTemplateSimple as Vr, serializeTemplateSimple as Hr } from "./components/editor/utils/serialization.js";
+import { insertTemplateContent as Ur } from "./components/editor/utils/insertion.js";
+import { DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS as Wr, TemplateEditorToolbar as Gr } from "./components/editor/template-editor-toolbar.js";
+import { buildStrokeTransaction as Kr, lineRanges as qr } from "./components/editor/utils/stroke-transaction.js";
+import { DEFAULT_TEMPLATE_EDITOR_LABELS as Jr, TemplateEditor as Yr } from "./components/editor/template-editor.js";
+import { DEFAULT_FILTER_PICKER_LABELS as Xr, FilterPickerContent as Zr } from "./components/editor/filter-picker-content.js";
+import { DEFAULT_VARIABLE_PICKER_LABELS as Qr, VariablePickerContent as $r, createLucideIconResolver as ei, getPluginsWithNestedArrays as ti } from "./components/editor/variable-picker-content.js";
+import { calculateLineLength as ni, getOverflowAmount as ri, willOverflow as ii } from "./components/editor/utils/length-calculator.js";
+export { un as ALL_COLOR_CODES, dn as AVAILABLE_COLORS, t as Accordion, n as AccordionContent, r as AccordionItem, i as AccordionTrigger, _ as Alert, v as AlertDescription, L as AlertDialog, R as AlertDialogAction, z as AlertDialogCancel, B as AlertDialogContent, V as AlertDialogDescription, H as AlertDialogFooter, U as AlertDialogHeader, W as AlertDialogOverlay, G as AlertDialogPortal, K as AlertDialogTitle, q as AlertDialogTrigger, y as AlertTitle, g as Aurora, yn as BOARD_CHARS, Qn as BOARD_CODE_TO_COLOR, fn as BOARD_COLORS, $n as BOARD_COLOR_CODES, x as Badge, Fn as BoardDisplay, It as BoardIcon, Lt as BoardSelector, Kn as BoardShowcase, zn as BoardTeaser, M as Box, E as Button, pn as COLOR_CODE_MAP, mn as COLOR_DISPLAY, er as CURSOR_ANCHOR, a as Card, o as CardAction, s as CardContent, c as CardDescription, l as CardFooter, u as CardHeader, d as CardTitle, O as Checkbox, Ee as Code, f as Collapsible, p as CollapsibleContent, m as CollapsibleTrigger, Tr as ColorPickerContent, lr as ColorTileNode, sr as ColorTileNodeView, tr as DEFAULT_BOARD_LINES, nr as DEFAULT_BOARD_WIDTH, Er as DEFAULT_COLOR_PICKER_LABELS, cr as DEFAULT_COLOR_TILE_NODE_VIEW_LABELS, Pr as DEFAULT_DRAW_CHAR_PICKER_LABELS, ur as DEFAULT_FILL_SPACE_NODE_VIEW_LABELS, Xr as DEFAULT_FILTER_PICKER_LABELS, Ir as DEFAULT_FORMATTING_PICKER_LABELS, pr as DEFAULT_FORMULA_NODE_VIEW_LABELS, Hn as DEFAULT_SHAPE_LABELS, qn as DEFAULT_SHOWCASE_LABELS, Jr as DEFAULT_TEMPLATE_EDITOR_LABELS, Wr as DEFAULT_TEMPLATE_EDITOR_TOOLBAR_LABELS, Rr as DEFAULT_TOOLBAR_DROPDOWN_LABELS, yr as DEFAULT_VARIABLE_NODE_VIEW_LABELS, Qr as DEFAULT_VARIABLE_PICKER_LABELS, Sr as DEFAULT_WRAPPED_TEXT_VIEW_LABELS, On as DEVICE_DIMENSIONS, Dr as DRAW_CHARS, We as DecryptedText, J as Dialog, Y as DialogClose, X as DialogContent, Z as DialogDescription, Q as DialogFooter, $ as DialogHeader, ee as DialogOverlay, te as DialogPortal, ne as DialogTitle, re as DialogTrigger, Fr as DrawCharPickerContent, ie as DropdownMenu, ae as DropdownMenuCheckboxItem, oe as DropdownMenuContent, se as DropdownMenuGroup, ce as DropdownMenuItem, le as DropdownMenuLabel, ue as DropdownMenuPortal, de as DropdownMenuRadioGroup, fe as DropdownMenuRadioItem, pe as DropdownMenuSeparator, me as DropdownMenuShortcut, he as DropdownMenuSub, ge as DropdownMenuSubContent, _e as DropdownMenuSubTrigger, ve as DropdownMenuTrigger, bn as EXTRA_CHARS, C as EmptyState, hn as FIESTABOARD_COLORS, Rt as FIESTA_ICON_DATA_URI, zt as FIESTA_ICON_PALETTE, Bt as FIESTA_ICON_SVG, rr as FILL_SPACE_REPEAT_VAR, ir as FILL_SPACE_VAR, In as FLAP_SPEED_PRESETS, Ge as FadeContent, Vt as FiestaIcon, Ht as FiestaLogo, fr as FillSpaceNode, dr as FillSpaceNodeView, Zr as FilterPickerContent, N as Flex, Lr as FormattingPickerContent, hr as FormulaNode, mr as FormulaNodeView, F as Grid, en as HIDE_FESTIVE_COOKIE, De as Heading, k as Input, h as JsonTree, A as Label, Ut as LanguageSelector, gr as LineNavigation, ke as List, Ae as ListItem, kn as MAX_NOTES_PER_AXIS, Wt as MainContent, An as NOTE_COLS, jn as NOTE_ROWS, ar as NodeViewInjectionProvider, Jn as PLUGIN_CATEGORIES, tn as PRIDE_SEASON, Gt as PageHeader, Kt as PageIconGradientDefs, qt as PageLayout, Jt as PageToolbar, Zn as PluginCard, Yn as PluginCategoryBadge, ye as Popover, be as PopoverClose, xe as PopoverContent, Se as PopoverDescription, Ce as PopoverTitle, we as PopoverTrigger, nn as SEASONS, Bn as ScaledBoardDisplay, Xn as ScaledBoardTeaser, Me as ScrollArea, Ne as ScrollBar, j as SecretInput, dt as SegmentedControl, ft as SegmentedControlItem, Ye as Select, Xe as SelectContent, Ze as SelectGroup, Qe as SelectItem, $e as SelectLabel, et as SelectScrollDownButton, tt as SelectScrollUpButton, nt as SelectSeparator, rt as SelectTrigger, it as SelectValue, xt as Sheet, St as SheetClose, Ct as SheetContent, wt as SheetDescription, Tt as SheetFooter, Et as SheetHeader, Dt as SheetOverlay, Ot as SheetPortal, kt as SheetTitle, At as SheetTrigger, Zt as Sidebar, Yt as SidebarAurora, Xt as SidebarAuroraHorizontal, _r as SingleParagraphDoc, Ke as Skeleton, Qt as SkipToContent, at as Slider, w as Spinner, yt as Stack, Vn as StaticBoardDisplay, qe as StatusDot, ot as Switch, Pe as Table, Fe as TableBody, Ie as TableCell, Le as TableHead, Re as TableHeader, ze as TableRow, Be as Tabs, Ve as TabsContent, He as TabsList, Ue as TabsTrigger, Yr as TemplateEditor, Gr as TemplateEditorToolbar, ct as Text, Ft as TextLink, st as Textarea, $t as ThemeToggle, ut as TimePicker, pt as ToggleCard, mt as ToggleCardGroup, zr as ToolbarDropdown, jt as Tooltip, Mt as TooltipContent, Nt as TooltipProvider, Pt as TooltipTrigger, vr as TrailingNewline, xr as VariableNode, br as VariableNodeView, $r as VariablePickerContent, wr as WrappedTextNode, Cr as WrappedTextView, b as alertVariants, S as badgeVariants, Or as brushToCell, Kr as buildStrokeTransaction, D as buttonVariants, ni as calculateLineLength, kr as cellsToLine, e as cn, ei as createLucideIconResolver, Ln as deriveFlapTiming, rn as fireSeasonBurst, P as flexVariants, an as getActiveSeason, gn as getBoardColor, xn as getCharFromToken, Sn as getCharIndex, ri as getOverflowAmount, ti as getPluginsWithNestedArrays, I as gridVariants, Oe as headingVariants, Ur as insertTemplateContent, Cn as isColorTile, Mn as isNoteArray, Ar as isPositionalLine, _n as isValidBoardColor, qr as lineRanges, jr as lineToCells, je as listVariants, wn as messageToGrid, Tn as messageToText, Nn as noteArrayDimensions, Mr as paintLine, En as parseLine, Br as parseLineContent, Vr as parseTemplateSimple, Un as previewLabel, Wn as previewLabels, Gn as previewMessage, on as readCookieString, Nr as renderPositionalLine, vn as resolveColorCode, Pn as resolveDimensions, Rn as resolveFlapSpeed, ht as segmentedControlItemVariants, gt as segmentedControlVariants, Hr as serializeTemplateSimple, sn as shouldShowPride, T as spinnerVariants, bt as stackVariants, Je as statusDotVariants, lt as textVariants, _t as toggleCardGroupVariants, vt as toggleCardVariants, Dn as tokensEqual, cn as useActiveSeason, or as useNodeViewInjection, Te as usePopoverClose, ln as usePrideActive, ii as willOverflow };

package/dist/lib/board-colors.d.ts

@@ -31,6 +31,22 @@ export declare const BOARD_COLORS: {
     readonly white: "#ffffff";
     readonly black: "#1a1a1a";
 };
+/**
+ * Legacy alias. The FiestaBoard app named this exact map `FIESTABOARD_COLORS`
+ * (`@/lib/board-colors`), and its template-editor components import it by that
+ * name. Same object, same name → hex contract — kept so the app can drop its
+ * local copy without a rename sweep. Prefer `BOARD_COLORS` in new code.
+ */
+export declare const FIESTABOARD_COLORS: {
+    readonly red: "#eb4034";
+    readonly orange: "#f5a623";
+    readonly yellow: "#f8e71c";
+    readonly green: "#7ed321";
+    readonly blue: "#4a90d9";
+    readonly violet: "#9b59b6";
+    readonly white: "#ffffff";
+    readonly black: "#1a1a1a";
+};
 export type BoardColorName = keyof typeof BOARD_COLORS;
 export declare const COLOR_CODE_MAP: Record<string, string>;
 export declare const ALL_COLOR_CODES: Record<string, string>;

package/dist/lib/board-colors.js

@@ -8,7 +8,7 @@ var e = {
 	violet: "#9b59b6",
 	white: "#ffffff",
 	black: "#1a1a1a"
-}, t = {
+}, t = e, n = {
 	63: e.red,
 	64: e.orange,
 	65: e.yellow,
@@ -18,8 +18,8 @@ var e = {
 	69: e.white,
 	70: e.black,
 	71: e.black
-}, n = Object.assign(Object.create(null), {
-	...t,
+}, r = Object.assign(Object.create(null), {
+	...n,
 	red: e.red,
 	orange: e.orange,
 	yellow: e.yellow,
@@ -29,7 +29,7 @@ var e = {
 	purple: e.violet,
 	white: e.white,
 	black: e.black
-}), r = [
+}), i = [
 	"red",
 	"orange",
 	"yellow",
@@ -38,7 +38,7 @@ var e = {
 	"violet",
 	"white",
 	"black"
-], i = {
+], a = {
 	red: {
 		bg: "bg-board-red",
 		text: "text-board-black"
@@ -72,22 +72,22 @@ var e = {
 		text: "text-board-white"
 	}
 };
-function a(t) {
-	let r = t.toLowerCase();
-	return n[t] || n[r] || e.black;
+function o(t) {
+	let n = t.toLowerCase();
+	return r[t] || r[n] || e.black;
 }
-function o(e) {
+function s(e) {
 	let t = e.toLowerCase();
-	return Object.hasOwn(n, e) || Object.hasOwn(n, t);
+	return Object.hasOwn(r, e) || Object.hasOwn(r, t);
 }
-function s(t, r) {
-	if (r) {
+function c(t, n) {
+	if (n) {
 		if (t === "69" || t === "white") return e.black;
 		if (t === "70" || t === "black") return e.white;
 	}
-	return n[t] || e.black;
+	return r[t] || e.black;
 }
 //#endregion
-export { n as ALL_COLOR_CODES, r as AVAILABLE_COLORS, e as BOARD_COLORS, t as COLOR_CODE_MAP, i as COLOR_DISPLAY, a as getBoardColor, o as isValidBoardColor, s as resolveColorCode };
+export { r as ALL_COLOR_CODES, i as AVAILABLE_COLORS, e as BOARD_COLORS, n as COLOR_CODE_MAP, a as COLOR_DISPLAY, t as FIESTABOARD_COLORS, o as getBoardColor, s as isValidBoardColor, c as resolveColorCode };
 
 //# sourceMappingURL=board-colors.js.map

package/dist/lib/board-colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"board-colors.js","names":[],"sources":["../../src/lib/board-colors.ts"],"mappings":";AAyBA,IAAa,IAAe;CAC1B,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,MAAM;CACN,QAAQ;CACR,OAAO;CACP,OAAO;AACT,GAMa,IAAyC;CACpD,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;AACrB,GAOa,IAA0C,OAAO,OAAO,OAAO,OAAO,IAAI,GAAG;CAExF,GAAG;CAEH,KAAK,EAAa;CAClB,QAAQ,EAAa;CACrB,QAAQ,EAAa;CACrB,OAAO,EAAa;CACpB,MAAM,EAAa;CACnB,QAAQ,EAAa;CACrB,QAAQ,EAAa;CACrB,OAAO,EAAa;CACpB,OAAO,EAAa;AACtB,CAAC,GAGY,IAAqC;CAChD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAIa,IAAsE;CACjF,KAAK;EAAE,IAAI;EAAgB,MAAM;CAAmB;CACpD,QAAQ;EAAE,IAAI;EAAmB,MAAM;CAAmB;CAC1D,QAAQ;EAAE,IAAI;EAAmB,MAAM;CAAmB;CAC1D,OAAO;EAAE,IAAI;EAAkB,MAAM;CAAmB;CACxD,MAAM;EAAE,IAAI;EAAiB,MAAM;CAAmB;CACtD,QAAQ;EAAE,IAAI;EAAmB,MAAM;CAAmB;CAC1D,OAAO;EAAE,IAAI;EAAyB,MAAM;CAAmB;CAC/D,OAAO;EAAE,IAAI;EAAkB,MAAM;CAAmB;AAC1D;AAGA,SAAgB,EAAc,GAA4B;CACxD,IAAM,IAAW,EAAW,YAAY;CACxC,OAAO,EAAgB,MAAe,EAAgB,MAAa,EAAa;AAClF;AAGA,SAAgB,EAAkB,GAAwB;CACxD,IAAM,IAAW,EAAM,YAAY;CACnC,OAAO,OAAO,OAAO,GAAiB,CAAK,KAAK,OAAO,OAAO,GAAiB,CAAQ;AACzF;AAMA,SAAgB,EAAiB,GAAc,GAA+B;CAC5E,IAAI,GAAc;EAChB,IAAI,MAAS,QAAQ,MAAS,SAAS,OAAO,EAAa;EAC3D,IAAI,MAAS,QAAQ,MAAS,SAAS,OAAO,EAAa;CAC7D;CACA,OAAO,EAAgB,MAAS,EAAa;AAC/C"}
+{"version":3,"file":"board-colors.js","names":[],"sources":["../../src/lib/board-colors.ts"],"mappings":";AAyBA,IAAa,IAAe;CAC1B,KAAK;CACL,QAAQ;CACR,QAAQ;CACR,OAAO;CACP,MAAM;CACN,QAAQ;CACR,OAAO;CACP,OAAO;AACT,GAQa,IAAqB,GAMrB,IAAyC;CACpD,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;CACnB,IAAM,EAAa;AACrB,GAOa,IAA0C,OAAO,OAAO,OAAO,OAAO,IAAI,GAAG;CAExF,GAAG;CAEH,KAAK,EAAa;CAClB,QAAQ,EAAa;CACrB,QAAQ,EAAa;CACrB,OAAO,EAAa;CACpB,MAAM,EAAa;CACnB,QAAQ,EAAa;CACrB,QAAQ,EAAa;CACrB,OAAO,EAAa;CACpB,OAAO,EAAa;AACtB,CAAC,GAGY,IAAqC;CAChD;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAIa,IAAsE;CACjF,KAAK;EAAE,IAAI;EAAgB,MAAM;CAAmB;CACpD,QAAQ;EAAE,IAAI;EAAmB,MAAM;CAAmB;CAC1D,QAAQ;EAAE,IAAI;EAAmB,MAAM;CAAmB;CAC1D,OAAO;EAAE,IAAI;EAAkB,MAAM;CAAmB;CACxD,MAAM;EAAE,IAAI;EAAiB,MAAM;CAAmB;CACtD,QAAQ;EAAE,IAAI;EAAmB,MAAM;CAAmB;CAC1D,OAAO;EAAE,IAAI;EAAyB,MAAM;CAAmB;CAC/D,OAAO;EAAE,IAAI;EAAkB,MAAM;CAAmB;AAC1D;AAGA,SAAgB,EAAc,GAA4B;CACxD,IAAM,IAAW,EAAW,YAAY;CACxC,OAAO,EAAgB,MAAe,EAAgB,MAAa,EAAa;AAClF;AAGA,SAAgB,EAAkB,GAAwB;CACxD,IAAM,IAAW,EAAM,YAAY;CACnC,OAAO,OAAO,OAAO,GAAiB,CAAK,KAAK,OAAO,OAAO,GAAiB,CAAQ;AACzF;AAMA,SAAgB,EAAiB,GAAc,GAA+B;CAC5E,IAAI,GAAc;EAChB,IAAI,MAAS,QAAQ,MAAS,SAAS,OAAO,EAAa;EAC3D,IAAI,MAAS,QAAQ,MAAS,SAAS,OAAO,EAAa;CAC7D;CACA,OAAO,EAAgB,MAAS,EAAa;AAC/C"}

package/dist/lib/use-deps-changed.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Render-phase equivalent of `useEffect(fn, deps)` for the specific job of
+ * mirroring an external value (a query result, a prop) into local state.
+ *
+ * Returns `true` on the first render, and on any later render where one of
+ * `deps` changed identity — i.e. exactly the renders after which
+ * `useEffect(fn, deps)` would have fired. Callers do their `setState` calls
+ * inside that branch, during render, instead of in an effect:
+ *
+ * ```tsx
+ * const settingsChanged = useDepsChanged([data?.general]);
+ * if (settingsChanged && data?.general) {
+ *   setTimezone(data.general.timezone ?? DEFAULT_TZ);
+ * }
+ * ```
+ *
+ * Why this is better than the effect it replaces: React restarts the render
+ * immediately when a component sets its own state during render, *before*
+ * committing — so the mirrored value is on screen in the first commit. The
+ * effect version commits the stale value, paints, then re-renders, which is
+ * the cascading render that `react-hooks/set-state-in-effect` warns about
+ * (and, per the React docs, a state update during render of the *same*
+ * component is the supported way to adjust state when a prop changes:
+ * https://react.dev/reference/react/useState#storing-information-from-previous-renders).
+ *
+ * Constraints, same as any render-phase update:
+ * - Only call `setState` for THIS component inside the branch. Calling a
+ *   parent's setter (or a router/toast side effect) during render is illegal;
+ *   those must stay in an effect.
+ * - The branch must be idempotent. It runs once per change because the deps
+ *   snapshot is taken as soon as it fires.
+ */
+export declare function useDepsChanged(deps: readonly unknown[]): boolean;

package/dist/lib/use-deps-changed.js

@@ -0,0 +1,11 @@
+"use client";
+import { useState as e } from "react";
+//#region src/lib/use-deps-changed.ts
+function t(t) {
+	let [n, r] = e(null);
+	return n === null || n.length !== t.length || t.some((e, t) => !Object.is(e, n[t])) ? (r(t), !0) : !1;
+}
+//#endregion
+export { t as useDepsChanged };
+
+//# sourceMappingURL=use-deps-changed.js.map

package/dist/lib/use-deps-changed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-deps-changed.js","names":[],"sources":["../../src/lib/use-deps-changed.ts"],"mappings":";;;AAoCA,SAAgB,EAAe,GAAmC;CAChE,IAAM,CAAC,GAAM,KAAW,EAAoC,IAAI;CAOhE,OALI,MAAS,QAAQ,EAAK,WAAW,EAAK,UAAU,EAAK,MAAM,GAAK,MAAM,CAAC,OAAO,GAAG,GAAK,EAAK,EAAE,CAAC,KAChG,EAAQ,CAAI,GACL,MAGF;AACT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiestaboard/ui",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "FiestaUI — the FiestaBoard design system. React components on Base UI with Tailwind v4 design tokens.",
   "license": "MIT",
   "repository": {
@@ -28,6 +28,7 @@
     },
     "./theme.css": "./dist/theme.css",
     "./fonts.css": "./dist/fonts.css",
+    "./editor.css": "./dist/editor.css",
     "./seasons/*.css": "./dist/seasons/*.css",
     "./package.json": "./package.json",
     "./*": {
@@ -36,7 +37,7 @@
     }
   },
   "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json && cp src/styles/theme.css dist/theme.css && cp src/styles/fonts.css dist/fonts.css && cp -r src/styles/seasons dist/seasons",
+    "build": "vite build && tsc -p tsconfig.build.json && cp src/styles/theme.css dist/theme.css && cp src/styles/fonts.css dist/fonts.css && cp src/styles/editor.css dist/editor.css && cp -r src/styles/seasons dist/seasons",
     "typecheck": "tsc --noEmit",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
@@ -66,16 +67,34 @@
     "tw-animate-css": "^1.4.0"
   },
   "peerDependencies": {
+    "@codemirror/commands": "^6.10.4",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/state": "^6.7.1",
+    "@codemirror/view": "^6.43.8",
+    "@lezer/highlight": "^1.2.3",
+    "@tiptap/core": "^3.29.2",
+    "@tiptap/pm": "^3.29.2",
+    "@tiptap/react": "^3.29.2",
+    "@tiptap/starter-kit": "^3.29.2",
     "lucide-react": ">=1.23.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "tailwindcss": "^4.0.0"
   },
   "devDependencies": {
+    "@codemirror/commands": "^6.10.4",
+    "@codemirror/language": "^6.12.4",
+    "@codemirror/state": "^6.7.1",
+    "@codemirror/view": "^6.43.8",
+    "@lezer/highlight": "^1.2.3",
     "@storybook/addon-a11y": "^10.5.5",
     "@storybook/react-vite": "^10.5.5",
     "@storybook/test-runner": "^0.24.4",
     "@tailwindcss/vite": "^4",
+    "@tiptap/core": "^3.29.2",
+    "@tiptap/pm": "^3.29.2",
+    "@tiptap/react": "^3.29.2",
+    "@tiptap/starter-kit": "^3.29.2",
     "@types/node": "^26",
     "@types/react": "^19",
     "@types/react-dom": "^19",
@@ -106,5 +125,34 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
     "access": "public"
+  },
+  "peerDependenciesMeta": {
+    "@codemirror/commands": {
+      "optional": true
+    },
+    "@codemirror/language": {
+      "optional": true
+    },
+    "@codemirror/state": {
+      "optional": true
+    },
+    "@codemirror/view": {
+      "optional": true
+    },
+    "@lezer/highlight": {
+      "optional": true
+    },
+    "@tiptap/core": {
+      "optional": true
+    },
+    "@tiptap/pm": {
+      "optional": true
+    },
+    "@tiptap/react": {
+      "optional": true
+    },
+    "@tiptap/starter-kit": {
+      "optional": true
+    }
   }
 }