@ethisyscore/plugin-ui 1.62.0 → 1.64.0

package/dist/components/layout/index.cjs

@@ -1,9 +1,37 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 var material = require('@mui/material');
 var jsxRuntime = require('react/jsx-runtime');
 var reactRouterDom = require('react-router-dom');
+var dayjs2 = require('dayjs');
+var LocalizationProvider = require('@mui/x-date-pickers/LocalizationProvider');
+var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
+var DatePicker = require('@mui/x-date-pickers/DatePicker');
+var DateTimePicker = require('@mui/x-date-pickers/DateTimePicker');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var dayjs2__default = /*#__PURE__*/_interopDefault(dayjs2);
 
 // src/components/layout/FillGrid.tsx
 
@@ -115,15 +143,599 @@ function fillItemClass(span, gap) {
   }
   return parts.join(" ");
 }
-var FillGapContext = react.createContext(5);
+var FillGapContext = React.createContext(5);
 function FillGrid({ gap = 5, className, children }) {
   const gapClass = gap === 2.5 ? "gap-2.5" : "gap-5";
   return /* @__PURE__ */ jsxRuntime.jsx(FillGapContext.Provider, { value: gap, children: /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: ["flex w-full flex-wrap", gapClass, className].filter(Boolean).join(" "), children }) });
 }
 function FillGridItem({ span = { xs: 12 }, className, children }) {
-  const gap = react.useContext(FillGapContext);
+  const gap = React.useContext(FillGapContext);
   return /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: [fillItemClass(span, gap), className].filter(Boolean).join(" "), children });
 }
