@viasat/beam-react 2.30.0 → 2.37.0

package/lib/wip/DateField/useDateFieldSegments.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(){const e=r.useRef(new Map),n=r.useCallback(t=>s=>{s?e.current.set(t,s):e.current.delete(t)},[]);return{segmentRefs:e,registerSegmentRef:n}}exports.useDateFieldSegments=u;

package/lib/wip/DateField/useDateFieldSegments.d.ts

@@ -0,0 +1,7 @@
+import { MutableRefObject } from 'react';
+import { SegmentType } from './DateField.types';
+export interface UseDateFieldSegmentsReturn {
+    segmentRefs: MutableRefObject<Map<SegmentType, HTMLSpanElement>>;
+    registerSegmentRef: (segment: SegmentType) => (element: HTMLSpanElement | null) => void;
+}
+export declare function useDateFieldSegments(): UseDateFieldSegmentsReturn;

package/lib/wip/DateField/useDateFieldSegments.es.js

@@ -0,0 +1,13 @@
+import { useRef as n, useCallback as u } from "react";
+function f() {
+  const e = n(/* @__PURE__ */ new Map()), s = u(
+    (t) => (r) => {
+      r ? e.current.set(t, r) : e.current.delete(t);
+    },
+    []
+  );
+  return { segmentRefs: e, registerSegmentRef: s };
+}
+export {
+  f as useDateFieldSegments
+};

package/lib/wip/DateField/useDateFieldValidity.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),s=["day","month","year"];function c({segments:l,currentValue:t,wasTouched:i,isFocused:n}){return u.useMemo(()=>{const a=s.reduce((r,d)=>l[d]!=null?r+1:r,0),e=a===3,o=a>0&&!e;return{allFilled:e,hasPartialValue:o,isInvalid:i&&(e&&t===null||o&&!n)}},[l,t,i,n])}exports.useDateFieldValidity=c;

package/lib/wip/DateField/useDateFieldValidity.d.ts

@@ -0,0 +1,23 @@
+import { Nullable } from '@viasat/beam-shared/utils/types';
+import { SegmentValues } from './DateField.types';
+export interface UseDateFieldValidityArgs {
+    segments: SegmentValues;
+    /** Result of `deriveValue(segments)` — passed in to avoid recomputing. */
+    currentValue: Nullable<Date>;
+    /** Gates error visibility — partial / invalid combos don't surface until the
+     *  user has interacted with the field. */
+    wasTouched: boolean;
+    /** True when any segment in the field currently holds focus. The partial-
+     *  on-blur rule only fires once focus has left. */
+    isFocused: boolean;
+}
+export interface UseDateFieldValidityReturn {
+    allFilled: boolean;
+    hasPartialValue: boolean;
+    /** "Show error?" for value-driven invalidity. True when the user has
+     *  touched the field AND either:
+     *   - all segments are filled but combine to an invalid date (Feb 30), or
+     *   - some segments are filled, others empty, and focus has left the field. */
+    isInvalid: boolean;
+}
+export declare function useDateFieldValidity({ segments, currentValue, wasTouched, isFocused, }: UseDateFieldValidityArgs): UseDateFieldValidityReturn;

package/lib/wip/DateField/useDateFieldValidity.es.js

@@ -0,0 +1,19 @@
+import { useMemo as s } from "react";
+const u = ["day", "month", "year"];
+function m({
+  segments: n,
+  currentValue: t,
+  wasTouched: i,
+  isFocused: a
+}) {
+  return s(() => {
+    const o = u.reduce(
+      (r, d) => n[d] != null ? r + 1 : r,
+      0
+    ), l = o === 3, e = o > 0 && !l;
+    return { allFilled: l, hasPartialValue: e, isInvalid: i && (l && t === null || e && !a) };
+  }, [n, t, i, a]);
+}
+export {
+  m as useDateFieldValidity
+};

