@viasat/beam-react 2.22.0 → 2.24.0

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

@@ -1,24 +1,37 @@
-import { jsxs as i, Fragment as l, jsx as o } from "react/jsx-runtime";
-import n from "clsx";
+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.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.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.DGxSyRdA.js";
-const { subElementClassPrefix: d } = c("panel"), C = `${d}footer`, s = ({
-  children: r,
+import { Divider as x } from "../../Divider/Divider.es.js";
+import { Box as C } from "../../Box/Box.es.js";
+import { DEFAULT_PANEL_DIVIDER_COLOR as E } from "./Panel.helpers.es.js";
+import { Actions as N } from "./Panel.Footer.Actions.es.js";
+import { s as d } from "../../../chunks/panel.module.DJLJpnm_.js";
+const { subElementClassPrefix: A } = c("panel"), D = `${A}footer`, r = ({
+  children: s,
   className: t,
   divider: e = !0,
-  ...m
+  dividerColor: m = E,
+  backgroundColor: a,
+  ...i
 }) => {
-  const a = n(x[C], t);
-  return /* @__PURE__ */ i(l, { children: [
-    e && /* @__PURE__ */ o(p, { borderColor: "01" }),
-    /* @__PURE__ */ o("footer", { className: a, ...m, children: r })
+  const l = f(d[D], t);
+  return /* @__PURE__ */ n(p, { children: [
+    e && /* @__PURE__ */ o(x, { borderColor: m }),
+    /* @__PURE__ */ o(
+      C,
+      {
+        as: "footer",
+        className: l,
+        backgroundColor: a,
+        ...i,
+        children: s
+      }
+    )
   ] });
 };
-s.displayName = "Panel.Footer";
-s.Actions = f;
+r.displayName = "Panel.Footer";
+r.Actions = N;
 export {
-  s as Footer
+  r 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.a_gaicKX.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.DCpj0tSX.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;

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

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import o from "clsx";
 import { g as m } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as n } from "../../../chunks/panel.module.DJLJpnm_.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.a_gaicKX.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.DCpj0tSX.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;

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

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import a from "clsx";
 import { g as m } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as n } from "../../../chunks/panel.module.DJLJpnm_.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.a_gaicKX.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.DCpj0tSX.js"),{subElementClassPrefix:o}=c.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:r,...t})=>{const a=n(l.styles[`${u}__description`],r);return i.jsx("div",{className:a,...t,children:s})};e.displayName="Panel.Header.Description";exports.Description=e;

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

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

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

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

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

@@ -3,10 +3,10 @@ import { useContext as r, useLayoutEffect as f } from "react";
 import p from "clsx";
 import { g as u } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { B as g } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
+import { B as g } from "../../../chunks/FloatingUI.context.D3kSM-y1.js";
 import { PanelContext as x } from "./Panel.context.es.js";
 import { useId as I } from "../../../utils/hooks/useId.es.js";
-import { s as b } from "../../../chunks/panel.module.DGxSyRdA.js";
+import { s as b } from "../../../chunks/panel.module.DJLJpnm_.js";
 const { subElementClassPrefix: v } = u("panel"), y = `${v}header`, C = ({
   children: a,
   className: m,

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,6 @@
 import { default as React, ComponentPropsWithoutRef } from 'react';
+import { BoxBackgroundColor } from '@viasat/beam-shared/components/box';
+import { PanelDividerColor } from './Panel.types';
 export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
     /**
      * Specify the content for the panel header
@@ -9,9 +11,18 @@ export interface PanelHeaderProps extends ComponentPropsWithoutRef<'header'> {
      * @default true
      */
     divider?: boolean;
+    /**
+     * Specify the border color of the header divider
+     * @default '01'
+     */
+    dividerColor?: PanelDividerColor;
+    /**
+     * Specify the background color of the header surface
+     */
+    backgroundColor?: BoxBackgroundColor;
 }
 export declare const Header: {
-    ({ children, className: _className, divider, ...props }: PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className: _className, divider, dividerColor, backgroundColor, ...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,34 +1,47 @@
-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.BTJmrO_L.js";
+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.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-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 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.DGxSyRdA.js";
-const { subElementClassPrefix: x } = f("panel"), H = `${x}header`, r = ({
-  children: o,
+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.DJLJpnm_.js";
+const { subElementClassPrefix: A } = d("panel"), B = `${A}header`, r = ({
+  children: e,
   className: t,
   divider: m = !0,
-  ...s
+  dividerColor: s = x,
+  backgroundColor: a,
+  ...i
 }) => {
-  const a = p(u[H], t);
-  return /* @__PURE__ */ i(n, { children: [
-    /* @__PURE__ */ e("header", { className: a, ...s, children: o }),
-    m && /* @__PURE__ */ e(l, { borderColor: "01" })
+  const n = l(N[B], t);
+  return /* @__PURE__ */ p(f, { children: [
+    /* @__PURE__ */ o(
+      C,
+      {
+        as: "header",
+        className: n,
+        backgroundColor: a,
+        ...i,
+        children: e
+      }
+    ),
+    m && /* @__PURE__ */ o(c, { borderColor: s })
   ] });
 };
 r.displayName = "Panel.Header";
-r.Row = d;
-r.ContentBefore = c;
-r.Heading = C;
-r.Description = g;
-r.ContentAfter = b;
-r.Subheader = h;
+r.Row = D;
+r.ContentBefore = b;
+r.Heading = g;
+r.Description = u;
+r.ContentAfter = h;
+r.Subheader = E;
 export {
   r as Header
 };

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

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

@@ -1,10 +1,6 @@
 import { UseTransitionStylesProps } from '@floating-ui/react';
-import { PanelPosition } from './Panel.types';
+import { PanelDividerColor, PanelPosition } from './Panel.types';
 import { PanelContextValue } from './Panel.context';
-export declare const InlineDivider: ({ position, className, }: {
-    position?: PanelPosition;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
 type InlinePanelProps = {
     contextValue: PanelContextValue;
     panelClassName: string;
@@ -16,6 +12,7 @@ type InlinePanelProps = {
     open?: boolean;
     transitionConfig: UseTransitionStylesProps;
     children: React.ReactNode;
+    dividerColor?: PanelDividerColor;
 } & React.ComponentPropsWithoutRef<'aside'>;
-export declare const InlinePanel: ({ contextValue, panelClassName, inlineWrapperClassName, resolvedPosition, dividerBefore, dividerInner, dividerAfter, open, transitionConfig, children, ...props }: InlinePanelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InlinePanel: ({ contextValue, panelClassName, inlineWrapperClassName, resolvedPosition, dividerBefore, dividerInner, dividerAfter, open, transitionConfig, dividerColor, children, ...props }: InlinePanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,93 +1,85 @@
-import { jsx as t, jsxs as u, Fragment as h } from "react/jsx-runtime";
-import { useTransitionStatus as I } from "@floating-ui/react";
-import { g as v } from "../../../chunks/classNames.BTJmrO_L.js";
+import { jsx as t, jsxs as g, Fragment as C } from "react/jsx-runtime";
+import { useTransitionStatus as N } from "@floating-ui/react";
+import { g as F } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { PanelContext as N } from "./Panel.context.es.js";
-import { FloatingUIRoot as b } from "../../FloatingUI/FloatingUI.root.es.js";
-import { a as F } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
-import { Divider as w } from "../../Divider/Divider.es.js";
-import { s as U } from "../../../chunks/panel.module.DGxSyRdA.js";
-const { baseClassNamePrefix: j } = v("panel"), f = ({
-  position: n,
-  className: i
-}) => /* @__PURE__ */ t(
-  w,
-  {
-    borderColor: "01",
-    orientation: n === "bottom" ? "horizontal" : "vertical",
-    className: i
-  }
-), y = ({
-  children: n,
-  panelClassName: i,
-  inlineWrapperClassName: e,
-  resolvedPosition: o,
+import { PanelContext as w } from "./Panel.context.es.js";
+import { FloatingUIRoot as U } from "../../FloatingUI/FloatingUI.root.es.js";
+import { u as b } from "../../../chunks/FloatingUI.context.D3kSM-y1.js";
+import { InlineDivider as u } from "./Panel.Divider.es.js";
+import { s as j } from "../../../chunks/panel.module.DJLJpnm_.js";
+const { baseClassNamePrefix: y } = F("panel"), B = ({
+  children: i,
+  panelClassName: e,
+  inlineWrapperClassName: o,
+  resolvedPosition: n,
   dividerBefore: r,
-  dividerInner: s,
-  dividerAfter: l,
+  dividerInner: l,
+  dividerAfter: m,
   alwaysVisible: a,
-  ...m
+  dividerColor: s,
+  ...p
 }) => {
   const {
-    context: p,
-    transitionConfig: c,
-    refs: g
-  } = F(), { isMounted: x, status: d } = I(
-    p,
-    c
-  ), C = a && d === "initial" ? "open" : d;
-  return x ? /* @__PURE__ */ u(h, { children: [
-    r && /* @__PURE__ */ t(f, { position: o }),
+    context: c,
+    transitionConfig: f,
+    refs: x
+  } = b(), { isMounted: I, status: d } = N(
+    c,
+    f
+  ), h = a && d === "initial" ? "open" : d;
+  return I ? /* @__PURE__ */ g(C, { children: [
+    r && /* @__PURE__ */ t(u, { position: n, dividerColor: s }),
     /* @__PURE__ */ t(
       "div",
       {
-        ref: g.setFloating,
-        className: e,
-        "data-position": o,
-        "data-status": C,
-        children: /* @__PURE__ */ u("div", { className: U[`${j}__inline-wrapper-content`], children: [
-          s && /* @__PURE__ */ t(f, { position: o }),
-          /* @__PURE__ */ t("aside", { ...m, className: i, children: n })
+        ref: x.setFloating,
+        className: o,
+        "data-position": n,
+        "data-status": h,
+        children: /* @__PURE__ */ g("div", { className: j[`${y}__inline-wrapper-content`], children: [
+          l && /* @__PURE__ */ t(u, { position: n, dividerColor: s }),
+          /* @__PURE__ */ t("aside", { ...p, className: e, children: i })
         ] })
       }
     ),
-    l && /* @__PURE__ */ t(f, { position: o })
+    m && /* @__PURE__ */ t(u, { position: n, dividerColor: s })
   ] }) : null;
-}, T = ({
-  contextValue: n,
-  panelClassName: i,
-  inlineWrapperClassName: e,
-  resolvedPosition: o,
+}, V = ({
+  contextValue: i,
+  panelClassName: e,
+  inlineWrapperClassName: o,
+  resolvedPosition: n,
   dividerBefore: r,
-  dividerInner: s,
-  dividerAfter: l,
+  dividerInner: l,
+  dividerAfter: m,
   open: a,
-  transitionConfig: m,
-  children: p,
-  ...c
-}) => /* @__PURE__ */ t(N.Provider, { value: n, children: /* @__PURE__ */ t(
-  b,
+  transitionConfig: s,
+  dividerColor: p,
+  children: c,
+  ...f
+}) => /* @__PURE__ */ t(w.Provider, { value: i, children: /* @__PURE__ */ t(
+  U,
   {
     open: a ?? !0,
     portalled: !1,
-    transitionConfig: m,
+    transitionConfig: s,
     children: /* @__PURE__ */ t(
-      y,
+      B,
       {
-        panelClassName: i,
-        inlineWrapperClassName: e,
-        resolvedPosition: o,
+        panelClassName: e,
+        inlineWrapperClassName: o,
+        resolvedPosition: n,
         dividerBefore: r,
-        dividerInner: s,
-        dividerAfter: l,
+        dividerInner: l,
+        dividerAfter: m,
+        dividerColor: p,
         alwaysVisible: a === void 0,
-        ...c,
-        children: p
+        ...f,
+        children: c
       }
     )
   }
 ) });
 export {
-  f as InlineDivider,
-  T as InlinePanel
+  V as InlinePanel
 };

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

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

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

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

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

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

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

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, divider, isAnimated, onBeforeClose, modalType, ...panelProps }: PanelProps): JSX.Element;
+    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, divider, dividerColor, isAnimated, onBeforeClose, modalType, ...panelProps }: PanelProps): JSX.Element;
     displayName: string;
     Header: {
-        ({ children, className: _className, divider, ...props }: import('./Panel.Header').PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className: _className, divider, dividerColor, backgroundColor, ...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;
@@ -31,11 +31,11 @@ export declare const Panel: {
         };
     };
     Body: {
-        ({ children, className: _className, ...props }: import('./Panel.Body').PanelBodyProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className: _className, backgroundColor, ...props }: import('./Panel.Body').PanelBodyProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Footer: {
-        ({ children, className: _className, divider, ...props }: import('./Panel.Footer').PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className: _className, divider, dividerColor, backgroundColor, ...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;