@nexub/patterns 7.0.1 → 7.2.0

package/dist/{chunk-464UFQKG.js → chunk-4MD5VRPS.js}

@@ -1,11 +1,11 @@
 'use client';
 import {
   NotificationItem
-} from "./chunk-RQARH2AX.js";
+} from "./chunk-QC4TMG73.js";
 
 // src/components/NotificationCenter/NotificationCenter.tsx
 import * as React from "react";
-import { Button, IconButton, Popover, cn, useNexubMessages } from "@nexub/react";
+import { Button, IconButton, Popover, cn, safeHref, useNexubMessages } from "@nexub/react";
 import { Bell } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 function NotificationCenter({
@@ -53,7 +53,7 @@ function NotificationCenter({
           timestamp: n.timestamp,
           read: n.read,
           icon: n.icon,
-          href: n.href,
+          href: safeHref(n.href),
           onSelect: onOpen ? () => onOpen(n.id) : void 0,
           onDismiss: onDismiss ? () => onDismiss(n.id) : void 0
         }

package/dist/{chunk-2WKGBINE.js → chunk-BDT2EEOK.js}

@@ -1,7 +1,7 @@
 'use client';
 import {
   AppLauncher
-} from "./chunk-BDCVWAH7.js";
+} from "./chunk-TUJJWHQT.js";
 
 // src/components/AppHeader/AppHeader.tsx
 import * as React from "react";
@@ -15,7 +15,8 @@ import {
   TopNav,
   cn,
   useNexubMessages,
-  useTheme
+  useTheme,
+  safeHref
 } from "@nexub/react";
 import { Building2, ChevronDown, Moon, Search, Sun } from "@nexub/icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -220,7 +221,7 @@ function AccountMenu({
       setOpen(false);
     });
   };
