@viasat/beam-react 2.44.0 → 2.45.1

package/assets/panel.css

@@ -1 +1 @@
-:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-comp-panel-color-bg);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto);max-height:var(--bm-comp-panel-height,90dvh);bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--contained{position:absolute}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-sem-typo-body-sm);color:var(--bm-sem-color-text-primary);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--inline.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md))}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=open]{transition:none}}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=close]{transition:none}}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=open]{transition:none}}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=close]{transition:none}}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=open]{transition:none}}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=close]{transition:none}}.bm-panel--overlay[data-status=close]{box-shadow:var(--bm-sem-shadow-none);transition-property:transform,box-shadow;transition-duration:.4s;transition-timing-function:ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-status=close]{transition:none}}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status]{transition:none}}.bm-panel__inline-wrapper[data-status=open]{width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md));transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status=open]{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%;transition:none}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper-content{height:100%}
+:root,:host,.bm-light,.bm-dark .bm-inverse,.bm-dark.bm-inverse,[data-bm-theme~=bm-dark] .bm-inverse,[data-bm-theme~=bm-dark].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-light]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000001f);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#fff);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#141d24);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#576775)}:host,.bm-dark,.bm-light .bm-inverse,.bm-light.bm-inverse,[data-bm-theme~=bm-light] .bm-inverse,[data-bm-theme~=bm-light].bm-inverse,.bm-enterprise,.bm-consumer,[data-bm-theme~=bm-dark]{--bm-comp-panel-size-sm:20rem;--bm-comp-panel-size-md:27.5rem;--bm-comp-panel-size-lg:40rem;--bm-comp-panel-space-x-sm:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-x-md:var(--bm-sem-space-150,1.5rem);--bm-comp-panel-space-header-pad-top:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-header-pad-bottom:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-header-gap-y:var(--bm-sem-space-25,.25rem);--bm-comp-panel-space-header-gap-x:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-pad-top:var(--bm-sem-space-100,1rem);--bm-comp-panel-space-footer-pad-bottom:var(--bm-sem-space-125,1.25rem);--bm-comp-panel-space-footer-gap-actions:var(--bm-sem-space-50,.5rem);--bm-comp-panel-space-footer-gap-actions-stack:var(--bm-sem-space-100,1rem);--bm-comp-panel-radius:var(--bm-sem-radius-lg,1rem);--bm-comp-panel-shadow:var(--bm-sem-shadow-overlay,0 .25rem .75rem .125rem #0000004d);--bm-comp-panel-typo-heading:var(--bm-sem-typo-heading-sm,700 1.125rem/1.5rem "Uni Neue");--bm-comp-panel-typo-description:var(--bm-sem-typo-body-sm,400 .875rem/1.25rem "Source Sans Pro");--bm-comp-panel-color-bg:var(--bm-sem-color-surface-01,#202e39);--bm-comp-panel-color-heading:var(--bm-sem-color-text-primary,#fff);--bm-comp-panel-color-description:var(--bm-sem-color-text-secondary,#c3cdd5)}.bm-panel{background-color:var(--bm-comp-panel-color-bg);flex-direction:column;display:flex}.bm-panel--inline{height:100%;box-shadow:var(--bm-sem-shadow-none);position:relative}.bm-panel--overlay{z-index:999;box-shadow:var(--bm-comp-panel-shadow);overscroll-behavior:contain;position:fixed;overflow:auto}.bm-panel--overlay.bm-panel--position-start{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw);top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto);max-height:var(--bm-comp-panel-height,90dvh);bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--contained{position:absolute}.bm-panel--overlay.bm-panel--floating{border-radius:var(--bm-comp-panel-radius)}.bm-panel--overlay.bm-panel--floating.bm-panel--position-start{left:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-end{right:var(--bm-comp-panel-offset-x,1rem);top:var(--bm-comp-panel-offset-y,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:min(var(--bm-comp-panel-width,var(--bm-comp-panel-size-md)),100dvw - 2*var(--bm-comp-panel-offset-x,1rem))}.bm-panel--overlay.bm-panel--floating.bm-panel--position-bottom{left:var(--bm-comp-panel-offset-x,1rem);right:var(--bm-comp-panel-offset-x,1rem);bottom:var(--bm-comp-panel-offset-y,1rem);width:auto}.bm-panel--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel--position-bottom{width:100%;height:auto}.bm-panel--position-bottom>.bm-panel__body{min-height:0}.bm-panel--padding-sm .bm-panel__header,.bm-panel--padding-sm .bm-panel__body,.bm-panel--padding-sm .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-sm);padding-right:var(--bm-comp-panel-space-x-sm)}.bm-panel--padding-md .bm-panel__header,.bm-panel--padding-md .bm-panel__body,.bm-panel--padding-md .bm-panel__footer{padding-left:var(--bm-comp-panel-space-x-md);padding-right:var(--bm-comp-panel-space-x-md)}.bm-panel__header{gap:var(--bm-comp-panel-space-header-gap-y);padding-top:var(--bm-comp-panel-space-header-pad-top);padding-bottom:var(--bm-comp-panel-space-header-pad-bottom);flex-direction:column;display:flex}.bm-panel__header__row{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__content-before{gap:var(--bm-comp-panel-space-header-gap-x);flex-direction:row;display:flex}.bm-panel__header__content-after{gap:var(--bm-comp-panel-space-header-gap-x);align-items:flex-start;display:flex}.bm-panel__header__heading{font:var(--bm-comp-panel-typo-heading);color:var(--bm-comp-panel-color-heading);flex:1}.bm-panel__header__description{font:var(--bm-comp-panel-typo-description);color:var(--bm-comp-panel-color-description)}.bm-panel__header__close-button{width:var(--bm-sem-size-icon-lg);height:var(--bm-sem-size-icon-lg);justify-content:center;align-items:center;display:flex}.bm-panel__body{font:var(--bm-sem-typo-body-sm);color:var(--bm-sem-color-text-primary);flex:1;overflow:auto}.bm-panel__footer{gap:var(--bm-comp-panel-space-footer-gap-actions);padding-top:var(--bm-comp-panel-space-footer-pad-top);padding-bottom:var(--bm-comp-panel-space-footer-pad-bottom);flex-direction:column;display:flex}.bm-panel__footer__actions{gap:var(--bm-comp-panel-space-footer-gap-actions);flex-wrap:wrap;flex-shrink:0;align-content:center;align-items:center;display:flex}.bm-panel__footer__actions--start{justify-content:flex-start}.bm-panel__footer__actions--end{justify-content:flex-end}.bm-panel__footer__actions--spaceBetween{justify-content:space-between}.bm-panel__footer__actions--stacked{justify-content:center;gap:var(--bm-comp-panel-space-footer-gap-actions-stack);flex-direction:column}.bm-panel__overlay-divider{position:absolute}.bm-panel__overlay-divider--start{top:0;bottom:0;right:0}.bm-panel__overlay-divider--end{top:0;bottom:0;left:0}.bm-panel__overlay-divider--bottom{top:0;left:0;right:0}.bm-panel__resize-handle{opacity:0;z-index:100;transition:opacity .2s ease-in-out;position:absolute}@media (prefers-reduced-motion:reduce){.bm-panel__resize-handle{transition:none}}.bm-panel__resize-handle:hover,.bm-panel__resize-handle:active{opacity:1}.bm-panel--inline.bm-panel--resizable{width:100%}.bm-panel--inline.bm-panel--position-bottom{height:var(--bm-comp-panel-height,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md))}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle{cursor:col-resize;border-inline-end-width:var(--bm-sem-border-width-md);border-inline-end-style:solid;border-inline-end-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-start .bm-panel__resize-handle:active{border-inline-end-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle{cursor:col-resize;border-inline-start-width:var(--bm-sem-border-width-md);border-inline-start-style:solid;border-inline-start-color:var(--bm-sem-color-border-selected);width:.75rem;top:0;bottom:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-end .bm-panel__resize-handle:active{border-inline-start-width:var(--bm-sem-border-width-lg)}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle{cursor:row-resize;border-block-start-width:var(--bm-sem-border-width-md);border-block-start-style:solid;border-block-start-color:var(--bm-sem-color-border-selected);height:.75rem;top:0;left:0;right:0}.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:hover,.bm-panel--resizable.bm-panel--position-bottom .bm-panel__resize-handle:active{border-block-start-width:var(--bm-sem-border-width-lg)}.bm-panel--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{box-shadow:var(--bm-comp-panel-shadow);transition:transform .4s ease-out,box-shadow .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=open]{transition:none}}.bm-panel--overlay[data-position=start][data-status=close]{box-shadow:var(--bm-sem-shadow-none);transition:transform .4s ease-in,box-shadow .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=start][data-status=close]{transition:none}}.bm-panel--overlay[data-position=end]{transform:translate(100%)}.bm-panel--overlay[data-position=end][data-status=open]{box-shadow:var(--bm-comp-panel-shadow);transition:transform .4s ease-out,box-shadow .4s ease-out;transform:translate(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=open]{transition:none}}.bm-panel--overlay[data-position=end][data-status=close]{box-shadow:var(--bm-sem-shadow-none);transition:transform .4s ease-in,box-shadow .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=end][data-status=close]{transition:none}}.bm-panel--overlay[data-position=bottom]{transform:translateY(100%)}.bm-panel--overlay[data-position=bottom][data-status=open]{box-shadow:var(--bm-comp-panel-shadow);transition:transform .4s ease-out,box-shadow .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=open]{transition:none}}.bm-panel--overlay[data-position=bottom][data-status=close]{box-shadow:var(--bm-sem-shadow-none);transition:transform .4s ease-in,box-shadow .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel--overlay[data-position=bottom][data-status=close]{transition:none}}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--width-sm{--bm-comp-panel-width:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--width-md{--bm-comp-panel-width:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--width-lg{--bm-comp-panel-width:var(--bm-comp-panel-size-lg)}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status]{transition:none}}.bm-panel__inline-wrapper[data-status=open]{width:var(--bm-comp-panel-width,var(--bm-comp-panel-size-md));transition:width .4s ease-out}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-status=open]{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%;transition:none}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:none}}.bm-panel__inline-wrapper-content{height:100%}

