unifyedx-storybook-syncfusion 0.4.13 → 0.4.15

package/dist/unifyedx-storybook-syncfusion.es.js

@@ -1,10 +1,10 @@
-import { jsx as j, jsxs as ee } from "react/jsx-runtime";
-import ht, { useRef as We, useEffect as Te, useMemo as ke, forwardRef as kt, createElement as nt, useCallback as we, Fragment as Gt, useId as Jt } from "react";
-import { resolveTableId as Pt, useTablePreferences as Xt, useRestoredGridState as Zt, useRestoredSearch as Qt, SearchBar as er, IconButton as xe, UnifyedCoreButton as Ke, SegmentedControl as tr } from "unifyedx-storybook-new";
-import { Page as rr, Selection as nr, Sort as ir, Filter as or, Group as ar, Search as sr, ExcelExport as cr, PdfExport as lr, ColumnChooser as ur, Resize as dr, Reorder as fr, Edit as pr, Print as hr, Freeze as mr, GridComponent as yr, ColumnsDirective as vr, Inject as gr, ColumnDirective as Ge } from "@syncfusion/ej2-react-grids";
-import { DatePickerComponent as br, DateRangePickerComponent as wr, TimePickerComponent as Sr, DateTimePickerComponent as Je } from "@syncfusion/ej2-react-calendars";
+import { jsx as j, jsxs as te } from "react/jsx-runtime";
+import yt, { useRef as We, useEffect as be, useMemo as Pe, forwardRef as Pt, createElement as it, useCallback as we, Fragment as Gt, useId as Jt } from "react";
+import { resolveTableId as Ot, useTablePreferences as Xt, useRestoredGridState as Zt, useRestoredSearch as Qt, SearchBar as er, IconButton as Re, UnifyedCoreButton as Ge, SegmentedControl as tr } from "unifyedx-storybook-new";
+import { Page as rr, Selection as nr, Sort as ir, Filter as or, Group as ar, Search as sr, ExcelExport as cr, PdfExport as lr, ColumnChooser as ur, Resize as dr, Reorder as fr, Edit as pr, Print as hr, Freeze as yr, GridComponent as mr, ColumnsDirective as vr, Inject as gr, ColumnDirective as Je } from "@syncfusion/ej2-react-grids";
+import { DatePickerComponent as br, DateRangePickerComponent as wr, TimePickerComponent as Sr, DateTimePickerComponent as Xe } from "@syncfusion/ej2-react-calendars";
 import { registerLicense as Cr } from "@syncfusion/ej2-base";
