npm - @helixui/library - Versions diffs - 0.1.0 - Mend

@helixui/library 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (778) hide show

package/dist/shared/hx-prose-BUkZ8rB3.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hx-prose-BUkZ8rB3.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 \"/* ==========================================================================\\n Prose — Scoped Barrel File\\n All prose styles with selectors scoped to the `hx-prose` wrapper.\\n Prevents styles from leaking outside the <hx-prose> component.\\n\\n Usage:\\n @import '@wc-2026/library/styles/prose/prose.scoped.css';\\n\\n <hx-prose>\\n <h1>My heading</h1>\\n <p>My content from CKEditor...</p>\\n </hx-prose>\\n\\n Override prose custom properties on the hx-prose element or any ancestor:\\n hx-prose {\\n --hx-prose-max-width: 720px;\\n --hx-prose-font-size: var(--hx-font-size-md, 1rem);\\n --hx-prose-line-height: var(--hx-line-height-relaxed, 1.75);\\n --hx-prose-color: var(--hx-color-neutral-700, #343a40);\\n --hx-prose-heading-color: var(--hx-color-neutral-900, #111827);\\n --hx-prose-link-color: var(--hx-color-primary-500, #2563EB);\\n }\\n ========================================================================== */\\n\\n/* ==========================================================================\\n Container Base\\n Sets display:block declaratively to prevent FOUC before JS lifecycle fires.\\n Establishes font-family baseline so prose is not affected by ancestor fonts.\\n ========================================================================== */\\n\\nhx-prose {\\n display: block;\\n font-family: var(--hx-font-family-sans, sans-serif);\\n}\\n\\n/* ==========================================================================\\n Headings\\n ========================================================================== */\\n\\nhx-prose h1,\\nhx-prose h2,\\nhx-prose h3,\\nhx-prose h4,\\nhx-prose h5,\\nhx-prose h6 {\\n font-family: var(\\n --hx-prose-heading-font-family,\\n var(--hx-heading-font-family, var(--hx-font-family-sans, sans-serif))\\n );\\n font-weight: var(\\n --hx-prose-heading-font-weight,\\n var(--hx-heading-font-weight, var(--hx-font-weight-bold, 700))\\n );\\n line-height: var(\\n --hx-prose-heading-line-height,\\n var(--hx-heading-line-height, var(--hx-line-height-tight, 1.25))\\n );\\n letter-spacing: var(\\n --hx-prose-heading-letter-spacing,\\n var(--hx-heading-letter-spacing, var(--hx-letter-spacing-tight, -0.025em))\\n );\\n color: var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));\\n margin-top: 0;\\n scroll-margin-top: var(--hx-space-8, 2rem);\\n}\\n\\nhx-prose h1 {\\n font-size: var(--hx-prose-h1-font-size, var(--hx-font-size-4xl, 2.25rem));\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n}\\n\\nhx-prose h2 {\\n font-size: var(--hx-prose-h2-font-size, var(--hx-font-size-3xl, 1.875rem));\\n margin-bottom: var(--hx-space-5, 1.25rem);\\n padding-bottom: var(--hx-space-3, 0.75rem);\\n border-bottom: var(--hx-border-width-thin, 1px) solid\\n var(--hx-color-border-subtle, var(--hx-color-neutral-100, #e9ecef));\\n}\\n\\nhx-prose h3 {\\n font-size: var(--hx-prose-h3-font-size, var(--hx-font-size-2xl, 1.5rem));\\n margin-bottom: var(--hx-space-4, 1rem);\\n}\\n\\nhx-prose h4 {\\n font-size: var(--hx-prose-h4-font-size, var(--hx-font-size-xl, 1.25rem));\\n margin-bottom: var(--hx-space-3, 0.75rem);\\n}\\n\\nhx-prose h5 {\\n font-size: var(--hx-prose-h5-font-size, var(--hx-font-size-lg, 1.125rem));\\n margin-bottom: var(--hx-space-3, 0.75rem);\\n}\\n\\nhx-prose h6 {\\n font-size: var(--hx-prose-h6-font-size, var(--hx-font-size-md, 1rem));\\n font-weight: var(--hx-font-weight-semibold, 600);\\n text-transform: uppercase;\\n letter-spacing: var(--hx-letter-spacing-wide, 0.025em);\\n margin-bottom: var(--hx-space-3, 0.75rem);\\n color: var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057));\\n}\\n\\n/* Adjacent heading spacing */\\nhx-prose h1 + h2,\\nhx-prose h2 + h3,\\nhx-prose h3 + h4,\\nhx-prose h4 + h5,\\nhx-prose h5 + h6 {\\n margin-top: var(--hx-space-2, 0.5rem);\\n}\\n\\n/* Spacing above headings when preceded by content */\\nhx-prose * + h1 {\\n margin-top: var(--hx-space-12, 3rem);\\n}\\n\\nhx-prose * + h2 {\\n margin-top: var(--hx-space-10, 2.5rem);\\n}\\n\\nhx-prose * + h3 {\\n margin-top: var(--hx-space-8, 2rem);\\n}\\n\\nhx-prose * + h4,\\nhx-prose * + h5,\\nhx-prose * + h6 {\\n margin-top: var(--hx-space-6, 1.5rem);\\n}\\n\\n/* ==========================================================================\\n Body Text\\n ========================================================================== */\\n\\nhx-prose p {\\n margin-top: 0;\\n margin-bottom: var(--hx-space-4, 1rem);\\n font-size: var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));\\n line-height: var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75));\\n color: var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));\\n}\\n\\n/* Lead paragraph — opt-in via .lead class only.\\n Removed p:first-child because CKEditor/Drupal output always starts with a <p>\\n and promoting every first paragraph to lead styling is semantically incorrect\\n for healthcare content (medication instructions, care plans, clinical protocols). */\\nhx-prose p.lead {\\n font-size: var(--hx-prose-lead-font-size, var(--hx-font-size-lg, 1.125rem));\\n color: var(--hx-prose-lead-color, var(--hx-color-neutral-600, #495057));\\n}\\n\\n/* Blockquote */\\nhx-prose blockquote {\\n margin-top: 0;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n margin-left: 0;\\n margin-right: 0;\\n padding: var(--hx-space-4, 1rem) var(--hx-space-6, 1.5rem);\\n border-left: var(--hx-border-width-thick, 3px) solid var(--hx-color-primary-500, #2563eb);\\n background-color: var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa));\\n border-radius: 0 var(--hx-border-radius-sm, 0.25rem) var(--hx-border-radius-sm, 0.25rem) 0;\\n font-style: italic;\\n color: var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057));\\n}\\n\\nhx-prose blockquote p {\\n color: inherit;\\n}\\n\\nhx-prose blockquote p:last-child {\\n margin-bottom: 0;\\n}\\n\\nhx-prose blockquote cite {\\n display: block;\\n margin-top: var(--hx-space-2, 0.5rem);\\n font-size: var(--hx-font-size-sm, 0.875rem);\\n font-style: normal;\\n font-weight: var(--hx-font-weight-medium, 500);\\n color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n}\\n\\nhx-prose blockquote cite::before {\\n content: '\\\\2014\\\\00A0';\\n}\\n\\n/* Horizontal Rule */\\nhx-prose hr {\\n border: 0;\\n border-top: var(--hx-divider-width, var(--hx-border-width-thin, 1px)) solid\\n var(--hx-divider-color, var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6)));\\n margin-top: var(--hx-space-8, 2rem);\\n margin-bottom: var(--hx-space-8, 2rem);\\n}\\n\\n/* Inline Text Elements */\\nhx-prose strong,\\nhx-prose b {\\n font-weight: var(--hx-font-weight-semibold, 600);\\n color: var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));\\n}\\n\\nhx-prose em,\\nhx-prose i {\\n font-style: italic;\\n}\\n\\nhx-prose small {\\n font-size: var(--hx-font-size-sm, 0.875rem);\\n color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n}\\n\\nhx-prose mark {\\n background-color: var(--hx-color-warning-100, #fff3cd);\\n color: var(--hx-color-neutral-900, #0d1117);\\n padding: var(--hx-space-0, 0) var(--hx-space-1, 0.25rem);\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n}\\n\\nhx-prose del,\\nhx-prose s {\\n text-decoration: line-through;\\n color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n}\\n\\nhx-prose ins {\\n text-decoration: underline;\\n text-decoration-color: var(--hx-color-success-300, #75b798);\\n}\\n\\nhx-prose abbr[title] {\\n text-decoration: underline dotted;\\n text-decoration-color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n cursor: help;\\n text-underline-offset: 0.15em;\\n}\\n\\nhx-prose sub,\\nhx-prose sup {\\n font-size: var(--hx-font-size-xs, 0.75rem);\\n line-height: 0;\\n position: relative;\\n vertical-align: baseline;\\n}\\n\\nhx-prose sup {\\n top: -0.5em;\\n}\\n\\nhx-prose sub {\\n bottom: -0.25em;\\n}\\n\\n/* Links */\\nhx-prose a {\\n color: var(\\n --hx-prose-link-color,\\n var(--hx-color-text-link, var(--hx-color-primary-600, #006868))\\n );\\n text-decoration: underline;\\n text-decoration-color: var(--hx-color-primary-200, #80c2c2);\\n text-underline-offset: 0.15em;\\n transition:\\n color var(--hx-transition-fast, 150ms ease),\\n text-decoration-color var(--hx-transition-fast, 150ms ease);\\n}\\n\\nhx-prose a:hover {\\n color: var(--hx-color-text-link-hover, var(--hx-color-primary-700, #005252));\\n text-decoration-color: currentColor;\\n}\\n\\nhx-prose a:visited {\\n color: var(--hx-color-text-link-visited, var(--hx-color-secondary-600, #4f46e5));\\n}\\n\\nhx-prose a:active {\\n color: var(--hx-color-text-link-active, var(--hx-color-primary-800, #003c3c));\\n}\\n\\nhx-prose a:focus-visible {\\n outline: var(--hx-focus-ring-width, 2px) solid\\n var(--hx-focus-ring-color, var(--hx-color-primary-500, #2563eb));\\n outline-offset: var(--hx-focus-ring-offset, 2px);\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n}\\n\\n/* ==========================================================================\\n Lists\\n ========================================================================== */\\n\\nhx-prose ul,\\nhx-prose ol {\\n margin-top: 0;\\n margin-bottom: var(--hx-space-4, 1rem);\\n padding-left: var(--hx-space-6, 1.5rem);\\n color: var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));\\n}\\n\\nhx-prose ul {\\n list-style-type: disc;\\n}\\n\\nhx-prose ol {\\n list-style-type: decimal;\\n}\\n\\nhx-prose li {\\n margin-bottom: var(--hx-space-2, 0.5rem);\\n font-size: var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));\\n line-height: var(--hx-prose-line-height, var(--hx-line-height-relaxed, 1.75));\\n}\\n\\nhx-prose li:last-child {\\n margin-bottom: 0;\\n}\\n\\n/* Paragraph inside a list item */\\nhx-prose li > p {\\n margin-bottom: var(--hx-space-2, 0.5rem);\\n}\\n\\nhx-prose li > p:last-child {\\n margin-bottom: 0;\\n}\\n\\n/* Nested Lists */\\nhx-prose ul ul,\\nhx-prose ol ul {\\n list-style-type: circle;\\n margin-top: var(--hx-space-2, 0.5rem);\\n margin-bottom: var(--hx-space-2, 0.5rem);\\n}\\n\\nhx-prose ul ul ul,\\nhx-prose ol ul ul,\\nhx-prose ul ol ul,\\nhx-prose ol ol ul {\\n list-style-type: square;\\n}\\n\\nhx-prose ol ol,\\nhx-prose ul ol {\\n list-style-type: lower-alpha;\\n margin-top: var(--hx-space-2, 0.5rem);\\n margin-bottom: var(--hx-space-2, 0.5rem);\\n}\\n\\nhx-prose ol ol ol,\\nhx-prose ul ol ol,\\nhx-prose ol ul ol,\\nhx-prose ul ul ol {\\n list-style-type: lower-roman;\\n}\\n\\n/* List Marker Color */\\nhx-prose ul ::marker,\\nhx-prose ol ::marker {\\n color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n}\\n\\n/* Definition Lists */\\nhx-prose dl {\\n margin-top: 0;\\n margin-bottom: var(--hx-space-4, 1rem);\\n}\\n\\nhx-prose dt {\\n font-weight: var(--hx-font-weight-semibold, 600);\\n color: var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));\\n margin-bottom: var(--hx-space-1, 0.25rem);\\n}\\n\\nhx-prose dt + dt {\\n margin-top: var(--hx-space-4, 1rem);\\n}\\n\\nhx-prose dd {\\n margin-left: var(--hx-space-6, 1.5rem);\\n margin-bottom: var(--hx-space-4, 1rem);\\n color: var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));\\n}\\n\\nhx-prose dd:last-child {\\n margin-bottom: 0;\\n}\\n\\n/* ==========================================================================\\n Tables\\n ========================================================================== */\\n\\nhx-prose table {\\n width: 100%;\\n border-collapse: collapse;\\n border-spacing: 0;\\n margin-top: 0;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n font-size: var(--hx-prose-font-size, var(--hx-font-size-md, 1rem));\\n line-height: var(--hx-line-height-normal, 1.5);\\n color: var(--hx-prose-color, var(--hx-color-neutral-700, #343a40));\\n overflow-x: auto;\\n display: block;\\n}\\n\\n@media (min-width: 640px) {\\n hx-prose table {\\n display: table;\\n }\\n}\\n\\nhx-prose caption {\\n padding-top: var(--hx-space-3, 0.75rem);\\n padding-bottom: var(--hx-space-3, 0.75rem);\\n font-size: var(--hx-font-size-sm, 0.875rem);\\n font-weight: var(--hx-font-weight-medium, 500);\\n color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n text-align: left;\\n /* caption-side:top matches DOM order — WAI-ARIA authoring practices recommend\\n caption at top for data tables so screen reader announcement aligns with\\n visual placement. caption-side:bottom creates AT/visual mismatch (WCAG H39). */\\n caption-side: top;\\n}\\n\\nhx-prose thead {\\n border-bottom: var(--hx-border-width-medium, 2px) solid\\n var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));\\n}\\n\\nhx-prose tfoot {\\n border-top: var(--hx-border-width-medium, 2px) solid\\n var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));\\n}\\n\\nhx-prose th {\\n padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\\n font-weight: var(--hx-font-weight-semibold, 600);\\n color: var(--hx-prose-heading-color, var(--hx-color-neutral-900, #111827));\\n text-align: left;\\n /* Removed white-space:nowrap — long clinical header text (e.g. \\\"Prescribing Physician\\\")\\n causes horizontal overflow on mobile viewports and forces table width to be\\n determined by longest header rather than content. */\\n background-color: var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa));\\n}\\n\\nhx-prose td {\\n padding: var(--hx-space-3, 0.75rem) var(--hx-space-4, 1rem);\\n border-bottom: var(--hx-border-width-thin, 1px) solid\\n var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));\\n vertical-align: top;\\n}\\n\\n/* Zebra Striping */\\nhx-prose tbody tr:nth-child(even) {\\n background-color: var(--hx-color-surface-raised, var(--hx-color-neutral-50, #f8f9fa));\\n}\\n\\n/* Row Hover */\\nhx-prose tbody tr:hover {\\n background-color: var(--hx-color-primary-50, #e6f3f3);\\n}\\n\\n/* Alignment Helpers — Drupal CKEditor compatibility shims.\\n The HTML `align` attribute is deprecated in HTML5 but CKEditor may still\\n emit it. These selectors normalize deprecated presentational markup.\\n Note: [align='left'] is intentionally omitted since left-align is the default. */\\nhx-prose th[align='center'],\\nhx-prose td[align='center'] {\\n text-align: center;\\n}\\n\\nhx-prose th[align='right'],\\nhx-prose td[align='right'] {\\n text-align: right;\\n}\\n\\n/* ==========================================================================\\n Code\\n ========================================================================== */\\n\\n/* Inline Code */\\nhx-prose code {\\n font-family: var(\\n --hx-font-family-mono,\\n 'JetBrains Mono',\\n ui-monospace,\\n 'Cascadia Code',\\n monospace\\n );\\n font-size: var(--hx-font-size-sm, 0.875em);\\n font-weight: var(--hx-font-weight-normal, 400);\\n background-color: var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));\\n color: var(--hx-color-error-600, #b02a37);\\n padding: var(--hx-prose-code-padding-v, 0.125em) var(--hx-space-1, 0.25rem);\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n word-break: break-word;\\n}\\n\\n/* Code Blocks */\\nhx-prose pre {\\n margin-top: 0;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n padding: var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);\\n overflow-x: auto;\\n font-family: var(\\n --hx-font-family-mono,\\n 'JetBrains Mono',\\n ui-monospace,\\n 'Cascadia Code',\\n monospace\\n );\\n font-size: var(--hx-font-size-sm, 0.875rem);\\n line-height: var(--hx-line-height-relaxed, 1.75);\\n color: var(--hx-color-neutral-800, #212529);\\n background-color: var(--hx-color-surface-sunken, var(--hx-color-neutral-100, #e9ecef));\\n border: var(--hx-border-width-thin, 1px) solid\\n var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));\\n border-radius: var(--hx-border-radius-md, 0.375rem);\\n -webkit-overflow-scrolling: touch;\\n tab-size: 2;\\n}\\n\\n/* Reset inline code styles inside pre */\\nhx-prose pre code {\\n background-color: transparent;\\n color: inherit;\\n padding: 0;\\n border-radius: 0;\\n font-size: inherit;\\n font-weight: inherit;\\n word-break: normal;\\n}\\n\\n/* Keyboard Input */\\nhx-prose kbd {\\n font-family: var(\\n --hx-font-family-mono,\\n 'JetBrains Mono',\\n ui-monospace,\\n 'Cascadia Code',\\n monospace\\n );\\n font-size: var(--hx-font-size-sm, 0.875em);\\n padding: var(--hx-prose-code-padding-v, 0.125em) var(--hx-space-2, 0.5rem);\\n background-color: var(--hx-color-neutral-800, #212529);\\n color: var(--hx-color-neutral-0, #ffffff);\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n box-shadow: var(--hx-shadow-inset-sm, inset 0 -1px 0 rgba(0, 0, 0, 0.25));\\n}\\n\\n/* Sample Output */\\nhx-prose samp {\\n font-family: var(\\n --hx-font-family-mono,\\n 'JetBrains Mono',\\n ui-monospace,\\n 'Cascadia Code',\\n monospace\\n );\\n font-size: var(--hx-font-size-sm, 0.875em);\\n}\\n\\n/* Variable */\\nhx-prose var {\\n font-style: italic;\\n color: var(--hx-color-secondary-600, #4f46e5);\\n}\\n\\n/* ==========================================================================\\n Media\\n ========================================================================== */\\n\\n/* Images */\\nhx-prose img {\\n max-width: 100%;\\n height: auto;\\n display: block;\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n}\\n\\n/* Figure */\\nhx-prose figure {\\n margin: 0;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n}\\n\\nhx-prose figure img {\\n margin-bottom: 0;\\n}\\n\\nhx-prose figure > a {\\n display: block;\\n}\\n\\nhx-prose figure > a img {\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n}\\n\\nhx-prose figcaption {\\n margin-top: var(--hx-space-2, 0.5rem);\\n font-size: var(--hx-font-size-sm, 0.875rem);\\n line-height: var(--hx-line-height-normal, 1.5);\\n color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n font-style: italic;\\n}\\n\\n/* Video */\\nhx-prose video {\\n max-width: 100%;\\n height: auto;\\n display: block;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n}\\n\\n/* Iframes */\\nhx-prose iframe {\\n max-width: 100%;\\n border: 0;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n}\\n\\n/* Responsive Embed Wrapper */\\nhx-prose .embed-responsive,\\nhx-prose .video-embed,\\nhx-prose .media-oembed {\\n position: relative;\\n width: 100%;\\n padding-bottom: 56.25%;\\n height: 0;\\n overflow: hidden;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n border-radius: var(--hx-border-radius-sm, 0.25rem);\\n}\\n\\nhx-prose .embed-responsive iframe,\\nhx-prose .embed-responsive video,\\nhx-prose .video-embed iframe,\\nhx-prose .video-embed video,\\nhx-prose .media-oembed iframe,\\nhx-prose .media-oembed video {\\n position: absolute;\\n top: 0;\\n left: 0;\\n width: 100%;\\n height: 100%;\\n margin-bottom: 0;\\n border-radius: 0;\\n}\\n\\n/* Audio */\\nhx-prose audio {\\n width: 100%;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n}\\n\\n/* Object / Embed */\\nhx-prose object,\\nhx-prose embed {\\n max-width: 100%;\\n}\\n\\n/* ==========================================================================\\n Drupal\\n ========================================================================== */\\n\\n/* Drupal Field Wrappers */\\nhx-prose .field {\\n margin-bottom: var(--hx-space-4, 1rem);\\n}\\n\\nhx-prose .field:last-child {\\n margin-bottom: 0;\\n}\\n\\nhx-prose .field__label {\\n font-weight: var(--hx-font-weight-semibold, 600);\\n font-size: var(--hx-font-size-sm, 0.875rem);\\n color: var(--hx-color-text-secondary, var(--hx-color-neutral-600, #495057));\\n margin-bottom: var(--hx-space-1, 0.25rem);\\n text-transform: uppercase;\\n letter-spacing: var(--hx-letter-spacing-wide, 0.025em);\\n}\\n\\nhx-prose .field__item {\\n margin-bottom: var(--hx-space-2, 0.5rem);\\n}\\n\\nhx-prose .field__item:last-child {\\n margin-bottom: 0;\\n}\\n\\nhx-prose .field__items {\\n list-style: none;\\n padding-left: 0;\\n margin: 0;\\n}\\n\\n/* Text Formatted (CKEditor wrapper) */\\nhx-prose .text-formatted > *:last-child {\\n margin-bottom: 0;\\n}\\n\\n/* Drupal Media Embeds */\\nhx-prose .media-embed,\\nhx-prose .embedded-entity,\\nhx-prose .media--type-image,\\nhx-prose .media--type-remote-video {\\n margin-top: var(--hx-space-4, 1rem);\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n}\\n\\nhx-prose .media-embed img,\\nhx-prose .embedded-entity img {\\n max-width: 100%;\\n height: auto;\\n display: block;\\n}\\n\\n/* CKEditor Alignment Classes */\\nhx-prose .align-left {\\n float: left;\\n margin-right: var(--hx-space-6, 1.5rem);\\n margin-bottom: var(--hx-space-4, 1rem);\\n max-width: 50%;\\n}\\n\\nhx-prose .align-right {\\n float: right;\\n margin-left: var(--hx-space-6, 1.5rem);\\n margin-bottom: var(--hx-space-4, 1rem);\\n max-width: 50%;\\n}\\n\\nhx-prose .align-center {\\n display: block;\\n margin-left: auto;\\n margin-right: auto;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n text-align: center;\\n}\\n\\n/* Reset float on alignment images */\\nhx-prose .align-left img,\\nhx-prose .align-right img {\\n display: block;\\n}\\n\\n/* Float siblings — allow content to wrap around aligned images (intentional).\\n Removed explicit clear:none; the default is already no-clear and setting it\\n explicitly prevented consumers from overriding it when clearfix is needed.\\n Use the .clearfix utility class on the parent container when floats must be cleared. */\\n\\n/* CKEditor Caption */\\nhx-prose .caption {\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n}\\n\\nhx-prose .caption figcaption,\\nhx-prose .caption .caption-text {\\n font-size: var(--hx-font-size-sm, 0.875rem);\\n color: var(--hx-color-text-muted, var(--hx-color-neutral-500, #6c757d));\\n font-style: italic;\\n margin-top: var(--hx-space-2, 0.5rem);\\n}\\n\\n/* Drupal Table Classes */\\nhx-prose .table-responsive {\\n overflow-x: auto;\\n -webkit-overflow-scrolling: touch;\\n margin-bottom: var(--hx-space-6, 1.5rem);\\n}\\n\\nhx-prose .table-responsive table {\\n margin-bottom: 0;\\n}\\n\\n/* Drupal Messages / Callouts */\\nhx-prose .messages,\\nhx-prose .callout {\\n padding: var(--hx-space-4, 1rem) var(--hx-space-5, 1.25rem);\\n margin-bottom: var(--hx-space-4, 1rem);\\n border: var(--hx-border-width-thin, 1px) solid\\n var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));\\n border-radius: var(--hx-border-radius-md, 0.375rem);\\n border-left-width: var(--hx-border-width-thick, 3px);\\n}\\n\\nhx-prose .messages--status {\\n border-left-color: var(--hx-color-success-500, #198754);\\n background-color: var(--hx-color-success-50, #f0fdf4);\\n}\\n\\nhx-prose .messages--warning {\\n border-left-color: var(--hx-color-warning-500, #ffc107);\\n background-color: var(--hx-color-warning-50, #fffbeb);\\n}\\n\\nhx-prose .messages--error {\\n border-left-color: var(--hx-color-error-500, #dc3545);\\n background-color: var(--hx-color-error-50, #fef2f2);\\n}\\n\\n/* CKEditor Content Separator */\\nhx-prose .page-break {\\n border: 0;\\n border-top: var(--hx-border-width-thin, 1px) dashed\\n var(--hx-color-border-default, var(--hx-color-neutral-200, #dee2e6));\\n margin-top: var(--hx-space-8, 2rem);\\n margin-bottom: var(--hx-space-8, 2rem);\\n}\\n\\n/* Clear Floats */\\nhx-prose .clearfix::after {\\n content: '';\\n display: table;\\n clear: both;\\n}\\n\"","import proseScopedCss from '../../styles/prose/prose.scoped.css?raw';\n\nexport const helixProseScopedCss = proseScopedCss;\n","import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { AdoptedStylesheetsController } from '../../controllers/adopted-stylesheets.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 private adoptedStyles = new AdoptedStylesheetsController(this, helixProseScopedCss, document);\n\n // ─── Properties ───\n\n /**\n * Typography scale for the prose content.\n * @attr size\n */\n @property({ type: String, reflect: true })\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 this.style.display = 'block';\n this._applyMaxWidth();\n this._applySize();\n }\n\n override updated(changedProperties: Map<string, unknown>): 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 private _applyMaxWidth(): void {\n if (this.maxWidth) {\n this.style.maxWidth = this.maxWidth;\n } else {\n this.style.maxWidth = '';\n }\n }\n\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","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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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;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,GCEFC,IAAsBD;;;;;;AC0B5B,IAAME,IAAN,cAAyBC,EAAW;AAAA,EAApC,cAAA;AAAA,UAAA,GAAA,SAAA,GASL,KAAQ,gBAAgB,IAAIC,EAA6B,MAAMH,GAAqB,QAAQ,GAS5F,KAAA,OAA6B,QAQ7B,KAAA,WAAW;AAAA,EAAA;AAAA;AAAA,EAvBF,mBAAyB;AAChC,WAAO;AAAA,EACT;AAAA;AAAA,EAyBS,oBAA0B;AACjC,UAAM,kBAAA,GACN,KAAK,MAAM,UAAU,SACrB,KAAK,eAAA,GACL,KAAK,WAAA;AAAA,EACP;AAAA,EAES,QAAQI,GAA+C;AAC9D,IAAIA,EAAkB,IAAI,UAAU,KAClC,KAAK,eAAA,GAEHA,EAAkB,IAAI,MAAM,KAC9B,KAAK,WAAA;AAAA,EAET;AAAA;AAAA,EAIQ,iBAAuB;AAC7B,IAAI,KAAK,WACP,KAAK,MAAM,WAAW,KAAK,WAE3B,KAAK,MAAM,WAAW;AAAA,EAE1B;AAAA,EAEQ,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;AA1DEC,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAjB9BP,EAkBX,WAAA,QAAA,CAAA;AAQAM,EAAA;AAAA,EADCC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM,WAAW,aAAa;AAAA,GAzBtDP,EA0BX,WAAA,YAAA,CAAA;AA1BWA,IAANM,EAAA;AAAA,EADNE,EAAc,UAAU;AAAA,GACZR,CAAA;"}

