@ethisyscore/plugin-ui 1.63.0 → 1.64.0

package/dist/components/shared/index.cjs

@@ -2,56 +2,124 @@
 
 var material = require('@mui/material');
 var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
+var React = require('react');
+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');
 
-// src/components/ui/index.ts
-function Dialog(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Dialog, { disableScrollLock: true, disableRestoreFocus: true, ...props });
+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);
 }
-function ConfirmActionDialog({
-  open,
-  onOpenChange,
-  onConfirm,
-  isLoading = false,
-  labels,
-  icon,
-  confirmVariant = "default",
-  children,
-  disableConfirm
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var dayjs2__default = /*#__PURE__*/_interopDefault(dayjs2);
+
+// src/components/shared/EmptyState.tsx
+function NiArchive({
+  className,
+  variant = "outlined",
+  size = "medium",
+  oneTone = false
 }) {
-  const description = labels.description ?? "Are you sure you want to continue?";
-  const btnCancel = labels.btnCancel ?? "Cancel";
-  const btnConfirm = labels.btnConfirm ?? "Confirm";
-  const btnLoading = labels.btnLoading ?? "Processing...";
-  const handleClose = () => {
-    if (!isLoading) onOpenChange(false);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, role: "alertdialog", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogTitle, { className: "flex items-center gap-2", children: [
-      icon,
-      labels.title
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContent, { children: [
-      typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(material.DialogContentText, { children: description }) : /* @__PURE__ */ jsxRuntime.jsx(material.DialogContentText, { component: "div", children: description }),
-      children
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleClose, disabled: isLoading, children: btnCancel }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        material.Button,
-        {
-          variant: "contained",
-          color: confirmVariant === "destructive" ? "error" : "primary",
-          onClick: onConfirm,
-          disabled: isLoading || disableConfirm,
-          children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, color: "inherit", className: "mr-2" }),
-            btnLoading
-          ] }) : btnConfirm
-        }
-      )
-    ] })
-  ] });
+  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: "M22 7V5.71496C22 4.17371 20.8321 2.88321 19.2985 2.72985L17.9702 2.59702C14 2.2 10 2.2 6.02978 2.59702L4.70149 2.72985C3.16788 2.88321 2 4.17371 2 5.71496V7C2 8.10457 2.89543 9 4 9H20C21.1046 9 22 8.10457 22 7Z",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round",
+              strokeLinejoin: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M4.53333 9.5L4.4768 9.74619C3.83435 12.544 3.8494 15.4543 4.51997 18.2455V18.2455C4.85389 19.6354 5.95655 20.7108 7.35451 21.009V21.009C10.4171 21.6623 13.5829 21.6623 16.6455 21.009V21.009C18.0434 20.7108 19.1461 19.6354 19.48 18.2455V18.2455C20.1506 15.4543 20.1657 12.544 19.5232 9.74618L19.4667 9.5",
+              stroke: "currentColor",
+              strokeWidth: iconStrokeWidth,
+              strokeLinecap: "round"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 1 : 0.6,
+              d: "M14.0945 13.9189C14.3504 13.9701 14.5682 14.1365 14.6849 14.3698V14.3698C14.8833 14.7665 14.8833 15.2335 14.6849 15.6302V15.6302C14.5682 15.8635 14.3504 16.0299 14.0945 16.0811L13.8853 16.1229C12.6408 16.3718 11.3592 16.3718 10.1147 16.1229L9.90546 16.0811C9.64963 16.0299 9.43176 15.8635 9.31508 15.6302V15.6302C9.11673 15.2335 9.11673 14.7665 9.31508 14.3698V14.3698C9.43176 14.1365 9.64963 13.9701 9.90546 13.9189L10.1147 13.8771C11.3592 13.6282 12.6408 13.6282 13.8853 13.8771L14.0945 13.9189Z",
+              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",
+            {
+              d: "M5.95508 1.85031C9.9749 1.44833 14.0251 1.44833 18.0449 1.85031L19.373 1.98312C21.2897 2.17479 22.7495 3.78844 22.75 5.71457V6.99972C22.75 7.86931 22.345 8.64326 21.7148 9.14719C21.1107 7.71812 19.7022 6.75088 18.1025 6.7507H5.89746C4.29778 6.75078 2.8884 7.71735 2.28418 9.14621C1.65469 8.64226 1.25 7.86881 1.25 6.99972V5.71457C1.2505 3.78844 2.71028 2.17479 4.62695 1.98312L5.95508 1.85031Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              d: "M18.1028 8.25C19.2525 8.25003 20.2447 9.05777 20.4778 10.1836C20.9988 12.7045 20.957 15.3105 20.3557 17.8135L20.2092 18.4219C19.8078 20.0924 18.4823 21.3837 16.802 21.7422C13.6364 22.4174 10.3641 22.4174 7.19849 21.7422C5.51812 21.3837 4.19273 20.0925 3.79126 18.4219L3.64478 17.8135C3.04349 15.3105 3.00171 12.7045 3.52271 10.1836C3.75577 9.05776 4.74793 8.25 5.89771 8.25H18.1028ZM14.0334 13.1406C12.6922 12.8724 11.3103 12.8725 9.96899 13.1406L9.75903 13.1826C9.27649 13.2792 8.86496 13.5931 8.64477 14.0332C8.34086 14.641 8.34086 15.357 8.64477 15.9648C8.86494 16.405 9.27646 16.7188 9.75903 16.8154L9.96899 16.8574C11.3103 17.1255 12.6922 17.1257 14.0334 16.8574L14.2424 16.8154C14.7249 16.7187 15.1366 16.4049 15.3567 15.9648C15.6604 15.3571 15.6604 14.6409 15.3567 14.0332C15.1366 13.5931 14.7249 13.2793 14.2424 13.1826L14.0334 13.1406Z",
+              fill: "currentColor"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "path",
+            {
+              opacity: oneTone ? 0 : 0.4,
+              d: "M9.96866 13.1406C11.3101 12.8724 12.6917 12.8723 14.0331 13.1406L14.2421 13.1826C14.7247 13.2792 15.1362 13.593 15.3563 14.0332C15.6602 14.641 15.6602 15.357 15.3563 15.9648C15.1362 16.405 14.7247 16.7188 14.2421 16.8154L14.0331 16.8574C12.6917 17.1257 11.3101 17.1256 9.96866 16.8574L9.7587 16.8154C9.27607 16.7188 8.86459 16.4051 8.64444 15.9648C8.34052 15.357 8.34052 14.641 8.64444 14.0332C8.86461 13.593 9.27611 13.2792 9.7587 13.1826L9.96866 13.1406Z",
+              fill: "currentColor"
+            }
+          )
+        ]
+      }
+    );
+  }
 }
 function NiBinEmpty({ className, variant = "outlined", size = "medium" }) {
   const iconSize = sizeHelper(size);
@@ -130,6 +198,415 @@ function NiBinEmpty({ className, variant = "outlined", size = "medium" }) {
     );
   }
 }
