@admin-layout/tailwind-ui 12.2.4-alpha.7 → 12.2.4-alpha.71

package/lib/components/ErrorHandlers/SPAErrorBoundary.js

@@ -1,4 +1,41 @@
-import*as React from'react';import {useRouteError,isRouteErrorResponse,Meta,Links,Scripts}from'@remix-run/react';import {logger}from'@cdm-logger/client';/**
+import {jsxs,jsx}from'react/jsx-runtime';import*as React from'react';import {useRouteError,isRouteErrorResponse,Meta,Links,Scripts}from'@remix-run/react';import {logger}from'@cdm-logger/client';// Inline styles as fallback when Tailwind CSS is unavailable (e.g., during SSR error recovery)
+const containerStyle = {
+  display: 'flex',
+  minHeight: '100vh',
+  alignItems: 'center',
+  justifyContent: 'center',
+  backgroundColor: '#f9fafb',
+  padding: '3rem 1rem',
+  fontFamily: 'system-ui, -apple-system, sans-serif'
+};
+const iconContainerStyle = {
+  display: 'flex',
+  width: '4rem',
+  height: '4rem',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: '9999px',
+  backgroundColor: '#fee2e2',
+  flexShrink: 0
+};
+const svgStyle = {
+  width: '2rem',
+  height: '2rem',
+  color: '#ef4444'
+};
+const buttonStyle = {
+  display: 'inline-flex',
+  alignItems: 'center',
+  borderRadius: '0.375rem',
+  backgroundColor: '#2563eb',
+  padding: '0.5rem 1rem',
+  fontSize: '0.875rem',
+  fontWeight: 500,
+  color: '#ffffff',
+  border: 'none',
+  cursor: 'pointer'
+};
+/**
  * SPA/Tauri Root ErrorBoundary Component
  *
  * This error boundary is specifically designed for SPA mode (like Tauri apps)
@@ -10,6 +47,9 @@ import*as React from'react';import {useRouteError,isRouteErrorResponse,Meta,Link
  * - Uses window.location.href for navigation instead
  * - Renders complete HTML document (required for root-level error boundaries)
  *
+ * Uses inline styles as fallback to ensure the error page renders correctly
+ * even when Tailwind CSS fails to load or during hydration error recovery.
+ *
  * Usage in root.tsx:
  * export { SPAErrorBoundary as ErrorBoundary } from '@admin-layout/tailwind-ui';
  */
