@helixui/library 2.1.2-next.52 → 2.1.2-next.54

package/dist/shared/{hx-progress-bar-Cm0VihTN.js → hx-progress-bar-KjEkEJLy.js}

@@ -1,9 +1,10 @@
-import { css as m, LitElement as u, nothing as c, html as p } from "lit";
-import "./document-token-adoption-DuYNKd4k.js";
-import { property as o, state as g, customElement as v } from "lit/decorators.js";
-import { classMap as _ } from "lit/directives/class-map.js";
+import { css as m, nothing as g, html as p } from "lit";
+import { property as o, state as c, customElement as u } from "lit/decorators.js";
+import { classMap as v } from "lit/directives/class-map.js";
 import { ifDefined as b } from "lit/directives/if-defined.js";
-const f = m`
+import { H as _ } from "./helix-element-BNEYeiys.js";
+import { c as f } from "./id-counter-DuX8vsui.js";
+const x = m`
   :host {
     display: block;
   }
@@ -119,7 +120,7 @@ const f = m`
     .progress-bar--indeterminate .progress-bar__fill {
       animation: none;
       transform: scaleX(1);
-      opacity: var(--hx-opacity-disabled, 0.5); /* reduced from animation; no exact token for 0.4 */
+      opacity: var(--hx-opacity-disabled, 0.5);
     }
   }
 
@@ -137,14 +138,15 @@ const f = m`
     }
   }
 `;
-var x = Object.defineProperty, y = Object.getOwnPropertyDescriptor, a = (r, t, n, l) => {
-  for (var s = l > 1 ? void 0 : l ? y(t, n) : t, i = r.length - 1, h; i >= 0; i--)
+var y = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, a = (r, t, n, l) => {
+  for (var s = l > 1 ? void 0 : l ? $(t, n) : t, i = r.length - 1, h; i >= 0; i--)
     (h = r[i]) && (s = (l ? h(t, n, s) : h(s)) || s);
-  return l && s && x(t, n, s), s;
+  return l && s && y(t, n, s), s;
 };
-let e = class extends u {
+const w = f("hx-progress-bar");
+let e = class extends _ {
   constructor() {
-    super(...arguments), this.value = null, this.min = 0, this.max = 100, this.indeterminate = !1, this.label = "", this.description = "", this.size = "md", this.variant = "default", this._liveMessage = "", this._hasLabelSlotContent = !1, this._warnedAboutLabel = !1, this._uid = `hx-pb-${++e._counter}`;
+    super(...arguments), this.value = null, this.min = 0, this.max = 100, this.indeterminate = !1, this.label = "", this.description = "", this.size = "md", this.variant = "default", this._liveMessage = "", this._hasLabelSlotContent = !1, this._warnedAboutLabel = !1, this._uid = w();
   }
   /** @internal */
   get _isIndeterminate() {
@@ -185,11 +187,11 @@ let e = class extends u {
       "progress-bar--indeterminate": this._isIndeterminate
     }, s = this._isIndeterminate ? void 0 : this.value ?? this.min, i = this._variantLabel, h = this._isIndeterminate ? "In progress" : `${Math.round(this._percentage)}%`, d = i ? `${h} — ${i}` : h;
     return p`
-      <div class=${_(l)}>
+      <div class=${v(l)}>
         ${n || this.label ? p`<span id=${r} part="label" class="progress-bar__label">
               <slot name="label" @slotchange=${this._onLabelSlotChange}></slot>
             </span>` : p`<slot name="label" @slotchange=${this._onLabelSlotChange} hidden></slot>`}
-        ${this.description ? p`<span id=${t} class="sr-only">${this.description}</span>` : c}
+        ${this.description ? p`<span id=${t} class="sr-only">${this.description}</span>` : g}
         <div
           part="track"
           class="progress-bar__track"