package/index.cjs.js

@@ -1 +1 @@
-var Se=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lib/Accordion/Accordion.cjs.js"),c=require("./lib/Accordion/AccordionGroup.cjs.js"),l=require("./lib/Alert/Alert.cjs.js"),d=require("./lib/Autocomplete/Autocomplete.cjs.js"),b=require("./lib/Avatar/index.cjs.js"),p=require("./lib/CloseButton/CloseButton.cjs.js"),o=require("./lib/Button/Button.cjs.js"),S=require("./lib/Dialog/Dialog.cjs.js"),q=require("./lib/Breadcrumbs/Breadcrumbs.cjs.js"),A=require("./chunks/BreadcrumbsItem.CJ2P5JCD.js"),T=require("./lib/EmptyState/EmptyState.cjs.js"),B=require("./lib/Badge/Badge.cjs.js"),C=require("./lib/BadgeDot/BadgeDot.cjs.js"),g=require("./lib/Box/Box.cjs.js"),L=require("./lib/Checkbox/Checkbox.cjs.js"),P=require("./lib/Chips/Chip.cjs.js"),v=require("./lib/Chips/ChipGroup.cjs.js"),m=require("./lib/Divider/Divider.cjs.js"),h=require("./lib/FileUpload/FileUpload.cjs.js"),x=require("./lib/Flag/Flag.cjs.js"),N=require("./lib/Form/Form.cjs.js"),H=require("./chunks/form.context.D5XrYvpI.js"),G=require("./lib/Icon/Icon.cjs.js"),R=require("./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),D=require("./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),I=require("./lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),O=require("./lib/Label/Label.cjs.js"),E=require("./lib/Link/Link.cjs.js"),y=require("./lib/List/List.cjs.js"),M=require("./lib/ActionList/ActionList.cjs.js"),F=require("./lib/Logo/Logo.cjs.js"),k=require("./lib/Menu/Menu.cjs.js"),U=require("./lib/Menu/Menu.context.cjs.js"),w=require("./lib/NativeSelect/NativeSelect.cjs.js"),Y=require("./lib/Pagination/Pagination.cjs.js"),W=require("./lib/ProgressBar/ProgressBar.cjs.js"),V=require("./lib/RadioButton/RadioButton.cjs.js"),e=require("./lib/SideNav/SideNav.cjs.js"),t=require("./lib/SideNav/SideNavContext.cjs.js"),f=require("./lib/SegmentedControl/SegmentedControl.cjs.js"),K=require("./lib/Select/Select.cjs.js"),Q=require("./lib/Spinner/Spinner.cjs.js"),j=require("./lib/StateLayer/StateLayer.cjs.js"),z=require("./lib/Stepper/Stepper.cjs.js"),i=require("./lib/Stepper/useBeamStepper.cjs.js"),J=require("./lib/Switch/Switch.cjs.js"),X=require("./lib/Tabs/Tabs.cjs.js"),Z=require("./lib/Text/Text.cjs.js"),$=require("./lib/TextArea/TextArea.cjs.js"),ee=require("./lib/TextField/TextField.cjs.js"),re=require("./lib/Toasts/Toast.cjs.js"),a=require("./chunks/ToastContext.DVb2CKcX.js"),oe=require("./lib/Toasts/ToastContainer.cjs.js"),n=require("./lib/Tooltip/Tooltip.cjs.js"),_=require("./lib/Header/Header.cjs.js"),te=require("./lib/Header/HeaderMasthead.cjs.js"),ie=require("./lib/Header/HeaderActionGroup.cjs.js"),ae=require("./lib/Header/HeaderNavigation.cjs.js"),u=require("./lib/PortalProvider/PortalContext.cjs.js"),ne=require("./lib/PortalProvider/PortalProvider.cjs.js"),_e=require("./lib/Popover/Popover.cjs.js"),ue=require("./lib/PageHeader/PageHeader.cjs.js"),se=require("./lib/PageLayout/PageLayout.cjs.js"),ce=require("./lib/Slider/Slider.cjs.js"),le=require("./lib/Card/Card.cjs.js"),de=require("./lib/Card/CardGroup.cjs.js"),be=require("./lib/Search/Search.cjs.js"),r=require("./utils/theming/useBeamTheme.cjs.js"),pe=require("./chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=s.Accordion;exports.AccordionGroup=c.AccordionGroup;exports.Alert=l.Alert;exports.Autocomplete=d.Autocomplete;exports.Avatar=b.Avatar;exports.CloseButton=p.CloseButton;exports.Button=o.Button;exports.ButtonIconWrap=o.ButtonIconWrap;exports.Dialog=S.Dialog;exports.Breadcrumb=q.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.EmptyState=T.EmptyState;exports.Badge=B.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=g.Box;exports.Checkbox=L.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=m.Divider;exports.FileUpload=h.default;exports.Flag=x.Flag;exports.Form=N.Form;exports.HelperText=H.HelperText;exports.Icon=G.Icon;exports.SwitchGroup=R.SwitchGroup;exports.CheckboxGroup=D.CheckboxGroup;exports.RadioButtonGroup=I.RadioButtonGroup;exports.Label=O.Label;exports.Link=E.Link;exports.List=y.List;exports.ActionList=M.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=U.useMenuContext;exports.NativeSelect=w.NativeSelect;exports.Pagination=Y.Pagination;exports.ProgressBar=W.ProgressBar;exports.RadioButton=V.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=t.SideNavProvider;exports.useSideNavContext=t.useSideNavContext;exports.SegmentedControl=f.SegmentedControl;exports.Select=K.Select;exports.Spinner=Q.Spinner;exports.StateLayer=j.StateLayer;exports.Stepper=z.Stepper;exports.processMetadata=i.processMetadata;exports.useBeamStepper=i.useBeamStepper;exports.Switch=J.Switch;exports.Tabs=X.Tabs;exports.Text=Z.Text;exports.TextArea=$.TextArea;exports.TextField=ee.TextField;exports.Toast=re.Toast;exports.ToastProvider=a.ToastProvider;exports.useToast=a.useToast;exports.ToastContainer=oe.ToastContainer;exports.Tooltip=n.Tooltip;exports.TooltipIconTrigger=n.TooltipIconTrigger;exports.Header=_.Header;exports.InternalHeader=_.InternalHeader;exports.HeaderMasthead=te.HeaderMasthead;exports.HeaderActionGroup=ie.HeaderActionGroup;exports.HeaderNavigation=ae.HeaderNavigation;exports.PortalContext=u.PortalContext;exports.usePortal=u.usePortal;exports.PortalProvider=ne.PortalProvider;exports.Popover=_e.Popover;exports.PageHeader=ue.PageHeader;exports.PageLayout=se.PageLayout;exports.Slider=ce.Slider;exports.Card=le.Card;exports.CardGroup=de.CardGroup;exports.Search=be.Search;exports.ALL_THEMES=r.ALL_THEMES;exports.BeamThemeProvider=r.BeamThemeProvider;exports.fromAttr=r.fromAttr;exports.toAttr=r.toAttr;exports.useBeamTheme=r.useBeamTheme;exports.validators=pe.validators;
+var qe=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./lib/Accordion/Accordion.cjs.js"),s=require("./lib/Accordion/AccordionGroup.cjs.js"),c=require("./lib/Alert/Alert.cjs.js"),d=require("./lib/Autocomplete/Autocomplete.cjs.js"),b=require("./lib/Avatar/index.cjs.js"),p=require("./lib/CloseButton/CloseButton.cjs.js"),o=require("./lib/Button/Button.cjs.js"),S=require("./lib/Dialog/Dialog.cjs.js"),q=require("./lib/Breadcrumbs/Breadcrumbs.cjs.js"),A=require("./chunks/BreadcrumbsItem.CJ2P5JCD.js"),T=require("./lib/EmptyState/EmptyState.cjs.js"),B=require("./lib/Badge/Badge.cjs.js"),C=require("./lib/BadgeDot/BadgeDot.cjs.js"),P=require("./lib/Box/Box.cjs.js"),g=require("./lib/Checkbox/Checkbox.cjs.js"),L=require("./lib/Chips/Chip.cjs.js"),v=require("./lib/Chips/ChipGroup.cjs.js"),m=require("./lib/Divider/Divider.cjs.js"),h=require("./lib/FileUpload/FileUpload.cjs.js"),x=require("./lib/Flag/Flag.cjs.js"),N=require("./lib/Form/Form.cjs.js"),H=require("./chunks/form.context.D5XrYvpI.js"),G=require("./lib/Icon/Icon.cjs.js"),R=require("./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),D=require("./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),I=require("./lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),O=require("./lib/Label/Label.cjs.js"),E=require("./lib/Link/Link.cjs.js"),y=require("./lib/List/List.cjs.js"),M=require("./lib/ActionList/ActionList.cjs.js"),F=require("./lib/Logo/Logo.cjs.js"),k=require("./lib/Menu/Menu.cjs.js"),U=require("./lib/Menu/Menu.context.cjs.js"),w=require("./lib/NativeSelect/NativeSelect.cjs.js"),Y=require("./lib/Pagination/Pagination.cjs.js"),W=require("./lib/ProgressBar/ProgressBar.cjs.js"),V=require("./lib/RadioButton/RadioButton.cjs.js"),e=require("./lib/SideNav/SideNav.cjs.js"),t=require("./lib/SideNav/SideNavContext.cjs.js"),f=require("./lib/SegmentedControl/SegmentedControl.cjs.js"),K=require("./lib/Select/Select.cjs.js"),Q=require("./lib/Spinner/Spinner.cjs.js"),j=require("./lib/StateLayer/StateLayer.cjs.js"),z=require("./lib/Stepper/Stepper.cjs.js"),i=require("./lib/Stepper/useBeamStepper.cjs.js"),J=require("./lib/Switch/Switch.cjs.js"),X=require("./lib/Tabs/Tabs.cjs.js"),Z=require("./lib/Text/Text.cjs.js"),$=require("./lib/TextArea/TextArea.cjs.js"),ee=require("./lib/TextField/TextField.cjs.js"),re=require("./lib/Toasts/Toast.cjs.js"),a=require("./chunks/ToastContext.DVb2CKcX.js"),oe=require("./lib/Toasts/ToastContainer.cjs.js"),n=require("./lib/Tooltip/Tooltip.cjs.js"),_=require("./lib/Header/Header.cjs.js"),te=require("./lib/Header/HeaderMasthead.cjs.js"),ie=require("./lib/Header/HeaderActionGroup.cjs.js"),ae=require("./lib/Header/HeaderNavigation.cjs.js"),u=require("./lib/PortalProvider/PortalContext.cjs.js"),ne=require("./lib/PortalProvider/PortalProvider.cjs.js"),_e=require("./lib/Popover/Popover.cjs.js"),ue=require("./lib/PageHeader/PageHeader.cjs.js"),le=require("./lib/PageLayout/PageLayout.cjs.js"),se=require("./lib/Panel/Panel.cjs.js"),ce=require("./lib/Slider/Slider.cjs.js"),de=require("./lib/Card/Card.cjs.js"),be=require("./lib/Card/CardGroup.cjs.js"),pe=require("./lib/Search/Search.cjs.js"),r=require("./utils/theming/useBeamTheme.cjs.js"),Se=require("./chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=l.Accordion;exports.AccordionGroup=s.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=d.Autocomplete;exports.Avatar=b.Avatar;exports.CloseButton=p.CloseButton;exports.Button=o.Button;exports.ButtonIconWrap=o.ButtonIconWrap;exports.Dialog=S.Dialog;exports.Breadcrumb=q.Breadcrumb;exports.BreadcrumbItem=A.BreadcrumbItem;exports.EmptyState=T.EmptyState;exports.Badge=B.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=P.Box;exports.Checkbox=g.Checkbox;exports.Chip=L.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=m.Divider;exports.FileUpload=h.default;exports.Flag=x.Flag;exports.Form=N.Form;exports.HelperText=H.HelperText;exports.Icon=G.Icon;exports.SwitchGroup=R.SwitchGroup;exports.CheckboxGroup=D.CheckboxGroup;exports.RadioButtonGroup=I.RadioButtonGroup;exports.Label=O.Label;exports.Link=E.Link;exports.List=y.List;exports.ActionList=M.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=U.useMenuContext;exports.NativeSelect=w.NativeSelect;exports.Pagination=Y.Pagination;exports.ProgressBar=W.ProgressBar;exports.RadioButton=V.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=t.SideNavProvider;exports.useSideNavContext=t.useSideNavContext;exports.SegmentedControl=f.SegmentedControl;exports.Select=K.Select;exports.Spinner=Q.Spinner;exports.StateLayer=j.StateLayer;exports.Stepper=z.Stepper;exports.processMetadata=i.processMetadata;exports.useBeamStepper=i.useBeamStepper;exports.Switch=J.Switch;exports.Tabs=X.Tabs;exports.Text=Z.Text;exports.TextArea=$.TextArea;exports.TextField=ee.TextField;exports.Toast=re.Toast;exports.ToastProvider=a.ToastProvider;exports.useToast=a.useToast;exports.ToastContainer=oe.ToastContainer;exports.Tooltip=n.Tooltip;exports.TooltipIconTrigger=n.TooltipIconTrigger;exports.Header=_.Header;exports.InternalHeader=_.InternalHeader;exports.HeaderMasthead=te.HeaderMasthead;exports.HeaderActionGroup=ie.HeaderActionGroup;exports.HeaderNavigation=ae.HeaderNavigation;exports.PortalContext=u.PortalContext;exports.usePortal=u.usePortal;exports.PortalProvider=ne.PortalProvider;exports.Popover=_e.Popover;exports.PageHeader=ue.PageHeader;exports.PageLayout=le.PageLayout;exports.Panel=se.Panel;exports.Slider=ce.Slider;exports.Card=de.Card;exports.CardGroup=be.CardGroup;exports.Search=pe.Search;exports.ALL_THEMES=r.ALL_THEMES;exports.BeamThemeProvider=r.BeamThemeProvider;exports.fromAttr=r.fromAttr;exports.toAttr=r.toAttr;exports.useBeamTheme=r.useBeamTheme;exports.validators=Se.validators;

package/index.es.js

@@ -5,10 +5,10 @@ import { Alert as a } from "./lib/Alert/Alert.es.js";
 import { Autocomplete as i } from "./lib/Autocomplete/Autocomplete.es.js";
 import { Avatar as n } from "./lib/Avatar/index.es.js";
 import { CloseButton as u } from "./lib/CloseButton/CloseButton.es.js";
-import { Button as T, ButtonIconWrap as l } from "./lib/Button/Button.es.js";
+import { Button as l, ButtonIconWrap as T } from "./lib/Button/Button.es.js";
 import { Dialog as c } from "./lib/Dialog/Dialog.es.js";
 import { Breadcrumb as L } from "./lib/Breadcrumbs/Breadcrumbs.es.js";
-import { B as C } from "./chunks/BreadcrumbsItem.Bv-RHLE5.js";
+import { B as P } from "./chunks/BreadcrumbsItem.Bv-RHLE5.js";
 import { EmptyState as N } from "./lib/EmptyState/EmptyState.es.js";
 import { Badge as _ } from "./lib/Badge/Badge.es.js";
 import { BadgeDot as H } from "./lib/BadgeDot/BadgeDot.es.js";
@@ -31,11 +31,11 @@ import { List as xo } from "./lib/List/List.es.js";
 import { ActionList as fo } from "./lib/ActionList/ActionList.es.js";
 import { Logo as no } from "./lib/Logo/Logo.es.js";
 import { Menu as uo } from "./lib/Menu/Menu.es.js";
-import { useMenuContext as To } from "./lib/Menu/Menu.context.es.js";
+import { useMenuContext as lo } from "./lib/Menu/Menu.context.es.js";
 import { NativeSelect as So } from "./lib/NativeSelect/NativeSelect.es.js";
 import { Pagination as Bo } from "./lib/Pagination/Pagination.es.js";
 import { ProgressBar as vo } from "./lib/ProgressBar/ProgressBar.es.js";
-import { RadioButton as Po } from "./lib/RadioButton/RadioButton.es.js";
+import { RadioButton as Co } from "./lib/RadioButton/RadioButton.es.js";
 import { DRAWER_LAYOUT as go, HIDDEN_LAYOUT as _o, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as Ho, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as ho, Root as Do, SideNav as Eo, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
 import { SideNavProvider as yo, useSideNavContext as ko } from "./lib/SideNav/SideNavContext.es.js";
 import { SegmentedControl as Yo } from "./lib/SegmentedControl/SegmentedControl.es.js";
@@ -51,10 +51,10 @@ import { TextArea as xr } from "./lib/TextArea/TextArea.es.js";
 import { TextField as fr } from "./lib/TextField/TextField.es.js";
 import { Toast as dr } from "./lib/Toasts/Toast.es.js";
 import { T as sr, u as ur } from "./chunks/ToastContext.zXkKuhRk.js";
-import { ToastContainer as Tr } from "./lib/Toasts/ToastContainer.es.js";
+import { ToastContainer as lr } from "./lib/Toasts/ToastContainer.es.js";
 import { Tooltip as Sr, TooltipIconTrigger as cr } from "./lib/Tooltip/Tooltip.es.js";
 import { Header as Lr, InternalHeader as vr } from "./lib/Header/Header.es.js";
-import { HeaderMasthead as Pr } from "./lib/Header/HeaderMasthead.es.js";
+import { HeaderMasthead as Cr } from "./lib/Header/HeaderMasthead.es.js";
 import { HeaderActionGroup as gr } from "./lib/Header/HeaderActionGroup.es.js";
 import { HeaderNavigation as Rr } from "./lib/Header/HeaderNavigation.es.js";
 import { PortalContext as Or, usePortal as hr } from "./lib/PortalProvider/PortalContext.es.js";
@@ -62,14 +62,15 @@ import { PortalProvider as Er } from "./lib/PortalProvider/PortalProvider.es.js"
 import { Popover as Gr } from "./lib/Popover/Popover.es.js";
 import { PageHeader as Mr } from "./lib/PageHeader/PageHeader.es.js";
 import { PageLayout as yr } from "./lib/PageLayout/PageLayout.es.js";
-import { Slider as Fr } from "./lib/Slider/Slider.es.js";
-import { Card as Wr } from "./lib/Card/Card.es.js";
-import { CardGroup as Kr } from "./lib/Card/CardGroup.es.js";
-import { Search as Qr } from "./lib/Search/Search.es.js";
-import { ALL_THEMES as qr, BeamThemeProvider as zr, fromAttr as Jr, toAttr as Xr, useBeamTheme as Zr } from "./utils/theming/useBeamTheme.es.js";
-import { v as oe } from "./chunks/useFormValidator.hook.CSmddwEt.js";
+import { Panel as Fr } from "./lib/Panel/Panel.es.js";
+import { Slider as Wr } from "./lib/Slider/Slider.es.js";
+import { Card as Kr } from "./lib/Card/Card.es.js";
+import { CardGroup as Qr } from "./lib/Card/CardGroup.es.js";
+import { Search as qr } from "./lib/Search/Search.es.js";
+import { ALL_THEMES as Jr, BeamThemeProvider as Xr, fromAttr as Zr, toAttr as $r, useBeamTheme as oe } from "./utils/theming/useBeamTheme.es.js";
+import { v as ee } from "./chunks/useFormValidator.hook.CSmddwEt.js";
 export {
-  qr as ALL_THEMES,
+  Jr as ALL_THEMES,
   t as Accordion,
   m as AccordionGroup,
   fo as ActionList,
@@ -78,14 +79,14 @@ export {
   n as Avatar,
   _ as Badge,
   H as BadgeDot,
-  zr as BeamThemeProvider,
+  Xr as BeamThemeProvider,
   h as Box,
   L as Breadcrumb,
-  C as BreadcrumbItem,
-  T as Button,
-  l as ButtonIconWrap,
-  Wr as Card,
-  Kr as CardGroup,
+  P as BreadcrumbItem,
+  l as Button,
+  T as ButtonIconWrap,
+  Kr as Card,
+  Qr as CardGroup,
   E as Checkbox,
   Z as CheckboxGroup,
   G as Chip,
@@ -101,7 +102,7 @@ export {
   _o as HIDDEN_LAYOUT,
   Lr as Header,
   gr as HeaderActionGroup,
-  Pr as HeaderMasthead,
+  Cr as HeaderMasthead,
   Rr as HeaderNavigation,
   Q as HelperText,
   q as Icon,
@@ -118,15 +119,16 @@ export {
   Mr as PageHeader,
   yr as PageLayout,
   Bo as Pagination,
+  Fr as Panel,
   Gr as Popover,
   Or as PortalContext,
   Er as PortalProvider,
   vo as ProgressBar,
   ho as RAIL_LAYOUT,
-  Po as RadioButton,
+  Co as RadioButton,
   oo as RadioButtonGroup,
   Do as Root,
-  Qr as Search,
+  qr as Search,
   Yo as SegmentedControl,
   wo as Select,
   Eo as SideNav,
@@ -134,7 +136,7 @@ export {
   Go as SideNavClosedLayouts,
   bo as SideNavOpenLayouts,
   yo as SideNavProvider,
-  Fr as Slider,
+  Wr as Slider,
   Vo as Spinner,
   jo as StateLayer,
   zo as Stepper,
@@ -146,18 +148,18 @@ export {
   xr as TextArea,
   fr as TextField,
   dr as Toast,
-  Tr as ToastContainer,
+  lr as ToastContainer,
   sr as ToastProvider,
   Sr as Tooltip,
   cr as TooltipIconTrigger,
-  Jr as fromAttr,
+  Zr as fromAttr,
   Xo as processMetadata,
-  Xr as toAttr,
+  $r as toAttr,
   Zo as useBeamStepper,
-  Zr as useBeamTheme,
-  To as useMenuContext,
+  oe as useBeamTheme,
+  lo as useMenuContext,
   hr as usePortal,
   ko as useSideNavContext,
   ur as useToast,
-  oe as validators
+  ee as validators
 };

package/lib/Panel/Footer/Panel.Footer.Actions.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const e=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:m}=u.getBEMClassNames("panel"),t=({layout:n="end",children:o,className:a,...c})=>{const s=`${m}footer__actions`,r=i(e.styles[s],e.styles[`${s}--${n}`],a);return l.jsx("div",{className:r,...c,children:o})};t.displayName="Panel.Footer.Actions";exports.Actions=t;

package/lib/{wip/Panel → Panel}/Footer/Panel.Footer.Actions.es.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import i from "clsx";
-import { g as c } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as o } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { g as c } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { s as o } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = c("panel"), p = ({
   layout: t = "end",
   children: a,

package/lib/Panel/Footer/Panel.Footer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("clsx"),b=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const C=require("../../Divider/Divider.cjs.js"),P=require("../../Box/Box.cjs.js"),m=require("../Panel.helpers.cjs.js"),q=require("../Panel.context.cjs.js"),v=require("./Panel.Footer.Actions.cjs.js"),g=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:D}=b.getBEMClassNames("panel"),F=`${D}footer`,o=({children:r,className:s,divider:t=!0,dividerColor:n,backgroundColor:l,...i})=>{const{backgroundColor:c,dividerColor:a}=q.usePanelContext(),u=n??a??m.DEFAULT_PANEL_DIVIDER_COLOR,_=l??c,d=x(g.styles[F],s);return e.jsxs(e.Fragment,{children:[t&&e.jsx(C.Divider,{borderColor:u}),e.jsx(P.Box,{as:"footer",className:d,backgroundColor:_,...i,children:r})]})};o.displayName="Panel.Footer";o.Actions=v.Actions;exports.Footer=o;

package/lib/{wip/Panel → Panel}/Footer/Panel.Footer.es.js

@@ -1,13 +1,13 @@
 import { jsxs as f, Fragment as C, jsx as o } from "react/jsx-runtime";
 import x from "clsx";
-import { g } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { Divider as u } from "../../../Divider/Divider.es.js";
-import { Box as v } from "../../../Box/Box.es.js";
+import { g } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { Divider as u } from "../../Divider/Divider.es.js";
+import { Box as v } from "../../Box/Box.es.js";
 import { DEFAULT_PANEL_DIVIDER_COLOR as D } from "../Panel.helpers.es.js";
 import { usePanelContext as b } from "../Panel.context.es.js";
 import { Actions as E } from "./Panel.Footer.Actions.es.js";
-import { s as N } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { s as N } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: A } = g("panel"), B = `${A}footer`, r = ({
   children: s,
   className: t,

package/lib/Panel/Header/Panel.Header.ContentAfter.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const c=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;

package/lib/{wip/Panel → Panel}/Header/Panel.Header.ContentAfter.es.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import o from "clsx";
-import { g as m } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { g as m } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { s as n } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: s,
   className: e,

package/lib/Panel/Header/Panel.Header.ContentBefore.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const c=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;

package/lib/{wip/Panel → Panel}/Header/Panel.Header.ContentBefore.es.js

@@ -1,8 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
 import a from "clsx";
-import { g as m } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { g as m } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { s as n } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: e,
   className: s,

package/lib/Panel/Header/Panel.Header.Description.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const l=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:o}=c.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:r,...t})=>{const a=n(l.styles[`${u}__description`],r);return i.jsx("div",{className:a,...t,children:s})};e.displayName="Panel.Header.Description";exports.Description=e;

package/lib/{wip/Panel → Panel}/Header/Panel.Header.Description.es.js

@@ -1,8 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
 import t from "clsx";
-import { g as i } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as m } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { g as i } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { s as m } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = i("panel"), n = `${l}header`, p = ({
   children: s,
   className: e,

package/lib/Panel/Header/Panel.Header.Heading.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),o=require("react"),g=require("clsx"),m=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const q=require("../../../chunks/FloatingUI.context.B15Tz_4h.js"),b=require("../Panel.context.cjs.js"),x=require("../../../utils/hooks/useId.cjs.js"),I=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:y}=m.getBEMClassNames("panel"),P=`${y}header`,a=({children:r,className:i,id:c,...l})=>{const u=x.useId(),e=c??u,d=g(I.styles[`${P}__heading`],i),t=o.useContext(b.PanelContext),n=o.useContext(q.BmFloatingUIContext),s=(t==null?void 0:t.kind)==="overlay"?n==null?void 0:n.setLabelId:void 0;return o.useLayoutEffect(()=>{if(!(!s||!e))return s(e),()=>s(void 0)},[e,s]),_.jsx("div",{id:e,className:d,...l,children:r})};a.displayName="Panel.Header.Heading";exports.Heading=a;

package/lib/{wip/Panel → Panel}/Header/Panel.Header.Heading.es.js

@@ -1,12 +1,12 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useContext as r, useLayoutEffect as f } from "react";
 import p from "clsx";
-import { g as u } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { B as g } from "../../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
+import { g as u } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { B as g } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
 import { PanelContext as x } from "../Panel.context.es.js";
-import { useId as I } from "../../../../utils/hooks/useId.es.js";
-import { s as b } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { useId as I } from "../../../utils/hooks/useId.es.js";
+import { s as b } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: v } = u("panel"), y = `${v}header`, C = ({
   children: a,
   className: m,

package/lib/Panel/Header/Panel.Header.Row.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("react"),m=require("clsx"),_=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const q=require("../../CloseButton/CloseButton.cjs.js"),x=require("../../Tooltip/Tooltip.cjs.js"),C=require("../Panel.context.cjs.js"),o=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:j}=_.getBEMClassNames("panel"),l=`${j}header`,n=({children:a,className:r,...i})=>{const{dismissible:c,closeButtonAriaLabel:s,requestClose:u}=C.usePanelContext(),p=m(o.styles[`${l}__row`],r),[d,t]=b.useState(!1);return e.jsxs("div",{className:p,...i,children:[a,c&&e.jsx("div",{className:o.styles[`${l}__close-button`],children:e.jsx(x.Tooltip,{text:s,placement:"bottom",portalled:!0,role:{enabled:!1},open:d,onOpenChange:t,children:e.jsx(q.CloseButton,{"aria-label":s,onClick:()=>{t(!1),u("closeButton")},size:"lg"})})})]})};n.displayName="Panel.Header.Row";exports.Row=n;

package/lib/Panel/Header/Panel.Header.Row.es.js

@@ -0,0 +1,44 @@
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import { useState as d } from "react";
+import u from "clsx";
+import { g as b } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { CloseButton as C } from "../../CloseButton/CloseButton.es.js";
+import { Tooltip as x } from "../../Tooltip/Tooltip.es.js";
+import { usePanelContext as h } from "../Panel.context.es.js";
+import { s as t } from "../../../chunks/panel.module.CgFBtvbR.js";
+const { subElementClassPrefix: N } = b("panel"), l = `${N}header`, g = ({
+  children: a,
+  className: r,
+  ...n
+}) => {
+  const { dismissible: i, closeButtonAriaLabel: o, requestClose: m } = h(), p = u(t[`${l}__row`], r), [c, s] = d(!1);
+  return /* @__PURE__ */ f("div", { className: p, ...n, children: [
+    a,
+    i && /* @__PURE__ */ e("div", { className: t[`${l}__close-button`], children: /* @__PURE__ */ e(
+      x,
+      {
+        text: o,
+        placement: "bottom",
+        portalled: !0,
+        role: { enabled: !1 },
+        open: c,
+        onOpenChange: s,
+        children: /* @__PURE__ */ e(
+          C,
+          {
+            "aria-label": o,
+            onClick: () => {
+              s(!1), m("closeButton");
+            },
+            size: "lg"
+          }
+        )
+      }
+    ) })
+  ] });
+};
+g.displayName = "Panel.Header.Row";
+export {
+  g as Row
+};

package/lib/Panel/Header/Panel.Header.Subheader.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),u=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const c=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:o}=u.getBEMClassNames("panel"),i=`${o}header`,e=({children:s,className:a,...r})=>{const t=n(c.styles[`${i}__subheader`],a);return l.jsx("div",{className:t,...r,children:s})};e.displayName="Panel.Header.Subheader";exports.Subheader=e;

