@tirth_jasoliya/ui 1.0.4 → 1.0.5

package/dist/index.cjs

@@ -31,7 +31,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AppMetaProvider: () => AppMetaProvider,
-  Checkmark: () => Checkmark,
+  CurrencyTransfer: () => CurrencyTransfer,
   DataTable: () => DataTable,
   DataTableActionBar: () => DataTableActionBar,
   DataTableActionBarAction: () => DataTableActionBarAction,
@@ -40,7 +40,12 @@ __export(index_exports, {
   DataTemplateActionBar: () => DataTemplateActionBar,
   DataTemplateActionBarAction: () => DataTemplateActionBarAction,
   DataTemplateActionBarSelection: () => DataTemplateActionBarSelection,
+  ErrorComponent: () => ErrorComponent,
   GeneralHelper: () => GeneralHelper,
+  Loader: () => Loader4,
+  NotFound: () => NotFound,
+  OfflineUI: () => OfflineUI,
+  Unauthorized: () => Unauthorized,
   createLayoutComponents: () => createLayoutComponents,
   createPageTemplateHook: () => createPageTemplateHook,
   createTypedAppMetaContext: () => createTypedAppMetaContext
@@ -3155,6 +3160,42 @@ var GeneralHelper = class {
 var import_lucide_react19 = require("lucide-react");
 var import_react_router2 = require("react-router");
 var import_jsx_runtime34 = require("react/jsx-runtime");
+var ErrorComponent = () => {
+  const error = (0, import_react_router2.useRouteError)();
+  const navigate = (0, import_react_router2.useNavigate)();
+  const renderErrorDetails = () => {
+    if ((0, import_react_router2.isRouteErrorResponse)(error)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("h2", { className: "text-3xl font-semibold text-destructive", children: [
+          "Error ",
+          error.status,
+          ": ",
+          error.statusText
+        ] }),
+        typeof error.data === "string" ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left", children: error.data }) : error.data?.message && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "text-3xl font-semibold text-destructive", children: "Unexpected Error" }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "text-lg text-muted-foreground whitespace-pre-wrap max-w-4xl text-left", children: error.message }),
+        error.stack && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("details", { className: "mt-2 text-sm text-muted-foreground max-w-4xl text-left", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("summary", { className: "cursor-pointer underline", children: "Stack Trace" }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("pre", { className: "whitespace-pre-wrap", children: error.stack })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: "text-3xl font-semibold text-destructive", children: "Unknown Error" }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("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__ */ (0, import_jsx_runtime34.jsx)("div", { className: "rounded-2xl flex justify-center items-center h-full bg-sidebar px-4", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col items-center space-y-4 text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react19.AlertTriangleIcon, { className: "h-16 w-16 text-destructive" }),
+    renderErrorDetails(),
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(Button, { variant: "outline", onClick: () => navigate(-1), children: "Go Back" })
+  ] }) });
+};
 
 // src/components/core/event-success.tsx
 var import_framer_motion3 = require("framer-motion");
@@ -3204,28 +3245,231 @@ function Checkmark({ size = 100, strokeWidth = 2, color = "currentColor", classN
     }
   );
 }
+function CurrencyTransfer() {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Card, { className: "w-full max-w-sm mx-auto p-6 min-h-[300px] flex flex-col justify-center bg-background", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(CardContent, { className: "space-y-4 flex flex-col items-center justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+      import_framer_motion3.motion.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__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion3.motion.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__ */ (0, import_jsx_runtime35.jsx)(
+            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__ */ (0, import_jsx_runtime35.jsxs)(
+      import_framer_motion3.motion.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__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion3.motion.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__ */ (0, import_jsx_runtime35.jsx)("div", { className: "flex items-center gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion3.motion.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__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex flex-col items-start gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-xs font-medium text-secondary-foreground flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                      "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__ */ (0, import_jsx_runtime35.jsx)("title", { children: "From" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M12 19V5M5 12l7-7 7 7" })
+                        ]
+                      }
+                    ),
+                    "From"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2.5 group transition-all", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-medium text-zinc-100 dark:text-zinc-900 tracking-tight", children: "500.00 USD" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "w-full h-px bg-gradient-to-r from-transparent via-zinc-700 dark:via-zinc-300 to-transparent" }),
+                /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1.5", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("span", { className: "text-xs font-medium text-secondary-foreground flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+                      "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__ */ (0, import_jsx_runtime35.jsx)("title", { children: "To" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { d: "M12 5v14M5 12l7 7 7-7" })
+                        ]
+                      }
+                    ),
+                    "To"
+                  ] }),
+                  /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-2.5 group transition-all", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("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__ */ (0, import_jsx_runtime35.jsx)("span", { className: "font-medium text-zinc-100 dark:text-zinc-900 tracking-tight", children: "460.00 EUR" })
+                  ] })
+                ] })
+              ] })
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            import_framer_motion3.motion.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
 var import_jsx_runtime36 = require("react/jsx-runtime");
