@viasat/beam-react 2.56.0 → 2.58.0

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

@@ -1,39 +1,39 @@
 import "../../../chunks/constants.Cruz2A1w.js";
 import { a as S } from "../../../chunks/helpers.CiQfGwdc.js";
-import { SEGMENT_MAX_LENGTH as u } from "./DateField.validation.es.js";
-const m = new Intl.DateTimeFormat("en-US", { month: "long" }), L = (t) => m.format(new Date(2e3, t - 1, 1)), g = 31, l = 12, h = 1, T = 9999, M = (t, e, n) => Math.min(n, Math.max(e, t)), p = (t, e) => ((t - 1) % e + e) % e + 1, w = 2024, O = (t, e) => e == null ? 31 : new Date(t ?? w, e, 0).getDate(), K = () => {
+import { SEGMENT_MAX_LENGTH as g } from "./DateField.validation.es.js";
+const l = "en-US", h = new Intl.DateTimeFormat("en-US", { month: "long" }), $ = (t) => h.format(new Date(2e3, t - 1, 1)), d = 31, c = 12, p = 1, T = 9999, M = (t, e, n) => Math.min(n, Math.max(e, t)), A = (t, e) => ((t - 1) % e + e) % e + 1, E = 2024, k = (t, e) => e == null ? 31 : new Date(t ?? E, e, 0).getDate(), X = () => {
   const t = /* @__PURE__ */ new Date();
   return { day: t.getDate(), month: t.getMonth() + 1, year: t.getFullYear() };
-}, o = (t) => t instanceof Date && !Number.isNaN(t.getTime()), X = (t, e, n, r) => {
+}, s = (t) => t instanceof Date && !Number.isNaN(t.getTime()), b = (t, e, n, r) => {
   if (n === "min") return t === "year" ? null : 1;
   if (n === "max")
-    return t === "year" ? null : t === "day" ? r.daysInMonth : l;
+    return t === "year" ? null : t === "day" ? r.daysInMonth : c;
   if (e == null) {
     if (t === "year") return r.today.year;
-    const f = t === "day" ? g : l;
-    return n > 0 ? 1 : f;
+    const m = t === "day" ? d : c;
+    return n > 0 ? 1 : m;
   }
-  if (t === "year") return M(e + n, h, T);
-  const s = t === "day" ? g : l;
-  return p(e + n, s);
-}, A = { day: "", month: "", year: "" }, N = (t) => {
+  if (t === "year") return M(e + n, p, T);
+  const a = t === "day" ? d : c;
+  return A(e + n, a);
+}, N = { day: "", month: "", year: "" }, w = (t) => {
   const { day: e, month: n, year: r } = t;
   if (e == null || n == null || r == null) return null;
-  const s = new Date(r, n - 1, e);
-  return s.setFullYear(r), Number.isNaN(s.getTime()) || s.getFullYear() !== r || s.getMonth() !== n - 1 || s.getDate() !== e ? null : s;
-}, k = (t, e) => t == null && e == null ? !0 : t == null || e == null ? !1 : t.getTime() === e.getTime(), a = S, H = (t) => o(t) ? a(t) : null, U = (t, e, n) => {
-  const r = a(t);
-  return !(o(e) && r < a(e) || o(n) && r > a(n));
-}, _ = (t, e) => o(t) && o(e) && a(t) > a(e), b = (t, e, n) => {
-  if (_(e, n)) return t;
-  const r = a(t);
-  return o(e) && r < a(e) ? new Date(e.getFullYear(), e.getMonth(), e.getDate()) : o(n) && r > a(n) ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : t;
-}, B = (t) => {
-  if (!o(t)) return "";
+  const a = new Date(r, n - 1, e);
+  return a.setFullYear(r), Number.isNaN(a.getTime()) || a.getFullYear() !== r || a.getMonth() !== n - 1 || a.getDate() !== e ? null : a;
+}, H = (t, e) => t == null && e == null ? !0 : t == null || e == null ? !1 : t.getTime() === e.getTime(), o = S, U = (t) => s(t) ? o(t) : null, B = (t, e, n) => {
+  const r = o(t);
+  return !(s(e) && r < o(e) || s(n) && r > o(n));
+}, D = (t, e) => s(t) && s(e) && o(t) > o(e), G = (t, e, n) => {
+  if (D(e, n)) return t;
+  const r = o(t);
+  return s(e) && r < o(e) ? new Date(e.getFullYear(), e.getMonth(), e.getDate()) : s(n) && r > o(n) ? new Date(n.getFullYear(), n.getMonth(), n.getDate()) : t;
+}, j = (t) => {
+  if (!s(t)) return "";
   const e = String(t.getFullYear()).padStart(4, "0"), n = String(t.getMonth() + 1).padStart(2, "0"), r = String(t.getDate()).padStart(2, "0");
   return `${e}-${n}-${r}`;
-}, E = (t) => t.type === "literal", D = (t) => t.filter(
-  (e) => !E(e)
+}, _ = (t) => t.type === "literal", F = (t) => t.filter(
+  (e) => !_(e)
 ).map((e) => e.type), P = new Date(2020, 0, 2), R = /* @__PURE__ */ new Set([
   8206,
   8207,
@@ -46,87 +46,101 @@ const m = new Intl.DateTimeFormat("en-US", { month: "long" }), L = (t) => m.form
   8295,
   8296,
   8297
-]), F = (t) => [...t].filter((e) => !R.has(e.codePointAt(0) ?? -1)).join(""), I = /* @__PURE__ */ new Set(["day", "month", "year", "literal"]), d = 3, y = (t) => {
+]), I = (t) => [...t].filter((e) => !R.has(e.codePointAt(0) ?? -1)).join(""), Y = /* @__PURE__ */ new Set(["day", "month", "year", "literal"]), y = 3, f = (t) => {
   try {
     const e = new Intl.DateTimeFormat(t, {
       year: "numeric",
       month: "2-digit",
       day: "2-digit",
       calendar: "gregory"
-    }).formatToParts(P).filter((r) => I.has(r.type)).map((r) => ({
+    }).formatToParts(P).filter((r) => Y.has(r.type)).map((r) => ({
       type: r.type,
-      value: r.type === "literal" ? F(r.value) : ""
-    })), n = D(e);
-    return n.length === d && new Set(n).size === d ? e : null;
+      value: r.type === "literal" ? I(r.value) : ""
+    })), n = F(e);
+    return n.length === y && new Set(n).size === y ? e : null;
   } catch {
     return null;
   }
