@viasat/beam-react 2.42.0 → 2.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/FloatingUI.css +1 -1
- package/assets/panel.css +1 -1
- package/chunks/FloatingUI.arrow.DDrTOpE-.js +1 -0
- package/chunks/{FloatingUI.arrow.90ecVA1X.js → FloatingUI.arrow.DGlk005P.js} +8 -7
- package/chunks/panel.module.BzLGa7GY.js +1 -0
- package/chunks/{panel.module.CnHWv4EZ.js → panel.module.CgFBtvbR.js} +6 -6
- package/lib/Autocomplete/AutocompleteDropdown.cjs.js +1 -1
- package/lib/Autocomplete/AutocompleteDropdown.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.arrow.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.arrow.es.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.cjs.js +1 -1
- package/lib/FloatingUI/FloatingUI.content.es.js +1 -1
- package/lib/Search/SearchDropdown.cjs.js +1 -1
- package/lib/Search/SearchDropdown.es.js +1 -1
- package/lib/Select/SelectDropdown.cjs.js +1 -1
- package/lib/Select/SelectDropdown.es.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.cjs.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.d.ts +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.Actions.es.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.cjs.js +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.d.ts +1 -1
- package/lib/wip/Panel/Footer/Panel.Footer.es.js +21 -20
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentAfter.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.ContentBefore.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Description.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Heading.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Row.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Subheader.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.Subheader.es.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.cjs.js +1 -1
- package/lib/wip/Panel/Header/Panel.Header.d.ts +1 -1
- package/lib/wip/Panel/Header/Panel.Header.es.js +35 -34
- package/lib/wip/Panel/Panel.Body.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Body.d.ts +1 -1
- package/lib/wip/Panel/Panel.Body.es.js +16 -14
- package/lib/wip/Panel/Panel.Inline.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Inline.d.ts +3 -3
- package/lib/wip/Panel/Panel.Inline.es.js +4 -4
- package/lib/wip/Panel/Panel.Overlay.cjs.js +1 -1
- package/lib/wip/Panel/Panel.Overlay.d.ts +3 -3
- package/lib/wip/Panel/Panel.Overlay.es.js +83 -80
- package/lib/wip/Panel/Panel.ResizeHandle.cjs.js +1 -1
- package/lib/wip/Panel/Panel.ResizeHandle.es.js +1 -1
- package/lib/wip/Panel/Panel.cjs.js +1 -1
- package/lib/wip/Panel/Panel.context.d.ts +12 -1
- package/lib/wip/Panel/Panel.d.ts +2 -2
- package/lib/wip/Panel/Panel.es.js +135 -120
- package/lib/wip/Panel/Panel.helpers.cjs.js +1 -1
- package/lib/wip/Panel/Panel.helpers.d.ts +3 -3
- package/lib/wip/Panel/Panel.helpers.es.js +19 -19
- package/lib/wip/Panel/Panel.types.d.ts +94 -92
- package/lib/wip/Panel/index.d.ts +1 -1
- package/package.json +6 -6
- package/chunks/FloatingUI.arrow.DR8hzVDP.js +0 -1
- package/chunks/panel.module.BVmRxZHo.js +0 -1
package/assets/FloatingUI.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.bm-floatingui{z-index:999;inset:unset;width:max-content;position:absolute;top:0;left:0}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{transform-origin:bottom;position:absolute}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);z-index:1;justify-content:center;align-items:center;display:flex}.bm-floatingui__overlay--transparent{background:0 0}.bm-floatingui__overlay:has(.bm-dialog){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){top:0;bottom:0;left:0;right:0;position:absolute!important;overflow:clip!important}
|
|
1
|
+
.bm-floatingui{z-index:999;inset:unset;width:max-content;position:absolute;top:0;left:0}.bm-floatingui[popover]{overflow:unset;border:unset}.bm-floatingui__arrow{transform-origin:bottom;position:absolute}.bm-floatingui__overlay{background:var(--bm-comp-dialog-color-overlay);padding:var(--bm-comp-dialog-space-viewport-offset);z-index:1;justify-content:center;align-items:center;display:flex}.bm-floatingui__overlay--transparent{background:0 0}.bm-floatingui__overlay:has(.bm-dialog){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-dialog){transition:none}}.bm-floatingui__overlay:has(.bm-dialog[data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]){background-color:#0000;transition:background-color .25s cubic-bezier(.33,0,.67,1)}@media (prefers-reduced-motion:reduce){.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal]){transition:none}}.bm-floatingui__overlay:has(.bm-panel--overlay[aria-modal][data-status=open]){background-color:var(--bm-comp-dialog-color-overlay)}.bm-floatingui__overlay:has(.bm-panel--contained){top:0;bottom:0;left:0;right:0;position:absolute!important;overflow:clip!important}.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])){pointer-events:none;background:0 0;overflow:clip}.bm-floatingui__overlay:has(.bm-panel--overlay:not([aria-modal])) .bm-panel--overlay{pointer-events:auto}
|
package/assets/panel.css
CHANGED
|
@@ -1 +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-size,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-size,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-size,auto);max-height:var(--bm-comp-panel-size,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-size,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-size,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--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel--size-lg{--bm-comp-panel-size: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-comp-panel-typo-description);color:var(--bm-comp-panel-color-description);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-size,auto)}.bm-panel--inline:not(.bm-panel--resizable):not(.bm-panel--position-bottom){width:var(--bm-comp-panel-size,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__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper--size-sm{--bm-comp-panel-size:var(--bm-comp-panel-size-sm)}.bm-panel__inline-wrapper--size-md{--bm-comp-panel-size:var(--bm-comp-panel-size-md)}.bm-panel__inline-wrapper--size-lg{--bm-comp-panel-size: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-size,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%}
|
|
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%}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var _=require("../assets/FloatingUI.css");const c=require("react/jsx-runtime"),f=require("./classNames.DC8Ra4sw.js");require("./constants.CgMu0_1M.js");const b=require("clsx"),a=require("react"),e={"bm-floatingui":"bm-floatingui","bm-floatingui__arrow":"bm-floatingui__arrow","bm-floatingui__overlay":"bm-floatingui__overlay","bm-floatingui__overlay--transparent":"bm-floatingui__overlay--transparent","bm-dialog":"bm-dialog","bm-panel--overlay":"bm-panel--overlay","bm-panel--contained":"bm-panel--contained"},g=a.forwardRef(({options:r,middleware:n},o)=>{const{subElementClassPrefix:t}=f.getBEMClassNames("floatingui"),{className:l,hide:i}=r,s=b(e[`${t}arrow`],l),u=a.useRef(null),m=o||u;return i?null:c.jsx("span",{ref:m,style:n.arrowStyles,className:s})});exports.Arrow=g;exports.floatinguiStyles=e;
|
|
@@ -2,27 +2,28 @@ import "../assets/FloatingUI.css";
|
|
|
2
2
|
import { jsx as f } from "react/jsx-runtime";
|
|
3
3
|
import { g as u } from "./classNames.ZWNk1hey.js";
|
|
4
4
|
import "./constants.Cruz2A1w.js";
|
|
5
|
-
import
|
|
5
|
+
import b from "clsx";
|
|
6
6
|
import a from "react";
|
|
7
|
-
const
|
|
7
|
+
const g = {
|
|
8
8
|
"bm-floatingui": "bm-floatingui",
|
|
9
9
|
"bm-floatingui__arrow": "bm-floatingui__arrow",
|
|
10
10
|
"bm-floatingui__overlay": "bm-floatingui__overlay",
|
|
11
11
|
"bm-floatingui__overlay--transparent": "bm-floatingui__overlay--transparent",
|
|
12
12
|
"bm-dialog": "bm-dialog",
|
|
13
|
+
"bm-panel--overlay": "bm-panel--overlay",
|
|
13
14
|
"bm-panel--contained": "bm-panel--contained"
|
|
14
|
-
},
|
|
15
|
-
const { subElementClassPrefix:
|
|
15
|
+
}, v = a.forwardRef(({ options: o, middleware: r }, t) => {
|
|
16
|
+
const { subElementClassPrefix: l } = u("floatingui"), { className: e, hide: n } = o, i = b(g[`${l}arrow`], e), s = a.useRef(null), m = t || s;
|
|
16
17
|
return n ? null : /* @__PURE__ */ f(
|
|
17
18
|
"span",
|
|
18
19
|
{
|
|
19
20
|
ref: m,
|
|
20
21
|
style: r.arrowStyles,
|
|
21
|
-
className:
|
|
22
|
+
className: i
|
|
22
23
|
}
|
|
23
24
|
);
|
|
24
25
|
});
|
|
25
26
|
export {
|
|
26
|
-
|
|
27
|
-
|
|
27
|
+
v as A,
|
|
28
|
+
g as f
|
|
28
29
|
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var n=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--position-start":"bm-panel--position-start","bm-panel--position-end":"bm-panel--position-end","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--contained":"bm-panel--contained","bm-panel--floating":"bm-panel--floating","bm-panel--width-sm":"bm-panel--width-sm","bm-panel--width-md":"bm-panel--width-md","bm-panel--width-lg":"bm-panel--width-lg","bm-panel__body":"bm-panel__body","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__footer":"bm-panel__footer","bm-panel--padding-md":"bm-panel--padding-md","bm-panel__header__row":"bm-panel__header__row","bm-panel__header__content-before":"bm-panel__header__content-before","bm-panel__header__content-after":"bm-panel__header__content-after","bm-panel__header__heading":"bm-panel__header__heading","bm-panel__header__description":"bm-panel__header__description","bm-panel__header__close-button":"bm-panel__header__close-button","bm-panel__footer__actions":"bm-panel__footer__actions","bm-panel__footer__actions--start":"bm-panel__footer__actions--start","bm-panel__footer__actions--end":"bm-panel__footer__actions--end","bm-panel__footer__actions--spaceBetween":"bm-panel__footer__actions--spaceBetween","bm-panel__footer__actions--stacked":"bm-panel__footer__actions--stacked","bm-panel__overlay-divider":"bm-panel__overlay-divider","bm-panel__overlay-divider--start":"bm-panel__overlay-divider--start","bm-panel__overlay-divider--end":"bm-panel__overlay-divider--end","bm-panel__overlay-divider--bottom":"bm-panel__overlay-divider--bottom","bm-panel__resize-handle":"bm-panel__resize-handle","bm-panel--resizable":"bm-panel--resizable","bm-panel__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper--width-sm":"bm-panel__inline-wrapper--width-sm","bm-panel__inline-wrapper--width-md":"bm-panel__inline-wrapper--width-md","bm-panel__inline-wrapper--width-lg":"bm-panel__inline-wrapper--width-lg","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content"};exports.styles=e;
|
|
@@ -13,9 +13,9 @@ const n = {
|
|
|
13
13
|
"bm-panel--position-bottom": "bm-panel--position-bottom",
|
|
14
14
|
"bm-panel--contained": "bm-panel--contained",
|
|
15
15
|
"bm-panel--floating": "bm-panel--floating",
|
|
16
|
-
"bm-panel--
|
|
17
|
-
"bm-panel--
|
|
18
|
-
"bm-panel--
|
|
16
|
+
"bm-panel--width-sm": "bm-panel--width-sm",
|
|
17
|
+
"bm-panel--width-md": "bm-panel--width-md",
|
|
18
|
+
"bm-panel--width-lg": "bm-panel--width-lg",
|
|
19
19
|
"bm-panel__body": "bm-panel__body",
|
|
20
20
|
"bm-panel--padding-sm": "bm-panel--padding-sm",
|
|
21
21
|
"bm-panel__header": "bm-panel__header",
|
|
@@ -39,9 +39,9 @@ const n = {
|
|
|
39
39
|
"bm-panel__resize-handle": "bm-panel__resize-handle",
|
|
40
40
|
"bm-panel--resizable": "bm-panel--resizable",
|
|
41
41
|
"bm-panel__inline-wrapper": "bm-panel__inline-wrapper",
|
|
42
|
-
"bm-panel__inline-wrapper--
|
|
43
|
-
"bm-panel__inline-wrapper--
|
|
44
|
-
"bm-panel__inline-wrapper--
|
|
42
|
+
"bm-panel__inline-wrapper--width-sm": "bm-panel__inline-wrapper--width-sm",
|
|
43
|
+
"bm-panel__inline-wrapper--width-md": "bm-panel__inline-wrapper--width-md",
|
|
44
|
+
"bm-panel__inline-wrapper--width-lg": "bm-panel__inline-wrapper--width-lg",
|
|
45
45
|
"bm-panel__inline-wrapper-content": "bm-panel__inline-wrapper-content"
|
|
46
46
|
};
|
|
47
47
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js"),v=require("../ActionList/ActionList.context.cjs.js"),y=require("react"),A=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),O=require("../../chunks/popover.module.DGUJIXrP.js");require("../_Options/Option.context.cjs.js");const w=require("../_Options/Option.cjs.js");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=a.getBEMClassNames("popover"),L=[w.Option],T=({setOpen:o,isMounted:n,status:l,nodeId:u,context:c,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:p,setFloating:f,disabled:m,readOnly:F,theme:t,className:_,children:b,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&o(!1)},[i,r,o]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:u,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:c,modal:!1,initialFocus:0,disabled:m||F,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(t&&P.themeClassName(t),A.floatinguiStyles[M],O.popoverStyles[S],_),...d(),style:q,ref:f,children:e.jsx(v.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:p,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:b})})})})})}):null};exports.AutocompleteDropdown=T;
|
|
@@ -6,7 +6,7 @@ import { g as a } from "../../chunks/classNames.ZWNk1hey.js";
|
|
|
6
6
|
import { t as O } from "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { ActionListContextProvider as S } from "../ActionList/ActionList.context.es.js";
|
|
8
8
|
import { useCallback as T } from "react";
|
|
9
|
-
import { f as j } from "../../chunks/FloatingUI.arrow.
|
|
9
|
+
import { f as j } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
10
10
|
import { p as D } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
11
11
|
import "../_Options/Option.context.es.js";
|
|
12
12
|
import { Option as E } from "../_Options/Option.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js");require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");require("clsx");require("react");exports.Arrow=r.Arrow;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import { A as a } from "../../chunks/FloatingUI.arrow.
|
|
2
|
+
import { A as a } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
3
3
|
import "../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
5
5
|
import "clsx";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),d=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const b=require("clsx"),c=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),x=require("../../chunks/FloatingUI.context.B15Tz_4h.js"),d=require("react"),i=require("@floating-ui/react"),m=require("../../chunks/classNames.DC8Ra4sw.js");require("../../chunks/constants.CgMu0_1M.js");const b=require("clsx"),c=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),w=require("../Box/Box.cjs.js");function N({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean"?{}:e;return a.jsx(i.FloatingPortal,{...t,children:o})}function S({children:o,props:e}){if(!e)return o;const t=typeof e=="boolean",r=e==="transparent",{baseClassNamePrefix:l,classModifierPrefix:f}=m.getBEMClassNames("floatingui__overlay"),u={className:b(c.floatinguiStyles[l],r&&c.floatinguiStyles[`${f}transparent`]),lockScroll:!0},s=t||r?u:{...u,...e};return a.jsx(i.FloatingOverlay,{...s,children:o})}function v({children:o,context:e,props:t}){const r=d.useMemo(()=>({context:e,...typeof t=="boolean"?{}:t}),[e,t]);return t?a.jsx(i.FloatingFocusManager,{...r,children:o}):o}const y=d.forwardRef(({children:o,className:e,style:t,overlay:r,skipFloatingStyles:l=!1,...f},u)=>{const{context:s,nodeId:C,arrow:g,...n}=x.useBmFloatingUIContext(),P=i.useMergeRefs([n.refs.setFloating,u]),{isMounted:j,status:F}=i.useTransitionStatus(s,n.transitionConfig),{baseClassNamePrefix:_}=m.getBEMClassNames("floatingui"),I=l?e:b(c.floatinguiStyles[_],e),M=d.useMemo(()=>({...l?{}:s.floatingStyles,...x.visibilityHandler(s.middlewareData),...t}),[s.floatingStyles,s.middlewareData,l,t]);return j?a.jsx(i.FloatingNode,{id:C,children:a.jsx(N,{props:n.portalled,children:a.jsx(S,{props:r,children:a.jsx(v,{context:s,props:n.focusConfiguration,children:a.jsxs(w.Box,{"data-status":F,ref:P,style:M,className:I,"aria-labelledby":n.labelId,"aria-describedby":n.descriptionId,...n.getFloatingProps(f),children:[o,g&&a.jsx(c.Arrow,{options:g,middleware:n.middlewareData,ref:q=>n.setArrowEl(q)})]})})})})}):null});exports.Content=y;exports.default=y;
|
|
@@ -5,7 +5,7 @@ import { useMergeRefs as R, useTransitionStatus as S, FloatingNode as A, Floatin
|
|
|
5
5
|
import { g as m } from "../../chunks/classNames.ZWNk1hey.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import u from "clsx";
|
|
8
|
-
import { f as d, A as _ } from "../../chunks/FloatingUI.arrow.
|
|
8
|
+
import { f as d, A as _ } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
9
9
|
import { Box as h } from "../Box/Box.es.js";
|
|
10
10
|
function j({
|
|
11
11
|
children: o,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DC8Ra4sw.js"),g=require("../../chunks/constants.CgMu0_1M.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.NCxpem4D.js"),h=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("@floating-ui/react"),p=require("../Box/Box.cjs.js"),b=require("clsx"),t=require("../../chunks/classNames.DC8Ra4sw.js"),g=require("../../chunks/constants.CgMu0_1M.js"),q=require("../ActionList/ActionList.context.cjs.js"),N=require("react"),e=require("../../chunks/Search.Results.NCxpem4D.js"),h=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),B=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:P}=t.getBEMClassNames("floatingui"),{baseClassNamePrefix:S}=t.getBEMClassNames("popover"),{subElementClassPrefix:w}=t.getBEMClassNames("search"),y=[e.Results,e.Results.Item,e.Results.ViewAll],v=({setOpen:o,isMounted:l,getFloatingProps:a,floatingStyles:i,labelsRef:n,elementsRef:c,getItemProps:u,setFloating:m,theme:r,className:x,children:C,activeIndex:f})=>{const _=N.useCallback(()=>o(!1),[o]);return l?s.jsx(d.FloatingPortal,{children:s.jsx(p.Box,{className:b(r&&g.themeClassName(r),h.floatinguiStyles[P],B.popoverStyles[S],e.styles[`${w}dropdown`],x),...a(),style:i,ref:m,children:s.jsx(q.ActionListContextProvider,{allowChildrenTypes:y,getItemProps:u,itemsFocusable:!1,onItemClick:_,labelsRef:n,elementsRef:c,activeIndex:f,children:C})})}):null};exports.SearchDropdown=v;
|
|
@@ -7,7 +7,7 @@ import { t as g } from "../../chunks/constants.Cruz2A1w.js";
|
|
|
7
7
|
import { ActionListContextProvider as h } from "../ActionList/ActionList.context.es.js";
|
|
8
8
|
import { useCallback as b } from "react";
|
|
9
9
|
import { R as o, s as y } from "../../chunks/Search.Results.xnCZAijW.js";
|
|
10
|
-
import { f as v } from "../../chunks/FloatingUI.arrow.
|
|
10
|
+
import { f as v } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
11
11
|
import { p as w } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
12
12
|
const { baseClassNamePrefix: B } = e("floatingui"), { baseClassNamePrefix: k } = e("popover"), { subElementClassPrefix: I } = e("search"), S = [o, o.Item, o.ViewAll], q = ({
|
|
13
13
|
setOpen: r,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("@floating-ui/react"),B=require("../Box/Box.cjs.js"),C=require("clsx"),a=require("../../chunks/classNames.DC8Ra4sw.js"),P=require("../../chunks/constants.CgMu0_1M.js");require("../_Options/Option.context.cjs.js");const v=require("../_Options/Option.cjs.js"),y=require("react");require("../_Options/OptionGroup.context.cjs.js");require("../../utils/hooks/useId.cjs.js");require("../ActionList/ActionList.cjs.js");require("../../chunks/form.context.D5XrYvpI.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const S=require("../ActionList/ActionList.context.cjs.js"),O=require("../../chunks/FloatingUI.arrow.DDrTOpE-.js"),w=require("../../chunks/popover.module.DGUJIXrP.js"),{baseClassNamePrefix:M}=a.getBEMClassNames("floatingui"),{baseClassNamePrefix:A}=a.getBEMClassNames("popover"),L=[v.Option],T=({setOpen:t,isMounted:n,status:l,nodeId:c,context:u,getFloatingProps:d,floatingStyles:q,labelsRef:x,elementsRef:g,getItemProps:f,setFloating:p,disabled:F,readOnly:_,theme:o,className:b,children:m,multiple:i,activeIndex:N,onItemClick:r})=>{const j=y.useCallback(h=>{r==null||r(h),!i&&t(!1)},[i,r,t]);return n?e.jsx(s.FloatingTree,{children:e.jsx(s.FloatingNode,{id:c,children:e.jsx(s.FloatingPortal,{children:e.jsx(s.FloatingFocusManager,{context:u,modal:!1,initialFocus:0,disabled:F||_,closeOnFocusOut:!0,restoreFocus:!0,returnFocus:!0,guards:!0,order:["content","reference"],children:e.jsx(B.Box,{"data-status":l,className:C(o&&P.themeClassName(o),O.floatinguiStyles[M],w.popoverStyles[A],b),...d(),style:q,ref:p,children:e.jsx(S.ActionListContextProvider,{allowChildrenTypes:L,getItemProps:f,itemsFocusable:!1,onItemClick:j,labelsRef:x,elementsRef:g,activeIndex:N,children:m})})})})})}):null};exports.SelectDropdown=T;
|
|
@@ -14,7 +14,7 @@ import "../../chunks/form.context.cEuTL68U.js";
|
|
|
14
14
|
import "../Form/contexts/label.context.es.js";
|
|
15
15
|
import "../Form/contexts/helperText.context.es.js";
|
|
16
16
|
import { ActionListContextProvider as A } from "../ActionList/ActionList.context.es.js";
|
|
17
|
-
import { f as D } from "../../chunks/FloatingUI.arrow.
|
|
17
|
+
import { f as D } from "../../chunks/FloatingUI.arrow.DGlk005P.js";
|
|
18
18
|
import { p as E } from "../../chunks/popover.module.3dnl8y6-.js";
|
|
19
19
|
const { baseClassNamePrefix: L } = a("floatingui"), { baseClassNamePrefix: q } = a("popover"), z = [T], er = ({
|
|
20
20
|
setOpen: e,
|
|
@@ -1 +1 @@
|
|
|
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.
|
|
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;
|
|
@@ -6,7 +6,7 @@ export interface PanelFooterActionsProps extends ComponentPropsWithoutRef<'div'>
|
|
|
6
6
|
*/
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
/**
|
|
9
|
-
* Specify the
|
|
9
|
+
* Specify how the actions are arranged in the footer
|
|
10
10
|
* @default 'end'
|
|
11
11
|
*/
|
|
12
12
|
layout?: FooterActionLayout;
|
|
@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
|
|
|
2
2
|
import i from "clsx";
|
|
3
3
|
import { g as c } from "../../../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../../../chunks/constants.Cruz2A1w.js";
|
|
5
|
-
import { s as o } from "../../../../chunks/panel.module.
|
|
5
|
+
import { s as o } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
6
6
|
const { subElementClassPrefix: l } = c("panel"), p = ({
|
|
7
7
|
layout: t = "end",
|
|
8
8
|
children: a,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),
|
|
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:p}=b.getBEMClassNames("panel"),D=`${p}footer`,o=({children:r,className:s,divider:t=!0,dividerColor:i,backgroundColor:n,...l})=>{const{backgroundColor:c,dividerColor:a}=q.usePanelContext(),_=i??a??m.DEFAULT_PANEL_DIVIDER_COLOR,u=n??c,d=x(g.styles[D],s);return e.jsxs(e.Fragment,{children:[t&&e.jsx(C.Divider,{borderColor:_}),e.jsx(P.Box,{as:"footer",className:d,backgroundColor:u,...l,children:r})]})};o.displayName="Panel.Footer";o.Actions=v.Actions;exports.Footer=o;
|
|
@@ -1,37 +1,38 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { g
|
|
1
|
+
import { jsxs as f, Fragment as C, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import x from "clsx";
|
|
3
|
+
import { g } from "../../../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../../../chunks/constants.Cruz2A1w.js";
|
|
5
|
-
import { Divider as
|
|
6
|
-
import { Box as
|
|
7
|
-
import { DEFAULT_PANEL_DIVIDER_COLOR as
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
|
|
5
|
+
import { Divider as u } from "../../../Divider/Divider.es.js";
|
|
6
|
+
import { Box as v } from "../../../Box/Box.es.js";
|
|
7
|
+
import { DEFAULT_PANEL_DIVIDER_COLOR as D } from "../Panel.helpers.es.js";
|
|
8
|
+
import { usePanelContext as b } from "../Panel.context.es.js";
|
|
9
|
+
import { Actions as E } from "./Panel.Footer.Actions.es.js";
|
|
10
|
+
import { s as N } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
11
|
+
const { subElementClassPrefix: A } = g("panel"), B = `${A}footer`, r = ({
|
|
11
12
|
children: s,
|
|
12
13
|
className: t,
|
|
13
14
|
divider: e = !0,
|
|
14
|
-
dividerColor: m
|
|
15
|
-
backgroundColor:
|
|
16
|
-
...
|
|
15
|
+
dividerColor: m,
|
|
16
|
+
backgroundColor: i,
|
|
17
|
+
...l
|
|
17
18
|
}) => {
|
|
18
|
-
const
|
|
19
|
-
return /* @__PURE__ */
|
|
20
|
-
e && /* @__PURE__ */ o(
|
|
19
|
+
const { backgroundColor: a, dividerColor: n } = b(), c = m ?? n ?? D, p = i ?? a, d = x(N[B], t);
|
|
20
|
+
return /* @__PURE__ */ f(C, { children: [
|
|
21
|
+
e && /* @__PURE__ */ o(u, { borderColor: c }),
|
|
21
22
|
/* @__PURE__ */ o(
|
|
22
|
-
|
|
23
|
+
v,
|
|
23
24
|
{
|
|
24
25
|
as: "footer",
|
|
25
|
-
className:
|
|
26
|
-
backgroundColor:
|
|
27
|
-
...
|
|
26
|
+
className: d,
|
|
27
|
+
backgroundColor: p,
|
|
28
|
+
...l,
|
|
28
29
|
children: s
|
|
29
30
|
}
|
|
30
31
|
)
|
|
31
32
|
] });
|
|
32
33
|
};
|
|
33
34
|
r.displayName = "Panel.Footer";
|
|
34
|
-
r.Actions =
|
|
35
|
+
r.Actions = E;
|
|
35
36
|
export {
|
|
36
37
|
r as Footer
|
|
37
38
|
};
|
|
@@ -1 +1 @@
|
|
|
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.
|
|
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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
export interface PanelHeaderContentAfterProps extends ComponentPropsWithoutRef<'div'> {
|
|
3
3
|
/**
|
|
4
|
-
* Specify the content after the heading
|
|
4
|
+
* Specify the content shown after the heading
|
|
5
5
|
*/
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
}
|
|
@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import o from "clsx";
|
|
3
3
|
import { g as m } from "../../../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../../../chunks/constants.Cruz2A1w.js";
|
|
5
|
-
import { s as n } from "../../../../chunks/panel.module.
|
|
5
|
+
import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
6
6
|
const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
|
|
7
7
|
children: s,
|
|
8
8
|
className: e,
|
|
@@ -1 +1 @@
|
|
|
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.
|
|
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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
export interface PanelHeaderContentBeforeProps extends ComponentPropsWithoutRef<'div'> {
|
|
3
3
|
/**
|
|
4
|
-
* Specify the content before the heading
|
|
4
|
+
* Specify the content shown before the heading
|
|
5
5
|
*/
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
}
|
|
@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
|
|
|
2
2
|
import a from "clsx";
|
|
3
3
|
import { g as m } from "../../../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../../../chunks/constants.Cruz2A1w.js";
|
|
5
|
-
import { s as n } from "../../../../chunks/panel.module.
|
|
5
|
+
import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
6
6
|
const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
|
|
7
7
|
children: e,
|
|
8
8
|
className: s,
|
|
@@ -1 +1 @@
|
|
|
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.
|
|
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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
export interface PanelHeaderDescriptionProps extends ComponentPropsWithoutRef<'div'> {
|
|
3
3
|
/**
|
|
4
|
-
* Specify the description
|
|
4
|
+
* Specify the content for the header description
|
|
5
5
|
*/
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
}
|
|
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
|
|
|
2
2
|
import t from "clsx";
|
|
3
3
|
import { g as i } from "../../../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../../../chunks/constants.Cruz2A1w.js";
|
|
5
|
-
import { s as m } from "../../../../chunks/panel.module.
|
|
5
|
+
import { s as m } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
6
6
|
const { subElementClassPrefix: l } = i("panel"), n = `${l}header`, p = ({
|
|
7
7
|
children: s,
|
|
8
8
|
className: e,
|
|
@@ -1 +1 @@
|
|
|
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.
|
|
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;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { default as React, ComponentPropsWithoutRef } from 'react';
|
|
2
2
|
export interface PanelHeaderHeadingProps extends ComponentPropsWithoutRef<'div'> {
|
|
3
3
|
/**
|
|
4
|
-
* Specify the heading
|
|
4
|
+
* Specify the content for the heading
|
|
5
5
|
*/
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
}
|
|
@@ -6,7 +6,7 @@ import "../../../../chunks/constants.Cruz2A1w.js";
|
|
|
6
6
|
import { B as g } from "../../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
|
|
7
7
|
import { PanelContext as x } from "../Panel.context.es.js";
|
|
8
8
|
import { useId as I } from "../../../../utils/hooks/useId.es.js";
|
|
9
|
-
import { s as b } from "../../../../chunks/panel.module.
|
|
9
|
+
import { s as b } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
10
10
|
const { subElementClassPrefix: v } = u("panel"), y = `${v}header`, C = ({
|
|
11
11
|
children: a,
|
|
12
12
|
className: m,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("clsx"),b=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const m=require("../../../CloseButton/CloseButton.cjs.js"),_=require("../../../Tooltip/Tooltip.cjs.js"),p=require("../Panel.context.cjs.js"),t=require("../../../../chunks/panel.module.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("clsx"),b=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const m=require("../../../CloseButton/CloseButton.cjs.js"),_=require("../../../Tooltip/Tooltip.cjs.js"),p=require("../Panel.context.cjs.js"),t=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:x}=b.getBEMClassNames("panel"),l=`${x}header`,o=({children:n,className:r,...a})=>{const{dismissible:i,closeButtonAriaLabel:s,requestClose:c}=p.usePanelContext(),u=d(t.styles[`${l}__row`],r);return e.jsxs("div",{className:u,...a,children:[n,i&&e.jsx("div",{className:t.styles[`${l}__close-button`],children:e.jsx(_.Tooltip,{text:s,placement:"bottom",portalled:!0,role:{enabled:!1},children:e.jsx(m.CloseButton,{"aria-label":s,onClick:()=>c("closeButton"),size:"lg"})})})]})};o.displayName="Panel.Header.Row";exports.Row=o;
|
|
@@ -5,7 +5,7 @@ import "../../../../chunks/constants.Cruz2A1w.js";
|
|
|
5
5
|
import { CloseButton as f } from "../../../CloseButton/CloseButton.es.js";
|
|
6
6
|
import { Tooltip as u } from "../../../Tooltip/Tooltip.es.js";
|
|
7
7
|
import { usePanelContext as b } from "../Panel.context.es.js";
|
|
8
|
-
import { s as o } from "../../../../chunks/panel.module.
|
|
8
|
+
import { s as o } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
9
9
|
const { subElementClassPrefix: x } = d("panel"), t = `${x}header`, C = ({
|
|
10
10
|
children: l,
|
|
11
11
|
className: r,
|
|
@@ -1 +1 @@
|
|
|
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.
|
|
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;
|
|
@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
|
|
|
2
2
|
import o from "clsx";
|
|
3
3
|
import { g as t } from "../../../../chunks/classNames.ZWNk1hey.js";
|
|
4
4
|
import "../../../../chunks/constants.Cruz2A1w.js";
|
|
5
|
-
import { s as l } from "../../../../chunks/panel.module.
|
|
5
|
+
import { s as l } from "../../../../chunks/panel.module.CgFBtvbR.js";
|
|
6
6
|
const { subElementClassPrefix: i } = t("panel"), n = `${i}header`, p = ({
|
|
7
7
|
children: s,
|
|
8
8
|
className: e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),
|
|
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"),p=require("../Panel.helpers.cjs.js"),q=require("../Panel.context.cjs.js"),x=require("./Panel.Header.Row.cjs.js"),g=require("./Panel.Header.ContentBefore.cjs.js"),w=require("./Panel.Header.Heading.cjs.js"),D=require("./Panel.Header.ContentAfter.cjs.js"),m=require("./Panel.Header.Description.cjs.js"),v=require("./Panel.Header.Subheader.cjs.js"),B=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:f}=b.getBEMClassNames("panel"),h=`${f}header`,e=({children:n,className:o,divider:a=!0,dividerColor:i,backgroundColor:t,...s})=>{const{backgroundColor:l,dividerColor:_}=q.usePanelContext(),d=i??_??p.DEFAULT_PANEL_DIVIDER_COLOR,c=t??l,u=P(B.styles[h],o);return r.jsxs(r.Fragment,{children:[r.jsx(C.Box,{as:"header",className:u,backgroundColor:c,...s,children:n}),a&&r.jsx(H.Divider,{borderColor:d})]})};e.displayName="Panel.Header";e.Row=x.Row;e.ContentBefore=g.ContentBefore;e.Heading=w.Heading;e.Description=m.Description;e.ContentAfter=D.ContentAfter;e.Subheader=v.Subheader;exports.Header=e;
|
|
@@ -7,7 +7,7 @@ export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
|
|
|
7
7
|
*/
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
/**
|
|
10
|
-
*
|
|
10
|
+
* Specify whether to show a divider below the header
|
|
11
11
|
* @default true
|
|
12
12
|
*/
|
|
13
13
|
divider?: boolean;
|