@aiready/components 0.1.18 → 0.1.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +19 -13
- package/dist/components/button.d.ts +1 -1
- package/package.json +2 -2
package/README.md
CHANGED
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
# @aiready/components
|
|
2
2
|
|
|
3
|
+
[](https://www.npmjs.com/package/@aiready/components) [](https://github.com/caopengau/aiready-components)
|
|
4
|
+
|
|
3
5
|
Unified shared components library (UI, charts, hooks, utilities) for AIReady.
|
|
4
6
|
|
|
5
7
|
## Features
|
|
6
8
|
|
|
7
|
-
- 🎨 **UI Components**: Button, Card, Input, Label, Badge (shadcn/ui based)
|
|
8
|
-
-
|
|
9
|
-
-
|
|
10
|
-
-
|
|
9
|
+
- 🎨 **UI Components**: Button, Card, Input, Label, Badge, Container, Grid, Stack, Separator (shadcn/ui based)
|
|
10
|
+
- 🗂️ **Form Components**: Select, Checkbox, RadioGroup, Switch, Textarea
|
|
11
|
+
- 📊 **D3 Charts**: ForceDirectedGraph with physics-based layout and interactive controls
|
|
12
|
+
- 🪝 **React Hooks**: `useDebounce`, `useD3`, `useForceSimulation`
|
|
13
|
+
- 🛠️ **Utilities**: `cn` (className merging), formatters, color schemes
|
|
11
14
|
- 🌙 **Dark Mode**: Built-in support via Tailwind CSS
|
|
12
15
|
- 🎯 **Tree-shakeable**: Granular exports for optimal bundle size
|
|
13
16
|
- 📦 **TypeScript**: Full type safety
|
|
@@ -220,16 +223,19 @@ pnpm test
|
|
|
220
223
|
- [x] TypeScript setup
|
|
221
224
|
- [x] Build system (tsup)
|
|
222
225
|
|
|
223
|
-
### Phase 2: Extended UI + Charts
|
|
224
|
-
- [
|
|
225
|
-
- [
|
|
226
|
-
- [
|
|
227
|
-
- [ ] D3 Charts (LineChart, BarChart, ScatterPlot)
|
|
226
|
+
### Phase 2: Extended UI + Charts ✅ COMPLETE
|
|
227
|
+
- [x] Layout components (Container, Grid, Stack, Separator)
|
|
228
|
+
- [x] Form components (Select, Checkbox, RadioGroup, Switch, Textarea)
|
|
229
|
+
- [x] D3 Charts (ForceDirectedGraph with physics-based layout)
|
|
228
230
|
|
|
229
|
-
### Phase 3: Advanced Charts + Utilities
|
|
230
|
-
- [
|
|
231
|
-
- [
|
|
232
|
-
- [
|
|
231
|
+
### Phase 3: Advanced Charts + Utilities ✅ COMPLETE
|
|
232
|
+
- [x] ForceDirectedGraph with interactive controls and dark/light mode
|
|
233
|
+
- [x] React hooks (`useD3`, `useDebounce`, `useForceSimulation`)
|
|
234
|
+
- [x] Utilities (`cn`, formatters, color schemes)
|
|
235
|
+
|
|
236
|
+
### Phase 4: Future (Planned)
|
|
237
|
+
- [ ] Additional D3 charts (LineChart, BarChart, HeatMap, TreeMap)
|
|
238
|
+
- [ ] Interactive components (Modal, Dropdown, Tabs, Tooltip)
|
|
233
239
|
|
|
234
240
|
## License
|
|
235
241
|
|
|
@@ -3,7 +3,7 @@ import * as React from 'react';
|
|
|
3
3
|
import { VariantProps } from 'class-variance-authority';
|
|
4
4
|
|
|
5
5
|
declare const buttonVariants: (props?: ({
|
|
6
|
-
variant?: "
|
|
6
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
|
|
7
7
|
size?: "default" | "sm" | "lg" | "icon" | null | undefined;
|
|
8
8
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
9
9
|
interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aiready/components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.19",
|
|
4
4
|
"description": "Unified shared components library (UI, charts, hooks, utilities) for AIReady",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"d3": "^7.9.0",
|
|
64
64
|
"d3-force": "^3.0.0",
|
|
65
65
|
"tailwind-merge": "^2.6.1",
|
|
66
|
-
"@aiready/core": "0.9.
|
|
66
|
+
"@aiready/core": "0.9.20"
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@testing-library/jest-dom": "^6.6.5",
|