@viasat/beam-react 2.30.0 → 2.36.0

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s={day:2,month:2,year:4},c=/^[0-9]$/,a=(r,e,n)=>{if(!c.test(n))return{newBuffer:e,shouldAdvance:!1,rejected:!0};const u=s[r];if(e.length>=u)return{newBuffer:e,shouldAdvance:!1,rejected:!0};if(r==="year"){const t=e+n;return{newBuffer:t,shouldAdvance:t.length===u,rejected:!1}}return r==="month"?l(e,n):d(e,n)},l=(r,e)=>r===""?e==="0"||e==="1"?{newBuffer:e,shouldAdvance:!1,rejected:!1}:{newBuffer:`0${e}`,shouldAdvance:!0,rejected:!1}:r==="0"?e==="0"?{newBuffer:r,shouldAdvance:!1,rejected:!0}:{newBuffer:`0${e}`,shouldAdvance:!0,rejected:!1}:r==="1"?e==="0"||e==="1"||e==="2"?{newBuffer:`1${e}`,shouldAdvance:!0,rejected:!1}:{newBuffer:r,shouldAdvance:!1,rejected:!0}:{newBuffer:r,shouldAdvance:!1,rejected:!0},d=(r,e)=>r===""?e==="0"||e==="1"||e==="2"||e==="3"?{newBuffer:e,shouldAdvance:!1,rejected:!1}:{newBuffer:`0${e}`,shouldAdvance:!0,rejected:!1}:r==="0"?e==="0"?{newBuffer:r,shouldAdvance:!1,rejected:!0}:{newBuffer:`0${e}`,shouldAdvance:!0,rejected:!1}:r==="1"||r==="2"?{newBuffer:`${r}${e}`,shouldAdvance:!0,rejected:!1}:r==="3"?e==="0"||e==="1"?{newBuffer:`3${e}`,shouldAdvance:!0,rejected:!1}:{newBuffer:r,shouldAdvance:!1,rejected:!0}:{newBuffer:r,shouldAdvance:!1,rejected:!0},f=s;exports.SEGMENT_MAX_LENGTH=f;exports.tryAppendDigit=a;

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

@@ -0,0 +1,26 @@
+import { SegmentType } from './DateField.types';
+export interface TryAppendDigitResult {
+    /** Buffer state after the append. Unchanged when `rejected` is true. */
+    newBuffer: string;
+    /** True when the segment completed and focus should auto-advance. */
+    shouldAdvance: boolean;
+    /** True when the digit was refused (invalid char, out-of-range, buffer full). */
+    rejected: boolean;
+}
+/**
+ * Per-segment input validation with intermediate-state awareness. Decides
+ * whether a typed digit is accepted (buffer grows), accepted-with-pad (e.g.
+ * "5" in empty month → "05"), or rejected ("13" for month).
+ *
+ * Pure; entirely driven by the (type, buffer, digit) tuple. Cross-segment
+ * validity (Feb 30) is NOT checked here — that's `deriveValue`'s job.
+ *
+ * - Day uses a fixed max of 31; month-dependent day max is intentionally
+ *   deferred — invalid combinations surface as cross-segment errors.
+ * - Year accepts any 4-digit value 0000-9999; min/max range tightening lands
+ *   in DF-10 via dedicated `minDate` / `maxDate` props.
+ */
+export declare const tryAppendDigit: (type: SegmentType, buffer: string, digit: string) => TryAppendDigitResult;
+/** Re-export so `formatSegment` and `tryAppendDigit` share the same max-length
+ *  constants without a circular dep. */
+export declare const SEGMENT_MAX_LENGTH: Record<SegmentType, number>;

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