-}, c = /* @__PURE__ */ new Map(), G = (t) => {
-  let e = t;
+}, u = /* @__PURE__ */ new Map(), L = (t) => {
   try {
-    e = new Intl.Locale(t).toString();
+    return new Intl.Locale(t).toString();
   } catch {
-    e = t.toLowerCase();
+    return t.toLowerCase();
   }
-  const n = c.get(e);
+}, C = (t) => {
+  try {
+    return Intl.DateTimeFormat.supportedLocalesOf([t]).length > 0;
+  } catch {
+    return !1;
+  }
+}, z = (t) => {
+  const e = L(t), n = u.get(e);
   if (n) return n;
-  const r = y(t) ?? y("en-US");
-  if (!r)
-    throw new Error("DateField: Intl cannot resolve en-US date parts");
-  return c.set(e, r), r;
-}, $ = () => c.clear(), j = (t) => o(t) ? {
+  const r = C(t);
+  !r && process.env.NODE_ENV !== "production" && console.warn(
+    `DateField: locale "${t}" is not supported; falling back to ${l}.`
+  );
+  const a = (r ? f(t) : null) ?? f(l);
+  if (!a)
+    throw new Error(
+      `DateField: Intl cannot resolve ${l} date parts`
+    );
+  return u.set(e, a), a;
+}, W = () => u.clear(), q = (t) => s(t) ? {
   day: String(t.getDate()).padStart(2, "0"),
   month: String(t.getMonth() + 1).padStart(2, "0"),
   year: String(t.getFullYear()).padStart(4, "0")
-} : A, i = (t, e) => {
-  if (e === "" || t === "year" && e.length < u.year) return null;
+} : N, i = (t, e) => {
+  if (e === "" || t === "year" && e.length < g.year) return null;
   const n = parseInt(e, 10);
   return Number.isNaN(n) || n === 0 ? null : n;
-}, z = (t) => N({
+}, J = (t) => w({
   day: i("day", t.day),
   month: i("month", t.month),
   year: i("year", t.year)
-}), W = (t, e) => e === "" ? "" : e.padStart(u[t], "0"), q = (t, e, n) => e === "" ? { displayValue: n, isPlaceholder: !0 } : {
-  displayValue: e.padStart(u[t], "0"),
+}), Q = (t, e) => e === "" ? "" : e.padStart(g[t], "0"), Z = (t, e, n) => e === "" ? { displayValue: n, isPlaceholder: !0 } : {
+  displayValue: e.padStart(g[t], "0"),
   isPlaceholder: !1
-}, J = (t) => {
+}, v = (t) => {
   const e = window.getSelection();
   if (!e) return;
   const n = document.createRange();
   n.selectNodeContents(t), e.removeAllRanges(), e.addRange(n);
-}, Q = (t) => {
+}, x = (t) => {
   var n;
   if (!t) return;
   const e = (n = window.getSelection) == null ? void 0 : n.call(window);
   e && e.rangeCount > 0 && t.contains(e.anchorNode) && e.removeAllRanges();
 };
 export {
-  g as DAY_SPIN_MAX,
-  l as MONTH_MAX,
+  d as DAY_SPIN_MAX,
+  l as DEFAULT_LOCALE,
+  c as MONTH_MAX,
   T as YEAR_MAX,
-  h as YEAR_MIN,
-  $ as __clearDatePartsCache,
-  X as adjustSegmentValue,
+  p as YEAR_MIN,
+  W as __clearDatePartsCache,
+  b as adjustSegmentValue,
   M as clamp,
-  b as clampDateToRange,
-  Q as clearSelectionWithin,
-  H as dateKeyOrNull,
-  N as deriveValue,
-  z as deriveValueFromText,
-  G as getDateParts,
-  O as getDaysInMonth,
-  L as getMonthName,
-  q as getSegmentDisplay,
-  D as getSegmentOrder,
-  U as isDateInRange,
-  E as isLiteralPart,
-  _ as isMinMaxMisconfigured,
-  k as isSameDateValue,
-  W as normalizeSegmentText,
+  G as clampDateToRange,
+  x as clearSelectionWithin,
+  U as dateKeyOrNull,
+  w as deriveValue,
+  J as deriveValueFromText,
+  z as getDateParts,
+  k as getDaysInMonth,
+  $ as getMonthName,
+  Z as getSegmentDisplay,
+  F as getSegmentOrder,
+  B as isDateInRange,
+  _ as isLiteralPart,
+  D as isMinMaxMisconfigured,
+  H as isSameDateValue,
+  s as isValidDate,
+  Q as normalizeSegmentText,
   i as segmentNumber,
-  j as segmentTextFromValue,
-  J as selectElementContents,
-  B as toISODateString,
-  K as todayParts,
-  p as wrapInRange
+  q as segmentTextFromValue,
+  v as selectElementContents,
+  j as toISODateString,
+  X as todayParts,
+  A as wrapInRange
 };