package/lib/{wip/Panel → Panel}/Header/Panel.Header.Subheader.es.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "react/jsx-runtime";
 import o from "clsx";
-import { g as t } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as l } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { g as t } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { s as l } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: i } = t("panel"), n = `${i}header`, p = ({
   children: s,
   className: e,

package/lib/Panel/Header/Panel.Header.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),P=require("clsx"),b=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const H=require("../../Divider/Divider.cjs.js"),C=require("../../Box/Box.cjs.js"),q=require("../Panel.helpers.cjs.js"),x=require("../Panel.context.cjs.js"),g=require("./Panel.Header.Row.cjs.js"),D=require("./Panel.Header.ContentBefore.cjs.js"),m=require("./Panel.Header.Heading.cjs.js"),v=require("./Panel.Header.ContentAfter.cjs.js"),B=require("./Panel.Header.Description.cjs.js"),f=require("./Panel.Header.Subheader.cjs.js"),p=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:h}=b.getBEMClassNames("panel"),N=`${h}header`,e=({children:n,className:o,divider:a=!0,dividerColor:t,backgroundColor:s,...l})=>{const{backgroundColor:i,dividerColor:_}=x.usePanelContext(),d=t??_??q.DEFAULT_PANEL_DIVIDER_COLOR,c=s??i,u=P(p.styles[N],o);return r.jsxs(r.Fragment,{children:[r.jsx(C.Box,{as:"header",className:u,backgroundColor:c,...l,children:n}),a&&r.jsx(H.Divider,{borderColor:d})]})};e.displayName="Panel.Header";e.Row=g.Row;e.ContentBefore=D.ContentBefore;e.Heading=m.Heading;e.Description=B.Description;e.ContentAfter=v.ContentAfter;e.Subheader=f.Subheader;exports.Header=e;

