@alto-avios/alto-ui 4.3.0-experimental.1 → 4.4.1

package/dist/assets/Accordion.css

@@ -1 +1 @@
-._accordion_1j9rd_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1j9rd_14,._accordionStack_1j9rd_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1j9rd_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1j9rd_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1j9rd_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1j9rd_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1j9rd_57{display:flex;flex-direction:column}._endContainer_1j9rd_62{gap:var(--alto-sem-space-sm)}._endContainer_1j9rd_62,._titleEnd_1j9rd_69,._titleStart_1j9rd_68{align-items:center;display:flex}._accordionTitle_1j9rd_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height)}._accordionDescription_1j9rd_87,._accordionTitle_1j9rd_74{font-family:var(--alto-sem-text-body-font-family);margin:0;text-align:left}._accordionDescription_1j9rd_87{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1j9rd_97{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_1j9rd_1[data-expanded=true] ._iconWrapper_1j9rd_97{transform:rotate(180deg)}._accordion_1j9rd_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1j9rd_1>[role=group],._accordion_1j9rd_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0s linear}._accordion_1j9rd_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1j9rd_129{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1j9rd_1[data-expanded=true],._accordion_1j9rd_1[data-expanded=true] ._trigger_1j9rd_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1j9rd_1[data-expanded=true] ._trigger_1j9rd_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-focused]{outline:none}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_1j9rd_1 ._trigger_1j9rd_33[data-disabled] ._iconWrapper_1j9rd_97,._trigger_1j9rd_33[data-disabled] ._accordionDescription_1j9rd_87,._trigger_1j9rd_33[data-disabled] ._accordionTitle_1j9rd_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1j9rd_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}
+._accordion_1f1yj_1{--accordion-transition-duration:.2s;--accordion-transition-timing:cubic-bezier(.4,0,.2,1);align-items:center;align-self:stretch;background-color:var(--alto-sem-color-bg-white-vibrant-default);border:1px solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius);display:flex;flex-direction:column;padding:0}._accordionGroup_1f1yj_14,._accordionStack_1f1yj_20{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs)}._accordionHeader_1f1yj_26{display:flex;flex-direction:column;gap:var(--alto-sem-space-4xs);padding-bottom:var(--alto-sem-space-2xs)}._trigger_1f1yj_33{background-color:var(--alto-sem-color-bg-white-vibrant-default);border:none;border-radius:var(--alto-card-radius);cursor:pointer;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:100%}._buttonContent_1f1yj_42{align-items:center;display:flex;gap:var(--alto-sem-space-sm);justify-content:space-between;width:100%}._titleContainer_1f1yj_50{align-items:center;display:flex;flex:1;gap:var(--alto-sem-space-2xs)}._titleWrapper_1f1yj_57{display:flex;flex-direction:column}._endContainer_1f1yj_62{gap:var(--alto-sem-space-sm)}._endContainer_1f1yj_62,._titleEnd_1f1yj_69,._titleStart_1f1yj_68{align-items:center;display:flex}._accordionTitle_1f1yj_74{color:var(--alto-sem-color-fg-accent-secondary);flex:1;font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-body-bold-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);word-break:break-all}._accordionDescription_1f1yj_88,._accordionTitle_1f1yj_74{font-family:var(--alto-sem-text-body-font-family);margin:0;text-align:left}._accordionDescription_1f1yj_88{color:var(--alto-sem-color-fg-secondary);font-size:var(--alto-sem-text-body-md-font-size);letter-spacing:var(--alto-sem-text-body-md-letter-spacing);line-height:var(--alto-sem-text-body-md-line-height)}._iconWrapper_1f1yj_98{align-items:center;color:var(--alto-sem-color-foreground-secondary);display:flex;justify-content:center;transition:transform .25s cubic-bezier(.4,0,.2,1)}._accordion_1f1yj_1[data-expanded=true] ._iconWrapper_1f1yj_98{transform:rotate(180deg)}._accordion_1f1yj_1>[role=group]{height:0;overflow:hidden;visibility:hidden;width:100%}._accordion_1f1yj_1>[role=group],._accordion_1f1yj_1[data-expanded=true]>[role=group]{transition:height var(--accordion-transition-duration) var(--accordion-transition-timing),visibility 0s linear}._accordion_1f1yj_1[data-expanded=true]>[role=group]{height:var(--group-height);visibility:visible}._panelContent_1f1yj_130{padding:var(--alto-sem-space-xs) var(--alto-sem-space-sm) var(--alto-sem-space-2xl)}._accordion_1f1yj_1[data-expanded=true],._accordion_1f1yj_1[data-expanded=true] ._trigger_1f1yj_33{background-color:var(--alto-sem-color-bg-layer1-default)}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-focus-visible]{box-shadow:0 0 0 2px var(--alto-sem-color-border-accent);outline:none}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-pressed]{background-color:var(--alto-sem-color-overlay-state-darken-invert-active);outline:none}._accordion_1f1yj_1[data-expanded=true] ._trigger_1f1yj_33[data-hovered]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);border-radius:var(--alto-card-radius) var(--alto-card-radius) 0 0}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-focused]{outline:none}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._accordion_1f1yj_1 ._trigger_1f1yj_33[data-disabled] ._iconWrapper_1f1yj_98,._trigger_1f1yj_33[data-disabled] ._accordionDescription_1f1yj_88,._trigger_1f1yj_33[data-disabled] ._accordionTitle_1f1yj_74{color:var(--alto-sem-color-fg-disabled-on-subtle)}._accordion_1f1yj_1[data-disabled]{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}

package/dist/assets/ButtonGroup.css

@@ -1 +1 @@
-._buttonGroup_zcnod_2{align-items:center;display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-sm) var(--alto-sem-space-2xs)}._alignStart_zcnod_10{justify-content:flex-start}._alignCenter_zcnod_14{justify-content:center}._alignEnd_zcnod_18{justify-content:flex-end}._alignJustify_zcnod_22,._alignSplit_zcnod_26{justify-content:space-between}._alignSplit_zcnod_26>:first-child{margin-right:auto}._alignSplit_zcnod_26>:not(:first-child){display:flex;justify-content:flex-end}._alignStack_zcnod_39{align-items:stretch;flex-direction:column}._alignStackFlip_zcnod_44{align-items:stretch;flex-direction:column-reverse}
+._buttonGroup_53q76_2{align-items:center;display:flex;flex-wrap:wrap;gap:var(--alto-sem-space-sm) var(--alto-sem-space-2xs)}._alignStart_53q76_10{justify-content:flex-start}._alignCenter_53q76_14{justify-content:center}._alignEnd_53q76_18{justify-content:flex-end}._alignJustify_53q76_22{justify-content:space-between}._alignJustify_53q76_22>*{flex-grow:1}._alignSplit_53q76_30{justify-content:space-between}._alignSplit_53q76_30>:first-child{margin-right:auto}._alignSplit_53q76_30>:not(:first-child){display:flex;justify-content:flex-end}._alignStack_53q76_43{align-items:stretch;flex-direction:column}._alignStackFlip_53q76_48{align-items:stretch;flex-direction:column-reverse}