package/lib/wip/DateField/useDateFieldValue.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./DateField.utils.cjs.js"),E=require("./DateField.validation.cjs.js");function j({value:u,defaultValue:F,onChange:m}){const T=t.useRef(u!==void 0),f=T.current,[c,g]=t.useState(()=>r.segmentTextFromValue(f?u??null:F??null)),[h,S]=t.useState(!1),s=t.useRef(c),a=t.useRef(new Set),x=t.useRef(!1),V={day:r.segmentNumber("day",c.day),month:r.segmentNumber("month",c.month),year:r.segmentNumber("year",c.year)},y=r.deriveValue(V),b=t.useRef(y),D=t.useRef(f?u??null:null),l=t.useRef(m);t.useEffect(()=>{l.current=m},[m]),t.useEffect(()=>{if(!T.current||x.current||r.isSameDateValue(u??null,D.current))return;D.current=u??null;const e=r.segmentTextFromValue(u??null);s.current=e,g(e),b.current=r.deriveValueFromText(e)},[u]);const o=t.useCallback(e=>{var i;const n=r.deriveValueFromText(e);r.isSameDateValue(n,b.current)||(b.current=n,(i=l.current)==null||i.call(l,n))},[]),_=t.useCallback((e,n)=>{const i=a.current.has(e)?"":s.current[e],d=E.tryAppendDigit(e,i,n);if(d.rejected)return{advanced:!1,rejected:!0};const R={...s.current,[e]:d.newBuffer};return s.current=R,g(R),S(!0),o(R),d.shouldAdvance?a.current.add(e):a.current.delete(e),{advanced:d.shouldAdvance,rejected:!1}},[o]),v=t.useCallback(e=>{x.current=!0,a.current.add(e)},[]),w=t.useCallback(()=>{x.current=!1;const e=s.current,n={day:r.normalizeSegmentText("day",e.day),month:r.normalizeSegmentText("month",e.month),year:r.normalizeSegmentText("year",e.year)};s.current=n,g(n),S(!0),o(n)},[o]);return{segmentText:c,segmentValues:V,currentValue:y,isControlled:f,wasTouched:h,appendDigit:_,beginSegmentEdit:v,commitOnBlur:w}}exports.useDateFieldValue=j;

package/lib/wip/DateField/useDateFieldValue.d.ts

@@ -0,0 +1,19 @@
+import { Nullable } from '@viasat/beam-shared/utils/types';
+import { AppendDigitResult, SegmentText, SegmentType, SegmentValues } from './DateField.types';
+export interface UseDateFieldValueArgs {
+    value?: Nullable<Date>;
+    defaultValue?: Nullable<Date>;
+    /** Fires on user-driven value transitions only, never on controlled `value` changes. */
+    onChange?: (value: Nullable<Date>) => void;
+}
+export interface UseDateFieldValueReturn {
+    segmentText: SegmentText;
+    segmentValues: SegmentValues;
+    currentValue: Nullable<Date>;
+    isControlled: boolean;
+    wasTouched: boolean;
+    appendDigit: (type: SegmentType, digit: string) => AppendDigitResult;
+    beginSegmentEdit: (type: SegmentType) => void;
+    commitOnBlur: () => void;
+}
+export declare function useDateFieldValue({ value, defaultValue, onChange, }: UseDateFieldValueArgs): UseDateFieldValueReturn;

package/lib/wip/DateField/useDateFieldValue.es.js

