noecosystem-design 0.2.2 → 0.3.0

package/packages/design-tokens/src/tokens.css

@@ -13,11 +13,11 @@
   --noe-primitive-color-ink-500: #565c58;
   --noe-primitive-color-ink-600: #302f2e;
   --noe-primitive-color-ink-700: #252423;
-  --noe-primitive-color-ink-800: #302f2e;
-  --noe-primitive-color-ink-850: #302f2e;
+  --noe-primitive-color-ink-800: #2a2a2a;
+  --noe-primitive-color-ink-850: #202020;
   --noe-primitive-color-ink-900: #171918;
-  --noe-primitive-color-ink-950: #252423;
-  --noe-primitive-color-ink-1000: #1c1b1b;
+  --noe-primitive-color-ink-950: #161616;
+  --noe-primitive-color-ink-1000: #111111;
   --noe-primitive-color-mint-100: #98e8cf;
   --noe-primitive-color-mint-200: #abefd9;
   --noe-primitive-color-mint-300: #1dbf98;
@@ -140,6 +140,8 @@
   --noe-color-surface: var(--noe-primitive-color-paper-50);
   --noe-color-surface-raised: var(--noe-primitive-color-paper-0);
   --noe-color-surface-sunken: var(--noe-primitive-color-paper-200);
+  --noe-color-sidebar: var(--noe-primitive-color-paper-200);
+  --noe-color-sidebar-active: var(--noe-primitive-color-paper-0);
   --noe-color-foreground: var(--noe-primitive-color-ink-900);
   --noe-color-muted: var(--noe-primitive-color-paper-200);
   --noe-color-muted-foreground: var(--noe-primitive-color-ink-500);
@@ -159,8 +161,8 @@
   --noe-color-info-foreground: var(--noe-primitive-color-paper-0);
   --noe-color-focus-ring: var(--noe-primitive-color-alpha-focus-light);
   --noe-color-overlay: var(--noe-primitive-color-alpha-overlay-light);
-  --noe-shadow-raised: 0 8px 20px rgba(23, 25, 24, 0.055);
-  --noe-shadow-overlay: 0 36px 100px rgba(23, 25, 24, 0.28);
+  --noe-shadow-raised: none;
+  --noe-shadow-overlay: none;
 }
 
 /* Semantic tokens: explicit dark theme. */
@@ -170,6 +172,8 @@
   --noe-color-surface: var(--noe-primitive-color-ink-850);
   --noe-color-surface-raised: var(--noe-primitive-color-ink-800);
   --noe-color-surface-sunken: var(--noe-primitive-color-ink-1000);
+  --noe-color-sidebar: var(--noe-primitive-color-ink-850);
+  --noe-color-sidebar-active: var(--noe-primitive-color-ink-800);
   --noe-color-foreground: var(--noe-primitive-color-paper-250);
   --noe-color-muted: var(--noe-primitive-color-ink-800);
   --noe-color-muted-foreground: var(--noe-primitive-color-ink-400);
@@ -189,8 +193,8 @@
   --noe-color-info-foreground: var(--noe-primitive-color-ink-950);
   --noe-color-focus-ring: var(--noe-primitive-color-alpha-focus-dark);
   --noe-color-overlay: var(--noe-primitive-color-alpha-overlay-dark);
-  --noe-shadow-raised: 0 8px 20px rgba(0, 0, 0, 0.14);
-  --noe-shadow-overlay: 0 36px 100px rgba(0, 0, 0, 0.42);
+  --noe-shadow-raised: none;
+  --noe-shadow-overlay: none;
 }
 
 /* Semantic tokens: follow the OS only when no explicit theme is set. */
@@ -201,6 +205,8 @@
     --noe-color-surface: var(--noe-primitive-color-ink-850);
     --noe-color-surface-raised: var(--noe-primitive-color-ink-800);
     --noe-color-surface-sunken: var(--noe-primitive-color-ink-1000);
