noecosystem-design 0.1.2 → 0.2.0

package/README.md

@@ -1,21 +1,36 @@
 # NOE Design System
 
-NOE is a multilingual, bidirectional, theme-aware React design system. This package
-publishes an agent-readable source snapshot: semantic tokens, component source,
-registry metadata, reference apps, documentation, and verification contracts.
+NOE is a multilingual, bidirectional, theme-aware React design system. The public
+`noecosystem-design` package is an agent-readable source snapshot: semantic tokens,
+component source, registry metadata, reference apps, documentation, and verification
+contracts.
 
-## Start here
+## Quick start
+
+### Give a coding agent NOE context
 
 ```bash
-# Give a coding agent the NOE source context.
 npm install noecosystem-design
+```
+
+The package is read-only source context, not a compiled runtime dependency. Start an
+agent with these files, in this order:
 
-# The agent starts with these files after installation:
+```bash
 cat node_modules/noecosystem-design/AGENTS.md
 cat node_modules/noecosystem-design/llms.txt
 cat node_modules/noecosystem-design/docs/design-system/gpt-agent-prompt.md
+```
 
-# For a writable, verifiable workspace, use a repository checkout.
+For GPT, copy
+[`docs/design-system/gpt-agent-prompt.md`](docs/design-system/gpt-agent-prompt.md),
+replace `<TARGET_REPOSITORY>` and `<DESCRIBE THE REQUESTED OUTCOME...>`, and send it
+as one task. Keep the task section outcome-focused; the template already supplies
+the stable NOE operating context.
+
+### Work on NOE itself
+
+```bash
 git clone https://github.com/NOrchestration/noe-design-system.git
 cd noe-design-system
 corepack enable
@@ -24,38 +39,34 @@ pnpm check
 ```
 
 Read [`AGENTS.md`](AGENTS.md) before changing code. Use [`llms.txt`](llms.txt) as the
-retrieval map, then read the affected package and component records. The canonical
-catalog is [`packages/registry/manifest.json`](packages/registry/manifest.json).
+retrieval map, then inspect the affected package and component records. The canonical
+component catalog is [`packages/registry/manifest.json`](packages/registry/manifest.json).
 
-For a GPT coding agent, copy
-[`docs/design-system/gpt-agent-prompt.md`](docs/design-system/gpt-agent-prompt.md),
-replace `<TARGET_REPOSITORY>` and `<DESCRIBE THE REQUESTED OUTCOME...>`, and send it
-as one task prompt. The template carries static NOE context once; put only the
-requested outcome, scope, and non-negotiable constraints in its `Task` section.
+## Package contract
 
-## What `noecosystem-design` is — and is not
+| Use `noecosystem-design` for | Do not use it for |
+| --- | --- |
+| Giving an agent NOE source, rules, registry metadata, and examples | `import { Button } from "noecosystem-design"` |
+| Reviewing or adapting NOE patterns in another repository | Replacing a published runtime component library |
+| Finding reusable components before designing a new one | Assuming a public registry endpoint is deployed |
 
-- It is a source and metadata distribution for people and coding agents.
-- It is not a compiled runtime library: do not write `import { Button } from
-  "noecosystem-design"`.
-- Internal source packages use the `@noe/*` names. They are workspace boundaries,
-  not published npm packages at this time.
-- The shadcn-compatible `@noe` registry is locally generated and tested, but its
-  external site endpoint is not yet evidenced as deployed. Do not claim or assume
-  that `shadcn add @noe/<item>` works against the public domain.
+Internal source packages use the `@noe/*` names. They are workspace boundaries, not
+published npm packages. The shadcn-compatible `@noe` registry is locally generated
+and tested, but its external endpoint is not deployment-proven; do not assume that
+`shadcn add @noe/<item>` works against a public domain.
 
-## Agent operating route
+## Agent workflow
 
 1. Read `AGENTS.md`, then `llms.txt`.
-2. Find the requested capability in `packages/registry/manifest.json`; read its
-   `useWhen`, `doNotUseWhen`, accessibility, i18n, and dependency contracts.
+2. Locate the capability in `packages/registry/manifest.json`; read its `useWhen`,
+   `doNotUseWhen`, accessibility, i18n, and dependency contracts.
 3. Reuse an existing `@noe` component before considering a foundation or new code.
