@nexus-cross/design-system 1.1.1 → 2.0.0

package/dist/tokens-domains/prediction-vars.css

@@ -0,0 +1,154 @@
+/**
+ * Prediction Domain CSS — 순수 CSS 변수
+ * Tailwind 없이 var(--*) 로 사용 가능
+ * 자동 생성: scripts/generate-css.js
+ * 생성일: 2026-05-06T03:32:31.090Z
+ */
+
+:root {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-dim: #9FECD7;
+  --color-domain-market-bullish-hover: #00C890;
+  --color-domain-market-bullish-pressed: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bullish-bg: #CDF4EA;
+  --color-domain-market-bullish-bg-hover: #9FECD7;
+  --color-domain-market-bullish-bg-pressed: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-dim: #FFBBC4;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #AF2239;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-market-bearish-bg: #FDE8EB;
+  --color-domain-market-bearish-bg-hover: #FFBBC4;
+  --color-domain-market-bearish-bg-pressed: #FDE8EB;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #FFFFFF;
+  --color-domain-market-on-bearish: #FFFFFF;
+  --color-domain-accent-primary: #7346F3;
+  --color-domain-accent-primary-intense: #7346F3;
+  --color-domain-accent-primary-dim: #E0CDF8;
+  --color-domain-accent-primary-hover: #7D4FFF;
+  --color-domain-accent-primary-pressed: #9975FF;
+  --color-domain-accent-primary-disabled: #F4EBFF;
+  --color-domain-accent-primary-focus: #7D4FFF;
+  --color-domain-accent-on-primary: #FFFFFF;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-bg-subtle: #FFFFFF;
+}
+
+.prediction {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-dim: #9FECD7;
+  --color-domain-market-bullish-hover: #00C890;
+  --color-domain-market-bullish-pressed: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bullish-bg: #CDF4EA;
+  --color-domain-market-bullish-bg-hover: #9FECD7;
+  --color-domain-market-bullish-bg-pressed: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-dim: #FFBBC4;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #AF2239;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-market-bearish-bg: #FDE8EB;
+  --color-domain-market-bearish-bg-hover: #FFBBC4;
+  --color-domain-market-bearish-bg-pressed: #FDE8EB;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #FFFFFF;
+  --color-domain-market-on-bearish: #FFFFFF;
+  --color-domain-accent-primary: #7346F3;
+  --color-domain-accent-primary-intense: #7346F3;
+  --color-domain-accent-primary-dim: #E0CDF8;
+  --color-domain-accent-primary-hover: #7D4FFF;
+  --color-domain-accent-primary-pressed: #9975FF;
+  --color-domain-accent-primary-disabled: #F4EBFF;
+  --color-domain-accent-primary-focus: #7D4FFF;
+  --color-domain-accent-on-primary: #FFFFFF;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-bg-subtle: #FFFFFF;
+}
+
+.prediction.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-dim: #1B9674;
+  --color-domain-market-bullish-hover: #0BDFA5;
+  --color-domain-market-bullish-pressed: #00C890;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bullish-bg: #0D4431;
+  --color-domain-market-bullish-bg-hover: #1B9674;
+  --color-domain-market-bullish-bg-pressed: #00B784;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-dim: #AF2239;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #D20625;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-market-bearish-bg: #5B121E;
+  --color-domain-market-bearish-bg-hover: #AF2239;
+  --color-domain-market-bearish-bg-pressed: #5B121E;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #000000;
+  --color-domain-market-on-bearish: #000000;
+  --color-domain-accent-primary: #7D4FFF;
+  --color-domain-accent-primary-intense: #9975FF;
+  --color-domain-accent-primary-dim: #7346F3;
+  --color-domain-accent-primary-hover: #9975FF;
+  --color-domain-accent-primary-pressed: #7346F3;
+  --color-domain-accent-primary-disabled: #3A1D7C;
+  --color-domain-accent-primary-focus: #9975FF;
+  --color-domain-accent-on-primary: #000000;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-bg-subtle: #161A21;
+}
+
+.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-dim: #1B9674;
+  --color-domain-market-bullish-hover: #0BDFA5;
+  --color-domain-market-bullish-pressed: #00C890;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bullish-bg: #0D4431;
+  --color-domain-market-bullish-bg-hover: #1B9674;
+  --color-domain-market-bullish-bg-pressed: #00B784;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-dim: #AF2239;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #D20625;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-market-bearish-bg: #5B121E;
+  --color-domain-market-bearish-bg-hover: #AF2239;
+  --color-domain-market-bearish-bg-pressed: #5B121E;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #000000;
+  --color-domain-market-on-bearish: #000000;
+  --color-domain-accent-primary: #7D4FFF;
+  --color-domain-accent-primary-intense: #9975FF;
+  --color-domain-accent-primary-dim: #7346F3;
+  --color-domain-accent-primary-hover: #9975FF;
+  --color-domain-accent-primary-pressed: #7346F3;
+  --color-domain-accent-primary-disabled: #3A1D7C;
+  --color-domain-accent-primary-focus: #9975FF;
+  --color-domain-accent-on-primary: #000000;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-bg-subtle: #161A21;
+}

