azamat-ui-kit 0.1.0 → 0.2.0

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.
Files changed (52) hide show
  1. package/CHANGELOG.md +104 -0
  2. package/COMPONENT_MATURITY.md +127 -0
  3. package/README.md +124 -73
  4. package/RELEASE.md +93 -0
  5. package/dist/cli/index.js +189 -39
  6. package/dist/components/actions/button-group.d.ts +15 -0
  7. package/dist/components/actions/copy-field.d.ts +11 -0
  8. package/dist/components/actions/index.d.ts +5 -3
  9. package/dist/components/calendar/calendar.d.ts +2 -0
  10. package/dist/components/charts/charts.d.ts +65 -0
  11. package/dist/components/charts/index.d.ts +1 -0
  12. package/dist/components/data-table/data-table.d.ts +3 -5
  13. package/dist/components/display/code-block.d.ts +10 -0
  14. package/dist/components/display/data-card.d.ts +13 -0
  15. package/dist/components/display/descriptions.d.ts +19 -0
  16. package/dist/components/display/file-card.d.ts +14 -0
  17. package/dist/components/display/index.d.ts +22 -10
  18. package/dist/components/display/kanban.d.ts +25 -0
  19. package/dist/components/display/keyboard-shortcut.d.ts +7 -0
  20. package/dist/components/display/list.d.ts +26 -0
  21. package/dist/components/display/property-grid.d.ts +15 -0
  22. package/dist/components/display/statistic.d.ts +23 -0
  23. package/dist/components/display/tag-list.d.ts +17 -0
  24. package/dist/components/display/tree-view.d.ts +19 -0
  25. package/dist/components/display/user-card.d.ts +13 -0
  26. package/dist/components/feedback/alert.d.ts +11 -0
  27. package/dist/components/feedback/index.d.ts +2 -0
  28. package/dist/components/feedback/page-state.d.ts +17 -0
  29. package/dist/components/inputs/async-select.d.ts +5 -4
  30. package/dist/components/inputs/color-input.d.ts +11 -0
  31. package/dist/components/inputs/index.d.ts +18 -14
  32. package/dist/components/inputs/otp-input.d.ts +17 -0
  33. package/dist/components/inputs/rating.d.ts +17 -0
  34. package/dist/components/inputs/slider.d.ts +24 -0
  35. package/dist/components/layout/index.d.ts +2 -0
  36. package/dist/components/layout/section.d.ts +24 -0
  37. package/dist/components/layout/sticky-footer-bar.d.ts +7 -0
  38. package/dist/components/navigation/anchor-nav.d.ts +15 -0
  39. package/dist/components/navigation/index.d.ts +4 -3
  40. package/dist/components/ui/collapse.d.ts +29 -0
  41. package/dist/components/ui/divider.d.ts +9 -0
  42. package/dist/components/ui/segmented-control.d.ts +17 -0
  43. package/dist/components/ui/skeleton.d.ts +17 -0
  44. package/dist/components/ui/spinner.d.ts +12 -0
  45. package/dist/components/ui/tooltip.d.ts +8 -0
  46. package/dist/components/upload/file-upload.d.ts +11 -1
  47. package/dist/index.cjs +5 -7
  48. package/dist/index.d.ts +40 -34
  49. package/dist/index.js +6986 -9427
  50. package/package.json +1 -118
  51. package/registry.json +1 -185
  52. package/dist/components/ui/component-preview.d.ts +0 -10