package/dist/shared/hx-radio-93uKku6B.js ADDED Viewed

@@ -0,0 +1,481 @@
+import { css as g, LitElement as y, nothing as h, html as p } from "lit";
+import { property as d, query as R, state as S, customElement as m } from "lit/decorators.js";
+import { classMap as k } from "lit/directives/class-map.js";
+import { t as w } from "./lit-Dpo7RLp4.js";
+const E = g`
+  :host {
+    display: block;
+  }
+  :host([disabled]) {
+    opacity: var(--hx-opacity-disabled, 0.5);
+    pointer-events: none;
+  }
+  * {
+    box-sizing: border-box;
+  }
+  /* ─── Fieldset ─── */
+  .fieldset {
+    border: none;
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--hx-space-2, 0.5rem);
+    font-family: var(--hx-font-family-sans, sans-serif);
+  }
+  /* ─── Legend ─── */
+  .fieldset__legend {
+    display: flex;
+    align-items: baseline;
+    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));
+    line-height: var(--hx-line-height-normal, 1.5);
+    padding: 0;
+    margin-bottom: var(--hx-space-1, 0.25rem);
+  }
+  .fieldset__required-marker {
+    color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));
+    font-weight: var(--hx-font-weight-bold, 700);
+  }
+  /* ─── Group Container ─── */
+  .fieldset__group {
+    display: flex;
+    flex-direction: column;
+    gap: var(--hx-radio-group-gap, var(--hx-space-3, 0.75rem));
+  }
+  :host([orientation='horizontal']) .fieldset__group {
+    flex-direction: row;
+    flex-wrap: wrap;
+  }
+  /* ─── Error State ─── */
+  .fieldset--error .fieldset__legend {
+    color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));
+  }
+  /* ─── Help Text & Error Messages ─── */
+  .fieldset__help-text {
+    font-size: var(--hx-font-size-xs, 0.75rem);
+    color: var(--hx-color-neutral-500, #6c757d);
+    line-height: var(--hx-line-height-normal, 1.5);
+  }
+  .fieldset__error {
+    font-size: var(--hx-font-size-xs, 0.75rem);
+    color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));
+    line-height: var(--hx-line-height-normal, 1.5);
+  }
+`;
+var $ = Object.defineProperty, C = Object.getOwnPropertyDescriptor, n = (e, r, o, t) => {
+  for (var i = t > 1 ? void 0 : t ? C(r, o) : r, a = e.length - 1, l; a >= 0; a--)
+    (l = e[a]) && (i = (t ? l(r, o, i) : l(i)) || i);
+  return t && i && $(r, o, i), i;
+};
+let I = 0, s = class extends y {
+  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-${++I}`, this._helpTextId = `${this._groupId}-help`, this._errorId = `${this._groupId}-error`, this._cachedRadios = null, this._individualDisabledStates = /* @__PURE__ */ new WeakMap(), this._handleRadioSelect = (e) => {
+      e.stopPropagation();
+      const r = e.detail.value;
+      r !== this.value && (this.value = r, this.dispatchEvent(
+        new CustomEvent("hx-change", {
+          bubbles: !0,
+          composed: !0,
+          detail: { value: this.value, checked: !0 }
+        })
+      ));
+    }, this._handleKeydown = (e) => {
+      var v, x, b, _;
+      const r = this._getEnabledRadios();
+      if (r.length === 0 || ![
+        "ArrowUp",
+        "ArrowDown",
+        "ArrowLeft",
+        "ArrowRight",
+        " ",
+        "Home",
+        "End"
+      ].includes(e.key))
+        return;
+      if (e.preventDefault(), e.key === " ") {
+        const u = (x = (v = e.target) == null ? void 0 : v.closest) == null ? void 0 : x.call(v, "hx-radio");
+        u && !u.disabled && u.dispatchEvent(
+          new CustomEvent("hx-radio-select", {
+            bubbles: !0,
+            composed: !0,
+            detail: { value: u.value }
+          })
+        );
+        return;
+      }
+      const t = (_ = (b = e.target) == null ? void 0 : b.closest) == null ? void 0 : _.call(b, "hx-radio"), i = t ? r.indexOf(t) : r.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(
+        new CustomEvent("hx-radio-select", {
+          bubbles: !0,
+          composed: !0,
+          detail: { value: l.value }
+        })
+      ));
+    }, this._internals = this.attachInternals();
+  }
+  // ─── Slot Handlers ───
+  _handleErrorSlotChange(e) {
+    const r = e.target;
+    this._hasErrorSlot = r.assignedNodes({ flatten: !0 }).length > 0;
+  }
+  // ─── Lifecycle ───
+  connectedCallback() {
+    super.connectedCallback(), this.addEventListener("hx-radio-select", this._handleRadioSelect), this.addEventListener("keydown", this._handleKeydown);
+  }
+  disconnectedCallback() {
+    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();
+  }
+  firstUpdated(e) {
+    super.firstUpdated(e), this._syncRadios(), this._updateValidity();
+  }
+  _getRadios() {
+    return this._cachedRadios || (this._cachedRadios = Array.from(this.querySelectorAll("hx-radio"))), this._cachedRadios;
+  }
+  _getEnabledRadios() {
+    return this._getRadios().filter((e) => !e.disabled && !this.disabled);
+  }
+  _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;
+      else {
+        const a = this._individualDisabledStates.get(t);
+        a !== void 0 && (t.disabled = a, this._individualDisabledStates.delete(t));
+      }
+    });
+    const o = r.find((t) => t.checked);
+    if (e.forEach((t) => {
+      t.tabIndex = -1;
+    }), o)
+      o.tabIndex = 0;
+    else if (r.length > 0) {
+      const t = r[0];
+      t && (t.tabIndex = 0);
+    }
+  }
+  _handleSlotChange() {
+    this._cachedRadios = null, this._syncRadios();
+  }
+  // ─── Form Integration ───
+  /** Returns the associated form element, if any. */
+  get form() {
+    return this._internals.form;
+  }
+  /** Returns the validation message. */
+  get validationMessage() {
+    return this._internals.validationMessage;
+  }
+  /** Returns the ValidityState object. */
+  get validity() {
+    return this._internals.validity;
+  }
+  /** Checks whether the group satisfies its constraints. */
+  checkValidity() {
+    return this._internals.checkValidity();
+  }
+  /** Reports validity and shows the browser's constraint validation UI. */
+  reportValidity() {
+    return this._internals.reportValidity();
+  }
+  _updateValidity() {
+    this.required && !this.value ? this._internals.setValidity(
+      { valueMissing: !0 },
+      this.error || "Please select an option.",
+      this._groupEl ?? void 0
+    ) : this._internals.setValidity({});
+  }
+  /** Called by the form when it resets. */
+  formResetCallback() {
+    this.value = "", this._internals.setFormValue(null), this._syncRadios();
+  }
+  /** Called when the form restores state (e.g., back/forward navigation). */
+  formStateRestoreCallback(e, r) {
+    typeof e == "string" && (this.value = e);
+  }
+  // ─── Render ───
+  render() {
+    const e = !!this.error, r = `${this._groupId}-legend`, o = {
+      fieldset: !0,
+      "fieldset--error": e,
+      "fieldset--disabled": this.disabled,
+      "fieldset--required": this.required
+    }, t = !this._hasErrorSlot && e ? this._errorId : h, i = t !== h ? t : this.helpText ? this._helpTextId : h;
+    return p`
+      <fieldset
+        part="fieldset"
+        class=${k(o)}
+        role="radiogroup"
+        aria-labelledby=${this.label ? r : h}
+        aria-describedby=${i}
+        aria-required=${this.required ? "true" : h}
+      >
+        ${this.label ? p`
+              <legend part="legend" class="fieldset__legend" id=${r}>
+                ${this.label}
+                ${this.required ? p`<span class="fieldset__required-marker" aria-hidden="true">*</span>` : h}
+              </legend>
+            ` : h}
+        <div part="group" class="fieldset__group" role="none">
+          <slot @slotchange=${this._handleSlotChange}></slot>
+        </div>
+        <slot name="error" @slotchange=${this._handleErrorSlotChange}>
+          ${e ? p`<div part="error" class="fieldset__error" id=${this._errorId} role="alert">
+                ${this.error}
+              </div>` : h}
+        </slot>
+        ${this.helpText && !e ? p`
+              <div part="help-text" class="fieldset__help-text" id=${this._helpTextId}>
+                <slot name="help-text">${this.helpText}</slot>
+              </div>
+            ` : h}
+      </fieldset>
+    `;
+  }
+};
+s.styles = [w, E];
+s.formAssociated = !0;
+n([
+  d({ type: String })
+], s.prototype, "value", 2);
+n([
+  d({ type: String })
+], s.prototype, "name", 2);
+n([
+  d({ type: String })
+], s.prototype, "label", 2);
+n([
+  d({ type: Boolean, reflect: !0 })
+], s.prototype, "required", 2);
+n([
+  d({ type: Boolean, reflect: !0 })
+], s.prototype, "disabled", 2);
+n([
+  d({ type: String })
+], s.prototype, "error", 2);
+n([
+  d({ type: String, attribute: "help-text" })
+], s.prototype, "helpText", 2);
+n([
+  d({ type: String, reflect: !0 })
+], s.prototype, "orientation", 2);
+n([
+  R(".fieldset__group")
+], s.prototype, "_groupEl", 2);
+n([
+  S()
+], s.prototype, "_hasErrorSlot", 2);
+s = n([
+  m("hx-radio-group")
+], s);
+const z = g`
+  :host {
+    display: block;
+  }
+  :host([disabled]) {
+    opacity: var(--hx-opacity-disabled, 0.5);
+    pointer-events: none;
+  }
+  * {
+    box-sizing: border-box;
+  }
+  .radio {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--hx-space-2, 0.5rem);
+    cursor: pointer;
+    position: relative;
+    font-family: var(--hx-font-family-sans, sans-serif);
+  }
+  .radio--disabled {
+    cursor: not-allowed;
+  }
+  /* ─── Hidden Native Input ─── */
+  .radio__input {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+  /* ─── Visual Radio Circle ─── */
+  .radio__control {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    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));
+    border-radius: var(--hx-border-radius-full, 9999px);
+    background-color: var(--hx-color-neutral-0, #ffffff);
+    transition:
+      border-color var(--hx-transition-fast, 150ms ease),
+      background-color var(--hx-transition-fast, 150ms ease),
+      box-shadow var(--hx-transition-fast, 150ms ease);
+    flex-shrink: 0;
+  }
+  /* ─── Inner Dot ─── */
+  .radio__dot {
+    width: 0;
+    height: 0;
+    border-radius: var(--hx-border-radius-full, 9999px);
+    background-color: var(--hx-radio-dot-color, var(--hx-color-neutral-0, #ffffff));
+    transition:
+      width var(--hx-transition-fast, 150ms ease),
+      height var(--hx-transition-fast, 150ms ease);
+  }
+  /* ─── Checked State ─── */
+  .radio--checked .radio__control {
+    border-color: var(--hx-radio-checked-border-color, var(--hx-color-primary-500, #2563eb));
+    background-color: var(--hx-radio-checked-bg, var(--hx-color-primary-500, #2563eb));
+  }
+  .radio--checked .radio__dot {
+    width: calc(var(--hx-radio-size, var(--hx-size-5, 1.25rem)) * 0.4);
+    height: calc(var(--hx-radio-size, var(--hx-size-5, 1.25rem)) * 0.4);
+  }
+  /* ─── Focus State ─── */
+  :host(:focus-visible) .radio__control {
+    outline: var(--hx-focus-ring-width, 2px) solid
+      var(--hx-radio-focus-ring-color, var(--hx-focus-ring-color, #2563eb));
+    outline-offset: var(--hx-focus-ring-offset, 2px);
+  }
+  /* ─── Hover State ─── */
+  .radio:not(.radio--disabled):not(.radio--checked):hover .radio__control {
+    border-color: var(--hx-color-neutral-400, #adb5bd);
+  }
+  /* ─── Label ─── */
+  .radio__label {
+    font-size: var(--hx-font-size-md, 1rem);
+    color: var(--hx-radio-label-color, var(--hx-color-neutral-700, #343a40));
+    line-height: var(--hx-line-height-normal, 1.5);
+    user-select: none;
+    -webkit-user-select: none;
+  }
+`;
+var D = Object.defineProperty, A = Object.getOwnPropertyDescriptor, f = (e, r, o, t) => {
+  for (var i = t > 1 ? void 0 : t ? A(r, o) : r, a = e.length - 1, l; a >= 0; a--)
+    (l = e[a]) && (i = (t ? l(r, o, i) : l(i)) || i);
+  return t && i && D(r, o, i), i;
+};
+let V = 0, c = class extends y {
+  constructor() {
+    super(...arguments), this.value = "", this.label = "", this.disabled = !1, this.checked = !1, this._inputId = `hx-radio-${++V}`;
+  }
+  // ─── Lifecycle ───
+  connectedCallback() {
+    super.connectedCallback(), this.setAttribute("role", "radio"), this.setAttribute("aria-checked", String(this.checked)), this.setAttribute("aria-disabled", String(this.disabled));
+  }
+  updated(e) {
+    super.updated(e), e.has("checked") && this.setAttribute("aria-checked", String(this.checked)), e.has("disabled") && this.setAttribute("aria-disabled", String(this.disabled));
+  }
+  // ─── Event Handling ───
+  _handleClick() {
+    this.disabled || this.dispatchEvent(
+      new CustomEvent("hx-radio-select", {
+        bubbles: !0,
+        composed: !0,
+        detail: { value: this.value }
+      })
+    );
+  }
+  // ─── Render ───
+  render() {
+    const e = {
+      radio: !0,
+      "radio--checked": this.checked,
+      "radio--disabled": this.disabled
+    };
+    return p`
+      <div class=${k(e)} @click=${this._handleClick}>
+        <input
+          class="radio__input"
+          type="radio"
+          id=${this._inputId}
+          .checked=${this.checked}
+          ?disabled=${this.disabled}
+          tabindex="-1"
+          aria-hidden="true"
+        />
+        <span part="radio" class="radio__control" aria-hidden="true">
+          <span class="radio__dot"></span>
+        </span>
+        <span part="label" class="radio__label">
+          <slot>${this.label}</slot>
+        </span>
+      </div>
+    `;
+  }
+};
+c.styles = [w, z];
+f([
+  d({ type: String })
+], c.prototype, "value", 2);
+f([
+  d({ type: String })
+], c.prototype, "label", 2);
+f([
+  d({ type: Boolean, reflect: !0 })
+], c.prototype, "disabled", 2);
+f([
+  d({ type: Boolean, reflect: !0 })
+], c.prototype, "checked", 2);
+c = f([
+  m("hx-radio")
+], c);
+export {
+  c as H,
+  s as a
+};
+//# sourceMappingURL=hx-radio-93uKku6B.js.map

package/dist/shared/hx-radio-93uKku6B.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"hx-radio-93uKku6B.js","sources":["../../src/components/hx-radio-group/hx-radio-group.styles.ts","../../src/components/hx-radio-group/hx-radio-group.ts","../../src/components/hx-radio-group/hx-radio.styles.ts","../../src/components/hx-radio-group/hx-radio.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const helixRadioGroupStyles = css`\n :host {\n display: block;\n }\n\n :host([disabled]) {\n opacity: var(--hx-opacity-disabled, 0.5);\n pointer-events: none;\n }\n\n * {\n box-sizing: border-box;\n }\n\n /* ─── Fieldset ─── */\n\n .fieldset {\n border: none;\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n gap: var(--hx-space-2, 0.5rem);\n font-family: var(--hx-font-family-sans, sans-serif);\n }\n\n /* ─── Legend ─── */\n\n .fieldset__legend {\n display: flex;\n align-items: baseline;\n gap: var(--hx-space-1, 0.25rem);\n font-size: var(--hx-font-size-sm, 0.875rem);\n font-weight: var(--hx-font-weight-medium, 500);\n color: var(--hx-radio-group-label-color, var(--hx-color-neutral-700, #343a40));\n line-height: var(--hx-line-height-normal, 1.5);\n padding: 0;\n margin-bottom: var(--hx-space-1, 0.25rem);\n }\n\n .fieldset__required-marker {\n color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));\n font-weight: var(--hx-font-weight-bold, 700);\n }\n\n /* ─── Group Container ─── */\n\n .fieldset__group {\n display: flex;\n flex-direction: column;\n gap: var(--hx-radio-group-gap, var(--hx-space-3, 0.75rem));\n }\n\n :host([orientation='horizontal']) .fieldset__group {\n flex-direction: row;\n flex-wrap: wrap;\n }\n\n /* ─── Error State ─── */\n\n .fieldset--error .fieldset__legend {\n color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));\n }\n\n /* ─── Help Text & Error Messages ─── */\n\n .fieldset__help-text {\n font-size: var(--hx-font-size-xs, 0.75rem);\n color: var(--hx-color-neutral-500, #6c757d);\n line-height: var(--hx-line-height-normal, 1.5);\n }\n\n .fieldset__error {\n font-size: var(--hx-font-size-xs, 0.75rem);\n color: var(--hx-radio-group-error-color, var(--hx-color-error-text, #b91c1c));\n line-height: var(--hx-line-height-normal, 1.5);\n }\n`;\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixRadioGroupStyles } from './hx-radio-group.styles.js';\nimport type { HelixRadio } from './hx-radio.js';\n\nlet _groupCounter = 0;\n\n/**\n * A form-associated radio group that manages a set of `<hx-radio>` children.\n *\n * @summary Form-associated radio group with label, validation, help text, and keyboard navigation.\n *\n * @tag hx-radio-group\n *\n * @slot - `<hx-radio>` elements.\n * @slot error - Custom error content (overrides the error property).\n * @slot help-text - Custom help text content (overrides the helpText property).\n *\n * @fires {CustomEvent<{value: string, checked: boolean}>} hx-change - Dispatched when the selected radio changes.\n *\n * @csspart fieldset - The fieldset wrapper.\n * @csspart legend - The legend/label.\n * @csspart group - The container for radio items.\n * @csspart error - The error message.\n * @csspart help-text - The help text.\n *\n * @cssprop [--hx-radio-group-gap=var(--hx-space-3, 0.75rem)] - Gap between radio items.\n * @cssprop [--hx-radio-group-label-color=var(--hx-color-neutral-700, #343a40)] - Label text color.\n * @cssprop [--hx-radio-group-error-color=var(--hx-color-error-500, #dc3545)] - Error message color.\n */\n@customElement('hx-radio-group')\nexport class HelixRadioGroup extends LitElement {\n static override styles = [tokenStyles, helixRadioGroupStyles];\n\n // ─── Form Association ───\n\n static formAssociated = true;\n\n private _internals: ElementInternals;\n\n constructor() {\n super();\n this._internals = this.attachInternals();\n }\n\n // ─── Properties ───\n\n /**\n * The selected radio's value.\n * @attr value\n */\n @property({ type: String })\n value = '';\n\n /**\n * The name used for form submission.\n * @attr name\n */\n @property({ type: String })\n name = '';\n\n /**\n * The fieldset legend/label text.\n * @attr label\n */\n @property({ type: String })\n label = '';\n\n /**\n * Whether a selection is required for form submission.\n * @attr required\n */\n @property({ type: Boolean, reflect: true })\n required = false;\n\n /**\n * Whether the entire group is disabled.\n * @attr disabled\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Error message to display. When set, the group enters an error state.\n * @attr error\n */\n @property({ type: String })\n error = '';\n\n /**\n * Help text displayed below the group for guidance.\n * @attr help-text\n */\n @property({ type: String, attribute: 'help-text' })\n helpText = '';\n\n /**\n * Layout orientation of the radio items.\n * @attr orientation\n */\n @property({ type: String, reflect: true })\n orientation: 'vertical' | 'horizontal' = 'vertical';\n\n @query('.fieldset__group')\n private _groupEl!: HTMLElement;\n\n @state() private _hasErrorSlot = false;\n\n // ─── Internal IDs ───\n\n private _groupId = `hx-radio-group-${++_groupCounter}`;\n private _helpTextId = `${this._groupId}-help`;\n private _errorId = `${this._groupId}-error`;\n\n // ─── Slot Handlers ───\n\n private _handleErrorSlotChange(e: Event): void {\n const slot = e.target as HTMLSlotElement;\n this._hasErrorSlot = slot.assignedNodes({ flatten: true }).length > 0;\n }\n\n // ─── Lifecycle ───\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.addEventListener('hx-radio-select', this._handleRadioSelect as EventListener);\n this.addEventListener('keydown', this._handleKeydown);\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.removeEventListener('hx-radio-select', this._handleRadioSelect as EventListener);\n this.removeEventListener('keydown', this._handleKeydown);\n }\n\n override updated(changedProperties: Map<string, unknown>): void {\n super.updated(changedProperties);\n if (changedProperties.has('value')) {\n this._internals.setFormValue(this.value || null);\n this._syncRadios();\n this._updateValidity();\n }\n if (changedProperties.has('disabled')) {\n this._syncRadios();\n }\n }\n\n override firstUpdated(changedProperties: Map<string, unknown>): void {\n super.firstUpdated(changedProperties);\n this._syncRadios();\n this._updateValidity();\n }\n\n // ─── Radio Management ───\n\n private _cachedRadios: HelixRadio[] | null = null;\n private _individualDisabledStates = new WeakMap<HelixRadio, boolean>();\n\n private _getRadios(): HelixRadio[] {\n if (!this._cachedRadios) {\n this._cachedRadios = Array.from(this.querySelectorAll('hx-radio')) as HelixRadio[];\n }\n return this._cachedRadios;\n }\n\n private _getEnabledRadios(): HelixRadio[] {\n return this._getRadios().filter((radio) => !radio.disabled && !this.disabled);\n }\n\n private _syncRadios(): void {\n const radios = this._getRadios();\n const enabledRadios = this._getEnabledRadios();\n\n radios.forEach((radio) => {\n const isChecked = radio.value === this.value && this.value !== '';\n radio.checked = isChecked;\n\n if (this.disabled) {\n // Store individual disabled state before overriding with group disabled\n if (!this._individualDisabledStates.has(radio)) {\n this._individualDisabledStates.set(radio, radio.disabled);\n }\n radio.disabled = true;\n } else {\n // Restore individual disabled state when group is re-enabled\n const originalDisabled = this._individualDisabledStates.get(radio);\n if (originalDisabled !== undefined) {\n radio.disabled = originalDisabled;\n this._individualDisabledStates.delete(radio);\n }\n }\n });\n\n // Roving tabindex management\n const checkedRadio = enabledRadios.find((r) => r.checked);\n radios.forEach((radio) => {\n radio.tabIndex = -1;\n });\n\n if (checkedRadio) {\n checkedRadio.tabIndex = 0;\n } else if (enabledRadios.length > 0) {\n const firstRadio = enabledRadios[0];\n if (firstRadio) {\n firstRadio.tabIndex = 0;\n }\n }\n }\n\n // ─── Event Handling ───\n\n private _handleRadioSelect = (e: CustomEvent<{ value: string }>): void => {\n e.stopPropagation();\n\n const newValue = e.detail.value;\n if (newValue === this.value) {\n return;\n }\n\n this.value = newValue;\n // Reactive update in updated() will call setFormValue, _syncRadios, _updateValidity\n\n /**\n * Dispatched when the selected radio changes.\n * @event hx-change\n */\n this.dispatchEvent(\n new CustomEvent('hx-change', {\n bubbles: true,\n composed: true,\n detail: { value: this.value, checked: true },\n }),\n );\n };\n\n private _handleKeydown = (e: KeyboardEvent): void => {\n const enabledRadios = this._getEnabledRadios();\n if (enabledRadios.length === 0) {\n return;\n }\n\n const isHandledKey = [\n 'ArrowUp',\n 'ArrowDown',\n 'ArrowLeft',\n 'ArrowRight',\n ' ',\n 'Home',\n 'End',\n ].includes(e.key);\n if (!isHandledKey) {\n return;\n }\n\n e.preventDefault();\n\n // Space: select the currently focused radio without moving focus\n if (e.key === ' ') {\n const targetRadio = (e.target as Element)?.closest?.('hx-radio') as HelixRadio | null;\n if (targetRadio && !targetRadio.disabled) {\n targetRadio.dispatchEvent(\n new CustomEvent('hx-radio-select', {\n bubbles: true,\n composed: true,\n detail: { value: targetRadio.value },\n }),\n );\n }\n return;\n }\n\n const targetRadio = (e.target as Element)?.closest?.('hx-radio') as HelixRadio | null;\n const currentIndex = targetRadio\n ? enabledRadios.indexOf(targetRadio)\n : enabledRadios.findIndex((radio) => radio.checked);\n\n let nextIndex: number;\n if (e.key === 'Home') {\n nextIndex = 0;\n } else if (e.key === 'End') {\n nextIndex = enabledRadios.length - 1;\n } else if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\n nextIndex = currentIndex === -1 ? 0 : (currentIndex + 1) % enabledRadios.length;\n } else {\n nextIndex = currentIndex <= 0 ? enabledRadios.length - 1 : currentIndex - 1;\n }\n\n const nextRadio = enabledRadios[nextIndex];\n if (nextRadio) {\n nextRadio.focus();\n nextRadio.dispatchEvent(\n new CustomEvent('hx-radio-select', {\n bubbles: true,\n composed: true,\n detail: { value: nextRadio.value },\n }),\n );\n }\n };\n\n private _handleSlotChange(): void {\n this._cachedRadios = null;\n this._syncRadios();\n }\n\n // ─── Form Integration ───\n\n /** Returns the associated form element, if any. */\n get form(): HTMLFormElement | null {\n return this._internals.form;\n }\n\n /** Returns the validation message. */\n get validationMessage(): string {\n return this._internals.validationMessage;\n }\n\n /** Returns the ValidityState object. */\n get validity(): ValidityState {\n return this._internals.validity;\n }\n\n /** Checks whether the group satisfies its constraints. */\n checkValidity(): boolean {\n return this._internals.checkValidity();\n }\n\n /** Reports validity and shows the browser's constraint validation UI. */\n reportValidity(): boolean {\n return this._internals.reportValidity();\n }\n\n private _updateValidity(): void {\n if (this.required && !this.value) {\n this._internals.setValidity(\n { valueMissing: true },\n this.error || 'Please select an option.',\n this._groupEl ?? undefined,\n );\n } else {\n this._internals.setValidity({});\n }\n }\n\n /** Called by the form when it resets. */\n formResetCallback(): void {\n this.value = '';\n this._internals.setFormValue(null);\n this._syncRadios();\n }\n\n /** Called when the form restores state (e.g., back/forward navigation). */\n formStateRestoreCallback(\n state: string | File | FormData,\n _mode: 'restore' | 'autocomplete',\n ): void {\n if (typeof state === 'string') {\n this.value = state;\n }\n }\n\n // ─── Render ───\n\n override render() {\n const hasError = !!this.error;\n const legendId = `${this._groupId}-legend`;\n\n const fieldsetClasses = {\n fieldset: true,\n 'fieldset--error': hasError,\n 'fieldset--disabled': this.disabled,\n 'fieldset--required': this.required,\n };\n\n // Use _errorId only when there is no slotted error content replacing the internal error div\n const errorDescribedBy = !this._hasErrorSlot && hasError ? this._errorId : nothing;\n const describedBy =\n errorDescribedBy !== nothing ? errorDescribedBy : this.helpText ? this._helpTextId : nothing;\n\n return html`\n <fieldset\n part=\"fieldset\"\n class=${classMap(fieldsetClasses)}\n role=\"radiogroup\"\n aria-labelledby=${this.label ? legendId : nothing}\n aria-describedby=${describedBy}\n aria-required=${this.required ? 'true' : nothing}\n >\n ${this.label\n ? html`\n <legend part=\"legend\" class=\"fieldset__legend\" id=${legendId}>\n ${this.label}\n ${this.required\n ? html`<span class=\"fieldset__required-marker\" aria-hidden=\"true\">*</span>`\n : nothing}\n </legend>\n `\n : nothing}\n\n <div part=\"group\" class=\"fieldset__group\" role=\"none\">\n <slot @slotchange=${this._handleSlotChange}></slot>\n </div>\n\n <slot name=\"error\" @slotchange=${this._handleErrorSlotChange}>\n ${hasError\n ? html`<div part=\"error\" class=\"fieldset__error\" id=${this._errorId} role=\"alert\">\n ${this.error}\n </div>`\n : nothing}\n </slot>\n\n ${this.helpText && !hasError\n ? html`\n <div part=\"help-text\" class=\"fieldset__help-text\" id=${this._helpTextId}>\n <slot name=\"help-text\">${this.helpText}</slot>\n </div>\n `\n : nothing}\n </fieldset>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'hx-radio-group': HelixRadioGroup;\n }\n}\n\n/** @public Type alias for use in test files and consumers. */\nexport type WcRadioGroup = HelixRadioGroup;\n","import { css } from 'lit';\n\nexport const helixRadioStyles = css`\n :host {\n display: block;\n }\n\n :host([disabled]) {\n opacity: var(--hx-opacity-disabled, 0.5);\n pointer-events: none;\n }\n\n * {\n box-sizing: border-box;\n }\n\n .radio {\n display: inline-flex;\n align-items: center;\n gap: var(--hx-space-2, 0.5rem);\n cursor: pointer;\n position: relative;\n font-family: var(--hx-font-family-sans, sans-serif);\n }\n\n .radio--disabled {\n cursor: not-allowed;\n }\n\n /* ─── Hidden Native Input ─── */\n\n .radio__input {\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: 0;\n }\n\n /* ─── Visual Radio Circle ─── */\n\n .radio__control {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--hx-radio-size, var(--hx-size-5, 1.25rem));\n height: var(--hx-radio-size, var(--hx-size-5, 1.25rem));\n border: var(--hx-border-width-medium, 2px) solid\n var(--hx-radio-border-color, var(--hx-color-neutral-300, #ced4da));\n border-radius: var(--hx-border-radius-full, 9999px);\n background-color: var(--hx-color-neutral-0, #ffffff);\n transition:\n border-color var(--hx-transition-fast, 150ms ease),\n background-color var(--hx-transition-fast, 150ms ease),\n box-shadow var(--hx-transition-fast, 150ms ease);\n flex-shrink: 0;\n }\n\n /* ─── Inner Dot ─── */\n\n .radio__dot {\n width: 0;\n height: 0;\n border-radius: var(--hx-border-radius-full, 9999px);\n background-color: var(--hx-radio-dot-color, var(--hx-color-neutral-0, #ffffff));\n transition:\n width var(--hx-transition-fast, 150ms ease),\n height var(--hx-transition-fast, 150ms ease);\n }\n\n /* ─── Checked State ─── */\n\n .radio--checked .radio__control {\n border-color: var(--hx-radio-checked-border-color, var(--hx-color-primary-500, #2563eb));\n background-color: var(--hx-radio-checked-bg, var(--hx-color-primary-500, #2563eb));\n }\n\n .radio--checked .radio__dot {\n width: calc(var(--hx-radio-size, var(--hx-size-5, 1.25rem)) * 0.4);\n height: calc(var(--hx-radio-size, var(--hx-size-5, 1.25rem)) * 0.4);\n }\n\n /* ─── Focus State ─── */\n\n :host(:focus-visible) .radio__control {\n outline: var(--hx-focus-ring-width, 2px) solid\n var(--hx-radio-focus-ring-color, var(--hx-focus-ring-color, #2563eb));\n outline-offset: var(--hx-focus-ring-offset, 2px);\n }\n\n /* ─── Hover State ─── */\n\n .radio:not(.radio--disabled):not(.radio--checked):hover .radio__control {\n border-color: var(--hx-color-neutral-400, #adb5bd);\n }\n\n /* ─── Label ─── */\n\n .radio__label {\n font-size: var(--hx-font-size-md, 1rem);\n color: var(--hx-radio-label-color, var(--hx-color-neutral-700, #343a40));\n line-height: var(--hx-line-height-normal, 1.5);\n user-select: none;\n -webkit-user-select: none;\n }\n`;\n","import { LitElement, html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { tokenStyles } from '@helixui/tokens/lit';\nimport { helixRadioStyles } from './hx-radio.styles.js';\n\n// Module-level counter for stable, SSR-safe IDs (avoids Math.random() hydration mismatch)\nlet _hxRadioIdCounter = 0;\n\n/**\n * An individual radio button, designed to be used inside a `<hx-radio-group>`.\n *\n * @summary Presentational radio button managed by its parent radio group.\n *\n * @tag hx-radio\n *\n * @slot - Custom label content (overrides the label property).\n *\n * @csspart radio - The visual radio circle.\n * @csspart label - The label text.\n *\n * @cssprop [--hx-radio-size=var(--hx-size-5, 1.25rem)] - Radio circle size.\n * @cssprop [--hx-radio-border-color=var(--hx-color-neutral-300, #ced4da)] - Radio border color.\n * @cssprop [--hx-radio-checked-bg=var(--hx-color-primary-500, #2563EB)] - Checked background color.\n * @cssprop [--hx-radio-checked-border-color=var(--hx-color-primary-500, #2563EB)] - Checked border color.\n * @cssprop [--hx-radio-dot-color=var(--hx-color-neutral-0, #ffffff)] - Inner dot color when checked.\n * @cssprop [--hx-radio-focus-ring-color=var(--hx-focus-ring-color, #2563EB)] - Focus ring color.\n * @cssprop [--hx-radio-label-color=var(--hx-color-neutral-700, #343a40)] - Label text color.\n */\n@customElement('hx-radio')\nexport class HelixRadio extends LitElement {\n static override styles = [tokenStyles, helixRadioStyles];\n\n // ─── Properties ───\n\n /**\n * The value this radio represents.\n * @attr value\n */\n @property({ type: String })\n value = '';\n\n /**\n * Visible label text for the radio.\n * @attr label\n */\n @property({ type: String })\n label = '';\n\n /**\n * Whether this radio is disabled.\n * @attr disabled\n */\n @property({ type: Boolean, reflect: true })\n disabled = false;\n\n /**\n * Whether this radio is checked. Managed by the parent group.\n * @attr checked\n */\n @property({ type: Boolean, reflect: true })\n checked = false;\n\n // ─── Lifecycle ───\n\n override connectedCallback(): void {\n super.connectedCallback();\n this.setAttribute('role', 'radio');\n this.setAttribute('aria-checked', String(this.checked));\n this.setAttribute('aria-disabled', String(this.disabled));\n }\n\n override updated(changedProperties: Map<string, unknown>): void {\n super.updated(changedProperties);\n if (changedProperties.has('checked')) {\n this.setAttribute('aria-checked', String(this.checked));\n }\n if (changedProperties.has('disabled')) {\n this.setAttribute('aria-disabled', String(this.disabled));\n }\n }\n\n // ─── Internal IDs ───\n\n private _inputId = `hx-radio-${++_hxRadioIdCounter}`;\n\n // ─── Event Handling ───\n\n private _handleClick(): void {\n if (this.disabled) {\n return;\n }\n\n /**\n * Internal event dispatched to signal selection to the parent group.\n * Not part of the public API.\n * @internal\n */\n this.dispatchEvent(\n new CustomEvent('hx-radio-select', {\n bubbles: true,\n composed: true,\n detail: { value: this.value },\n }),\n );\n }\n\n // ─── Render ───\n\n override render() {\n const classes = {\n radio: true,\n 'radio--checked': this.checked,\n 'radio--disabled': this.disabled,\n };\n\n return html`\n <div class=${classMap(classes)} @click=${this._handleClick}>\n <input\n class=\"radio__input\"\n type=\"radio\"\n id=${this._inputId}\n .checked=${this.checked}\n ?disabled=${this.disabled}\n tabindex=\"-1\"\n aria-hidden=\"true\"\n />\n <span part=\"radio\" class=\"radio__control\" aria-hidden=\"true\">\n <span class=\"radio__dot\"></span>\n </span>\n <span part=\"label\" class=\"radio__label\">\n <slot>${this.label}</slot>\n </span>\n </div>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'hx-radio': HelixRadio;\n }\n}\n\n/** @public Type alias for use in test files and consumers. */\nexport type WcRadio = HelixRadio;\n"],"names":["helixRadioGroupStyles","css","_groupCounter","HelixRadioGroup","LitElement","newValue","enabledRadios","targetRadio","_b","_a","_d","_c","currentIndex","radio","nextIndex","nextRadio","slot","changedProperties","radios","isChecked","originalDisabled","checkedRadio","r","firstRadio","state","_mode","hasError","legendId","fieldsetClasses","errorDescribedBy","nothing","describedBy","html","classMap","tokenStyles","__decorateClass","property","query","customElement","helixRadioStyles","_hxRadioIdCounter","HelixRadio","classes"],"mappings":"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"}