@@ -204,14 +206,13 @@ let e = class extends u {
         >
           <div part="fill" class="progress-bar__fill"></div>
         </div>
-        ${i ? p`<span class="sr-only progress-bar__variant-label">${i}</span>` : c}
+        ${i ? p`<span class="sr-only progress-bar__variant-label">${i}</span>` : g}
         <div aria-live="polite" aria-atomic="true" class="sr-only">${this._liveMessage}</div>
       </div>
     `;
   }
 };
-e.styles = [f];
-e._counter = 0;
+e.styles = [x];
 e._VARIANT_LABELS = {
   success: "Success",
   warning: "Warning",
@@ -242,15 +243,15 @@ a([
   o({ type: String, reflect: !0 })
 ], e.prototype, "variant", 2);
 a([
-  g()
+  c()
 ], e.prototype, "_liveMessage", 2);
 a([
-  g()
+  c()
 ], e.prototype, "_hasLabelSlotContent", 2);
 e = a([
-  v("hx-progress-bar")
+  u("hx-progress-bar")
 ], e);
 export {
   e as H
 };
-//# sourceMappingURL=hx-progress-bar-Cm0VihTN.js.map
+//# sourceMappingURL=hx-progress-bar-KjEkEJLy.js.map

package/dist/shared/hx-progress-bar-KjEkEJLy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-progress-bar-KjEkEJLy.js","sources":["../../src/components/hx-progress-bar/hx-progress-bar.styles.ts","../../src/components/hx-progress-bar/hx-progress-bar.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixProgressBarStyles = css`\n  :host {\n    display: block;\n  }\n\n  .sr-only {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n  }\n\n  .progress-bar {\n    display: flex;\n    flex-direction: column;\n    gap: var(--hx-space-1, 0.25rem);\n  }\n\n  .progress-bar__label {\n    font-family: var(--hx-progress-bar-label-font-family, var(--hx-font-family-sans, sans-serif));\n    font-size: var(--hx-progress-bar-label-font-size, var(--hx-font-size-sm, 0.875rem));\n    font-weight: var(--hx-progress-bar-label-font-weight, var(--hx-font-weight-medium, 500));\n    color: var(--hx-progress-bar-label-color, var(--hx-color-neutral-700));\n    line-height: var(--hx-line-height-tight, 1.25);\n  }\n\n  .progress-bar__track {\n    position: relative;\n    overflow: hidden;\n    border-radius: var(--hx-progress-bar-border-radius, var(--hx-border-radius-full, 9999px));\n    background-color: var(--hx-progress-bar-track-bg, var(--hx-color-neutral-100));\n    width: 100%;\n  }\n\n  /* ─── Size Variants ─── */\n\n  .progress-bar--sm .progress-bar__track {\n    height: var(--hx-progress-bar-height-sm, var(--hx-space-1, 0.25rem));\n  }\n\n  .progress-bar--md .progress-bar__track {\n    height: var(--hx-progress-bar-height-md, var(--hx-space-2, 0.5rem));\n  }\n\n  .progress-bar--lg .progress-bar__track {\n    height: var(--hx-progress-bar-height-lg, var(--hx-space-3, 0.75rem));\n  }\n\n  .progress-bar__fill {\n    height: 100%;\n    width: 100%;\n    border-radius: inherit;\n    background-color: var(--hx-progress-bar-indicator-bg, var(--hx-color-primary-500));\n    transform-origin: left center;\n    transform: scaleX(var(--_value-ratio, 0));\n    transition: transform var(--hx-transition-fast, 150ms ease);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .progress-bar__fill {\n      transition: none;\n    }\n  }\n\n  /* ─── Variant Colors ─── */\n\n  .progress-bar--default .progress-bar__fill {\n    --hx-progress-bar-indicator-bg: var(--hx-color-primary-500);\n  }\n\n  .progress-bar--success .progress-bar__fill {\n    --hx-progress-bar-indicator-bg: var(--hx-color-success-700);\n  }\n\n  .progress-bar--warning .progress-bar__fill {\n    --hx-progress-bar-indicator-bg: var(--hx-color-warning-500);\n  }\n\n  .progress-bar--danger .progress-bar__fill {\n    --hx-progress-bar-indicator-bg: var(--hx-color-error-500);\n  }\n\n  /* ─── Indeterminate Animation ─── */\n\n  @keyframes hx-progress-indeterminate {\n    0% {\n      transform: translateX(-100%) scaleX(0.4);\n    }\n    50% {\n      transform: translateX(50%) scaleX(0.6);\n    }\n    100% {\n      transform: translateX(250%) scaleX(0.4);\n    }\n  }\n\n  .progress-bar--indeterminate .progress-bar__fill {\n    transform: translateX(-100%) scaleX(0.4);\n    transform-origin: left center;\n    animation: hx-progress-indeterminate var(--hx-progress-bar-indeterminate-duration, 1.5s)\n      ease-in-out infinite;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .progress-bar__fill {\n      transition: none;\n    }\n\n    .progress-bar--indeterminate .progress-bar__fill {\n      animation: none;\n      transform: scaleX(1);\n      opacity: var(--hx-opacity-disabled, 0.5);\n    }\n  }\n\n  /* ─── High Contrast Mode ─── */\n\n  @media (forced-colors: active) {\n    .progress-bar__track {\n      border: 1px solid ButtonText;\n      background-color: Canvas;\n    }\n\n    .progress-bar__fill {\n      background-color: Highlight;\n      forced-color-adjust: none;\n    }\n  }\n`;\n","import { html, nothing, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { HelixElement, createIdCounter } from '../../base/index.js';\nimport { helixProgressBarStyles } from './hx-progress-bar.styles.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\nconst _nextProgressBarId = createIdCounter('hx-progress-bar');\n\n/**\n * A linear progress indicator for determinate and indeterminate states.\n *\n * @summary Displays task completion progress or an indeterminate loading state.\n *\n * @tag hx-progress-bar\n *\n * @slot label - Visible label text rendered above the progress bar track.\n *\n * @csspart track - The outer track container element.\n * @csspart fill - The filled portion indicating progress.\n * @csspart label - The label slot wrapper element.\n *\n * @cssprop [--hx-progress-bar-track-bg=var(--hx-color-neutral-100)] - Track background color.\n * @cssprop [--hx-progress-bar-indicator-bg=var(--hx-color-primary-500)] - Indicator fill color.\n * @cssprop [--hx-progress-bar-border-radius=var(--hx-border-radius-full)] - Track border radius.\n * @cssprop [--hx-progress-bar-height-sm=var(--hx-size-1)] - Track height for size=\"sm\".\n * @cssprop [--hx-progress-bar-height-md=var(--hx-size-2)] - Track height for size=\"md\".\n * @cssprop [--hx-progress-bar-height-lg=var(--hx-size-3)] - Track height for size=\"lg\".\n * @cssprop [--hx-progress-bar-label-font-family=var(--hx-font-family-sans)] - Label font family.\n * @cssprop [--hx-progress-bar-label-font-size=var(--hx-font-size-sm)] - Label font size.\n * @cssprop [--hx-progress-bar-label-font-weight=var(--hx-font-weight-medium)] - Label font weight.\n * @cssprop [--hx-progress-bar-label-color=var(--hx-color-neutral-700)] - Label text color.\n *\n * @fires {CustomEvent} hx-complete - Emitted when progress reaches 100%.\n */\n@customElement('hx-progress-bar')\nexport class HelixProgressBar extends HelixElement {\n  static override styles = [helixProgressBarStyles];\n\n  /**\n   * Current progress value (min–max). Set to null for indeterminate state.\n   * @attr value\n   */\n  @property({ type: Number, reflect: true })\n  value: number | null = null;\n\n  /**\n   * Minimum value for the progress bar.\n   * @attr min\n   */\n  @property({ type: Number, reflect: true })\n  min = 0;\n\n  /**\n   * Maximum value for the progress bar.\n   * @attr max\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * When true, displays an animated indeterminate loading state regardless of value.\n   * @attr indeterminate\n   */\n  @property({ type: Boolean, reflect: true })\n  indeterminate = false;\n\n  /**\n   * Accessible label for the progress bar (maps to aria-label when no label slot content is used).\n   * @attr label\n   */\n  @property({ type: String, reflect: true })\n  label = '';\n\n  /**\n   * Additional description for the progress operation, linked via aria-describedby.\n   * @attr description\n   */\n  @property({ type: String, reflect: true })\n  description = '';\n\n  /**\n   * Size of the progress bar track.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Visual variant controlling the indicator color.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'default' | 'success' | 'warning' | 'danger' = 'default';\n\n  /** @internal */\n  @state() private _liveMessage = '';\n  /** @internal */\n  @state() private _hasLabelSlotContent = false;\n  /** @internal */\n  private _warnedAboutLabel = false;\n\n  /** @internal */\n  private _uid = _nextProgressBarId();\n\n  /** @internal */\n  private get _isIndeterminate(): boolean {\n    return this.indeterminate || this.value === null;\n  }\n\n  /** @internal */\n  private get _percentage(): number {\n    if (this._isIndeterminate) return 0;\n    if (this.value !== null && isNaN(this.value)) {\n      devWarn('hx-progress-bar', 'Invalid value: NaN. Defaulting to 0.');\n      return 0;\n    }\n    const range = this.max - this.min;\n    if (range <= 0) return 0;\n    const clamped = Math.max(this.min, Math.min(this.value ?? this.min, this.max));\n    return ((clamped - this.min) / range) * 100;\n  }\n\n  /** @internal */\n  private get _isComplete(): boolean {\n    return !this._isIndeterminate && this.value !== null && this.value >= this.max;\n  }\n\n  override updated(changedProps: PropertyValues<this>): void {\n    super.updated(changedProps);\n    if ((changedProps.has('value') || changedProps.has('max')) && this._isComplete) {\n      this._liveMessage = 'Complete';\n      this.dispatchEvent(new CustomEvent<void>('hx-complete', { bubbles: true, composed: true }));\n    } else if (changedProps.has('value') && !this._isComplete) {\n      this._liveMessage = '';\n    }\n\n    if (\n      changedProps.has('value') ||\n      changedProps.has('min') ||\n      changedProps.has('max') ||\n      changedProps.has('indeterminate')\n    ) {\n      const ratio = this._isIndeterminate ? 0 : this._percentage / 100;\n      this.style.setProperty('--_value-ratio', String(Math.max(0, Math.min(1, ratio))));\n    }\n\n    if (!this.label && !this._warnedAboutLabel) {\n      this._warnedAboutLabel = true;\n      devWarn(\n        'hx-progress-bar',\n        'No accessible label provided. Set the `label` attribute or use the label slot. An unlabeled progressbar violates WCAG 2.1 AA (4.1.2 Name, Role, Value).',\n      );\n    }\n  }\n\n  /** @internal */\n  private _onLabelSlotChange(e: Event): void {\n    const slot = e.target as HTMLSlotElement;\n    this._hasLabelSlotContent = slot.assignedNodes({ flatten: true }).length > 0;\n  }\n\n  // ─── WCAG 1.4.1: Variant label map ───\n  // Semantic variants (success/warning/danger) must not rely on color alone.\n  // The variant label is included in aria-valuetext for AT users and rendered\n  // as visually-hidden text for users in high contrast or color-blind contexts.\n\n  /** @internal */\n  private static readonly _VARIANT_LABELS: Partial<Record<HelixProgressBar['variant'], string>> = {\n    success: 'Success',\n    warning: 'Warning',\n    danger: 'Danger',\n  };\n\n  /** @internal */\n  private get _variantLabel(): string {\n    return HelixProgressBar._VARIANT_LABELS[this.variant] ?? '';\n  }\n\n  override render() {\n    const labelId = `${this._uid}-label`;\n    const descId = this.description ? `${this._uid}-desc` : undefined;\n    const hasVisibleLabel = this._hasLabelSlotContent;\n\n    const classes = {\n      'progress-bar': true,\n      [`progress-bar--${this.size}`]: true,\n      [`progress-bar--${this.variant}`]: true,\n      'progress-bar--indeterminate': this._isIndeterminate,\n    };\n\n    const ariaValueNow = this._isIndeterminate ? undefined : (this.value ?? this.min);\n    const variantLabel = this._variantLabel;\n\n    // WCAG 1.4.1: Include variant label in aria-valuetext so AT users receive\n    // the semantic state (success/warning/danger) without relying on fill color.\n    const percentageText = this._isIndeterminate\n      ? 'In progress'\n      : `${Math.round(this._percentage)}%`;\n    const ariaValuetext = variantLabel ? `${percentageText} — ${variantLabel}` : percentageText;\n\n    return html`\n      <div class=${classMap(classes)}>\n        ${hasVisibleLabel || this.label\n          ? html`<span id=${labelId} part=\"label\" class=\"progress-bar__label\">\n              <slot name=\"label\" @slotchange=${this._onLabelSlotChange}></slot>\n            </span>`\n          : html`<slot name=\"label\" @slotchange=${this._onLabelSlotChange} hidden></slot>`}\n        ${this.description\n          ? html`<span id=${descId} class=\"sr-only\">${this.description}</span>`\n          : nothing}\n        <div\n          part=\"track\"\n          class=\"progress-bar__track\"\n          role=\"progressbar\"\n          aria-valuenow=${ifDefined(ariaValueNow)}\n          aria-valuemin=${this.min}\n          aria-valuemax=${this.max}\n          aria-valuetext=${ariaValuetext}\n          aria-label=${ifDefined(!hasVisibleLabel && this.label ? this.label : undefined)}\n          aria-labelledby=${ifDefined(hasVisibleLabel ? labelId : undefined)}\n          aria-describedby=${ifDefined(descId)}\n        >\n          <div part=\"fill\" class=\"progress-bar__fill\"></div>\n        </div>\n        ${variantLabel\n          ? html`<span class=\"sr-only progress-bar__variant-label\">${variantLabel}</span>`\n          : nothing}\n        <div aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">${this._liveMessage}</div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-progress-bar': HelixProgressBar;\n  }\n}\n"],"names":["helixProgressBarStyles","css","_nextProgressBarId","createIdCounter","HelixProgressBar","HelixElement","range","changedProps","ratio","e","slot","labelId","descId","hasVisibleLabel","classes","ariaValueNow","variantLabel","percentageText","ariaValuetext","html","classMap","nothing","ifDefined","__decorateClass","property","state","customElement"],"mappings":"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"}

package/dist/shared/{hx-progress-ring-Cs0WgWDJ.js → hx-progress-ring-3zMwvrwD.js}

@@ -1,6 +1,6 @@
-import { css as c, LitElement as g, svg as d, html as u } from "lit";
-import "./document-token-adoption-DuYNKd4k.js";
-import { property as n, customElement as p } from "lit/decorators.js";
+import { css as c, svg as g, html as d } from "lit";
+import { property as o, customElement as p } from "lit/decorators.js";
+import { H as u } from "./helix-element-BNEYeiys.js";
 const m = c`
   :host {
     display: inline-flex;
@@ -138,18 +138,40 @@ const m = c`
     justify-content: center;
     inset: 0;
     font-size: var(--hx-font-size-xs, 0.75rem);
-    font-family: var(--hx-font-family-sans, sans-serif);
+    font-family: var(--hx-progress-ring-font-family, var(--hx-font-family-sans, sans-serif));
     font-weight: var(--hx-font-weight-semibold, 600);
     color: var(--hx-progress-ring-label-color, var(--hx-color-neutral-900, #0f172a));
     pointer-events: none;
   }
+
+  /* ─── High Contrast Mode (forced-colors) ─── */
+
+  @media (forced-colors: active) {
+    /*
+     * SVG stroke colors are suppressed in forced-colors mode. Use system color
+     * keywords so progress state remains distinguishable.
+     */
+    .progress-ring__track {
+      stroke: GrayText;
+    }
+
+    .progress-ring__indicator {
+      stroke: Highlight;
+    }
+
+    :host([variant='success']) .progress-ring__indicator,
+    :host([variant='warning']) .progress-ring__indicator,
+    :host([variant='danger']) .progress-ring__indicator {
+      stroke: Highlight;
+    }
+  }
 `;
-var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (r, o, a, t) => {
-  for (var s = t > 1 ? void 0 : t ? v(o, a) : o, l = r.length - 1, h; l >= 0; l--)
-    (h = r[l]) && (s = (t ? h(o, a, s) : h(s)) || s);
-  return t && s && f(o, a, s), s;
+var f = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (e, n, a, t) => {
+  for (var s = t > 1 ? void 0 : t ? v(n, a) : n, l = e.length - 1, h; l >= 0; l--)
+    (h = e[l]) && (s = (t ? h(n, a, s) : h(s)) || s);
+  return t && s && f(n, a, s), s;
 };
-let e = class extends g {
+let r = class extends u {
   constructor() {
     super(...arguments), this.value = null, this.max = 100, this.size = "md", this.strokeWidth = 4, this.variant = "default", this.label = "", this._labelWarned = !1;
   }
@@ -180,16 +202,16 @@ let e = class extends g {
   // ─── Lifecycle ───
   connectedCallback() {
     super.connectedCallback();
-    const r = this.getAttribute("size");
-    r !== null && !this.hasAttribute("hx-size") && (this.size = r), this.setAttribute("role", "progressbar"), this.setAttribute("aria-valuemin", "0");
+    const e = this.getAttribute("size");
+    e !== null && !this.hasAttribute("hx-size") && (this.size = e), this.setAttribute("role", "progressbar"), this.setAttribute("aria-valuemin", "0");
   }
-  willUpdate(r) {
+  willUpdate(e) {
     this.setAttribute("aria-valuemax", String(this.max)), this._isIndeterminate ? (this.setAttribute("indeterminate", ""), this.setAttribute("aria-busy", "true"), this.removeAttribute("aria-valuenow"), this.removeAttribute("aria-valuetext")) : (this.removeAttribute("indeterminate"), this.removeAttribute("aria-busy"), this.setAttribute("aria-valuenow", String(this._clampedValue)), this.setAttribute("aria-valuetext", `${this._clampedValue}% complete`)), this.label ? this.setAttribute("aria-label", this.label) : (this.removeAttribute("aria-label"), this._labelWarned || (this._labelWarned = !0));
   }
   // ─── Render ───
   render() {
     const a = this._radius, t = this._circumference;
-    return u`
+    return d`
       <div class="progress-ring">
         <svg
           class="progress-ring__svg"
@@ -198,7 +220,7 @@ let e = class extends g {
           aria-hidden="true"
           focusable="false"
         >
-          ${d`
+          ${g`
             <circle
               class="progress-ring__track"
               part="track"
@@ -226,29 +248,29 @@ let e = class extends g {
     `;
   }
 };
-e.styles = [m];
+r.styles = [m];
 i([
-  n({ type: Number, reflect: !0 })
-], e.prototype, "value", 2);
+  o({ type: Number, reflect: !0 })
+], r.prototype, "value", 2);
 i([
-  n({ type: Number, reflect: !0 })
-], e.prototype, "max", 2);
+  o({ type: Number, reflect: !0 })
+], r.prototype, "max", 2);
 i([
-  n({ type: String, reflect: !0, attribute: "hx-size" })
-], e.prototype, "size", 2);
+  o({ type: String, reflect: !0, attribute: "hx-size" })
+], r.prototype, "size", 2);
 i([
-  n({ type: Number, attribute: "stroke-width", reflect: !0 })
-], e.prototype, "strokeWidth", 2);
+  o({ type: Number, attribute: "stroke-width", reflect: !0 })
+], r.prototype, "strokeWidth", 2);
 i([
-  n({ type: String, reflect: !0 })
-], e.prototype, "variant", 2);
+  o({ type: String, reflect: !0 })
+], r.prototype, "variant", 2);
 i([
-  n({ type: String })
-], e.prototype, "label", 2);
-e = i([
+  o({ type: String })
+], r.prototype, "label", 2);
+r = i([
   p("hx-progress-ring")
-], e);
+], r);
 export {
-  e as H
+  r as H
 };
-//# sourceMappingURL=hx-progress-ring-Cs0WgWDJ.js.map
+//# sourceMappingURL=hx-progress-ring-3zMwvrwD.js.map

