@lifeonlars/prime-yggdrasil 0.1.0 → 0.1.2

package/dist/semantic-dark.css

@@ -0,0 +1,208 @@
+/**
+ * Yggdrasil Dark - Semantic Tokens
+ */
+
+@import "./foundations.css";
+@import "./prime-palette.css";
+
+/* ==================== Semantic Tokens (Dark Theme) ==================== */
+:root {
+  /* Surfaces */
+  --surface-neutral-primary: #000D20;
+  --surface-neutral-secondary: var(--foundation-sky-900);
+  --surface-neutral-tertiary: var(--foundation-sky-950);
+  --surface-neutral-overlay: var(--foundation-lighter-100);
+
+  --surface-brand-primary: var(--foundation-sky-500);
+  --surface-brand-secondary: var(--foundation-sky-600);
+  --surface-brand-accent: var(--foundation-berries-500);
+  --surface-brand-overlay: var(--foundation-lighter-100);
+
+  --surface-context-success: var(--foundation-forest-700);
+  --surface-context-warning: var(--foundation-sand-700);
+  --surface-context-danger: var(--foundation-berries-700);
+  --surface-context-info: var(--foundation-sky-500);
+  --surface-context-signal: var(--foundation-sea-600);
+  --surface-context-dangeractive: var(--foundation-berries-500);
+
+  --surface-input-primary: var(--foundation-black);
+  --surface-input-secondary: var(--foundation-rock-900);
+
+  /* Text */
+  --text-neutral-default: var(--foundation-rock-050);
+  --text-neutral-subdued: var(--foundation-rock-300);
+  --text-neutral-loud: var(--foundation-white);
+  --text-neutral-disabled: var(--foundation-rock-500);
+
+  --text-state-interactive: var(--foundation-sky-300);
+  --text-state-selected: var(--foundation-sea-500);
+
+  --text-onsurface-onbrand: var(--foundation-white);
+  --text-onsurface-onaccent: var(--foundation-white);
+  --text-onsurface-oncontext: var(--foundation-white);
+  --text-onsurface-oncontextactive: var(--foundation-white);
+  --text-onsurface-onsentiment: var(--foundation-black);
+  --text-onsurface-onhighlight: var(--foundation-white);
+
+  --text-context-success: var(--foundation-forest-300);
+  --text-context-warning: var(--foundation-rock-300);
+  --text-context-danger: var(--foundation-berries-300);
+
+  /* Borders */
+  --border-neutral-default: var(--foundation-rock-700);
+  --border-neutral-subdued: var(--foundation-rock-800);
+  --border-neutral-loud: var(--foundation-rock-500);
+  --border-neutral-glassoutline: var(--foundation-rock-900);
+
+  --border-state-interactive: var(--foundation-sky-500);
+  --border-state-selected: var(--foundation-sea-500);
+  --border-state-focus: var(--foundation-sky-400);
+
+  --border-brand-brand: var(--foundation-sky-400);
+  --border-brand-onbrand: var(--foundation-lighter-200);
+
+  --border-context-success: var(--foundation-forest-400);
+  --border-context-warning: var(--foundation-sand-300);
+  --border-context-danger: var(--foundation-berries-500);
+  --border-context-info: var(--foundation-sky-300);
+  --border-context-signal: var(--foundation-sea-300);
+
+  /* Icons */
+  --icon-neutral-default: var(--foundation-rock-050);
+  --icon-neutral-subdued: var(--foundation-rock-400);
+  --icon-neutral-loud: var(--foundation-white);
+  --icon-neutral-disabled: var(--foundation-rock-400);
+
+  --icon-state-interactive: var(--foundation-sky-300);
+  --icon-state-selected: var(--foundation-sea-500);
+
+  --icon-onsurface-onbrand: var(--foundation-white);
+  --icon-onsurface-onaccent: var(--foundation-white);
+  --icon-onsurface-oncontext: var(--foundation-rock-050);
+
+  --icon-context-success: var(--foundation-forest-400);
+  --icon-context-warning: var(--foundation-sand-400);
+  --icon-context-danger: var(--foundation-berries-400);
+  --icon-context-info: var(--foundation-sky-300);
+
+  /* Elevation (Shadows) - Dark mode uses lighter rim + stronger shadows */
+  --elevation-subtle: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 4px 8px 0 rgba(255, 255, 255, 0.1), 0 1px 2px 0 rgba(255, 255, 255, 0.05);
+  --elevation-moderate: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 8px 16px 0 rgba(255, 255, 255, 0.1), 0 4px 8px 0 rgba(255, 255, 255, 0.05);
+  --elevation-elevated: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 20px 32px -10px rgba(255, 255, 255, 0.15), 0 0 30px 0px rgba(255, 255, 255, 0.2);
+  --elevation-high: 0 0 0 1px rgba(255, 255, 255, 0.1), 0 24px 64px 0 rgba(255, 255, 255, 0.15), 0 0 64px 0px rgba(255, 255, 255, 0.2);
+  /* Severity aliases */
+  --severity-info-surface: var(--surface-context-info);
+  --severity-info-surface-tint: color-mix(in srgb, var(--surface-context-info) 70%, transparent);
+  --severity-info-border: var(--border-context-info);
+  --severity-info-text: var(--text-onsurface-oncontext);
+  --severity-info-icon: var(--icon-onsurface-oncontext);
+
+  --severity-success-surface: var(--surface-context-success);
+  --severity-success-surface-tint: color-mix(in srgb, var(--surface-context-success) 70%, transparent);
+  --severity-success-border: var(--border-context-success);
+  --severity-success-text: var(--text-onsurface-oncontext);
+  --severity-success-icon: var(--icon-onsurface-oncontext);
+
+  --severity-warn-surface: var(--surface-context-warning);
+  --severity-warn-surface-tint: color-mix(in srgb, var(--surface-context-warning) 70%, transparent);
+  --severity-warn-border: var(--border-context-warning);
+  --severity-warn-text: var(--text-onsurface-oncontext);
+  --severity-warn-icon: var(--icon-onsurface-oncontext);
+
+  --severity-error-surface: var(--surface-context-danger);
+  --severity-error-surface-tint: color-mix(in srgb, var(--surface-context-danger) 70%, transparent);
+  --severity-error-border: var(--border-context-danger);
+  --severity-error-text: var(--text-onsurface-oncontext);
+  --severity-error-icon: var(--icon-onsurface-oncontext);
+
+  --severity-danger-surface: var(--surface-context-danger);
+  --severity-danger-surface-tint: color-mix(in srgb, var(--surface-context-danger) 70%, transparent);
+  --severity-danger-border: var(--border-context-danger);
+  --severity-danger-text: var(--text-context-danger);
+  --severity-danger-icon: var(--icon-context-danger);
+
+  /* Charts + misc (copied straight from your semantic-dark list) */
+  --charts-boolean-primary: var(--charts-aquamarine-300);
+  --charts-boolean-primaryemphasis: var(--charts-charoite-600);
+  --charts-boolean-secondary: var(--charts-sapphire-300);
+  --charts-boolean-secondaryemphasis: var(--charts-garnet-300);
+  --charts-boolean-diminish: var(--foundation-rock-500);
+  --charts-boolean-subdued: var(--foundation-rock-500);
+
+  --charts-sentiment-positve: var(--charts-emerald-500);
+  --charts-sentiment-neutral: var(--charts-topaz-300);
+  --charts-sentiment-negative: var(--charts-ruby-500);
+  --charts-sentiment-undefined: var(--foundation-rock-400);
+
+  --charts-scale-scale-0: var(--charts-sapphire-800);
+  --charts-scale-scale-1: var(--charts-sapphire-700);
+  --charts-scale-scale-2: var(--charts-sapphire-600);
+  --charts-scale-scale-3: var(--charts-sapphire-500);
+  --charts-scale-scale-4: var(--charts-sapphire-300);
+  --charts-scale-scale-5: var(--charts-sapphire-100);
+
+  --charts-category-chart-1: var(--charts-aquamarine-300);
+  --charts-category-chart-2: var(--charts-amber-100);
+  --charts-category-chart-3: var(--charts-garnet-500);
+  --charts-category-chart-4: var(--charts-charoite-500);
+  --charts-category-chart-5: var(--charts-sapphire-300);
+  --charts-category-chart-6: var(--charts-amethyst-500);
+  --charts-category-chart-7: var(--charts-aquamarine-600);
+  --charts-category-chart-8: var(--charts-amber-600);
+  --charts-category-chart-9: var(--charts-garnet-700);
+  --charts-category-chart-10: var(--charts-charoite-700);
+  --charts-category-chart-11: var(--charts-sapphire-700);
+  --charts-category-chart-12: var(--charts-amethyst-700);
+
+  --charts-scaffolding-border: var(--foundation-rock-800);
+
+  --surface-services-social: var(--foundation-sea-800);
+  --surface-services-editorial: var(--foundation-sand-800);
+  --surface-services-business: var(--foundation-rock-700);
+  --surface-services-analysis: var(--foundation-sky-600);
+  --surface-services-mobile: var(--foundation-berries-600);
+
+  --surface-state-hover: var(--foundation-lighter-100);
+  --surface-state-selected: var(--charts-sapphire-900);
+}
+
+/* ==================== PrimeReact Theme Mappings ==================== */
+:root {
+  --font-family: "Roboto", Arial, sans-serif;
+
+  /* Prime “surface” slots */
+  --surface-a: var(--surface-neutral-primary);
+  --surface-b: var(--surface-neutral-secondary);
+  --surface-c: var(--surface-neutral-tertiary);
+  --surface-d: var(--border-neutral-subdued);
+  --surface-e: var(--surface-neutral-primary);
+  --surface-f: var(--surface-neutral-primary);
+
+  /* Text */
+  --text-color: var(--text-neutral-default);
+  --text-color-secondary: var(--text-neutral-subdued);
+
+  /* Primary actions */
+  --primary-color: var(--surface-brand-primary);
+  --primary-color-text: var(--text-onsurface-onbrand);
+
+  /* Background helpers */
+  --surface-ground: var(--surface-neutral-secondary);
+  --surface-section: var(--surface-neutral-primary);
+  --surface-card: var(--surface-neutral-primary);
+  --surface-overlay: var(--surface-neutral-primary);
+
+  /* Borders + hover */
+  --surface-border: var(--border-neutral-default);
+  --surface-hover: var(--surface-state-hover);
+
+  /* Focus ring + highlight */
+  --focus-ring: 0 0 0 0.2rem var(--surface-context-info);
+  --highlight-bg: var(--surface-state-selected);
+  --highlight-text-color: var(--text-neutral-default);
+
+  color-scheme: dark;
+}
+
+
+

