@nexub/patterns 9.4.0 → 9.6.0

package/dist/{chunk-MPYNCRDP.js → chunk-AUJER5GR.js}

@@ -5,7 +5,7 @@ import {
   groupByDay,
   usePageMessages,
   useTemplateLocale
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/ActivityPage/ActivityPage.tsx
 import * as React from "react";

package/dist/{chunk-64PSI75E.js → chunk-IHUELKTD.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-WRP73TXG.js";
 import {
   usePageMessages
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/ChatPage/ChatPage.tsx
 import * as React from "react";

package/dist/{chunk-Y52QKHGE.js → chunk-JN5U727F.js}

@@ -4,12 +4,12 @@ import {
 } from "./chunk-INKX2GYA.js";
 import {
   TransactionRow
-} from "./chunk-MPYNCRDP.js";
+} from "./chunk-AUJER5GR.js";
 import {
   PageFrame,
   usePageMessages,
   useTemplateLocale
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/DashboardPage/DashboardPage.tsx
 import * as React from "react";

package/dist/{chunk-W3ADLRKA.js → chunk-JXST66ON.js}

@@ -2,7 +2,7 @@
 import {
   PageFrame,
   usePageMessages
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/SettingsPage/SettingsPage.tsx
 import * as React from "react";

package/dist/{chunk-LLBFQJ3B.js → chunk-K2FAHLBJ.js}

@@ -2,7 +2,7 @@
 import {
   PageFrame,
   usePageMessages
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/PaywallPage/PaywallPage.tsx
 import * as React from "react";

package/dist/{chunk-Y5HDYYW5.js → chunk-LX6YY2KQ.js}

@@ -7,7 +7,7 @@ import {
   formatMoney,
   usePageMessages,
   useTemplateLocale
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/CheckoutPage/CheckoutPage.tsx
 import * as React from "react";

package/dist/{chunk-SMV7OA63.js → chunk-PGGREX6G.js}

@@ -6,7 +6,7 @@ import {
   PageFrame,
   usePageMessages,
   useTemplateLocale
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/TransactionDetailPage/TransactionDetailPage.tsx
 import * as React from "react";

package/dist/{chunk-7PQPVRYW.js → chunk-RXT3LZQL.js}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-HMJRSNJD.js";
 import {
   usePageMessages
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 
 // src/components/SignInPage/SignInPage.tsx
 import * as React from "react";

package/dist/{chunk-7QCJC2DV.js → chunk-S63ZWOZB.js}

@@ -2,7 +2,7 @@
 
 // src/components/PageFrame/PageFrame.tsx
 import * as React from "react";
-import { Badge, cn, useLocale, useNexubMessages } from "@nexub/react";
+import { Badge, Button, EmptyStatePreset, cn, useLocale, useNexubMessages } from "@nexub/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var defaultPageTemplateMessages = {
   activity: "Activity",
@@ -77,8 +77,34 @@ function StatusBadge({ status, m, dot }) {
     status === "failed" ? m.failed : m.pending
   ] });
 }
+function DefaultFallback({ reset }) {
+  const m = useNexubMessages();
+  return /* @__PURE__ */ jsx(
+    EmptyStatePreset,
+    {
+      kind: "serverError",
+      actions: /* @__PURE__ */ jsx(Button, { variant: "tonal", onClick: reset, children: m.retry })
+    }
+  );
+}
+var ContentBoundary = class extends React.Component {
+  state = { failed: false, error: void 0 };
+  static getDerivedStateFromError(error) {
+    return { failed: true, error };
+  }
+  componentDidCatch(error, info) {
+    this.props.onError?.(error, info);
+  }
+  reset = () => this.setState({ failed: false, error: void 0 });
+  render() {
+    if (!this.state.failed) return this.props.children;
+    const { errorFallback } = this.props;
+    if (typeof errorFallback === "function") return errorFallback({ error: this.state.error, reset: this.reset });
+    return errorFallback ?? /* @__PURE__ */ jsx(DefaultFallback, { reset: this.reset });
+  }
+};
 var widths = { sm: "max-w-[480px]", md: "max-w-3xl", lg: "max-w-6xl" };
-var PageFrame = React.forwardRef(function PageFrame2({ as: Tag = "main", title, description, actions, eyebrow, width = "md", className, children, ...props }, ref) {
+var PageFrame = React.forwardRef(function PageFrame2({ as: Tag = "main", title, description, actions, eyebrow, width = "md", className, children, errorFallback, onError, ...props }, ref) {
   const headingId = React.useId();
   return /* @__PURE__ */ jsxs(
     Tag,
@@ -96,7 +122,7 @@ var PageFrame = React.forwardRef(function PageFrame2({ as: Tag = "main", title,
           ] }),
           description && /* @__PURE__ */ jsx("p", { className: "text-body-md text-[var(--color-on-surface-muted)]", children: description })
         ] }),
-        children
+        /* @__PURE__ */ jsx(ContentBoundary, { errorFallback, onError, children })
       ]
     }
   );

package/dist/components/ActivityPage/index.js

@@ -3,8 +3,8 @@ import "../../chunk-CWFZA7ZQ.js";
 import {
   ActivityPage,
   TransactionRow
-} from "../../chunk-MPYNCRDP.js";
-import "../../chunk-7QCJC2DV.js";
+} from "../../chunk-AUJER5GR.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   ActivityPage,
   TransactionRow

package/dist/components/ChatPage/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   ChatPage
-} from "../../chunk-64PSI75E.js";
+} from "../../chunk-IHUELKTD.js";
 import "../../chunk-WRP73TXG.js";
-import "../../chunk-7QCJC2DV.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   ChatPage
 };