package/dist/tokens-domains/prediction.css

@@ -0,0 +1,153 @@
+/**
+ * Prediction Domain CSS — Tailwind v4 (@theme + .prediction)
+ * 자동 생성: scripts/generate-css.js
+ * 생성일: 2026-05-06T03:32:31.089Z
+ */
+
+@theme {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-dim: #9FECD7;
+  --color-domain-market-bullish-hover: #00C890;
+  --color-domain-market-bullish-pressed: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bullish-bg: #CDF4EA;
+  --color-domain-market-bullish-bg-hover: #9FECD7;
+  --color-domain-market-bullish-bg-pressed: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-dim: #FFBBC4;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #AF2239;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-market-bearish-bg: #FDE8EB;
+  --color-domain-market-bearish-bg-hover: #FFBBC4;
+  --color-domain-market-bearish-bg-pressed: #FDE8EB;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #FFFFFF;
+  --color-domain-market-on-bearish: #FFFFFF;
+  --color-domain-accent-primary: #7346F3;
+  --color-domain-accent-primary-intense: #7346F3;
+  --color-domain-accent-primary-dim: #E0CDF8;
+  --color-domain-accent-primary-hover: #7D4FFF;
+  --color-domain-accent-primary-pressed: #9975FF;
+  --color-domain-accent-primary-disabled: #F4EBFF;
+  --color-domain-accent-primary-focus: #7D4FFF;
+  --color-domain-accent-on-primary: #FFFFFF;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-bg-subtle: #FFFFFF;
+}
+
+.prediction {
+  --color-domain-market-bullish: #00B784;
+  --color-domain-market-bullish-intense: #1B9674;
+  --color-domain-market-bullish-dim: #9FECD7;
+  --color-domain-market-bullish-hover: #00C890;
+  --color-domain-market-bullish-pressed: #1B9674;
+  --color-domain-market-bullish-disabled: #CDF4EA;
+  --color-domain-market-bullish-bg: #CDF4EA;
+  --color-domain-market-bullish-bg-hover: #9FECD7;
+  --color-domain-market-bullish-bg-pressed: #CDF4EA;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #D20625;
+  --color-domain-market-bearish-dim: #FFBBC4;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #AF2239;
+  --color-domain-market-bearish-disabled: #FDE8EB;
+  --color-domain-market-bearish-bg: #FDE8EB;
+  --color-domain-market-bearish-bg-hover: #FFBBC4;
+  --color-domain-market-bearish-bg-pressed: #FDE8EB;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #FFFFFF;
+  --color-domain-market-on-bearish: #FFFFFF;
+  --color-domain-accent-primary: #7346F3;
+  --color-domain-accent-primary-intense: #7346F3;
+  --color-domain-accent-primary-dim: #E0CDF8;
+  --color-domain-accent-primary-hover: #7D4FFF;
+  --color-domain-accent-primary-pressed: #9975FF;
+  --color-domain-accent-primary-disabled: #F4EBFF;
+  --color-domain-accent-primary-focus: #7D4FFF;
+  --color-domain-accent-on-primary: #FFFFFF;
+  --color-domain-chart-orange: #FF6324;
+  --color-domain-chart-purple: #8154FF;
+  --color-domain-chart-blue: #0F87FF;
+  --color-domain-chart-yellow: #EBBE07;
+  --color-domain-bg-subtle: #FFFFFF;
+}
+
+.prediction.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-dim: #1B9674;
+  --color-domain-market-bullish-hover: #0BDFA5;
+  --color-domain-market-bullish-pressed: #00C890;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bullish-bg: #0D4431;
+  --color-domain-market-bullish-bg-hover: #1B9674;
+  --color-domain-market-bullish-bg-pressed: #00B784;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-dim: #AF2239;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #D20625;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-market-bearish-bg: #5B121E;
+  --color-domain-market-bearish-bg-hover: #AF2239;
+  --color-domain-market-bearish-bg-pressed: #5B121E;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #000000;
+  --color-domain-market-on-bearish: #000000;
+  --color-domain-accent-primary: #7D4FFF;
+  --color-domain-accent-primary-intense: #9975FF;
+  --color-domain-accent-primary-dim: #7346F3;
+  --color-domain-accent-primary-hover: #9975FF;
+  --color-domain-accent-primary-pressed: #7346F3;
+  --color-domain-accent-primary-disabled: #3A1D7C;
+  --color-domain-accent-primary-focus: #9975FF;
+  --color-domain-accent-on-primary: #000000;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-bg-subtle: #161A21;
+}
+
+.dark {
+  --color-domain-market-bullish: #02D69C;
+  --color-domain-market-bullish-intense: #0BDFA5;
+  --color-domain-market-bullish-dim: #1B9674;
+  --color-domain-market-bullish-hover: #0BDFA5;
+  --color-domain-market-bullish-pressed: #00C890;
+  --color-domain-market-bullish-disabled: #0D4431;
+  --color-domain-market-bullish-bg: #0D4431;
+  --color-domain-market-bullish-bg-hover: #1B9674;
+  --color-domain-market-bullish-bg-pressed: #00B784;
+  --color-domain-market-bearish: #DB0A2D;
+  --color-domain-market-bearish-intense: #EC3C56;
+  --color-domain-market-bearish-dim: #AF2239;
+  --color-domain-market-bearish-hover: #E62848;
+  --color-domain-market-bearish-pressed: #D20625;
+  --color-domain-market-bearish-disabled: #5B121E;
+  --color-domain-market-bearish-bg: #5B121E;
+  --color-domain-market-bearish-bg-hover: #AF2239;
+  --color-domain-market-bearish-bg-pressed: #5B121E;
+  --color-domain-market-flat: #7E8597;
+  --color-domain-market-on-bullish: #000000;
+  --color-domain-market-on-bearish: #000000;
+  --color-domain-accent-primary: #7D4FFF;
+  --color-domain-accent-primary-intense: #9975FF;
+  --color-domain-accent-primary-dim: #7346F3;
+  --color-domain-accent-primary-hover: #9975FF;
+  --color-domain-accent-primary-pressed: #7346F3;
+  --color-domain-accent-primary-disabled: #3A1D7C;
+  --color-domain-accent-primary-focus: #9975FF;
+  --color-domain-accent-on-primary: #000000;
+  --color-domain-chart-orange: #F1713D;
+  --color-domain-chart-purple: #8D65FF;
+  --color-domain-chart-blue: #2391FF;
+  --color-domain-chart-yellow: #C49D01;
+  --color-domain-bg-subtle: #161A21;
+}

