@viasat/beam-react 2.26.1 → 2.27.0

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-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-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-sem-color-surface-01);flex-direction:column;width:20rem;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{top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:auto;max-height:90dvh;bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--position-bottom.bm-panel--size-full{height:100dvh;max-height:none}.bm-panel--overlay.bm-panel--position-full{top:0;bottom:0;left:0;right:0}.bm-panel--size-full{width:100%}.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--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}.bm-panel--overlay[data-position=full]{opacity:0}.bm-panel--overlay[data-position=full][data-status=open]{opacity:1;transition:opacity .4s ease-out}.bm-panel--overlay[data-position=full][data-status=close]{transition:opacity .4s ease-in}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}.bm-panel__inline-wrapper[data-status=open]{width:20rem;transition:width .4s ease-out}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}.bm-panel__inline-wrapper--full[data-status=open]{width:100%}.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-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-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-sem-color-surface-01);flex-direction:column;width:20rem;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{top:0;bottom:0;left:0}.bm-panel--overlay.bm-panel--position-end{top:0;bottom:0;right:0}.bm-panel--overlay.bm-panel--position-bottom{height:auto;max-height:90dvh;bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--position-bottom.bm-panel--size-full{height:100dvh;max-height:none}.bm-panel--overlay.bm-panel--position-full{top:0;bottom:0;left:0;right:0}.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)}.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)}.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--overlay.bm-panel--floating.bm-panel--position-full{inset:var(--bm-comp-panel-offset-y,1rem)var(--bm-comp-panel-offset-x,1rem);width:auto}.bm-panel--size-full{width:100%}.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--overlay[data-position=start]{transform:translate(-100%)}.bm-panel--overlay[data-position=start][data-status=open]{transition:transform .4s ease-out;transform:translate(0)}.bm-panel--overlay[data-position=start][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=end][data-status=close]{transition:transform .4s ease-in}.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)}.bm-panel--overlay[data-position=bottom][data-status=close]{transition:transform .4s ease-in}.bm-panel--overlay[data-position=full]{opacity:0}.bm-panel--overlay[data-position=full][data-status=open]{opacity:1;transition:opacity .4s ease-out}.bm-panel--overlay[data-position=full][data-status=close]{transition:opacity .4s ease-in}.bm-panel__inline-wrapper{flex-shrink:0;overflow:hidden}.bm-panel__inline-wrapper[data-status]{width:0;transition:width .4s ease-in}.bm-panel__inline-wrapper[data-status=open]{width:20rem;transition:width .4s ease-out}.bm-panel__inline-wrapper[data-position=bottom][data-status]{width:100%}.bm-panel__inline-wrapper[data-position=bottom][data-status] .bm-panel__inline-wrapper-content{transition:transform .4s ease-in;transform:translateY(100%)}.bm-panel__inline-wrapper[data-position=bottom][data-status=open] .bm-panel__inline-wrapper-content{transition:transform .4s ease-out;transform:translateY(0)}.bm-panel__inline-wrapper--full[data-status=open]{width:100%}.bm-panel__inline-wrapper-content{height:100%}

package/chunks/panel.module.Cb7pqpht.js

@@ -0,0 +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--size-full":"bm-panel--size-full","bm-panel--position-full":"bm-panel--position-full","bm-panel--floating":"bm-panel--floating","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__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content","bm-panel__inline-wrapper--full":"bm-panel__inline-wrapper--full"};exports.styles=e;

package/chunks/{panel.module.DJLJpnm_.js → panel.module.FuwYDPMC.js}

