@templatical/editor 0.42.0 → 0.43.0

package/dist/cdn/chunks/styleConstants-C_YAPdQS.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleConstants-C_YAPdQS.js","names":[],"sources":["../../../src/constants/styleConstants.ts"],"sourcesContent":["export const labelClass =\n  \"tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\";\n\nexport const inputClass =\n  \"tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:placeholder:text-[var(--tpl-text-dim)]\";\n\nexport const inputGroupInputClass =\n  \"tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-[var(--tpl-shadow-sm)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:placeholder:text-[var(--tpl-text-dim)]\";\n\nexport const inputSuffixClass =\n  \"tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]\";\n\nexport const colorInputClass =\n  \"tpl:w-10 tpl:shrink-0 tpl:h-10 tpl:p-0.5 tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\";\n\nexport const colorTextClass =\n  \"tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]\";\n\nexport const btnClass =\n  \"tpl:flex-1 tpl:px-2.5 tpl:py-[7px] tpl:text-sm tpl:font-medium tpl:cursor-pointer tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-muted)] tpl:bg-transparent tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\";\n\nexport const btnActiveClass =\n  \"tpl:flex-1 tpl:px-2.5 tpl:py-[7px] tpl:text-sm tpl:font-medium tpl:cursor-pointer tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)]\";\n\nexport const cardClass =\n  \"tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)]\";\n\nexport const removeItemBtnClass =\n  \"tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]\";\n\nexport const addItemBtnClass =\n  \"tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]\";\n\nexport const monoTextareaClass =\n  \"tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\";\n\n/**\n * The button system: two variants at two scales, composed from one base so a\n * change to focus, disabled or hover behaviour lands on all four at once.\n *\n * **Variants.** Primary is a Signal Amber surface, rare by design — amber\n * announces intent or selection, so a screen with several has nothing left to\n * emphasise. Secondary is the quiet default: muted at rest, saturating on hover,\n * which is how the rest of the chrome behaves so the canvas stays the foreground.\n *\n * **Scales.** The default is dialog and panel scale. The compact pair is for\n * dense chrome — the editor header, where 38px matches the viewport toggle's\n * outer box and 12px is the size every neighbouring control already uses (14px\n * beside those would be a 1.17x step at one weight, the flat scale the\n * Weight-Contrast Rule forbids).\n *\n * **Both are flat at rest.** Depth answers state, so `--tpl-shadow-sm` arrives on\n * hover. A resting shadow on a static control is the one thing DESIGN.md §5 says\n * the answer to is always no.\n *\n * **Primary's hover deepens, never lightens.** `--tpl-primary-hover` is a darker\n * amber; fading the surface with `opacity` instead washes it toward the page and\n * reads as the button going away rather than responding.\n *\n * Primary's label goes through `--tpl-on-primary` rather than naming `--tpl-bg`,\n * so the amber/label pairing is one decision — see the On-Amber Rule. It is\n * 2.80:1 in light mode, accepted under the Amber Contrast Exception, and 7.77:1\n * in dark.\n *\n * Duration and easing come from the `@theme` defaults in `styles/index.css`;\n * spelling them out per recipe is what let call sites drift off the house tempo.\n */\nconst btnBase =\n  \"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:border tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:focus-visible:outline-none tpl:focus-visible:shadow-[var(--tpl-ring)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50\";\n\nconst btnPrimarySkin =\n  \"tpl:border-transparent tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)] tpl:hover:bg-[var(--tpl-primary-hover)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\nconst btnSecondarySkin =\n  \"tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\n/**\n * Destructive actions. Outlined rather than filled, deliberately: a delete button\n * should be findable, not the loudest thing on the surface, and a filled danger\n * surface competes with the primary for the eye. It also costs nothing in\n * contrast — `--tpl-danger` on `--tpl-bg` and `--tpl-bg` on `--tpl-danger` are\n * the same pair, so filling buys no legibility.\n *\n * 3.76:1 in light and 5.41:1 in dark. That clears the 3:1 non-text floor in both\n * and the 4.5 text floor in dark; light mode falls short, which is the same\n * accepted trade the Amber Contrast Exception records — and a destructive action\n * is never signalled by colour alone here, since these buttons are always\n * confirm steps whose label says what they do.\n *\n * Hover deepens into `--tpl-danger-light` rather than fading, matching\n * `removeItemBtnClass`.\n */\n/**\n * Ghost: no surface of its own, so it belongs to whatever it sits on. Used where\n * a secondary action shares a tinted band with a primary one — the\n * version-preview banner's Cancel beside its Restore — and a bordered chip would\n * read as a foreign object dropped onto the tint.\n *\n * The hover wash is translucent rather than `--tpl-bg-active`. An opaque wash\n * only composes on paper: on the banner's `--tpl-primary-light` it would paint a\n * warm grey over amber, and in dark mode it would lighten where everything else\n * darkens. Mixing `--tpl-text` into transparency deepens whatever ground is\n * actually behind it, in either theme.\n */\nconst btnGhostSkin =\n  \"tpl:border-transparent tpl:bg-transparent tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[color-mix(in_srgb,var(--tpl-text)_8%,transparent)] tpl:hover:text-[var(--tpl-text)]\";\n\nconst btnDangerSkin =\n  \"tpl:border-[var(--tpl-danger)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\n/**\n * A state the user should notice and can undo — currently only the canvas's\n * \"Show all hidden blocks\" pill, which says the preview is hiding content.\n *\n * Outlined like danger, but **the amber sits on the border and the label stays\n * the house's muted-at-rest**, which is where this parts company with\n * `btnDangerSkin`. Copying that skin literally does not survive the token math:\n * `--tpl-danger` is a mid red (63.7% L) and reads at 3.76:1 as a label on\n * `--tpl-bg`, while `--tpl-warning` is a *light* amber (76.9% L) and manages only\n * **2.11:1** — under even the 3:1 non-text floor, let alone the 4.5:1 a label\n * has to clear. The muted label is 5.93:1 light and 5.99:1 dark, AA in both.\n *\n * That also retires a real defect: the pill previously painted `--tpl-warning`\n * on a `--tpl-warning-light` fill, which is **1.85:1** in light mode.\n *\n * The border carrying the colour is the editor's own dialect rather than a new\n * idea — Save signals dirtiness with an amber border and an otherwise ordinary\n * label. And because the amber fill now arrives only on hover, it is a response\n * rather than a permanent surface, which is what the One Signal Rule asks: this\n * pill can share the canvas with the Sample/Label switch's amber active segment\n * without two amber elements sitting next to each other at rest.\n */\nconst btnWarningSkin =\n  \"tpl:border-[var(--tpl-warning)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-warning-light)] tpl:hover:text-[var(--tpl-text)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\n/** Dialog and panel scale. */\nconst btnSizeDefault = \"tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm\";\n\n/** Dense-chrome scale: 38px tall, matching the header's other controls. */\nconst btnSizeCompact =\n  \"tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-2.5 tpl:text-xs\";\n\nexport const primaryBtnClass = `${btnBase} ${btnPrimarySkin} ${btnSizeDefault}`;\nexport const secondaryBtnClass = `${btnBase} ${btnSecondarySkin} ${btnSizeDefault}`;\nexport const primaryBtnCompactClass = `${btnBase} ${btnPrimarySkin} ${btnSizeCompact}`;\nexport const secondaryBtnCompactClass = `${btnBase} ${btnSecondarySkin} ${btnSizeCompact}`;\nexport const dangerBtnClass = `${btnBase} ${btnDangerSkin} ${btnSizeDefault}`;\nexport const dangerBtnCompactClass = `${btnBase} ${btnDangerSkin} ${btnSizeCompact}`;\n/** Compact only: the one caller is canvas chrome, at the header's 38px. */\nexport const warningBtnCompactClass = `${btnBase} ${btnWarningSkin} ${btnSizeCompact}`;\nexport const ghostBtnClass = `${btnBase} ${btnGhostSkin} ${btnSizeDefault}`;\n\n// Rich text toolbar presets\nexport const FONT_SIZE_OPTIONS = [\n  \"10px\",\n  \"12px\",\n  \"14px\",\n  \"16px\",\n  \"18px\",\n  \"20px\",\n  \"24px\",\n  \"28px\",\n  \"32px\",\n  \"36px\",\n  \"48px\",\n  \"64px\",\n];\n\nexport const LINE_HEIGHT_OPTIONS = [\n  \"1\",\n  \"1.2\",\n  \"1.4\",\n  \"1.5\",\n  \"1.6\",\n  \"1.8\",\n  \"2\",\n  \"2.5\",\n];\n\nexport const LETTER_SPACING_OPTIONS = [\n  { label: \"Normal\", value: \"normal\" },\n  { label: \"-0.5px\", value: \"-0.5px\" },\n  { label: \"0.5px\", value: \"0.5px\" },\n  { label: \"1px\", value: \"1px\" },\n  { label: \"1.5px\", value: \"1.5px\" },\n  { label: \"2px\", value: \"2px\" },\n  { label: \"3px\", value: \"3px\" },\n];\n\n// Default color constants\nexport const DEFAULT_TEXT_COLOR = \"#000000\";\nexport const DEFAULT_BG_COLOR = \"#ffffff\";\nexport const DEFAULT_HIGHLIGHT_COLOR = \"#ffff00\";\nexport const DEFAULT_TABLE_ROW_BG = \"#f2f2f2\";\n"],"mappings":";AAAA,IAAa,IACX,qFAEW,IACX,6aAEW,IACX,idAEW,IACX,8MAKW,IACX,gZAQW,IACX,yOAEW,IACX,8UAEW,IACX,qVAEW,IACX,+VAiCI,IACJ,4RAEI,IACJ,uKAEI,IACJ,sMA8BI,IACJ,gLAEI,IACJ,qKAwBI,IACJ,4MAGI,IAAiB,kDAGjB,IACJ,sEAEW,IAAkB,GAAG,EAAQ,GAAG,EAAe,GAAG,KAClD,IAAoB,GAAG,EAAQ,GAAG,EAAiB,GAAG,KACtD,IAAyB,GAAG,EAAQ,GAAG,EAAe,GAAG,KACzD,IAA2B,GAAG,EAAQ,GAAG,EAAiB,GAAG,KAC7D,IAAiB,GAAG,EAAQ,GAAG,EAAc,GAAG;AACxB,GAAG,EAAH,EAAc,EAAd,EAA+B,EAA/B;AAErC,IAAa,IAAyB,GAAG,EAAQ,GAAG,EAAe,GAAG,KACzD,IAAgB,GAAG,EAAQ,GAAG,EAAa,GAAG,KAG9C,IAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEa,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEa,IAAyB;CACpC;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAS,OAAO;CAAQ;CACjC;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAS,OAAO;CAAQ;CACjC;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAO,OAAO;CAAM;AAC/B,GAGa,IAAqB,WACrB,IAAmB,WACnB,IAA0B,WAC1B,IAAuB"}
+{"version":3,"file":"styleConstants-C_YAPdQS.js","names":["labelClass","inputClass","inputGroupInputClass","inputSuffixClass","colorTextClass","cardClass","removeItemBtnClass","addItemBtnClass","monoTextareaClass","btnBase","btnPrimarySkin","btnSecondarySkin","btnGhostSkin","btnDangerSkin","btnWarningSkin","btnSizeDefault","btnSizeCompact","primaryBtnClass","secondaryBtnClass","primaryBtnCompactClass","secondaryBtnCompactClass","dangerBtnClass","warningBtnCompactClass","ghostBtnClass","FONT_SIZE_OPTIONS","LINE_HEIGHT_OPTIONS","LETTER_SPACING_OPTIONS","DEFAULT_TEXT_COLOR","DEFAULT_BG_COLOR","DEFAULT_HIGHLIGHT_COLOR","DEFAULT_TABLE_ROW_BG"],"sources":["../../../src/constants/styleConstants.ts"],"sourcesContent":["export const labelClass =\n  \"tpl:block tpl:mb-1.5 tpl:text-sm tpl:font-medium tpl:text-[var(--tpl-text-muted)]\";\n\nexport const inputClass =\n  \"tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:placeholder:text-[var(--tpl-text-dim)]\";\n\nexport const inputGroupInputClass =\n  \"tpl:w-full tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-sm tpl:border tpl:rounded-l-[var(--tpl-radius-sm)] tpl:rounded-r-none tpl:border-r-0 tpl:shadow-[var(--tpl-shadow-sm)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)] tpl:placeholder:text-[var(--tpl-text-dim)]\";\n\nexport const inputSuffixClass =\n  \"tpl:flex tpl:items-center tpl:px-2.5 tpl:text-xs tpl:border tpl:border-l-0 tpl:text-[var(--tpl-text-dim)] tpl:bg-[var(--tpl-bg-hover)] tpl:border-[var(--tpl-border)] tpl:rounded-r-[var(--tpl-radius-sm)]\";\n\nexport const colorInputClass =\n  \"tpl:w-10 tpl:shrink-0 tpl:h-10 tpl:p-0.5 tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:cursor-pointer tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)]\";\n\nexport const colorTextClass =\n  \"tpl:flex-1 tpl:h-10 tpl:px-3.5 tpl:py-1.5 tpl:text-xs tpl:font-mono tpl:border tpl:rounded-[var(--tpl-radius-sm)] tpl:shadow-[var(--tpl-shadow-sm)] tpl:text-[var(--tpl-text)] tpl:bg-[var(--tpl-bg)] tpl:border-[var(--tpl-border)] tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:outline-none tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[var(--tpl-ring)]\";\n\nexport const btnClass =\n  \"tpl:flex-1 tpl:px-2.5 tpl:py-[7px] tpl:text-sm tpl:font-medium tpl:cursor-pointer tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-text-muted)] tpl:bg-transparent tpl:transition-all tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)]\";\n\nexport const btnActiveClass =\n  \"tpl:flex-1 tpl:px-2.5 tpl:py-[7px] tpl:text-sm tpl:font-medium tpl:cursor-pointer tpl:flex tpl:items-center tpl:justify-center tpl:rounded-[var(--tpl-radius-sm)] tpl:text-[var(--tpl-primary)] tpl:bg-[var(--tpl-primary-light)]\";\n\nexport const cardClass =\n  \"tpl:rounded-[var(--tpl-radius)] tpl:bg-[var(--tpl-bg-elevated)] tpl:p-4 tpl:border tpl:border-[var(--tpl-border)] tpl:transition-colors tpl:duration-[120ms] tpl:ease-[cubic-bezier(0.16,1,0.3,1)] tpl:hover:bg-[var(--tpl-bg-hover)]\";\n\nexport const removeItemBtnClass =\n  \"tpl:flex tpl:size-8 tpl:shrink-0 tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:text-[var(--tpl-danger)]\";\n\nexport const addItemBtnClass =\n  \"tpl:flex tpl:w-full tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:rounded-md tpl:border tpl:border-dashed tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-3 tpl:py-2 tpl:text-xs tpl:font-medium tpl:text-[var(--tpl-text-muted)] tpl:transition-all tpl:hover:border-[var(--tpl-primary)] tpl:hover:text-[var(--tpl-primary)]\";\n\nexport const monoTextareaClass =\n  \"tpl:w-full tpl:resize-y tpl:rounded-md tpl:border tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:px-2.5 tpl:py-2 tpl:font-mono tpl:text-xs tpl:text-[var(--tpl-text)] tpl:outline-none tpl:transition-all tpl:placeholder:text-[var(--tpl-text-dim)] tpl:focus:border-[var(--tpl-primary)] tpl:focus:shadow-[0_0_0_3px_var(--tpl-primary-light)]\";\n\n/**\n * The button system: two variants at two scales, composed from one base so a\n * change to focus, disabled or hover behaviour lands on all four at once.\n *\n * **Variants.** Primary is a Signal Amber surface, rare by design — amber\n * announces intent or selection, so a screen with several has nothing left to\n * emphasise. Secondary is the quiet default: muted at rest, saturating on hover,\n * which is how the rest of the chrome behaves so the canvas stays the foreground.\n *\n * **Scales.** The default is dialog and panel scale. The compact pair is for\n * dense chrome — the editor header, where 38px matches the viewport toggle's\n * outer box and 12px is the size every neighbouring control already uses (14px\n * beside those would be a 1.17x step at one weight, the flat scale the\n * Weight-Contrast Rule forbids).\n *\n * **Both are flat at rest.** Depth answers state, so `--tpl-shadow-sm` arrives on\n * hover. A resting shadow on a static control is the one thing DESIGN.md §5 says\n * the answer to is always no.\n *\n * **Primary's hover deepens, never lightens.** `--tpl-primary-hover` is a darker\n * amber; fading the surface with `opacity` instead washes it toward the page and\n * reads as the button going away rather than responding.\n *\n * Primary's label goes through `--tpl-on-primary` rather than naming `--tpl-bg`,\n * so the amber/label pairing is one decision — see the On-Amber Rule. It is\n * 2.80:1 in light mode, accepted under the Amber Contrast Exception, and 7.77:1\n * in dark.\n *\n * Duration and easing come from the `@theme` defaults in `styles/index.css`;\n * spelling them out per recipe is what let call sites drift off the house tempo.\n */\nconst btnBase =\n  \"tpl:inline-flex tpl:cursor-pointer tpl:items-center tpl:justify-center tpl:gap-1.5 tpl:border tpl:font-medium tpl:whitespace-nowrap tpl:transition-all tpl:focus-visible:outline-none tpl:focus-visible:shadow-[var(--tpl-ring)] tpl:disabled:cursor-not-allowed tpl:disabled:opacity-50\";\n\nconst btnPrimarySkin =\n  \"tpl:border-transparent tpl:bg-[var(--tpl-primary)] tpl:text-[var(--tpl-on-primary)] tpl:hover:bg-[var(--tpl-primary-hover)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\nconst btnSecondarySkin =\n  \"tpl:border-[var(--tpl-border)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-bg-hover)] tpl:hover:text-[var(--tpl-text)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\n/**\n * Destructive actions. Outlined rather than filled, deliberately: a delete button\n * should be findable, not the loudest thing on the surface, and a filled danger\n * surface competes with the primary for the eye. It also costs nothing in\n * contrast — `--tpl-danger` on `--tpl-bg` and `--tpl-bg` on `--tpl-danger` are\n * the same pair, so filling buys no legibility.\n *\n * 3.76:1 in light and 5.41:1 in dark. That clears the 3:1 non-text floor in both\n * and the 4.5 text floor in dark; light mode falls short, which is the same\n * accepted trade the Amber Contrast Exception records — and a destructive action\n * is never signalled by colour alone here, since these buttons are always\n * confirm steps whose label says what they do.\n *\n * Hover deepens into `--tpl-danger-light` rather than fading, matching\n * `removeItemBtnClass`.\n */\n/**\n * Ghost: no surface of its own, so it belongs to whatever it sits on. Used where\n * a secondary action shares a tinted band with a primary one — the\n * version-preview banner's Cancel beside its Restore — and a bordered chip would\n * read as a foreign object dropped onto the tint.\n *\n * The hover wash is translucent rather than `--tpl-bg-active`. An opaque wash\n * only composes on paper: on the banner's `--tpl-primary-light` it would paint a\n * warm grey over amber, and in dark mode it would lighten where everything else\n * darkens. Mixing `--tpl-text` into transparency deepens whatever ground is\n * actually behind it, in either theme.\n */\nconst btnGhostSkin =\n  \"tpl:border-transparent tpl:bg-transparent tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[color-mix(in_srgb,var(--tpl-text)_8%,transparent)] tpl:hover:text-[var(--tpl-text)]\";\n\nconst btnDangerSkin =\n  \"tpl:border-[var(--tpl-danger)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-danger)] tpl:hover:bg-[var(--tpl-danger-light)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\n/**\n * A state the user should notice and can undo — currently only the canvas's\n * \"Show all hidden blocks\" pill, which says the preview is hiding content.\n *\n * Outlined like danger, but **the amber sits on the border and the label stays\n * the house's muted-at-rest**, which is where this parts company with\n * `btnDangerSkin`. Copying that skin literally does not survive the token math:\n * `--tpl-danger` is a mid red (63.7% L) and reads at 3.76:1 as a label on\n * `--tpl-bg`, while `--tpl-warning` is a *light* amber (76.9% L) and manages only\n * **2.11:1** — under even the 3:1 non-text floor, let alone the 4.5:1 a label\n * has to clear. The muted label is 5.93:1 light and 5.99:1 dark, AA in both.\n *\n * That also retires a real defect: the pill previously painted `--tpl-warning`\n * on a `--tpl-warning-light` fill, which is **1.85:1** in light mode.\n *\n * The border carrying the colour is the editor's own dialect rather than a new\n * idea — Save signals dirtiness with an amber border and an otherwise ordinary\n * label. And because the amber fill now arrives only on hover, it is a response\n * rather than a permanent surface, which is what the One Signal Rule asks: this\n * pill can share the canvas with the Sample/Label switch's amber active segment\n * without two amber elements sitting next to each other at rest.\n */\nconst btnWarningSkin =\n  \"tpl:border-[var(--tpl-warning)] tpl:bg-[var(--tpl-bg)] tpl:text-[var(--tpl-text-muted)] tpl:hover:bg-[var(--tpl-warning-light)] tpl:hover:text-[var(--tpl-text)] tpl:hover:shadow-[var(--tpl-shadow-sm)]\";\n\n/** Dialog and panel scale. */\nconst btnSizeDefault = \"tpl:rounded-md tpl:px-3 tpl:py-1.5 tpl:text-sm\";\n\n/** Dense-chrome scale: 38px tall, matching the header's other controls. */\nconst btnSizeCompact =\n  \"tpl:rounded-[var(--tpl-radius-sm)] tpl:px-3 tpl:py-2.5 tpl:text-xs\";\n\nexport const primaryBtnClass = `${btnBase} ${btnPrimarySkin} ${btnSizeDefault}`;\nexport const secondaryBtnClass = `${btnBase} ${btnSecondarySkin} ${btnSizeDefault}`;\nexport const primaryBtnCompactClass = `${btnBase} ${btnPrimarySkin} ${btnSizeCompact}`;\nexport const secondaryBtnCompactClass = `${btnBase} ${btnSecondarySkin} ${btnSizeCompact}`;\nexport const dangerBtnClass = `${btnBase} ${btnDangerSkin} ${btnSizeDefault}`;\nexport const dangerBtnCompactClass = `${btnBase} ${btnDangerSkin} ${btnSizeCompact}`;\n/** Compact only: the one caller is canvas chrome, at the header's 38px. */\nexport const warningBtnCompactClass = `${btnBase} ${btnWarningSkin} ${btnSizeCompact}`;\nexport const ghostBtnClass = `${btnBase} ${btnGhostSkin} ${btnSizeDefault}`;\n\n// Rich text toolbar presets\nexport const FONT_SIZE_OPTIONS = [\n  \"10px\",\n  \"12px\",\n  \"14px\",\n  \"16px\",\n  \"18px\",\n  \"20px\",\n  \"24px\",\n  \"28px\",\n  \"32px\",\n  \"36px\",\n  \"48px\",\n  \"64px\",\n];\n\nexport const LINE_HEIGHT_OPTIONS = [\n  \"1\",\n  \"1.2\",\n  \"1.4\",\n  \"1.5\",\n  \"1.6\",\n  \"1.8\",\n  \"2\",\n  \"2.5\",\n];\n\nexport const LETTER_SPACING_OPTIONS = [\n  { label: \"Normal\", value: \"normal\" },\n  { label: \"-0.5px\", value: \"-0.5px\" },\n  { label: \"0.5px\", value: \"0.5px\" },\n  { label: \"1px\", value: \"1px\" },\n  { label: \"1.5px\", value: \"1.5px\" },\n  { label: \"2px\", value: \"2px\" },\n  { label: \"3px\", value: \"3px\" },\n];\n\n// Default color constants\nexport const DEFAULT_TEXT_COLOR = \"#000000\";\nexport const DEFAULT_BG_COLOR = \"#ffffff\";\nexport const DEFAULT_HIGHLIGHT_COLOR = \"#ffff00\";\nexport const DEFAULT_TABLE_ROW_BG = \"#f2f2f2\";\n"],"mappings":";AAAA,IAAaA,IACX,qFAEWC,IACX,6aAEWC,IACX,idAEWC,IACX,8MAKWC,IACX,gZAQWC,IACX,yOAEWC,IACX,8UAEWC,IACX,qVAEWC,IACX,+VAiCIC,IACJ,4RAEIC,IACJ,uKAEIC,IACJ,sMA8BIC,IACJ,gLAEIC,IACJ,qKAwBIC,IACJ,4MAGIC,IAAiB,kDAGjBC,IACJ,sEAEWC,IAAkB,GAAGR,EAAQ,GAAGC,EAAe,GAAGK,KAClDG,IAAoB,GAAGT,EAAQ,GAAGE,EAAiB,GAAGI,KACtDI,IAAyB,GAAGV,EAAQ,GAAGC,EAAe,GAAGM,KACzDI,IAA2B,GAAGX,EAAQ,GAAGE,EAAiB,GAAGK,KAC7DK,IAAiB,GAAGZ,EAAQ,GAAGI,EAAc,GAAGE;AACxB,GAAGN,EAAH,EAAcI,EAAd,EAA+BG,EAA/B;AAErC,IAAaM,IAAyB,GAAGb,EAAQ,GAAGK,EAAe,GAAGE,KACzDO,IAAgB,GAAGd,EAAQ,GAAGG,EAAa,GAAGG,KAG9CS,IAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEaC,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEaC,IAAyB;CACpC;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAS,OAAO;CAAQ;CACjC;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAS,OAAO;CAAQ;CACjC;EAAE,OAAO;EAAO,OAAO;CAAM;CAC7B;EAAE,OAAO;EAAO,OAAO;CAAM;AAC/B,GAGaC,IAAqB,WACrBC,IAAmB,WACnBC,IAA0B,WAC1BC,IAAuB"}