package/dist/components/CheckoutPage/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   CheckoutPage
-} from "../../chunk-Y5HDYYW5.js";
+} from "../../chunk-LX6YY2KQ.js";
 import "../../chunk-WPNT5JOU.js";
-import "../../chunk-7QCJC2DV.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   CheckoutPage
 };

package/dist/components/DashboardPage/index.js

@@ -1,10 +1,10 @@
 'use client';
 import {
   DashboardPage
-} from "../../chunk-Y52QKHGE.js";
+} from "../../chunk-JN5U727F.js";
 import "../../chunk-INKX2GYA.js";
-import "../../chunk-MPYNCRDP.js";
-import "../../chunk-7QCJC2DV.js";
+import "../../chunk-AUJER5GR.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   DashboardPage
 };

package/dist/components/PageFrame/index.js

@@ -5,7 +5,7 @@ import {
   defaultPageTemplateMessages,
   groupByDay,
   usePageMessages
-} from "../../chunk-7QCJC2DV.js";
+} from "../../chunk-S63ZWOZB.js";
 export {
   PageFrame,
   defaultPageTemplateMessages,

package/dist/components/PaywallPage/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   PaywallPage
-} from "../../chunk-LLBFQJ3B.js";
-import "../../chunk-7QCJC2DV.js";
+} from "../../chunk-K2FAHLBJ.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   PaywallPage
 };

package/dist/components/SettingsPage/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   SettingsPage
-} from "../../chunk-W3ADLRKA.js";
-import "../../chunk-7QCJC2DV.js";
+} from "../../chunk-JXST66ON.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   SettingsPage
 };

package/dist/components/SignInPage/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   SignInPage
-} from "../../chunk-7PQPVRYW.js";
+} from "../../chunk-RXT3LZQL.js";
 import "../../chunk-HMJRSNJD.js";
-import "../../chunk-7QCJC2DV.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   SignInPage
 };

package/dist/components/TransactionDetailPage/index.js

@@ -1,9 +1,9 @@
 'use client';
 import {
   TransactionDetailPage
-} from "../../chunk-SMV7OA63.js";
+} from "../../chunk-PGGREX6G.js";
 import "../../chunk-WPNT5JOU.js";
-import "../../chunk-7QCJC2DV.js";
+import "../../chunk-S63ZWOZB.js";
 export {
   TransactionDetailPage
 };

package/dist/index.d.ts

@@ -511,7 +511,16 @@ declare function groupByDay(transactions: Transaction[], locale: string): {
     title: string;
     data: Transaction[];
 }[];