@@ -0,0 +1,24 @@
+const s = {
+  day: 2,
+  month: 2,
+  year: 4
+}, c = /^[0-9]$/, f = (r, e, n) => {
+  if (!c.test(n))
+    return { newBuffer: e, shouldAdvance: !1, rejected: !0 };
+  const u = s[r];
+  if (e.length >= u)
+    return { newBuffer: e, shouldAdvance: !1, rejected: !0 };
+  if (r === "year") {
+    const t = e + n;
+    return {
+      newBuffer: t,
+      shouldAdvance: t.length === u,
+      rejected: !1
+    };
+  }
+  return r === "month" ? a(e, n) : l(e, n);
+}, a = (r, e) => r === "" ? e === "0" || e === "1" ? { newBuffer: e, shouldAdvance: !1, rejected: !1 } : { newBuffer: `0${e}`, shouldAdvance: !0, rejected: !1 } : r === "0" ? e === "0" ? { newBuffer: r, shouldAdvance: !1, rejected: !0 } : { newBuffer: `0${e}`, shouldAdvance: !0, rejected: !1 } : r === "1" ? e === "0" || e === "1" || e === "2" ? { newBuffer: `1${e}`, shouldAdvance: !0, rejected: !1 } : { newBuffer: r, shouldAdvance: !1, rejected: !0 } : { newBuffer: r, shouldAdvance: !1, rejected: !0 }, l = (r, e) => r === "" ? e === "0" || e === "1" || e === "2" || e === "3" ? { newBuffer: e, shouldAdvance: !1, rejected: !1 } : { newBuffer: `0${e}`, shouldAdvance: !0, rejected: !1 } : r === "0" ? e === "0" ? { newBuffer: r, shouldAdvance: !1, rejected: !0 } : { newBuffer: `0${e}`, shouldAdvance: !0, rejected: !1 } : r === "1" || r === "2" ? { newBuffer: `${r}${e}`, shouldAdvance: !0, rejected: !1 } : r === "3" ? e === "0" || e === "1" ? { newBuffer: `3${e}`, shouldAdvance: !0, rejected: !1 } : { newBuffer: r, shouldAdvance: !1, rejected: !0 } : { newBuffer: r, shouldAdvance: !1, rejected: !0 }, d = s;
+export {
+  d as SEGMENT_MAX_LENGTH,
+  f as tryAppendDigit
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DateField.cjs.js");exports.DateField=e.DateField;

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

@@ -0,0 +1,2 @@
+export { DateField } from './DateField';
+export type { DateFieldProps } from './DateField.types';

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

@@ -0,0 +1,4 @@
+import { DateField as r } from "./DateField.es.js";
+export {
+  r as DateField
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function M({disabled:n,fieldRef:i,segmentRefs:T,partsOrder:f,onSegmentFocusChange:x,onFieldBlur:k}){const[l,a]=c.useState(null),s=f[0],r=c.useRef(x),o=c.useRef(k);c.useEffect(()=>{r.current=x,o.current=k},[x,k]),c.useEffect(()=>{if(l===null||l==="all")return;const t=T.current.get(l);t&&document.activeElement!==t&&t.focus()},[l,T]);const b=c.useCallback(t=>{var u;n||(a(t),(u=r.current)==null||u.call(r,t))},[n]),y=c.useCallback(t=>{var u;n||t.target===i.current&&(a(s),(u=r.current)==null||u.call(r,s))},[n,i,s]),E=c.useCallback(t=>{var u,e;(u=i.current)!=null&&u.contains(t.relatedTarget)||(a(null),(e=o.current)==null||e.call(o))},[i]),v=c.useCallback(t=>{var e;if(n)return;t.target.closest("[data-segment]")||(t.preventDefault(),a(s),(e=r.current)==null||e.call(r,s))},[n,s]),I=c.useCallback(t=>{var D;const u=f.indexOf(t);if(u===-1)return;const e=f[u+1];e!=null&&(a(e),(D=r.current)==null||D.call(r,e))},[f]);return{focusedSegment:l,fieldTabIndex:n?-1:l===null?0:-1,handleSegmentFocus:b,handleFieldFocus:y,handleFieldBlur:E,handleFieldMouseDown:v,focusNext:I}}exports.useDateFieldFocus=M;

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

@@ -0,0 +1,23 @@
+import { FocusEvent, MouseEvent, MutableRefObject } from 'react';
+import { FocusTarget, SegmentType } from './DateField.types';
+export interface UseDateFieldFocusArgs {
+    disabled: boolean;
+    fieldRef: MutableRefObject<HTMLDivElement | null>;
+    segmentRefs: MutableRefObject<Map<SegmentType, HTMLSpanElement>>;
+    /** Ordered segment types (literals stripped). En-US hardcoded; DF-8 derives from locale. */
+    partsOrder: ReadonlyArray<SegmentType>;
+    /** Called when focus enters a segment (any path). */
+    onSegmentFocusChange?: (segment: SegmentType) => void;
+    /** Called when focus leaves the field entirely (intra-field hops ignored). */
+    onFieldBlur?: () => void;
+}
+export interface UseDateFieldFocusReturn {
+    focusedSegment: FocusTarget;
+    fieldTabIndex: number;
+    handleSegmentFocus: (segment: SegmentType) => void;
+    handleFieldFocus: (event: FocusEvent<HTMLDivElement>) => void;
+    handleFieldBlur: (event: FocusEvent<HTMLElement>) => void;
+    handleFieldMouseDown: (event: MouseEvent<HTMLDivElement>) => void;
+    focusNext: (currentType: SegmentType) => void;
+}
+export declare function useDateFieldFocus({ disabled, fieldRef, segmentRefs, partsOrder, onSegmentFocusChange, onFieldBlur, }: UseDateFieldFocusArgs): UseDateFieldFocusReturn;

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

@@ -0,0 +1,65 @@
+import { useState as N, useRef as I, useEffect as k, useCallback as s } from "react";
+function z({
+  disabled: n,
+  fieldRef: f,
+  segmentRefs: D,
+  partsOrder: o,
+  onSegmentFocusChange: a,
+  onFieldBlur: T
+}) {
+  const [e, i] = N(null), l = o[0], r = I(a), x = I(T);
+  k(() => {
+    r.current = a, x.current = T;
+  }, [a, T]), k(() => {
+    if (e === null || e === "all") return;
+    const t = D.current.get(e);
+    t && document.activeElement !== t && t.focus();
+  }, [e, D]);
+  const p = s(
+    (t) => {
+      var u;
+      n || (i(t), (u = r.current) == null || u.call(r, t));
+    },
+    [n]
+  ), v = s(
+    (t) => {
+      var u;
+      n || t.target === f.current && (i(l), (u = r.current) == null || u.call(r, l));
+    },
+    [n, f, l]
+  ), w = s(
+    (t) => {
+      var u, c;
+      (u = f.current) != null && u.contains(t.relatedTarget) || (i(null), (c = x.current) == null || c.call(x));
+    },
+    [f]
+  ), y = s(
+    (t) => {
+      var c;
+      if (n) return;
+      t.target.closest("[data-segment]") || (t.preventDefault(), i(l), (c = r.current) == null || c.call(r, l));
+    },
+    [n, l]
+  ), M = s(
+    (t) => {
+      var E;
+      const u = o.indexOf(t);
+      if (u === -1) return;
+      const c = o[u + 1];
+      c != null && (i(c), (E = r.current) == null || E.call(r, c));
+    },
+    [o]
+  );
+  return {
+    focusedSegment: e,
+    fieldTabIndex: n ? -1 : e === null ? 0 : -1,
+    handleSegmentFocus: p,
+    handleFieldFocus: v,
+    handleFieldBlur: w,
+    handleFieldMouseDown: y,
+    focusNext: M
+  };
+}
+export {
+  z as useDateFieldFocus
+};

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("clsx"),T=require("react"),u=require("../../../chunks/form.context.hesWPMlU.js");require("../../Form/contexts/label.context.cjs.js");require("../../Form/contexts/helperText.context.cjs.js");const s=require("../../Form/hooks/useAccessibleId.hook.cjs.js");require("react/jsx-runtime");function L({name:i,disabled:b=!1,readOnly:y=!1,required:I=!1,defaultValue:q,error:e,hasHelperText:p,hasLabel:h,validationRules:F=[],ariaDescribedBy:f,ariaLabelledBy:m}){const{showErrors:v,isInvalid:x,errorShown:g,disabled:B,readOnly:_,required:A}=u.useFormField({name:i,validationRules:F,disabledProp:b,readOnlyProp:y,requiredProp:I}),{ctxInitialValues:D}=T.useContext(u.FormContext),{id:r}=s.useAccessibleId(),{id:d}=s.useAccessibleId(),{id:l}=s.useAccessibleId(),{id:o}=s.useAccessibleId(),t=!!(e!=null&&e.length),P=!!e||x,O=q??D[i],a=n(p&&d,t&&r,g&&l,f),c=n(h&&o,m);return{disabled:B,readOnly:_,required:A,invalid:P,errorMessageProvided:t,defaultValue:O,errorId:r,helperTextId:d,validationErrorsId:l,labelId:o,ariaDescribedBy:a.length>0?a:void 0,ariaLabelledBy:c.length>0?c:void 0,showErrors:v}}exports.useDateFieldForm=L;

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

@@ -0,0 +1,32 @@
+import { FormValidator } from '@viasat/beam-shared/components/form';
+import { Nullable } from '@viasat/beam-shared/utils/types';
+import { useFormField } from '../../Form/contexts';
+export interface UseDateFieldFormArgs {
+    name?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    defaultValue?: Nullable<Date>;
+    error?: boolean | string;
+    hasHelperText: boolean;
+    validationRules?: Array<FormValidator>;
+    ariaDescribedBy?: string;
+    ariaLabelledBy?: string;
+    hasLabel: boolean;
+}
+export interface UseDateFieldFormReturn {
+    disabled: boolean;
+    readOnly: boolean;
+    required: boolean;
+    invalid: boolean;
+    errorMessageProvided: boolean;
+    defaultValue: Nullable<Date>;
+    errorId: string;
+    helperTextId: string;
+    validationErrorsId: string;
+    labelId: string;
+    ariaDescribedBy: string | undefined;
+    ariaLabelledBy: string | undefined;
+    showErrors: ReturnType<typeof useFormField>['showErrors'];
+}
+export declare function useDateFieldForm({ name, disabled: _disabled, readOnly: _readOnly, required: _required, defaultValue: _defaultValue, error, hasHelperText, hasLabel, validationRules, ariaDescribedBy: _ariaDescribedBy, ariaLabelledBy: _ariaLabelledBy, }: UseDateFieldFormArgs): UseDateFieldFormReturn;

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

@@ -0,0 +1,51 @@
+import c from "clsx";
+import { useContext as V } from "react";
+import { b as w, F as C } from "../../../chunks/form.context.D7b4066_.js";
+import "../../Form/contexts/label.context.es.js";
+import "../../Form/contexts/helperText.context.es.js";
+import { useAccessibleId as o } from "../../Form/hooks/useAccessibleId.hook.es.js";
+import "react/jsx-runtime";
+function z({
+  name: d,
+  disabled: m = !1,
+  readOnly: p = !1,
+  required: u = !1,
+  defaultValue: b,
+  error: e,
+  hasHelperText: f,
+  hasLabel: y,
+  validationRules: I = [],
+  ariaDescribedBy: h,
+  ariaLabelledBy: v
+}) {
+  const { showErrors: x, isInvalid: B, errorShown: F, disabled: g, readOnly: D, required: P } = w({
+    name: d,
+    validationRules: I,
+    disabledProp: m,
+    readOnlyProp: p,
+    requiredProp: u
+  }), { ctxInitialValues: q } = V(C), { id: i } = o(), { id: r } = o(), { id: s } = o(), { id: t } = o(), a = !!(e != null && e.length), L = !!e || B, O = b ?? q[d], l = c(
+    f && r,
+    a && i,
+    F && s,
+    h
+  ), n = c(y && t, v);
+  return {
+    disabled: g,
+    readOnly: D,
+    required: P,
+    invalid: L,
+    errorMessageProvided: a,
+    defaultValue: O,
+    errorId: i,
+    helperTextId: r,
+    validationErrorsId: s,
+    labelId: t,
+    ariaDescribedBy: l.length > 0 ? l : void 0,
+    ariaLabelledBy: n.length > 0 ? n : void 0,
+    showErrors: x
+  };
+}
+export {
+  z as useDateFieldForm
+};

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;