package/dist/assets/DetailsDisclosure.css

@@ -1 +1 @@
-._detailsDisclosure_9jcud_1{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs);width:100%}._detailsDisclosureIcon_9jcud_8{rotate:0deg;transition:rotate .2s}._detailsDisclosure_9jcud_1[data-expanded] ._detailsDisclosureIcon_9jcud_8{rotate:90deg}._detailsDisclosure_9jcud_1 button[slot=trigger]{all:unset;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-accent-primary);cursor:pointer;display:flex;flex-direction:row;font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-xs)}._detailsDisclosure_9jcud_1 button[slot=trigger][data-focus-visible]{color:var(--alto-sem-color-fg-accent-secondary);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._detailsDisclosure_9jcud_1 button[slot=trigger][data-hovered],._detailsDisclosure_9jcud_1 button[slot=trigger][data-pressed]{color:var(--alto-sem-color-fg-accent-secondary)}._detailsDisclosureDetails_9jcud_40{padding-left:20px;position:relative}._detailsDisclosureDetails_9jcud_40:before{background:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);content:"";height:100%;left:0;margin-left:3px;position:absolute;top:0;width:4px}
+._detailsDisclosure_1jv4t_1{display:flex;flex-direction:column;gap:var(--alto-sem-space-2xs);width:100%}._detailsDisclosureIcon_1jv4t_8{rotate:0deg;transition:rotate .2s}._detailsDisclosure_1jv4t_1[data-expanded] ._detailsDisclosureIcon_1jv4t_8{rotate:90deg}._detailsDisclosure_1jv4t_1 button[slot=trigger]{all:unset;border-radius:var(--alto-sem-radius-circle);color:var(--alto-sem-color-fg-accent-primary);cursor:pointer;display:flex;flex-direction:row;font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-md-font-size);font-weight:var(--alto-sem-text-body-bold-font-weight);gap:var(--alto-sem-space-xs)}._detailsDisclosure_1jv4t_1 button[slot=trigger][data-focus-visible]{color:var(--alto-sem-color-fg-accent-secondary);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._detailsDisclosure_1jv4t_1 button[slot=trigger][data-hovered],._detailsDisclosure_1jv4t_1 button[slot=trigger][data-pressed]{color:var(--alto-sem-color-fg-accent-secondary)}._detailsDisclosureDetails_1jv4t_41{padding-left:20px;position:relative}._detailsDisclosureDetails_1jv4t_41:before{background:var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);content:"";height:100%;left:0;margin-left:3px;position:absolute;top:0;width:4px}

package/dist/assets/Icon.css

@@ -1 +1 @@
-._icon-wrapper_h11q1_1{align-items:center;display:inline-flex;justify-content:center}._iconSize0_5x_h11q1_8{font-size:.5rem}._iconSize0_75x_h11q1_12{font-size:.75rem}._iconSize1_25x_h11q1_16{font-size:1.25rem}._iconSize1_5x_h11q1_20{font-size:1.5rem}._iconSize2_5x_h11q1_24{font-size:2.5rem}._iconSize0_5x_h11q1_8 svg{height:.5rem;width:.5rem!important}._iconSize0_75x_h11q1_12 svg{height:.75rem;width:.75rem!important}._iconSize1x_h11q1_39 svg{height:1rem;width:1rem!important}._iconSize1_25x_h11q1_16 svg{height:1.25rem;width:1.25rem!important}._iconSize1_5x_h11q1_20 svg{height:1.5rem;width:1.5rem!important}._iconSize2x_h11q1_54 svg{height:2rem;width:2rem!important}._iconSize2_5x_h11q1_24 svg{height:2.5rem;width:2.5rem!important}._iconSize3x_h11q1_64 svg{height:3rem;width:3rem!important}._iconSize4x_h11q1_69 svg{height:4rem;width:4rem!important}._iconSize5x_h11q1_74 svg{height:5rem;width:5rem!important}._iconSize6x_h11q1_79 svg{height:6rem;width:6rem!important}._iconSize7x_h11q1_84 svg{height:7rem;width:7rem!important}._iconSize8x_h11q1_89 svg{height:8rem;width:8rem!important}._iconSize9x_h11q1_94 svg{height:9rem;width:9rem!important}._iconSize10x_h11q1_99 svg{height:10rem;width:10rem!important}._icon_h11q1_1._fixedWidth_h11q1_105{padding:0 .125em}._icon_h11q1_1._square_h11q1_109{padding:.125em}._icon_h11q1_1._roomy_h11q1_113{padding:.25em}
+._icon-wrapper_1wjol_1{align-items:center;display:inline-flex;justify-content:center}._iconSize0_5x_1wjol_8{font-size:.5rem}._iconSize0_75x_1wjol_12{font-size:.75rem}._iconSize1_25x_1wjol_16{font-size:1.25rem}._iconSize1_5x_1wjol_20{font-size:1.5rem}._iconSize2_5x_1wjol_24{font-size:2.5rem}._iconSize0_5x_1wjol_8,._iconSize0_5x_1wjol_8 svg{height:.5rem;width:.5rem!important}._iconSize0_75x_1wjol_12,._iconSize0_75x_1wjol_12 svg{height:.75rem;width:.75rem!important}._iconSize1x_1wjol_41,._iconSize1x_1wjol_41 svg{height:1rem;width:1rem!important}._iconSize1_25x_1wjol_16,._iconSize1_25x_1wjol_16 svg{height:1.25rem;width:1.25rem!important}._iconSize1_5x_1wjol_20,._iconSize1_5x_1wjol_20 svg{height:1.5rem;width:1.5rem!important}._iconSize2x_1wjol_59,._iconSize2x_1wjol_59 svg{height:2rem;width:2rem!important}._iconSize2_5x_1wjol_24,._iconSize2_5x_1wjol_24 svg{height:2.5rem;width:2.5rem!important}._iconSize3x_1wjol_71,._iconSize3x_1wjol_71 svg{height:3rem;width:3rem!important}._iconSize4x_1wjol_77,._iconSize4x_1wjol_77 svg{height:4rem;width:4rem!important}._iconSize5x_1wjol_83,._iconSize5x_1wjol_83 svg{height:5rem;width:5rem!important}._iconSize6x_1wjol_89,._iconSize6x_1wjol_89 svg{height:6rem;width:6rem!important}._iconSize7x_1wjol_95,._iconSize7x_1wjol_95 svg{height:7rem;width:7rem!important}._iconSize8x_1wjol_101,._iconSize8x_1wjol_101 svg{height:8rem;width:8rem!important}._iconSize9x_1wjol_107,._iconSize9x_1wjol_107 svg{height:9rem;width:9rem!important}._iconSize10x_1wjol_113,._iconSize10x_1wjol_113 svg{height:10rem;width:10rem!important}._icon_1wjol_1._fixedWidth_1wjol_120{padding:0 .125em}._icon_1wjol_1._square_1wjol_124{padding:.125em}._icon_1wjol_1._roomy_1wjol_128{padding:.25em}