-4. Preserve semantic tokens, i18n, RTL/bidi, and portal direction contracts.
+4. Preserve semantic tokens, i18n, RTL/bidi, and portal-direction contracts.
 5. Update source, stories, tests, registry metadata, and documentation together.
-6. Report only executed verification; planned or locally generated registry output
-   is not deployment evidence.
+6. Report only checks actually executed; local registry output is not evidence of a
+   deployed external installation path.
 
-## Workspace commands
+## Workspace checks
 
 | Command | Purpose |
 | --- | --- |
@@ -70,6 +81,28 @@ requested outcome, scope, and non-negotiable constraints in its `Task` section.
 | `pnpm verify` | Registry, i18n, RTL, governance, and secret audits |
 | `pnpm check` | Full local release gate |
 
+## Automated npm publishing
+
+The repository uses npm Trusted Publishing with GitHub Actions OIDC. After a change
+is merged into `main`, the `ci` workflow must complete successfully before
+[`publish.yml`](.github/workflows/publish.yml) publishes the package.
+
+- Publishing uses short-lived OIDC credentials; no npm token is stored in GitHub.
+- npm provenance attestations are unavailable while this GitHub repository is private.
+- A version already present on npm is skipped, so a re-run cannot overwrite it.
+- Bump the root `package.json` version before merging a release-worthy change.
+- `workflow_dispatch` supports an intentional manual re-run from `main`.
+
+The optional dependency-review job is disabled unless the repository variable
+`ENABLE_DEPENDENCY_REVIEW` is set to `true` after Dependency Graph and GitHub
+Advanced Security are enabled in repository settings.
+
+CodeQL is similarly opt-in through `ENABLE_CODEQL=true`: first enable **Code
+Security** for this private repository in GitHub’s security settings, then set the
+variable. This avoids a misleading failed workflow when GitHub cannot accept SARIF
+uploads. The workflows use Node 24; the runner’s Node 20 deprecation notice does not
+require a compatibility override.
+
 ## Architecture
 
 ```text
@@ -84,8 +117,13 @@ packages/icons          Icon policy and directional mirroring
 packages/registry       Canonical component catalog and install metadata
 ```
 
-See [`docs/design-system/README.md`](docs/design-system/README.md) for the focused
-documentation index and [`docs/design-system/agent-guide.md`](docs/design-system/agent-guide.md)
-for the coding-agent workflow. The ready-to-paste
-[`docs/design-system/gpt-agent-prompt.md`](docs/design-system/gpt-agent-prompt.md)
-is the recommended task wrapper for GPT.
+## Documentation
+
+- [`docs/design-system/README.md`](docs/design-system/README.md): focused
+  documentation index
+- [`docs/design-system/agent-guide.md`](docs/design-system/agent-guide.md): agent
+  workflow and verification expectations
+- [`docs/design-system/gpt-agent-prompt.md`](docs/design-system/gpt-agent-prompt.md):
+  ready-to-paste GPT task wrapper
+- [`packages/registry/manifest.json`](packages/registry/manifest.json): canonical
+  registry catalog and component contracts

package/apps/showcase/src/catalog/catalog-index.tsx

@@ -23,7 +23,7 @@ import {
   PieChart,
   RadarChart,
 } from '@noe/data-ui';