package/dist/semantic-light.css

@@ -0,0 +1,208 @@
+/**
+ * Yggdrasil Light - Semantic Tokens
+ */
+
+@import "./foundations.css";
+@import "./prime-palette.css";
+
+/* ==================== Semantic Tokens (Light Theme) ==================== */
+:root {
+  /* Surfaces */
+  --surface-neutral-primary: var(--foundation-white);
+  --surface-neutral-secondary: var(--foundation-rock-050);
+  --surface-neutral-tertiary: var(--foundation-rock-100);
+  --surface-neutral-overlay: var(--foundation-darker-300);
+
+  --surface-brand-primary: var(--foundation-sky-700);
+  --surface-brand-secondary: var(--foundation-sky-600);
+  --surface-brand-accent: var(--foundation-berries-600);
+  --surface-brand-overlay: var(--foundation-lighter-200);
+
+  --surface-context-success: var(--foundation-forest-200);
+  --surface-context-warning: var(--foundation-sand-200);
+  --surface-context-danger: var(--foundation-berries-200);
+  --surface-context-info: var(--foundation-sea-200);
+  --surface-context-signal: var(--foundation-sea-300);
+  --surface-context-dangeractive: var(--foundation-berries-700);
+
+  --surface-input-primary: var(--foundation-white);
+  --surface-input-secondary: var(--foundation-rock-050);
+
+  /* Text */
+  --text-neutral-default: var(--foundation-sky-700);
+  --text-neutral-subdued: var(--foundation-rock-600);
+  --text-neutral-loud: var(--foundation-sky-900);
+  --text-neutral-disabled: var(--foundation-rock-400);
+
+  --text-state-interactive: var(--foundation-sky-600);
+  --text-state-selected: var(--foundation-sea-700);
+
+  --text-onsurface-onbrand: var(--foundation-white);
+  --text-onsurface-onaccent: var(--foundation-white);
+  --text-onsurface-oncontext: var(--foundation-sky-900);
+  --text-onsurface-oncontextactive: var(--foundation-white);
+  --text-onsurface-onsentiment: var(--foundation-white);
+  --text-onsurface-onhighlight: var(--foundation-sky-900);
+
+  --text-context-success: var(--foundation-forest-700);
+  --text-context-warning: var(--foundation-sand-700);
+  --text-context-danger: var(--foundation-berries-700);
+
+  /* Borders */
+  --border-neutral-default: var(--foundation-rock-200);
+  --border-neutral-subdued: var(--foundation-rock-100);
+  --border-neutral-loud: var(--foundation-rock-400);
+  --border-neutral-glassoutline: var(--foundation-rock-050);
+
+  --border-state-interactive: var(--foundation-sky-600);
+  --border-state-selected: var(--foundation-sea-700);
+  --border-state-focus: var(--foundation-sky-500);
+
+  --border-brand-brand: var(--foundation-sky-600);
+  --border-brand-onbrand: var(--foundation-darker-200);
+
+  --border-context-success: var(--foundation-forest-500);
+  --border-context-warning: var(--foundation-sand-400);
+  --border-context-danger: var(--foundation-berries-600);
+  --border-context-info: var(--foundation-sea-500);
+  --border-context-signal: var(--foundation-sea-600);
+
+  /* Icons */
+  --icon-neutral-default: var(--foundation-sky-700);
+  --icon-neutral-subdued: var(--foundation-rock-500);
+  --icon-neutral-loud: var(--foundation-sky-900);
+  --icon-neutral-disabled: var(--foundation-rock-400);
+
+  --icon-state-interactive: var(--foundation-sky-600);
+  --icon-state-selected: var(--foundation-sea-700);
+
+  --icon-onsurface-onbrand: var(--foundation-white);
+  --icon-onsurface-onaccent: var(--foundation-white);
+  --icon-onsurface-oncontext: var(--foundation-sky-900);
+
+  --icon-context-success: var(--foundation-forest-600);
+  --icon-context-warning: var(--foundation-sand-600);
+  --icon-context-danger: var(--foundation-berries-600);
+  --icon-context-info: var(--foundation-sea-600);
+
+  /* Elevation (Shadows) */
+  --elevation-subtle: 0 2px 4px 0 rgba(0, 0, 0, 0.05), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
+  --elevation-moderate: 0 4px 8px -1px rgba(0, 0, 0, 0.1), 0 4px 8px -1px rgba(0, 0, 0, 0.06);
+  --elevation-elevated: 0 12px 16px -3px rgba(0, 0, 0, 0.1), 0 12px 16px -2px rgba(0, 0, 0, 0.05);
+  --elevation-high: 0 24px 32px -5px rgba(0, 0, 0, 0.1), 0 16px 16px -5px rgba(0, 0, 0, 0.04);
+
+  /* Severity aliases */
+  --severity-info-surface: var(--surface-context-info);
+  --severity-info-surface-tint: color-mix(in srgb, var(--surface-context-info) 70%, transparent);
+  --severity-info-border: var(--border-context-info);
+  --severity-info-text: var(--text-onsurface-oncontext);
+  --severity-info-icon: var(--icon-onsurface-oncontext);
+
+  --severity-success-surface: var(--surface-context-success);
+  --severity-success-surface-tint: color-mix(in srgb, var(--surface-context-success) 70%, transparent);
+  --severity-success-border: var(--border-context-success);
+  --severity-success-text: var(--text-onsurface-oncontext);
+  --severity-success-icon: var(--icon-onsurface-oncontext);
+
+  --severity-warn-surface: var(--surface-context-warning);
+  --severity-warn-surface-tint: color-mix(in srgb, var(--surface-context-warning) 70%, transparent);
+  --severity-warn-border: var(--border-context-warning);
+  --severity-warn-text: var(--text-onsurface-oncontext);
+  --severity-warn-icon: var(--icon-onsurface-oncontext);
+
+  --severity-error-surface: var(--surface-context-danger);
+  --severity-error-surface-tint: color-mix(in srgb, var(--surface-context-danger) 70%, transparent);
+  --severity-error-border: var(--border-context-danger);
+  --severity-error-text: var(--text-onsurface-oncontext);
+  --severity-error-icon: var(--icon-onsurface-oncontext);
+
+  --severity-danger-surface: var(--surface-context-danger);
+  --severity-danger-surface-tint: color-mix(in srgb, var(--surface-context-danger) 70%, transparent);
+  --severity-danger-border: var(--border-context-danger);
+  --severity-danger-text: var(--text-context-danger);
+  --severity-danger-icon: var(--icon-context-danger);
+
+  /* Charts + misc (copied straight from your semantic-dark list) */
+  --charts-boolean-primary: var(--charts-aquamarine-300);
+  --charts-boolean-primaryemphasis: var(--charts-charoite-600);
+  --charts-boolean-secondary: var(--charts-sapphire-300);
+  --charts-boolean-secondaryemphasis: var(--charts-garnet-300);
+  --charts-boolean-diminish: var(--foundation-rock-500);
+  --charts-boolean-subdued: var(--foundation-rock-500);
+
+  --charts-sentiment-positve: var(--charts-emerald-500);
+  --charts-sentiment-neutral: var(--charts-topaz-300);
+  --charts-sentiment-negative: var(--charts-ruby-500);
+  --charts-sentiment-undefined: var(--foundation-rock-400);
+
+  --charts-scale-scale-0: var(--charts-sapphire-800);
+  --charts-scale-scale-1: var(--charts-sapphire-700);
+  --charts-scale-scale-2: var(--charts-sapphire-600);
+  --charts-scale-scale-3: var(--charts-sapphire-500);
+  --charts-scale-scale-4: var(--charts-sapphire-300);
+  --charts-scale-scale-5: var(--charts-sapphire-100);
+
+  --charts-category-chart-1: var(--charts-aquamarine-300);
+  --charts-category-chart-2: var(--charts-amber-100);
+  --charts-category-chart-3: var(--charts-garnet-500);
+  --charts-category-chart-4: var(--charts-charoite-500);
+  --charts-category-chart-5: var(--charts-sapphire-300);
+  --charts-category-chart-6: var(--charts-amethyst-500);
+  --charts-category-chart-7: var(--charts-aquamarine-600);
+  --charts-category-chart-8: var(--charts-amber-600);
+  --charts-category-chart-9: var(--charts-garnet-700);
+  --charts-category-chart-10: var(--charts-charoite-700);
+  --charts-category-chart-11: var(--charts-sapphire-700);
+  --charts-category-chart-12: var(--charts-amethyst-700);
+
+  --charts-scaffolding-border: var(--foundation-rock-200);
+
+  --surface-services-social: var(--foundation-sea-200);
+  --surface-services-editorial: var(--foundation-sand-200);
+  --surface-services-business: var(--foundation-rock-300);
+  --surface-services-analysis: var(--foundation-sky-300);
+  --surface-services-mobile: var(--foundation-berries-300);
+
+  --surface-state-hover: var(--foundation-rock-100);
+  --surface-state-selected: var(--foundation-sky-100);
+}
+
+/* ==================== PrimeReact Theme Mappings ==================== */
+:root {
+  --font-family: "Roboto", Arial, sans-serif;
+
+  /* Prime "surface" slots */
+  --surface-a: var(--surface-neutral-primary);
+  --surface-b: var(--surface-neutral-secondary);
+  --surface-c: var(--surface-neutral-tertiary);
+  --surface-d: var(--border-neutral-subdued);
+  --surface-e: var(--surface-neutral-primary);
+  --surface-f: var(--surface-neutral-primary);
+
+  /* Text */
+  --text-color: var(--text-neutral-default);
+  --text-color-secondary: var(--text-neutral-subdued);
+
+  /* Primary actions */
+  --primary-color: var(--surface-brand-primary);
+  --primary-color-text: var(--text-onsurface-onbrand);
+
+  /* Background helpers */
+  --surface-ground: var(--surface-neutral-secondary);
+  --surface-section: var(--surface-neutral-primary);
+  --surface-card: var(--surface-neutral-primary);
+  --surface-overlay: var(--surface-neutral-primary);
+
+  /* Borders + hover */
+  --surface-border: var(--border-neutral-default);
+  --surface-hover: var(--surface-state-hover);
+
+  /* Focus ring + highlight */
+  --focus-ring: 0 0 0 0.2rem var(--surface-context-info);
+  --highlight-bg: var(--surface-state-selected);
+  --highlight-text-color: var(--text-neutral-default);
+
+  color-scheme: light;
+}
+
+