package/dist/assets/ListBoxItem.css

@@ -1 +1 @@
-._listBoxItem_vneoh_1{align-items:center;border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-xs);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);margin:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);text-align:left;width:100%;width:-webkit-fill-available}._listBoxItemLabel_vneoh_19{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listBoxItem_vneoh_1[data-loading]{cursor:progress;outline-style:none}._listBoxItem_vneoh_1[data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._listBoxItem_vneoh_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._listBoxItem_vneoh_1[data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._listBoxItem_vneoh_1[data-focused][data-focus-visible]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._listBoxItem_vneoh_1[data-focused]{outline:none}._listBoxItem_vneoh_1[data-selected]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-default)}._listBoxItem_vneoh_1[data-selected][data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItem_vneoh_1[data-selected][data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-active)}._listBoxItem_vneoh_1[data-selected][data-focused]:not([data-loading]){background:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItemIcon_vneoh_71,._listBoxItemSelected_vneoh_77{align-items:center;display:inline-flex;justify-content:center}._listBoxItemSelected_vneoh_77{opacity:0}._listBoxItem_vneoh_1[data-selected] ._listBoxItemSelected_vneoh_77{opacity:1}
+._listBoxItem_nivvq_1{align-items:center;border-radius:var(--alto-sem-radius-3xs);color:var(--alto-sem-color-fg-primary);cursor:pointer;display:flex;font-size:var(--alto-sem-text-body-sm-font-size);gap:var(--alto-sem-space-xs);justify-content:space-between;letter-spacing:var(--alto-sem-text-body-sm-letter-spacing);line-height:var(--alto-sem-text-body-sm-line-height);margin:var(--alto-sem-space-4xs);padding:var(--alto-sem-space-2xs) var(--alto-sem-space-xs);text-align:left;width:100%;width:-webkit-fill-available}._listBoxItemLabel_nivvq_19{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._listBoxItem_nivvq_1[data-loading]{cursor:progress;outline-style:none}._listBoxItem_nivvq_1[data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-hover)}._listBoxItem_nivvq_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);color:var(--alto-sem-color-fg-disabled-on-subtle);cursor:not-allowed}._listBoxItem_nivvq_1[data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-overlay-state-darken-invert-active)}._listBoxItem_nivvq_1[data-focused][data-focus-visible]{background-color:var(--alto-sem-color-overlay-state-darken-invert-hover);outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._listBoxItem_nivvq_1[data-focused]{outline:none}._listBoxItem_nivvq_1[data-selected]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-default)}._listBoxItem_nivvq_1[data-selected][data-hovered]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItem_nivvq_1[data-selected][data-pressed]:not([data-loading]){background-color:var(--alto-sem-color-bg-accent-subtle-active)}._listBoxItem_nivvq_1[data-selected][data-focused]:not([data-loading]){background:var(--alto-sem-color-bg-accent-subtle-hover)}._listBoxItemIcon_nivvq_71,._listBoxItemSelected_nivvq_77{align-items:center;display:inline-flex;justify-content:center}._listBoxItemSelected_nivvq_77{opacity:0}._listBoxItem_nivvq_1[data-selected] ._listBoxItemSelected_nivvq_77{opacity:1}._sr-only_nivvq_88{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}

package/dist/assets/LoadingSpinner.css

@@ -1 +1 @@
-._loadingSpinner_1kyw6_1{display:flex}._md_1kyw6_9,._sm_1kyw6_5{font-size:1rem}._lg_1kyw6_13{font-size:1.25rem}._fa-spinner-third_1kyw6_17{height:1rem;width:1rem}._icon-wrapper_1kyw6_22{all:unset;align-items:center;display:flex;height:1em;justify-content:center;width:1em}
+._loadingSpinner_1pdea_1{align-items:center;display:inline-flex;justify-content:center;line-height:1}._fa-spinner-third_1pdea_8{height:1rem;width:1rem}._iconWrapper_1pdea_13{align-items:center;display:inline-flex;height:100%;justify-content:center;width:100%}._spinner_1pdea_21{animation:_spinner-rotate_1pdea_1 1s linear infinite;fill:currentColor;height:100%;transform-box:fill-box;transform-origin:50% 50%;width:100%}@keyframes _spinner-rotate_1pdea_1{to{transform:rotate(1turn)}}._iconSize0_5x_1pdea_37{height:.5rem;width:.5rem!important}._iconSize0_75x_1pdea_42{height:.75rem;width:.75rem!important}._iconSize1x_1pdea_47{height:1rem;width:1rem!important}._iconSize1_25x_1pdea_52{height:1.25rem;width:1.25rem!important}._iconSize1_5x_1pdea_57{height:1.5rem;width:1.5rem!important}._iconSize2x_1pdea_62{height:2rem;width:2rem!important}._iconSize2_5x_1pdea_67{height:2.5rem;width:2.5rem!important}._iconSize3x_1pdea_72{height:3rem;width:3rem!important}._iconSize4x_1pdea_77{height:4rem;width:4rem!important}._iconSize5x_1pdea_82{height:5rem;width:5rem!important}._iconSize6x_1pdea_87{height:6rem;width:6rem!important}._iconSize7x_1pdea_92{height:7rem;width:7rem!important}._iconSize8x_1pdea_97{height:8rem;width:8rem!important}._iconSize9x_1pdea_102{height:9rem;width:9rem!important}._iconSize10x_1pdea_107{height:10rem;width:10rem!important}

package/dist/assets/Popover.css