@@ -20,91 +60,216 @@ function SPAErrorBoundary() {
     console.error('Root Route Error:', error);
   }, [error]);
   const handleGoHome = () => {
-    // Use direct location change instead of useNavigate to avoid router context issues
     window.location.href = '/';
   };
   if (isRouteErrorResponse(error)) {
-    return React.createElement("html", {
-      lang: "en"
-    }, React.createElement("head", null, React.createElement("meta", {
-      charSet: "utf-8"
-    }), React.createElement("meta", {
-      name: "viewport",
-      content: "width=device-width, initial-scale=1"
-    }), React.createElement("title", null, error.status, " - ", error.statusText), React.createElement(Meta, null), React.createElement(Links, null)), React.createElement("body", null, React.createElement("div", {
-      className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8"
-    }, React.createElement("div", {
-      className: "w-full max-w-md space-y-8 text-center"
-    }, React.createElement("div", {
-      className: "mb-4 flex justify-center"
-    }, React.createElement("div", {
-      className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
-    }, React.createElement("svg", {
-      className: "h-8 w-8 text-red-500",
-      fill: "none",
-      viewBox: "0 0 24 24",
-      stroke: "currentColor"
-    }, React.createElement("path", {
-      strokeLinecap: "round",
-      strokeLinejoin: "round",
-      strokeWidth: 2,
-      d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
-    })))), React.createElement("div", null, React.createElement("h1", {
-      className: "text-6xl font-bold text-gray-900"
-    }, error.status), React.createElement("h2", {
-      className: "mt-2 text-2xl font-bold tracking-tight text-gray-900"
-    }, error.statusText), error.data && React.createElement("p", {
-      className: "mt-2 text-sm text-gray-600"
-    }, error.data)), React.createElement("div", {
-      className: "mt-6"
-    }, React.createElement("button", {
-      onClick: handleGoHome,
-      className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
-    }, "Go back home")))), React.createElement(Scripts, null)));
+    return jsxs("html", {
+      lang: "en",
+      children: [jsxs("head", {
+        children: [jsx("meta", {
+          charSet: "utf-8"
+        }), jsx("meta", {
+          name: "viewport",
+          content: "width=device-width, initial-scale=1"
+        }), jsxs("title", {
+          children: [error.status, " - ", error.statusText]
+        }), jsx(Meta, {}), jsx(Links, {})]
+      }), jsxs("body", {
+        children: [jsx("div", {
+          className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8",
+          style: containerStyle,
+          children: jsxs("div", {
+            className: "w-full max-w-md space-y-8 text-center",
+            style: {
+              maxWidth: '28rem',
+              width: '100%',
+              textAlign: 'center'
+            },
+            children: [jsx("div", {
+              className: "mb-4 flex justify-center",
+              style: {
+                display: 'flex',
+                justifyContent: 'center',
+                marginBottom: '1rem'
+              },
+              children: jsx("div", {
+                className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100",
+                style: iconContainerStyle,
+                children: jsx("svg", {
+                  className: "h-8 w-8 text-red-500",
+                  width: "32",
+                  height: "32",
+                  style: svgStyle,
+                  fill: "none",
+                  viewBox: "0 0 24 24",
+                  stroke: "currentColor",
+                  children: jsx("path", {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
+                  })
+                })
+              })
+            }), jsxs("div", {
+              children: [jsx("h1", {
+                className: "text-6xl font-bold text-gray-900",
+                style: {
+                  fontSize: '3.75rem',
+                  fontWeight: 700,
+                  color: '#111827'
+                },
+                children: error.status
+              }), jsx("h2", {
+                className: "mt-2 text-2xl font-bold tracking-tight text-gray-900",
+                style: {
+                  marginTop: '0.5rem',
+                  fontSize: '1.5rem',
+                  fontWeight: 700,
+                  color: '#111827'
+                },
+                children: error.statusText
+              }), error.data && jsx("p", {
+                className: "mt-2 text-sm text-gray-600",
+                style: {
+                  marginTop: '0.5rem',
+                  fontSize: '0.875rem',
+                  color: '#4b5563'
+                },
+                children: error.data
+              })]
+            }), jsx("div", {
+              className: "mt-6",
+              style: {
+                marginTop: '1.5rem'
+              },
+              children: jsx("button", {
+                onClick: handleGoHome,
+                className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors",
+                style: buttonStyle,
+                children: "Go back home"
+              })
+            })]
+          })
+        }), jsx(Scripts, {})]
+      })]
+    });
   }
   const errorMessage = error instanceof Error ? error.message : 'An unexpected error occurred';
   const errorStack = error instanceof Error ? error.stack : undefined;
