@viasat/beam-react 2.27.0 → 2.28.0

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

@@ -1,85 +1,97 @@
-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 { jsx as t, jsxs as d, Fragment as C } from "react/jsx-runtime";
+import { useTransitionStatus as F } from "@floating-ui/react";
+import { g as w } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { PanelContext as w } from "./Panel.context.es.js";
+import { PanelContext as P } 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.FuwYDPMC.js";
-const { baseClassNamePrefix: y } = F("panel"), B = ({
-  children: i,
-  panelClassName: e,
-  inlineWrapperClassName: o,
+import { a as b } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
+import { InlineDivider as g } from "./Panel.Divider.es.js";
+import { PanelResizeHandle as j } from "./Panel.ResizeHandle.es.js";
+import { usePanelResize as y } from "./Panel.useResize.es.js";
+import { s as B } from "../../../chunks/panel.module.BblnuBjO.js";
+const { baseClassNamePrefix: M } = w("panel"), S = ({
+  children: s,
+  panelClassName: o,
+  inlineWrapperClassName: r,
   resolvedPosition: n,
-  dividerBefore: r,
-  dividerInner: l,
-  dividerAfter: m,
-  alwaysVisible: a,
-  dividerColor: s,
-  ...p
+  dividerBefore: l,
+  dividerInner: m,
+  dividerAfter: p,
+  alwaysVisible: e,
+  dividerColor: a,
+  resizeConfig: i,
+  ...f
 }) => {
   const {
     context: c,
-    transitionConfig: f,
+    transitionConfig: u,
     refs: x
-  } = b(), { isMounted: I, status: d } = N(
+  } = b(), { isMounted: I, status: h } = F(
     c,
-    f
-  ), h = a && d === "initial" ? "open" : d;
-  return I ? /* @__PURE__ */ g(C, { children: [
-    r && /* @__PURE__ */ t(u, { position: n, dividerColor: s }),
+    u
+  ), N = e && h === "initial" ? "open" : h, { handleRef: R } = y({
+    resizeConfig: i,
+    position: n,
+    floatingRef: x.floating
+  });
+  return I ? /* @__PURE__ */ d(C, { children: [
+    l && /* @__PURE__ */ t(g, { position: n, dividerColor: a }),
     /* @__PURE__ */ t(
       "div",
       {
         ref: x.setFloating,
-        className: o,
+        className: r,
         "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 })
+        "data-status": N,
+        children: /* @__PURE__ */ d("div", { className: B[`${M}__inline-wrapper-content`], children: [
+          m && /* @__PURE__ */ t(g, { position: n, dividerColor: a }),
+          /* @__PURE__ */ d("aside", { ...f, className: o, children: [
+            s,
+            i && /* @__PURE__ */ t(j, { ref: R })
+          ] })
         ] })
       }
     ),
-    m && /* @__PURE__ */ t(u, { position: n, dividerColor: s })
+    p && /* @__PURE__ */ t(g, { position: n, dividerColor: a })
   ] }) : null;
-}, V = ({
-  contextValue: i,
-  panelClassName: e,
-  inlineWrapperClassName: o,
+}, A = ({
+  contextValue: s,
+  panelClassName: o,
+  inlineWrapperClassName: r,
   resolvedPosition: n,
-  dividerBefore: r,
-  dividerInner: l,
-  dividerAfter: m,
-  open: a,
-  transitionConfig: s,
-  dividerColor: p,
-  children: c,
-  ...f
-}) => /* @__PURE__ */ t(w.Provider, { value: i, children: /* @__PURE__ */ t(
+  dividerBefore: l,
+  dividerInner: m,
+  dividerAfter: p,
+  open: e,
+  transitionConfig: a,
+  dividerColor: i,
+  children: f,
+  resizeConfig: c,
+  ...u
+}) => /* @__PURE__ */ t(P.Provider, { value: s, children: /* @__PURE__ */ t(
   U,
   {
-    open: a ?? !0,
+    open: e ?? !0,
     portalled: !1,
-    transitionConfig: s,
+    transitionConfig: a,
     children: /* @__PURE__ */ t(
-      B,
+      S,
       {
-        panelClassName: e,
-        inlineWrapperClassName: o,
+        panelClassName: o,
+        inlineWrapperClassName: r,
         resolvedPosition: n,
-        dividerBefore: r,
-        dividerInner: l,
-        dividerAfter: m,
-        dividerColor: p,
-        alwaysVisible: a === void 0,
-        ...f,
-        children: c
+        dividerBefore: l,
+        dividerInner: m,
+        dividerAfter: p,
+        dividerColor: i,
+        alwaysVisible: e === void 0,
+        resizeConfig: c,
+        ...u,
+        children: f
       }
     )
   }
 ) });
 export {
-  V as InlinePanel
+  A as InlinePanel
 };

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react"),n=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const l=require("../../../chunks/panel.module.CVyUzyCZ.js"),{baseClassNamePrefix:i}=n.getBEMClassNames("panel"),e=r.forwardRef((t,s)=>a.jsx("div",{ref:s,className:l.styles[`${i}__resize-handle`],"aria-hidden":!0,tabIndex:-1}));e.displayName="PanelResizeHandle";exports.PanelResizeHandle=e;

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

@@ -0,0 +1 @@
+export declare const PanelResizeHandle: import('react').ForwardRefExoticComponent<import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,18 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { g as r } from "../../../chunks/classNames.BTJmrO_L.js";
+import "../../../chunks/constants.CKKGf1-i.js";
+import { s as o } from "../../../chunks/panel.module.BblnuBjO.js";
+const { baseClassNamePrefix: i } = r("panel"), m = s((t, e) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: e,
+    className: o[`${i}__resize-handle`],
+    "aria-hidden": !0,
+    tabIndex: -1
+  }
+));
+m.displayName = "PanelResizeHandle";
+export {
+  m as PanelResizeHandle
+};

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

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

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

@@ -1,32 +1,32 @@
 import { PanelProps } from './Panel.types';
 export declare const Panel: {
-    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, divider, dividerColor, isAnimated, onBeforeClose, modalType, offset, ...panelProps }: PanelProps): JSX.Element;
+    ({ children, className: _className, padding, onOpenChange, open, size, dismissible, closeButtonAriaLabel, kind, position, divider, dividerColor, isAnimated, onBeforeClose, modalType, offset, resizable, id, ...panelProps }: PanelProps): JSX.Element;
     displayName: string;
     Header: {
-        ({ children, className: _className, divider, dividerColor, backgroundColor, ...props }: import('./Panel.Header').PanelHeaderProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className: _className, divider, dividerColor, backgroundColor, ...props }: import('./Panel.types').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;
+            ({ children, className: _className, ...props }: import('.').PanelHeaderRowProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         ContentBefore: {
-            ({ children, className: _className, ...props }: import('./Panel.Header.ContentBefore').PanelHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
+            ({ children, className: _className, ...props }: import('.').PanelHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Heading: {
-            ({ children, className: _className, id: _id, ...props }: import('./Panel.Header.Heading').PanelHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
+            ({ children, className: _className, id: _id, ...props }: import('.').PanelHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Description: {
-            ({ children, className: _className, ...props }: import('./Panel.Header.Description').PanelHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;
+            ({ children, className: _className, ...props }: import('.').PanelHeaderDescriptionProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         ContentAfter: {
-            ({ children, className: _className, ...props }: import('./Panel.Header.ContentAfter').PanelHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
+            ({ children, className: _className, ...props }: import('.').PanelHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
         Subheader: {
-            ({ children, className: _className, ...props }: import('./Panel.Header.Subheader').PanelHeaderSubheaderProps): import("react/jsx-runtime").JSX.Element;
+            ({ children, className: _className, ...props }: import('.').PanelHeaderSubheaderProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };
@@ -35,10 +35,10 @@ export declare const Panel: {
         displayName: string;
     };
     Footer: {
-        ({ children, className: _className, divider, dividerColor, backgroundColor, ...props }: import('./Panel.Footer').PanelFooterProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, className: _className, divider, dividerColor, backgroundColor, ...props }: import('./Footer/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;
+            ({ layout, children, className: _className, ...props }: import('.').PanelFooterActionsProps): import("react/jsx-runtime").JSX.Element;
             displayName: string;
         };
     };