package/lib/{wip/Panel → Panel}/Header/Panel.Header.es.js

@@ -1,9 +1,9 @@
 import { jsxs as c, Fragment as C, jsx as r } from "react/jsx-runtime";
 import g from "clsx";
-import { g as x } from "../../../../chunks/classNames.ZWNk1hey.js";
-import "../../../../chunks/constants.Cruz2A1w.js";
-import { Divider as u } from "../../../Divider/Divider.es.js";
-import { Box as D } from "../../../Box/Box.es.js";
+import { g as x } from "../../../chunks/classNames.ZWNk1hey.js";
+import "../../../chunks/constants.Cruz2A1w.js";
+import { Divider as u } from "../../Divider/Divider.es.js";
+import { Box as D } from "../../Box/Box.es.js";
 import { DEFAULT_PANEL_DIVIDER_COLOR as b } from "../Panel.helpers.es.js";
 import { usePanelContext as v } from "../Panel.context.es.js";
 import { Row as B } from "./Panel.Header.Row.es.js";
@@ -12,7 +12,7 @@ import { Heading as E } from "./Panel.Header.Heading.es.js";
 import { ContentAfter as N } from "./Panel.Header.ContentAfter.es.js";
 import { Description as A } from "./Panel.Header.Description.es.js";
 import { Subheader as H } from "./Panel.Header.Subheader.es.js";
