eglador-ui-react 0.1.0-alpha.9 → 1.0.0-alpha.2
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/LICENSE +1 -1
- package/README.md +47 -32
- package/dist/index.d.mts +93 -557
- package/dist/index.d.ts +93 -557
- package/dist/index.js +17 -6484
- package/dist/index.mjs +17 -6424
- package/package.json +58 -51
- package/dist/index.js.map +0 -1
- package/dist/index.mjs.map +0 -1
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -4,12 +4,15 @@
|
|
|
4
4
|
|
|
5
5
|
[](https://www.npmjs.com/package/eglador-ui-react)
|
|
6
6
|
[](https://www.npmjs.com/package/eglador-ui-react)
|
|
7
|
-
[](https://github.com/
|
|
7
|
+
[](https://github.com/eglador/eglador-ui-react/blob/main/LICENSE)
|
|
8
|
+
|
|
8
9
|
|
|
9
10
|
|
|
10
11
|
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
Eglador UI for React — headless, accessible component library. Compound subcomponents, **Tailwind CSS v4**, zero runtime dependencies.
|
|
14
|
+
|
|
15
|
+
> **Status:** Pre-alpha — 10/55 bileşen hazır (Tier 1). Tier 2 (form bileşenleri) sürüyor.
|
|
13
16
|
|
|
14
17
|
## Installation
|
|
15
18
|
|
|
@@ -17,60 +20,72 @@ A lightweight, reusable UI component library built with **Tailwind CSS v4** for
|
|
|
17
20
|
npm install eglador-ui-react
|
|
18
21
|
```
|
|
19
22
|
|
|
20
|
-
**Peer dependencies:** `react >= 18`
|
|
21
|
-
|
|
22
|
-
**Optional (for Carousel):** `embla-carousel ^8` | `embla-carousel-react ^8` | plugin packages as needed (`embla-carousel-autoplay`, `embla-carousel-fade`, etc.)
|
|
23
|
+
**Peer dependencies:** `react >= 18` · `react-dom >= 18` · `tailwindcss ^4`
|
|
23
24
|
|
|
24
25
|
## Setup
|
|
25
26
|
|
|
26
|
-
Add the following to your global stylesheet (e.g. `app/globals.css`) so Tailwind can detect the component classes:
|
|
27
|
-
|
|
28
27
|
```css
|
|
28
|
+
/* app/globals.css */
|
|
29
29
|
@import "tailwindcss";
|
|
30
|
-
@source "../node_modules/eglador-ui-react
|
|
30
|
+
@source "../node_modules/eglador-ui-react";
|
|
31
31
|
```
|
|
32
32
|
|
|
33
|
-
|
|
33
|
+
| Framework | CSS file location | Path |
|
|
34
|
+
|---|---|---|
|
|
35
|
+
| Next.js (App Router) | `app/globals.css` | `../node_modules/eglador-ui-react` |
|
|
36
|
+
| Next.js (`src/`) | `src/app/globals.css` | `../../node_modules/eglador-ui-react` |
|
|
37
|
+
| Vite | `src/index.css` | `../node_modules/eglador-ui-react` |
|
|
34
38
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
39
|
+
## Bileşenler (10/55)
|
|
40
|
+
|
|
41
|
+
**✓ = hazır · — = planlı**
|
|
42
|
+
|
|
43
|
+
**Layout & Structure (2/7)** — — Accordion · ✓ AspectRatio · — Collapsible · — Resizable · — ScrollArea · ✓ Separator · — Sidebar
|
|
44
|
+
|
|
45
|
+
**Display (7/7) — TAMAM** — ✓ Avatar · ✓ Badge · ✓ Empty · ✓ Kbd · ✓ Skeleton · ✓ Spinner · ✓ Typography
|
|
46
|
+
|
|
47
|
+
**Navigation (0/7)** — — Breadcrumb · — Menubar · — NavigationMenu · — Pagination · — Stepper · — Tabs · — TreeView
|
|
48
|
+
|
|
49
|
+
**Forms (1/15)** — — Button · — ButtonGroup · — Checkbox · — CheckboxGroup · — Input · — InputGroup · — InputOTP · ✓ Label · — MultiSelect · — NativeSelect · — Radio · — RadioGroup · — Select · — Switch · — Textarea
|
|
50
|
+
|
|
51
|
+
**Date & Time (0/3)** — — Calendar · — DatePicker · — DateTimePicker
|
|
38
52
|
|
|
39
|
-
|
|
53
|
+
**Overlays (0/10)** — — Alert · — AlertDialog · — ContextMenu · — Dialog · — Drawer · — Dropdown · — HoverCard · — Notification · — Popover · — Tooltip
|
|
40
54
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
55
|
+
**Data (0/1)** — — Table
|
|
56
|
+
|
|
57
|
+
**Misc (0/5)** — — Command · — ImageCropper · — Link · — SpeedDial · — Progress
|
|
58
|
+
|
|
59
|
+
## Compatibility
|
|
60
|
+
|
|
61
|
+
Works with any React-based framework: **Next.js**, **Remix**, **Vite + React**, **Gatsby**.
|
|
62
|
+
|
|
63
|
+
Components are marked `"use client"`. Place them inside a client component or after a `"use client"` directive.
|
|
48
64
|
|
|
49
65
|
## Development
|
|
50
66
|
|
|
51
67
|
```bash
|
|
52
|
-
npm install
|
|
53
|
-
npm run
|
|
54
|
-
npm run build
|
|
55
|
-
npm run
|
|
56
|
-
npm run
|
|
68
|
+
npm install
|
|
69
|
+
npm run dev # tsup watch mode
|
|
70
|
+
npm run build # production build to dist/
|
|
71
|
+
npm run typecheck # tsc --noEmit
|
|
72
|
+
npm run storybook # Storybook dev (http://localhost:6006)
|
|
73
|
+
npm run build-storybook # static Storybook export
|
|
57
74
|
```
|
|
58
75
|
|
|
59
76
|
## Publishing
|
|
60
77
|
|
|
61
|
-
Publishing is automated via GitHub Actions. When a GitHub Release is created, the package is
|
|
78
|
+
Publishing is automated via GitHub Actions. When a GitHub Release is created, the package is published to npm.
|
|
62
79
|
|
|
63
80
|
1. Update `version` in `package.json`
|
|
64
81
|
2. Commit and push
|
|
65
|
-
3. Create a GitHub Release with a matching tag (e.g. `
|
|
66
|
-
|
|
67
|
-
## Compatibility
|
|
68
|
-
|
|
69
|
-
Works with any React-based framework: **Next.js**, **Remix**, **Vite + React**, **Gatsby**, and others.
|
|
82
|
+
3. Create a GitHub Release with a matching tag (e.g. `v1.0.0`)
|
|
70
83
|
|
|
71
84
|
## Author
|
|
72
85
|
|
|
73
|
-
|
|
86
|
+
Kenan Gündoğan — [https://github.com/kenangundogan](https://github.com/kenangundogan)
|
|
87
|
+
|
|
88
|
+
Maintained under [Eglador](https://github.com/eglador)
|
|
74
89
|
|
|
75
90
|
## License
|
|
76
91
|
|