@helixui/library 2.1.2 → 3.0.0-next.62

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;"}

package/dist/shared/{hx-radio-f8c5ggHG.js → hx-radio-BBC5qZgE.js}

@@ -1,8 +1,10 @@
-import { css as g, LitElement as m, nothing as h, html as p } from "lit";
-import "./document-token-adoption-DuYNKd4k.js";
-import { property as d, state as w, customElement as y } from "lit/decorators.js";
-import { classMap as k } from "lit/directives/class-map.js";
-const R = g`
+import { css as g, nothing as h, html as p } from "lit";
+import { property as d, state as R, customElement as m } from "lit/decorators.js";
+import { classMap as y } from "lit/directives/class-map.js";
+import { F as S } from "./FormMixin-B8PXk5RQ.js";
+import { H as k } from "./helix-element-BNEYeiys.js";
+import { c as w } from "./id-counter-DuX8vsui.js";
+const E = g`
   :host {
     display: block;
   }
@@ -25,7 +27,7 @@ const R = g`
     display: flex;
     flex-direction: column;
     gap: var(--hx-space-2, 0.5rem);
-    font-family: var(--hx-font-family-sans, sans-serif);
+    font-family: var(--hx-radio-group-font-family, var(--hx-font-family-sans, sans-serif));
   }
 
   /* ─── Legend ─── */
@@ -36,7 +38,7 @@ const R = g`
     gap: var(--hx-space-1, 0.25rem);
     font-size: var(--hx-font-size-sm, 0.875rem);
     font-weight: var(--hx-font-weight-medium, 500);
