@tirth_jasoliya/ui 1.0.4 → 1.0.5

package/dist/index.js

@@ -3113,6 +3113,42 @@ var GeneralHelper = class {
 import { AlertTriangleIcon } from "lucide-react";
 import { useRouteError, isRouteErrorResponse, useNavigate } from "react-router";
 import { Fragment as Fragment5, jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
+var ErrorComponent = () => {
+  const error = useRouteError();
+  const navigate = useNavigate();
+  const renderErrorDetails = () => {
+    if (isRouteErrorResponse(error)) {
+      return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+        /* @__PURE__ */ jsxs21("h2", { className: "text-3xl font-semibold text-destructive", children: [
+          "Error ",
+          error.status,
+          ": ",
+          error.statusText
+        ] }),
+        typeof error.data === "string" ? /* @__PURE__ */ jsx34("pre", { className: "text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left", children: error.data }) : error.data?.message && /* @__PURE__ */ jsx34("pre", { className: "text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left", children: error.data.message })
+      ] });
+    }
+    if (error instanceof Error) {
+      return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+        /* @__PURE__ */ jsx34("h2", { className: "text-3xl font-semibold text-destructive", children: "Unexpected Error" }),
+        /* @__PURE__ */ jsx34("pre", { className: "text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left", children: error.message }),
+        error.stack && /* @__PURE__ */ jsxs21("details", { className: "mt-2 text-sm text-muted-foreground max-w-4xl text-left", children: [
+          /* @__PURE__ */ jsx34("summary", { className: "cursor-pointer underline", children: "Stack Trace" }),
+          /* @__PURE__ */ jsx34("pre", { className: "whitespace-pre-wrap", children: error.stack })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxs21(Fragment5, { children: [
+      /* @__PURE__ */ jsx34("h2", { className: "text-3xl font-semibold text-destructive", children: "Unknown Error" }),
+      /* @__PURE__ */ jsx34("pre", { className: "text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left", children: typeof error === "string" ? error : JSON.stringify(error, null, 2) })
+    ] });
+  };
+  return /* @__PURE__ */ jsx34("div", { className: "rounded-2xl flex justify-center items-center h-full bg-sidebar px-4", children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col items-center space-y-4 text-center", children: [
+    /* @__PURE__ */ jsx34(AlertTriangleIcon, { className: "h-16 w-16 text-destructive" }),
+    renderErrorDetails(),
+    /* @__PURE__ */ jsx34(Button, { variant: "outline", onClick: () => navigate(-1), children: "Go Back" })
+  ] }) });
+};
 
 // src/components/core/event-success.tsx
 import { motion as motion3 } from "framer-motion";
@@ -3162,27 +3198,230 @@ function Checkmark({ size = 100, strokeWidth = 2, color = "currentColor", classN
     }
   );
 }
