@nebutra/ui 0.2.2 → 2.0.0

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "@nebutra/ui",
-  "version": "0.2.2",
+  "version": "2.0.0",
   "description": "Nebutra design-system UI primitives, patterns, layouts, and token-integrated components",
   "private": false,
+  "nebutra": {
+    "status": "foundation",
+    "graph": "core",
+    "productionReady": false
+  },
   "license": "MIT",
   "type": "module",
   "sideEffects": [
@@ -17,6 +22,10 @@
       "types": "./dist/components/index.d.ts",
       "import": "./dist/components/index.js"
     },
+    "./chat": {
+      "types": "./dist/chat/index.d.ts",
+      "import": "./dist/chat/index.js"
+    },
     "./layout": {
       "types": "./dist/layout/index.d.ts",
       "import": "./dist/layout/index.js"
@@ -37,6 +46,10 @@
       "types": "./dist/theme/index.d.ts",
       "import": "./dist/theme/index.js"
     },
+    "./editorial": {
+      "types": "./dist/editorial/index.d.ts",
+      "import": "./dist/editorial/index.js"
+    },
     "./primitives": {
       "types": "./dist/primitives/index.d.ts",
       "import": "./dist/primitives/index.js"
@@ -77,6 +90,10 @@
       "types": "./dist/utils/index.d.ts",
       "import": "./dist/utils/index.js"
     },
+    "./utils/auth-surfaces": {
+      "types": "./dist/utils/auth-surfaces.d.ts",
+      "import": "./dist/utils/auth-surfaces.js"
+    },
     "./tailwind.preset": {
       "types": "./dist/tailwind.preset.d.ts",
       "import": "./dist/tailwind.preset.js"
@@ -95,11 +112,13 @@
     "@lobehub/fluent-emoji": "^4.1.0",
     "@lobehub/icons": "^5.0.1",
     "@lobehub/ui": "^5.4.0",
-    "@xyflow/react": "^12.10.2",
     "@number-flow/react": "^0.5.5",
     "@paper-design/shaders-react": "^0.0.71",
     "@phosphor-icons/react": "^2.1.10",
     "@react-types/shared": "^3.33.1",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.24",
+    "@xyflow/react": "^12.10.2",
     "antd": "^6.3.1",
     "antd-style": "^4.1.0",
     "canvas-confetti": "^1.9.4",
@@ -115,29 +134,32 @@
     "piri": "^1.3.2",
     "react": "^19.2.4",
     "react-ascii-text": "*",
+    "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.4",
     "react-hook-form": "^7.71.2",
     "react-markdown": "^10.1.0",
     "react-resizable-panels": "^4.7.1",
     "react-syntax-highlighter": "^16.1.1",
-    "remark-gfm": "^4.0.1",
     "react-tweet": "^3.3.0",
     "react-use-measure": "^2.1.7",
     "recharts": "^3.7.0",
+    "remark-gfm": "^4.0.1",
     "rough-notation": "^0.5.1",
     "sonner": "^2.0.7",
     "streamdown": "^2.5.0",
     "tailwind-merge": "^3.5.0",
     "usehooks-ts": "^3.1.1",
     "vaul": "^1.1.2",
-    "@nebutra/brand": "0.1.2",
-    "@nebutra/graph-model": "0.2.2",
-    "@nebutra/icons": "0.1.2",
-    "@nebutra/tokens": "0.1.2"
+    "@nebutra/brand": "2.0.0",
+    "@nebutra/graph-model": "2.0.0",
+    "@nebutra/icons": "2.0.0",
+    "@nebutra/tokens": "2.0.0"
   },
   "peerDependencies": {
     "@clerk/nextjs": ">=5.0.0",
+    "driver.js": "^1.4.0",
     "next": ">=14.0.0",
+    "next-intl": "^4.12.0",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   },
@@ -145,11 +167,18 @@
     "@clerk/nextjs": {
       "optional": true
     },
