@viasat/beam-react 2.8.0 → 2.9.0

package/assets/panel.css

@@ -1 +1 @@
-:root,:host,.bm-light,.bm-dark .bm-inverse,[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,[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{box-shadow:var(--bm-comp-panel-shadow);position:fixed}.bm-panel--size-full{width:100%}.bm-panel--position-bottom{height:auto}.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{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}
+:root,:host,.bm-light,.bm-dark .bm-inverse,[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,[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{box-shadow:var(--bm-comp-panel-shadow);position:fixed}.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;bottom:0;left:0;right:0}.bm-panel--overlay.bm-panel--position-full{top:0;bottom:0;left:0;right:0}.bm-panel--size-full{width:100%}.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{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.RGiUyC84.js → panel.module.BVm3KvDs.js}

@@ -1,13 +1,16 @@
 import "../assets/panel.css";
-const _ = {
+const n = {
   "bm-light": "bm-light",
   "bm-dark": "bm-dark",
   "bm-inverse": "bm-inverse",
   "bm-panel": "bm-panel",
   "bm-panel--inline": "bm-panel--inline",
   "bm-panel--overlay": "bm-panel--overlay",
-  "bm-panel--size-full": "bm-panel--size-full",
+  "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--position-full": "bm-panel--position-full",
+  "bm-panel--size-full": "bm-panel--size-full",
   "bm-panel--padding-sm": "bm-panel--padding-sm",
   "bm-panel__header": "bm-panel__header",
   "bm-panel__body": "bm-panel__body",
@@ -23,8 +26,15 @@ const _ = {
   "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__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"
 };
 export {
-  _ as s
+  n as s
 };

package/chunks/panel.module.BX1x4FlX.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-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--position-full":"bm-panel--position-full","bm-panel--size-full":"bm-panel--size-full","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__body":"bm-panel__body","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/lib/wip/Panel/Panel.Body.cjs.js

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

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

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import t from "clsx";
 import { g as r } from "../../../chunks/classNames.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { s as l } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as l } from "../../../chunks/panel.module.BVm3KvDs.js";
 const { subElementClassPrefix: i } = r("panel"), n = `${i}body`, p = ({
   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.DbEoAg1J.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.BX1x4FlX.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.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { s as o } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as o } from "../../../chunks/panel.module.BVm3KvDs.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"),l=require("clsx"),a=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../Divider/Divider.cjs.js"),u=require("./Panel.Footer.Actions.cjs.js"),m=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:d}=a.getBEMClassNames("panel"),_=`${d}footer`,s=({children:r,divider:t=!0,className:o,...i})=>{const n=l(m.styles[_],o);return e.jsxs(e.Fragment,{children:[t&&e.jsx(c.Divider,{}),e.jsx("footer",{className:n,...i,children:r})]})};s.displayName="Panel.Footer";s.Actions=u.Actions;exports.Footer=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("clsx"),a=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../Divider/Divider.cjs.js"),u=require("./Panel.Footer.Actions.cjs.js"),m=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:d}=a.getBEMClassNames("panel"),_=`${d}footer`,s=({children:r,className:o,divider:t=!0,...i})=>{const n=l(m.styles[_],o);return e.jsxs(e.Fragment,{children:[t&&e.jsx(c.Divider,{borderColor:"01"}),e.jsx("footer",{className:n,...i,children:r})]})};s.displayName="Panel.Footer";s.Actions=u.Actions;exports.Footer=s;

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

@@ -5,13 +5,13 @@ export interface PanelFooterProps extends ComponentPropsWithoutRef<'footer'> {
      */
     children?: React.ReactNode;
     /**
-     * Whether to show a divider above the footer
+     * Whether to show a divider before the footer
      * @default true
      */
     divider?: boolean;
 }
 export declare const Footer: {
-    ({ children, divider, className: _className, ...props }: PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, divider, ...props }: PanelFooterProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Actions: {
         ({ layout, children, className: _className, ...props }: import('./Panel.Footer.Actions').PanelFooterActionsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,24 +1,24 @@
-import { jsxs as i, Fragment as l, jsx as s } from "react/jsx-runtime";
+import { jsxs as i, Fragment as l, jsx as o } from "react/jsx-runtime";
 import n from "clsx";
 import { g as c } from "../../../chunks/classNames.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
 import { Divider as p } from "../../Divider/Divider.es.js";
 import { Actions as f } from "./Panel.Footer.Actions.es.js";
-import { s as x } from "../../../chunks/panel.module.RGiUyC84.js";
-const { subElementClassPrefix: N } = c("panel"), d = `${N}footer`, o = ({
+import { s as x } from "../../../chunks/panel.module.BVm3KvDs.js";
+const { subElementClassPrefix: d } = c("panel"), C = `${d}footer`, s = ({
   children: r,
-  divider: t = !0,
-  className: e,
+  className: t,
+  divider: e = !0,
   ...m
 }) => {
-  const a = n(x[d], e);
+  const a = n(x[C], t);
   return /* @__PURE__ */ i(l, { children: [
-    t && /* @__PURE__ */ s(p, {}),
-    /* @__PURE__ */ s("footer", { className: a, ...m, children: r })
+    e && /* @__PURE__ */ o(p, { borderColor: "01" }),
+    /* @__PURE__ */ o("footer", { className: a, ...m, children: r })
   ] });
 };
-o.displayName = "Panel.Footer";
-o.Actions = f;
+s.displayName = "Panel.Footer";
+s.Actions = f;
 export {
-  o as Footer
+  s as Footer
 };

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.DbEoAg1J.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.BX1x4FlX.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.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { s as n } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as n } from "../../../chunks/panel.module.BVm3KvDs.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.DbEoAg1J.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.BX1x4FlX.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.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { s as n } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as n } from "../../../chunks/panel.module.BVm3KvDs.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.DbEoAg1J.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.BX1x4FlX.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.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { s as m } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as m } from "../../../chunks/panel.module.BVm3KvDs.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 t=require("react/jsx-runtime"),l=require("clsx"),i=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:o}=i.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:a,...n})=>{const r=l(c.styles[`${u}__heading`],a);return t.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.Heading";exports.Heading=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("clsx"),i=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const c=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:o}=i.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:a,...n})=>{const r=l(c.styles[`${u}__heading`],a);return t.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.Heading";exports.Heading=e;

package/lib/wip/Panel/Panel.Header.Heading.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.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { s as i } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as i } from "../../../chunks/panel.module.BVm3KvDs.js";
 const { subElementClassPrefix: l } = t("panel"), n = `${l}header`, p = ({
   children: s,
   className: e,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("clsx"),m=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../CloseButton/CloseButton.cjs.js"),b=require("./Panel.context.cjs.js"),l=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:x}=m.getBEMClassNames("panel"),t=`${x}header`,o=({children:a,className:n,...r})=>{const{dismissible:i,closeButtonAriaLabel:c,onOpenChange:e}=b.usePanelContext(),u=d(l.styles[`${t}__row`],n);return s.jsxs("div",{className:u,...r,children:[a,i&&s.jsx("div",{className:l.styles[`${t}__close-button`],children:s.jsx(_.CloseButton,{"aria-label":c,onClick:()=>e==null?void 0:e(!1),size:"lg"})})]})};o.displayName="Panel.Header.Row";exports.Row=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("clsx"),m=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../CloseButton/CloseButton.cjs.js"),b=require("./Panel.context.cjs.js"),l=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:x}=m.getBEMClassNames("panel"),t=`${x}header`,o=({children:a,className:n,...r})=>{const{dismissible:i,closeButtonAriaLabel:c,onOpenChange:e}=b.usePanelContext(),u=d(l.styles[`${t}__row`],n);return s.jsxs("div",{className:u,...r,children:[a,i&&s.jsx("div",{className:l.styles[`${t}__close-button`],children:s.jsx(_.CloseButton,{"aria-label":c,onClick:()=>e==null?void 0:e(!1),size:"lg"})})]})};o.displayName="Panel.Header.Row";exports.Row=o;

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

@@ -4,7 +4,7 @@ import { g as d } from "../../../chunks/classNames.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
 import { CloseButton as f } from "../../CloseButton/CloseButton.es.js";
 import { usePanelContext as b } from "./Panel.context.es.js";
-import { s as o } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as o } from "../../../chunks/panel.module.BVm3KvDs.js";
 const { subElementClassPrefix: u } = d("panel"), a = `${u}header`, x = ({
   children: l,
   className: t,

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.DbEoAg1J.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.BX1x4FlX.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.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { s as l } from "../../../chunks/panel.module.RGiUyC84.js";
+import { s as l } from "../../../chunks/panel.module.BVm3KvDs.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"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../Divider/Divider.cjs.js"),c=require("./Panel.Header.Row.cjs.js"),d=require("./Panel.Header.ContentBefore.cjs.js"),u=require("./Panel.Header.Heading.cjs.js"),P=require("./Panel.Header.ContentAfter.cjs.js"),b=require("./Panel.Header.Description.cjs.js"),p=require("./Panel.Header.Subheader.cjs.js"),q=require("../../../chunks/panel.module.DbEoAg1J.js"),{subElementClassPrefix:H}=o.getBEMClassNames("panel"),m=`${H}header`,e=({children:n,divider:a=!0,className:i,...t})=>{const s=l(q.styles[m],i);return r.jsxs(r.Fragment,{children:[r.jsx("header",{className:s,...t,children:n}),a&&r.jsx(_.Divider,{})]})};e.displayName="Panel.Header";e.Row=c.Row;e.ContentBefore=d.ContentBefore;e.Heading=u.Heading;e.Description=b.Description;e.ContentAfter=P.ContentAfter;e.Subheader=p.Subheader;exports.Header=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const _=require("../../Divider/Divider.cjs.js"),d=require("./Panel.Header.Row.cjs.js"),c=require("./Panel.Header.ContentBefore.cjs.js"),u=require("./Panel.Header.Heading.cjs.js"),b=require("./Panel.Header.ContentAfter.cjs.js"),P=require("./Panel.Header.Description.cjs.js"),p=require("./Panel.Header.Subheader.cjs.js"),q=require("../../../chunks/panel.module.BX1x4FlX.js"),{subElementClassPrefix:H}=o.getBEMClassNames("panel"),m=`${H}header`,e=({children:n,className:a,divider:i=!0,...t})=>{const s=l(q.styles[m],a);return r.jsxs(r.Fragment,{children:[r.jsx("header",{className:s,...t,children:n}),i&&r.jsx(_.Divider,{borderColor:"01"})]})};e.displayName="Panel.Header";e.Row=d.Row;e.ContentBefore=c.ContentBefore;e.Heading=u.Heading;e.Description=P.Description;e.ContentAfter=b.ContentAfter;e.Subheader=p.Subheader;exports.Header=e;

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

@@ -5,13 +5,13 @@ export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
      */
     children?: React.ReactNode;
     /**
-     * Whether to show a divider below the header
+     * Whether to show a divider after the header
      * @default true
      */
     divider?: boolean;
 }
 export declare const Header: {
-    ({ children, divider, className: _className, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, divider, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
     Row: {
         ({ children, className: _className, ...props }: import('./Panel.Header.Row').PanelHeaderRowProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { jsxs as i, Fragment as n, jsx as r } from "react/jsx-runtime";
+import { jsxs as i, Fragment as n, jsx as e } from "react/jsx-runtime";
 import p from "clsx";
 import { g as f } from "../../../chunks/classNames.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
@@ -6,29 +6,29 @@ import { Divider as l } from "../../Divider/Divider.es.js";
 import { Row as d } from "./Panel.Header.Row.es.js";
 import { ContentBefore as c } from "./Panel.Header.ContentBefore.es.js";
 import { Heading as C } from "./Panel.Header.Heading.es.js";
-import { ContentAfter as g } from "./Panel.Header.ContentAfter.es.js";
-import { Description as h } from "./Panel.Header.Description.es.js";
-import { Subheader as u } from "./Panel.Header.Subheader.es.js";
-import { s as x } from "../../../chunks/panel.module.RGiUyC84.js";
-const { subElementClassPrefix: b } = f("panel"), H = `${b}header`, e = ({
+import { ContentAfter as b } from "./Panel.Header.ContentAfter.es.js";
+import { Description as g } from "./Panel.Header.Description.es.js";
+import { Subheader as h } from "./Panel.Header.Subheader.es.js";
+import { s as u } from "../../../chunks/panel.module.BVm3KvDs.js";
+const { subElementClassPrefix: x } = f("panel"), H = `${x}header`, r = ({
   children: o,
-  divider: t = !0,
-  className: m,
+  className: t,
+  divider: m = !0,
   ...s
 }) => {
-  const a = p(x[H], m);
+  const a = p(u[H], t);
   return /* @__PURE__ */ i(n, { children: [
-    /* @__PURE__ */ r("header", { className: a, ...s, children: o }),
-    t && /* @__PURE__ */ r(l, {})
+    /* @__PURE__ */ e("header", { className: a, ...s, children: o }),
+    m && /* @__PURE__ */ e(l, { borderColor: "01" })
   ] });
 };
-e.displayName = "Panel.Header";
-e.Row = d;
-e.ContentBefore = c;
-e.Heading = C;
-e.Description = h;
-e.ContentAfter = g;
-e.Subheader = u;
+r.displayName = "Panel.Header";
+r.Row = d;
+r.ContentBefore = c;
+r.Heading = C;
+r.Description = g;
+r.ContentAfter = b;
+r.Subheader = h;
 export {
-  e as Header
+  r as Header
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("clsx"),q=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const x=require("./Panel.context.cjs.js"),$=require("./Panel.Header.cjs.js"),b=require("./Panel.Body.cjs.js"),N=require("./Panel.Footer.cjs.js"),e=require("../../../chunks/panel.module.DbEoAg1J.js"),{baseClassNamePrefix:s}=q.getBEMClassNames("panel"),l=({children:r,className:o,padding:i="md",onOpenChange:c,open:g,size:n,dismissible:u=!0,closeButtonAriaLabel:_="Close panel",kind:d="inline",position:a,...P})=>{const p=m(e.styles[s],e.styles[`${s}--${d}`],n&&e.styles[`${s}--size-${n}`],e.styles[`${s}--padding-${i}`],a&&e.styles[`${s}--position-${a}`],o),y={dismissible:u,closeButtonAriaLabel:_,onOpenChange:c};return t.jsx(x.PanelContext.Provider,{value:y,children:t.jsx("aside",{className:p,...P,children:r})})};l.displayName="Panel";l.Header=$.Header;l.Body=b.Body;l.Footer=N.Footer;exports.Panel=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("clsx"),S=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const $=require("./Panel.context.cjs.js"),R=require("./Panel.Header.cjs.js"),U=require("./Panel.Body.cjs.js"),B=require("./Panel.Footer.cjs.js"),r=require("./Panel.helpers.cjs.js"),T=require("../../FloatingUI/FloatingUI.root.cjs.js"),A=require("../../FloatingUI/FloatingUI.content.cjs.js"),H=require("../../Divider/Divider.cjs.js"),s=require("../../../chunks/panel.module.BX1x4FlX.js"),{baseClassNamePrefix:t}=S.getBEMClassNames("panel"),a=({position:l,className:d})=>e.jsx(H.Divider,{borderColor:"01",orientation:l==="bottom"?"horizontal":"vertical",className:d}),n=({children:l,className:d,padding:q="md",onOpenChange:v,open:p,size:c,dismissible:g=!0,closeButtonAriaLabel:I="Close panel",kind:o="inline",position:P,divider:f=!0,isAnimated:y=!0,...x})=>{const i=r.getResolvedPanelPosition(P),m=u(s.styles[t],s.styles[`${t}--${o}`],c&&s.styles[`${t}--size-${c}`],s.styles[`${t}--padding-${q}`],s.styles[`${t}--position-${i}`],d),w=u(s.styles[`${t}__inline-wrapper`],c==="full"&&s.styles[`${t}__inline-wrapper--full`]),b={dismissible:g,closeButtonAriaLabel:I,onOpenChange:v,position:P},{inlineStatus:C,isInlineVisible:N}=r.useInlineTransition(o==="inline"?p:void 0,y),{showDivider:j,dividerBefore:D,dividerAfter:F}=r.getPanelDividerState(f,i),h=o==="overlay"?u(s.styles[`${t}__overlay-divider`],s.styles[`${t}__overlay-divider--${i}`]):void 0,_=j&&N;return o==="inline"?N?e.jsxs($.PanelContext.Provider,{value:b,children:[D&&_&&e.jsx(a,{position:i}),e.jsx("div",{className:w,"data-position":i,"data-status":C,children:e.jsxs("div",{className:s.styles[`${t}__inline-wrapper-content`],children:[i==="bottom"&&_&&e.jsx(a,{position:i}),e.jsx("aside",{className:m,...x,children:l})]})}),F&&_&&e.jsx(a,{position:i})]}):null:e.jsx($.PanelContext.Provider,{value:b,children:e.jsx(T.FloatingUIRoot,{open:p,onOpenChange:v,portalled:!0,transitionConfig:{duration:y?r.PANEL_TRANSITION_DURATION_MS:0},children:e.jsxs(A.Content,{className:m,skipFloatingStyles:!0,overlay:!0,...x,"data-position":i,children:[l,j&&e.jsx(a,{position:i,className:h})]})})})};n.displayName="Panel";n.Header=R.Header;n.Body=U.Body;n.Footer=B.Footer;exports.Panel=n;

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

@@ -1,3 +1,4 @@
+import { PanelPosition } from './Panel.types';
 export interface PanelContextValue {
     /**
      * Whether to show a dismissible button
@@ -11,6 +12,10 @@ export interface PanelContextValue {
      * Callback when panel open state changes
      */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Panel position (determines divider placement)
+     */
+    position?: PanelPosition;
 }
 export declare const PanelContext: import('react').Context<PanelContextValue | undefined>;
 export declare const usePanelContext: () => PanelContextValue;

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

@@ -1,9 +1,9 @@
 import { PanelProps } from './Panel.types';
 export declare const Panel: {
-    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, ...props }: PanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, divider, isAnimated, ...props }: PanelProps): JSX.Element | null;
     displayName: string;
     Header: {
-        ({ children, divider, className: _className, ...props }: import('./Panel.Header').PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className: _className, divider, ...props }: import('./Panel.Header').PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Row: {
             ({ children, className: _className, ...props }: import('./Panel.Header.Row').PanelHeaderRowProps): import("react/jsx-runtime").JSX.Element;
@@ -35,7 +35,7 @@ export declare const Panel: {
         displayName: string;
     };
     Footer: {
-        ({ children, divider, className: _className, ...props }: import('./Panel.Footer').PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className: _className, divider, ...props }: import('./Panel.Footer').PanelFooterProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
         Actions: {
             ({ layout, children, className: _className, ...props }: import('./Panel.Footer.Actions').PanelFooterActionsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,43 +1,117 @@
-import { jsx as t } from "react/jsx-runtime";
-import N from "clsx";
-import { g as P } from "../../../chunks/classNames.DNsS4J__.js";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import v from "clsx";
+import { g as F } from "../../../chunks/classNames.DNsS4J__.js";
 import "../../../chunks/constants.BBi77pmH.js";
-import { PanelContext as u } from "./Panel.context.es.js";
-import { Header as y } from "./Panel.Header.es.js";
-import { Body as C } from "./Panel.Body.es.js";
-import { Footer as g } from "./Panel.Footer.es.js";
-import { s as e } from "../../../chunks/panel.module.RGiUyC84.js";
-const { baseClassNamePrefix: o } = P("panel"), r = ({
-  children: m,
-  className: i,
-  padding: l = "md",
-  onOpenChange: n,
-  open: B,
-  size: a,
-  dismissible: p = !0,
-  closeButtonAriaLabel: d = "Close panel",
-  kind: c = "inline",
-  position: s,
-  ...f
+import { PanelContext as I } from "./Panel.context.es.js";
+import { Header as T } from "./Panel.Header.es.js";
+import { Body as A } from "./Panel.Body.es.js";
+import { Footer as j } from "./Panel.Footer.es.js";
+import { getResolvedPanelPosition as E, useInlineTransition as H, getPanelDividerState as M, PANEL_TRANSITION_DURATION_MS as U } from "./Panel.helpers.es.js";
+import { FloatingUIRoot as V } from "../../FloatingUI/FloatingUI.root.es.js";
+import { Content as L } from "../../FloatingUI/FloatingUI.content.es.js";
+import { Divider as O } from "../../Divider/Divider.es.js";
+import { s as i } from "../../../chunks/panel.module.BVm3KvDs.js";
+const { baseClassNamePrefix: o } = F("panel"), l = ({
+  position: t,
+  className: a
+}) => /* @__PURE__ */ r(
+  O,
+  {
+    borderColor: "01",
+    orientation: t === "bottom" ? "horizontal" : "vertical",
+    className: a
+  }
+), s = ({
+  children: t,
+  className: a,
+  padding: g = "md",
+  onOpenChange: c,
+  open: f,
+  size: d,
+  dismissible: h = !0,
+  closeButtonAriaLabel: x = "Close panel",
+  kind: n = "inline",
+  position: u,
+  divider: D = !0,
+  isAnimated: N = !0,
+  ...$
 }) => {
-  const $ = N(
-    e[o],
-    e[`${o}--${c}`],
-    a && e[`${o}--size-${a}`],
-    e[`${o}--padding-${l}`],
-    s && e[`${o}--position-${s}`],
-    i
-  ), x = {
-    dismissible: p,
-    closeButtonAriaLabel: d,
-    onOpenChange: n
-  };
-  return /* @__PURE__ */ t(u.Provider, { value: x, children: /* @__PURE__ */ t("aside", { className: $, ...f, children: m }) });
+  const e = E(u), _ = v(
+    i[o],
+    i[`${o}--${n}`],
+    d && i[`${o}--size-${d}`],
+    i[`${o}--padding-${g}`],
+    i[`${o}--position-${e}`],
+    a
+  ), b = v(
+    i[`${o}__inline-wrapper`],
+    d === "full" && i[`${o}__inline-wrapper--full`]
+  ), P = {
+    dismissible: h,
+    closeButtonAriaLabel: x,
+    onOpenChange: c,
+    position: u
+  }, { inlineStatus: R, isInlineVisible: y } = H(
+    n === "inline" ? f : void 0,
+    N
+  ), { showDivider: C, dividerBefore: S, dividerAfter: w } = M(
+    D,
+    e
+  ), B = n === "overlay" ? v(
+    i[`${o}__overlay-divider`],
+    i[`${o}__overlay-divider--${e}`]
+  ) : void 0, m = C && y;
+  return n === "inline" ? y ? /* @__PURE__ */ p(I.Provider, { value: P, children: [
+    S && m && /* @__PURE__ */ r(l, { position: e }),
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: b,
+        "data-position": e,
+        "data-status": R,
+        children: /* @__PURE__ */ p("div", { className: i[`${o}__inline-wrapper-content`], children: [
+          e === "bottom" && m && /* @__PURE__ */ r(l, { position: e }),
+          /* @__PURE__ */ r("aside", { className: _, ...$, children: t })
+        ] })
+      }
+    ),
+    w && m && /* @__PURE__ */ r(l, { position: e })
+  ] }) : null : /* @__PURE__ */ r(I.Provider, { value: P, children: /* @__PURE__ */ r(
+    V,
+    {
+      open: f,
+      onOpenChange: c,
+      portalled: !0,
+      transitionConfig: {
+        duration: N ? U : 0
+      },
+      children: /* @__PURE__ */ p(
+        L,
+        {
+          className: _,
+          skipFloatingStyles: !0,
+          overlay: !0,
+          ...$,
+          "data-position": e,
+          children: [
+            t,
+            C && /* @__PURE__ */ r(
+              l,
+              {
+                position: e,
+                className: B
+              }
+            )
+          ]
+        }
+      )
+    }
+  ) });
 };
-r.displayName = "Panel";
-r.Header = y;
-r.Body = C;
-r.Footer = g;
+s.displayName = "Panel";
+s.Header = T;
+s.Body = A;
+s.Footer = j;
 export {
-  r as Panel
+  s as Panel
 };

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),o=400,c=e=>e||"end",d=(e,t)=>{const n=e&&t!=="full";return{showDivider:n,dividerBefore:n&&t!=="start"&&t!=="bottom",dividerAfter:n&&t==="start"}},I=(e,t)=>{const[n,i]=a.useState(void 0),[l,s]=a.useState(e!==!1);return a.useEffect(()=>{if(!t){s(e!==!1),i(void 0);return}if(e!==void 0)if(e){s(!0),i("close");let r;const u=requestAnimationFrame(()=>{r=requestAnimationFrame(()=>i("open"))});return()=>{cancelAnimationFrame(u),cancelAnimationFrame(r)}}else{i("close");const r=setTimeout(()=>{s(!1),i(void 0)},o);return()=>clearTimeout(r)}},[t,e]),{inlineStatus:n,isInlineVisible:l}};exports.PANEL_TRANSITION_DURATION_MS=o;exports.getPanelDividerState=d;exports.getResolvedPanelPosition=c;exports.useInlineTransition=I;

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

@@ -0,0 +1,13 @@
+import { PanelPosition } from './Panel.types';
+export declare const PANEL_TRANSITION_DURATION_MS = 400;
+export type PanelInlineStatus = 'open' | 'close' | undefined;
+export declare const getResolvedPanelPosition: (position?: PanelPosition) => PanelPosition;
+export declare const getPanelDividerState: (divider: boolean, position?: PanelPosition) => {
+    showDivider: boolean;
+    dividerBefore: boolean;
+    dividerAfter: boolean;
+};
+export declare const useInlineTransition: (open: boolean | undefined, isAnimated: boolean) => {
+    inlineStatus: PanelInlineStatus;
+    isInlineVisible: boolean;
+};

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

@@ -0,0 +1,40 @@
+import { useState as o, useEffect as u } from "react";
+const c = 400, m = (e) => e || "end", f = (e, t) => {
+  const n = e && t !== "full";
+  return {
+    showDivider: n,
+    dividerBefore: n && t !== "start" && t !== "bottom",
+    dividerAfter: n && t === "start"
+  };
+}, I = (e, t) => {
+  const [n, i] = o(void 0), [a, s] = o(e !== !1);
+  return u(() => {
+    if (!t) {
+      s(e !== !1), i(void 0);
+      return;
+    }
+    if (e !== void 0)
+      if (e) {
+        s(!0), i("close");
+        let r;
+        const l = requestAnimationFrame(() => {
+          r = requestAnimationFrame(() => i("open"));
+        });
+        return () => {
+          cancelAnimationFrame(l), cancelAnimationFrame(r);
+        };
+      } else {
+        i("close");
+        const r = setTimeout(() => {
+          s(!1), i(void 0);
+        }, c);
+        return () => clearTimeout(r);
+      }
+  }, [t, e]), { inlineStatus: n, isInlineVisible: a };
+};
+export {
+  c as PANEL_TRANSITION_DURATION_MS,
+  f as getPanelDividerState,
+  m as getResolvedPanelPosition,
+  I as useInlineTransition
+};

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

@@ -38,29 +38,34 @@ interface BasePanelProps extends ComponentPropsWithoutRef<'aside'> {
      * @default 'Close panel'
      */
     closeButtonAriaLabel?: string;
+    /**
+     * Whether to animate the panel on open/close
+     * @default true
+     */
+    isAnimated?: boolean;
+    /**
+     * Whether to show an external divider between panel and page content
+     * @default true
+     */
+    divider?: boolean;
+    /**
+     * Specify the position of the Panel
+     * 'start' | 'end' | 'bottom' | 'full'
+     * @default 'end'
+     */
+    position?: PanelPosition;
 }
 export interface InlinePanelProps extends BasePanelProps {
     /**
      * Specify the Panel as inline
      */
     kind?: 'inline';
-    /**
-     * Specify the position of the Panel
-     * For inline: 'bottom'
-     */
-    position?: 'bottom';
 }
 export interface OverlayPanelProps extends BasePanelProps {
     /**
      * Specify the Panel as overlay
      */
     kind: 'overlay';
-    /**
-     * Specify the position of the Panel
-     * For overlay: 'start' | 'end' | 'bottom' | 'full'
-     * @default 'end'
-     */
-    position?: PanelPosition;
     /**
      * Specify the modal type (overlay only)
      * @default 'nonModal'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.8.0",
+  "version": "2.9.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.8.0",
-    "@viasat/beam-shared": "2.8.0",
-    "@viasat/beam-styles": "2.8.0",
-    "@viasat/beam-tokens": "2.8.0",
-    "@viasat/beam-icons": "2.8.0",
+    "@viasat/beam-fonts": "2.9.0",
+    "@viasat/beam-shared": "2.9.0",
+    "@viasat/beam-styles": "2.9.0",
+    "@viasat/beam-tokens": "2.9.0",
+    "@viasat/beam-icons": "2.9.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/chunks/panel.module.DbEoAg1J.js

@@ -1 +0,0 @@
-var _=require("../assets/panel.css");const e={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-panel":"bm-panel","bm-panel--inline":"bm-panel--inline","bm-panel--overlay":"bm-panel--overlay","bm-panel--size-full":"bm-panel--size-full","bm-panel--position-bottom":"bm-panel--position-bottom","bm-panel--padding-sm":"bm-panel--padding-sm","bm-panel__header":"bm-panel__header","bm-panel__body":"bm-panel__body","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"};exports.styles=e;