package/lib/wip/ErrorBoundary/ErrorBoundary.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");class a extends s.Component{constructor(){super(...arguments),this.state={hasError:!1}}static getDerivedStateFromError(){return{hasError:!0}}componentDidCatch(e,o){var r,t;(t=(r=this.props).onError)==null||t.call(r,e,o)}render(){return this.state.hasError?this.props.fallback:this.props.children}}exports.ErrorBoundary=a;

package/lib/wip/ErrorBoundary/ErrorBoundary.d.ts

@@ -0,0 +1,28 @@
+import { Component, ErrorInfo, ReactNode } from 'react';
+export interface ErrorBoundaryProps {
+    /** Rendered normally; a render/commit error anywhere below is caught. */
+    children: ReactNode;
+    /** Rendered instead of `children` once a descendant throws. */
+    fallback: ReactNode;
+    /** Called when an error is caught — use for logging/telemetry. */
+    onError?: (error: Error, info: ErrorInfo) => void;
+}
+interface ErrorBoundaryState {
+    hasError: boolean;
+}
+/**
+ * Generic React error boundary: renders `fallback` when a descendant throws
+ * during render or commit, instead of letting the error crash the whole tree.
+ * Consumers own the fallback UI and any logging via `onError`.
+ *
+ * Must be a class component — React exposes error boundaries only through the
+ * `getDerivedStateFromError` / `componentDidCatch` lifecycle, which has no hook
+ * equivalent.
+ */
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(): ErrorBoundaryState;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};

