@sixthshift/design-system 0.1.0

package/dist/theme.generated.css

@@ -0,0 +1,438 @@
+/**
+ * Default Theme
+ * Version: 0.1.0
+ *
+ * AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+ * Edit src/theme/theme.json, src/theme/palette.json, or src/theme/typography.json and run: bun run build:theme
+ */
+
+:root {
+  /* Color Palette */
+  --color-emerald-50: #f2fafb;
+  --color-emerald-100: #d6eef0;
+  --color-emerald-200: #addde0;
+  --color-emerald-300: #7cc4c8;
+  --color-emerald-400: #4ba5a9;
+  --color-emerald-500: #368086;
+  --color-emerald-600: #2c666c;
+  --color-emerald-700: #234e53;
+  --color-emerald-800: #19393d;
+  --color-emerald-900: #11292c;
+  --color-emerald-950: #0a1a1d;
+  --color-topaz-50: #fff7f0;
+  --color-topaz-100: #ffe5d1;
+  --color-topaz-200: #fbc89f;
+  --color-topaz-300: #f0a066;
+  --color-topaz-400: #d9722e;
+  --color-topaz-500: #c4530a;
+  --color-topaz-600: #9f4007;
+  --color-topaz-700: #7b2e06;
+  --color-topaz-800: #5a2105;
+  --color-topaz-900: #3d1503;
+  --color-topaz-950: #230c02;
+  --color-ruby-50: #fff5f6;
+  --color-ruby-100: #fde1e4;
+  --color-ruby-200: #f8bac3;
+  --color-ruby-300: #ec8796;
+  --color-ruby-400: #d55368;
+  --color-ruby-500: #c33341;
+  --color-ruby-600: #9e2533;
+  --color-ruby-700: #7a1b27;
+  --color-ruby-800: #57131c;
+  --color-ruby-900: #3a0c13;
+  --color-ruby-950: #21070b;
+  --color-ocean-50: #f0f4fa;
+  --color-ocean-100: #dce6f4;
+  --color-ocean-200: #b9cde9;
+  --color-ocean-300: #8fafd9;
+  --color-ocean-400: #6691c7;
+  --color-ocean-500: #4573ae;
+  --color-ocean-600: #355a8c;
+  --color-ocean-700: #034078;
+  --color-ocean-800: #022f5a;
+  --color-ocean-900: #001f54;
+  --color-ocean-950: #0a1128;
+  --color-sky-50: #effcff;
+  --color-sky-100: #d6f5fb;
+  --color-sky-200: #b3ecf7;
+  --color-sky-300: #7fdff0;
+  --color-sky-400: #44c9e2;
+  --color-sky-500: #1282a2;
+  --color-sky-600: #0f6b86;
+  --color-sky-700: #10576d;
+  --color-sky-800: #12475a;
+  --color-sky-900: #133c4c;
+  --color-sky-950: #062733;
+  --color-earth-50: #fefcfb;
+  --color-earth-100: #faf6f4;
+  --color-earth-200: #f2ebe7;
+  --color-earth-300: #e8ddd6;
+  --color-earth-400: #d4c4b9;
+  --color-earth-500: #b8a192;
+  --color-earth-600: #9a816f;
+  --color-earth-700: #7d6555;
+  --color-earth-800: #5e4b40;
+  --color-earth-900: #3d302a;
+  --color-earth-950: #211916;
+  --color-slate-50: #f8fafc;
+  --color-slate-100: #f1f5f9;
+  --color-slate-200: #e2e8f0;
+  --color-slate-300: #cbd5e1;
+  --color-slate-400: #94a3b8;
+  --color-slate-500: #64748b;
+  --color-slate-600: #475569;
+  --color-slate-700: #334155;
+  --color-slate-800: #1e293b;
+  --color-slate-900: #0f172a;
+  --color-slate-950: #020617;
+
+  /* Typography */
+  --font-sans: Inter Variable, ui-sans-serif, system-ui, sans-serif;
+  --font-mono: JetBrains Mono Variable, ui-monospace, monospace;
+}
+
+:root:not([data-theme]), :root[data-theme="light"] {
+  /* Background */
+  --bg-strong: var(--color-slate-800);
+  --bg-strong-hovered: var(--color-slate-900);
+  --bg-strong-pressed: var(--color-slate-950);
+  --bg-strong-disabled: var(--color-slate-300);
+  --bg-normal: white;
+  --bg-normal-hovered: var(--color-slate-50);
+  --bg-normal-pressed: var(--color-slate-100);
+  --bg-normal-disabled: var(--color-slate-200);
+  --bg-subtle: var(--color-slate-50);
+  --bg-subtle-hovered: var(--color-slate-100);
+  --bg-subtle-pressed: var(--color-slate-200);
+  --bg-subtle-disabled: var(--color-slate-100);
+  --bg-brand-subtle: var(--color-ocean-100);
+  --bg-brand-subtle-hovered: var(--color-ocean-200);
+  --bg-brand-subtle-pressed: var(--color-ocean-300);
+  --bg-brand-subtle-disabled: var(--color-ocean-50);
+  --bg-brand: var(--color-ocean-600);
+  --bg-brand-hovered: var(--color-ocean-700);
+  --bg-brand-pressed: var(--color-ocean-800);
+  --bg-brand-disabled: var(--color-ocean-300);
+  --bg-brand-strong: var(--color-ocean-800);
+  --bg-brand-strong-hovered: var(--color-ocean-900);
+  --bg-brand-strong-pressed: var(--color-ocean-950);
+  --bg-brand-strong-disabled: var(--color-ocean-400);
+  --bg-success-subtle: var(--color-emerald-100);
+  --bg-success-subtle-hovered: var(--color-emerald-200);
+  --bg-success-subtle-pressed: var(--color-emerald-300);
+  --bg-success-subtle-disabled: var(--color-emerald-50);
+  --bg-success: var(--color-emerald-600);
+  --bg-success-hovered: var(--color-emerald-700);
+  --bg-success-pressed: var(--color-emerald-800);
+  --bg-success-disabled: var(--color-emerald-300);
+  --bg-success-strong: var(--color-emerald-800);
+  --bg-success-strong-hovered: var(--color-emerald-900);
+  --bg-success-strong-pressed: var(--color-emerald-950);
+  --bg-success-strong-disabled: var(--color-emerald-400);
+  --bg-warning-subtle: var(--color-topaz-100);
+  --bg-warning-subtle-hovered: var(--color-topaz-200);
+  --bg-warning-subtle-pressed: var(--color-topaz-300);
+  --bg-warning-subtle-disabled: var(--color-topaz-50);
+  --bg-warning: var(--color-topaz-600);
+  --bg-warning-hovered: var(--color-topaz-700);
+  --bg-warning-pressed: var(--color-topaz-800);
+  --bg-warning-disabled: var(--color-topaz-300);
+  --bg-warning-strong: var(--color-topaz-800);
+  --bg-warning-strong-hovered: var(--color-topaz-900);
+  --bg-warning-strong-pressed: var(--color-topaz-950);
+  --bg-warning-strong-disabled: var(--color-topaz-400);
+  --bg-danger-subtle: var(--color-ruby-100);
+  --bg-danger-subtle-hovered: var(--color-ruby-200);
+  --bg-danger-subtle-pressed: var(--color-ruby-300);
+  --bg-danger-subtle-disabled: var(--color-ruby-50);
+  --bg-danger: var(--color-ruby-600);
+  --bg-danger-hovered: var(--color-ruby-700);
+  --bg-danger-pressed: var(--color-ruby-800);
+  --bg-danger-disabled: var(--color-ruby-300);
+  --bg-danger-strong: var(--color-ruby-800);
+  --bg-danger-strong-hovered: var(--color-ruby-900);
+  --bg-danger-strong-pressed: var(--color-ruby-950);
+  --bg-danger-strong-disabled: var(--color-ruby-400);
+  --bg-overlay: rgba(0, 0, 0, 0.5);
+
+  /* Foreground */
+  --fg-strong: var(--color-slate-900);
+  --fg-strong-hovered: var(--color-slate-950);
+  --fg-strong-pressed: black;
+  --fg-strong-disabled: var(--color-slate-400);
+  --fg-on-strong: var(--color-slate-50);
+  --fg-on-strong-hovered: white;
+  --fg-on-strong-pressed: white;
+  --fg-on-strong-disabled: var(--color-slate-300);
+  --fg-normal: var(--color-slate-900);
+  --fg-normal-hovered: var(--color-slate-950);
+  --fg-normal-pressed: var(--color-slate-950);
+  --fg-normal-disabled: var(--color-slate-400);
+  --fg-subtle: var(--color-slate-500);
+  --fg-subtle-hovered: var(--color-slate-600);
+  --fg-subtle-pressed: var(--color-slate-700);
+  --fg-subtle-disabled: var(--color-slate-300);
+  --fg-brand: var(--color-ocean-700);
+  --fg-brand-hovered: var(--color-ocean-800);
+  --fg-brand-pressed: var(--color-ocean-900);
+  --fg-brand-disabled: var(--color-ocean-300);
+  --fg-on-brand-subtle: var(--color-ocean-800);
+  --fg-on-brand-subtle-hovered: var(--color-ocean-900);
+  --fg-on-brand-subtle-pressed: var(--color-ocean-950);
+  --fg-on-brand-subtle-disabled: var(--color-ocean-400);
+  --fg-on-brand: var(--color-slate-50);
+  --fg-on-brand-hovered: white;
+  --fg-on-brand-pressed: white;
+  --fg-on-brand-disabled: var(--color-slate-300);
+  --fg-on-brand-strong: var(--color-slate-50);
+  --fg-on-brand-strong-hovered: white;
+  --fg-on-brand-strong-pressed: white;
+  --fg-on-brand-strong-disabled: var(--color-slate-300);
+  --fg-success: var(--color-emerald-700);
+  --fg-success-hovered: var(--color-emerald-800);
+  --fg-success-pressed: var(--color-emerald-900);
+  --fg-success-disabled: var(--color-emerald-300);
+  --fg-on-success-subtle: var(--color-emerald-800);
+  --fg-on-success-subtle-hovered: var(--color-emerald-900);
+  --fg-on-success-subtle-pressed: var(--color-emerald-950);
+  --fg-on-success-subtle-disabled: var(--color-emerald-400);
+  --fg-on-success: var(--color-slate-50);
+  --fg-on-success-hovered: white;
+  --fg-on-success-pressed: white;
+  --fg-on-success-disabled: var(--color-slate-300);
+  --fg-warning: var(--color-topaz-700);
+  --fg-warning-hovered: var(--color-topaz-800);
+  --fg-warning-pressed: var(--color-topaz-900);
+  --fg-warning-disabled: var(--color-topaz-300);
+  --fg-on-warning-subtle: var(--color-topaz-800);
+  --fg-on-warning-subtle-hovered: var(--color-topaz-900);
+  --fg-on-warning-subtle-pressed: var(--color-topaz-950);
+  --fg-on-warning-subtle-disabled: var(--color-topaz-400);
+  --fg-on-warning: var(--color-slate-50);
+  --fg-on-warning-hovered: white;
+  --fg-on-warning-pressed: white;
+  --fg-on-warning-disabled: var(--color-slate-300);
+  --fg-danger: var(--color-ruby-700);
+  --fg-danger-hovered: var(--color-ruby-800);
+  --fg-danger-pressed: var(--color-ruby-900);
+  --fg-danger-disabled: var(--color-ruby-300);
+  --fg-on-danger-subtle: var(--color-ruby-800);
+  --fg-on-danger-subtle-hovered: var(--color-ruby-900);
+  --fg-on-danger-subtle-pressed: var(--color-ruby-950);
+  --fg-on-danger-subtle-disabled: var(--color-ruby-400);
+  --fg-on-danger: var(--color-slate-50);
+  --fg-on-danger-hovered: white;
+  --fg-on-danger-pressed: white;
+  --fg-on-danger-disabled: var(--color-slate-300);
+
+  /* Border */
+  --border-strong: var(--color-slate-800);
+  --border-strong-hovered: var(--color-slate-900);
+  --border-strong-pressed: var(--color-slate-950);
+  --border-strong-disabled: var(--color-slate-300);
+  --border-normal: var(--color-slate-300);
+  --border-normal-hovered: var(--color-slate-400);
+  --border-normal-pressed: var(--color-slate-500);
+  --border-normal-disabled: var(--color-slate-100);
+  --border-subtle: var(--color-slate-100);
+  --border-subtle-hovered: var(--color-slate-200);
+  --border-subtle-pressed: var(--color-slate-300);
+  --border-subtle-disabled: var(--color-slate-50);
+  --border-brand-subtle: var(--color-ocean-300);
+  --border-brand-subtle-hovered: var(--color-ocean-400);
+  --border-brand-subtle-pressed: var(--color-ocean-500);
+  --border-brand-subtle-disabled: var(--color-ocean-200);
+  --border-brand: var(--color-ocean-600);
+  --border-brand-hovered: var(--color-ocean-700);
+  --border-brand-pressed: var(--color-ocean-800);
+  --border-brand-disabled: var(--color-ocean-200);
+  --border-brand-strong: var(--color-ocean-800);
+  --border-brand-strong-hovered: var(--color-ocean-900);
+  --border-brand-strong-pressed: var(--color-ocean-950);
+  --border-brand-strong-disabled: var(--color-ocean-400);
+  --border-success: var(--color-emerald-300);
+  --border-success-hovered: var(--color-emerald-400);
+  --border-success-pressed: var(--color-emerald-500);
+  --border-success-disabled: var(--color-emerald-200);
+  --border-warning: var(--color-topaz-300);
+  --border-warning-hovered: var(--color-topaz-400);
+  --border-warning-pressed: var(--color-topaz-500);
+  --border-warning-disabled: var(--color-topaz-200);
+  --border-danger: var(--color-ruby-300);
+  --border-danger-hovered: var(--color-ruby-400);
+  --border-danger-pressed: var(--color-ruby-500);
+  --border-danger-disabled: var(--color-ruby-200);
+}
+
+:root[data-theme="dark"] {
+  /* Background */
+  --bg-strong: var(--color-slate-200);
+  --bg-strong-hovered: var(--color-slate-100);
+  --bg-strong-pressed: var(--color-slate-50);
+  --bg-strong-disabled: var(--color-slate-600);
+  --bg-normal: var(--color-slate-900);
+  --bg-normal-hovered: var(--color-slate-800);
+  --bg-normal-pressed: var(--color-slate-700);
+  --bg-normal-disabled: var(--color-slate-900);
+  --bg-subtle: var(--color-slate-800);
+  --bg-subtle-hovered: var(--color-slate-700);
+  --bg-subtle-pressed: var(--color-slate-600);
+  --bg-subtle-disabled: var(--color-slate-800);
+  --bg-brand-subtle: var(--color-ocean-950);
+  --bg-brand-subtle-hovered: var(--color-ocean-900);
+  --bg-brand-subtle-pressed: var(--color-ocean-800);
+  --bg-brand-subtle-disabled: var(--color-ocean-950);
+  --bg-brand: var(--color-ocean-500);
+  --bg-brand-hovered: var(--color-ocean-400);
+  --bg-brand-pressed: var(--color-ocean-300);
+  --bg-brand-disabled: var(--color-ocean-800);
+  --bg-brand-strong: var(--color-ocean-300);
+  --bg-brand-strong-hovered: var(--color-ocean-200);
+  --bg-brand-strong-pressed: var(--color-ocean-100);
+  --bg-brand-strong-disabled: var(--color-ocean-600);
+  --bg-success-subtle: var(--color-emerald-950);
+  --bg-success-subtle-hovered: var(--color-emerald-900);
+  --bg-success-subtle-pressed: var(--color-emerald-800);
+  --bg-success-subtle-disabled: var(--color-emerald-950);
+  --bg-success: var(--color-emerald-500);
+  --bg-success-hovered: var(--color-emerald-400);
+  --bg-success-pressed: var(--color-emerald-300);
+  --bg-success-disabled: var(--color-emerald-800);
+  --bg-success-strong: var(--color-emerald-300);
+  --bg-success-strong-hovered: var(--color-emerald-200);
+  --bg-success-strong-pressed: var(--color-emerald-100);
+  --bg-success-strong-disabled: var(--color-emerald-600);
+  --bg-warning-subtle: var(--color-topaz-950);
+  --bg-warning-subtle-hovered: var(--color-topaz-900);
+  --bg-warning-subtle-pressed: var(--color-topaz-800);
+  --bg-warning-subtle-disabled: var(--color-topaz-950);
+  --bg-warning: var(--color-topaz-500);
+  --bg-warning-hovered: var(--color-topaz-400);
+  --bg-warning-pressed: var(--color-topaz-300);
+  --bg-warning-disabled: var(--color-topaz-800);
+  --bg-warning-strong: var(--color-topaz-300);
+  --bg-warning-strong-hovered: var(--color-topaz-200);
+  --bg-warning-strong-pressed: var(--color-topaz-100);
+  --bg-warning-strong-disabled: var(--color-topaz-600);
+  --bg-danger-subtle: var(--color-ruby-950);
+  --bg-danger-subtle-hovered: var(--color-ruby-900);
+  --bg-danger-subtle-pressed: var(--color-ruby-800);
+  --bg-danger-subtle-disabled: var(--color-ruby-950);
+  --bg-danger: var(--color-ruby-500);
+  --bg-danger-hovered: var(--color-ruby-400);
+  --bg-danger-pressed: var(--color-ruby-300);
+  --bg-danger-disabled: var(--color-ruby-800);
+  --bg-danger-strong: var(--color-ruby-300);
+  --bg-danger-strong-hovered: var(--color-ruby-200);
+  --bg-danger-strong-pressed: var(--color-ruby-100);
+  --bg-danger-strong-disabled: var(--color-ruby-600);
+  --bg-overlay: rgba(0, 0, 0, 0.6);
+
+  /* Foreground */
+  --fg-strong: var(--color-slate-50);
+  --fg-strong-hovered: white;
+  --fg-strong-pressed: white;
+  --fg-strong-disabled: var(--color-slate-500);
+  --fg-on-strong: var(--color-slate-900);
+  --fg-on-strong-hovered: var(--color-slate-950);
+  --fg-on-strong-pressed: black;
+  --fg-on-strong-disabled: var(--color-slate-500);
+  --fg-normal: var(--color-slate-50);
+  --fg-normal-hovered: white;
+  --fg-normal-pressed: white;
+  --fg-normal-disabled: var(--color-slate-500);
+  --fg-subtle: var(--color-slate-400);
+  --fg-subtle-hovered: var(--color-slate-300);
+  --fg-subtle-pressed: var(--color-slate-200);
+  --fg-subtle-disabled: var(--color-slate-600);
+  --fg-brand: var(--color-ocean-400);
+  --fg-brand-hovered: var(--color-ocean-300);
+  --fg-brand-pressed: var(--color-ocean-200);
+  --fg-brand-disabled: var(--color-ocean-700);
+  --fg-on-brand-subtle: var(--color-ocean-300);
+  --fg-on-brand-subtle-hovered: var(--color-ocean-200);
+  --fg-on-brand-subtle-pressed: var(--color-ocean-100);
+  --fg-on-brand-subtle-disabled: var(--color-ocean-700);
+  --fg-on-brand: var(--color-slate-50);
+  --fg-on-brand-hovered: white;
+  --fg-on-brand-pressed: white;
+  --fg-on-brand-disabled: var(--color-slate-400);
+  --fg-on-brand-strong: var(--color-slate-900);
+  --fg-on-brand-strong-hovered: var(--color-slate-950);
+  --fg-on-brand-strong-pressed: black;
+  --fg-on-brand-strong-disabled: var(--color-slate-500);
+  --fg-success: var(--color-emerald-400);
+  --fg-success-hovered: var(--color-emerald-300);
+  --fg-success-pressed: var(--color-emerald-200);
+  --fg-success-disabled: var(--color-emerald-700);
+  --fg-on-success-subtle: var(--color-emerald-300);
+  --fg-on-success-subtle-hovered: var(--color-emerald-200);
+  --fg-on-success-subtle-pressed: var(--color-emerald-100);
+  --fg-on-success-subtle-disabled: var(--color-emerald-700);
+  --fg-on-success: var(--color-slate-900);
+  --fg-on-success-hovered: var(--color-slate-950);
+  --fg-on-success-pressed: black;
+  --fg-on-success-disabled: var(--color-slate-500);
+  --fg-warning: var(--color-topaz-400);
+  --fg-warning-hovered: var(--color-topaz-300);
+  --fg-warning-pressed: var(--color-topaz-200);
+  --fg-warning-disabled: var(--color-topaz-700);
+  --fg-on-warning-subtle: var(--color-topaz-300);
+  --fg-on-warning-subtle-hovered: var(--color-topaz-200);
+  --fg-on-warning-subtle-pressed: var(--color-topaz-100);
+  --fg-on-warning-subtle-disabled: var(--color-topaz-700);
+  --fg-on-warning: var(--color-slate-900);
+  --fg-on-warning-hovered: var(--color-slate-950);
+  --fg-on-warning-pressed: black;
+  --fg-on-warning-disabled: var(--color-slate-500);
+  --fg-danger: var(--color-ruby-400);
+  --fg-danger-hovered: var(--color-ruby-300);
+  --fg-danger-pressed: var(--color-ruby-200);
+  --fg-danger-disabled: var(--color-ruby-700);
+  --fg-on-danger-subtle: var(--color-ruby-300);
+  --fg-on-danger-subtle-hovered: var(--color-ruby-200);
+  --fg-on-danger-subtle-pressed: var(--color-ruby-100);
+  --fg-on-danger-subtle-disabled: var(--color-ruby-700);
+  --fg-on-danger: var(--color-slate-900);
+  --fg-on-danger-hovered: var(--color-slate-950);
+  --fg-on-danger-pressed: black;
+  --fg-on-danger-disabled: var(--color-slate-500);
+
+  /* Border */
+  --border-strong: var(--color-slate-200);
+  --border-strong-hovered: var(--color-slate-100);
+  --border-strong-pressed: var(--color-slate-50);
+  --border-strong-disabled: var(--color-slate-600);
+  --border-normal: var(--color-slate-700);
+  --border-normal-hovered: var(--color-slate-600);
+  --border-normal-pressed: var(--color-slate-500);
+  --border-normal-disabled: var(--color-slate-800);
+  --border-subtle: var(--color-slate-800);
+  --border-subtle-hovered: var(--color-slate-700);
+  --border-subtle-pressed: var(--color-slate-600);
+  --border-subtle-disabled: var(--color-slate-900);
+  --border-brand-subtle: var(--color-ocean-700);
+  --border-brand-subtle-hovered: var(--color-ocean-600);
+  --border-brand-subtle-pressed: var(--color-ocean-500);
+  --border-brand-subtle-disabled: var(--color-ocean-800);
+  --border-brand: var(--color-ocean-500);
+  --border-brand-hovered: var(--color-ocean-400);
+  --border-brand-pressed: var(--color-ocean-300);
+  --border-brand-disabled: var(--color-ocean-800);
+  --border-brand-strong: var(--color-ocean-300);
+  --border-brand-strong-hovered: var(--color-ocean-200);
+  --border-brand-strong-pressed: var(--color-ocean-100);
+  --border-brand-strong-disabled: var(--color-ocean-600);
+  --border-success: var(--color-emerald-700);
+  --border-success-hovered: var(--color-emerald-600);
+  --border-success-pressed: var(--color-emerald-500);
+  --border-success-disabled: var(--color-emerald-800);
+  --border-warning: var(--color-topaz-700);
+  --border-warning-hovered: var(--color-topaz-600);
+  --border-warning-pressed: var(--color-topaz-500);
+  --border-warning-disabled: var(--color-topaz-800);
+  --border-danger: var(--color-ruby-700);
+  --border-danger-hovered: var(--color-ruby-600);
+  --border-danger-pressed: var(--color-ruby-500);
+  --border-danger-disabled: var(--color-ruby-800);
+}