package/dist/cdn/chunks/templateSettingsFields-YCFVBVYh.js.map

@@ -1 +1 @@
-{"version":3,"file":"templateSettingsFields-YCFVBVYh.js","names":[],"sources":["../../../src/utils/templateSettingsFields.ts"],"sourcesContent":["import type {\n  TemplateSettings,\n  TemplateSettingsConfig,\n} from \"@templatical/types\";\n\n/** A member of `TemplateSettings` — the vocabulary `templateSettings.fields` speaks. */\nexport type TemplateSettingsField = keyof TemplateSettings;\n\n/** The cards `TemplateSettings.vue` groups those fields into. */\nexport type TemplateSettingsCard =\n  \"layout\" | \"appearance\" | \"language\" | \"preheader\";\n\n/**\n * Which card each setting is rendered in.\n *\n * Typed as a full `Record<TemplateSettingsField, …>` on purpose: a new\n * `TemplateSettings` member fails `vue-tsc` here until someone decides which\n * card it belongs in, so a setting cannot ship with no way to hide it. Field\n * names — not card names — are the public vocabulary, because they are already\n * a published type while the cards are a layout decision.\n */\nexport const TEMPLATE_SETTINGS_FIELD_CARDS: Record<\n  TemplateSettingsField,\n  TemplateSettingsCard\n> = {\n  width: \"layout\",\n  backgroundColor: \"appearance\",\n  textColor: \"appearance\",\n  linkColor: \"appearance\",\n  linkUnderline: \"appearance\",\n  fontFamily: \"appearance\",\n  locale: \"language\",\n  direction: \"language\",\n  preheaderText: \"preheader\",\n};\n\nexport const ALL_TEMPLATE_SETTINGS_FIELDS = Object.keys(\n  TEMPLATE_SETTINGS_FIELD_CARDS,\n) as TemplateSettingsField[];\n\nexport interface ResolvedTemplateSettingsFields {\n  /** The settings the panel may render. */\n  fields: ReadonlySet<TemplateSettingsField>;\n  /** Entries that are not `TemplateSettings` members, for a one-time warning. */\n  unknown: string[];\n}\n\nfunction isTemplateSettingsField(\n  value: string,\n): value is TemplateSettingsField {\n  return Object.prototype.hasOwnProperty.call(\n    TEMPLATE_SETTINGS_FIELD_CARDS,\n    value,\n  );\n}\n\n/**\n * Resolve `config.templateSettings` into the set of settings the panel may\n * render.\n *\n * The config only ever narrows, so every absent form — no key, no `fields`,\n * `fields: true` — resolves to all of them. An empty array resolves to none,\n * read as a stated decision rather than as \"unset\" (the `allowedRecipients: []`\n * convention), which is also what makes `fields: false` and `fields: []` agree.\n */\nexport function resolveTemplateSettingsFields(\n  config?: TemplateSettingsConfig,\n): ResolvedTemplateSettingsFields {\n  const requested = config?.fields;\n\n  if (requested === undefined || requested === true) {\n    return { fields: new Set(ALL_TEMPLATE_SETTINGS_FIELDS), unknown: [] };\n  }\n  if (requested === false) {\n    return { fields: new Set(), unknown: [] };\n  }\n\n  const fields = new Set<TemplateSettingsField>();\n  const unknown: string[] = [];\n  for (const entry of requested) {\n    // A JS consumer can pass anything; TS callers get a compile error.\n    if (isTemplateSettingsField(entry as string)) {\n      fields.add(entry);\n    } else {\n      unknown.push(String(entry));\n    }\n  }\n  return { fields, unknown };\n}\n"],"mappings":";AAqBA,IAAa,IAGT;CACF,OAAO;CACP,iBAAiB;CACjB,WAAW;CACX,WAAW;CACX,eAAe;CACf,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,eAAe;AACjB,GAEa,IAA+B,OAAO,KACjD,CACF;AASA,SAAS,EACP,GACgC;CAChC,OAAO,OAAO,UAAU,eAAe,KACrC,GACA,CACF;AACF;AAWA,SAAgB,EACd,GACgC;CAChC,IAAM,IAAY,GAAQ;CAE1B,IAAI,MAAc,KAAA,KAAa,MAAc,IAC3C,OAAO;EAAE,QAAQ,IAAI,IAAI,CAA4B;EAAG,SAAS,CAAC;CAAE;CAEtE,IAAI,MAAc,IAChB,OAAO;EAAE,wBAAQ,IAAI,IAAI;EAAG,SAAS,CAAC;CAAE;CAG1C,IAAM,oBAAS,IAAI,IAA2B,GACxC,IAAoB,CAAC;CAC3B,KAAK,IAAM,KAAS,GAElB,AAAI,EAAwB,CAAe,IACzC,EAAO,IAAI,CAAK,IAEhB,EAAQ,KAAK,OAAO,CAAK,CAAC;CAG9B,OAAO;EAAE;EAAQ;CAAQ;AAC3B"}
+{"version":3,"file":"templateSettingsFields-YCFVBVYh.js","names":["TEMPLATE_SETTINGS_FIELD_CARDS","ALL_TEMPLATE_SETTINGS_FIELDS","isTemplateSettingsField","value","resolveTemplateSettingsFields","requested","config","fields","unknown","entry"],"sources":["../../../src/utils/templateSettingsFields.ts"],"sourcesContent":["import type {\n  TemplateSettings,\n  TemplateSettingsConfig,\n} from \"@templatical/types\";\n\n/** A member of `TemplateSettings` — the vocabulary `templateSettings.fields` speaks. */\nexport type TemplateSettingsField = keyof TemplateSettings;\n\n/** The cards `TemplateSettings.vue` groups those fields into. */\nexport type TemplateSettingsCard =\n  \"layout\" | \"appearance\" | \"language\" | \"preheader\";\n\n/**\n * Which card each setting is rendered in.\n *\n * Typed as a full `Record<TemplateSettingsField, …>` on purpose: a new\n * `TemplateSettings` member fails `vue-tsc` here until someone decides which\n * card it belongs in, so a setting cannot ship with no way to hide it. Field\n * names — not card names — are the public vocabulary, because they are already\n * a published type while the cards are a layout decision.\n */\nexport const TEMPLATE_SETTINGS_FIELD_CARDS: Record<\n  TemplateSettingsField,\n  TemplateSettingsCard\n> = {\n  width: \"layout\",\n  backgroundColor: \"appearance\",\n  textColor: \"appearance\",\n  linkColor: \"appearance\",\n  linkUnderline: \"appearance\",\n  fontFamily: \"appearance\",\n  locale: \"language\",\n  direction: \"language\",\n  preheaderText: \"preheader\",\n};\n\nexport const ALL_TEMPLATE_SETTINGS_FIELDS = Object.keys(\n  TEMPLATE_SETTINGS_FIELD_CARDS,\n) as TemplateSettingsField[];\n\nexport interface ResolvedTemplateSettingsFields {\n  /** The settings the panel may render. */\n  fields: ReadonlySet<TemplateSettingsField>;\n  /** Entries that are not `TemplateSettings` members, for a one-time warning. */\n  unknown: string[];\n}\n\nfunction isTemplateSettingsField(\n  value: string,\n): value is TemplateSettingsField {\n  return Object.prototype.hasOwnProperty.call(\n    TEMPLATE_SETTINGS_FIELD_CARDS,\n    value,\n  );\n}\n\n/**\n * Resolve `config.templateSettings` into the set of settings the panel may\n * render.\n *\n * The config only ever narrows, so every absent form — no key, no `fields`,\n * `fields: true` — resolves to all of them. An empty array resolves to none,\n * read as a stated decision rather than as \"unset\" (the `allowedRecipients: []`\n * convention), which is also what makes `fields: false` and `fields: []` agree.\n */\nexport function resolveTemplateSettingsFields(\n  config?: TemplateSettingsConfig,\n): ResolvedTemplateSettingsFields {\n  const requested = config?.fields;\n\n  if (requested === undefined || requested === true) {\n    return { fields: new Set(ALL_TEMPLATE_SETTINGS_FIELDS), unknown: [] };\n  }\n  if (requested === false) {\n    return { fields: new Set(), unknown: [] };\n  }\n\n  const fields = new Set<TemplateSettingsField>();\n  const unknown: string[] = [];\n  for (const entry of requested) {\n    // A JS consumer can pass anything; TS callers get a compile error.\n    if (isTemplateSettingsField(entry as string)) {\n      fields.add(entry);\n    } else {\n      unknown.push(String(entry));\n    }\n  }\n  return { fields, unknown };\n}\n"],"mappings":";AAqBA,IAAaA,IAGT;CACF,OAAO;CACP,iBAAiB;CACjB,WAAW;CACX,WAAW;CACX,eAAe;CACf,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,eAAe;AACjB,GAEaC,IAA+B,OAAO,KACjDD,CACF;AASA,SAASE,EACP,GACgC;CAChC,OAAO,OAAO,UAAU,eAAe,KACrCF,GACAG,CACF;AACF;AAWA,SAAgBC,EACd,GACgC;CAChC,IAAMC,IAAYC,GAAQ;CAE1B,IAAID,MAAc,KAAA,KAAaA,MAAc,IAC3C,OAAO;EAAE,QAAQ,IAAI,IAAIJ,CAA4B;EAAG,SAAS,CAAC;CAAE;CAEtE,IAAII,MAAc,IAChB,OAAO;EAAE,wBAAQ,IAAI,IAAI;EAAG,SAAS,CAAC;CAAE;CAG1C,IAAME,oBAAS,IAAI,IAA2B,GACxCC,IAAoB,CAAC;CAC3B,KAAK,IAAMC,KAASJ,GAElB,AAAIH,EAAwBO,CAAe,IACzCF,EAAO,IAAIE,CAAK,IAEhBD,EAAQ,KAAK,OAAOC,CAAK,CAAC;CAG9B,OAAO;EAAE;EAAQ;CAAQ;AAC3B"}