package/lib/wip/ErrorBoundary/ErrorBoundary.es.js

@@ -0,0 +1,19 @@
+import { Component as e } from "react";
+class p extends e {
+  constructor() {
+    super(...arguments), this.state = { hasError: !1 };
+  }
+  static getDerivedStateFromError() {
+    return { hasError: !0 };
+  }
+  componentDidCatch(o, s) {
+    var r, t;
+    (t = (r = this.props).onError) == null || t.call(r, o, s);
+  }
+  render() {
+    return this.state.hasError ? this.props.fallback : this.props.children;
+  }
+}
+export {
+  p as ErrorBoundary
+};

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

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

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

@@ -0,0 +1,2 @@
+export { ErrorBoundary } from './ErrorBoundary';
+export type { ErrorBoundaryProps } from './ErrorBoundary';

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

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

package/lib/wip/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),T=require("./DataTable/DataTable.ColumnHeader.cjs.js"),D=require("./DataTable/DataTable.Body.cjs.js"),i=require("./DataTable/DataTable.Row.cjs.js"),_=require("./DataTable/DataTable.Cell.cjs.js"),r=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),o=require("./DataTable/useBeamTable.cjs.js"),u=require("./DateField/DateField.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=T.DataTableColumnHeader;exports.DataTableBody=D.DataTableBody;exports.DataTableRow=i.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=r.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=o.useBeamTable;exports.DateField=u.DateField;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./DataTable/DataTable.cjs.js"),l=require("./DataTable/DataTable.Header.cjs.js"),t=require("./DataTable/DataTable.Toolbar.cjs.js"),b=require("./DataTable/DataTable.Head.cjs.js"),r=require("./DataTable/DataTable.ColumnHeader.cjs.js"),o=require("./DataTable/DataTable.Body.cjs.js"),T=require("./DataTable/DataTable.Row.cjs.js"),_=require("./DataTable/DataTable.Cell.cjs.js"),i=require("./DataTable/DataTable.Footer.cjs.js"),a=require("./DataTable/DataTable.context.cjs.js"),D=require("./DataTable/useBeamTable.cjs.js"),u=require("./DataTable/DataTable.columns.cjs.js"),n=require("./DateField/DateField.cjs.js"),d=require("./ErrorBoundary/ErrorBoundary.cjs.js");exports.DataTable=e.DataTable;exports.DataTableHeader=l.DataTableHeader;exports.DataTableToolbar=t.DataTableToolbar;exports.DataTableHead=b.DataTableHead;exports.DataTableColumnHeader=r.DataTableColumnHeader;exports.DataTableBody=o.DataTableBody;exports.DataTableRow=T.DataTableRow;exports.DataTableCell=_.DataTableCell;exports.DataTableFooter=i.DataTableFooter;exports.DataTableProvider=a.DataTableProvider;exports.useDataTable=a.useDataTable;exports.useBeamTable=D.useBeamTable;exports.createBeamColumn=u.createBeamColumn;exports.DateField=n.DateField;exports.ErrorBoundary=d.ErrorBoundary;