+    --noe-color-sidebar: var(--noe-primitive-color-ink-850);
+    --noe-color-sidebar-active: var(--noe-primitive-color-ink-800);
     --noe-color-foreground: var(--noe-primitive-color-paper-250);
     --noe-color-muted: var(--noe-primitive-color-ink-800);
     --noe-color-muted-foreground: var(--noe-primitive-color-ink-400);
@@ -220,8 +226,8 @@
     --noe-color-info-foreground: var(--noe-primitive-color-ink-950);
     --noe-color-focus-ring: var(--noe-primitive-color-alpha-focus-dark);
     --noe-color-overlay: var(--noe-primitive-color-alpha-overlay-dark);
-    --noe-shadow-raised: 0 8px 20px rgba(0, 0, 0, 0.14);
-    --noe-shadow-overlay: 0 36px 100px rgba(0, 0, 0, 0.42);
+    --noe-shadow-raised: none;
+    --noe-shadow-overlay: none;
   }
 }
 

package/packages/design-tokens/src/tokens.json

@@ -15,11 +15,11 @@
         "500": "#565c58",
         "600": "#302f2e",
         "700": "#252423",
-        "800": "#302f2e",
-        "850": "#302f2e",
+        "800": "#2a2a2a",
+        "850": "#202020",
         "900": "#171918",