+function NiCalendar({
+  className,
+  variant = "outlined",
+  size = "medium",
+  oneTone = false
+}) {
+  const iconSize = sizeHelper(size);
+  const iconStrokeWidth = strokeSizeHelper(iconSize);
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M15.4356 3.38173C18.6934 3.74372 21.2712 6.30485 21.6542 9.56029V9.56029C21.8839 11.5134 21.8839 13.4866 21.6542 15.4397V15.4397C21.2712 18.6951 18.6934 21.2563 15.4356 21.6183L14.9973 21.667C13.0052 21.8883 10.9948 21.8883 9.0027 21.667L8.56439 21.6183C5.30655 21.2563 2.72884 18.6951 2.34585 15.4397V15.4397C2.11607 13.4866 2.11607 11.5134 2.34585 9.56029V9.56029C2.72884 6.30485 5.30656 3.74371 8.5644 3.38173L9.0027 3.33303C10.9948 3.11169 13.0052 3.11169 14.9973 3.33303L15.4356 3.38173Z",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M8.5 11L7.5 11",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M8.5 15L7.5 15",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M12.5 11L11.5 11",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M12.5 15L11.5 15",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M16.5 11L15.5 11",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M16.5 15L15.5 15",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 2L8 5", stroke: "currentColor", strokeWidth: iconStrokeWidth, strokeLinecap: "round" }),
+          /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M16 2L16 5", stroke: "currentColor", strokeWidth: iconStrokeWidth, strokeLinecap: "round" })
+        ]
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              fillRule: "evenodd",
+              clipRule: "evenodd",
+              d: "M16.0002 1.25C16.4142 1.25024 16.7502 1.58594 16.7502 2V2.87598C19.7568 3.71245 22.0243 6.29258 22.3986 9.47266C22.6352 11.4837 22.6352 13.5163 22.3986 15.5273C21.9747 19.1291 19.1222 21.9627 15.5178 22.3633L15.0793 22.4121C13.0325 22.6395 10.9659 22.6395 8.91912 22.4121L8.48065 22.3633C4.87659 21.9623 2.02462 19.1288 1.60076 15.5273C1.3642 13.5163 1.3642 11.4837 1.60076 9.47266C1.97507 6.29232 4.24318 3.71226 7.25018 2.87598V2C7.25018 1.58579 7.58596 1.25 8.00018 1.25C8.41419 1.25024 8.75018 1.58594 8.75018 2V2.60645L8.91912 2.58789C10.9659 2.36048 13.0325 2.36054 15.0793 2.58789L15.2502 2.60645V2C15.2502 1.58579 15.586 1.25 16.0002 1.25ZM7.50018 14.25L7.42303 14.2539C7.04506 14.2925 6.75018 14.6118 6.75018 15C6.75018 15.3882 7.04506 15.7075 7.42303 15.7461L7.50018 15.75H8.50018C8.91425 15.7498 9.25018 15.4141 9.25018 15C9.25018 14.5859 8.91425 14.2502 8.50018 14.25H7.50018ZM11.5002 14.25L11.423 14.2539C11.0451 14.2925 10.7502 14.6118 10.7502 15C10.7502 15.3882 11.0451 15.7075 11.423 15.7461L11.5002 15.75H12.5002C12.9142 15.7498 13.2502 15.4141 13.2502 15C13.2502 14.5859 12.9142 14.2502 12.5002 14.25H11.5002ZM15.5002 14.25L15.423 14.2539C15.0451 14.2925 14.7502 14.6118 14.7502 15C14.7502 15.3882 15.0451 15.7075 15.423 15.7461L15.5002 15.75H16.5002C16.9142 15.7498 17.2502 15.4141 17.2502 15C17.2502 14.5859 16.9142 14.2502 16.5002 14.25H15.5002ZM7.50018 10.25L7.42303 10.2539C7.04506 10.2925 6.75018 10.6118 6.75018 11C6.75018 11.3882 7.04506 11.7075 7.42303 11.7461L7.50018 11.75H8.50018C8.91425 11.7498 9.25018 11.4141 9.25018 11C9.25018 10.5859 8.91425 10.2502 8.50018 10.25H7.50018ZM11.5002 10.25L11.423 10.2539C11.0451 10.2925 10.7502 10.6118 10.7502 11C10.7502 11.3882 11.0451 11.7075 11.423 11.7461L11.5002 11.75H12.5002C12.9142 11.7498 13.2502 11.4141 13.2502 11C13.2502 10.5859 12.9142 10.2502 12.5002 10.25H11.5002ZM15.5002 10.25L15.423 10.2539C15.0451 10.2925 14.7502 10.6118 14.7502 11C14.7502 11.3882 15.0451 11.7075 15.423 11.7461L15.5002 11.75H16.5002C16.9142 11.7498 17.2502 11.4141 17.2502 11C17.2502 10.5859 16.9142 10.2502 16.5002 10.25H15.5002Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 0 : 0.4,
+              d: "M8.5 14.25C8.91421 14.25 9.25 14.5858 9.25 15C9.25 15.4142 8.91421 15.75 8.5 15.75H7.5L7.42285 15.7461C7.04488 15.7075 6.75 15.3882 6.75 15C6.75 14.6118 7.04488 14.2925 7.42285 14.2539L7.5 14.25H8.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 0 : 0.4,
+              d: "M12.5 14.25C12.9142 14.25 13.25 14.5858 13.25 15C13.25 15.4142 12.9142 15.75 12.5 15.75H11.5L11.4229 15.7461C11.0449 15.7075 10.75 15.3882 10.75 15C10.75 14.6118 11.0449 14.2925 11.4229 14.2539L11.5 14.25H12.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 0 : 0.4,
+              d: "M16.5 14.25C16.9142 14.25 17.25 14.5858 17.25 15C17.25 15.4142 16.9142 15.75 16.5 15.75H15.5L15.4229 15.7461C15.0449 15.7075 14.75 15.3882 14.75 15C14.75 14.6118 15.0449 14.2925 15.4229 14.2539L15.5 14.25H16.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 0 : 0.4,
+              d: "M8.5 10.25C8.91421 10.25 9.25 10.5858 9.25 11C9.25 11.4142 8.91421 11.75 8.5 11.75H7.5L7.42285 11.7461C7.04488 11.7075 6.75 11.3882 6.75 11C6.75 10.6118 7.04488 10.2925 7.42285 10.2539L7.5 10.25H8.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 0 : 0.4,
+              d: "M12.5 10.25C12.9142 10.25 13.25 10.5858 13.25 11C13.25 11.4142 12.9142 11.75 12.5 11.75H11.5L11.4229 11.7461C11.0449 11.7075 10.75 11.3882 10.75 11C10.75 10.6118 11.0449 10.2925 11.4229 10.2539L11.5 10.25H12.5Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 0 : 0.4,
+              d: "M16.5 10.25C16.9142 10.25 17.25 10.5858 17.25 11C17.25 11.4142 16.9142 11.75 16.5 11.75H15.5L15.4229 11.7461C15.0449 11.7075 14.75 11.3882 14.75 11C14.75 10.6118 15.0449 10.2925 15.4229 10.2539L15.5 10.25H16.5Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      }
+    );
+  }
+}
+function NiChevronDownSmall({ className, variant = "outlined", size = "medium" }) {
+  const iconSize = sizeHelper(size);
+  const iconStrokeWidth = strokeSizeHelper(iconSize);
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M8 10L11.1515 13.1515C11.6201 13.6201 12.3799 13.6201 12.8485 13.1515L16 10",
+            stroke: "currentColor",
+            strokeWidth: iconStrokeWidth,
+            strokeLinecap: "round"
+          }
+        )
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M7.46967 9.46967C7.17678 9.76256 7.17678 10.2373 7.46967 10.5302L10.621 13.6816C11.3826 14.4431 12.6173 14.4431 13.3788 13.6816L16.5302 10.5302C16.8231 10.2373 16.8231 9.76256 16.5302 9.46967C16.2373 9.17678 15.7626 9.17678 15.4697 9.46967L12.3183 12.621C12.1426 12.7968 11.8573 12.7968 11.6816 12.621L8.53022 9.46967C8.23732 9.17678 7.76256 9.17678 7.46967 9.46967Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  }
+}
+function NiChevronLeftSmall({ className, variant = "outlined", size = "medium" }) {
+  const iconSize = sizeHelper(size);
+  const iconStrokeWidth = strokeSizeHelper(iconSize);
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14 8L10.8485 11.1515C10.3799 11.6201 10.3799 12.3799 10.8485 12.8485L14 16",
+            stroke: "currentColor",
+            strokeWidth: iconStrokeWidth,
+            strokeLinecap: "round"
+          }
+        )
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M14.5303 7.46967C14.2374 7.17678 13.7627 7.17678 13.4698 7.46967L10.3184 10.621C9.55689 11.3826 9.55689 12.6173 10.3184 13.3788L13.4698 16.5302C13.7627 16.8231 14.2374 16.8231 14.5303 16.5302C14.8232 16.2373 14.8232 15.7626 14.5303 15.4697L11.379 12.3183C11.2032 12.1426 11.2032 11.8573 11.379 11.6816L14.5303 8.53022C14.8232 8.23732 14.8232 7.76256 14.5303 7.46967Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  }
+}
+function NiChevronRightSmall({ className, variant = "outlined", size = "medium" }) {
+  const iconSize = sizeHelper(size);
+  const iconStrokeWidth = strokeSizeHelper(iconSize);
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M10 16L13.1515 12.8485C13.6201 12.3799 13.6201 11.6201 13.1515 11.1515L10 8",
+            stroke: "currentColor",
+            strokeWidth: iconStrokeWidth,
+            strokeLinecap: "round"
+          }
+        )
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M9.46967 16.5303C9.76256 16.8232 10.2373 16.8232 10.5302 16.5303L13.6816 13.379C14.4431 12.6174 14.4431 11.3827 13.6816 10.6212L10.5302 7.46978C10.2373 7.17689 9.76256 7.17689 9.46967 7.46978C9.17678 7.76268 9.17678 8.23744 9.46967 8.53033L12.621 11.6817C12.7968 11.8574 12.7968 12.1427 12.621 12.3184L9.46967 15.4698C9.17678 15.7627 9.17678 16.2374 9.46967 16.5303Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  }
+}
+function NiCross({ className, variant = "outlined", size = "medium" }) {
+  const iconSize = sizeHelper(size);
+  const iconStrokeWidth = strokeSizeHelper(iconSize);
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M8.00016 8L12.0001 12M12.0001 12L16 16.0002M12.0001 12L16 8.00015M12.0001 12L8 16.0002",
+            stroke: "currentColor",
+            strokeWidth: iconStrokeWidth,
+            strokeLinecap: "round"
+          }
+        )
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          "path",
+          {
+            d: "M15.4698 7.46963C15.7626 7.17684 16.2374 7.17684 16.5303 7.46963C16.8232 7.7625 16.8231 8.23728 16.5303 8.53018L13.0606 11.9999L16.5303 15.4696C16.8232 15.7625 16.8231 16.2373 16.5303 16.5302C16.2557 16.8048 15.821 16.8223 15.5264 16.5819L15.4698 16.5302L12 13.0604L8.53032 16.5302C8.23743 16.8231 7.76267 16.8231 7.46977 16.5302C7.17697 16.2373 7.17691 15.7625 7.46977 15.4696L10.9395 11.9999L7.46977 8.53018L7.41801 8.47354C7.1778 8.17898 7.19527 7.74421 7.46977 7.46963C7.76264 7.17676 8.23742 7.17682 8.53032 7.46963L12 10.9394L15.4698 7.46963Z",
+            fill: "currentColor"
+          }
+        )
+      }
+    );
+  }
+}
+function NiSearch({
+  className,
+  variant = "outlined",
+  size = "medium",
+  oneTone = false
+}) {
+  const iconSize = sizeHelper(size);
+  const iconStrokeWidth = strokeSizeHelper(iconSize);
+  if (variant === "outlined") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M22 22L18.5 18.5",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "11.5", cy: "11.5", r: "9.5", stroke: "currentColor", strokeWidth: iconStrokeWidth })
+        ]
+      }
+    );
+  } else {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "svg",
+      {
+        width: iconSize,
+        height: iconSize,
+        className,
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.4,
+              d: "M19.0303 17.9697C18.7374 17.6768 18.2627 17.6768 17.9698 17.9697C17.6769 18.2626 17.6769 18.7373 17.9698 19.0302L21.4698 22.5302C21.7627 22.8231 22.2374 22.8231 22.5303 22.5302C22.8232 22.2373 22.8232 21.7626 22.5303 21.4697L19.0303 17.9697Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M11.5 1.25C17.1609 1.25 21.75 5.83908 21.75 11.5C21.75 17.1609 17.1609 21.75 11.5 21.75C5.83908 21.75 1.25 17.1609 1.25 11.5C1.25 5.83908 5.83908 1.25 11.5 1.25Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      }
+    );
+  }
+}
+var sizeHelper = (size) => {
+  if (typeof size === "number") {
+    return size;
+  } else if (size === "large") {
+    return 24;
+  } else if (size === "small" || size === "tiny") {
+    return 16;
+  } else {
+    return 20;
+  }
+};
+var strokeSizeHelper = (size) => {
+  if (size === 32) {
+    return 1.15;
+  } else if (size >= 20) {
+    return 1.5;
+  } else {
+    return 1.75;
+  }
+};
+React.memo(function DebouncedSearchInput2({
+  value = "",
+  onChange,
+  label = "Search",
+  delay = 400,
+  className
+}) {
+  const [localValue, setLocalValue] = React.useState(value);
+  const inputId = React.useId();
+  const onChangeRef = React.useRef(onChange);
+  onChangeRef.current = onChange;
+  const lastReportedRef = React.useRef(value);
+  const isFirstRender = React.useRef(true);
+  React.useEffect(() => {
+    setLocalValue(value);
+    lastReportedRef.current = value;
+  }, [value]);
+  React.useEffect(() => {
+    if (isFirstRender.current) {
+      isFirstRender.current = false;
+      return;
+    }
+    if (localValue === lastReportedRef.current) return;
+    const timer = setTimeout(() => {
+      lastReportedRef.current = localValue;
+      onChangeRef.current(localValue);
+    }, delay);
+    return () => clearTimeout(timer);
+  }, [localValue, delay]);
+  const handleClear = React.useCallback(() => {
+    setLocalValue("");
+    lastReportedRef.current = "";
+    onChangeRef.current("");
+  }, []);
+  const classes = (...parts) => parts.filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.FormControl, { variant: "filled", size: "medium", className: classes("surface mb-0 w-full", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.InputLabel, { htmlFor: inputId, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      material.FilledInput,
+      {
+        id: inputId,
+        value: localValue,
+        onChange: (e) => setLocalValue(e.target.value),
+        endAdornment: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "end", className: classes(localValue === "" && "hidden"), children: /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { edge: "end", onClick: handleClear, "aria-label": "Clear search", children: /* @__PURE__ */ jsxRuntime.jsx(NiCross, { size: "medium", className: "text-text-disabled" }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(material.InputAdornment, { position: "end", className: classes(localValue !== "" && "hidden"), "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { edge: "end", disabled: true, tabIndex: -1, children: /* @__PURE__ */ jsxRuntime.jsx(NiSearch, { size: "medium", className: "text-text-disabled" }) }) })
+        ] })
+      }
+    )
+  ] });
+});
+var DATE_INPUT_MIN = "1900-01-01";
+var DATE_INPUT_MAX = "2100-12-31";
+function toIsoString(value, type) {
+  if (!value?.isValid()) {
+    return "";
+  }
+  return type === "datetime-local" ? value.format("YYYY-MM-DDTHH:mm") : value.format("YYYY-MM-DD");
+}
+function parseIsoValue(value) {
+  if (!value) {
+    return null;
+  }
+  const parsed = dayjs2__default.default(value);
+  return parsed.isValid() ? parsed : null;
+}
+var popperModifiers = [
+  { name: "preventOverflow", options: { altBoundary: true } },
+  { name: "flip", options: { altBoundary: true } }
+];
+var withSecondaryText = (className) => [typeof className === "string" ? className : void 0, "text-text-secondary"].filter(Boolean).join(" ");
+var pickerSlots = {
+  openPickerIcon: (props) => /* @__PURE__ */ jsxRuntime.jsx(NiCalendar, { ...props, className: withSecondaryText(props.className) }),
+  switchViewIcon: (props) => /* @__PURE__ */ jsxRuntime.jsx(NiChevronDownSmall, { ...props, className: withSecondaryText(props.className) }),
+  leftArrowIcon: (props) => /* @__PURE__ */ jsxRuntime.jsx(NiChevronLeftSmall, { ...props, className: withSecondaryText(props.className) }),
+  rightArrowIcon: (props) => /* @__PURE__ */ jsxRuntime.jsx(NiChevronRightSmall, { ...props, className: withSecondaryText(props.className) })
+};
+var DateInput = React__namespace.forwardRef(
+  ({
+    type = "date",
+    min,
+    max,
+    rejectInvalidValue: _rejectInvalidValue,
+    value,
+    onChange,
+    onBlur,
+    label,
+    helperText,
+    error,
+    disabled,
+    slotProps: callerSlotProps,
+    ...rest
+  }, ref) => {
+    const handleChange = React__namespace.useCallback(
+      (newValue) => {
+        if (!onChange) return;
+        const strValue = toIsoString(newValue, type);
+        const input = document.createElement("input");
+        input.value = strValue;
+        onChange({
+          target: input,
+          currentTarget: input,
+          type: "change"
+        });
+      },
+      [onChange, type]
+    );
+    const parsedValue = parseIsoValue(value);
+    const minDate = min ? dayjs2__default.default(min) : dayjs2__default.default(DATE_INPUT_MIN);
+    const maxDate = max ? dayjs2__default.default(max) : dayjs2__default.default(DATE_INPUT_MAX).endOf("day");
+    const textFieldProps = {
+      ...rest,
+      disabled,
+      error: Boolean(error),
+      helperText,
+      onBlur,
+      inputRef: ref,
+      slotProps: callerSlotProps
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(LocalizationProvider.LocalizationProvider, { dateAdapter: AdapterDayjs.AdapterDayjs, children: type === "datetime-local" ? /* @__PURE__ */ jsxRuntime.jsx(
+      DateTimePicker.DateTimePicker,
+      {
+        label,
+        value: parsedValue,
+        onChange: handleChange,
+        minDateTime: minDate,
+        maxDateTime: maxDate,
+        disabled,
+        slots: pickerSlots,
+        slotProps: {
+          textField: textFieldProps,
+          desktopPaper: { className: "outlined" },
+          popper: { sx: { zIndex: 1600 }, popperOptions: { modifiers: popperModifiers } }
+        }
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx(
+      DatePicker.DatePicker,
+      {
+        label,
+        value: parsedValue,
+        onChange: handleChange,
+        minDate,
+        maxDate,
+        disabled,
+        slots: pickerSlots,
+        slotProps: {
+          textField: textFieldProps,
+          desktopPaper: { className: "outlined" },
+          popper: { sx: { zIndex: 1600 }, popperOptions: { modifiers: popperModifiers } }
+        }
+      }
+    ) });
+  }
+);
+DateInput.displayName = "DateInput";
 function PageHeader({
   title,
   subtitle,
@@ -204,8 +816,8 @@ function PrimaryButton({ action }) {
   );
 }
 function useMenuState() {
-  const [open, setOpen] = react.useState(false);
-  const anchorRef = react.useRef(null);
+  const [open, setOpen] = React.useState(false);
+  const anchorRef = React.useRef(null);
   return {
     open,
     anchorRef,
@@ -288,11 +900,11 @@ function OverflowMenu({ actions }) {
     )) })
   ] });
 }