-  return React.createElement("html", {
-    lang: "en"
-  }, React.createElement("head", null, React.createElement("meta", {
-    charSet: "utf-8"
-  }), React.createElement("meta", {
-    name: "viewport",
-    content: "width=device-width, initial-scale=1"
-  }), React.createElement("title", null, "Application Error"), React.createElement(Meta, null), React.createElement(Links, null)), React.createElement("body", null, React.createElement("div", {
-    className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8"
-  }, React.createElement("div", {
-    className: "w-full max-w-2xl space-y-8"
-  }, React.createElement("div", {
-    className: "mb-4 flex justify-center"
-  }, React.createElement("div", {
-    className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100"
-  }, React.createElement("svg", {
-    className: "h-8 w-8 text-red-500",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  }, React.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-  })))), React.createElement("div", {
-    className: "text-center"
-  }, React.createElement("h1", {
-    className: "text-3xl font-bold tracking-tight text-gray-900"
-  }, "Application Error"), React.createElement("p", {
-    className: "mt-2 text-lg text-red-600"
-  }, errorMessage), errorStack && process.env.NODE_ENV !== 'production' && React.createElement("details", {
-    className: "mt-4 text-left"
-  }, React.createElement("summary", {
-    className: "cursor-pointer text-sm font-medium text-gray-700 hover:text-gray-900"
-  }, "Stack trace (development only)"), React.createElement("pre", {
-    className: "mt-2 overflow-auto rounded-md bg-gray-100 p-4 text-xs text-gray-800 max-h-96"
-  }, errorStack))), React.createElement("div", {
-    className: "mt-6 text-center"
-  }, React.createElement("button", {
-    onClick: handleGoHome,
-    className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors"
-  }, "Go back home")))), React.createElement(Scripts, null)));
+  return jsxs("html", {
+    lang: "en",
+    children: [jsxs("head", {
+      children: [jsx("meta", {
+        charSet: "utf-8"
+      }), jsx("meta", {
+        name: "viewport",
+        content: "width=device-width, initial-scale=1"
+      }), jsx("title", {
+        children: "Application Error"
+      }), jsx(Meta, {}), jsx(Links, {})]
+    }), jsxs("body", {
+      children: [jsx("div", {
+        className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 py-12 sm:px-6 lg:px-8",
+        style: containerStyle,
+        children: jsxs("div", {
+          className: "w-full max-w-2xl space-y-8",
+          style: {
+            maxWidth: '42rem',
+            width: '100%'
+          },
+          children: [jsx("div", {
+            className: "mb-4 flex justify-center",
+            style: {
+              display: 'flex',
+              justifyContent: 'center',
+              marginBottom: '1rem'
+            },
+            children: jsx("div", {
+              className: "flex h-16 w-16 items-center justify-center rounded-full bg-red-100",
+              style: iconContainerStyle,
+              children: jsx("svg", {
+                className: "h-8 w-8 text-red-500",
+                width: "32",
+                height: "32",
+                style: svgStyle,
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                children: jsx("path", {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
+                })
+              })
+            })
+          }), jsxs("div", {
+            className: "text-center",
+            style: {
+              textAlign: 'center'
+            },
+            children: [jsx("h1", {
+              className: "text-3xl font-bold tracking-tight text-gray-900",
+              style: {
+                fontSize: '1.875rem',
+                fontWeight: 700,
+                color: '#111827'
+              },
+              children: "Application Error"
+            }), jsx("p", {
+              className: "mt-2 text-lg text-red-600",
+              style: {
+                marginTop: '0.5rem',
+                fontSize: '1.125rem',
+                color: '#dc2626'
+              },
+              children: errorMessage
+            }), errorStack && process.env.NODE_ENV !== 'production' && jsxs("details", {
+              className: "mt-4 text-left",
+              style: {
+                marginTop: '1rem',
+                textAlign: 'left'
+              },
+              children: [jsx("summary", {
+                className: "cursor-pointer text-sm font-medium text-gray-700 hover:text-gray-900",
+                style: {
+                  cursor: 'pointer',
+                  fontSize: '0.875rem',
+                  fontWeight: 500,
+                  color: '#374151'
+                },
+                children: "Stack trace (development only)"
+              }), jsx("pre", {
+                className: "mt-2 overflow-auto rounded-md bg-gray-100 p-4 text-xs text-gray-800 max-h-96",
+                style: {
+                  marginTop: '0.5rem',
+                  overflow: 'auto',
+                  borderRadius: '0.375rem',
+                  backgroundColor: '#f3f4f6',
+                  padding: '1rem',
+                  fontSize: '0.75rem',
+                  color: '#1f2937',
+                  maxHeight: '24rem'
+                },
+                children: errorStack
+              })]
+            })]
+          }), jsx("div", {
+            className: "mt-6 text-center",
+            style: {
+              marginTop: '1.5rem',
+              textAlign: 'center'
+            },
+            children: jsx("button", {
+              onClick: handleGoHome,
+              className: "inline-flex items-center rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 transition-colors",
+              style: buttonStyle,
+              children: "Go back home"
+            })
+          })]
+        })
+      }), jsx(Scripts, {})]
+    })]
+  });
 }export{SPAErrorBoundary};//# sourceMappingURL=SPAErrorBoundary.js.map