-import { ChevronIcon, icons8Source, NoeMark } from '@noe/icons';
+import { ChevronIcon, iconsaxFreeSource, NoeMark } from '@noe/icons';
 import {
   AboutPage,
   Alert,
@@ -261,9 +261,7 @@ export const catalogEntries: readonly CatalogEntry[] = [
     preview: ({ t }) => (
       <div style={{ display: 'grid', gap: '0.5rem', fontSize: '0.875rem' }}>
         <AutoDirectionText>{t('catalog.preview.bidi.autoText')}</AutoDirectionText>
-        <BidiText>
-          PR #482 {t('catalog.preview.bidi.related')}
-        </BidiText>
+        <BidiText>PR #482 {t('catalog.preview.bidi.related')}</BidiText>
         <TechnicalValue>a1b2c3d4 · mcp://fs/read</TechnicalValue>
         <span dir="ltr" style={{ fontFamily: 'var(--font-sf-pro, var(--noe-font-family-sans))' }}>
           <LocalizedNumber value={128942.5} locale="en" /> ·{' '}
@@ -316,7 +314,7 @@ export const catalogEntries: readonly CatalogEntry[] = [
     status: statusOf('icon-system'),
     name: 'Icon System',
     description:
-      'Icons8-sourced interface icons with an explicit directional-mirroring policy for RTL layouts.',
+      'Iconsax Free interface icons delivered through the NOE wrapper with an explicit directional-mirroring policy for RTL layouts.',
     package: '@noe/icons',
     registryItem: null,
     preview: () => (
@@ -338,7 +336,7 @@ export const catalogEntries: readonly CatalogEntry[] = [
           </div>
         </div>
         <span className="font-mono text-[0.6875rem] text-muted-foreground">
-          {icons8Source.provider} / {icons8Source.asset}
+          {iconsaxFreeSource.provider} / {iconsaxFreeSource.package}
         </span>
       </div>
     ),
@@ -491,7 +489,9 @@ export const catalogEntries: readonly CatalogEntry[] = [
     package: '@noe/ui',
     registryItem: null,
     preview: () => (
-      <div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem', alignItems: 'center' }}>
+      <div
+        style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem', alignItems: 'center' }}
+      >
         <Card style={{ maxWidth: '20rem', width: '100%' }}>
           <CardHeader>
             <CardTitle>Syncing</CardTitle>
@@ -1646,7 +1646,7 @@ export const catalogEntries: readonly CatalogEntry[] = [
     description: 'Marketing header navigation with brand, links and actions.',
     package: '@noe/ui',
     registryItem: 'marketing-header',
-      preview: () => (
+    preview: () => (
       <MarketingHeader
         brand={<span>NOE</span>}
         links={

package/apps/showcase/src/catalog/catalog-shell.tsx

@@ -96,7 +96,9 @@ export function CatalogShell({ initialEntries = catalogEntries }: CatalogShellPr
       try {
         return (
           typeof document !== 'undefined' &&
-          (document as unknown as { fonts?: { check: (s: string) => boolean } }).fonts?.check(fontSpec) === true
+          (document as unknown as { fonts?: { check: (s: string) => boolean } }).fonts?.check(
+            fontSpec,
+          ) === true
         );
       } catch {
         return false;
@@ -109,7 +111,10 @@ export function CatalogShell({ initialEntries = catalogEntries }: CatalogShellPr
       markReady();
       return;
     }
-    const hasLoad = typeof document !== 'undefined' && typeof (document as unknown as { fonts?: { load: (s: string) => Promise<unknown> } }).fonts?.load === 'function';
+    const hasLoad =
+      typeof document !== 'undefined' &&
+      typeof (document as unknown as { fonts?: { load: (s: string) => Promise<unknown> } }).fonts
+        ?.load === 'function';
     if (hasLoad) {
       let timedOut = false;
       const timeoutId = setTimeout(() => {

package/apps/storybook/stories/catalog/calendar.stories.tsx

@@ -22,7 +22,9 @@ export const Jalali: Story = {
 };
 export const JalaliLeapDay: Story = {
   args: { calendar: 'persian', locale: 'fa-IR', value: new Date('2025-03-20T00:00:00Z') },
-  render: () => <Calendar calendar="persian" locale="fa-IR" value={new Date('2025-03-20T00:00:00Z')} />,
+  render: () => (
+    <Calendar calendar="persian" locale="fa-IR" value={new Date('2025-03-20T00:00:00Z')} />
+  ),
 };
 export const WithMinMax: Story = {
   args: {

package/apps/storybook/stories/catalog/date-picker.stories.tsx

@@ -17,7 +17,11 @@ export const RTL: Story = {
   ),
 };
 export const WithMinMax: Story = {
-  args: { min: new Date('2025-03-10T00:00:00Z'), max: new Date('2025-03-20T00:00:00Z'), value: new Date('2025-03-15T00:00:00Z') },
+  args: {
+    min: new Date('2025-03-10T00:00:00Z'),
+    max: new Date('2025-03-20T00:00:00Z'),
+    value: new Date('2025-03-15T00:00:00Z'),
+  },
 };
 export const Jalali: Story = {
   args: { calendar: 'persian', locale: 'fa-IR', value: new Date('2025-03-20T00:00:00Z') },

package/apps/storybook/stories/catalog/icon-system.stories.tsx

@@ -3,7 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import {
   ChevronIcon,
   iconDirectionPolicy,
-  icons8Source,
+  iconsaxFreeSource,
   NoeMark,
 } from '../../../../packages/icons/src/index';
 
@@ -31,7 +31,8 @@ function IconGallery() {
         <strong>Never mirror:</strong> {iconDirectionPolicy.neverMirror.join(', ')}
       </div>
       <div>
-        <strong>Interface source:</strong> {icons8Source.provider} / {icons8Source.asset}
+        <strong>Interface source:</strong> {iconsaxFreeSource.provider} /{' '}
+        {iconsaxFreeSource.package}
       </div>
     </div>
   );

package/docs/adr/0006-icons8-icon-policy.md

@@ -1,9 +1,9 @@
-# ADR 0006: Icons8 icon policy
+# ADR 0006: Iconsax Free icon policy
 
 Status: Accepted
 
-Earlier proposals locked Lucide as the product icon family. The repository has since adopted Icons8 as the icon source (`packages/icons/src/index.tsx`, `icons8Source`, commit "feat: adopt Icons8 logical chevrons"), with `NoeMark` registered as a separate NOE brand asset.
+Earlier proposals locked Lucide as the product icon family. The repository now adopts Iconsax Free through the audited `@noe/icons` wrapper (`packages/icons/src/iconsax.tsx`, `iconsaxFreeSource`), with `NoeMark` registered as a separate NOE brand asset.
 
-Decision: the product uses exactly one icon family, Icons8, plus NOE brand marks. Directional icons use logical directions (`forward`/`backward`) and mirror only through the scoped `.noe-logical-icon` class under `iconDirectionPolicy`; brand marks never mirror. Lucide is not adopted and icon families must not be mixed.
+Decision: the product uses exactly one provider icon family, Iconsax Free, plus NOE brand marks. Applications import from `@noe/icons`, never from `iconsax-react`. Directional icons use logical directions (`forward`/`backward`) and mirror only through the scoped `.noe-logical-icon` class under `iconDirectionPolicy`; brand marks never mirror. Lucide is not adopted and icon families must not be mixed.
 
-Consequences: every added third-party icon records provider and source metadata in the style of `icons8Source`; `NoeMark` is a NOE brand asset, not an Icons8 icon, and carries no such source record; Icons8 licensing terms are part of adoption review; icon-related documentation and stories must reflect the mirroring policy rather than physical left/right semantics.
+Consequences: every added third-party icon records provider and source metadata in the style of `iconsaxFreeSource`; `NoeMark` is a NOE brand asset and carries no provider metadata; Iconsax Free's MIT license is part of adoption review; icon-related documentation and stories must reflect the mirroring policy rather than physical left/right semantics.

package/docs/design-system/architecture.md

@@ -42,5 +42,5 @@ deployment gate in ADR 0007.
 - No custom MCP server while the official shadcn MCP satisfies registry discovery.
 - Registry publication and package release are separate operational gates (ADR 0007).
 - `@noe/*` is the single package namespace for packages, registry items, diagrams and agent instructions (ADR 0005).
-- Icons8 is the only third-party icon family; NOE brand marks never mirror (ADR 0006).
+- Iconsax Free is the only third-party icon family, exposed through `@noe/icons`; NOE brand marks never mirror (ADR 0006).
 - Capability libraries stay behind adapters; NOE tokens and `@noe/*` own product markup, style, RTL behavior and approval states (ADR 0008).

package/docs/design-system/ci-cd.md

@@ -14,24 +14,37 @@ entry and push to the default branch:
 | `ci / build-and-verify` | Workspace build + registry/i18n/RTL/governance audits             |
 | `ci / e2e-critical`   | Playwright matrix: chromium en/fa/pseudo + firefox/webkit smoke    |
 
-The `security` workflow adds CodeQL analysis, scheduled CodeQL runs and
-dependency review on pull requests.
+The `security` workflow contains opt-in CodeQL analysis and dependency review.
+For this private repository, GitHub must first have Code Security and Dependency
+Graph/GitHub Advanced Security enabled. Set `ENABLE_CODEQL=true` and
+`ENABLE_DEPENDENCY_REVIEW=true` repository variables only after the corresponding
+GitHub features are available.
 
 ## Security controls
 
-- Minimal `GITHUB_TOKEN` permissions (`contents: read`; `security-events: write`
-  only where CodeQL needs it).
+- Minimal `GITHUB_TOKEN` permissions. CodeQL receives `actions: read`,
+  `contents: read`, and `security-events: write`; dependency review receives only
+  `contents: read`.
 - All third-party actions pinned to immutable full commit SHAs with the
   upstream version documented beside them; Dependabot keeps SHAs updated.
 - No secrets in logs; no privileged secrets available to untrusted PR code.
-- Concurrency groups cancel superseded PR runs; deployments are never cancelled
-  mid-run because none run from CI yet.
+- Concurrency groups cancel superseded PR runs. The npm publishing workflow is
+  serialized and is never cancelled mid-publish.
 
 ## Artifacts
 
 Storybook static build, dist outputs, Playwright reports/traces/screenshots are
 uploaded with 14-day retention on relevant outcomes.
 
+## Publishing
+
+`publish.yml` runs after a successful `ci` workflow on a push to `main`. It checks
+out the verified commit, builds it, verifies the npm tarball, and publishes only if
+the root `package.json` version is not already on npm. npm Trusted Publishing uses
+GitHub Actions OIDC, so the workflow stores no npm token.
+
+Manual `workflow_dispatch` publishing is restricted to `main`.
+
 ## Deployment
 
 No deployment provider is invented. Storybook artifacts are produced on every
@@ -43,4 +56,6 @@ long-lived credentials.
 
 Recommended required status checks once branch protection is active:
 `ci / quality`, `ci / unit`, `ci / component`, `ci / storybook`,
-`ci / build-and-verify`, `ci / e2e-critical`, `security / codeql`.
+`ci / build-and-verify`, `ci / e2e-critical`. Add `security / codeql` only after
+Code Security is enabled and `ENABLE_CODEQL=true`; otherwise it is intentionally
+skipped rather than reported as a false failure.

package/docs/design-system/inventory.md

@@ -386,4 +386,3 @@ Total catalog entries: **129** · registry items: **67**
 - `fab`: Mobile-only floating action button anchored to the logical end edge above the bottom navigation, with safe-area padding and required accessible label.
 - `mobile-screen`: Single-column mobile page scaffold composing an app bar, scrollable content region, optional floating action button and bottom navigation.
 - `bottom-navigation`: Mobile-only bottom tab bar with current-page state, badges, icon slots and safe-area padding; hidden from the medium breakpoint upward.
-

package/docs/design-system/rtl.md

@@ -16,7 +16,7 @@ Use logical margin, padding, inset, border and text alignment. Maintain semantic
 
 Forward/backward, next/previous, chevron, indent/outdent and panel-opening icons may mirror. Brand, play, pause, upload, download, search, settings, check, close, charts, code and service logos do not mirror automatically.
 
-The shared `ChevronIcon` uses `icons8Source` and opts into this policy through the scoped `.noe-logical-icon` class. `NoeMark` remains a NOE brand asset and never mirrors.
+The shared `ChevronIcon` uses the `iconsaxFreeSource` wrapper and opts into this policy through the scoped `.noe-logical-icon` class. `NoeMark` remains a NOE brand asset and never mirrors.
 
 ## Mixed content
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "noecosystem-design",
-  "version": "0.1.2",
+  "version": "0.2.0",
   "private": false,
   "description": "Agent-readable NOE design-system source, registry metadata, and verification contracts.",
   "keywords": [
@@ -94,7 +94,7 @@
     "format": "biome format --write .",
     "format:check": "biome format .",
     "gen:inventory": "node scripts/generate-inventory.mjs",
-    "gen:manifest": "node scripts/generate-manifest.mjs",
+    "gen:manifest": "node scripts/generate-manifest.mjs && biome format --write packages/registry/manifest.json packages/registry/component-audit.json packages/registry/search-index.json packages/registry/registry.json packages/registry/catalog-index.json packages/registry/docs-index.json",
     "validate:manifest": "node scripts/validate-manifest.mjs",
     "lint": "biome lint .",
     "typecheck": "tsc -p tsconfig.json --pretty false",

package/packages/ai-ui/src/activity-feed.tsx

@@ -1,4 +1,3 @@
-
 import type * as React from 'react';
 import { cn } from '@noe/ui/lib/cn';
 
@@ -57,4 +56,4 @@ export function ActivityFeed({ label, items, className, ...props }: ActivityFeed
       ))}
     </ol>
   );
-}
+}

package/packages/ai-ui/src/agent-composer.tsx

@@ -51,4 +51,4 @@ export function AgentComposer({
       </div>
     </form>
   );
-}
+}

package/packages/ai-ui/src/agent-message.tsx

@@ -47,4 +47,4 @@ export function AgentMessage({
       </AutoDirectionText>
     </article>
   );
-}
+}

package/packages/ai-ui/src/agent-plan.tsx

@@ -66,4 +66,4 @@ export function AgentPlan({
       </ol>
     </section>
   );
-}
+}

package/packages/ai-ui/src/agent-workspace.tsx

@@ -1,4 +1,3 @@
-
 import type * as React from 'react';
 import { cn } from '@noe/ui/lib/cn';
 
@@ -60,4 +59,4 @@ export function AgentWorkspace({
       ) : null}
     </section>
   );
-}
+}

package/packages/ai-ui/src/approval-request.tsx

@@ -90,4 +90,4 @@ export function ApprovalRequest({
       </footer>
     </section>
   );
-}
+}

package/packages/ai-ui/src/run-inspector.tsx

@@ -51,4 +51,4 @@ export function RunInspector({
       {children}
     </aside>
   );
-}
+}

package/packages/ai-ui/src/tool-call.tsx

@@ -68,4 +68,4 @@ export function ToolCall({
       </div>
     </details>
   );
-}
+}

package/packages/data-ui/src/activity-gauge.tsx

@@ -35,4 +35,4 @@ export function ActivityGauge({ className, ...props }: React.ComponentProps<'div
       </table>
     </div>
   );
-}
+}

package/packages/data-ui/src/chart-frame.tsx

@@ -38,4 +38,4 @@ export function ChartFrame({
       </div>
     </figure>
   );
-}
+}

package/packages/data-ui/src/chart.tsx

@@ -1,4 +1,3 @@
-
 import type * as React from 'react';
 import { cn } from '@noe/ui/lib/cn';
 
@@ -128,4 +127,4 @@ export function Chart({
       </div>
     </div>
   );
-}
+}

package/packages/data-ui/src/dashboard-shell.tsx

@@ -1,4 +1,3 @@
-
 import type * as React from 'react';
 import { cn } from '@noe/ui/lib/cn';
 
@@ -53,4 +52,4 @@ export function DashboardShell({
       {pagination ? <div data-slot="dashboard-shell-pagination">{pagination}</div> : null}
     </section>
   );
-}
+}