@@ -0,0 +1,62 @@
+import { useRef as n, useState as E, useEffect as j, useCallback as i } from "react";
+import { segmentTextFromValue as v, segmentNumber as T, deriveValue as C, isSameDateValue as w, deriveValueFromText as A, normalizeSegmentText as V } from "./DateField.utils.es.js";
+import { tryAppendDigit as I } from "./DateField.validation.es.js";
+function G({
+  value: r,
+  defaultValue: F,
+  onChange: m
+}) {
+  const R = n(r !== void 0), f = R.current, [u, x] = E(
+    () => v(f ? r ?? null : F ?? null)
+  ), [B, S] = E(!1), c = n(u), s = n(/* @__PURE__ */ new Set()), g = n(!1), p = {
+    day: T("day", u.day),
+    month: T("month", u.month),
+    year: T("year", u.year)
+  }, D = C(p), h = n(D), b = n(
+    f ? r ?? null : null
+  ), o = n(m);
+  j(() => {
+    o.current = m;
+  }, [m]), j(() => {
+    if (!R.current || g.current || w(r ?? null, b.current)) return;
+    b.current = r ?? null;
+    const e = v(r ?? null);
+    c.current = e, x(e), h.current = A(e);
+  }, [r]);
+  const a = i((e) => {
+    var d;
+    const t = A(e);
+    w(t, h.current) || (h.current = t, (d = o.current) == null || d.call(o, t));
+  }, []), N = i(
+    (e, t) => {
+      const d = s.current.has(e) ? "" : c.current[e], l = I(e, d, t);
+      if (l.rejected) return { advanced: !1, rejected: !0 };
+      const y = { ...c.current, [e]: l.newBuffer };
+      return c.current = y, x(y), S(!0), a(y), l.shouldAdvance ? s.current.add(e) : s.current.delete(e), { advanced: l.shouldAdvance, rejected: !1 };
+    },
+    [a]
+  ), k = i((e) => {
+    g.current = !0, s.current.add(e);
+  }, []), z = i(() => {
+    g.current = !1;
+    const e = c.current, t = {
+      day: V("day", e.day),
+      month: V("month", e.month),
+      year: V("year", e.year)
+    };
+    c.current = t, x(t), S(!0), a(t);
+  }, [a]);
+  return {
+    segmentText: u,
+    segmentValues: p,
+    currentValue: D,
+    isControlled: f,
+    wasTouched: B,
+    appendDigit: N,
+    beginSegmentEdit: k,
+    commitOnBlur: z
+  };
+}
+export {
+  G as useDateFieldValue
+};

package/lib/wip/DateField/useInvalidState.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),o=({formInvalid:e,valueInvalid:t})=>s.useMemo(()=>e||t,[e,t]);exports.useInvalidState=o;

package/lib/wip/DateField/useInvalidState.d.ts

@@ -0,0 +1,13 @@
+export interface UseInvalidStateArgs {
+    /** Invalid flag from `useDateFieldForm` (consumer error prop OR validator
+     *  result). */
+    formInvalid: boolean;
+    /** Invalid flag from `useDateFieldValidity` (cross-segment Feb 30,
+     *  partial-on-blur). */
+    valueInvalid: boolean;
+}
+/** Aggregates all error-state sources into a single flag for the
+ *  `.date-field--error` modifier class. Scaffolding for DF-10 (minDate /
+ *  maxDate) and any future validity rules — they slot in as new args here
+ *  without touching the orchestrator's JSX. */
+export declare const useInvalidState: ({ formInvalid, valueInvalid, }: UseInvalidStateArgs) => boolean;

package/lib/wip/DateField/useInvalidState.es.js

@@ -0,0 +1,8 @@
+import { useMemo as o } from "react";
+const m = ({
+  formInvalid: t,
+  valueInvalid: e
+}) => o(() => t || e, [t, e]);
+export {
+  m as useInvalidState
+};

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

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

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

@@ -2,7 +2,7 @@ import { jsx as n } from "react/jsx-runtime";
 import i from "clsx";
 import { g as c } from "../../../../chunks/classNames.BTJmrO_L.js";
 import "../../../../chunks/constants.CKKGf1-i.js";