-    color: var(--hx-radio-group-label-color, var(--hx-color-neutral-700, #343a40));
+    color: var(--hx-radio-group-label-color, var(--hx-color-neutral-700, #334155));
     line-height: var(--hx-line-height-normal, 1.5);
     padding: 0;
     margin-bottom: var(--hx-space-1, 0.25rem);
@@ -70,7 +72,7 @@ const R = g`
 
   .fieldset__help-text {
     font-size: var(--hx-font-size-xs, 0.75rem);
-    color: var(--hx-radio-group-help-text-color, var(--hx-color-neutral-500, #6c757d));
+    color: var(--hx-radio-group-help-text-color, var(--hx-color-neutral-500, #64748b));
     line-height: var(--hx-line-height-normal, 1.5);
   }
 
@@ -79,19 +81,52 @@ const R = g`
     color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));
     line-height: var(--hx-line-height-normal, 1.5);
   }
+
+  /* ─── High Contrast Mode (forced-colors) ─── */
+
+  @media (forced-colors: active) {
+    .fieldset {
+      border: none;
+    }
+
+    .fieldset__legend {
+      color: CanvasText;
+    }
+
+    .fieldset--error .fieldset__legend {
+      color: LinkText;
+    }
+
+    :host([disabled]) {
+      opacity: 1;
+    }
+
+    :host([disabled]) .fieldset__legend {
+      color: GrayText;
+    }
+
+    .fieldset__help-text {
+      color: GrayText;
+    }
+
+    .fieldset__error {
+      color: LinkText;
+    }
+  }
 `;
-var S = Object.defineProperty, E = Object.getOwnPropertyDescriptor, n = (e, r, s, t) => {
-  for (var i = t > 1 ? void 0 : t ? E(r, s) : r, a = e.length - 1, l; a >= 0; a--)
-    (l = e[a]) && (i = (t ? l(r, s, i) : l(i)) || i);
-  return t && i && S(r, s, i), i;
+var C = Object.defineProperty, I = Object.getOwnPropertyDescriptor, n = (e, t, i, r) => {
+  for (var o = r > 1 ? void 0 : r ? I(t, i) : t, a = e.length - 1, s; a >= 0; a--)
+    (s = e[a]) && (o = (r ? s(t, i, o) : s(o)) || o);
+  return r && o && C(t, i, o), o;
 };
-let C = 0, o = class extends m {
+const $ = w("hx-radio-group");
+let l = class extends S(k) {
   constructor() {
-    super(), this.value = "", this.name = "", this.label = "", this.required = !1, this.disabled = !1, this.error = "", this.helpText = "", this.orientation = "vertical", this._hasErrorSlot = !1, this._groupId = `hx-radio-group-${++C}`, this._helpTextId = `${this._groupId}-help`, this._errorId = `${this._groupId}-error`, this._cachedRadios = null, this._individualDisabledStates = /* @__PURE__ */ new WeakMap(), this._handleRadioSelect = (e) => {
+    super(...arguments), this.value = "", this.name = "", this.label = "", this.required = !1, this.disabled = !1, this.error = "", this.helpText = "", this.orientation = "vertical", this._hasErrorSlot = !1, this._groupId = $(), this._helpTextId = `${this._groupId}-help`, this._errorId = `${this._groupId}-error`, this._cachedRadios = null, this._individualDisabledStates = /* @__PURE__ */ new WeakMap(), this._handleRadioSelect = (e) => {
       if (!(e instanceof CustomEvent)) return;
       e.stopPropagation();
-      const r = e.detail.value;
-      r !== this.value && (this.value = r, this.dispatchEvent(
+      const t = e.detail.value;
+      t !== this.value && (this.value = t, this._handleInteractionInput(), this.dispatchEvent(
         new CustomEvent("hx-change", {
           bubbles: !0,
           composed: !0,
@@ -99,9 +134,9 @@ let C = 0, o = class extends m {
         })
       ));
     }, this._handleKeydown = (e) => {
-      var b, x, v, _;
-      const r = this._getEnabledRadios();
-      if (r.length === 0 || ![
+      var _, b, x, v;
+      const t = this._getEnabledRadios();
+      if (t.length === 0 || ![
         "ArrowUp",
         "ArrowDown",
         "ArrowLeft",
@@ -112,7 +147,7 @@ let C = 0, o = class extends m {
       ].includes(e.key))
         return;
       if (e.preventDefault(), e.key === " ") {
-        const u = (x = (b = e.target) == null ? void 0 : b.closest) == null ? void 0 : x.call(b, "hx-radio");
+        const u = (b = (_ = e.target) == null ? void 0 : _.closest) == null ? void 0 : b.call(_, "hx-radio");
         u && !u.disabled && u.dispatchEvent(
           new CustomEvent("hx-radio-select", {
             bubbles: !0,
@@ -122,18 +157,18 @@ let C = 0, o = class extends m {
         );
         return;
       }
-      const t = (_ = (v = e.target) == null ? void 0 : v.closest) == null ? void 0 : _.call(v, "hx-radio"), i = t ? r.indexOf(t) : r.findIndex((u) => u.checked);
+      const r = (v = (x = e.target) == null ? void 0 : x.closest) == null ? void 0 : v.call(x, "hx-radio"), o = r ? t.indexOf(r) : t.findIndex((u) => u.checked);
       let a;
-      e.key === "Home" ? a = 0 : e.key === "End" ? a = r.length - 1 : e.key === "ArrowDown" || e.key === "ArrowRight" ? a = i === -1 ? 0 : (i + 1) % r.length : a = i <= 0 ? r.length - 1 : i - 1;
-      const l = r[a];
-      l && (l.focus(), l.dispatchEvent(
+      e.key === "Home" ? a = 0 : e.key === "End" ? a = t.length - 1 : e.key === "ArrowDown" || e.key === "ArrowRight" ? a = o === -1 ? 0 : (o + 1) % t.length : a = o <= 0 ? t.length - 1 : o - 1;
+      const s = t[a];
+      s && (s.focus(), s.dispatchEvent(
         new CustomEvent("hx-radio-select", {
           bubbles: !0,
           composed: !0,
-          detail: { value: l.value }
+          detail: { value: s.value }
         })
       ));
-    }, this._internals = this.attachInternals();
+    };
   }
   /**
    * Queries the rendered group container element within the shadow root.
@@ -159,10 +194,21 @@ let C = 0, o = class extends m {
     super.disconnectedCallback(), this.removeEventListener("hx-radio-select", this._handleRadioSelect), this.removeEventListener("keydown", this._handleKeydown);
   }
   updated(e) {
-    super.updated(e), e.has("value") && (this._internals.setFormValue(this.value || null), this._syncRadios(), this._updateValidity()), e.has("disabled") && this._syncRadios();
+    var t;
+    if (super.updated(e), e.has("value") && (this._internals.setFormValue(this.value || null), this._syncRadios()), e.has("disabled") && this._syncRadios(), e.has("error") && this.error) {
+      const i = (t = this.shadowRoot) == null ? void 0 : t.querySelector('[role="alert"]');
+      if (i) {
+        const r = this.error;
+        requestAnimationFrame(() => {
+          i.textContent = "", requestAnimationFrame(() => {
+            i.textContent = r;
+          });
+        });
+      }
+    }
   }
   firstUpdated(e) {
-    super.firstUpdated(e), this._syncRadios(), this._updateValidity(), !this.label && this.getAttribute("aria-label");
+    super.firstUpdated(e), this._syncRadios(), !this.label && this.getAttribute("aria-label");
   }
   /**
    * Returns all child hx-radio elements, using the cache when available.
@@ -183,24 +229,24 @@ let C = 0, o = class extends m {
    * @internal
    */
   _syncRadios() {
-    const e = this._getRadios(), r = this._getEnabledRadios();
-    e.forEach((t) => {
-      const i = t.value === this.value && this.value !== "";
-      if (t.checked = i, this.disabled)
-        this._individualDisabledStates.has(t) || this._individualDisabledStates.set(t, t.disabled), t.disabled = !0;
+    const e = this._getRadios(), t = this._getEnabledRadios();
+    e.forEach((r) => {
+      const o = r.value === this.value && this.value !== "";
+      if (r.checked = o, this.disabled)
+        this._individualDisabledStates.has(r) || this._individualDisabledStates.set(r, r.disabled), r.disabled = !0;
       else {
-        const a = this._individualDisabledStates.get(t);
-        a !== void 0 && (t.disabled = a, this._individualDisabledStates.delete(t));
+        const a = this._individualDisabledStates.get(r);
+        a !== void 0 && (r.disabled = a, this._individualDisabledStates.delete(r));
       }
     });
-    const s = r.find((t) => t.checked);
-    if (e.forEach((t) => {
-      t.tabIndex = -1;
-    }), s)
-      s.tabIndex = 0;
-    else if (r.length > 0) {
-      const t = r[0];
-      t && (t.tabIndex = 0);
+    const i = t.find((r) => r.checked);
+    if (e.forEach((r) => {
+      r.tabIndex = -1;
+    }), i)
+      i.tabIndex = 0;
+    else if (t.length > 0) {
+      const r = t[0];
+      r && (r.tabIndex = 0);
     }
   }
   /**
@@ -211,41 +257,6 @@ let C = 0, o = class extends m {
     this._cachedRadios = null, this._syncRadios();
   }
   // ─── Form Integration ───
-  /**
-   * Returns the associated form element, if any.
-   * @returns The associated `HTMLFormElement`, or `null` if not in a form.
-   */
-  get form() {
-    return this._internals.form;
-  }
-  /**
-   * Returns the validation message.
-   * @returns The current validation message string.
-   */
-  get validationMessage() {
-    return this._internals.validationMessage;
-  }
-  /**
-   * Returns the ValidityState object.
-   * @returns The `ValidityState` representing the current validity of the element.
-   */
-  get validity() {
-    return this._internals.validity;
-  }
-  /**
-   * Checks whether the group satisfies its constraints.
-   * @returns `true` if the group is valid, `false` otherwise.
-   */
-  checkValidity() {
-    return this._internals.checkValidity();
-  }
-  /**
-   * Reports validity and shows the browser's constraint validation UI.
-   * @returns `true` if the group is valid, `false` otherwise.
-   */
-  reportValidity() {
-    return this._internals.reportValidity();
-  }
   /**
    * Updates the ElementInternals validity state based on the required constraint and current value.
    * @internal
@@ -258,36 +269,39 @@ let C = 0, o = class extends m {
     ) : this._internals.setValidity({});
   }
   /** @internal */
-  formResetCallback() {
-    this.value = "", this._internals.setFormValue(null), this._syncRadios();
+  _onFormReset() {
+    this.value = "", this._internals.setFormValue(null), this._syncRadios(), this._resetInteractionState();
   }
   /** @internal */
-  formStateRestoreCallback(e, r) {
+  _onFormStateRestore(e, t) {
     typeof e == "string" && (this.value = e);
   }
   /** @internal */
-  formDisabledCallback(e) {
+  _onFormDisabled(e) {
     this.disabled = e;
   }
   // ─── Render ───
   render() {
-    const e = !!this.error, r = `${this._groupId}-legend`, s = {
+    const e = !!this.error, t = `${this._groupId}-legend`, i = {
       fieldset: !0,
       "fieldset--error": e,
       "fieldset--disabled": this.disabled,
       "fieldset--required": this.required
-    }, t = !!this.helpText, a = [e ? this._errorId : null, t ? this._helpTextId : null].filter(Boolean).join(" ") || h;
+    }, r = !!this.helpText, s = [
+      e || this._hasErrorSlot ? this._errorId : null,
+      r ? this._helpTextId : null
+    ].filter(Boolean).join(" ") || h;
     return p`
       <fieldset
         part="fieldset"
-        class=${k(s)}
+        class=${y(i)}
         role="radiogroup"
-        aria-labelledby=${this.label ? r : h}
-        aria-describedby=${a}
+        aria-labelledby=${this.label ? t : h}
+        aria-describedby=${s}
         aria-required=${this.required ? "true" : h}
       >
         ${this.label ? p`
-              <legend part="legend" class="fieldset__legend" id=${r}>
+              <legend part="legend" class="fieldset__legend" id=${t}>
                 ${this.label}
                 ${this.required ? p`<span class="fieldset__required-marker" aria-hidden="true">*</span>` : h}
               </legend>
@@ -314,39 +328,39 @@ let C = 0, o = class extends m {
     `;
   }
 };
