eidotter 0.15.0 → 0.16.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eidotter",
-  "version": "0.15.0",
+  "version": "0.16.1",
   "type": "module",
   "description": "A DOS Themed Design System",
   "main": "./dist/index.umd.js",
@@ -14,6 +14,7 @@
     },
     "./styles": "./dist/eidotter.css",
     "./tailwind.preset": "./tailwind.preset.cjs",
+    "./tailwind.preset.enhanced": "./tailwind.preset.enhanced.cjs",
     "./tokens.css": "./src/styles/tokens.css",
     "./themes/amber-mono.css": "./src/styles/theme.amber-mono.css",
     "./themes/cga-amber.css": "./src/styles/theme.cga-amber.css",
@@ -28,6 +29,7 @@
     "dist/eidotter.css",
     "dist/components",
     "tailwind.preset.cjs",
+    "tailwind.preset.enhanced.cjs",
     "src/styles/tokens.css",
     "src/styles/theme.*.css",
     "guidelines"
@@ -99,11 +101,12 @@
     "@types/react": "^19.1.2",
     "@types/react-dom": "^19.0.0",
     "@vitejs/plugin-react": "^5.1.2",
+    "autoprefixer": "^10.4.27",
     "chromatic": "^15.2.0",
     "cross-env": "^10.1.0",
     "dotenv": "^17.3.1",
     "eslint": "^10.0.3",
-    "eslint-plugin-react-hooks": "^7.1.0-canary-e33071c6-20260224",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "figma-js": "^1.16.1-0",
     "gh-pages": "^6.3.0",
     "glob": "^13.0.0",
@@ -111,13 +114,23 @@
     "jest": "^30.2.0",
     "jest-environment-jsdom": "^30.0.2",
     "leva": "^0.10.1",
+    "postcss": "^8.5.8",
     "remark-gfm": "^4.0.1",
     "storybook": "^10.2.7",
     "style-dictionary": "^5.1.1",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^3.4.19",
+    "tailwindcss-animate": "^1.0.7",
+    "tailwindcss-react-aria-components": "^2.0.1",
     "ts-jest": "^29.4.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.7.3",
     "typescript-eslint": "^8.54.0",
     "vite": "^6.2.0"
+  },
+  "dependencies": {
+    "react-aria": "^3.47.0",
+    "react-aria-components": "^1.16.0",
+    "react-stately": "^3.45.0"
   }
 }

package/tailwind.preset.enhanced.cjs

@@ -0,0 +1,44 @@
+/**
+ * Eidotter Enhanced Tailwind CSS Preset
+ *
+ * Extends the base token preset with React Aria state variants
+ * and utility plugins for component development.
+ *
+ * Usage:
+ *   // tailwind.config.js
+ *   module.exports = {
+ *     presets: [require('eidotter/tailwind.preset.enhanced')],
+ *   }
+ *
+ * Or use the base preset without React Aria:
+ *   module.exports = {
+ *     presets: [require('eidotter/tailwind.preset')],
+ *   }
+ */
+
+const basePreset = require('./tailwind.preset.cjs');
+
+let reactAriaPlugin;
+try {
+  reactAriaPlugin = require('tailwindcss-react-aria-components');
+} catch {
+  // tailwindcss-react-aria-components not installed — skip
+  reactAriaPlugin = null;
+}
+
+let animatePlugin;
+try {
+  animatePlugin = require('tailwindcss-animate');
+} catch {
+  // tailwindcss-animate not installed — skip
+  animatePlugin = null;
+}
+
+module.exports = {
+  ...basePreset,
+  plugins: [
+    ...(basePreset.plugins || []),
+    ...(reactAriaPlugin ? [reactAriaPlugin] : []),
+    ...(animatePlugin ? [animatePlugin] : []),
+  ],
+};

package/dist/components/TimelineEntry/components/TimelineEntry.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import './TimelineEntry.css';
-/** Recognized entry types that map to specific node shapes/variants */
-export type TimelineItemType = 'event' | 'project' | 'milestone';
-export interface TimelineItemProps {
-    /** Display date */
-    date: string;
-    /** Entry title */
-    title: string;
-    /** Entry type — influences node shape and color */
-    type?: TimelineItemType;
-    /** Tags displayed in header */
-    tags?: string[];
-    /** Expandable content */
-    children?: React.ReactNode;
-    /** Whether entry starts expanded */
-    defaultExpanded?: boolean;
-    /** Additional CSS class name */
-    className?: string;
-}
-export declare const TimelineItem: React.FC<TimelineItemProps>;

package/dist/components/TimelineEntry/components/index.d.ts

@@ -1,2 +0,0 @@
-export { TimelineItem } from './TimelineEntry';
-export type { TimelineItemProps, TimelineItemType } from './TimelineEntry';

package/dist/components/TimelineEntry/index.d.ts

@@ -1,2 +0,0 @@
-export { TimelineItem } from './components';
-export type { TimelineItemProps, TimelineItemType } from './components';

package/dist/components/TimelineList/components/TimelineList.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { TimelineEntryData } from '../../TimelineContainer/components/types';
-import './TimelineList.css';
-/**
- * @deprecated Use TimelineEntryData from TimelineContainer instead.
- */
-export type TimelineListEntry = TimelineEntryData;
-export interface TimelineListProps {
-    /** Timeline entries to display (rendered in the order provided) */
-    entries: TimelineListEntry[];
-    /** Additional CSS class name */
-    className?: string;
-}
-/**
- * @deprecated Use `<TimelineContainer mode="static">` instead.
- * TimelineList will be removed in the next major version.
- */
-export declare const TimelineList: React.FC<TimelineListProps>;

package/dist/components/TimelineList/components/index.d.ts

@@ -1,2 +0,0 @@
-export { TimelineList } from './TimelineList';
-export type { TimelineListProps, TimelineListEntry } from './TimelineList';

package/dist/components/TimelineList/index.d.ts

@@ -1,2 +0,0 @@
-export { TimelineList } from './components';
-export type { TimelineListProps, TimelineListEntry } from './components';