-  const link = (href, label) => /* @__PURE__ */ jsx(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsx("a", { href, children: label }) });
+  const link = (href, label) => /* @__PURE__ */ jsx(DropdownMenu.Item, { asChild: true, children: /* @__PURE__ */ jsx("a", { href: safeHref(href), children: label }) });
   const legal = (privacyHref || termsHref) && /* @__PURE__ */ jsxs(Fragment, { children: [
     privacyHref && link(privacyHref, t.privacyPolicy),
     termsHref && link(termsHref, t.termsOfService)
@@ -297,7 +298,7 @@ var AppHeader = React.forwardRef(
             /* @__PURE__ */ jsx(
               "a",
               {
-                href: homeHref,
+                href: safeHref(homeHref),
                 onClick: (e) => {
                   if (onNavigate && isPlainClick(e)) {
                     e.preventDefault();

package/dist/{chunk-27N33TGN.js → chunk-CSC2TFWA.js}

@@ -6,7 +6,7 @@ import {
 
 // src/components/SettingsPage/SettingsPage.tsx
 import * as React from "react";
-import { cn } from "@nexub/react";
+import { cn, safeHref } from "@nexub/react";
 import { ChevronRight } from "@nexub/icons";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function Row({ item }) {
@@ -30,7 +30,7 @@ function Row({ item }) {
   ] });
   const row = "flex min-h-[56px] w-full items-center gap-3 px-4 py-3";
   if (item.href)
-    return /* @__PURE__ */ jsx("a", { href: item.href, onClick: item.onSelect && ((e) => {
+    return /* @__PURE__ */ jsx("a", { href: safeHref(item.href), onClick: item.onSelect && ((e) => {
       e.preventDefault();
       item.onSelect?.();
     }), className: cn(row, "nx-state-layer"), children: content });

package/dist/{chunk-LKN2CK6M.js → chunk-DI4EBNP7.js}

@@ -2,7 +2,7 @@
 
 // src/components/PlanCard/PlanCard.tsx
 import * as React from "react";
-import { cn, Badge, Button } from "@nexub/react";
+import { cn, Badge, Button, safeHref } from "@nexub/react";
 import { Check } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 var PlanCard = React.forwardRef(
@@ -57,7 +57,7 @@ var PlanCard = React.forwardRef(
             className: "mt-auto w-full",
             onClick: onSelect,
             asChild: Boolean(ctaHref),
-            children: ctaHref ? /* @__PURE__ */ jsx("a", { href: ctaHref, children: cta }) : cta
+            children: ctaHref ? /* @__PURE__ */ jsx("a", { href: safeHref(ctaHref), children: cta }) : cta
           }
         )
       ]

package/dist/{chunk-Z4FCC42C.js → chunk-KJ4QGNXD.js}

@@ -2,7 +2,7 @@
 
 // src/components/SettingsLayout/SettingsLayout.tsx
 import * as React from "react";
-import { Card, IconButton, Sheet, Sidebar, TopNav, cn } from "@nexub/react";
+import { Card, IconButton, Sheet, Sidebar, TopNav, cn, safeHref } from "@nexub/react";
 import { Menu } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 var isPlainClick = (e) => e.button === 0 && !e.metaKey && !e.ctrlKey && !e.shiftKey && !e.altKey;
@@ -18,7 +18,7 @@ function SectionNav({
     /* @__PURE__ */ jsx(Sidebar.Group, { children: items.map((item) => /* @__PURE__ */ jsx(
       Sidebar.Item,
       {
-        href: item.href,
+        href: safeHref(item.href),
         icon: item.icon,
         active: item.id === activeId,
         onClick: (e) => onChoose(e, item),

package/dist/{chunk-RQARH2AX.js → chunk-QC4TMG73.js}

@@ -2,7 +2,7 @@
 
 // src/components/NotificationItem/NotificationItem.tsx
 import * as React from "react";
-import { cn, useNexubMessages } from "@nexub/react";
+import { cn, safeHref, useNexubMessages } from "@nexub/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var stretched = "outline-none after:absolute after:inset-0 after:rounded-shape-container focus-visible:after:outline focus-visible:after:outline-2 focus-visible:after:outline-[var(--color-primary)]";
 var NotificationItem = React.forwardRef(
@@ -29,7 +29,7 @@ var NotificationItem = React.forwardRef(
           ),
           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: href ? /* @__PURE__ */ jsx("a", { href, onClick: onSelect, className: stretched, children: title }) : onSelect ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onSelect, className: cn("text-start", stretched), children: title }) : title }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-[var(--color-on-surface)] truncate", children: href ? /* @__PURE__ */ jsx("a", { href: safeHref(href), onClick: onSelect, className: stretched, children: title }) : onSelect ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onSelect, className: cn("text-start", stretched), children: title }) : 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 })
           ] }),

package/dist/{chunk-BDCVWAH7.js → chunk-TUJJWHQT.js}

@@ -2,7 +2,7 @@
 
 // src/components/AppLauncher/AppLauncher.tsx
 import * as React from "react";
-import { Avatar, IconButton, Popover, cn } from "@nexub/react";
+import { Avatar, IconButton, Popover, cn, safeHref, safeSrc } from "@nexub/react";
 import { Apps } from "@nexub/icons";
 import { jsx, jsxs } from "react/jsx-runtime";
 var COLUMNS = 3;
@@ -26,7 +26,7 @@ function AppIcon({ app }) {
     return /* @__PURE__ */ jsx(
       "img",
       {
-        src: app.icon,
+        src: safeSrc(app.icon),
         alt: "",
         width: 40,
         height: 40,
@@ -94,7 +94,7 @@ var AppLauncher = React.forwardRef(
             /* @__PURE__ */ jsx("ul", { className: "grid grid-cols-3 gap-1", "aria-label": group, children: items.map((app, n) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsxs(
               "a",
               {
-                href: app.href,
+                href: safeHref(app.href),
                 "aria-current": app.current ? "page" : void 0,
                 "data-row": firstRow + Math.floor(n / COLUMNS),
                 "data-col": n % COLUMNS,

package/dist/components/AppHeader/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   AppHeader
-} from "../../chunk-2WKGBINE.js";
-import "../../chunk-BDCVWAH7.js";
+} from "../../chunk-BDT2EEOK.js";
+import "../../chunk-TUJJWHQT.js";
 export {
   AppHeader
 };

package/dist/components/AppLauncher/index.js

@@ -2,7 +2,7 @@
 import "../../chunk-VYMTTYPR.js";
 import {
   AppLauncher
-} from "../../chunk-BDCVWAH7.js";
+} from "../../chunk-TUJJWHQT.js";
 export {
   AppLauncher
 };

package/dist/components/NotificationCenter/index.js

@@ -1,8 +1,8 @@
 'use client';
 import {
   NotificationCenter
-} from "../../chunk-464UFQKG.js";
-import "../../chunk-RQARH2AX.js";
+} from "../../chunk-4MD5VRPS.js";
+import "../../chunk-QC4TMG73.js";
 export {
   NotificationCenter
 };

package/dist/components/NotificationItem/index.js

@@ -2,7 +2,7 @@
 import "../../chunk-EQQOVRRM.js";
 import {
   NotificationItem
-} from "../../chunk-RQARH2AX.js";
+} from "../../chunk-QC4TMG73.js";
 export {
   NotificationItem
 };

package/dist/components/PlanCard/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   PlanCard
-} from "../../chunk-LKN2CK6M.js";
+} from "../../chunk-DI4EBNP7.js";
 export {
   PlanCard
 };

package/dist/components/SettingsLayout/index.js

@@ -2,7 +2,7 @@
 import {
   SettingsLayout,
   SettingsRow
-} from "../../chunk-Z4FCC42C.js";
+} from "../../chunk-KJ4QGNXD.js";
 export {
   SettingsLayout,
   SettingsRow

package/dist/components/SettingsPage/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   SettingsPage
-} from "../../chunk-27N33TGN.js";
+} from "../../chunk-CSC2TFWA.js";
 import "../../chunk-7QCJC2DV.js";
 export {
   SettingsPage

package/dist/index.js

@@ -5,27 +5,32 @@ import {
 import {
   UserCard
 } from "./chunk-7NYGYETG.js";
-import "./chunk-EQQOVRRM.js";
 import "./chunk-RFCPEZGF.js";
 import {
   PaywallPage
 } from "./chunk-M3OHX4F4.js";
 import {
   PlanCard
-} from "./chunk-LKN2CK6M.js";
-import {
-  SettingsPage
-} from "./chunk-27N33TGN.js";
+} from "./chunk-DI4EBNP7.js";
 import {
   SettingsLayout,
   SettingsRow
-} from "./chunk-Z4FCC42C.js";
+} from "./chunk-KJ4QGNXD.js";
+import {
+  SettingsPage
+} from "./chunk-CSC2TFWA.js";
 import {
   SettingsSection
 } from "./chunk-U3FT7XAU.js";
+import {
+  NotificationCenter
+} from "./chunk-4MD5VRPS.js";
 import {
   SignInPage
 } from "./chunk-UNQD426H.js";
+import {
+  CheckoutPage
+} from "./chunk-CZR6NZDH.js";
 import {
   DashboardPage
 } from "./chunk-33Z2ZPO7.js";
@@ -36,9 +41,6 @@ import {
   ErrorSummary,
   useFormErrors
 } from "./chunk-RWPFCNMJ.js";
-import {
-  CheckoutPage
-} from "./chunk-CZR6NZDH.js";
 import {
   FilterBar
 } from "./chunk-SNONOBAE.js";
@@ -48,12 +50,10 @@ import {
 import {
   ListDetail
 } from "./chunk-5JU6HUVJ.js";
-import {
-  NotificationCenter
-} from "./chunk-464UFQKG.js";
+import "./chunk-EQQOVRRM.js";
 import {
   NotificationItem
-} from "./chunk-RQARH2AX.js";
+} from "./chunk-QC4TMG73.js";
 import {
   ActivityFeed
 } from "./chunk-GHOBXWUA.js";
@@ -64,11 +64,7 @@ import {
 } from "./chunk-OC4XY3US.js";
 import {
   AppHeader
-} from "./chunk-2WKGBINE.js";
-import "./chunk-VYMTTYPR.js";
-import {
-  AppLauncher
-} from "./chunk-BDCVWAH7.js";
+} from "./chunk-BDT2EEOK.js";
 import {
   AuthCard
 } from "./chunk-HMJRSNJD.js";
@@ -76,6 +72,10 @@ import {
   BentoGrid,
   BentoTile
 } from "./chunk-WZTDCJYP.js";
+import "./chunk-VYMTTYPR.js";
+import {
+  AppLauncher
+} from "./chunk-TUJJWHQT.js";
 import {
   ChatPage
 } from "./chunk-64PSI75E.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexub/patterns",
-  "version": "7.0.1",
+  "version": "7.2.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": "^7.0.1",
-    "@nexub/react": "^7.0.1",
-    "@nexub/tokens": "^7.0.1"
+    "@nexub/icons": "^7.2.0",
+    "@nexub/react": "^7.2.0",
+    "@nexub/tokens": "^7.2.0"
   },
   "peerDependenciesMeta": {
     "@nexub/icons": {
@@ -64,9 +64,9 @@
     "typescript": "~6.0.3",
     "vite": "^8.3.5",
     "vitest": "^5.0.5",
-    "@nexub/icons": "7.0.1",
-    "@nexub/react": "7.0.1",
-    "@nexub/tokens": "7.0.1"
+    "@nexub/icons": "7.2.0",
+    "@nexub/react": "7.2.0",
+    "@nexub/tokens": "7.2.0"
   },
   "scripts": {
     "build": "tsup && tailwindcss -i src/styles.css -o dist/styles.css --minify",