package/dist/tokens-domains/prediction.md

@@ -0,0 +1,70 @@
+# @nexus-cross/tokens-domains/prediction — Domain Token Reference
+
+> Domain token reference for the Prediction project.
+
+## Installation & Usage
+
+### Tailwind v4 (Recommended)
+```css
+@import "tailwindcss";
+@import "@nexus-cross/tokens/company.css";
+@import "@nexus-cross/tokens-domains/prediction.css";
+```
+
+### Tailwind v3
+```js
+// tailwind.config.js
+module.exports = {
+  presets: [require("@nexus-cross/tokens-domains/tailwind")],
+};
+```
+
+### Plain CSS (without Tailwind)
+```css
+@import "@nexus-cross/tokens-domains/prediction-vars.css";
+```
+
+### JS/TS API
+```ts
+import { getPredictionTheme } from "@nexus-cross/tokens-domains";
+const { domain } = getPredictionTheme("dark");
+```
+
+## Domain Color Tokens
+
+| Tailwind Class | CSS Variable | Light | Dark |
+|---|---|---|---|
+| `bg-domain-market-bullish` | `--color-domain-market-bullish` | `#00B784` | `#02D69C` |
+| `bg-domain-market-bullish-intense` | `--color-domain-market-bullish-intense` | `#1B9674` | `#0BDFA5` |
+| `bg-domain-market-bullish-dim` | `--color-domain-market-bullish-dim` | `#9FECD7` | `#1B9674` |
+| `bg-domain-market-bullish-hover` | `--color-domain-market-bullish-hover` | `#00C890` | `#0BDFA5` |
+| `bg-domain-market-bullish-pressed` | `--color-domain-market-bullish-pressed` | `#1B9674` | `#00C890` |
+| `bg-domain-market-bullish-disabled` | `--color-domain-market-bullish-disabled` | `#CDF4EA` | `#0D4431` |
+| `bg-domain-market-bullish-bg` | `--color-domain-market-bullish-bg` | `#CDF4EA` | `#0D4431` |
+| `bg-domain-market-bullish-bg-hover` | `--color-domain-market-bullish-bg-hover` | `#9FECD7` | `#1B9674` |
+| `bg-domain-market-bullish-bg-pressed` | `--color-domain-market-bullish-bg-pressed` | `#CDF4EA` | `#00B784` |
+| `bg-domain-market-bearish` | `--color-domain-market-bearish` | `#DB0A2D` | `#DB0A2D` |
+| `bg-domain-market-bearish-intense` | `--color-domain-market-bearish-intense` | `#D20625` | `#EC3C56` |
+| `bg-domain-market-bearish-dim` | `--color-domain-market-bearish-dim` | `#FFBBC4` | `#AF2239` |
+| `bg-domain-market-bearish-hover` | `--color-domain-market-bearish-hover` | `#E62848` | `#E62848` |
+| `bg-domain-market-bearish-pressed` | `--color-domain-market-bearish-pressed` | `#AF2239` | `#D20625` |
+| `bg-domain-market-bearish-disabled` | `--color-domain-market-bearish-disabled` | `#FDE8EB` | `#5B121E` |
+| `bg-domain-market-bearish-bg` | `--color-domain-market-bearish-bg` | `#FDE8EB` | `#5B121E` |
+| `bg-domain-market-bearish-bg-hover` | `--color-domain-market-bearish-bg-hover` | `#FFBBC4` | `#AF2239` |
+| `bg-domain-market-bearish-bg-pressed` | `--color-domain-market-bearish-bg-pressed` | `#FDE8EB` | `#5B121E` |
+| `bg-domain-market-flat` | `--color-domain-market-flat` | `#7E8597` | `#7E8597` |
+| `bg-domain-market-on-bullish` | `--color-domain-market-on-bullish` | `#FFFFFF` | `#000000` |
+| `bg-domain-market-on-bearish` | `--color-domain-market-on-bearish` | `#FFFFFF` | `#000000` |
+| `bg-domain-accent-primary` | `--color-domain-accent-primary` | `#7346F3` | `#7D4FFF` |
+| `bg-domain-accent-primary-intense` | `--color-domain-accent-primary-intense` | `#7346F3` | `#9975FF` |
+| `bg-domain-accent-primary-dim` | `--color-domain-accent-primary-dim` | `#E0CDF8` | `#7346F3` |
+| `bg-domain-accent-primary-hover` | `--color-domain-accent-primary-hover` | `#7D4FFF` | `#9975FF` |
+| `bg-domain-accent-primary-pressed` | `--color-domain-accent-primary-pressed` | `#9975FF` | `#7346F3` |
+| `bg-domain-accent-primary-disabled` | `--color-domain-accent-primary-disabled` | `#F4EBFF` | `#3A1D7C` |
+| `bg-domain-accent-primary-focus` | `--color-domain-accent-primary-focus` | `#7D4FFF` | `#9975FF` |
+| `bg-domain-accent-on-primary` | `--color-domain-accent-on-primary` | `#FFFFFF` | `#000000` |
+| `bg-domain-chart-orange` | `--color-domain-chart-orange` | `#FF6324` | `#F1713D` |
+| `bg-domain-chart-purple` | `--color-domain-chart-purple` | `#8154FF` | `#8D65FF` |
+| `bg-domain-chart-blue` | `--color-domain-chart-blue` | `#0F87FF` | `#2391FF` |
+| `bg-domain-chart-yellow` | `--color-domain-chart-yellow` | `#EBBE07` | `#C49D01` |
+| `bg-domain-bg-subtle` | `--color-domain-bg-subtle` | `#FFFFFF` | `#161A21` |

