@techzyapp/ui-library 1.0.0

package/dist/RichTextEditor-BTx8Py3I.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor-BTx8Py3I.js","sources":["../src/components/RichTextEditor/urlSafety.ts","../src/components/RichTextEditor/nodes/ImageNode.tsx","../src/components/RichTextEditor/nodes/VideoNode.tsx","../src/components/RichTextEditor/Toolbar.tsx","../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/**\n * URL-scheme allowlist for the RichTextEditor — the single defense against script-URL XSS\n * (`javascript:`, `vbscript:`, `data:text/html`, …) reaching the exported HTML value, whether a URL\n * arrives via the toolbar dialogs, a paste, or a loaded value. Rejected URLs are neutralized (an\n * empty `src`, or a `'#'` `href`) rather than executed.\n */\n\n// Link schemes we trust, plus relative/anchor/query starts (which carry no scheme at all).\nconst SAFE_LINK = /^(?:https?:|mailto:|tel:|ftp:|#|\\/|\\?|\\.)/i\n// Does the string begin with an explicit `scheme:` at all? (Anything schemeless is treated as relative.)\nconst HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/i\n\n/**\n * Sanitize a link `href`: allow `http(s)`/`mailto`/`tel`/`ftp` and relative/anchor/query URLs; any\n * other explicit scheme (`javascript:`, `data:`, `vbscript:`, …) collapses to `'#'`.\n */\nexport function sanitizeLinkUrl(url: string): string {\n  const trimmed = url.trim()\n  if (trimmed === '') return ''\n  if (SAFE_LINK.test(trimmed)) return trimmed\n  if (!HAS_SCHEME.test(trimmed)) return trimmed // schemeless (e.g. `example.com/x`) → relative, safe\n  return '#' // a disallowed scheme\n}\n\n/**\n * Sanitize an image/video `src`: like {@link sanitizeLinkUrl}, but also permits inline\n * `data:image`/`data:video` (upload embeds) and `blob:` object URLs. A disallowed scheme yields `''`.\n */\nexport function sanitizeMediaUrl(url: string): string {\n  const trimmed = url.trim()\n  if (/^data:(?:image|video)\\//i.test(trimmed) || /^blob:/i.test(trimmed)) return trimmed\n  const safe = sanitizeLinkUrl(trimmed)\n  return safe === '#' ? '' : safe\n}\n","import {\n  $applyNodeReplacement,\n  DecoratorNode,\n  type DOMConversionMap,\n  type DOMConversionOutput,\n  type DOMExportOutput,\n  type LexicalNode,\n  type NodeKey,\n  type SerializedLexicalNode,\n  type Spread,\n} from 'lexical'\nimport type { ReactNode } from 'react'\nimport { sanitizeMediaUrl } from '../urlSafety'\n\n/** Serialized shape of an {@link ImageNode} (editor-state JSON). */\nexport type SerializedImageNode = Spread<{ src: string; alt: string }, SerializedLexicalNode>\n\n/** Rebuilds an `ImageNode` from a pasted/loaded `<img>` element. */\nfunction convertImageElement(domNode: HTMLElement): DOMConversionOutput | null {\n  if (domNode instanceof HTMLImageElement && domNode.src) {\n    return { node: $createImageNode(domNode.getAttribute('src') ?? domNode.src, domNode.alt) }\n  }\n  return null\n}\n\n/**\n * A block-level image node. Renders a plain `<img>` (the `src` may be a remote URL or a base64\n * `data:` URL when inserted via upload). Serializes to a clean `<img src alt>` for the HTML value and\n * parses back from any `<img>` on paste/load.\n */\nexport class ImageNode extends DecoratorNode<ReactNode> {\n  __src: string\n  __alt: string\n\n  static getType(): string {\n    return 'tz-image'\n  }\n\n  static clone(node: ImageNode): ImageNode {\n    return new ImageNode(node.__src, node.__alt, node.__key)\n  }\n\n  constructor(src: string, alt = '', key?: NodeKey) {\n    super(key)\n    // sanitize here so every path (insert, paste import, JSON load, clone) gets a safe scheme\n    this.__src = sanitizeMediaUrl(src)\n    this.__alt = alt\n  }\n\n  static importJSON(json: SerializedImageNode): ImageNode {\n    return $createImageNode(json.src, json.alt)\n  }\n\n  exportJSON(): SerializedImageNode {\n    return { ...super.exportJSON(), type: 'tz-image', version: 1, src: this.__src, alt: this.__alt }\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return { img: () => ({ conversion: convertImageElement, priority: 0 }) }\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('img')\n    element.setAttribute('src', this.__src)\n    element.setAttribute('alt', this.__alt)\n    return { element }\n  }\n\n  /** A block wrapper; the actual `<img>` is rendered by {@link decorate}. */\n  createDOM(): HTMLElement {\n    const div = document.createElement('div')\n    div.style.display = 'contents'\n    return div\n  }\n\n  updateDOM(): false {\n    return false\n  }\n\n  getSrc(): string {\n    return this.__src\n  }\n\n  getAltText(): string {\n    return this.__alt\n  }\n\n  decorate(): ReactNode {\n    return <img src={this.__src} alt={this.__alt} draggable={false} />\n  }\n}\n\n/** Creates an `ImageNode` (use inside an `editor.update`). */\nexport function $createImageNode(src: string, alt = ''): ImageNode {\n  return $applyNodeReplacement(new ImageNode(src, alt))\n}\n\n/** Type guard for `ImageNode`. */\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n  return node instanceof ImageNode\n}\n","import {\n  $applyNodeReplacement,\n  DecoratorNode,\n  type DOMConversionMap,\n  type DOMConversionOutput,\n  type DOMExportOutput,\n  type LexicalNode,\n  type NodeKey,\n  type SerializedLexicalNode,\n  type Spread,\n} from 'lexical'\nimport type { ReactNode } from 'react'\nimport { useT } from '../../../theme'\nimport { sanitizeMediaUrl } from '../urlSafety'\n\n/** Serialized shape of a {@link VideoNode} (editor-state JSON). */\nexport type SerializedVideoNode = Spread<{ src: string }, SerializedLexicalNode>\n\n/** A direct video file (rendered with `<video controls>` rather than an embed `<iframe>`). */\nfunction isFileVideo(src: string): boolean {\n  return /\\.(mp4|webm|ogg|ogv|mov|m4v)(\\?.*)?$/i.test(src)\n}\n\n/**\n * Normalizes a pasted video URL into an embeddable one — YouTube/Vimeo watch links become their\n * `embed` form; everything else (incl. already-embed URLs and direct files) is returned unchanged,\n * so the conversion is idempotent across HTML round-trips.\n */\nexport function toVideoEmbedSrc(raw: string): string {\n  const youtube = raw.match(\n    /(?:youtube\\.com\\/(?:watch\\?(?:.*&)?v=|embed\\/|shorts\\/)|youtu\\.be\\/)([\\w-]{11})/,\n  )\n  if (youtube) return `https://www.youtube.com/embed/${youtube[1]}`\n  const vimeo = raw.match(/vimeo\\.com\\/(?:video\\/)?(\\d+)/)\n  if (vimeo) return `https://player.vimeo.com/video/${vimeo[1]}`\n  return raw\n}\n\n/** Rebuilds a `VideoNode` from a pasted/loaded `<iframe>` or `<video>` element. */\nfunction convertVideoElement(domNode: HTMLElement): DOMConversionOutput | null {\n  const src = domNode.getAttribute('src') || domNode.querySelector('source')?.getAttribute('src')\n  if (src) return { node: $createVideoNode(src) }\n  return null\n}\n\n/**\n * A block-level video node. Direct media files render with `<video controls>`; everything else is\n * treated as an embed and renders in a responsive `<iframe>` (YouTube/Vimeo links are normalized to\n * their embed URL). Serializes to a clean `<video>` / `<iframe>` for the HTML value.\n */\nexport class VideoNode extends DecoratorNode<ReactNode> {\n  __src: string\n\n  static getType(): string {\n    return 'tz-video'\n  }\n\n  static clone(node: VideoNode): VideoNode {\n    return new VideoNode(node.__src, node.__key)\n  }\n\n  constructor(src: string, key?: NodeKey) {\n    super(key)\n    // sanitize here so every path (insert, paste import, JSON load, clone) gets a safe scheme\n    this.__src = sanitizeMediaUrl(src)\n  }\n\n  static importJSON(json: SerializedVideoNode): VideoNode {\n    return $createVideoNode(json.src)\n  }\n\n  exportJSON(): SerializedVideoNode {\n    return { ...super.exportJSON(), type: 'tz-video', version: 1, src: this.__src }\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      iframe: () => ({ conversion: convertVideoElement, priority: 0 }),\n      video: () => ({ conversion: convertVideoElement, priority: 0 }),\n    }\n  }\n\n  exportDOM(): DOMExportOutput {\n    if (isFileVideo(this.__src)) {\n      const video = document.createElement('video')\n      video.setAttribute('src', this.__src)\n      video.setAttribute('controls', 'true')\n      return { element: video }\n    }\n    const iframe = document.createElement('iframe')\n    iframe.setAttribute('src', this.__src)\n    iframe.setAttribute('frameborder', '0')\n    iframe.setAttribute('allowfullscreen', 'true')\n    iframe.setAttribute(\n      'allow',\n      'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',\n    )\n    return { element: iframe }\n  }\n\n  /** A block wrapper; the actual media element is rendered by {@link decorate}. */\n  createDOM(): HTMLElement {\n    const div = document.createElement('div')\n    div.style.display = 'contents'\n    return div\n  }\n\n  updateDOM(): false {\n    return false\n  }\n\n  getSrc(): string {\n    return this.__src\n  }\n\n  decorate(): ReactNode {\n    if (isFileVideo(this.__src)) return <video src={this.__src} controls />\n    return <VideoEmbed src={this.__src} />\n  }\n}\n\n/** The in-editor embed `<iframe>` — a component so its `title` can be localized via `useT()`. */\nfunction VideoEmbed({ src }: { src: string }) {\n  const t = useT()\n  return (\n    <div className=\"tz-rte-embed\">\n      <iframe\n        src={src}\n        title={t('rte.embeddedVideo')}\n        frameBorder={0}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n      />\n    </div>\n  )\n}\n\n/** Creates a `VideoNode`, normalizing the URL to an embeddable one (use inside an `editor.update`). */\nexport function $createVideoNode(src: string): VideoNode {\n  return $applyNodeReplacement(new VideoNode(toVideoEmbedSrc(src)))\n}\n\n/** Type guard for `VideoNode`. */\nexport function $isVideoNode(node: LexicalNode | null | undefined): node is VideoNode {\n  return node instanceof VideoNode\n}\n","import { useCallback, useEffect, useRef, useState, type ChangeEvent } from 'react'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport {\n  $createParagraphNode,\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  CAN_REDO_COMMAND,\n  CAN_UNDO_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  FORMAT_ELEMENT_COMMAND,\n  FORMAT_TEXT_COMMAND,\n  REDO_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n  UNDO_COMMAND,\n  type ElementFormatType,\n  type TextFormatType,\n} from 'lexical'\nimport {\n  $createHeadingNode,\n  $createQuoteNode,\n  $isHeadingNode,\n  $isQuoteNode,\n  type HeadingTagType,\n} from '@lexical/rich-text'\nimport {\n  INSERT_CHECK_LIST_COMMAND,\n  INSERT_ORDERED_LIST_COMMAND,\n  INSERT_UNORDERED_LIST_COMMAND,\n  ListNode,\n  REMOVE_LIST_COMMAND,\n} from '@lexical/list'\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { sanitizeLinkUrl } from './urlSafety'\nimport { toast } from '../Toast/toastStore'\nimport { useT, type MessageKey } from '../../theme'\nimport {\n  $getSelectionStyleValueForProperty,\n  $patchStyleText,\n  $setBlocksType,\n} from '@lexical/selection'\nimport { $findMatchingParent, $getNearestNodeOfType, mergeRegister } from '@lexical/utils'\nimport { $insertNodeToNearestRoot } from '@lexical/utils'\nimport type { IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { ColorPickerPanel, DEFAULT_SWATCHES } from '../ColorPicker/ColorPickerPanel'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem } from '../List'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { $createImageNode } from './nodes/ImageNode'\nimport { $createVideoNode } from './nodes/VideoNode'\nimport styles from './RichTextEditor.module.css'\n\ntype Size = 'sm' | 'md' | 'lg'\ntype BlockType = 'paragraph' | HeadingTagType | 'quote' | 'bullet' | 'number' | 'check'\n\n// Block-type labels stay **English in every language** by design — \"Paragraph\" / \"Heading\" are\n// editor-standard terms the maintainer prefers untranslated, so these are literals, not i18n keys.\nconst BLOCK_LABEL: Partial<Record<BlockType, string>> = {\n  paragraph: 'Paragraph',\n  h1: 'Heading 1',\n  h2: 'Heading 2',\n  h3: 'Heading 3',\n  quote: 'Quote',\n  bullet: 'Bullet List',\n  number: 'Numbered List',\n  check: 'Check List',\n}\n\n/** Items in the block-type dropdown — lists & quote are standalone toolbar buttons; check lists are excluded. */\nconst BLOCKS: { type: BlockType; icon?: IconName }[] = [\n  { type: 'paragraph', icon: 'Text' },\n  { type: 'h1', icon: 'Hashtag' },\n  { type: 'h2', icon: 'Hashtag' },\n  { type: 'h3', icon: 'Hashtag' },\n]\n\n/** Text-alignment controls (set the block element's `text-align`); `labelKey` resolves via `t`. */\nconst ALIGNS: { value: ElementFormatType; labelKey: MessageKey; icon: IconName }[] = [\n  { value: 'left', labelKey: 'rte.alignLeft', icon: 'TextalignLeft' },\n  { value: 'center', labelKey: 'rte.alignCenter', icon: 'TextalignCenter' },\n  { value: 'right', labelKey: 'rte.alignRight', icon: 'TextalignRight' },\n]\n\n/** Font-size options (the `font-size` style value). */\nconst FONT_SIZES = ['10px', '12px', '14px', '16px', '18px', '20px']\n\n/** The editor's default content size per `size` (mirrors `.content` in the CSS) — shown active when the\n * selection has no explicit `font-size`. */\nconst DEFAULT_FONT_SIZE: Record<Size, string> = { sm: '12px', md: '14px', lg: '16px' }\n\n/** Config for the shared URL-input `Modal` (link / image-by-URL / video) — replaces `window.prompt`. */\ntype UrlDialog = {\n  icon: IconName\n  title: string\n  label: string\n  placeholder: string\n  confirmLabel: string\n  onConfirm: (url: string) => void\n}\n\n/** The text-color button glyph — a brush icon with a corner triangle tinted with the current text\n * color (so the selected color is always visible). Accepts the `size` `IconButton` injects so it\n * doesn't hit the DOM. */\nfunction ColorGlyph({ color, size }: { color: string; size?: Size }) {\n  return (\n    <span className={styles.colorGlyph}>\n      <Icon name=\"Brush\" size={size} />\n      <span\n        className={styles.colorBar}\n        style={{ borderColor: `transparent transparent ${color || 'currentColor'} transparent` }}\n        aria-hidden=\"true\"\n      />\n    </span>\n  )\n}\n\nexport interface ToolbarProps {\n  size: Size\n  disabled: boolean\n  /** Optional async upload — when set, an inserted image uses the returned URL instead of a base64 data URL. */\n  onImageUpload?: (file: File) => Promise<string>\n}\n\n/** The editor toolbar — reads the live selection and dispatches Lexical commands. */\nexport function Toolbar({ size, disabled, onImageUpload }: ToolbarProps) {\n  const t = useT()\n  const blockLabel = (b: BlockType): string => BLOCK_LABEL[b] ?? b // h4–h6 aren't offered by the editor\n  const [editor] = useLexicalComposerContext()\n  const fileInputRef = useRef<HTMLInputElement>(null)\n\n  const [isBold, setIsBold] = useState(false)\n  const [isItalic, setIsItalic] = useState(false)\n  const [isUnderline, setIsUnderline] = useState(false)\n  const [isLink, setIsLink] = useState(false)\n  const [linkUrl, setLinkUrl] = useState('')\n  const [blockType, setBlockType] = useState<BlockType>('paragraph')\n  const [elementFormat, setElementFormat] = useState<ElementFormatType>('left')\n  const [fontSize, setFontSize] = useState('')\n  const [textColor, setTextColor] = useState('')\n  const [colorOpen, setColorOpen] = useState(false)\n  const colorTriggerRef = useRef<HTMLButtonElement | null>(null)\n  const [canUndo, setCanUndo] = useState(false)\n  const [canRedo, setCanRedo] = useState(false)\n  // shared URL-input modal (link / image-by-URL / video)\n  const [urlDialog, setUrlDialog] = useState<UrlDialog | null>(null)\n  const [urlValue, setUrlValue] = useState('')\n\n  const syncState = useCallback(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n    setIsBold(selection.hasFormat('bold'))\n    setIsItalic(selection.hasFormat('italic'))\n    setIsUnderline(selection.hasFormat('underline'))\n    setTextColor($getSelectionStyleValueForProperty(selection, 'color', ''))\n    setFontSize($getSelectionStyleValueForProperty(selection, 'font-size', ''))\n\n    const anchorNode = selection.anchor.getNode()\n    const parent = anchorNode.getParent()\n    const linkNode = $isLinkNode(anchorNode) ? anchorNode : $isLinkNode(parent) ? parent : null\n    setIsLink(linkNode !== null)\n    setLinkUrl(linkNode?.getURL() ?? '')\n\n    // the block element under the cursor — drives both the alignment and block-type state\n    const element =\n      anchorNode.getKey() === 'root'\n        ? anchorNode\n        : ($findMatchingParent(anchorNode, (e) => {\n            const parent = e.getParent()\n            return parent === null || parent.getKey() === 'root'\n          }) ?? anchorNode.getTopLevelElement())\n\n    setElementFormat(($isElementNode(element) && element.getFormatType()) || 'left')\n\n    const listNode = $getNearestNodeOfType(anchorNode, ListNode)\n    if (listNode) setBlockType(listNode.getListType())\n    else if ($isHeadingNode(element)) setBlockType(element.getTag())\n    else if ($isQuoteNode(element)) setBlockType('quote')\n    else setBlockType('paragraph')\n  }, [])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => editorState.read(syncState)),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          syncState()\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        CAN_UNDO_COMMAND,\n        (payload) => {\n          setCanUndo(payload)\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        CAN_REDO_COMMAND,\n        (payload) => {\n          setCanRedo(payload)\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, syncState])\n\n  const format = (type: TextFormatType) => editor.dispatchCommand(FORMAT_TEXT_COMMAND, type)\n\n  const applyAlign = (fmt: ElementFormatType) => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, fmt)\n\n  // apply the picked color to the (retained) selection; `''` clears it back to the default\n  const applyColor = (color: string) => {\n    setTextColor(color)\n    editor.update(() => {\n      const selection = $getSelection()\n      if ($isRangeSelection(selection)) $patchStyleText(selection, { color: color || null })\n    })\n  }\n\n  // apply a font size to the (retained) selection; `''` clears it back to the editor default\n  const applyFontSize = (value: string) => {\n    setFontSize(value)\n    editor.update(() => {\n      const selection = $getSelection()\n      if ($isRangeSelection(selection)) $patchStyleText(selection, { 'font-size': value || null })\n    })\n  }\n\n  const applyBlock = (type: BlockType) => {\n    if (type === 'bullet' || type === 'number' || type === 'check') {\n      if (blockType === type) {\n        editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined)\n      } else {\n        const command =\n          type === 'bullet'\n            ? INSERT_UNORDERED_LIST_COMMAND\n            : type === 'number'\n              ? INSERT_ORDERED_LIST_COMMAND\n              : INSERT_CHECK_LIST_COMMAND\n        editor.dispatchCommand(command, undefined)\n      }\n      return\n    }\n    editor.update(() => {\n      const selection = $getSelection()\n      if (!$isRangeSelection(selection)) return\n      if (type === 'paragraph') $setBlocksType(selection, () => $createParagraphNode())\n      else if (type === 'quote') $setBlocksType(selection, () => $createQuoteNode())\n      else $setBlocksType(selection, () => $createHeadingNode(type))\n    })\n  }\n\n  const toggleQuote = () => applyBlock(blockType === 'quote' ? 'paragraph' : 'quote')\n\n  // open the shared URL modal (prefilled value + handler differ per action)\n  const openUrlDialog = (config: UrlDialog, initial = '') => {\n    setUrlValue(initial)\n    setUrlDialog(config)\n  }\n  const closeUrlDialog = () => setUrlDialog(null)\n  const confirmUrlDialog = () => {\n    urlDialog?.onConfirm(urlValue.trim())\n    setUrlDialog(null)\n  }\n\n  const insertLink = () =>\n    openUrlDialog(\n      {\n        icon: 'Link2',\n        title: t('rte.linkTitle'),\n        label: t('rte.linkUrl'),\n        placeholder: 'https://example.com',\n        confirmLabel: isLink ? t('common.update') : t('common.insert'),\n        // an empty value removes the link (matches the old prompt behavior); sanitize the scheme\n        onConfirm: (url) =>\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, url === '' ? null : sanitizeLinkUrl(url)),\n      },\n      linkUrl, // prefill the current link's URL when the cursor sits in one\n    )\n\n  const insertImageByUrl = () =>\n    openUrlDialog({\n      icon: 'GalleryAdd',\n      title: t('rte.imageTitle'),\n      label: t('rte.imageUrl'),\n      placeholder: 'https://example.com/image.jpg',\n      confirmLabel: t('common.insert'),\n      onConfirm: (url) => {\n        if (url) editor.update(() => $insertNodeToNearestRoot($createImageNode(url)))\n      },\n    })\n\n  const onImageFile = async (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    event.target.value = '' // allow re-picking the same file\n    if (!file) return\n    try {\n      const url = onImageUpload ? await onImageUpload(file) : await fileToDataUrl(file)\n      editor.update(() => $insertNodeToNearestRoot($createImageNode(url, file.name)))\n    } catch {\n      // a rejecting consumer upload handler (or a failed data-URL read) shouldn't fail silently\n      toast.error(t('rte.imageError'))\n    }\n  }\n\n  const insertVideo = () =>\n    openUrlDialog({\n      icon: 'VideoSquare',\n      title: t('rte.videoTitle'),\n      label: t('rte.videoUrl'),\n      placeholder: t('rte.videoUrlPlaceholder'),\n      confirmLabel: t('common.insert'),\n      onConfirm: (url) => {\n        if (url) editor.update(() => $insertNodeToNearestRoot($createVideoNode(url)))\n      },\n    })\n\n  /** A format toggle — soft-filled while active. */\n  const fmtBtn = (\n    active: boolean,\n    label: string,\n    onClick: () => void,\n    child: React.ReactNode,\n    key?: string,\n  ) => (\n    <IconButton\n      key={key}\n      variant={active ? 'filled' : 'text'}\n      color=\"primary\"\n      size={size}\n      disabled={disabled}\n      aria-label={label}\n      aria-pressed={active}\n      onMouseDown={(e) => e.preventDefault()} // keep focus/selection in the editor\n      onClick={onClick}\n    >\n      {child}\n    </IconButton>\n  )\n\n  // the block dropdown only manages Paragraph / Headings — lists & quote are separate toggle buttons,\n  // so when the cursor is in a list/quote/check the trigger shows \"Paragraph\", not e.g. \"Bullet List\".\n  const dropdownBlock: BlockType = blockType.startsWith('h') ? blockType : 'paragraph'\n\n  // font-size shown active: the selection's explicit size, else the editor's default for this `size`\n  const effectiveFontSize = fontSize || DEFAULT_FONT_SIZE[size]\n\n  return (\n    <div\n      className={styles.toolbar}\n      role=\"toolbar\"\n      aria-label={t('rte.formatting')}\n      aria-orientation=\"horizontal\"\n    >\n      <IconButton\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled || !canUndo}\n        aria-label={t('rte.undo')}\n        onMouseDown={(e) => e.preventDefault()}\n        onClick={() => editor.dispatchCommand(UNDO_COMMAND, undefined)}\n      >\n        <Icon name=\"UndoArrow\" />\n      </IconButton>\n      <IconButton\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled || !canRedo}\n        aria-label={t('rte.redo')}\n        onMouseDown={(e) => e.preventDefault()}\n        onClick={() => editor.dispatchCommand(REDO_COMMAND, undefined)}\n      >\n        <Icon name=\"RedoArrow\" />\n      </IconButton>\n\n      <Divider orientation=\"vertical\" />\n\n      <Dropdown\n        size={size}\n        disabled={disabled}\n        minWidth={false}\n        trigger={\n          <Button\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            endIcon={<Icon name=\"ArrowDown4\" />}\n            aria-label={t('rte.fontSize')}\n            onMouseDown={(e) => e.preventDefault()} // keep the selection while opening\n          >\n            {effectiveFontSize}\n          </Button>\n        }\n      >\n        {FONT_SIZES.map((f) => (\n          <ListItem\n            key={f}\n            clickable\n            selected={f === effectiveFontSize}\n            onClick={() => applyFontSize(f)}\n          >\n            {f}\n          </ListItem>\n        ))}\n      </Dropdown>\n\n      <Divider orientation=\"vertical\" />\n\n      <Dropdown\n        size={size}\n        disabled={disabled}\n        trigger={\n          <Button\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            endIcon={<Icon name=\"ArrowDown4\" />}\n            onMouseDown={(e) => e.preventDefault()} // keep the selection while opening\n          >\n            {blockLabel(dropdownBlock)}\n          </Button>\n        }\n      >\n        {BLOCKS.map((b) => (\n          <ListItem\n            key={b.type}\n            clickable\n            selected={dropdownBlock === b.type}\n            icon={b.icon}\n            onClick={() => applyBlock(b.type)}\n          >\n            {blockLabel(b.type)}\n          </ListItem>\n        ))}\n      </Dropdown>\n\n      <Divider orientation=\"vertical\" />\n\n      {fmtBtn(isBold, t('rte.bold'), () => format('bold'), <Icon name=\"TextBold\" />)}\n      {fmtBtn(isItalic, t('rte.italic'), () => format('italic'), <Icon name=\"TextItalic\" />)}\n      {fmtBtn(\n        isUnderline,\n        t('rte.underline'),\n        () => format('underline'),\n        <Icon name=\"TextUnderline\" />,\n      )}\n\n      <Divider orientation=\"vertical\" />\n\n      {fmtBtn(\n        blockType === 'bullet',\n        t('rte.bulletList'),\n        () => applyBlock('bullet'),\n        <Icon name=\"ListBullet\" />,\n      )}\n      {fmtBtn(\n        blockType === 'number',\n        t('rte.numberedList'),\n        () => applyBlock('number'),\n        <Icon name=\"ListNumber\" />,\n      )}\n      {fmtBtn(blockType === 'quote', t('rte.quote'), toggleQuote, <Icon name=\"QuoteUp\" />)}\n\n      <Divider orientation=\"vertical\" />\n\n      {ALIGNS.map((a) =>\n        fmtBtn(\n          elementFormat === a.value,\n          t(a.labelKey),\n          () => applyAlign(a.value),\n          <Icon name={a.icon} />,\n          a.value,\n        ),\n      )}\n\n      <Divider orientation=\"vertical\" />\n\n      <IconButton\n        ref={colorTriggerRef}\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled}\n        aria-label={t('rte.textColor')}\n        aria-expanded={colorOpen}\n        onMouseDown={(e) => e.preventDefault()} // keep the editor's selection while opening\n        onClick={() => setColorOpen((o) => !o)}\n      >\n        <ColorGlyph color={textColor} />\n      </IconButton>\n      <FloatingPanel\n        open={colorOpen}\n        triggerRef={colorTriggerRef}\n        onClose={(refocus) => {\n          setColorOpen(false)\n          if (refocus) colorTriggerRef.current?.focus()\n        }}\n        role=\"dialog\"\n        ariaLabel={t('rte.textColor')}\n        width={232}\n      >\n        {/* no \"no color\" swatch; with no explicit color the accent default (first swatch) shows selected */}\n        <ColorPickerPanel\n          value={textColor || DEFAULT_SWATCHES[0]}\n          onChange={applyColor}\n          clearable={false}\n        />\n      </FloatingPanel>\n\n      {fmtBtn(isLink, t('rte.link'), insertLink, <Icon name=\"Link2\" />)}\n\n      <Dropdown\n        size={size}\n        disabled={disabled}\n        minWidth={false}\n        trigger={\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('rte.insertImage')}\n          >\n            <Icon name=\"GalleryAdd\" />\n          </IconButton>\n        }\n      >\n        <ListItem clickable icon=\"GalleryImport\" onClick={() => fileInputRef.current?.click()}>\n          {t('rte.uploadImage')}\n        </ListItem>\n        <ListItem clickable icon=\"Link\" onClick={insertImageByUrl}>\n          {t('rte.imageByUrl')}\n        </ListItem>\n      </Dropdown>\n\n      <IconButton\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled}\n        aria-label={t('rte.insertVideo')}\n        onClick={insertVideo}\n      >\n        <Icon name=\"VideoSquare\" />\n      </IconButton>\n\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        hidden\n        onChange={onImageFile}\n        aria-hidden=\"true\"\n        tabIndex={-1}\n      />\n\n      {/* shared URL-input dialog for link / image-by-URL / video (replaces window.prompt). The footer\n          Submit drives the body <form> via the `form` attribute (works across the modal's portal). */}\n      <Modal\n        open={urlDialog !== null}\n        onClose={closeUrlDialog}\n        size=\"sm\"\n        icon={urlDialog?.icon}\n        title={urlDialog?.title}\n        footer={\n          <>\n            <Button variant=\"text\" onClick={closeUrlDialog}>\n              {t('common.cancel')}\n            </Button>\n            <Button type=\"submit\" form=\"rte-url-form\">\n              {urlDialog?.confirmLabel ?? t('common.insert')}\n            </Button>\n          </>\n        }\n      >\n        <form\n          id=\"rte-url-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            confirmUrlDialog()\n          }}\n        >\n          <TextField\n            label={urlDialog?.label}\n            placeholder={urlDialog?.placeholder}\n            value={urlValue}\n            onChange={(e) => setUrlValue(e.target.value)}\n          />\n        </form>\n      </Modal>\n    </div>\n  )\n}\n\n/** Reads a picked file into a base64 `data:` URL (the no-backend default for image upload). */\nfunction fileToDataUrl(file: File): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => resolve(reader.result as string)\n    reader.onerror = () => reject(reader.error)\n    reader.readAsDataURL(file)\n  })\n}\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport {\n  $createParagraphNode,\n  $getRoot,\n  $insertNodes,\n  $isParagraphNode,\n  $setSelection,\n  type EditorThemeClasses,\n} from 'lexical'\nimport { LexicalComposer } from '@lexical/react/LexicalComposer'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'\nimport { ListPlugin } from '@lexical/react/LexicalListPlugin'\nimport { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin'\nimport { LinkPlugin } from '@lexical/react/LexicalLinkPlugin'\nimport { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin'\nimport {\n  ELEMENT_TRANSFORMERS,\n  TEXT_FORMAT_TRANSFORMERS,\n  TEXT_MATCH_TRANSFORMERS,\n} from '@lexical/markdown'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { ListItemNode, ListNode } from '@lexical/list'\nimport { LinkNode } from '@lexical/link'\nimport { sanitizeLinkUrl } from './urlSafety'\nimport { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport { Toolbar } from './Toolbar'\nimport { ImageNode } from './nodes/ImageNode'\nimport { VideoNode } from './nodes/VideoNode'\nimport styles from './RichTextEditor.module.css'\n\nexport type RichTextEditorSize = 'sm' | 'md' | 'lg'\n\n/** Lexical node-type → CSS-module class map (so content is styled with `--tz-*` tokens). */\nconst THEME: EditorThemeClasses = {\n  paragraph: styles.paragraph,\n  heading: {\n    h1: styles.h1,\n    h2: styles.h2,\n    h3: styles.h3,\n    h4: styles.h4,\n    h5: styles.h5,\n    h6: styles.h6,\n  },\n  quote: styles.quote,\n  list: {\n    ul: styles.ul,\n    ol: styles.ol,\n    listitem: styles.li,\n    listitemChecked: styles.liChecked,\n    listitemUnchecked: styles.liUnchecked,\n    nested: { listitem: styles.nestedLi },\n  },\n  link: styles.link,\n  text: {\n    bold: styles.bold,\n    italic: styles.italic,\n    underline: styles.underline,\n    strikethrough: styles.strike,\n    code: styles.codeInline,\n  },\n}\n\nconst EDITOR_NODES = [\n  HeadingNode,\n  QuoteNode,\n  ListNode,\n  ListItemNode,\n  LinkNode,\n  ImageNode,\n  VideoNode,\n]\n\n/**\n * Markdown shortcuts for headings/quote/lists + inline formats + links. Excludes the multiline\n * fenced-code-block transformer (it needs `CodeNode`, which is out of scope for v1).\n */\nconst MARKDOWN_TRANSFORMERS = [\n  ...ELEMENT_TRANSFORMERS,\n  ...TEXT_FORMAT_TRANSFORMERS,\n  ...TEXT_MATCH_TRANSFORMERS,\n]\n\n/**\n * Strips the editor's (hashed, CSS-module) `class` attributes from exported HTML so the value is clean,\n * portable markup (`<h2>` not `<h2 class=\"_h2_ab12\">`). Classes aren't needed to re-import — parsing\n * keys off tag names — so this is round-trip-safe.\n */\nfunction cleanExportedHtml(html: string): string {\n  if (typeof document === 'undefined') return html\n  const template = document.createElement('template')\n  template.innerHTML = html\n  template.content.querySelectorAll('[class]').forEach((el) => el.removeAttribute('class'))\n  return template.innerHTML\n}\n\n/**\n * True when the editor holds nothing but an empty paragraph (Lexical's \"blank\" state, which serializes\n * to `<p><br></p>`). Lets the value emit `''` instead, so a cleared editor reads as truly empty (and a\n * `required` rule fires). Call inside an `editor.read`/`update`.\n */\nfunction $isEditorEmpty(): boolean {\n  const root = $getRoot()\n  const first = root.getFirstChild()\n  return (\n    root.getChildrenSize() <= 1 &&\n    (first === null || ($isParagraphNode(first) && first.getChildrenSize() === 0))\n  )\n}\n\n/** Replaces the editor's content with the nodes parsed from an HTML string (call inside `editor.update`). */\nfunction $setRootFromHtml(editor: Parameters<typeof $generateNodesFromDOM>[0], html: string) {\n  const root = $getRoot()\n  root.clear()\n  if (html) {\n    const dom = new DOMParser().parseFromString(html, 'text/html')\n    const nodes = $generateNodesFromDOM(editor, dom)\n    root.select()\n    $insertNodes(nodes)\n  }\n  if (root.getChildrenSize() === 0) root.append($createParagraphNode())\n  // clear the caret the insert left at the end of the content — otherwise Lexical scrolls it into\n  // view when setting the initial/controlled value on mount, dragging the whole page down to a\n  // below-the-fold editor (e.g. the prefilled RTEs on the Edit form). Focus re-places it later.\n  $setSelection(null)\n}\n\ninterface ValuePluginProps {\n  value?: string\n  defaultValue?: string\n  onChange: (html: string) => void\n  disabled: boolean\n}\n\n/** Bridges the HTML `value` ↔ the Lexical editor state, and toggles read-only mode. */\nfunction ValuePlugin({ value, defaultValue, onChange, disabled }: ValuePluginProps) {\n  const [editor] = useLexicalComposerContext()\n  // the last HTML we wrote-in or emitted-out — guards the controlled-sync ↔ onChange feedback loop\n  const lastHtml = useRef<string | undefined>(undefined)\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  useEffect(() => editor.setEditable(!disabled), [editor, disabled])\n\n  // neutralize unsafe link schemes (javascript:, data:, …) on every LinkNode — covers pasted anchors\n  // as well as toolbar inserts (which are also pre-sanitized), so no script URL survives into the value\n  useEffect(\n    () =>\n      editor.registerNodeTransform(LinkNode, (node) => {\n        const url = node.getURL()\n        const safe = sanitizeLinkUrl(url)\n        if (safe !== url) node.setURL(safe)\n      }),\n    [editor],\n  )\n\n  // initial defaultValue (uncontrolled) — once\n  useEffect(() => {\n    if (value !== undefined || !defaultValue) return\n    lastHtml.current = defaultValue\n    editor.update(() => $setRootFromHtml(editor, defaultValue), { tag: 'history-merge' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // controlled value → editor (only on a genuine external change, not our own echo)\n  useEffect(() => {\n    if (value === undefined || value === lastHtml.current) return\n    lastHtml.current = value\n    editor.update(() => $setRootFromHtml(editor, value), { tag: 'history-merge' })\n  }, [editor, value])\n\n  // editor → HTML out. NB: must be `editor.read` (not `editorState.read`) so the active editor is\n  // bound — `$generateHtmlFromNodes` → node `createDOM` needs it, else it throws \"no active editor\".\n  useEffect(\n    () =>\n      editor.registerUpdateListener(({ dirtyElements, dirtyLeaves }) => {\n        if (dirtyElements.size === 0 && dirtyLeaves.size === 0) return\n        editor.read(() => {\n          const html = $isEditorEmpty()\n            ? ''\n            : cleanExportedHtml($generateHtmlFromNodes(editor, null))\n          if (html === lastHtml.current) return\n          lastHtml.current = html\n          onChangeRef.current(html)\n        })\n      }),\n    [editor],\n  )\n\n  return null\n}\n\nexport interface RichTextEditorProps {\n  /** Label rendered above the editor. */\n  label?: ReactNode\n  /** Preset size — drives toolbar density, content font size and min-height. */\n  size?: RichTextEditorSize\n  /** Marks the field invalid: red border/ring and `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the editor. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label (visual hint). */\n  required?: boolean\n  /** Read-only mode — the toolbar disables and the content isn't editable. */\n  disabled?: boolean\n  /** Placeholder shown while the editor is empty. */\n  placeholder?: string\n  /** Form field name — auto-binds value/validation to a surrounding `<Form>` (value = the HTML string). */\n  name?: string\n  /** Controlled HTML value. */\n  value?: string\n  /** Initial HTML value (uncontrolled). */\n  defaultValue?: string\n  /** Fires with the serialized **HTML** on every edit. */\n  onChange?: (html: string) => void\n  /**\n   * Async image upload. When provided, an uploaded image is sent through this and the returned URL is\n   * inserted; when omitted, the image is embedded inline as a base64 `data:` URL (no backend needed).\n   */\n  onImageUpload?: (file: File) => Promise<string>\n  /** Min height of the editable area in px. Defaults to `220`. */\n  minHeight?: number\n  /** Accessible label for the editable region. Defaults to `'Rich text editor'`. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A rich text editor built on **Lexical** (an optional peer — install `lexical` + `@lexical/*`). Its\n * value is an **HTML string**: bold/italic/underline/strikethrough/inline-code, headings, lists\n * (bullet/ordered/check), links, block quote, plus **images** (insert by URL or upload — embedded as a\n * base64 `data:` URL unless an `onImageUpload` handler is given) and **video** embeds (paste a\n * YouTube/Vimeo/file URL). Markdown shortcuts work while typing (`# `, `- `, `> `, …). The toolbar is\n * built from the library's own `IconButton`/`Button`/`Dropdown`, and the content is styled entirely\n * with `--tz-*` tokens. Controlled (`value` + `onChange`) or uncontrolled (`defaultValue`); inside a\n * `<Form>`, a `name` prop auto-binds the HTML value (validate with e.g. `z.string().min(1)`).\n */\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n  function RichTextEditor(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      disabled = false,\n      placeholder,\n      name,\n      value,\n      defaultValue,\n      onChange,\n      onImageUpload,\n      minHeight = 220,\n      'aria-label': ariaLabel = 'Rich text editor',\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const form = useFormContext()\n    const bound = form && name ? form.field(name) : undefined\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const formValue = form && name ? (form.values as Record<string, unknown>)[name] : undefined\n    const effValue =\n      value !== undefined ? value : form && name ? String(formValue ?? '') : undefined\n\n    const handleChange = useCallback(\n      (html: string) => {\n        if (form && name) form.setValue(name, html as never)\n        onChange?.(html)\n      },\n      [form, name, onChange],\n    )\n\n    const handleBlur = (event: FocusEvent<HTMLDivElement>) => bound?.onBlur(event as never)\n\n    // Mirror the form `name` onto the editable DOM node so a `<Form>`'s scroll-to-error can find and\n    // focus it — the contenteditable isn't an `<input>`, and Lexical's `ContentEditable` doesn't take\n    // a `name` prop, so set the attribute imperatively via a ref.\n    const contentRef = useRef<HTMLDivElement | null>(null)\n    useEffect(() => {\n      const el = contentRef.current\n      if (!el) return\n      if (name) el.setAttribute('name', name)\n      else el.removeAttribute('name')\n    }, [name])\n\n    const initialConfig = {\n      namespace: 'tz-rich-text-editor',\n      theme: THEME,\n      nodes: EDITOR_NODES,\n      editable: !disabled,\n      onError: (e: Error) => {\n        throw e\n      },\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.editor,\n          styles[size],\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={{ '--tz-rte-min-height': `${minHeight}px`, ...style } as CSSProperties}\n      >\n        {label != null && (\n          <div className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </div>\n        )}\n\n        <div className={styles.control}>\n          <LexicalComposer initialConfig={initialConfig}>\n            <Toolbar size={size} disabled={disabled} onImageUpload={onImageUpload} />\n            <div className={styles.shell}>\n              <RichTextPlugin\n                contentEditable={\n                  <ContentEditable\n                    ref={contentRef}\n                    className={styles.content}\n                    aria-label={ariaLabel}\n                    aria-invalid={resolvedError || undefined}\n                    onBlur={handleBlur}\n                  />\n                }\n                placeholder={\n                  <div className={styles.placeholder}>{placeholder ?? t('rte.placeholder')}</div>\n                }\n                ErrorBoundary={LexicalErrorBoundary}\n              />\n            </div>\n            <HistoryPlugin />\n            <ListPlugin />\n            <CheckListPlugin />\n            <LinkPlugin />\n            <MarkdownShortcutPlugin transformers={MARKDOWN_TRANSFORMERS} />\n            <ValuePlugin\n              value={effValue}\n              defaultValue={defaultValue}\n              onChange={handleChange}\n              disabled={disabled}\n            />\n          </LexicalComposer>\n        </div>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["SAFE_LINK","HAS_SCHEME","sanitizeLinkUrl","url","trimmed","sanitizeMediaUrl","safe","convertImageElement","domNode","$createImageNode","ImageNode","DecoratorNode","node","src","alt","key","json","element","div","jsx","$applyNodeReplacement","isFileVideo","toVideoEmbedSrc","raw","youtube","vimeo","convertVideoElement","_a","$createVideoNode","VideoNode","video","iframe","VideoEmbed","useT","BLOCK_LABEL","BLOCKS","ALIGNS","FONT_SIZES","DEFAULT_FONT_SIZE","ColorGlyph","color","size","jsxs","styles","Icon","Toolbar","disabled","onImageUpload","t","blockLabel","b","editor","useLexicalComposerContext","fileInputRef","useRef","isBold","setIsBold","useState","isItalic","setIsItalic","isUnderline","setIsUnderline","isLink","setIsLink","linkUrl","setLinkUrl","blockType","setBlockType","elementFormat","setElementFormat","fontSize","setFontSize","textColor","setTextColor","colorOpen","setColorOpen","colorTriggerRef","canUndo","setCanUndo","canRedo","setCanRedo","urlDialog","setUrlDialog","urlValue","setUrlValue","syncState","useCallback","selection","$getSelection","$isRangeSelection","$getSelectionStyleValueForProperty","anchorNode","parent","linkNode","$isLinkNode","$findMatchingParent","e","$isElementNode","listNode","$getNearestNodeOfType","ListNode","$isHeadingNode","$isQuoteNode","useEffect","mergeRegister","editorState","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","format","type","FORMAT_TEXT_COMMAND","applyAlign","fmt","FORMAT_ELEMENT_COMMAND","applyColor","$patchStyleText","applyFontSize","value","applyBlock","REMOVE_LIST_COMMAND","command","INSERT_UNORDERED_LIST_COMMAND","INSERT_ORDERED_LIST_COMMAND","INSERT_CHECK_LIST_COMMAND","$setBlocksType","$createParagraphNode","$createQuoteNode","$createHeadingNode","toggleQuote","openUrlDialog","config","initial","closeUrlDialog","confirmUrlDialog","insertLink","TOGGLE_LINK_COMMAND","insertImageByUrl","$insertNodeToNearestRoot","onImageFile","event","file","fileToDataUrl","toast","insertVideo","fmtBtn","active","label","onClick","child","IconButton","dropdownBlock","effectiveFontSize","UNDO_COMMAND","REDO_COMMAND","Divider","Dropdown","Button","f","ListItem","a","o","FloatingPanel","refocus","ColorPickerPanel","DEFAULT_SWATCHES","Modal","Fragment","TextField","resolve","reject","reader","THEME","EDITOR_NODES","HeadingNode","QuoteNode","ListItemNode","LinkNode","MARKDOWN_TRANSFORMERS","ELEMENT_TRANSFORMERS","TEXT_FORMAT_TRANSFORMERS","TEXT_MATCH_TRANSFORMERS","cleanExportedHtml","html","template","el","$isEditorEmpty","root","$getRoot","first","$isParagraphNode","$setRootFromHtml","dom","nodes","$generateNodesFromDOM","$insertNodes","$setSelection","ValuePlugin","defaultValue","onChange","lastHtml","onChangeRef","dirtyElements","dirtyLeaves","$generateHtmlFromNodes","RichTextEditor","forwardRef","error","helperText","required","placeholder","name","minHeight","ariaLabel","className","style","ref","form","useFormContext","bound","resolvedError","resolvedHelperText","formValue","effValue","handleChange","handleBlur","contentRef","initialConfig","clsx","Typography","LexicalComposer","RichTextPlugin","ContentEditable","LexicalErrorBoundary","HistoryPlugin","ListPlugin","CheckListPlugin","LinkPlugin","MarkdownShortcutPlugin"],"mappings":"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"}

