@nexub/patterns 5.3.0 → 5.5.0

package/dist/{chunk-IHI73CCF.js → chunk-DOHN66SE.js}

@@ -2,10 +2,10 @@
 
 // src/components/FilterBar/FilterBar.tsx
 import * as React from "react";
-import { cn, SearchInput, useNexubMessages } from "@nexub/react";
+import { Button, cn, SearchInput, useNexubMessages } from "@nexub/react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var FilterBar = React.forwardRef(
-  ({ searchPlaceholder, searchLabel, onSearch, searchValue, filters, actions, className, ...props }, ref) => {
+  ({ searchPlaceholder, searchLabel, onSearch, searchValue, filters, actions, activeCount = 0, onClearAll, className, ...props }, ref) => {
     const t = useNexubMessages();
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex flex-wrap items-center gap-3", className), ...props, children: [
       /* @__PURE__ */ jsx(
@@ -20,6 +20,10 @@ var FilterBar = React.forwardRef(
         }
       ),
       filters && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center gap-2", children: filters }),
+      activeCount > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1 text-body-sm text-[var(--color-on-surface-muted)]", children: [
+        /* @__PURE__ */ jsx("span", { "aria-live": "polite", children: t.filtersApplied(activeCount) }),
+        onClearAll && /* @__PURE__ */ jsx(Button, { variant: "link", size: "sm", onClick: onClearAll, children: t.clearAll })
+      ] }),
       actions && /* @__PURE__ */ jsx("div", { className: "ms-auto flex items-center gap-2", children: actions })
     ] });
   }

package/dist/components/FilterBar/index.js

@@ -1,7 +1,7 @@
 'use client';
 import {
   FilterBar
-} from "../../chunk-IHI73CCF.js";
+} from "../../chunk-DOHN66SE.js";
 export {
   FilterBar
 };

package/dist/index.d.ts

@@ -24,6 +24,10 @@ interface FilterBarProps extends React.HTMLAttributes<HTMLDivElement> {
     searchValue?: string;
     filters?: React.ReactNode;
     actions?: React.ReactNode;
+    /** How many filters are applied; shows "N filters" with a Clear all button when above 0. */
+    activeCount?: number;
+    /** Clears search and filters; the button shows when `activeCount` is above 0. */
+    onClearAll?: () => void;
 }
 declare const FilterBar: React.ForwardRefExoticComponent<FilterBarProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/index.js

@@ -1,7 +1,4 @@
 'use client';
-import {
-  StepIndicator
-} from "./chunk-L456OB3Q.js";
 import {
   TransactionDetailPage
 } from "./chunk-CJBHDX2U.js";
@@ -22,12 +19,15 @@ import {
 import {
   SettingsPage
 } from "./chunk-27N33TGN.js";
+import {
+  SignInPage
+} from "./chunk-UNQD426H.js";
 import {
   SettingsSection
 } from "./chunk-U3FT7XAU.js";
 import {
-  SignInPage
-} from "./chunk-UNQD426H.js";
+  StepIndicator
+} from "./chunk-L456OB3Q.js";
 import {
   CheckoutPage
 } from "./chunk-CZR6NZDH.js";
@@ -43,7 +43,7 @@ import {
 } from "./chunk-RWPFCNMJ.js";
 import {
   FilterBar
-} from "./chunk-IHI73CCF.js";
+} from "./chunk-DOHN66SE.js";
 import {
   InfoList
 } from "./chunk-WPNT5JOU.js";

package/package.json

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