+function CurrencyTransfer() {
+  return /* @__PURE__ */ jsx35(Card, { className: "w-full max-w-sm mx-auto p-6 min-h-[300px] flex flex-col justify-center bg-background", children: /* @__PURE__ */ jsxs22(CardContent, { className: "space-y-4 flex flex-col items-center justify-center", children: [
+    /* @__PURE__ */ jsx35(
+      motion3.div,
+      {
+        className: "flex justify-center",
+        initial: { opacity: 0, scale: 0.8 },
+        animate: { opacity: 1, scale: 1 },
+        transition: {
+          duration: 0.4,
+          ease: [0.4, 0, 0.2, 1],
+          scale: {
+            type: "spring",
+            damping: 15,
+            stiffness: 200
+          }
+        },
+        children: /* @__PURE__ */ jsxs22("div", { className: "relative", children: [
+          /* @__PURE__ */ jsx35(
+            motion3.div,
+            {
+              className: "absolute inset-0 bg-primary/5 rounded-full",
+              initial: { opacity: 0, scale: 0.8 },
+              animate: { opacity: 1, scale: 1 },
+              transition: {
+                delay: 0.2,
+                duration: 0.8,
+                ease: "circOut"
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx35(
+            Checkmark,
+            {
+              size: 80,
+              strokeWidth: 4,
+              color: "rgb(16 185 129)",
+              className: "relative z-10 dark:drop-shadow-[0_0_10px_rgba(0,0,0,0.1)]"
+            }
+          )
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxs22(
+      motion3.div,
+      {
+        className: "space-y-2 text-center w-full",
+        initial: { opacity: 0, y: 10 },
+        animate: { opacity: 1, y: 0 },
+        transition: {
+          delay: 0.2,
+          duration: 0.6,
+          ease: [0.4, 0, 0.2, 1]
+        },
+        children: [
+          /* @__PURE__ */ jsx35(
+            motion3.h2,
+            {
+              className: "text-lg text-zinc-100 dark:text-zinc-900 tracking-tighter font-semibold uppercase",
+              initial: { opacity: 0, y: 5 },
+              animate: { opacity: 1, y: 0 },
+              transition: { delay: 1, duration: 0.4 },
+              children: "Transfer Successful"
+            }
+          ),
+          /* @__PURE__ */ jsx35("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ jsx35(
+            motion3.div,
+            {
+              className: "flex-1 bg-zinc-800/50 dark:bg-zinc-50/50 rounded-xl p-3 border border-zinc-700/50 dark:border-zinc-200/50 backdrop-blur-md",
+              initial: { opacity: 0, scale: 0.95 },
+              animate: { opacity: 1, scale: 1 },
+              transition: {
+                delay: 1.2,
+                duration: 0.4,
+                ease: [0.4, 0, 0.2, 1]
+              },
+              children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col items-start gap-2", children: [
+                /* @__PURE__ */ jsxs22("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsxs22("span", { className: "text-xs font-medium text-secondary-foreground flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxs22(
+                      "svg",
+                      {
+                        className: "w-3 h-3",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        children: [
+                          /* @__PURE__ */ jsx35("title", { children: "From" }),
+                          /* @__PURE__ */ jsx35("path", { d: "M12 19V5M5 12l7-7 7 7" })
+                        ]
+                      }
+                    ),
+                    "From"
+                  ] }),
+                  /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2.5 group transition-all", children: [
+                    /* @__PURE__ */ jsx35("span", { className: "inline-flex items-center justify-center w-7 h-7 rounded-lg bg-zinc-900 dark:bg-white shadow-lg border border-zinc-700 dark:border-zinc-300 text-sm font-medium text-zinc-100 dark:text-zinc-900 group-hover:scale-105 transition-transform", children: "$" }),
+                    /* @__PURE__ */ jsx35("span", { className: "font-medium text-zinc-100 dark:text-zinc-900 tracking-tight", children: "500.00 USD" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx35("div", { className: "w-full h-px bg-gradient-to-r from-transparent via-zinc-700 dark:via-zinc-300 to-transparent" }),
+                /* @__PURE__ */ jsxs22("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ jsxs22("span", { className: "text-xs font-medium text-secondary-foreground flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxs22(
+                      "svg",
+                      {
+                        className: "w-3 h-3",
+                        xmlns: "http://www.w3.org/2000/svg",
+                        viewBox: "0 0 24 24",
+                        fill: "none",
+                        stroke: "currentColor",
+                        strokeWidth: "2",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        children: [
+                          /* @__PURE__ */ jsx35("title", { children: "To" }),
+                          /* @__PURE__ */ jsx35("path", { d: "M12 5v14M5 12l7 7 7-7" })
+                        ]
+                      }
+                    ),
+                    "To"
+                  ] }),
+                  /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2.5 group transition-all", children: [
+                    /* @__PURE__ */ jsx35("span", { className: "inline-flex items-center justify-center w-7 h-7 rounded-lg bg-zinc-900 dark:bg-white shadow-lg border border-zinc-700 dark:border-zinc-300 text-sm font-medium text-zinc-100 dark:text-zinc-900 group-hover:scale-105 transition-transform", children: "\u20AC" }),
+                    /* @__PURE__ */ jsx35("span", { className: "font-medium text-zinc-100 dark:text-zinc-900 tracking-tight", children: "460.00 EUR" })
+                  ] })
+                ] })
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ jsx35(
+            motion3.div,
+            {
+              className: "w-full text-xs text-secondary-foreground mt-2 text-center",
+              initial: { opacity: 0 },
+              animate: { opacity: 1 },
+              transition: { delay: 1.4, duration: 0.4 },
+              children: "Exchange Rate: 1 USD = 0.92 EUR"
+            }
+          )
+        ]
+      }
+    )
+  ] }) });
+}
 
 // src/components/core/loader.tsx
 import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
+var Loader4 = () => {
+  return /* @__PURE__ */ jsx36("div", { className: "rounded-2xl flex justify-center items-center h-full bg-transparent", children: /* @__PURE__ */ jsxs23("div", { className: "flex flex-col items-center space-y-4", children: [
+    /* @__PURE__ */ jsx36("div", { className: "animate-spin rounded-full border-t-4 border-ring h-16 w-16 mb-4" }),
+    /* @__PURE__ */ jsx36("h2", { className: "text-xl font-semibold text-muted-foreground", children: "Loading, please wait..." }),
+    /* @__PURE__ */ jsx36("p", { className: "text-sm text-muted-foreground", children: "Your content is on its way." })
+  ] }) });
+};
 
 // src/components/core/notfound.tsx
 import { useLocation } from "react-router";
 import { GhostIcon } from "lucide-react";
 import { NavLink as NavLink2, useNavigate as useNavigate2 } from "react-router";
 import { jsx as jsx37, jsxs as jsxs24 } from "react/jsx-runtime";
+var NotFound = () => {
+  const location = useLocation();
+  const navigate = useNavigate2();
+  const goBack = () => {
+    if (window.history.length > 2) {
+      navigate(-1);
+    } else {
+      navigate("/");
+    }
+  };
+  return /* @__PURE__ */ jsxs24("div", { className: "rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none", children: [
+    /* @__PURE__ */ jsx37(GhostIcon, { className: "h-15 w-15 text-destructive mb-4" }),
+    /* @__PURE__ */ jsx37("h1", { className: "text-2xl font-bold text-destructive mb-2", children: "Page Not Found" }),
+    /* @__PURE__ */ jsxs24("p", { className: "text-xl mb-4", children: [
+      "The page ",
+      /* @__PURE__ */ jsx37("code", { className: "px-1 py-0.5 rounded bg-muted text-foreground", children: location.pathname }),
+      " doesn't exist or has been moved."
+    ] }),
+    /* @__PURE__ */ jsxs24("div", { className: "flex space-x-4", children: [
+      /* @__PURE__ */ jsx37(Button, { variant: "outline", onClick: goBack, children: "Go Back" }),
+      /* @__PURE__ */ jsx37(Button, { variant: "ghost", children: /* @__PURE__ */ jsx37(NavLink2, { to: "/", children: "Return Home" }) })
+    ] })
+  ] });
+};
 
 // src/components/core/offline-content.tsx
 import { WifiOffIcon } from "lucide-react";
 import { jsx as jsx38, jsxs as jsxs25 } from "react/jsx-runtime";
+var OfflineUI = () => /* @__PURE__ */ jsxs25("div", { className: "rounded-2xl flex flex-col items-center justify-center h-screen p-6 text-center text-muted-foreground bg-background select-none", children: [
+  /* @__PURE__ */ jsx38(WifiOffIcon, { className: "h-15 w-15 text-destructive mb-4" }),
+  /* @__PURE__ */ jsx38("h1", { className: "text-3xl font-bold text-destructive mb-2", children: "You're offline" }),
+  /* @__PURE__ */ jsx38("p", { className: "text-xl max-w-md", children: "We couldn't connect to the server." })
+] });
 
 // src/components/core/unauthorized.tsx
 import { ShieldOffIcon } from "lucide-react";
 import { NavLink as NavLink3, useNavigate as useNavigate3 } from "react-router";
 import { jsx as jsx39, jsxs as jsxs26 } from "react/jsx-runtime";
+var Unauthorized = () => {
+  const navigate = useNavigate3();
+  const goBack = () => {
+    if (window.history.length > 2) {
+      navigate(-1);
+    } else {
+      navigate("/");
+    }
+  };
+  return /* @__PURE__ */ jsxs26("div", { className: "rounded-2xl flex flex-col items-center justify-center h-full p-6 text-center bg-sidebar text-muted-foreground select-none", children: [
+    /* @__PURE__ */ jsx39(ShieldOffIcon, { className: "h-15 w-15 text-destructive mb-4" }),
+    /* @__PURE__ */ jsx39("h1", { className: "text-2xl font-bold text-destructive mb-2", children: "Access Denied" }),
+    /* @__PURE__ */ jsx39("p", { className: "text-xl mb-4", children: "You don't have permission to view this page. Please sign in with an authorized account or contact your administrator." }),
+    /* @__PURE__ */ jsxs26("div", { className: "flex space-x-4", children: [
+      /* @__PURE__ */ jsx39(Button, { variant: "outline", onClick: goBack, children: "Go Back" }),
+      /* @__PURE__ */ jsx39(Button, { variant: "ghost", children: /* @__PURE__ */ jsx39(NavLink3, { to: "/", children: "Go to Home" }) })
+    ] })
+  ] });
+};
 export {
   AppMetaProvider,
-  Checkmark,
+  CurrencyTransfer,
   DataTable,
   DataTableActionBar,
   DataTableActionBarAction,
@@ -3191,7 +3430,12 @@ export {
   DataTemplateActionBar,
   DataTemplateActionBarAction,
   DataTemplateActionBarSelection,
+  ErrorComponent,
   GeneralHelper,
+  Loader4 as Loader,
+  NotFound,
+  OfflineUI,
+  Unauthorized,
   createLayoutComponents,
   createPageTemplateHook,
   createTypedAppMetaContext