-var PageHeaderContext = react.createContext(null);
+var PageHeaderContext = React.createContext(null);
 function usePageHeaderContext() {
-  return react.useContext(PageHeaderContext);
+  return React.useContext(PageHeaderContext);
 }
-var SidebarActionContext = react.createContext({
+var SidebarActionContext = React.createContext({
   triggerAction: () => {
   },
   registerHandler: () => () => {
@@ -302,20 +914,20 @@ var SidebarActionContext = react.createContext({
   }
 });
 function SidebarActionProvider({ children }) {
-  const handlersRef = react.useRef(/* @__PURE__ */ new Set());
-  const [activeActions, setActiveActions] = react.useState(() => /* @__PURE__ */ new Set());
-  const triggerAction = react.useCallback((actionId) => {
+  const handlersRef = React.useRef(/* @__PURE__ */ new Set());
+  const [activeActions, setActiveActions] = React.useState(() => /* @__PURE__ */ new Set());
+  const triggerAction = React.useCallback((actionId) => {
     for (const handler of handlersRef.current) {
       handler(actionId);
     }
   }, []);
-  const registerHandler = react.useCallback((handler) => {
+  const registerHandler = React.useCallback((handler) => {
     handlersRef.current.add(handler);
     return () => {
       handlersRef.current.delete(handler);
     };
   }, []);
-  const setActionActive = react.useCallback((actionId, isActive) => {
+  const setActionActive = React.useCallback((actionId, isActive) => {
     setActiveActions((prev) => {
       const has = prev.has(actionId);
       if (isActive === has) return prev;
@@ -325,34 +937,34 @@ function SidebarActionProvider({ children }) {
       return next;
     });
   }, []);
-  const value = react.useMemo(
+  const value = React.useMemo(
     () => ({ triggerAction, registerHandler, activeActions, setActionActive }),
     [triggerAction, registerHandler, activeActions, setActionActive]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(SidebarActionContext.Provider, { value, children });
 }
 function useTriggerSidebarAction() {
-  return react.useContext(SidebarActionContext).triggerAction;
+  return React.useContext(SidebarActionContext).triggerAction;
 }
 function useSidebarAction(handler) {
-  const { registerHandler } = react.useContext(SidebarActionContext);
-  react.useEffect(() => registerHandler(handler), [registerHandler, handler]);
+  const { registerHandler } = React.useContext(SidebarActionContext);
+  React.useEffect(() => registerHandler(handler), [registerHandler, handler]);
 }
 function useSidebarActions(handlers) {
-  const handlersRef = react.useRef(handlers);
+  const handlersRef = React.useRef(handlers);
   handlersRef.current = handlers;
   useSidebarAction(
-    react.useCallback((actionId) => {
+    React.useCallback((actionId) => {
       handlersRef.current[actionId]?.();
     }, [])
   );
 }
 function useActiveSidebarActions() {
-  return react.useContext(SidebarActionContext).activeActions;
+  return React.useContext(SidebarActionContext).activeActions;
 }
 function useReportSidebarActionActive(actionId, isActive) {
-  const { setActionActive } = react.useContext(SidebarActionContext);
-  react.useEffect(() => {
+  const { setActionActive } = React.useContext(SidebarActionContext);
+  React.useEffect(() => {
     setActionActive(actionId, isActive);
     return () => {
       setActionActive(actionId, false);
@@ -365,7 +977,7 @@ function usePageHeader() {
   const state = usePageHeaderContext();
   const { activeMenuItem, detailContext, title, subtitle, breadcrumbs } = state ?? {};
   const triggerAction = useTriggerSidebarAction();
-  return react.useMemo(() => {
+  return React.useMemo(() => {
     const sourceActions = detailContext?.actions ?? activeMenuItem?.actions ?? [];
     let primary;
     let secondary;
@@ -433,7 +1045,7 @@ function toDescriptor(raw, triggerAction) {
 }
 function useDetailHeaderActions(base, actions) {
   const triggerAction = useTriggerSidebarAction();
-  return react.useMemo(() => {
+  return React.useMemo(() => {
     if (actions.length === 0) {
       return base;
     }
@@ -564,7 +1176,7 @@ function PageHeaderProvider({
   const { pathname } = reactRouterDom.useLocation();
   const resolvedFromResolver = useDetailContext();
   const resolvedDetailContext = useDetailContext === useNoDetailContext ? detailContext ?? null : resolvedFromResolver;
-  const state = react.useMemo(() => {
+  const state = React.useMemo(() => {
     const activeMenuItem = findByHref(config, normalise(pathname));
     const breadcrumbs = routeMeta != null ? buildBreadcrumbs(pathname, routeMeta) : void 0;
     const title = breadcrumbs != null && breadcrumbs.length >= 2 ? breadcrumbs[breadcrumbs.length - 1].label : void 0;