@@ -1 +1 @@
-._popoverWrapper_qrzbw_1{max-width:410px;position:absolute}._popover_qrzbw_1{background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius,12px);box-shadow:0 4px 6px -1px var(--alto-sem-color-overlay-state-darken-active),0 2px 4px -2px var(--alto-sem-color-overlay-state-darken-active);position:relative}._arrow_qrzbw_16{background:url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_15337_1997" fill="white"><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z"/></mask><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z" fill="%23FEFEFE"/><path d="M8.51472 0.814707L9.22182 0.107601L8.51472 -0.599506L7.80761 0.107601L8.51472 0.814707ZM0.736542 10.0071L9.22182 1.52181L7.80761 0.107601L-0.677672 8.59288L0.736542 10.0071ZM7.80761 1.52181L16.2929 10.0071L17.7071 8.59288L9.22182 0.107601L7.80761 1.52181Z" fill="%239593A0" fill-opacity="0.25" mask="url(%23path-1-inside-1_15337_1997)"/></svg>') 50% no-repeat;height:16px;position:absolute;width:16px}._arrow_qrzbw_16[data-placement=top]{bottom:-9px;left:50%;margin-left:-8.5px;transform:rotate(180deg)}._arrow_qrzbw_16[data-placement=bottom]{left:50%;margin-left:-8.5px;top:-9px}._arrow_qrzbw_16[data-placement=left]{margin-top:-9px;right:-9px;top:50%;transform:rotate(90deg)}._arrow_qrzbw_16[data-placement=right]{left:-9px;margin-top:-9px;top:50%;transform:rotate(-90deg)}
+._popoverWrapper_1yhlj_1{position:absolute}._popover_1yhlj_1{background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-tertiary);border-radius:var(--alto-card-radius,12px);box-shadow:0 4px 6px -1px var(--alto-sem-color-overlay-state-darken-active),0 2px 4px -2px var(--alto-sem-color-overlay-state-darken-active);position:relative}._arrow_1yhlj_15{background:url('data:image/svg+xml;utf8,<svg width="17" height="18" viewBox="0 0 17 18" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="path-1-inside-1_15337_1997" fill="white"><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z"/></mask><path d="M17 9.29999L8.51472 17.7853L0.0294347 9.29999L8.51472 0.814707L17 9.29999Z" fill="%23FEFEFE"/><path d="M8.51472 0.814707L9.22182 0.107601L8.51472 -0.599506L7.80761 0.107601L8.51472 0.814707ZM0.736542 10.0071L9.22182 1.52181L7.80761 0.107601L-0.677672 8.59288L0.736542 10.0071ZM7.80761 1.52181L16.2929 10.0071L17.7071 8.59288L9.22182 0.107601L7.80761 1.52181Z" fill="%239593A0" fill-opacity="0.25" mask="url(%23path-1-inside-1_15337_1997)"/></svg>') 50% no-repeat;height:16px;position:absolute;width:16px}._arrow_1yhlj_15[data-placement=top]{bottom:-9px;left:50%;margin-left:-8.5px;transform:rotate(180deg)}._arrow_1yhlj_15[data-placement=bottom]{left:50%;margin-left:-8.5px;top:-9px}._arrow_1yhlj_15[data-placement=left]{margin-top:-9px;right:-9px;top:50%;transform:rotate(90deg)}._arrow_1yhlj_15[data-placement=right]{left:-9px;margin-top:-9px;top:50%;transform:rotate(-90deg)}

package/dist/assets/SelectCard.css

