@viasat/beam-react 2.16.0 → 2.18.0

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

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

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

@@ -8,10 +8,11 @@ type OverlayPanelProps = {
     resolvedPosition: PanelPosition;
     showDivider: boolean;
     modalType?: PanelModalType;
+    closeOnOutsidePress?: boolean;
     open?: boolean;
     onOpenChange?: FloatingUIProps['onOpenChange'];
     transitionConfig: UseTransitionStylesProps;
     children: React.ReactNode;
 } & React.ComponentPropsWithoutRef<'aside'>;
-export declare const OverlayPanel: ({ contextValue, panelClassName, resolvedPosition, showDivider, modalType, 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, children, ...props }: OverlayPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,48 +1,51 @@
-import { jsx as r, jsxs as g } from "react/jsx-runtime";
-import y from "clsx";
-import { g as u } from "../../../chunks/classNames.BTJmrO_L.js";
+import { jsx as r, jsxs as u } from "react/jsx-runtime";
+import x from "clsx";
+import { g as N } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
-import { PanelContext as x } from "./Panel.context.es.js";
-import { FloatingUIRoot as C } from "../../FloatingUI/FloatingUI.root.es.js";
-import { Content as N } from "../../FloatingUI/FloatingUI.content.es.js";
-import { InlineDivider as _ } from "./Panel.Inline.es.js";
-import { s } from "../../../chunks/panel.module.BVm3KvDs.js";
-const { baseClassNamePrefix: i } = u("panel"), B = ({
+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 P } from "./Panel.Inline.es.js";
+import { s as t } from "../../../chunks/panel.module.BVm3KvDs.js";
+const { baseClassNamePrefix: e } = N("panel"), R = ({
   contextValue: a,
-  panelClassName: t,
-  resolvedPosition: e,
-  showDivider: l,
-  modalType: o,
-  open: m,
-  onOpenChange: n,
+  panelClassName: l,
+  resolvedPosition: o,
+  showDivider: n,
+  modalType: i,
+  closeOnOutsidePress: m,
+  open: f,
+  onOpenChange: c,
   transitionConfig: d,
   children: p,
-  ...f
+  ...g
 }) => {
-  const c = o === "alert" ? { escapeKey: !1, outsidePress: !1 } : void 0, v = y(
-    s[`${i}__overlay-divider`],
-    s[`${i}__overlay-divider--${e}`]
+  const s = i === "isModal" || i === "alert", v = _(i, m), C = x(
+    t[`${e}__overlay-divider`],
+    t[`${e}__overlay-divider--${o}`]
   );
-  return /* @__PURE__ */ r(x.Provider, { value: a, children: /* @__PURE__ */ r(
-    C,
+  return /* @__PURE__ */ r(y.Provider, { value: a, children: /* @__PURE__ */ r(
+    h,
     {
-      open: m,
-      onOpenChange: n,
+      open: f,
+      onOpenChange: c,
       portalled: !0,
       transitionConfig: d,
-      dismiss: c,
-      children: /* @__PURE__ */ g(
-        N,
+      dismiss: v,
+      focusConfiguration: s || void 0,
+      children: /* @__PURE__ */ u(
+        D,
         {
-          className: t,
+          className: l,
           skipFloatingStyles: !0,
-          overlay: !0,
-          ...f,
-          role: o === "alert" ? "alertdialog" : "dialog",
-          "data-position": e,
+          overlay: s,
+          ...g,
+          role: i === "alert" ? "alertdialog" : "dialog",
+          "data-position": o,
           children: [
             p,
-            l && /* @__PURE__ */ r(_, { position: e, className: v })
+            n && /* @__PURE__ */ r(P, { position: o, className: C })
           ]
         }
       )
@@ -50,5 +53,5 @@ const { baseClassNamePrefix: i } = u("panel"), B = ({
   ) });
 };
 export {
-  B as OverlayPanel
+  R as OverlayPanel
 };

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import { OpenChangeReason } from '@floating-ui/react';
-import { PanelCloseReason, PanelPosition, PanelProps } from './Panel.types';
+import { PanelCloseReason, PanelModalType, PanelPosition, PanelProps } from './Panel.types';
 export declare const PANEL_TRANSITION_DURATION_MS = 400;
 export declare const getResolvedPanelPosition: (position?: PanelPosition) => PanelPosition;
 export declare const getPanelDividerState: (divider: boolean, position?: PanelPosition) => {
@@ -8,6 +8,17 @@ export declare const getPanelDividerState: (divider: boolean, position?: PanelPo
     dividerInner: boolean;
     dividerAfter: boolean;
 };
+/**
+ * Returns the floating-ui `dismiss` config for an overlay panel.
+ *
+ * - `isModal`           — `undefined` (floating-ui defaults: ESC + backdrop click both close)
+ * - `nonModal` / omitted — ESC suppressed; outside-press controlled by `closeOnOutsidePress`
+ * - `alert`             — ESC and outside-press both suppressed
+ */
+export declare const getPanelDismissConfig: (modalType: PanelModalType | undefined, closeOnOutsidePress?: boolean) => {
+    escapeKey: boolean;
+    outsidePress: boolean;
+} | undefined;
 export declare const usePanelClose: (onBeforeClose: PanelProps["onBeforeClose"], onOpenChange: PanelProps["onOpenChange"]) => {
     requestClose: (reason: PanelCloseReason) => void;
     handleOverlayOpenChange: (nextOpen: boolean, _event?: Event, floatingReason?: OpenChangeReason) => void;

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

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

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

@@ -112,6 +112,12 @@ export interface OverlayPanelProps extends BasePanelProps {
      * @default 'nonModal'
      */
     modalType?: PanelModalType;
+    /**
+     * When `modalType="nonModal"`, allows the panel to close when the user
+     * clicks outside it. Has no effect for `'isModal'` or `'alert'` panels.
+     * @default false
+     */
+    closeOnOutsidePress?: boolean;
 }
 export type PanelProps = InlinePanelProps | OverlayPanelProps;
 export type { PanelHeaderProps } from './Panel.Header';

package/package.json

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