-interface PageFrameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+interface ContentBoundaryProps {
+    /** Shown in place of content that threw while rendering. Default: the "Something went wrong" state with Retry. */
+    errorFallback?: React.ReactNode | ((state: {
+        error: unknown;
+        reset: () => void;
+    }) => React.ReactNode);
+    /** Called with the error, for reporting (Sentry, Datadog). */
+    onError?: (error: unknown, info: React.ErrorInfo) => void;
+}
+interface PageFrameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'onError'>, ContentBoundaryProps {
     /** Landmark element. Use `div` inside an app shell that already renders `<main>`. @default 'main' */
     as?: 'main' | 'div' | 'section';
     title?: React.ReactNode;

package/dist/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   TransactionDetailPage
-} from "./chunk-SMV7OA63.js";
+} from "./chunk-PGGREX6G.js";
 import {
   UserCard
 } from "./chunk-7NYGYETG.js";
@@ -9,39 +9,39 @@ import "./chunk-EQQOVRRM.js";
 import "./chunk-RFCPEZGF.js";
 import {
   PaywallPage
-} from "./chunk-LLBFQJ3B.js";
+} from "./chunk-K2FAHLBJ.js";
+import {
+  PlanCard
+} from "./chunk-I5OGZW3U.js";
 import {
   SettingsLayout,
   SettingsRow
 } from "./chunk-KJ4QGNXD.js";
-import {
-  PlanCard
-} from "./chunk-I5OGZW3U.js";
 import {
   SettingsPage
-} from "./chunk-W3ADLRKA.js";
+} from "./chunk-JXST66ON.js";
 import {
   SettingsSection
 } from "./chunk-U3FT7XAU.js";
 import {
   SignInPage
-} from "./chunk-7PQPVRYW.js";
+} from "./chunk-RXT3LZQL.js";
 import {
   CheckoutPage
-} from "./chunk-Y5HDYYW5.js";
+} from "./chunk-LX6YY2KQ.js";
 import {
   DashboardPage
-} from "./chunk-Y52QKHGE.js";
+} from "./chunk-JN5U727F.js";
 import {
   StatCard
 } from "./chunk-INKX2GYA.js";
+import {
+  FilterBar
+} from "./chunk-SNONOBAE.js";
 import {
   ErrorSummary,
   useFormErrors
 } from "./chunk-RWPFCNMJ.js";
-import {
-  FilterBar
-} from "./chunk-SNONOBAE.js";
 import {
   InfoList
 } from "./chunk-WPNT5JOU.js";
@@ -64,7 +64,7 @@ import "./chunk-CWFZA7ZQ.js";
 import {
   ActivityPage,
   TransactionRow
-} from "./chunk-MPYNCRDP.js";
+} from "./chunk-AUJER5GR.js";
 import "./chunk-VYMTTYPR.js";
 import {
   AppLauncher
@@ -78,7 +78,7 @@ import {
 } from "./chunk-WZTDCJYP.js";
 import {
   ChatPage
-} from "./chunk-64PSI75E.js";
+} from "./chunk-IHUELKTD.js";
 import {
   Conversation
 } from "./chunk-WRP73TXG.js";
@@ -87,7 +87,7 @@ import {
   defaultPageTemplateMessages,
   groupByDay,
   usePageMessages
-} from "./chunk-7QCJC2DV.js";
+} from "./chunk-S63ZWOZB.js";
 export {
   ActivityFeed,
   ActivityPage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/patterns",
-  "version": "9.4.0",
+  "version": "9.6.0",
   "description": "Composite UI patterns for Nexub Design System — pre-built, production-ready layouts and widgets built on @nexub/react.",
   "type": "module",
   "license": "MIT",
@@ -39,9 +39,9 @@
   "peerDependencies": {
     "react": ">=19 <20",
     "react-dom": ">=19 <20",
-    "@nexub/icons": "^9.4.0",
-    "@nexub/react": "^9.4.0",
-    "@nexub/tokens": "^9.4.0"
+    "@nexub/icons": "^9.6.0",
+    "@nexub/react": "^9.6.0",
+    "@nexub/tokens": "^9.6.0"
   },
   "peerDependenciesMeta": {
     "@nexub/icons": {
@@ -65,9 +65,9 @@
     "typescript": "~6.0.3",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/icons": "9.4.0",
-    "@nexub/react": "9.4.0",
-    "@nexub/tokens": "9.4.0"
+    "@nexub/icons": "9.6.0",
+    "@nexub/react": "9.6.0",
+    "@nexub/tokens": "9.6.0"
   },
   "scripts": {
     "build": "tsup && tailwindcss -i src/styles.css -o dist/styles.css --minify",