@nexub/patterns 2.4.0 → 2.5.0

package/dist/chunk-23Q75ADU.js

@@ -0,0 +1,54 @@
+'use client';
+
+// src/components/NotificationItem/NotificationItem.tsx
+import * as React from "react";
+import { cn, useNexubMessages } from "@nexub/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NotificationItem = React.forwardRef(
+  ({ title, description, timestamp, read = false, icon, onDismiss, className, ...props }, ref) => {
+    const t = useNexubMessages();
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "nx-state-layer flex items-start gap-3 p-3 rounded-shape-container",
+          !read && "bg-[var(--color-surface-container-low)]",
+          className
+        ),
+        ...props,
+        children: [
+          !read && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-[var(--color-primary)]",
+              role: "img",
+              "aria-label": t.unread
+            }
+          ),
+          icon && /* @__PURE__ */ jsx("div", { className: "shrink-0 mt-0.5", children: icon }),
+          /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--color-on-surface)] truncate", children: title }),
+            description && /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--color-on-surface-muted)] mt-0.5 line-clamp-2", children: description }),
+            timestamp && /* @__PURE__ */ jsx("time", { className: "text-xs text-[var(--color-on-surface-muted)] mt-1 block", children: timestamp })
+          ] }),
+          onDismiss && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              "aria-label": t.dismissNotification,
+              className: "shrink-0 text-[var(--color-on-surface-muted)] hover:text-[var(--color-on-surface)] p-1 rounded-shape-control",
+              children: "\xD7"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+NotificationItem.displayName = "NotificationItem";
+
+export {
+  NotificationItem
+};

package/dist/{chunk-HYC5N5MO.js → chunk-GHOBXWUA.js}

@@ -2,19 +2,22 @@
 
 // src/components/ActivityFeed/ActivityFeed.tsx
 import * as React from "react";
-import { cn } from "@nexub/react";
+import { cn, useNexubMessages } from "@nexub/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Root = React.forwardRef(
-  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
-    "ul",
-    {
-      ref,
-      "aria-label": "Activity feed",
-      className: cn("flex flex-col divide-y divide-[var(--color-outline-variant)]", className),
-      ...props,
-      children
-    }
-  )
+  ({ className, children, ...props }, ref) => {
+    const t = useNexubMessages();
+    return /* @__PURE__ */ jsx(
+      "ul",
+      {
+        ref,
+        "aria-label": t.activityFeed,
+        className: cn("flex flex-col divide-y divide-[var(--color-outline-variant)]", className),
+        ...props,
+        children
+      }
+    );
+  }
 );
 Root.displayName = "ActivityFeed.Root";
 var Item = ({ avatar, title, description, timestamp, className }) => /* @__PURE__ */ jsxs("li", { className: cn("flex items-start gap-3 py-3", className), children: [

package/dist/components/ActivityFeed/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   ActivityFeed
-} from "../../chunk-HYC5N5MO.js";
+} from "../../chunk-GHOBXWUA.js";
 export {
   ActivityFeed
 };

package/dist/components/NotificationItem/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   NotificationItem
-} from "../../chunk-5IORYY2L.js";
+} from "../../chunk-23Q75ADU.js";
 export {
   NotificationItem
 };

package/dist/components/SignInPage/index.js

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

package/dist/index.js

@@ -27,7 +27,7 @@ import {
 } from "./chunk-U3FT7XAU.js";
 import {
   SignInPage
-} from "./chunk-UNQD426H.js";
+} from "./chunk-YDOVEHZK.js";
 import {
   CheckoutPage
 } from "./chunk-CZR6NZDH.js";
