@schemavaults/ui 0.13.1 → 0.13.3
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/package.json +8 -8
- package/CLAUDE.md +0 -89
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@schemavaults/ui",
|
|
3
|
-
"version": "0.13.
|
|
3
|
+
"version": "0.13.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"description": "React.js UI components for SchemaVaults frontend applications",
|
|
@@ -43,13 +43,13 @@
|
|
|
43
43
|
"@emotion/is-prop-valid": "1.4.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@storybook/addon-essentials": "8.6.
|
|
46
|
+
"@storybook/addon-essentials": "8.6.15",
|
|
47
47
|
"@storybook/addon-webpack5-compiler-swc": "3.0.0",
|
|
48
|
-
"@storybook/blocks": "8.6.
|
|
49
|
-
"@storybook/preview-api": "8.6.
|
|
50
|
-
"@storybook/react": "8.6.
|
|
51
|
-
"@storybook/react-webpack5": "8.6.
|
|
52
|
-
"@storybook/test": "8.6.
|
|
48
|
+
"@storybook/blocks": "8.6.15",
|
|
49
|
+
"@storybook/preview-api": "8.6.15",
|
|
50
|
+
"@storybook/react": "8.6.15",
|
|
51
|
+
"@storybook/react-webpack5": "8.6.15",
|
|
52
|
+
"@storybook/test": "8.6.15",
|
|
53
53
|
"@types/react": "19.0.0",
|
|
54
54
|
"@types/react-dom": "19.0.0",
|
|
55
55
|
"autoprefixer": "10.4.21",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"ignore-loader": "0.1.2",
|
|
61
61
|
"postcss": "8.5.6",
|
|
62
62
|
"postcss-loader": "8.1.1",
|
|
63
|
-
"storybook": "8.6.
|
|
63
|
+
"storybook": "8.6.15",
|
|
64
64
|
"tailwindcss": "3.4.17",
|
|
65
65
|
"tsc-alias": "1.8.16",
|
|
66
66
|
"typescript": "5.9.3",
|
package/CLAUDE.md
DELETED
|
@@ -1,89 +0,0 @@
|
|
|
1
|
-
# CLAUDE.md
|
|
2
|
-
|
|
3
|
-
This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
|
|
4
|
-
|
|
5
|
-
## Overview
|
|
6
|
-
|
|
7
|
-
This is `@schemavaults/ui`, a React component library package for SchemaVaults frontend applications. It provides reusable UI components built on Radix UI primitives with TailwindCSS styling.
|
|
8
|
-
|
|
9
|
-
## Commands
|
|
10
|
-
|
|
11
|
-
```bash
|
|
12
|
-
# Build the package (compiles TypeScript and resolves path aliases)
|
|
13
|
-
bun run build
|
|
14
|
-
|
|
15
|
-
# Run Storybook dev server on port 6006
|
|
16
|
-
bun run storybook
|
|
17
|
-
|
|
18
|
-
# Build Storybook for production
|
|
19
|
-
bun run build:storybook
|
|
20
|
-
|
|
21
|
-
# Type check without emitting
|
|
22
|
-
bun run typecheck
|
|
23
|
-
|
|
24
|
-
# Type check (including .stories.tsx files) without emitting
|
|
25
|
-
bun run typecheck:storybook
|
|
26
|
-
|
|
27
|
-
# Lint source files
|
|
28
|
-
bun run lint
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
## Architecture
|
|
32
|
-
|
|
33
|
-
### Package Structure
|
|
34
|
-
|
|
35
|
-
- **`src/index.ts`** - Main entry point exporting all public APIs
|
|
36
|
-
- **`src/components/ui/`** - Core UI components (button, dialog, form, table, etc.)
|
|
37
|
-
- **`src/components/layout/`** - Layout components (DashboardLayout, PageColumnContainer, ThemedPageContainer)
|
|
38
|
-
- **`src/components/navigation/`** - Navigation components
|
|
39
|
-
- **`src/components/error/`** - Error page components
|
|
40
|
-
- **`src/components/hooks/`** - Custom hooks (useToast, useMobile)
|
|
41
|
-
- **`src/components/hoc/`** - Higher-order components
|
|
42
|
-
- **`src/providers/`** - React context providers (BrightnessThemeProvider, LazyFramerMotionProvider)
|
|
43
|
-
- **`src/lib/utils.ts`** - The `cn()` utility combining clsx and tailwind-merge
|
|
44
|
-
|
|
45
|
-
### Component Pattern
|
|
46
|
-
|
|
47
|
-
Components follow the shadcn/ui pattern with modifications:
|
|
48
|
-
|
|
49
|
-
1. Each component lives in its own folder under `src/components/ui/<component-name>/`
|
|
50
|
-
2. Main component file is kebab-case (e.g., `button.tsx`)
|
|
51
|
-
3. `index.ts` re-exports the component and types
|
|
52
|
-
4. Story files use PascalCase (e.g., `Button.stories.ts`)
|
|
53
|
-
5. Variant definitions use `class-variance-authority` (cva)
|
|
54
|
-
|
|
55
|
-
Example structure:
|
|
56
|
-
```
|
|
57
|
-
src/components/ui/button/
|
|
58
|
-
├── button.tsx # Component implementation
|
|
59
|
-
├── index.ts # Re-exports
|
|
60
|
-
└── Button.stories.ts
|
|
61
|
-
```
|
|
62
|
-
|
|
63
|
-
### Key Conventions
|
|
64
|
-
|
|
65
|
-
- Components use `"use client"` directive for client-side rendering
|
|
66
|
-
- Use `cn()` from `@/lib/utils` for merging Tailwind classes
|
|
67
|
-
- Path aliases defined in tsconfig: `@/*` → `./src/*`, `@/components/*`, `@/lib/*`, `@/hooks/*`
|
|
68
|
-
- Explicit return types on all functions (e.g., `function Button(): ReactElement`)
|
|
69
|
-
- Exports include both values and types: `export * from` and `export type * from`
|
|
70
|
-
|
|
71
|
-
### Dependencies
|
|
72
|
-
|
|
73
|
-
- **@schemavaults/theme** - Required peer for `globals.css` and TailwindCSS config factory
|
|
74
|
-
- **Radix UI** - Primitive components (@radix-ui/react-*)
|
|
75
|
-
- **framer-motion** - Animations (re-exported via `src/framer-motion.ts`)
|
|
76
|
-
- **react-hook-form** - Form state management
|
|
77
|
-
- **@tanstack/react-table** - Data table functionality
|
|
78
|
-
- **class-variance-authority** - Component variant definitions
|
|
79
|
-
|
|
80
|
-
### Build Configuration
|
|
81
|
-
|
|
82
|
-
- Uses `tsconfig.pkg.json` for package builds (excludes stories)
|
|
83
|
-
- `tsc-alias` resolves path aliases post-compilation
|
|
84
|
-
- Output goes to `dist/` directory
|
|
85
|
-
- Stories are excluded from the package build but included in Storybook
|
|
86
|
-
|
|
87
|
-
### Git Commit Format
|
|
88
|
-
|
|
89
|
-
Use the format `${semver} - ${commit_description}`. E.g. 0.12.15 - Added a new Storybook.js story for the Form component.
|