package/dist/tokens-domains/tailwind.js

@@ -0,0 +1,59 @@
+/**
+ * @nexus-cross/tokens-domains - Tailwind CSS v3 Preset
+ *
+ * Company tokens preset을 상속하고,
+ * 모든 프로젝트의 도메인 컬러를 추가합니다.
+ *
+ * 사용법:
+ *   module.exports = {
+ *     presets: [require('@nexus-cross/tokens-domains/tailwind')],
+ *     content: ['./src/**\/*.{js,jsx,ts,tsx}'],
+ *   }
+ */
+
+const fs = require('fs');
+const path = require('path');
+const basePreset = require('@nexus-cross/tokens/tailwind');
+
+function buildDomainColorMap(data) {
+  const colors = {};
+  for (const [nsKey, nsValue] of Object.entries(data)) {
+    if (nsKey.startsWith('$')) continue;
+    if (typeof nsValue !== 'object' || nsValue === null) continue;
+    for (const [slotKey, slotValue] of Object.entries(nsValue)) {
+      if (slotKey.startsWith('$')) continue;
+      if (typeof slotValue !== 'object' || slotValue === null) continue;
+      if (slotValue.light || slotValue.dark) {
+        const cssVar = `${nsKey}-${slotKey}`;
+        colors[cssVar] = `var(--color-${cssVar})`;
+        continue;
+      }
+      for (const [stateKey, stateDef] of Object.entries(slotValue)) {
+        if (typeof stateDef !== 'object' || stateDef === null) continue;
+        if (stateDef.light || stateDef.dark) {
+          const cssVar = `${nsKey}-${slotKey}-${stateKey}`.replace(/-base$/, '');
+          colors[cssVar] = `var(--color-${cssVar})`;
+        }
+      }
+    }
+  }
+  return colors;
+}
+
+// Load all domain data
+const dataDir = path.join(__dirname, 'data');
+const allColors = {};
+if (fs.existsSync(dataDir)) {
+  for (const project of fs.readdirSync(dataDir)) {
+    const domainPath = path.join(dataDir, project, 'domain.json');
+    if (fs.existsSync(domainPath)) {
+      const domainData = JSON.parse(fs.readFileSync(domainPath, 'utf-8'));
+      Object.assign(allColors, buildDomainColorMap(domainData));
+    }
+  }
+}
+
+module.exports = {
+  presets: [basePreset],
+  theme: { extend: { colors: allColors } },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexus-cross/design-system",
-  "version": "1.1.1",
+  "version": "2.0.0",
   "description": "NEXUS Design System UI Components",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -21,6 +21,27 @@
     },
     "./styles.css": "./dist/styles.css",
     "./styles.layered.css": "./dist/styles.layered.css",