+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;
@@ -150,6 +627,221 @@ var strokeSizeHelper = (size) => {
     return 1.75;
   }
 };
+function EmptyState({
+  icon = /* @__PURE__ */ jsxRuntime.jsx(NiArchive, { className: "text-text-disabled", size: "large" }),
+  title = "No items yet",
+  description = "Create your first item to get started",
+  fill = false
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(material.Box, { className: `flex flex-col items-center justify-center py-12 text-center ${fill ? "flex-1" : ""}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(material.Box, { className: "mb-3", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body1", className: "text-text-secondary", children: title }),
+    description ? /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { variant: "body2", className: "text-text-disabled mt-1", children: description }) : null
+  ] });
+}
+function Dialog(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(material.Dialog, { disableScrollLock: true, disableRestoreFocus: true, ...props });
+}
+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 ConfirmActionDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  isLoading = false,
+  labels,
+  icon,
+  confirmVariant = "default",
+  children,
+  disableConfirm
+}) {
+  const description = labels.description ?? "Are you sure you want to continue?";
+  const btnCancel = labels.btnCancel ?? "Cancel";
+  const btnConfirm = labels.btnConfirm ?? "Confirm";
+  const btnLoading = labels.btnLoading ?? "Processing...";
+  const handleClose = () => {
+    if (!isLoading) onOpenChange(false);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Dialog, { open, onClose: handleClose, maxWidth: "xs", fullWidth: true, role: "alertdialog", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogTitle, { className: "flex items-center gap-2", children: [
+      icon,
+      labels.title
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogContent, { children: [
+      typeof description === "string" ? /* @__PURE__ */ jsxRuntime.jsx(material.DialogContentText, { children: description }) : /* @__PURE__ */ jsxRuntime.jsx(material.DialogContentText, { component: "div", children: description }),
+      children
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(material.DialogActions, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Button, { onClick: handleClose, disabled: isLoading, children: btnCancel }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        material.Button,
+        {
+          variant: "contained",
+          color: confirmVariant === "destructive" ? "error" : "primary",
+          onClick: onConfirm,
+          disabled: isLoading || disableConfirm,
+          children: isLoading ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(material.CircularProgress, { size: 16, color: "inherit", className: "mr-2" }),
+            btnLoading
+          ] }) : btnConfirm
+        }
+      )
+    ] })
+  ] });
+}
 function ConfirmDeleteDialog({
   open,
   onOpenChange,
@@ -181,22 +873,22 @@ function ConfirmDeleteDialog({
   ] });
 }
 function useConfirmDialog() {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const open = react.useCallback(() => setIsOpen(true), []);
-  const close = react.useCallback(() => setIsOpen(false), []);
+  const [isOpen, setIsOpen] = React.useState(false);
+  const open = React.useCallback(() => setIsOpen(true), []);
+  const close = React.useCallback(() => setIsOpen(false), []);
   return { isOpen, open, close };
 }
 function useTargetDialog() {
-  const [target, setTarget] = react.useState(null);
-  const open = react.useCallback((value) => setTarget(value), []);
-  const close = react.useCallback(() => setTarget(null), []);
+  const [target, setTarget] = React.useState(null);
+  const open = React.useCallback((value) => setTarget(value), []);
+  const close = React.useCallback(() => setTarget(null), []);
   return { target, isOpen: target !== null, open, close };
 }
 function useReasonDialog() {
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [reason, setReason] = react.useState("");
-  const open = react.useCallback(() => setIsOpen(true), []);
-  const close = react.useCallback(() => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [reason, setReason] = React.useState("");
+  const open = React.useCallback(() => setIsOpen(true), []);
+  const close = React.useCallback(() => {
     setIsOpen(false);
     setReason("");
   }, []);
@@ -237,6 +929,7 @@ function useToast() {
 
 exports.ConfirmActionDialog = ConfirmActionDialog;
 exports.ConfirmDeleteDialog = ConfirmDeleteDialog;
+exports.EmptyState = EmptyState;
 exports.showErrorToast = showErrorToast;
 exports.showSuccessToast = showSuccessToast;
 exports.showWarningToast = showWarningToast;