package/packages/data-ui/src/data-table.tsx

@@ -96,4 +96,4 @@ export function DataTable<Row extends { id: string }>({
       </table>
     </section>
   );
-}
+}

package/packages/data-ui/src/filter-bar.tsx

@@ -1,4 +1,3 @@
-
 import type * as React from 'react';
 import { cn } from '@noe/ui/lib/cn';
 
@@ -25,4 +24,4 @@ export function FilterBar({ label, search, filters, action, className, ...props
       {action ? <div className="ms-auto flex items-center gap-2">{action}</div> : null}
     </search>
   );
-}
+}

package/packages/data-ui/src/metric-card.tsx

@@ -40,4 +40,4 @@ export function MetricCard({
       ) : null}
     </article>
   );
-}
+}

package/packages/data-ui/src/pagination.tsx

@@ -1,5 +1,3 @@
-
-
 import type * as React from 'react';
 import { ChevronIcon } from '@noe/icons';
 import { Button } from '@noe/ui/button';
@@ -64,4 +62,4 @@ export function Pagination({
       </Button>
     </nav>
   );
-}
+}

package/packages/data-ui/src/pie-chart.tsx

@@ -35,4 +35,4 @@ export function PieChart({ className, ...props }: React.ComponentProps<'div'>) {
       </table>
     </div>
   );