package/lib/wip/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DataTable';
 export * from './DateField';
+export * from './ErrorBoundary';

package/lib/wip/index.es.js

@@ -1,27 +1,31 @@
 import { DataTable as o } from "./DataTable/DataTable.es.js";
 import { DataTableHeader as t } from "./DataTable/DataTable.Header.es.js";
 import { DataTableToolbar as m } from "./DataTable/DataTable.Toolbar.es.js";
-import { DataTableHead as T } from "./DataTable/DataTable.Head.es.js";
-import { DataTableColumnHeader as p } from "./DataTable/DataTable.ColumnHeader.es.js";
+import { DataTableHead as p } from "./DataTable/DataTable.Head.es.js";
+import { DataTableColumnHeader as b } from "./DataTable/DataTable.ColumnHeader.es.js";
 import { DataTableBody as D } from "./DataTable/DataTable.Body.es.js";
 import { DataTableRow as u } from "./DataTable/DataTable.Row.es.js";
-import { DataTableCell as i } from "./DataTable/DataTable.Cell.es.js";
-import { DataTableFooter as B } from "./DataTable/DataTable.Footer.es.js";
-import { DataTableProvider as F, useDataTable as n } from "./DataTable/DataTable.context.es.js";
-import { useBeamTable as w } from "./DataTable/useBeamTable.es.js";
+import { DataTableCell as n } from "./DataTable/DataTable.Cell.es.js";
+import { DataTableFooter as H } from "./DataTable/DataTable.Footer.es.js";
+import { DataTableProvider as s, useDataTable as y } from "./DataTable/DataTable.context.es.js";
+import { useBeamTable as c } from "./DataTable/useBeamTable.es.js";
+import { createBeamColumn as w } from "./DataTable/DataTable.columns.es.js";
 import { DateField as P } from "./DateField/DateField.es.js";
+import { ErrorBoundary as g } from "./ErrorBoundary/ErrorBoundary.es.js";
 export {
   o as DataTable,
   D as DataTableBody,
-  i as DataTableCell,
-  p as DataTableColumnHeader,
-  B as DataTableFooter,
-  T as DataTableHead,
+  n as DataTableCell,
+  b as DataTableColumnHeader,
+  H as DataTableFooter,
+  p as DataTableHead,
   t as DataTableHeader,
-  F as DataTableProvider,
+  s as DataTableProvider,
   u as DataTableRow,
   m as DataTableToolbar,
   P as DateField,
-  w as useBeamTable,
-  n as useDataTable
+  g as ErrorBoundary,
+  w as createBeamColumn,
+  c as useBeamTable,
+  y as useDataTable
 };

package/package.json

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

