donghy 0.0.1

package/dist/cjs/global.css

@@ -0,0 +1,247 @@
+/* ─── Dark Mode ─── */
+html[data-theme='dark'] {
+  --nv-color-primary: #9A8CF5;
+  --nv-color-primary-hover: #7C6FF0;
+  --nv-color-primary-active: #B3A8FF;
+  --nv-color-primary-bg: rgba(108, 92, 231, 0.15);
+  --nv-color-primary-border: rgba(108, 92, 231, 0.35);
+
+  --nv-color-success: #49AA19;
+  --nv-color-success-bg: rgba(82, 196, 26, 0.12);
+  --nv-color-success-border: rgba(82, 196, 26, 0.35);
+  --nv-color-warning: #D89614;
+  --nv-color-warning-bg: rgba(250, 173, 20, 0.12);
+  --nv-color-warning-border: rgba(250, 173, 20, 0.35);
+  --nv-color-error: #DC4446;
+  --nv-color-error-bg: rgba(255, 77, 79, 0.12);
+  --nv-color-error-border: rgba(255, 77, 79, 0.35);
+  --nv-color-info: #1668DC;
+  --nv-color-info-bg: rgba(64, 150, 255, 0.12);
+  --nv-color-info-border: rgba(64, 150, 255, 0.35);
+
+  --nv-color-link: #9A8CF5;
+  --nv-color-link-hover: #B3A8FF;
+
+  --nv-color-text: rgba(255, 255, 255, 0.85);
+  --nv-color-text-secondary: rgba(255, 255, 255, 0.65);
+  --nv-color-text-tertiary: rgba(255, 255, 255, 0.45);
+  --nv-color-text-disabled: rgba(255, 255, 255, 0.25);
+  --nv-color-text-inverse: #1C1C1E;
+
+  --nv-color-bg: #141414;
+  --nv-color-bg-secondary: #000000;
+  --nv-color-bg-tertiary: #1D1D1D;
+  --nv-color-bg-elevated: #1F1F1F;
+  --nv-color-bg-spotlight: rgba(255, 255, 255, 0.12);
+
+  --nv-color-border: #424242;
+  --nv-color-border-secondary: #303030;
+  --nv-color-divider: rgba(253, 253, 253, 0.12);
+  --nv-color-overlay: rgba(0, 0, 0, 0.65);
+
+  --nv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.45),
+    0 1px 6px -1px rgba(0, 0, 0, 0.40),
+    0 2px 4px 0 rgba(0, 0, 0, 0.35);
+  --nv-shadow-md: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
+    0 6px 16px 0 rgba(0, 0, 0, 0.40),
+    0 9px 28px 8px rgba(0, 0, 0, 0.35);
+  --nv-shadow-lg: 0 6px 16px -8px rgba(0, 0, 0, 0.48),
+    0 9px 28px 0 rgba(0, 0, 0, 0.40),
+    0 12px 48px 16px rgba(0, 0, 0, 0.35);
+}
+
+:root {
+  --nv-color-primary: #6C5CE7;
+  --nv-color-primary-hover: #7C6FF0;
+  --nv-color-primary-active: #5849C4;
+  --nv-color-primary-bg: #F0EDFF;
+  --nv-color-primary-border: #D5CCFA;
+
+  --nv-color-success: #52C41A;
+  --nv-color-success-bg: #F6FFED;
+  --nv-color-success-border: #B7EB8F;
+  --nv-color-warning: #FAAD14;
+  --nv-color-warning-bg: #FFFBE6;
+  --nv-color-warning-border: #FFE58F;
+  --nv-color-error: #FF4D4F;
+  --nv-color-error-bg: #FFF2F0;
+  --nv-color-error-border: #FFCCC7;
+  --nv-color-info: #4096FF;
+  --nv-color-info-bg: #E6F4FF;
+  --nv-color-info-border: #91CAFF;
+
+  --nv-color-link: #6C5CE7;
+  --nv-color-link-hover: #7C6FF0;
+
+  --nv-color-text: rgba(0, 0, 0, 0.88);
+  --nv-color-text-secondary: rgba(0, 0, 0, 0.65);
+  --nv-color-text-tertiary: rgba(0, 0, 0, 0.45);
+  --nv-color-text-disabled: rgba(0, 0, 0, 0.25);
+  --nv-color-text-inverse: #FFFFFF;
+
+  --nv-color-bg: #FFFFFF;
+  --nv-color-bg-secondary: #F5F5F5;
+  --nv-color-bg-tertiary: #FAFAFA;
+  --nv-color-bg-elevated: #FFFFFF;
+  --nv-color-bg-spotlight: rgba(0, 0, 0, 0.85);
+
+  --nv-color-border: #D9D9D9;
+  --nv-color-border-secondary: #F0F0F0;
+  --nv-color-divider: rgba(0, 0, 0, 0.06);
+  --nv-color-overlay: rgba(0, 0, 0, 0.45);
+
+  --nv-color-chart-blue: #5B8FF9;
+  --nv-color-chart-green: #5AD8A6;
+  --nv-color-chart-yellow: #F6BD16;
+  --nv-color-chart-red: #E86452;
+  --nv-color-chart-purple: #B37FEB;
+  --nv-color-chart-cyan: #6DC8EC;
+  --nv-color-chart-orange: #FF9D4D;
+  --nv-color-chart-pink: #FF6B9D;
+
+  --nv-radius-none: 0px;
+  --nv-radius-xs: 2px;
+  --nv-radius-sm: 4px;
+  --nv-radius-md: 6px;
+  --nv-radius-lg: 8px;
+  --nv-radius-xl: 12px;
+  --nv-radius-xxl: 16px;
+  --nv-radius-round: 9999px;
+
+  --nv-space-xxs: 2px;
+  --nv-space-xs: 4px;
+  --nv-space-sm: 8px;
+  --nv-space-md: 12px;
+  --nv-space-lg: 16px;
+  --nv-space-xl: 24px;
+  --nv-space-xxl: 32px;
+  --nv-space-xxxl: 40px;
+  --nv-space-xxxxl: 48px;
+  --nv-space-xxxxxl: 56px;
+  --nv-space-xxxxxxl: 64px;
+
+  --nv-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+  --nv-font-family-mono: 'SF Mono', 'SFMono-Regular', 'Fira Code',
+    'Fira Mono', 'Roboto Mono', Menlo, Consolas, monospace;
+
+  --nv-font-size-xs: 12px;
+  --nv-font-size-sm: 13px;
+  --nv-font-size-md: 14px;
+  --nv-font-size-lg: 16px;
+  --nv-font-size-xl: 20px;
+  --nv-font-size-xxl: 24px;
+  --nv-font-size-xxxl: 30px;
+  --nv-font-size-title: 38px;
+
+  --nv-font-weight-regular: 400;
+  --nv-font-weight-medium: 500;
+  --nv-font-weight-semibold: 600;
+  --nv-font-weight-bold: 700;
+
+  --nv-line-height-xs: 20px;
+  --nv-line-height-sm: 22px;
+  --nv-line-height-md: 22px;
+  --nv-line-height-lg: 24px;
+  --nv-line-height-xl: 28px;
+  --nv-line-height-xxl: 32px;
+  --nv-line-height-xxxl: 38px;
+  --nv-line-height-title: 46px;
+
+  --nv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03),
+    0 1px 6px -1px rgba(0, 0, 0, 0.02),
+    0 2px 4px 0 rgba(0, 0, 0, 0.02);
+  --nv-shadow-md: 0 3px 6px -4px rgba(0, 0, 0, 0.12),
+    0 6px 16px 0 rgba(0, 0, 0, 0.08),
+    0 9px 28px 8px rgba(0, 0, 0, 0.05);
+  --nv-shadow-lg: 0 6px 16px -8px rgba(0, 0, 0, 0.08),
+    0 9px 28px 0 rgba(0, 0, 0, 0.05),
+    0 12px 48px 16px rgba(0, 0, 0, 0.03);
+
+  --nv-motion-instant: 0ms;
+  --nv-motion-fast: 100ms;
+  --nv-motion-normal: 200ms;
+  --nv-motion-slow: 300ms;
+  --nv-motion-slower: 400ms;
+
+  --nv-motion-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
+  --nv-motion-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+  --nv-motion-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+  --nv-motion-linear: linear;
+
+  --nv-z-dropdown: 1000;
+  --nv-z-sticky: 1020;
+  --nv-z-fixed: 1030;
+  --nv-z-modal: 1050;
+  --nv-z-popover: 1060;
+  --nv-z-tooltip: 1070;
+  --nv-z-toast: 1080;
+
+  --nv-affix-z-index: 10;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: var(--nv-font-family);
+  font-size: var(--nv-font-size-md);
+  line-height: var(--nv-line-height-md);
+  color: var(--nv-color-text);
+  background: var(--nv-color-bg);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  margin: 0;
+  padding: 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  font-weight: var(--nv-font-weight-semibold);
+}
+
+h1 { font-size: var(--nv-font-size-title); line-height: var(--nv-line-height-title); }
+h2 { font-size: var(--nv-font-size-xxxl); line-height: var(--nv-line-height-xxxl); }
+h3 { font-size: var(--nv-font-size-xxl); line-height: var(--nv-line-height-xxl); }
+h4 { font-size: var(--nv-font-size-xl); line-height: var(--nv-line-height-xl); }
+h5 { font-size: var(--nv-font-size-lg); line-height: var(--nv-line-height-lg); }
+
+p {
+  margin: 0;
+  line-height: var(--nv-line-height-md);
+}
+
+a {
+  color: var(--nv-color-link);
+  text-decoration: none;
+  transition: color var(--nv-motion-fast) var(--nv-motion-ease-out);
+}
+
+a:hover {
+  color: var(--nv-color-link-hover);
+}
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--nv-color-text-disabled);
+  border-radius: var(--nv-radius-round);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--nv-color-text-tertiary);
+}