package/package.json CHANGED
@@ -1,118 +1 @@
1
- {
2
- "name": "azamat-ui-kit",
3
- "version": "0.1.0",
4
- "description": "Reusable React UI kit with dashboard-ready components, CLI registry helpers, and TypeScript support.",
5
- "keywords": [
6
- "react",
7
- "typescript",
8
- "ui",
9
- "component-library",
10
- "design-system",
11
- "dashboard",
12
- "tailwindcss",
13
- "shadcn",
14
- "registry",
15
- "cli"
16
- ],
17
- "homepage": "https://github.com/AzamatJurayev-dev/azamat-ui-kit#readme",
18
- "repository": {
19
- "type": "git",
20
- "url": "git+https://github.com/AzamatJurayev-dev/azamat-ui-kit.git"
21
- },
22
- "bugs": {
23
- "url": "https://github.com/AzamatJurayev-dev/azamat-ui-kit/issues"
24
- },
25
- "license": "MIT",
26
- "author": "Azamat Jurayev",
27
- "type": "module",
28
- "publishConfig": {
29
- "access": "public"
30
- },
31
- "engines": {
32
- "node": ">=18"
33
- },
34
- "bin": {
35
- "azamat-ui-kit": "./dist/cli/index.js"
36
- },
37
- "main": "./dist/index.cjs",
38
- "module": "./dist/index.js",
39
- "types": "./dist/index.d.ts",
40
- "exports": {
41
- ".": {
42
- "types": "./dist/index.d.ts",
43
- "import": "./dist/index.js",
44
- "require": "./dist/index.cjs"
45
- },
46
- "./registry.json": "./registry.json",
47
- "./package.json": "./package.json"
48
- },
49
- "files": [
50
- "dist",
51
- "registry.json",
52
- "README.md",
53
- "LICENSE"
54
- ],
55
- "scripts": {
56
- "dev": "vite",
57
- "build": "tsc -b && vite build && tsc -p tsconfig.build.json && tsup",
58
- "build:web": "tsc -b && vite build --mode site",
59
- "build:lib": "tsc -b && vite build",
60
- "build:cli": "tsup",
61
- "prepack": "npm run build",
62
- "lint": "eslint .",
63
- "preview": "vite preview",
64
- "test:types": "tsc -p tsconfig.test.json --noEmit",
65
- "test:a11y": "node scripts/a11y-smoke.mjs",
66
- "test:registry": "node scripts/validate-registry.mjs",
67
- "test:run": "npm run test:types && npm run test:a11y && npm run test:registry"
68
- },
69
- "peerDependencies": {
70
- "react": "^18.0.0 || ^19.0.0",
71
- "react-dom": "^18.0.0 || ^19.0.0",
72
- "react-hook-form": "^7.0.0"
73
- },
74
- "dependencies": {
75
- "@base-ui/react": "^1.5.0",
76
- "@fontsource-variable/geist": "^5.2.9",
77
- "@tanstack/react-table": "^8.21.3",
78
- "class-variance-authority": "^0.7.1",
79
- "clsx": "^2.1.1",
80
- "cmdk": "^1.1.1",
81
- "commander": "^15.0.0",
82
- "execa": "^9.6.1",
83
- "fs-extra": "^11.3.5",
84
- "kolorist": "^1.8.0",
85
- "lucide-react": "^1.17.0",
86
- "prism-react-renderer": "^2.4.1",
87
- "prompts": "^2.4.2",
88
- "tailwind-merge": "^3.6.0",
89
- "tw-animate-css": "^1.4.0"
90
- },
91
- "devDependencies": {
92
- "@babel/core": "^7.29.0",
93
- "@eslint/js": "^10.0.1",
94
- "@rolldown/plugin-babel": "^0.2.3",
95
- "@tailwindcss/vite": "^4.3.0",
96
- "@types/babel__core": "^7.20.5",
97
- "@types/fs-extra": "^11.0.4",
98
- "@types/node": "^24.13.2",
99
- "@types/react": "^19.2.14",
100
- "@types/react-dom": "^19.2.3",
101
- "@vitejs/plugin-react": "^6.0.1",
102
- "babel-plugin-react-compiler": "^1.0.0",
103
- "eslint": "^10.3.0",
104
- "eslint-plugin-react-hooks": "^7.1.1",
105
- "eslint-plugin-react-refresh": "^0.5.2",
106
- "globals": "^17.6.0",
107
- "react": "^19.2.6",
108
- "react-dom": "^19.2.6",
109
- "react-hook-form": "^7.75.0",
110
- "react-router-dom": "^7.18.0",
111
- "shadcn": "^4.11.0",
112
- "tailwindcss": "^4.3.0",
113
- "tsup": "^8.5.1",
114
- "typescript": "~6.0.2",
115
- "typescript-eslint": "^8.59.2",
116
- "vite": "^8.0.12"
117
- }
118
- }
1
+ {"name":"azamat-ui-kit","version":"0.2.0","description":"Reusable React UI kit with dashboard-ready components, CLI registry helpers, and TypeScript support.","keywords":["react","typescript","ui","component-library","design-system","dashboard","tailwindcss","shadcn","registry","cli"],"homepage":"https://github.com/AzamatJurayev-dev/azamat-ui-kit#readme","repository":{"type":"git","url":"git+https://github.com/AzamatJurayev-dev/azamat-ui-kit.git"},"bugs":{"url":"https://github.com/AzamatJurayev-dev/azamat-ui-kit/issues"},"license":"MIT","author":"Azamat Jurayev","type":"module","publishConfig":{"access":"public"},"engines":{"node":">=18"},"bin":{"azamat-ui-kit":"dist/cli/index.js"},"main":"./dist/index.cjs","module":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","require":"./dist/index.cjs"},"./registry.json":"./registry.json","./package.json":"./package.json"},"files":["dist","registry.json","README.md","CHANGELOG.md","RELEASE.md","COMPONENT_MATURITY.md","LICENSE"],"scripts":{"clean":"node scripts/clean-dist.mjs","build":"npm run clean && vite build && tsc -p tsconfig.build.json && tsup && npm run test:build-output","build:lib":"vite build && tsc -p tsconfig.build.json","build:cli":"tsup","prepack":"npm run clean && npm run build","pack:dry-run":"npm pack --dry-run","lint":"eslint .","test:types":"tsc -p tsconfig.test.json --noEmit","test:a11y":"node scripts/a11y-smoke.mjs","test:registry":"node scripts/validate-registry.mjs","test:build-output":"node scripts/check-build-output.mjs","test:render":"vitest run --config vitest.config.ts","test:run":"npm run test:types && npm run test:render && npm run test:a11y && npm run test:registry && npm run test:build-output","release:gate":"npm run lint && npm run build && npm run test:run && npm pack --dry-run"},"peerDependencies":{"react":"^18.0.0 || ^19.0.0","react-dom":"^18.0.0 || ^19.0.0","react-hook-form":"^7.0.0"},"dependencies":{"@base-ui/react":"^1.5.0","@fontsource-variable/geist":"^5.2.9","@tanstack/react-table":"^8.21.3","class-variance-authority":"^0.7.1","clsx":"^2.1.1","cmdk":"^1.1.1","commander":"^15.0.0","execa":"^9.6.1","fs-extra":"^11.3.5","kolorist":"^1.8.0","lucide-react":"^1.17.0","prompts":"^2.4.2","tailwind-merge":"^3.6.0","tw-animate-css":"^1.4.0"},"devDependencies":{"@babel/core":"^7.29.0","@eslint/js":"^10.0.1","@rolldown/plugin-babel":"^0.2.3","@tailwindcss/vite":"^4.3.0","@testing-library/react":"^16.3.2","@testing-library/user-event":"^14.6.1","@types/babel__core":"^7.20.5","@types/fs-extra":"^11.0.4","@types/node":"^24.13.2","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","babel-plugin-react-compiler":"^1.0.0","eslint":"^10.3.0","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-react-refresh":"^0.5.2","globals":"^17.6.0","jsdom":"^27.4.0","react":"^19.2.6","react-dom":"^19.2.6","react-hook-form":"^7.75.0","shadcn":"^4.11.0","tailwindcss":"^4.3.0","tsup":"^8.5.1","typescript":"~6.0.2","typescript-eslint":"^8.59.2","vite":"^8.0.12","vitest":"^3.2.6"}}
package/registry.json CHANGED
@@ -1,185 +1 @@
1
- {
2
- "$schema": "https://azamat-ui-kit.dev/registry.schema.json",
3
- "name": "azamat-ui-kit",
4
- "version": "0.0.1",
5
- "description": "Reusable React + TypeScript UI kit registry",
6
- "commands": {
7
- "init": "npx azamat-ui-kit init",
8
- "theme": "npx azamat-ui-kit theme src/index.css",
9
- "list": "npx azamat-ui-kit list",
10
- "add": "npx azamat-ui-kit add <components...>"
11
- },
12
- "groups": {
13
- "ui": [
14
- "button",
15
- "input",
16
- "textarea",
17
- "checkbox",
18
- "switch",
19
- "badge",
20
- "card",
21
- "dialog",
22
- "dropdown-menu",
23
- "popover",
24
- "select",
25
- "table"
26
- ],
27
- "overlay": [
28
- "dialog-actions",
29
- "modal-shell",
30
- "confirm-dialog",
31
- "sheet-shell"
32
- ],
33
- "inputs": [
34
- "clearable-input",
35
- "search-input",
36
- "password-input",
37
- "number-input",
38
- "date-input",
39
- "date-range-input",
40
- "money-input",
41
- "quantity-input",
42
- "masked-input",
43
- "phone-input",
44
- "simple-select",
45
- "async-select"
46
- ],
47
- "form": [
48
- "form-field-shell",
49
- "form-input",
50
- "form-select",
51
- "form-async-select",
52
- "form-textarea",
53
- "form-switch",
54
- "form-search-input",
55
- "form-password-input",
56
- "form-number-input",
57
- "form-phone-input",
58
- "form-date-input",
59
- "form-date-range-input",
60
- "form-date-picker",
61
- "form-date-range-picker"
62
- ],
63
- "feedback": [
64
- "empty-state",
65
- "loading-state",
66
- "status-badge"
67
- ],
68
- "display": [
69
- "description-list",
70
- "progress",
71
- "result",
72
- "timeline",
73
- "metric-grid",
74
- "info-card",
75
- "activity-feed"
76
- ],
77
- "actions": [
78
- "action-menu"
79
- ],
80
- "layout": [
81
- "app-shell",
82
- "app-header",
83
- "app-sidebar",
84
- "page-header",
85
- "stat-card",
86
- "sidebar-nav",
87
- "breadcrumbs",
88
- "page-container"
89
- ],
90
- "filters": [
91
- "filter-bar"
92
- ],
93
- "data-table": [
94
- "data-table",
95
- "data-table-pagination",
96
- "data-table-toolbar",
97
- "data-table-column-visibility-menu",
98
- "data-table-select-column",
99
- "data-table-sortable-header",
100
- "data-table-row-actions",
101
- "data-table-actions-column",
102
- "data-table-bulk-actions",
103
- "data-table-view-presets"
104
- ],
105
- "calendar": [
106
- "calendar",
107
- "date-picker",
108
- "date-range-picker",
109
- "form-date-picker",
110
- "form-date-range-picker"
111
- ],
112
- "upload": [
113
- "file-upload",
114
- "image-upload"
115
- ],
116
- "wizard": [
117
- "stepper",
118
- "wizard"
119
- ],
120
- "notifications": [
121
- "toast"
122
- ],
123
- "command": [
124
- "command-palette"
125
- ],
126
- "patterns": [
127
- "resource-page",
128
- "resource-detail-page",
129
- "form-builder",
130
- "form-builder-presets"
131
- ],
132
- "hooks": [
133
- "use-session-storage-state",
134
- "use-before-unload-when-dirty",
135
- "use-is-mobile",
136
- "use-disclosure",
137
- "use-debounce",
138
- "use-data-table-view-state"
139
- ],
140
- "kits": [
141
- "dashboard",
142
- "calendar-kit",
143
- "wizard-kit",
144
- "all"
145
- ]
146
- },
147
- "recommended": [
148
- "button",
149
- "input",
150
- "textarea",
151
- "checkbox",
152
- "switch",
153
- "dialog",
154
- "popover",
155
- "select",
156
- "pagination",
157
- "search-input",
158
- "async-select",
159
- "form-input",
160
- "form-select",
161
- "form-switch",
162
- "empty-state",
163
- "loading-state",
164
- "status-badge",
165
- "description-list",
166
- "metric-grid",
167
- "info-card",
168
- "activity-feed",
169
- "action-menu",
170
- "page-header",
171
- "filter-bar",
172
- "data-table",
173
- "data-table-view-presets",
174
- "date-picker",
175
- "file-upload",
176
- "wizard",
177
- "toast",
178
- "command-palette",
179
- "resource-page",
180
- "resource-detail-page",
181
- "form-builder",
182
- "form-builder-presets",
183
- "use-data-table-view-state"
184
- ]
185
- }
1
+ {"$schema":"https://azamat-ui-kit.dev/registry.schema.json","name":"azamat-ui-kit","version":"0.2.0","description":"Reusable React + TypeScript UI kit registry","groups":{"ui":["button","input","textarea","checkbox","switch","badge","card","dialog","dropdown-menu","popover","select","table"],"overlay":["dialog-actions","modal-shell","confirm-dialog","sheet-shell"],"navigation":["pagination"],"inputs":["clearable-input","search-input","password-input","number-input","date-input","date-range-input","money-input","quantity-input","masked-input","phone-input","simple-select","async-select"],"form":["form-field-shell","form-input","form-select","form-async-select","form-textarea","form-switch","form-search-input","form-password-input","form-number-input","form-phone-input","form-date-input","form-date-range-input","form-date-picker","form-date-range-picker"],"feedback":["empty-state","loading-state","status-badge"],"display":["description-list","progress","result","timeline","metric-grid","info-card","activity-feed"],"actions":["action-menu"],"layout":["app-shell","app-header","app-sidebar","page-header","stat-card","sidebar-nav","breadcrumbs","page-container"],"filters":["filter-bar"],"data-table":["data-table","data-table-pagination","data-table-toolbar","data-table-column-visibility-menu","data-table-select-column","data-table-sortable-header","data-table-row-actions","data-table-actions-column","data-table-bulk-actions","data-table-view-presets"],"calendar":["calendar","date-picker","date-range-picker","form-date-picker","form-date-range-picker"],"upload":["file-upload","image-upload"],"wizard":["stepper","wizard"],"notifications":["toast"],"command":["command-palette"],"patterns":["resource-page","resource-detail-page","form-builder","form-builder-presets"],"hooks":["use-session-storage-state","use-before-unload-when-dirty","use-is-mobile","use-disclosure","use-debounce","use-data-table-view-state"],"kits":["dashboard","calendar-kit","wizard-kit","all"]},"recommended":["button","input","textarea","checkbox","switch","dialog","popover","select","pagination","search-input","async-select","form-input","form-select","form-switch","empty-state","loading-state","status-badge","description-list","metric-grid","info-card","activity-feed","action-menu","page-header","filter-bar","data-table","data-table-view-presets","date-picker","file-upload","wizard","toast","command-palette","resource-page","resource-detail-page","form-builder","form-builder-presets","use-data-table-view-state"]}
@@ -1,10 +0,0 @@
1
- import * as React from "react";
2
- export interface ComponentPreviewProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "description"> {
3
- code: string;
4
- language?: string;
5
- title?: React.ReactNode;
6
- description?: React.ReactNode;
7
- dependencies?: string[];
8
- children: React.ReactNode;
9
- }
10
- export declare function ComponentPreview({ code, language, title, description, dependencies, children, className, ...props }: ComponentPreviewProps): React.JSX.Element;