package/package.json

@@ -0,0 +1,238 @@
+{
+  "name": "@sixthshift/design-system",
+  "version": "0.1.0",
+  "description": "Personal design system - tokens, theme, and component library",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sixthshift/design-system.git"
+  },
+  "homepage": "https://github.com/sixthshift/design-system#readme",
+  "bugs": {
+    "url": "https://github.com/sixthshift/design-system/issues"
+  },
+  "keywords": [
+    "design-system",
+    "react",
+    "component-library",
+    "tailwindcss",
+    "design-tokens",
+    "temporal"
+  ],
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "files": [
+    "src",
+    "dist",
+    "tailwind.config.ts",
+    "!src/**/*.test.ts",
+    "!src/**/*.test.tsx",
+    "!src/**/__tests__",
+    "!src/**/__screenshots__",
+    "!src/**/*.stories.tsx",
+    "!src/stories",
+    "!src/testing"
+  ],
+  "exports": {
+    "./styles.css": "./dist/styles.css",
+    "./theme.css": "./dist/theme.generated.css",
+    "./theme": "./src/theme/index.ts",
+    "./tailwind.config": "./tailwind.config.ts",
+    "./utils": "./src/lib/utils.ts",
+    "./format": "./src/lib/format.ts",
+    "./hooks": "./src/hooks/index.ts",
+    "./date-time": "./src/date-time/index.ts",
+    "./button": "./src/components/Button/index.ts",
+    "./input": "./src/components/Input/index.ts",
+    "./textarea": "./src/components/Textarea/index.ts",
+    "./checkbox": "./src/components/Checkbox/index.ts",
+    "./checkbox-group": "./src/components/CheckboxGroup/index.ts",
+    "./radio-button": "./src/components/RadioButton/index.ts",
+    "./radio-button-group": "./src/components/RadioButtonGroup/index.ts",
+    "./switch": "./src/components/Switch/index.ts",
+    "./toggle": "./src/components/Toggle/index.ts",
+    "./toggle-group": "./src/components/ToggleGroup/index.ts",
+    "./badge": "./src/components/Badge/index.ts",
+    "./color-dot": "./src/components/ColorDot/index.ts",
+    "./tag-chip": "./src/components/TagChip/index.ts",
+    "./tag-input": "./src/components/TagInput/index.ts",
+    "./field": "./src/components/Field/index.ts",
+    "./breadcrumb": "./src/components/Breadcrumb/index.ts",
+    "./card": "./src/components/Card/index.ts",
+    "./avatar": "./src/components/Avatar/index.ts",
+    "./separator": "./src/components/Separator/index.ts",
+    "./skeleton": "./src/components/Skeleton/index.ts",
+    "./spinner": "./src/components/Spinner/index.ts",
+    "./stats-card": "./src/components/StatsCard/index.ts",
+    "./metric-list": "./src/components/MetricList/index.ts",
+    "./empty-state": "./src/components/EmptyState/index.ts",
+    "./text": "./src/components/Text/index.ts",
+    "./text-inline": "./src/components/TextInline/index.ts",
+    "./calendar": "./src/components/Calendar/index.ts",
+    "./modal": "./src/components/Modal/index.ts",
+    "./sheet": "./src/components/Sheet/index.ts",
+    "./toast": "./src/components/Toast/index.ts",
+    "./message": "./src/components/Message/index.ts",
+    "./select": "./src/components/Select/index.ts",
+    "./form-field": "./src/components/FormField/index.ts",
+    "./popover": "./src/components/Popover/index.ts",
+    "./hover-card": "./src/components/HoverCard/index.ts",
+    "./date-picker": "./src/components/DatePicker/index.ts",
+    "./time-picker": "./src/components/TimePicker/index.ts",
+    "./datetime-picker": "./src/components/DateTimePicker/index.ts",
+    "./datetime-range-picker": "./src/components/DateTimeRangePicker/index.ts",
+    "./tooltip": "./src/components/Tooltip/index.ts",
+    "./tabs": "./src/components/Tabs/index.ts",
+    "./search-input": "./src/components/SearchInput/index.ts",
+    "./pagination": "./src/components/Pagination/index.ts",
+    "./code-editor": "./src/components/Code/Editor/index.ts",
+    "./code-editor-workspace": "./src/components/Code/Workspace/index.ts",
+    "./nav-side": "./src/components/NavSide/index.ts",
+    "./nav-bottom": "./src/components/NavBottom/index.ts",
+    "./heading": "./src/typography/Heading.tsx",
+    "./label": "./src/typography/Label.tsx",
+    "./section-title": "./src/typography/SectionTitle.tsx",
+    "./caption": "./src/typography/Caption.tsx",
+    "./code": "./src/typography/Code.tsx",
+    "./lead": "./src/typography/Lead.tsx",
+    "./body": "./src/typography/Body.tsx",
+    "./muted": "./src/typography/Muted.tsx",
+    "./display": "./src/typography/Display.tsx",
+    "./emphasis": "./src/typography/Emphasis.tsx",
+    "./mono": "./src/typography/Mono.tsx",
+    "./subtitle": "./src/typography/Subtitle.tsx",
+    "./timestamp": "./src/typography/Timestamp.tsx",
+    "./overlay": "./src/lib/contexts/OverlayContext/index.ts",
+    "./components": "./src/lib/contexts/ComponentsContext/index.ts",
+    "./error-boundary": "./src/lib/ErrorBoundary.tsx",
+    "./with-suspense": "./src/lib/withSuspense.tsx",
+    "./with-error-boundary": "./src/lib/withErrorBoundary.tsx",
+    "./with-suspense-and-error-boundary": "./src/lib/withSuspenseAndErrorBoundary.tsx",
+    "./with-empty": "./src/lib/withEmpty.tsx",
+    "./empty-boundary": "./src/lib/EmptyBoundary.tsx",
+    "./progress-bar": "./src/components/ProgressBar/index.ts",
+    "./markdown": "./src/components/Markdown/index.ts",
+    "./line-chart": "./src/components/LineChart/index.ts",
+    "./sparkline": "./src/components/Sparkline/index.ts",
+    "./bar-chart": "./src/components/BarChart/index.ts",
+    "./heat-map": "./src/components/HeatMap/index.ts"
+  },
+  "scripts": {
+    "prepare": "bun run build",
+    "build": "bun run build:theme && bun run build:css",
+    "build:theme": "bun run scripts/generate-theme.ts -i src/theme/theme.json -p src/theme/palette.json -t src/theme/typography.json -o dist/theme.generated.css",
+    "build:css": "tailwindcss -i src/styles/base.css -o dist/styles.css --minify",
+    "dev": "bun run dev:css & bun run dev:theme",
+    "dev:css": "tailwindcss -i src/styles/base.css -o dist/styles.css --watch",
+    "dev:theme": "bun run scripts/watch-theme.ts",
+    "storybook": "storybook dev -p 6006 --no-open",
+    "build-storybook": "storybook build",
+    "test": "vitest run --project unit --project date-time --reporter=dot",
+    "test:verbose": "vitest run --project unit --project date-time",
+    "test:watch": "vitest --project unit --project date-time",
+    "test:visual": "vitest run --project visual",
+    "test:visual:update": "vitest run --project visual --update",
+    "test:stories": "vitest run --project storybook",
+    "test:ui": "bunx vitest --ui",
+    "type-check": "tsc --noEmit -p tsconfig.json && tsc --noEmit -p tsconfig.test.json",
+    "lint": "biome lint .",
+    "lint:fix": "biome lint --write .",
+    "format": "biome format --write .",
+    "format:check": "biome format .",
+    "check": "biome check .",
+    "check:fix": "biome check --write .",
+    "clean": "rm -rf dist node_modules *.tsbuildinfo"
+  },
+  "dependencies": {
+    "@floating-ui/react": "^0.27.16",
+    "@js-temporal/polyfill": "^0.5.0",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.511.0",
+    "tailwind-merge": "^3.4.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "2.4.15",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource-variable/jetbrains-mono": "^5.2.8",
+    "@monaco-editor/react": "^4.7.0",
+    "@storybook/addon-a11y": "^10.1.8",
+    "@storybook/addon-docs": "^10.1.8",
+    "@storybook/addon-themes": "^10.1.10",
+    "@storybook/addon-vitest": "^10.1.8",
+    "@storybook/react": "^10.1.8",
+    "@storybook/react-vite": "^10.1.8",
+    "@tailwindcss/cli": "^4.1.18",
+    "@tailwindcss/vite": "^4.1.18",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/bun": "^1.3.14",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "@vitest/browser-playwright": "4.1.7",
+    "@vitest/coverage-v8": "4.1.7",
+    "@vitest/ui": "4.1.7",
+    "commander": "^14.0.2",
+    "happy-dom": "^20.9.0",
+    "monaco-editor": "^0.55.1",
+    "playwright": "^1.57.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-markdown": "^10.1.0",
+    "storybook": "^10.1.8",
+    "tailwindcss": "^4",
+    "typescript": "~5.7.2",
+    "vite": "^6.4.1",
+    "vitest": "4.1.7"
+  },
+  "peerDependencies": {
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource-variable/jetbrains-mono": "^5.2.8",
+    "@monaco-editor/react": "^4.7.0",
+    "monaco-editor": "^0.55.1",
+    "react": "^18.2.0 || ^19.0.0",
+    "react-dom": "^18.2.0 || ^19.0.0",
+    "react-markdown": "^10.1.0"
+  },
+  "peerDependenciesMeta": {
+    "@fontsource-variable/inter": {
+      "optional": true
+    },
+    "@fontsource-variable/jetbrains-mono": {
+      "optional": true
+    },
+    "@monaco-editor/react": {
+      "optional": true
+    },
+    "monaco-editor": {
+      "optional": true
+    },
+    "react-markdown": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=20.0.0",
+    "bun": ">=1.0.0"
+  },
+  "overrides": {
+    "vitest": "4.1.7",
+    "@vitest/browser": "4.1.7",
+    "@vitest/browser-playwright": "4.1.7",
+    "@vitest/coverage-v8": "4.1.7",
+    "@vitest/expect": "4.1.7",
+    "@vitest/mocker": "4.1.7",
+    "@vitest/pretty-format": "4.1.7",
+    "@vitest/runner": "4.1.7",
+    "@vitest/snapshot": "4.1.7",
+    "@vitest/spy": "4.1.7",
+    "@vitest/ui": "4.1.7",
+    "@vitest/utils": "4.1.7"
+  }
+}