package/utils/hooks/useId.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../safeReact.cjs.js"),i=require("../../chunks/constants.CgMu0_1M.js");function f(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=f(u);var l=u.useLayoutEffect;let c=!1,d=0;const s=()=>`${i.prefix}-${Math.random().toString(36).slice(2,6)}${d++}`;function g(){const[e,t]=r.useState(()=>c?s():void 0);return l(()=>{e==null&&t(s())},[]),r.useEffect(()=>{c=!0},[]),e}const p=a.SafeReact.useId,b=p||g;exports.useId=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../../chunks/use-isomorphic-layout-effect.browser.esm.CkGv31zs.js"),i=require("../safeReact.cjs.js"),f=require("../../chunks/constants.CgMu0_1M.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=l(u);let s=!1,d=0;const c=()=>`${f.prefix}-${Math.random().toString(36).slice(2,6)}${d++}`;function g(){const[e,t]=r.useState(()=>s?c():void 0);return a.index(()=>{e==null&&t(c())},[]),r.useEffect(()=>{s=!0},[]),e}const p=i.SafeReact.useId,b=p||g;exports.useId=b;

package/utils/hooks/useId.es.js

@@ -1,10 +1,9 @@
 import * as t from "react";
-import { useLayoutEffect as f } from "react";
-import { SafeReact as n } from "../safeReact.es.js";
+import { i as n } from "../../chunks/use-isomorphic-layout-effect.browser.esm.DERp5kr6.js";
+import { SafeReact as i } from "../safeReact.es.js";
 import { p as a } from "../../chunks/constants.Cruz2A1w.js";
-var i = f;
-let o = !1, u = 0;
-const r = () => `${a}-${Math.random().toString(36).slice(2, 6)}${u++}`;
+let o = !1, f = 0;
+const r = () => `${a}-${Math.random().toString(36).slice(2, 6)}${f++}`;
 function c() {
   const [e, s] = t.useState(
     () => (
@@ -12,13 +11,13 @@ function c() {
       o ? r() : void 0
     )
   );
-  return i(() => {
+  return n(() => {
     e == null && s(r());
   }, []), t.useEffect(() => {
     o = !0;
   }, []), e;
 }
-const d = n.useId, I = d || c;
+const d = i.useId, p = d || c;
 export {
-  I as useId
+  p as useId
 };

package/chunks/DateField.Segment.CqFLhMYA.js

@@ -1 +0,0 @@
-var j=require("../assets/DateField.css");const R=require("react/jsx-runtime"),$=require("clsx"),d=require("react"),k=require("./classNames.BFQUGnCN.js"),y=require("../lib/wip/DateField/DateField.utils.cjs.js"),I="date-field",{baseClassNamePrefix:S,classModifierPrefix:w,subElementClassPrefix:s}=k.getBEMClassNames(I),c={field:`${s}field`,segments:`${s}segments`,segment:`${s}segment`,separator:`${s}separator`,srStatus:`${s}sr-status`},_={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-date-field":"bm-date-field","bm-date-field--disabled":"bm-date-field--disabled","bm-date-field--error":"bm-date-field--error","bm-date-field__field":"bm-date-field__field","bm-date-field__segment":"bm-date-field__segment","bm-date-field--read-only":"bm-date-field--read-only","bm-date-field--fluid":"bm-date-field--fluid","bm-date-field__segments":"bm-date-field__segments","bm-date-field__separator":"bm-date-field__separator","bm-date-field__sr-status":"bm-date-field__sr-status"},B={day:"day",month:"month",year:"year"},L=({type:i,value:g,valueMin:p,valueMax:C,displayValue:n,isPlaceholder:x,valueText:v,invalid:E,role:l,isActive:t,disabled:m,readOnly:o,onFocus:h,onBlur:D,onInput:N,onKeyDown:F,segmentRef:f})=>{const a=!m&&!o,b=d.useRef(null),M=d.useCallback(e=>{b.current=e,f(e)},[f]),q=e=>{if(!a)return;const u=e.currentTarget,r=e.nativeEvent.data;r!=null&&r.length===1&&N(i,r),u.textContent!==n&&(u.textContent=n)};d.useLayoutEffect(()=>{if(!t||!a)return;const e=b.current;e&&y.selectElementContents(e)},[n,t,a]);const P=l==="spinbutton"?{"aria-valuenow":g??void 0,"aria-valuemin":p,"aria-valuemax":C,"aria-valuetext":v}:{"aria-multiline":!1};return R.jsx("span",{ref:M,role:l,"aria-label":B[i],...P,"aria-disabled":m||void 0,"aria-readonly":o||void 0,"aria-invalid":E||void 0,contentEditable:a&&t,suppressContentEditableWarning:!0,tabIndex:t?0:-1,inputMode:a?"numeric":void 0,spellCheck:!1,autoCorrect:"off",autoCapitalize:"off","data-segment":i,"data-active":t,"data-placeholder":x,onFocus:h,onBlur:D,onInput:q,onKeyDown:e=>F(i,e),onMouseUp:e=>e.preventDefault(),className:$(_[c.segment]),children:n})};exports.DateFieldSegment=L;exports.baseClassNamePrefix=S;exports.classModifierPrefix=w;exports.staticDateFieldClassNames=c;exports.styles=_;