@viasat/beam-react 2.1.0 → 2.2.0

package/assets/card.css

@@ -1 +1 @@
-:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}.bm-card{flex-direction:column;display:flex;overflow:hidden}.bm-card--default-background{background:var(--bm-comp-card-color-bg)}.bm-card--default-shadow{box-shadow:var(--bm-comp-card-shadow)}.bm-card--default-border{border-color:var(--bm-comp-card-color-border)}.bm-card--default-border-radius{border-radius:var(--bm-comp-card-radius-outer)}.bm-card__content{flex-direction:column;display:flex}.bm-card__content--density-sm{gap:var(--bm-comp-card-space-gap-sm);padding:var(--bm-comp-card-space-pad-sm)}.bm-card__content--density-md{gap:var(--bm-comp-card-space-gap-md);padding:var(--bm-comp-card-space-pad-md)}.bm-card__content--density-lg{gap:var(--bm-comp-card-space-gap-lg);padding:var(--bm-comp-card-space-pad-lg)}.bm-card__header{gap:var(--bm-comp-card-space-header-gap);flex-direction:row;display:flex}.bm-card__header__content-before{gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-heading);order:1;display:flex}.bm-card__header__heading{min-width:0;font:var(--bm-comp-card-typo-heading);color:var(--bm-comp-card-color-heading);flex-direction:column;flex:1;order:2;display:flex}.bm-card__header__heading *{order:999}.bm-card__header__heading__eyebrow{font:var(--bm-comp-card-typo-eyebrow);color:var(--bm-comp-card-color-eyebrow);gap:var(--bm-comp-card-space-header-actions-gap);text-overflow:ellipsis;white-space:nowrap;order:0;display:flex;overflow:hidden}.bm-card__header__heading__text{order:1;display:flex}.bm-card__header__heading__supporting-text{color:var(--bm-comp-card-color-supporting);font:var(--bm-comp-card-typo-supporting);order:2;display:flex}.bm-card__header__content-after{padding-top:var(--bm-sem-space-12);justify-content:flex-end;align-items:flex-start;gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-icon);order:3;align-self:stretch;display:flex}.bm-card__media-below{border-radius:var(--bm-comp-card-radius-inner)}.bm-card__media-above,.bm-card__media-below{isolation:isolate;width:100%;display:flex;overflow:hidden}.bm-card__media-above--overlay-color-black-10,.bm-card__media-below--overlay-color-black-10{position:relative}.bm-card__media-above--overlay-color-black-10:before,.bm-card__media-below--overlay-color-black-10:before{content:"";background:var(--bm-sem-color-overlay-black-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-20,.bm-card__media-below--overlay-color-black-20{position:relative}.bm-card__media-above--overlay-color-black-20:before,.bm-card__media-below--overlay-color-black-20:before{content:"";background:var(--bm-sem-color-overlay-black-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-30,.bm-card__media-below--overlay-color-black-30{position:relative}.bm-card__media-above--overlay-color-black-30:before,.bm-card__media-below--overlay-color-black-30:before{content:"";background:var(--bm-sem-color-overlay-black-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-40,.bm-card__media-below--overlay-color-black-40{position:relative}.bm-card__media-above--overlay-color-black-40:before,.bm-card__media-below--overlay-color-black-40:before{content:"";background:var(--bm-sem-color-overlay-black-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-10,.bm-card__media-below--overlay-color-white-10{position:relative}.bm-card__media-above--overlay-color-white-10:before,.bm-card__media-below--overlay-color-white-10:before{content:"";background:var(--bm-sem-color-overlay-white-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-20,.bm-card__media-below--overlay-color-white-20{position:relative}.bm-card__media-above--overlay-color-white-20:before,.bm-card__media-below--overlay-color-white-20:before{content:"";background:var(--bm-sem-color-overlay-white-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-30,.bm-card__media-below--overlay-color-white-30{position:relative}.bm-card__media-above--overlay-color-white-30:before,.bm-card__media-below--overlay-color-white-30:before{content:"";background:var(--bm-sem-color-overlay-white-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-40,.bm-card__media-below--overlay-color-white-40{position:relative}.bm-card__media-above--overlay-color-white-40:before,.bm-card__media-below--overlay-color-white-40:before{content:"";background:var(--bm-sem-color-overlay-white-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-above__overlay-middle,.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-top,.bm-card__media-below__overlay-middle,.bm-card__media-below__overlay-bottom{z-index:2;position:absolute;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-below__overlay-top{top:0}.bm-card__media-above__overlay-middle,.bm-card__media-below__overlay-middle{top:50%;transform:translateY(-50%)}.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-bottom{bottom:0}.bm-card__body{color:var(--bm-comp-card-color-body);font:var(--bm-comp-card-typo-body);gap:var(--bm-sem-space-100);flex-direction:column;display:flex}.bm-card__footer{gap:var(--bm-sem-space-50);flex-direction:column;display:flex}.bm-card__footer__actions{padding-top:var(--bm-comp-card-space-footer-actions-top);gap:var(--bm-comp-card-space-footer-actions-gap);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-card__footer__actions--start{justify-content:flex-start}.bm-card__footer__actions--end{justify-content:flex-end}.bm-card__footer__actions--spaceBetween{justify-content:space-between}.bm-card__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-card-space-footer-actions-gap-stacked);flex-direction:column}
+:root,:host,.bm-light,.bm-dark .bm-inverse,[data-bm-theme~=bm-light]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#fff);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#dfe7ec);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#00768f);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#576775);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#576775);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}:host,.bm-dark,.bm-light .bm-inverse,[data-bm-theme~=bm-dark]{--bm-comp-card-space-pad-sm:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-pad-md:var(--bm-sem-space-100,1rem);--bm-comp-card-space-pad-lg:var(--bm-sem-space-150,1.5rem);--bm-comp-card-space-gap-sm:var(--bm-sem-space-25,.25rem);--bm-comp-card-space-gap-md:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-gap-lg:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-top:var(--bm-sem-space-50,.5rem);--bm-comp-card-space-footer-actions-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-footer-actions-gap-stacked:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-gap:var(--bm-sem-space-75,.75rem);--bm-comp-card-space-header-actions-gap:var(--bm-sem-space-50,.5rem);--bm-comp-card-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-bg-selected:var(--bm-sem-color-surface-01,#202e39);--bm-comp-card-color-border:var(--bm-sem-color-border-01,#32424e);--bm-comp-card-color-border-selected:var(--bm-sem-color-border-selected,#43bfd6);--bm-comp-card-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-card-color-body:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-icon:var(--bm-sem-color-icon-secondary,#c3cdd5);--bm-comp-card-color-supporting:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-color-eyebrow:var(--bm-sem-color-text-secondary,#c3cdd5);--bm-comp-card-shadow:var(--bm-sem-shadow-none,0 0 0 0 #0000);--bm-comp-card-radius-outer:var(--bm-sem-radius-md,.5rem);--bm-comp-card-radius-inner:var(--bm-sem-radius-sm,.25rem);--bm-comp-card-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-card-typo-body:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-supporting:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-card-typo-eyebrow:var(--bm-sem-typo-label-sm,600 .875rem/1.25rem "Source Sans Pro")}.bm-card{outline:none;flex-direction:column;display:flex;overflow:hidden}.bm-card--default-background{background:var(--bm-comp-card-color-bg)}.bm-card--default-shadow{box-shadow:var(--bm-comp-card-shadow)}.bm-card--default-border{border-color:var(--bm-comp-card-color-border)}.bm-card--default-border-radius{border-radius:var(--bm-comp-card-radius-outer)}.bm-card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;color:inherit;font:inherit;text-align:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;text-decoration:none;position:relative}.bm-card--interactive>.bm-state-layer{pointer-events:none;z-index:1;--bm-state-layer-top:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-right:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-bottom:calc(0px - var(--bm-sem-border-width-md));--bm-state-layer-left:calc(0px - var(--bm-sem-border-width-md))}.bm-card--interactive:focus-visible{outline-offset:calc(var(--bm-sem-border-width-md) + var(--bm-sem-size-focus-offset));outline:var(--bm-sem-border-width-focus)solid var(--bm-sem-color-border-focus)}.bm-card--interactive:has(button:hover,a:hover,input:hover,select:hover,textarea:hover,[role=button]:hover,[role=link]:hover,[tabindex]:not([tabindex="-1"]):hover)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--interactive:has(button:active,a:active,input:active,select:active,textarea:active,[role=button]:active,[role=link]:active,[tabindex]:not([tabindex="-1"]):active)>.bm-state-layer{--bm-state-layer-opacity:0!important;--bm-state-layer-background:transparent!important}.bm-card--disabled{opacity:var(--bm-sem-opacity-disabled);cursor:not-allowed}.bm-card--selected{border-color:var(--bm-comp-card-color-border-selected)}.bm-card__content{flex-direction:column;display:flex}.bm-card__content--density-sm{gap:var(--bm-comp-card-space-gap-sm);padding:var(--bm-comp-card-space-pad-sm)}.bm-card__content--density-md{gap:var(--bm-comp-card-space-gap-md);padding:var(--bm-comp-card-space-pad-md)}.bm-card__content--density-lg{gap:var(--bm-comp-card-space-gap-lg);padding:var(--bm-comp-card-space-pad-lg)}.bm-card__header{gap:var(--bm-comp-card-space-header-gap);flex-direction:row;display:flex}.bm-card__header__content-before{gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-heading);order:1;display:flex}.bm-card__header__heading{min-width:0;font:var(--bm-comp-card-typo-heading);color:var(--bm-comp-card-color-heading);flex-direction:column;flex:1;order:2;display:flex}.bm-card__header__heading *{order:999}.bm-card__header__heading__eyebrow{font:var(--bm-comp-card-typo-eyebrow);color:var(--bm-comp-card-color-eyebrow);gap:var(--bm-comp-card-space-header-actions-gap);text-overflow:ellipsis;white-space:nowrap;order:0;display:flex;overflow:hidden}.bm-card__header__heading__text{order:1;display:flex}.bm-card__header__heading__supporting-text{color:var(--bm-comp-card-color-supporting);font:var(--bm-comp-card-typo-supporting);order:2;display:flex}.bm-card__header__content-after{padding-top:var(--bm-sem-space-12);justify-content:flex-end;align-items:flex-start;gap:var(--bm-comp-card-space-header-actions-gap);color:var(--bm-comp-card-color-icon);order:3;align-self:stretch;display:flex}.bm-card__media-below{border-radius:var(--bm-comp-card-radius-inner)}.bm-card__media-above,.bm-card__media-below{isolation:isolate;width:100%;display:flex;overflow:hidden}.bm-card__media-above--overlay-color-black-10,.bm-card__media-below--overlay-color-black-10{position:relative}.bm-card__media-above--overlay-color-black-10:before,.bm-card__media-below--overlay-color-black-10:before{content:"";background:var(--bm-sem-color-overlay-black-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-20,.bm-card__media-below--overlay-color-black-20{position:relative}.bm-card__media-above--overlay-color-black-20:before,.bm-card__media-below--overlay-color-black-20:before{content:"";background:var(--bm-sem-color-overlay-black-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-30,.bm-card__media-below--overlay-color-black-30{position:relative}.bm-card__media-above--overlay-color-black-30:before,.bm-card__media-below--overlay-color-black-30:before{content:"";background:var(--bm-sem-color-overlay-black-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-black-40,.bm-card__media-below--overlay-color-black-40{position:relative}.bm-card__media-above--overlay-color-black-40:before,.bm-card__media-below--overlay-color-black-40:before{content:"";background:var(--bm-sem-color-overlay-black-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-10,.bm-card__media-below--overlay-color-white-10{position:relative}.bm-card__media-above--overlay-color-white-10:before,.bm-card__media-below--overlay-color-white-10:before{content:"";background:var(--bm-sem-color-overlay-white-10);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-20,.bm-card__media-below--overlay-color-white-20{position:relative}.bm-card__media-above--overlay-color-white-20:before,.bm-card__media-below--overlay-color-white-20:before{content:"";background:var(--bm-sem-color-overlay-white-20);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-30,.bm-card__media-below--overlay-color-white-30{position:relative}.bm-card__media-above--overlay-color-white-30:before,.bm-card__media-below--overlay-color-white-30:before{content:"";background:var(--bm-sem-color-overlay-white-30);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above--overlay-color-white-40,.bm-card__media-below--overlay-color-white-40{position:relative}.bm-card__media-above--overlay-color-white-40:before,.bm-card__media-below--overlay-color-white-40:before{content:"";background:var(--bm-sem-color-overlay-white-40);z-index:1;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;top:0;bottom:0;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-above__overlay-middle,.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-top,.bm-card__media-below__overlay-middle,.bm-card__media-below__overlay-bottom{z-index:2;position:absolute;left:0;right:0}.bm-card__media-above__overlay-top,.bm-card__media-below__overlay-top{top:0}.bm-card__media-above__overlay-middle,.bm-card__media-below__overlay-middle{top:50%;transform:translateY(-50%)}.bm-card__media-above__overlay-bottom,.bm-card__media-below__overlay-bottom{bottom:0}.bm-card__body{color:var(--bm-comp-card-color-body);font:var(--bm-comp-card-typo-body);gap:var(--bm-sem-space-100);flex-direction:column;display:flex}.bm-card__footer{gap:var(--bm-sem-space-50);flex-direction:column;display:flex}.bm-card__footer__actions{padding-top:var(--bm-comp-card-space-footer-actions-top);gap:var(--bm-comp-card-space-footer-actions-gap);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-card__footer__actions--start{justify-content:flex-start}.bm-card__footer__actions--end{justify-content:flex-end}.bm-card__footer__actions--spaceBetween{justify-content:space-between}.bm-card__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-card-space-footer-actions-gap-stacked);flex-direction:column}

package/chunks/card.module.BG9mkRao.js

@@ -0,0 +1 @@
+var e=require("../assets/card.css");const a={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-card":"bm-card","bm-card--default-background":"bm-card--default-background","bm-card--default-shadow":"bm-card--default-shadow","bm-card--default-border":"bm-card--default-border","bm-card--default-border-radius":"bm-card--default-border-radius","bm-card--interactive":"bm-card--interactive","bm-state-layer":"bm-state-layer","bm-card--disabled":"bm-card--disabled","bm-card--selected":"bm-card--selected","bm-card__content":"bm-card__content","bm-card__content--density-sm":"bm-card__content--density-sm","bm-card__content--density-md":"bm-card__content--density-md","bm-card__content--density-lg":"bm-card__content--density-lg","bm-card__header":"bm-card__header","bm-card__header__content-before":"bm-card__header__content-before","bm-card__header__heading":"bm-card__header__heading","bm-card__header__heading__eyebrow":"bm-card__header__heading__eyebrow","bm-card__header__heading__text":"bm-card__header__heading__text","bm-card__header__heading__supporting-text":"bm-card__header__heading__supporting-text","bm-card__header__content-after":"bm-card__header__content-after","bm-card__media-below":"bm-card__media-below","bm-card__media-above":"bm-card__media-above","bm-card__media-above--overlay-color-black-10":"bm-card__media-above--overlay-color-black-10","bm-card__media-below--overlay-color-black-10":"bm-card__media-below--overlay-color-black-10","bm-card__media-above--overlay-color-black-20":"bm-card__media-above--overlay-color-black-20","bm-card__media-below--overlay-color-black-20":"bm-card__media-below--overlay-color-black-20","bm-card__media-above--overlay-color-black-30":"bm-card__media-above--overlay-color-black-30","bm-card__media-below--overlay-color-black-30":"bm-card__media-below--overlay-color-black-30","bm-card__media-above--overlay-color-black-40":"bm-card__media-above--overlay-color-black-40","bm-card__media-below--overlay-color-black-40":"bm-card__media-below--overlay-color-black-40","bm-card__media-above--overlay-color-white-10":"bm-card__media-above--overlay-color-white-10","bm-card__media-below--overlay-color-white-10":"bm-card__media-below--overlay-color-white-10","bm-card__media-above--overlay-color-white-20":"bm-card__media-above--overlay-color-white-20","bm-card__media-below--overlay-color-white-20":"bm-card__media-below--overlay-color-white-20","bm-card__media-above--overlay-color-white-30":"bm-card__media-above--overlay-color-white-30","bm-card__media-below--overlay-color-white-30":"bm-card__media-below--overlay-color-white-30","bm-card__media-above--overlay-color-white-40":"bm-card__media-above--overlay-color-white-40","bm-card__media-below--overlay-color-white-40":"bm-card__media-below--overlay-color-white-40","bm-card__media-above__overlay-top":"bm-card__media-above__overlay-top","bm-card__media-above__overlay-middle":"bm-card__media-above__overlay-middle","bm-card__media-above__overlay-bottom":"bm-card__media-above__overlay-bottom","bm-card__media-below__overlay-top":"bm-card__media-below__overlay-top","bm-card__media-below__overlay-middle":"bm-card__media-below__overlay-middle","bm-card__media-below__overlay-bottom":"bm-card__media-below__overlay-bottom","bm-card__body":"bm-card__body","bm-card__footer":"bm-card__footer","bm-card__footer__actions":"bm-card__footer__actions","bm-card__footer__actions--start":"bm-card__footer__actions--start","bm-card__footer__actions--end":"bm-card__footer__actions--end","bm-card__footer__actions--spaceBetween":"bm-card__footer__actions--spaceBetween","bm-card__footer__actions--stacked":"bm-card__footer__actions--stacked"};exports.styles=a;

package/chunks/{card.module.DlwBUz0H.js → card.module.Dy87qmTH.js}

@@ -8,6 +8,10 @@ const e = {
   "bm-card--default-shadow": "bm-card--default-shadow",
   "bm-card--default-border": "bm-card--default-border",
   "bm-card--default-border-radius": "bm-card--default-border-radius",
+  "bm-card--interactive": "bm-card--interactive",
+  "bm-state-layer": "bm-state-layer",
+  "bm-card--disabled": "bm-card--disabled",
+  "bm-card--selected": "bm-card--selected",
   "bm-card__content": "bm-card__content",
   "bm-card__content--density-sm": "bm-card__content--density-sm",
   "bm-card__content--density-md": "bm-card__content--density-md",

package/chunks/dom.CVmkHCnh.js

@@ -0,0 +1,21 @@
+const o = (n) => new DOMRect(
+  n.x + window.scrollX,
+  n.y + window.scrollY,
+  n.width,
+  n.height
+), i = (n) => {
+  if (!n)
+    return null;
+  const t = n.getBoundingClientRect();
+  return o(t);
+}, l = (n, t) => {
+  if (n === "_blank") {
+    const e = t ? t.split(/\s+/) : [];
+    return e.includes("noopener") || e.push("noopener"), e.join(" ");
+  }
+  return t;
+};
+export {
+  i as a,
+  l as g
+};

package/chunks/dom.PCrm8EUc.js

@@ -0,0 +1 @@
+"use strict";const i=t=>new DOMRect(t.x+window.scrollX,t.y+window.scrollY,t.width,t.height),o=t=>{if(!t)return null;const e=t.getBoundingClientRect();return i(e)},l=(t,e)=>{if(t==="_blank"){const n=e?e.split(/\s+/):[];return n.includes("noopener")||n.push("noopener"),n.join(" ")}return e};exports.getElementScrollBoundingClientRect=o;exports.getSecureRelAttribute=l;

package/lib/Autocomplete/useAutocompleteDropdown.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("../../chunks/constants.hwjHOsvT.js"),r=require("@floating-ui/react"),t=require("react"),ne=c=>new DOMRect(c.x+window.scrollX,c.y+window.scrollY,c.width,c.height),se=c=>{if(!c)return null;const v=c.getBoundingClientRect();return ne(v)},oe=`${te.prefix}combobox__field__chevron`,re=c=>{const{disabled:v,readOnly:S,lastSelectedOptionIndex:a,fieldRef:g}=c,[n,$]=t.useState(!1),o=t.useRef(null),D=t.useRef(n);D.current=n;const w=r.useFloatingNodeId(),[b,z]=t.useState(null),[R,m]=t.useState(!0),[E,P]=t.useState(!1),k=t.useRef(!1),V=t.useCallback(e=>{b!==e&&(E?(P(!1),a===void 0&&m(!0)):m(!0),z(e))},[b,E,a]),d=t.useCallback((e,s,i)=>{var f;const u=a===void 0&&((f=o.current)==null?void 0:f.value)==="";!e&&i==="click"&&s instanceof MouseEvent&&!u&&!(s.target instanceof HTMLElement&&s.target.classList.contains(oe))||($(e),e&&i==="click"&&(s instanceof MouseEvent||s instanceof PointerEvent)&&(P(!0),m(!1)))},[a,o]),{context:p,refs:l,floatingStyles:h}=r.useFloating({placement:"bottom-start",middleware:[{name:"overrideReference",fn:({rects:e})=>({reset:{rects:{...e,reference:se(g.current)??e.reference}}})},r.flip(),r.size({apply({elements:e,rects:s}){Object.assign(e.floating.style,{width:`${s.reference.width}px`})}})],whileElementsMounted:r.autoUpdate,open:n,onOpenChange:d,nodeId:w});o.current=l.domReference.current;const y=t.useCallback(e=>{k.current=!0,e.target!==o.current&&e.preventDefault()},[o]),O=t.useCallback(e=>{k.current=!1,e.target!==o.current&&e.preventDefault()},[o]),C=t.useRef([]),X=t.useRef([]),Y=r.useClick(p,{enabled:!v&&!S,keyboardHandlers:!1}),G=r.useRole(p,{role:"listbox"}),J=r.useDismiss(p,{outsidePress:!1}),x=C.current.length===0?null:b??null,M=t.useRef(a??null),Q=t.useMemo(()=>n?M.current:(M.current=a??null,C.current.length===0?null:a??null),[a,n]),W=r.useListNavigation(p,{enabled:!v&&!S,listRef:C,activeIndex:x,selectedIndex:Q,onNavigate:V,focusItemOnHover:!1,focusItemOnOpen:"auto",openOnArrowKeyDown:!0,nested:!1,loop:!0,virtual:!0,scrollItemIntoView:!0}),{getReferenceProps:A,getFloatingProps:K,getItemProps:T}=r.useInteractions([G,J,W]),{getReferenceProps:_}=r.useInteractions([Y]),[B,Z]=t.useState(n);t.useEffect(()=>Z(n),[n]);const I=n?"open":"closed",F=t.useCallback(e=>{var f;if(!n)return;const s=e.type==="focus"?e.target:e.relatedTarget,i=l.floating.current,u=g.current;if(i!=null&&i.contains(s)||u!=null&&u.contains(s)||k.current){e.preventDefault(),e.stopPropagation(),(f=o.current)==null||f.focus();return}d(!1,e.nativeEvent,"focus-out")},[g,n,o,l.floating,d]),N=t.useRef(n);t.useEffect(()=>{var e;N.current&&!n&&((e=o.current)==null||e.focus()),N.current=n},[n,o]);const q=t.useCallback((e={})=>({ref:l.setReference,...A({...e})}),[l.setReference,A]),H=t.useCallback((e={})=>({ref:g,onKeyDownCapture:s=>{var j;const i=D.current,u=o.current,f=u==null?void 0:u.getAttribute("aria-activedescendant"),U=f?document.getElementById(f):null;if(s.key==="Enter"&&i){if(s.preventDefault(),s.stopPropagation(),R&&U){const ee=new KeyboardEvent("keydown",s.nativeEvent);U.dispatchEvent(ee)}return}(j=e.onKeyDownCapture)==null||j.call(e,s)},onFocusCapture:F,onBlurCapture:F,..._({...e,onMouseDownCapture:y,onMouseUpCapture:O,onPointerDownCapture:y,onPointerUpCapture:O})}),[g,F,_,y,O,o,R]),L=t.useMemo(()=>({isMounted:B,status:I,getFloatingProps:K,getItemProps:T,floatingStyles:h,setOpen:d,nodeId:w,context:p,labelsRef:X,elementsRef:C,setFloating:l.setFloating,activeIndex:R?x:null}),[B,I,K,T,h,d,w,p,l.setFloating,x,R]);return t.useMemo(()=>({getFieldProps:H,getInputProps:q,dropdownProps:L,refs:l,open:n,setOpen:d,status:I,setDisplayActiveIndex:m}),[L,H,q,n,l,d,I])};exports.useAutocompleteDropdown=re;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("../../chunks/constants.hwjHOsvT.js"),ne=require("../../chunks/dom.PCrm8EUc.js"),r=require("@floating-ui/react"),t=require("react"),se=`${te.prefix}combobox__field__chevron`,oe=j=>{const{disabled:x,readOnly:F,lastSelectedOptionIndex:l,fieldRef:p}=j,[n,$]=t.useState(!1),o=t.useRef(null),E=t.useRef(n);E.current=n;const R=r.useFloatingNodeId(),[I,z]=t.useState(null),[g,v]=t.useState(!0),[P,S]=t.useState(!1),b=t.useRef(!1),V=t.useCallback(e=>{I!==e&&(P?(S(!1),l===void 0&&v(!0)):v(!0),z(e))},[I,P,l]),f=t.useCallback((e,s,a)=>{var i;const u=l===void 0&&((i=o.current)==null?void 0:i.value)==="";!e&&a==="click"&&s instanceof MouseEvent&&!u&&!(s.target instanceof HTMLElement&&s.target.classList.contains(se))||($(e),e&&a==="click"&&(s instanceof MouseEvent||s instanceof PointerEvent)&&(S(!0),v(!1)))},[l,o]),{context:d,refs:c,floatingStyles:D}=r.useFloating({placement:"bottom-start",middleware:[{name:"overrideReference",fn:({rects:e})=>({reset:{rects:{...e,reference:ne.getElementScrollBoundingClientRect(p.current)??e.reference}}})},r.flip(),r.size({apply({elements:e,rects:s}){Object.assign(e.floating.style,{width:`${s.reference.width}px`})}})],whileElementsMounted:r.autoUpdate,open:n,onOpenChange:f,nodeId:R});o.current=c.domReference.current;const k=t.useCallback(e=>{b.current=!0,e.target!==o.current&&e.preventDefault()},[o]),y=t.useCallback(e=>{b.current=!1,e.target!==o.current&&e.preventDefault()},[o]),m=t.useRef([]),G=t.useRef([]),J=r.useClick(d,{enabled:!x&&!F,keyboardHandlers:!1}),Q=r.useRole(d,{role:"listbox"}),W=r.useDismiss(d,{outsidePress:!1}),O=m.current.length===0?null:I??null,M=t.useRef(l??null),X=t.useMemo(()=>n?M.current:(M.current=l??null,m.current.length===0?null:l??null),[l,n]),Y=r.useListNavigation(d,{enabled:!x&&!F,listRef:m,activeIndex:O,selectedIndex:X,onNavigate:V,focusItemOnHover:!1,focusItemOnOpen:"auto",openOnArrowKeyDown:!0,nested:!1,loop:!0,virtual:!0,scrollItemIntoView:!0}),{getReferenceProps:h,getFloatingProps:A,getItemProps:K}=r.useInteractions([Q,W,Y]),{getReferenceProps:_}=r.useInteractions([J]),[T,Z]=t.useState(n);t.useEffect(()=>Z(n),[n]);const C=n?"open":"closed",w=t.useCallback(e=>{var i;if(!n)return;const s=e.type==="focus"?e.target:e.relatedTarget,a=c.floating.current,u=p.current;if(a!=null&&a.contains(s)||u!=null&&u.contains(s)||b.current){e.preventDefault(),e.stopPropagation(),(i=o.current)==null||i.focus();return}f(!1,e.nativeEvent,"focus-out")},[p,n,o,c.floating,f]),q=t.useRef(n);t.useEffect(()=>{var e;q.current&&!n&&((e=o.current)==null||e.focus()),q.current=n},[n,o]);const N=t.useCallback((e={})=>({ref:c.setReference,...h({...e})}),[c.setReference,h]),B=t.useCallback((e={})=>({ref:p,onKeyDownCapture:s=>{var U;const a=E.current,u=o.current,i=u==null?void 0:u.getAttribute("aria-activedescendant"),L=i?document.getElementById(i):null;if(s.key==="Enter"&&a){if(s.preventDefault(),s.stopPropagation(),g&&L){const ee=new KeyboardEvent("keydown",s.nativeEvent);L.dispatchEvent(ee)}return}(U=e.onKeyDownCapture)==null||U.call(e,s)},onFocusCapture:w,onBlurCapture:w,..._({...e,onMouseDownCapture:k,onMouseUpCapture:y,onPointerDownCapture:k,onPointerUpCapture:y})}),[p,w,_,k,y,o,g]),H=t.useMemo(()=>({isMounted:T,status:C,getFloatingProps:A,getItemProps:K,floatingStyles:D,setOpen:f,nodeId:R,context:d,labelsRef:G,elementsRef:m,setFloating:c.setFloating,activeIndex:g?O:null}),[T,C,A,K,D,f,R,d,c.setFloating,O,g]);return t.useMemo(()=>({getFieldProps:B,getInputProps:N,dropdownProps:H,refs:c,open:n,setOpen:f,status:C,setDisplayActiveIndex:v}),[H,B,N,n,c,f,C])};exports.useAutocompleteDropdown=oe;

package/lib/Autocomplete/useAutocompleteDropdown.es.js

@@ -1,26 +1,17 @@
 import { p as re } from "../../chunks/constants.BBi77pmH.js";
-import { useFloatingNodeId as ce, useFloating as le, autoUpdate as ie, flip as ue, size as ae, useClick as fe, useRole as de, useDismiss as pe, useListNavigation as ge, useInteractions as X } from "@floating-ui/react";
-import { useState as v, useRef as f, useCallback as d, useMemo as E, useEffect as Y } from "react";
-const ve = (s) => new DOMRect(
-  s.x + window.scrollX,
-  s.y + window.scrollY,
-  s.width,
-  s.height
-), me = (s) => {
-  if (!s)
-    return null;
-  const m = s.getBoundingClientRect();
-  return ve(m);
-}, Ie = `${re}combobox__field__chevron`, xe = (s) => {
-  const { disabled: m, readOnly: P, lastSelectedOptionIndex: l, fieldRef: g } = s, [t, q] = v(!1), o = f(null), b = f(t);
-  b.current = t;
-  const y = ce(), [x, G] = v(null), [I, w] = v(!0), [M, S] = v(!1), O = f(!1), J = d((e) => {
-    x !== e && (M ? (S(!1), l === void 0 && w(!0)) : w(!0), G(e));
-  }, [x, M, l]), a = d((e, n, i) => {
-    var u;
-    const c = l === void 0 && ((u = o.current) == null ? void 0 : u.value) === "";
-    !e && i === "click" && n instanceof MouseEvent && !c && !(n.target instanceof HTMLElement && n.target.classList.contains(Ie)) || (q(e), e && i === "click" && (n instanceof MouseEvent || n instanceof PointerEvent) && (S(!0), w(!1)));
-  }, [l, o]), { context: p, refs: r, floatingStyles: A } = le({
+import { a as ce } from "../../chunks/dom.CVmkHCnh.js";
+import { useFloatingNodeId as le, useFloating as ie, autoUpdate as ae, flip as ue, size as fe, useClick as de, useRole as pe, useDismiss as ge, useListNavigation as me, useInteractions as V } from "@floating-ui/react";
+import { useState as g, useRef as u, useCallback as f, useMemo as E, useEffect as q } from "react";
+const ve = `${re}combobox__field__chevron`, Oe = (G) => {
+  const { disabled: P, readOnly: b, lastSelectedOptionIndex: c, fieldRef: p } = G, [t, J] = g(!1), o = u(null), D = u(t);
+  D.current = t;
+  const y = le(), [R, Q] = g(null), [m, v] = g(!0), [h, A] = g(!1), x = u(!1), W = f((e) => {
+    R !== e && (h ? (A(!1), c === void 0 && v(!0)) : v(!0), Q(e));
+  }, [R, h, c]), a = f((e, n, l) => {
+    var i;
+    const r = c === void 0 && ((i = o.current) == null ? void 0 : i.value) === "";
+    !e && l === "click" && n instanceof MouseEvent && !r && !(n.target instanceof HTMLElement && n.target.classList.contains(ve)) || (J(e), e && l === "click" && (n instanceof MouseEvent || n instanceof PointerEvent) && (A(!0), v(!1)));
+  }, [c, o]), { context: d, refs: s, floatingStyles: M } = ie({
     placement: "bottom-start",
     middleware: [
       {
@@ -29,13 +20,13 @@ const ve = (s) => new DOMRect(
           reset: {
             rects: {
               ...e,
-              reference: me(g.current) ?? e.reference
+              reference: ce(p.current) ?? e.reference
             }
           }
         })
       },
       ue(),
-      ae({
+      fe({
         apply({ elements: e, rects: n }) {
           Object.assign(e.floating.style, {
             width: `${n.reference.width}px`
@@ -43,22 +34,22 @@ const ve = (s) => new DOMRect(
         }
       })
     ],
-    whileElementsMounted: ie,
+    whileElementsMounted: ae,
     open: t,
     onOpenChange: a,
     nodeId: y
   });
-  o.current = r.domReference.current;
-  const F = d((e) => {
-    O.current = !0, e.target !== o.current && e.preventDefault();
-  }, [o]), k = d((e) => {
-    O.current = !1, e.target !== o.current && e.preventDefault();
-  }, [o]), R = f([]), Q = f([]), W = fe(p, { enabled: !m && !P, keyboardHandlers: !1 }), Z = de(p, { role: "listbox" }), ee = pe(p, { outsidePress: !1 }), h = R.current.length === 0 ? null : x ?? null, K = f(l ?? null), te = E(() => t ? K.current : (K.current = l ?? null, R.current.length === 0 ? null : l ?? null), [l, t]), ne = ge(p, {
-    enabled: !m && !P,
-    listRef: R,
-    activeIndex: h,
+  o.current = s.domReference.current;
+  const O = f((e) => {
+    x.current = !0, e.target !== o.current && e.preventDefault();
+  }, [o]), w = f((e) => {
+    x.current = !1, e.target !== o.current && e.preventDefault();
+  }, [o]), I = u([]), X = u([]), Y = de(d, { enabled: !P && !b, keyboardHandlers: !1 }), Z = pe(d, { role: "listbox" }), ee = ge(d, { outsidePress: !1 }), F = I.current.length === 0 ? null : R ?? null, S = u(c ?? null), te = E(() => t ? S.current : (S.current = c ?? null, I.current.length === 0 ? null : c ?? null), [c, t]), ne = me(d, {
+    enabled: !P && !b,
+    listRef: I,
+    activeIndex: F,
     selectedIndex: te,
-    onNavigate: J,
+    onNavigate: W,
     focusItemOnHover: !1,
     focusItemOnOpen: "auto",
     openOnArrowKeyDown: !0,
@@ -66,95 +57,95 @@ const ve = (s) => new DOMRect(
     loop: !0,
     virtual: !0,
     scrollItemIntoView: !0
-  }), { getReferenceProps: _, getFloatingProps: T, getItemProps: B } = X([
+  }), { getReferenceProps: K, getFloatingProps: _, getItemProps: N } = V([
     Z,
     ee,
     ne
-  ]), { getReferenceProps: N } = X([W]), [H, oe] = v(t);
-  Y(() => oe(t), [t]);
-  const C = t ? "open" : "closed", D = d(
+  ]), { getReferenceProps: T } = V([Y]), [B, oe] = g(t);
+  q(() => oe(t), [t]);
+  const C = t ? "open" : "closed", k = f(
     (e) => {
-      var u;
+      var i;
       if (!t)
         return;
-      const n = e.type === "focus" ? e.target : e.relatedTarget, i = r.floating.current, c = g.current;
-      if (i != null && i.contains(n) || c != null && c.contains(n) || O.current) {
-        e.preventDefault(), e.stopPropagation(), (u = o.current) == null || u.focus();
+      const n = e.type === "focus" ? e.target : e.relatedTarget, l = s.floating.current, r = p.current;
+      if (l != null && l.contains(n) || r != null && r.contains(n) || x.current) {
+        e.preventDefault(), e.stopPropagation(), (i = o.current) == null || i.focus();
         return;
       }
       a(!1, e.nativeEvent, "focus-out");
     },
-    [g, t, o, r.floating, a]
-  ), L = f(t);
-  Y(() => {
+    [p, t, o, s.floating, a]
+  ), H = u(t);
+  q(() => {
     var e;
-    L.current && !t && ((e = o.current) == null || e.focus()), L.current = t;
+    H.current && !t && ((e = o.current) == null || e.focus()), H.current = t;
   }, [t, o]);
-  const U = d(
+  const L = f(
     (e = {}) => ({
-      ref: r.setReference,
-      ..._({
+      ref: s.setReference,
+      ...K({
         ...e
       })
     }),
-    [r.setReference, _]
-  ), $ = d(
+    [s.setReference, K]
+  ), U = f(
     (e = {}) => ({
-      ref: g,
+      ref: p,
       onKeyDownCapture: (n) => {
-        var V;
-        const i = b.current, c = o.current, u = c == null ? void 0 : c.getAttribute("aria-activedescendant"), z = u ? document.getElementById(u) : null;
-        if (n.key === "Enter" && i) {
-          if (n.preventDefault(), n.stopPropagation(), I && z) {
+        var z;
+        const l = D.current, r = o.current, i = r == null ? void 0 : r.getAttribute("aria-activedescendant"), j = i ? document.getElementById(i) : null;
+        if (n.key === "Enter" && l) {
+          if (n.preventDefault(), n.stopPropagation(), m && j) {
             const se = new KeyboardEvent("keydown", n.nativeEvent);
-            z.dispatchEvent(se);
+            j.dispatchEvent(se);
           }
           return;
         }
-        (V = e.onKeyDownCapture) == null || V.call(e, n);
+        (z = e.onKeyDownCapture) == null || z.call(e, n);
       },
-      onFocusCapture: D,
-      onBlurCapture: D,
-      ...N({
+      onFocusCapture: k,
+      onBlurCapture: k,
+      ...T({
         ...e,
-        onMouseDownCapture: F,
-        onMouseUpCapture: k,
-        onPointerDownCapture: F,
-        onPointerUpCapture: k
+        onMouseDownCapture: O,
+        onMouseUpCapture: w,
+        onPointerDownCapture: O,
+        onPointerUpCapture: w
       })
     }),
-    [g, D, N, F, k, o, I]
-  ), j = E(
+    [p, k, T, O, w, o, m]
+  ), $ = E(
     () => ({
-      isMounted: H,
+      isMounted: B,
       status: C,
-      getFloatingProps: T,
-      getItemProps: B,
-      floatingStyles: A,
+      getFloatingProps: _,
+      getItemProps: N,
+      floatingStyles: M,
       setOpen: a,
       nodeId: y,
-      context: p,
-      labelsRef: Q,
-      elementsRef: R,
-      setFloating: r.setFloating,
-      activeIndex: I ? h : null
+      context: d,
+      labelsRef: X,
+      elementsRef: I,
+      setFloating: s.setFloating,
+      activeIndex: m ? F : null
     }),
-    [H, C, T, B, A, a, y, p, r.setFloating, h, I]
+    [B, C, _, N, M, a, y, d, s.setFloating, F, m]
   );
   return E(
     () => ({
-      getFieldProps: $,
-      getInputProps: U,
-      dropdownProps: j,
-      refs: r,
+      getFieldProps: U,
+      getInputProps: L,
+      dropdownProps: $,
+      refs: s,
       open: t,
       setOpen: a,
       status: C,
-      setDisplayActiveIndex: w
+      setDisplayActiveIndex: v
     }),
-    [j, $, U, t, r, a, C]
+    [$, U, L, t, s, a, C]
   );
 };
 export {
-  xe as useAutocompleteDropdown
+  Oe as useAutocompleteDropdown
 };

package/lib/Card/Card.Body.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("clsx"),l=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const n=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:d}=l.getBEMClassNames("card"),i=`${d}body`,s=({children:e,className:r,...t})=>{const a=c(n.styles[i],r);return o.jsx("div",{className:a,...t,children:e})};s.displayName="Card.Body";exports.Body=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("clsx"),l=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const n=require("../../chunks/card.module.BG9mkRao.js"),{subElementClassPrefix:d}=l.getBEMClassNames("card"),i=`${d}body`,s=({children:e,className:r,...t})=>{const a=c(n.styles[i],r);return o.jsx("div",{className:a,...t,children:e})};s.displayName="Card.Body";exports.Body=s;

package/lib/Card/Card.Body.es.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import t from "clsx";
 import { g as e } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
-import { s as l } from "../../chunks/card.module.DlwBUz0H.js";
+import { s as l } from "../../chunks/card.module.Dy87qmTH.js";
 const { subElementClassPrefix: c } = e("card"), i = `${c}body`, d = ({
   children: s,
   className: o,

package/lib/Card/Card.Content.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("clsx"),l=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const u=require("./CardContext.cjs.js"),d=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:C}=l.getBEMClassNames("card"),s=`${C}content`,t=({children:n,className:r,...a})=>{const{density:e}=u.useCard(),o=i(d.styles[s],e&&`${s}--density-${e}`,r);return c.jsx("div",{className:o,...a,children:n})};t.displayName="Card.Content";exports.Content=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("clsx"),l=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const u=require("./CardContext.cjs.js"),d=require("../../chunks/card.module.BG9mkRao.js"),{subElementClassPrefix:C}=l.getBEMClassNames("card"),s=`${C}content`,t=({children:n,className:r,...a})=>{const{density:e}=u.useCard(),o=i(d.styles[s],e&&`${s}--density-${e}`,r);return c.jsx("div",{className:o,...a,children:n})};t.displayName="Card.Content";exports.Content=t;

package/lib/Card/Card.Content.es.js

@@ -3,7 +3,7 @@ import n from "clsx";
 import { g as i } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
 import { useCard as c } from "./CardContext.es.js";
-import { s as l } from "../../chunks/card.module.DlwBUz0H.js";
+import { s as l } from "../../chunks/card.module.Dy87qmTH.js";
 const { subElementClassPrefix: p } = i("card"), t = `${p}content`, d = ({
   children: o,
   className: e,

package/lib/Card/Card.Footer.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),d=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const r=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:u}=d.getBEMClassNames("card"),N=`${u}footer`,a=({children:s,className:e,...t})=>{const o=i(r.styles[N],e);return l.jsx("div",{className:o,...t,children:s})};a.displayName="Card.Footer";const c=({layout:s="start",children:e,className:t,...o})=>{const n=`${u}footer__actions`,m=i(r.styles[n],r.styles[`${n}--${s}`],t);return l.jsx("div",{className:m,...o,children:e})};c.displayName="Card.Footer.Actions";a.Actions=c;exports.Actions=c;exports.Footer=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),d=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const r=require("../../chunks/card.module.BG9mkRao.js"),{subElementClassPrefix:u}=d.getBEMClassNames("card"),N=`${u}footer`,a=({children:s,className:e,...t})=>{const o=i(r.styles[N],e);return l.jsx("div",{className:o,...t,children:s})};a.displayName="Card.Footer";const c=({layout:s="start",children:e,className:t,...o})=>{const n=`${u}footer__actions`,m=i(r.styles[n],r.styles[`${n}--${s}`],t);return l.jsx("div",{className:m,...o,children:e})};c.displayName="Card.Footer.Actions";a.Actions=c;exports.Actions=c;exports.Footer=a;

package/lib/Card/Card.Footer.es.js

@@ -2,7 +2,7 @@ import { jsx as c } from "react/jsx-runtime";
 import m from "clsx";
 import { g as d } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
-import { s as r } from "../../chunks/card.module.DlwBUz0H.js";
+import { s as r } from "../../chunks/card.module.Dy87qmTH.js";
 const { subElementClassPrefix: i } = d("card"), f = `${i}footer`, n = ({
   children: s,
   className: o,

package/lib/Card/Card.Header.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("clsx"),g=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const o=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:c}=g.getBEMClassNames("card"),x=`${c}header`,r=({children:e,className:s,...a})=>{const t=d(o.styles[x],s);return n.jsx("div",{className:t,...a,children:e})},i=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading`],s);return n.jsx("div",{className:t,...a,children:e})},l=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__text`],s);return n.jsx("div",{className:t,...a,children:e})},m=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__eyebrow`],s);return n.jsx("div",{className:t,...a,children:e})},u=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__supporting-text`],s);return n.jsx("div",{className:t,...a,children:e})},N=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__content-before`],s);return n.jsx("div",{className:t,...a,children:e})},y=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__content-after`],s);return n.jsx("div",{className:t,...a,children:e})};r.displayName="Card.Header";i.displayName="Card.Header.Heading";l.displayName="Card.Header.HeadingText";m.displayName="Card.Header.Eyebrow";u.displayName="Card.Header.SupportingText";N.displayName="Card.Header.ContentBefore";y.displayName="Card.Header.ContentAfter";r.Heading=i;r.HeadingText=l;r.Eyebrow=m;r.SupportingText=u;r.ContentBefore=N;r.ContentAfter=y;exports.ContentAfter=y;exports.ContentBefore=N;exports.Eyebrow=m;exports.Header=r;exports.Heading=i;exports.HeadingText=l;exports.SupportingText=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("clsx"),g=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const o=require("../../chunks/card.module.BG9mkRao.js"),{subElementClassPrefix:c}=g.getBEMClassNames("card"),x=`${c}header`,r=({children:e,className:s,...a})=>{const t=d(o.styles[x],s);return n.jsx("div",{className:t,...a,children:e})},i=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading`],s);return n.jsx("div",{className:t,...a,children:e})},l=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__text`],s);return n.jsx("div",{className:t,...a,children:e})},m=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__eyebrow`],s);return n.jsx("div",{className:t,...a,children:e})},u=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__supporting-text`],s);return n.jsx("div",{className:t,...a,children:e})},N=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__content-before`],s);return n.jsx("div",{className:t,...a,children:e})},y=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__content-after`],s);return n.jsx("div",{className:t,...a,children:e})};r.displayName="Card.Header";i.displayName="Card.Header.Heading";l.displayName="Card.Header.HeadingText";m.displayName="Card.Header.Eyebrow";u.displayName="Card.Header.SupportingText";N.displayName="Card.Header.ContentBefore";y.displayName="Card.Header.ContentAfter";r.Heading=i;r.HeadingText=l;r.Eyebrow=m;r.SupportingText=u;r.ContentBefore=N;r.ContentAfter=y;exports.ContentAfter=y;exports.ContentBefore=N;exports.Eyebrow=m;exports.Header=r;exports.Heading=i;exports.HeadingText=l;exports.SupportingText=u;

package/lib/Card/Card.Header.es.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import n from "clsx";
 import { g } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
-import { s as d } from "../../chunks/card.module.DlwBUz0H.js";
+import { s as d } from "../../chunks/card.module.Dy87qmTH.js";
 const { subElementClassPrefix: o } = g("card"), C = `${o}header`, c = ({
   children: e,
   className: a,

package/lib/Card/Card.Media.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),j=require("clsx"),_=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const s=require("../../chunks/card.module.DA5t5zn2.js"),R=require("../Box/Box.cjs.js"),$=require("./AspectRatio.cjs.js"),t=f.forwardRef(({children:o,position:a,aspectRatio:u="4:3",borderRadius:m,overlayColor:i,overlayContentTop:c,overlayContentMiddle:l,overlayContentBottom:d,className:n,...x},b)=>{const{baseClassNamePrefix:N,classModifierPrefix:q,subElementClassPrefix:r}=_.getBEMClassNames(`card__media-${a}`),y=j(s.styles[N],i&&s.styles[`${q}overlay-color-${i}`],n);return e.jsx(R.Box,{ref:b,className:y,borderRadius:a==="below"?m:void 0,...x,children:e.jsxs($.AspectRatio,{aspectRatio:u,children:[o,c&&e.jsx("div",{className:s.styles[`${r}overlay-top`],children:c}),l&&e.jsx("div",{className:s.styles[`${r}overlay-middle`],children:l}),d&&e.jsx("div",{className:s.styles[`${r}overlay-bottom`],children:d})]})})});t.displayName="Card.Media";exports.Media=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),j=require("clsx"),_=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const s=require("../../chunks/card.module.BG9mkRao.js"),R=require("../Box/Box.cjs.js"),$=require("./AspectRatio.cjs.js"),t=f.forwardRef(({children:o,position:a,aspectRatio:u="4:3",borderRadius:m,overlayColor:i,overlayContentTop:c,overlayContentMiddle:l,overlayContentBottom:d,className:n,...x},b)=>{const{baseClassNamePrefix:N,classModifierPrefix:q,subElementClassPrefix:r}=_.getBEMClassNames(`card__media-${a}`),y=j(s.styles[N],i&&s.styles[`${q}overlay-color-${i}`],n);return e.jsx(R.Box,{ref:b,className:y,borderRadius:a==="below"?m:void 0,...x,children:e.jsxs($.AspectRatio,{aspectRatio:u,children:[o,c&&e.jsx("div",{className:s.styles[`${r}overlay-top`],children:c}),l&&e.jsx("div",{className:s.styles[`${r}overlay-middle`],children:l}),d&&e.jsx("div",{className:s.styles[`${r}overlay-bottom`],children:d})]})})});t.displayName="Card.Media";exports.Media=t;

package/lib/Card/Card.Media.es.js

@@ -3,7 +3,7 @@ import { forwardRef as v } from "react";
 import n from "clsx";
 import { g as u } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
-import { s } from "../../chunks/card.module.DlwBUz0H.js";
+import { s } from "../../chunks/card.module.Dy87qmTH.js";
 import { Box as M } from "../Box/Box.es.js";
 import { AspectRatio as P } from "./AspectRatio.es.js";
 const R = v(

package/lib/Card/Card.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),C=require("clsx"),b=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const q=require("../Box/Box.cjs.js"),r=require("../../chunks/card.module.DA5t5zn2.js"),m=require("./Card.MediaAbove.cjs.js"),y=require("./Card.Header.cjs.js"),B=require("./Card.MediaBelow.cjs.js"),x=require("./Card.Body.cjs.js"),M=require("./Card.Content.cjs.js"),f=require("./Card.Footer.cjs.js"),v=require("./CardContext.cjs.js"),{baseClassNamePrefix:a}=b.getBEMClassNames("card"),e=({children:l,className:n,density:c="md",borderColor:d,borderRadius:s,backgroundColor:t,shadow:o,...u})=>{const _=C(r.styles[a],!t&&r.styles[`${a}--default-background`],!o&&r.styles[`${a}--default-shadow`],!d&&r.styles[`${a}--default-border`],!s&&r.styles[`${a}--default-border-radius`],n);return i.jsx(v.CardProvider,{value:{density:c},children:i.jsx(q.Box,{className:_,borderColor:d,borderRadius:s,borderWidth:"md",backgroundColor:t,shadow:o,...u,children:l})})};e.displayName="Card";e.MediaAbove=m.MediaAbove;e.MediaBelow=B.MediaBelow;e.Header=y.Header;e.Body=x.Body;e.Content=M.Content;e.Footer=f.Footer;exports.Card=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),y=require("react"),I=require("clsx"),L=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const g=require("../../chunks/dom.PCrm8EUc.js"),D=require("../Box/Box.cjs.js"),a=require("../../chunks/card.module.BG9mkRao.js"),H=require("./Card.MediaAbove.cjs.js"),R=require("./Card.Header.cjs.js"),T=require("./Card.MediaBelow.cjs.js"),F=require("./Card.Body.cjs.js"),K=require("./Card.Content.cjs.js"),O=require("./Card.Footer.cjs.js"),V=require("./CardContext.cjs.js"),W=require("../StateLayer/StateLayer.cjs.js"),{baseClassNamePrefix:n,classModifierPrefix:C}=L.getBEMClassNames("card"),k='button, a, input, select, textarea, [role="button"], [role="link"], [tabindex]:not([tabindex="-1"])',i=({children:M,className:p,density:N="md",borderColor:m,borderRadius:q,backgroundColor:x,shadow:E,type:d,as:S,disabled:t=!1,href:u,target:f,rel:$,onClick:s,...v})=>{const _=!!d,o=d==="clickable",l=S??(u?"a":"div"),c=y.useCallback(e=>{if(!e||!(e instanceof Element))return!1;const B=e.closest(k);if(!B)return!1;const A=e.closest(`.${a.styles[n]}`);return B!==A},[]),P=y.useCallback(e=>{if(!(t||!o)){if(c(e.target)){e.preventDefault(),e.stopPropagation();return}s==null||s(e)}},[t,o,c,s]),h=y.useCallback(e=>{t||!o||e.key!=="Enter"&&e.key!==" "||c(e.target)||(e.preventDefault(),s==null||s(e))},[t,o,c,s]),j=l==="div",w=I(a.styles[n],!x&&a.styles[`${n}--default-background`],!E&&a.styles[`${n}--default-shadow`],!m&&a.styles[`${n}--default-border`],!q&&a.styles[`${n}--default-border-radius`],_&&a.styles[`${C}interactive`],o&&a.styles[`${C}clickable`],t&&a.styles[`${C}disabled`],p),r={};return _&&(r.tabIndex=t?-1:0,r["aria-disabled"]=t||void 0,o&&(r.onClick=P,j&&(r.onKeyDown=h),l==="a"&&u&&!t&&(r.href=u,f&&(r.target=f),r.rel=g.getSecureRelAttribute(f,$)),l==="button"&&(r.type="button"),l==="div"&&(r.role="button"))),b.jsx(V.CardProvider,{value:{density:N,type:d,disabled:t},children:b.jsxs(D.Box,{as:l,className:w,borderColor:m,borderRadius:q,borderWidth:"md",backgroundColor:x,shadow:E,...r,...v,children:[_&&!t&&b.jsx(W.StateLayer,{}),M]})})};i.displayName="Card";i.MediaAbove=H.MediaAbove;i.MediaBelow=T.MediaBelow;i.Header=R.Header;i.Body=F.Body;i.Content=K.Content;i.Footer=O.Footer;exports.Card=i;

package/lib/Card/Card.d.ts

@@ -1,8 +1,8 @@
-import { default as React, ComponentPropsWithoutRef } from 'react';
+import { default as React } from 'react';
 import { BoxProps } from '../Box/Box';
 import { BoxBackgroundColor, BoxBorderColor, BoxBorderRadius, BoxShadow } from '@viasat/beam-shared/components/box';
-import { CardDensity } from '@viasat/beam-shared/components/card';
-export interface CardProps extends Pick<BoxProps, 'borderColor' | 'borderRadius' | 'backgroundColor' | 'm' | 'mBefore' | 'mAfter' | 'mBottom' | 'mTop' | 'mx' | 'my' | 'shadow'>, ComponentPropsWithoutRef<'div'> {
+import { CardDensity, CardType } from '@viasat/beam-shared/components/card';
+export interface CardProps extends Pick<BoxProps, 'borderColor' | 'borderRadius' | 'backgroundColor' | 'm' | 'mBefore' | 'mAfter' | 'mBottom' | 'mTop' | 'mx' | 'my' | 'shadow'>, React.HTMLAttributes<HTMLElement> {
     /**
      * Specify the content and sub-components of the Card
      */
@@ -28,9 +28,39 @@ export interface CardProps extends Pick<BoxProps, 'borderColor' | 'borderRadius'
      * Specify a shadow on the Card
      */
     shadow?: BoxShadow;
+    /**
+     * Specify the interactive type of the Card.
+     * @default undefined
+     */
+    type?: CardType;
+    /**
+     * Specify the HTML element type of the Card when interactive.
+     */
+    as?: 'div' | 'a' | 'button';
+    /**
+     * Specify if the Card is disabled. Only applies when type is set.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specify the href for the Card when type="clickable" and as="a"
+     */
+    href?: string;
+    /**
+     * Specify the target for the Card link (e.g., "_blank")
+     */
+    target?: string;
+    /**
+     * Specify the rel attribute for the Card link
+     */
+    rel?: string;
+    /**
+     * Specify a click handler for the Card when type="clickable"
+     */
+    onClick?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
 }
 export declare const Card: {
-    ({ children, className: _className, density, borderColor, borderRadius, backgroundColor, shadow, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, density, borderColor, borderRadius, backgroundColor, shadow, type, as, disabled, href, target, rel, onClick, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     MediaAbove: {
         (props: import('./Card.MediaAbove').CardMediaAboveProps): import("react/jsx-runtime").JSX.Element;

package/lib/Card/Card.es.js

@@ -1,55 +1,98 @@
-import { jsx as i } from "react/jsx-runtime";
-import c from "clsx";
-import { g as u } from "../../chunks/classNames.DNsS4J__.js";
+import { jsx as N, jsxs as K } from "react/jsx-runtime";
+import { useCallback as p } from "react";
+import L from "clsx";
+import { g as T } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
-import { Box as B } from "../Box/Box.es.js";
-import { s as o } from "../../chunks/card.module.DlwBUz0H.js";
-import { MediaAbove as x } from "./Card.MediaAbove.es.js";
-import { Header as C } from "./Card.Header.es.js";
-import { MediaBelow as M } from "./Card.MediaBelow.es.js";
-import { Body as N } from "./Card.Body.es.js";
-import { Content as b } from "./Card.Content.es.js";
-import { Footer as v } from "./Card.Footer.es.js";
-import { CardProvider as y } from "./CardContext.es.js";
-const { baseClassNamePrefix: e } = u("card"), r = ({
-  children: s,
-  className: f,
-  density: p = "md",
-  borderColor: m,
-  borderRadius: t,
-  backgroundColor: a,
-  shadow: d,
-  ...l
+import { g as j } from "../../chunks/dom.CVmkHCnh.js";
+import { Box as F } from "../Box/Box.es.js";
+import { s as o } from "../../chunks/card.module.Dy87qmTH.js";
+import { MediaAbove as R } from "./Card.MediaAbove.es.js";
+import { Header as _ } from "./Card.Header.es.js";
+import { MediaBelow as C } from "./Card.MediaBelow.es.js";
+import { Body as O } from "./Card.Body.es.js";
+import { Content as V } from "./Card.Content.es.js";
+import { Footer as W } from "./Card.Footer.es.js";
+import { CardProvider as q } from "./CardContext.es.js";
+import { StateLayer as z } from "../StateLayer/StateLayer.es.js";
+const { baseClassNamePrefix: m, classModifierPrefix: E } = T("card"), G = 'button, a, input, select, textarea, [role="button"], [role="link"], [tabindex]:not([tabindex="-1"])', i = ({
+  children: B,
+  className: h,
+  density: v = "md",
+  borderColor: b,
+  borderRadius: x,
+  backgroundColor: y,
+  shadow: $,
+  type: c,
+  as: I,
+  disabled: r = !1,
+  href: l,
+  target: d,
+  rel: P,
+  onClick: a,
+  ...g
 }) => {
-  const n = c(
-    o[e],
-    !a && o[`${e}--default-background`],
-    !d && o[`${e}--default-shadow`],
-    !m && o[`${e}--default-border`],
-    !t && o[`${e}--default-border-radius`],
-    f
-  );
-  return /* @__PURE__ */ i(y, { value: { density: p }, children: /* @__PURE__ */ i(
-    B,
+  const u = !!c, s = c === "clickable", n = I ?? (l ? "a" : "div"), f = p(
+    (t) => {
+      if (!t || !(t instanceof Element)) return !1;
+      const M = t.closest(G);
+      if (!M) return !1;
+      const H = t.closest(`.${o[m]}`);
+      return M !== H;
+    },
+    []
+  ), w = p(
+    (t) => {
+      if (!(r || !s)) {
+        if (f(t.target)) {
+          t.preventDefault(), t.stopPropagation();
+          return;
+        }
+        a == null || a(t);
+      }
+    },
+    [r, s, f, a]
+  ), A = p(
+    (t) => {
+      r || !s || t.key !== "Enter" && t.key !== " " || f(t.target) || (t.preventDefault(), a == null || a(t));
+    },
+    [r, s, f, a]
+  ), D = n === "div", S = L(
+    o[m],
+    !y && o[`${m}--default-background`],
+    !$ && o[`${m}--default-shadow`],
+    !b && o[`${m}--default-border`],
+    !x && o[`${m}--default-border-radius`],
+    u && o[`${E}interactive`],
+    s && o[`${E}clickable`],
+    r && o[`${E}disabled`],
+    h
+  ), e = {};
+  return u && (e.tabIndex = r ? -1 : 0, e["aria-disabled"] = r || void 0, s && (e.onClick = w, D && (e.onKeyDown = A), n === "a" && l && !r && (e.href = l, d && (e.target = d), e.rel = j(d, P)), n === "button" && (e.type = "button"), n === "div" && (e.role = "button"))), /* @__PURE__ */ N(q, { value: { density: v, type: c, disabled: r }, children: /* @__PURE__ */ K(
+    F,
     {
-      className: n,
-      borderColor: m,
-      borderRadius: t,
+      as: n,
+      className: S,
+      borderColor: b,
+      borderRadius: x,
       borderWidth: "md",
-      backgroundColor: a,
-      shadow: d,
-      ...l,
-      children: s
+      backgroundColor: y,
+      shadow: $,
+      ...e,
+      ...g,
+      children: [
+        u && !r && /* @__PURE__ */ N(z, {}),
+        B
+      ]
     }
   ) });
 };
-r.displayName = "Card";
-r.MediaAbove = x;
-r.MediaBelow = M;
-r.Header = C;
-r.Body = N;
-r.Content = b;
-r.Footer = v;
+i.displayName = "Card";
+i.MediaAbove = R;
+i.MediaBelow = C;
+i.Header = _;
+i.Body = O;
+i.Content = V;
+i.Footer = W;
 export {
-  r as Card
+  i as Card
 };

package/lib/Card/CardContext.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
-import { CardDensity } from '@viasat/beam-shared/components/card';
+import { CardDensity, CardType } from '@viasat/beam-shared/components/card';
 interface CardContextValue {
     density: CardDensity;
+    type?: CardType;
+    disabled?: boolean;
 }
 export declare const CardProvider: ({ children, value, }: {
     children: React.ReactNode;

package/lib/Link/Link.cjs.js

@@ -1 +1 @@
-var N=require("../../assets/Link.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),h=require("clsx"),p=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-link":"bm-link","bm-link--disabled":"bm-link--disabled","bm-link--hide-underline":"bm-link--hide-underline","bm-link--sm":"bm-link--sm","bm-link__icon":"bm-link__icon","bm-link--md":"bm-link--md","bm-link--lg":"bm-link--lg","bm-link--xl":"bm-link--xl","bm-link--primary":"bm-link--primary","bm-link--primary--disabled":"bm-link--primary--disabled","bm-link--secondary":"bm-link--secondary","bm-link--secondary--disabled":"bm-link--secondary--disabled","bm-link--body-bold":"bm-link--body-bold"},{baseClassNamePrefix:f,subElementClassPrefix:d,classModifierPrefix:n}=p.getBEMClassNames("link");function g({appearance:m="primary",size:e,disabled:l=!1,iconBefore:b,iconAfter:r,bold:k=!1,href:c,onClick:a,hideUnderline:o=!1,children:t,className:y,...u}){const x=l?"span":"a",$=h(i[f],e&&i[`${n}${e}`],l&&i[`${n}disabled`],m&&i[`${n}${m}`],o&&i[`${n}hide-underline`],k&&i[`${n}body-bold`],y);return s.jsxs(x,{className:$,"aria-disabled":l,...!l&&{href:c},...!l&&a&&{onClick:a},...u,children:[e&&b&&s.jsx("span",{className:i[`${d}icon`],children:b}),t,e&&r&&s.jsx("span",{className:i[`${d}icon`],children:r})]})}exports.Link=g;
+var q=require("../../assets/Link.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),$=require("clsx"),f=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const h=require("../../chunks/dom.PCrm8EUc.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-link":"bm-link","bm-link--disabled":"bm-link--disabled","bm-link--hide-underline":"bm-link--hide-underline","bm-link--sm":"bm-link--sm","bm-link__icon":"bm-link__icon","bm-link--md":"bm-link--md","bm-link--lg":"bm-link--lg","bm-link--xl":"bm-link--xl","bm-link--primary":"bm-link--primary","bm-link--primary--disabled":"bm-link--primary--disabled","bm-link--secondary":"bm-link--secondary","bm-link--secondary--disabled":"bm-link--secondary--disabled","bm-link--body-bold":"bm-link--body-bold"},{baseClassNamePrefix:N,subElementClassPrefix:k,classModifierPrefix:n}=f.getBEMClassNames("link");function j({appearance:r="primary",size:e,disabled:l=!1,iconBefore:b,iconAfter:a,bold:t=!1,href:o,onClick:d,hideUnderline:c=!1,children:u,className:y,...x}){const g=l?"span":"a",p=$(i[N],e&&i[`${n}${e}`],l&&i[`${n}disabled`],r&&i[`${n}${r}`],c&&i[`${n}hide-underline`],t&&i[`${n}body-bold`],y),s={...x};return l||(s.rel=h.getSecureRelAttribute(s.target,s.rel)),m.jsxs(g,{className:p,"aria-disabled":l,...!l&&{href:o},...!l&&d&&{onClick:d},...s,children:[e&&b&&m.jsx("span",{className:i[`${k}icon`],children:b}),u,e&&a&&m.jsx("span",{className:i[`${k}icon`],children:a})]})}exports.Link=j;

package/lib/Link/Link.es.js

@@ -1,8 +1,9 @@
 import "../../assets/Link.css";
-import { jsxs as $, jsx as r } from "react/jsx-runtime";
+import { jsxs as $, jsx as k } from "react/jsx-runtime";
 import h from "clsx";
-import { g } from "../../chunks/classNames.DNsS4J__.js";
+import { g as u } from "../../chunks/classNames.DNsS4J__.js";
 import "../../chunks/constants.BBi77pmH.js";
+import { g as N } from "../../chunks/dom.CVmkHCnh.js";
 const i = {
   "bm-light": "bm-light",
   "bm-dark": "bm-dark",
@@ -20,46 +21,46 @@ const i = {
   "bm-link--secondary": "bm-link--secondary",
   "bm-link--secondary--disabled": "bm-link--secondary--disabled",
   "bm-link--body-bold": "bm-link--body-bold"
-}, { baseClassNamePrefix: u, subElementClassPrefix: d, classModifierPrefix: m } = g("link");
-function v({
-  appearance: s = "primary",
+}, { baseClassNamePrefix: P, subElementClassPrefix: d, classModifierPrefix: m } = u("link");
+function M({
+  appearance: e = "primary",
   size: n,
   disabled: l = !1,
-  iconBefore: b,
-  iconAfter: e,
-  bold: k = !1,
-  href: o,
+  iconBefore: r,
+  iconAfter: b,
+  bold: o = !1,
+  href: t,
   onClick: a,
   hideUnderline: c = !1,
-  children: t,
+  children: p,
   className: y,
-  ...p
+  ...f
 }) {
-  const f = l ? "span" : "a", x = h(
-    i[u],
+  const g = l ? "span" : "a", x = h(
+    i[P],
     n && i[`${m}${n}`],
     l && i[`${m}disabled`],
-    s && i[`${m}${s}`],
+    e && i[`${m}${e}`],
     c && i[`${m}hide-underline`],
-    k && i[`${m}body-bold`],
+    o && i[`${m}body-bold`],
     y
-  );
-  return /* @__PURE__ */ $(
-    f,
+  ), s = { ...f };
+  return l || (s.rel = N(s.target, s.rel)), /* @__PURE__ */ $(
+    g,
     {
       className: x,
       "aria-disabled": l,
-      ...!l && { href: o },
+      ...!l && { href: t },
       ...!l && a && { onClick: a },
-      ...p,
+      ...s,
       children: [
-        n && b && /* @__PURE__ */ r("span", { className: i[`${d}icon`], children: b }),
-        t,
-        n && e && /* @__PURE__ */ r("span", { className: i[`${d}icon`], children: e })
+        n && r && /* @__PURE__ */ k("span", { className: i[`${d}icon`], children: r }),
+        p,
+        n && b && /* @__PURE__ */ k("span", { className: i[`${d}icon`], children: b })
       ]
     }
   );
 }
 export {
-  v as Link
+  M as Link
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.1.0",
-    "@viasat/beam-shared": "2.1.0",
-    "@viasat/beam-styles": "2.1.0",
-    "@viasat/beam-tokens": "2.1.0",
-    "@viasat/beam-icons": "2.1.0",
+    "@viasat/beam-fonts": "2.2.0",
+    "@viasat/beam-shared": "2.2.0",
+    "@viasat/beam-styles": "2.2.0",
+    "@viasat/beam-tokens": "2.2.0",
+    "@viasat/beam-icons": "2.2.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/card.module.DA5t5zn2.js

@@ -1 +0,0 @@
-var e=require("../assets/card.css");const a={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-card":"bm-card","bm-card--default-background":"bm-card--default-background","bm-card--default-shadow":"bm-card--default-shadow","bm-card--default-border":"bm-card--default-border","bm-card--default-border-radius":"bm-card--default-border-radius","bm-card__content":"bm-card__content","bm-card__content--density-sm":"bm-card__content--density-sm","bm-card__content--density-md":"bm-card__content--density-md","bm-card__content--density-lg":"bm-card__content--density-lg","bm-card__header":"bm-card__header","bm-card__header__content-before":"bm-card__header__content-before","bm-card__header__heading":"bm-card__header__heading","bm-card__header__heading__eyebrow":"bm-card__header__heading__eyebrow","bm-card__header__heading__text":"bm-card__header__heading__text","bm-card__header__heading__supporting-text":"bm-card__header__heading__supporting-text","bm-card__header__content-after":"bm-card__header__content-after","bm-card__media-below":"bm-card__media-below","bm-card__media-above":"bm-card__media-above","bm-card__media-above--overlay-color-black-10":"bm-card__media-above--overlay-color-black-10","bm-card__media-below--overlay-color-black-10":"bm-card__media-below--overlay-color-black-10","bm-card__media-above--overlay-color-black-20":"bm-card__media-above--overlay-color-black-20","bm-card__media-below--overlay-color-black-20":"bm-card__media-below--overlay-color-black-20","bm-card__media-above--overlay-color-black-30":"bm-card__media-above--overlay-color-black-30","bm-card__media-below--overlay-color-black-30":"bm-card__media-below--overlay-color-black-30","bm-card__media-above--overlay-color-black-40":"bm-card__media-above--overlay-color-black-40","bm-card__media-below--overlay-color-black-40":"bm-card__media-below--overlay-color-black-40","bm-card__media-above--overlay-color-white-10":"bm-card__media-above--overlay-color-white-10","bm-card__media-below--overlay-color-white-10":"bm-card__media-below--overlay-color-white-10","bm-card__media-above--overlay-color-white-20":"bm-card__media-above--overlay-color-white-20","bm-card__media-below--overlay-color-white-20":"bm-card__media-below--overlay-color-white-20","bm-card__media-above--overlay-color-white-30":"bm-card__media-above--overlay-color-white-30","bm-card__media-below--overlay-color-white-30":"bm-card__media-below--overlay-color-white-30","bm-card__media-above--overlay-color-white-40":"bm-card__media-above--overlay-color-white-40","bm-card__media-below--overlay-color-white-40":"bm-card__media-below--overlay-color-white-40","bm-card__media-above__overlay-top":"bm-card__media-above__overlay-top","bm-card__media-above__overlay-middle":"bm-card__media-above__overlay-middle","bm-card__media-above__overlay-bottom":"bm-card__media-above__overlay-bottom","bm-card__media-below__overlay-top":"bm-card__media-below__overlay-top","bm-card__media-below__overlay-middle":"bm-card__media-below__overlay-middle","bm-card__media-below__overlay-bottom":"bm-card__media-below__overlay-bottom","bm-card__body":"bm-card__body","bm-card__footer":"bm-card__footer","bm-card__footer__actions":"bm-card__footer__actions","bm-card__footer__actions--start":"bm-card__footer__actions--start","bm-card__footer__actions--end":"bm-card__footer__actions--end","bm-card__footer__actions--spaceBetween":"bm-card__footer__actions--spaceBetween","bm-card__footer__actions--stacked":"bm-card__footer__actions--stacked"};exports.styles=a;