-import { s as o } from "../../../../chunks/panel.module.BblnuBjO.js";
+import { s as o } from "../../../../chunks/panel.module.CnHWv4EZ.js";
 const { subElementClassPrefix: l } = c("panel"), p = ({
   layout: t = "end",
   children: a,

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.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.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.CVyUzyCZ.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"),c=require("clsx"),_=require("../../../../chunks/classNames.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.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;

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

@@ -6,7 +6,7 @@ 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.BblnuBjO.js";
+import { s as d } from "../../../../chunks/panel.module.CnHWv4EZ.js";
 const { subElementClassPrefix: A } = c("panel"), D = `${A}footer`, r = ({
   children: s,
   className: t,

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.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.js");const c=require("../../../../chunks/panel.module.CVyUzyCZ.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.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;

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.BTJmrO_L.js";
 import "../../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../../chunks/panel.module.BblnuBjO.js";
+import { s as n } from "../../../../chunks/panel.module.CnHWv4EZ.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.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.js");const c=require("../../../../chunks/panel.module.CVyUzyCZ.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.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;

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.BTJmrO_L.js";
 import "../../../../chunks/constants.CKKGf1-i.js";
-import { s as n } from "../../../../chunks/panel.module.BblnuBjO.js";
+import { s as n } from "../../../../chunks/panel.module.CnHWv4EZ.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.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.js");const l=require("../../../../chunks/panel.module.CVyUzyCZ.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.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;

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.BTJmrO_L.js";
 import "../../../../chunks/constants.CKKGf1-i.js";
-import { s as m } from "../../../../chunks/panel.module.BblnuBjO.js";
+import { s as m } from "../../../../chunks/panel.module.CnHWv4EZ.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.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.CVyUzyCZ.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.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;

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

@@ -6,7 +6,7 @@ import "../../../../chunks/constants.CKKGf1-i.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.BblnuBjO.js";
+import { s as b } from "../../../../chunks/panel.module.CnHWv4EZ.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.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.CVyUzyCZ.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.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;

package/lib/wip/Panel/Header/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.BblnuBjO.js";
+import { s as o } from "../../../../chunks/panel.module.CnHWv4EZ.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.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.js");const c=require("../../../../chunks/panel.module.CVyUzyCZ.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.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;

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.BTJmrO_L.js";
 import "../../../../chunks/constants.CKKGf1-i.js";
-import { s as l } from "../../../../chunks/panel.module.BblnuBjO.js";
+import { s as l } from "../../../../chunks/panel.module.CnHWv4EZ.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.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.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.CVyUzyCZ.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"),o=require("clsx"),d=require("../../../../chunks/classNames.DAeKwerT.js");require("../../../../chunks/constants.hwjHOsvT.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;

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

@@ -11,7 +11,7 @@ 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.BblnuBjO.js";
+import { s as N } from "../../../../chunks/panel.module.CnHWv4EZ.js";
 const { subElementClassPrefix: A } = d("panel"), B = `${A}header`, r = ({
   children: e,
   className: t,

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.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const i=require("../../Box/Box.cjs.js"),u=require("../../../chunks/panel.module.CVyUzyCZ.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 l=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.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;

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

@@ -3,7 +3,7 @@ import e from "clsx";
 import { g as l } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
 import { Box as p } from "../../Box/Box.es.js";
-import { s as i } from "../../../chunks/panel.module.BblnuBjO.js";
+import { s as i } from "../../../chunks/panel.module.CnHWv4EZ.js";
 const { subElementClassPrefix: n } = l("panel"), c = `${n}body`, f = ({
   children: s,
   className: o,

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

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

@@ -14,8 +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: 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, 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, sizeStyle, skipMountAnimation, ...props }: InlinePanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,16 +1,16 @@
-import { jsx as t, jsxs as g, Fragment as F } from "react/jsx-runtime";
-import { useTransitionStatus as w } from "@floating-ui/react";
+import { jsx as t, jsxs as x, Fragment as w } from "react/jsx-runtime";
+import { useTransitionStatus as y } from "@floating-ui/react";
 import { g as P } from "../../../chunks/classNames.BTJmrO_L.js";
 import "../../../chunks/constants.CKKGf1-i.js";
 import { PanelContext as U } from "./Panel.context.es.js";
 import { FloatingUIRoot as b } from "../../FloatingUI/FloatingUI.root.es.js";
 import { a as j } from "../../../chunks/FloatingUI.context.Dl4Y1y1z.js";
-import { InlineDivider as x } from "./Panel.Divider.es.js";
-import { PanelResizeHandle as y } from "./Panel.ResizeHandle.es.js";
-import { usePanelResize as B } from "./Panel.useResize.es.js";
-import { s as M } from "../../../chunks/panel.module.BblnuBjO.js";
-const { baseClassNamePrefix: S } = P("panel"), _ = ({
-  children: s,
+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";
+const { baseClassNamePrefix: _ } = P("panel"), z = ({
+  children: i,
   panelClassName: o,
   inlineWrapperClassName: r,
   resolvedPosition: n,
@@ -20,43 +20,45 @@ const { baseClassNamePrefix: S } = P("panel"), _ = ({
   alwaysVisible: e,
   skipMountAnimation: f,
   dividerColor: a,
-  resizeConfig: i,
-  ...c
+  resizeConfig: s,
+  sizeStyle: c,
+  ...u
 }) => {
   const {
-    context: u,
-    transitionConfig: d,
-    refs: h
-  } = j(), { isMounted: N, status: I } = w(
-    u,
-    d
-  ), R = (e || f) && I === "initial" ? "open" : I, { handleRef: C } = B({
-    resizeConfig: i,
+    context: d,
+    transitionConfig: g,
+    refs: I
+  } = j(), { isMounted: R, status: N } = y(
+    d,
+    g
+  ), C = (e || f) && N === "initial" ? "open" : N, { handleRef: F } = M({
+    resizeConfig: s,
     position: n,
-    floatingRef: h.floating
+    floatingRef: I.floating
   });
-  return N ? /* @__PURE__ */ g(F, { children: [
-    l && /* @__PURE__ */ t(x, { position: n, dividerColor: a }),
+  return R ? /* @__PURE__ */ x(w, { children: [
+    l && /* @__PURE__ */ t(h, { position: n, dividerColor: a }),
     /* @__PURE__ */ t(
       "div",
       {
-        ref: h.setFloating,
+        ref: I.setFloating,
         className: r,
         "data-position": n,
-        "data-status": R,
-        children: /* @__PURE__ */ g("div", { className: M[`${S}__inline-wrapper-content`], children: [
-          m && /* @__PURE__ */ t(x, { position: n, dividerColor: a }),
-          /* @__PURE__ */ g("aside", { ...c, className: o, children: [
-            s,
-            i && /* @__PURE__ */ t(y, { ref: C })
+        "data-status": C,
+        style: c,
+        children: /* @__PURE__ */ x("div", { className: S[`${_}__inline-wrapper-content`], children: [
+          m && /* @__PURE__ */ t(h, { position: n, dividerColor: a }),
+          /* @__PURE__ */ x("aside", { ...u, className: o, children: [
+            i,
+            s && /* @__PURE__ */ t(B, { ref: F })
           ] })
         ] })
       }
     ),
-    p && /* @__PURE__ */ t(x, { position: n, dividerColor: a })
+    p && /* @__PURE__ */ t(h, { position: n, dividerColor: a })
   ] }) : null;
-}, G = ({
-  contextValue: s,
+}, J = ({
+  contextValue: i,
   panelClassName: o,
   inlineWrapperClassName: r,
   resolvedPosition: n,
@@ -66,18 +68,19 @@ const { baseClassNamePrefix: S } = P("panel"), _ = ({
   open: e,
   transitionConfig: f,
   dividerColor: a,
-  children: i,
+  children: s,
   resizeConfig: c,
-  skipMountAnimation: u,
-  ...d
-}) => /* @__PURE__ */ t(U.Provider, { value: s, children: /* @__PURE__ */ t(
+  sizeStyle: u,
+  skipMountAnimation: d,
+  ...g
+}) => /* @__PURE__ */ t(U.Provider, { value: i, children: /* @__PURE__ */ t(
   b,
   {
     open: e ?? !0,
     portalled: !1,
     transitionConfig: f,
     children: /* @__PURE__ */ t(
-      _,
+      z,
       {
         panelClassName: o,
         inlineWrapperClassName: r,
@@ -87,14 +90,15 @@ const { baseClassNamePrefix: S } = P("panel"), _ = ({
         dividerAfter: p,
         dividerColor: a,
         alwaysVisible: e === void 0,
-        skipMountAnimation: u,
+        skipMountAnimation: d,
         resizeConfig: c,
-        ...d,
-        children: i
+        sizeStyle: u,
+        ...g,
+        children: s
       }
     )
   }
 ) });
 export {
-  G as InlinePanel
+  J 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"),p=require("clsx"),F=require("../../../chunks/classNames.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.js");const I=require("./Panel.context.cjs.js"),j=require("./Panel.helpers.cjs.js"),C=require("../../FloatingUI/FloatingUI.root.cjs.js"),R=require("../../FloatingUI/FloatingUI.content.cjs.js"),U=require("../../../chunks/FloatingUI.context.B15Tz_4h.js"),N=require("./Panel.Divider.cjs.js"),h=require("./Panel.ResizeHandle.cjs.js"),w=require("./Panel.useResize.cjs.js"),v=require("../../../chunks/panel.module.CVyUzyCZ.js"),{baseClassNamePrefix:y,variable:b}=F.getBEMClassNames("panel"),D=({children:a,panelClassName:r,resolvedPosition:e,showDivider:o,dividerColor:n,resizeConfig:s,floatingOffset:i,overlayDividerClassName:c,isBlocking:u,skipMountAnimation:_,style:t,...d})=>{const{refs:g}=U.useBmFloatingUIContext(),{handleRef:P}=w.usePanelResize({resizeConfig:s,position:e,floatingRef:g.floating,requireMount:!0}),x=i?{...t,[b("offset-x")]:i.x,[b("offset-y")]:i.y}:t;return l.jsxs(R.Content,{className:r,skipFloatingStyles:!0,overlay:u,...d,style:x,"data-position":e,..._?{"data-status":"open"}:{},children:[a,o&&l.jsx(N.InlineDivider,{position:e,className:c,dividerColor:n}),s&&l.jsx(h.PanelResizeHandle,{ref:P})]})},M=({contextValue:a,panelClassName:r,resolvedPosition:e,showDivider:o,modalType:n,closeOnOutsidePress:s,floatingOffset:i,open:c,onOpenChange:u,transitionConfig:_,dividerColor:t,children:d,resizeConfig:g,skipMountAnimation:P,...x})=>{const q=n==="isModal"||n==="alert",f=j.getPanelDismissConfig(n,s),m=p(v.styles[`${y}__overlay-divider`],v.styles[`${y}__overlay-divider--${e}`]);return l.jsx(I.PanelContext.Provider,{value:a,children:l.jsx(C.FloatingUIRoot,{open:c,onOpenChange:u,portalled:!0,transitionConfig:_,dismiss:f,focusConfiguration:q?!0:{modal:!1,closeOnFocusOut:!1},children:l.jsx(D,{panelClassName:r,resolvedPosition:e,showDivider:o,dividerColor:t,floatingOffset:i,overlayDividerClassName:m,isBlocking:q,resizeConfig:g,skipMountAnimation:P,...x,role:n==="alert"?"alertdialog":"dialog","aria-modal":q||void 0,children:d})})})};exports.OverlayPanel=M;
+"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.DAeKwerT.js");require("../../../chunks/constants.hwjHOsvT.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;

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

@@ -1,4 +1,5 @@
 import { UseTransitionStylesProps } from '@floating-ui/react';
+import { ComponentPropsWithoutRef, CSSProperties, RefObject } from 'react';
 import { PanelDividerColor, PanelModalType, PanelPosition, PanelResizeConfig, ResolvedPanelOffset } from './Panel.types';
 import { PanelContextValue } from './Panel.context';
 import { FloatingUIProps } from '../../FloatingUI/FloatingUI.context';
@@ -16,8 +17,23 @@ 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: when true, suppress the slide-in animation on this mount. */
     skipMountAnimation?: boolean;
-} & React.ComponentPropsWithoutRef<'aside'>;
-export declare const OverlayPanel: ({ contextValue, panelClassName, resolvedPosition, showDivider, modalType, closeOnOutsidePress, floatingOffset, open, onOpenChange, transitionConfig, dividerColor, children, resizeConfig, skipMountAnimation, ...props }: OverlayPanelProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * Portal target; when set, panel renders inside this element using position: absolute.
+     * `undefined` means no container (full-screen). A pending container is handled upstream:
+     * Panel returns null before reaching here, so this is never `null`.
+     */
+    container?: HTMLElement;
+    /**
+     * The element that opens the panel; clicks on it are excluded from outside-press
+     * dismissal so it can toggle the panel without the close immediately re-firing.
+     * Focus returns to the previously-focused element (typically this trigger) on close.
+     * No effect on `kind="inline"`.
+     */
+    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 {};