package/dist/RichTextEditor-CAYt1Zm1.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),a=require("react"),$e=require("clsx"),c=require("lexical"),we=require("@lexical/react/LexicalComposer"),ve=require("@lexical/react/LexicalComposerContext"),Be=require("@lexical/react/LexicalRichTextPlugin"),Fe=require("@lexical/react/LexicalContentEditable"),Ue=require("@lexical/react/LexicalErrorBoundary"),Pe=require("@lexical/react/LexicalHistoryPlugin"),He=require("@lexical/react/LexicalListPlugin"),Ve=require("@lexical/react/LexicalCheckListPlugin"),ze=require("@lexical/react/LexicalLinkPlugin"),Ge=require("@lexical/react/LexicalMarkdownShortcutPlugin"),le=require("@lexical/markdown"),D=require("@lexical/rich-text"),T=require("@lexical/list"),$=require("@lexical/link"),Le=require("@lexical/html"),Ke=require("./formContext-bTWrqdEV.cjs"),xe=require("./Typography-BFatE1_A.cjs"),We=require("./toastStore-B4Tk2Xk7.cjs"),S=require("@lexical/selection"),I=require("@lexical/utils"),z=require("./Button-D4bfVNNa.cjs"),ge=require("./ColorPickerPanel-ByB1mLSi.cjs"),M=require("./Divider-CzbhdCiD.cjs"),se=require("./Dropdown-DygP50OB.cjs"),Je=require("./FloatingPanel-U6sGYiSK.cjs"),h=require("./Icon-CXTl_QAP.cjs"),O=require("./IconButton-D6TenQZ_.cjs"),G=require("./ListItem-RH-D-Wey.cjs"),Qe=require("./Modal-B2YSCVVt.cjs"),Xe=require("./TextField-BPefnD5M.cjs"),ce=require("./ConfigProvider-ByOFXVyP.cjs"),Ye=/^(?:https?:|mailto:|tel:|ftp:|#|\/|\?|\.)/i,Ze=/^[a-z][a-z0-9+.-]*:/i;function ae(o){const t=o.trim();return t===""?"":Ye.test(t)||!Ze.test(t)?t:"#"}function Ne(o){const t=o.trim();if(/^data:(?:image|video)\//i.test(t)||/^blob:/i.test(t))return t;const i=ae(t);return i==="#"?"":i}function et(o){return o instanceof HTMLImageElement&&o.src?{node:K(o.getAttribute("src")??o.src,o.alt)}:null}class W extends c.DecoratorNode{static getType(){return"tz-image"}static clone(t){return new W(t.__src,t.__alt,t.__key)}constructor(t,i="",n){super(n),this.__src=Ne(t),this.__alt=i}static importJSON(t){return K(t.src,t.alt)}exportJSON(){return{...super.exportJSON(),type:"tz-image",version:1,src:this.__src,alt:this.__alt}}static importDOM(){return{img:()=>({conversion:et,priority:0})}}exportDOM(){const t=document.createElement("img");return t.setAttribute("src",this.__src),t.setAttribute("alt",this.__alt),{element:t}}createDOM(){const t=document.createElement("div");return t.style.display="contents",t}updateDOM(){return!1}getSrc(){return this.__src}getAltText(){return this.__alt}decorate(){return r.jsx("img",{src:this.__src,alt:this.__alt,draggable:!1})}}function K(o,t=""){return c.$applyNodeReplacement(new W(o,t))}function je(o){return/\.(mp4|webm|ogg|ogv|mov|m4v)(\?.*)?$/i.test(o)}function tt(o){const t=o.match(/(?:youtube\.com\/(?:watch\?(?:.*&)?v=|embed\/|shorts\/)|youtu\.be\/)([\w-]{11})/);if(t)return`https://www.youtube.com/embed/${t[1]}`;const i=o.match(/vimeo\.com\/(?:video\/)?(\d+)/);return i?`https://player.vimeo.com/video/${i[1]}`:o}function ye(o){var i;const t=o.getAttribute("src")||((i=o.querySelector("source"))==null?void 0:i.getAttribute("src"));return t?{node:ue(t)}:null}class J extends c.DecoratorNode{static getType(){return"tz-video"}static clone(t){return new J(t.__src,t.__key)}constructor(t,i){super(i),this.__src=Ne(t)}static importJSON(t){return ue(t.src)}exportJSON(){return{...super.exportJSON(),type:"tz-video",version:1,src:this.__src}}static importDOM(){return{iframe:()=>({conversion:ye,priority:0}),video:()=>({conversion:ye,priority:0})}}exportDOM(){if(je(this.__src)){const i=document.createElement("video");return i.setAttribute("src",this.__src),i.setAttribute("controls","true"),{element:i}}const t=document.createElement("iframe");return t.setAttribute("src",this.__src),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","true"),t.setAttribute("allow","accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"),{element:t}}createDOM(){const t=document.createElement("div");return t.style.display="contents",t}updateDOM(){return!1}getSrc(){return this.__src}decorate(){return je(this.__src)?r.jsx("video",{src:this.__src,controls:!0}):r.jsx(rt,{src:this.__src})}}function rt({src:o}){const t=ce.useT();return r.jsx("div",{className:"tz-rte-embed",children:r.jsx("iframe",{src:o,title:t("rte.embeddedVideo"),frameBorder:0,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})}function ue(o){return c.$applyNodeReplacement(new J(tt(o)))}const ot="_editor_16j1l_1",nt="_label_16j1l_9",it="_required_16j1l_15",lt="_helper_16j1l_18",st="_control_16j1l_24",ct="_error_16j1l_38",at="_disabled_16j1l_45",ut="_toolbar_16j1l_51",dt="_sm_16j1l_67",mt="_md_16j1l_71",pt="_lg_16j1l_75",ht="_colorGlyph_16j1l_81",_t="_colorBar_16j1l_89",ft="_shell_16j1l_107",xt="_content_16j1l_110",gt="_placeholder_16j1l_123",jt="_paragraph_16j1l_146",yt="_h1_16j1l_152",Ct="_h2_16j1l_153",vt="_h3_16j1l_154",Lt="_h4_16j1l_155",Nt="_h5_16j1l_156",bt="_h6_16j1l_157",St="_quote_16j1l_176",Tt="_ul_16j1l_183",Et="_ol_16j1l_188",kt="_li_16j1l_193",Rt="_nestedLi_16j1l_196",It="_liChecked_16j1l_200",Mt="_liUnchecked_16j1l_201",Ot="_link_16j1l_238",Dt="_bold_16j1l_245",At="_italic_16j1l_248",qt="_underline_16j1l_251",$t="_strike_16j1l_254",wt="_codeInline_16j1l_260",l={editor:ot,label:nt,required:it,helper:lt,control:st,error:ct,disabled:at,toolbar:ut,sm:dt,md:mt,lg:pt,colorGlyph:ht,colorBar:_t,shell:ft,content:xt,placeholder:gt,paragraph:jt,h1:yt,h2:Ct,h3:vt,h4:Lt,h5:Nt,h6:bt,quote:St,ul:Tt,ol:Et,li:kt,nestedLi:Rt,liChecked:It,liUnchecked:Mt,link:Ot,bold:Dt,italic:At,underline:qt,strike:$t,codeInline:wt},Bt={paragraph:"Paragraph",h1:"Heading 1",h2:"Heading 2",h3:"Heading 3",quote:"Quote",bullet:"Bullet List",number:"Numbered List",check:"Check List"},Ft=[{type:"paragraph",icon:"Text"},{type:"h1",icon:"Hashtag"},{type:"h2",icon:"Hashtag"},{type:"h3",icon:"Hashtag"}],Ut=[{value:"left",labelKey:"rte.alignLeft",icon:"TextalignLeft"},{value:"center",labelKey:"rte.alignCenter",icon:"TextalignCenter"},{value:"right",labelKey:"rte.alignRight",icon:"TextalignRight"}],Pt=["10px","12px","14px","16px","18px","20px"],Ht={sm:"12px",md:"14px",lg:"16px"};function Vt({color:o,size:t}){return r.jsxs("span",{className:l.colorGlyph,children:[r.jsx(h.Icon,{name:"Brush",size:t}),r.jsx("span",{className:l.colorBar,style:{borderColor:`transparent transparent ${o||"currentColor"} transparent`},"aria-hidden":"true"})]})}function zt({size:o,disabled:t,onImageUpload:i}){const n=ce.useT(),d=e=>Bt[e]??e,[u]=ve.useLexicalComposerContext(),g=a.useRef(null),[C,p]=a.useState(!1),[f,Q]=a.useState(!1),[E,X]=a.useState(!1),[w,Y]=a.useState(!1),[Z,ee]=a.useState(""),[y,k]=a.useState("paragraph"),[j,x]=a.useState("left"),[A,q]=a.useState(""),[B,F]=a.useState(""),[U,P]=a.useState(!1),R=a.useRef(null),[te,_]=a.useState(!1),[be,Se]=a.useState(!1),[m,re]=a.useState(null),[de,me]=a.useState(""),oe=a.useCallback(()=>{const e=c.$getSelection();if(!c.$isRangeSelection(e))return;p(e.hasFormat("bold")),Q(e.hasFormat("italic")),X(e.hasFormat("underline")),F(S.$getSelectionStyleValueForProperty(e,"color","")),q(S.$getSelectionStyleValueForProperty(e,"font-size",""));const s=e.anchor.getNode(),N=s.getParent(),L=$.$isLinkNode(s)?s:$.$isLinkNode(N)?N:null;Y(L!==null),ee((L==null?void 0:L.getURL())??"");const b=s.getKey()==="root"?s:I.$findMatchingParent(s,qe=>{const fe=qe.getParent();return fe===null||fe.getKey()==="root"})??s.getTopLevelElement();x(c.$isElementNode(b)&&b.getFormatType()||"left");const V=I.$getNearestNodeOfType(s,T.ListNode);V?k(V.getListType()):D.$isHeadingNode(b)?k(b.getTag()):D.$isQuoteNode(b)?k("quote"):k("paragraph")},[]);a.useEffect(()=>I.mergeRegister(u.registerUpdateListener(({editorState:e})=>e.read(oe)),u.registerCommand(c.SELECTION_CHANGE_COMMAND,()=>(oe(),!1),c.COMMAND_PRIORITY_LOW),u.registerCommand(c.CAN_UNDO_COMMAND,e=>(_(e),!1),c.COMMAND_PRIORITY_LOW),u.registerCommand(c.CAN_REDO_COMMAND,e=>(Se(e),!1),c.COMMAND_PRIORITY_LOW)),[u,oe]);const ne=e=>u.dispatchCommand(c.FORMAT_TEXT_COMMAND,e),Te=e=>u.dispatchCommand(c.FORMAT_ELEMENT_COMMAND,e),Ee=e=>{F(e),u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&S.$patchStyleText(s,{color:e||null})})},ke=e=>{q(e),u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&S.$patchStyleText(s,{"font-size":e||null})})},H=e=>{if(e==="bullet"||e==="number"||e==="check"){if(y===e)u.dispatchCommand(T.REMOVE_LIST_COMMAND,void 0);else{const s=e==="bullet"?T.INSERT_UNORDERED_LIST_COMMAND:e==="number"?T.INSERT_ORDERED_LIST_COMMAND:T.INSERT_CHECK_LIST_COMMAND;u.dispatchCommand(s,void 0)}return}u.update(()=>{const s=c.$getSelection();c.$isRangeSelection(s)&&(e==="paragraph"?S.$setBlocksType(s,()=>c.$createParagraphNode()):e==="quote"?S.$setBlocksType(s,()=>D.$createQuoteNode()):S.$setBlocksType(s,()=>D.$createHeadingNode(e)))})},Re=()=>H(y==="quote"?"paragraph":"quote"),ie=(e,s="")=>{me(s),re(e)},pe=()=>re(null),Ie=()=>{m==null||m.onConfirm(de.trim()),re(null)},Me=()=>ie({icon:"Link2",title:n("rte.linkTitle"),label:n("rte.linkUrl"),placeholder:"https://example.com",confirmLabel:n(w?"common.update":"common.insert"),onConfirm:e=>u.dispatchCommand($.TOGGLE_LINK_COMMAND,e===""?null:ae(e))},Z),Oe=()=>ie({icon:"GalleryAdd",title:n("rte.imageTitle"),label:n("rte.imageUrl"),placeholder:"https://example.com/image.jpg",confirmLabel:n("common.insert"),onConfirm:e=>{e&&u.update(()=>I.$insertNodeToNearestRoot(K(e)))}}),De=async e=>{var N;const s=(N=e.target.files)==null?void 0:N[0];if(e.target.value="",!!s)try{const L=i?await i(s):await Gt(s);u.update(()=>I.$insertNodeToNearestRoot(K(L,s.name)))}catch{We.toast.error(n("rte.imageError"))}},Ae=()=>ie({icon:"VideoSquare",title:n("rte.videoTitle"),label:n("rte.videoUrl"),placeholder:n("rte.videoUrlPlaceholder"),confirmLabel:n("common.insert"),onConfirm:e=>{e&&u.update(()=>I.$insertNodeToNearestRoot(ue(e)))}}),v=(e,s,N,L,b)=>r.jsx(O.IconButton,{variant:e?"filled":"text",color:"primary",size:o,disabled:t,"aria-label":s,"aria-pressed":e,onMouseDown:V=>V.preventDefault(),onClick:N,children:L},b),he=y.startsWith("h")?y:"paragraph",_e=A||Ht[o];return r.jsxs("div",{className:l.toolbar,role:"toolbar","aria-label":n("rte.formatting"),"aria-orientation":"horizontal",children:[r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t||!te,"aria-label":n("rte.undo"),onMouseDown:e=>e.preventDefault(),onClick:()=>u.dispatchCommand(c.UNDO_COMMAND,void 0),children:r.jsx(h.Icon,{name:"UndoArrow"})}),r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t||!be,"aria-label":n("rte.redo"),onMouseDown:e=>e.preventDefault(),onClick:()=>u.dispatchCommand(c.REDO_COMMAND,void 0),children:r.jsx(h.Icon,{name:"RedoArrow"})}),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(se.Dropdown,{size:o,disabled:t,minWidth:!1,trigger:r.jsx(z.Button,{variant:"text",color:"primary",size:o,disabled:t,endIcon:r.jsx(h.Icon,{name:"ArrowDown4"}),"aria-label":n("rte.fontSize"),onMouseDown:e=>e.preventDefault(),children:_e}),children:Pt.map(e=>r.jsx(G.ListItem,{clickable:!0,selected:e===_e,onClick:()=>ke(e),children:e},e))}),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(se.Dropdown,{size:o,disabled:t,trigger:r.jsx(z.Button,{variant:"text",color:"primary",size:o,disabled:t,endIcon:r.jsx(h.Icon,{name:"ArrowDown4"}),onMouseDown:e=>e.preventDefault(),children:d(he)}),children:Ft.map(e=>r.jsx(G.ListItem,{clickable:!0,selected:he===e.type,icon:e.icon,onClick:()=>H(e.type),children:d(e.type)},e.type))}),r.jsx(M.Divider,{orientation:"vertical"}),v(C,n("rte.bold"),()=>ne("bold"),r.jsx(h.Icon,{name:"TextBold"})),v(f,n("rte.italic"),()=>ne("italic"),r.jsx(h.Icon,{name:"TextItalic"})),v(E,n("rte.underline"),()=>ne("underline"),r.jsx(h.Icon,{name:"TextUnderline"})),r.jsx(M.Divider,{orientation:"vertical"}),v(y==="bullet",n("rte.bulletList"),()=>H("bullet"),r.jsx(h.Icon,{name:"ListBullet"})),v(y==="number",n("rte.numberedList"),()=>H("number"),r.jsx(h.Icon,{name:"ListNumber"})),v(y==="quote",n("rte.quote"),Re,r.jsx(h.Icon,{name:"QuoteUp"})),r.jsx(M.Divider,{orientation:"vertical"}),Ut.map(e=>v(j===e.value,n(e.labelKey),()=>Te(e.value),r.jsx(h.Icon,{name:e.icon}),e.value)),r.jsx(M.Divider,{orientation:"vertical"}),r.jsx(O.IconButton,{ref:R,variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.textColor"),"aria-expanded":U,onMouseDown:e=>e.preventDefault(),onClick:()=>P(e=>!e),children:r.jsx(Vt,{color:B})}),r.jsx(Je.FloatingPanel,{open:U,triggerRef:R,onClose:e=>{var s;P(!1),e&&((s=R.current)==null||s.focus())},role:"dialog",ariaLabel:n("rte.textColor"),width:232,children:r.jsx(ge.ColorPickerPanel,{value:B||ge.DEFAULT_SWATCHES[0],onChange:Ee,clearable:!1})}),v(w,n("rte.link"),Me,r.jsx(h.Icon,{name:"Link2"})),r.jsxs(se.Dropdown,{size:o,disabled:t,minWidth:!1,trigger:r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.insertImage"),children:r.jsx(h.Icon,{name:"GalleryAdd"})}),children:[r.jsx(G.ListItem,{clickable:!0,icon:"GalleryImport",onClick:()=>{var e;return(e=g.current)==null?void 0:e.click()},children:n("rte.uploadImage")}),r.jsx(G.ListItem,{clickable:!0,icon:"Link",onClick:Oe,children:n("rte.imageByUrl")})]}),r.jsx(O.IconButton,{variant:"text",color:"primary",size:o,disabled:t,"aria-label":n("rte.insertVideo"),onClick:Ae,children:r.jsx(h.Icon,{name:"VideoSquare"})}),r.jsx("input",{ref:g,type:"file",accept:"image/*",hidden:!0,onChange:De,"aria-hidden":"true",tabIndex:-1}),r.jsx(Qe.Modal,{open:m!==null,onClose:pe,size:"sm",icon:m==null?void 0:m.icon,title:m==null?void 0:m.title,footer:r.jsxs(r.Fragment,{children:[r.jsx(z.Button,{variant:"text",onClick:pe,children:n("common.cancel")}),r.jsx(z.Button,{type:"submit",form:"rte-url-form",children:(m==null?void 0:m.confirmLabel)??n("common.insert")})]}),children:r.jsx("form",{id:"rte-url-form",onSubmit:e=>{e.preventDefault(),Ie()},children:r.jsx(Xe.TextField,{label:m==null?void 0:m.label,placeholder:m==null?void 0:m.placeholder,value:de,onChange:e=>me(e.target.value)})})})]})}function Gt(o){return new Promise((t,i)=>{const n=new FileReader;n.onload=()=>t(n.result),n.onerror=()=>i(n.error),n.readAsDataURL(o)})}const Kt={paragraph:l.paragraph,heading:{h1:l.h1,h2:l.h2,h3:l.h3,h4:l.h4,h5:l.h5,h6:l.h6},quote:l.quote,list:{ul:l.ul,ol:l.ol,listitem:l.li,listitemChecked:l.liChecked,listitemUnchecked:l.liUnchecked,nested:{listitem:l.nestedLi}},link:l.link,text:{bold:l.bold,italic:l.italic,underline:l.underline,strikethrough:l.strike,code:l.codeInline}},Wt=[D.HeadingNode,D.QuoteNode,T.ListNode,T.ListItemNode,$.LinkNode,W,J],Jt=[...le.ELEMENT_TRANSFORMERS,...le.TEXT_FORMAT_TRANSFORMERS,...le.TEXT_MATCH_TRANSFORMERS];function Qt(o){if(typeof document>"u")return o;const t=document.createElement("template");return t.innerHTML=o,t.content.querySelectorAll("[class]").forEach(i=>i.removeAttribute("class")),t.innerHTML}function Xt(){const o=c.$getRoot(),t=o.getFirstChild();return o.getChildrenSize()<=1&&(t===null||c.$isParagraphNode(t)&&t.getChildrenSize()===0)}function Ce(o,t){const i=c.$getRoot();if(i.clear(),t){const n=new DOMParser().parseFromString(t,"text/html"),d=Le.$generateNodesFromDOM(o,n);i.select(),c.$insertNodes(d)}i.getChildrenSize()===0&&i.append(c.$createParagraphNode()),c.$setSelection(null)}function Yt({value:o,defaultValue:t,onChange:i,disabled:n}){const[d]=ve.useLexicalComposerContext(),u=a.useRef(void 0),g=a.useRef(i);return g.current=i,a.useEffect(()=>d.setEditable(!n),[d,n]),a.useEffect(()=>d.registerNodeTransform($.LinkNode,C=>{const p=C.getURL(),f=ae(p);f!==p&&C.setURL(f)}),[d]),a.useEffect(()=>{o!==void 0||!t||(u.current=t,d.update(()=>Ce(d,t),{tag:"history-merge"}))},[]),a.useEffect(()=>{o===void 0||o===u.current||(u.current=o,d.update(()=>Ce(d,o),{tag:"history-merge"}))},[d,o]),a.useEffect(()=>d.registerUpdateListener(({dirtyElements:C,dirtyLeaves:p})=>{C.size===0&&p.size===0||d.read(()=>{const f=Xt()?"":Qt(Le.$generateHtmlFromNodes(d,null));f!==u.current&&(u.current=f,g.current(f))})}),[d]),null}const Zt=a.forwardRef(function({label:t,size:i="md",error:n,helperText:d,required:u=!1,disabled:g=!1,placeholder:C,name:p,value:f,defaultValue:Q,onChange:E,onImageUpload:X,minHeight:w=220,"aria-label":Y="Rich text editor",className:Z,style:ee},y){const k=ce.useT(),j=Ke.useFormContext(),x=j&&p?j.field(p):void 0,A=n??(x==null?void 0:x.error)??!1,q=d??(x==null?void 0:x.helperText),B=j&&p?j.values[p]:void 0,F=f!==void 0?f:j&&p?String(B??""):void 0,U=a.useCallback(_=>{j&&p&&j.setValue(p,_),E==null||E(_)},[j,p,E]),P=_=>x==null?void 0:x.onBlur(_),R=a.useRef(null);a.useEffect(()=>{const _=R.current;_&&(p?_.setAttribute("name",p):_.removeAttribute("name"))},[p]);const te={namespace:"tz-rich-text-editor",theme:Kt,nodes:Wt,editable:!g,onError:_=>{throw _}};return r.jsxs("div",{ref:y,className:$e.clsx(l.editor,l[i],A&&l.error,g&&l.disabled,Z),style:{"--tz-rte-min-height":`${w}px`,...ee},children:[t!=null&&r.jsxs("div",{className:l.label,children:[r.jsx(xe.Typography,{as:"span",variant:"bodySmall",color:"muted",children:t}),u&&r.jsx("span",{className:l.required,"aria-hidden":"true",children:"*"})]}),r.jsx("div",{className:l.control,children:r.jsxs(we.LexicalComposer,{initialConfig:te,children:[r.jsx(zt,{size:i,disabled:g,onImageUpload:X}),r.jsx("div",{className:l.shell,children:r.jsx(Be.RichTextPlugin,{contentEditable:r.jsx(Fe.ContentEditable,{ref:R,className:l.content,"aria-label":Y,"aria-invalid":A||void 0,onBlur:P}),placeholder:r.jsx("div",{className:l.placeholder,children:C??k("rte.placeholder")}),ErrorBoundary:Ue.LexicalErrorBoundary})}),r.jsx(Pe.HistoryPlugin,{}),r.jsx(He.ListPlugin,{}),r.jsx(Ve.CheckListPlugin,{}),r.jsx(ze.LinkPlugin,{}),r.jsx(Ge.MarkdownShortcutPlugin,{transformers:Jt}),r.jsx(Yt,{value:F,defaultValue:Q,onChange:U,disabled:g})]})}),q!=null&&r.jsx(xe.Typography,{as:"span",variant:"bodySmall",color:A?"error":"muted",className:l.helper,children:q})]})});exports.RichTextEditor=Zt;
+//# sourceMappingURL=RichTextEditor-CAYt1Zm1.cjs.map

package/dist/RichTextEditor-CAYt1Zm1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditor-CAYt1Zm1.cjs","sources":["../src/components/RichTextEditor/urlSafety.ts","../src/components/RichTextEditor/nodes/ImageNode.tsx","../src/components/RichTextEditor/nodes/VideoNode.tsx","../src/components/RichTextEditor/Toolbar.tsx","../src/components/RichTextEditor/RichTextEditor.tsx"],"sourcesContent":["/**\n * URL-scheme allowlist for the RichTextEditor — the single defense against script-URL XSS\n * (`javascript:`, `vbscript:`, `data:text/html`, …) reaching the exported HTML value, whether a URL\n * arrives via the toolbar dialogs, a paste, or a loaded value. Rejected URLs are neutralized (an\n * empty `src`, or a `'#'` `href`) rather than executed.\n */\n\n// Link schemes we trust, plus relative/anchor/query starts (which carry no scheme at all).\nconst SAFE_LINK = /^(?:https?:|mailto:|tel:|ftp:|#|\\/|\\?|\\.)/i\n// Does the string begin with an explicit `scheme:` at all? (Anything schemeless is treated as relative.)\nconst HAS_SCHEME = /^[a-z][a-z0-9+.-]*:/i\n\n/**\n * Sanitize a link `href`: allow `http(s)`/`mailto`/`tel`/`ftp` and relative/anchor/query URLs; any\n * other explicit scheme (`javascript:`, `data:`, `vbscript:`, …) collapses to `'#'`.\n */\nexport function sanitizeLinkUrl(url: string): string {\n  const trimmed = url.trim()\n  if (trimmed === '') return ''\n  if (SAFE_LINK.test(trimmed)) return trimmed\n  if (!HAS_SCHEME.test(trimmed)) return trimmed // schemeless (e.g. `example.com/x`) → relative, safe\n  return '#' // a disallowed scheme\n}\n\n/**\n * Sanitize an image/video `src`: like {@link sanitizeLinkUrl}, but also permits inline\n * `data:image`/`data:video` (upload embeds) and `blob:` object URLs. A disallowed scheme yields `''`.\n */\nexport function sanitizeMediaUrl(url: string): string {\n  const trimmed = url.trim()\n  if (/^data:(?:image|video)\\//i.test(trimmed) || /^blob:/i.test(trimmed)) return trimmed\n  const safe = sanitizeLinkUrl(trimmed)\n  return safe === '#' ? '' : safe\n}\n","import {\n  $applyNodeReplacement,\n  DecoratorNode,\n  type DOMConversionMap,\n  type DOMConversionOutput,\n  type DOMExportOutput,\n  type LexicalNode,\n  type NodeKey,\n  type SerializedLexicalNode,\n  type Spread,\n} from 'lexical'\nimport type { ReactNode } from 'react'\nimport { sanitizeMediaUrl } from '../urlSafety'\n\n/** Serialized shape of an {@link ImageNode} (editor-state JSON). */\nexport type SerializedImageNode = Spread<{ src: string; alt: string }, SerializedLexicalNode>\n\n/** Rebuilds an `ImageNode` from a pasted/loaded `<img>` element. */\nfunction convertImageElement(domNode: HTMLElement): DOMConversionOutput | null {\n  if (domNode instanceof HTMLImageElement && domNode.src) {\n    return { node: $createImageNode(domNode.getAttribute('src') ?? domNode.src, domNode.alt) }\n  }\n  return null\n}\n\n/**\n * A block-level image node. Renders a plain `<img>` (the `src` may be a remote URL or a base64\n * `data:` URL when inserted via upload). Serializes to a clean `<img src alt>` for the HTML value and\n * parses back from any `<img>` on paste/load.\n */\nexport class ImageNode extends DecoratorNode<ReactNode> {\n  __src: string\n  __alt: string\n\n  static getType(): string {\n    return 'tz-image'\n  }\n\n  static clone(node: ImageNode): ImageNode {\n    return new ImageNode(node.__src, node.__alt, node.__key)\n  }\n\n  constructor(src: string, alt = '', key?: NodeKey) {\n    super(key)\n    // sanitize here so every path (insert, paste import, JSON load, clone) gets a safe scheme\n    this.__src = sanitizeMediaUrl(src)\n    this.__alt = alt\n  }\n\n  static importJSON(json: SerializedImageNode): ImageNode {\n    return $createImageNode(json.src, json.alt)\n  }\n\n  exportJSON(): SerializedImageNode {\n    return { ...super.exportJSON(), type: 'tz-image', version: 1, src: this.__src, alt: this.__alt }\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return { img: () => ({ conversion: convertImageElement, priority: 0 }) }\n  }\n\n  exportDOM(): DOMExportOutput {\n    const element = document.createElement('img')\n    element.setAttribute('src', this.__src)\n    element.setAttribute('alt', this.__alt)\n    return { element }\n  }\n\n  /** A block wrapper; the actual `<img>` is rendered by {@link decorate}. */\n  createDOM(): HTMLElement {\n    const div = document.createElement('div')\n    div.style.display = 'contents'\n    return div\n  }\n\n  updateDOM(): false {\n    return false\n  }\n\n  getSrc(): string {\n    return this.__src\n  }\n\n  getAltText(): string {\n    return this.__alt\n  }\n\n  decorate(): ReactNode {\n    return <img src={this.__src} alt={this.__alt} draggable={false} />\n  }\n}\n\n/** Creates an `ImageNode` (use inside an `editor.update`). */\nexport function $createImageNode(src: string, alt = ''): ImageNode {\n  return $applyNodeReplacement(new ImageNode(src, alt))\n}\n\n/** Type guard for `ImageNode`. */\nexport function $isImageNode(node: LexicalNode | null | undefined): node is ImageNode {\n  return node instanceof ImageNode\n}\n","import {\n  $applyNodeReplacement,\n  DecoratorNode,\n  type DOMConversionMap,\n  type DOMConversionOutput,\n  type DOMExportOutput,\n  type LexicalNode,\n  type NodeKey,\n  type SerializedLexicalNode,\n  type Spread,\n} from 'lexical'\nimport type { ReactNode } from 'react'\nimport { useT } from '../../../theme'\nimport { sanitizeMediaUrl } from '../urlSafety'\n\n/** Serialized shape of a {@link VideoNode} (editor-state JSON). */\nexport type SerializedVideoNode = Spread<{ src: string }, SerializedLexicalNode>\n\n/** A direct video file (rendered with `<video controls>` rather than an embed `<iframe>`). */\nfunction isFileVideo(src: string): boolean {\n  return /\\.(mp4|webm|ogg|ogv|mov|m4v)(\\?.*)?$/i.test(src)\n}\n\n/**\n * Normalizes a pasted video URL into an embeddable one — YouTube/Vimeo watch links become their\n * `embed` form; everything else (incl. already-embed URLs and direct files) is returned unchanged,\n * so the conversion is idempotent across HTML round-trips.\n */\nexport function toVideoEmbedSrc(raw: string): string {\n  const youtube = raw.match(\n    /(?:youtube\\.com\\/(?:watch\\?(?:.*&)?v=|embed\\/|shorts\\/)|youtu\\.be\\/)([\\w-]{11})/,\n  )\n  if (youtube) return `https://www.youtube.com/embed/${youtube[1]}`\n  const vimeo = raw.match(/vimeo\\.com\\/(?:video\\/)?(\\d+)/)\n  if (vimeo) return `https://player.vimeo.com/video/${vimeo[1]}`\n  return raw\n}\n\n/** Rebuilds a `VideoNode` from a pasted/loaded `<iframe>` or `<video>` element. */\nfunction convertVideoElement(domNode: HTMLElement): DOMConversionOutput | null {\n  const src = domNode.getAttribute('src') || domNode.querySelector('source')?.getAttribute('src')\n  if (src) return { node: $createVideoNode(src) }\n  return null\n}\n\n/**\n * A block-level video node. Direct media files render with `<video controls>`; everything else is\n * treated as an embed and renders in a responsive `<iframe>` (YouTube/Vimeo links are normalized to\n * their embed URL). Serializes to a clean `<video>` / `<iframe>` for the HTML value.\n */\nexport class VideoNode extends DecoratorNode<ReactNode> {\n  __src: string\n\n  static getType(): string {\n    return 'tz-video'\n  }\n\n  static clone(node: VideoNode): VideoNode {\n    return new VideoNode(node.__src, node.__key)\n  }\n\n  constructor(src: string, key?: NodeKey) {\n    super(key)\n    // sanitize here so every path (insert, paste import, JSON load, clone) gets a safe scheme\n    this.__src = sanitizeMediaUrl(src)\n  }\n\n  static importJSON(json: SerializedVideoNode): VideoNode {\n    return $createVideoNode(json.src)\n  }\n\n  exportJSON(): SerializedVideoNode {\n    return { ...super.exportJSON(), type: 'tz-video', version: 1, src: this.__src }\n  }\n\n  static importDOM(): DOMConversionMap | null {\n    return {\n      iframe: () => ({ conversion: convertVideoElement, priority: 0 }),\n      video: () => ({ conversion: convertVideoElement, priority: 0 }),\n    }\n  }\n\n  exportDOM(): DOMExportOutput {\n    if (isFileVideo(this.__src)) {\n      const video = document.createElement('video')\n      video.setAttribute('src', this.__src)\n      video.setAttribute('controls', 'true')\n      return { element: video }\n    }\n    const iframe = document.createElement('iframe')\n    iframe.setAttribute('src', this.__src)\n    iframe.setAttribute('frameborder', '0')\n    iframe.setAttribute('allowfullscreen', 'true')\n    iframe.setAttribute(\n      'allow',\n      'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture',\n    )\n    return { element: iframe }\n  }\n\n  /** A block wrapper; the actual media element is rendered by {@link decorate}. */\n  createDOM(): HTMLElement {\n    const div = document.createElement('div')\n    div.style.display = 'contents'\n    return div\n  }\n\n  updateDOM(): false {\n    return false\n  }\n\n  getSrc(): string {\n    return this.__src\n  }\n\n  decorate(): ReactNode {\n    if (isFileVideo(this.__src)) return <video src={this.__src} controls />\n    return <VideoEmbed src={this.__src} />\n  }\n}\n\n/** The in-editor embed `<iframe>` — a component so its `title` can be localized via `useT()`. */\nfunction VideoEmbed({ src }: { src: string }) {\n  const t = useT()\n  return (\n    <div className=\"tz-rte-embed\">\n      <iframe\n        src={src}\n        title={t('rte.embeddedVideo')}\n        frameBorder={0}\n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n        allowFullScreen\n      />\n    </div>\n  )\n}\n\n/** Creates a `VideoNode`, normalizing the URL to an embeddable one (use inside an `editor.update`). */\nexport function $createVideoNode(src: string): VideoNode {\n  return $applyNodeReplacement(new VideoNode(toVideoEmbedSrc(src)))\n}\n\n/** Type guard for `VideoNode`. */\nexport function $isVideoNode(node: LexicalNode | null | undefined): node is VideoNode {\n  return node instanceof VideoNode\n}\n","import { useCallback, useEffect, useRef, useState, type ChangeEvent } from 'react'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport {\n  $createParagraphNode,\n  $getSelection,\n  $isElementNode,\n  $isRangeSelection,\n  CAN_REDO_COMMAND,\n  CAN_UNDO_COMMAND,\n  COMMAND_PRIORITY_LOW,\n  FORMAT_ELEMENT_COMMAND,\n  FORMAT_TEXT_COMMAND,\n  REDO_COMMAND,\n  SELECTION_CHANGE_COMMAND,\n  UNDO_COMMAND,\n  type ElementFormatType,\n  type TextFormatType,\n} from 'lexical'\nimport {\n  $createHeadingNode,\n  $createQuoteNode,\n  $isHeadingNode,\n  $isQuoteNode,\n  type HeadingTagType,\n} from '@lexical/rich-text'\nimport {\n  INSERT_CHECK_LIST_COMMAND,\n  INSERT_ORDERED_LIST_COMMAND,\n  INSERT_UNORDERED_LIST_COMMAND,\n  ListNode,\n  REMOVE_LIST_COMMAND,\n} from '@lexical/list'\nimport { $isLinkNode, TOGGLE_LINK_COMMAND } from '@lexical/link'\nimport { sanitizeLinkUrl } from './urlSafety'\nimport { toast } from '../Toast/toastStore'\nimport { useT, type MessageKey } from '../../theme'\nimport {\n  $getSelectionStyleValueForProperty,\n  $patchStyleText,\n  $setBlocksType,\n} from '@lexical/selection'\nimport { $findMatchingParent, $getNearestNodeOfType, mergeRegister } from '@lexical/utils'\nimport { $insertNodeToNearestRoot } from '@lexical/utils'\nimport type { IconName } from '../../icons/names'\nimport { Button } from '../Button'\nimport { ColorPickerPanel, DEFAULT_SWATCHES } from '../ColorPicker/ColorPickerPanel'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { FloatingPanel } from '../FloatingPanel/FloatingPanel'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem } from '../List'\nimport { Modal } from '../Modal'\nimport { TextField } from '../TextField'\nimport { $createImageNode } from './nodes/ImageNode'\nimport { $createVideoNode } from './nodes/VideoNode'\nimport styles from './RichTextEditor.module.css'\n\ntype Size = 'sm' | 'md' | 'lg'\ntype BlockType = 'paragraph' | HeadingTagType | 'quote' | 'bullet' | 'number' | 'check'\n\n// Block-type labels stay **English in every language** by design — \"Paragraph\" / \"Heading\" are\n// editor-standard terms the maintainer prefers untranslated, so these are literals, not i18n keys.\nconst BLOCK_LABEL: Partial<Record<BlockType, string>> = {\n  paragraph: 'Paragraph',\n  h1: 'Heading 1',\n  h2: 'Heading 2',\n  h3: 'Heading 3',\n  quote: 'Quote',\n  bullet: 'Bullet List',\n  number: 'Numbered List',\n  check: 'Check List',\n}\n\n/** Items in the block-type dropdown — lists & quote are standalone toolbar buttons; check lists are excluded. */\nconst BLOCKS: { type: BlockType; icon?: IconName }[] = [\n  { type: 'paragraph', icon: 'Text' },\n  { type: 'h1', icon: 'Hashtag' },\n  { type: 'h2', icon: 'Hashtag' },\n  { type: 'h3', icon: 'Hashtag' },\n]\n\n/** Text-alignment controls (set the block element's `text-align`); `labelKey` resolves via `t`. */\nconst ALIGNS: { value: ElementFormatType; labelKey: MessageKey; icon: IconName }[] = [\n  { value: 'left', labelKey: 'rte.alignLeft', icon: 'TextalignLeft' },\n  { value: 'center', labelKey: 'rte.alignCenter', icon: 'TextalignCenter' },\n  { value: 'right', labelKey: 'rte.alignRight', icon: 'TextalignRight' },\n]\n\n/** Font-size options (the `font-size` style value). */\nconst FONT_SIZES = ['10px', '12px', '14px', '16px', '18px', '20px']\n\n/** The editor's default content size per `size` (mirrors `.content` in the CSS) — shown active when the\n * selection has no explicit `font-size`. */\nconst DEFAULT_FONT_SIZE: Record<Size, string> = { sm: '12px', md: '14px', lg: '16px' }\n\n/** Config for the shared URL-input `Modal` (link / image-by-URL / video) — replaces `window.prompt`. */\ntype UrlDialog = {\n  icon: IconName\n  title: string\n  label: string\n  placeholder: string\n  confirmLabel: string\n  onConfirm: (url: string) => void\n}\n\n/** The text-color button glyph — a brush icon with a corner triangle tinted with the current text\n * color (so the selected color is always visible). Accepts the `size` `IconButton` injects so it\n * doesn't hit the DOM. */\nfunction ColorGlyph({ color, size }: { color: string; size?: Size }) {\n  return (\n    <span className={styles.colorGlyph}>\n      <Icon name=\"Brush\" size={size} />\n      <span\n        className={styles.colorBar}\n        style={{ borderColor: `transparent transparent ${color || 'currentColor'} transparent` }}\n        aria-hidden=\"true\"\n      />\n    </span>\n  )\n}\n\nexport interface ToolbarProps {\n  size: Size\n  disabled: boolean\n  /** Optional async upload — when set, an inserted image uses the returned URL instead of a base64 data URL. */\n  onImageUpload?: (file: File) => Promise<string>\n}\n\n/** The editor toolbar — reads the live selection and dispatches Lexical commands. */\nexport function Toolbar({ size, disabled, onImageUpload }: ToolbarProps) {\n  const t = useT()\n  const blockLabel = (b: BlockType): string => BLOCK_LABEL[b] ?? b // h4–h6 aren't offered by the editor\n  const [editor] = useLexicalComposerContext()\n  const fileInputRef = useRef<HTMLInputElement>(null)\n\n  const [isBold, setIsBold] = useState(false)\n  const [isItalic, setIsItalic] = useState(false)\n  const [isUnderline, setIsUnderline] = useState(false)\n  const [isLink, setIsLink] = useState(false)\n  const [linkUrl, setLinkUrl] = useState('')\n  const [blockType, setBlockType] = useState<BlockType>('paragraph')\n  const [elementFormat, setElementFormat] = useState<ElementFormatType>('left')\n  const [fontSize, setFontSize] = useState('')\n  const [textColor, setTextColor] = useState('')\n  const [colorOpen, setColorOpen] = useState(false)\n  const colorTriggerRef = useRef<HTMLButtonElement | null>(null)\n  const [canUndo, setCanUndo] = useState(false)\n  const [canRedo, setCanRedo] = useState(false)\n  // shared URL-input modal (link / image-by-URL / video)\n  const [urlDialog, setUrlDialog] = useState<UrlDialog | null>(null)\n  const [urlValue, setUrlValue] = useState('')\n\n  const syncState = useCallback(() => {\n    const selection = $getSelection()\n    if (!$isRangeSelection(selection)) return\n    setIsBold(selection.hasFormat('bold'))\n    setIsItalic(selection.hasFormat('italic'))\n    setIsUnderline(selection.hasFormat('underline'))\n    setTextColor($getSelectionStyleValueForProperty(selection, 'color', ''))\n    setFontSize($getSelectionStyleValueForProperty(selection, 'font-size', ''))\n\n    const anchorNode = selection.anchor.getNode()\n    const parent = anchorNode.getParent()\n    const linkNode = $isLinkNode(anchorNode) ? anchorNode : $isLinkNode(parent) ? parent : null\n    setIsLink(linkNode !== null)\n    setLinkUrl(linkNode?.getURL() ?? '')\n\n    // the block element under the cursor — drives both the alignment and block-type state\n    const element =\n      anchorNode.getKey() === 'root'\n        ? anchorNode\n        : ($findMatchingParent(anchorNode, (e) => {\n            const parent = e.getParent()\n            return parent === null || parent.getKey() === 'root'\n          }) ?? anchorNode.getTopLevelElement())\n\n    setElementFormat(($isElementNode(element) && element.getFormatType()) || 'left')\n\n    const listNode = $getNearestNodeOfType(anchorNode, ListNode)\n    if (listNode) setBlockType(listNode.getListType())\n    else if ($isHeadingNode(element)) setBlockType(element.getTag())\n    else if ($isQuoteNode(element)) setBlockType('quote')\n    else setBlockType('paragraph')\n  }, [])\n\n  useEffect(() => {\n    return mergeRegister(\n      editor.registerUpdateListener(({ editorState }) => editorState.read(syncState)),\n      editor.registerCommand(\n        SELECTION_CHANGE_COMMAND,\n        () => {\n          syncState()\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        CAN_UNDO_COMMAND,\n        (payload) => {\n          setCanUndo(payload)\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n      editor.registerCommand(\n        CAN_REDO_COMMAND,\n        (payload) => {\n          setCanRedo(payload)\n          return false\n        },\n        COMMAND_PRIORITY_LOW,\n      ),\n    )\n  }, [editor, syncState])\n\n  const format = (type: TextFormatType) => editor.dispatchCommand(FORMAT_TEXT_COMMAND, type)\n\n  const applyAlign = (fmt: ElementFormatType) => editor.dispatchCommand(FORMAT_ELEMENT_COMMAND, fmt)\n\n  // apply the picked color to the (retained) selection; `''` clears it back to the default\n  const applyColor = (color: string) => {\n    setTextColor(color)\n    editor.update(() => {\n      const selection = $getSelection()\n      if ($isRangeSelection(selection)) $patchStyleText(selection, { color: color || null })\n    })\n  }\n\n  // apply a font size to the (retained) selection; `''` clears it back to the editor default\n  const applyFontSize = (value: string) => {\n    setFontSize(value)\n    editor.update(() => {\n      const selection = $getSelection()\n      if ($isRangeSelection(selection)) $patchStyleText(selection, { 'font-size': value || null })\n    })\n  }\n\n  const applyBlock = (type: BlockType) => {\n    if (type === 'bullet' || type === 'number' || type === 'check') {\n      if (blockType === type) {\n        editor.dispatchCommand(REMOVE_LIST_COMMAND, undefined)\n      } else {\n        const command =\n          type === 'bullet'\n            ? INSERT_UNORDERED_LIST_COMMAND\n            : type === 'number'\n              ? INSERT_ORDERED_LIST_COMMAND\n              : INSERT_CHECK_LIST_COMMAND\n        editor.dispatchCommand(command, undefined)\n      }\n      return\n    }\n    editor.update(() => {\n      const selection = $getSelection()\n      if (!$isRangeSelection(selection)) return\n      if (type === 'paragraph') $setBlocksType(selection, () => $createParagraphNode())\n      else if (type === 'quote') $setBlocksType(selection, () => $createQuoteNode())\n      else $setBlocksType(selection, () => $createHeadingNode(type))\n    })\n  }\n\n  const toggleQuote = () => applyBlock(blockType === 'quote' ? 'paragraph' : 'quote')\n\n  // open the shared URL modal (prefilled value + handler differ per action)\n  const openUrlDialog = (config: UrlDialog, initial = '') => {\n    setUrlValue(initial)\n    setUrlDialog(config)\n  }\n  const closeUrlDialog = () => setUrlDialog(null)\n  const confirmUrlDialog = () => {\n    urlDialog?.onConfirm(urlValue.trim())\n    setUrlDialog(null)\n  }\n\n  const insertLink = () =>\n    openUrlDialog(\n      {\n        icon: 'Link2',\n        title: t('rte.linkTitle'),\n        label: t('rte.linkUrl'),\n        placeholder: 'https://example.com',\n        confirmLabel: isLink ? t('common.update') : t('common.insert'),\n        // an empty value removes the link (matches the old prompt behavior); sanitize the scheme\n        onConfirm: (url) =>\n          editor.dispatchCommand(TOGGLE_LINK_COMMAND, url === '' ? null : sanitizeLinkUrl(url)),\n      },\n      linkUrl, // prefill the current link's URL when the cursor sits in one\n    )\n\n  const insertImageByUrl = () =>\n    openUrlDialog({\n      icon: 'GalleryAdd',\n      title: t('rte.imageTitle'),\n      label: t('rte.imageUrl'),\n      placeholder: 'https://example.com/image.jpg',\n      confirmLabel: t('common.insert'),\n      onConfirm: (url) => {\n        if (url) editor.update(() => $insertNodeToNearestRoot($createImageNode(url)))\n      },\n    })\n\n  const onImageFile = async (event: ChangeEvent<HTMLInputElement>) => {\n    const file = event.target.files?.[0]\n    event.target.value = '' // allow re-picking the same file\n    if (!file) return\n    try {\n      const url = onImageUpload ? await onImageUpload(file) : await fileToDataUrl(file)\n      editor.update(() => $insertNodeToNearestRoot($createImageNode(url, file.name)))\n    } catch {\n      // a rejecting consumer upload handler (or a failed data-URL read) shouldn't fail silently\n      toast.error(t('rte.imageError'))\n    }\n  }\n\n  const insertVideo = () =>\n    openUrlDialog({\n      icon: 'VideoSquare',\n      title: t('rte.videoTitle'),\n      label: t('rte.videoUrl'),\n      placeholder: t('rte.videoUrlPlaceholder'),\n      confirmLabel: t('common.insert'),\n      onConfirm: (url) => {\n        if (url) editor.update(() => $insertNodeToNearestRoot($createVideoNode(url)))\n      },\n    })\n\n  /** A format toggle — soft-filled while active. */\n  const fmtBtn = (\n    active: boolean,\n    label: string,\n    onClick: () => void,\n    child: React.ReactNode,\n    key?: string,\n  ) => (\n    <IconButton\n      key={key}\n      variant={active ? 'filled' : 'text'}\n      color=\"primary\"\n      size={size}\n      disabled={disabled}\n      aria-label={label}\n      aria-pressed={active}\n      onMouseDown={(e) => e.preventDefault()} // keep focus/selection in the editor\n      onClick={onClick}\n    >\n      {child}\n    </IconButton>\n  )\n\n  // the block dropdown only manages Paragraph / Headings — lists & quote are separate toggle buttons,\n  // so when the cursor is in a list/quote/check the trigger shows \"Paragraph\", not e.g. \"Bullet List\".\n  const dropdownBlock: BlockType = blockType.startsWith('h') ? blockType : 'paragraph'\n\n  // font-size shown active: the selection's explicit size, else the editor's default for this `size`\n  const effectiveFontSize = fontSize || DEFAULT_FONT_SIZE[size]\n\n  return (\n    <div\n      className={styles.toolbar}\n      role=\"toolbar\"\n      aria-label={t('rte.formatting')}\n      aria-orientation=\"horizontal\"\n    >\n      <IconButton\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled || !canUndo}\n        aria-label={t('rte.undo')}\n        onMouseDown={(e) => e.preventDefault()}\n        onClick={() => editor.dispatchCommand(UNDO_COMMAND, undefined)}\n      >\n        <Icon name=\"UndoArrow\" />\n      </IconButton>\n      <IconButton\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled || !canRedo}\n        aria-label={t('rte.redo')}\n        onMouseDown={(e) => e.preventDefault()}\n        onClick={() => editor.dispatchCommand(REDO_COMMAND, undefined)}\n      >\n        <Icon name=\"RedoArrow\" />\n      </IconButton>\n\n      <Divider orientation=\"vertical\" />\n\n      <Dropdown\n        size={size}\n        disabled={disabled}\n        minWidth={false}\n        trigger={\n          <Button\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            endIcon={<Icon name=\"ArrowDown4\" />}\n            aria-label={t('rte.fontSize')}\n            onMouseDown={(e) => e.preventDefault()} // keep the selection while opening\n          >\n            {effectiveFontSize}\n          </Button>\n        }\n      >\n        {FONT_SIZES.map((f) => (\n          <ListItem\n            key={f}\n            clickable\n            selected={f === effectiveFontSize}\n            onClick={() => applyFontSize(f)}\n          >\n            {f}\n          </ListItem>\n        ))}\n      </Dropdown>\n\n      <Divider orientation=\"vertical\" />\n\n      <Dropdown\n        size={size}\n        disabled={disabled}\n        trigger={\n          <Button\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            endIcon={<Icon name=\"ArrowDown4\" />}\n            onMouseDown={(e) => e.preventDefault()} // keep the selection while opening\n          >\n            {blockLabel(dropdownBlock)}\n          </Button>\n        }\n      >\n        {BLOCKS.map((b) => (\n          <ListItem\n            key={b.type}\n            clickable\n            selected={dropdownBlock === b.type}\n            icon={b.icon}\n            onClick={() => applyBlock(b.type)}\n          >\n            {blockLabel(b.type)}\n          </ListItem>\n        ))}\n      </Dropdown>\n\n      <Divider orientation=\"vertical\" />\n\n      {fmtBtn(isBold, t('rte.bold'), () => format('bold'), <Icon name=\"TextBold\" />)}\n      {fmtBtn(isItalic, t('rte.italic'), () => format('italic'), <Icon name=\"TextItalic\" />)}\n      {fmtBtn(\n        isUnderline,\n        t('rte.underline'),\n        () => format('underline'),\n        <Icon name=\"TextUnderline\" />,\n      )}\n\n      <Divider orientation=\"vertical\" />\n\n      {fmtBtn(\n        blockType === 'bullet',\n        t('rte.bulletList'),\n        () => applyBlock('bullet'),\n        <Icon name=\"ListBullet\" />,\n      )}\n      {fmtBtn(\n        blockType === 'number',\n        t('rte.numberedList'),\n        () => applyBlock('number'),\n        <Icon name=\"ListNumber\" />,\n      )}\n      {fmtBtn(blockType === 'quote', t('rte.quote'), toggleQuote, <Icon name=\"QuoteUp\" />)}\n\n      <Divider orientation=\"vertical\" />\n\n      {ALIGNS.map((a) =>\n        fmtBtn(\n          elementFormat === a.value,\n          t(a.labelKey),\n          () => applyAlign(a.value),\n          <Icon name={a.icon} />,\n          a.value,\n        ),\n      )}\n\n      <Divider orientation=\"vertical\" />\n\n      <IconButton\n        ref={colorTriggerRef}\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled}\n        aria-label={t('rte.textColor')}\n        aria-expanded={colorOpen}\n        onMouseDown={(e) => e.preventDefault()} // keep the editor's selection while opening\n        onClick={() => setColorOpen((o) => !o)}\n      >\n        <ColorGlyph color={textColor} />\n      </IconButton>\n      <FloatingPanel\n        open={colorOpen}\n        triggerRef={colorTriggerRef}\n        onClose={(refocus) => {\n          setColorOpen(false)\n          if (refocus) colorTriggerRef.current?.focus()\n        }}\n        role=\"dialog\"\n        ariaLabel={t('rte.textColor')}\n        width={232}\n      >\n        {/* no \"no color\" swatch; with no explicit color the accent default (first swatch) shows selected */}\n        <ColorPickerPanel\n          value={textColor || DEFAULT_SWATCHES[0]}\n          onChange={applyColor}\n          clearable={false}\n        />\n      </FloatingPanel>\n\n      {fmtBtn(isLink, t('rte.link'), insertLink, <Icon name=\"Link2\" />)}\n\n      <Dropdown\n        size={size}\n        disabled={disabled}\n        minWidth={false}\n        trigger={\n          <IconButton\n            variant=\"text\"\n            color=\"primary\"\n            size={size}\n            disabled={disabled}\n            aria-label={t('rte.insertImage')}\n          >\n            <Icon name=\"GalleryAdd\" />\n          </IconButton>\n        }\n      >\n        <ListItem clickable icon=\"GalleryImport\" onClick={() => fileInputRef.current?.click()}>\n          {t('rte.uploadImage')}\n        </ListItem>\n        <ListItem clickable icon=\"Link\" onClick={insertImageByUrl}>\n          {t('rte.imageByUrl')}\n        </ListItem>\n      </Dropdown>\n\n      <IconButton\n        variant=\"text\"\n        color=\"primary\"\n        size={size}\n        disabled={disabled}\n        aria-label={t('rte.insertVideo')}\n        onClick={insertVideo}\n      >\n        <Icon name=\"VideoSquare\" />\n      </IconButton>\n\n      <input\n        ref={fileInputRef}\n        type=\"file\"\n        accept=\"image/*\"\n        hidden\n        onChange={onImageFile}\n        aria-hidden=\"true\"\n        tabIndex={-1}\n      />\n\n      {/* shared URL-input dialog for link / image-by-URL / video (replaces window.prompt). The footer\n          Submit drives the body <form> via the `form` attribute (works across the modal's portal). */}\n      <Modal\n        open={urlDialog !== null}\n        onClose={closeUrlDialog}\n        size=\"sm\"\n        icon={urlDialog?.icon}\n        title={urlDialog?.title}\n        footer={\n          <>\n            <Button variant=\"text\" onClick={closeUrlDialog}>\n              {t('common.cancel')}\n            </Button>\n            <Button type=\"submit\" form=\"rte-url-form\">\n              {urlDialog?.confirmLabel ?? t('common.insert')}\n            </Button>\n          </>\n        }\n      >\n        <form\n          id=\"rte-url-form\"\n          onSubmit={(e) => {\n            e.preventDefault()\n            confirmUrlDialog()\n          }}\n        >\n          <TextField\n            label={urlDialog?.label}\n            placeholder={urlDialog?.placeholder}\n            value={urlValue}\n            onChange={(e) => setUrlValue(e.target.value)}\n          />\n        </form>\n      </Modal>\n    </div>\n  )\n}\n\n/** Reads a picked file into a base64 `data:` URL (the no-backend default for image upload). */\nfunction fileToDataUrl(file: File): Promise<string> {\n  return new Promise((resolve, reject) => {\n    const reader = new FileReader()\n    reader.onload = () => resolve(reader.result as string)\n    reader.onerror = () => reject(reader.error)\n    reader.readAsDataURL(file)\n  })\n}\n","import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useRef,\n  type CSSProperties,\n  type FocusEvent,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport {\n  $createParagraphNode,\n  $getRoot,\n  $insertNodes,\n  $isParagraphNode,\n  $setSelection,\n  type EditorThemeClasses,\n} from 'lexical'\nimport { LexicalComposer } from '@lexical/react/LexicalComposer'\nimport { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext'\nimport { RichTextPlugin } from '@lexical/react/LexicalRichTextPlugin'\nimport { ContentEditable } from '@lexical/react/LexicalContentEditable'\nimport { LexicalErrorBoundary } from '@lexical/react/LexicalErrorBoundary'\nimport { HistoryPlugin } from '@lexical/react/LexicalHistoryPlugin'\nimport { ListPlugin } from '@lexical/react/LexicalListPlugin'\nimport { CheckListPlugin } from '@lexical/react/LexicalCheckListPlugin'\nimport { LinkPlugin } from '@lexical/react/LexicalLinkPlugin'\nimport { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin'\nimport {\n  ELEMENT_TRANSFORMERS,\n  TEXT_FORMAT_TRANSFORMERS,\n  TEXT_MATCH_TRANSFORMERS,\n} from '@lexical/markdown'\nimport { HeadingNode, QuoteNode } from '@lexical/rich-text'\nimport { ListItemNode, ListNode } from '@lexical/list'\nimport { LinkNode } from '@lexical/link'\nimport { sanitizeLinkUrl } from './urlSafety'\nimport { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html'\nimport { useT } from '../../theme'\nimport { useFormContext } from '../../form/formContext'\nimport { Typography } from '../Typography'\nimport { Toolbar } from './Toolbar'\nimport { ImageNode } from './nodes/ImageNode'\nimport { VideoNode } from './nodes/VideoNode'\nimport styles from './RichTextEditor.module.css'\n\nexport type RichTextEditorSize = 'sm' | 'md' | 'lg'\n\n/** Lexical node-type → CSS-module class map (so content is styled with `--tz-*` tokens). */\nconst THEME: EditorThemeClasses = {\n  paragraph: styles.paragraph,\n  heading: {\n    h1: styles.h1,\n    h2: styles.h2,\n    h3: styles.h3,\n    h4: styles.h4,\n    h5: styles.h5,\n    h6: styles.h6,\n  },\n  quote: styles.quote,\n  list: {\n    ul: styles.ul,\n    ol: styles.ol,\n    listitem: styles.li,\n    listitemChecked: styles.liChecked,\n    listitemUnchecked: styles.liUnchecked,\n    nested: { listitem: styles.nestedLi },\n  },\n  link: styles.link,\n  text: {\n    bold: styles.bold,\n    italic: styles.italic,\n    underline: styles.underline,\n    strikethrough: styles.strike,\n    code: styles.codeInline,\n  },\n}\n\nconst EDITOR_NODES = [\n  HeadingNode,\n  QuoteNode,\n  ListNode,\n  ListItemNode,\n  LinkNode,\n  ImageNode,\n  VideoNode,\n]\n\n/**\n * Markdown shortcuts for headings/quote/lists + inline formats + links. Excludes the multiline\n * fenced-code-block transformer (it needs `CodeNode`, which is out of scope for v1).\n */\nconst MARKDOWN_TRANSFORMERS = [\n  ...ELEMENT_TRANSFORMERS,\n  ...TEXT_FORMAT_TRANSFORMERS,\n  ...TEXT_MATCH_TRANSFORMERS,\n]\n\n/**\n * Strips the editor's (hashed, CSS-module) `class` attributes from exported HTML so the value is clean,\n * portable markup (`<h2>` not `<h2 class=\"_h2_ab12\">`). Classes aren't needed to re-import — parsing\n * keys off tag names — so this is round-trip-safe.\n */\nfunction cleanExportedHtml(html: string): string {\n  if (typeof document === 'undefined') return html\n  const template = document.createElement('template')\n  template.innerHTML = html\n  template.content.querySelectorAll('[class]').forEach((el) => el.removeAttribute('class'))\n  return template.innerHTML\n}\n\n/**\n * True when the editor holds nothing but an empty paragraph (Lexical's \"blank\" state, which serializes\n * to `<p><br></p>`). Lets the value emit `''` instead, so a cleared editor reads as truly empty (and a\n * `required` rule fires). Call inside an `editor.read`/`update`.\n */\nfunction $isEditorEmpty(): boolean {\n  const root = $getRoot()\n  const first = root.getFirstChild()\n  return (\n    root.getChildrenSize() <= 1 &&\n    (first === null || ($isParagraphNode(first) && first.getChildrenSize() === 0))\n  )\n}\n\n/** Replaces the editor's content with the nodes parsed from an HTML string (call inside `editor.update`). */\nfunction $setRootFromHtml(editor: Parameters<typeof $generateNodesFromDOM>[0], html: string) {\n  const root = $getRoot()\n  root.clear()\n  if (html) {\n    const dom = new DOMParser().parseFromString(html, 'text/html')\n    const nodes = $generateNodesFromDOM(editor, dom)\n    root.select()\n    $insertNodes(nodes)\n  }\n  if (root.getChildrenSize() === 0) root.append($createParagraphNode())\n  // clear the caret the insert left at the end of the content — otherwise Lexical scrolls it into\n  // view when setting the initial/controlled value on mount, dragging the whole page down to a\n  // below-the-fold editor (e.g. the prefilled RTEs on the Edit form). Focus re-places it later.\n  $setSelection(null)\n}\n\ninterface ValuePluginProps {\n  value?: string\n  defaultValue?: string\n  onChange: (html: string) => void\n  disabled: boolean\n}\n\n/** Bridges the HTML `value` ↔ the Lexical editor state, and toggles read-only mode. */\nfunction ValuePlugin({ value, defaultValue, onChange, disabled }: ValuePluginProps) {\n  const [editor] = useLexicalComposerContext()\n  // the last HTML we wrote-in or emitted-out — guards the controlled-sync ↔ onChange feedback loop\n  const lastHtml = useRef<string | undefined>(undefined)\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  useEffect(() => editor.setEditable(!disabled), [editor, disabled])\n\n  // neutralize unsafe link schemes (javascript:, data:, …) on every LinkNode — covers pasted anchors\n  // as well as toolbar inserts (which are also pre-sanitized), so no script URL survives into the value\n  useEffect(\n    () =>\n      editor.registerNodeTransform(LinkNode, (node) => {\n        const url = node.getURL()\n        const safe = sanitizeLinkUrl(url)\n        if (safe !== url) node.setURL(safe)\n      }),\n    [editor],\n  )\n\n  // initial defaultValue (uncontrolled) — once\n  useEffect(() => {\n    if (value !== undefined || !defaultValue) return\n    lastHtml.current = defaultValue\n    editor.update(() => $setRootFromHtml(editor, defaultValue), { tag: 'history-merge' })\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [])\n\n  // controlled value → editor (only on a genuine external change, not our own echo)\n  useEffect(() => {\n    if (value === undefined || value === lastHtml.current) return\n    lastHtml.current = value\n    editor.update(() => $setRootFromHtml(editor, value), { tag: 'history-merge' })\n  }, [editor, value])\n\n  // editor → HTML out. NB: must be `editor.read` (not `editorState.read`) so the active editor is\n  // bound — `$generateHtmlFromNodes` → node `createDOM` needs it, else it throws \"no active editor\".\n  useEffect(\n    () =>\n      editor.registerUpdateListener(({ dirtyElements, dirtyLeaves }) => {\n        if (dirtyElements.size === 0 && dirtyLeaves.size === 0) return\n        editor.read(() => {\n          const html = $isEditorEmpty()\n            ? ''\n            : cleanExportedHtml($generateHtmlFromNodes(editor, null))\n          if (html === lastHtml.current) return\n          lastHtml.current = html\n          onChangeRef.current(html)\n        })\n      }),\n    [editor],\n  )\n\n  return null\n}\n\nexport interface RichTextEditorProps {\n  /** Label rendered above the editor. */\n  label?: ReactNode\n  /** Preset size — drives toolbar density, content font size and min-height. */\n  size?: RichTextEditorSize\n  /** Marks the field invalid: red border/ring and `helperText` in the error color. */\n  error?: boolean\n  /** Helper / validation text under the editor. Adopts the error color while `error`. */\n  helperText?: ReactNode\n  /** Adds a red asterisk after the label (visual hint). */\n  required?: boolean\n  /** Read-only mode — the toolbar disables and the content isn't editable. */\n  disabled?: boolean\n  /** Placeholder shown while the editor is empty. */\n  placeholder?: string\n  /** Form field name — auto-binds value/validation to a surrounding `<Form>` (value = the HTML string). */\n  name?: string\n  /** Controlled HTML value. */\n  value?: string\n  /** Initial HTML value (uncontrolled). */\n  defaultValue?: string\n  /** Fires with the serialized **HTML** on every edit. */\n  onChange?: (html: string) => void\n  /**\n   * Async image upload. When provided, an uploaded image is sent through this and the returned URL is\n   * inserted; when omitted, the image is embedded inline as a base64 `data:` URL (no backend needed).\n   */\n  onImageUpload?: (file: File) => Promise<string>\n  /** Min height of the editable area in px. Defaults to `220`. */\n  minHeight?: number\n  /** Accessible label for the editable region. Defaults to `'Rich text editor'`. */\n  'aria-label'?: string\n  className?: string\n  style?: CSSProperties\n}\n\n/**\n * A rich text editor built on **Lexical** (an optional peer — install `lexical` + `@lexical/*`). Its\n * value is an **HTML string**: bold/italic/underline/strikethrough/inline-code, headings, lists\n * (bullet/ordered/check), links, block quote, plus **images** (insert by URL or upload — embedded as a\n * base64 `data:` URL unless an `onImageUpload` handler is given) and **video** embeds (paste a\n * YouTube/Vimeo/file URL). Markdown shortcuts work while typing (`# `, `- `, `> `, …). The toolbar is\n * built from the library's own `IconButton`/`Button`/`Dropdown`, and the content is styled entirely\n * with `--tz-*` tokens. Controlled (`value` + `onChange`) or uncontrolled (`defaultValue`); inside a\n * `<Form>`, a `name` prop auto-binds the HTML value (validate with e.g. `z.string().min(1)`).\n */\nexport const RichTextEditor = forwardRef<HTMLDivElement, RichTextEditorProps>(\n  function RichTextEditor(\n    {\n      label,\n      size = 'md',\n      error,\n      helperText,\n      required = false,\n      disabled = false,\n      placeholder,\n      name,\n      value,\n      defaultValue,\n      onChange,\n      onImageUpload,\n      minHeight = 220,\n      'aria-label': ariaLabel = 'Rich text editor',\n      className,\n      style,\n    },\n    ref,\n  ) {\n    const t = useT()\n    const form = useFormContext()\n    const bound = form && name ? form.field(name) : undefined\n    const resolvedError = error ?? bound?.error ?? false\n    const resolvedHelperText = helperText ?? bound?.helperText\n\n    const formValue = form && name ? (form.values as Record<string, unknown>)[name] : undefined\n    const effValue =\n      value !== undefined ? value : form && name ? String(formValue ?? '') : undefined\n\n    const handleChange = useCallback(\n      (html: string) => {\n        if (form && name) form.setValue(name, html as never)\n        onChange?.(html)\n      },\n      [form, name, onChange],\n    )\n\n    const handleBlur = (event: FocusEvent<HTMLDivElement>) => bound?.onBlur(event as never)\n\n    // Mirror the form `name` onto the editable DOM node so a `<Form>`'s scroll-to-error can find and\n    // focus it — the contenteditable isn't an `<input>`, and Lexical's `ContentEditable` doesn't take\n    // a `name` prop, so set the attribute imperatively via a ref.\n    const contentRef = useRef<HTMLDivElement | null>(null)\n    useEffect(() => {\n      const el = contentRef.current\n      if (!el) return\n      if (name) el.setAttribute('name', name)\n      else el.removeAttribute('name')\n    }, [name])\n\n    const initialConfig = {\n      namespace: 'tz-rich-text-editor',\n      theme: THEME,\n      nodes: EDITOR_NODES,\n      editable: !disabled,\n      onError: (e: Error) => {\n        throw e\n      },\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(\n          styles.editor,\n          styles[size],\n          resolvedError && styles.error,\n          disabled && styles.disabled,\n          className,\n        )}\n        style={{ '--tz-rte-min-height': `${minHeight}px`, ...style } as CSSProperties}\n      >\n        {label != null && (\n          <div className={styles.label}>\n            <Typography as=\"span\" variant=\"bodySmall\" color=\"muted\">\n              {label}\n            </Typography>\n            {required && (\n              <span className={styles.required} aria-hidden=\"true\">\n                *\n              </span>\n            )}\n          </div>\n        )}\n\n        <div className={styles.control}>\n          <LexicalComposer initialConfig={initialConfig}>\n            <Toolbar size={size} disabled={disabled} onImageUpload={onImageUpload} />\n            <div className={styles.shell}>\n              <RichTextPlugin\n                contentEditable={\n                  <ContentEditable\n                    ref={contentRef}\n                    className={styles.content}\n                    aria-label={ariaLabel}\n                    aria-invalid={resolvedError || undefined}\n                    onBlur={handleBlur}\n                  />\n                }\n                placeholder={\n                  <div className={styles.placeholder}>{placeholder ?? t('rte.placeholder')}</div>\n                }\n                ErrorBoundary={LexicalErrorBoundary}\n              />\n            </div>\n            <HistoryPlugin />\n            <ListPlugin />\n            <CheckListPlugin />\n            <LinkPlugin />\n            <MarkdownShortcutPlugin transformers={MARKDOWN_TRANSFORMERS} />\n            <ValuePlugin\n              value={effValue}\n              defaultValue={defaultValue}\n              onChange={handleChange}\n              disabled={disabled}\n            />\n          </LexicalComposer>\n        </div>\n\n        {resolvedHelperText != null && (\n          <Typography\n            as=\"span\"\n            variant=\"bodySmall\"\n            color={resolvedError ? 'error' : 'muted'}\n            className={styles.helper}\n          >\n            {resolvedHelperText}\n          </Typography>\n        )}\n      </div>\n    )\n  },\n)\n"],"names":["SAFE_LINK","HAS_SCHEME","sanitizeLinkUrl","url","trimmed","sanitizeMediaUrl","safe","convertImageElement","domNode","$createImageNode","ImageNode","DecoratorNode","node","src","alt","key","json","element","div","jsx","$applyNodeReplacement","isFileVideo","toVideoEmbedSrc","raw","youtube","vimeo","convertVideoElement","_a","$createVideoNode","VideoNode","video","iframe","VideoEmbed","useT","BLOCK_LABEL","BLOCKS","ALIGNS","FONT_SIZES","DEFAULT_FONT_SIZE","ColorGlyph","color","size","jsxs","styles","Icon","Toolbar","disabled","onImageUpload","t","blockLabel","b","editor","useLexicalComposerContext","fileInputRef","useRef","isBold","setIsBold","useState","isItalic","setIsItalic","isUnderline","setIsUnderline","isLink","setIsLink","linkUrl","setLinkUrl","blockType","setBlockType","elementFormat","setElementFormat","fontSize","setFontSize","textColor","setTextColor","colorOpen","setColorOpen","colorTriggerRef","canUndo","setCanUndo","canRedo","setCanRedo","urlDialog","setUrlDialog","urlValue","setUrlValue","syncState","useCallback","selection","$getSelection","$isRangeSelection","$getSelectionStyleValueForProperty","anchorNode","parent","linkNode","$isLinkNode","$findMatchingParent","e","$isElementNode","listNode","$getNearestNodeOfType","ListNode","$isHeadingNode","$isQuoteNode","useEffect","mergeRegister","editorState","SELECTION_CHANGE_COMMAND","COMMAND_PRIORITY_LOW","CAN_UNDO_COMMAND","payload","CAN_REDO_COMMAND","format","type","FORMAT_TEXT_COMMAND","applyAlign","fmt","FORMAT_ELEMENT_COMMAND","applyColor","$patchStyleText","applyFontSize","value","applyBlock","REMOVE_LIST_COMMAND","command","INSERT_UNORDERED_LIST_COMMAND","INSERT_ORDERED_LIST_COMMAND","INSERT_CHECK_LIST_COMMAND","$setBlocksType","$createParagraphNode","$createQuoteNode","$createHeadingNode","toggleQuote","openUrlDialog","config","initial","closeUrlDialog","confirmUrlDialog","insertLink","TOGGLE_LINK_COMMAND","insertImageByUrl","$insertNodeToNearestRoot","onImageFile","event","file","fileToDataUrl","toast","insertVideo","fmtBtn","active","label","onClick","child","IconButton","dropdownBlock","effectiveFontSize","UNDO_COMMAND","REDO_COMMAND","Divider","Dropdown","Button","f","ListItem","a","o","FloatingPanel","refocus","ColorPickerPanel","DEFAULT_SWATCHES","Modal","Fragment","TextField","resolve","reject","reader","THEME","EDITOR_NODES","HeadingNode","QuoteNode","ListItemNode","LinkNode","MARKDOWN_TRANSFORMERS","ELEMENT_TRANSFORMERS","TEXT_FORMAT_TRANSFORMERS","TEXT_MATCH_TRANSFORMERS","cleanExportedHtml","html","template","el","$isEditorEmpty","root","$getRoot","first","$isParagraphNode","$setRootFromHtml","dom","nodes","$generateNodesFromDOM","$insertNodes","$setSelection","ValuePlugin","defaultValue","onChange","lastHtml","onChangeRef","dirtyElements","dirtyLeaves","$generateHtmlFromNodes","RichTextEditor","forwardRef","error","helperText","required","placeholder","name","minHeight","ariaLabel","className","style","ref","form","useFormContext","bound","resolvedError","resolvedHelperText","formValue","effValue","handleChange","handleBlur","contentRef","initialConfig","clsx","Typography","LexicalComposer","RichTextPlugin","ContentEditable","LexicalErrorBoundary","HistoryPlugin","ListPlugin","CheckListPlugin","LinkPlugin","MarkdownShortcutPlugin"],"mappings":"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"}

package/dist/RootLayout-Cp-9CVjP.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("react/jsx-runtime"),v=require("react"),U=require("@tanstack/react-router"),B=require("clsx"),Y=require("./useMediaQuery-BCsNfMA1.cjs"),W=require("./useLockBodyScroll-CIXHZo-Q.cjs"),O=require("./Avatar-_ufXh3AY.cjs"),I=require("./Col-R5mAy8T9.cjs"),L=require("./Divider-CzbhdCiD.cjs"),P=require("./Dropdown-DygP50OB.cjs"),b=require("./Icon-CXTl_QAP.cjs"),k=require("./IconButton-D6TenQZ_.cjs"),H=require("./ListItem-RH-D-Wey.cjs"),J=require("./FullscreenToggle-DDKN5n8B.cjs"),K=require("./ThemeToggle-DTal3RX5.cjs"),n=require("./Typography-BFatE1_A.cjs"),V=require("./Breadcrumbs-CHONper7.cjs"),X=require("./Toaster-Bk5GtPjX.cjs"),F=require("./Sidebar-AaIlRzgk.cjs"),Z=require("./Flag-EPZOrH-U.cjs"),$=require("./Modal-B2YSCVVt.cjs"),R=require("./ChoiceCardGroup-6eFM1eL0.cjs"),ee=require("./Select-_6WogC0u.cjs"),se=require("./SwatchPicker-DbAU9-ux.cjs"),c=require("./ConfigProvider-ByOFXVyP.cjs"),ae={light:["#dc2626","#ea580c","#d97706","#ca8a04","#65a30d","#16a34a","#059669","#0891b2","#0284c7","#2563eb","#4f46e5","#7c3aed","#c026d3","#db2777","#475569"],dark:["#f87171","#fb923c","#fbbf24","#facc15","#a3e635","#4ade80","#34d399","#22d3ee","#38bdf8","#60a5fa","#818cf8","#a78bfa","#e879f9","#f472b6","#94a3b8"]};function te({open:_,onClose:y,showTheme:j=!0}){const{mode:d,setMode:q,accentColors:T,defaultAccentColors:N,setAccentColor:w,headerSticky:D,setHeaderSticky:f,fontFamily:i,setFontFamily:A}=c.useTheme(),s=c.useT(),[S,C]=v.useState(""),u=S.trim(),g=i!==c.DEFAULT_FONT_FAMILY?[c.DEFAULT_FONT_FAMILY,i]:[c.DEFAULT_FONT_FAMILY],z=(u.length>0&&!g.some(a=>a.toLowerCase()===u.toLowerCase())?[u,...g]:g).map(a=>({value:a,label:a===c.DEFAULT_FONT_FAMILY?s("settings.fontDefault",{font:a}):a})),m=(a,p)=>{const t=N[a],h=[t,...ae[a].filter(l=>l.toLowerCase()!==t.toLowerCase())];return e.jsx(se.SwatchPicker,{label:p,colors:h,value:T[a]??t,onChange:l=>w(l.toLowerCase()===t.toLowerCase()?null:l,a),labels:{[t]:s("settings.accentDefault",{color:t})},"aria-label":String(p)})};return e.jsxs($.Modal,{open:_,onClose:y,placement:"right",size:"sm",title:s("settings.label"),icon:"Setting5",children:[j&&e.jsxs(e.Fragment,{children:[e.jsx(n.Typography,{variant:"subtitle",as:"h3",children:s("settings.themeTitle")}),e.jsx(n.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.themeDesc")}),e.jsx(R.ChoiceCardGroup,{exclusive:!0,color:"accent",minCardWidth:130,value:d,onChange:a=>{typeof a=="string"&&q(a)},options:[{value:"light",label:s("settings.light"),description:s("settings.lightDesc"),icon:"Sun"},{value:"dark",label:s("settings.dark"),description:s("settings.darkDesc"),icon:"Moon"}],"aria-label":s("settings.themeTitle"),style:{marginTop:"var(--tz-space-sm)"}}),e.jsx(L.Divider,{style:{margin:"var(--tz-space-md) 0"}})]}),e.jsx(n.Typography,{variant:"subtitle",as:"h3",children:s("settings.accentTitle")}),e.jsx(n.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.accentDesc")}),e.jsx(I.Col,{gap:"md",style:{marginTop:"var(--tz-space-sm)"},children:j?e.jsxs(e.Fragment,{children:[m("light",s("settings.lightTheme")),m("dark",s("settings.darkTheme"))]}):m(d,s(d==="light"?"settings.lightTheme":"settings.darkTheme"))}),e.jsx(L.Divider,{style:{margin:"var(--tz-space-md) 0"}}),e.jsx(n.Typography,{variant:"subtitle",as:"h3",children:s("settings.fontTitle")}),e.jsx(n.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.fontDesc")}),e.jsx(ee.Select,{label:s("settings.fontFamily"),searchable:!0,searchPlaceholder:s("settings.fontSearch"),value:i,options:z,onSearchChange:C,onChange:a=>{A(a),C("")},"aria-label":s("settings.fontFamily"),style:{marginTop:"var(--tz-space-sm)"}}),e.jsx(L.Divider,{style:{margin:"var(--tz-space-md) 0"}}),e.jsx(n.Typography,{variant:"subtitle",as:"h3",children:s("settings.headerTitle")}),e.jsx(n.Typography,{variant:"bodySmall",color:"muted",as:"p",style:{marginTop:"var(--tz-space-xxs)"},children:s("settings.headerDesc")}),e.jsx(R.ChoiceCardGroup,{exclusive:!0,color:"accent",minCardWidth:130,value:D?"fixed":"static",onChange:a=>{typeof a=="string"&&f(a==="fixed")},options:[{value:"static",label:s("settings.scrollable"),description:s("settings.scrollableDesc")},{value:"fixed",label:s("settings.fixed"),description:s("settings.fixedDesc")}],"aria-label":s("settings.headerTitle"),style:{marginTop:"var(--tz-space-sm)"}})]})}const re="_shell_1xv33_5",ne="_shellCollapsed_1xv33_21",oe="_sidebar_1xv33_21",ce="_sidebarInner_1xv33_49",ie="_sidebarClose_1xv33_58",le="_backdrop_1xv33_65",de="_brand_1xv33_70",he="_sidebarSearch_1xv33_86",ue="_navScroll_1xv33_99",ge="_sidebarFooter_1xv33_108",me="_headerSearch_1xv33_115",pe="_main_1xv33_119",xe="_topbar_1xv33_126",be="_topbarSticky_1xv33_139",ve="_headerStart_1xv33_150",_e="_headerEnd_1xv33_159",ye="_account_1xv33_166",je="_content_1xv33_182",Te="_pageTitle_1xv33_188",fe="_settings_1xv33_198",r={shell:re,shellCollapsed:ne,sidebar:oe,sidebarInner:ce,sidebarClose:ie,backdrop:le,brand:de,sidebarSearch:he,navScroll:ue,sidebarFooter:ge,headerSearch:me,main:pe,topbar:xe,topbarSticky:be,headerStart:ve,headerEnd:_e,account:ye,content:je,pageTitle:Te,settings:fe};function Se({logo:_,sidebarFooter:y,header:j,toaster:d=!0,children:q}){const T=F.usePageTitle(),{headerSticky:N}=c.useTheme(),{language:w,setLanguage:D,languages:f}=c.useLanguage(),i=c.useT(),s={...c.useHeaderConfig(),...j},S=s.theme??!0,C=s.fullscreen??!1,u=s.settings??!0,g=s.search??!0,E=s.languages??!0,z=s.breadcrumbs??!0,m=typeof d=="object"?d:void 0,a=s.pageTitle??!0,p=s.onLogout,t=s.user,h=Y.useMediaQuery("(max-width: 1279.98px)"),[l,x]=v.useState(h);v.useEffect(()=>{x(h)},[h]),W.useLockBodyScroll(h&&!l);const G=U.useRouterState({select:o=>o.location.pathname});v.useEffect(()=>{h&&x(!0)},[G]);const[Q,M]=v.useState(!1);return e.jsxs("div",{className:B.clsx(r.shell,l&&r.shellCollapsed),children:[e.jsx("aside",{className:r.sidebar,children:e.jsxs("div",{className:r.sidebarInner,children:[_?e.jsxs("div",{className:r.brand,children:[_,e.jsx(k.IconButton,{variant:"filled",size:"sm",className:r.sidebarClose,"aria-label":i("common.close"),onClick:()=>x(!0),children:e.jsx(b.Icon,{name:"Close"})})]}):null,g?e.jsx("div",{className:r.sidebarSearch,children:e.jsx(F.NavSearch,{})}):null,e.jsx("div",{className:r.navScroll,children:e.jsx(F.Sidebar,{})}),y?e.jsx("div",{className:r.sidebarFooter,children:y}):null]})}),e.jsx("div",{className:r.backdrop,onClick:()=>x(!0),"aria-hidden":"true"}),e.jsxs("div",{className:r.main,children:[e.jsxs("header",{className:B.clsx(r.topbar,N&&r.topbarSticky),children:[e.jsxs("div",{className:r.headerStart,children:[e.jsx(k.IconButton,{"aria-label":l?"Show sidebar":"Hide sidebar","aria-expanded":!l,variant:"filled",size:"sm",onClick:()=>x(o=>!o),children:e.jsx(b.Icon,{name:"Menu"})}),g?e.jsx("div",{className:r.headerSearch,children:e.jsx(F.NavSearch,{})}):null]}),e.jsxs("div",{className:r.headerEnd,children:[C?e.jsx(J.FullscreenToggle,{variant:"filled",size:"sm"}):null,S?e.jsx(K.ThemeToggle,{variant:"filled",size:"sm"}):null,E&&f.length>1?e.jsx(P.Dropdown,{placement:"bottom-end",trigger:e.jsx(k.IconButton,{variant:"filled",size:"sm","aria-label":i("language.label"),children:e.jsx(b.Icon,{name:"Global"})}),children:f.map(o=>e.jsx(H.ListItem,{clickable:!0,selected:o.code===w,onClick:()=>D(o.code),icon:e.jsx(Z.Flag,{code:o.code}),children:o.label??o.code},o.code))}):null,u?e.jsx(k.IconButton,{"aria-label":i("settings.label"),variant:"text",size:"sm",className:r.settings,onClick:()=>M(!0),children:e.jsx(b.Icon,{name:"Setting5"})}):null,p?e.jsxs(P.Dropdown,{placement:"bottom-end",trigger:e.jsx("button",{type:"button",className:r.account,"aria-label":i("account.label"),children:e.jsx(O.Avatar,{size:"md",name:t==null?void 0:t.name,src:t==null?void 0:t.avatar,color:"primary"})}),children:[t?e.jsxs(e.Fragment,{children:[e.jsxs(I.Row,{gap:8,align:"center",padding:"var(--tz-space-xxs) var(--tz-space-sm)",children:[e.jsx(O.Avatar,{size:"sm",name:t.name,src:t.avatar,color:"primary"}),e.jsxs(I.Col,{gap:2,children:[t.name?e.jsx(n.Typography,{variant:"bodySmall",children:t.name}):null,t.email?e.jsx(n.Typography,{variant:"caption",color:"muted",children:t.email}):null]})]}),e.jsx(L.Divider,{})]}):null,e.jsx(H.ListItem,{icon:e.jsx(b.Icon,{name:"Logout2",color:"error"}),clickable:!0,onClick:p,children:i("userCard.signOut")})]}):null]})]}),e.jsxs("main",{className:r.content,children:[z?e.jsx(V.Breadcrumbs,{}):null,a&&T?e.jsx(n.Typography,{variant:"h2",className:r.pageTitle,children:T}):null,q]})]}),d!==!1&&e.jsx(X.Toaster,{...m}),u?e.jsx(te,{open:Q,onClose:()=>M(!1),showTheme:S}):null]})}exports.RootLayout=Se;
+//# sourceMappingURL=RootLayout-Cp-9CVjP.cjs.map

package/dist/RootLayout-Cp-9CVjP.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RootLayout-Cp-9CVjP.cjs","sources":["../src/components/RootLayout/SettingsDrawer.tsx","../src/components/RootLayout/RootLayout.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { DEFAULT_FONT_FAMILY, useT, useTheme } from '../../theme'\nimport { Col } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Modal } from '../Modal'\nimport { ChoiceCardGroup } from '../ChoiceCard'\nimport { Select } from '../Select'\nimport { SwatchPicker } from '../SwatchPicker'\nimport { Typography } from '../Typography'\n\n// Accent choices offered alongside the provider's default (which leads each list) — 15 per mode, so\n// each theme shows 16 total. Tuned PER MODE (deeper tones for light, brighter for dark) and paired by\n// hue (red → violet + a neutral) so a color keeps its identity across themes.\nconst ALT_SWATCHES: Record<'light' | 'dark', string[]> = {\n  light: [\n    '#dc2626', // red\n    '#ea580c', // orange\n    '#d97706', // amber\n    '#ca8a04', // yellow\n    '#65a30d', // lime\n    '#16a34a', // green\n    '#059669', // emerald\n    '#0891b2', // cyan\n    '#0284c7', // sky\n    '#2563eb', // blue\n    '#4f46e5', // indigo\n    '#7c3aed', // violet\n    '#c026d3', // fuchsia\n    '#db2777', // pink\n    '#475569', // slate\n  ],\n  dark: [\n    '#f87171', // red\n    '#fb923c', // orange\n    '#fbbf24', // amber\n    '#facc15', // yellow\n    '#a3e635', // lime\n    '#4ade80', // green\n    '#34d399', // emerald\n    '#22d3ee', // cyan\n    '#38bdf8', // sky\n    '#60a5fa', // blue\n    '#818cf8', // indigo\n    '#a78bfa', // violet\n    '#e879f9', // fuchsia\n    '#f472b6', // pink\n    '#94a3b8', // slate\n  ],\n}\n\nexport interface SettingsDrawerProps {\n  /** Whether the drawer is open. */\n  open: boolean\n  /** Close handler. */\n  onClose: () => void\n  /** Show the light/dark **Theme** section (gated by the shell's `header.theme`, the same flag as the header toggle). */\n  showTheme?: boolean\n}\n\n/**\n * The header user-menu **Settings** drawer (a right-side `Modal`), top to bottom: a **Theme** section — an\n * exclusive `ChoiceCardGroup` (**Light** / **Dark** cards) driving `useTheme().setMode`, shown only when\n * **`showTheme`** (the shell's `header.theme`, so the header toggle + this section appear/disappear\n * together); **Accent Color** — **two `SwatchPicker`s** (Light + Dark) so both accents are chosen\n * independently, each with a per-mode set (deeper tones for light, brighter for dark), calling\n * `setAccentColor(color, mode)` and persisting it — each list leads with the provider's default for that\n * mode (`defaultAccentColors[mode]`), selected when there's no override (picking it clears the override).\n * When `showTheme` is off the panel is locked to one mode, so **only the active mode's accent picker**\n * shows (the other is pointless without a theme switch);\n * a **Font** section (a searchable `Select` — Inter preset + type any Google Font — driving\n * `setFontFamily`); and a **Header** section (an exclusive `ChoiceCardGroup` **Scrollable** / **Fixed**\n * driving `setHeaderSticky`). Internal to the admin shell — not a public export.\n */\nexport function SettingsDrawer({ open, onClose, showTheme = true }: SettingsDrawerProps) {\n  const {\n    mode,\n    setMode,\n    accentColors,\n    defaultAccentColors,\n    setAccentColor,\n    headerSticky,\n    setHeaderSticky,\n    fontFamily,\n    setFontFamily,\n  } = useTheme()\n  const t = useT()\n\n  // One searchable Select doubles as a \"type any Google Font\" field. Base = Inter (the only preset) +\n  // the active font (so a custom pick stays visible/selectable). While searching, the typed query is\n  // offered as its own option — picking it applies + loads that family. Base is always kept in the\n  // list (never filtered out) so `value` always resolves in the trigger, even mid-search.\n  const [fontQuery, setFontQuery] = useState('')\n  const q = fontQuery.trim()\n  const base =\n    fontFamily !== DEFAULT_FONT_FAMILY ? [DEFAULT_FONT_FAMILY, fontFamily] : [DEFAULT_FONT_FAMILY]\n  const showTyped = q.length > 0 && !base.some((f) => f.toLowerCase() === q.toLowerCase())\n  const fontOptions = (showTyped ? [q, ...base] : base).map((f) => ({\n    value: f,\n    label: f === DEFAULT_FONT_FAMILY ? t('settings.fontDefault', { font: f }) : f,\n  }))\n\n  const picker = (mode: 'light' | 'dark', label: string) => {\n    const def = defaultAccentColors[mode]\n    // the provider's default (per mode) leads the list; then the mode's alts (minus any collision)\n    const colors = [def, ...ALT_SWATCHES[mode].filter((c) => c.toLowerCase() !== def.toLowerCase())]\n    return (\n      <SwatchPicker\n        label={label}\n        colors={colors}\n        // with no override, this mode's default swatch reads as selected\n        value={accentColors[mode] ?? def}\n        // the default swatch clears this mode's override; the rest set it\n        onChange={(color) =>\n          setAccentColor(color.toLowerCase() === def.toLowerCase() ? null : color, mode)\n        }\n        labels={{ [def]: t('settings.accentDefault', { color: def }) }}\n        aria-label={String(label)}\n      />\n    )\n  }\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      placement=\"right\"\n      size=\"sm\"\n      title={t('settings.label')}\n      icon=\"Setting5\"\n    >\n      {showTheme && (\n        <>\n          <Typography variant=\"subtitle\" as=\"h3\">\n            {t('settings.themeTitle')}\n          </Typography>\n          <Typography\n            variant=\"bodySmall\"\n            color=\"muted\"\n            as=\"p\"\n            style={{ marginTop: 'var(--tz-space-xxs)' }}\n          >\n            {t('settings.themeDesc')}\n          </Typography>\n          <ChoiceCardGroup\n            exclusive\n            color=\"accent\"\n            minCardWidth={130}\n            value={mode}\n            onChange={(v) => {\n              if (typeof v === 'string') setMode(v as 'light' | 'dark')\n            }}\n            options={[\n              {\n                value: 'light',\n                label: t('settings.light'),\n                description: t('settings.lightDesc'),\n                icon: 'Sun',\n              },\n              {\n                value: 'dark',\n                label: t('settings.dark'),\n                description: t('settings.darkDesc'),\n                icon: 'Moon',\n              },\n            ]}\n            aria-label={t('settings.themeTitle')}\n            style={{ marginTop: 'var(--tz-space-sm)' }}\n          />\n\n          <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n        </>\n      )}\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.accentTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.accentDesc')}\n      </Typography>\n      <Col gap=\"md\" style={{ marginTop: 'var(--tz-space-sm)' }}>\n        {showTheme ? (\n          <>\n            {picker('light', t('settings.lightTheme'))}\n            {picker('dark', t('settings.darkTheme'))}\n          </>\n        ) : (\n          // theme switching is off → the panel stays in one mode, so only that mode's accent matters\n          picker(mode, mode === 'light' ? t('settings.lightTheme') : t('settings.darkTheme'))\n        )}\n      </Col>\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.fontTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.fontDesc')}\n      </Typography>\n      <Select\n        label={t('settings.fontFamily')}\n        searchable\n        searchPlaceholder={t('settings.fontSearch')}\n        value={fontFamily}\n        options={fontOptions}\n        onSearchChange={setFontQuery}\n        onChange={(v) => {\n          setFontFamily(v)\n          setFontQuery('')\n        }}\n        aria-label={t('settings.fontFamily')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n\n      <Divider style={{ margin: 'var(--tz-space-md) 0' }} />\n\n      <Typography variant=\"subtitle\" as=\"h3\">\n        {t('settings.headerTitle')}\n      </Typography>\n      <Typography\n        variant=\"bodySmall\"\n        color=\"muted\"\n        as=\"p\"\n        style={{ marginTop: 'var(--tz-space-xxs)' }}\n      >\n        {t('settings.headerDesc')}\n      </Typography>\n      <ChoiceCardGroup\n        exclusive\n        color=\"accent\"\n        minCardWidth={130}\n        value={headerSticky ? 'fixed' : 'static'}\n        // exclusive (radio) → always a string; set sticky from the picked card\n        onChange={(v) => {\n          if (typeof v === 'string') setHeaderSticky(v === 'fixed')\n        }}\n        options={[\n          {\n            value: 'static',\n            label: t('settings.scrollable'),\n            description: t('settings.scrollableDesc'),\n          },\n          { value: 'fixed', label: t('settings.fixed'), description: t('settings.fixedDesc') },\n        ]}\n        aria-label={t('settings.headerTitle')}\n        style={{ marginTop: 'var(--tz-space-sm)' }}\n      />\n    </Modal>\n  )\n}\n","import { useEffect, useState, type ReactNode } from 'react'\nimport { useRouterState } from '@tanstack/react-router'\nimport { clsx } from 'clsx'\nimport { useMediaQuery } from '../../hooks/useMediaQuery'\nimport { useLockBodyScroll } from '../../hooks/useLockBodyScroll'\nimport {\n  useHeaderConfig,\n  useLanguage,\n  useT,\n  useTheme,\n  type HeaderConfig,\n  type HeaderUser,\n} from '../../theme'\nimport { Avatar } from '../Avatar'\nimport { Col, Row } from '../Flex'\nimport { Divider } from '../Divider'\nimport { Dropdown } from '../Dropdown'\nimport { Icon } from '../Icon'\nimport { IconButton } from '../IconButton'\nimport { ListItem } from '../List'\nimport { FullscreenToggle } from '../FullscreenToggle'\nimport { ThemeToggle } from '../ThemeToggle'\nimport { Typography } from '../Typography'\nimport { Breadcrumbs } from '../Breadcrumbs'\nimport { Toaster, type ToasterProps } from '../Toast'\nimport { NavSearch, Sidebar, usePageTitle } from '../Sidebar/Sidebar'\nimport { Flag } from '../Flag'\nimport { SettingsDrawer } from './SettingsDrawer'\nimport styles from './RootLayout.module.css'\n\n/**\n * The shell header config + its user shape now live in the theme layer (so `config.header` can carry\n * them app-wide). These aliases keep the historical `RootLayout*` names importable.\n */\nexport type RootLayoutUser = HeaderUser\nexport type RootLayoutHeader = HeaderConfig\n\nexport interface RootLayoutProps {\n  /** Brand logo at the top of the sidebar card — pass an `<img>`, an `<Icon>`, or any node. */\n  logo?: ReactNode\n  /** Optional content pinned to the **bottom of the sidebar** (e.g. a promo / \"Need help?\" card). */\n  sidebarFooter?: ReactNode\n  /**\n   * Header config for **this** shell — merged **over** the app-wide `config.header` (the prop wins).\n   * Fields: the built-in `theme` / `search` / `settings` / `languages` toggles (default `true`),\n   * `fullscreen` (default `false`), `breadcrumbs` (default `true`), `pageTitle` (default `true`), and the\n   * account (`onLogout` / `user`).\n   */\n  header?: RootLayoutHeader\n  /**\n   * The built-in toast viewport, mounted for you so `toast.*()` works app-wide with no extra setup.\n   * Defaults to `true` (a `<Toaster>` with its defaults). Pass `ToasterProps` to configure it\n   * (`{ position, duration }`), or `false` to opt out — e.g. when you mount your own `<Toaster>`.\n   */\n  toaster?: boolean | ToasterProps\n  /** Routed content — the consumer passes `<Outlet />`. */\n  children: ReactNode\n}\n\n/**\n * The admin-panel shell — a **floating** layout: the whole app sits on a soft `--tz-color-background`\n * canvas, with a rounded, elevated `--tz-color-surface` **sidebar card** (`logo` + auto-generated `Sidebar` + an optional\n * `sidebarFooter`) beside the header + content. Set it as the root route's component and pass\n * `<Outlet />` as `children`; the `Sidebar` builds itself from the routes' `staticData`. The header\n * holds an optional `ThemeToggle` (on by default), a **Settings** button (opens a right-side drawer to\n * pick + persist the `accent` color), plus an account `Avatar` whose menu has a **Sign out** item when\n * `header.onLogout` is given. The content area stacks\n * **`Breadcrumbs` → the page title (the active route's `staticData.name`) → `children`**; pages wrap\n * their own body in `PageLayout`. Set `header.pageTitle = false` to drop the auto `h2` when pages\n * carry their own heading inside their `PageLayout` header. A `<Toaster>` is **mounted by default** so\n * `toast.*()` works app-wide with no extra setup (configure via `toaster`, or `toaster={false}` to opt\n * out). Styling is token-based, so it follows the active `ConfigProvider` mode. Requires\n * `@tanstack/react-router` (peer).\n */\nexport function RootLayout({\n  logo,\n  sidebarFooter,\n  header,\n  toaster = true,\n  children,\n}: RootLayoutProps) {\n  const title = usePageTitle()\n  // header sticky/static — the user's persisted choice (seeded from config.header.sticky)\n  const { headerSticky } = useTheme()\n  const { language, setLanguage, languages } = useLanguage()\n  const t = useT()\n  // app-wide header config (config.header) as the base; this shell's `header` prop wins over it\n  const configHeader = useHeaderConfig()\n  const h: HeaderConfig = { ...configHeader, ...header }\n  const showTheme = h.theme ?? true\n  const showFullscreen = h.fullscreen ?? false\n  const showSettings = h.settings ?? true\n  const showSearch = h.search ?? true\n  const showLanguages = h.languages ?? true\n  const showBreadcrumbs = h.breadcrumbs ?? true\n  const toasterProps = typeof toaster === 'object' ? toaster : undefined\n  const showPageTitle = h.pageTitle ?? true\n  const onLogout = h.onLogout\n  const user = h.user\n  // below 1280px the sidebar auto-collapses (and auto-expands again above it); a manual toggle holds\n  // until the next breakpoint cross. `useMediaQuery` is correct on the first client render, so no flash.\n  const isNarrow = useMediaQuery('(max-width: 1279.98px)')\n  const [collapsed, setCollapsed] = useState(isNarrow)\n  useEffect(() => {\n    setCollapsed(isNarrow)\n  }, [isNarrow])\n  // while the sidebar overlays the content (narrow + open), lock page scroll so scrolling inside the\n  // drawer doesn't scroll the content behind it\n  useLockBodyScroll(isNarrow && !collapsed)\n  // navigating from the overlay drawer (a nav link or a search suggestion — both change the route) auto-\n  // closes it, so you land on the page instead of the still-open sidebar; desktop navigation is untouched\n  const pathname = useRouterState({ select: (s) => s.location.pathname })\n  useEffect(() => {\n    if (isNarrow) setCollapsed(true)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [pathname])\n  const [settingsOpen, setSettingsOpen] = useState(false)\n\n  return (\n    <div className={clsx(styles.shell, collapsed && styles.shellCollapsed)}>\n      <aside className={styles.sidebar}>\n        {/* fixed-width inner: the outer <aside> animates its width to 0 (and clips via overflow),\n            while this keeps the sidebar's real width so the content never reflows mid-collapse */}\n        <div className={styles.sidebarInner}>\n          {logo ? (\n            <div className={styles.brand}>\n              {logo}\n              {/* in-drawer close — only shown when the sidebar overlays (narrow), where the header\n                  toggle is behind the backdrop; closes the drawer */}\n              <IconButton\n                variant=\"filled\"\n                size=\"sm\"\n                className={styles.sidebarClose}\n                aria-label={t('common.close')}\n                onClick={() => setCollapsed(true)}\n              >\n                <Icon name=\"Close\" />\n              </IconButton>\n            </div>\n          ) : null}\n          {/* the search lives in the header on desktop; below 576px (full-width drawer) it moves here,\n              between the logo and the menu (CSS toggles which instance shows) */}\n          {showSearch ? (\n            <div className={styles.sidebarSearch}>\n              <NavSearch />\n            </div>\n          ) : null}\n          <div className={styles.navScroll}>\n            <Sidebar />\n          </div>\n          {sidebarFooter ? <div className={styles.sidebarFooter}>{sidebarFooter}</div> : null}\n        </div>\n      </aside>\n      {/* dim backdrop behind the overlay sidebar — a sibling of the sidebar (same stacking context, so the\n          sidebar reliably sits above it, unlike a body-portaled Overlay). Only shown/interactive below\n          1280px while open (CSS); clicking it closes the drawer. On desktop the sidebar is a grid column. */}\n      <div className={styles.backdrop} onClick={() => setCollapsed(true)} aria-hidden=\"true\" />\n      <div className={styles.main}>\n        <header className={clsx(styles.topbar, headerSticky && styles.topbarSticky)}>\n          <div className={styles.headerStart}>\n            <IconButton\n              aria-label={collapsed ? 'Show sidebar' : 'Hide sidebar'}\n              aria-expanded={!collapsed}\n              variant=\"filled\"\n              size=\"sm\"\n              onClick={() => setCollapsed((c) => !c)}\n            >\n              <Icon name=\"Menu\" />\n            </IconButton>\n            {showSearch ? (\n              <div className={styles.headerSearch}>\n                <NavSearch />\n              </div>\n            ) : null}\n          </div>\n          <div className={styles.headerEnd}>\n            {showFullscreen ? <FullscreenToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showTheme ? <ThemeToggle variant=\"filled\" size=\"sm\" /> : null}\n            {showLanguages && languages.length > 1 ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                trigger={\n                  <IconButton variant=\"filled\" size=\"sm\" aria-label={t('language.label')}>\n                    <Icon name=\"Global\" />\n                  </IconButton>\n                }\n              >\n                {languages.map((l) => (\n                  <ListItem\n                    key={l.code}\n                    clickable\n                    selected={l.code === language}\n                    onClick={() => setLanguage(l.code)}\n                    icon={<Flag code={l.code} />}\n                  >\n                    {l.label ?? l.code}\n                  </ListItem>\n                ))}\n              </Dropdown>\n            ) : null}\n            {showSettings ? (\n              <IconButton\n                aria-label={t('settings.label')}\n                variant=\"text\"\n                size=\"sm\"\n                className={styles.settings}\n                onClick={() => setSettingsOpen(true)}\n              >\n                <Icon name=\"Setting5\" />\n              </IconButton>\n            ) : null}\n            {onLogout ? (\n              <Dropdown\n                placement=\"bottom-end\"\n                trigger={\n                  <button type=\"button\" className={styles.account} aria-label={t('account.label')}>\n                    <Avatar size=\"md\" name={user?.name} src={user?.avatar} color=\"primary\" />\n                  </button>\n                }\n              >\n                {user ? (\n                  <>\n                    <Row gap={8} align=\"center\" padding=\"var(--tz-space-xxs) var(--tz-space-sm)\">\n                      <Avatar size=\"sm\" name={user.name} src={user.avatar} color=\"primary\" />\n                      <Col gap={2}>\n                        {user.name ? (\n                          <Typography variant=\"bodySmall\">{user.name}</Typography>\n                        ) : null}\n                        {user.email ? (\n                          <Typography variant=\"caption\" color=\"muted\">\n                            {user.email}\n                          </Typography>\n                        ) : null}\n                      </Col>\n                    </Row>\n                    <Divider />\n                  </>\n                ) : null}\n                <ListItem icon={<Icon name=\"Logout2\" color=\"error\" />} clickable onClick={onLogout}>\n                  {t('userCard.signOut')}\n                </ListItem>\n              </Dropdown>\n            ) : null}\n          </div>\n        </header>\n        <main className={styles.content}>\n          {showBreadcrumbs ? <Breadcrumbs /> : null}\n          {showPageTitle && title ? (\n            <Typography variant=\"h2\" className={styles.pageTitle}>\n              {title}\n            </Typography>\n          ) : null}\n          {children}\n        </main>\n      </div>\n      {toaster !== false && <Toaster {...toasterProps} />}\n      {showSettings ? (\n        <SettingsDrawer\n          open={settingsOpen}\n          onClose={() => setSettingsOpen(false)}\n          showTheme={showTheme}\n        />\n      ) : null}\n    </div>\n  )\n}\n"],"names":["ALT_SWATCHES","SettingsDrawer","open","onClose","showTheme","mode","setMode","accentColors","defaultAccentColors","setAccentColor","headerSticky","setHeaderSticky","fontFamily","setFontFamily","useTheme","t","useT","fontQuery","setFontQuery","useState","q","base","DEFAULT_FONT_FAMILY","fontOptions","f","picker","label","def","colors","c","jsx","SwatchPicker","color","jsxs","Modal","Fragment","Typography","ChoiceCardGroup","v","Divider","Col","Select","RootLayout","logo","sidebarFooter","header","toaster","children","title","usePageTitle","language","setLanguage","languages","useLanguage","h","useHeaderConfig","showFullscreen","showSettings","showSearch","showLanguages","showBreadcrumbs","toasterProps","showPageTitle","onLogout","user","isNarrow","useMediaQuery","collapsed","setCollapsed","useEffect","useLockBodyScroll","pathname","useRouterState","s","settingsOpen","setSettingsOpen","clsx","styles","IconButton","Icon","NavSearch","Sidebar","FullscreenToggle","ThemeToggle","Dropdown","l","ListItem","Flag","Avatar","Row","Breadcrumbs","Toaster"],"mappings":"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"}