package/dist/cjs/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  tokens: true
+};
+Object.defineProperty(exports, "tokens", {
+  enumerable: true,
+  get: function get() {
+    return _tokens.tokens;
+  }
+});
+var _components = require("./components");
+Object.keys(_components).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _components[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _components[key];
+    }
+  });
+});
+var _tokens = require("./theme/tokens");

package/dist/cjs/theme/dark.css

@@ -0,0 +1,56 @@
+html[data-theme='dark'] {
+  /* ─── Color: Brand ─── */
+  --nv-color-primary: #9A8CF5;
+  --nv-color-primary-hover: #7C6FF0;
+  --nv-color-primary-active: #B3A8FF;
+  --nv-color-primary-bg: rgba(108, 92, 231, 0.15);
+  --nv-color-primary-border: rgba(108, 92, 231, 0.35);
+
+  /* ─── Color: Functional ─── */
+  --nv-color-success: #49AA19;
+  --nv-color-success-bg: rgba(82, 196, 26, 0.12);
+  --nv-color-success-border: rgba(82, 196, 26, 0.35);
+  --nv-color-warning: #D89614;
+  --nv-color-warning-bg: rgba(250, 173, 20, 0.12);
+  --nv-color-warning-border: rgba(250, 173, 20, 0.35);
+  --nv-color-error: #DC4446;
+  --nv-color-error-bg: rgba(255, 77, 79, 0.12);
+  --nv-color-error-border: rgba(255, 77, 79, 0.35);
+  --nv-color-info: #1668DC;
+  --nv-color-info-bg: rgba(64, 150, 255, 0.12);
+  --nv-color-info-border: rgba(64, 150, 255, 0.35);
+
+  /* ─── Color: Link ─── */
+  --nv-color-link: #9A8CF5;
+  --nv-color-link-hover: #B3A8FF;
+
+  /* ─── Color: Neutral - Text ─── */
+  --nv-color-text: rgba(255, 255, 255, 0.85);
+  --nv-color-text-secondary: rgba(255, 255, 255, 0.65);
+  --nv-color-text-tertiary: rgba(255, 255, 255, 0.45);
+  --nv-color-text-disabled: rgba(255, 255, 255, 0.25);
+
+  /* ─── Color: Neutral - Background ─── */
+  --nv-color-bg: #141414;
+  --nv-color-bg-secondary: #000000;
+  --nv-color-bg-tertiary: #1D1D1D;
+  --nv-color-bg-elevated: #1F1F1F;
+  --nv-color-bg-spotlight: rgba(255, 255, 255, 0.12);
+
+  /* ─── Color: Neutral - Border & Divider ─── */
+  --nv-color-border: #424242;
+  --nv-color-border-secondary: #303030;
+  --nv-color-divider: rgba(253, 253, 253, 0.12);
+  --nv-color-overlay: rgba(0, 0, 0, 0.65);
+
+  /* ─── Shadow ─── */
+  --nv-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.45),
+    0 1px 6px -1px rgba(0, 0, 0, 0.40),
+    0 2px 4px 0 rgba(0, 0, 0, 0.35);
+  --nv-shadow-md: 0 3px 6px -4px rgba(0, 0, 0, 0.48),
+    0 6px 16px 0 rgba(0, 0, 0, 0.40),
+    0 9px 28px 8px rgba(0, 0, 0, 0.35);
+  --nv-shadow-lg: 0 6px 16px -8px rgba(0, 0, 0, 0.48),
+    0 9px 28px 0 rgba(0, 0, 0, 0.40),
+    0 12px 48px 16px rgba(0, 0, 0, 0.35);
+}