@tirth_jasoliya/ui 1.0.1 → 1.0.3

package/dist/index.cjs

@@ -2065,7 +2065,7 @@ function DataTemplate({
     ] }) }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("w-full flex gap-2 flex-col h-full", gridContainerClasses), children: [
-    header && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { className: "shadow-sm border-0 bg-gradient-to-r from-background to-muted/20", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardContent, { className: "p-6", children: header }) }),
+    header && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Card, { className: "shadow-sm border-0 py-0 text-xl font-bold", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CardContent, { className: "p-2", children: header }) }),
     toolbar && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       DataTemplateToolbar,
       {
@@ -2132,8 +2132,8 @@ function DataTemplate({
             );
           })
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 text-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-6xl mb-4", children: emptyIcon || "\u{1F4CB}" }),
+      ) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col gap-4 items-center justify-center py-12 text-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "text-6xl", children: emptyIcon || "\u{1F4CB}" }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("p", { className: "text-lg font-medium text-muted-foreground mb-2", children: emptyMessage }),
         (globalFilter || Object.values(fieldFilters).some((v) => v)) && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button, { variant: "outline", onClick: handleClearFilters, children: "Clear Filters" })
       ] })
@@ -2312,6 +2312,7 @@ var AppContainer = ({
 
 // src/components/layouts/app-header.tsx
 var import_lucide_react16 = require("lucide-react");
+var import_react_router = require("react-router");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var AppHeader = ({
   className,
@@ -2327,10 +2328,10 @@ var AppHeader = ({
       className: "hover:bg-primary/20 inline-flex"
     };
     if (meta.backAction.href) {
-      return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button, { ...buttonProps, children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react_router.NavLink, { to: meta.backAction.href, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button, { ...buttonProps, children: [
         /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react16.ArrowLeftIcon, { className: "size-6" }),
         meta.backAction.content
-      ] });
+      ] }) });
     }
     return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button, { ...buttonProps, onClick: meta.backAction.onClick, children: [
       /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react16.ArrowLeftIcon, { className: "size-6" }),
@@ -2816,7 +2817,6 @@ function createPageTemplateHook({
       return {
         ...options.backAction,
         onClick: options.backAction.onClick
-        // Keep as is - we'll handle stabilization differently
       };
     }, [options.backAction?.content, options.backAction?.href, options.backAction?.onClick?.toString()]);
     const metadata = (0, import_react5.useMemo)(() => options.metadata, [JSON.stringify(options.metadata)]);