@elevasis/ui 2.67.0 → 2.68.0

package/dist/chunk-GBXTRSAU.js

@@ -0,0 +1,37 @@
+import { useAppearance } from './chunk-ZGCWTWBD.js';
+import { topbarHeight } from './chunk-MISHPEJX.js';
+import { Stack, Title, Button } from '@mantine/core';
+import { IconAlertCircle } from '@tabler/icons-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var standardMdSpacing = 16;
+var topAndBottomSpacing = standardMdSpacing * 2;
+var AppShellCenteredContainer = ({ children }) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: {
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "center",
+        margin: "auto auto",
+        height: `calc(100vh - ${topbarHeight + topAndBottomSpacing}px)`,
+        textAlign: "center"
+      },
+      children
+    }
+  );
+};
+var AppShellLoader = () => {
+  const { loader } = useAppearance();
+  return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: loader });
+};
+var AppShellError = ({ message, retry }) => {
+  return /* @__PURE__ */ jsx(AppShellCenteredContainer, { children: /* @__PURE__ */ jsxs(Stack, { align: "center", gap: "md", children: [
+    /* @__PURE__ */ jsx(IconAlertCircle, { size: 48, color: "var(--color-error)" }),
+    /* @__PURE__ */ jsx(Title, { order: 3, c: "dimmed", children: message }),
+    retry && /* @__PURE__ */ jsx(Button, { onClick: retry, children: "Retry" })
+  ] }) });
+};
+
+export { AppShellCenteredContainer, AppShellError, AppShellLoader };