@@ -1 +1 @@
-._select-card_1xxiy_1{align-items:flex-start;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_1xxiy_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_1xxiy_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_1xxiy_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1xxiy_1[data-focus-visible],._select-card_1xxiy_1[data-selected][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1xxiy_1[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_1xxiy_1[data-focus-visible][data-selected]{outline-width:var(--alto-sem-border-width-lg)}._select-card__header_1xxiy_46{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card__header_1xxiy_46[data-select-control=false]>._checkboxSvgWrapper_1xxiy_53{display:none}._select-card_1xxiy_1[data-disabled] ._select-card__start-slot_1xxiy_58{opacity:.5}._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_1xxiy_1[data-disabled] ._select-card__label-title_1xxiy_63{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_1xxiy_63{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_1xxiy_87{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_1xxiy_1[data-disabled] ._select-card__end-slot_1xxiy_87{opacity:.5}._select-card__body_1xxiy_99{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__body_1xxiy_99{opacity:.5}._select-card_1xxiy_1:not([data-selected]) ._select-card__details_1xxiy_110{display:none}._select-card_1xxiy_1[data-selected] ._select-card__details_1xxiy_110{display:flex;width:-webkit-fill-available}._select-card_1xxiy_1[data-disabled] ._select-card__details_1xxiy_110{display:none}._select-card__checkbox_1xxiy_124 ._checkboxSvgWrapper_1xxiy_53{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_1xxiy_1 ._svg_1xxiy_138{fill:none;height:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s;width:1rem}._select-card__checkbox_1xxiy_124[data-selected] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_1xxiy_124[data-selected][data-hovered] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_1xxiy_124[data-selected][data-pressed] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_1xxiy_124[data-selected] ._svg_1xxiy_138{stroke-dashoffset:44}._select-card__checkbox_1xxiy_124[data-hovered] ._checkboxSvgWrapper_1xxiy_53{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_1xxiy_124[data-pressed] ._checkboxSvgWrapper_1xxiy_53{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_1xxiy_124[data-focus-visible][data-select-control=false] ._checkboxSvgWrapper_1xxiy_53{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._select-card__checkbox_1xxiy_124[data-selected=true][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1xxiy_1[data-disabled] ._checkboxSvgWrapper_1xxiy_53{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1xxiy_1[data-disabled][data-selected] ._checkboxSvgWrapper_1xxiy_53{border-color:transparent}._select-card_1xxiy_1[data-disabled] ._svg_1xxiy_138{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_1xxiy_208 ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__radio_1xxiy_208[data-hovered] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_1xxiy_208[data-focus-visible][data-select-control=false] ._select-card__header_1xxiy_46:before{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._select-card__radio_1xxiy_208[data-pressed] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_1xxiy_208[data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__radio_1xxiy_208[data-selected][data-hovered] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1xxiy_208[data-selected][data-focused] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1xxiy_208[data-selected][data-focus-visible] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1xxiy_208[data-selected][data-pressed] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1xxiy_208[data-invalid] ._select-card__header_1xxiy_46:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_1xxiy_208[data-invalid][data-hovered] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-focused] ._select-card__header_1xxiy_46:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-focus-visible] ._select-card__header_1xxiy_46:before,._select-card__radio_1xxiy_208[data-invalid][data-pressed] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1xxiy_208[data-invalid][data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__radio_1xxiy_208[data-disabled] ._select-card__header_1xxiy_46:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_1xxiy_208[data-disabled][data-selected] ._select-card__header_1xxiy_46:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}
+._select-card_1j57x_1{align-items:flex-start;background:var(--alto-sem-color-bg-layer2-default);border:var(--alto-sem-border-width-sm) solid var(--alto-sem-color-border-secondary);border-radius:var(--alto-card-radius,12px);cursor:pointer;display:flex;flex-direction:column;gap:var(--alto-sem-space-xs);justify-content:center;padding:var(--alto-sem-space-md) var(--alto-sem-space-sm);width:-webkit-fill-available}._select-card_1j57x_1[data-hovered]{background:var(--alto-sem-color-bg-layer2-hover)}._select-card_1j57x_1[data-pressed]{background:var(--alto-sem-color-bg-layer2-active)}._select-card_1j57x_1[data-disabled]{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1j57x_1[data-focus-visible],._select-card_1j57x_1[data-selected][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1j57x_1[data-focus-visible]{outline-color:var(--alto-sem-color-border-accent);outline-offset:0;outline-style:solid;outline-width:var(--alto-sem-border-width-sm)}._select-card_1j57x_1[data-focus-visible][data-selected]{outline-width:var(--alto-sem-border-width-lg)}._select-card__header_1j57x_46{align-items:center;display:flex;gap:var(--alto-sem-space-xs);width:100%}._select-card__header_1j57x_46[data-select-control=false]>._checkboxSvgWrapper_1j57x_53{display:none}._select-card_1j57x_1 ._select-card__header-content-wrapper_1j57x_58{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card_1j57x_1[data-disabled] ._select-card__header-content-wrapper_1j57x_58,._select-card_1j57x_1[data-disabled] ._select-card__start-slot_1j57x_70{opacity:.5}._select-card__label-title_1j57x_75{color:var(--alto-sem-color-fg-primary);font-family:var(--alto-sem-text-body-font-family);font-size:var(--alto-sem-text-body-lg-font-size);font-style:normal;font-weight:var(--alto-sem-text-heading-lg-font-weight);letter-spacing:var(--alto-sem-text-body-lg-letter-spacing);line-height:var(--alto-sem-text-body-lg-line-height);margin:0;text-align:left}._select-card_1j57x_1[data-disabled] ._select-card__label-title_1j57x_75{color:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__label_1j57x_75{display:flex;flex:0 1 auto;flex-direction:column;width:100%}._select-card__end-slot_1j57x_99{align-items:center;display:flex;flex:0 0 auto;justify-content:center}._select-card_1j57x_1[data-disabled] ._select-card__end-slot_1j57x_99{opacity:.5}._select-card__body_1j57x_111{display:flex;width:-webkit-fill-available}._select-card_1j57x_1[data-disabled] ._select-card__body_1j57x_111{opacity:.5}._select-card_1j57x_1:not([data-selected]) ._select-card__details_1j57x_122{display:none}._select-card_1j57x_1[data-selected] ._select-card__details_1j57x_122{display:flex;width:-webkit-fill-available}._select-card_1j57x_1[data-disabled] ._select-card__details_1j57x_122{display:none}._select-card__checkbox_1j57x_136 ._checkboxSvgWrapper_1j57x_53{align-items:center;background:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-checkbox-radius);box-sizing:border-box;display:flex;flex-direction:column;flex-shrink:0;height:1.5rem;justify-content:center;width:1.5rem}._select-card_1j57x_1 ._svg_1j57x_150{fill:none;height:1rem;stroke:var(--alto-sem-color-fg-accent-on-vibrant);stroke-dasharray:22px;stroke-dashoffset:66;stroke-width:3px;transition:all .2s;width:1rem}._select-card__checkbox_1j57x_136[data-selected] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-accent-vibrant-default);border-color:var(--alto-sem-color-bg-accent-vibrant-default)}._select-card__checkbox_1j57x_136[data-selected][data-hovered] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-accent-vibrant-hover);border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__checkbox_1j57x_136[data-selected][data-pressed] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-accent-vibrant-active);border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__checkbox_1j57x_136[data-selected] ._svg_1j57x_150{stroke-dashoffset:44}._select-card__checkbox_1j57x_136[data-hovered] ._checkboxSvgWrapper_1j57x_53{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__checkbox_1j57x_136[data-pressed] ._checkboxSvgWrapper_1j57x_53{border-color:var(--alto-sem-color-border-primary-active)}._select-card__checkbox_1j57x_136[data-focus-visible][data-select-control=false] ._checkboxSvgWrapper_1j57x_53{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md)}._select-card__checkbox_1j57x_136[data-selected=true][data-select-control=false]{border-color:var(--alto-sem-color-border-accent)}._select-card_1j57x_1[data-disabled] ._checkboxSvgWrapper_1j57x_53{background:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-border-disabled-subtle)}._select-card_1j57x_1[data-disabled][data-selected] ._checkboxSvgWrapper_1j57x_53{border-color:transparent}._select-card_1j57x_1[data-disabled] ._svg_1j57x_150{stroke:var(--alto-sem-color-fg-disabled-on-subtle)}._select-card__radio_1j57x_220 ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-bg-layer2-default);border:1px solid var(--alto-sem-color-border-primary-default);border-radius:var(--alto-sem-radius-circle);box-sizing:border-box;content:"";display:block;flex-shrink:0;height:1.5rem;transition:all .2s;width:1.5rem}._select-card__radio_1j57x_220[data-hovered] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-border-primary-hover)}._select-card__radio_1j57x_220[data-focus-visible][data-select-control=false] ._select-card__header_1j57x_46:before{outline-color:var(--alto-sem-color-border-accent);outline-offset:var(--alto-sem-border-width-md);outline-style:solid;outline-width:var(--alto-sem-border-width-md);transition:none}._select-card__radio_1j57x_220[data-pressed] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-border-primary-active)}._select-card__radio_1j57x_220[data-selected] ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-accent-vibrant-default);border-width:.5rem;box-shadow:0 0 0 1px var(--alto-sem-color-border-white)}._select-card__radio_1j57x_220[data-selected][data-hovered] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1j57x_220[data-selected][data-focused] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1j57x_220[data-selected][data-focus-visible] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-hover)}._select-card__radio_1j57x_220[data-selected][data-pressed] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-bg-accent-vibrant-active)}._select-card__radio_1j57x_220[data-invalid] ._select-card__header_1j57x_46:before{background:var(--alto-sem-color-bg-critical-subtle-default);border:var(--alto-sem-border-width-md) solid var(--alto-sem-color-border-critical);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_1j57x_220[data-invalid][data-hovered] ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-bg-tertiary-hover);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1j57x_220[data-invalid][data-focused] ._select-card__header_1j57x_46:before{border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1j57x_220[data-invalid][data-focus-visible] ._select-card__header_1j57x_46:before,._select-card__radio_1j57x_220[data-invalid][data-pressed] ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-bg-tertiary-active);border-color:var(--alto-sem-color-border-critical)}._select-card__radio_1j57x_220[data-invalid][data-selected] ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-fg-critical-on-vibrant);border-color:var(--alto-sem-color-bg-critical-vibrant-default);border-width:.5rem}._select-card__radio_1j57x_220[data-disabled] ._select-card__header_1j57x_46:before{background:var(--alto-sem-color-bg-disabled-subtle);border:1px solid var(--alto-sem-color-border-disabled-subtle);border-radius:var(--alto-sem-radius-circle)}._select-card__radio_1j57x_220[data-disabled][data-selected] ._select-card__header_1j57x_46:before{background-color:var(--alto-sem-color-bg-disabled-subtle);border-color:var(--alto-sem-color-bg-disabled-subtle);border-width:.5rem}

package/dist/components/Accordion/Accordion.d.ts