-o.styles = [R];
-o.formAssociated = !0;
+l.styles = [E];
+l.formAssociated = !0;
 n([
-  d({ type: String })
-], o.prototype, "value", 2);
+  d({ type: String, reflect: !0 })
+], l.prototype, "value", 2);
 n([
-  d({ type: String })
-], o.prototype, "name", 2);
+  d({ type: String, reflect: !0 })
+], l.prototype, "name", 2);
 n([
   d({ type: String })
-], o.prototype, "label", 2);
+], l.prototype, "label", 2);
 n([
   d({ type: Boolean, reflect: !0 })
-], o.prototype, "required", 2);
+], l.prototype, "required", 2);
 n([
   d({ type: Boolean, reflect: !0 })
-], o.prototype, "disabled", 2);
+], l.prototype, "disabled", 2);
 n([
   d({ type: String })
-], o.prototype, "error", 2);
+], l.prototype, "error", 2);
 n([
   d({ type: String, attribute: "help-text" })
-], o.prototype, "helpText", 2);
+], l.prototype, "helpText", 2);
 n([
   d({ type: String, reflect: !0 })
-], o.prototype, "orientation", 2);
+], l.prototype, "orientation", 2);
 n([
-  w()
-], o.prototype, "_hasErrorSlot", 2);
-o = n([
-  y("hx-radio-group")
-], o);
-const $ = g`
+  R()
+], l.prototype, "_hasErrorSlot", 2);
+l = n([
+  m("hx-radio-group")
+], l);
+const T = g`
   :host {
     display: block;
   }
