@viasat/beam-react 2.41.0 → 2.43.0

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

@@ -1,45 +1,49 @@
-import { useMemo as u, useCallback as K } from "react";
-function A({
-  disabled: e,
-  readOnly: p,
-  fieldRef: w,
-  focusNext: t,
-  focusPrevious: l,
-  adjustSegment: i
+import { useMemo as f, useCallback as h } from "react";
+function b({
+  disabled: p,
+  readOnly: e,
+  fieldRef: u,
+  focusNext: l,
+  focusPrevious: i,
+  adjustSegment: n,
+  deleteLastDigit: w,
+  clearSegment: y
 }) {
-  const y = u(
+  const a = f(
     () => {
       const o = {
         // Nav keys always own the event (arrows are contentEditable caret keys we
         // suppress even at the first/last segment), so they always report handled.
-        ArrowRight: ({ segment: r, isRTL: n }) => ((n ? l : t)(r), !0),
-        ArrowLeft: ({ segment: r, isRTL: n }) => ((n ? t : l)(r), !0)
+        ArrowRight: ({ segment: r, isRTL: t }) => ((t ? i : l)(r), !0),
+        ArrowLeft: ({ segment: r, isRTL: t }) => ((t ? l : i)(r), !0)
       };
-      return p ? o : {
+      return e ? o : {
         ...o,
-        ArrowUp: ({ segment: r }) => i(r, 1),
-        ArrowDown: ({ segment: r }) => i(r, -1),
-        PageUp: ({ segment: r }) => i(r, 5),
-        PageDown: ({ segment: r }) => i(r, -5),
-        Home: ({ segment: r }) => i(r, "min"),
-        End: ({ segment: r }) => i(r, "max")
-        // ── Extension points ─────────────────────────────────────────────
-        // DF-5: Backspace / Delete (clear segment) → value action
+        ArrowUp: ({ segment: r }) => n(r, 1),
+        ArrowDown: ({ segment: r }) => n(r, -1),
+        PageUp: ({ segment: r }) => n(r, 5),
+        PageDown: ({ segment: r }) => n(r, -5),
+        Home: ({ segment: r }) => n(r, "min"),
+        End: ({ segment: r }) => n(r, "max"),
+        // DF-5: Backspace removes the last digit (empty → focus previous); Delete clears the segment.
+        // Both always own the key (delete or focus-hop), so they report handled.
+        Backspace: ({ segment: r }) => (w(r).wasEmpty && i(r), !0),
+        Delete: ({ segment: r }) => (y(r), !0)
       };
     },
-    [i, t, l, p]
+    [n, y, w, l, i, e]
   );
-  return K(
+  return h(
     (o, r) => {
-      if (e || r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
-      const n = y[r.key];
-      if (!n) return;
-      const c = w.current, a = !!c && (getComputedStyle(c).direction === "rtl" || !!c.closest('[dir="rtl"]'));
-      n({ segment: o, event: r, isRTL: a }) && r.preventDefault();
+      if (p || r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
+      const t = a[r.key];
+      if (!t) return;
+      const c = u.current, K = !!c && (getComputedStyle(c).direction === "rtl" || !!c.closest('[dir="rtl"]'));
+      t({ segment: o, event: r, isRTL: K }) && r.preventDefault();
     },
-    [e, y, w]
+    [p, a, u]
   );
 }
 export {
-  A as useDateFieldKeyboard
+  b as useDateFieldKeyboard
 };

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

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

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

@@ -32,6 +32,25 @@ export interface UseDateFieldValueReturn {
      * the key to native (e.g. page scroll).
      */
     adjustSegment: (type: SegmentType, amount: SegmentAdjustment) => boolean;
+    /**
+     * Removes the last raw digit from the segment buffer (Backspace behaviour).
+     *
+     * Returns `{ wasEmpty: true }` when the buffer was already empty so the
+     * caller (keyboard handler) knows to move focus to the previous segment.
+     * Clears `replaceNextRef` for the segment so a digit typed immediately after
+     * appends rather than replaces.
+     */
+    deleteLastDigit: (type: SegmentType) => {
+        wasEmpty: boolean;
+    };
+    /**
+     * Clears the entire segment buffer to `''` (Delete behaviour).
+     *
+     * Focus stays on the current segment. Fires `onChange(null)` via
+     * `emitIfChanged` when the cleared segment was part of a complete date.
+     * Clears `replaceNextRef` for the segment so the next digit appends.
+     */
+    clearSegment: (type: SegmentType) => void;
     beginSegmentEdit: (type: SegmentType) => void;
     commitOnBlur: () => void;
 }

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

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

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.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),u=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const e=require("../../../../chunks/panel.module.BzLGa7GY.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.d.ts

@@ -6,7 +6,7 @@ export interface PanelFooterActionsProps extends ComponentPropsWithoutRef<'div'>
      */
     children?: React.ReactNode;
     /**
-     * Specify the layout of actions in the Footer
+     * Specify how the actions are arranged in the footer
      * @default 'end'
      */
     layout?: FooterActionLayout;

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

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

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

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BVmRxZHo.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),l=require("clsx"),o=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:i}=o.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=l(c.styles[`${u}__content-after`],t);return a.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentAfter";exports.ContentAfter=e;

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

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

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

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import o from "clsx";
 import { g as m } from "../../../../chunks/classNames.ZWNk1hey.js";
 import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as n } from "../../../../chunks/panel.module.CnHWv4EZ.js";
+import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: s,
   className: e,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BVmRxZHo.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("clsx"),l=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const c=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:i}=l.getBEMClassNames("panel"),u=`${i}header`,e=({children:s,className:t,...n})=>{const r=a(c.styles[`${u}__content-before`],t);return o.jsx("div",{className:r,...n,children:s})};e.displayName="Panel.Header.ContentBefore";exports.ContentBefore=e;

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

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

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

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import a from "clsx";
 import { g as m } from "../../../../chunks/classNames.ZWNk1hey.js";
 import "../../../../chunks/constants.Cruz2A1w.js";
-import { s as n } from "../../../../chunks/panel.module.CnHWv4EZ.js";
+import { s as n } from "../../../../chunks/panel.module.CgFBtvbR.js";
 const { subElementClassPrefix: l } = m("panel"), c = `${l}header`, f = ({
   children: e,
   className: s,

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const l=require("../../../../chunks/panel.module.BVmRxZHo.js"),{subElementClassPrefix:o}=c.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:r,...t})=>{const a=n(l.styles[`${u}__description`],r);return i.jsx("div",{className:a,...t,children:s})};e.displayName="Panel.Header.Description";exports.Description=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("clsx"),c=require("../../../../chunks/classNames.DC8Ra4sw.js");require("../../../../chunks/constants.CgMu0_1M.js");const l=require("../../../../chunks/panel.module.BzLGa7GY.js"),{subElementClassPrefix:o}=c.getBEMClassNames("panel"),u=`${o}header`,e=({children:s,className:r,...t})=>{const a=n(l.styles[`${u}__description`],r);return i.jsx("div",{className:a,...t,children:s})};e.displayName="Panel.Header.Description";exports.Description=e;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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