@react-email/editor 0.0.0-experimental.4 → 0.0.0-experimental.40

package/dist/extension-DyY8_bh4.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"extension-DyY8_bh4.mjs","names":["acc"],"sources":["../src/plugins/email-theming/css-transforms.ts","../src/plugins/email-theming/themes.ts","../src/plugins/email-theming/normalization.ts","../src/plugins/email-theming/extension.tsx"],"sourcesContent":["import { ensureBorderStyleFallback } from '../../utils/styles';\nimport type { CssJs, PanelGroup } from './types';\n\nexport function transformToCssJs(\n  styleArray: PanelGroup[],\n  baseFontSize: number,\n): CssJs {\n  const cssJS = {} as CssJs;\n\n  if (!Array.isArray(styleArray)) {\n    return cssJS;\n  }\n\n  for (const style of styleArray) {\n    for (const input of style.inputs) {\n      let value = input.value;\n\n      // If there's a unit property, append it to the value\n      if (input.unit && typeof value === 'number') {\n        // if font size prop convert px unit to em to adjust size in mobile\n        if (input.prop === 'fontSize') {\n          value = `${value / baseFontSize}em`;\n        } else {\n          value = `${value}${input.unit}`;\n        }\n      }\n\n      if (!input.classReference) {\n        continue;\n      }\n\n      if (!cssJS[input.classReference]) {\n        cssJS[input.classReference] = {};\n      }\n\n      // @ts-expect-error -- backward compatibility: 'h-padding' is a legacy prop not in KnownCssProperties\n      if (input.prop === 'h-padding') {\n        cssJS[input.classReference].paddingLeft = value;\n        cssJS[input.classReference].paddingRight = value;\n\n        continue;\n      }\n\n      // @ts-expect-error -- input.prop is KnownCssProperties but CssJs values are React.CSSProperties; dynamic assignment is intentional\n      cssJS[input.classReference][input.prop] = value;\n    }\n  }\n\n  for (const key of Object.keys(cssJS)) {\n    ensureBorderStyleFallback(\n      cssJS[key as keyof CssJs] as Record<string, string | number>,\n    );\n  }\n\n  return cssJS;\n}\n\nexport function mergeCssJs(original: CssJs, newCssJs: CssJs) {\n  const merged = { ...original };\n\n  for (const key in newCssJs) {\n    const keyType = key as keyof CssJs;\n\n    if (\n      Object.hasOwn(merged, key) &&\n      typeof merged[keyType] === 'object' &&\n      !Array.isArray(merged[keyType])\n    ) {\n      merged[keyType] = {\n        ...merged[keyType],\n        ...newCssJs[keyType],\n      };\n    } else {\n      merged[keyType] = newCssJs[keyType];\n    }\n  }\n\n  return merged;\n}\n\nexport function injectThemeCss(\n  styles: CssJs,\n  options: { styleId?: string; scopeSelector?: string } = {},\n) {\n  const container =\n    options.scopeSelector ?? '.tiptap-extended .tiptap.ProseMirror';\n  const prefix = '.node-';\n  const styleId = options.styleId ?? 'tiptap-extended-theme-css';\n\n  const css = Object.entries(styles).reduce((acc, [key, value]) => {\n    const className =\n      key === 'body' ? container : `${container} ${prefix}${key}`;\n\n    const cssString = Object.entries(value).reduce((acc, [prop, val]) => {\n      const normalizeProp = prop.replace(/([A-Z])/g, '-$1').toLowerCase();\n\n      return `${acc}${normalizeProp}:${val};`;\n    }, '');\n\n    return `${acc}${className}{${cssString}}`;\n  }, '');\n\n  let styleTag = document.getElementById(styleId) as HTMLStyleElement;\n\n  if (!styleTag) {\n    styleTag = document.createElement('style');\n    styleTag.textContent = css;\n    styleTag.id = styleId;\n\n    document.head.appendChild(styleTag);\n\n    return;\n  }\n\n  styleTag.textContent = css;\n}\n\nexport function injectGlobalPlainCss(\n  css?: string | null,\n  options: { styleId?: string; scopeSelector?: string } = {},\n) {\n  if (!css) {\n    return;\n  }\n\n  const styleId = options.styleId ?? 'global-editor-style';\n  const container = options.scopeSelector ?? '.tiptap-extended .ProseMirror';\n  let styleElement = document.getElementById(styleId);\n\n  if (!styleElement) {\n    styleElement = document.createElement('style');\n    styleElement.id = styleId;\n    document.head.appendChild(styleElement);\n  }\n\n  // Remove CSS within @media (prefers-color-scheme: dark) blocks\n  const cleanedCSS = css.replace(\n    /@media\\s?\\(prefers-color-scheme:\\s?dark\\)\\s?{([\\s\\S]+?})\\s*}/g,\n    '',\n  );\n\n  // TODO: Figure out a way to extract the body and apply the styles out of the nested .tiptap-extended\n  styleElement.textContent = `${container} { ${cleanedCSS} }`;\n}\n","import type {\n  EditorTheme,\n  PanelGroup,\n  PanelSectionId,\n  ResetTheme,\n  SupportedCssProperties,\n} from './types';\n\n/**\n * Single source of truth for panel section display titles.\n * Titles are resolved from here at render time via `getPanelTitle`,\n * so they never depend on what's persisted in the DB.\n */\nconst PANEL_SECTION_TITLES: Record<PanelSectionId, string> = {\n  body: 'Background',\n  container: 'Body',\n  typography: 'Text',\n  h1: 'Title',\n  h2: 'Subtitle',\n  h3: 'Heading',\n  link: 'Link',\n  image: 'Image',\n  button: 'Button',\n  'code-block': 'Code Block',\n  'inline-code': 'Inline Code',\n};\n\n/**\n * Resolves the display title for a panel group.\n * Uses the `id` lookup when available, falls back to the\n * DB-persisted `title` for backwards compatibility.\n */\nexport function getPanelTitle(group: PanelGroup): string {\n  if (group.id && group.id in PANEL_SECTION_TITLES) {\n    return PANEL_SECTION_TITLES[group.id];\n  }\n  return group.title;\n}\n\nconst THEME_BASIC: PanelGroup[] = [\n  {\n    id: 'body',\n    title: 'Background',\n    classReference: 'body',\n    inputs: [],\n  },\n  {\n    id: 'container',\n    title: 'Content',\n    classReference: 'container',\n    inputs: [\n      {\n        label: 'Align',\n        type: 'select',\n        value: 'left',\n        options: {\n          left: 'Left',\n          center: 'Center',\n          right: 'Right',\n        },\n        prop: 'align',\n        classReference: 'container',\n      },\n      {\n        label: 'Width',\n        type: 'number',\n        value: 600,\n        unit: 'px',\n        prop: 'width',\n        classReference: 'container',\n      },\n      {\n        label: 'Padding Left',\n        type: 'number',\n        value: 0,\n        unit: 'px',\n        prop: 'paddingLeft',\n        classReference: 'container',\n      },\n      {\n        label: 'Padding Right',\n        type: 'number',\n        value: 0,\n        unit: 'px',\n        prop: 'paddingRight',\n        classReference: 'container',\n      },\n    ],\n  },\n  {\n    id: 'typography',\n    title: 'Text',\n    classReference: 'body',\n    inputs: [\n      {\n        label: 'Font size',\n        type: 'number',\n        value: 14,\n        unit: 'px',\n        prop: 'fontSize',\n        classReference: 'body',\n      },\n      {\n        label: 'Line Height',\n        type: 'number',\n        value: 155,\n        unit: '%',\n        prop: 'lineHeight',\n        classReference: 'container',\n      },\n    ],\n  },\n  {\n    id: 'h1',\n    title: 'Title',\n    category: 'Text',\n    classReference: 'h1',\n    inputs: [],\n  },\n  {\n    id: 'h2',\n    title: 'Subtitle',\n    category: 'Text',\n    classReference: 'h2',\n    inputs: [],\n  },\n  {\n    id: 'h3',\n    title: 'Heading',\n    category: 'Text',\n    classReference: 'h3',\n    inputs: [],\n  },\n  {\n    id: 'link',\n    title: 'Link',\n    classReference: 'link',\n    inputs: [\n      {\n        label: 'Color',\n        type: 'color',\n        value: '#0670DB',\n        prop: 'color',\n        classReference: 'link',\n      },\n      {\n        label: 'Decoration',\n        type: 'select',\n        value: 'underline',\n        prop: 'textDecoration',\n        options: {\n          underline: 'Underline',\n          none: 'None',\n        },\n        classReference: 'link',\n      },\n    ],\n  },\n  {\n    id: 'image',\n    title: 'Image',\n    classReference: 'image',\n    inputs: [\n      {\n        label: 'Border radius',\n        type: 'number',\n        value: 8,\n        unit: 'px',\n        prop: 'borderRadius',\n        classReference: 'image',\n      },\n    ],\n  },\n  {\n    id: 'button',\n    title: 'Button',\n    classReference: 'button',\n    inputs: [\n      {\n        label: 'Background',\n        type: 'color',\n        value: '#000000',\n        prop: 'backgroundColor',\n        classReference: 'button',\n      },\n      {\n        label: 'Text color',\n        type: 'color',\n        value: '#ffffff',\n        prop: 'color',\n        classReference: 'button',\n      },\n      {\n        label: 'Radius',\n        type: 'number',\n        value: 4,\n        unit: 'px',\n        prop: 'borderRadius',\n        classReference: 'button',\n      },\n      {\n        label: 'Padding Top',\n        type: 'number',\n        value: 7,\n        unit: 'px',\n        prop: 'paddingTop',\n        classReference: 'button',\n      },\n      {\n        label: 'Padding Right',\n        type: 'number',\n        value: 12,\n        unit: 'px',\n        prop: 'paddingRight',\n        classReference: 'button',\n      },\n      {\n        label: 'Padding Bottom',\n        type: 'number',\n        value: 7,\n        unit: 'px',\n        prop: 'paddingBottom',\n        classReference: 'button',\n      },\n      {\n        label: 'Padding Left',\n        type: 'number',\n        value: 12,\n        unit: 'px',\n        prop: 'paddingLeft',\n        classReference: 'button',\n      },\n    ],\n  },\n  {\n    id: 'code-block',\n    title: 'Code Block',\n    classReference: 'codeBlock',\n    inputs: [\n      {\n        label: 'Border Radius',\n        type: 'number',\n        value: 4,\n        unit: 'px',\n        prop: 'borderRadius',\n        classReference: 'codeBlock',\n      },\n      {\n        label: 'Padding Top',\n        type: 'number',\n        value: 12,\n        unit: 'px',\n        prop: 'paddingTop',\n        classReference: 'codeBlock',\n      },\n      {\n        label: 'Padding Bottom',\n        type: 'number',\n        value: 12,\n        unit: 'px',\n        prop: 'paddingBottom',\n        classReference: 'codeBlock',\n      },\n      {\n        label: 'Padding Left',\n        type: 'number',\n        value: 16,\n        unit: 'px',\n        prop: 'paddingLeft',\n        classReference: 'codeBlock',\n      },\n      {\n        label: 'Padding Right',\n        type: 'number',\n        value: 16,\n        unit: 'px',\n        prop: 'paddingRight',\n        classReference: 'codeBlock',\n      },\n    ],\n  },\n  {\n    id: 'inline-code',\n    title: 'Inline Code',\n    classReference: 'inlineCode',\n    inputs: [\n      {\n        label: 'Background',\n        type: 'color',\n        value: '#e5e7eb',\n        prop: 'backgroundColor',\n        classReference: 'inlineCode',\n      },\n      {\n        label: 'Text color',\n        type: 'color',\n        value: '#1e293b',\n        prop: 'color',\n        classReference: 'inlineCode',\n      },\n      {\n        label: 'Radius',\n        type: 'number',\n        value: 4,\n        unit: 'px',\n        prop: 'borderRadius',\n        classReference: 'inlineCode',\n      },\n    ],\n  },\n];\n\nconst THEME_MINIMAL = THEME_BASIC.map((item) => ({ ...item, inputs: [] }));\n\nconst RESET_BASIC: ResetTheme = {\n  reset: {\n    margin: '0',\n    padding: '0',\n  },\n  body: {\n    fontFamily:\n      \"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\",\n    fontSize: '14px',\n    minHeight: '100%',\n    lineHeight: '155%',\n  },\n  container: {},\n  h1: {\n    fontSize: '2.25em',\n    lineHeight: '1.44em',\n    paddingTop: '0.389em',\n    fontWeight: 600,\n  },\n  h2: {\n    fontSize: '1.8em',\n    lineHeight: '1.44em',\n    paddingTop: '0.389em',\n    fontWeight: 600,\n  },\n  h3: {\n    fontSize: '1.4em',\n    lineHeight: '1.08em',\n    paddingTop: '0.389em',\n    fontWeight: 600,\n  },\n  paragraph: {\n    fontSize: '1em',\n    paddingTop: '0.5em',\n    paddingBottom: '0.5em',\n  },\n  list: {\n    paddingLeft: '1.1em',\n    paddingBottom: '1em',\n  },\n  nestedList: {\n    paddingLeft: '1.1em',\n    paddingBottom: '0',\n  },\n  listItem: {\n    marginLeft: '1em',\n    marginBottom: '0.3em',\n    marginTop: '0.3em',\n  },\n  listParagraph: { padding: '0', margin: '0' },\n  blockquote: {\n    borderLeft: '3px solid #acb3be',\n    color: '#7e8a9a',\n    marginLeft: 0,\n    paddingLeft: '0.8em',\n    fontSize: '1.1em',\n    fontFamily:\n      \"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\",\n  },\n  link: { textDecoration: 'underline' },\n  footer: {\n    fontSize: '0.8em',\n  },\n  hr: {\n    paddingBottom: '1em',\n    borderWidth: '2px',\n  },\n  image: {\n    maxWidth: '100%',\n  },\n  button: {\n    lineHeight: '100%',\n    display: 'inline-block',\n  },\n  inlineCode: {\n    paddingTop: '0.25em',\n    paddingBottom: '0.25em',\n    paddingLeft: '0.4em',\n    paddingRight: '0.4em',\n    background: '#e5e7eb',\n    color: '#1e293b',\n    borderRadius: '4px',\n  },\n  codeBlock: {\n    fontFamily: 'monospace',\n    fontWeight: '500',\n    fontSize: '.92em',\n  },\n  codeTag: {\n    lineHeight: '130%',\n    fontFamily: 'monospace',\n    fontSize: '.92em',\n  },\n  section: {\n    padding: '10px 20px 10px 20px',\n    boxSizing: 'border-box' as const,\n  },\n};\n\nconst RESET_MINIMAL: ResetTheme = {\n  ...Object.keys(RESET_BASIC).reduce<ResetTheme>((acc, key) => {\n    acc[key as keyof ResetTheme] = {};\n    return acc;\n  }, {} as ResetTheme),\n  reset: RESET_BASIC.reset,\n};\n\nexport const RESET_THEMES: Record<EditorTheme, ResetTheme> = {\n  basic: RESET_BASIC,\n  minimal: RESET_MINIMAL,\n};\n\nexport function resolveResetValue(\n  value: string | number | undefined,\n  targetUnit: 'px' | '%',\n  bodyFontSizePx: number,\n): number | undefined {\n  if (value === undefined) {\n    return undefined;\n  }\n  const str = String(value);\n  const num = Number.parseFloat(str);\n  if (Number.isNaN(num)) {\n    return undefined;\n  }\n  if (str.endsWith('em')) {\n    return targetUnit === 'px' ? Math.floor(num * bodyFontSizePx) : num * 100;\n  }\n  return num;\n}\n\nexport const EDITOR_THEMES: Record<EditorTheme, PanelGroup[]> = {\n  minimal: THEME_MINIMAL,\n  basic: THEME_BASIC,\n};\n\nexport function getThemeBodyFontSizePx(theme: EditorTheme): number {\n  for (const group of EDITOR_THEMES[theme]) {\n    if (group.classReference !== 'body') {\n      continue;\n    }\n    for (const input of group.inputs) {\n      if (input.prop === 'fontSize' && typeof input.value === 'number') {\n        return input.value;\n      }\n    }\n  }\n  return 14;\n}\n\n/**\n * Use to make the preview nicer once the theme might miss some\n * important properties to make layout accurate\n */\nexport const DEFAULT_INBOX_FONT_SIZE_PX = 14;\nexport const INBOX_EMAIL_DEFAULTS: Partial<ResetTheme> = {\n  body: {\n    color: '#000000',\n    fontFamily:\n      \"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif\",\n    fontSize: `${DEFAULT_INBOX_FONT_SIZE_PX}px`,\n    lineHeight: '155%',\n  },\n  container: {\n    width: 600,\n  },\n};\n\nexport const SUPPORTED_CSS_PROPERTIES: SupportedCssProperties = {\n  align: {\n    label: 'Align',\n    type: 'select',\n    options: {\n      left: 'Left',\n      center: 'Center',\n      right: 'Right',\n    },\n    defaultValue: 'left',\n    category: 'layout',\n  },\n  backgroundColor: {\n    label: 'Background',\n    type: 'color',\n    excludeNodes: ['image', 'youtube'],\n    defaultValue: '#ffffff',\n    category: 'appearance',\n  },\n  color: {\n    label: 'Text color',\n    type: 'color',\n    excludeNodes: ['image', 'youtube'],\n    defaultValue: '#000000',\n    category: 'typography',\n  },\n  fontSize: {\n    label: 'Font size',\n    type: 'number',\n    unit: 'px',\n    excludeNodes: ['image', 'youtube'],\n    defaultValue: 14,\n    category: 'typography',\n  },\n  fontWeight: {\n    label: 'Font weight',\n    type: 'select',\n    options: {\n      300: 'Light',\n      400: 'Normal',\n      600: 'Semi Bold',\n      700: 'Bold',\n      800: 'Extra Bold',\n    },\n    excludeNodes: ['image', 'youtube'],\n    defaultValue: 400,\n    category: 'typography',\n  },\n  letterSpacing: {\n    label: 'Letter spacing',\n    type: 'number',\n    unit: 'px',\n    excludeNodes: ['image', 'youtube'],\n    defaultValue: 0,\n    category: 'typography',\n  },\n  lineHeight: {\n    label: 'Line height',\n    type: 'number',\n    unit: '%',\n    defaultValue: 155,\n    category: 'typography',\n  },\n  textDecoration: {\n    label: 'Text decoration',\n    type: 'select',\n    options: {\n      none: 'None',\n      underline: 'Underline',\n      'line-through': 'Line-through',\n    },\n    defaultValue: 'none',\n    category: 'typography',\n  },\n  borderRadius: {\n    label: 'Border Radius',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'appearance',\n  },\n  borderTopLeftRadius: {\n    label: 'Border Radius (Top-Left)',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'appearance',\n  },\n  borderTopRightRadius: {\n    label: 'Border Radius (Top-Right)',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'appearance',\n  },\n  borderBottomLeftRadius: {\n    label: 'Border Radius (Bottom-Left)',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'appearance',\n  },\n  borderBottomRightRadius: {\n    label: 'Border Radius (Bottom-Right)',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'appearance',\n  },\n  borderWidth: {\n    label: 'Border Width',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 1,\n    category: 'appearance',\n  },\n  borderTopWidth: {\n    label: 'Border Top Width',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 1,\n    category: 'appearance',\n  },\n  borderRightWidth: {\n    label: 'Border Right Width',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 1,\n    category: 'appearance',\n  },\n  borderBottomWidth: {\n    label: 'Border Bottom Width',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 1,\n    category: 'appearance',\n  },\n  borderLeftWidth: {\n    label: 'Border Left Width',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 1,\n    category: 'appearance',\n  },\n  borderStyle: {\n    label: 'Border Style',\n    type: 'select',\n    options: {\n      solid: 'Solid',\n      dashed: 'Dashed',\n      dotted: 'Dotted',\n    },\n    defaultValue: 'solid',\n    category: 'appearance',\n  },\n  borderTopStyle: {\n    label: 'Border Top Style',\n    type: 'select',\n    options: {\n      solid: 'Solid',\n      dashed: 'Dashed',\n      dotted: 'Dotted',\n    },\n    defaultValue: 'solid',\n    category: 'appearance',\n  },\n  borderRightStyle: {\n    label: 'Border Right Style',\n    type: 'select',\n    options: {\n      solid: 'Solid',\n      dashed: 'Dashed',\n      dotted: 'Dotted',\n    },\n    defaultValue: 'solid',\n    category: 'appearance',\n  },\n  borderBottomStyle: {\n    label: 'Border Bottom Style',\n    type: 'select',\n    options: {\n      solid: 'Solid',\n      dashed: 'Dashed',\n      dotted: 'Dotted',\n    },\n    defaultValue: 'solid',\n    category: 'appearance',\n  },\n  borderLeftStyle: {\n    label: 'Border Left Style',\n    type: 'select',\n    options: {\n      solid: 'Solid',\n      dashed: 'Dashed',\n      dotted: 'Dotted',\n    },\n    defaultValue: 'solid',\n    category: 'appearance',\n  },\n  borderColor: {\n    label: 'Border Color',\n    type: 'color',\n    defaultValue: '#000000',\n    category: 'appearance',\n  },\n  borderTopColor: {\n    label: 'Border Top Color',\n    type: 'color',\n    defaultValue: '#000000',\n    category: 'appearance',\n  },\n  borderRightColor: {\n    label: 'Border Right Color',\n    type: 'color',\n    defaultValue: '#000000',\n    category: 'appearance',\n  },\n  borderBottomColor: {\n    label: 'Border Bottom Color',\n    type: 'color',\n    defaultValue: '#000000',\n    category: 'appearance',\n  },\n  borderLeftColor: {\n    label: 'Border Left Color',\n    type: 'color',\n    defaultValue: '#000000',\n    category: 'appearance',\n  },\n  padding: {\n    label: 'Padding',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'layout',\n  },\n  paddingTop: {\n    label: 'Padding Top',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'layout',\n  },\n  paddingLeft: {\n    label: 'Padding Left',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'layout',\n  },\n  paddingBottom: {\n    label: 'Padding Bottom',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'layout',\n  },\n  paddingRight: {\n    label: 'Padding Right',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 8,\n    category: 'layout',\n  },\n  width: {\n    label: 'Width',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 600,\n    category: 'layout',\n  },\n  height: {\n    label: 'Height',\n    type: 'number',\n    unit: 'px',\n    defaultValue: 400,\n    category: 'layout',\n  },\n};\n","import { EDITOR_THEMES } from './themes';\nimport type {\n  EditorTheme,\n  KnownThemeComponents,\n  PanelGroup,\n  PanelSectionId,\n} from './types';\n\nconst PANEL_SECTION_IDS = new Set<PanelSectionId>([\n  'body',\n  'container',\n  'typography',\n  'link',\n  'image',\n  'button',\n  'code-block',\n  'inline-code',\n]);\n\nconst PANEL_SECTION_IDS_BY_TITLE: Record<string, PanelSectionId> = {\n  background: 'body',\n  body: 'body',\n  content: 'container',\n  container: 'container',\n  typography: 'typography',\n  link: 'link',\n  image: 'image',\n  button: 'button',\n  'code block': 'code-block',\n  'inline code': 'inline-code',\n};\n\nconst PANEL_SECTION_IDS_BY_CLASS_REFERENCE: Partial<\n  Record<KnownThemeComponents, PanelSectionId>\n> = {\n  container: 'container',\n  link: 'link',\n  image: 'image',\n  button: 'button',\n  codeBlock: 'code-block',\n  inlineCode: 'inline-code',\n};\n\nfunction isPanelSectionId(value: unknown): value is PanelSectionId {\n  return (\n    typeof value === 'string' && PANEL_SECTION_IDS.has(value as PanelSectionId)\n  );\n}\n\nfunction normalizeTitle(title: string | undefined): string {\n  return title?.trim().toLowerCase().replace(/\\s+/g, ' ') ?? '';\n}\n\nfunction resolvePanelSectionId(group: PanelGroup): PanelSectionId | null {\n  if (isPanelSectionId(group.id)) {\n    return group.id;\n  }\n\n  const normalizedTitle = normalizeTitle(group.title);\n\n  if (group.classReference === 'body') {\n    if (normalizedTitle === 'typography') {\n      return 'typography';\n    }\n\n    return 'body';\n  }\n\n  if (\n    group.classReference &&\n    PANEL_SECTION_IDS_BY_CLASS_REFERENCE[group.classReference]\n  ) {\n    return PANEL_SECTION_IDS_BY_CLASS_REFERENCE[group.classReference] ?? null;\n  }\n\n  return PANEL_SECTION_IDS_BY_TITLE[normalizedTitle] ?? null;\n}\n\nfunction normalizePanelInputs(\n  inputs: PanelGroup['inputs'],\n  defaultInputs: PanelGroup['inputs'],\n  fallbackClassReference?: KnownThemeComponents,\n): PanelGroup['inputs'] {\n  if (!Array.isArray(inputs)) {\n    return [];\n  }\n\n  return inputs.map((input) => {\n    const defaultInput = defaultInputs.find(\n      (candidate) => candidate.prop === input.prop,\n    );\n\n    return {\n      ...defaultInput,\n      ...input,\n      classReference:\n        input.classReference ??\n        defaultInput?.classReference ??\n        fallbackClassReference,\n    };\n  });\n}\n\nexport function inferThemeFromPanelStyles(\n  panelStyles: PanelGroup[] | null | undefined,\n): EditorTheme | null {\n  if (!Array.isArray(panelStyles) || panelStyles.length === 0) {\n    return null;\n  }\n\n  let finalTheme: EditorTheme | null = null;\n  for (const group of panelStyles) {\n    if (!Array.isArray(group?.inputs)) {\n      finalTheme = null;\n      break;\n    }\n\n    if (group.inputs.length !== 0) {\n      finalTheme = 'basic';\n      break;\n    }\n\n    finalTheme = 'minimal';\n  }\n\n  return finalTheme;\n}\n\nexport function normalizeThemePanelStyles(\n  theme: EditorTheme,\n  panelStyles: PanelGroup[] | null | undefined,\n): PanelGroup[] | null {\n  if (!Array.isArray(panelStyles)) {\n    return null;\n  }\n\n  return panelStyles.map((group) => {\n    const panelId = resolvePanelSectionId(group);\n\n    if (!panelId) {\n      return group;\n    }\n\n    const defaultGroup = EDITOR_THEMES[theme].find(\n      (candidate) => candidate.id === panelId,\n    );\n\n    if (!defaultGroup) {\n      return group;\n    }\n\n    return {\n      ...group,\n      id: panelId,\n      title: defaultGroup.title,\n      classReference: defaultGroup.classReference,\n      inputs: normalizePanelInputs(\n        group.inputs,\n        defaultGroup.inputs,\n        defaultGroup.classReference,\n      ),\n    };\n  });\n}\n","import { Body, Head, Html, Preview } from '@react-email/components';\nimport type { Editor, JSONContent } from '@tiptap/core';\nimport { Extension } from '@tiptap/core';\nimport { Plugin, PluginKey } from '@tiptap/pm/state';\nimport { useEditorState } from '@tiptap/react';\nimport type * as React from 'react';\nimport type { SerializerPlugin } from '../../core/serializer/serializer-plugin';\nimport { getGlobalContent } from '../../extensions/global-content';\nimport {\n  injectGlobalPlainCss,\n  injectThemeCss,\n  mergeCssJs,\n  transformToCssJs,\n} from './css-transforms';\nimport {\n  inferThemeFromPanelStyles,\n  normalizeThemePanelStyles,\n} from './normalization';\nimport {\n  DEFAULT_INBOX_FONT_SIZE_PX,\n  EDITOR_THEMES,\n  RESET_THEMES,\n} from './themes';\nimport type {\n  CssJs,\n  EditorTheme,\n  KnownThemeComponents,\n  PanelGroup,\n} from './types';\n\n/**\n * Maps a document node (type + attrs) to the theme component key used for style lookup.\n * Centralizes all node-type → theme-component knowledge.\n */\nexport function getThemeComponentKey(\n  nodeType: string,\n  depth: number,\n  attrs: Record<string, unknown> = {},\n): KnownThemeComponents | null {\n  switch (nodeType) {\n    case 'paragraph':\n      if (depth > 0) {\n        return 'listParagraph';\n      }\n      return 'paragraph';\n    case 'heading': {\n      const level = attrs.level as number | undefined;\n      return `h${level ?? 1}` as KnownThemeComponents;\n    }\n    case 'blockquote':\n      return 'blockquote';\n    case 'button':\n      return 'button';\n    case 'container':\n      return 'container';\n    case 'section':\n      return 'section';\n    case 'footer':\n      return 'footer';\n    case 'image':\n      return 'image';\n    case 'youtube':\n    case 'twitter':\n      return 'image';\n    case 'orderedList':\n    case 'bulletList':\n      if (depth > 0) {\n        return 'nestedList';\n      }\n      return 'list';\n    case 'listItem':\n      return 'listItem';\n    case 'codeBlock':\n      return 'codeBlock';\n    case 'code':\n      return 'inlineCode';\n    case 'link':\n      return 'link';\n    case 'horizontalRule':\n      return 'hr';\n    default:\n      return null;\n  }\n}\n\n/**\n * Returns merged theme styles (reset + panel styles) for the given editor.\n * Use when you have editor access and need the full CssJs map.\n */\nexport function getMergedCssJs(\n  theme: EditorTheme,\n  panelStyles: PanelGroup[] | undefined,\n): CssJs {\n  const panels: PanelGroup[] =\n    normalizeThemePanelStyles(theme, panelStyles) ?? EDITOR_THEMES[theme];\n  const parsed = transformToCssJs(panels, DEFAULT_INBOX_FONT_SIZE_PX);\n  const merged = mergeCssJs(RESET_THEMES[theme], parsed);\n\n  return merged;\n}\n\n/**\n * Returns resolved React.CSSProperties for a node when you already have merged CssJs\n * (e.g. in the serializer where there is no editor). Centralizes which theme keys\n * apply to which node type.\n */\nconst RESET_NODE_TYPES = new Set([\n  'body',\n  'bulletList',\n  'container',\n  'button',\n  'columns',\n  'div',\n  'h1',\n  'h2',\n  'h3',\n  'list',\n  'listItem',\n  'listParagraph',\n  'nestedList',\n  'orderedList',\n  'table',\n  'paragraph',\n  'tableCell',\n  'tableHeader',\n  'tableRow',\n  'youtube',\n]);\n\nexport function getResolvedNodeStyles(\n  node: JSONContent,\n  depth: number,\n  mergedCssJs: CssJs,\n): React.CSSProperties {\n  const key = getThemeComponentKey(node.type ?? '', depth, node.attrs ?? {});\n  if (!key) {\n    if (RESET_NODE_TYPES.has(node.type ?? '')) {\n      return mergedCssJs.reset ?? {};\n    }\n    return {};\n  }\n  const component = mergedCssJs[key] ?? {};\n  const shouldReset =\n    RESET_NODE_TYPES.has(key) || RESET_NODE_TYPES.has(node.type ?? '');\n  if (shouldReset) {\n    const reset = mergedCssJs.reset ?? {};\n    return { ...reset, ...component };\n  }\n  return { ...component };\n}\n\nexport function stylesToCss(\n  styles: PanelGroup[],\n  theme: EditorTheme,\n): Record<KnownThemeComponents, React.CSSProperties> {\n  const parsed = transformToCssJs(\n    normalizeThemePanelStyles(theme, styles) ?? EDITOR_THEMES[theme],\n    DEFAULT_INBOX_FONT_SIZE_PX,\n  );\n  return mergeCssJs(RESET_THEMES[theme], parsed);\n}\n\nfunction getEmailTheming(editor: Editor) {\n  const theme = getEmailTheme(editor);\n  const normalizedStyles =\n    normalizeThemePanelStyles(theme, getEmailStyles(editor)) ??\n    EDITOR_THEMES[theme];\n\n  return {\n    styles: normalizedStyles,\n    theme,\n    css: getEmailCss(editor),\n  };\n}\n\nexport function useEmailTheming(editor: Editor | null) {\n  return useEditorState({\n    editor,\n    selector({ editor: ed }) {\n      if (!ed) {\n        return null;\n      }\n      return getEmailTheming(ed);\n    },\n  });\n}\n\nfunction getEmailStyles(editor: Editor) {\n  return getGlobalContent('styles', editor) as PanelGroup[] | null;\n}\n\n/**\n * Sets the global panel styles on the editor document.\n * Persists into the `GlobalContent` node under the `'styles'` key.\n */\nexport function setGlobalStyles(editor: Editor, styles: PanelGroup[]): boolean {\n  return editor.commands.setGlobalContent('styles', styles);\n}\n\n/**\n * Sets the current email theme on the editor document.\n * Persists into the `GlobalContent` node under the `'theme'` key.\n */\nexport function setCurrentTheme(editor: Editor, theme: EditorTheme): boolean {\n  return editor.commands.setGlobalContent('theme', theme);\n}\n\n/**\n * Sets the global CSS string injected into the email `<head>`.\n * Persists into the `GlobalContent` node under the `'css'` key.\n */\nexport function setGlobalCssInjected(editor: Editor, css: string): boolean {\n  return editor.commands.setGlobalContent('css', css);\n}\n\nfunction getEmailTheme(editor: Editor) {\n  const extensionTheme = (\n    editor.extensionManager.extensions.find(\n      (extension) => extension.name === 'theming',\n    ) as { options?: { theme?: EditorTheme } }\n  )?.options?.theme;\n  if (extensionTheme === 'basic' || extensionTheme === 'minimal') {\n    return extensionTheme;\n  }\n\n  const globalTheme = getGlobalContent('theme', editor) as EditorTheme | null;\n  if (globalTheme === 'basic' || globalTheme === 'minimal') {\n    return globalTheme;\n  }\n\n  const inferredTheme = inferThemeFromPanelStyles(getEmailStyles(editor));\n  if (inferredTheme) {\n    return inferredTheme;\n  }\n\n  return 'basic';\n}\n\nfunction getEmailCss(editor: Editor) {\n  return getGlobalContent('css', editor) as string | null;\n}\n\nexport const EmailTheming = Extension.create<{\n  theme?: EditorTheme;\n  serializerPlugin: SerializerPlugin;\n}>({\n  name: 'theming',\n\n  addOptions() {\n    return {\n      theme: undefined as EditorTheme | undefined,\n      serializerPlugin: {\n        getNodeStyles(node, depth, editor): React.CSSProperties {\n          const theming = getEmailTheming(editor);\n\n          return getResolvedNodeStyles(\n            node,\n            depth,\n            getMergedCssJs(theming.theme, theming.styles),\n          );\n        },\n        BaseTemplate({ previewText, children, editor }) {\n          const { css: globalCss, styles, theme } = getEmailTheming(editor);\n          const mergedStyles = getMergedCssJs(theme, styles);\n\n          return (\n            <Html>\n              <Head>\n                <meta content=\"width=device-width\" name=\"viewport\" />\n                <meta content=\"IE=edge\" httpEquiv=\"X-UA-Compatible\" />\n                <meta name=\"x-apple-disable-message-reformatting\" />\n                <meta\n                  content=\"telephone=no,address=no,email=no,date=no,url=no\"\n                  name=\"format-detection\"\n                />\n\n                {globalCss && <style>{globalCss}</style>}\n              </Head>\n              {previewText && previewText !== '' && (\n                <Preview>{previewText}</Preview>\n              )}\n\n              <Body style={mergedStyles.body}>{children}</Body>\n            </Html>\n          );\n        },\n      } satisfies SerializerPlugin,\n    };\n  },\n\n  addProseMirrorPlugins() {\n    const { editor } = this;\n    const scopeId = `tiptap-theme-${Math.random().toString(36).slice(2, 10)}`;\n    const scopeAttribute = 'data-editor-theme-scope';\n    const scopeSelector = `.tiptap.ProseMirror[${scopeAttribute}=\"${scopeId}\"]`;\n    const themeStyleId = `${scopeId}-theme`;\n    const globalStyleId = `${scopeId}-global`;\n\n    return [\n      new Plugin({\n        key: new PluginKey('themingStyleInjector'),\n        view(view) {\n          let prevStyles: PanelGroup[] | null = null;\n          let prevTheme: EditorTheme | null = null;\n          let prevCss: string | null = null;\n\n          view.dom.setAttribute(scopeAttribute, scopeId);\n\n          const sync = () => {\n            const theme = getEmailTheme(editor);\n            const styles = getEmailStyles(editor);\n            const resolvedStyles = styles ?? EDITOR_THEMES[theme];\n            const css = getEmailCss(editor);\n\n            if (styles !== prevStyles || theme !== prevTheme) {\n              prevStyles = styles as PanelGroup[] | null;\n              prevTheme = theme;\n              const mergedCssJs = getMergedCssJs(theme, resolvedStyles);\n              injectThemeCss(mergedCssJs, {\n                scopeSelector,\n                styleId: themeStyleId,\n              });\n            }\n\n            if (css !== prevCss) {\n              prevCss = css;\n              injectGlobalPlainCss(css, {\n                scopeSelector,\n                styleId: globalStyleId,\n              });\n            }\n          };\n\n          sync();\n\n          return {\n            update: sync,\n            destroy() {\n              document.getElementById(themeStyleId)?.remove();\n              document.getElementById(globalStyleId)?.remove();\n              view.dom.removeAttribute(scopeAttribute);\n            },\n          };\n        },\n      }),\n    ];\n  },\n});\n"],"mappings":"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AAQ,CACN;GACE,OAAO;GACP,MAAM;GACN,OAAO;GACP,MAAM;GACN,MAAM;GACN,gBAAgB;GACjB,EACD;GACE,OAAO;GACP,MAAM;GACN,OAAO;GACP,MAAM;GACN,MAAM;GACN,gBAAgB;GACjB,CACF;EACF;CACD;EACE,IAAI;EACJ,OAAO;EACP,UAAU;EACV,gBAAgB;EAChB,QAAQ,EAAE;EACX;CACD;EACE,IAAI;EACJ,OAAO;EACP,UAAU;EACV,gBAAgB;EAChB,QAAQ,EAAE;EACX;CACD;EACE,IAAI;EACJ,OAAO;EACP,UAAU;EACV,gBAAgB;EAChB,QAAQ,EAAE;EACX;CACD;EACE,IAAI;EACJ,OAAO;EACP,gBAAgB;EAChB,QAAQ,CACN;GACE,OAAO;GACP,MAAM;GACN,OAAO;GACP,MAAM;GACN,gBAAgB;GACjB,EACD;GACE,OAAO;GACP,MAAM;GACN,OAAO;GACP,MAAM;GACN,SAAS;IACP,WAAW;IACX,MAAM;IACP;GACD,gBAAgB;GACjB,CACF;EACF;CACD;EACE,IAAI;EACJ,OAAO;EACP,gBAAgB;EAChB,QAAQ,CACN;GACE,OAAO;GACP,MAAM;GACN,OAAO;GACP,MAAM;GACN,MAAM;GACN,gBAAgB;GACjB,CACF;EACF;CACD;EACE,IAAI;EACJ,OAAO;EACP,gBAAgB;EAChB,QAAQ;GACN;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACF;EACF;CACD;EACE,IAAI;EACJ,OAAO;EACP,gBAAgB;EAChB,QAAQ;GACN;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACF;EACF;CACD;EACE,IAAI;EACJ,OAAO;EACP,gBAAgB;EAChB,QAAQ;GACN;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,gBAAgB;IACjB;GACD;IACE,OAAO;IACP,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,gBAAgB;IACjB;GACF;EACF;CACF;AAED,MAAM,gBAAgB,YAAY,KAAK,UAAU;CAAE,GAAG;CAAM,QAAQ,EAAE;CAAE,EAAE;AAE1E,MAAM,cAA0B;CAC9B,OAAO;EACL,QAAQ;EACR,SAAS;EACV;CACD,MAAM;EACJ,YACE;EACF,UAAU;EACV,WAAW;EACX,YAAY;EACb;CACD,WAAW,EAAE;CACb,IAAI;EACF,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,YAAY;EACb;CACD,IAAI;EACF,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,YAAY;EACb;CACD,WAAW;EACT,UAAU;EACV,YAAY;EACZ,eAAe;EAChB;CACD,MAAM;EACJ,aAAa;EACb,eAAe;EAChB;CACD,YAAY;EACV,aAAa;EACb,eAAe;EAChB;CACD,UAAU;EACR,YAAY;EACZ,cAAc;EACd,WAAW;EACZ;CACD,eAAe;EAAE,SAAS;EAAK,QAAQ;EAAK;CAC5C,YAAY;EACV,YAAY;EACZ,OAAO;EACP,YAAY;EACZ,aAAa;EACb,UAAU;EACV,YACE;EACH;CACD,MAAM,EAAE,gBAAgB,aAAa;CACrC,QAAQ,EACN,UAAU,SACX;CACD,IAAI;EACF,eAAe;EACf,aAAa;EACd;CACD,OAAO,EACL,UAAU,QACX;CACD,QAAQ;EACN,YAAY;EACZ,SAAS;EACV;CACD,YAAY;EACV,YAAY;EACZ,eAAe;EACf,aAAa;EACb,cAAc;EACd,YAAY;EACZ,OAAO;EACP,cAAc;EACf;CACD,WAAW;EACT,YAAY;EACZ,YAAY;EACZ,UAAU;EACX;CACD,SAAS;EACP,YAAY;EACZ,YAAY;EACZ,UAAU;EACX;CACD,SAAS;EACP,SAAS;EACT,WAAW;EACZ;CACF;AAED,MAAM,gBAA4B;CAChC,GAAG,OAAO,KAAK,YAAY,CAAC,QAAoB,KAAK,QAAQ;AAC3D,MAAI,OAA2B,EAAE;AACjC,SAAO;IACN,EAAE,CAAe;CACpB,OAAO,YAAY;CACpB;AAED,MAAa,eAAgD;CAC3D,OAAO;CACP,SAAS;CACV;AAED,SAAgB,kBACd,OACA,YACA,gBACoB;AACpB,KAAI,UAAU,OACZ;CAEF,MAAM,MAAM,OAAO,MAAM;CACzB,MAAM,MAAM,OAAO,WAAW,IAAI;AAClC,KAAI,OAAO,MAAM,IAAI,CACnB;AAEF,KAAI,IAAI,SAAS,KAAK,CACpB,QAAO,eAAe,OAAO,KAAK,MAAM,MAAM,eAAe,GAAG,MAAM;AAExE,QAAO;;AAGT,MAAa,gBAAmD;CAC9D,SAAS;CACT,OAAO;CACR;AAED,SAAgB,uBAAuB,OAA4B;AACjE,MAAK,MAAM,SAAS,cAAc,QAAQ;AACxC,MAAI,MAAM,mBAAmB,OAC3B;AAEF,OAAK,MAAM,SAAS,MAAM,OACxB,KAAI,MAAM,SAAS,cAAc,OAAO,MAAM,UAAU,SACtD,QAAO,MAAM;;AAInB,QAAO;;;;;;AAOT,MAAa,6BAA6B;AAC1C,MAAa,uBAA4C;CACvD,MAAM;EACJ,OAAO;EACP,YACE;EACF,UAAU,GAAG,2BAA2B;EACxC,YAAY;EACb;CACD,WAAW,EACT,OAAO,KACR;CACF;AAED,MAAa,2BAAmD;CAC9D,OAAO;EACL,OAAO;EACP,MAAM;EACN,SAAS;GACP,MAAM;GACN,QAAQ;GACR,OAAO;GACR;EACD,cAAc;EACd,UAAU;EACX;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,cAAc,CAAC,SAAS,UAAU;EAClC,cAAc;EACd,UAAU;EACX;CACD,OAAO;EACL,OAAO;EACP,MAAM;EACN,cAAc,CAAC,SAAS,UAAU;EAClC,cAAc;EACd,UAAU;EACX;CACD,UAAU;EACR,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc,CAAC,SAAS,UAAU;EAClC,cAAc;EACd,UAAU;EACX;CACD,YAAY;EACV,OAAO;EACP,MAAM;EACN,SAAS;GACP,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK;GACN;EACD,cAAc,CAAC,SAAS,UAAU;EAClC,cAAc;EACd,UAAU;EACX;CACD,eAAe;EACb,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc,CAAC,SAAS,UAAU;EAClC,cAAc;EACd,UAAU;EACX;CACD,YAAY;EACV,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,gBAAgB;EACd,OAAO;EACP,MAAM;EACN,SAAS;GACP,MAAM;GACN,WAAW;GACX,gBAAgB;GACjB;EACD,cAAc;EACd,UAAU;EACX;CACD,cAAc;EACZ,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,qBAAqB;EACnB,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,sBAAsB;EACpB,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,wBAAwB;EACtB,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,yBAAyB;EACvB,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,aAAa;EACX,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,gBAAgB;EACd,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,kBAAkB;EAChB,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,mBAAmB;EACjB,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,aAAa;EACX,OAAO;EACP,MAAM;EACN,SAAS;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GACT;EACD,cAAc;EACd,UAAU;EACX;CACD,gBAAgB;EACd,OAAO;EACP,MAAM;EACN,SAAS;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GACT;EACD,cAAc;EACd,UAAU;EACX;CACD,kBAAkB;EAChB,OAAO;EACP,MAAM;EACN,SAAS;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GACT;EACD,cAAc;EACd,UAAU;EACX;CACD,mBAAmB;EACjB,OAAO;EACP,MAAM;EACN,SAAS;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GACT;EACD,cAAc;EACd,UAAU;EACX;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,SAAS;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GACT;EACD,cAAc;EACd,UAAU;EACX;CACD,aAAa;EACX,OAAO;EACP,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,gBAAgB;EACd,OAAO;EACP,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,kBAAkB;EAChB,OAAO;EACP,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,mBAAmB;EACjB,OAAO;EACP,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,iBAAiB;EACf,OAAO;EACP,MAAM;EACN,cAAc;EACd,UAAU;EACX;CACD,SAAS;EACP,OAAO;EACP,MAAM;EACN,MAAM;EACN,c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"}