@@ -52,10 +52,10 @@ import {
 } from "./chunk-5JU6HUVJ.js";
 import {
   NotificationItem
-} from "./chunk-5IORYY2L.js";
+} from "./chunk-23Q75ADU.js";
 import {
   ActivityFeed
-} from "./chunk-HYC5N5MO.js";
+} from "./chunk-GHOBXWUA.js";
 import "./chunk-CWFZA7ZQ.js";
 import {
   ActivityPage,
@@ -68,9 +68,6 @@ import "./chunk-VYMTTYPR.js";
 import {
   AppLauncher
 } from "./chunk-BDCVWAH7.js";
-import {
-  AuthCard
-} from "./chunk-HMJRSNJD.js";
 import {
   BentoGrid,
   BentoTile
@@ -87,6 +84,9 @@ import {
   groupByDay,
   usePageMessages
 } from "./chunk-7QCJC2DV.js";
+import {
+  AuthCard
+} from "./chunk-HMJRSNJD.js";
 export {
   ActivityFeed,
   ActivityPage,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/patterns",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "Composite UI patterns for Nexub Design System — pre-built, production-ready layouts and widgets built on @nexub/react.",
   "type": "module",
   "license": "MIT",
@@ -36,9 +36,9 @@
   "peerDependencies": {
     "react": ">=18 <20",
     "react-dom": ">=18 <20",
-    "@nexub/icons": "^2.4.0",
-    "@nexub/react": "^2.4.0",
-    "@nexub/tokens": "^2.4.0"
+    "@nexub/icons": "^2.5.0",
+    "@nexub/react": "^2.5.0",
+    "@nexub/tokens": "^2.5.0"
   },
   "peerDependenciesMeta": {
     "@nexub/icons": {
@@ -59,9 +59,9 @@
     "typescript": "^5.9.3",
     "vite": "^7.3.7",
     "vitest": "^5.0.5",
-    "@nexub/icons": "2.4.0",
-    "@nexub/react": "2.4.0",
-    "@nexub/tokens": "2.4.0"
+    "@nexub/icons": "2.5.0",
+    "@nexub/react": "2.5.0",
+    "@nexub/tokens": "2.5.0"
   },
   "scripts": {
     "build": "tsup",

package/dist/chunk-5IORYY2L.js

@@ -1,51 +0,0 @@
-'use client';
-
-// src/components/NotificationItem/NotificationItem.tsx
-import * as React from "react";
-import { cn } from "@nexub/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var NotificationItem = React.forwardRef(
-  ({ title, description, timestamp, read = false, icon, onDismiss, className, ...props }, ref) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref,
-      className: cn(
-        "nx-state-layer flex items-start gap-3 p-3 rounded-shape-container",
-        !read && "bg-[var(--color-surface-container-low)]",
-        className
-      ),
-      ...props,
-      children: [
-        !read && /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "mt-1.5 h-2 w-2 shrink-0 rounded-full bg-[var(--color-primary)]",
-            role: "img",
-            "aria-label": "Unread"
-          }
-        ),
-        icon && /* @__PURE__ */ jsx("div", { className: "shrink-0 mt-0.5", children: icon }),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--color-on-surface)] truncate", children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--color-on-surface-muted)] mt-0.5 line-clamp-2", children: description }),
-          timestamp && /* @__PURE__ */ jsx("time", { className: "text-xs text-[var(--color-on-surface-muted)] mt-1 block", children: timestamp })
-        ] }),
-        onDismiss && /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            onClick: onDismiss,
-            "aria-label": "Dismiss notification",
-            className: "shrink-0 text-[var(--color-on-surface-muted)] hover:text-[var(--color-on-surface)] p-1 rounded-shape-control",
-            children: "\xD7"
-          }
-        )
-      ]
-    }
-  )
-);
-NotificationItem.displayName = "NotificationItem";
-
-export {
-  NotificationItem
-};

package/dist/{chunk-UNQD426H.js → chunk-YDOVEHZK.js}

@@ -1,10 +1,10 @@
 'use client';
-import {
-  AuthCard
-} from "./chunk-HMJRSNJD.js";
 import {
   usePageMessages
 } from "./chunk-7QCJC2DV.js";
+import {
+  AuthCard
+} from "./chunk-HMJRSNJD.js";
 
 // src/components/SignInPage/SignInPage.tsx
 import * as React from "react";