-}
+}

package/packages/data-ui/src/radar-chart.tsx

@@ -35,4 +35,4 @@ export function RadarChart({ className, ...props }: React.ComponentProps<'div'>)
       </table>
     </div>
   );
-}
+}

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

@@ -173,7 +173,7 @@
     }
   }
 
-  /* Logical Icons8 chevrons opt into direction-aware motion. Brand and
+  /* Logical Iconsax chevrons opt into direction-aware motion. Brand and
    * semantic glyphs do not receive a global transform. */
   .noe-logical-icon[data-logical-direction="backward"],
   [dir="rtl"] .noe-logical-icon[data-logical-direction="forward"] {

package/packages/design-tokens/src/palette.ts

@@ -5,14 +5,14 @@
  * from this registry to avoid hard-coded duplication.
  */
 
-export const PALETTES = ["graphite"] as const;
+export const PALETTES = ['graphite'] as const;
 
 export type Palette = (typeof PALETTES)[number];
 
-export const DEFAULT_PALETTE: Palette = "graphite";
+export const DEFAULT_PALETTE: Palette = 'graphite';
 
-export const PALETTE_STORAGE_KEY = "noecosystem-palette";
-export const PALETTE_COOKIE_KEY = "noecosystem-palette";
+export const PALETTE_STORAGE_KEY = 'noecosystem-palette';
+export const PALETTE_COOKIE_KEY = 'noecosystem-palette';
 
 export function isPalette(value: unknown): value is Palette {
   return (PALETTES as readonly string[]).includes(value as string);

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

@@ -145,8 +145,8 @@
   --noe-color-muted-foreground: var(--noe-primitive-color-ink-500);
   --noe-color-border: rgba(23, 25, 24, 0.16);
   --noe-color-border-strong: var(--noe-primitive-color-ink-300);
-  --noe-color-accent: var(--noe-primitive-color-mint-500);
-  --noe-color-accent-hover: var(--noe-primitive-color-mint-400);
+  --noe-color-accent: var(--noe-primitive-color-cyan-500);
+  --noe-color-accent-hover: var(--noe-primitive-color-cyan-500);
   --noe-color-accent-foreground: var(--noe-primitive-color-paper-0);
   --noe-color-signal: var(--noe-primitive-color-coral-500);
   --noe-color-success: var(--noe-primitive-color-green-600);
@@ -175,8 +175,8 @@
   --noe-color-muted-foreground: var(--noe-primitive-color-ink-400);
   --noe-color-border: rgba(246, 244, 242, 0.14);
   --noe-color-border-strong: var(--noe-primitive-color-ink-600);
-  --noe-color-accent: var(--noe-primitive-color-mint-100);
-  --noe-color-accent-hover: var(--noe-primitive-color-mint-200);
+  --noe-color-accent: var(--noe-primitive-color-cyan-400);
+  --noe-color-accent-hover: var(--noe-primitive-color-cyan-400);
   --noe-color-accent-foreground: var(--noe-primitive-color-ink-950);
   --noe-color-signal: var(--noe-primitive-color-coral-400);
   --noe-color-success: var(--noe-primitive-color-green-500);
@@ -206,8 +206,8 @@
     --noe-color-muted-foreground: var(--noe-primitive-color-ink-400);
     --noe-color-border: rgba(246, 244, 242, 0.14);
     --noe-color-border-strong: var(--noe-primitive-color-ink-600);
-    --noe-color-accent: var(--noe-primitive-color-mint-100);
-    --noe-color-accent-hover: var(--noe-primitive-color-mint-200);
+    --noe-color-accent: var(--noe-primitive-color-cyan-400);
+    --noe-color-accent-hover: var(--noe-primitive-color-cyan-400);
     --noe-color-accent-foreground: var(--noe-primitive-color-ink-950);
     --noe-color-signal: var(--noe-primitive-color-coral-400);
     --noe-color-success: var(--noe-primitive-color-green-500);
@@ -225,12 +225,6 @@
   }
 }
 
-/* Palette: Graphite is the only approved palette. Extendable via [data-noe-palette="..."] overrides. */
-:root,
-[data-noe-palette="graphite"] {
-  /* No overrides — graphite uses the default semantic tokens above. */
-}
-
 /* Component tokens: stable customization seams. */
 :root {
   --noe-component-button-height: var(--noe-control-height-md);