-import { s as P } from "../../../../chunks/panel.module.CgFBtvbR.js";
+import { s as P } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: R } = x("panel"), L = `${R}header`, o = ({
   children: e,
   className: t,

package/lib/Panel/Panel.Body.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("clsx"),i=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const d=require("../Box/Box.cjs.js"),x=require("./Panel.context.cjs.js"),b=require("../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:m}=i.getBEMClassNames("panel"),B=`${m}body`,e=({children:s,className:o,backgroundColor:t,...n})=>{const{backgroundColor:r}=x.usePanelContext(),l=t??r,a=u(b.styles[B],o);return c.jsx(d.Box,{className:a,backgroundColor:l,...n,children:s})};e.displayName="Panel.Body";exports.Body=e;

package/lib/{wip/Panel → Panel}/Panel.Body.d.ts

@@ -11,6 +11,6 @@ export interface PanelBodyProps extends ComponentPropsWithoutRef<'div'> {
     backgroundColor?: BoxBackgroundColor;
 }
 export declare const Body: {
-    ({ children, className: _className, backgroundColor, tabIndex, ...props }: PanelBodyProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, backgroundColor, ...props }: PanelBodyProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/lib/Panel/Panel.Body.es.js

@@ -0,0 +1,20 @@
+import { jsx as l } from "react/jsx-runtime";
+import n from "clsx";
+import { g as c } from "../../chunks/classNames.ZWNk1hey.js";
+import "../../chunks/constants.Cruz2A1w.js";
+import { Box as p } from "../Box/Box.es.js";
+import { usePanelContext as i } from "./Panel.context.es.js";
+import { s as d } from "../../chunks/panel.module.CgFBtvbR.js";
+const { subElementClassPrefix: f } = c("panel"), x = `${f}body`, C = ({
+  children: o,
+  className: s,
+  backgroundColor: r,
+  ...t
+}) => {
+  const { backgroundColor: e } = i(), a = r ?? e, m = n(d[x], s);
+  return /* @__PURE__ */ l(p, { className: m, backgroundColor: a, ...t, children: o });
+};
+C.displayName = "Panel.Body";
+export {
+  C as Body
+};

package/lib/Panel/Panel.Divider.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("../Divider/Divider.cjs.js"),n=require("./Panel.helpers.cjs.js"),l=({position:e,className:i,dividerColor:r=n.DEFAULT_PANEL_DIVIDER_COLOR})=>o.jsx(t.Divider,{borderColor:r,orientation:e==="bottom"?"horizontal":"vertical",className:i});exports.InlineDivider=l;

package/lib/{wip/Panel → Panel}/Panel.Divider.es.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { Divider as e } from "../../Divider/Divider.es.js";
+import { Divider as e } from "../Divider/Divider.es.js";
 import { DEFAULT_PANEL_DIVIDER_COLOR as m } from "./Panel.helpers.es.js";
 const p = ({
   position: o,

package/lib/Panel/Panel.Inline.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),b=require("@floating-ui/react"),F=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const R=require("./Panel.context.cjs.js"),h=require("../FloatingUI/FloatingUI.root.cjs.js"),U=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),I=require("./Panel.Divider.cjs.js"),N=require("./Panel.ResizeHandle.cjs.js"),y=require("./Panel.useResize.cjs.js"),v=require("../../chunks/panel.module.BzLGa7GY.js"),{baseClassNamePrefix:C}=F.getBEMClassNames("panel"),D=({children:a,panelClassName:l,inlineWrapperClassName:r,resolvedPosition:n,dividerBefore:o,dividerInner:c,dividerAfter:u,alwaysVisible:s,skipMountAnimation:_,dividerColor:t,resizeConfig:i,cssVarStyle:x,...d})=>{const{context:g,transitionConfig:j,refs:P}=U.useBmFloatingUIContext(),{isMounted:p,status:f}=b.useTransitionStatus(g,j),m=(s||_)&&f==="initial"?"open":f,{handleRef:q}=y.usePanelResize({resizeConfig:i,position:n,floatingRef:P.floating});return p?e.jsxs(e.Fragment,{children:[o&&e.jsx(I.InlineDivider,{position:n,dividerColor:t}),e.jsx("div",{ref:P.setFloating,className:r,"data-position":n,"data-status":m,style:x,children:e.jsxs("div",{className:v.styles[`${C}__inline-wrapper-content`],children:[c&&e.jsx(I.InlineDivider,{position:n,dividerColor:t}),e.jsxs("aside",{...d,className:l,children:[a,i&&e.jsx(N.PanelResizeHandle,{ref:q})]})]})}),u&&e.jsx(I.InlineDivider,{position:n,dividerColor:t})]}):null},S=({contextValue:a,panelClassName:l,inlineWrapperClassName:r,resolvedPosition:n,dividerBefore:o,dividerInner:c,dividerAfter:u,open:s,transitionConfig:_,dividerColor:t,children:i,resizeConfig:x,cssVarStyle:d,skipMountAnimation:g,...j})=>e.jsx(R.PanelContext.Provider,{value:a,children:e.jsx(h.FloatingUIRoot,{open:s??!0,portalled:!1,transitionConfig:_,children:e.jsx(D,{panelClassName:l,inlineWrapperClassName:r,resolvedPosition:n,dividerBefore:o,dividerInner:c,dividerAfter:u,dividerColor:t,alwaysVisible:s===void 0,skipMountAnimation:g,resizeConfig:x,cssVarStyle:d,...j,children:i})})});exports.InlinePanel=S;

package/lib/{wip/Panel → Panel}/Panel.Inline.es.js

@@ -1,14 +1,14 @@
 import { jsx as t, jsxs as x, Fragment as w } from "react/jsx-runtime";
 import { useTransitionStatus as y } from "@floating-ui/react";
-import { g as P } from "../../../chunks/classNames.ZWNk1hey.js";
-import "../../../chunks/constants.Cruz2A1w.js";
+import { g as P } from "../../chunks/classNames.ZWNk1hey.js";
+import "../../chunks/constants.Cruz2A1w.js";
 import { PanelContext as U } from "./Panel.context.es.js";
-import { FloatingUIRoot as b } from "../../FloatingUI/FloatingUI.root.es.js";
-import { a as j } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
+import { FloatingUIRoot as b } from "../FloatingUI/FloatingUI.root.es.js";
+import { a as j } from "../../chunks/FloatingUI.context.Dl4Y1y1z.js";
 import { InlineDivider as h } from "./Panel.Divider.es.js";
 import { PanelResizeHandle as B } from "./Panel.ResizeHandle.es.js";
 import { usePanelResize as M } from "./Panel.useResize.es.js";
-import { s as S } from "../../../chunks/panel.module.CgFBtvbR.js";
+import { s as S } from "../../chunks/panel.module.CgFBtvbR.js";
 const { baseClassNamePrefix: _ } = P("panel"), z = ({
   children: i,
   panelClassName: o,

package/lib/Panel/Panel.Overlay.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("clsx"),I=require("react"),h=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const k=require("./Panel.context.cjs.js"),D=require("./Panel.helpers.cjs.js"),z=require("../FloatingUI/FloatingUI.root.cjs.js"),$=require("../FloatingUI/FloatingUI.content.cjs.js"),A=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),B=require("./Panel.Divider.cjs.js"),H=require("./Panel.ResizeHandle.cjs.js"),O=require("./Panel.useResize.cjs.js"),g=require("../../chunks/panel.module.BzLGa7GY.js"),{baseClassNamePrefix:C,variable:j}=h.getBEMClassNames("panel");function R(s,a,e){if(!(!s&&!a&&!e))return{...s,...a,...e?{[j("offset-x")]:e.x,[j("offset-y")]:e.y}:null}}const T=({children:s,panelClassName:a,resolvedPosition:e,showDivider:_,dividerColor:n,resizeConfig:o,floatingOffset:v,overlayDividerClassName:P,isBlocking:d,cssVarStyle:y,skipMountAnimation:m,container:r,style:x,...b})=>{const{refs:q}=A.useBmFloatingUIContext(),{handleRef:i}=O.usePanelResize({resizeConfig:o,position:e,floatingRef:q.floating,requireMount:!0,container:r}),l=R(x,y,v),f=I.useMemo(()=>d?r?{lockScroll:!1}:!0:{lockScroll:!1},[d,r]);return t.jsxs($.Content,{className:a,skipFloatingStyles:!0,overlay:f,...b,style:l,"data-position":e,...m?{"data-status":"open"}:{},children:[s,_&&t.jsx(B.InlineDivider,{position:e,className:P,dividerColor:n}),o&&t.jsx(H.PanelResizeHandle,{ref:i})]})},E=({contextValue:s,panelClassName:a,resolvedPosition:e,showDivider:_,modalType:n,closeOnOutsidePress:o,floatingOffset:v,open:P,onOpenChange:d,transitionConfig:y,dividerColor:m,children:r,resizeConfig:x,cssVarStyle:b,skipMountAnimation:q,container:i,triggerRef:l,...f})=>{const u=n??"isModal",p=u==="isModal"||u==="alert",M=I.useCallback(c=>{const F=(l==null?void 0:l.current)??null;return!(F&&c.target instanceof Node&&F.contains(c.target))},[l]),U=I.useMemo(()=>{const c=D.getPanelDismissConfig(n,o);return!l||!(u==="isModal"||u==="nonModal"&&(o??!1))?c:{...c??{},outsidePress:M}},[n,u,o,l,M]),N=S(g.styles[`${C}__overlay-divider`],g.styles[`${C}__overlay-divider--${e}`]);return t.jsx(k.PanelContext.Provider,{value:s,children:t.jsx(z.FloatingUIRoot,{open:P,onOpenChange:d,portalled:i?{root:i,preserveTabOrder:!1}:{preserveTabOrder:!1},transitionConfig:y,dismiss:U,focusConfiguration:p?{modal:!0}:{modal:!1,guards:!1,closeOnFocusOut:!1},children:t.jsx(T,{panelClassName:a,resolvedPosition:e,showDivider:_,dividerColor:m,floatingOffset:v,overlayDividerClassName:N,isBlocking:p,resizeConfig:x,cssVarStyle:b,skipMountAnimation:q,container:i,...f,role:n==="alert"?"alertdialog":"dialog","aria-modal":p||void 0,children:r})})})};exports.OverlayPanel=E;

package/lib/{wip/Panel → Panel}/Panel.Overlay.d.ts

@@ -2,7 +2,7 @@ import { UseTransitionStylesProps } from '@floating-ui/react';
 import { ComponentPropsWithoutRef, CSSProperties, RefObject } from 'react';
 import { PanelDividerColor, PanelModalType, PanelPosition, PanelResizeConfig, ResolvedPanelOffset } from './Panel.types';
 import { PanelContextValue } from './Panel.context';
-import { FloatingUIProps } from '../../FloatingUI/FloatingUI.context';
+import { FloatingUIProps } from '../FloatingUI/FloatingUI.context';
 type OverlayPanelProps = {
     contextValue: PanelContextValue;
     panelClassName: string;