@@ -20,6 +20,8 @@ export interface AccordionProps extends Omit<AriaDisclosureProps, 'children'> {
     id?: string;
     /** The semantic heading level for the accordion title */
     headingLevel?: HeadingLevel;
+    /** Whether the accordion is disabled and cannot be interacted with */
+    isDisabled?: boolean;
 }
 export interface AccordionGroupProps {
     /** Title for the accordion group - can be string or ReactNode */

package/dist/components/Accordion/Accordion.js

@@ -2,21 +2,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { Disclosure, DisclosureGroup, Button, DisclosurePanel } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
-import '../../assets/Accordion.css';const accordion = "_accordion_1j9rd_1";
-const accordionGroup = "_accordionGroup_1j9rd_14";
-const accordionStack = "_accordionStack_1j9rd_20";
-const accordionHeader = "_accordionHeader_1j9rd_26";
-const trigger = "_trigger_1j9rd_33";
-const buttonContent = "_buttonContent_1j9rd_42";
-const titleContainer = "_titleContainer_1j9rd_50";
-const titleWrapper = "_titleWrapper_1j9rd_57";
-const endContainer = "_endContainer_1j9rd_62";
-const titleStart = "_titleStart_1j9rd_68";
-const titleEnd = "_titleEnd_1j9rd_69";
-const accordionTitle = "_accordionTitle_1j9rd_74";
-const accordionDescription = "_accordionDescription_1j9rd_87";
-const iconWrapper = "_iconWrapper_1j9rd_97";
-const panelContent = "_panelContent_1j9rd_129";
+import '../../assets/Accordion.css';const accordion = "_accordion_1f1yj_1";
+const accordionGroup = "_accordionGroup_1f1yj_14";
+const accordionStack = "_accordionStack_1f1yj_20";
+const accordionHeader = "_accordionHeader_1f1yj_26";
+const trigger = "_trigger_1f1yj_33";
+const buttonContent = "_buttonContent_1f1yj_42";
+const titleContainer = "_titleContainer_1f1yj_50";
+const titleWrapper = "_titleWrapper_1f1yj_57";
+const endContainer = "_endContainer_1f1yj_62";
+const titleStart = "_titleStart_1f1yj_68";
+const titleEnd = "_titleEnd_1f1yj_69";
+const accordionTitle = "_accordionTitle_1f1yj_74";
+const accordionDescription = "_accordionDescription_1f1yj_88";
+const iconWrapper = "_iconWrapper_1f1yj_98";
+const panelContent = "_panelContent_1f1yj_130";
 const styles = {
   accordion,
   accordionGroup,
@@ -55,7 +55,7 @@ const AccordionTrigger = ({
     ] }),
     /* @__PURE__ */ jsxs("span", { className: styles.endContainer, children: [
       titleEnd2 && /* @__PURE__ */ jsx("span", { className: styles.titleEnd, children: titleEnd2 }),
-      /* @__PURE__ */ jsx(Icon, { iconName: "chevron-down", iconPrefix: "fas", className: styles.iconWrapper })
+      /* @__PURE__ */ jsx(Icon, { iconName: "chevron-down", iconPrefix: "fas", className: styles.iconWrapper, color: "accentSecondary" })
     ] })
   ] }) });
 };

package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.d.ts

@@ -39,10 +39,14 @@ export interface AviosCurrencyBadgeProps extends Omit<AviosCurrencyProps, 'isStr
      * Example: "Collect 50,000 Avios points"
      */
     ariaLabel?: string;
+    /**
+     * ARIA role for the badge container
+     */
+    role?: string;
     /**
      * Number of Avios points
      */
     children?: number;
 }
-export declare const AviosCurrencyBadge: ({ kind, size, textStart, textEnd, textStartBold, textEndBold, ariaLabel, children, ...props }: AviosCurrencyBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AviosCurrencyBadge: ({ kind, size, textStart, textEnd, textStartBold, textEndBold, ariaLabel, role, children, ...props }: AviosCurrencyBadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default AviosCurrencyBadge;

package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { AviosCurrency } from "../AviosCurrency/AviosCurrency.js";
 import { c as cva } from "../../index-DdUYounA.js";
+import { useMemo } from "react";
 import '../../assets/AviosCurrencyBadge.css';const aviosCurrencyBadge$1 = "_aviosCurrencyBadge_cc82y_1";
 const collect = "_collect_cc82y_17";
 const spend = "_spend_cc82y_21";
@@ -60,7 +61,7 @@ const aviosCurrencyBadge = cva(styles.aviosCurrencyBadge, {
     class: styles["xs-bold"]
   }, {
     kind: "spend",
-    className: styles.onSpend
+    class: styles.onSpend
   }]
 });
 const textCva = cva(styles.textStart, {
@@ -105,6 +106,13 @@ const textCva = cva(styles.textStart, {
   }]
 });
 const BADGE_SIZES = ["xs", "sm", "md", "lg", "xl"];