+    "./tailwind-v4.css": "./dist/tailwind-v4.css",
+    "./tokens": {
+      "types": "./dist/tokens/index.d.ts",
+      "import": "./dist/tokens/index.mjs",
+      "require": "./dist/tokens/index.js"
+    },
+    "./tokens/data": "./dist/tokens/data",
+    "./tokens/data/*": "./dist/tokens/data/*",
+    "./tokens/tailwind": "./dist/tokens/tailwind.js",
+    "./tokens/company.css": "./dist/tokens/company.css",
+    "./tokens/css": "./dist/tokens/css.css",
+    "./tokens-domains": {
+      "types": "./dist/tokens-domains/index.d.ts",
+      "import": "./dist/tokens-domains/index.mjs",
+      "require": "./dist/tokens-domains/index.js"
+    },
+    "./tokens-domains/data": "./dist/tokens-domains/data",
+    "./tokens-domains/data/*": "./dist/tokens-domains/data/*",
+    "./tokens-domains/tailwind": "./dist/tokens-domains/tailwind.js",
+    "./tokens-domains/prediction.css": "./dist/tokens-domains/prediction.css",
+    "./tokens-domains/prediction-vars.css": "./dist/tokens-domains/prediction-vars.css",
     "./modal": {
       "types": "./dist/modal/index.d.ts",
       "import": "./dist/modal/index.mjs",
@@ -317,7 +338,6 @@
     "registry": "https://registry.npmjs.org/"
   },
   "peerDependencies": {
-    "@nexus-cross/tokens": "^1.1.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
   },