package/lib/components/ErrorHandlers/SPAErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"SPAErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;AAkBG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SPAErrorBoundary.js","sources":["../../../src/components/ErrorHandlers/SPAErrorBoundary.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AA8DG,EAAA,MAAA,EAAA,MAAA;AACH,EAAA,UAAA,EAAA,QAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/403.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Error403: () => React.JSX.Element;
+export declare const Error403: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=403.d.ts.map

package/lib/components/ErrorPages/403.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"403.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/403.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,QAAQ,yBAuBpB,CAAC"}
+{"version":3,"file":"403.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/403.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}

package/lib/components/ErrorPages/403.js

@@ -1,21 +1,29 @@
-import*as React from'react';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error403 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error403 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
-  return React.createElement("div", {
-    className: "flex justify-center items-center"
-  }, React.createElement("div", null, React.createElement("div", {
-    className: "text-center"
-  }, React.createElement("h5", {
-    className: "text-2xl font-bold"
-  }, "Error: 403 Forbidden")), React.createElement("div", {
-    className: "mt-10"
-  }, React.createElement("img", {
-    src: assets['error-403-540x432.png'],
-    alt: "403 Error"
-  })), React.createElement("div", {
-    className: "flex justify-center"
-  }, React.createElement("button", {
-    className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
-    onClick: goBack
-  }, "Go Home"))));
+  return jsx("div", {
+    className: "flex justify-center items-center",
+    children: jsxs("div", {
+      children: [jsx("div", {
+        className: "text-center",
+        children: jsx("h5", {
+          className: "text-2xl font-bold",
+          children: "Error: 403 Forbidden"
+        })
+      }), jsx("div", {
+        className: "mt-10",
+        children: jsx("img", {
+          src: assets['error-403-540x432.png'],
+          alt: "403 Error"
+        })
+      }), jsx("div", {
+        className: "flex justify-center",
+        children: jsx("button", {
+          className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
+          onClick: goBack,
+          children: "Go Home"
+        })
+      })]
+    })
+  });
 };export{Error403};//# sourceMappingURL=403.js.map

package/lib/components/ErrorPages/403.js.map