package/dist/shared/hx-progress-ring-3zMwvrwD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hx-progress-ring-3zMwvrwD.js","sources":["../../src/components/hx-progress-ring/hx-progress-ring.styles.ts","../../src/components/hx-progress-ring/hx-progress-ring.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixProgressRingStyles = css`\n  :host {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* ─── Base Container ─── */\n\n  .progress-ring {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  /* ─── SVG ─── */\n\n  .progress-ring__svg {\n    transform: rotate(-90deg);\n    overflow: visible;\n  }\n\n  /* ─── Track ─── */\n\n  .progress-ring__track {\n    fill: none;\n    stroke: var(--hx-progress-ring-track-color, var(--hx-color-neutral-200, #e2e8f0));\n  }\n\n  /* ─── Indicator ─── */\n\n  .progress-ring__indicator {\n    fill: none;\n    stroke: var(--hx-progress-ring-indicator-color, var(--hx-color-primary-500, #2563eb));\n    stroke-linecap: round;\n    transition: stroke-dashoffset var(--hx-transition-base, 300ms ease);\n  }\n\n  /* ─── Variant Colors ─── */\n\n  :host([variant='success']) .progress-ring__indicator {\n    stroke: var(--hx-progress-ring-indicator-color, var(--hx-color-success-500, #16a34a));\n  }\n\n  :host([variant='warning']) .progress-ring__indicator {\n    stroke: var(--hx-progress-ring-indicator-color, var(--hx-color-warning-500, #d97706));\n  }\n\n  :host([variant='danger']) .progress-ring__indicator {\n    stroke: var(--hx-progress-ring-indicator-color, var(--hx-color-error-500, #dc2626));\n  }\n\n  /* ─── Indeterminate Animation ─── */\n\n  :host([indeterminate]) .progress-ring__svg {\n    animation: hx-progress-ring-rotate var(--hx-duration-spinner, 1400ms) linear infinite;\n  }\n\n  :host([indeterminate]) .progress-ring__indicator {\n    animation: hx-progress-ring-dash var(--hx-duration-spinner, 1400ms) ease-in-out infinite;\n    transition: none;\n    stroke-dasharray: 1, 200;\n    stroke-dashoffset: 0;\n  }\n\n  @keyframes hx-progress-ring-rotate {\n    to {\n      transform: rotate(270deg);\n    }\n  }\n\n  /*\n   * Indeterminate spinner keyframes — values are tuned for default strokeWidth=4\n   * (radius ≈ 48, circumference ≈ 301). The gap value 200 is intentionally smaller\n   * than the full circumference; the repeating pattern is a standard CSS spinner\n   * technique that produces an arc of ~35% coverage. At non-default strokeWidths\n   * the arc coverage will vary slightly but remains visually acceptable.\n   */\n  @keyframes hx-progress-ring-dash {\n    0% {\n      stroke-dasharray: 1, 200;\n      stroke-dashoffset: 0;\n    }\n    50% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -35;\n    }\n    100% {\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -124;\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :host([indeterminate]) .progress-ring__svg {\n      animation: none;\n    }\n\n    :host([indeterminate]) .progress-ring__indicator {\n      animation: none;\n      stroke-dasharray: 89, 200;\n      stroke-dashoffset: -35;\n    }\n\n    .progress-ring__indicator {\n      transition: none;\n    }\n  }\n\n  /* ─── Size Variants ─── */\n\n  :host([hx-size='sm']) .progress-ring {\n    width: var(--hx-size-8, 2rem);\n    height: var(--hx-size-8, 2rem);\n  }\n\n  :host([hx-size='md']) .progress-ring,\n  .progress-ring {\n    width: var(--hx-size-12, 3rem);\n    height: var(--hx-size-12, 3rem);\n  }\n\n  :host([hx-size='lg']) .progress-ring {\n    width: var(--hx-size-16, 4rem);\n    height: var(--hx-size-16, 4rem);\n  }\n\n  /* ─── Label (center slot wrapper) ─── */\n\n  .progress-ring__label {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    inset: 0;\n    font-size: var(--hx-font-size-xs, 0.75rem);\n    font-family: var(--hx-progress-ring-font-family, var(--hx-font-family-sans, sans-serif));\n    font-weight: var(--hx-font-weight-semibold, 600);\n    color: var(--hx-progress-ring-label-color, var(--hx-color-neutral-900, #0f172a));\n    pointer-events: none;\n  }\n\n  /* ─── High Contrast Mode (forced-colors) ─── */\n\n  @media (forced-colors: active) {\n    /*\n     * SVG stroke colors are suppressed in forced-colors mode. Use system color\n     * keywords so progress state remains distinguishable.\n     */\n    .progress-ring__track {\n      stroke: GrayText;\n    }\n\n    .progress-ring__indicator {\n      stroke: Highlight;\n    }\n\n    :host([variant='success']) .progress-ring__indicator,\n    :host([variant='warning']) .progress-ring__indicator,\n    :host([variant='danger']) .progress-ring__indicator {\n      stroke: Highlight;\n    }\n  }\n`;\n","import { html, svg, TemplateResult, type PropertyValues } from 'lit';\nimport '../../utilities/document-token-adoption.js';\nimport { customElement, property } from 'lit/decorators.js';\nimport { HelixElement } from '../../base/index.js';\nimport { helixProgressRingStyles } from './hx-progress-ring.styles.js';\nimport { devWarn } from '../../utils/dev-warn.js';\n\n/**\n * SVG-based circular progress indicator. Supports determinate and indeterminate modes,\n * multiple size variants, semantic color variants, and a center content slot.\n *\n * @summary Circular progress ring for indicating operation progress or loading state.\n *\n * @tag hx-progress-ring\n *\n * @slot - Default slot for center content (percentage text, icon, etc.).\n *\n * @csspart base - The SVG element.\n * @csspart track - The background circle track.\n * @csspart indicator - The progress arc indicator.\n * @csspart label - The center slot wrapper div.\n *\n * @cssprop [--hx-progress-ring-track-color=var(--hx-color-neutral-200)] - Track stroke color.\n * @cssprop [--hx-progress-ring-indicator-color=var(--hx-color-primary-500)] - Indicator stroke color.\n * @cssprop [--hx-progress-ring-label-color=var(--hx-color-neutral-900)] - Center label text color.\n */\n@customElement('hx-progress-ring')\nexport class HelixProgressRing extends HelixElement {\n  static override styles = [helixProgressRingStyles];\n\n  // ─── Public Properties ───\n\n  /**\n   * Current progress value (0–max). When null, renders in indeterminate mode.\n   * @attr value\n   */\n  @property({ type: Number, reflect: true })\n  value: number | null = null;\n\n  /**\n   * Maximum value for the progress range. Defaults to 100. Used for aria-valuemax.\n   * @attr max\n   */\n  @property({ type: Number, reflect: true })\n  max = 100;\n\n  /**\n   * Size of the ring. Controls SVG diameter.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'md' | 'lg' = 'md';\n\n  /**\n   * Stroke width of the ring circles in SVG user units.\n   * @attr stroke-width\n   */\n  @property({ type: Number, attribute: 'stroke-width', reflect: true })\n  strokeWidth = 4;\n\n  /**\n   * Semantic color variant.\n   * @attr variant\n   */\n  @property({ type: String, reflect: true })\n  variant: 'default' | 'success' | 'warning' | 'danger' = 'default';\n\n  /**\n   * Accessible label for the progressbar. Exposed as aria-label.\n   * Set this attribute to satisfy WCAG 4.1.2. When absent, aria-busy reflects\n   * indeterminate state and a console warning is emitted.\n   * @attr label\n   */\n  @property({ type: String })\n  label = '';\n\n  // ─── Private Helpers ───\n\n  /** @internal */\n  private get _isIndeterminate(): boolean {\n    return this.value === null;\n  }\n\n  /** @internal */\n  private get _clampedValue(): number {\n    if (this.value === null) return 0;\n    return Math.min(this.max, Math.max(0, this.value));\n  }\n\n  /**\n   * SVG viewBox is 100x100. Radius leaves room for the stroke.\n   */\n  /** @internal */\n  private get _radius(): number {\n    return (100 - this.strokeWidth) / 2;\n  }\n\n  /** @internal */\n  private get _circumference(): number {\n    return 2 * Math.PI * this._radius;\n  }\n\n  /** @internal */\n  private get _strokeDashoffset(): number {\n    return this._circumference * (1 - this._clampedValue / this.max);\n  }\n\n  /** @internal */\n  private _labelWarned = false;\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-progress-ring', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize as 'sm' | 'md' | 'lg';\n    }\n    this.setAttribute('role', 'progressbar');\n    this.setAttribute('aria-valuemin', '0');\n  }\n\n  protected override willUpdate(_changed: PropertyValues<this>): void {\n    // Sync all dynamic ARIA attributes before render\n    this.setAttribute('aria-valuemax', String(this.max));\n\n    if (this._isIndeterminate) {\n      this.setAttribute('indeterminate', '');\n      this.setAttribute('aria-busy', 'true');\n      this.removeAttribute('aria-valuenow');\n      this.removeAttribute('aria-valuetext');\n    } else {\n      this.removeAttribute('indeterminate');\n      this.removeAttribute('aria-busy');\n      this.setAttribute('aria-valuenow', String(this._clampedValue));\n      this.setAttribute('aria-valuetext', `${this._clampedValue}% complete`);\n    }\n\n    if (this.label) {\n      this.setAttribute('aria-label', this.label);\n    } else {\n      this.removeAttribute('aria-label');\n      if (!this._labelWarned) {\n        this._labelWarned = true;\n        devWarn(\n          'hx-progress-ring',\n          'Missing accessible label. Set the `label` attribute for WCAG 4.1.2 compliance.',\n        );\n      }\n    }\n  }\n\n  // ─── Render ───\n\n  override render(): TemplateResult {\n    const cx = 50;\n    const cy = 50;\n    const r = this._radius;\n    const circumference = this._circumference;\n\n    return html`\n      <div class=\"progress-ring\">\n        <svg\n          class=\"progress-ring__svg\"\n          part=\"base\"\n          viewBox=\"0 0 100 100\"\n          aria-hidden=\"true\"\n          focusable=\"false\"\n        >\n          ${svg`\n            <circle\n              class=\"progress-ring__track\"\n              part=\"track\"\n              cx=${cx}\n              cy=${cy}\n              r=${r}\n              stroke-width=${this.strokeWidth}\n            />\n            <circle\n              class=\"progress-ring__indicator\"\n              part=\"indicator\"\n              cx=${cx}\n              cy=${cy}\n              r=${r}\n              stroke-width=${this.strokeWidth}\n              stroke-dasharray=${\n                this._isIndeterminate ? '1 200' : `${circumference} ${circumference}`\n              }\n              stroke-dashoffset=${this._isIndeterminate ? '0' : this._strokeDashoffset}\n            />\n          `}\n        </svg>\n        <div class=\"progress-ring__label\" part=\"label\">\n          <slot></slot>\n        </div>\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-progress-ring': HelixProgressRing;\n  }\n}\n"],"names":["helixProgressRingStyles","css","HelixProgressRing","HelixElement","legacySize","_changed","r","circumference","html","svg","__decorateClass","property","customElement"],"mappings":"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"}

package/dist/shared/{hx-prose-Ml_L2zje.js → hx-prose-BCtK7YL6.js}

@@ -1,16 +1,49 @@
-import { LitElement as n, html as p } from "lit";
-import { property as x, customElement as c } from "lit/decorators.js";
-import { A as m } from "./adopted-stylesheets-BZZnCSAs.js";
-const d = `hx-prose{display:block;font-family:var(--hx-font-family-sans, sans-serif)}hx-prose :is(h1,h2,h3,h4,h5,h6){font-family:var( --hx-prose-heading-font-family, var(--hx-heading-font-family, var(--hx-font-family-sans, sans-serif)) );font-weight:var( --hx-prose-heading-font-weight, var(--hx-heading-font-weight, var(--hx-font-weight-bold, 700)) );line-height:var( --hx-prose-heading-line-height, var(--hx-heading-line-height, var(--hx-line-height-tight, 1.25)) );letter-spacing:var( --hx-prose-heading-letter-spacing, var(--hx-heading-letter-spacing, var(--hx-letter-spacing-tight, -.025em)) );color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-top:0;scroll-margin-top:var(--hx-space-8, 2rem)}hx-prose h1{font-size:var(--hx-prose-h1-font-size, var(--hx-font-size-4xl, 2.25rem));margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose h2{font-size:var(--hx-prose-h2-font-size, var(--hx-font-size-3xl, 1.875rem));margin-bottom:var(--hx-space-5, 1.25rem);padding-bottom:var(--hx-space-3, .75rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-subtle, var(--hx-color-neutral-100, #e9ecef))}hx-prose h3{font-size:var(--hx-prose-h3-font-size, var(--hx-font-size-2xl, 1.5rem));margin-bottom:var(--hx-space-4, 1rem)}hx-prose h4{font-size:var(--hx-prose-h4-font-size, var(--hx-font-size-xl, 1.25rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h5{font-size:var(--hx-prose-h5-font-size, var(--hx-font-size-lg, 1.125rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h6{font-size:var(--hx-prose-h6-font-size, var(--hx-font-size-md, 1rem));font-weight:var(--hx-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em);margin-bottom:var(--hx-space-3, .75rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose :is(h1+h2,h2+h3,h3+h4,h4+h5,h5+h6){margin-top:var(--hx-space-2, .5rem)}hx-prose *+h1{margin-top:var(--hx-space-12, 3rem)}hx-prose *+h2{margin-top:var(--hx-space-10, 2.5rem)}hx-prose *+h3{margin-top:var(--hx-space-8, 2rem)}hx-prose :is(*+h4,*+h5,*+h6){margin-top:var(--hx-space-6, 1.5rem)}hx-prose p{margin-top:0;margin-bottom:var(--hx-space-4, 1rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75));color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose p.lead{font-size:var(--hx-prose-lead-font-size, var(--hx-font-size-lg, 1.125rem));color:var(--hx-prose-lead-color, var(--hx-color-neutral-600, #495057))}hx-prose blockquote{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);margin-left:0;margin-right:0;padding:var(--hx-space-4, 1rem) var(--hx-space-6, 1.5rem);border-left:var(--hx-border-width-thick, 3px) solid var(--hx-color-primary-500, #2563eb);background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa));border-radius:0 var(--hx-border-radius-sm, .25rem) var(--hx-border-radius-sm, .25rem) 0;font-style:italic;color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose blockquote p{color:inherit}hx-prose blockquote p:last-child{margin-bottom:0}hx-prose blockquote cite{display:block;margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);font-style:normal;font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose blockquote cite:before{content:"\\2014\\a0"}hx-prose hr{border:0;border-top:var(--hx-divider-width, var(--hx-border-width-thin, 1px)) solid var(--hx-divider-color, var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6)));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose :is(strong,b){font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827))}hx-prose :is(em,i){font-style:italic}hx-prose small{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose mark{background-color:var(--hx-color-warning-100, #fff3cd);color:var(--hx-color-neutral-900, #0d1117);padding:var(--hx-space-0, 0) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(del,s){text-decoration:line-through;color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose ins{text-decoration:underline;text-decoration-color:var(--hx-color-success-300, #75b798)}hx-prose abbr[title]{text-decoration:underline dotted;text-decoration-color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));cursor:help;text-underline-offset:.15em}hx-prose :is(sub,sup){font-size:var(--hx-font-size-xs, .75rem);line-height:0;position:relative;vertical-align:baseline}hx-prose sup{top:-.5em}hx-prose sub{bottom:-.25em}hx-prose a{color:var( --hx-prose-link-color, var(--hx-color-text-link, var(--hx-color-primary-600, #006868)) );text-decoration:underline;text-decoration-color:var(--hx-color-primary-200, #80c2c2);text-underline-offset:.15em;transition:color var(--hx-transition-fast, .15s ease),text-decoration-color var(--hx-transition-fast, .15s ease)}hx-prose a:hover{color:var(--hx-color-text-link-hover, var(--hx-color-primary-700, #005252));text-decoration-color:currentColor}hx-prose a:visited{color:var(--hx-color-text-link-visited, var(--hx-color-secondary-600, #4f46e5))}hx-prose a:active{color:var(--hx-color-text-link-active, var(--hx-color-primary-800, #003c3c))}hx-prose a:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));outline-offset:var(--hx-focus-ring-offset, 2px);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(ul,ol){margin-top:0;margin-bottom:var(--hx-space-4, 1rem);padding-left:var(--hx-space-6, 1.5rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose ul{list-style-type:disc}hx-prose ol{list-style-type:decimal}hx-prose li{margin-bottom:var(--hx-space-2, .5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75))}hx-prose li:last-child{margin-bottom:0}hx-prose li>p{margin-bottom:var(--hx-space-2, .5rem)}hx-prose li>p:last-child{margin-bottom:0}hx-prose :is(ul ul,ol ul){list-style-type:circle;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ul ul ul,ol ul ul,ul ol ul,ol ol ul){list-style-type:square}hx-prose :is(ol ol,ul ol){list-style-type:lower-alpha;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ol ol ol,ul ol ol,ol ul ol,ul ul ol){list-style-type:lower-roman}hx-prose :is(ul,ol) ::marker{color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose dl{margin-top:0;margin-bottom:var(--hx-space-4, 1rem)}hx-prose dt{font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-bottom:var(--hx-space-1, .25rem)}hx-prose dt+dt{margin-top:var(--hx-space-4, 1rem)}hx-prose dd{margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose dd:last-child{margin-bottom:0}hx-prose table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));overflow-x:auto;display:block}@media(min-width:640px){hx-prose table{display:table}}hx-prose caption{padding-top:var(--hx-space-3, .75rem);padding-bottom:var(--hx-space-3, .75rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));text-align:left;caption-side:top}hx-prose thead{border-bottom:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose tfoot{border-top:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose th{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));text-align:left;background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose td{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));vertical-align:top}hx-prose tbody tr:nth-child(2n){background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose tbody tr:hover{background-color:var(--hx-color-primary-50, #e6f3f3)}hx-prose :is(th,td)[align=center]{text-align:center}hx-prose :is(th,td)[align=right]{text-align:right}hx-prose :is(code,pre,kbd,samp){font-family:var( --hx-font-family-mono, "JetBrains Mono", ui-monospace, "Cascadia Code", monospace )}hx-prose code{font-size:var(--hx-font-size-sm, .875em);font-weight:var(--hx-font-weight-normal, 400);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));color:var(--hx-color-error-600, #b02a37);padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem);word-break:break-word}hx-prose pre{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);overflow-x:auto;font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-relaxed, 1.75);color:var(--hx-color-neutral-800, #212529);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);-webkit-overflow-scrolling:touch;tab-size:2}hx-prose pre code{background-color:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;font-weight:inherit;word-break:normal}hx-prose samp{font-size:var(--hx-font-size-sm, .875em)}hx-prose kbd{padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-2, .5rem);background-color:var(--hx-color-neutral-800, #212529);color:var(--hx-color-neutral-0, #ffffff);border-radius:var(--hx-border-radius-sm, .25rem);box-shadow:var(--hx-shadow-inset-sm, inset 0 -1px 0 rgba(0, 0, 0, .25))}hx-prose var{font-style:italic;color:var(--hx-color-secondary-600, #4f46e5)}hx-prose :is(img,figure>a img){border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose img{max-width:100%;height:auto;display:block}hx-prose figure{margin:0;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose figure img{margin-bottom:0}hx-prose figure>a{display:block}hx-prose figcaption{margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic}hx-prose :is(video,iframe){max-width:100%;display:block;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose video{height:auto}hx-prose iframe{border:0}hx-prose :is(.embed-responsive,.video-embed,.media-oembed){position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(.embed-responsive,.video-embed,.media-oembed) :is(iframe,video){position:absolute;top:0;left:0;width:100%;height:100%;margin-bottom:0;border-radius:0}hx-prose audio{width:100%;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(object,embed){max-width:100%}hx-prose .field{margin-bottom:var(--hx-space-4, 1rem)}hx-prose .field:last-child{margin-bottom:0}hx-prose .field__label{font-weight:var(--hx-font-weight-semibold, 600);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057));margin-bottom:var(--hx-space-1, .25rem);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em)}hx-prose .field__item{margin-bottom:var(--hx-space-2, .5rem)}hx-prose .field__item:last-child{margin-bottom:0}hx-prose .field__items{list-style:none;padding-left:0;margin:0}hx-prose .text-formatted>*:last-child{margin-bottom:0}hx-prose :is(.media-embed,.embedded-entity,.media--type-image,.media--type-remote-video){margin-top:var(--hx-space-4, 1rem);margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(.media-embed,.embedded-entity) img{max-width:100%;height:auto;display:block}hx-prose .align-left{float:left;margin-right:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-right{float:right;margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-center{display:block;margin-left:auto;margin-right:auto;margin-bottom:var(--hx-space-6, 1.5rem);text-align:center}hx-prose :is(.align-left,.align-right) img{display:block}hx-prose :is(.align-left,.align-right)+*{clear:both}hx-prose .caption{margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .caption :is(figcaption,.caption-text){font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic;margin-top:var(--hx-space-2, .5rem)}hx-prose .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .table-responsive table{margin-bottom:0}hx-prose :is(.messages,.callout){padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);margin-bottom:var(--hx-space-4, 1rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);border-left-width:var(--hx-border-width-thick, 3px)}hx-prose .messages--status{border-left-color:var(--hx-color-success-500, #198754);background-color:var(--hx-color-success-50, #f0fdf4)}hx-prose .messages--warning{border-left-color:var(--hx-color-warning-500, #ffc107);background-color:var(--hx-color-warning-50, #fffbeb)}hx-prose .messages--error{border-left-color:var(--hx-color-error-500, #dc3545);background-color:var(--hx-color-error-50, #fef2f2)}hx-prose .page-break{border:0;border-top:var(--hx-border-width-thin, 1px) dashed var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose .clearfix:after{content:"";display:table;clear:both}
-`, v = d;
-var g = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (r, e, i, a) => {
-  for (var o = a > 1 ? void 0 : a ? f(e, i) : e, h = r.length - 1, s; h >= 0; h--)
-    (s = r[h]) && (o = (a ? s(e, i, o) : s(o)) || o);
-  return a && o && g(e, i, o), o;
+import { html as x } from "lit";
+import { property as n, customElement as c } from "lit/decorators.js";
+import { A as d } from "./adopted-stylesheets-BZZnCSAs.js";
+import { H as p } from "./helix-element-BNEYeiys.js";
+const m = `hx-prose{display:block;font-family:var(--hx-font-family-sans, sans-serif)}hx-prose :is(h1,h2,h3,h4,h5,h6){font-family:var( --hx-prose-heading-font-family, var(--hx-heading-font-family, var(--hx-font-family-sans, sans-serif)) );font-weight:var( --hx-prose-heading-font-weight, var(--hx-heading-font-weight, var(--hx-font-weight-bold, 700)) );line-height:var( --hx-prose-heading-line-height, var(--hx-heading-line-height, var(--hx-line-height-tight, 1.25)) );letter-spacing:var( --hx-prose-heading-letter-spacing, var(--hx-heading-letter-spacing, var(--hx-letter-spacing-tight, -.025em)) );color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-top:0;scroll-margin-top:var(--hx-space-8, 2rem)}hx-prose h1{font-size:var(--hx-prose-h1-font-size, var(--hx-font-size-4xl, 2.25rem));margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose h2{font-size:var(--hx-prose-h2-font-size, var(--hx-font-size-3xl, 1.875rem));margin-bottom:var(--hx-space-5, 1.25rem);padding-bottom:var(--hx-space-3, .75rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-subtle, var(--hx-color-neutral-100, #e9ecef))}hx-prose h3{font-size:var(--hx-prose-h3-font-size, var(--hx-font-size-2xl, 1.5rem));margin-bottom:var(--hx-space-4, 1rem)}hx-prose h4{font-size:var(--hx-prose-h4-font-size, var(--hx-font-size-xl, 1.25rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h5{font-size:var(--hx-prose-h5-font-size, var(--hx-font-size-lg, 1.125rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h6{font-size:var(--hx-prose-h6-font-size, var(--hx-font-size-md, 1rem));font-weight:var(--hx-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em);margin-bottom:var(--hx-space-3, .75rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose :is(h1+h2,h2+h3,h3+h4,h4+h5,h5+h6){margin-top:var(--hx-space-2, .5rem)}hx-prose *+h1{margin-top:var(--hx-space-12, 3rem)}hx-prose *+h2{margin-top:var(--hx-space-10, 2.5rem)}hx-prose *+h3{margin-top:var(--hx-space-8, 2rem)}hx-prose :is(*+h4,*+h5,*+h6){margin-top:var(--hx-space-6, 1.5rem)}hx-prose p{margin-top:0;margin-bottom:var(--hx-space-4, 1rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75));color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose p.lead{font-size:var(--hx-prose-lead-font-size, var(--hx-font-size-lg, 1.125rem));color:var(--hx-prose-lead-color, var(--hx-color-neutral-600, #495057))}hx-prose blockquote{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);margin-left:0;margin-right:0;padding:var(--hx-space-4, 1rem) var(--hx-space-6, 1.5rem);border-left:var(--hx-border-width-thick, 3px) solid var(--hx-color-primary-500, #2563eb);background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa));border-radius:0 var(--hx-border-radius-sm, .25rem) var(--hx-border-radius-sm, .25rem) 0;font-style:italic;color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose blockquote p{color:inherit}hx-prose blockquote p:last-child{margin-bottom:0}hx-prose blockquote cite{display:block;margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);font-style:normal;font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose blockquote cite:before{content:"\\2014\\a0"}hx-prose hr{border:0;border-top:var(--hx-divider-width, var(--hx-border-width-thin, 1px)) solid var(--hx-divider-color, var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6)));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose :is(strong,b){font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827))}hx-prose :is(em,i){font-style:italic}hx-prose small{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose mark{background-color:var(--hx-color-warning-100, #fff3cd);color:var(--hx-color-neutral-900, #0d1117);padding:var(--hx-space-0, 0) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(del,s){text-decoration:line-through;color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose ins{text-decoration:underline;text-decoration-color:var(--hx-color-success-300, #75b798)}hx-prose abbr[title]{text-decoration:underline dotted;text-decoration-color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));cursor:help;text-underline-offset:.15em}hx-prose :is(sub,sup){font-size:var(--hx-font-size-xs, .75rem);line-height:0;position:relative;vertical-align:baseline}hx-prose sup{top:-.5em}hx-prose sub{bottom:-.25em}hx-prose a{color:var( --hx-prose-link-color, var(--hx-color-text-link, var(--hx-color-primary-600, #006868)) );text-decoration:underline;text-decoration-color:var(--hx-color-primary-200, #80c2c2);text-underline-offset:.15em;transition:color var(--hx-transition-fast, .15s ease),text-decoration-color var(--hx-transition-fast, .15s ease)}hx-prose a:hover{color:var(--hx-color-text-link-hover, var(--hx-color-primary-700, #005252));text-decoration-color:currentColor}hx-prose a:visited{color:var(--hx-color-text-link-visited, var(--hx-color-secondary-600, #4f46e5))}hx-prose a:active{color:var(--hx-color-text-link-active, var(--hx-color-primary-800, #003c3c))}hx-prose a:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));outline-offset:var(--hx-focus-ring-offset, 2px);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(ul,ol){margin-top:0;margin-bottom:var(--hx-space-4, 1rem);padding-left:var(--hx-space-6, 1.5rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose ul{list-style-type:disc}hx-prose ol{list-style-type:decimal}hx-prose li{margin-bottom:var(--hx-space-2, .5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75))}hx-prose li:last-child{margin-bottom:0}hx-prose li>p{margin-bottom:var(--hx-space-2, .5rem)}hx-prose li>p:last-child{margin-bottom:0}hx-prose :is(ul ul,ol ul){list-style-type:circle;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ul ul ul,ol ul ul,ul ol ul,ol ol ul){list-style-type:square}hx-prose :is(ol ol,ul ol){list-style-type:lower-alpha;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ol ol ol,ul ol ol,ol ul ol,ul ul ol){list-style-type:lower-roman}hx-prose :is(ul,ol) ::marker{color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose dl{margin-top:0;margin-bottom:var(--hx-space-4, 1rem)}hx-prose dt{font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-bottom:var(--hx-space-1, .25rem)}hx-prose dt+dt{margin-top:var(--hx-space-4, 1rem)}hx-prose dd{margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose dd:last-child{margin-bottom:0}hx-prose table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));overflow-x:auto;display:block}@media(min-width:640px){hx-prose table{display:table}}hx-prose caption{padding-top:var(--hx-space-3, .75rem);padding-bottom:var(--hx-space-3, .75rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));text-align:left;caption-side:top}hx-prose thead{border-bottom:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose tfoot{border-top:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose th{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));text-align:left;background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose td{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));vertical-align:top}hx-prose tbody tr:nth-child(2n){background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose tbody tr:hover{background-color:var(--hx-color-primary-50, #e6f3f3)}hx-prose :is(th,td)[align=center]{text-align:center}hx-prose :is(th,td)[align=right]{text-align:right}hx-prose :is(code,pre,kbd,samp){font-family:var( --hx-font-family-mono, "JetBrains Mono", ui-monospace, "Cascadia Code", monospace )}hx-prose code{font-size:var(--hx-font-size-sm, .875em);font-weight:var(--hx-font-weight-normal, 400);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));color:var(--hx-color-error-600, #b02a37);padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem);word-break:break-word}hx-prose pre{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);overflow-x:auto;font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-relaxed, 1.75);color:var(--hx-color-neutral-800, #212529);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);-webkit-overflow-scrolling:touch;tab-size:2}hx-prose pre code{background-color:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;font-weight:inherit;word-break:normal}hx-prose samp{font-size:var(--hx-font-size-sm, .875em)}hx-prose kbd{padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-2, .5rem);background-color:var(--hx-color-neutral-800, #212529);color:var(--hx-color-neutral-0, #ffffff);border-radius:var(--hx-border-radius-sm, .25rem);box-shadow:var(--hx-shadow-inset-sm, inset 0 -1px 0 rgba(0, 0, 0, .25))}hx-prose var{font-style:italic;color:var(--hx-color-secondary-600, #4f46e5)}hx-prose :is(img,figure>a img){border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose img{max-width:100%;height:auto;display:block}hx-prose figure{margin:0;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose figure img{margin-bottom:0}hx-prose figure>a{display:block}hx-prose figcaption{margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic}hx-prose :is(video,iframe){max-width:100%;display:block;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose video{height:auto}hx-prose iframe{border:0}hx-prose :is(.embed-responsive,.video-embed,.media-oembed){position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(.embed-responsive,.video-embed,.media-oembed) :is(iframe,video){position:absolute;top:0;left:0;width:100%;height:100%;margin-bottom:0;border-radius:0}hx-prose audio{width:100%;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(object,embed){max-width:100%}hx-prose .field{margin-bottom:var(--hx-space-4, 1rem)}hx-prose .field:last-child{margin-bottom:0}hx-prose .field__label{font-weight:var(--hx-font-weight-semibold, 600);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057));margin-bottom:var(--hx-space-1, .25rem);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em)}hx-prose .field__item{margin-bottom:var(--hx-space-2, .5rem)}hx-prose .field__item:last-child{margin-bottom:0}hx-prose .field__items{list-style:none;padding-left:0;margin:0}hx-prose .text-formatted>*:last-child{margin-bottom:0}hx-prose :is(.media-embed,.embedded-entity,.media--type-image,.media--type-remote-video){margin-top:var(--hx-space-4, 1rem);margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(.media-embed,.embedded-entity) img{max-width:100%;height:auto;display:block}hx-prose .align-left{float:left;margin-right:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-right{float:right;margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-center{display:block;margin-left:auto;margin-right:auto;margin-bottom:var(--hx-space-6, 1.5rem);text-align:center}hx-prose :is(.align-left,.align-right) img{display:block}hx-prose :is(.align-left,.align-right)+*{clear:both}hx-prose .caption{margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .caption :is(figcaption,.caption-text){font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic;margin-top:var(--hx-space-2, .5rem)}hx-prose .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .table-responsive table{margin-bottom:0}hx-prose :is(.messages,.callout){padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);margin-bottom:var(--hx-space-4, 1rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);border-left-width:var(--hx-border-width-thick, 3px)}hx-prose .messages--status{border-left-color:var(--hx-color-success-500, #198754);background-color:var(--hx-color-success-50, #f0fdf4)}hx-prose .messages--warning{border-left-color:var(--hx-color-warning-500, #ffc107);background-color:var(--hx-color-warning-50, #fffbeb)}hx-prose .messages--error{border-left-color:var(--hx-color-error-500, #dc3545);background-color:var(--hx-color-error-50, #fef2f2)}hx-prose .page-break{border:0;border-top:var(--hx-border-width-thin, 1px) dashed var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose .clearfix:after{content:"";display:table;clear:both}
+
+@media (forced-colors: active) {
+  /* Links: use system LinkText color */
+  hx-prose a { color: LinkText; }
+  hx-prose a:hover,
+  hx-prose a:visited,
+  hx-prose a:active { color: LinkText; }
+  hx-prose a:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }
+
+  /* Blockquote: replace background with visible border */
+  hx-prose blockquote { background-color: Canvas; border-left-color: CanvasText; }
+
+  /* Mark: background suppressed — add outline to preserve semantic highlight */
+  hx-prose mark { background-color: Highlight; color: HighlightText; forced-color-adjust: none; }
+
+  /* kbd: ensure keyboard shortcut rendering in forced-colors */
+  hx-prose kbd { background-color: ButtonFace; color: ButtonText; box-shadow: none; border: 1px solid ButtonText; forced-color-adjust: none; }
+
+  /* Table: remove background-color zebra striping (invisible in HCM), rely on borders */
+  hx-prose th { background-color: Canvas; border: 1px solid CanvasText; }
+  hx-prose tbody tr:nth-child(2n) { background-color: Canvas; }
+  hx-prose tbody tr:hover { background-color: Highlight; color: HighlightText; forced-color-adjust: none; }
+
+  /* Status messages: border color communicates state, ensure it uses system colors */
+  hx-prose .messages--status { background-color: Canvas; border-left-color: CanvasText; }
+  hx-prose .messages--warning { background-color: Canvas; border-left-color: CanvasText; }
+  hx-prose .messages--error { background-color: Canvas; border-left-color: LinkText; }
+
+  /* Code blocks */
+  hx-prose code { background-color: Canvas; color: CanvasText; border: 1px solid CanvasText; }
+  hx-prose pre { background-color: Canvas; border-color: CanvasText; }
+}
+`, v = m;
+var g = Object.defineProperty, b = Object.getOwnPropertyDescriptor, l = (r, e, s, a) => {
+  for (var o = a > 1 ? void 0 : a ? b(e, s) : e, i = r.length - 1, h; i >= 0; i--)
+    (h = r[i]) && (o = (a ? h(e, s, o) : h(o)) || o);
+  return a && o && g(e, s, o), o;
 };
-let t = class extends n {
+let t = class extends p {
   constructor() {
-    super(...arguments), this.adoptedStyles = new m(this, v, document), this.size = "base", this.maxWidth = "";
+    super(...arguments), this.adoptedStyles = new d(this, v, document), this.size = "base", this.maxWidth = "";
   }
   // ─── Light DOM ───
   createRenderRoot() {
@@ -41,14 +74,14 @@ let t = class extends n {
   }
   // ─── Render ───
   render() {
-    return p`<slot></slot>`;
+    return x`<slot></slot>`;
   }
 };
 l([
-  x({ type: String, reflect: !0, attribute: "hx-size" })
+  n({ type: String, reflect: !0, attribute: "hx-size" })
 ], t.prototype, "size", 2);
 l([
-  x({ type: String, reflect: !0, attribute: "max-width" })
+  n({ type: String, reflect: !0, attribute: "max-width" })
 ], t.prototype, "maxWidth", 2);
 t = l([
   c("hx-prose")
@@ -56,4 +89,4 @@ t = l([
 export {
   t as H
 };
-//# sourceMappingURL=hx-prose-Ml_L2zje.js.map
+//# sourceMappingURL=hx-prose-BCtK7YL6.js.map

package/dist/shared/{hx-prose-Ml_L2zje.js.map → hx-prose-BCtK7YL6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"hx-prose-Ml_L2zje.js","sources":["../../src/styles/prose/prose.scoped.css?raw","../../src/components/hx-prose/hx-prose.styles.ts","../../src/components/hx-prose/hx-prose.ts"],"sourcesContent":["export default \"hx-prose{display:block;font-family:var(--hx-font-family-sans, sans-serif)}hx-prose :is(h1,h2,h3,h4,h5,h6){font-family:var( --hx-prose-heading-font-family, var(--hx-heading-font-family, var(--hx-font-family-sans, sans-serif)) );font-weight:var( --hx-prose-heading-font-weight, var(--hx-heading-font-weight, var(--hx-font-weight-bold, 700)) );line-height:var( --hx-prose-heading-line-height, var(--hx-heading-line-height, var(--hx-line-height-tight, 1.25)) );letter-spacing:var( --hx-prose-heading-letter-spacing, var(--hx-heading-letter-spacing, var(--hx-letter-spacing-tight, -.025em)) );color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-top:0;scroll-margin-top:var(--hx-space-8, 2rem)}hx-prose h1{font-size:var(--hx-prose-h1-font-size, var(--hx-font-size-4xl, 2.25rem));margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose h2{font-size:var(--hx-prose-h2-font-size, var(--hx-font-size-3xl, 1.875rem));margin-bottom:var(--hx-space-5, 1.25rem);padding-bottom:var(--hx-space-3, .75rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-subtle, var(--hx-color-neutral-100, #e9ecef))}hx-prose h3{font-size:var(--hx-prose-h3-font-size, var(--hx-font-size-2xl, 1.5rem));margin-bottom:var(--hx-space-4, 1rem)}hx-prose h4{font-size:var(--hx-prose-h4-font-size, var(--hx-font-size-xl, 1.25rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h5{font-size:var(--hx-prose-h5-font-size, var(--hx-font-size-lg, 1.125rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h6{font-size:var(--hx-prose-h6-font-size, var(--hx-font-size-md, 1rem));font-weight:var(--hx-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em);margin-bottom:var(--hx-space-3, .75rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose :is(h1+h2,h2+h3,h3+h4,h4+h5,h5+h6){margin-top:var(--hx-space-2, .5rem)}hx-prose *+h1{margin-top:var(--hx-space-12, 3rem)}hx-prose *+h2{margin-top:var(--hx-space-10, 2.5rem)}hx-prose *+h3{margin-top:var(--hx-space-8, 2rem)}hx-prose :is(*+h4,*+h5,*+h6){margin-top:var(--hx-space-6, 1.5rem)}hx-prose p{margin-top:0;margin-bottom:var(--hx-space-4, 1rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75));color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose p.lead{font-size:var(--hx-prose-lead-font-size, var(--hx-font-size-lg, 1.125rem));color:var(--hx-prose-lead-color, var(--hx-color-neutral-600, #495057))}hx-prose blockquote{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);margin-left:0;margin-right:0;padding:var(--hx-space-4, 1rem) var(--hx-space-6, 1.5rem);border-left:var(--hx-border-width-thick, 3px) solid var(--hx-color-primary-500, #2563eb);background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa));border-radius:0 var(--hx-border-radius-sm, .25rem) var(--hx-border-radius-sm, .25rem) 0;font-style:italic;color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose blockquote p{color:inherit}hx-prose blockquote p:last-child{margin-bottom:0}hx-prose blockquote cite{display:block;margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);font-style:normal;font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose blockquote cite:before{content:\\\"\\\\2014\\\\a0\\\"}hx-prose hr{border:0;border-top:var(--hx-divider-width, var(--hx-border-width-thin, 1px)) solid var(--hx-divider-color, var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6)));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose :is(strong,b){font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827))}hx-prose :is(em,i){font-style:italic}hx-prose small{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose mark{background-color:var(--hx-color-warning-100, #fff3cd);color:var(--hx-color-neutral-900, #0d1117);padding:var(--hx-space-0, 0) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(del,s){text-decoration:line-through;color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose ins{text-decoration:underline;text-decoration-color:var(--hx-color-success-300, #75b798)}hx-prose abbr[title]{text-decoration:underline dotted;text-decoration-color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));cursor:help;text-underline-offset:.15em}hx-prose :is(sub,sup){font-size:var(--hx-font-size-xs, .75rem);line-height:0;position:relative;vertical-align:baseline}hx-prose sup{top:-.5em}hx-prose sub{bottom:-.25em}hx-prose a{color:var( --hx-prose-link-color, var(--hx-color-text-link, var(--hx-color-primary-600, #006868)) );text-decoration:underline;text-decoration-color:var(--hx-color-primary-200, #80c2c2);text-underline-offset:.15em;transition:color var(--hx-transition-fast, .15s ease),text-decoration-color var(--hx-transition-fast, .15s ease)}hx-prose a:hover{color:var(--hx-color-text-link-hover, var(--hx-color-primary-700, #005252));text-decoration-color:currentColor}hx-prose a:visited{color:var(--hx-color-text-link-visited, var(--hx-color-secondary-600, #4f46e5))}hx-prose a:active{color:var(--hx-color-text-link-active, var(--hx-color-primary-800, #003c3c))}hx-prose a:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));outline-offset:var(--hx-focus-ring-offset, 2px);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(ul,ol){margin-top:0;margin-bottom:var(--hx-space-4, 1rem);padding-left:var(--hx-space-6, 1.5rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose ul{list-style-type:disc}hx-prose ol{list-style-type:decimal}hx-prose li{margin-bottom:var(--hx-space-2, .5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75))}hx-prose li:last-child{margin-bottom:0}hx-prose li>p{margin-bottom:var(--hx-space-2, .5rem)}hx-prose li>p:last-child{margin-bottom:0}hx-prose :is(ul ul,ol ul){list-style-type:circle;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ul ul ul,ol ul ul,ul ol ul,ol ol ul){list-style-type:square}hx-prose :is(ol ol,ul ol){list-style-type:lower-alpha;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ol ol ol,ul ol ol,ol ul ol,ul ul ol){list-style-type:lower-roman}hx-prose :is(ul,ol) ::marker{color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose dl{margin-top:0;margin-bottom:var(--hx-space-4, 1rem)}hx-prose dt{font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-bottom:var(--hx-space-1, .25rem)}hx-prose dt+dt{margin-top:var(--hx-space-4, 1rem)}hx-prose dd{margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose dd:last-child{margin-bottom:0}hx-prose table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));overflow-x:auto;display:block}@media(min-width:640px){hx-prose table{display:table}}hx-prose caption{padding-top:var(--hx-space-3, .75rem);padding-bottom:var(--hx-space-3, .75rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));text-align:left;caption-side:top}hx-prose thead{border-bottom:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose tfoot{border-top:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose th{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));text-align:left;background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose td{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));vertical-align:top}hx-prose tbody tr:nth-child(2n){background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose tbody tr:hover{background-color:var(--hx-color-primary-50, #e6f3f3)}hx-prose :is(th,td)[align=center]{text-align:center}hx-prose :is(th,td)[align=right]{text-align:right}hx-prose :is(code,pre,kbd,samp){font-family:var( --hx-font-family-mono, \\\"JetBrains Mono\\\", ui-monospace, \\\"Cascadia Code\\\", monospace )}hx-prose code{font-size:var(--hx-font-size-sm, .875em);font-weight:var(--hx-font-weight-normal, 400);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));color:var(--hx-color-error-600, #b02a37);padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem);word-break:break-word}hx-prose pre{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);overflow-x:auto;font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-relaxed, 1.75);color:var(--hx-color-neutral-800, #212529);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);-webkit-overflow-scrolling:touch;tab-size:2}hx-prose pre code{background-color:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;font-weight:inherit;word-break:normal}hx-prose samp{font-size:var(--hx-font-size-sm, .875em)}hx-prose kbd{padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-2, .5rem);background-color:var(--hx-color-neutral-800, #212529);color:var(--hx-color-neutral-0, #ffffff);border-radius:var(--hx-border-radius-sm, .25rem);box-shadow:var(--hx-shadow-inset-sm, inset 0 -1px 0 rgba(0, 0, 0, .25))}hx-prose var{font-style:italic;color:var(--hx-color-secondary-600, #4f46e5)}hx-prose :is(img,figure>a img){border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose img{max-width:100%;height:auto;display:block}hx-prose figure{margin:0;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose figure img{margin-bottom:0}hx-prose figure>a{display:block}hx-prose figcaption{margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic}hx-prose :is(video,iframe){max-width:100%;display:block;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose video{height:auto}hx-prose iframe{border:0}hx-prose :is(.embed-responsive,.video-embed,.media-oembed){position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(.embed-responsive,.video-embed,.media-oembed) :is(iframe,video){position:absolute;top:0;left:0;width:100%;height:100%;margin-bottom:0;border-radius:0}hx-prose audio{width:100%;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(object,embed){max-width:100%}hx-prose .field{margin-bottom:var(--hx-space-4, 1rem)}hx-prose .field:last-child{margin-bottom:0}hx-prose .field__label{font-weight:var(--hx-font-weight-semibold, 600);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057));margin-bottom:var(--hx-space-1, .25rem);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em)}hx-prose .field__item{margin-bottom:var(--hx-space-2, .5rem)}hx-prose .field__item:last-child{margin-bottom:0}hx-prose .field__items{list-style:none;padding-left:0;margin:0}hx-prose .text-formatted>*:last-child{margin-bottom:0}hx-prose :is(.media-embed,.embedded-entity,.media--type-image,.media--type-remote-video){margin-top:var(--hx-space-4, 1rem);margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(.media-embed,.embedded-entity) img{max-width:100%;height:auto;display:block}hx-prose .align-left{float:left;margin-right:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-right{float:right;margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-center{display:block;margin-left:auto;margin-right:auto;margin-bottom:var(--hx-space-6, 1.5rem);text-align:center}hx-prose :is(.align-left,.align-right) img{display:block}hx-prose :is(.align-left,.align-right)+*{clear:both}hx-prose .caption{margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .caption :is(figcaption,.caption-text){font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic;margin-top:var(--hx-space-2, .5rem)}hx-prose .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .table-responsive table{margin-bottom:0}hx-prose :is(.messages,.callout){padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);margin-bottom:var(--hx-space-4, 1rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);border-left-width:var(--hx-border-width-thick, 3px)}hx-prose .messages--status{border-left-color:var(--hx-color-success-500, #198754);background-color:var(--hx-color-success-50, #f0fdf4)}hx-prose .messages--warning{border-left-color:var(--hx-color-warning-500, #ffc107);background-color:var(--hx-color-warning-50, #fffbeb)}hx-prose .messages--error{border-left-color:var(--hx-color-error-500, #dc3545);background-color:var(--hx-color-error-50, #fef2f2)}hx-prose .page-break{border:0;border-top:var(--hx-border-width-thin, 1px) dashed var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose .clearfix:after{content:\\\"\\\";display:table;clear:both}\\n\"","import proseScopedCss from '../../styles/prose/prose.scoped.css?raw';\n\nexport const helixProseScopedCss = proseScopedCss;\n","import { LitElement, html, type PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { AdoptedStylesheetsController } from '../../controllers/adopted-stylesheets.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { helixProseScopedCss } from './hx-prose.styles.js';\n\n/**\n * A Light DOM prose container that applies typographic styles to rich text\n * content such as CKEditor output, Markdown-rendered HTML, or any structured\n * body copy.\n *\n * Renders in the Light DOM (no Shadow DOM) so that global and scoped styles\n * can target child elements directly. Uses the AdoptedStylesheetsController\n * to inject scoped prose CSS into the document without duplication.\n *\n * @summary Light DOM typography wrapper for rich text and CMS content.\n *\n * @tag hx-prose\n *\n * @slot - Default slot for rich text content (headings, paragraphs, lists, tables, etc.).\n *\n * @cssprop [--hx-prose-max-width=720px] - Maximum content width.\n * @cssprop [--hx-prose-font-size=var(--hx-font-size-base)] - Base font size.\n * @cssprop [--hx-prose-line-height=var(--hx-line-height-relaxed)] - Base line height.\n * @cssprop [--hx-prose-color=var(--hx-color-text)] - Body text color.\n * @cssprop [--hx-prose-heading-color=var(--hx-color-text-strong)] - Heading color.\n * @cssprop [--hx-prose-link-color=var(--hx-color-primary)] - Link color.\n */\n@customElement('hx-prose')\nexport class HelixProse extends LitElement {\n  // ─── Light DOM ───\n\n  override createRenderRoot(): this {\n    return this;\n  }\n\n  // ─── Adopted Stylesheets ───\n\n  /** @internal */\n  private adoptedStyles = new AdoptedStylesheetsController(this, helixProseScopedCss, document);\n\n  // ─── Properties ───\n\n  /**\n   * Typography scale for the prose content.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'base' | 'lg' = 'base';\n\n  /**\n   * Maximum content width. When set, overrides the --hx-prose-max-width token.\n   * Accepts any valid CSS width value (e.g., '640px', '80ch', '100%').\n   * @attr max-width\n   */\n  @property({ type: String, reflect: true, attribute: 'max-width' })\n  maxWidth = '';\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-prose', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize as 'sm' | 'base' | 'lg';\n    }\n    this.style.display = 'block';\n    this._applyMaxWidth();\n    this._applySize();\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('maxWidth')) {\n      this._applyMaxWidth();\n    }\n    if (changedProperties.has('size')) {\n      this._applySize();\n    }\n  }\n\n  // ─── Private ───\n\n  /** @internal */\n  private _applyMaxWidth(): void {\n    if (this.maxWidth) {\n      this.style.setProperty('--hx-prose-max-width', this.maxWidth);\n    } else {\n      this.style.removeProperty('--hx-prose-max-width');\n    }\n  }\n\n  /** @internal */\n  private _applySize(): void {\n    const sizeMap: Record<string, string> = {\n      sm: 'var(--hx-font-size-sm, 0.875rem)',\n      base: '',\n      lg: 'var(--hx-font-size-lg, 1.125rem)',\n    };\n\n    const fontSize = sizeMap[this.size];\n    if (fontSize) {\n      this.style.setProperty('--hx-prose-font-size', fontSize);\n    } else {\n      this.style.removeProperty('--hx-prose-font-size');\n    }\n  }\n\n  // ─── Render ───\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-prose': HelixProse;\n  }\n}\n"],"names":["proseScopedCss","helixProseScopedCss","HelixProse","LitElement","AdoptedStylesheetsController","legacySize","changedProperties","fontSize","html","__decorateClass","property","customElement"],"mappings":";;;AAAA,MAAAA,IAAe;AAAA,GCEFC,IAAsBD;;;;;;AC2B5B,IAAME,IAAN,cAAyBC,EAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA,GAUL,KAAQ,gBAAgB,IAAIC,EAA6B,MAAMH,GAAqB,QAAQ,GAS5F,KAAA,OAA6B,QAQ7B,KAAA,WAAW;AAAA,EAAA;AAAA;AAAA,EAxBF,mBAAyB;AAChC,WAAO;AAAA,EACT;AAAA;AAAA,EA0BS,oBAA0B;AACjC,UAAM,kBAAA;AAGN,UAAMI,IAAa,KAAK,aAAa,MAAM;AAC3C,IAAIA,MAAe,QAAQ,CAAC,KAAK,aAAa,SAAS,MAErD,KAAK,OAAOA,IAEd,KAAK,MAAM,UAAU,SACrB,KAAK,eAAA,GACL,KAAK,WAAA;AAAA,EACP;AAAA,EAES,QAAQC,GAA+C;AAC9D,IAAIA,EAAkB,IAAI,UAAU,KAClC,KAAK,eAAA,GAEHA,EAAkB,IAAI,MAAM,KAC9B,KAAK,WAAA;AAAA,EAET;AAAA;AAAA;AAAA,EAKQ,iBAAuB;AAC7B,IAAI,KAAK,WACP,KAAK,MAAM,YAAY,wBAAwB,KAAK,QAAQ,IAE5D,KAAK,MAAM,eAAe,sBAAsB;AAAA,EAEpD;AAAA;AAAA,EAGQ,aAAmB;AAOzB,UAAMC,IANkC;AAAA,MACtC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,IAAA,EAGmB,KAAK,IAAI;AAClC,IAAIA,IACF,KAAK,MAAM,YAAY,wBAAwBA,CAAQ,IAEvD,KAAK,MAAM,eAAe,sBAAsB;AAAA,EAEpD;AAAA;AAAA,EAIS,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AAnEEC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM,WAAW,WAAW;AAAA,GAlBpDR,EAmBX,WAAA,QAAA,CAAA;AAQAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM,WAAW,aAAa;AAAA,GA1BtDR,EA2BX,WAAA,YAAA,CAAA;AA3BWA,IAANO,EAAA;AAAA,EADNE,EAAc,UAAU;AAAA,GACZT,CAAA;"}
+{"version":3,"file":"hx-prose-BCtK7YL6.js","sources":["../../src/styles/prose/prose.scoped.css?raw","../../src/components/hx-prose/hx-prose.styles.ts","../../src/components/hx-prose/hx-prose.ts"],"sourcesContent":["export default \"hx-prose{display:block;font-family:var(--hx-font-family-sans, sans-serif)}hx-prose :is(h1,h2,h3,h4,h5,h6){font-family:var( --hx-prose-heading-font-family, var(--hx-heading-font-family, var(--hx-font-family-sans, sans-serif)) );font-weight:var( --hx-prose-heading-font-weight, var(--hx-heading-font-weight, var(--hx-font-weight-bold, 700)) );line-height:var( --hx-prose-heading-line-height, var(--hx-heading-line-height, var(--hx-line-height-tight, 1.25)) );letter-spacing:var( --hx-prose-heading-letter-spacing, var(--hx-heading-letter-spacing, var(--hx-letter-spacing-tight, -.025em)) );color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-top:0;scroll-margin-top:var(--hx-space-8, 2rem)}hx-prose h1{font-size:var(--hx-prose-h1-font-size, var(--hx-font-size-4xl, 2.25rem));margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose h2{font-size:var(--hx-prose-h2-font-size, var(--hx-font-size-3xl, 1.875rem));margin-bottom:var(--hx-space-5, 1.25rem);padding-bottom:var(--hx-space-3, .75rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-subtle, var(--hx-color-neutral-100, #e9ecef))}hx-prose h3{font-size:var(--hx-prose-h3-font-size, var(--hx-font-size-2xl, 1.5rem));margin-bottom:var(--hx-space-4, 1rem)}hx-prose h4{font-size:var(--hx-prose-h4-font-size, var(--hx-font-size-xl, 1.25rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h5{font-size:var(--hx-prose-h5-font-size, var(--hx-font-size-lg, 1.125rem));margin-bottom:var(--hx-space-3, .75rem)}hx-prose h6{font-size:var(--hx-prose-h6-font-size, var(--hx-font-size-md, 1rem));font-weight:var(--hx-font-weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em);margin-bottom:var(--hx-space-3, .75rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose :is(h1+h2,h2+h3,h3+h4,h4+h5,h5+h6){margin-top:var(--hx-space-2, .5rem)}hx-prose *+h1{margin-top:var(--hx-space-12, 3rem)}hx-prose *+h2{margin-top:var(--hx-space-10, 2.5rem)}hx-prose *+h3{margin-top:var(--hx-space-8, 2rem)}hx-prose :is(*+h4,*+h5,*+h6){margin-top:var(--hx-space-6, 1.5rem)}hx-prose p{margin-top:0;margin-bottom:var(--hx-space-4, 1rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75));color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose p.lead{font-size:var(--hx-prose-lead-font-size, var(--hx-font-size-lg, 1.125rem));color:var(--hx-prose-lead-color, var(--hx-color-neutral-600, #495057))}hx-prose blockquote{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);margin-left:0;margin-right:0;padding:var(--hx-space-4, 1rem) var(--hx-space-6, 1.5rem);border-left:var(--hx-border-width-thick, 3px) solid var(--hx-color-primary-500, #2563eb);background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa));border-radius:0 var(--hx-border-radius-sm, .25rem) var(--hx-border-radius-sm, .25rem) 0;font-style:italic;color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057))}hx-prose blockquote p{color:inherit}hx-prose blockquote p:last-child{margin-bottom:0}hx-prose blockquote cite{display:block;margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);font-style:normal;font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose blockquote cite:before{content:\\\"\\\\2014\\\\a0\\\"}hx-prose hr{border:0;border-top:var(--hx-divider-width, var(--hx-border-width-thin, 1px)) solid var(--hx-divider-color, var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6)));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose :is(strong,b){font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827))}hx-prose :is(em,i){font-style:italic}hx-prose small{font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose mark{background-color:var(--hx-color-warning-100, #fff3cd);color:var(--hx-color-neutral-900, #0d1117);padding:var(--hx-space-0, 0) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(del,s){text-decoration:line-through;color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose ins{text-decoration:underline;text-decoration-color:var(--hx-color-success-300, #75b798)}hx-prose abbr[title]{text-decoration:underline dotted;text-decoration-color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));cursor:help;text-underline-offset:.15em}hx-prose :is(sub,sup){font-size:var(--hx-font-size-xs, .75rem);line-height:0;position:relative;vertical-align:baseline}hx-prose sup{top:-.5em}hx-prose sub{bottom:-.25em}hx-prose a{color:var( --hx-prose-link-color, var(--hx-color-text-link, var(--hx-color-primary-600, #006868)) );text-decoration:underline;text-decoration-color:var(--hx-color-primary-200, #80c2c2);text-underline-offset:.15em;transition:color var(--hx-transition-fast, .15s ease),text-decoration-color var(--hx-transition-fast, .15s ease)}hx-prose a:hover{color:var(--hx-color-text-link-hover, var(--hx-color-primary-700, #005252));text-decoration-color:currentColor}hx-prose a:visited{color:var(--hx-color-text-link-visited, var(--hx-color-secondary-600, #4f46e5))}hx-prose a:active{color:var(--hx-color-text-link-active, var(--hx-color-primary-800, #003c3c))}hx-prose a:focus-visible{outline:var(--hx-focus-ring-width, 2px) solid var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));outline-offset:var(--hx-focus-ring-offset, 2px);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(ul,ol){margin-top:0;margin-bottom:var(--hx-space-4, 1rem);padding-left:var(--hx-space-6, 1.5rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose ul{list-style-type:disc}hx-prose ol{list-style-type:decimal}hx-prose li{margin-bottom:var(--hx-space-2, .5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75))}hx-prose li:last-child{margin-bottom:0}hx-prose li>p{margin-bottom:var(--hx-space-2, .5rem)}hx-prose li>p:last-child{margin-bottom:0}hx-prose :is(ul ul,ol ul){list-style-type:circle;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ul ul ul,ol ul ul,ul ol ul,ol ol ul){list-style-type:square}hx-prose :is(ol ol,ul ol){list-style-type:lower-alpha;margin-top:var(--hx-space-2, .5rem);margin-bottom:var(--hx-space-2, .5rem)}hx-prose :is(ol ol ol,ul ol ol,ol ul ol,ul ul ol){list-style-type:lower-roman}hx-prose :is(ul,ol) ::marker{color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d))}hx-prose dl{margin-top:0;margin-bottom:var(--hx-space-4, 1rem)}hx-prose dt{font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));margin-bottom:var(--hx-space-1, .25rem)}hx-prose dt+dt{margin-top:var(--hx-space-4, 1rem)}hx-prose dd{margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40))}hx-prose dd:last-child{margin-bottom:0}hx-prose table{width:100%;border-collapse:collapse;border-spacing:0;margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);font-size:var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));overflow-x:auto;display:block}@media(min-width:640px){hx-prose table{display:table}}hx-prose caption{padding-top:var(--hx-space-3, .75rem);padding-bottom:var(--hx-space-3, .75rem);font-size:var(--hx-font-size-sm, .875rem);font-weight:var(--hx-font-weight-medium, 500);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));text-align:left;caption-side:top}hx-prose thead{border-bottom:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose tfoot{border-top:var(--hx-border-width-medium, 2px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6))}hx-prose th{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);font-weight:var(--hx-font-weight-semibold, 600);color:var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));text-align:left;background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose td{padding:var(--hx-space-3, .75rem) var(--hx-space-4, 1rem);border-bottom:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));vertical-align:top}hx-prose tbody tr:nth-child(2n){background-color:var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa))}hx-prose tbody tr:hover{background-color:var(--hx-color-primary-50, #e6f3f3)}hx-prose :is(th,td)[align=center]{text-align:center}hx-prose :is(th,td)[align=right]{text-align:right}hx-prose :is(code,pre,kbd,samp){font-family:var( --hx-font-family-mono, \\\"JetBrains Mono\\\", ui-monospace, \\\"Cascadia Code\\\", monospace )}hx-prose code{font-size:var(--hx-font-size-sm, .875em);font-weight:var(--hx-font-weight-normal, 400);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));color:var(--hx-color-error-600, #b02a37);padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-1, .25rem);border-radius:var(--hx-border-radius-sm, .25rem);word-break:break-word}hx-prose pre{margin-top:0;margin-bottom:var(--hx-space-6, 1.5rem);padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);overflow-x:auto;font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-relaxed, 1.75);color:var(--hx-color-neutral-800, #212529);background-color:var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);-webkit-overflow-scrolling:touch;tab-size:2}hx-prose pre code{background-color:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit;font-weight:inherit;word-break:normal}hx-prose samp{font-size:var(--hx-font-size-sm, .875em)}hx-prose kbd{padding:var(--hx-prose-code-padding-v, .125em) var(--hx-space-2, .5rem);background-color:var(--hx-color-neutral-800, #212529);color:var(--hx-color-neutral-0, #ffffff);border-radius:var(--hx-border-radius-sm, .25rem);box-shadow:var(--hx-shadow-inset-sm, inset 0 -1px 0 rgba(0, 0, 0, .25))}hx-prose var{font-style:italic;color:var(--hx-color-secondary-600, #4f46e5)}hx-prose :is(img,figure>a img){border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose img{max-width:100%;height:auto;display:block}hx-prose figure{margin:0;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose figure img{margin-bottom:0}hx-prose figure>a{display:block}hx-prose figcaption{margin-top:var(--hx-space-2, .5rem);font-size:var(--hx-font-size-sm, .875rem);line-height:var(--hx-line-height-normal, 1.5);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic}hx-prose :is(video,iframe){max-width:100%;display:block;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose video{height:auto}hx-prose iframe{border:0}hx-prose :is(.embed-responsive,.video-embed,.media-oembed){position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:var(--hx-space-6, 1.5rem);border-radius:var(--hx-border-radius-sm, .25rem)}hx-prose :is(.embed-responsive,.video-embed,.media-oembed) :is(iframe,video){position:absolute;top:0;left:0;width:100%;height:100%;margin-bottom:0;border-radius:0}hx-prose audio{width:100%;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(object,embed){max-width:100%}hx-prose .field{margin-bottom:var(--hx-space-4, 1rem)}hx-prose .field:last-child{margin-bottom:0}hx-prose .field__label{font-weight:var(--hx-font-weight-semibold, 600);font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057));margin-bottom:var(--hx-space-1, .25rem);text-transform:uppercase;letter-spacing:var(--hx-letter-spacing-wide, .025em)}hx-prose .field__item{margin-bottom:var(--hx-space-2, .5rem)}hx-prose .field__item:last-child{margin-bottom:0}hx-prose .field__items{list-style:none;padding-left:0;margin:0}hx-prose .text-formatted>*:last-child{margin-bottom:0}hx-prose :is(.media-embed,.embedded-entity,.media--type-image,.media--type-remote-video){margin-top:var(--hx-space-4, 1rem);margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose :is(.media-embed,.embedded-entity) img{max-width:100%;height:auto;display:block}hx-prose .align-left{float:left;margin-right:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-right{float:right;margin-left:var(--hx-space-6, 1.5rem);margin-bottom:var(--hx-space-4, 1rem);max-width:50%}hx-prose .align-center{display:block;margin-left:auto;margin-right:auto;margin-bottom:var(--hx-space-6, 1.5rem);text-align:center}hx-prose :is(.align-left,.align-right) img{display:block}hx-prose :is(.align-left,.align-right)+*{clear:both}hx-prose .caption{margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .caption :is(figcaption,.caption-text){font-size:var(--hx-font-size-sm, .875rem);color:var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));font-style:italic;margin-top:var(--hx-space-2, .5rem)}hx-prose .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--hx-space-6, 1.5rem)}hx-prose .table-responsive table{margin-bottom:0}hx-prose :is(.messages,.callout){padding:var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);margin-bottom:var(--hx-space-4, 1rem);border:var(--hx-border-width-thin, 1px) solid var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));border-radius:var(--hx-border-radius-md, .375rem);border-left-width:var(--hx-border-width-thick, 3px)}hx-prose .messages--status{border-left-color:var(--hx-color-success-500, #198754);background-color:var(--hx-color-success-50, #f0fdf4)}hx-prose .messages--warning{border-left-color:var(--hx-color-warning-500, #ffc107);background-color:var(--hx-color-warning-50, #fffbeb)}hx-prose .messages--error{border-left-color:var(--hx-color-error-500, #dc3545);background-color:var(--hx-color-error-50, #fef2f2)}hx-prose .page-break{border:0;border-top:var(--hx-border-width-thin, 1px) dashed var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));margin-top:var(--hx-space-8, 2rem);margin-bottom:var(--hx-space-8, 2rem)}hx-prose .clearfix:after{content:\\\"\\\";display:table;clear:both}\\n\\n@media (forced-colors: active) {\\n  /* Links: use system LinkText color */\\n  hx-prose a { color: LinkText; }\\n  hx-prose a:hover,\\n  hx-prose a:visited,\\n  hx-prose a:active { color: LinkText; }\\n  hx-prose a:focus-visible { outline: 2px solid Highlight; outline-offset: 2px; }\\n\\n  /* Blockquote: replace background with visible border */\\n  hx-prose blockquote { background-color: Canvas; border-left-color: CanvasText; }\\n\\n  /* Mark: background suppressed — add outline to preserve semantic highlight */\\n  hx-prose mark { background-color: Highlight; color: HighlightText; forced-color-adjust: none; }\\n\\n  /* kbd: ensure keyboard shortcut rendering in forced-colors */\\n  hx-prose kbd { background-color: ButtonFace; color: ButtonText; box-shadow: none; border: 1px solid ButtonText; forced-color-adjust: none; }\\n\\n  /* Table: remove background-color zebra striping (invisible in HCM), rely on borders */\\n  hx-prose th { background-color: Canvas; border: 1px solid CanvasText; }\\n  hx-prose tbody tr:nth-child(2n) { background-color: Canvas; }\\n  hx-prose tbody tr:hover { background-color: Highlight; color: HighlightText; forced-color-adjust: none; }\\n\\n  /* Status messages: border color communicates state, ensure it uses system colors */\\n  hx-prose .messages--status { background-color: Canvas; border-left-color: CanvasText; }\\n  hx-prose .messages--warning { background-color: Canvas; border-left-color: CanvasText; }\\n  hx-prose .messages--error { background-color: Canvas; border-left-color: LinkText; }\\n\\n  /* Code blocks */\\n  hx-prose code { background-color: Canvas; color: CanvasText; border: 1px solid CanvasText; }\\n  hx-prose pre { background-color: Canvas; border-color: CanvasText; }\\n}\\n\"","import proseScopedCss from '../../styles/prose/prose.scoped.css?raw';\n\n/**\n * Scoped CSS for hx-prose (applied to light DOM via CSSStyleSheet adoption).\n *\n * @media (forced-colors: active) rules are authored directly in\n * `../../styles/prose/prose.scoped.css` so they remain co-located with the\n * selectors they override. See the bottom of that file for the complete\n * forced-colors block.\n */\nexport const helixProseScopedCss = proseScopedCss;\n","import { html, type PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { HelixElement } from '../../base/index.js';\nimport { AdoptedStylesheetsController } from '../../controllers/adopted-stylesheets.js';\nimport { devWarn } from '../../utils/dev-warn.js';\nimport { helixProseScopedCss } from './hx-prose.styles.js';\n\n/**\n * A Light DOM prose container that applies typographic styles to rich text\n * content such as CKEditor output, Markdown-rendered HTML, or any structured\n * body copy.\n *\n * Renders in the Light DOM (no Shadow DOM) so that global and scoped styles\n * can target child elements directly. Uses the AdoptedStylesheetsController\n * to inject scoped prose CSS into the document without duplication.\n *\n * @summary Light DOM typography wrapper for rich text and CMS content.\n *\n * @tag hx-prose\n *\n * @slot - Default slot for rich text content (headings, paragraphs, lists, tables, etc.).\n *\n * @cssprop [--hx-prose-max-width=720px] - Maximum content width.\n * @cssprop [--hx-prose-font-size=var(--hx-font-size-base)] - Base font size.\n * @cssprop [--hx-prose-line-height=var(--hx-line-height-relaxed)] - Base line height.\n * @cssprop [--hx-prose-color=var(--hx-color-text)] - Body text color.\n * @cssprop [--hx-prose-heading-color=var(--hx-color-text-strong)] - Heading color.\n * @cssprop [--hx-prose-link-color=var(--hx-color-primary)] - Link color.\n */\n@customElement('hx-prose')\nexport class HelixProse extends HelixElement {\n  // ─── Light DOM ───\n\n  override createRenderRoot(): this {\n    return this;\n  }\n\n  // ─── Adopted Stylesheets ───\n\n  /** @internal */\n  private adoptedStyles = new AdoptedStylesheetsController(this, helixProseScopedCss, document);\n\n  // ─── Properties ───\n\n  /**\n   * Typography scale for the prose content.\n   * @attr hx-size\n   */\n  @property({ type: String, reflect: true, attribute: 'hx-size' })\n  size: 'sm' | 'base' | 'lg' = 'base';\n\n  /**\n   * Maximum content width. When set, overrides the --hx-prose-max-width token.\n   * Accepts any valid CSS width value (e.g., '640px', '80ch', '100%').\n   * @attr max-width\n   */\n  @property({ type: String, reflect: true, attribute: 'max-width' })\n  maxWidth = '';\n\n  // ─── Lifecycle ───\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    // Backward compat: accept legacy `size` attribute. When present and `hx-size`\n    // is not set, map the value and emit a deprecation warning.\n    const legacySize = this.getAttribute('size');\n    if (legacySize !== null && !this.hasAttribute('hx-size')) {\n      devWarn('hx-prose', 'The \"size\" attribute is deprecated. Use \"hx-size\" instead.');\n      this.size = legacySize as 'sm' | 'base' | 'lg';\n    }\n    this.style.display = 'block';\n    this._applyMaxWidth();\n    this._applySize();\n  }\n\n  override updated(changedProperties: PropertyValues<this>): void {\n    if (changedProperties.has('maxWidth')) {\n      this._applyMaxWidth();\n    }\n    if (changedProperties.has('size')) {\n      this._applySize();\n    }\n  }\n\n  // ─── Private ───\n\n  /** @internal */\n  private _applyMaxWidth(): void {\n    if (this.maxWidth) {\n      this.style.setProperty('--hx-prose-max-width', this.maxWidth);\n    } else {\n      this.style.removeProperty('--hx-prose-max-width');\n    }\n  }\n\n  /** @internal */\n  private _applySize(): void {\n    const sizeMap: Record<string, string> = {\n      sm: 'var(--hx-font-size-sm, 0.875rem)',\n      base: '',\n      lg: 'var(--hx-font-size-lg, 1.125rem)',\n    };\n\n    const fontSize = sizeMap[this.size];\n    if (fontSize) {\n      this.style.setProperty('--hx-prose-font-size', fontSize);\n    } else {\n      this.style.removeProperty('--hx-prose-font-size');\n    }\n  }\n\n  // ─── Render ───\n\n  override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'hx-prose': HelixProse;\n  }\n}\n"],"names":["proseScopedCss","helixProseScopedCss","HelixProse","HelixElement","AdoptedStylesheetsController","legacySize","changedProperties","fontSize","html","__decorateClass","property","customElement"],"mappings":";;;;AAAA,MAAAA,IAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCUFC,IAAsBD;;;;;;ACoB5B,IAAME,IAAN,cAAyBC,EAAa;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GAUL,KAAQ,gBAAgB,IAAIC,EAA6B,MAAMH,GAAqB,QAAQ,GAS5F,KAAA,OAA6B,QAQ7B,KAAA,WAAW;AAAA,EAAA;AAAA;AAAA,EAxBF,mBAAyB;AAChC,WAAO;AAAA,EACT;AAAA;AAAA,EA0BS,oBAA0B;AACjC,UAAM,kBAAA;AAGN,UAAMI,IAAa,KAAK,aAAa,MAAM;AAC3C,IAAIA,MAAe,QAAQ,CAAC,KAAK,aAAa,SAAS,MAErD,KAAK,OAAOA,IAEd,KAAK,MAAM,UAAU,SACrB,KAAK,eAAA,GACL,KAAK,WAAA;AAAA,EACP;AAAA,EAES,QAAQC,GAA+C;AAC9D,IAAIA,EAAkB,IAAI,UAAU,KAClC,KAAK,eAAA,GAEHA,EAAkB,IAAI,MAAM,KAC9B,KAAK,WAAA;AAAA,EAET;AAAA;AAAA;AAAA,EAKQ,iBAAuB;AAC7B,IAAI,KAAK,WACP,KAAK,MAAM,YAAY,wBAAwB,KAAK,QAAQ,IAE5D,KAAK,MAAM,eAAe,sBAAsB;AAAA,EAEpD;AAAA;AAAA,EAGQ,aAAmB;AAOzB,UAAMC,IANkC;AAAA,MACtC,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,IAAI;AAAA,IAAA,EAGmB,KAAK,IAAI;AAClC,IAAIA,IACF,KAAK,MAAM,YAAY,wBAAwBA,CAAQ,IAEvD,KAAK,MAAM,eAAe,sBAAsB;AAAA,EAEpD;AAAA;AAAA,EAIS,SAAS;AAChB,WAAOC;AAAA,EACT;AACF;AAnEEC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM,WAAW,WAAW;AAAA,GAlBpDR,EAmBX,WAAA,QAAA,CAAA;AAQAO,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM,WAAW,aAAa;AAAA,GA1BtDR,EA2BX,WAAA,YAAA,CAAA;AA3BWA,IAANO,EAAA;AAAA,EADNE,EAAc,UAAU;AAAA,GACZT,CAAA;"}