@inf-monkeys-tech/monkeys-design 1.0.42 → 1.0.43

package/dist/index.js

@@ -3079,7 +3079,10 @@ var enUS = {
         loadError: "Unable to load items",
         refreshError: "Unable to refresh items",
         retry: "Retry",
-        loadingMore: "Loading more items"
+        loadingMore: "Loading more items",
+        permission: "You do not have permission to view this content",
+        offline: "You appear to be offline",
+        requestAccess: "Request access"
       },
       interactiveTable: {
         columnActions: "Column actions",
@@ -3359,7 +3362,10 @@ var zhCN = {
         loadError: "\u65E0\u6CD5\u52A0\u8F7D\u5185\u5BB9",
         refreshError: "\u65E0\u6CD5\u5237\u65B0\u5185\u5BB9",
         retry: "\u91CD\u8BD5",
-        loadingMore: "\u6B63\u5728\u52A0\u8F7D\u66F4\u591A\u5185\u5BB9"
+        loadingMore: "\u6B63\u5728\u52A0\u8F7D\u66F4\u591A\u5185\u5BB9",
+        permission: "\u4F60\u6CA1\u6709\u6743\u9650\u67E5\u770B\u6B64\u5185\u5BB9",
+        offline: "\u7F51\u7EDC\u8FDE\u63A5\u5DF2\u65AD\u5F00",
+        requestAccess: "\u7533\u8BF7\u6743\u9650"
       },
       interactiveTable: {
         columnActions: "\u5217\u64CD\u4F5C",
@@ -3856,6 +3862,9 @@ function useMonkeysDataExplorerAppearance(explicit) {
     [explicit, inherited]
   );
 }
+function useMonkeysStatusStates() {
+  return React2.useContext(MonkeysThemeContext).statusStates ?? {};
+}
 function useMonkeysDirection() {
   return React2.useContext(MonkeysDirectionContext).direction;
 }
@@ -3941,7 +3950,8 @@ function MonkeysProvider({
   density,
   appearance,
   environment,
-  portal
+  portal,
+  statusStates
 }) {
   const parentLocale = React2.useContext(MonkeysLocaleContext);
   const parentTheme = React2.useContext(MonkeysThemeContext);
@@ -3997,6 +4007,14 @@ function MonkeysProvider({
           ...parentTheme.dataExplorerAppearance?.styles,
           ...appearance?.dataExplorer?.styles
         }
+      },
+      statusStates: {
+        ...parentTheme.statusStates,
+        ...statusStates,
+        loading: { ...parentTheme.statusStates?.loading, ...statusStates?.loading },
+        empty: { ...parentTheme.statusStates?.empty, ...statusStates?.empty },
+        error: { ...parentTheme.statusStates?.error, ...statusStates?.error },
+        permission: { ...parentTheme.statusStates?.permission, ...statusStates?.permission }
       }
     }),
     [
@@ -4005,8 +4023,10 @@ function MonkeysProvider({
       density,
       parentTheme.baseAppearance,
       parentTheme.dataExplorerAppearance,
+      parentTheme.statusStates,
       parentTheme.themeId,
       resolvedTheme,
+      statusStates,
       themeId
     ]
   );
@@ -8581,6 +8601,7 @@ var BaseEmptyState = React2.forwardRef(
     title,
     description,
     actions,
+    variant,
     appearance,
     className,
     classNames,
@@ -8589,6 +8610,9 @@ var BaseEmptyState = React2.forwardRef(
   }, ref) {
     const resolvedAppearance = useMonkeysBaseAppearance(appearance);
     const componentAttributes = useMonkeysComponentAttributes();
+    const statusStates = useMonkeysStatusStates();
+    const resolvedVariant = variant ?? statusStates.empty?.variant ?? "default";
+    const densityClassName = statusStates.density === "compact" ? "min-h-0 px-3 py-3" : statusStates.density === "comfortable" ? "min-h-56 px-8 py-12" : void 0;
     const theme = resolveBaseAppearance(resolvedAppearance);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -8599,7 +8623,15 @@ var BaseEmptyState = React2.forwardRef(
         "data-monkeys-component": "empty-state",
         "data-slot": "root",
         "data-state": "empty",
-        className: cn(theme.slots.stateRoot, classNames?.root, className),
+        "data-variant": resolvedVariant,
+        "data-density": statusStates.density,
+        className: cn(
+          theme.slots.stateRoot,
+          densityClassName,
+          resolvedVariant === "compact" && "min-h-0 gap-1 py-3",
+          classNames?.root,
+          className
+        ),
         style: {
           ...theme.styles.stateRoot,
           ...style
@@ -9976,6 +10008,59 @@ var BaseLayoutSplit = React2.forwardRef(
     );
   }
 );
+var variantClassNames = {
+  line: "h-4 w-full",
+  block: "h-24 w-full",
+  circle: "aspect-square h-10 rounded-full"
+};
+var BaseSkeleton = React2.forwardRef(
+  function BaseSkeleton2({
+    variant = "line",
+    animated = true,
+    appearance,
+    className,
+    classNames,
+    style,
+    ...skeletonProps
+  }, ref) {
+    if (variant !== "line" && variant !== "block" && variant !== "circle") {
+      throw new TypeError(
+        'BaseSkeleton variant must be "line", "block", or "circle".'
+      );
+    }
+    if (typeof animated !== "boolean") {
+      throw new TypeError("BaseSkeleton animated must be a boolean.");
+    }
+    const resolvedAppearance = useMonkeysBaseAppearance(appearance);
+    const componentAttributes = useMonkeysComponentAttributes();
+    const theme = resolveBaseAppearance(resolvedAppearance);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ...componentAttributes,
+        ...skeletonProps,
+        ref,
+        "aria-hidden": "true",
+        "data-monkeys-component": "skeleton",
+        "data-slot": "root",
+        "data-variant": variant,
+        "data-animated": animated,
+        "data-state": animated ? "animated" : "static",
+        className: cn(
+          theme.slots.skeletonRoot,
+          variantClassNames[variant],
+          animated && "motion-safe:animate-pulse motion-reduce:animate-none",
+          classNames?.root,
+          className
+        ),
+        style: {
+          ...theme.styles.skeleton,
+          ...style
+        }
+      }
+    );
+  }
+);
 function DefaultLoadingIcon({ className }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "svg",
@@ -10013,6 +10098,7 @@ var BaseLoadingState = React2.forwardRef(function BaseLoadingState2({
   title,
   description,
   actions,
+  variant,
   appearance,
   className,
   classNames,
@@ -10027,8 +10113,11 @@ var BaseLoadingState = React2.forwardRef(function BaseLoadingState2({
   const resolvedAppearance = useMonkeysBaseAppearance(appearance);
   const componentAttributes = useMonkeysComponentAttributes();
   const loadingMessages = useMonkeysLocaleMessages().loading;
+  const statusStates = useMonkeysStatusStates();
+  const resolvedVariant = variant ?? statusStates.loading?.variant ?? "spinner";
+  const densityClassName = statusStates.density === "compact" ? "min-h-0 px-3 py-3" : statusStates.density === "comfortable" ? "min-h-56 px-8 py-12" : void 0;
   const theme = resolveBaseAppearance(resolvedAppearance);
-  const resolvedIcon = icon === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(DefaultLoadingIcon, { className: theme.slots.loadingSpinner }) : icon;
+  const resolvedIcon = resolvedVariant === "skeleton" && icon === void 0 ? void 0 : icon === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(DefaultLoadingIcon, { className: theme.slots.loadingSpinner }) : icon;
   const resolvedAriaLabel = nativeAriaLabel ?? (nativeAriaLabelledBy === void 0 ? loadingMessages.spinner : void 0);
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -10044,13 +10133,19 @@ var BaseLoadingState = React2.forwardRef(function BaseLoadingState2({
       "data-monkeys-component": "loading-state",
       "data-slot": "root",
       "data-state": "loading",
-      className: cn(theme.slots.stateRoot, classNames?.root, className),
+      "data-variant": resolvedVariant,
+      "data-density": statusStates.density,
+      className: cn(theme.slots.stateRoot, densityClassName, classNames?.root, className),
       style: {
         ...theme.styles.stateRoot,
         ...style
       },
       children: [
-        hasRenderableNode(resolvedIcon) ? /* @__PURE__ */ jsxRuntime.jsx(
+        resolvedVariant === "skeleton" ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-sm flex-col gap-3", "data-slot": "skeleton", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(BaseSkeleton, { variant: "block", className: "h-20" }),
+          /* @__PURE__ */ jsxRuntime.jsx(BaseSkeleton, { variant: "line", className: "w-4/5" }),
+          /* @__PURE__ */ jsxRuntime.jsx(BaseSkeleton, { variant: "line", className: "w-3/5" })
+        ] }) : hasRenderableNode(resolvedIcon) ? /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
             "data-slot": "icon",
@@ -12947,59 +13042,6 @@ function BaseSegmentedControl({
     }
   );
 }
-var variantClassNames = {
-  line: "h-4 w-full",
-  block: "h-24 w-full",
-  circle: "aspect-square h-10 rounded-full"
-};
-var BaseSkeleton = React2.forwardRef(
-  function BaseSkeleton2({
-    variant = "line",
-    animated = true,
-    appearance,
-    className,
-    classNames,
-    style,
-    ...skeletonProps
-  }, ref) {
-    if (variant !== "line" && variant !== "block" && variant !== "circle") {
-      throw new TypeError(
-        'BaseSkeleton variant must be "line", "block", or "circle".'
-      );
-    }
-    if (typeof animated !== "boolean") {
-      throw new TypeError("BaseSkeleton animated must be a boolean.");
-    }
-    const resolvedAppearance = useMonkeysBaseAppearance(appearance);
-    const componentAttributes = useMonkeysComponentAttributes();
-    const theme = resolveBaseAppearance(resolvedAppearance);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ...componentAttributes,
-        ...skeletonProps,
-        ref,
-        "aria-hidden": "true",
-        "data-monkeys-component": "skeleton",
-        "data-slot": "root",
-        "data-variant": variant,
-        "data-animated": animated,
-        "data-state": animated ? "animated" : "static",
-        className: cn(
-          theme.slots.skeletonRoot,
-          variantClassNames[variant],
-          animated && "motion-safe:animate-pulse motion-reduce:animate-none",
-          classNames?.root,
-          className
-        ),
-        style: {
-          ...theme.styles.skeleton,
-          ...style
-        }
-      }
-    );
-  }
-);
 var BaseSpinner = React2.forwardRef(
   function BaseSpinner2({
     decorative = false,
@@ -13610,6 +13652,131 @@ var BaseSwitch = React2.forwardRef(
     );
   }
 );
+function SystemStateIcon({ kind }) {
+  const path = {
+    error: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 7v6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+    ] }),
+    permission: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "5", y: "10", width: "14", height: "10", rx: "2" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 10V7a4 4 0 0 1 8 0v3" })
+    ] }),
+    offline: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12.5a10 10 0 0 1 14 0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8.5 16a5 5 0 0 1 7 0" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 20h.01" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m4 4 16 16" })
+    ] }),
+    fallback: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M9.5 9a2.5 2.5 0 1 1 4.2 1.8c-1 .8-1.7 1.2-1.7 2.7" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+    ] })
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      viewBox: "0 0 24 24",
+      className: "h-7 w-7",
+      fill: "none",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.8",
+      children: path[kind]
+    }
+  );
+}
+var BaseSystemState = React2.forwardRef(
+  function BaseSystemState2({
+    kind = "fallback",
+    icon,
+    title,
+    description,
+    actions,
+    appearance,
+    className,
+    classNames,
+    style,
+    role,
+    "aria-live": ariaLive,
+    ...stateProps
+  }, ref) {
+    const resolvedAppearance = useMonkeysBaseAppearance(appearance);
+    const componentAttributes = useMonkeysComponentAttributes();
+    const statusStates = useMonkeysStatusStates();
+    const densityClassName = statusStates.density === "compact" ? "min-h-0 px-3 py-3" : statusStates.density === "comfortable" ? "min-h-56 px-8 py-12" : void 0;
+    const theme = resolveBaseAppearance(resolvedAppearance);
+    const resolvedIcon = icon === void 0 ? /* @__PURE__ */ jsxRuntime.jsx(SystemStateIcon, { kind }) : icon;
+    const resolvedRole = role ?? (kind === "error" || kind === "offline" ? "alert" : "status");
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ...componentAttributes,
+        ...stateProps,
+        ref,
+        role: resolvedRole,
+        "aria-live": ariaLive ?? (resolvedRole === "alert" ? "assertive" : "polite"),
+        "data-monkeys-component": "system-state",
+        "data-slot": "root",
+        "data-state": kind,
+        "data-density": statusStates.density,
+        className: cn(
+          theme.slots.stateRoot,
+          densityClassName,
+          classNames?.root,
+          className
+        ),
+        style: { ...theme.styles.stateRoot, ...style },
+        children: [
+          hasRenderableNode(resolvedIcon) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "icon",
+              "data-state": kind,
+              className: cn(theme.slots.stateIcon, classNames?.icon),
+              style: theme.styles.stateIcon,
+              children: resolvedIcon
+            }
+          ) : null,
+          hasRenderableNode(title) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "title",
+              "data-state": kind,
+              className: cn(theme.slots.stateTitle, classNames?.title),
+              children: title
+            }
+          ) : null,
+          hasRenderableNode(description) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "description",
+              "data-state": kind,
+              className: cn(
+                theme.slots.stateDescription,
+                classNames?.description
+              ),
+              children: description
+            }
+          ) : null,
+          hasRenderableNode(actions) ? /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-slot": "actions",
+              "data-state": kind,
+              className: cn(theme.slots.stateActions, classNames?.actions),
+              children: actions
+            }
+          ) : null
+        ]
+      }
+    );
+  }
+);
 var DATA_TRANSFER_COLUMN_TYPE = "application/x-monkeys-base-table-column";
 var COLUMN_RESIZE_KEYBOARD_STEP = 8;
 function assignRef2(ref, value) {
@@ -22598,6 +22765,7 @@ function WorkbenchCollection({
 }) {
   const componentAttributes = useMonkeysComponentAttributes();
   const localeMessages = useMonkeysLocaleMessages().workbench.collection;
+  const statusStates = useMonkeysStatusStates();
   const componentId = React2.useId().replace(/:/g, "");
   const rootRef = React2.useRef(null);
   const itemsRef = React2.useRef(null);
@@ -22688,7 +22856,10 @@ function WorkbenchCollection({
     loadError: config.labels?.loadError ?? localeMessages.loadError,
     refreshError: config.labels?.refreshError ?? localeMessages.refreshError,
     retry: config.labels?.retry ?? localeMessages.retry,
-    loadingMore: config.labels?.loadingMore ?? localeMessages.loadingMore
+    loadingMore: config.labels?.loadingMore ?? localeMessages.loadingMore,
+    permission: config.labels?.permission ?? localeMessages.permission,
+    offline: config.labels?.offline ?? localeMessages.offline,
+    requestAccess: config.labels?.requestAccess ?? localeMessages.requestAccess
   }), [config.labels, localeMessages]);
   const virtualizationError = React2.useMemo(() => {
     const virtualization = config.virtualization;
@@ -23136,11 +23307,15 @@ function WorkbenchCollection({
   const selectionToolbar = selectedKeys.size > 0 ? resolveRenderableSlot(slots?.selectionToolbar, slotContext) : null;
   const beforeItems = resolveRenderableSlot(slots?.beforeItems, slotContext);
   const footer = resolveRenderableSlot(slots?.footer, slotContext);
-  const showInitialLoading = loading && items.length === 0;
-  const showInitialError = Boolean(effectiveError) && items.length === 0 && !showInitialLoading;
-  const showEmpty = !showInitialLoading && !showInitialError && (state?.empty === true || items.length === 0);
+  const showPermission = state?.permission === true;
+  const showOffline = state?.offline === true && !showPermission;
+  const showInitialLoading = loading && items.length === 0 && !showPermission && !showOffline;
+  const showInitialError = Boolean(effectiveError) && items.length === 0 && !showPermission && !showOffline && !showInitialLoading;
+  const showEmpty = !showPermission && !showOffline && !showInitialLoading && !showInitialError && (state?.empty === true || items.length === 0);
   const loadingSlot = resolveRenderableSlot(slots?.loading, slotContext);
   const errorSlot = resolveRenderableSlot(slots?.error, slotContext);
+  const permissionSlot = resolveRenderableSlot(slots?.permission, slotContext);
+  const offlineSlot = resolveRenderableSlot(slots?.offline, slotContext);
   const emptySlot = resolveRenderableSlot(slots?.empty, slotContext);
   const loadMoreSlot = resolveRenderableSlot(slots?.loadMore, slotContext);
   const selfScrollable = config.layout.scrollOwner === "self" || config.layout.scrollOwner === void 0 && (config.layout.fillHeight || config.layout.maxHeight);
@@ -23171,14 +23346,26 @@ function WorkbenchCollection({
         hasRenderableNode(toolbar) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames?.toolbar, children: toolbar }) : null,
         hasRenderableNode(selectionToolbar) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames?.selectionToolbar, children: selectionToolbar }) : null,
         hasRenderableNode(beforeItems) ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames?.beforeItems, children: beforeItems }) : null,
-        showInitialLoading ? hasRenderableNode(loadingSlot) ? loadingSlot : /* @__PURE__ */ jsxRuntime.jsx(BaseLoadingState, { title: labels.loading }) : showInitialError ? hasRenderableNode(errorSlot) ? errorSlot : /* @__PURE__ */ jsxRuntime.jsx(
-          BaseNotice,
+        showPermission ? hasRenderableNode(permissionSlot) ? permissionSlot : /* @__PURE__ */ jsxRuntime.jsx(
+          BaseSystemState,
+          {
+            kind: "permission",
+            title: labels.permission,
+            actions: statusStates.permission?.showRequestAccess !== false && callbacks?.onRequestAccess ? /* @__PURE__ */ jsxRuntime.jsx(BaseButton, { size: "sm", label: labels.requestAccess, onClick: callbacks.onRequestAccess }) : void 0
+          }
+        ) : showOffline ? hasRenderableNode(offlineSlot) ? offlineSlot : /* @__PURE__ */ jsxRuntime.jsx(
+          BaseSystemState,
+          {
+            kind: "offline",
+            title: labels.offline,
+            actions: statusStates.error?.showRetry !== false && callbacks?.onRetry ? /* @__PURE__ */ jsxRuntime.jsx(BaseButton, { size: "sm", label: labels.retry, onClick: callbacks.onRetry }) : void 0
+          }
+        ) : showInitialLoading ? hasRenderableNode(loadingSlot) ? loadingSlot : /* @__PURE__ */ jsxRuntime.jsx(BaseLoadingState, { title: labels.loading }) : showInitialError ? hasRenderableNode(errorSlot) ? errorSlot : /* @__PURE__ */ jsxRuntime.jsx(
+          BaseSystemState,
           {
-            tone: "danger",
-            role: "alert",
-            "aria-live": "assertive",
+            kind: "error",
             title: labels.loadError,
-            actions: callbacks?.onRetry ? /* @__PURE__ */ jsxRuntime.jsx(BaseButton, { size: "sm", label: labels.retry, onClick: callbacks.onRetry }) : void 0
+            actions: statusStates.error?.showRetry !== false && callbacks?.onRetry ? /* @__PURE__ */ jsxRuntime.jsx(BaseButton, { size: "sm", label: labels.retry, onClick: callbacks.onRetry }) : void 0
           }
         ) : showEmpty ? hasRenderableNode(emptySlot) ? emptySlot : /* @__PURE__ */ jsxRuntime.jsx(BaseEmptyState, { title: labels.empty }) : /* @__PURE__ */ jsxRuntime.jsx(
           "div",
@@ -23210,12 +23397,11 @@ function WorkbenchCollection({
           }
         ),
         items.length > 0 && effectiveError ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames?.status, children: hasRenderableNode(errorSlot) ? errorSlot : /* @__PURE__ */ jsxRuntime.jsx(
-          BaseNotice,
+          BaseSystemState,
           {
-            tone: "danger",
-            role: "alert",
+            kind: "error",
             title: labels.refreshError,
-            actions: callbacks?.onRetry ? /* @__PURE__ */ jsxRuntime.jsx(BaseButton, { size: "sm", label: labels.retry, onClick: callbacks.onRetry }) : void 0
+            actions: statusStates.error?.showRetry !== false && callbacks?.onRetry ? /* @__PURE__ */ jsxRuntime.jsx(BaseButton, { size: "sm", label: labels.retry, onClick: callbacks.onRetry }) : void 0
           }
         ) }) : null,
         items.length > 0 && (hasMore || loadingMore) ? /* @__PURE__ */ jsxRuntime.jsx("div", { ref: loadMoreRef, className: classNames?.loadMore, "data-collection-load-more": "", children: hasRenderableNode(loadMoreSlot) ? loadMoreSlot : loadingMore ? /* @__PURE__ */ jsxRuntime.jsx(BaseLoadingState, { title: labels.loadingMore }) : null }) : null,
@@ -30624,6 +30810,7 @@ exports.BaseSpinner = BaseSpinner;
 exports.BaseStack = BaseStack;
 exports.BaseSteps = BaseSteps;
 exports.BaseSwitch = BaseSwitch;
+exports.BaseSystemState = BaseSystemState;
 exports.BaseTable = BaseTable;
 exports.BaseTableBody = BaseTableBody;
 exports.BaseTableCaption = BaseTableCaption;
@@ -30757,6 +30944,7 @@ exports.useMonkeysLocale = useMonkeysLocale;
 exports.useMonkeysLocaleMessages = useMonkeysLocaleMessages;
 exports.useMonkeysPortalOptions = useMonkeysPortalOptions;
 exports.useMonkeysResolvedTheme = useMonkeysResolvedTheme;
+exports.useMonkeysStatusStates = useMonkeysStatusStates;
 exports.useToastFeed = useToastFeed;
 exports.useToastOnValue = useToastOnValue;
 exports.zhCN = zhCN;