+const sizeMap = {
+  xs: "5xs",
+  sm: "4xs",
+  md: "3xs",
+  lg: "2xs",
+  xl: "xs"
+};
 const AviosCurrencyBadge = ({
   kind = "collect",
   size = "md",
@@ -113,43 +121,28 @@ const AviosCurrencyBadge = ({
   textStartBold = false,
   textEndBold = false,
   ariaLabel,
+  role,
   children,
   ...props
 }) => {
-  const formattedPoints = children == null ? void 0 : children.toLocaleString();
-  const defaultAriaLabel = `${kind} ${formattedPoints} Avios ${textStart || ""} ${textEnd || ""}`.trim();
-  let aviosCurrencySize;
-  switch (size) {
-    case "xs":
-      aviosCurrencySize = "5xs";
-      break;
-    case "sm":
-      aviosCurrencySize = "4xs";
-      break;
-    case "md":
-      aviosCurrencySize = "3xs";
-      break;
-    case "lg":
-      aviosCurrencySize = "2xs";
-      break;
-    case "xl":
-      aviosCurrencySize = "xs";
-      break;
-    default:
-      aviosCurrencySize = "3xs";
-      break;
-  }
-  return /* @__PURE__ */ jsxs("span", { role: "status", "aria-label": ariaLabel || defaultAriaLabel, className: `${aviosCurrencyBadge({
+  const formattedPoints = useMemo(() => children !== void 0 ? children.toLocaleString() : void 0, [children]);
+  const computedAriaLabel = useMemo(() => {
+    if (ariaLabel) return ariaLabel;
+    const formatted = formattedPoints ?? "";
+    return `${textStart || ""} ${formatted} Avios ${textEnd || ""}`.trim();
+  }, [ariaLabel, textStart, textEnd, formattedPoints]);
+  const aviosCurrencySize = sizeMap[size] ?? "3xs";
+  return /* @__PURE__ */ jsxs("span", { "aria-label": computedAriaLabel, role: role || void 0, className: aviosCurrencyBadge({
     size,
     kind,
     textStartBold,
     textEndBold
-  })}`, children: [
+  }), children: [
     textStart && /* @__PURE__ */ jsx("span", { className: textCva({
       size,
       bold: textStartBold
     }), children: textStart }),
-    children && /* @__PURE__ */ jsx(AviosCurrency, { styleVariant: kind === "collect" ? "onCollect" : "onSpend", size: aviosCurrencySize, kind, ...props, children }),
+    children && /* @__PURE__ */ jsx(AviosCurrency, { "aria-hidden": true, styleVariant: kind === "collect" ? "onCollect" : "onSpend", size: aviosCurrencySize, kind, ...props, children }),
     textEnd && /* @__PURE__ */ jsx("span", { className: textCva({
       size,
       bold: textEndBold

package/dist/components/AviosCurrencyBadge/AviosCurrencyBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"AviosCurrencyBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AviosCurrencyBadge.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Box/Box.js

@@ -34,7 +34,8 @@ const Box = ({
     top,
     right,
     bottom,
-    left
+    left,
+    overflow: maxHeight || maxWidth ? "auto" : void 0
   };
   return /* @__PURE__ */ jsx(Component, { className: `${borderVariants({
     ...props,

package/dist/components/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Box.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ButtonGroup/ButtonGroup.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React__default from "react";
 import { c as cva } from "../../index-DdUYounA.js";
-import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_zcnod_2";
-const alignStart = "_alignStart_zcnod_10";
-const alignCenter = "_alignCenter_zcnod_14";
-const alignEnd = "_alignEnd_zcnod_18";
-const alignJustify = "_alignJustify_zcnod_22";
-const alignSplit = "_alignSplit_zcnod_26";
-const alignStack = "_alignStack_zcnod_39";
-const alignStackFlip = "_alignStackFlip_zcnod_44";
+import '../../assets/ButtonGroup.css';const buttonGroup = "_buttonGroup_53q76_2";
+const alignStart = "_alignStart_53q76_10";
+const alignCenter = "_alignCenter_53q76_14";
+const alignEnd = "_alignEnd_53q76_18";
+const alignJustify = "_alignJustify_53q76_22";
+const alignSplit = "_alignSplit_53q76_30";
+const alignStack = "_alignStack_53q76_43";
+const alignStackFlip = "_alignStackFlip_53q76_48";
 const styles = {
   buttonGroup,
   alignStart,

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { ValidationError } from '@react-types/shared';
-import { CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
+import { ValidationResult, CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
 export interface CheckboxProps extends AriaCheckboxProps {
     /** The label of the checkbox, can be a string or a React node. */
     label?: string | React.ReactNode;
@@ -33,9 +33,28 @@ export interface CheckboxProps extends AriaCheckboxProps {
      * @default 'aria'
      */
     validationBehavior?: 'native' | 'aria';
+    /** Description text for the checkbox */
     description?: string;
+    /** Alternate way to provide label content */
     children?: React.ReactNode;
+    /** Focus style variant */
     focusStyle?: 'default' | 'white';
+    /**
+     * Error message to display when the checkbox is invalid
+     * Can be a static string or a function that returns an error message
+     * @default undefined
+     */
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /**
+     * Prefix text for screen readers only in error messages
+     * @default 'Error:'
+     */
+    errorPrefix?: string;
+    /**
+     * Custom test ID for testing purposes
+     * @default undefined
+     */
+    testId?: string;
 }
-export declare const Checkbox: ({ label, isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, description, children, focusStyle, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ label, isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, description, children, errorMessage, errorPrefix, testId, focusStyle, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
 export default Checkbox;

package/dist/components/Checkbox/Checkbox.js

@@ -1,7 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { useId, useMemo } from "react";
 import { Checkbox as Checkbox$1 } from "react-aria-components";
 import { c as cva } from "../../index-DdUYounA.js";
 import FieldDescription from "../FieldDescription/FieldDescription.js";
+import { FieldError } from "../FieldError/FieldError.js";
 import '../../assets/Checkbox.css';const checkbox$1 = "_checkbox_1twm2_2";
 const checkboxContainer = "_checkboxContainer_1twm2_19";
 const checkboxLabel = "_checkboxLabel_1twm2_24";
@@ -20,6 +22,13 @@ const styles = {
   defaultFocus,
   whiteFocus
 };
+const DEFAULT_VALIDATION_RESULT = {
+  isInvalid: true,
+  validationErrors: ["Invalid"],
+  validationDetails: {
+    valid: false
+  }
+};
 const checkbox = cva(styles.checkbox, {
   variants: {
     focusStyle: {
@@ -47,19 +56,34 @@ const Checkbox = ({
   validationBehavior,
   description,
   children,
+  errorMessage,
+  errorPrefix = "Error:",
+  testId,
   focusStyle = "default",
   ...props
 }) => {
+  const errorId = useId();
+  const descriptionId = useId();
+  const resolvedErrorMessage = useMemo(() => {
+    if (!isInvalid) return null;
+    if (typeof errorMessage === "function") {
+      return errorMessage(DEFAULT_VALIDATION_RESULT);
+    }
+    return errorMessage;
+  }, [errorMessage, isInvalid]);
+  const describedById = [description ? descriptionId : null, isInvalid && resolvedErrorMessage ? errorId : null].filter(Boolean).join(" ");
+  const labelContent = label || children;
   return /* @__PURE__ */ jsxs("div", { className: styles.checkboxContainer, children: [
+    isInvalid && resolvedErrorMessage && /* @__PURE__ */ jsx(FieldError, { id: errorId, errorPrefix, isInvalid, children: resolvedErrorMessage }),
     /* @__PURE__ */ jsx(Checkbox$1, { className: checkbox({
       focusStyle
-    }), isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, ...props, children: ({
+    }), isIndeterminate, defaultSelected, isSelected, value, isDisabled, isReadOnly, isRequired, isInvalid, validate, autoFocus, name, validationBehavior, "aria-describedby": describedById || void 0, ...props, children: ({
       isIndeterminate: isIndeterminate2
     }) => /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx("div", { className: `${styles.checkboxSvgWrapper}`, "data-disabled": isDisabled, children: /* @__PURE__ */ jsx("svg", { className: styles.svg, viewBox: "0 0 18 18", "aria-hidden": "true", children: isIndeterminate2 ? /* @__PURE__ */ jsx("rect", { x: 1, y: 7.5, width: 15, height: 3 }) : /* @__PURE__ */ jsx("polyline", { points: "1 9 7 14 15 4" }) }) }),
-      label || children ? /* @__PURE__ */ jsx("span", { className: styles.checkboxLabel, children: label || children }) : null
+      labelContent ? /* @__PURE__ */ jsx("span", { className: styles.checkboxLabel, children: labelContent }) : null
     ] }) }),
-    description && /* @__PURE__ */ jsx(FieldDescription, { className: styles.checkboxDescription, children: description })
+    description && /* @__PURE__ */ jsx(FieldDescription, { id: descriptionId, className: styles.checkboxDescription, children: description })
   ] });
 };
 export {

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Checkbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/ComboBox/ComboBox.js

@@ -21,7 +21,7 @@ const ComboBox = ({
   return /* @__PURE__ */ jsxs(Field, { as: ComboBox$1, className: styles["comboBox"], ...props, children: [
     /* @__PURE__ */ jsxs(Group, { className: styles["comboBox-group"], children: [
       /* @__PURE__ */ jsx(Input, { className: styles["comboBox-input"] }),
-      isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, { size: "1x", buttonSize: "sm", className: styles["comboBox-loading"] }) : /* @__PURE__ */ jsx(Button, { className: styles.comboBoxButton, isDisabled: props == null ? void 0 : props.isDisabled, children: /* @__PURE__ */ jsx(Icon, { iconName: "angles-up-down", iconPrefix: "fas", padding: "roomy", scale: "1x" }) })
+      isLoading ? /* @__PURE__ */ jsx(LoadingSpinner, { size: "1.25x", className: styles["comboBox-loading"] }) : /* @__PURE__ */ jsx(Button, { className: styles.comboBoxButton, isDisabled: props == null ? void 0 : props.isDisabled, children: /* @__PURE__ */ jsx(Icon, { iconName: "angles-up-down", iconPrefix: "fas", padding: "roomy", scale: "1x" }) })
     ] }),
     /* @__PURE__ */ jsx(Popover, { className: styles["comboBox-popover"], children })
   ] });

package/dist/components/DetailsDisclosure/DetailsDisclosure.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Disclosure, DisclosurePanel, Button } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
-import '../../assets/DetailsDisclosure.css';const detailsDisclosure = "_detailsDisclosure_9jcud_1";
-const detailsDisclosureIcon = "_detailsDisclosureIcon_9jcud_8";
-const detailsDisclosureDetails = "_detailsDisclosureDetails_9jcud_40";
+import '../../assets/DetailsDisclosure.css';const detailsDisclosure = "_detailsDisclosure_1jv4t_1";
+const detailsDisclosureIcon = "_detailsDisclosureIcon_1jv4t_8";
+const detailsDisclosureDetails = "_detailsDisclosureDetails_1jv4t_41";
 const styles = {
   detailsDisclosure,
   detailsDisclosureIcon,

package/dist/components/FieldError/FieldError.d.ts

@@ -1,11 +1,28 @@
+import { default as React } from 'react';
 import { FieldErrorProps as AriaFieldErrorProps, ValidationResult } from 'react-aria-components';
-export interface FieldErrorProps extends AriaFieldErrorProps {
+export interface FieldErrorProps extends Omit<AriaFieldErrorProps, 'children' | 'className'> {
+    /**
+     * Error message content
+     * Can be a static string or a function that returns an error message
+     */
     children?: React.ReactNode | ((validation: ValidationResult) => string);
     /**
-     * Prefix text for screen readers only (e.g., "Error:")
+     * Prefix text for screen readers
      * @default 'Error:'
      */
     errorPrefix?: string;
+    /**
+     * Label of the field to include in the error prefix
+     */
+    fieldLabel?: string;
+    /**
+     * Explicitly mark the field as invalid
+     */
+    isInvalid?: boolean;
+    /**
+     * CSS class name for the error
+     */
+    className?: string;
 }
-export declare const FieldError: ({ children, errorPrefix, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FieldError: ({ children, errorPrefix, fieldLabel, isInvalid, className, ...props }: FieldErrorProps) => import("react/jsx-runtime").JSX.Element;
 export default FieldError;

package/dist/components/FieldError/FieldError.js

@@ -1,4 +1,4 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { FieldError as FieldError$1 } from "react-aria-components";
 import { Icon } from "../Icon/Icon.js";
 import '../../assets/FieldError.css';const fieldError = "_fieldError_1bhog_1";
@@ -9,14 +9,48 @@ const styles = {
 const FieldError = ({
   children,
   errorPrefix = "Error:",
+  fieldLabel,
+  isInvalid,
+  className,
   ...props
 }) => {
+  const {
+    style,
+    ...otherProps
+  } = props;
+  const spanProps = typeof style === "function" ? otherProps : {
+    ...otherProps,
+    style
+  };
+  if (children && isInvalid) {
+    return /* @__PURE__ */ jsxs("span", { className: [styles.fieldError, className].filter(Boolean).join(" "), role: "alert", "aria-live": "polite", ...spanProps, children: [
+      /* @__PURE__ */ jsx("span", { className: styles["sr-only"], children: errorPrefix }),
+      /* @__PURE__ */ jsx(Icon, { iconName: "triangle-exclamation", iconPrefix: "fas", "aria-hidden": "true" }),
+      typeof children === "function" ? children({
+        isInvalid: true,
+        validationErrors: [errorPrefix ? `${errorPrefix} An error occurred.` : "An error occurred."],
+        validationDetails: {
+          valid: false,
+          badInput: false,
+          customError: false,
+          patternMismatch: false,
+          rangeOverflow: false,
+          rangeUnderflow: false,
+          stepMismatch: false,
+          tooLong: false,
+          tooShort: false,
+          typeMismatch: false,
+          valueMissing: false
+        }
+      }) : children
+    ] });
+  }
   return /* @__PURE__ */ jsx(FieldError$1, { ...props, children: ({
     validationErrors,
-    isInvalid
+    isInvalid: isInvalid2
   }) => {
     const errorMessage = typeof children === "function" ? children({
-      isInvalid,
+      isInvalid: isInvalid2,
       validationErrors,
       validationDetails: {
         badInput: false,
@@ -28,13 +62,14 @@ const FieldError = ({
         tooLong: false,
         tooShort: false,
         typeMismatch: false,
-        valid: !isInvalid,
+        valid: !isInvalid2,
         valueMissing: false
       }
     }) : children || (validationErrors == null ? void 0 : validationErrors[0]);
-    if (!errorMessage || !isInvalid) return null;
-    return /* @__PURE__ */ jsxs("span", { className: styles.fieldError, role: "alert", "aria-live": "assertive", "aria-atomic": "true", children: [
-      /* @__PURE__ */ jsx("span", { className: styles["sr-only"], children: errorPrefix }),
+    if (!errorMessage || !isInvalid2) return null;
+    const fullErrorPrefix = fieldLabel ? `${fieldLabel} ${errorPrefix}` : errorPrefix;
+    return /* @__PURE__ */ jsxs("span", { className: [styles.fieldError, className].filter(Boolean).join(" "), role: "alert", "aria-live": "polite", "aria-atomic": "true", children: [
+      /* @__PURE__ */ jsx("span", { className: styles["sr-only"], children: fullErrorPrefix }),
       /* @__PURE__ */ jsx(Icon, { iconName: "triangle-exclamation", iconPrefix: "fas", "aria-hidden": "true" }),
       errorMessage
     ] });

package/dist/components/FieldError/FieldError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"FieldError.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/FieldHeader/FieldHeader.js

@@ -26,7 +26,7 @@ const FieldHeader = ({
       !isRequired && ` (${optionalTranslation})`
     ] }) }),
     description && /* @__PURE__ */ jsx(FieldDescription, { id: descriptionId, children: description }),
-    showError && /* @__PURE__ */ jsx(FieldError, { id: errorId, errorPrefix, children: errorMessage })
+    showError && /* @__PURE__ */ jsx(FieldError, { id: errorId, errorPrefix, fieldLabel: label, children: errorMessage })
   ] });
 };
 export {