@gobolt/genesis 0.4.12 → 0.4.14

package/dist/index.js

@@ -19,7 +19,7 @@ function requireClassnames() {
   hasRequiredClassnames = 1;
   (function(module2) {
     (function() {
-      var hasOwn = {}.hasOwnProperty;
+      var hasOwn2 = {}.hasOwnProperty;
       function classNames2() {
         var classes = "";
         for (var i = 0; i < arguments.length; i++) {
@@ -45,7 +45,7 @@ function requireClassnames() {
         }
         var classes = "";
         for (var key in arg) {
-          if (hasOwn.call(arg, key) && arg[key]) {
+          if (hasOwn2.call(arg, key) && arg[key]) {
             classes = appendClass(classes, key);
           }
         }
@@ -3154,14 +3154,14 @@ function merge$2() {
   });
   return clone;
 }
-function noop$4() {
+function noop$5() {
 }
 let deprecatedWarnList = null;
 function resetWarned() {
   deprecatedWarnList = null;
   resetWarned$1();
 }
-let _warning = noop$4;
+let _warning = noop$5;
 if (process.env.NODE_ENV !== "production") {
   _warning = (valid2, component, message2) => {
     warningOnce(valid2, `[antd: ${component}] ${message2}`);
@@ -3202,7 +3202,7 @@ const devUseWarning = process.env.NODE_ENV !== "production" ? (component) => {
 } : () => {
   const noopWarning = () => {
   };
-  noopWarning.deprecated = noop$4;
+  noopWarning.deprecated = noop$5;
   return noopWarning;
 };
 const ValidateMessagesContext = /* @__PURE__ */ createContext$1(void 0);
@@ -4910,12 +4910,12 @@ function merge$1() {
   return ret;
 }
 var statistic = {};
-function noop$3() {
+function noop$4() {
 }
 var statisticToken = function statisticToken2(token2) {
   var tokenKeys2;
   var proxy = token2;
-  var flush = noop$3;
+  var flush = noop$4;
   if (enableStatistic && typeof Proxy !== "undefined") {
     tokenKeys2 = /* @__PURE__ */ new Set();
     proxy = new Proxy(token2, {
@@ -5276,7 +5276,7 @@ function getAlphaColor(frontColor, backgroundColor) {
     a: 1
   }).toRgbString();
 }
-var __rest$Z = function(s, e3) {
+var __rest$_ = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -5287,7 +5287,7 @@ var __rest$Z = function(s, e3) {
 function formatToken(derivativeToken) {
   const {
     override
-  } = derivativeToken, restToken = __rest$Z(derivativeToken, ["override"]);
+  } = derivativeToken, restToken = __rest$_(derivativeToken, ["override"]);
   const overrideTokens = Object.assign({}, override);
   Object.keys(seedToken).forEach((token2) => {
     delete overrideTokens[token2];
@@ -5441,7 +5441,7 @@ function formatToken(derivativeToken) {
   }), overrideTokens);
   return aliasToken;
 }
-var __rest$Y = function(s, e3) {
+var __rest$Z = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -5491,7 +5491,7 @@ const getComputedToken2 = (originToken, overrideToken, theme) => {
   const derivativeToken = theme.getDerivativeToken(originToken);
   const {
     override
-  } = overrideToken, components2 = __rest$Y(overrideToken, ["override"]);
+  } = overrideToken, components2 = __rest$Z(overrideToken, ["override"]);
   let mergedDerivativeToken = Object.assign(Object.assign({}, derivativeToken), {
     override
   });
@@ -5500,7 +5500,7 @@ const getComputedToken2 = (originToken, overrideToken, theme) => {
     Object.entries(components2).forEach(([key, value2]) => {
       const {
         theme: componentTheme
-      } = value2, componentTokens = __rest$Y(value2, ["theme"]);
+      } = value2, componentTokens = __rest$Z(value2, ["theme"]);
       let mergedComponentToken = componentTokens;
       if (componentTheme) {
         mergedComponentToken = getComputedToken2(Object.assign(Object.assign({}, mergedDerivativeToken), componentTokens), {
@@ -6455,7 +6455,7 @@ if (process.env.NODE_ENV !== "production") {
   PropWarning.displayName = "PropWarning";
 }
 const PropWarning$1 = process.env.NODE_ENV !== "production" ? PropWarning : () => null;
-var __rest$X = function(s, e3) {
+var __rest$Y = function(s, e3) {
   var t2 = {};
   for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
@@ -6742,7 +6742,7 @@ const ProviderChildren = (props) => {
       token: token2,
       components: components2,
       cssVar
-    } = _a, rest = __rest$X(_a, ["algorithm", "token", "components", "cssVar"]);
+    } = _a, rest = __rest$Y(_a, ["algorithm", "token", "components", "cssVar"]);
     const themeObj = algorithm && (!Array.isArray(algorithm) || algorithm.length > 0) ? createTheme(algorithm) : defaultTheme;
     const parsedComponents = {};
     Object.entries(components2 || {}).forEach(([componentName, componentToken]) => {
@@ -6994,9 +6994,9 @@ var CheckCircleFilled = function CheckCircleFilled2(props, ref) {
     icon: CheckCircleFilled$1
   }));
 };
-var RefIcon$D = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
+var RefIcon$E = /* @__PURE__ */ React.forwardRef(CheckCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$D.displayName = "CheckCircleFilled";
+  RefIcon$E.displayName = "CheckCircleFilled";
 }
 var CloseCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z" } }] }, "name": "close-circle", "theme": "filled" };
 var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
@@ -7005,9 +7005,9 @@ var CloseCircleFilled = function CloseCircleFilled2(props, ref) {
     icon: CloseCircleFilled$1
   }));
 };
-var RefIcon$C = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
+var RefIcon$D = /* @__PURE__ */ React.forwardRef(CloseCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$C.displayName = "CloseCircleFilled";
+  RefIcon$D.displayName = "CloseCircleFilled";
 }
 var CloseOutlined$1 = { "icon": { "tag": "svg", "attrs": { "fill-rule": "evenodd", "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M799.86 166.31c.02 0 .04.02.08.06l57.69 57.7c.04.03.05.05.06.08a.12.12 0 010 .06c0 .03-.02.05-.06.09L569.93 512l287.7 287.7c.04.04.05.06.06.09a.12.12 0 010 .07c0 .02-.02.04-.06.08l-57.7 57.69c-.03.04-.05.05-.07.06a.12.12 0 01-.07 0c-.03 0-.05-.02-.09-.06L512 569.93l-287.7 287.7c-.04.04-.06.05-.09.06a.12.12 0 01-.07 0c-.02 0-.04-.02-.08-.06l-57.69-57.7c-.04-.03-.05-.05-.06-.07a.12.12 0 010-.07c0-.03.02-.05.06-.09L454.07 512l-287.7-287.7c-.04-.04-.05-.06-.06-.09a.12.12 0 010-.07c0-.02.02-.04.06-.08l57.7-57.69c.03-.04.05-.05.07-.06a.12.12 0 01.07 0c.03 0 .05.02.09.06L512 454.07l287.7-287.7c.04-.04.06-.05.09-.06a.12.12 0 01.07 0z" } }] }, "name": "close", "theme": "outlined" };
 var CloseOutlined = function CloseOutlined2(props, ref) {
@@ -7016,9 +7016,9 @@ var CloseOutlined = function CloseOutlined2(props, ref) {
     icon: CloseOutlined$1
   }));
 };
-var RefIcon$B = /* @__PURE__ */ React.forwardRef(CloseOutlined);
+var RefIcon$C = /* @__PURE__ */ React.forwardRef(CloseOutlined);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$B.displayName = "CloseOutlined";
+  RefIcon$C.displayName = "CloseOutlined";
 }
 var ExclamationCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "exclamation-circle", "theme": "filled" };
 var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
@@ -7027,9 +7027,20 @@ var ExclamationCircleFilled = function ExclamationCircleFilled2(props, ref) {
     icon: ExclamationCircleFilled$1
   }));
 };
-var RefIcon$A = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
+var RefIcon$B = /* @__PURE__ */ React.forwardRef(ExclamationCircleFilled);
 if (process.env.NODE_ENV !== "production") {
-  RefIcon$A.displayName = "ExclamationCircleFilled";
+  RefIcon$B.displayName = "ExclamationCircleFilled";
+}
+var InfoCircleFilled$1 = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm32 664c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V456c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272zm-32-344a48.01 48.01 0 010-96 48.01 48.01 0 010 96z" } }] }, "name": "info-circle", "theme": "filled" };
+var InfoCircleFilled = function InfoCircleFilled2(props, ref) {
+  return /* @__PURE__ */ React.createElement(Icon$3, _extends$1({}, props, {
+    ref,
+    icon: InfoCircleFilled$1
+  }));
+};
+var RefIcon$A = /* @__PURE__ */ React.forwardRef(InfoCircleFilled);
+if (process.env.NODE_ENV !== "production") {
+  RefIcon$A.displayName = "InfoCircleFilled";
 }
 var attributes = "accept acceptCharset accessKey action allowFullScreen allowTransparency\n    alt async autoComplete autoFocus autoPlay capture cellPadding cellSpacing challenge\n    charSet checked classID className colSpan cols content contentEditable contextMenu\n    controls coords crossOrigin data dateTime default defer dir disabled download draggable\n    encType form formAction formEncType formMethod formNoValidate formTarget frameBorder\n    headers height hidden high href hrefLang htmlFor httpEquiv icon id inputMode integrity\n    is keyParams keyType kind label lang list loop low manifest marginHeight marginWidth max maxLength media\n    mediaGroup method min minLength multiple muted name noValidate nonce open\n    optimum pattern placeholder poster preload radioGroup readOnly rel required\n    reversed role rowSpan rows sandbox scope scoped scrolling seamless selected\n    shape size sizes span spellCheck src srcDoc srcLang srcSet start step style\n    summary tabIndex target title type useMap value width wmode wrap";
 var eventsName = "onCopy onCut onPaste onCompositionEnd onCompositionStart onCompositionUpdate onKeyDown\n    onKeyPress onKeyUp onFocus onBlur onChange onInput onSubmit onClick onContextMenu onDoubleClick\n    onDrag onDragEnd onDragEnter onDragExit onDragLeave onDragOver onDragStart onDrop onMouseDown\n    onMouseEnter onMouseLeave onMouseMove onMouseOut onMouseOver onMouseUp onSelect onTouchCancel\n    onTouchEnd onTouchMove onTouchStart onScroll onWheel onAbort onCanPlay onCanPlayThrough\n    onDurationChange onEmptied onEncrypted onEnded onError onLoadedData onLoadedMetadata\n    onLoadStart onPause onPlay onPlaying onProgress onRateChange onSeeked onSeeking onStalled onSuspend onTimeUpdate onVolumeChange onWaiting onLoad onError";
@@ -7080,6 +7091,433 @@ const replaceElement = (element2, replacement, props) => {
 function cloneElement(element2, props) {
   return replaceElement(element2, element2, props);
 }
+const genAlertTypeStyle = (bgColor, borderColor, iconColor, token2, alertCls) => ({
+  background: bgColor,
+  border: `${unit$2(token2.lineWidth)} ${token2.lineType} ${borderColor}`,
+  [`${alertCls}-icon`]: {
+    color: iconColor
+  }
+});
+const genBaseStyle$9 = (token2) => {
+  const {
+    componentCls,
+    motionDurationSlow: duration,
+    marginXS,
+    marginSM,
+    fontSize,
+    fontSizeLG,
+    lineHeight,
+    borderRadiusLG: borderRadius2,
+    motionEaseInOutCirc,
+    withDescriptionIconSize,
+    colorText,
+    colorTextHeading,
+    withDescriptionPadding,
+    defaultPadding
+  } = token2;
+  return {
+    [componentCls]: Object.assign(Object.assign({}, resetComponent(token2)), {
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      padding: defaultPadding,
+      wordWrap: "break-word",
+      borderRadius: borderRadius2,
+      [`&${componentCls}-rtl`]: {
+        direction: "rtl"
+      },
+      [`${componentCls}-content`]: {
+        flex: 1,
+        minWidth: 0
+      },
+      [`${componentCls}-icon`]: {
+        marginInlineEnd: marginXS,
+        lineHeight: 0
+      },
+      "&-description": {
+        display: "none",
+        fontSize,
+        lineHeight
+      },
+      "&-message": {
+        color: colorTextHeading
+      },
+      [`&${componentCls}-motion-leave`]: {
+        overflow: "hidden",
+        opacity: 1,
+        transition: `max-height ${duration} ${motionEaseInOutCirc}, opacity ${duration} ${motionEaseInOutCirc},
+        padding-top ${duration} ${motionEaseInOutCirc}, padding-bottom ${duration} ${motionEaseInOutCirc},
+        margin-bottom ${duration} ${motionEaseInOutCirc}`
+      },
+      [`&${componentCls}-motion-leave-active`]: {
+        maxHeight: 0,
+        marginBottom: "0 !important",
+        paddingTop: 0,
+        paddingBottom: 0,
+        opacity: 0
+      }
+    }),
+    [`${componentCls}-with-description`]: {
+      alignItems: "flex-start",
+      padding: withDescriptionPadding,
+      [`${componentCls}-icon`]: {
+        marginInlineEnd: marginSM,
+        fontSize: withDescriptionIconSize,
+        lineHeight: 0
+      },
+      [`${componentCls}-message`]: {
+        display: "block",
+        marginBottom: marginXS,
+        color: colorTextHeading,
+        fontSize: fontSizeLG
+      },
+      [`${componentCls}-description`]: {
+        display: "block",
+        color: colorText
+      }
+    },
+    [`${componentCls}-banner`]: {
+      marginBottom: 0,
+      border: "0 !important",
+      borderRadius: 0
+    }
+  };
+};
+const genTypeStyle = (token2) => {
+  const {
+    componentCls,
+    colorSuccess,
+    colorSuccessBorder,
+    colorSuccessBg,
+    colorWarning,
+    colorWarningBorder,
+    colorWarningBg,
+    colorError,
+    colorErrorBorder,
+    colorErrorBg,
+    colorInfo,
+    colorInfoBorder,
+    colorInfoBg
+  } = token2;
+  return {
+    [componentCls]: {
+      "&-success": genAlertTypeStyle(colorSuccessBg, colorSuccessBorder, colorSuccess, token2, componentCls),
+      "&-info": genAlertTypeStyle(colorInfoBg, colorInfoBorder, colorInfo, token2, componentCls),
+      "&-warning": genAlertTypeStyle(colorWarningBg, colorWarningBorder, colorWarning, token2, componentCls),
+      "&-error": Object.assign(Object.assign({}, genAlertTypeStyle(colorErrorBg, colorErrorBorder, colorError, token2, componentCls)), {
+        [`${componentCls}-description > pre`]: {
+          margin: 0,
+          padding: 0
+        }
+      })
+    }
+  };
+};
+const genActionStyle = (token2) => {
+  const {
+    componentCls,
+    iconCls,
+    motionDurationMid,
+    marginXS,
+    fontSizeIcon,
+    colorIcon,
+    colorIconHover
+  } = token2;
+  return {
+    [componentCls]: {
+      "&-action": {
+        marginInlineStart: marginXS
+      },
+      [`${componentCls}-close-icon`]: {
+        marginInlineStart: marginXS,
+        padding: 0,
+        overflow: "hidden",
+        fontSize: fontSizeIcon,
+        lineHeight: unit$2(fontSizeIcon),
+        backgroundColor: "transparent",
+        border: "none",
+        outline: "none",
+        cursor: "pointer",
+        [`${iconCls}-close`]: {
+          color: colorIcon,
+          transition: `color ${motionDurationMid}`,
+          "&:hover": {
+            color: colorIconHover
+          }
+        }
+      },
+      "&-close-text": {
+        color: colorIcon,
+        transition: `color ${motionDurationMid}`,
+        "&:hover": {
+          color: colorIconHover
+        }
+      }
+    }
+  };
+};
+const prepareComponentToken$p = (token2) => {
+  const paddingHorizontal = 12;
+  return {
+    withDescriptionIconSize: token2.fontSizeHeading3,
+    defaultPadding: `${token2.paddingContentVerticalSM}px ${paddingHorizontal}px`,
+    withDescriptionPadding: `${token2.paddingMD}px ${token2.paddingContentHorizontalLG}px`
+  };
+};
+const useStyle$v = genStyleHooks("Alert", (token2) => [genBaseStyle$9(token2), genTypeStyle(token2), genActionStyle(token2)], prepareComponentToken$p);
+var __rest$X = function(s, e3) {
+  var t2 = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e3.indexOf(p) < 0) t2[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e3.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t2[p[i]] = s[p[i]];
+  }
+  return t2;
+};
+const iconMapFilled = {
+  success: RefIcon$E,
+  info: RefIcon$A,
+  error: RefIcon$D,
+  warning: RefIcon$B
+};
+const IconNode = (props) => {
+  const {
+    icon,
+    prefixCls,
+    type: type4
+  } = props;
+  const iconType = iconMapFilled[type4] || null;
+  if (icon) {
+    return replaceElement(icon, /* @__PURE__ */ React.createElement("span", {
+      className: `${prefixCls}-icon`
+    }, icon), () => ({
+      className: classNames(`${prefixCls}-icon`, icon.props.className)
+    }));
+  }
+  return /* @__PURE__ */ React.createElement(iconType, {
+    className: `${prefixCls}-icon`
+  });
+};
+const CloseIconNode = (props) => {
+  const {
+    isClosable,
+    prefixCls,
+    closeIcon,
+    handleClose,
+    ariaProps
+  } = props;
+  const mergedCloseIcon = closeIcon === true || closeIcon === void 0 ? /* @__PURE__ */ React.createElement(RefIcon$C, null) : closeIcon;
+  return isClosable ? /* @__PURE__ */ React.createElement("button", Object.assign({
+    type: "button",
+    onClick: handleClose,
+    className: `${prefixCls}-close-icon`,
+    tabIndex: 0
+  }, ariaProps), mergedCloseIcon) : null;
+};
+const Alert$1 = /* @__PURE__ */ React.forwardRef((props, ref) => {
+  const {
+    description,
+    prefixCls: customizePrefixCls,
+    message: message2,
+    banner,
+    className,
+    rootClassName,
+    style: style2,
+    onMouseEnter,
+    onMouseLeave,
+    onClick,
+    afterClose,
+    showIcon,
+    closable,
+    closeText,
+    closeIcon,
+    action,
+    id: id2
+  } = props, otherProps = __rest$X(props, ["description", "prefixCls", "message", "banner", "className", "rootClassName", "style", "onMouseEnter", "onMouseLeave", "onClick", "afterClose", "showIcon", "closable", "closeText", "closeIcon", "action", "id"]);
+  const [closed, setClosed] = React.useState(false);
+  if (process.env.NODE_ENV !== "production") {
+    const warning3 = devUseWarning("Alert");
+    warning3.deprecated(!closeText, "closeText", "closable.closeIcon");
+  }
+  const internalRef = React.useRef(null);
+  React.useImperativeHandle(ref, () => ({
+    nativeElement: internalRef.current
+  }));
+  const {
+    getPrefixCls,
+    direction,
+    closable: contextClosable,
+    closeIcon: contextCloseIcon,
+    className: contextClassName,
+    style: contextStyle
+  } = useComponentConfig("alert");
+  const prefixCls = getPrefixCls("alert", customizePrefixCls);
+  const [wrapCSSVar, hashId, cssVarCls] = useStyle$v(prefixCls);
+  const handleClose = (e3) => {
+    var _a;
+    setClosed(true);
+    (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, e3);
+  };
+  const type4 = React.useMemo(() => {
+    if (props.type !== void 0) {
+      return props.type;
+    }
+    return banner ? "warning" : "info";
+  }, [props.type, banner]);
+  const isClosable = React.useMemo(() => {
+    if (typeof closable === "object" && closable.closeIcon) return true;
+    if (closeText) {
+      return true;
+    }
+    if (typeof closable === "boolean") {
+      return closable;
+    }
+    if (closeIcon !== false && closeIcon !== null && closeIcon !== void 0) {
+      return true;
+    }
+    return !!contextClosable;
+  }, [closeText, closeIcon, closable, contextClosable]);
+  const isShowIcon = banner && showIcon === void 0 ? true : showIcon;
+  const alertCls = classNames(prefixCls, `${prefixCls}-${type4}`, {
+    [`${prefixCls}-with-description`]: !!description,
+    [`${prefixCls}-no-icon`]: !isShowIcon,
+    [`${prefixCls}-banner`]: !!banner,
+    [`${prefixCls}-rtl`]: direction === "rtl"
+  }, contextClassName, className, rootClassName, cssVarCls, hashId);
+  const restProps = pickAttrs(otherProps, {
+    aria: true,
+    data: true
+  });
+  const mergedCloseIcon = React.useMemo(() => {
+    if (typeof closable === "object" && closable.closeIcon) {
+      return closable.closeIcon;
+    }
+    if (closeText) {
+      return closeText;
+    }
+    if (closeIcon !== void 0) {
+      return closeIcon;
+    }
+    if (typeof contextClosable === "object" && contextClosable.closeIcon) {
+      return contextClosable.closeIcon;
+    }
+    return contextCloseIcon;
+  }, [closeIcon, closable, closeText, contextCloseIcon]);
+  const mergedAriaProps = React.useMemo(() => {
+    const merged = closable !== null && closable !== void 0 ? closable : contextClosable;
+    if (typeof merged === "object") {
+      const {
+        closeIcon: _
+      } = merged, ariaProps = __rest$X(merged, ["closeIcon"]);
+      return ariaProps;
+    }
+    return {};
+  }, [closable, contextClosable]);
+  return wrapCSSVar(/* @__PURE__ */ React.createElement(CSSMotion, {
+    visible: !closed,
+    motionName: `${prefixCls}-motion`,
+    motionAppear: false,
+    motionEnter: false,
+    onLeaveStart: (node2) => ({
+      maxHeight: node2.offsetHeight
+    }),
+    onLeaveEnd: afterClose
+  }, ({
+    className: motionClassName,
+    style: motionStyle
+  }, setRef) => /* @__PURE__ */ React.createElement("div", Object.assign({
+    id: id2,
+    ref: composeRef(internalRef, setRef),
+    "data-show": !closed,
+    className: classNames(alertCls, motionClassName),
+    style: Object.assign(Object.assign(Object.assign({}, contextStyle), style2), motionStyle),
+    onMouseEnter,
+    onMouseLeave,
+    onClick,
+    role: "alert"
+  }, restProps), isShowIcon ? /* @__PURE__ */ React.createElement(IconNode, {
+    description,
+    icon: props.icon,
+    prefixCls,
+    type: type4
+  }) : null, /* @__PURE__ */ React.createElement("div", {
+    className: `${prefixCls}-content`
+  }, message2 ? /* @__PURE__ */ React.createElement("div", {
+    className: `${prefixCls}-message`
+  }, message2) : null, description ? /* @__PURE__ */ React.createElement("div", {
+    className: `${prefixCls}-description`
+  }, description) : null), action ? /* @__PURE__ */ React.createElement("div", {
+    className: `${prefixCls}-action`
+  }, action) : null, /* @__PURE__ */ React.createElement(CloseIconNode, {
+    isClosable,
+    prefixCls,
+    closeIcon: mergedCloseIcon,
+    handleClose,
+    ariaProps: mergedAriaProps
+  }))));
+});
+if (process.env.NODE_ENV !== "production") {
+  Alert$1.displayName = "Alert";
+}
+function _callSuper(t2, o2, e3) {
+  return o2 = _getPrototypeOf(o2), _possibleConstructorReturn(t2, _isNativeReflectConstruct() ? Reflect.construct(o2, e3 || [], _getPrototypeOf(t2).constructor) : o2.apply(t2, e3));
+}
+let ErrorBoundary$1 = /* @__PURE__ */ (function(_React$Component) {
+  function ErrorBoundary2() {
+    var _this;
+    _classCallCheck(this, ErrorBoundary2);
+    _this = _callSuper(this, ErrorBoundary2, arguments);
+    _this.state = {
+      error: void 0,
+      info: {
+        componentStack: ""
+      }
+    };
+    return _this;
+  }
+  _inherits(ErrorBoundary2, _React$Component);
+  return _createClass(ErrorBoundary2, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch(error2, info) {
+      this.setState({
+        error: error2,
+        info
+      });
+    }
+  }, {
+    key: "render",
+    value: function render2() {
+      const {
+        message: message2,
+        description,
+        id: id2,
+        children: children2
+      } = this.props;
+      const {
+        error: error2,
+        info
+      } = this.state;
+      const componentStack = (info === null || info === void 0 ? void 0 : info.componentStack) || null;
+      const errorMessage = typeof message2 === "undefined" ? (error2 || "").toString() : message2;
+      const errorDescription = typeof description === "undefined" ? componentStack : description;
+      if (error2) {
+        return /* @__PURE__ */ React.createElement(Alert$1, {
+          id: id2,
+          type: "error",
+          message: errorMessage,
+          description: /* @__PURE__ */ React.createElement("pre", {
+            style: {
+              fontSize: "0.9em",
+              overflowX: "auto"
+            }
+          }, errorDescription)
+        });
+      }
+      return children2;
+    }
+  }]);
+})(React.Component);
+const Alert = Alert$1;
+Alert.ErrorBoundary = ErrorBoundary$1;
 const t = (t2) => "object" == typeof t2 && null != t2 && 1 === t2.nodeType, e$1 = (t2, e3) => (!e3 || "hidden" !== t2) && ("visible" !== t2 && "clip" !== t2), n = (t2, n2) => {
   if (t2.clientHeight < t2.scrollHeight || t2.clientWidth < t2.scrollWidth) {
     const o2 = getComputedStyle(t2, null);
@@ -21242,7 +21680,7 @@ function useIcons$1({
     const warning3 = devUseWarning(componentName);
     warning3.deprecated(!clearIcon, "clearIcon", "allowClear={{ clearIcon: React.ReactNode }}");
   }
-  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$C, null);
+  const mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /* @__PURE__ */ React.createElement(RefIcon$D, null);
   const getSuffixIconNode = (arrowIcon) => {
     if (suffixIcon === null && !hasFeedback && !showArrow) {
       return null;
@@ -21284,7 +21722,7 @@ function useIcons$1({
   if (removeIcon !== void 0) {
     mergedRemoveIcon = removeIcon;
   } else {
-    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$B, null);
+    mergedRemoveIcon = /* @__PURE__ */ React.createElement(RefIcon$C, null);
   }
   return {
     clearIcon: mergedClearIcon,
@@ -37870,7 +38308,7 @@ const InternalTabs = /* @__PURE__ */ React.forwardRef((props, ref) => {
       }) => {
         onEdit === null || onEdit === void 0 ? void 0 : onEdit(editType === "add" ? event : key, editType);
       },
-      removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React.createElement(RefIcon$B, null),
+      removeIcon: (_a = removeIcon !== null && removeIcon !== void 0 ? removeIcon : tabs === null || tabs === void 0 ? void 0 : tabs.removeIcon) !== null && _a !== void 0 ? _a : /* @__PURE__ */ React.createElement(RefIcon$C, null),
       addIcon: (addIcon !== null && addIcon !== void 0 ? addIcon : tabs === null || tabs === void 0 ? void 0 : tabs.addIcon) || /* @__PURE__ */ React.createElement(RefIcon$r, null),
       showAdd: hideAdd !== true
     };
@@ -38552,7 +38990,7 @@ function throttle(delay, callback, options) {
   wrapper.cancel = cancel;
   return wrapper;
 }
-function debounce$2(delay, callback, options) {
+function debounce(delay, callback, options) {
   var _ref = {}, _ref$atBegin = _ref.atBegin, atBegin = _ref$atBegin === void 0 ? false : _ref$atBegin;
   return throttle(delay, callback, {
     debounceMode: atBegin !== false
@@ -40567,7 +41005,7 @@ const getAllowClear = (allowClear) => {
     mergedAllowClear = allowClear;
   } else if (allowClear) {
     mergedAllowClear = {
-      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$C, null)
+      clearIcon: /* @__PURE__ */ React__default.createElement(RefIcon$D, null)
     };
   }
   return mergedAllowClear;
@@ -42580,9 +43018,9 @@ const FormItemLabel = ({
   }, labelChildren));
 };
 const iconMap = {
-  success: RefIcon$D,
-  warning: RefIcon$A,
-  error: RefIcon$C,
+  success: RefIcon$E,
+  warning: RefIcon$B,
+  error: RefIcon$D,
   validating: RefIcon$z
 };
 function StatusProvider({
@@ -42618,10 +43056,10 @@ function StatusProvider({
         errors,
         warnings
       })) === null || _a === void 0 ? void 0 : _a[mergedValidateStatus]);
-      const IconNode = mergedValidateStatus && iconMap[mergedValidateStatus];
-      feedbackIcon = customIconNode !== false && IconNode ? /* @__PURE__ */ React.createElement("span", {
+      const IconNode2 = mergedValidateStatus && iconMap[mergedValidateStatus];
+      feedbackIcon = customIconNode !== false && IconNode2 ? /* @__PURE__ */ React.createElement("span", {
         className: classNames(`${itemPrefixCls}-feedback-icon`, `${itemPrefixCls}-feedback-icon-${mergedValidateStatus}`)
-      }, customIconNode || /* @__PURE__ */ React.createElement(IconNode, null)) : null;
+      }, customIconNode || /* @__PURE__ */ React.createElement(IconNode2, null)) : null;
     }
     const context = {
       status: mergedValidateStatus || "",
@@ -44445,7 +44883,7 @@ if (process.env.NODE_ENV !== "production") {
 var defaultItemRender = function defaultItemRender2(page, type4, element2) {
   return element2;
 };
-function noop$2() {
+function noop$3() {
 }
 function isInteger(v) {
   var value2 = Number(v);
@@ -44456,7 +44894,7 @@ function calculatePage(p, pageSize, total) {
   return Math.floor((total - 1) / _pageSize) + 1;
 }
 var Pagination$1 = function Pagination(props) {
-  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-pagination" : _props$prefixCls, _props$selectPrefixCl = props.selectPrefixCls, selectPrefixCls = _props$selectPrefixCl === void 0 ? "rc-select" : _props$selectPrefixCl, className = props.className, currentProp = props.current, _props$defaultCurrent = props.defaultCurrent, defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent, _props$total = props.total, total = _props$total === void 0 ? 0 : _props$total, pageSizeProp = props.pageSize, _props$defaultPageSiz = props.defaultPageSize, defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz, _props$onChange = props.onChange, onChange = _props$onChange === void 0 ? noop$2 : _props$onChange, hideOnSinglePage = props.hideOnSinglePage, align = props.align, _props$showPrevNextJu = props.showPrevNextJumpers, showPrevNextJumpers = _props$showPrevNextJu === void 0 ? true : _props$showPrevNextJu, showQuickJumper = props.showQuickJumper, showLessItems = props.showLessItems, _props$showTitle = props.showTitle, showTitle = _props$showTitle === void 0 ? true : _props$showTitle, _props$onShowSizeChan = props.onShowSizeChange, onShowSizeChange = _props$onShowSizeChan === void 0 ? noop$2 : _props$onShowSizeChan, _props$locale = props.locale, locale2 = _props$locale === void 0 ? locale$1 : _props$locale, style2 = props.style, _props$totalBoundaryS = props.totalBoundaryShowSizeChanger, totalBoundaryShowSizeChanger = _props$totalBoundaryS === void 0 ? 50 : _props$totalBoundaryS, disabled2 = props.disabled, simple = props.simple, showTotal = props.showTotal, _props$showSizeChange = props.showSizeChanger, showSizeChanger = _props$showSizeChange === void 0 ? total > totalBoundaryShowSizeChanger : _props$showSizeChange, sizeChangerRender = props.sizeChangerRender, pageSizeOptions = props.pageSizeOptions, _props$itemRender = props.itemRender, itemRender = _props$itemRender === void 0 ? defaultItemRender : _props$itemRender, jumpPrevIcon = props.jumpPrevIcon, jumpNextIcon = props.jumpNextIcon, prevIcon = props.prevIcon, nextIcon = props.nextIcon;
+  var _props$prefixCls = props.prefixCls, prefixCls = _props$prefixCls === void 0 ? "rc-pagination" : _props$prefixCls, _props$selectPrefixCl = props.selectPrefixCls, selectPrefixCls = _props$selectPrefixCl === void 0 ? "rc-select" : _props$selectPrefixCl, className = props.className, currentProp = props.current, _props$defaultCurrent = props.defaultCurrent, defaultCurrent = _props$defaultCurrent === void 0 ? 1 : _props$defaultCurrent, _props$total = props.total, total = _props$total === void 0 ? 0 : _props$total, pageSizeProp = props.pageSize, _props$defaultPageSiz = props.defaultPageSize, defaultPageSize = _props$defaultPageSiz === void 0 ? 10 : _props$defaultPageSiz, _props$onChange = props.onChange, onChange = _props$onChange === void 0 ? noop$3 : _props$onChange, hideOnSinglePage = props.hideOnSinglePage, align = props.align, _props$showPrevNextJu = props.showPrevNextJumpers, showPrevNextJumpers = _props$showPrevNextJu === void 0 ? true : _props$showPrevNextJu, showQuickJumper = props.showQuickJumper, showLessItems = props.showLessItems, _props$showTitle = props.showTitle, showTitle = _props$showTitle === void 0 ? true : _props$showTitle, _props$onShowSizeChan = props.onShowSizeChange, onShowSizeChange = _props$onShowSizeChan === void 0 ? noop$3 : _props$onShowSizeChan, _props$locale = props.locale, locale2 = _props$locale === void 0 ? locale$1 : _props$locale, style2 = props.style, _props$totalBoundaryS = props.totalBoundaryShowSizeChanger, totalBoundaryShowSizeChanger = _props$totalBoundaryS === void 0 ? 50 : _props$totalBoundaryS, disabled2 = props.disabled, simple = props.simple, showTotal = props.showTotal, _props$showSizeChange = props.showSizeChanger, showSizeChanger = _props$showSizeChange === void 0 ? total > totalBoundaryShowSizeChanger : _props$showSizeChange, sizeChangerRender = props.sizeChangerRender, pageSizeOptions = props.pageSizeOptions, _props$itemRender = props.itemRender, itemRender = _props$itemRender === void 0 ? defaultItemRender : _props$itemRender, jumpPrevIcon = props.jumpPrevIcon, jumpNextIcon = props.jumpNextIcon, prevIcon = props.prevIcon, nextIcon = props.nextIcon;
   var paginationRef = React__default.useRef(null);
   var _useMergedState = useMergedState(10, {
     value: pageSizeProp,
@@ -44473,7 +44911,7 @@ var Pagination$1 = function Pagination(props) {
   useEffect(function() {
     setInternalInputVal(current);
   }, [current]);
-  var hasOnChange = onChange !== noop$2;
+  var hasOnChange = onChange !== noop$3;
   var hasCurrent = "current" in props;
   if (process.env.NODE_ENV !== "production") {
     warningOnce(hasCurrent ? hasOnChange : true, "You provided a `current` prop to a Pagination component without an `onChange` handler. This will render a read-only component.");
@@ -46033,7 +46471,7 @@ const Spin = (props) => {
   const mergedPercent = usePercent(spinning, percent);
   React.useEffect(() => {
     if (customSpinning) {
-      const showSpinning = debounce$2(delay, () => {
+      const showSpinning = debounce(delay, () => {
         setSpinning(true);
       });
       showSpinning();
@@ -46186,7 +46624,7 @@ const Overlay = (props) => {
     cancelText,
     okText,
     okType = "primary",
-    icon = /* @__PURE__ */ React.createElement(RefIcon$A, null),
+    icon = /* @__PURE__ */ React.createElement(RefIcon$B, null),
     showCancel = true,
     close,
     onConfirm,
@@ -46264,7 +46702,7 @@ const InternalPopconfirm = /* @__PURE__ */ React.forwardRef((props, ref) => {
     placement = "top",
     trigger = "click",
     okType = "primary",
-    icon = /* @__PURE__ */ React.createElement(RefIcon$A, null),
+    icon = /* @__PURE__ */ React.createElement(RefIcon$B, null),
     children: children2,
     overlayClassName,
     onOpenChange,
@@ -47255,9 +47693,9 @@ const Progress$2 = /* @__PURE__ */ React.forwardRef((props, ref) => {
     if (infoPosition === "inner" || format3 || progressStatus !== "exception" && progressStatus !== "success") {
       text2 = textFormatter(validProgress(percent), validProgress(successPercent));
     } else if (progressStatus === "exception") {
-      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$C, null) : /* @__PURE__ */ React.createElement(RefIcon$B, null);
+      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$D, null) : /* @__PURE__ */ React.createElement(RefIcon$C, null);
     } else if (progressStatus === "success") {
-      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$D, null) : /* @__PURE__ */ React.createElement(RefIcon$x, null);
+      text2 = isLineType ? /* @__PURE__ */ React.createElement(RefIcon$E, null) : /* @__PURE__ */ React.createElement(RefIcon$x, null);
     }
     return /* @__PURE__ */ React.createElement("span", {
       className: classNames(`${prefixCls}-text`, {
@@ -48318,9 +48756,9 @@ const Unauthorized = () => /* @__PURE__ */ React.createElement("svg", {
   strokeWidth: "1.1"
 })));
 const IconMap = {
-  success: RefIcon$D,
-  error: RefIcon$C,
-  info: RefIcon$A,
+  success: RefIcon$E,
+  error: RefIcon$D,
+  info: RefIcon$B,
   warning: RefIcon
 };
 const ExceptionMap = {
@@ -52697,7 +53135,7 @@ var HIDDEN_STYLE = {
   padding: 0,
   margin: 0
 };
-var noop$1 = function noop() {
+var noop$2 = function noop() {
 };
 var MOTION_KEY = "RC_TREE_MOTION_".concat(Math.random());
 var MotionNode = {
@@ -52833,7 +53271,7 @@ var NodeList = /* @__PURE__ */ React.forwardRef(function(props, ref) {
     onFocus,
     onBlur,
     value: "",
-    onChange: noop$1,
+    onChange: noop$2,
     "aria-label": "for screen reader"
   })), /* @__PURE__ */ React.createElement("div", {
     className: "".concat(prefixCls, "-treenode"),
@@ -59821,7 +60259,7 @@ const Toast = ({
         )
       }
     ) : null,
-    close ? /* @__PURE__ */ jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsx(RefIcon$B, { style: { fontSize: 18 } }) }) : null
+    close ? /* @__PURE__ */ jsx(ToastCloseButton, { onClick: close, children: /* @__PURE__ */ jsx(RefIcon$C, { style: { fontSize: 18 } }) }) : null
   ] });
 };
 const ToastContext = React__default.createContext(
@@ -71850,7 +72288,7 @@ var hasRequiredExtend;
 function requireExtend() {
   if (hasRequiredExtend) return extend$2;
   hasRequiredExtend = 1;
-  var hasOwn = Object.prototype.hasOwnProperty;
+  var hasOwn2 = Object.prototype.hasOwnProperty;
   var toStr = Object.prototype.toString;
   var defineProperty = Object.defineProperty;
   var gOPD = Object.getOwnPropertyDescriptor;
@@ -71864,15 +72302,15 @@ function requireExtend() {
     if (!obj || toStr.call(obj) !== "[object Object]") {
       return false;
     }
-    var hasOwnConstructor = hasOwn.call(obj, "constructor");
-    var hasIsPrototypeOf = obj.constructor && obj.constructor.prototype && hasOwn.call(obj.constructor.prototype, "isPrototypeOf");
+    var hasOwnConstructor = hasOwn2.call(obj, "constructor");
+    var hasIsPrototypeOf = obj.constructor && obj.constructor.prototype && hasOwn2.call(obj.constructor.prototype, "isPrototypeOf");
     if (obj.constructor && !hasOwnConstructor && !hasIsPrototypeOf) {
       return false;
     }
     var key;
     for (key in obj) {
     }
-    return typeof key === "undefined" || hasOwn.call(obj, key);
+    return typeof key === "undefined" || hasOwn2.call(obj, key);
   };
   var setProperty = function setProperty2(target, options) {
     if (defineProperty && options.name === "__proto__") {
@@ -71888,7 +72326,7 @@ function requireExtend() {
   };
   var getProperty = function getProperty2(obj, name2) {
     if (name2 === "__proto__") {
-      if (!hasOwn.call(obj, name2)) {
+      if (!hasOwn2.call(obj, name2)) {
         return void 0;
       } else if (gOPD) {
         return gOPD(obj, name2).value;
@@ -71938,7 +72376,7 @@ function requireExtend() {
 }
 var extendExports = requireExtend();
 const extend$1 = /* @__PURE__ */ getDefaultExportFromCjs(extendExports);
-function isPlainObject(value2) {
+function isPlainObject$1(value2) {
   if (typeof value2 !== "object" || value2 === null) {
     return false;
   }
@@ -73342,7 +73780,7 @@ class Processor extends CallableInstance {
       } else if (parameters2.length > 0) {
         let [primary, ...rest] = parameters2;
         const currentPrimary = attachers[entryIndex][1];
-        if (isPlainObject(currentPrimary) && isPlainObject(primary)) {
+        if (isPlainObject$1(currentPrimary) && isPlainObject$1(primary)) {
           primary = extend$1(true, currentPrimary, primary);
         }
         attachers[entryIndex] = [plugin, primary, ...rest];
@@ -73369,7 +73807,7 @@ function assertUnfrozen(name2, frozen) {
   }
 }
 function assertNode(node2) {
-  if (!isPlainObject(node2) || typeof node2.type !== "string") {
+  if (!isPlainObject$1(node2) || typeof node2.type !== "string") {
     throw new TypeError("Expected node, got `" + node2 + "`");
   }
 }
@@ -74266,7 +74704,7 @@ function range2(start2, stop, step) {
   }
   return range3;
 }
-var noop2 = { value: () => {
+var noop$1 = { value: () => {
 } };
 function dispatch() {
   for (var i = 0, n2 = arguments.length, _ = {}, t2; i < n2; ++i) {
@@ -74326,7 +74764,7 @@ function get$1(type4, name2) {
 function set$1(type4, name2, callback) {
   for (var i = 0, n2 = type4.length; i < n2; ++i) {
     if (type4[i].name === name2) {
-      type4[i] = noop2, type4 = type4.slice(0, i).concat(type4.slice(i + 1));
+      type4[i] = noop$1, type4 = type4.slice(0, i).concat(type4.slice(i + 1));
       break;
     }
   }
@@ -83875,287 +84313,1579 @@ const CustomPagination = ({
   }
   return null;
 };
-var debounce$1 = { exports: {} };
-var hasRequiredDebounce;
-function requireDebounce() {
-  if (hasRequiredDebounce) return debounce$1.exports;
-  hasRequiredDebounce = 1;
-  function debounce2(function_, wait = 100, options = {}) {
-    if (typeof function_ !== "function") {
-      throw new TypeError(`Expected the first parameter to be a function, got \`${typeof function_}\`.`);
-    }
-    if (wait < 0) {
-      throw new RangeError("`wait` must not be negative.");
-    }
-    const { immediate } = typeof options === "boolean" ? { immediate: options } : options;
-    let storedContext;
-    let storedArguments;
-    let timeoutId;
-    let timestamp;
-    let result;
-    function run() {
-      const callContext = storedContext;
-      const callArguments = storedArguments;
-      storedContext = void 0;
-      storedArguments = void 0;
-      result = function_.apply(callContext, callArguments);
-      return result;
-    }
-    function later() {
-      const last = Date.now() - timestamp;
-      if (last < wait && last >= 0) {
-        timeoutId = setTimeout(later, wait - last);
-      } else {
-        timeoutId = void 0;
-        if (!immediate) {
-          result = run();
-        }
+var Subscribable = class {
+  constructor() {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.subscribe = this.subscribe.bind(this);
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    this.onSubscribe();
+    return () => {
+      this.listeners.delete(listener);
+      this.onUnsubscribe();
+    };
+  }
+  hasListeners() {
+    return this.listeners.size > 0;
+  }
+  onSubscribe() {
+  }
+  onUnsubscribe() {
+  }
+};
+var defaultTimeoutProvider = {
+  // We need the wrapper function syntax below instead of direct references to
+  // global setTimeout etc.
+  //
+  // BAD: `setTimeout: setTimeout`
+  // GOOD: `setTimeout: (cb, delay) => setTimeout(cb, delay)`
+  //
+  // If we use direct references here, then anything that wants to spy on or
+  // replace the global setTimeout (like tests) won't work since we'll already
+  // have a hard reference to the original implementation at the time when this
+  // file was imported.
+  setTimeout: (callback, delay) => setTimeout(callback, delay),
+  clearTimeout: (timeoutId) => clearTimeout(timeoutId),
+  setInterval: (callback, delay) => setInterval(callback, delay),
+  clearInterval: (intervalId) => clearInterval(intervalId)
+};
+var TimeoutManager = class {
+  // We cannot have TimeoutManager<T> as we must instantiate it with a concrete
+  // type at app boot; and if we leave that type, then any new timer provider
+  // would need to support ReturnType<typeof setTimeout>, which is infeasible.
+  //
+  // We settle for type safety for the TimeoutProvider type, and accept that
+  // this class is unsafe internally to allow for extension.
+  #provider = defaultTimeoutProvider;
+  #providerCalled = false;
+  setTimeoutProvider(provider) {
+    if (process.env.NODE_ENV !== "production") {
+      if (this.#providerCalled && provider !== this.#provider) {
+        console.error(
+          `[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.`,
+          { previous: this.#provider, provider }
+        );
       }
     }
-    const debounced = function(...arguments_) {
-      if (storedContext && this !== storedContext && Object.getPrototypeOf(this) === Object.getPrototypeOf(storedContext)) {
-        throw new Error("Debounced method called with different contexts of the same prototype.");
-      }
-      storedContext = this;
-      storedArguments = arguments_;
-      timestamp = Date.now();
-      const callNow = immediate && !timeoutId;
-      if (!timeoutId) {
-        timeoutId = setTimeout(later, wait);
+    this.#provider = provider;
+    if (process.env.NODE_ENV !== "production") {
+      this.#providerCalled = false;
+    }
+  }
+  setTimeout(callback, delay) {
+    if (process.env.NODE_ENV !== "production") {
+      this.#providerCalled = true;
+    }
+    return this.#provider.setTimeout(callback, delay);
+  }
+  clearTimeout(timeoutId) {
+    this.#provider.clearTimeout(timeoutId);
+  }
+  setInterval(callback, delay) {
+    if (process.env.NODE_ENV !== "production") {
+      this.#providerCalled = true;
+    }
+    return this.#provider.setInterval(callback, delay);
+  }
+  clearInterval(intervalId) {
+    this.#provider.clearInterval(intervalId);
+  }
+};
+var timeoutManager = new TimeoutManager();
+function systemSetTimeoutZero(callback) {
+  setTimeout(callback, 0);
+}
+var isServer = typeof window === "undefined" || "Deno" in globalThis;
+function noop2() {
+}
+function isValidTimeout(value2) {
+  return typeof value2 === "number" && value2 >= 0 && value2 !== Infinity;
+}
+function timeUntilStale(updatedAt, staleTime) {
+  return Math.max(updatedAt + (staleTime || 0) - Date.now(), 0);
+}
+function resolveStaleTime(staleTime, query) {
+  return typeof staleTime === "function" ? staleTime(query) : staleTime;
+}
+function resolveEnabled(enabled, query) {
+  return typeof enabled === "function" ? enabled(query) : enabled;
+}
+var hasOwn = Object.prototype.hasOwnProperty;
+function replaceEqualDeep(a, b) {
+  if (a === b) {
+    return a;
+  }
+  const array4 = isPlainArray(a) && isPlainArray(b);
+  if (!array4 && !(isPlainObject(a) && isPlainObject(b))) return b;
+  const aItems = array4 ? a : Object.keys(a);
+  const aSize = aItems.length;
+  const bItems = array4 ? b : Object.keys(b);
+  const bSize = bItems.length;
+  const copy2 = array4 ? new Array(bSize) : {};
+  let equalItems = 0;
+  for (let i = 0; i < bSize; i++) {
+    const key = array4 ? i : bItems[i];
+    const aItem = a[key];
+    const bItem = b[key];
+    if (aItem === bItem) {
+      copy2[key] = aItem;
+      if (array4 ? i < aSize : hasOwn.call(a, key)) equalItems++;
+      continue;
+    }
+    if (aItem === null || bItem === null || typeof aItem !== "object" || typeof bItem !== "object") {
+      copy2[key] = bItem;
+      continue;
+    }
+    const v = replaceEqualDeep(aItem, bItem);
+    copy2[key] = v;
+    if (v === aItem) equalItems++;
+  }
+  return aSize === bSize && equalItems === aSize ? a : copy2;
+}
+function shallowEqualObjects(a, b) {
+  if (!b || Object.keys(a).length !== Object.keys(b).length) {
+    return false;
+  }
+  for (const key in a) {
+    if (a[key] !== b[key]) {
+      return false;
+    }
+  }
+  return true;
+}
+function isPlainArray(value2) {
+  return Array.isArray(value2) && value2.length === Object.keys(value2).length;
+}
+function isPlainObject(o2) {
+  if (!hasObjectPrototype(o2)) {
+    return false;
+  }
+  const ctor = o2.constructor;
+  if (ctor === void 0) {
+    return true;
+  }
+  const prot = ctor.prototype;
+  if (!hasObjectPrototype(prot)) {
+    return false;
+  }
+  if (!prot.hasOwnProperty("isPrototypeOf")) {
+    return false;
+  }
+  if (Object.getPrototypeOf(o2) !== Object.prototype) {
+    return false;
+  }
+  return true;
+}
+function hasObjectPrototype(o2) {
+  return Object.prototype.toString.call(o2) === "[object Object]";
+}
+function replaceData(prevData, data, options) {
+  if (typeof options.structuralSharing === "function") {
+    return options.structuralSharing(prevData, data);
+  } else if (options.structuralSharing !== false) {
+    if (process.env.NODE_ENV !== "production") {
+      try {
+        return replaceEqualDeep(prevData, data);
+      } catch (error2) {
+        console.error(
+          `Structural sharing requires data to be JSON serializable. To fix this, turn off structuralSharing or return JSON-serializable data from your queryFn. [${options.queryHash}]: ${error2}`
+        );
+        throw error2;
       }
-      if (callNow) {
-        result = run();
+    }
+    return replaceEqualDeep(prevData, data);
+  }
+  return data;
+}
+function addToEnd(items, item, max2 = 0) {
+  const newItems = [...items, item];
+  return max2 && newItems.length > max2 ? newItems.slice(1) : newItems;
+}
+function addToStart(items, item, max2 = 0) {
+  const newItems = [item, ...items];
+  return max2 && newItems.length > max2 ? newItems.slice(0, -1) : newItems;
+}
+var skipToken = Symbol();
+function ensureQueryFn(options, fetchOptions) {
+  if (process.env.NODE_ENV !== "production") {
+    if (options.queryFn === skipToken) {
+      console.error(
+        `Attempted to invoke queryFn when set to skipToken. This is likely a configuration error. Query hash: '${options.queryHash}'`
+      );
+    }
+  }
+  if (!options.queryFn && fetchOptions?.initialPromise) {
+    return () => fetchOptions.initialPromise;
+  }
+  if (!options.queryFn || options.queryFn === skipToken) {
+    return () => Promise.reject(new Error(`Missing queryFn: '${options.queryHash}'`));
+  }
+  return options.queryFn;
+}
+function shouldThrowError(throwOnError, params) {
+  if (typeof throwOnError === "function") {
+    return throwOnError(...params);
+  }
+  return !!throwOnError;
+}
+var FocusManager = class extends Subscribable {
+  #focused;
+  #cleanup;
+  #setup;
+  constructor() {
+    super();
+    this.#setup = (onFocus) => {
+      if (!isServer && window.addEventListener) {
+        const listener = () => onFocus();
+        window.addEventListener("visibilitychange", listener, false);
+        return () => {
+          window.removeEventListener("visibilitychange", listener);
+        };
       }
-      return result;
+      return;
     };
-    Object.defineProperty(debounced, "isPending", {
-      get() {
-        return timeoutId !== void 0;
+  }
+  onSubscribe() {
+    if (!this.#cleanup) {
+      this.setEventListener(this.#setup);
+    }
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.#cleanup?.();
+      this.#cleanup = void 0;
+    }
+  }
+  setEventListener(setup) {
+    this.#setup = setup;
+    this.#cleanup?.();
+    this.#cleanup = setup((focused) => {
+      if (typeof focused === "boolean") {
+        this.setFocused(focused);
+      } else {
+        this.onFocus();
       }
     });
-    debounced.clear = () => {
-      if (!timeoutId) {
-        return;
-      }
-      clearTimeout(timeoutId);
-      timeoutId = void 0;
-    };
-    debounced.flush = () => {
-      if (!timeoutId) {
-        return;
-      }
-      debounced.trigger();
-    };
-    debounced.trigger = () => {
-      result = run();
-      debounced.clear();
-    };
-    return debounced;
   }
-  debounce$1.exports.debounce = debounce2;
-  debounce$1.exports = debounce2;
-  return debounce$1.exports;
+  setFocused(focused) {
+    const changed = this.#focused !== focused;
+    if (changed) {
+      this.#focused = focused;
+      this.onFocus();
+    }
+  }
+  onFocus() {
+    const isFocused = this.isFocused();
+    this.listeners.forEach((listener) => {
+      listener(isFocused);
+    });
+  }
+  isFocused() {
+    if (typeof this.#focused === "boolean") {
+      return this.#focused;
+    }
+    return globalThis.document?.visibilityState !== "hidden";
+  }
+};
+var focusManager = new FocusManager();
+function pendingThenable() {
+  let resolve;
+  let reject;
+  const thenable = new Promise((_resolve, _reject) => {
+    resolve = _resolve;
+    reject = _reject;
+  });
+  thenable.status = "pending";
+  thenable.catch(() => {
+  });
+  function finalize(data) {
+    Object.assign(thenable, data);
+    delete thenable.resolve;
+    delete thenable.reject;
+  }
+  thenable.resolve = (value2) => {
+    finalize({
+      status: "fulfilled",
+      value: value2
+    });
+    resolve(value2);
+  };
+  thenable.reject = (reason) => {
+    finalize({
+      status: "rejected",
+      reason
+    });
+    reject(reason);
+  };
+  return thenable;
 }
-var debounceExports = /* @__PURE__ */ requireDebounce();
-const debounce = /* @__PURE__ */ getDefaultExportFromCjs(debounceExports);
-const getRowKey = (record, rowKey, index2, enableValidation = true) => {
-  try {
-    const key = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
-    if (enableValidation) {
-      if (key === void 0 || key === null) {
-        console.error(`Genesis Table: rowKey "${String(rowKey)}" returned undefined/null for record at index ${index2}.`, {
-          record,
-          rowKey,
-          availableKeys: Object.keys(record)
+var defaultScheduler = systemSetTimeoutZero;
+function createNotifyManager() {
+  let queue = [];
+  let transactions = 0;
+  let notifyFn = (callback) => {
+    callback();
+  };
+  let batchNotifyFn = (callback) => {
+    callback();
+  };
+  let scheduleFn = defaultScheduler;
+  const schedule2 = (callback) => {
+    if (transactions) {
+      queue.push(callback);
+    } else {
+      scheduleFn(() => {
+        notifyFn(callback);
+      });
+    }
+  };
+  const flush = () => {
+    const originalQueue = queue;
+    queue = [];
+    if (originalQueue.length) {
+      scheduleFn(() => {
+        batchNotifyFn(() => {
+          originalQueue.forEach((callback) => {
+            notifyFn(callback);
+          });
         });
-        return `fallback-${index2}`;
+      });
+    }
+  };
+  return {
+    batch: (callback) => {
+      let result;
+      transactions++;
+      try {
+        result = callback();
+      } finally {
+        transactions--;
+        if (!transactions) {
+          flush();
+        }
       }
-      if (typeof key === "string" && String(key).trim() === "") {
-        console.warn(`Genesis Table: rowKey "${String(rowKey)}" returned empty string for record at index ${index2}.`, {
-          record,
-          rowKey
+      return result;
+    },
+    /**
+     * All calls to the wrapped function will be batched.
+     */
+    batchCalls: (callback) => {
+      return (...args) => {
+        schedule2(() => {
+          callback(...args);
         });
-        return `fallback-${index2}`;
+      };
+    },
+    schedule: schedule2,
+    /**
+     * Use this method to set a custom notify function.
+     * This can be used to for example wrap notifications with `React.act` while running tests.
+     */
+    setNotifyFunction: (fn) => {
+      notifyFn = fn;
+    },
+    /**
+     * Use this method to set a custom function to batch notifications together into a single tick.
+     * By default React Query will use the batch function provided by ReactDOM or React Native.
+     */
+    setBatchNotifyFunction: (fn) => {
+      batchNotifyFn = fn;
+    },
+    setScheduler: (fn) => {
+      scheduleFn = fn;
+    }
+  };
+}
+var notifyManager = createNotifyManager();
+var OnlineManager = class extends Subscribable {
+  #online = true;
+  #cleanup;
+  #setup;
+  constructor() {
+    super();
+    this.#setup = (onOnline) => {
+      if (!isServer && window.addEventListener) {
+        const onlineListener = () => onOnline(true);
+        const offlineListener = () => onOnline(false);
+        window.addEventListener("online", onlineListener, false);
+        window.addEventListener("offline", offlineListener, false);
+        return () => {
+          window.removeEventListener("online", onlineListener);
+          window.removeEventListener("offline", offlineListener);
+        };
       }
+      return;
+    };
+  }
+  onSubscribe() {
+    if (!this.#cleanup) {
+      this.setEventListener(this.#setup);
     }
-    return key;
-  } catch (error2) {
-    if (enableValidation) {
-      console.error(`Genesis Table: Error accessing rowKey "${String(rowKey)}" for record at index ${index2}.`, {
-        error: error2,
-        record,
-        rowKey,
-        availableKeys: Object.keys(record)
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.#cleanup?.();
+      this.#cleanup = void 0;
+    }
+  }
+  setEventListener(setup) {
+    this.#setup = setup;
+    this.#cleanup?.();
+    this.#cleanup = setup(this.setOnline.bind(this));
+  }
+  setOnline(online) {
+    const changed = this.#online !== online;
+    if (changed) {
+      this.#online = online;
+      this.listeners.forEach((listener) => {
+        listener(online);
       });
     }
-    return `fallback-${index2}`;
+  }
+  isOnline() {
+    return this.#online;
   }
 };
-function Table({
-  columns,
-  dataSource,
-  rowKey = "id",
-  size = "small",
-  onChange,
-  rowSelection,
-  onRowClick,
-  pagination,
-  isMainContentCell = false,
-  isMaterializedView = false,
-  materializedViewConfig,
-  enableRowKeyValidation = process.env.NODE_ENV === "development",
-  onRowKeyError,
-  ...rest
-}) {
-  const [materializedData, setMaterializedData] = React.useState([]);
-  const [isLoadingMore, setIsLoadingMore] = React.useState(false);
-  const [hasMoreData, setHasMoreData] = React.useState(true);
-  const [dynamicHeight, setDynamicHeight] = React.useState(
-    400
-  );
-  const [selectedRowKeys, setSelectedRowKeys] = React.useState([]);
-  const [pressedRowKey, setPressedRowKey] = React.useState(
-    null
-  );
-  const tableRef = React.useRef(null);
-  const containerRef = React.useRef(null);
-  React.useEffect(() => {
-    if (isMaterializedView && materializedViewConfig?.height === "dynamic") {
-      const calculateHeight = () => {
-        if (!containerRef.current) return;
-        const container = containerRef.current;
-        const rect = container.getBoundingClientRect();
-        const viewportHeight = window.innerHeight;
-        const availableHeight = viewportHeight - rect.top - 100;
-        const minHeight = typeof materializedViewConfig.minHeight === "number" ? materializedViewConfig.minHeight : 200;
-        const maxHeight = typeof materializedViewConfig.maxHeight === "number" ? materializedViewConfig.maxHeight : availableHeight;
-        const calculatedHeight = Math.max(
-          minHeight,
-          Math.min(maxHeight, availableHeight)
-        );
-        setDynamicHeight(calculatedHeight);
-      };
-      calculateHeight();
-      window.addEventListener("resize", calculateHeight);
-      return () => window.removeEventListener("resize", calculateHeight);
+var onlineManager = new OnlineManager();
+function canFetch(networkMode) {
+  return (networkMode ?? "online") === "online" ? onlineManager.isOnline() : true;
+}
+function fetchState(data, options) {
+  return {
+    fetchFailureCount: 0,
+    fetchFailureReason: null,
+    fetchStatus: canFetch(options.networkMode) ? "fetching" : "paused",
+    ...data === void 0 && {
+      error: null,
+      status: "pending"
     }
-  }, [isMaterializedView, materializedViewConfig]);
-  React.useEffect(() => {
-    if (isMaterializedView) {
-      const initialSize = materializedViewConfig?.initialLoadSize || 50;
-      const initialData = dataSource.slice(0, initialSize);
-      setMaterializedData(initialData);
-      setHasMoreData(dataSource.length > initialSize);
-    }
-  }, [dataSource, isMaterializedView, materializedViewConfig]);
-  const handleScroll = React.useCallback(
-    debounce((e3) => {
-      if (!isMaterializedView || !materializedViewConfig?.onLoadMore || isLoadingMore || !hasMoreData) {
-        return;
+  };
+}
+var QueryObserver = class extends Subscribable {
+  constructor(client, options) {
+    super();
+    this.options = options;
+    this.#client = client;
+    this.#selectError = null;
+    this.#currentThenable = pendingThenable();
+    this.bindMethods();
+    this.setOptions(options);
+  }
+  #client;
+  #currentQuery = void 0;
+  #currentQueryInitialState = void 0;
+  #currentResult = void 0;
+  #currentResultState;
+  #currentResultOptions;
+  #currentThenable;
+  #selectError;
+  #selectFn;
+  #selectResult;
+  // This property keeps track of the last query with defined data.
+  // It will be used to pass the previous data and query to the placeholder function between renders.
+  #lastQueryWithDefinedData;
+  #staleTimeoutId;
+  #refetchIntervalId;
+  #currentRefetchInterval;
+  #trackedProps = /* @__PURE__ */ new Set();
+  bindMethods() {
+    this.refetch = this.refetch.bind(this);
+  }
+  onSubscribe() {
+    if (this.listeners.size === 1) {
+      this.#currentQuery.addObserver(this);
+      if (shouldFetchOnMount(this.#currentQuery, this.options)) {
+        this.#executeFetch();
+      } else {
+        this.updateResult();
       }
-      const { target } = e3;
-      const { scrollTop, scrollHeight, clientHeight } = target;
-      const threshold = materializedViewConfig?.loadMoreThreshold || 100;
-      if (scrollTop + clientHeight >= scrollHeight - threshold) {
-        setIsLoadingMore(true);
-        const currentLength = materializedData.length;
-        const loadSize = materializedViewConfig?.initialLoadSize || 50;
-        if (materializedViewConfig?.onLoadMore) {
-          Promise.resolve(
-            materializedViewConfig.onLoadMore(currentLength, loadSize)
-          ).then((newData) => {
-            setMaterializedData((prev2) => [...prev2, ...newData]);
-            setHasMoreData(newData.length === loadSize);
-          }).catch((error2) => {
-            console.error("Error loading more data:", error2);
-          }).finally(() => {
-            setIsLoadingMore(false);
-          });
-        } else {
-          const newData = dataSource.slice(
-            currentLength,
-            currentLength + loadSize
+      this.#updateTimers();
+    }
+  }
+  onUnsubscribe() {
+    if (!this.hasListeners()) {
+      this.destroy();
+    }
+  }
+  shouldFetchOnReconnect() {
+    return shouldFetchOn(
+      this.#currentQuery,
+      this.options,
+      this.options.refetchOnReconnect
+    );
+  }
+  shouldFetchOnWindowFocus() {
+    return shouldFetchOn(
+      this.#currentQuery,
+      this.options,
+      this.options.refetchOnWindowFocus
+    );
+  }
+  destroy() {
+    this.listeners = /* @__PURE__ */ new Set();
+    this.#clearStaleTimeout();
+    this.#clearRefetchInterval();
+    this.#currentQuery.removeObserver(this);
+  }
+  setOptions(options) {
+    const prevOptions = this.options;
+    const prevQuery = this.#currentQuery;
+    this.options = this.#client.defaultQueryOptions(options);
+    if (this.options.enabled !== void 0 && typeof this.options.enabled !== "boolean" && typeof this.options.enabled !== "function" && typeof resolveEnabled(this.options.enabled, this.#currentQuery) !== "boolean") {
+      throw new Error(
+        "Expected enabled to be a boolean or a callback that returns a boolean"
+      );
+    }
+    this.#updateQuery();
+    this.#currentQuery.setOptions(this.options);
+    if (prevOptions._defaulted && !shallowEqualObjects(this.options, prevOptions)) {
+      this.#client.getQueryCache().notify({
+        type: "observerOptionsUpdated",
+        query: this.#currentQuery,
+        observer: this
+      });
+    }
+    const mounted = this.hasListeners();
+    if (mounted && shouldFetchOptionally(
+      this.#currentQuery,
+      prevQuery,
+      this.options,
+      prevOptions
+    )) {
+      this.#executeFetch();
+    }
+    this.updateResult();
+    if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || resolveStaleTime(this.options.staleTime, this.#currentQuery) !== resolveStaleTime(prevOptions.staleTime, this.#currentQuery))) {
+      this.#updateStaleTimeout();
+    }
+    const nextRefetchInterval = this.#computeRefetchInterval();
+    if (mounted && (this.#currentQuery !== prevQuery || resolveEnabled(this.options.enabled, this.#currentQuery) !== resolveEnabled(prevOptions.enabled, this.#currentQuery) || nextRefetchInterval !== this.#currentRefetchInterval)) {
+      this.#updateRefetchInterval(nextRefetchInterval);
+    }
+  }
+  getOptimisticResult(options) {
+    const query = this.#client.getQueryCache().build(this.#client, options);
+    const result = this.createResult(query, options);
+    if (shouldAssignObserverCurrentProperties(this, result)) {
+      this.#currentResult = result;
+      this.#currentResultOptions = this.options;
+      this.#currentResultState = this.#currentQuery.state;
+    }
+    return result;
+  }
+  getCurrentResult() {
+    return this.#currentResult;
+  }
+  trackResult(result, onPropTracked) {
+    return new Proxy(result, {
+      get: (target, key) => {
+        this.trackProp(key);
+        onPropTracked?.(key);
+        if (key === "promise" && !this.options.experimental_prefetchInRender && this.#currentThenable.status === "pending") {
+          this.#currentThenable.reject(
+            new Error(
+              "experimental_prefetchInRender feature flag is not enabled"
+            )
           );
-          setMaterializedData((prev2) => [...prev2, ...newData]);
-          setHasMoreData(newData.length === loadSize);
-          setIsLoadingMore(false);
         }
+        return Reflect.get(target, key);
       }
-    }, 200),
-    [
-      isMaterializedView,
-      materializedViewConfig,
-      materializedData,
-      isLoadingMore,
-      hasMoreData,
-      dataSource
-    ]
-  );
-  const paginationConfig = React.useMemo(() => {
-    if (isMaterializedView) {
-      return false;
+    });
+  }
+  trackProp(key) {
+    this.#trackedProps.add(key);
+  }
+  getCurrentQuery() {
+    return this.#currentQuery;
+  }
+  refetch({ ...options } = {}) {
+    return this.fetch({
+      ...options
+    });
+  }
+  fetchOptimistic(options) {
+    const defaultedOptions = this.#client.defaultQueryOptions(options);
+    const query = this.#client.getQueryCache().build(this.#client, defaultedOptions);
+    return query.fetch().then(() => this.createResult(query, defaultedOptions));
+  }
+  fetch(fetchOptions) {
+    return this.#executeFetch({
+      ...fetchOptions,
+      cancelRefetch: fetchOptions.cancelRefetch ?? true
+    }).then(() => {
+      this.updateResult();
+      return this.#currentResult;
+    });
+  }
+  #executeFetch(fetchOptions) {
+    this.#updateQuery();
+    let promise = this.#currentQuery.fetch(
+      this.options,
+      fetchOptions
+    );
+    if (!fetchOptions?.throwOnError) {
+      promise = promise.catch(noop2);
     }
-    return pagination === false ? false : {
-      ...pagination,
-      itemRender: void 0,
-      // Clear any existing itemRender to avoid conflicts
-      render: (properties) => /* @__PURE__ */ jsx(
-        CustomPagination,
-        {
-          ...properties,
-          paginationStyle: pagination?.paginationStyle || PaginationStyle.SIMPLE
-        }
-      )
-    };
-  }, [isMaterializedView, pagination]);
-  const scrollConfig = React.useMemo(() => {
-    if (isMaterializedView) {
-      const height = materializedViewConfig?.height === "dynamic" ? dynamicHeight : materializedViewConfig?.height || 400;
-      return {
-        ...rest.scroll,
-        y: height
-      };
+    return promise;
+  }
+  #updateStaleTimeout() {
+    this.#clearStaleTimeout();
+    const staleTime = resolveStaleTime(
+      this.options.staleTime,
+      this.#currentQuery
+    );
+    if (isServer || this.#currentResult.isStale || !isValidTimeout(staleTime)) {
+      return;
     }
-    return rest.scroll;
-  }, [isMaterializedView, materializedViewConfig, dynamicHeight, rest.scroll]);
-  const tableDataSource = isMaterializedView ? materializedData : dataSource;
-  React.useEffect(() => {
-    if (enableRowKeyValidation && tableDataSource.length > 0) {
-      const sampleRecord = tableDataSource[0];
-      if (typeof rowKey === "string") {
-        if (!(rowKey in sampleRecord)) {
-          const error2 = new Error(`rowKey "${rowKey}" does not exist in data records`);
-          console.error(`Genesis Table: ${error2.message}. Available keys:`, Object.keys(sampleRecord));
-          onRowKeyError?.({
-            record: sampleRecord,
-            rowKey,
-            index: 0,
-            error: error2
-          });
-        }
-      }
-      const keys2 = tableDataSource.map(
-        (record, index2) => getRowKey(record, rowKey, index2, false)
-        // Don't log individual errors here
-      );
-      const uniqueKeys = [...new Set(keys2)];
-      if (keys2.length !== uniqueKeys.length) {
-        const error2 = new Error(`Duplicate row keys detected`);
-        console.error(`Genesis Table: ${error2.message}!`, {
-          totalKeys: keys2.length,
-          uniqueKeys: uniqueKeys.length,
-          duplicates: keys2.filter((key, index2) => keys2.indexOf(key) !== index2)
-        });
-        onRowKeyError?.({
-          record: tableDataSource[0],
-          rowKey,
-          index: 0,
-          error: error2
-        });
+    const time = timeUntilStale(this.#currentResult.dataUpdatedAt, staleTime);
+    const timeout2 = time + 1;
+    this.#staleTimeoutId = timeoutManager.setTimeout(() => {
+      if (!this.#currentResult.isStale) {
+        this.updateResult();
       }
+    }, timeout2);
+  }
+  #computeRefetchInterval() {
+    return (typeof this.options.refetchInterval === "function" ? this.options.refetchInterval(this.#currentQuery) : this.options.refetchInterval) ?? false;
+  }
+  #updateRefetchInterval(nextInterval) {
+    this.#clearRefetchInterval();
+    this.#currentRefetchInterval = nextInterval;
+    if (isServer || resolveEnabled(this.options.enabled, this.#currentQuery) === false || !isValidTimeout(this.#currentRefetchInterval) || this.#currentRefetchInterval === 0) {
+      return;
     }
-  }, [tableDataSource, rowKey, enableRowKeyValidation, onRowKeyError]);
-  const handleRowMouseDown = React.useCallback(
+    this.#refetchIntervalId = timeoutManager.setInterval(() => {
+      if (this.options.refetchIntervalInBackground || focusManager.isFocused()) {
+        this.#executeFetch();
+      }
+    }, this.#currentRefetchInterval);
+  }
+  #updateTimers() {
+    this.#updateStaleTimeout();
+    this.#updateRefetchInterval(this.#computeRefetchInterval());
+  }
+  #clearStaleTimeout() {
+    if (this.#staleTimeoutId) {
+      timeoutManager.clearTimeout(this.#staleTimeoutId);
+      this.#staleTimeoutId = void 0;
+    }
+  }
+  #clearRefetchInterval() {
+    if (this.#refetchIntervalId) {
+      timeoutManager.clearInterval(this.#refetchIntervalId);
+      this.#refetchIntervalId = void 0;
+    }
+  }
+  createResult(query, options) {
+    const prevQuery = this.#currentQuery;
+    const prevOptions = this.options;
+    const prevResult = this.#currentResult;
+    const prevResultState = this.#currentResultState;
+    const prevResultOptions = this.#currentResultOptions;
+    const queryChange = query !== prevQuery;
+    const queryInitialState = queryChange ? query.state : this.#currentQueryInitialState;
+    const { state } = query;
+    let newState = { ...state };
+    let isPlaceholderData = false;
+    let data;
+    if (options._optimisticResults) {
+      const mounted = this.hasListeners();
+      const fetchOnMount = !mounted && shouldFetchOnMount(query, options);
+      const fetchOptionally = mounted && shouldFetchOptionally(query, prevQuery, options, prevOptions);
+      if (fetchOnMount || fetchOptionally) {
+        newState = {
+          ...newState,
+          ...fetchState(state.data, query.options)
+        };
+      }
+      if (options._optimisticResults === "isRestoring") {
+        newState.fetchStatus = "idle";
+      }
+    }
+    let { error: error2, errorUpdatedAt, status } = newState;
+    data = newState.data;
+    let skipSelect = false;
+    if (options.placeholderData !== void 0 && data === void 0 && status === "pending") {
+      let placeholderData;
+      if (prevResult?.isPlaceholderData && options.placeholderData === prevResultOptions?.placeholderData) {
+        placeholderData = prevResult.data;
+        skipSelect = true;
+      } else {
+        placeholderData = typeof options.placeholderData === "function" ? options.placeholderData(
+          this.#lastQueryWithDefinedData?.state.data,
+          this.#lastQueryWithDefinedData
+        ) : options.placeholderData;
+      }
+      if (placeholderData !== void 0) {
+        status = "success";
+        data = replaceData(
+          prevResult?.data,
+          placeholderData,
+          options
+        );
+        isPlaceholderData = true;
+      }
+    }
+    if (options.select && data !== void 0 && !skipSelect) {
+      if (prevResult && data === prevResultState?.data && options.select === this.#selectFn) {
+        data = this.#selectResult;
+      } else {
+        try {
+          this.#selectFn = options.select;
+          data = options.select(data);
+          data = replaceData(prevResult?.data, data, options);
+          this.#selectResult = data;
+          this.#selectError = null;
+        } catch (selectError) {
+          this.#selectError = selectError;
+        }
+      }
+    }
+    if (this.#selectError) {
+      error2 = this.#selectError;
+      data = this.#selectResult;
+      errorUpdatedAt = Date.now();
+      status = "error";
+    }
+    const isFetching = newState.fetchStatus === "fetching";
+    const isPending = status === "pending";
+    const isError = status === "error";
+    const isLoading = isPending && isFetching;
+    const hasData = data !== void 0;
+    const result = {
+      status,
+      fetchStatus: newState.fetchStatus,
+      isPending,
+      isSuccess: status === "success",
+      isError,
+      isInitialLoading: isLoading,
+      isLoading,
+      data,
+      dataUpdatedAt: newState.dataUpdatedAt,
+      error: error2,
+      errorUpdatedAt,
+      failureCount: newState.fetchFailureCount,
+      failureReason: newState.fetchFailureReason,
+      errorUpdateCount: newState.errorUpdateCount,
+      isFetched: newState.dataUpdateCount > 0 || newState.errorUpdateCount > 0,
+      isFetchedAfterMount: newState.dataUpdateCount > queryInitialState.dataUpdateCount || newState.errorUpdateCount > queryInitialState.errorUpdateCount,
+      isFetching,
+      isRefetching: isFetching && !isPending,
+      isLoadingError: isError && !hasData,
+      isPaused: newState.fetchStatus === "paused",
+      isPlaceholderData,
+      isRefetchError: isError && hasData,
+      isStale: isStale(query, options),
+      refetch: this.refetch,
+      promise: this.#currentThenable,
+      isEnabled: resolveEnabled(options.enabled, query) !== false
+    };
+    const nextResult = result;
+    if (this.options.experimental_prefetchInRender) {
+      const finalizeThenableIfPossible = (thenable) => {
+        if (nextResult.status === "error") {
+          thenable.reject(nextResult.error);
+        } else if (nextResult.data !== void 0) {
+          thenable.resolve(nextResult.data);
+        }
+      };
+      const recreateThenable = () => {
+        const pending = this.#currentThenable = nextResult.promise = pendingThenable();
+        finalizeThenableIfPossible(pending);
+      };
+      const prevThenable = this.#currentThenable;
+      switch (prevThenable.status) {
+        case "pending":
+          if (query.queryHash === prevQuery.queryHash) {
+            finalizeThenableIfPossible(prevThenable);
+          }
+          break;
+        case "fulfilled":
+          if (nextResult.status === "error" || nextResult.data !== prevThenable.value) {
+            recreateThenable();
+          }
+          break;
+        case "rejected":
+          if (nextResult.status !== "error" || nextResult.error !== prevThenable.reason) {
+            recreateThenable();
+          }
+          break;
+      }
+    }
+    return nextResult;
+  }
+  updateResult() {
+    const prevResult = this.#currentResult;
+    const nextResult = this.createResult(this.#currentQuery, this.options);
+    this.#currentResultState = this.#currentQuery.state;
+    this.#currentResultOptions = this.options;
+    if (this.#currentResultState.data !== void 0) {
+      this.#lastQueryWithDefinedData = this.#currentQuery;
+    }
+    if (shallowEqualObjects(nextResult, prevResult)) {
+      return;
+    }
+    this.#currentResult = nextResult;
+    const shouldNotifyListeners = () => {
+      if (!prevResult) {
+        return true;
+      }
+      const { notifyOnChangeProps } = this.options;
+      const notifyOnChangePropsValue = typeof notifyOnChangeProps === "function" ? notifyOnChangeProps() : notifyOnChangeProps;
+      if (notifyOnChangePropsValue === "all" || !notifyOnChangePropsValue && !this.#trackedProps.size) {
+        return true;
+      }
+      const includedProps = new Set(
+        notifyOnChangePropsValue ?? this.#trackedProps
+      );
+      if (this.options.throwOnError) {
+        includedProps.add("error");
+      }
+      return Object.keys(this.#currentResult).some((key) => {
+        const typedKey = key;
+        const changed = this.#currentResult[typedKey] !== prevResult[typedKey];
+        return changed && includedProps.has(typedKey);
+      });
+    };
+    this.#notify({ listeners: shouldNotifyListeners() });
+  }
+  #updateQuery() {
+    const query = this.#client.getQueryCache().build(this.#client, this.options);
+    if (query === this.#currentQuery) {
+      return;
+    }
+    const prevQuery = this.#currentQuery;
+    this.#currentQuery = query;
+    this.#currentQueryInitialState = query.state;
+    if (this.hasListeners()) {
+      prevQuery?.removeObserver(this);
+      query.addObserver(this);
+    }
+  }
+  onQueryUpdate() {
+    this.updateResult();
+    if (this.hasListeners()) {
+      this.#updateTimers();
+    }
+  }
+  #notify(notifyOptions) {
+    notifyManager.batch(() => {
+      if (notifyOptions.listeners) {
+        this.listeners.forEach((listener) => {
+          listener(this.#currentResult);
+        });
+      }
+      this.#client.getQueryCache().notify({
+        query: this.#currentQuery,
+        type: "observerResultsUpdated"
+      });
+    });
+  }
+};
+function shouldLoadOnMount(query, options) {
+  return resolveEnabled(options.enabled, query) !== false && query.state.data === void 0 && !(query.state.status === "error" && options.retryOnMount === false);
+}
+function shouldFetchOnMount(query, options) {
+  return shouldLoadOnMount(query, options) || query.state.data !== void 0 && shouldFetchOn(query, options, options.refetchOnMount);
+}
+function shouldFetchOn(query, options, field) {
+  if (resolveEnabled(options.enabled, query) !== false && resolveStaleTime(options.staleTime, query) !== "static") {
+    const value2 = typeof field === "function" ? field(query) : field;
+    return value2 === "always" || value2 !== false && isStale(query, options);
+  }
+  return false;
+}
+function shouldFetchOptionally(query, prevQuery, options, prevOptions) {
+  return (query !== prevQuery || resolveEnabled(prevOptions.enabled, query) === false) && (!options.suspense || query.state.status !== "error") && isStale(query, options);
+}
+function isStale(query, options) {
+  return resolveEnabled(options.enabled, query) !== false && query.isStaleByTime(resolveStaleTime(options.staleTime, query));
+}
+function shouldAssignObserverCurrentProperties(observer, optimisticResult) {
+  if (!shallowEqualObjects(observer.getCurrentResult(), optimisticResult)) {
+    return true;
+  }
+  return false;
+}
+function infiniteQueryBehavior(pages) {
+  return {
+    onFetch: (context, query) => {
+      const options = context.options;
+      const direction = context.fetchOptions?.meta?.fetchMore?.direction;
+      const oldPages = context.state.data?.pages || [];
+      const oldPageParams = context.state.data?.pageParams || [];
+      let result = { pages: [], pageParams: [] };
+      let currentPage = 0;
+      const fetchFn = async () => {
+        let cancelled = false;
+        const addSignalProperty = (object4) => {
+          Object.defineProperty(object4, "signal", {
+            enumerable: true,
+            get: () => {
+              if (context.signal.aborted) {
+                cancelled = true;
+              } else {
+                context.signal.addEventListener("abort", () => {
+                  cancelled = true;
+                });
+              }
+              return context.signal;
+            }
+          });
+        };
+        const queryFn = ensureQueryFn(context.options, context.fetchOptions);
+        const fetchPage = async (data, param, previous2) => {
+          if (cancelled) {
+            return Promise.reject();
+          }
+          if (param == null && data.pages.length) {
+            return Promise.resolve(data);
+          }
+          const createQueryFnContext = () => {
+            const queryFnContext2 = {
+              client: context.client,
+              queryKey: context.queryKey,
+              pageParam: param,
+              direction: previous2 ? "backward" : "forward",
+              meta: context.options.meta
+            };
+            addSignalProperty(queryFnContext2);
+            return queryFnContext2;
+          };
+          const queryFnContext = createQueryFnContext();
+          const page = await queryFn(queryFnContext);
+          const { maxPages } = context.options;
+          const addTo = previous2 ? addToStart : addToEnd;
+          return {
+            pages: addTo(data.pages, page, maxPages),
+            pageParams: addTo(data.pageParams, param, maxPages)
+          };
+        };
+        if (direction && oldPages.length) {
+          const previous2 = direction === "backward";
+          const pageParamFn = previous2 ? getPreviousPageParam : getNextPageParam;
+          const oldData = {
+            pages: oldPages,
+            pageParams: oldPageParams
+          };
+          const param = pageParamFn(options, oldData);
+          result = await fetchPage(oldData, param, previous2);
+        } else {
+          const remainingPages = oldPages.length;
+          do {
+            const param = currentPage === 0 ? oldPageParams[0] ?? options.initialPageParam : getNextPageParam(options, result);
+            if (currentPage > 0 && param == null) {
+              break;
+            }
+            result = await fetchPage(result, param);
+            currentPage++;
+          } while (currentPage < remainingPages);
+        }
+        return result;
+      };
+      if (context.options.persister) {
+        context.fetchFn = () => {
+          return context.options.persister?.(
+            fetchFn,
+            {
+              client: context.client,
+              queryKey: context.queryKey,
+              meta: context.options.meta,
+              signal: context.signal
+            },
+            query
+          );
+        };
+      } else {
+        context.fetchFn = fetchFn;
+      }
+    }
+  };
+}
+function getNextPageParam(options, { pages, pageParams }) {
+  const lastIndex = pages.length - 1;
+  return pages.length > 0 ? options.getNextPageParam(
+    pages[lastIndex],
+    pages,
+    pageParams[lastIndex],
+    pageParams
+  ) : void 0;
+}
+function getPreviousPageParam(options, { pages, pageParams }) {
+  return pages.length > 0 ? options.getPreviousPageParam?.(pages[0], pages, pageParams[0], pageParams) : void 0;
+}
+function hasNextPage(options, data) {
+  if (!data) return false;
+  return getNextPageParam(options, data) != null;
+}
+function hasPreviousPage(options, data) {
+  if (!data || !options.getPreviousPageParam) return false;
+  return getPreviousPageParam(options, data) != null;
+}
+var InfiniteQueryObserver = class extends QueryObserver {
+  constructor(client, options) {
+    super(client, options);
+  }
+  bindMethods() {
+    super.bindMethods();
+    this.fetchNextPage = this.fetchNextPage.bind(this);
+    this.fetchPreviousPage = this.fetchPreviousPage.bind(this);
+  }
+  setOptions(options) {
+    super.setOptions({
+      ...options,
+      behavior: infiniteQueryBehavior()
+    });
+  }
+  getOptimisticResult(options) {
+    options.behavior = infiniteQueryBehavior();
+    return super.getOptimisticResult(options);
+  }
+  fetchNextPage(options) {
+    return this.fetch({
+      ...options,
+      meta: {
+        fetchMore: { direction: "forward" }
+      }
+    });
+  }
+  fetchPreviousPage(options) {
+    return this.fetch({
+      ...options,
+      meta: {
+        fetchMore: { direction: "backward" }
+      }
+    });
+  }
+  createResult(query, options) {
+    const { state } = query;
+    const parentResult = super.createResult(query, options);
+    const { isFetching, isRefetching, isError, isRefetchError } = parentResult;
+    const fetchDirection = state.fetchMeta?.fetchMore?.direction;
+    const isFetchNextPageError = isError && fetchDirection === "forward";
+    const isFetchingNextPage = isFetching && fetchDirection === "forward";
+    const isFetchPreviousPageError = isError && fetchDirection === "backward";
+    const isFetchingPreviousPage = isFetching && fetchDirection === "backward";
+    const result = {
+      ...parentResult,
+      fetchNextPage: this.fetchNextPage,
+      fetchPreviousPage: this.fetchPreviousPage,
+      hasNextPage: hasNextPage(options, state.data),
+      hasPreviousPage: hasPreviousPage(options, state.data),
+      isFetchNextPageError,
+      isFetchingNextPage,
+      isFetchPreviousPageError,
+      isFetchingPreviousPage,
+      isRefetchError: isRefetchError && !isFetchNextPageError && !isFetchPreviousPageError,
+      isRefetching: isRefetching && !isFetchingNextPage && !isFetchingPreviousPage
+    };
+    return result;
+  }
+};
+var QueryClientContext = React.createContext(
+  void 0
+);
+var useQueryClient = (queryClient) => {
+  const client = React.useContext(QueryClientContext);
+  if (!client) {
+    throw new Error("No QueryClient set, use QueryClientProvider to set one");
+  }
+  return client;
+};
+var IsRestoringContext = React.createContext(false);
+var useIsRestoring = () => React.useContext(IsRestoringContext);
+IsRestoringContext.Provider;
+function createValue() {
+  let isReset = false;
+  return {
+    clearReset: () => {
+      isReset = false;
+    },
+    reset: () => {
+      isReset = true;
+    },
+    isReset: () => {
+      return isReset;
+    }
+  };
+}
+var QueryErrorResetBoundaryContext = React.createContext(createValue());
+var useQueryErrorResetBoundary = () => React.useContext(QueryErrorResetBoundaryContext);
+var ensurePreventErrorBoundaryRetry = (options, errorResetBoundary) => {
+  if (options.suspense || options.throwOnError || options.experimental_prefetchInRender) {
+    if (!errorResetBoundary.isReset()) {
+      options.retryOnMount = false;
+    }
+  }
+};
+var useClearResetErrorBoundary = (errorResetBoundary) => {
+  React.useEffect(() => {
+    errorResetBoundary.clearReset();
+  }, [errorResetBoundary]);
+};
+var getHasError = ({
+  result,
+  errorResetBoundary,
+  throwOnError,
+  query,
+  suspense
+}) => {
+  return result.isError && !errorResetBoundary.isReset() && !result.isFetching && query && (suspense && result.data === void 0 || shouldThrowError(throwOnError, [result.error, query]));
+};
+var ensureSuspenseTimers = (defaultedOptions) => {
+  if (defaultedOptions.suspense) {
+    const MIN_SUSPENSE_TIME_MS = 1e3;
+    const clamp = (value2) => value2 === "static" ? value2 : Math.max(value2 ?? MIN_SUSPENSE_TIME_MS, MIN_SUSPENSE_TIME_MS);
+    const originalStaleTime = defaultedOptions.staleTime;
+    defaultedOptions.staleTime = typeof originalStaleTime === "function" ? (...args) => clamp(originalStaleTime(...args)) : clamp(originalStaleTime);
+    if (typeof defaultedOptions.gcTime === "number") {
+      defaultedOptions.gcTime = Math.max(
+        defaultedOptions.gcTime,
+        MIN_SUSPENSE_TIME_MS
+      );
+    }
+  }
+};
+var willFetch = (result, isRestoring) => result.isLoading && result.isFetching && !isRestoring;
+var shouldSuspend = (defaultedOptions, result) => defaultedOptions?.suspense && result.isPending;
+var fetchOptimistic = (defaultedOptions, observer, errorResetBoundary) => observer.fetchOptimistic(defaultedOptions).catch(() => {
+  errorResetBoundary.clearReset();
+});
+function useBaseQuery(options, Observer, queryClient) {
+  if (process.env.NODE_ENV !== "production") {
+    if (typeof options !== "object" || Array.isArray(options)) {
+      throw new Error(
+        'Bad argument type. Starting with v5, only the "Object" form is allowed when calling query related functions. Please use the error stack to find the culprit call. More info here: https://tanstack.com/query/latest/docs/react/guides/migrating-to-v5#supports-a-single-signature-one-object'
+      );
+    }
+  }
+  const isRestoring = useIsRestoring();
+  const errorResetBoundary = useQueryErrorResetBoundary();
+  const client = useQueryClient();
+  const defaultedOptions = client.defaultQueryOptions(options);
+  client.getDefaultOptions().queries?._experimental_beforeQuery?.(
+    defaultedOptions
+  );
+  if (process.env.NODE_ENV !== "production") {
+    if (!defaultedOptions.queryFn) {
+      console.error(
+        `[${defaultedOptions.queryHash}]: No queryFn was passed as an option, and no default queryFn was found. The queryFn parameter is only optional when using a default queryFn. More info here: https://tanstack.com/query/latest/docs/framework/react/guides/default-query-function`
+      );
+    }
+  }
+  defaultedOptions._optimisticResults = isRestoring ? "isRestoring" : "optimistic";
+  ensureSuspenseTimers(defaultedOptions);
+  ensurePreventErrorBoundaryRetry(defaultedOptions, errorResetBoundary);
+  useClearResetErrorBoundary(errorResetBoundary);
+  const isNewCacheEntry = !client.getQueryCache().get(defaultedOptions.queryHash);
+  const [observer] = React.useState(
+    () => new Observer(
+      client,
+      defaultedOptions
+    )
+  );
+  const result = observer.getOptimisticResult(defaultedOptions);
+  const shouldSubscribe = !isRestoring && options.subscribed !== false;
+  React.useSyncExternalStore(
+    React.useCallback(
+      (onStoreChange) => {
+        const unsubscribe = shouldSubscribe ? observer.subscribe(notifyManager.batchCalls(onStoreChange)) : noop2;
+        observer.updateResult();
+        return unsubscribe;
+      },
+      [observer, shouldSubscribe]
+    ),
+    () => observer.getCurrentResult(),
+    () => observer.getCurrentResult()
+  );
+  React.useEffect(() => {
+    observer.setOptions(defaultedOptions);
+  }, [defaultedOptions, observer]);
+  if (shouldSuspend(defaultedOptions, result)) {
+    throw fetchOptimistic(defaultedOptions, observer, errorResetBoundary);
+  }
+  if (getHasError({
+    result,
+    errorResetBoundary,
+    throwOnError: defaultedOptions.throwOnError,
+    query: client.getQueryCache().get(defaultedOptions.queryHash),
+    suspense: defaultedOptions.suspense
+  })) {
+    throw result.error;
+  }
+  client.getDefaultOptions().queries?._experimental_afterQuery?.(
+    defaultedOptions,
+    result
+  );
+  if (defaultedOptions.experimental_prefetchInRender && !isServer && willFetch(result, isRestoring)) {
+    const promise = isNewCacheEntry ? (
+      // Fetch immediately on render in order to ensure `.promise` is resolved even if the component is unmounted
+      fetchOptimistic(defaultedOptions, observer, errorResetBoundary)
+    ) : (
+      // subscribe to the "cache promise" so that we can finalize the currentThenable once data comes in
+      client.getQueryCache().get(defaultedOptions.queryHash)?.promise
+    );
+    promise?.catch(noop2).finally(() => {
+      observer.updateResult();
+    });
+  }
+  return !defaultedOptions.notifyOnChangeProps ? observer.trackResult(result) : result;
+}
+function useInfiniteQuery(options, queryClient) {
+  return useBaseQuery(
+    options,
+    InfiniteQueryObserver
+  );
+}
+const ResizableTitle = (props) => {
+  const { onResize: onResize2, width, ...restProps } = props;
+  if (!width || !onResize2) {
+    return /* @__PURE__ */ jsx("th", { ...restProps });
+  }
+  return /* @__PURE__ */ jsxs("th", { ...restProps, style: { ...restProps.style, position: "relative" }, children: [
+    restProps.children,
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          position: "absolute",
+          right: "-5px",
+          top: 0,
+          height: "100%",
+          width: "10px",
+          cursor: "col-resize",
+          zIndex: 1
+        },
+        onClick: (e3) => e3.stopPropagation(),
+        onMouseDown: (e3) => {
+          e3.stopPropagation();
+          e3.preventDefault();
+          const startX = e3.clientX;
+          const startWidth = e3.target.parentElement?.offsetWidth || 150;
+          const doDrag = (dragEvent) => {
+            const newWidth = startWidth + (dragEvent.clientX - startX);
+            if (newWidth > 50) {
+              onResize2(newWidth);
+            }
+          };
+          const stopDrag = () => {
+            document.removeEventListener("mousemove", doDrag);
+            document.removeEventListener("mouseup", stopDrag);
+          };
+          document.addEventListener("mousemove", doDrag);
+          document.addEventListener("mouseup", stopDrag);
+        }
+      }
+    )
+  ] });
+};
+const InfiniteScrollTable = ({
+  instanceId,
+  columns: initialColumns,
+  fetchService,
+  title,
+  scrollHeight = 600,
+  scrollWidth = 1300
+}) => {
+  const observer = useRef();
+  const [scrollableNode, setScrollableNode] = useState(
+    null
+  );
+  const tableContainerRef = useCallback((node2) => {
+    if (node2 !== null) {
+      const scrollNode = node2.querySelector(".ant-table-body");
+      setScrollableNode(scrollNode);
+    }
+  }, []);
+  const {
+    data,
+    error: error2,
+    fetchNextPage,
+    hasNextPage: hasNextPage2,
+    isFetchingNextPage,
+    status
+  } = useInfiniteQuery({
+    queryKey: fetchService.queryKey,
+    queryFn: fetchService.fetchData,
+    initialPageParam: 1,
+    getNextPageParam: (lastPage) => lastPage.hasNextPage ? lastPage.nextPage : void 0
+  });
+  const [columns, setColumns] = useState(initialColumns);
+  const handleResize = (index2) => (newWidth) => {
+    setColumns((prevColumns) => {
+      const nextColumns = [...prevColumns];
+      nextColumns[index2] = { ...nextColumns[index2], width: newWidth };
+      return nextColumns;
+    });
+  };
+  const resizableColumns = columns.map((col, index2) => ({
+    ...col,
+    onHeaderCell: (column2) => ({
+      width: column2.width,
+      onResize: handleResize(index2)
+    })
+  }));
+  const lastRowRef = useCallback(
+    (node2) => {
+      if (isFetchingNextPage || !scrollableNode) return;
+      if (observer.current) observer.current.disconnect();
+      observer.current = new IntersectionObserver(
+        (entries) => {
+          if (entries[0].isIntersecting && hasNextPage2) {
+            fetchNextPage();
+          }
+        },
+        { root: scrollableNode, threshold: 0.5 }
+      );
+      if (node2) observer.current.observe(node2);
+    },
+    [isFetchingNextPage, hasNextPage2, fetchNextPage, scrollableNode]
+  );
+  const dataSource = data?.pages.flatMap((page) => page.docs) ?? [];
+  data?.pages?.[0]?.totalDocs ?? 0;
+  if (status === "pending") {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: { display: "flex", justifyContent: "center", padding: "50px" },
+        children: /* @__PURE__ */ jsx(Spin, { size: "large" })
+      }
+    );
+  }
+  if (status === "error") {
+    return /* @__PURE__ */ jsx(
+      Alert,
+      {
+        message: "Error",
+        description: error2?.message,
+        type: "error",
+        showIcon: true
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      style: {
+        backgroundColor: "white",
+        padding: "24px",
+        borderRadius: "8px",
+        boxShadow: "0 2px 8px rgba(0, 0, 0, 0.1)",
+        marginBottom: "24px"
+      },
+      ref: tableContainerRef,
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative" }, children: [
+          /* @__PURE__ */ jsx("style", { children: `
+            .infinite-scroll-table .ant-pagination {
+              display: none !important;
+            }
+          ` }),
+          /* @__PURE__ */ jsx("div", { className: "infinite-scroll-table", children: /* @__PURE__ */ jsx(
+            ForwardTable,
+            {
+              dataSource,
+              columns: resizableColumns,
+              components: { header: { cell: ResizableTitle } },
+              rowKey: "id",
+              pagination: false,
+              showSorterTooltip: false,
+              size: "small",
+              scroll: { y: scrollHeight, x: scrollWidth },
+              onChange: () => {
+              },
+              onRow: (record, index2) => {
+                if (index2 === dataSource.length - 1) {
+                  return { ref: lastRowRef };
+                }
+                return {};
+              }
+            }
+          ) }),
+          isFetchingNextPage && /* @__PURE__ */ jsx(
+            "div",
+            {
+              style: {
+                position: "absolute",
+                bottom: 0,
+                left: 0,
+                width: "100%",
+                padding: "16px",
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                backgroundColor: "rgba(255, 255, 255, 0.7)",
+                backdropFilter: "blur(2px)",
+                zIndex: 10
+              },
+              children: /* @__PURE__ */ jsx(Spin, {})
+            }
+          )
+        ] }),
+        !hasNextPage2 && /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              textAlign: "center",
+              padding: "20px",
+              borderTop: "1px solid #f0f0f0"
+            },
+            children: /* @__PURE__ */ jsx(Typography$1.Text, { type: "secondary", children: "No more rows to load." })
+          }
+        )
+      ]
+    }
+  );
+};
+const getRowKey = (record, rowKey, index2, enableValidation = true) => {
+  try {
+    const key = typeof rowKey === "function" ? rowKey(record) : record[rowKey];
+    if (enableValidation) {
+      if (key === void 0 || key === null) {
+        console.error(
+          `Genesis Table: rowKey "${String(rowKey)}" returned undefined/null for record at index ${index2}.`,
+          {
+            record,
+            rowKey,
+            availableKeys: Object.keys(record)
+          }
+        );
+        return `fallback-${index2}`;
+      }
+      if (typeof key === "string" && String(key).trim() === "") {
+        console.warn(
+          `Genesis Table: rowKey "${String(rowKey)}" returned empty string for record at index ${index2}.`,
+          {
+            record,
+            rowKey
+          }
+        );
+        return `fallback-${index2}`;
+      }
+    }
+    return key;
+  } catch (error2) {
+    if (enableValidation) {
+      console.error(
+        `Genesis Table: Error accessing rowKey "${String(rowKey)}" for record at index ${index2}.`,
+        {
+          error: error2,
+          record,
+          rowKey,
+          availableKeys: Object.keys(record)
+        }
+      );
+    }
+    return `fallback-${index2}`;
+  }
+};
+function Table({
+  columns,
+  dataSource,
+  rowKey = "id",
+  size = "small",
+  onChange,
+  rowSelection,
+  onRowClick,
+  pagination,
+  isMainContentCell = false,
+  isInfiniteScroll = false,
+  infiniteScrollConfig,
+  enableRowKeyValidation = process.env.NODE_ENV === "development",
+  onRowKeyError,
+  ...rest
+}) {
+  const [selectedRowKeys, setSelectedRowKeys] = React.useState([]);
+  const [pressedRowKey, setPressedRowKey] = React.useState(
+    null
+  );
+  const tableRef = React.useRef(null);
+  const containerRef = React.useRef(null);
+  const paginationConfig = React.useMemo(() => {
+    if (!pagination) return false;
+    return {
+      ...pagination,
+      showSizeChanger: false,
+      // Disable Ant Design's size changer
+      showQuickJumper: false,
+      // Disable Ant Design's quick jumper
+      showTotal: void 0,
+      // Disable Ant Design's total display
+      itemRender: void 0,
+      // Clear any existing itemRender to avoid conflicts
+      render: (properties) => /* @__PURE__ */ jsx(
+        CustomPagination,
+        {
+          ...properties,
+          paginationStyle: pagination && typeof pagination === "object" && "paginationStyle" in pagination ? pagination.paginationStyle : PaginationStyle.SIMPLE
+        }
+      )
+    };
+  }, [pagination]);
+  const scrollConfig = React.useMemo(() => {
+    return rest.scroll;
+  }, [rest.scroll]);
+  if (isInfiniteScroll && infiniteScrollConfig) {
+    const resizableColumns = columns.map((col) => ({
+      title: col.title,
+      key: col.key,
+      dataIndex: Array.isArray(col.dataIndex) ? col.dataIndex.join(".") : typeof col.dataIndex === "string" ? col.dataIndex : col.key,
+      width: col.width || 150,
+      render: col.render ? (value2, record, index2) => col.render(value2, record, index2 ?? 0) : void 0
+    }));
+    return /* @__PURE__ */ jsx(
+      InfiniteScrollTable,
+      {
+        instanceId: infiniteScrollConfig.instanceId,
+        columns: resizableColumns,
+        fetchService: infiniteScrollConfig.fetchService,
+        title: infiniteScrollConfig.title,
+        scrollHeight: infiniteScrollConfig.scrollHeight,
+        scrollWidth: infiniteScrollConfig.scrollWidth
+      }
+    );
+  }
+  React.useEffect(() => {
+    if (enableRowKeyValidation && dataSource.length > 0) {
+      const sampleRecord = dataSource[0];
+      if (typeof rowKey === "string" && !(rowKey in sampleRecord)) {
+        const error2 = new Error(
+          `rowKey "${rowKey}" does not exist in data records`
+        );
+        console.error(
+          `Genesis Table: ${error2.message}. Available keys:`,
+          Object.keys(sampleRecord)
+        );
+        onRowKeyError?.({
+          record: sampleRecord,
+          rowKey,
+          index: 0,
+          error: error2
+        });
+      }
+      const keys2 = dataSource.map(
+        (record, index2) => getRowKey(record, rowKey, index2, false)
+        // Don't log individual errors here
+      );
+      const uniqueKeys = [...new Set(keys2)];
+      if (keys2.length !== uniqueKeys.length) {
+        const error2 = new Error(`Duplicate row keys detected`);
+        console.error(`Genesis Table: ${error2.message}!`, {
+          totalKeys: keys2.length,
+          uniqueKeys: uniqueKeys.length,
+          duplicates: keys2.filter((key, index2) => keys2.indexOf(key) !== index2)
+        });
+        onRowKeyError?.({
+          record: dataSource[0],
+          rowKey,
+          index: 0,
+          error: error2
+        });
+      }
+    }
+  }, [dataSource, rowKey, enableRowKeyValidation, onRowKeyError]);
+  const handleRowMouseDown = React.useCallback(
     (record, index2, event) => {
       const target = event.target;
       const isInteractiveElement = target.closest(
@@ -84164,7 +85894,12 @@ function Table({
       if (isInteractiveElement) {
         return;
       }
-      const recordKey = getRowKey(record, rowKey, index2, enableRowKeyValidation);
+      const recordKey = getRowKey(
+        record,
+        rowKey,
+        index2,
+        enableRowKeyValidation
+      );
       setPressedRowKey(recordKey);
     },
     [rowKey, enableRowKeyValidation]
@@ -84205,42 +85940,62 @@ function Table({
       }
     };
   }, [rowSelection, selectedRowKeys]);
-  return /* @__PURE__ */ jsx("div", { ref: containerRef, children: /* @__PURE__ */ jsx(
-    Table$1,
-    {
-      ref: tableRef,
-      "data-testid": "Table",
-      dataSource: tableDataSource,
-      columns,
-      rowKey,
-      locale: { emptyText: "No Data" },
-      size,
-      onChange,
-      rowSelection: enhancedRowSelection,
-      onRow: (record, index2) => {
-        const isDisabled = rowSelection?.getCheckboxProps?.(record)?.disabled ?? false;
-        const recordKey = getRowKey(record, rowKey, index2 ?? 0, enableRowKeyValidation);
-        const isPressed = pressedRowKey === recordKey;
-        return {
-          onClick: (event) => handleRowClick(record, index2 ?? 0, event),
-          onMouseDown: (event) => handleRowMouseDown(record, index2 ?? 0, event),
-          onMouseUp: (event) => handleRowMouseUp(record, index2 ?? 0, event),
-          onMouseLeave: () => setPressedRowKey(null),
-          // Clear pressed state when mouse leaves
-          style: {
-            cursor: onRowClick ? "pointer" : "default",
-            opacity: isDisabled ? 0.6 : 1
-          },
-          className: isPressed ? "ant-table-row-pressed" : ""
-        };
-      },
-      pagination: paginationConfig,
-      scroll: scrollConfig,
-      onScroll: isMaterializedView ? handleScroll : void 0,
-      $isMainContentCell: isMainContentCell,
-      ...rest
-    }
-  ) });
+  return /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
+    /* @__PURE__ */ jsx("style", { children: `
+          .genesis-table .ant-pagination {
+            display: none !important;
+          }
+          .genesis-table .ant-pagination-item {
+            display: none !important;
+          }
+          .genesis-table .ant-pagination-prev {
+            display: none !important;
+          }
+          .genesis-table .ant-pagination-next {
+            display: none !important;
+          }
+        ` }),
+    /* @__PURE__ */ jsx("div", { className: "genesis-table", children: /* @__PURE__ */ jsx(
+      Table$1,
+      {
+        ref: tableRef,
+        "data-testid": "Table",
+        dataSource,
+        columns,
+        rowKey,
+        locale: { emptyText: "No Data" },
+        size,
+        onChange,
+        rowSelection: enhancedRowSelection,
+        onRow: (record, index2) => {
+          const isDisabled = rowSelection?.getCheckboxProps?.(record)?.disabled ?? false;
+          const recordKey = getRowKey(
+            record,
+            rowKey,
+            index2 ?? 0,
+            enableRowKeyValidation
+          );
+          const isPressed = pressedRowKey === recordKey;
+          return {
+            onClick: (event) => handleRowClick(record, index2 ?? 0, event),
+            onMouseDown: (event) => handleRowMouseDown(record, index2 ?? 0, event),
+            onMouseUp: (event) => handleRowMouseUp(record, index2 ?? 0, event),
+            onMouseLeave: () => setPressedRowKey(null),
+            // Clear pressed state when mouse leaves
+            style: {
+              cursor: onRowClick ? "pointer" : "default",
+              opacity: isDisabled ? 0.6 : 1
+            },
+            className: isPressed ? "ant-table-row-pressed" : ""
+          };
+        },
+        pagination: paginationConfig,
+        scroll: scrollConfig,
+        $isMainContentCell: isMainContentCell,
+        ...rest
+      }
+    ) })
+  ] });
 }
 const TablePagination = ({
   columns,
@@ -84704,18 +86459,16 @@ const TableWithControls = ({
   tableData,
   tableControlsData: tableControlsData2,
   onChange,
-  onRowClick
+  onRowClick,
+  tableType = "table",
+  isInfiniteScroll,
+  // Deprecated: use tableType instead
+  infiniteScrollConfig,
+  paginationStyle
 }) => {
   const { primaryTableRowData, secondaryTableRowData } = tableControlsData2;
-  const {
-    dataSource,
-    columns,
-    rowSelection,
-    hasSettings,
-    hasFilter,
-    isMaterializedView,
-    materializedViewConfig
-  } = tableData;
+  const { dataSource, columns, rowSelection, hasSettings, hasFilter } = tableData;
+  const actualTableType = isInfiniteScroll ? "infiniteScroll" : tableType;
   const onTableControlsChange = (event) => {
     onChange(event);
   };
@@ -84725,6 +86478,60 @@ const TableWithControls = ({
       payload: { value: "tableChange", pagination, filters, sorter }
     });
   };
+  const renderTable = () => {
+    switch (actualTableType) {
+      case "infiniteScroll": {
+        if (!infiniteScrollConfig) {
+          console.warn("InfiniteScrollTable requires infiniteScrollConfig");
+          return null;
+        }
+        const resizableColumns = columns.map((col) => ({
+          title: col.title,
+          key: col.key,
+          dataIndex: Array.isArray(col.dataIndex) ? col.dataIndex.join(".") : typeof col.dataIndex === "string" ? col.dataIndex : col.key,
+          width: col.width || 150,
+          render: col.render ? (value2, record, index2) => col.render(value2, record, index2 ?? 0) : void 0
+        }));
+        return /* @__PURE__ */ jsx(
+          InfiniteScrollTable,
+          {
+            instanceId: infiniteScrollConfig.instanceId,
+            columns: resizableColumns,
+            fetchService: infiniteScrollConfig.fetchService,
+            title: infiniteScrollConfig.title,
+            scrollHeight: infiniteScrollConfig.scrollHeight,
+            scrollWidth: infiniteScrollConfig.scrollWidth
+          }
+        );
+      }
+      case "pagination": {
+        return /* @__PURE__ */ jsx(
+          TablePagination,
+          {
+            dataSource,
+            columns,
+            rowSelection,
+            onChange: onTableChange,
+            onRowClick,
+            paginationStyle
+          }
+        );
+      }
+      case "table":
+      default: {
+        return /* @__PURE__ */ jsx(
+          Table,
+          {
+            dataSource,
+            columns,
+            rowSelection,
+            onChange: onTableChange,
+            onRowClick
+          }
+        );
+      }
+    }
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       TableControls,
@@ -84734,20 +86541,845 @@ const TableWithControls = ({
         onChange: onTableControlsChange
       }
     ),
-    /* @__PURE__ */ jsx(
-      Table,
-      {
-        dataSource,
-        columns,
-        rowSelection,
-        onChange: onTableChange,
-        onRowClick,
-        isMaterializedView,
-        materializedViewConfig
-      }
-    )
+    renderTable()
   ] });
 };
+const staticTableData = [
+  {
+    id: "1",
+    number: "1",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "in_progress",
+    address: {
+      nickname: "Home",
+      address: "123 Main St"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Loading",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Processing",
+        status: "success",
+        value: 25
+      }
+    }
+  },
+  {
+    id: "2",
+    number: "2",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Work",
+      address: "456 Elm St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Preparing",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Final Check",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "3",
+    number: "3",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Store",
+      address: "789 Oak St"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Pending",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Awaiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "4",
+    number: "4",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Office",
+      address: "321 Pine St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "In Progress",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Validation",
+        status: "success",
+        value: 30
+      }
+    }
+  },
+  {
+    id: "5",
+    number: "5",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Library",
+      address: "555 Book Lane"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Completed",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Verified",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "6",
+    number: "6",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Gym",
+      address: "777 Fitness Ave"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Phase 1",
+        status: "info",
+        value: 75
+      },
+      secondBarData: {
+        text: "Phase 2",
+        status: "success",
+        value: 50
+      }
+    }
+  },
+  {
+    id: "7",
+    number: "7",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Mall",
+      address: "888 Shopping Center"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Queued",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Waiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "8",
+    number: "8",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "completed",
+    address: {
+      nickname: "School",
+      address: "999 Education Rd"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Delivered",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Confirmed",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "9",
+    number: "9",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Restaurant",
+      address: "111 Food Court"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Preparing",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Quality Check",
+        status: "success",
+        value: 15
+      }
+    }
+  },
+  {
+    id: "10",
+    number: "10",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Park",
+      address: "222 Green Ave"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Processing",
+        status: "info",
+        value: 80
+      },
+      secondBarData: {
+        text: "Review",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "11",
+    number: "11",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Beach",
+      address: "333 Shore Dr"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Planning",
+        status: "info",
+        value: 40
+      },
+      secondBarData: {
+        text: "Route Check",
+        status: "success",
+        value: 20
+      }
+    }
+  },
+  {
+    id: "12",
+    number: "12",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Hotel",
+      address: "444 Stay Blvd"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Scheduled",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Awaiting",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "13",
+    number: "13",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Airport",
+      address: "666 Flight Way"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Pre-flight",
+        status: "info",
+        value: 60
+      },
+      secondBarData: {
+        text: "Security",
+        status: "success",
+        value: 30
+      }
+    }
+  },
+  {
+    id: "14",
+    number: "14",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "cancelled",
+    address: {
+      nickname: "Stadium",
+      address: "777 Sports Complex"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Cancelled",
+        status: "info",
+        value: 0
+      },
+      secondBarData: {
+        text: "Refund",
+        status: "success",
+        value: 100
+      }
+    }
+  },
+  {
+    id: "15",
+    number: "15",
+    timerange: "9:00 AM - 10:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Theater",
+      address: "888 Show Ave"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Setup",
+        status: "info",
+        value: 25
+      },
+      secondBarData: {
+        text: "Sound Check",
+        status: "success",
+        value: 0
+      }
+    }
+  },
+  {
+    id: "16",
+    number: "16",
+    timerange: "10:00 AM - 11:00 AM",
+    status: "scheduled",
+    address: {
+      nickname: "Museum",
+      address: "999 History Lane"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Exhibit Prep",
+        status: "info",
+        value: 70
+      },
+      secondBarData: {
+        text: "Documentation",
+        status: "success",
+        value: 45
+      }
+    }
+  },
+  {
+    id: "17",
+    number: "17",
+    timerange: "11:00 AM - 12:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Zoo",
+      address: "123 Animal Park"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Animal Care",
+        status: "info",
+        value: 85
+      },
+      secondBarData: {
+        text: "Feeding",
+        status: "success",
+        value: 90
+      }
+    }
+  },
+  {
+    id: "18",
+    number: "18",
+    timerange: "1:00 PM - 2:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Bank",
+      address: "456 Money St"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Transaction",
+        status: "info",
+        value: 50
+      },
+      secondBarData: {
+        text: "Verification",
+        status: "success",
+        value: 25
+      }
+    }
+  },
+  {
+    id: "19",
+    number: "19",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Post Office",
+      address: "789 Mail Road"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Sorting",
+        status: "info",
+        value: 100
+      },
+      secondBarData: {
+        text: "Dispatch",
+        status: "success",
+        value: 75
+      }
+    }
+  },
+  {
+    id: "20",
+    number: "20",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Church",
+      address: "321 Faith Street"
+    },
+    job_subtype: "pickup",
+    progress: {
+      firstBarData: {
+        text: "Service Prep",
+        status: "info",
+        value: 30
+      },
+      secondBarData: {
+        text: "Community",
+        status: "success",
+        value: 10
+      }
+    }
+  },
+  {
+    id: "21",
+    number: "21",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Pharmacy",
+      address: "654 Health Ave"
+    },
+    job_subtype: "delivery",
+    progress: {
+      firstBarData: {
+        text: "Prescription",
+        status: "info",
+        value: 90
+      },
+      secondBarData: {
+        text: "Quality Check",
+        status: "success",
+        value: 60
+      }
+    }
+  },
+  {
+    id: "22",
+    number: "22",
+    timerange: "2:00 PM - 3:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Office Complex",
+      street: "789 Business Ave",
+      city: "Commerce City",
+      state: "CA",
+      zip: "90210"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "23",
+    number: "23",
+    timerange: "3:00 PM - 4:00 PM",
+    status: "completed",
+    address: {
+      nickname: "Retail Store",
+      street: "456 Shopping St",
+      city: "Retail Town",
+      state: "CA",
+      zip: "90211"
+    },
+    progress: {
+      currentStep: 4,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery Complete",
+          status: "success",
+          value: 100
+        },
+        quality: {
+          text: "Quality Check Complete",
+          status: "success",
+          value: 100
+        }
+      }
+    }
+  },
+  {
+    id: "24",
+    number: "24",
+    timerange: "4:00 PM - 5:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Warehouse",
+      street: "321 Storage Blvd",
+      city: "Storage City",
+      state: "CA",
+      zip: "90212"
+    },
+    progress: {
+      currentStep: 2,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "In Transit",
+          status: "active",
+          value: 50
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "25",
+    number: "25",
+    timerange: "5:00 PM - 6:00 PM",
+    status: "cancelled",
+    address: {
+      nickname: "Canceled Location",
+      street: "999 Cancel St",
+      city: "Cancel City",
+      state: "CA",
+      zip: "90213"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Cancelled",
+          status: "error",
+          value: 0
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "26",
+    number: "26",
+    timerange: "6:00 PM - 7:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Evening Delivery",
+      street: "555 Evening Ave",
+      city: "Evening City",
+      state: "CA",
+      zip: "90214"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "27",
+    number: "27",
+    timerange: "7:00 PM - 8:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Night Shift",
+      street: "777 Night St",
+      city: "Night City",
+      state: "CA",
+      zip: "90215"
+    },
+    progress: {
+      currentStep: 3,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery in Progress",
+          status: "active",
+          value: 75
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "28",
+    number: "28",
+    timerange: "8:00 PM - 9:00 PM",
+    status: "completed",
+    address: {
+      nickname: "Final Delivery",
+      street: "888 Final Blvd",
+      city: "Final City",
+      state: "CA",
+      zip: "90216"
+    },
+    progress: {
+      currentStep: 4,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "Transit Complete",
+          status: "success",
+          value: 100
+        },
+        delivery: {
+          text: "Delivery Complete",
+          status: "success",
+          value: 100
+        },
+        quality: {
+          text: "Quality Check Complete",
+          status: "success",
+          value: 100
+        }
+      }
+    }
+  },
+  {
+    id: "29",
+    number: "29",
+    timerange: "9:00 PM - 10:00 PM",
+    status: "scheduled",
+    address: {
+      nickname: "Late Night",
+      street: "999 Late St",
+      city: "Late City",
+      state: "CA",
+      zip: "90217"
+    },
+    progress: {
+      currentStep: 1,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Scheduled",
+          status: "pending",
+          value: 25
+        },
+        transit: {
+          text: "In Transit",
+          status: "pending",
+          value: 0
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  },
+  {
+    id: "30",
+    number: "30",
+    timerange: "10:00 PM - 11:00 PM",
+    status: "in_progress",
+    address: {
+      nickname: "Last Stop",
+      street: "000 Last Ave",
+      city: "Last City",
+      state: "CA",
+      zip: "90218"
+    },
+    progress: {
+      currentStep: 2,
+      totalSteps: 4,
+      steps: {
+        pickup: {
+          text: "Pickup Complete",
+          status: "success",
+          value: 100
+        },
+        transit: {
+          text: "In Transit",
+          status: "active",
+          value: 60
+        },
+        delivery: {
+          text: "Delivery",
+          status: "pending",
+          value: 0
+        },
+        quality: {
+          text: "Quality Check",
+          status: "pending",
+          value: 0
+        }
+      }
+    }
+  }
+];
 const startCase = (string_) => {
   if (string_) {
     return string_.replaceAll(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
@@ -84855,359 +87487,7 @@ mockColumns.map((column2) => ({
   ...column2
 }));
 const mockDataSource = {
-  appointments: [
-    {
-      id: "1",
-      number: "1",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "in_progress",
-      address: {
-        nickname: "Home",
-        address: "123 Main St"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Loading",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Processing",
-          status: "success",
-          value: 25
-        }
-      }
-    },
-    {
-      id: "2",
-      number: "2",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Work",
-        address: "456 Elm St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Preparing",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Final Check",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "3",
-      number: "3",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Store",
-        address: "789 Oak St"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Pending",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Awaiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "4",
-      number: "4",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Office",
-        address: "321 Pine St"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "In Progress",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Validation",
-          status: "success",
-          value: 30
-        }
-      }
-    },
-    {
-      id: "5",
-      number: "5",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Library",
-        address: "555 Book Lane"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Completed",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Verified",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "6",
-      number: "6",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Gym",
-        address: "777 Fitness Ave"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Phase 1",
-          status: "info",
-          value: 75
-        },
-        secondBarData: {
-          text: "Phase 2",
-          status: "success",
-          value: 50
-        }
-      }
-    },
-    {
-      id: "7",
-      number: "7",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Mall",
-        address: "888 Shopping Center"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Queued",
-          status: "info",
-          value: 0
-        },
-        secondBarData: {
-          text: "Waiting",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "8",
-      number: "8",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "completed",
-      address: {
-        nickname: "School",
-        address: "999 Education Rd"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Delivered",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Confirmed",
-          status: "success",
-          value: 100
-        }
-      }
-    },
-    {
-      id: "9",
-      number: "9",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Restaurant",
-        address: "111 Food Court"
-      },
-      job_subtype: "delivery",
-      progress: {
-        firstBarData: {
-          text: "Preparing",
-          status: "info",
-          value: 100
-        },
-        secondBarData: {
-          text: "Quality Check",
-          status: "success",
-          value: 15
-        }
-      }
-    },
-    {
-      id: "10",
-      number: "10",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Park",
-        address: "222 Green Ave"
-      },
-      job_subtype: "pickup",
-      progress: {
-        firstBarData: {
-          text: "Processing",
-          status: "info",
-          value: 80
-        },
-        secondBarData: {
-          text: "Review",
-          status: "success",
-          value: 0
-        }
-      }
-    },
-    {
-      id: "11",
-      number: "11",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Beach",
-        address: "333 Shore Dr"
-      },
-      job_subtype: "delivery"
-    },
-    {
-      id: "12",
-      number: "12",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Hotel",
-        address: "444 Stay Blvd"
-      },
-      job_subtype: "pickup"
-    },
-    {
-      id: "13",
-      number: "13",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Airport",
-        address: "666 Flight Way"
-      },
-      job_subtype: "delivery"
-    },
-    {
-      id: "14",
-      number: "14",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "cancelled",
-      address: {
-        nickname: "Stadium",
-        address: "777 Sports Complex"
-      },
-      job_subtype: "pickup"
-    },
-    {
-      id: "15",
-      number: "15",
-      timerange: "9:00 AM - 10:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Theater",
-        address: "888 Show Ave"
-      },
-      job_subtype: "delivery"
-    },
-    {
-      id: "16",
-      number: "16",
-      timerange: "10:00 AM - 11:00 AM",
-      status: "scheduled",
-      address: {
-        nickname: "Museum",
-        address: "999 History Lane"
-      },
-      job_subtype: "pickup"
-    },
-    {
-      id: "17",
-      number: "17",
-      timerange: "11:00 AM - 12:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Zoo",
-        address: "123 Animal Park"
-      },
-      job_subtype: "delivery"
-    },
-    {
-      id: "18",
-      number: "18",
-      timerange: "1:00 PM - 2:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Bank",
-        address: "456 Money St"
-      },
-      job_subtype: "pickup"
-    },
-    {
-      id: "19",
-      number: "19",
-      timerange: "2:00 PM - 3:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Post Office",
-        address: "789 Mail Road"
-      },
-      job_subtype: "delivery"
-    },
-    {
-      id: "20",
-      number: "20",
-      timerange: "3:00 PM - 4:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Church",
-        address: "321 Faith Street"
-      },
-      job_subtype: "pickup"
-    },
-    {
-      id: "21",
-      number: "21",
-      timerange: "4:00 PM - 5:00 PM",
-      status: "scheduled",
-      address: {
-        nickname: "Pharmacy",
-        address: "654 Health Ave"
-      },
-      job_subtype: "delivery"
-    }
-  ]
+  appointments: staticTableData
 };
 const tableControlsData = {
   primaryTableRowData: {
@@ -85253,7 +87533,7 @@ const startingUseTableConfig = {
   },
   hasSettings: true,
   hasFilter: true,
-  // Disable auto-fetch to allow external data management
+  // Allow disableAutoFetch to be overridden by the config
   disableAutoFetch: true,
   dataSource: []
 };