@@ -341,7 +361,9 @@
     "react-day-picker": "^9.14.0",
     "sonner": "^2.0.7",
     "vaul": "^1.1.2",
-    "zod": "^3.25.76"
+    "zod": "^3.25.76",
+    "@nexus-cross/tokens": "2.0.0",
+    "@nexus-cross/tokens-domains": "2.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^6.9.1",
@@ -353,8 +375,7 @@
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
     "vitest": "^1.6.1",
-    "zod-to-json-schema": "^3.25.2",
-    "@nexus-cross/tokens": "1.1.1"
+    "zod-to-json-schema": "^3.25.2"
   },
   "scripts": {
     "postinstall": "node scripts/setup-cursor-rules.cjs",
@@ -362,7 +383,7 @@
     "build:js": "tsup && tsc -p tsconfig.build.json",
     "build:schemas": "node scripts/generate-json-schemas.cjs",
     "build:mdc": "node scripts/generate-mdc.cjs",
-    "build": "pnpm build:css && pnpm build:js && cp src/styles/.generated/built.clean.css dist/styles.css && node scripts/generate-layered-css.cjs && node scripts/inject-css-import.cjs && pnpm build:schemas && pnpm build:mdc",
+    "build": "pnpm build:css && pnpm build:js && pnpm build:schemas && pnpm build:mdc",
     "dev": "tsup --watch",
     "lint": "eslint src/",
     "type-check": "tsc --noEmit"

package/dist/chunks/{chunk-5ZVPTIL3.mjs → chunk-3VFBPFZF.mjs}

@@ -1,9 +1,9 @@
+import { useDraggableBottomSheet } from './chunk-U56AGSLE.mjs';
 import { useDraggableWindow } from './chunk-4J3GCZ7W.mjs';
 import { scrollRelease, scrollFreeze } from './chunk-54IA2P2Z.mjs';
 import { useCheckDevice_default } from './chunk-YEWKPWK3.mjs';
 import { useClickOutside_default } from './chunk-OTGS6BDQ.mjs';
 import { Modal_default } from './chunk-6H7V2I3X.mjs';
-import { useDraggableBottomSheet } from './chunk-U56AGSLE.mjs';
 import { cn } from './chunk-MCKOWMLS.mjs';
 import React, { forwardRef, useState, useMemo, useCallback, useEffect, useImperativeHandle, useRef, Suspense } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/chunks/{chunk-7F4SOLAC.js → chunk-U53UA76K.js}

@@ -1,11 +1,11 @@
 'use strict';
 
+var chunkHHXDOKXY_js = require('./chunk-HHXDOKXY.js');
 var chunkNHDGKOAM_js = require('./chunk-NHDGKOAM.js');
 var chunkT2IY2TSR_js = require('./chunk-T2IY2TSR.js');
 var chunkXEHFB62A_js = require('./chunk-XEHFB62A.js');
 var chunkINP2AH3B_js = require('./chunk-INP2AH3B.js');
 var chunkHUPAHDJ7_js = require('./chunk-HUPAHDJ7.js');
-var chunkHHXDOKXY_js = require('./chunk-HHXDOKXY.js');
 var chunkCZC76ZD5_js = require('./chunk-CZC76ZD5.js');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');