@@ -368,7 +382,7 @@ const $ = g`
     min-height: var(--hx-touch-target-min, 2.75rem);
     cursor: pointer;
     position: relative;
-    font-family: var(--hx-font-family-sans, sans-serif);
+    font-family: var(--hx-radio-font-family, var(--hx-font-family-sans, sans-serif));
   }
 
   .radio--disabled {
@@ -398,7 +412,7 @@ const $ = g`
     width: var(--hx-radio-size, var(--hx-size-5, 1.25rem));
     height: var(--hx-radio-size, var(--hx-size-5, 1.25rem));
     border: var(--hx-border-width-medium, 2px) solid
-      var(--hx-radio-border-color, var(--hx-color-neutral-300, #ced4da));
+      var(--hx-radio-border-color, var(--hx-color-neutral-300, #cbd5e1));
     border-radius: var(--hx-border-radius-full, 9999px);
     background-color: var(--hx-color-neutral-0, #ffffff);
     transition:
@@ -444,14 +458,14 @@ const $ = g`
   /* ─── Hover State ─── */
 
   .radio:not(.radio--disabled):not(.radio--checked):hover .radio__control {
-    border-color: var(--hx-color-neutral-400, #adb5bd);
+    border-color: var(--hx-color-neutral-400, #94a3b8);
   }
 
   /* ─── Label ─── */
 
   .radio__label {
     font-size: var(--hx-font-size-md, 1rem);
-    color: var(--hx-radio-label-color, var(--hx-color-neutral-700, #343a40));
+    color: var(--hx-radio-label-color, var(--hx-color-neutral-700, #334155));
     line-height: var(--hx-line-height-normal, 1.5);
     user-select: none;
     -webkit-user-select: none;
@@ -465,22 +479,87 @@ const $ = g`
       transition: none;
     }
   }
+
+  /* ─── High Contrast Mode (forced-colors) ─── */
+
+  @media (forced-colors: active) {
+    .radio__control {
+      forced-color-adjust: none;
+      background-color: ButtonFace;
+      border: 2px solid ButtonText;
+    }
+
+    :host(:focus-visible) .radio__control {
+      outline: 3px solid Highlight;
+      outline-offset: 2px;
+    }
+
+    .radio--checked .radio__control {
+      background-color: Highlight;
+      border-color: Highlight;
+    }
+
+    .radio--checked .radio__dot {
+      background-color: HighlightText;
+    }
+
+    :host([disabled]) {
+      opacity: 1;
+    }
+
+    :host([disabled]) .radio__control {
+      border-color: GrayText;
+      background-color: ButtonFace;
+    }
+
+    :host([disabled]) .radio--checked .radio__control {
+      background-color: GrayText;
+      border-color: GrayText;
+    }
+
+    :host([disabled]) .radio__label {
+      color: GrayText;
+    }
+
+    .radio__label {
+      color: CanvasText;
+    }
+  }
 `;
-var I = Object.defineProperty, A = Object.getOwnPropertyDescriptor, f = (e, r, s, t) => {
-  for (var i = t > 1 ? void 0 : t ? A(r, s) : r, a = e.length - 1, l; a >= 0; a--)
-    (l = e[a]) && (i = (t ? l(r, s, i) : l(i)) || i);
-  return t && i && I(r, s, i), i;
+var H = Object.defineProperty, z = Object.getOwnPropertyDescriptor, f = (e, t, i, r) => {
+  for (var o = r > 1 ? void 0 : r ? z(t, i) : t, a = e.length - 1, s; a >= 0; a--)
+    (s = e[a]) && (o = (r ? s(t, i, o) : s(o)) || o);
+  return r && o && H(t, i, o), o;
 };
-let z = 0, c = class extends m {
+const A = w("hx-radio");
+let c = class extends k {
   constructor() {
-    super(...arguments), this.value = "", this.label = "", this.disabled = !1, this.checked = !1, this._inputId = `hx-radio-${++z}`;
+    super(...arguments), this.value = "", this.label = "", this.disabled = !1, this.checked = !1, this._inputId = A();
   }
   // ─── Lifecycle ───
   connectedCallback() {
-    super.connectedCallback(), this.setAttribute("role", "radio"), this.setAttribute("aria-checked", String(this.checked)), this.label && this.setAttribute("aria-label", this.label), this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled");
+    super.connectedCallback(), this._internals.role = "radio", this._syncAriaState();
   }
   updated(e) {
-    super.updated(e), e.has("checked") && this.setAttribute("aria-checked", String(this.checked)), e.has("label") && (this.label ? this.setAttribute("aria-label", this.label) : this.removeAttribute("aria-label")), e.has("disabled") && (this.disabled ? this.setAttribute("aria-disabled", "true") : this.removeAttribute("aria-disabled"));
+    super.updated(e), (e.has("checked") || e.has("label") || e.has("disabled")) && this._syncAriaState();
+  }
+  /**
+   * Mirror reactive ARIA state onto ElementInternals. Setting a value to `null`
+   * removes it from the accessibility tree (matching the previous
+   * removeAttribute behavior).
+   *
+   * WCAG 4.1.2: expose the label text as ariaLabel on the host so assistive
+   * technology can associate the visible label with the radio role. The label
+   * span lives inside Shadow DOM and aria-labelledby cannot cross shadow
+   * boundaries, so ariaLabel on the host is the correct pattern here.
+   *
+   * WCAG 4.1.2: omit ariaDisabled entirely when not disabled. Setting
+   * aria-disabled="false" is verbose and unnecessary — omission is preferred.
+   *
+   * @internal
+   */
+  _syncAriaState() {
+    this._internals.ariaChecked = String(this.checked), this._internals.ariaLabel = this.label || null, this._internals.ariaDisabled = this.disabled ? "true" : null;
   }
   // ─── Event Handling ───
   /** @internal */
@@ -501,7 +580,7 @@ let z = 0, c = class extends m {
       "radio--disabled": this.disabled
     };
     return p`
-      <div class=${k(e)} @click=${this._handleClick}>
+      <div class=${y(e)} @click=${this._handleClick}>
         <input
           class="radio__input"
           type="radio"
@@ -521,7 +600,7 @@ let z = 0, c = class extends m {
     `;
   }
 };
-c.styles = [$];
+c.styles = [T];
 f([
   d({ type: String })
 ], c.prototype, "value", 2);
@@ -535,10 +614,10 @@ f([
   d({ type: Boolean, reflect: !0 })
 ], c.prototype, "checked", 2);
 c = f([
-  y("hx-radio")
+  m("hx-radio")
 ], c);
 export {
   c as H,
-  o as a
+  l as a
 };
-//# sourceMappingURL=hx-radio-f8c5ggHG.js.map
+//# sourceMappingURL=hx-radio-BBC5qZgE.js.map