package/dist/cdn/chunks/timeouts-DHPZQ0G3.js.map

@@ -1 +1 @@
-{"version":3,"file":"timeouts-DHPZQ0G3.js","names":[],"sources":["../../../src/constants/timeouts.ts"],"sourcesContent":["/** Timeout in ms for editor initialization before giving up. */\nexport const INIT_TIMEOUT_MS = 30000;\n\n/** Duration in ms to show the collaboration undo warning toast. */\nexport const COLLAB_UNDO_WARNING_MS = 4000;\n\n/** Maximum upload file size in bytes (10 MB). */\nexport const MAX_UPLOAD_SIZE_BYTES = 10 * 1024 * 1024;\n\n/**\n * Debounce in ms before an edited image src is sent to `resolveImageUrl`.\n * The src input commits per keystroke, so this is what turns \"per keystroke\"\n * into \"per committed value\" for the host's resolver. The initial src of a\n * mounted block resolves immediately (template load shouldn't wait).\n */\nexport const RESOLVE_IMAGE_DEBOUNCE_MS = 300;\n"],"mappings":";AAIA,IAAa,IAAyB,KAGzB,IAAwB"}
+{"version":3,"file":"timeouts-DHPZQ0G3.js","names":["COLLAB_UNDO_WARNING_MS","MAX_UPLOAD_SIZE_BYTES"],"sources":["../../../src/constants/timeouts.ts"],"sourcesContent":["/** Timeout in ms for editor initialization before giving up. */\nexport const INIT_TIMEOUT_MS = 30000;\n\n/** Duration in ms to show the collaboration undo warning toast. */\nexport const COLLAB_UNDO_WARNING_MS = 4000;\n\n/** Maximum upload file size in bytes (10 MB). */\nexport const MAX_UPLOAD_SIZE_BYTES = 10 * 1024 * 1024;\n\n/**\n * Debounce in ms before an edited image src is sent to `resolveImageUrl`.\n * The src input commits per keystroke, so this is what turns \"per keystroke\"\n * into \"per committed value\" for the host's resolver. The initial src of a\n * mounted block resolves immediately (template load shouldn't wait).\n */\nexport const RESOLVE_IMAGE_DEBOUNCE_MS = 300;\n"],"mappings":";AAIA,IAAaA,IAAyB,KAGzBC,IAAwB"}