@@ -13,6 +13,7 @@ const n = {
   "bm-panel--position-bottom": "bm-panel--position-bottom",
   "bm-panel--size-full": "bm-panel--size-full",
   "bm-panel--position-full": "bm-panel--position-full",
+  "bm-panel--floating": "bm-panel--floating",
   "bm-panel__body": "bm-panel__body",
   "bm-panel--padding-sm": "bm-panel--padding-sm",
   "bm-panel__header": "bm-panel__header",

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

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

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

@@ -3,7 +3,7 @@ import e from "clsx";
 import { g as l } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
 import { Box as p } from "../../Box/Box.es.js";
-import { s as i } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as i } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: n } = l("panel"), c = `${n}body`, f = ({
   children: s,
   className: o,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const e=require("../../../chunks/panel.module.DCpj0tSX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const e=require("../../../chunks/panel.module.Cb7pqpht.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.Actions.es.js

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import i from "clsx";
 import { g as c } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as o } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as o } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: l } = c("panel"), p = ({
   layout: t = "end",
   children: a,

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

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

package/lib/wip/Panel/Panel.Footer.es.js

@@ -6,7 +6,7 @@ import { Divider as x } from "../../Divider/Divider.es.js";
 import { Box as C } from "../../Box/Box.es.js";
 import { DEFAULT_PANEL_DIVIDER_COLOR as E } from "./Panel.helpers.es.js";
 import { Actions as N } from "./Panel.Footer.Actions.es.js";
-import { s as d } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as d } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: A } = c("panel"), D = `${A}footer`, r = ({
   children: s,
   className: t,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DCpj0tSX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.Cb7pqpht.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.ContentAfter.es.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import o from "clsx";
 import { g as m } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as n } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: s,
   className: e,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DCpj0tSX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.Cb7pqpht.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.ContentBefore.es.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import a from "clsx";
 import { g as m } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as n } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: e,
   className: s,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const l=require("../../../chunks/panel.module.DCpj0tSX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const l=require("../../../chunks/panel.module.Cb7pqpht.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.Description.es.js

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

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

@@ -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.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.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.DCpj0tSX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react/jsx-runtime"),o=require("react"),g=require("clsx"),m=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.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.Cb7pqpht.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.Heading.es.js

@@ -6,7 +6,7 @@ import "../../../chunks/constants.CKKGf1-i.js";
 import { B as g } from "../../../chunks/FloatingUI.context.D3kSM-y1.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.DJLJpnm_.js";
+import { s as b } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: v } = u("panel"), y = `${v}header`, C = ({
   children: a,
   className: m,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("clsx"),b=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const m=require("../../CloseButton/CloseButton.cjs.js"),_=require("../../Tooltip/Tooltip.cjs.js"),p=require("./Panel.context.cjs.js"),t=require("../../../chunks/panel.module.DCpj0tSX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("clsx"),b=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const m=require("../../CloseButton/CloseButton.cjs.js"),_=require("../../Tooltip/Tooltip.cjs.js"),p=require("./Panel.context.cjs.js"),t=require("../../../chunks/panel.module.Cb7pqpht.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;

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

@@ -5,7 +5,7 @@ import "../../../chunks/constants.CKKGf1-i.js";
 import { CloseButton as f } from "../../CloseButton/CloseButton.es.js";
 import { Tooltip as u } from "../../Tooltip/Tooltip.es.js";
 import { usePanelContext as b } from "./Panel.context.es.js";
-import { s as o } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as o } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: x } = d("panel"), t = `${x}header`, C = ({
   children: l,
   className: r,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DCpj0tSX.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),u=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.Cb7pqpht.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.Subheader.es.js

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

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

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

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

@@ -11,7 +11,7 @@ import { Heading as g } from "./Panel.Header.Heading.es.js";
 import { ContentAfter as h } from "./Panel.Header.ContentAfter.es.js";
 import { Description as u } from "./Panel.Header.Description.es.js";
 import { Subheader as E } from "./Panel.Header.Subheader.es.js";
-import { s as N } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as N } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { subElementClassPrefix: A } = d("panel"), B = `${A}header`, r = ({
   children: e,
   className: t,

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

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

package/lib/wip/Panel/Panel.Inline.es.js

@@ -6,7 +6,7 @@ import { PanelContext as w } from "./Panel.context.es.js";
 import { FloatingUIRoot as U } from "../../FloatingUI/FloatingUI.root.es.js";
 import { u as b } from "../../../chunks/FloatingUI.context.D3kSM-y1.js";
 import { InlineDivider as u } from "./Panel.Divider.es.js";
-import { s as j } from "../../../chunks/panel.module.DJLJpnm_.js";
+import { s as j } from "../../../chunks/panel.module.FuwYDPMC.js";
 const { baseClassNamePrefix: y } = F("panel"), B = ({
   children: i,
   panelClassName: e,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),x=require("clsx"),b=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const f=require("./Panel.context.cjs.js"),p=require("./Panel.helpers.cjs.js"),y=require("../../FloatingUI/FloatingUI.root.cjs.js"),C=require("../../FloatingUI/FloatingUI.content.cjs.js"),F=require("./Panel.Divider.cjs.js"),a=require("../../../chunks/panel.module.DCpj0tSX.js"),{baseClassNamePrefix:n}=b.getBEMClassNames("panel"),j=({contextValue:r,panelClassName:t,resolvedPosition:l,showDivider:o,modalType:e,closeOnOutsidePress:c,open:u,onOpenChange:_,transitionConfig:d,dividerColor:g,children:v,...m})=>{const s=e==="isModal"||e==="alert",P=p.getPanelDismissConfig(e,c),q=x(a.styles[`${n}__overlay-divider`],a.styles[`${n}__overlay-divider--${l}`]);return i.jsx(f.PanelContext.Provider,{value:r,children:i.jsx(y.FloatingUIRoot,{open:u,onOpenChange:_,portalled:!0,transitionConfig:d,dismiss:P,focusConfiguration:s?!0:{modal:!1,closeOnFocusOut:!1},children:i.jsxs(C.Content,{className:t,skipFloatingStyles:!0,overlay:s,...m,role:e==="alert"?"alertdialog":"dialog","aria-modal":s||void 0,"data-position":l,children:[v,o&&i.jsx(F.InlineDivider,{position:l,className:q,dividerColor:g})]})})})};exports.OverlayPanel=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),C=require("clsx"),f=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const F=require("./Panel.context.cjs.js"),j=require("./Panel.helpers.cjs.js"),I=require("../../FloatingUI/FloatingUI.root.cjs.js"),N=require("../../FloatingUI/FloatingUI.content.cjs.js"),U=require("./Panel.Divider.cjs.js"),n=require("../../../chunks/panel.module.Cb7pqpht.js"),{baseClassNamePrefix:r,variable:o}=f.getBEMClassNames("panel"),h=({contextValue:c,panelClassName:u,resolvedPosition:i,showDivider:_,modalType:e,closeOnOutsidePress:d,floatingOffset:s,open:g,onOpenChange:v,transitionConfig:y,dividerColor:m,children:x,...t})=>{const a=e==="isModal"||e==="alert",P=j.getPanelDismissConfig(e,d),q=C(n.styles[`${r}__overlay-divider`],n.styles[`${r}__overlay-divider--${i}`]),b=s?{...t.style,[o("offset-x")]:s.x,[o("offset-y")]:s.y}:t.style;return l.jsx(F.PanelContext.Provider,{value:c,children:l.jsx(I.FloatingUIRoot,{open:g,onOpenChange:v,portalled:!0,transitionConfig:y,dismiss:P,focusConfiguration:a?!0:{modal:!1,closeOnFocusOut:!1},children:l.jsxs(N.Content,{className:u,skipFloatingStyles:!0,overlay:a,...t,style:b,role:e==="alert"?"alertdialog":"dialog","aria-modal":a||void 0,"data-position":i,children:[x,_&&l.jsx(U.InlineDivider,{position:i,className:q,dividerColor:m})]})})})};exports.OverlayPanel=h;

package/lib/wip/Panel/Panel.Overlay.d.ts

@@ -1,5 +1,5 @@
 import { UseTransitionStylesProps } from '@floating-ui/react';
-import { PanelDividerColor, PanelModalType, PanelPosition } from './Panel.types';
+import { PanelDividerColor, PanelModalType, PanelPosition, ResolvedPanelOffset } from './Panel.types';
 import { PanelContextValue } from './Panel.context';
 import { FloatingUIProps } from '../../FloatingUI/FloatingUI.context';
 type OverlayPanelProps = {
@@ -9,11 +9,12 @@ type OverlayPanelProps = {
     showDivider: boolean;
     modalType?: PanelModalType;
     closeOnOutsidePress?: boolean;
+    floatingOffset?: ResolvedPanelOffset;
     open?: boolean;
     onOpenChange?: FloatingUIProps['onOpenChange'];
     transitionConfig: UseTransitionStylesProps;
     children: React.ReactNode;
     dividerColor?: PanelDividerColor;
 } & React.ComponentPropsWithoutRef<'aside'>;
-export declare const OverlayPanel: ({ contextValue, panelClassName, resolvedPosition, showDivider, modalType, closeOnOutsidePress, open, onOpenChange, transitionConfig, dividerColor, children, ...props }: OverlayPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverlayPanel: ({ contextValue, panelClassName, resolvedPosition, showDivider, modalType, closeOnOutsidePress, floatingOffset, open, onOpenChange, transitionConfig, dividerColor, children, ...props }: OverlayPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/wip/Panel/Panel.Overlay.es.js

@@ -1,53 +1,59 @@
-import { jsx as s, jsxs as x } from "react/jsx-runtime";
-import N from "clsx";
-import { g as y } from "../../../chunks/classNames.BTJmrO_L.js";
+import { jsx as t, jsxs as _ } from "react/jsx-runtime";
+import h from "clsx";
+import { g as D } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { PanelContext as _ } from "./Panel.context.es.js";
-import { getPanelDismissConfig as h } from "./Panel.helpers.es.js";
-import { FloatingUIRoot as D } from "../../FloatingUI/FloatingUI.root.es.js";
-import { Content as F } from "../../FloatingUI/FloatingUI.content.es.js";
-import { InlineDivider as O } from "./Panel.Divider.es.js";
-import { s as a } from "../../../chunks/panel.module.DJLJpnm_.js";
-const { baseClassNamePrefix: e } = y("panel"), S = ({
-  contextValue: t,
-  panelClassName: l,
-  resolvedPosition: r,
-  showDivider: m,
+import { PanelContext as F } from "./Panel.context.es.js";
+import { getPanelDismissConfig as P } from "./Panel.helpers.es.js";
+import { FloatingUIRoot as $ } from "../../FloatingUI/FloatingUI.root.es.js";
+import { Content as b } from "../../FloatingUI/FloatingUI.content.es.js";
+import { InlineDivider as j } from "./Panel.Divider.es.js";
+import { s as a } from "../../../chunks/panel.module.FuwYDPMC.js";
+const { baseClassNamePrefix: l, variable: m } = D("panel"), w = ({
+  contextValue: n,
+  panelClassName: c,
+  resolvedPosition: i,
+  showDivider: d,
   modalType: o,
-  closeOnOutsidePress: n,
-  open: f,
-  onOpenChange: c,
-  transitionConfig: d,
+  closeOnOutsidePress: f,
+  floatingOffset: r,
+  open: v,
+  onOpenChange: g,
+  transitionConfig: y,
   dividerColor: p,
-  children: g,
-  ...v
+  children: u,
+  ...s
 }) => {
-  const i = o === "isModal" || o === "alert", u = h(o, n), C = N(
-    a[`${e}__overlay-divider`],
-    a[`${e}__overlay-divider--${r}`]
-  );
-  return /* @__PURE__ */ s(_.Provider, { value: t, children: /* @__PURE__ */ s(
-    D,
+  const e = o === "isModal" || o === "alert", x = P(o, f), C = h(
+    a[`${l}__overlay-divider`],
+    a[`${l}__overlay-divider--${i}`]
+  ), N = r ? {
+    ...s.style,
+    [m("offset-x")]: r.x,
+    [m("offset-y")]: r.y
+  } : s.style;
+  return /* @__PURE__ */ t(F.Provider, { value: n, children: /* @__PURE__ */ t(
+    $,
     {
-      open: f,
-      onOpenChange: c,
+      open: v,
+      onOpenChange: g,
       portalled: !0,
-      transitionConfig: d,
-      dismiss: u,
-      focusConfiguration: i ? !0 : { modal: !1, closeOnFocusOut: !1 },
-      children: /* @__PURE__ */ x(
-        F,
+      transitionConfig: y,
+      dismiss: x,
+      focusConfiguration: e ? !0 : { modal: !1, closeOnFocusOut: !1 },
+      children: /* @__PURE__ */ _(
+        b,
         {
-          className: l,
+          className: c,
           skipFloatingStyles: !0,
-          overlay: i,
-          ...v,
+          overlay: e,
+          ...s,
+          style: N,
           role: o === "alert" ? "alertdialog" : "dialog",
-          "aria-modal": i || void 0,
-          "data-position": r,
+          "aria-modal": e || void 0,
+          "data-position": i,
           children: [
-            g,
-            m && /* @__PURE__ */ s(O, { position: r, className: C, dividerColor: p })
+            u,
+            d && /* @__PURE__ */ t(j, { position: i, className: C, dividerColor: p })
           ]
         }
       )
@@ -55,5 +61,5 @@ const { baseClassNamePrefix: e } = y("panel"), S = ({
   ) });
 };
 export {
-  S as OverlayPanel
+  w as OverlayPanel
 };

package/lib/wip/Panel/Panel.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),q=require("clsx"),b=require("react"),B=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const A=require("./Panel.Header.cjs.js"),F=require("./Panel.Body.cjs.js"),H=require("./Panel.Footer.cjs.js"),i=require("./Panel.helpers.cjs.js"),T=require("./Panel.Inline.cjs.js"),V=require("./Panel.Overlay.cjs.js"),e=require("../../../chunks/panel.module.DCpj0tSX.js"),{baseClassNamePrefix:s}=B.getBEMClassNames("panel"),a=({children:u,className:C,padding:g="md",onOpenChange:h,open:_,size:r,dismissible:d=!0,closeButtonAriaLabel:P="Close panel",kind:o="inline",position:t,divider:$=!0,dividerColor:p,isAnimated:N=!0,onBeforeClose:M,modalType:n,...c})=>{process.env.NODE_ENV!=="production"&&n==="alert"&&d&&console.warn('Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.'),process.env.NODE_ENV!=="production"&&c.closeOnOutsidePress&&n!=="nonModal"&&n!==void 0&&console.warn('Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.');const y=n==="alert"?!1:d,l=i.getResolvedPanelPosition(t),x=r&&(l!=="bottom"||r==="full"),m=q(e.styles[s],e.styles[`${s}--${o}`],x&&e.styles[`${s}--size-${r}`],e.styles[`${s}--padding-${g}`],e.styles[`${s}--position-${l}`],C),D=q(e.styles[`${s}__inline-wrapper`],r==="full"&&e.styles[`${s}__inline-wrapper--full`]),{requestClose:f,handleOverlayOpenChange:E}=i.usePanelClose(M,h),v=b.useMemo(()=>({kind:o,dismissible:y,closeButtonAriaLabel:P,position:t,requestClose:f}),[o,y,P,t,f]),{showDivider:I,dividerBefore:S,dividerInner:R,dividerAfter:j}=i.getPanelDividerState($,l),w=b.useMemo(()=>({duration:N?i.PANEL_TRANSITION_DURATION_MS:0}),[N]);return o==="inline"?O.jsx(T.InlinePanel,{contextValue:v,panelClassName:m,inlineWrapperClassName:D,resolvedPosition:l,dividerBefore:S,dividerInner:R,dividerAfter:j,dividerColor:p,open:_,transitionConfig:w,...c,children:u}):O.jsx(V.OverlayPanel,{contextValue:v,panelClassName:m,resolvedPosition:l,showDivider:I,dividerColor:p,modalType:n,open:_,onOpenChange:E,transitionConfig:w,...c,children:u})};a.displayName="Panel";a.Header=A.Header;a.Body=F.Body;a.Footer=H.Footer;exports.Panel=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),C=require("clsx"),$=require("react"),H=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const T=require("./Panel.Header.cjs.js"),V=require("./Panel.Body.cjs.js"),U=require("./Panel.Footer.cjs.js"),a=require("./Panel.helpers.cjs.js"),W=require("./Panel.Inline.cjs.js"),G=require("./Panel.Overlay.cjs.js"),e=require("../../../chunks/panel.module.Cb7pqpht.js"),{baseClassNamePrefix:s}=H.getBEMClassNames("panel"),t=({children:u,className:h,padding:M="md",onOpenChange:x,open:_,size:r,dismissible:d=!0,closeButtonAriaLabel:P="Close panel",kind:n="inline",position:i,divider:D=!0,dividerColor:p,isAnimated:f=!0,onBeforeClose:E,modalType:l,offset:v,...c})=>{process.env.NODE_ENV!=="production"&&l==="alert"&&d&&console.warn('Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.'),process.env.NODE_ENV!=="production"&&c.closeOnOutsidePress&&l!=="nonModal"&&l!==void 0&&console.warn('Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.');const y=l==="alert"?!1:d,o=a.getResolvedPanelPosition(i),I=r&&(o!=="bottom"||r==="full"),N=n==="overlay"&&v?a.resolveOffset(v):void 0,O=!!N,m=C(e.styles[s],e.styles[`${s}--${n}`],I&&e.styles[`${s}--size-${r}`],e.styles[`${s}--padding-${M}`],e.styles[`${s}--position-${o}`],O&&e.styles[`${s}--floating`],h),S=C(e.styles[`${s}__inline-wrapper`],r==="full"&&e.styles[`${s}__inline-wrapper--full`]),{requestClose:w,handleOverlayOpenChange:B}=a.usePanelClose(E,x),g=$.useMemo(()=>({kind:n,dismissible:y,closeButtonAriaLabel:P,position:i,requestClose:w}),[n,y,P,i,w]),{showDivider:R,dividerBefore:j,dividerInner:F,dividerAfter:A}=a.getPanelDividerState(D&&!O,o),q=$.useMemo(()=>({duration:f?a.PANEL_TRANSITION_DURATION_MS:0}),[f]);return n==="inline"?b.jsx(W.InlinePanel,{contextValue:g,panelClassName:m,inlineWrapperClassName:S,resolvedPosition:o,dividerBefore:j,dividerInner:F,dividerAfter:A,dividerColor:p,open:_,transitionConfig:q,...c,children:u}):b.jsx(G.OverlayPanel,{contextValue:g,panelClassName:m,resolvedPosition:o,showDivider:R,dividerColor:p,modalType:l,floatingOffset:N,open:_,onOpenChange:B,transitionConfig:q,...c,children:u})};t.displayName="Panel";t.Header=T.Header;t.Body=V.Body;t.Footer=U.Footer;exports.Panel=t;

package/lib/wip/Panel/Panel.d.ts

@@ -1,6 +1,6 @@
 import { PanelProps } from './Panel.types';
 export declare const Panel: {
-    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, divider, dividerColor, isAnimated, onBeforeClose, modalType, ...panelProps }: PanelProps): JSX.Element;
+    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, divider, dividerColor, isAnimated, onBeforeClose, modalType, offset, ...panelProps }: PanelProps): JSX.Element;
     displayName: string;
     Header: {
         ({ children, className: _className, divider, dividerColor, backgroundColor, ...props }: import('./Panel.Header').PanelHeaderProps): import("react/jsx-runtime").JSX.Element;

package/lib/wip/Panel/Panel.es.js

@@ -1,101 +1,104 @@
-import { jsx as $ } from "react/jsx-runtime";
-import g from "clsx";
-import { useMemo as h } from "react";
-import { g as R } from "../../../chunks/classNames.BTJmrO_L.js";
+import { jsx as _ } from "react/jsx-runtime";
+import w from "clsx";
+import { useMemo as y } from "react";
+import { g as H } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { Header as V } from "./Panel.Header.es.js";
-import { Body as F } from "./Panel.Body.es.js";
-import { Footer as H } from "./Panel.Footer.es.js";
-import { usePanelClose as T, getPanelDividerState as j, PANEL_TRANSITION_DURATION_MS as q, getResolvedPanelPosition as U } from "./Panel.helpers.es.js";
-import { InlinePanel as W } from "./Panel.Inline.es.js";
-import { OverlayPanel as G } from "./Panel.Overlay.es.js";
-import { s as e } from "../../../chunks/panel.module.DJLJpnm_.js";
-const { baseClassNamePrefix: o } = R("panel"), l = ({
+import { Header as T } from "./Panel.Header.es.js";
+import { Body as j } from "./Panel.Body.es.js";
+import { Footer as q } from "./Panel.Footer.es.js";
+import { resolveOffset as U, usePanelClose as W, getPanelDividerState as G, PANEL_TRANSITION_DURATION_MS as J, getResolvedPanelPosition as K } from "./Panel.helpers.es.js";
+import { InlinePanel as L } from "./Panel.Inline.es.js";
+import { OverlayPanel as Q } from "./Panel.Overlay.es.js";
+import { s as e } from "../../../chunks/panel.module.FuwYDPMC.js";
+const { baseClassNamePrefix: o } = H("panel"), l = ({
   children: m,
-  className: _,
-  padding: w = "md",
-  onOpenChange: y,
-  open: p,
-  size: r,
-  dismissible: d = !0,
-  closeButtonAriaLabel: f = "Close panel",
-  kind: t = "inline",
+  className: D,
+  padding: E = "md",
+  onOpenChange: x,
+  open: f,
+  size: t,
+  dismissible: c = !0,
+  closeButtonAriaLabel: d = "Close panel",
+  kind: s = "inline",
   position: a,
-  divider: D = !0,
-  dividerColor: c,
+  divider: I = !0,
+  dividerColor: p,
   isAnimated: u = !0,
-  onBeforeClose: E,
-  modalType: s,
+  onBeforeClose: M,
+  modalType: n,
+  offset: v,
   ...i
 }) => {
-  process.env.NODE_ENV !== "production" && s === "alert" && d && console.warn(
+  process.env.NODE_ENV !== "production" && n === "alert" && c && console.warn(
     'Panel: `dismissible` is ignored when `modalType="alert"`. The close button is always hidden.'
-  ), process.env.NODE_ENV !== "production" && i.closeOnOutsidePress && s !== "nonModal" && s !== void 0 && console.warn(
+  ), process.env.NODE_ENV !== "production" && i.closeOnOutsidePress && n !== "nonModal" && n !== void 0 && console.warn(
     'Panel: `closeOnOutsidePress` has no effect when `modalType` is not `"nonModal"`.'
   );
-  const N = s === "alert" ? !1 : d, n = U(a), x = r && (n !== "bottom" || r === "full"), P = g(
+  const N = n === "alert" ? !1 : c, r = K(a), b = t && (r !== "bottom" || t === "full"), O = s === "overlay" && v ? U(v) : void 0, P = !!O, g = w(
     e[o],
-    e[`${o}--${t}`],
-    x && e[`${o}--size-${r}`],
-    e[`${o}--padding-${w}`],
-    e[`${o}--position-${n}`],
-    _
-  ), I = g(
+    e[`${o}--${s}`],
+    b && e[`${o}--size-${t}`],
+    e[`${o}--padding-${E}`],
+    e[`${o}--position-${r}`],
+    P && e[`${o}--floating`],
+    D
+  ), B = w(
     e[`${o}__inline-wrapper`],
-    r === "full" && e[`${o}__inline-wrapper--full`]
-  ), { requestClose: v, handleOverlayOpenChange: M } = T(
-    E,
-    y
-  ), O = h(
+    t === "full" && e[`${o}__inline-wrapper--full`]
+  ), { requestClose: C, handleOverlayOpenChange: S } = W(
+    M,
+    x
+  ), $ = y(
     () => ({
-      kind: t,
+      kind: s,
       dismissible: N,
-      closeButtonAriaLabel: f,
+      closeButtonAriaLabel: d,
       position: a,
-      requestClose: v
+      requestClose: C
     }),
-    [t, N, f, a, v]
-  ), { showDivider: b, dividerBefore: S, dividerInner: A, dividerAfter: B } = j(D, n), C = h(
-    () => ({ duration: u ? q : 0 }),
+    [s, N, d, a, C]
+  ), { showDivider: A, dividerBefore: F, dividerInner: R, dividerAfter: V } = G(I && !P, r), h = y(
+    () => ({ duration: u ? J : 0 }),
     [u]
   );
-  return t === "inline" ? /* @__PURE__ */ $(
-    W,
+  return s === "inline" ? /* @__PURE__ */ _(
+    L,
     {
-      contextValue: O,
-      panelClassName: P,
-      inlineWrapperClassName: I,
-      resolvedPosition: n,
-      dividerBefore: S,
-      dividerInner: A,
-      dividerAfter: B,
-      dividerColor: c,
-      open: p,
-      transitionConfig: C,
+      contextValue: $,
+      panelClassName: g,
+      inlineWrapperClassName: B,
+      resolvedPosition: r,
+      dividerBefore: F,
+      dividerInner: R,
+      dividerAfter: V,
+      dividerColor: p,
+      open: f,
+      transitionConfig: h,
       ...i,
       children: m
     }
-  ) : /* @__PURE__ */ $(
-    G,
+  ) : /* @__PURE__ */ _(
+    Q,
     {
-      contextValue: O,
-      panelClassName: P,
-      resolvedPosition: n,
-      showDivider: b,
-      dividerColor: c,
-      modalType: s,
-      open: p,
-      onOpenChange: M,
-      transitionConfig: C,
+      contextValue: $,
+      panelClassName: g,
+      resolvedPosition: r,
+      showDivider: A,
+      dividerColor: p,
+      modalType: n,
+      floatingOffset: O,
+      open: f,
+      onOpenChange: S,
+      transitionConfig: h,
       ...i,
       children: m
     }
   );
 };
 l.displayName = "Panel";
-l.Header = V;
-l.Body = F;
-l.Footer = H;
+l.Header = T;
+l.Body = j;
+l.Footer = q;
 export {
   l as Panel
 };

package/lib/wip/Panel/Panel.helpers.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),d=400,f="01",P=t=>t||"end",a=(t,s)=>{const e=t&&s!=="full";return{showDivider:e,dividerBefore:e&&s!=="start"&&s!=="bottom",dividerInner:e&&s==="bottom",dividerAfter:e&&s==="start"}},D=(t,s)=>{if(t!=="isModal")return t==="alert"?{escapeKey:!1,outsidePress:!1}:{escapeKey:!1,outsidePress:s??!1}},_=t=>t==="escape-key"?"escapeKey":t==="outside-press"?"outsidePress":"programmatic",v=(t,s)=>{const e=c.useCallback(i=>{if(!t){s==null||s(!1);return}const r=t(i);r instanceof Promise?r.then(l=>{l&&(s==null||s(!1))}).catch(()=>{}):r&&(s==null||s(!1))},[t,s]),u=c.useCallback((i,r,l)=>{i?s==null||s(!0):e(_(l))},[s,e]);return{requestClose:e,handleOverlayOpenChange:u}};exports.DEFAULT_PANEL_DIVIDER_COLOR=f;exports.PANEL_TRANSITION_DURATION_MS=d;exports.getPanelDismissConfig=D;exports.getPanelDividerState=a;exports.getResolvedPanelPosition=P;exports.usePanelClose=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),d=400;function P(t){return t===!0?{x:"1rem",y:"1rem"}:typeof t=="string"?{x:t,y:t}:{x:t.x,y:t.y}}const f="01",a=t=>t||"end",v=(t,e)=>{const s=t&&e!=="full";return{showDivider:s,dividerBefore:s&&e!=="start"&&e!=="bottom",dividerInner:s&&e==="bottom",dividerAfter:s&&e==="start"}},D=(t,e)=>{if(t!=="isModal")return t==="alert"?{escapeKey:!1,outsidePress:!1}:{escapeKey:!1,outsidePress:e??!1}},_=t=>t==="escape-key"?"escapeKey":t==="outside-press"?"outsidePress":"programmatic",y=(t,e)=>{const s=u.useCallback(i=>{if(!t){e==null||e(!1);return}const r=t(i);r instanceof Promise?r.then(l=>{l&&(e==null||e(!1))}).catch(()=>{}):r&&(e==null||e(!1))},[t,e]),c=u.useCallback((i,r,l)=>{i?e==null||e(!0):s(_(l))},[e,s]);return{requestClose:s,handleOverlayOpenChange:c}};exports.DEFAULT_PANEL_DIVIDER_COLOR=f;exports.PANEL_TRANSITION_DURATION_MS=d;exports.getPanelDismissConfig=D;exports.getPanelDividerState=v;exports.getResolvedPanelPosition=a;exports.resolveOffset=P;exports.usePanelClose=y;

package/lib/wip/Panel/Panel.helpers.d.ts

@@ -1,6 +1,7 @@
 import { OpenChangeReason } from '@floating-ui/react';
-import { PanelCloseReason, PanelDividerColor, PanelModalType, PanelPosition, PanelProps } from './Panel.types';
+import { OverlayPanelProps, PanelCloseReason, PanelDividerColor, PanelModalType, PanelPosition, PanelProps, ResolvedPanelOffset } from './Panel.types';
 export declare const PANEL_TRANSITION_DURATION_MS = 400;
+export declare function resolveOffset(offset: Exclude<OverlayPanelProps['offset'], false | undefined>): ResolvedPanelOffset;
 export declare const DEFAULT_PANEL_DIVIDER_COLOR: PanelDividerColor;
 export declare const getResolvedPanelPosition: (position?: PanelPosition) => PanelPosition;
 export declare const getPanelDividerState: (divider: boolean, position?: PanelPosition) => {

package/lib/wip/Panel/Panel.helpers.es.js

@@ -1,44 +1,49 @@
-import { useCallback as c } from "react";
-const P = 400, v = "01", m = (t) => t || "end", D = (t, s) => {
-  const r = t && s !== "full";
+import { useCallback as l } from "react";
+const P = 400;
+function v(t) {
+  return t === !0 ? { x: "1rem", y: "1rem" } : typeof t == "string" ? { x: t, y: t } : { x: t.x, y: t.y };
+}
+const m = "01", y = (t) => t || "end", D = (t, r) => {
+  const s = t && r !== "full";
   return {
-    showDivider: r,
-    dividerBefore: r && s !== "start" && s !== "bottom",
+    showDivider: s,
+    dividerBefore: s && r !== "start" && r !== "bottom",
     // For 'bottom' panels the divider must sit inside the scrollable wrapper (above the content),
     // not outside it — so it is rendered via dividerInner rather than dividerBefore.
-    dividerInner: r && s === "bottom",
-    dividerAfter: r && s === "start"
+    dividerInner: s && r === "bottom",
+    dividerAfter: s && r === "start"
   };
-}, _ = (t, s) => {
+}, _ = (t, r) => {
   if (t !== "isModal")
-    return t === "alert" ? { escapeKey: !1, outsidePress: !1 } : { escapeKey: !1, outsidePress: s ?? !1 };
-}, u = (t) => t === "escape-key" ? "escapeKey" : t === "outside-press" ? "outsidePress" : "programmatic", a = (t, s) => {
-  const r = c(
+    return t === "alert" ? { escapeKey: !1, outsidePress: !1 } : { escapeKey: !1, outsidePress: r ?? !1 };
+}, d = (t) => t === "escape-key" ? "escapeKey" : t === "outside-press" ? "outsidePress" : "programmatic", a = (t, r) => {
+  const s = l(
     (i) => {
       if (!t) {
-        s == null || s(!1);
+        r == null || r(!1);
         return;
       }
       const e = t(i);
-      e instanceof Promise ? e.then((l) => {
-        l && (s == null || s(!1));
+      e instanceof Promise ? e.then((u) => {
+        u && (r == null || r(!1));
       }).catch(() => {
-      }) : e && (s == null || s(!1));
+      }) : e && (r == null || r(!1));
     },
-    [t, s]
-  ), f = c(
-    (i, e, l) => {
-      i ? s == null || s(!0) : r(u(l));
+    [t, r]
+  ), c = l(
+    (i, e, u) => {
+      i ? r == null || r(!0) : s(d(u));
     },
-    [s, r]
+    [r, s]
   );
-  return { requestClose: r, handleOverlayOpenChange: f };
+  return { requestClose: s, handleOverlayOpenChange: c };
 };
 export {
-  v as DEFAULT_PANEL_DIVIDER_COLOR,
+  m as DEFAULT_PANEL_DIVIDER_COLOR,
   P as PANEL_TRANSITION_DURATION_MS,
   _ as getPanelDismissConfig,
   D as getPanelDividerState,
-  m as getResolvedPanelPosition,
+  y as getResolvedPanelPosition,
+  v as resolveOffset,
   a as usePanelClose
 };

package/lib/wip/Panel/Panel.types.d.ts

@@ -3,6 +3,10 @@ import { PanelDividerColor, PanelDividerColors } from '@viasat/beam-shared/compo
 export type { PanelDividerColor };
 export { PanelDividerColors };
 export type PanelKind = 'inline' | 'overlay';
+export type ResolvedPanelOffset = {
+    x: string;
+    y: string;
+};
 export type PanelPosition = 'start' | 'end' | 'bottom' | 'full';
 export type PanelModalType = 'nonModal' | 'isModal' | 'alert';
 export type PanelSize = 'sm' | 'md' | 'lg' | 'full' | 'custom';
@@ -122,6 +126,7 @@ export interface InlinePanelProps extends BasePanelProps {
      */
     kind?: 'inline';
     modalType?: never;
+    offset?: never;
 }
 export interface OverlayPanelProps extends BasePanelProps {
     /**
@@ -141,6 +146,22 @@ export interface OverlayPanelProps extends BasePanelProps {
      * @default false
      */
     closeOnOutsidePress?: boolean;
+    /**
+     * Activates the floating/offset visual style for overlay panels.
+     * The panel is inset from the viewport edge, gains border radius,
+     * and hides the outer divider.
+     * Pass `true` to use the default offset (`1rem`), or a CSS length
+     * string (for example, `"2rem"`) for a custom offset on all sides. Pass a
+     * `{ x, y }` object (for example, `{ x: "2rem", y: "0.5rem" }`) for
+     * independent horizontal and vertical offsets.
+     * Setting this prop automatically suppresses the outer divider regardless
+     * of the `divider` prop value.
+     * @default false
+     */
+    offset?: boolean | string | {
+        x: string;
+        y: string;
+    };
 }
 export type PanelProps = InlinePanelProps | OverlayPanelProps;
 export type { PanelHeaderProps } from './Panel.Header';

package/package.json

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

package/chunks/panel.module.DCpj0tSX.js

@@ -1 +0,0 @@
-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--size-full":"bm-panel--size-full","bm-panel--position-full":"bm-panel--position-full","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__inline-wrapper":"bm-panel__inline-wrapper","bm-panel__inline-wrapper-content":"bm-panel__inline-wrapper-content","bm-panel__inline-wrapper--full":"bm-panel__inline-wrapper--full"};exports.styles=e;