package/docs/Fixes.md

@@ -0,0 +1,123 @@
+# Prime Yggdrasil npm Package Issues
+
+## Critical Issues Found
+
+### 1. **Broken CSS Build** (CRITICAL - Blocks Usage)
+
+**Package Version:** `@lifeonlars/prime-yggdrasil@0.1.1`
+
+**Problem:**
+The `yggdrasil-light.css` and `yggdrasil-dark.css` files contain `@import` statements that reference CSS files that don't exist in the published package.
+
+**yggdrasil-light.css contains:**
+
+```css
+@import url('https://fonts.googleapis.com/css2?family=Roboto:...');
+@import "./foundations.css";  ✅ EXISTS
+@import "./radius.css";       ❌ MISSING
+@import "./semantic-light.css"; ❌ MISSING
+@import "./components.css";   ❌ MISSING
+```
+
+**Files in dist folder:**
+
+- ✅ `foundations.css` (6KB, contains foundation color tokens)
+- ✅ `yggdrasil-light.css` (401 bytes, just imports)
+- ✅ `yggdrasil-dark.css` (399 bytes, just imports)
+- ❌ `radius.css` (MISSING)
+- ❌ `semantic-light.css` (MISSING)
+- ❌ `semantic-dark.css` (MISSING)
+- ❌ `components.css` (MISSING)
+
+**Impact:**
+
+- Cannot use the theme as documented
+- Importing `@lifeonlars/prime-yggdrasil/yggdrasil-light.css` fails silently or throws errors
+- Semantic tokens referenced in documentation are not available
+
+**Root Cause:**
+The Vite build configuration is not properly bundling CSS files. The `@import` statements are being left as-is instead of:
+
+1. Being resolved and bundled into a single file, OR
+2. Having the referenced files copied to the dist folder
+
+## Recommended Fixes
+
+### Option 1: Bundle All Imports (Recommended)
+
+Update `vite.config.lib.ts` to use PostCSS with the `postcss-import` plugin to inline all `@import` statements:
+
+```ts
+// vite.config.lib.ts
+import { defineConfig } from 'vite';
+import postcssImport from 'postcss-import';
+
+export default defineConfig({
+  css: {
+    postcss: {
+      plugins: [postcssImport()],
+    },
+  },
+  build: {
+    lib: {
+      // ... existing config
+    },
+    cssCodeSplit: false, // Bundle all CSS into one file
+  },
+});
+```
+
+### Option 2: Copy All Referenced Files
+
+Update the build script to copy all referenced CSS files to dist:
+
+```json
+{
+  "scripts": {
+    "build": "tsc -p tsconfig.lib.json && vite build --config vite.config.lib.ts && npm run copy-css",
+    "copy-css": "cp src/theme/radius.css src/theme/semantic-light.css src/theme/semantic-dark.css src/theme/components.css dist/"
+  }
+}
+```
+
+### Option 3: Update Package Exports
+
+If the files are supposed to be separate, update the build to include them and update package.json exports:
+
+```json
+{
+  "exports": {
+    "./radius.css": "./dist/radius.css",
+    "./semantic-light.css": "./dist/semantic-light.css",
+    "./semantic-dark.css": "./dist/semantic-dark.css",
+    "./components.css": "./dist/components.css"
+  }
+}
+```
+
+## Current Workaround in This Project
+
+Since the Yggdrasil theme is broken, this project uses:
+
+- PrimeReact's base `lara-light-blue` theme
+- Yggdrasil's `foundations.css` (for foundation color tokens)
+
+See [src/main.tsx](src/main.tsx:3-8) for the workaround implementation.
+
+## Testing Checklist for Fixed Package
+
+When the package is fixed, verify:
+
+- [ ] `yggdrasil-light.css` loads without errors
+- [ ] `yggdrasil-dark.css` loads without errors
+- [ ] All semantic tokens are available (--text-neutral-default, --surface-brand-primary, etc.)
+- [ ] PrimeReact components are properly styled
+- [ ] Dark mode switching works
+- [ ] No 404 errors in browser console for CSS files
+
+## Additional Notes
+
+- The package.json version shows `0.1.1`, which suggests this is an early release
+- Documentation references Storybook but no Storybook URL is provided
+- The foundations.css works correctly and contains all expected foundation tokens
+- The JS exports (version, theme metadata) work correctly

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lifeonlars/prime-yggdrasil",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "description": "AI-agent-friendly PrimeReact design system for component-driven development with semantic tokens and dark mode support",
   "keywords": [