+    "driver.js": {
+      "optional": true
+    },
     "next": {
       "optional": true
+    },
+    "next-intl": {
+      "optional": true
     }
   },
   "devDependencies": {
+    "@storybook/react": "8.6.17",
     "@storybook/test": "^8.6.17",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -158,14 +187,17 @@
     "@types/react": "^19.2.14",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/three": "^0.183.1",
+    "@vitejs/plugin-react-swc": "^4.3.1",
+    "driver.js": "^1.4.0",
+    "jsdom": "^29.1.1",
     "next": "^16.2.6",
+    "next-intl": "^4.12.0",
     "storybook": "^8.6.17",
-    "@vitejs/plugin-react-swc": "^4.3.1",
     "tsup": "^8.5.1",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "vitest": "^4.0.18",
-    "@nebutra/design-tokens": "0.1.2"
+    "@nebutra/design-tokens": "2.0.0"
   },
   "homepage": "https://github.com/Nebutra/Nebutra-Sailor/tree/main/packages/design/ui#readme",
   "repository": {
@@ -183,6 +215,8 @@
     "@react-three/fiber": "^9.5.0",
     "three": "^0.183.2"
   },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "scripts": {
     "test": "vitest run",
     "typecheck": "tsc --noEmit",

package/src/styles/sources.css

@@ -25,3 +25,13 @@
 
 /* Icon components often appear in class strings next to UI primitives */
 @source "../../../icons/src/**/*.{ts,tsx,js,jsx}";
+
+/*
+ * @nebutra/i18n ships rendered components (locale-switcher, market-locale-picker),
+ * so its class strings need compiling too. Without this the utilities silently
+ * do not exist: the locale switcher asked for `bg-neutral-1` to opt out of the
+ * translucent popover surface and got nothing, so the DS default `bg-popover/95`
+ * kept winning and the panel stayed see-through — a fix that was correct in the
+ * source and absent from the stylesheet.
+ */
+@source "../../../../platform/i18n/src/**/*.{ts,tsx,js,jsx}";

package/src/typography/fonts.css

@@ -1,42 +1,37 @@
 /**
- * Font CSS Variables — SSOT for typography across Nebutra packages.
- * "Precision Stack" — Geist × Geist Mono × Noto Sans SC
+ * Font rules — the typography BEHAVIOUR layer (which element gets which stack).
+ * The STACKS themselves are owned by @nebutra/tokens, generated from
+ * packages/design/design-tokens/tokens/core.json → fontFamily.*.
  *
- * Font loading strategy (Next.js apps):
- * Each app's layout.tsx loads Latin fonts via geist/font:
- *   GeistSans  → injects --font-geist-sans  (variable font, 100–900)
- *   GeistMono  → injects --font-geist-mono  (variable font, 100–900)
+ * Font loading (Next.js apps): each app's layout.tsx applies the loader classes
+ *   GeistSans        → --font-geist-sans     (variable, 100–900)   Latin + numerals
+ *   GeistMono        → --font-geist-mono     (variable, 100–900)   code
+ *   cjkFontClassName → --font-noto-sans-sc   (@nebutra/fonts/next/cjk)  CJK
+ * and the token stacks reference those variables in that order, so Geist keeps
+ * Latin and only CJK falls through to Noto Sans SC.
  *
- * The CSS custom properties below reference those injected variables and
- * fall back gracefully when font loaders are unavailable (e.g., Storybook, tests).
- * CJK uses local/system font fallback to avoid build-time Google font fetches.
+ * IMPORT ORDER MATTERS: this file must come AFTER @nebutra/tokens/styles.css
+ * (see ../styles/preset.css). It used to re-declare --font-sans / --font-heading /
+ * --font-mono here as Geist-only literals; being the later import, those copies
+ * won, and the CJK half of every token stack was silently discarded. Declare
+ * stacks in the tokens, never here.
  */
 
 /* ============================================
-   CSS Custom Properties (SSOT)
+   CSS Custom Properties — derived aliases only
    ============================================ */
 
 :root {
-  /* Primary font stack — Geist Sans (geometric precision, variable) */
-  --font-primary:
-    var(--font-geist-sans), "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
-    sans-serif;
+  /* Legacy alias for the body/UI stack — the stack lives in the tokens. */
+  --font-primary: var(--font-sans);
 
-  /* Heading font stack — matches primary for Precision Stack */
-  --font-heading:
-    var(--font-geist-sans), "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
-    sans-serif;
-
-  /* Monospace — Geist Mono */
-  --font-mono:
-    var(--font-geist-mono), "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;
-
-  /* CJK — local/system fallback, no build-time font fetch */
+  /* CJK — appended as a fallback on the rules below (see the note there). The
+     token already leads with the self-hosted face; the system families repeat
+     here so this alias still degrades on its own. */
   --font-cjk:
     var(--font-cn), "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
 
-  /* Aliases for Tailwind/shadcn compatibility */
-  --font-sans: var(--font-primary);
+  /* Not a token: no Nebutra surface uses a serif, this exists for shadcn parity. */
   --font-serif: Georgia, Cambria, "Times New Roman", Times, serif;
 }