@@ -1 +1 @@
-{"version":3,"file":"403.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"403.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/404.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Error404: () => React.JSX.Element;
+export declare const Error404: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=404.d.ts.map

package/lib/components/ErrorPages/404.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/404.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,QAAQ,yBAuBpB,CAAC"}
+{"version":3,"file":"404.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/404.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}

package/lib/components/ErrorPages/404.js

@@ -1,21 +1,29 @@
-import*as React from'react';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error404 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error404 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
-  return React.createElement("div", {
-    className: "flex justify-center items-center"
-  }, React.createElement("div", null, React.createElement("div", {
-    className: "text-center"
-  }, React.createElement("h5", {
-    className: "text-2xl font-bold"
-  }, "Error: 404 Page Not Found")), React.createElement("div", {
-    className: "mt-10"
-  }, React.createElement("img", {
-    src: assets['error-404-540x432.png'],
-    alt: "404 Error"
-  })), React.createElement("div", {
-    className: "flex justify-center"
-  }, React.createElement("button", {
-    className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
-    onClick: goBack
-  }, "Go Home"))));
+  return jsx("div", {
+    className: "flex justify-center items-center",
+    children: jsxs("div", {
+      children: [jsx("div", {
+        className: "text-center",
+        children: jsx("h5", {
+          className: "text-2xl font-bold",
+          children: "Error: 404 Page Not Found"
+        })
+      }), jsx("div", {
+        className: "mt-10",
+        children: jsx("img", {
+          src: assets['error-404-540x432.png'],
+          alt: "404 Error"
+        })
+      }), jsx("div", {
+        className: "flex justify-center",
+        children: jsx("button", {
+          className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
+          onClick: goBack,
+          children: "Go Home"
+        })
+      })]
+    })
+  });
 };export{Error404};//# sourceMappingURL=404.js.map

package/lib/components/ErrorPages/404.js.map

@@ -1 +1 @@
-{"version":3,"file":"404.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"404.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ErrorPages/500.d.ts

@@ -1,3 +1,2 @@
-import * as React from 'react';
-export declare const Error500: () => React.JSX.Element;
+export declare const Error500: () => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=500.d.ts.map

package/lib/components/ErrorPages/500.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"500.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/500.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,QAAQ,yBAuBpB,CAAC"}
+{"version":3,"file":"500.d.ts","sourceRoot":"","sources":["../../../src/components/ErrorPages/500.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,QAAQ,+CAuBpB,CAAC"}

package/lib/components/ErrorPages/500.js

@@ -1,21 +1,29 @@
-import*as React from'react';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error500 = () => {
+import {jsx,jsxs}from'react/jsx-runtime';import {useNavigate}from'@remix-run/react';import assets from'@admin-layout/assets';const Error500 = () => {
   const navigate = useNavigate();
   const goBack = () => navigate(-1);
-  return React.createElement("div", {
-    className: "flex justify-center items-center"
-  }, React.createElement("div", null, React.createElement("div", {
-    className: "text-center"
-  }, React.createElement("h5", {
-    className: "text-2xl font-bold"
-  }, "Error: 500 Unexpected Error")), React.createElement("div", {
-    className: "mt-10"
-  }, React.createElement("img", {
-    src: assets['error-500-252x475.png'],
-    alt: "500 Error"
-  })), React.createElement("div", {
-    className: "flex justify-center"
-  }, React.createElement("button", {
-    className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
-    onClick: goBack
-  }, "Go Home"))));
+  return jsx("div", {
+    className: "flex justify-center items-center",
+    children: jsxs("div", {
+      children: [jsx("div", {
+        className: "text-center",
+        children: jsx("h5", {
+          className: "text-2xl font-bold",
+          children: "Error: 500 Unexpected Error"
+        })
+      }), jsx("div", {
+        className: "mt-10",
+        children: jsx("img", {
+          src: assets['error-500-252x475.png'],
+          alt: "500 Error"
+        })
+      }), jsx("div", {
+        className: "flex justify-center",
+        children: jsx("button", {
+          className: "mt-8 mb-8 w-64 h-20 bg-yellow-400 rounded-full text-white hover:bg-yellow-500 transition-colors",
+          onClick: goBack,
+          children: "Go Home"
+        })
+      })]
+    })
+  });
 };export{Error500};//# sourceMappingURL=500.js.map

package/lib/components/ErrorPages/500.js.map

@@ -1 +1 @@
-{"version":3,"file":"500.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"500.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Inbox/Channels/ChannelBar.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { type ChannelMeta } from './channelsMeta';
+import { type PairingTokenResult } from './ChannelConnectModal';
+export interface ChannelBarProps {
+    /** Override the default channel list (Telegram/Discord/Slack/WhatsApp/Teams) */
+    channels?: ChannelMeta[];
+    /** Ids of currently connected channels (controlled) */
+    connectedChannelIds?: string[];
+    /** Called when a disconnected channel is clicked. If onConnect returns a PairingTokenResult
+     *  (or a Promise that resolves to one), the modal switches to pairing mode and displays the
+     *  QR + deep-link. Return void to render the token-entry / placeholder modal. */
+    onConnect?: (channel: ChannelMeta) => void | PairingTokenResult | Promise<void | PairingTokenResult>;
+    /** Called when the modal submits a token (non-pairing flow). */
+    onSubmitToken?: (channel: ChannelMeta, token: string) => void | Promise<void>;
+    /** Called when a connected channel is clicked. */
+    onDisconnect?: (channel: ChannelMeta) => void | Promise<void>;
+    /** Called when the modal is closed (cancel/X/backdrop). */
+    onModalClose?: (channel: ChannelMeta) => void;
+    /** External loading flag for the modal (e.g. while a parent gateway call is in flight) */
+    loading?: boolean;
+    /** External error string for the modal */
+    error?: string;
+    /** When supplied while modal is open, modal renders in pairing mode (QR + deep link). */
+    pairing?: PairingTokenResult;
+    className?: string;
+}
+declare function ChannelBar({ channels, connectedChannelIds, onConnect, onSubmitToken, onDisconnect, onModalClose, loading, error, pairing, className, }: ChannelBarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ChannelBar {
+    var displayName: string;
+}
+declare const _default: React.MemoExoticComponent<typeof ChannelBar>;
+export default _default;
+//# sourceMappingURL=ChannelBar.d.ts.map

package/lib/components/Inbox/Channels/ChannelBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChannelBar.d.ts","sourceRoot":"","sources":["../../../../src/components/Inbox/Channels/ChannelBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC5D,OAA4B,EAAE,KAAK,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAIrF,MAAM,WAAW,eAAe;IAC5B,gFAAgF;IAChF,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB,uDAAuD;IACvD,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;qFAEiF;IACjF,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,GAAG,kBAAkB,GAAG,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAC,CAAC;IACrG,gEAAgE;IAChE,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,kDAAkD;IAClD,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,2DAA2D;IAC3D,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAC9C,0FAA0F;IAC1F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAID,iBAAS,UAAU,CAAC,EAChB,QAAmB,EACnB,mBAAmB,EACnB,SAAS,EACT,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,KAAK,EACL,OAAO,EACP,SAAS,GACZ,EAAE,eAAe,2CA8FjB;kBAzGQ,UAAU;;;;AA6GnB,wBAAsC"}