@viasat/beam-react 2.42.0 → 2.43.1

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

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

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

@@ -7,7 +7,7 @@ export interface PanelFooterProps extends ComponentPropsWithoutRef<'footer'> {
      */
     children?: React.ReactNode;
     /**
-     * Whether to show a divider before the footer
+     * Whether to show a divider above the footer
      * @default true
      */
     divider?: boolean;

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

@@ -1,37 +1,38 @@
-import { jsxs as n, Fragment as p, jsx as o } from "react/jsx-runtime";
-import f from "clsx";
-import { g as c } from "../../../../chunks/classNames.ZWNk1hey.js";
+import { jsxs as f, Fragment as C, jsx as o } from "react/jsx-runtime";
+import x from "clsx";
+import { g } from "../../../../chunks/classNames.ZWNk1hey.js";
 import "../../../../chunks/constants.Cruz2A1w.js";
-import { Divider as 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.CnHWv4EZ.js";
-const { subElementClassPrefix: A } = c("panel"), D = `${A}footer`, r = ({
+import { Divider as u } from "../../../Divider/Divider.es.js";
+import { Box as v } from "../../../Box/Box.es.js";
+import { DEFAULT_PANEL_DIVIDER_COLOR as D } from "../Panel.helpers.es.js";
+import { usePanelContext as b } from "../Panel.context.es.js";
+import { Actions as E } from "./Panel.Footer.Actions.es.js";
+import { s as N } from "../../../../chunks/panel.module.CgFBtvbR.js";
+const { subElementClassPrefix: A } = g("panel"), B = `${A}footer`, r = ({
   children: s,
   className: t,
   divider: e = !0,
-  dividerColor: m = E,
-  backgroundColor: a,
-  ...i
+  dividerColor: m,
+  backgroundColor: i,
+  ...l
 }) => {
-  const l = f(d[D], t);
-  return /* @__PURE__ */ n(p, { children: [
-    e && /* @__PURE__ */ o(x, { borderColor: m }),
+  const { backgroundColor: a, dividerColor: n } = b(), c = m ?? n ?? D, p = i ?? a, d = x(N[B], t);
+  return /* @__PURE__ */ f(C, { children: [
+    e && /* @__PURE__ */ o(u, { borderColor: c }),
     /* @__PURE__ */ o(
-      C,
+      v,
       {
         as: "footer",
-        className: l,
-        backgroundColor: a,
-        ...i,
+        className: d,
+        backgroundColor: p,
+        ...l,
         children: s
       }
     )
   ] });
 };
 r.displayName = "Panel.Footer";
-r.Actions = N;
+r.Actions = E;
 export {
   r as Footer
 };

package/lib/wip/Panel/Header/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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BVmRxZHo.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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;

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

@@ -1,7 +1,7 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
 export interface PanelHeaderContentAfterProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Specify the content after the heading
+     * Specify the content shown after the heading
      */
     children?: React.ReactNode;
 }

package/lib/wip/Panel/Header/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.ZWNk1hey.js";
 import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as n } from "../../../../chunks/panel.module.CnHWv4EZ.js";
+import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: s,
   className: e,

package/lib/wip/Panel/Header/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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BVmRxZHo.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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;

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

@@ -1,7 +1,7 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
 export interface PanelHeaderContentBeforeProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Specify the content before the heading
+     * Specify the content shown before the heading
      */
     children?: React.ReactNode;
 }

package/lib/wip/Panel/Header/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.ZWNk1hey.js";
 import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as n } from "../../../../chunks/panel.module.CnHWv4EZ.js";
+import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: e,
   className: s,

package/lib/wip/Panel/Header/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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const l=require("../../../../chunks/panel.module.BVmRxZHo.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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const l=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:o}=c.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:r,...t})=>{const a=n(l.styles[`${u}__description`],r);return i.jsx("div",{className:a,...t,children:s})};e.displayName="Panel.Header.Description";exports.Description=e;

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

@@ -1,7 +1,7 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
 export interface PanelHeaderDescriptionProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Specify the description content
+     * Specify the content for the header description
      */
     children?: React.ReactNode;
 }

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

package/lib/wip/Panel/Header/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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const q=require("../../../../chunks/FloatingUI.context.B15Tz_4h.js"),b=require("../Panel.context.cjs.js"),x=require("../../../../utils/hooks/useId.cjs.js"),I=require("../../../../chunks/panel.module.BVmRxZHo.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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const q=require("../../../../chunks/FloatingUI.context.B15Tz_4h.js"),b=require("../Panel.context.cjs.js"),x=require("../../../../utils/hooks/useId.cjs.js"),I=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:y}=m.getBEMClassNames("panel"),P=`${y}header`,a=({children:r,className:i,id:c,...l})=>{const u=x.useId(),e=c??u,d=g(I.styles[`${P}__heading`],i),t=o.useContext(b.PanelContext),n=o.useContext(q.BmFloatingUIContext),s=(t==null?void 0:t.kind)==="overlay"?n==null?void 0:n.setLabelId:void 0;return o.useLayoutEffect(()=>{if(!(!s||!e))return s(e),()=>s(void 0)},[e,s]),_.jsx("div",{id:e,className:d,...l,children:r})};a.displayName="Panel.Header.Heading";exports.Heading=a;

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

@@ -1,7 +1,7 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
 export interface PanelHeaderHeadingProps extends ComponentPropsWithoutRef<'div'> {
     /**
-     * Specify the heading content
+     * Specify the content for the heading
      */
     children?: React.ReactNode;
 }

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

@@ -6,7 +6,7 @@ import "../../../../chunks/constants.Cruz2A1w.js";
 import { B as g } from "../../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
 import { PanelContext as x } from "../Panel.context.es.js";
 import { useId as I } from "../../../../utils/hooks/useId.es.js";
-import { s as b } from "../../../../chunks/panel.module.CnHWv4EZ.js";
+import { s as b } from "../../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: v } = u("panel"), y = `${v}header`, C = ({
   children: a,
   className: m,

package/lib/wip/Panel/Header/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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const m=require("../../../CloseButton/CloseButton.cjs.js"),_=require("../../../Tooltip/Tooltip.cjs.js"),p=require("../Panel.context.cjs.js"),t=require("../../../../chunks/panel.module.BVmRxZHo.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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const m=require("../../../CloseButton/CloseButton.cjs.js"),_=require("../../../Tooltip/Tooltip.cjs.js"),p=require("../Panel.context.cjs.js"),t=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:x}=b.getBEMClassNames("panel"),l=`${x}header`,o=({children:n,className:r,...a})=>{const{dismissible:i,closeButtonAriaLabel:s,requestClose:c}=p.usePanelContext(),u=d(t.styles[`${l}__row`],r);return e.jsxs("div",{className:u,...a,children:[n,i&&e.jsx("div",{className:t.styles[`${l}__close-button`],children:e.jsx(_.Tooltip,{text:s,placement:"bottom",portalled:!0,role:{enabled:!1},children:e.jsx(m.CloseButton,{"aria-label":s,onClick:()=>c("closeButton"),size:"lg"})})})]})};o.displayName="Panel.Header.Row";exports.Row=o;

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

@@ -5,7 +5,7 @@ import "../../../../chunks/constants.Cruz2A1w.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.CnHWv4EZ.js";
+import { s as o } from "../../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: x } = d("panel"), t = `${x}header`, C = ({
   children: l,
   className: r,

package/lib/wip/Panel/Header/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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BVmRxZHo.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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:o}=u.getBEMClassNames("panel"),i=`${o}header`,e=({children:s,className:a,...r})=>{const t=n(c.styles[`${i}__subheader`],a);return l.jsx("div",{className:t,...r,children:s})};e.displayName="Panel.Header.Subheader";exports.Subheader=e;

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

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

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

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

@@ -7,7 +7,7 @@ export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
      */
     children?: React.ReactNode;
     /**
-     * Whether to show a divider after the header
+     * Specify whether to show a divider below the header
      * @default true
      */
     divider?: boolean;

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

@@ -1,47 +1,48 @@
-import { jsxs as p, Fragment as f, jsx as o } from "react/jsx-runtime";
-import l from "clsx";
-import { g as d } from "../../../../chunks/classNames.ZWNk1hey.js";
+import { jsxs as c, Fragment as C, jsx as r } from "react/jsx-runtime";
+import g from "clsx";
+import { g as x } from "../../../../chunks/classNames.ZWNk1hey.js";
 import "../../../../chunks/constants.Cruz2A1w.js";
-import { Divider as c } from "../../../Divider/Divider.es.js";
-import { Box as C } from "../../../Box/Box.es.js";
-import { DEFAULT_PANEL_DIVIDER_COLOR as x } from "../Panel.helpers.es.js";
-import { Row as D } from "./Panel.Header.Row.es.js";
-import { ContentBefore as b } from "./Panel.Header.ContentBefore.es.js";
-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.CnHWv4EZ.js";
-const { subElementClassPrefix: A } = d("panel"), B = `${A}header`, r = ({
+import { Divider as u } from "../../../Divider/Divider.es.js";
+import { Box as D } from "../../../Box/Box.es.js";
+import { DEFAULT_PANEL_DIVIDER_COLOR as b } from "../Panel.helpers.es.js";
+import { usePanelContext as v } from "../Panel.context.es.js";
+import { Row as B } from "./Panel.Header.Row.es.js";
+import { ContentBefore as h } from "./Panel.Header.ContentBefore.es.js";
+import { Heading as E } from "./Panel.Header.Heading.es.js";
+import { ContentAfter as N } from "./Panel.Header.ContentAfter.es.js";
+import { Description as A } from "./Panel.Header.Description.es.js";
+import { Subheader as H } from "./Panel.Header.Subheader.es.js";
+import { s as P } from "../../../../chunks/panel.module.CgFBtvbR.js";
+const { subElementClassPrefix: R } = x("panel"), L = `${R}header`, o = ({
   children: e,
   className: t,
-  divider: m = !0,
-  dividerColor: s = x,
-  backgroundColor: a,
-  ...i
+  divider: s = !0,
+  dividerColor: m,
+  backgroundColor: i,
+  ...n
 }) => {
-  const n = l(N[B], t);
-  return /* @__PURE__ */ p(f, { children: [
-    /* @__PURE__ */ o(
-      C,
+  const { backgroundColor: a, dividerColor: l } = v(), d = m ?? l ?? b, p = i ?? a, f = g(P[L], t);
+  return /* @__PURE__ */ c(C, { children: [
+    /* @__PURE__ */ r(
+      D,
       {
         as: "header",
-        className: n,
-        backgroundColor: a,
-        ...i,
+        className: f,
+        backgroundColor: p,
+        ...n,
         children: e
       }
     ),
-    m && /* @__PURE__ */ o(c, { borderColor: s })
+    s && /* @__PURE__ */ r(u, { borderColor: d })
   ] });
 };
-r.displayName = "Panel.Header";
-r.Row = D;
-r.ContentBefore = b;
-r.Heading = g;
-r.Description = u;
-r.ContentAfter = h;
-r.Subheader = E;
+o.displayName = "Panel.Header";
+o.Row = B;
+o.ContentBefore = h;
+o.Heading = E;
+o.Description = A;
+o.ContentAfter = N;
+o.Subheader = H;
 export {
-  r as Header
+  o as 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.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const i=require("../../Box/Box.cjs.js"),u=require("../../../chunks/panel.module.BVmRxZHo.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 u=require("react/jsx-runtime"),i=require("clsx"),d=require("../../../chunks/classNames.DC8Ra4sw.js");require("../../../chunks/constants.CgMu0_1M.js");const x=require("../../Box/Box.cjs.js"),b=require("./Panel.context.cjs.js"),m=require("../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:B}=d.getBEMClassNames("panel"),y=`${B}body`,e=({children:s,className:o,backgroundColor:t,tabIndex:n=0,...r})=>{const{backgroundColor:l}=b.usePanelContext(),a=t??l,c=i(m.styles[y],o);return u.jsx(x.Box,{className:c,backgroundColor:a,tabIndex:n,...r,children:s})};e.displayName="Panel.Body";exports.Body=e;

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

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

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

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

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

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

@@ -14,10 +14,10 @@ type InlinePanelProps = {
     children: React.ReactNode;
     dividerColor?: PanelDividerColor;
     resizeConfig?: PanelResizeConfig;
-    /** Forwarded from Panel: CSS custom-property override for the panel size. */
-    sizeStyle?: React.CSSProperties;
+    /** Forwarded from Panel: CSS custom-property overrides (`--bm-comp-panel-width` / `-height`). */
+    cssVarStyle?: React.CSSProperties;
     /** Forwarded from Panel: when true, suppress the slide-in animation on this mount. */
     skipMountAnimation?: boolean;
 } & React.ComponentPropsWithoutRef<'aside'>;
-export declare const InlinePanel: ({ contextValue, panelClassName, inlineWrapperClassName, resolvedPosition, dividerBefore, dividerInner, dividerAfter, open, transitionConfig, dividerColor, children, resizeConfig, sizeStyle, skipMountAnimation, ...props }: InlinePanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InlinePanel: ({ contextValue, panelClassName, inlineWrapperClassName, resolvedPosition, dividerBefore, dividerInner, dividerAfter, open, transitionConfig, dividerColor, children, resizeConfig, cssVarStyle, skipMountAnimation, ...props }: InlinePanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -8,7 +8,7 @@ import { a as j } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
 import { InlineDivider as h } from "./Panel.Divider.es.js";
 import { PanelResizeHandle as B } from "./Panel.ResizeHandle.es.js";
 import { usePanelResize as M } from "./Panel.useResize.es.js";
-import { s as S } from "../../../chunks/panel.module.CnHWv4EZ.js";
+import { s as S } from "../../../chunks/panel.module.CgFBtvbR.js";
 const { baseClassNamePrefix: _ } = P("panel"), z = ({
   children: i,
   panelClassName: o,
@@ -21,7 +21,7 @@ const { baseClassNamePrefix: _ } = P("panel"), z = ({
   skipMountAnimation: f,
   dividerColor: a,
   resizeConfig: s,
-  sizeStyle: c,
+  cssVarStyle: c,
   ...u
 }) => {
   const {
@@ -70,7 +70,7 @@ const { baseClassNamePrefix: _ } = P("panel"), z = ({
   dividerColor: a,
   children: s,
   resizeConfig: c,
-  sizeStyle: u,
+  cssVarStyle: u,
   skipMountAnimation: d,
   ...g
 }) => /* @__PURE__ */ t(U.Provider, { value: i, children: /* @__PURE__ */ t(
@@ -92,7 +92,7 @@ const { baseClassNamePrefix: _ } = P("panel"), z = ({
         alwaysVisible: e === void 0,
         skipMountAnimation: d,
         resizeConfig: c,
-        sizeStyle: u,
+        cssVarStyle: u,
         ...g,
         children: s
       }

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

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

@@ -17,8 +17,8 @@ type OverlayPanelProps = {
     children: React.ReactNode;
     dividerColor?: PanelDividerColor;
     resizeConfig?: PanelResizeConfig;
-    /** Forwarded from Panel: CSS custom-property override for the panel size. */
-    sizeStyle?: CSSProperties;
+    /** Forwarded from Panel: CSS custom-property overrides (`--bm-comp-panel-width` / `-height`). */
+    cssVarStyle?: CSSProperties;
     /** Forwarded from Panel: when true, suppress the slide-in animation on this mount. */
     skipMountAnimation?: boolean;
     /**
@@ -35,5 +35,5 @@ type OverlayPanelProps = {
      */
     triggerRef?: RefObject<HTMLElement | null>;
 } & ComponentPropsWithoutRef<'aside'>;
-export declare const OverlayPanel: ({ contextValue, panelClassName, resolvedPosition, showDivider, modalType, closeOnOutsidePress, floatingOffset, open, onOpenChange, transitionConfig, dividerColor, children, resizeConfig, sizeStyle, skipMountAnimation, container, triggerRef, ...props }: OverlayPanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const OverlayPanel: ({ contextValue, panelClassName, resolvedPosition, showDivider, modalType, closeOnOutsidePress, floatingOffset, open, onOpenChange, transitionConfig, dividerColor, children, resizeConfig, cssVarStyle, skipMountAnimation, container, triggerRef, ...props }: OverlayPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};