.

Author: wunderships

.changeset/bright-icons-glow.md

@@ -0,0 +1,5 @@
+---
+"@baseui.sh/react": minor
+---
+
+Adopt Phosphor Icons as the canonical production icon dependency, migrate built-in component glyphs to Phosphor, add semantic and full-library icon entry points, and preserve circular spinner geometry.

.github/ISSUE_TEMPLATE/config.yml

@@ -1,7 +1,7 @@
 blank_issues_enabled: false
 contact_links:
   - name: Support and usage questions
-    url: https://github.com/baseui-sh/baseui/discussions
+    url: https://github.com/wundercorp/baseui/discussions
     about: Ask implementation questions in Discussions.
   - name: Security report
     url: mailto:security@baseui.sh

.node-version

@@ -0,0 +1 @@
+20.19.0

.nvmrc

@@ -0,0 +1 @@
+20.19.0

README.md

@@ -62,13 +62,17 @@ Tokens and icons are independently consumable:
 
 ```tsx
 import { baseUITokens } from "@baseui.sh/react/tokens";
-import { Icon } from "@baseui.sh/react/icons";
+import { Icon, PhosphorIcon } from "@baseui.sh/react/icons";
+import { RocketLaunchIcon } from "@baseui.sh/react/phosphor";
 import "@baseui.sh/react/tokens.css";
+
+<Icon name="settings" />
+<PhosphorIcon icon={RocketLaunchIcon} label="Launch" />
 ```
 
 ## Design invariants
 
-- Every visible corner uses the shared 4 px radius token.
+- Every interface surface uses the shared 4 px radius token; intrinsically circular indicators use the dedicated circle token.
 - Semantic tokens are the public styling contract.
 - Red is reserved for primary action, focus, current navigation, and selected state.
 - Monospace is reserved for code, identifiers, commands, measurements, and machine-readable values.

THIRD_PARTY_NOTICES.md

@@ -0,0 +1,5 @@
+# Third-party notices
+
+## Phosphor Icons
+
+baseui.sh depends on `@phosphor-icons/react`, copyright Phosphor Icons contributors, distributed under the MIT License. The dependency retains its own license and attribution in the installed package.

apps/docs/src/components/BaseUIShowcase.tsx

@@ -1,6 +1,31 @@
-import { defineConfig } from "vite";
+import { fileURLToPath, URL } from "node:url";
 import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+const source = (relativePath: string) =>
+  fileURLToPath(new URL(`../../packages/react/src/${relativePath}`, import.meta.url));
 
 export default defineConfig({
   plugins: [react()],
+  resolve: {
+    alias: [
+      { find: /^@baseui\.sh\/react\/styles\.css$/, replacement: source("styles.css") },
+      { find: /^@baseui\.sh\/react\/tokens\.css$/, replacement: source("tokens.css") },
+      { find: /^@baseui\.sh\/react\/phosphor\/ssr$/, replacement: source("phosphor-ssr.ts") },
+      { find: /^@baseui\.sh\/react\/phosphor$/, replacement: source("phosphor.ts") },
+      { find: /^@baseui\.sh\/react\/tokens$/, replacement: source("tokens.ts") },
+      { find: /^@baseui\.sh\/react\/icons$/, replacement: source("icons.tsx") },
+      { find: /^@baseui\.sh\/react\/foundations$/, replacement: source("foundations/index.ts") },
+      { find: /^@baseui\.sh\/react\/actions$/, replacement: source("actions/index.ts") },
+      { find: /^@baseui\.sh\/react\/forms$/, replacement: source("forms/index.ts") },
+      { find: /^@baseui\.sh\/react\/data-display$/, replacement: source("data-display/index.ts") },
+      { find: /^@baseui\.sh\/react\/feedback$/, replacement: source("feedback/index.ts") },
+      { find: /^@baseui\.sh\/react\/navigation$/, replacement: source("navigation/index.ts") },
+      { find: /^@baseui\.sh\/react\/disclosure$/, replacement: source("disclosure/index.ts") },
+      { find: /^@baseui\.sh\/react\/overlays$/, replacement: source("overlays/index.ts") },
+      { find: /^@baseui\.sh\/react\/patterns$/, replacement: source("patterns/index.ts") },
+      { find: /^@baseui\.sh\/react\/hooks$/, replacement: source("hooks/index.ts") },
+      { find: /^@baseui\.sh\/react$/, replacement: source("index.ts") },
+    ],
+  },
 });

apps/docs/vite.config.ts

@@ -0,0 +1,18 @@
+#!/usr/bin/env bash
+
+set -euo pipefail
+
+repository_root="$(cd "$(dirname "$0")" && pwd)"
+cd "$repository_root"
+
+rm -rf node_modules
+rm -rf apps/docs/node_modules
+rm -rf examples/vite-react/node_modules
+rm -rf packages/react/node_modules
+
+npm cache verify
+
+echo
+echo "Workspace installation directories were removed."
+echo "Run 'npm install' after dependency changes."
+echo "Run 'npm ci' only when package-lock.json is already synchronized."

clean.sh

@@ -20,7 +20,7 @@ The red product accent identifies the primary action, keyboard focus, selected n
 
 ### Compact geometry
 
-The global radius is exactly `4px`. It applies to controls, cards, overlays, status marks, avatars, progress tracks, code surfaces, and navigation states. Product code must not introduce alternate radii.
+The global surface radius is exactly `4px`. It applies to controls, cards, overlays, status marks, avatars, progress tracks, code surfaces, and navigation states. Intrinsically circular indicators such as spinners use the dedicated `--bui-radius-circle` token. Product code must not introduce alternate surface radii.
 
 ### Technical detail where it belongs