-        "950": "#252423",
-        "1000": "#1c1b1b"
+        "950": "#161616",
+        "1000": "#111111"
       },
       "mint": {
         "100": "#98e8cf",
@@ -106,6 +106,8 @@
       "surface": "{primitive.color.paper.50}",
       "surfaceRaised": "{primitive.color.paper.0}",
       "surfaceSunken": "{primitive.color.paper.200}",
+      "sidebar": "{primitive.color.paper.200}",
+      "sidebarActive": "{primitive.color.paper.0}",
       "foreground": "{primitive.color.ink.900}",
       "muted": "{primitive.color.paper.200}",
       "mutedForeground": "{primitive.color.ink.500}",
@@ -131,6 +133,8 @@
       "surface": "{primitive.color.ink.850}",
       "surfaceRaised": "{primitive.color.ink.800}",
       "surfaceSunken": "{primitive.color.ink.1000}",
+      "sidebar": "{primitive.color.ink.850}",
+      "sidebarActive": "{primitive.color.ink.800}",
       "foreground": "{primitive.color.paper.250}",
       "muted": "{primitive.color.ink.800}",
       "mutedForeground": "{primitive.color.ink.400}",
@@ -154,12 +158,12 @@
   },
   "shadow": {
     "light": {
-      "raised": "0 8px 20px rgba(23, 25, 24, 0.055)",
-      "overlay": "0 36px 100px rgba(23, 25, 24, 0.28)"
+      "raised": "none",
+      "overlay": "none"
     },
     "dark": {
-      "raised": "0 8px 20px rgba(0, 0, 0, 0.14)",
-      "overlay": "0 36px 100px rgba(0, 0, 0, 0.42)"
+      "raised": "none",
+      "overlay": "none"
     }
   },
   "font": {

package/packages/design-tokens/src/tokens.mjs

@@ -16,11 +16,11 @@ export const tokens = {
         "500": "#565c58",
         "600": "#302f2e",
         "700": "#252423",
-        "800": "#302f2e",
-        "850": "#302f2e",
+        "800": "#2a2a2a",
+        "850": "#202020",
         "900": "#171918",
-        "950": "#252423",
-        "1000": "#1c1b1b"
+        "950": "#161616",
+        "1000": "#111111"
       },
       "mint": {
         "100": "#98e8cf",
@@ -107,6 +107,8 @@ export const tokens = {
       "surface": "{primitive.color.paper.50}",
       "surfaceRaised": "{primitive.color.paper.0}",
       "surfaceSunken": "{primitive.color.paper.200}",
+      "sidebar": "{primitive.color.paper.200}",
+      "sidebarActive": "{primitive.color.paper.0}",
       "foreground": "{primitive.color.ink.900}",
       "muted": "{primitive.color.paper.200}",
       "mutedForeground": "{primitive.color.ink.500}",
@@ -132,6 +134,8 @@ export const tokens = {
       "surface": "{primitive.color.ink.850}",
       "surfaceRaised": "{primitive.color.ink.800}",
       "surfaceSunken": "{primitive.color.ink.1000}",
+      "sidebar": "{primitive.color.ink.850}",
+      "sidebarActive": "{primitive.color.ink.800}",
       "foreground": "{primitive.color.paper.250}",
       "muted": "{primitive.color.ink.800}",
       "mutedForeground": "{primitive.color.ink.400}",
@@ -155,12 +159,12 @@ export const tokens = {
   },
   "shadow": {
     "light": {
-      "raised": "0 8px 20px rgba(23, 25, 24, 0.055)",
-      "overlay": "0 36px 100px rgba(23, 25, 24, 0.28)"
+      "raised": "none",
+      "overlay": "none"
     },
     "dark": {
-      "raised": "0 8px 20px rgba(0, 0, 0, 0.14)",
-      "overlay": "0 36px 100px rgba(0, 0, 0, 0.42)"
+      "raised": "none",
+      "overlay": "none"
     }
   },
   "font": {

package/packages/registry/catalog-index.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-08-29T09:30:43.936Z",
+  "generatedAt": "2026-08-30T12:09:40.539Z",
   "items": [
     {
       "id": "bidi-text",
@@ -208,7 +208,7 @@
       "package": "@noe/data-ui",
       "status": "available",
       "maturity": "beta",
-      "description": "Data Table — Data component. data-table provides data behavior with RTL, i18n and accessibility built-in.",
+      "description": "Semantic data table with TanStack Table v9 as a headless engine behind the internal NOE adapter: sorting, NOE filter operators, controlled pagination, stable-id selection, loading skeletons and server mode.",
       "registryItem": "data-table"
     },
     {

package/packages/registry/manifest.json

@@ -1,6 +1,6 @@
 {
   "manifestVersion": "1.0.0",
-  "generatedAt": "2026-08-29T09:30:43.923Z",
+  "generatedAt": "2026-08-30T12:09:40.530Z",
   "generatedNote": "Canonical NOE manifest — single source of truth for catalog, audit, registry, stories, docs and agent search. Generated by pnpm gen:manifest; do not edit by hand for automated fields.",
   "items": [
     {
@@ -1027,33 +1027,75 @@
       "status": "available",
       "maturity": "beta",
       "category": "Data",
-      "description": "Data Table — Data component. data-table provides data behavior with RTL, i18n and accessibility built-in.",
-      "capabilityAliases": ["data table", "data-table"],
-      "searchTerms": ["data-table", "data table", "data"],
-      "useWhen": ["using data table in Data"],
-      "doNotUseWhen": ["when data table semantics do not match"],
-      "alternatives": [],
-      "dependencies": ["@noe/ui"],
+      "description": "Semantic data table with TanStack Table v9 as a headless engine behind the internal NOE adapter: sorting, NOE filter operators, controlled pagination, stable-id selection, loading skeletons and server mode.",
+      "capabilityAliases": ["data table", "sortable table", "server-side table", "grid"],
+      "searchTerms": [
+        "data-table",
+        "table",
+        "sorting",
+        "filtering",
+        "pagination",
+        "selection",
+        "server-side",
+        "aria-sort"
+      ],
+      "useWhen": [
+        "tabular product data with sorting, filtering, pagination or row selection",
+        "server-driven pages composed from toDataQuery against Django APIs"
+      ],
+      "doNotUseWhen": [
+        "spreadsheet-style cell editing grids",
+        "static lists without tabular semantics"
+      ],
+      "alternatives": ["DataList"],
+      "dependencies": ["@noe/ui", "@tanstack/react-table"],
       "registryDependencies": [],
       "peerDependencies": ["react"],
       "propsSummary": {
-        "label": "string | ReactNode",
-        "children": "ReactNode"
+        "columns": "DataColumn<Row>[]",
+        "rows": "Row[]",
+        "caption": "string",
+        "empty": "ReactNode",
+        "sorting": "readonly DataSort[]",
+        "filters": "readonly FilterSpec[]",
+        "page": "PageSpec",
+        "selection": "readonly RowId[]",
+        "density": "'compact' | 'regular'",
+        "loading": "boolean",
+        "manualSorting": "boolean",
+        "manualFiltering": "boolean",
+        "manualPagination": "boolean",
+        "totalRowCount": "number"
       },
-      "variants": ["default"],
+      "variants": ["regular", "compact"],
       "sizes": [],
       "slots": [],
-      "states": ["default", "hover", "focus-visible", "disabled"],
-      "tokenContracts": ["color.foreground", "color.border"],
+      "states": ["default", "hover", "loading", "selected", "empty", "focus-visible"],
+      "tokenContracts": [
+        "color.border",
+        "color.foreground",
+        "color.muted-foreground",
+        "surface.sunken",
+        "muted"
+      ],
       "accessibility": {
-        "keyboard": ["Tab to focus", "Enter/Space activate"],
-        "announcements": [],
-        "focusBehavior": ["visible ring 2px"]
+        "role": "table",
+        "keyboard": [
+          "Tab moves into the scrollable region",
+          "Enter/Space on header toggles sort",
+          "Enter/Space on checkbox toggles row selection"
+        ],
+        "announcements": ["aria-sort on sorted column headers", "aria-live pagination status"],
+        "focusBehavior": ["visible ring 2px", "scroll container focusable for keyboard overflow"]
       },
       "internationalization": {
         "messageKeys": [],
         "rtl": "required",
-        "bidiNotes": ["logical properties", "no global mirror"]
+        "bidiNotes": [
+          "logical start/end alignment only",
+          "technical cells render dir=ltr via TechnicalValue",
+          "pagination controls use caller-provided accessible labels"
+        ]
       },
       "examples": [
         {
@@ -1062,7 +1104,7 @@
           "files": ["apps/storybook/stories/catalog/data-table.stories.tsx"]
         }
       ],
-      "relatedPatterns": [],
+      "relatedPatterns": ["filter-bar", "pagination", "empty-state"],
       "untitledMapping": null,
       "storyId": "catalog-data-data-table--default",
       "registryItem": "data-table"

package/packages/registry/r/activity-feed.json

@@ -17,7 +17,7 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/ai-ui",

package/packages/registry/r/agent-composer.json

@@ -27,7 +27,13 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["@base-ui/react", "class-variance-authority", "clsx", "tailwind-merge"],
+  "dependencies": [
+    "@base-ui/react",
+    "@noe/ui",
+    "class-variance-authority",
+    "clsx",
+    "tailwind-merge"
+  ],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/ai-ui",

package/packages/registry/r/agent-message.json

@@ -22,7 +22,7 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/ai-ui",

package/packages/registry/r/agent-plan.json

@@ -17,7 +17,7 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/ai-ui",

package/packages/registry/r/agent-workspace.json

@@ -17,7 +17,7 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/ai-ui",

package/packages/registry/r/app-frame.json

@@ -3,7 +3,7 @@
   "name": "app-frame",
   "type": "registry:block",
   "title": "App Frame",
-  "description": "App Frame — Patterns / Pages component. app-frame provides patterns / pages behavior with RTL, i18n and accessibility built-in.",
+  "description": "App Frame — Patterns / Pages component. Includes a flat finance variant with a 280px logical sidebar, compact header and color-separated surfaces; RTL, i18n and accessibility are built in.",
   "files": [
     {
       "path": "packages/ui/src/app-frame.tsx",
@@ -37,8 +37,16 @@
     "announcements": [],
     "focusBehavior": ["visible ring 2px"]
   },
-  "tokenContracts": ["color.foreground", "color.border"],
-  "capabilityAliases": ["app frame", "app-frame"],
-  "useWhen": ["using app frame in Patterns / Pages"],
+  "tokenContracts": [
+    "color.background",
+    "color.surface",
+    "color.surfaceRaised",
+    "color.surfaceSunken"
+  ],
+  "capabilityAliases": ["app frame", "app-frame", "finance application shell", "admin shell"],
+  "useWhen": [
+    "using app frame in Patterns / Pages",
+    "building a flat finance or admin application shell"
+  ],
   "doNotUseWhen": ["when app frame semantics do not match"]
 }

package/packages/registry/r/approval-request.json

@@ -32,7 +32,13 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["@base-ui/react", "class-variance-authority", "clsx", "tailwind-merge"],
+  "dependencies": [
+    "@base-ui/react",
+    "@noe/ui",
+    "class-variance-authority",
+    "clsx",
+    "tailwind-merge"
+  ],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/ai-ui",

package/packages/registry/r/button.json

@@ -3,7 +3,7 @@
   "name": "button",
   "type": "registry:ui",
   "title": "Button",
-  "description": "Primary action primitive with semantic variants, focus visibility, loading state and bidirectional layout. Use for all interactive actions.",
+  "description": "Primary action primitive with semantic variants, focus visibility, loading state and bidirectional layout. Secondary is transparent with a currentColor stroke and label.",
   "files": [
     {
       "path": "packages/ui/src/button.tsx",

package/packages/registry/r/calendar.json

@@ -4,9 +4,10 @@
   "type": "registry:ui",
   "title": "Calendar",
   "description": "Calendar — Base / Pickers component. calendar provides base / pickers behavior with RTL, i18n and accessibility built-in.",
-  "registryDependencies": [],
+  "registryDependencies": ["icon-system"],
   "dependencies": [
     "@base-ui/react",
+    "@noe/icons",
     "class-variance-authority",
     "clsx",
     "iconsax-react",
@@ -14,14 +15,14 @@
   ],
   "files": [
     {
-      "path": "packages/icons/src/index.tsx",
+      "path": "packages/icons/src/iconsax.tsx",
       "type": "registry:component",
-      "target": "packages/icons/src/index.tsx"
+      "target": "packages/icons/src/iconsax.tsx"
     },
     {
-      "path": "packages/icons/src/iconsax.tsx",
+      "path": "packages/icons/src/index.tsx",
       "type": "registry:component",
-      "target": "packages/icons/src/iconsax.tsx"
+      "target": "packages/icons/src/index.tsx"
     },
     {
       "path": "packages/ui/src/button.tsx",

package/packages/registry/r/chart-frame.json

@@ -17,7 +17,7 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/data-ui",

package/packages/registry/r/chart.json

@@ -17,7 +17,7 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/data-ui",

package/packages/registry/r/dashboard-01.json

@@ -30,6 +30,26 @@
       "type": "registry:component",
       "target": "packages/data-ui/src/metric-card.tsx"
     },
+    {
+      "path": "packages/data-ui/src/pagination.tsx",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/pagination.tsx"
+    },
+    {
+      "path": "packages/data-ui/src/table/adapters/tanstack.ts",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/adapters/tanstack.ts"
+    },
+    {
+      "path": "packages/data-ui/src/table/contracts.ts",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/contracts.ts"
+    },
+    {
+      "path": "packages/data-ui/src/table/data-table.tsx",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/data-table.tsx"
+    },
     {
       "path": "packages/ui/src/bidi.tsx",
       "type": "registry:component",
@@ -41,8 +61,8 @@
       "target": "packages/ui/src/lib/cn.ts"
     }
   ],
-  "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "registryDependencies": ["icon-system"],
+  "dependencies": ["@noe/icons", "@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/data-ui",

package/packages/registry/r/dashboard-02.json

@@ -30,6 +30,26 @@
       "type": "registry:component",
       "target": "packages/data-ui/src/metric-card.tsx"
     },
+    {
+      "path": "packages/data-ui/src/pagination.tsx",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/pagination.tsx"
+    },
+    {
+      "path": "packages/data-ui/src/table/adapters/tanstack.ts",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/adapters/tanstack.ts"
+    },
+    {
+      "path": "packages/data-ui/src/table/contracts.ts",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/contracts.ts"
+    },
+    {
+      "path": "packages/data-ui/src/table/data-table.tsx",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/data-table.tsx"
+    },
     {
       "path": "packages/ui/src/bidi.tsx",
       "type": "registry:component",
@@ -41,8 +61,8 @@
       "target": "packages/ui/src/lib/cn.ts"
     }
   ],
-  "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "registryDependencies": ["icon-system"],
+  "dependencies": ["@noe/icons", "@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/data-ui",

package/packages/registry/r/dashboard-shell.json

@@ -17,7 +17,7 @@
     }
   ],
   "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/data-ui",

package/packages/registry/r/data-table.json

@@ -10,6 +10,26 @@
       "type": "registry:component",
       "target": "packages/data-ui/src/data-table.tsx"
     },
+    {
+      "path": "packages/data-ui/src/pagination.tsx",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/pagination.tsx"
+    },
+    {
+      "path": "packages/data-ui/src/table/adapters/tanstack.ts",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/adapters/tanstack.ts"
+    },
+    {
+      "path": "packages/data-ui/src/table/contracts.ts",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/contracts.ts"
+    },
+    {
+      "path": "packages/data-ui/src/table/data-table.tsx",
+      "type": "registry:component",
+      "target": "packages/data-ui/src/table/data-table.tsx"
+    },
     {
       "path": "packages/ui/src/bidi.tsx",
       "type": "registry:component",
@@ -21,8 +41,8 @@
       "target": "packages/ui/src/lib/cn.ts"
     }
   ],
-  "registryDependencies": [],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "registryDependencies": ["icon-system"],
+  "dependencies": ["@noe/icons", "@noe/ui", "clsx", "tailwind-merge", "@tanstack/react-table"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/data-ui",

package/packages/registry/r/date-picker.json

@@ -4,9 +4,10 @@
   "type": "registry:ui",
   "title": "Date Picker",
   "description": "Date Picker — Base / Pickers component. date-picker provides base / pickers behavior with RTL, i18n and accessibility built-in.",
-  "registryDependencies": [],
+  "registryDependencies": ["icon-system"],
   "dependencies": [
     "@base-ui/react",
+    "@noe/icons",
     "class-variance-authority",
     "clsx",
     "iconsax-react",
@@ -14,14 +15,14 @@
   ],
   "files": [
     {
-      "path": "packages/icons/src/index.tsx",
+      "path": "packages/icons/src/iconsax.tsx",
       "type": "registry:component",
-      "target": "packages/icons/src/index.tsx"
+      "target": "packages/icons/src/iconsax.tsx"
     },
     {
-      "path": "packages/icons/src/iconsax.tsx",
+      "path": "packages/icons/src/index.tsx",
       "type": "registry:component",
-      "target": "packages/icons/src/iconsax.tsx"
+      "target": "packages/icons/src/index.tsx"
     },
     {
       "path": "packages/ui/src/button.tsx",

package/packages/registry/r/filter-bar.json

@@ -17,7 +17,7 @@
     }
   ],
   "registryDependencies": ["input"],
-  "dependencies": ["clsx", "tailwind-merge"],
+  "dependencies": ["@noe/ui", "clsx", "tailwind-merge"],
   "status": "available",
   "maturity": "beta",
   "package": "@noe/data-ui",