-const X = 50, mt = "Row actions";
+const Z = 50, mt = "Row actions";
 function an(n) {
   const {
     data: b = [],
@@ -25,56 +25,56 @@ function an(n) {
     enableSearchApi: D = !1,
     height: B = "600",
     selectionSettings: V,
-    enableCheckbox: Z = !1,
+    enableCheckbox: Q = !1,
     columns: $ = [],
     onGridStateChange: z,
     onRowSelected: s,
-    onRowDeselected: ie,
+    onRowDeselected: oe,
     onRowDoubleClick: me,
-    ariaLabel: oe,
-    ariaLabelledBy: H,
-    ariaDescribedBy: ye,
+    ariaLabel: ae,
+    ariaLabelledBy: U,
+    ariaDescribedBy: ve,
     // Editing
     allowEditing: ce = !1,
     editSettings: de,
     onCellSave: le,
-    apiRef: U,
+    apiRef: K,
     gridProps: he = {},
-    tableId: K,
+    tableId: G,
     // Remember the page number per tableId (alongside page size, sort and
     // filters). Set false for a grid that shares its page counter with
     // another view, e.g. an infinite-scroll tile view.
-    persistPage: re = !0,
-    ...te
-  } = n, ue = Pt(K), { savePrefs: t } = Xt(ue), o = We(null), S = (e) => {
+    persistPage: ne = !0,
+    ...re
+  } = n, ue = Ot(G), { savePrefs: t } = Xt(ue), o = We(null), S = (e) => {
     const c = e?.target;
     !c || typeof c.scrollIntoView != "function" || c.scrollIntoView({ block: "nearest", inline: "nearest" });
   }, d = We([]), {
-    pageSettings: m,
+    pageSettings: y,
     sortSettings: w,
     // Composed with the grid's own guards below instead of replacing them.
-    rowSelecting: y,
+    rowSelecting: m,
     rowDeselecting: C,
     ...E
-  } = he || {}, x = w?.sortKey || w?.columns?.[0]?.field || "", i = w?.direction || w?.columns?.[0]?.direction || "", { page: k, setPage: r, pageSize: N, setPageSize: G, sortKey: ne, direction: fe, initialPrefs: ae, onPaging: Oe, onSorting: Ae, savePage: ve } = Zt(ue, {
-    gpPageSettings: m,
+  } = he || {}, x = w?.sortKey || w?.columns?.[0]?.field || "", i = w?.direction || w?.columns?.[0]?.direction || "", { page: k, setPage: r, pageSize: N, setPageSize: J, sortKey: ie, direction: fe, initialPrefs: se, onPaging: Ae, onSorting: Ie, savePage: ye } = Zt(ue, {
+    gpPageSettings: y,
     gpSortKey: x,
     gpSortDir: i,
     pageIndex: _,
     propPageSize: p,
     columns: $,
-    persistPage: re
-  }), Le = m?.currentPage ?? m?.page;
-  Te(() => {
-    const e = Number(Le);
-    !Number.isFinite(e) || e < 1 || (e !== k && r(e), ve(e));
-  }, [Le]);
-  const Se = ke(() => {
+    persistPage: ne
+  }), Se = y?.currentPage ?? y?.page;
+  be(() => {
+    const e = Number(Se);
+    !Number.isFinite(e) || e < 1 || (e !== k && r(e), ye(e));
+  }, [Se]);
+  const at = Pe(() => {
     const e = V || {
       type: "Multiple",
       mode: "Row"
     };
-    return Z ? {
+    return Q ? {
       // Defaults for checkbox selection — caller's `selectionSettings`
       // spreads last so any of these can be overridden (e.g. file-manager
       // consumers that need `checkboxOnly: true` so row clicks don't toggle).
@@ -84,11 +84,11 @@ function an(n) {
       enableSimpleMultiRowSelection: !0,
       ...e
     } : e;
-  }, [V, Z, $]), ot = ke(() => {
+  }, [V, Q, $]), Ce = Pe(() => {
     const e = [rr];
-    return (Z || V) && e.push(nr), h && e.push(ir), A && e.push(or), R && e.push(ar), D && e.push(sr), I && e.push(cr), L && e.push(lr), Y && e.push(ur), O && e.push(dr), T && e.push(fr), ce && e.push(pr), e.push(hr), $.some(
+    return (Q || V) && e.push(nr), h && e.push(ir), A && e.push(or), R && e.push(ar), D && e.push(sr), I && e.push(cr), L && e.push(lr), Y && e.push(ur), O && e.push(dr), T && e.push(fr), ce && e.push(pr), e.push(hr), $.some(
       (a) => ["action", "actions"].includes(a?.headerText?.toLowerCase())
-    ) && e.push(mr), e;
+    ) && e.push(yr), e;
   }, [
     h,
     A,
@@ -100,10 +100,10 @@ function an(n) {
     O,
     T,
     ce,
-    Z,
+    Q,
     V,
     $
-  ]), Me = ke(() => {
+  ]), Be = Pe(() => {
     const e = () => o.current, c = (a, g) => {
       !g && typeof globalThis < "u" && globalThis?.process?.env?.NODE_ENV;
     };
@@ -141,10 +141,10 @@ function an(n) {
         }
         let P = !1;
         if (l.selectedRowState && a in l.selectedRowState && (delete l.selectedRowState[a], P = !0), Array.isArray(l.persistSelectedData)) {
-          const M = g.getPrimaryKeyFieldNames?.()?.[0], J = l.persistSelectedData.length;
+          const M = g.getPrimaryKeyFieldNames?.()?.[0], X = l.persistSelectedData.length;
           l.persistSelectedData = l.persistSelectedData.filter(
-            (be) => be[M] !== a
-          ), l.persistSelectedData.length < J && (P = !0);
+            (ge) => ge[M] !== a
+          ), l.persistSelectedData.length < X && (P = !0);
         }
         return P && l.refreshPersistSelection?.(), P;
       },
@@ -160,13 +160,13 @@ function an(n) {
           return;
         const P = new Set(a);
         let M = !1;
-        if (l.selectedRowState && a.forEach((J) => {
-          J in l.selectedRowState && (delete l.selectedRowState[J], M = !0);
+        if (l.selectedRowState && a.forEach((X) => {
+          X in l.selectedRowState && (delete l.selectedRowState[X], M = !0);
         }), Array.isArray(l.persistSelectedData)) {
-          const J = g.getPrimaryKeyFieldNames?.()?.[0], be = l.persistSelectedData.length;
+          const X = g.getPrimaryKeyFieldNames?.()?.[0], ge = l.persistSelectedData.length;
           l.persistSelectedData = l.persistSelectedData.filter(
-            (Ee) => !P.has(Ee[J])
-          ), l.persistSelectedData.length < be && (M = !0);
+            (xe) => !P.has(xe[X])
+          ), l.persistSelectedData.length < ge && (M = !0);
         }
         M && l.refreshPersistSelection?.();
       },
@@ -190,19 +190,19 @@ function an(n) {
       autoFitColumns: (a) => e()?.autoFitColumns?.(a)
     };
   }, [D, I, L, Y]);
-  Te(() => {
-    U && (U.current = Me);
-  }, [U, Me]), Te(() => () => {
-    U && (U.current = null);
-  }, [U]);
-  const Ce = (e) => {
+  be(() => {
+    K && (K.current = Be);
+  }, [K, Be]), be(() => () => {
+    K && (K.current = null);
+  }, [K]);
+  const De = (e) => {
     const c = String(e || "");
     return c === "Ascending" || c === "Descending" ? c : c.toLowerCase() === "ascending" ? "Ascending" : "Descending";
-  }, Re = (e) => {
-    const c = o.current, a = e?.requestType, g = a === "paging" ? "paging" : a === "sorting" ? "sorting" : a === "searching" ? "searching" : a === "filtering" ? "filtering" : a === "grouping" ? "grouping" : a === "reorder" ? "reorder" : a === "columnstate" ? "columnstate" : "other", l = e?.pageSize ?? c?.pageSettings?.pageSize ?? N, P = e?.currentPage ?? c?.pageSettings?.currentPage ?? _, M = e?.columnName && e?.direction ? [{ field: e.columnName, dir: Ce(e.direction) }] : (c?.sortSettings?.columns || []).map((Ee) => ({
-      field: Ee.field,
-      dir: Ce(Ee.direction ?? Ee.dir)
-    })), J = e?.searchString ?? "", be = e?.columns ?? c?.filterSettings?.columns ?? [];
+  }, _e = (e) => {
+    const c = o.current, a = e?.requestType, g = a === "paging" ? "paging" : a === "sorting" ? "sorting" : a === "searching" ? "searching" : a === "filtering" ? "filtering" : a === "grouping" ? "grouping" : a === "reorder" ? "reorder" : a === "columnstate" ? "columnstate" : "other", l = e?.pageSize ?? c?.pageSettings?.pageSize ?? N, P = e?.currentPage ?? c?.pageSettings?.currentPage ?? _, M = e?.columnName && e?.direction ? [{ field: e.columnName, dir: De(e.direction) }] : (c?.sortSettings?.columns || []).map((xe) => ({
+      field: xe.field,
+      dir: De(xe.direction ?? xe.dir)
+    })), X = e?.searchString ?? "", ge = e?.columns ?? c?.filterSettings?.columns ?? [];
     return {
       reason: g,
       page: {
@@ -212,28 +212,28 @@ function an(n) {
         take: l
       },
       sort: M,
-      search: J,
-      filters: be,
+      search: X,
+      filters: ge,
       rawEvent: e
     };
   };
-  Te(() => {
+  be(() => {
     if (!(u > 0) || !(N > 0)) return;
     const e = Math.max(1, Math.ceil(u / N));
-    k <= e || (r(e), ve(e), z?.(
-      Re({ requestType: "paging", currentPage: e, pageSize: N }),
+    k <= e || (r(e), ye(e), z?.(
+      _e({ requestType: "paging", currentPage: e, pageSize: N }),
       { requestType: "paging", currentPage: e, pageSize: N, clamped: !0 }
     ));
   }, [u, N, k]);
-  const $e = (e) => {
+  const Me = (e) => {
     if (setTimeout(() => {
       o?.current?.hideSpinner();
     }, 1e3), e.requestType === "paging") {
       const c = o.current, a = e.pageSize ?? c?.pageSettings?.pageSize ?? N;
-      Oe(e, a);
+      Ae(e, a);
     }
-    e.requestType === "sorting" && Ae(e, ne), (e.requestType === "searching" || e.requestType === "filtering") && ve(1), z?.(Re(e), e);
-  }, Ie = (e) => {
+    e.requestType === "sorting" && Ie(e, ie), (e.requestType === "searching" || e.requestType === "filtering") && ye(1), z?.(_e(e), e);
+  }, ke = (e) => {
     const c = e instanceof Element ? e : null;
     if (!c || c.closest(".e-checkbox-wrapper, .e-gridchkbox")) return !1;
     const a = c.closest(
@@ -242,30 +242,30 @@ function an(n) {
     if (!a) return !1;
     const g = c.closest("tr");
     return !!g && a !== g && g.contains(a);
-  }, ze = (e) => {
-    if (Ie(e?.target)) {
+  }, Fe = (e) => {
+    if (ke(e?.target)) {
       e.cancel = !0;
       return;
     }
-    y?.(e);
-  }, Ye = (e) => {
-    if (Ie(e?.target)) {
+    m?.(e);
+  }, Ve = (e) => {
+    if (ke(e?.target)) {
       e.cancel = !0;
       return;
     }
     C?.(e);
   };
-  Te(() => {
+  be(() => {
     const e = o.current;
     if (!e?.on) return;
     const c = (a) => {
-      a?.byClick && Ie(a.clickArgs?.target) && (a.cancel = !0);
+      a?.byClick && ke(a.clickArgs?.target) && (a.cancel = !0);
     };
     return e.on("beforecellfocused", c), () => {
       e.isDestroyed || e.off?.("beforecellfocused", c);
     };
   }, []);
-  const Ne = (e) => {
+  const He = (e) => {
     if (e?.data) {
       const c = Array.isArray(e.data) ? e.data : [e.data];
       d.current = [
@@ -285,19 +285,19 @@ function an(n) {
         (g) => !a.has(JSON.stringify(g))
       );
     }
-    ie?.(e);
-  }, De = (e) => {
+    oe?.(e);
+  }, Le = (e) => {
     me?.(e?.rowData, e);
-  }, _e = () => {
-    const e = ae?.columnWidths || {}, c = ae?.columnVisibility || {}, a = [];
-    Z && a.push(
+  }, $e = () => {
+    const e = se?.columnWidths || {}, c = se?.columnVisibility || {}, a = [];
+    Q && a.push(
       /* @__PURE__ */ j(
-        Ge,
+        Je,
         {
           type: "checkbox",
-          width: X,
-          minWidth: X,
-          maxWidth: X,
+          width: Z,
+          minWidth: Z,
+          maxWidth: Z,
           allowSorting: !1,
           allowFiltering: !1,
           allowGrouping: !1,
@@ -311,11 +311,11 @@ function an(n) {
     return $.forEach((l, P) => {
       const {
         field: M,
-        headerText: J,
-        width: be = 150,
-        textAlign: Ee = "Left",
-        template: st,
-        isPrimaryKey: ct,
+        headerText: X,
+        width: ge = 150,
+        textAlign: xe = "Left",
+        template: ct,
+        isPrimaryKey: lt,
         showInColumnChooser: Nt = !0,
         allowFiltering: Wt = !0,
         allowSorting: jt = !0,
@@ -325,56 +325,56 @@ function an(n) {
         editTemplate: zt,
         validationRules: Yt,
         defaultValue: Bt,
-        type: lt,
-        format: ut,
-        visible: dt = !0,
+        type: ut,
+        format: dt,
+        visible: ft = !0,
         minWidth: Vt = 50,
         maxWidth: Ht,
-        customAttributes: ft,
-        ...pt
+        customAttributes: pt,
+        ...ht
       } = l || {};
-      if (["action", "actions"].includes(J?.toLowerCase()))
+      if (["action", "actions"].includes(X?.toLowerCase()))
         a.push(
           /* @__PURE__ */ j(
-            Ge,
+            Je,
             {
               field: M,
-              headerText: J || mt,
-              width: X,
-              textAlign: Ee,
-              template: st,
-              isPrimaryKey: ct,
+              headerText: X || mt,
+              width: Z,
+              textAlign: xe,
+              template: ct,
+              isPrimaryKey: lt,
               showInColumnChooser: !1,
               allowFiltering: !1,
               allowSorting: !1,
               allowEditing: !1,
               allowResizing: !1,
               allowReordering: !1,
-              type: lt,
-              format: ut,
-              visible: dt,
+              type: ut,
+              format: dt,
+              visible: ft,
               customAttributes: {
-                ...ft,
+                ...pt,
                 "data-action-column": "true"
               },
               freeze: "Right",
-              ...pt
+              ...ht
             },
             M || `col-${P}`
           )
         );
       else {
-        const Ut = M && e[M] != null ? e[M] : be, Kt = M && c[M] != null ? c[M] : dt;
+        const Ut = M && e[M] != null ? e[M] : ge, Kt = M && c[M] != null ? c[M] : ft;
         a.push(
           /* @__PURE__ */ j(
-            Ge,
+            Je,
             {
               field: M,
-              headerText: J,
+              headerText: X,
               width: Ut,
-              textAlign: Ee,
-              template: st,
-              isPrimaryKey: ct,
+              textAlign: xe,
+              template: ct,
+              isPrimaryKey: lt,
               showInColumnChooser: Nt,
               allowFiltering: Wt,
               allowSorting: jt,
@@ -384,29 +384,29 @@ function an(n) {
               editTemplate: zt,
               validationRules: Yt,
               defaultValue: Bt,
-              type: lt,
-              format: ut,
+              type: ut,
+              format: dt,
               visible: Kt,
               minWidth: Vt,
               maxWidth: Ht,
-              customAttributes: ft,
+              customAttributes: pt,
               ...P === g ? { allowReordering: !1 } : {},
-              ...pt
+              ...ht
             },
             M || `col-${P}`
           )
         );
       }
     }), a;
-  }, ge = m?.pageSizes, Q = JSON.stringify(ge ?? null), se = ke(() => ({
+  }, Ee = y?.pageSizes, Te = JSON.stringify(Ee ?? null), H = Pe(() => ({
     currentPage: k,
     pageSize: N,
-    pageSizes: ge ?? [10, 20, 40, 60, 80, 100]
+    pageSizes: Ee ?? [10, 20, 40, 60, 80, 100]
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }), [k, N, Q]), Be = ke(() => ({
-    columns: ne ? [{ field: ne, direction: Ce(fe) }] : [],
+  }), [k, N, Te]), ee = Pe(() => ({
+    columns: ie ? [{ field: ie, direction: De(fe) }] : [],
     allowUnsort: !1
-  }), [ne, fe]), Ve = ke(() => ({
+  }), [ie, fe]), Ne = Pe(() => ({
     allowEditing: ce,
     allowAdding: !1,
     allowDeleting: !1,
@@ -415,7 +415,7 @@ function an(n) {
     showDeleteConfirmDialog: !1,
     newRowPosition: "Top",
     ...de || {}
-  }), [ce, de]), He = ke(() => ({
+  }), [ce, de]), qe = Pe(() => ({
     result: b,
     count: u
   }), [b, u]), Ue = () => {
@@ -429,7 +429,7 @@ function an(n) {
         c[a.field] = typeof g == "string" && parseInt(g, 10) || g;
       }
     }), t({ columnWidths: c });
-  }, pe = (e) => {
+  }, Ke = (e) => {
     if (e.requestType === "columnVisibilityUpdate" && (Mt(), ue)) {
       const c = o.current;
       if (c) {
@@ -439,7 +439,7 @@ function an(n) {
         }), t({ columnVisibility: a });
       }
     }
-  }, Dt = (e) => {
+  }, pe = (e) => {
     typeof le == "function" && le({
       columnName: e.columnName,
       field: e.columnName,
@@ -456,14 +456,14 @@ function an(n) {
     e && setTimeout(() => {
       const c = e.columns, a = e.element?.offsetWidth || 0, g = c.reduce((P, M) => {
         if (!M?.visible) return P;
-        const J = M._initialWidth ?? M._initialWidth ?? X, be = typeof J == "string" ? parseInt(J, 10) : J || 0;
-        return P + be;
+        const X = M._initialWidth ?? M._initialWidth ?? Z, ge = typeof X == "string" ? parseInt(X, 10) : X || 0;
+        return P + ge;
       }, 0);
       c.forEach((P) => {
         if (P.freeze === "Right")
-          P.width = X, P.minWidth = X, P.maxWidth = X;
+          P.width = Z, P.minWidth = Z, P.maxWidth = Z;
         else if (P.type === "checkbox")
-          P.width = X, P.minWidth = X, P.maxWidth = X;
+          P.width = Z, P.minWidth = Z, P.maxWidth = Z;
         else if (a > g)
           P.width = "auto", P.minWidth = "150";
         else {
@@ -483,20 +483,20 @@ function an(n) {
       a._initialWidth === void 0 && (a._initialWidth = a.width);
     });
   };
-  Te(() => {
+  be(() => {
     $t();
     const e = o.current;
     e && setTimeout(() => {
       const c = e.columns, a = e.element?.offsetWidth || 0, g = c.reduce((l, P) => {
         if (!P?.visible) return l;
-        const M = P.width ?? P.width ?? X, J = typeof M == "string" ? parseInt(M, 10) : M || 0;
-        return l + J;
+        const M = P.width ?? P.width ?? Z, X = typeof M == "string" ? parseInt(M, 10) : M || 0;
+        return l + X;
       }, 0);
       c.forEach((l) => {
         if (l.freeze === "Right")
-          l.width = X, l.minWidth = X, l.maxWidth = X;
+          l.width = Z, l.minWidth = Z, l.maxWidth = Z;
         else if (l.type === "checkbox")
-          l.width = X, l.minWidth = X, l.maxWidth = X;
+          l.width = Z, l.minWidth = Z, l.maxWidth = Z;
         else if (a > g)
           l.width = "auto", l.minWidth = "150";
         else {
@@ -505,7 +505,7 @@ function an(n) {
         }
       }), e.setProperties({ columns: c }, !0);
     }, 0);
-  }, []), Te(() => {
+  }, []), be(() => {
     const e = o.current;
     e && (e.columnChooserOpen = () => {
       setTimeout(() => {
@@ -518,7 +518,7 @@ function an(n) {
       c && !c.getAttribute("aria-label") && c.setAttribute("aria-label", "Search columns");
     }, 0);
   }, []);
-  const at = () => {
+  const st = () => {
     const e = o.current?.element;
     if (!e) return;
     const c = e.querySelector('th[data-action-column="true"]');
@@ -532,28 +532,28 @@ function an(n) {
     const a = e.querySelector(".e-headercell .e-checkbox-wrapper")?.closest("th");
     a && !a.getAttribute("aria-label") && a.setAttribute("aria-label", "Select rows");
   };
-  return Te(() => {
-    at();
+  return be(() => {
+    st();
   }, []), /* @__PURE__ */ j(
     "div",
     {
       className: "custom-grid-wrapper",
       onFocusCapture: S,
-      role: oe || H ? "region" : void 0,
-      "aria-label": H ? void 0 : oe,
-      "aria-labelledby": H,
-      "aria-describedby": ye,
-      ...te,
-      children: /* @__PURE__ */ ee(
-        yr,
+      role: ae || U ? "region" : void 0,
+      "aria-label": U ? void 0 : ae,
+      "aria-labelledby": U,
+      "aria-describedby": ve,
+      ...re,
+      children: /* @__PURE__ */ te(
+        mr,
         {
           width: "100%",
           enableVirtualization: !1,
           id: f,
           ref: o,
-          actionComplete: pe,
-          dataBound: at,
-          dataSource: He,
+          actionComplete: Ke,
+          dataBound: st,
+          dataSource: qe,
           height: B,
           allowPaging: W,
           allowSorting: h,
@@ -562,23 +562,23 @@ function an(n) {
           allowReordering: T,
           allowResizing: O,
           showColumnChooser: Y,
-          selectionSettings: Se,
-          pageSettings: se,
-          sortSettings: Be,
-          actionBegin: $e,
+          selectionSettings: at,
+          pageSettings: H,
+          sortSettings: ee,
+          actionBegin: Me,
           resizeStop: Ue,
-          rowSelecting: ze,
-          rowDeselecting: Ye,
-          rowSelected: Ne,
+          rowSelecting: Fe,
+          rowDeselecting: Ve,
+          rowSelected: He,
           rowDeselected: je,
-          recordDoubleClick: De,
-          editSettings: Ve,
-          cellSave: Dt,
+          recordDoubleClick: Le,
+          editSettings: Ne,
+          cellSave: pe,
           cssClass: "custom-grid-padding",
           ...E,
           children: [
-            /* @__PURE__ */ j(vr, { children: _e() }),
-            /* @__PURE__ */ j(gr, { services: ot })
+            /* @__PURE__ */ j(vr, { children: $e() }),
+            /* @__PURE__ */ j(gr, { services: Ce })
           ]
         }
       )
@@ -588,10 +588,10 @@ function an(n) {
 const Er = (n) => n.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Tr = (n) => n.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (b, u, f) => f ? f.toUpperCase() : u.toLowerCase()
-), yt = (n) => {
+), vt = (n) => {
   const b = Tr(n);
   return b.charAt(0).toUpperCase() + b.slice(1);
-}, Ot = (...n) => n.filter((b, u, f) => !!b && b.trim() !== "" && f.indexOf(b) === u).join(" ").trim(), xr = (n) => {
+}, At = (...n) => n.filter((b, u, f) => !!b && b.trim() !== "" && f.indexOf(b) === u).join(" ").trim(), xr = (n) => {
   for (const b in n)
     if (b.startsWith("aria-") || b === "role" || b === "title")
       return !0;
@@ -607,7 +607,7 @@ var Rr = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const _r = kt(
+const _r = Pt(
   ({
     color: n = "currentColor",
     size: b = 24,
@@ -617,7 +617,7 @@ const _r = kt(
     children: p,
     iconNode: W,
     ...h
-  }, A) => nt(
+  }, A) => it(
     "svg",
     {
       ref: A,
@@ -626,30 +626,30 @@ const _r = kt(
       height: b,
       stroke: n,
       strokeWidth: f ? Number(u) * 24 / Number(b) : u,
-      className: Ot("lucide", _),
+      className: At("lucide", _),
       ...!p && !xr(h) && { "aria-hidden": "true" },
       ...h
     },
     [
-      ...W.map(([R, T]) => nt(R, T)),
+      ...W.map(([R, T]) => it(R, T)),
       ...Array.isArray(p) ? p : [p]
     ]
   )
 );
-const Pe = (n, b) => {
-  const u = kt(
-    ({ className: f, ..._ }, p) => nt(_r, {
+const Oe = (n, b) => {
+  const u = Pt(
+    ({ className: f, ..._ }, p) => it(_r, {
       ref: p,
       iconNode: b,
-      className: Ot(
-        `lucide-${Er(yt(n))}`,
+      className: At(
+        `lucide-${Er(vt(n))}`,
         `lucide-${n}`,
         f
       ),
       ..._
     })
   );
-  return u.displayName = yt(n), u;
+  return u.displayName = vt(n), u;
 };
 const kr = [
   ["path", { d: "M10.5 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v5.5", key: "1g2yzs" }],
@@ -664,7 +664,7 @@ const kr = [
   ["path", { d: "m21.7 19.4-.9-.3", key: "1qgwi9" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }]
-], Pr = Pe("columns-3-cog", kr);
+], Pr = Oe("columns-3-cog", kr);
 const Or = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
@@ -672,19 +672,19 @@ const Or = [
   ["path", { d: "M14 13h2", key: "un5t4a" }],
   ["path", { d: "M8 17h2", key: "2yhykz" }],
   ["path", { d: "M14 17h2", key: "10kma7" }]
-], Ar = Pe("file-spreadsheet", Or);
+], Ar = Oe("file-spreadsheet", Or);
 const Ir = [
   ["path", { d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z", key: "1rqfz7" }],
   ["path", { d: "M14 2v4a2 2 0 0 0 2 2h4", key: "tnqrlb" }],
   ["path", { d: "M10 9H8", key: "b1mrlr" }],
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
-], Dr = Pe("file-text", Ir);
+], Dr = Oe("file-text", Ir);
 const Mr = [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M7 12h10", key: "b7w52i" }],
   ["path", { d: "M10 18h4", key: "1ulq68" }]
-], $r = Pe("list-filter", Mr);
+], $r = Oe("list-filter", Mr);
 const Nr = [
   [
     "path",
@@ -695,20 +695,20 @@ const Nr = [
   ],
   ["path", { d: "M6 9V3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v6", key: "1itne7" }],
   ["rect", { x: "6", y: "14", width: "12", height: "8", rx: "1", key: "1ue0tg" }]
-], Wr = Pe("printer", Nr);
+], Wr = Oe("printer", Nr);
 const jr = [
   ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
   ["path", { d: "M16 16h5v5", key: "ccwih5" }]
-], qr = Pe("refresh-ccw", jr);
+], qr = Oe("refresh-ccw", jr);
 const Fr = [
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
   ["path", { d: "M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2", key: "v07s0e" }],
   ["line", { x1: "10", x2: "10", y1: "11", y2: "17", key: "1uufr5" }],
   ["line", { x1: "14", x2: "14", y1: "11", y2: "17", key: "xtxkd" }]
-], Lr = Pe("trash-2", Fr), sn = ({
+], Lr = Oe("trash-2", Fr), sn = ({
   heading: n = "Data Grid",
   subheading: b = "",
   totalCount: u = 0,
@@ -732,7 +732,7 @@ const Fr = [
   showAdd: B = !1,
   // Selection — parent is the source of truth
   iSelectedRecords: V = 0,
-  selectedRecords: Z,
+  selectedRecords: Q,
   // NEW: actual row data from parent state
   // Additional props
   searchPlaceholder: $ = "Search...",
@@ -740,20 +740,20 @@ const Fr = [
   },
   handleSearchChange: s = () => {
   },
-  handleDeleteClick: ie = () => {
+  handleDeleteClick: oe = () => {
   },
   // Optional: override export file names
   excelFileName: me,
-  pdfFileName: oe,
-  searchIconSize: H,
-  searchIconClass: ye,
+  pdfFileName: ae,
+  searchIconSize: U,
+  searchIconClass: ve,
   inputStyle: ce,
   filterCount: de,
   actionButtons: le = [],
-  tableId: U,
+  tableId: K,
   ...he
 }) => {
-  const K = Pt(U), re = (i) => i.type === "custom" ? /* @__PURE__ */ j(Gt, { children: i.render?.() }, i.id) : i.type === "segmented" ? /* @__PURE__ */ j(
+  const G = Ot(K), ne = (i) => i.type === "custom" ? /* @__PURE__ */ j(Gt, { children: i.render?.() }, i.id) : i.type === "segmented" ? /* @__PURE__ */ j(
     tr,
     {
       value: i.value,
@@ -764,7 +764,7 @@ const Fr = [
     },
     i.id
   ) : i.type === "multioptions" ? /* @__PURE__ */ j(
-    Ke,
+    Ge,
     {
       dropdown: !0,
       label: i.label,
@@ -779,7 +779,7 @@ const Fr = [
     },
     i.id
   ) : i.iconOnly && i.icon ? /* @__PURE__ */ j(
-    xe,
+    Re,
     {
       icon: i.icon,
       onClick: i.onClick,
@@ -788,7 +788,7 @@ const Fr = [
     },
     i.id
   ) : /* @__PURE__ */ j(
-    Ke,
+    Ge,
     {
       label: i.label,
       icon: i.icon || void 0,
@@ -798,7 +798,7 @@ const Fr = [
       size: "small"
     },
     i.id
-  ), te = we(() => _?.current || f?.current, [_, f]), { searchTerm: ue, onSearchChange: t } = Qt(K, s), o = (n || "export").toString().trim() || "export", S = `${me || o}.xlsx`, d = `${oe || o}.pdf`, m = (i, k, r) => Math.max(k, Math.min(i, r)), w = ht.useRef(null), y = we(() => {
+  ), re = we(() => _?.current || f?.current, [_, f]), { searchTerm: ue, onSearchChange: t } = Qt(G, s), o = (n || "export").toString().trim() || "export", S = `${me || o}.xlsx`, d = `${ae || o}.pdf`, y = (i, k, r) => Math.max(k, Math.min(i, r)), w = yt.useRef(null), m = we(() => {
     w.current && (document.removeEventListener(
       "mousedown",
       w.current,
@@ -806,35 +806,35 @@ const Fr = [
     ), w.current = null);
   }, []), C = we(
     (i) => {
-      y();
+      m();
       const k = (r) => {
         if (i && i.contains(r.target)) return;
         const N = document.querySelector(".e-ccdlg");
         if (!N) {
-          y();
+          m();
           return;
         }
         if (!N.contains(r.target)) {
           try {
-            const G = te(), ne = G?.gridInstance || G?.grid || null, fe = ne?.columnChooserModule?.hideDialog;
-            typeof fe == "function" ? fe.call(ne.columnChooserModule) : N.querySelector(
+            const J = re(), ie = J?.gridInstance || J?.grid || null, fe = ie?.columnChooserModule?.hideDialog;
+            typeof fe == "function" ? fe.call(ie.columnChooserModule) : N.querySelector(
               ".e-footer-content .e-btn:not(.e-primary)"
             )?.click();
           } catch {
           }
-          y();
+          m();
         }
       };
       w.current = k, setTimeout(() => {
         w.current === k && document.addEventListener("mousedown", k, !0);
       }, 0);
     },
-    [y, te]
+    [m, re]
   );
-  ht.useEffect(() => () => y(), [y]);
+  yt.useEffect(() => () => m(), [m]);
   const E = we(
     (i) => {
-      const k = te();
+      const k = re();
       if (!k?.openColumnChooser) return;
       const r = i?.currentTarget || null;
       if (typeof window > "u" || !i?.currentTarget) {
@@ -842,23 +842,23 @@ const Fr = [
         return;
       }
       try {
-        const N = i.currentTarget.getBoundingClientRect(), G = N.left + window.scrollX, ne = N.bottom + window.scrollY;
-        let fe = G - 120, ae = ne - 120;
-        const Oe = window.innerWidth, Ae = window.innerHeight;
-        fe = m(fe, window.scrollX + 8, window.scrollX + Oe - 340), ae = m(ae, window.scrollY, window.scrollY + Ae - 120), k.openColumnChooser(fe, ae), C(r);
+        const N = i.currentTarget.getBoundingClientRect(), J = N.left + window.scrollX, ie = N.bottom + window.scrollY;
+        let fe = J - 120, se = ie - 120;
+        const Ae = window.innerWidth, Ie = window.innerHeight;
+        fe = y(fe, window.scrollX + 8, window.scrollX + Ae - 340), se = y(se, window.scrollY, window.scrollY + Ie - 120), k.openColumnChooser(fe, se), C(r);
       } catch {
       }
     },
-    [te, C]
+    [re, C]
   ), x = we(
     (i, k) => {
-      const r = te();
+      const r = re();
       if (r)
         switch (i) {
           case "Delete": {
             if (R) {
-              const N = Z ?? r.getSelectedRecords();
-              return ie(N);
+              const N = Q ?? r.getSelectedRecords();
+              return oe(N);
             }
             break;
           }
@@ -886,40 +886,40 @@ const Fr = [
       Y,
       D,
       R,
-      Z,
+      Q,
       S,
       d,
       z,
-      ie,
+      oe,
       E,
-      te
+      re
     ]
   );
-  return /* @__PURE__ */ ee("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", ...he, children: [
-    /* @__PURE__ */ ee("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ ee("div", { className: "text-lg font-semibold text-gray-800", children: [
+  return /* @__PURE__ */ te("div", { className: "flex items-center flex-wrap justify-between w-full px-4 py-2 bg-white border border-gray-200 rounded-t-2xl mb-0", ...he, children: [
+    /* @__PURE__ */ te("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ te("div", { className: "text-lg font-semibold text-gray-800", children: [
         n,
         " ",
         typeof u == "number" ? `(${u})` : null
       ] }),
       b ? /* @__PURE__ */ j("div", { className: "text-sm text-gray-500", children: b }) : null
     ] }),
-    /* @__PURE__ */ ee("div", { className: "flex items-center gap-3", children: [
+    /* @__PURE__ */ te("div", { className: "flex items-center gap-3", children: [
       A && /* @__PURE__ */ j("div", { className: "relative", children: /* @__PURE__ */ j(
         er,
         {
           placeholder: $,
           value: ue,
           onDebouncedChange: t,
-          searchIconSize: H || 16,
-          searchIconClass: ye || "",
+          searchIconSize: U || 16,
+          searchIconClass: ve || "",
           inputStyle: ce || { paddingTop: "4px", paddingBottom: "4px" }
         }
       ) }),
-      /* @__PURE__ */ ee("div", { className: "flex gap-3", children: [
-        /* @__PURE__ */ ee("div", { className: "flex items-center gap-1.5", children: [
+      /* @__PURE__ */ te("div", { className: "flex gap-3", children: [
+        /* @__PURE__ */ te("div", { className: "flex items-center gap-1.5", children: [
           R && /* @__PURE__ */ j(
-            xe,
+            Re,
             {
               icon: Lr,
               "aria-label": "Delete selected",
@@ -931,7 +931,7 @@ const Fr = [
             }
           ),
           T && /* @__PURE__ */ j(
-            xe,
+            Re,
             {
               icon: Pr,
               "aria-label": "Choose columns",
@@ -939,7 +939,7 @@ const Fr = [
             }
           ),
           O && /* @__PURE__ */ j(
-            xe,
+            Re,
             {
               icon: $r,
               "aria-label": "Open filters",
@@ -948,7 +948,7 @@ const Fr = [
             }
           ),
           I && /* @__PURE__ */ j(
-            xe,
+            Re,
             {
               icon: Wr,
               "aria-label": "Print",
@@ -956,7 +956,7 @@ const Fr = [
             }
           ),
           L && /* @__PURE__ */ j(
-            xe,
+            Re,
             {
               icon: Ar,
               "aria-label": "Export to Excel",
@@ -964,7 +964,7 @@ const Fr = [
             }
           ),
           Y && /* @__PURE__ */ j(
-            xe,
+            Re,
             {
               icon: Dr,
               "aria-label": "Export to PDF",
@@ -972,7 +972,7 @@ const Fr = [
             }
           ),
           D && /* @__PURE__ */ j(
-            xe,
+            Re,
             {
               icon: qr,
               "aria-label": "Refresh",
@@ -980,9 +980,9 @@ const Fr = [
             }
           )
         ] }),
-        le.length > 0 && le.map(re),
+        le.length > 0 && le.map(ne),
         B && p && /* @__PURE__ */ j(
-          Ke,
+          Ge,
           {
             label: h,
             onClick: p,
@@ -997,16 +997,16 @@ const Fr = [
 function zr(n) {
   return n && n.__esModule && Object.prototype.hasOwnProperty.call(n, "default") ? n.default : n;
 }
-var qe = { exports: {} }, Fe = { exports: {} }, q = {};
-var vt;
+var ze = { exports: {} }, Ye = { exports: {} }, q = {};
+var gt;
 function Yr() {
-  if (vt) return q;
-  vt = 1;
-  var n = typeof Symbol == "function" && Symbol.for, b = n ? /* @__PURE__ */ Symbol.for("react.element") : 60103, u = n ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, f = n ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, _ = n ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, p = n ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, W = n ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = n ? /* @__PURE__ */ Symbol.for("react.context") : 60110, A = n ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, R = n ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, T = n ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, O = n ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, I = n ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, L = n ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, Y = n ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, D = n ? /* @__PURE__ */ Symbol.for("react.block") : 60121, B = n ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, V = n ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, Z = n ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  if (gt) return q;
+  gt = 1;
+  var n = typeof Symbol == "function" && Symbol.for, b = n ? /* @__PURE__ */ Symbol.for("react.element") : 60103, u = n ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, f = n ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, _ = n ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, p = n ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, W = n ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = n ? /* @__PURE__ */ Symbol.for("react.context") : 60110, A = n ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, R = n ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, T = n ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, O = n ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, I = n ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, L = n ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, Y = n ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, D = n ? /* @__PURE__ */ Symbol.for("react.block") : 60121, B = n ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, V = n ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, Q = n ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
   function $(s) {
     if (typeof s == "object" && s !== null) {
-      var ie = s.$$typeof;
-      switch (ie) {
+      var oe = s.$$typeof;
+      switch (oe) {
         case b:
           switch (s = s.type, s) {
             case A:
@@ -1025,11 +1025,11 @@ function Yr() {
                 case W:
                   return s;
                 default:
-                  return ie;
+                  return oe;
               }
           }
         case u:
-          return ie;
+          return oe;
       }
     }
   }
@@ -1061,41 +1061,41 @@ function Yr() {
   }, q.isSuspense = function(s) {
     return $(s) === O;
   }, q.isValidElementType = function(s) {
-    return typeof s == "string" || typeof s == "function" || s === f || s === R || s === p || s === _ || s === O || s === I || typeof s == "object" && s !== null && (s.$$typeof === Y || s.$$typeof === L || s.$$typeof === W || s.$$typeof === h || s.$$typeof === T || s.$$typeof === B || s.$$typeof === V || s.$$typeof === Z || s.$$typeof === D);
+    return typeof s == "string" || typeof s == "function" || s === f || s === R || s === p || s === _ || s === O || s === I || typeof s == "object" && s !== null && (s.$$typeof === Y || s.$$typeof === L || s.$$typeof === W || s.$$typeof === h || s.$$typeof === T || s.$$typeof === B || s.$$typeof === V || s.$$typeof === Q || s.$$typeof === D);
   }, q.typeOf = $, q;
 }
 var F = {};
-var gt;
+var bt;
 function Br() {
-  return gt || (gt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var n = typeof Symbol == "function" && Symbol.for, b = n ? /* @__PURE__ */ Symbol.for("react.element") : 60103, u = n ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, f = n ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, _ = n ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, p = n ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, W = n ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = n ? /* @__PURE__ */ Symbol.for("react.context") : 60110, A = n ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, R = n ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, T = n ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, O = n ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, I = n ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, L = n ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, Y = n ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, D = n ? /* @__PURE__ */ Symbol.for("react.block") : 60121, B = n ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, V = n ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, Z = n ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
+  return bt || (bt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var n = typeof Symbol == "function" && Symbol.for, b = n ? /* @__PURE__ */ Symbol.for("react.element") : 60103, u = n ? /* @__PURE__ */ Symbol.for("react.portal") : 60106, f = n ? /* @__PURE__ */ Symbol.for("react.fragment") : 60107, _ = n ? /* @__PURE__ */ Symbol.for("react.strict_mode") : 60108, p = n ? /* @__PURE__ */ Symbol.for("react.profiler") : 60114, W = n ? /* @__PURE__ */ Symbol.for("react.provider") : 60109, h = n ? /* @__PURE__ */ Symbol.for("react.context") : 60110, A = n ? /* @__PURE__ */ Symbol.for("react.async_mode") : 60111, R = n ? /* @__PURE__ */ Symbol.for("react.concurrent_mode") : 60111, T = n ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112, O = n ? /* @__PURE__ */ Symbol.for("react.suspense") : 60113, I = n ? /* @__PURE__ */ Symbol.for("react.suspense_list") : 60120, L = n ? /* @__PURE__ */ Symbol.for("react.memo") : 60115, Y = n ? /* @__PURE__ */ Symbol.for("react.lazy") : 60116, D = n ? /* @__PURE__ */ Symbol.for("react.block") : 60121, B = n ? /* @__PURE__ */ Symbol.for("react.fundamental") : 60117, V = n ? /* @__PURE__ */ Symbol.for("react.responder") : 60118, Q = n ? /* @__PURE__ */ Symbol.for("react.scope") : 60119;
     function $(r) {
       return typeof r == "string" || typeof r == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
-      r === f || r === R || r === p || r === _ || r === O || r === I || typeof r == "object" && r !== null && (r.$$typeof === Y || r.$$typeof === L || r.$$typeof === W || r.$$typeof === h || r.$$typeof === T || r.$$typeof === B || r.$$typeof === V || r.$$typeof === Z || r.$$typeof === D);
+      r === f || r === R || r === p || r === _ || r === O || r === I || typeof r == "object" && r !== null && (r.$$typeof === Y || r.$$typeof === L || r.$$typeof === W || r.$$typeof === h || r.$$typeof === T || r.$$typeof === B || r.$$typeof === V || r.$$typeof === Q || r.$$typeof === D);
     }
     function z(r) {
       if (typeof r == "object" && r !== null) {
         var N = r.$$typeof;
         switch (N) {
           case b:
-            var G = r.type;
-            switch (G) {
+            var J = r.type;
+            switch (J) {
               case A:
               case R:
               case f:
               case p:
               case _:
               case O:
-                return G;
+                return J;
               default:
-                var ne = G && G.$$typeof;
-                switch (ne) {
+                var ie = J && J.$$typeof;
+                switch (ie) {
                   case h:
                   case T:
                   case Y:
                   case L:
                   case W:
-                    return ne;
+                    return ie;
                   default:
                     return N;
                 }
@@ -1105,9 +1105,9 @@ function Br() {
         }
       }
     }
-    var s = A, ie = R, me = h, oe = W, H = b, ye = T, ce = f, de = Y, le = L, U = u, he = p, K = _, re = O, te = !1;
+    var s = A, oe = R, me = h, ae = W, U = b, ve = T, ce = f, de = Y, le = L, K = u, he = p, G = _, ne = O, re = !1;
     function ue(r) {
-      return te || (te = !0), t(r) || z(r) === A;
+      return re || (re = !0), t(r) || z(r) === A;
     }
     function t(r) {
       return z(r) === R;
@@ -1121,13 +1121,13 @@ function Br() {
     function d(r) {
       return typeof r == "object" && r !== null && r.$$typeof === b;
     }
-    function m(r) {
+    function y(r) {
       return z(r) === T;
     }
     function w(r) {
       return z(r) === f;
     }
-    function y(r) {
+    function m(r) {
       return z(r) === Y;
     }
     function C(r) {
@@ -1145,17 +1145,17 @@ function Br() {
     function k(r) {
       return z(r) === O;
     }
-    F.AsyncMode = s, F.ConcurrentMode = ie, F.ContextConsumer = me, F.ContextProvider = oe, F.Element = H, F.ForwardRef = ye, F.Fragment = ce, F.Lazy = de, F.Memo = le, F.Portal = U, F.Profiler = he, F.StrictMode = K, F.Suspense = re, F.isAsyncMode = ue, F.isConcurrentMode = t, F.isContextConsumer = o, F.isContextProvider = S, F.isElement = d, F.isForwardRef = m, F.isFragment = w, F.isLazy = y, F.isMemo = C, F.isPortal = E, F.isProfiler = x, F.isStrictMode = i, F.isSuspense = k, F.isValidElementType = $, F.typeOf = z;
+    F.AsyncMode = s, F.ConcurrentMode = oe, F.ContextConsumer = me, F.ContextProvider = ae, F.Element = U, F.ForwardRef = ve, F.Fragment = ce, F.Lazy = de, F.Memo = le, F.Portal = K, F.Profiler = he, F.StrictMode = G, F.Suspense = ne, F.isAsyncMode = ue, F.isConcurrentMode = t, F.isContextConsumer = o, F.isContextProvider = S, F.isElement = d, F.isForwardRef = y, F.isFragment = w, F.isLazy = m, F.isMemo = C, F.isPortal = E, F.isProfiler = x, F.isStrictMode = i, F.isSuspense = k, F.isValidElementType = $, F.typeOf = z;
   })()), F;
 }
-var bt;
-function At() {
-  return bt || (bt = 1, process.env.NODE_ENV === "production" ? Fe.exports = Yr() : Fe.exports = Br()), Fe.exports;
+var wt;
+function It() {
+  return wt || (wt = 1, process.env.NODE_ENV === "production" ? Ye.exports = Yr() : Ye.exports = Br()), Ye.exports;
 }
-var Xe, wt;
+var Ze, St;
 function Vr() {
-  if (wt) return Xe;
-  wt = 1;
+  if (St) return Ze;
+  St = 1;
   var n = Object.getOwnPropertySymbols, b = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
   function f(p) {
     if (p == null)
@@ -1184,7 +1184,7 @@ function Vr() {
       return !1;
     }
   }
-  return Xe = _() ? Object.assign : function(p, W) {
+  return Ze = _() ? Object.assign : function(p, W) {
     for (var h, A = f(p), R, T = 1; T < arguments.length; T++) {
       h = Object(arguments[T]);
       for (var O in h)
@@ -1196,27 +1196,27 @@ function Vr() {
       }
     }
     return A;
-  }, Xe;
-}
-var Ze, St;
-function it() {
-  if (St) return Ze;
-  St = 1;
-  var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
-  return Ze = n, Ze;
+  }, Ze;
 }
 var Qe, Ct;
-function It() {
-  return Ct || (Ct = 1, Qe = Function.call.bind(Object.prototype.hasOwnProperty)), Qe;
+function ot() {
+  if (Ct) return Qe;
+  Ct = 1;
+  var n = "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED";
+  return Qe = n, Qe;
 }
 var et, Et;
+function Dt() {
+  return Et || (Et = 1, et = Function.call.bind(Object.prototype.hasOwnProperty)), et;
+}
+var tt, Tt;
 function Hr() {
-  if (Et) return et;
-  Et = 1;
+  if (Tt) return tt;
+  Tt = 1;
   var n = function() {
   };
   if (process.env.NODE_ENV !== "production") {
-    var b = /* @__PURE__ */ it(), u = {}, f = /* @__PURE__ */ It();
+    var b = /* @__PURE__ */ ot(), u = {}, f = /* @__PURE__ */ Dt();
     n = function(p) {
       var W = "Warning: " + p;
       try {
@@ -1255,13 +1255,13 @@ function Hr() {
   }
   return _.resetWarningCache = function() {
     process.env.NODE_ENV !== "production" && (u = {});
-  }, et = _, et;
+  }, tt = _, tt;
 }
-var tt, Tt;
+var rt, xt;
 function Ur() {
-  if (Tt) return tt;
-  Tt = 1;
-  var n = At(), b = Vr(), u = /* @__PURE__ */ it(), f = /* @__PURE__ */ It(), _ = /* @__PURE__ */ Hr(), p = function() {
+  if (xt) return rt;
+  xt = 1;
+  var n = It(), b = Vr(), u = /* @__PURE__ */ ot(), f = /* @__PURE__ */ Dt(), _ = /* @__PURE__ */ Hr(), p = function() {
   };
   process.env.NODE_ENV !== "production" && (p = function(h) {
     var A = "Warning: " + h;
@@ -1273,7 +1273,7 @@ function Ur() {
   function W() {
     return null;
   }
-  return tt = function(h, A) {
+  return rt = function(h, A) {
     var R = typeof Symbol == "function" && Symbol.iterator, T = "@@iterator";
     function O(t) {
       var o = t && (R && t[R] || t[T]);
@@ -1289,15 +1289,15 @@ function Ur() {
       object: V("object"),
       string: V("string"),
       symbol: V("symbol"),
-      any: Z(),
+      any: Q(),
       arrayOf: $,
       element: z(),
       elementType: s(),
-      instanceOf: ie,
-      node: ye(),
-      objectOf: oe,
+      instanceOf: oe,
+      node: ve(),
+      objectOf: ae,
       oneOf: me,
-      oneOfType: H,
+      oneOfType: U,
       shape: de,
       exact: le
     };
@@ -1311,7 +1311,7 @@ function Ur() {
     function B(t) {
       if (process.env.NODE_ENV !== "production")
         var o = {}, S = 0;
-      function d(w, y, C, E, x, i, k) {
+      function d(w, m, C, E, x, i, k) {
         if (E = E || I, i = i || C, k !== u) {
           if (A) {
             var r = new Error(
@@ -1326,18 +1326,18 @@ function Ur() {
             ), o[N] = !0, S++);
           }
         }
-        return y[C] == null ? w ? y[C] === null ? new D("The " + x + " `" + i + "` is marked as required " + ("in `" + E + "`, but its value is `null`.")) : new D("The " + x + " `" + i + "` is marked as required in " + ("`" + E + "`, but its value is `undefined`.")) : null : t(y, C, E, x, i);
+        return m[C] == null ? w ? m[C] === null ? new D("The " + x + " `" + i + "` is marked as required " + ("in `" + E + "`, but its value is `null`.")) : new D("The " + x + " `" + i + "` is marked as required in " + ("`" + E + "`, but its value is `undefined`.")) : null : t(m, C, E, x, i);
       }
-      var m = d.bind(null, !1);
-      return m.isRequired = d.bind(null, !0), m;
+      var y = d.bind(null, !1);
+      return y.isRequired = d.bind(null, !0), y;
     }
     function V(t) {
-      function o(S, d, m, w, y, C) {
-        var E = S[d], x = K(E);
+      function o(S, d, y, w, m, C) {
+        var E = S[d], x = G(E);
         if (x !== t) {
-          var i = re(E);
+          var i = ne(E);
           return new D(
-            "Invalid " + w + " `" + y + "` of type " + ("`" + i + "` supplied to `" + m + "`, expected ") + ("`" + t + "`."),
+            "Invalid " + w + " `" + m + "` of type " + ("`" + i + "` supplied to `" + y + "`, expected ") + ("`" + t + "`."),
             { expectedType: t }
           );
         }
@@ -1345,20 +1345,20 @@ function Ur() {
       }
       return B(o);
     }
-    function Z() {
+    function Q() {
       return B(W);
     }
     function $(t) {
-      function o(S, d, m, w, y) {
+      function o(S, d, y, w, m) {
         if (typeof t != "function")
-          return new D("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside arrayOf.");
+          return new D("Property `" + m + "` of component `" + y + "` has invalid PropType notation inside arrayOf.");
         var C = S[d];
         if (!Array.isArray(C)) {
-          var E = K(C);
-          return new D("Invalid " + w + " `" + y + "` of type " + ("`" + E + "` supplied to `" + m + "`, expected an array."));
+          var E = G(C);
+          return new D("Invalid " + w + " `" + m + "` of type " + ("`" + E + "` supplied to `" + y + "`, expected an array."));
         }
         for (var x = 0; x < C.length; x++) {
-          var i = t(C, x, m, w, y + "[" + x + "]", u);
+          var i = t(C, x, y, w, m + "[" + x + "]", u);
           if (i instanceof Error)
             return i;
         }
@@ -1367,32 +1367,32 @@ function Ur() {
       return B(o);
     }
     function z() {
-      function t(o, S, d, m, w) {
-        var y = o[S];
-        if (!h(y)) {
-          var C = K(y);
-          return new D("Invalid " + m + " `" + w + "` of type " + ("`" + C + "` supplied to `" + d + "`, expected a single ReactElement."));
+      function t(o, S, d, y, w) {
+        var m = o[S];
+        if (!h(m)) {
+          var C = G(m);
+          return new D("Invalid " + y + " `" + w + "` of type " + ("`" + C + "` supplied to `" + d + "`, expected a single ReactElement."));
         }
         return null;
       }
       return B(t);
     }
     function s() {
-      function t(o, S, d, m, w) {
-        var y = o[S];
-        if (!n.isValidElementType(y)) {
-          var C = K(y);
-          return new D("Invalid " + m + " `" + w + "` of type " + ("`" + C + "` supplied to `" + d + "`, expected a single ReactElement type."));
+      function t(o, S, d, y, w) {
+        var m = o[S];
+        if (!n.isValidElementType(m)) {
+          var C = G(m);
+          return new D("Invalid " + y + " `" + w + "` of type " + ("`" + C + "` supplied to `" + d + "`, expected a single ReactElement type."));
         }
         return null;
       }
       return B(t);
     }
-    function ie(t) {
-      function o(S, d, m, w, y) {
+    function oe(t) {
+      function o(S, d, y, w, m) {
         if (!(S[d] instanceof t)) {
           var C = t.name || I, E = ue(S[d]);
-          return new D("Invalid " + w + " `" + y + "` of type " + ("`" + E + "` supplied to `" + m + "`, expected ") + ("instance of `" + C + "`."));
+          return new D("Invalid " + w + " `" + m + "` of type " + ("`" + E + "` supplied to `" + y + "`, expected ") + ("instance of `" + C + "`."));
         }
         return null;
       }
@@ -1403,28 +1403,28 @@ function Ur() {
         return process.env.NODE_ENV !== "production" && (arguments.length > 1 ? p(
           "Invalid arguments supplied to oneOf, expected an array, got " + arguments.length + " arguments. A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z])."
         ) : p("Invalid argument supplied to oneOf, expected an array.")), W;
-      function o(S, d, m, w, y) {
+      function o(S, d, y, w, m) {
         for (var C = S[d], E = 0; E < t.length; E++)
           if (Y(C, t[E]))
             return null;
         var x = JSON.stringify(t, function(k, r) {
-          var N = re(r);
+          var N = ne(r);
           return N === "symbol" ? String(r) : r;
         });
-        return new D("Invalid " + w + " `" + y + "` of value `" + String(C) + "` " + ("supplied to `" + m + "`, expected one of " + x + "."));
+        return new D("Invalid " + w + " `" + m + "` of value `" + String(C) + "` " + ("supplied to `" + y + "`, expected one of " + x + "."));
       }
       return B(o);
     }
-    function oe(t) {
-      function o(S, d, m, w, y) {
+    function ae(t) {
+      function o(S, d, y, w, m) {
         if (typeof t != "function")
-          return new D("Property `" + y + "` of component `" + m + "` has invalid PropType notation inside objectOf.");
-        var C = S[d], E = K(C);
+          return new D("Property `" + m + "` of component `" + y + "` has invalid PropType notation inside objectOf.");
+        var C = S[d], E = G(C);
         if (E !== "object")
-          return new D("Invalid " + w + " `" + y + "` of type " + ("`" + E + "` supplied to `" + m + "`, expected an object."));
+          return new D("Invalid " + w + " `" + m + "` of type " + ("`" + E + "` supplied to `" + y + "`, expected an object."));
         for (var x in C)
           if (f(C, x)) {
-            var i = t(C, x, m, w, y + "." + x, u);
+            var i = t(C, x, y, w, m + "." + x, u);
             if (i instanceof Error)
               return i;
           }
@@ -1432,49 +1432,49 @@ function Ur() {
       }
       return B(o);
     }
-    function H(t) {
+    function U(t) {
       if (!Array.isArray(t))
         return process.env.NODE_ENV !== "production" && p("Invalid argument supplied to oneOfType, expected an instance of array."), W;
       for (var o = 0; o < t.length; o++) {
         var S = t[o];
         if (typeof S != "function")
           return p(
-            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + te(S) + " at index " + o + "."
+            "Invalid argument supplied to oneOfType. Expected an array of check functions, but received " + re(S) + " at index " + o + "."
           ), W;
       }
-      function d(m, w, y, C, E) {
+      function d(y, w, m, C, E) {
         for (var x = [], i = 0; i < t.length; i++) {
-          var k = t[i], r = k(m, w, y, C, E, u);
+          var k = t[i], r = k(y, w, m, C, E, u);
           if (r == null)
             return null;
           r.data && f(r.data, "expectedType") && x.push(r.data.expectedType);
         }
         var N = x.length > 0 ? ", expected one of type [" + x.join(", ") + "]" : "";
-        return new D("Invalid " + C + " `" + E + "` supplied to " + ("`" + y + "`" + N + "."));
+        return new D("Invalid " + C + " `" + E + "` supplied to " + ("`" + m + "`" + N + "."));
       }
       return B(d);
     }
-    function ye() {
-      function t(o, S, d, m, w) {
-        return U(o[S]) ? null : new D("Invalid " + m + " `" + w + "` supplied to " + ("`" + d + "`, expected a ReactNode."));
+    function ve() {
+      function t(o, S, d, y, w) {
+        return K(o[S]) ? null : new D("Invalid " + y + " `" + w + "` supplied to " + ("`" + d + "`, expected a ReactNode."));
       }
       return B(t);
     }
-    function ce(t, o, S, d, m) {
+    function ce(t, o, S, d, y) {
       return new D(
-        (t || "React class") + ": " + o + " type `" + S + "." + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + m + "`."
+        (t || "React class") + ": " + o + " type `" + S + "." + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + y + "`."
       );
     }
     function de(t) {
-      function o(S, d, m, w, y) {
-        var C = S[d], E = K(C);
+      function o(S, d, y, w, m) {
+        var C = S[d], E = G(C);
         if (E !== "object")
-          return new D("Invalid " + w + " `" + y + "` of type `" + E + "` " + ("supplied to `" + m + "`, expected `object`."));
+          return new D("Invalid " + w + " `" + m + "` of type `" + E + "` " + ("supplied to `" + y + "`, expected `object`."));
         for (var x in t) {
           var i = t[x];
           if (typeof i != "function")
-            return ce(m, w, y, x, re(i));
-          var k = i(C, x, m, w, y + "." + x, u);
+            return ce(y, w, m, x, ne(i));
+          var k = i(C, x, y, w, m + "." + x, u);
           if (k)
             return k;
         }
@@ -1483,21 +1483,21 @@ function Ur() {
       return B(o);
     }
     function le(t) {
-      function o(S, d, m, w, y) {
-        var C = S[d], E = K(C);
+      function o(S, d, y, w, m) {
+        var C = S[d], E = G(C);
         if (E !== "object")
-          return new D("Invalid " + w + " `" + y + "` of type `" + E + "` " + ("supplied to `" + m + "`, expected `object`."));
+          return new D("Invalid " + w + " `" + m + "` of type `" + E + "` " + ("supplied to `" + y + "`, expected `object`."));
         var x = b({}, S[d], t);
         for (var i in x) {
           var k = t[i];
           if (f(t, i) && typeof k != "function")
-            return ce(m, w, y, i, re(k));
+            return ce(y, w, m, i, ne(k));
           if (!k)
             return new D(
-              "Invalid " + w + " `" + y + "` key `" + i + "` supplied to `" + m + "`.\nBad object: " + JSON.stringify(S[d], null, "  ") + `
+              "Invalid " + w + " `" + m + "` key `" + i + "` supplied to `" + y + "`.\nBad object: " + JSON.stringify(S[d], null, "  ") + `
 Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
             );
-          var r = k(C, i, m, w, y + "." + i, u);
+          var r = k(C, i, y, w, m + "." + i, u);
           if (r)
             return r;
         }
@@ -1505,7 +1505,7 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
       }
       return B(o);
     }
-    function U(t) {
+    function K(t) {
       switch (typeof t) {
         case "number":
         case "string":
@@ -1515,7 +1515,7 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
           return !t;
         case "object":
           if (Array.isArray(t))
-            return t.every(U);
+            return t.every(K);
           if (t === null || h(t))
             return !0;
           var o = O(t);
@@ -1523,12 +1523,12 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
             var S = o.call(t), d;
             if (o !== t.entries) {
               for (; !(d = S.next()).done; )
-                if (!U(d.value))
+                if (!K(d.value))
                   return !1;
             } else
               for (; !(d = S.next()).done; ) {
-                var m = d.value;
-                if (m && !U(m[1]))
+                var y = d.value;
+                if (y && !K(y[1]))
                   return !1;
               }
           } else
@@ -1541,14 +1541,14 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
     function he(t, o) {
       return t === "symbol" ? !0 : o ? o["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && o instanceof Symbol : !1;
     }
-    function K(t) {
+    function G(t) {
       var o = typeof t;
       return Array.isArray(t) ? "array" : t instanceof RegExp ? "object" : he(o, t) ? "symbol" : o;
     }
-    function re(t) {
+    function ne(t) {
       if (typeof t > "u" || t === null)
         return "" + t;
-      var o = K(t);
+      var o = G(t);
       if (o === "object") {
         if (t instanceof Date)
           return "date";
@@ -1557,8 +1557,8 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
       }
       return o;
     }
-    function te(t) {
-      var o = re(t);
+    function re(t) {
+      var o = ne(t);
       switch (o) {
         case "array":
         case "object":
@@ -1575,18 +1575,18 @@ Valid keys: ` + JSON.stringify(Object.keys(t), null, "  ")
       return !t.constructor || !t.constructor.name ? I : t.constructor.name;
     }
     return L.checkPropTypes = _, L.resetWarningCache = _.resetWarningCache, L.PropTypes = L, L;
-  }, tt;
+  }, rt;
 }
-var rt, xt;
+var nt, Rt;
 function Kr() {
-  if (xt) return rt;
-  xt = 1;
-  var n = /* @__PURE__ */ it();
+  if (Rt) return nt;
+  Rt = 1;
+  var n = /* @__PURE__ */ ot();
   function b() {
   }
   function u() {
   }
-  return u.resetWarningCache = b, rt = function() {
+  return u.resetWarningCache = b, nt = function() {
     function f(W, h, A, R, T, O) {
       if (O !== n) {
         var I = new Error(
@@ -1623,17 +1623,17 @@ function Kr() {
       resetWarningCache: b
     };
     return p.PropTypes = p, p;
-  }, rt;
+  }, nt;
 }
-var Rt;
+var _t;
 function Gr() {
-  if (Rt) return qe.exports;
-  if (Rt = 1, process.env.NODE_ENV !== "production") {
-    var n = At(), b = !0;
-    qe.exports = /* @__PURE__ */ Ur()(n.isElement, b);
+  if (_t) return ze.exports;
+  if (_t = 1, process.env.NODE_ENV !== "production") {
+    var n = It(), b = !0;
+    ze.exports = /* @__PURE__ */ Ur()(n.isElement, b);
   } else
-    qe.exports = /* @__PURE__ */ Kr()();
-  return qe.exports;
+    ze.exports = /* @__PURE__ */ Kr()();
+  return ze.exports;
 }
 var Jr = /* @__PURE__ */ Gr();
 const v = /* @__PURE__ */ zr(Jr);
@@ -1658,273 +1658,286 @@ function Xr({
   width: D,
   step: B = 30,
   weekNumber: V = !1,
-  firstDayOfWeek: Z,
+  firstDayOfWeek: Q,
   // --- label (WCAG) ---
   label: $,
   labelId: z,
   ariaLabel: s,
-  ariaLabelledBy: ie,
+  ariaLabelledBy: oe,
   ariaDescribedBy: me,
-  required: oe = !1,
-  errorMessage: H,
+  required: ae = !1,
+  errorMessage: U,
   // --- range-specific ---
-  startDate: ye,
+  startDate: ve,
   endDate: ce,
   separator: de = "-",
   presets: le,
-  startPlaceholder: U,
+  startPlaceholder: K,
   endPlaceholder: he,
   // --- datetimerange-specific ---
-  startValue: K,
-  endValue: re,
-  onStartChange: te,
+  startValue: G,
+  endValue: ne,
+  onStartChange: re,
   onEndChange: ue,
   // --- events ---
   onOpen: t,
   onClose: o,
   onFocus: S,
   onBlur: d,
-  onNavigated: m,
+  onNavigated: y,
   onRenderDayCell: w,
-  onCleared: y,
+  onCleared: m,
   // --- HTML / a11y pass-through ---
   id: C,
   name: E,
   htmlAttributes: x,
   ...i
 }) {
-  const k = Jt(), r = C || `cdp-${k}`, N = `${r}-error`, G = z || `${r}-label`, ne = ie || ($ ? G : void 0), fe = me || (H ? N : void 0), ae = We(null), Oe = We(null), Ae = We(null), ve = we((Q) => {
-    const se = Q?.target;
-    !se || typeof se.scrollIntoView != "function" || se.scrollIntoView({ block: "nearest", inline: "nearest" });
-  }, []), Se = p || {
+  const k = Jt(), r = C || `cdp-${k}`, N = `${r}-error`, J = z || `${r}-label`, ie = oe || ($ ? J : void 0), fe = me || (U ? N : void 0), se = We(null), Ae = We(null), Ie = We(null), ye = We(null);
+  be(() => {
+    const H = ye.current;
+    if (!H) return;
+    const ee = () => {
+      H.querySelectorAll("input[aria-describedby]").forEach((qe) => {
+        qe.removeAttribute("aria-describedby");
+      });
+    };
+    ee();
+    const Ne = new MutationObserver(ee);
+    return Ne.observe(H, { attributes: !0, attributeFilter: ["aria-describedby"], subtree: !0 }), () => Ne.disconnect();
+  }, []);
+  const Se = we((H) => {
+    const ee = H?.target;
+    !ee || typeof ee.scrollIntoView != "function" || ee.scrollIntoView({ block: "nearest", inline: "nearest" });
+  }, []), Ce = p || {
     date: "MM/dd/yyyy",
     daterange: "MM/dd/yyyy",
     time: "hh:mm a",
     datetime: "MM/dd/yyyy hh:mm a",
     datetimerange: "MM/dd/yyyy hh:mm a"
-  }[n], Me = W || {
+  }[n], De = W || {
     date: "MM/DD/YYYY",
     daterange: "MM/DD/YYYY",
     time: "HH:MM A",
     datetime: "MM/DD/YYYY HH:MM A",
     datetimerange: "MM/DD/YYYY HH:MM A"
-  }[n], Ce = I, Re = I ? L : !0, $e = [
+  }[n], _e = I, Me = I ? L : !0, ke = [
     "custom-datepicker",
     `custom-datepicker--${n}`,
-    H ? "custom-datepicker--error" : "",
+    U ? "custom-datepicker--error" : "",
     I ? "" : "custom-datepicker--readonly-input",
     Y
-  ].filter(Boolean).join(" "), Ie = {
-    "aria-required": oe ? "true" : void 0,
-    "aria-invalid": H ? "true" : void 0,
+  ].filter(Boolean).join(" "), Fe = {
+    "aria-required": ae ? "true" : void 0,
+    "aria-invalid": U ? "true" : void 0,
     "aria-describedby": fe,
-    "aria-labelledby": ne,
-    "aria-label": ne ? void 0 : s,
+    "aria-labelledby": ie,
+    "aria-label": ie ? void 0 : s,
     ...x || {}
-  }, ze = we(
-    (Q) => {
+  }, Ve = we(
+    (H) => {
       u && u({
-        startDate: Q.startDate,
-        endDate: Q.endDate,
-        value: Q.value,
-        event: Q.event
+        startDate: H.startDate,
+        endDate: H.endDate,
+        value: H.value,
+        event: H.event
       });
     },
     [u]
-  ), Ye = we(
-    (Q) => {
-      u && u({ value: Q.value, event: Q.event });
+  ), He = we(
+    (H) => {
+      u && u({ value: H.value, event: H.event });
     },
     [u]
-  ), Ne = {
-    ref: ae,
+  ), je = {
+    ref: se,
     id: r,
     name: E,
-    format: Se,
-    placeholder: Me,
+    format: Ce,
+    placeholder: De,
     enabled: !h,
     readonly: A,
     showClearButton: R,
     floatLabelType: T,
     strictMode: O,
-    allowEdit: Ce,
-    openOnFocus: Re,
-    cssClass: $e,
+    allowEdit: _e,
+    openOnFocus: Me,
+    cssClass: ke,
     width: D,
     min: f,
     max: _,
-    htmlAttributes: Ie,
-    change: Ye,
+    htmlAttributes: Fe,
+    change: He,
     open: t,
     close: o,
     focus: S,
     blur: d,
-    cleared: y
-  }, je = {
+    cleared: m
+  }, Le = {
     weekNumber: V,
-    firstDayOfWeek: Z,
-    navigated: m,
+    firstDayOfWeek: Q,
+    navigated: y,
     renderDayCell: w
-  }, De = (Q = r, se = $) => se ? /* @__PURE__ */ ee(
+  }, $e = (H = r, ee = $) => ee ? /* @__PURE__ */ te(
     "label",
     {
-      id: G,
-      htmlFor: Q,
+      id: J,
+      htmlFor: H,
       className: "custom-datepicker__label",
       children: [
-        se,
-        oe && /* @__PURE__ */ ee("span", { className: "custom-datepicker__required", "aria-hidden": "true", children: [
+        ee,
+        ae && /* @__PURE__ */ te("span", { className: "custom-datepicker__required", "aria-hidden": "true", children: [
           " ",
           "*"
         ] })
       ]
     }
-  ) : null, _e = () => H ? /* @__PURE__ */ j(
+  ) : null, Ee = () => U ? /* @__PURE__ */ j(
     "p",
     {
       id: N,
       className: "custom-datepicker__error",
       role: "alert",
       "aria-live": "assertive",
-      children: H
+      children: U
     }
-  ) : null, ge = we(
-    (Q) => () => {
+  ) : null, Te = we(
+    (H) => () => {
       if (I || h || A) return;
-      const se = Q?.current;
-      se && typeof se.show == "function" && se.show();
+      const ee = H?.current;
+      ee && typeof ee.show == "function" && ee.show();
     },
     [I, h, A]
   );
   if (n === "date")
-    return /* @__PURE__ */ ee("div", { className: "custom-datepicker__wrapper", onClick: ge(ae), onFocusCapture: ve, ...i, children: [
-      De(),
-      /* @__PURE__ */ j(br, { ...Ne, ...je, value: b }),
-      _e()
+    return /* @__PURE__ */ te("div", { ref: ye, className: "custom-datepicker__wrapper", onClick: Te(se), onFocusCapture: Se, ...i, children: [
+      $e(),
+      /* @__PURE__ */ j(br, { ...je, ...Le, value: b }),
+      Ee()
     ] });
   if (n === "daterange")
-    return /* @__PURE__ */ ee("div", { className: "custom-datepicker__wrapper", onClick: ge(ae), onFocusCapture: ve, ...i, children: [
-      De(),
+    return /* @__PURE__ */ te("div", { ref: ye, className: "custom-datepicker__wrapper", onClick: Te(se), onFocusCapture: Se, ...i, children: [
+      $e(),
       /* @__PURE__ */ j(
         wr,
         {
-          ref: ae,
+          ref: se,
           id: r,
           name: E,
-          format: Se,
-          placeholder: Me,
+          format: Ce,
+          placeholder: De,
           enabled: !h,
           readonly: A,
           showClearButton: R,
           floatLabelType: T,
           strictMode: O,
-          allowEdit: Ce,
-          openOnFocus: Re,
-          cssClass: $e,
+          allowEdit: _e,
+          openOnFocus: Me,
+          cssClass: ke,
           width: D,
           weekNumber: V,
-          firstDayOfWeek: Z,
+          firstDayOfWeek: Q,
           min: f,
           max: _,
-          startDate: ye,
+          startDate: ve,
           endDate: ce,
           separator: de,
           ...le && le.length > 0 ? { presets: le } : {},
-          htmlAttributes: Ie,
-          change: ze,
+          htmlAttributes: Fe,
+          change: Ve,
           open: t,
           close: o,
           focus: S,
           blur: d,
-          navigated: m,
+          navigated: y,
           renderDayCell: w,
-          cleared: y
+          cleared: m
         }
       ),
-      _e()
+      Ee()
     ] });
   if (n === "time")
-    return /* @__PURE__ */ ee("div", { className: "custom-datepicker__wrapper", onClick: ge(ae), onFocusCapture: ve, ...i, children: [
-      De(),
+    return /* @__PURE__ */ te("div", { ref: ye, className: "custom-datepicker__wrapper", onClick: Te(se), onFocusCapture: Se, ...i, children: [
+      $e(),
       /* @__PURE__ */ j(
         Sr,
         {
-          ...Ne,
+          ...je,
           value: b,
           step: B
         }
       ),
-      _e()
+      Ee()
     ] });
   if (n === "datetime")
-    return /* @__PURE__ */ ee("div", { className: "custom-datepicker__wrapper", onClick: ge(ae), onFocusCapture: ve, ...i, children: [
-      De(),
+    return /* @__PURE__ */ te("div", { ref: ye, className: "custom-datepicker__wrapper", onClick: Te(se), onFocusCapture: Se, ...i, children: [
+      $e(),
       /* @__PURE__ */ j(
-        Je,
+        Xe,
         {
-          ...Ne,
           ...je,
+          ...Le,
           value: b,
           step: B
         }
       ),
-      _e()
+      Ee()
     ] });
   if (n === "datetimerange") {
-    const Q = `${r}-start`, se = `${r}-end`, Be = `${r}-start-error`, Ve = `${r}-end-error`, He = {
-      "aria-required": oe ? "true" : void 0,
-      "aria-invalid": H ? "true" : void 0,
-      "aria-describedby": H ? Be : void 0,
-      "aria-labelledby": G,
-      "aria-label": U,
+    const H = `${r}-start`, ee = `${r}-end`, Ne = `${r}-start-error`, qe = `${r}-end-error`, Ue = {
+      "aria-required": ae ? "true" : void 0,
+      "aria-invalid": U ? "true" : void 0,
+      "aria-describedby": U ? Ne : void 0,
+      "aria-labelledby": J,
+      "aria-label": K,
       ...x || {}
-    }, Ue = {
-      "aria-required": oe ? "true" : void 0,
-      "aria-invalid": H ? "true" : void 0,
-      "aria-describedby": H ? Ve : void 0,
-      "aria-labelledby": G,
+    }, Ke = {
+      "aria-required": ae ? "true" : void 0,
+      "aria-invalid": U ? "true" : void 0,
+      "aria-describedby": U ? qe : void 0,
+      "aria-labelledby": J,
       "aria-label": he,
       ...x || {}
     };
-    return /* @__PURE__ */ ee("div", { className: "custom-datepicker__wrapper", onFocusCapture: ve, ...i, children: [
-      $ && /* @__PURE__ */ ee("span", { id: G, className: "custom-datepicker__label", children: [
+    return /* @__PURE__ */ te("div", { ref: ye, className: "custom-datepicker__wrapper", onFocusCapture: Se, ...i, children: [
+      $ && /* @__PURE__ */ te("span", { id: J, className: "custom-datepicker__label", children: [
         $,
-        oe && /* @__PURE__ */ ee("span", { className: "custom-datepicker__required", "aria-hidden": "true", children: [
+        ae && /* @__PURE__ */ te("span", { className: "custom-datepicker__required", "aria-hidden": "true", children: [
           " ",
           "*"
         ] })
       ] }),
-      /* @__PURE__ */ ee(
+      /* @__PURE__ */ te(
         "div",
         {
-          className: `custom-datepicker__range-row ${$e}`,
+          className: `custom-datepicker__range-row ${ke}`,
           role: "group",
-          "aria-labelledby": $ ? G : void 0,
+          "aria-labelledby": $ ? J : void 0,
           children: [
-            /* @__PURE__ */ j("div", { className: "custom-datepicker__range-field", onClick: ge(Oe), children: /* @__PURE__ */ j(
-              Je,
+            /* @__PURE__ */ j("div", { className: "custom-datepicker__range-field", onClick: Te(Ae), children: /* @__PURE__ */ j(
+              Xe,
               {
-                ref: Oe,
-                id: Q,
+                ref: Ae,
+                id: H,
                 name: E ? `${E}_start` : void 0,
-                format: Se,
-                placeholder: U || Se,
-                value: K,
+                format: Ce,
+                placeholder: K || Ce,
+                value: G,
                 enabled: !h,
                 readonly: A,
                 showClearButton: R,
                 floatLabelType: "Never",
                 strictMode: O,
-                allowEdit: Ce,
-                openOnFocus: Re,
+                allowEdit: _e,
+                openOnFocus: Me,
                 cssClass: "custom-datepicker custom-datepicker--datetimerange-inner",
                 width: "100%",
                 step: B,
                 min: f,
-                max: re || _,
-                htmlAttributes: He,
+                max: ne || _,
+                htmlAttributes: Ue,
                 change: (pe) => {
-                  te && te({ value: pe.value, event: pe.event }), u && u({ startValue: pe.value, endValue: re, event: pe.event });
+                  re && re({ value: pe.value, event: pe.event }), u && u({ startValue: pe.value, endValue: ne, event: pe.event });
                 },
                 open: t,
                 close: o,
@@ -1933,30 +1946,30 @@ function Xr({
               }
             ) }),
             /* @__PURE__ */ j("span", { className: "custom-datepicker__separator", "aria-hidden": "true", children: de }),
-            /* @__PURE__ */ j("div", { className: "custom-datepicker__range-field", onClick: ge(Ae), children: /* @__PURE__ */ j(
-              Je,
+            /* @__PURE__ */ j("div", { className: "custom-datepicker__range-field", onClick: Te(Ie), children: /* @__PURE__ */ j(
+              Xe,
               {
-                ref: Ae,
-                id: se,
+                ref: Ie,
+                id: ee,
                 name: E ? `${E}_end` : void 0,
-                format: Se,
-                placeholder: he || Se,
-                value: re,
+                format: Ce,
+                placeholder: he || Ce,
+                value: ne,
                 enabled: !h,
                 readonly: A,
                 showClearButton: R,
                 floatLabelType: "Never",
                 strictMode: O,
-                allowEdit: Ce,
-                openOnFocus: Re,
+                allowEdit: _e,
+                openOnFocus: Me,
                 cssClass: "custom-datepicker custom-datepicker--datetimerange-inner",
                 width: "100%",
                 step: B,
-                min: K || f,
+                min: G || f,
                 max: _,
-                htmlAttributes: Ue,
+                htmlAttributes: Ke,
                 change: (pe) => {
-                  ue && ue({ value: pe.value, event: pe.event }), u && u({ startValue: K, endValue: pe.value, event: pe.event });
+                  ue && ue({ value: pe.value, event: pe.event }), u && u({ startValue: G, endValue: pe.value, event: pe.event });
                 },
                 open: t,
                 close: o,
@@ -1967,7 +1980,7 @@ function Xr({
           ]
         }
       ),
-      _e()
+      Ee()
     ] });
   }
   return null;
@@ -2061,9 +2074,9 @@ Xr.propTypes = {
   name: v.string,
   htmlAttributes: v.object
 };
-let _t = !1;
+let kt = !1;
 function cn(n) {
-  _t || (Cr(n), _t = !0);
+  kt || (Cr(n), kt = !0);
 }
 export {
   an as CustomDataGrid,