+var Loader4 = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "rounded-2xl flex justify-center items-center h-full bg-transparent", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex flex-col items-center space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "animate-spin rounded-full border-t-4 border-ring h-16 w-16 mb-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h2", { className: "text-xl font-semibold text-muted-foreground", children: "Loading, please wait..." }),
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-sm text-muted-foreground", children: "Your content is on its way." })
+  ] }) });
+};
 
 // src/components/core/notfound.tsx
 var import_react_router3 = require("react-router");
 var import_lucide_react20 = require("lucide-react");
 var import_react_router4 = require("react-router");
 var import_jsx_runtime37 = require("react/jsx-runtime");
+var NotFound = () => {
+  const location = (0, import_react_router3.useLocation)();
+  const navigate = (0, import_react_router4.useNavigate)();
+  const goBack = () => {
+    if (window.history.length > 2) {
+      navigate(-1);
+    } else {
+      navigate("/");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("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__ */ (0, import_jsx_runtime37.jsx)(import_lucide_react20.GhostIcon, { className: "h-15 w-15 text-destructive mb-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h1", { className: "text-2xl font-bold text-destructive mb-2", children: "Page Not Found" }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("p", { className: "text-xl mb-4", children: [
+      "The page ",
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("code", { className: "px-1 py-0.5 rounded bg-muted text-foreground", children: location.pathname }),
+      " doesn't exist or has been moved."
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: "flex space-x-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "outline", onClick: goBack, children: "Go Back" }),
+      /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(Button, { variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react_router4.NavLink, { to: "/", children: "Return Home" }) })
+    ] })
+  ] });
+};
 
 // src/components/core/offline-content.tsx
 var import_lucide_react21 = require("lucide-react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
+var OfflineUI = () => /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("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__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.WifiOffIcon, { className: "h-15 w-15 text-destructive mb-4" }),
+  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("h1", { className: "text-3xl font-bold text-destructive mb-2", children: "You're offline" }),
+  /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "text-xl max-w-md", children: "We couldn't connect to the server." })
+] });
 
 // src/components/core/unauthorized.tsx
 var import_lucide_react22 = require("lucide-react");
 var import_react_router5 = require("react-router");
 var import_jsx_runtime39 = require("react/jsx-runtime");
+var Unauthorized = () => {
+  const navigate = (0, import_react_router5.useNavigate)();
+  const goBack = () => {
+    if (window.history.length > 2) {
+      navigate(-1);
+    } else {
+      navigate("/");
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("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__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.ShieldOffIcon, { className: "h-15 w-15 text-destructive mb-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("h1", { className: "text-2xl font-bold text-destructive mb-2", children: "Access Denied" }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("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__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex space-x-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { variant: "outline", onClick: goBack, children: "Go Back" }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Button, { variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_router5.NavLink, { to: "/", children: "Go to Home" }) })
+    ] })
+  ] });
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppMetaProvider,
-  Checkmark,
+  CurrencyTransfer,
   DataTable,
   DataTableActionBar,
   DataTableActionBarAction,
@@ -3234,7 +3478,12 @@ var import_jsx_runtime39 = require("react/jsx-runtime");
   DataTemplateActionBar,
   DataTemplateActionBarAction,
   DataTemplateActionBarSelection,
+  ErrorComponent,
   GeneralHelper,
+  Loader,
+  NotFound,
+  OfflineUI,
+  Unauthorized,
   createLayoutComponents,
   createPageTemplateHook,
   createTypedAppMetaContext