@xenide-io/the-old-ui-theme 0.2.9 → 0.3.1
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 +1 -1
- package/dist/chunk-5HSOBJ4F.mjs +5968 -0
- package/dist/index-BgG8Homu.d.mts +1461 -0
- package/dist/index-BgG8Homu.d.ts +1461 -0
- package/dist/index.d.mts +206 -100
- package/dist/index.d.ts +206 -100
- package/dist/index.js +4275 -1455
- package/dist/index.mjs +689 -735
- package/dist/tailwind-preset.js +7 -0
- package/dist/tailwind-preset.mjs +7 -0
- package/dist/ui.d.mts +3 -2
- package/dist/ui.d.ts +3 -2
- package/dist/ui.js +3449 -701
- package/dist/ui.mjs +106 -3
- package/package.json +20 -16
- package/src/app/globals.css +1953 -266
- package/src/components/charts/index.ts +9 -8
- package/src/components/charts/quill/BarChart.tsx +85 -0
- package/src/components/charts/quill/FunnelChart.tsx +49 -0
- package/src/components/charts/quill/InsightShell.tsx +27 -0
- package/src/components/charts/quill/MetricCard.tsx +44 -0
- package/src/components/charts/quill/PieChart.tsx +81 -0
- package/src/components/charts/quill/Sparkline.tsx +57 -0
- package/src/components/charts/quill/TimeSeriesLineChart.tsx +62 -0
- package/src/components/charts/quill/index.ts +9 -0
- package/src/components/icons/IconBase.tsx +20 -12
- package/src/components/icons/createIconBase.tsx +12 -7
- package/src/components/icons/icons.tsx +210 -18
- package/src/components/icons/index.ts +3 -0
- package/src/components/icons/lemon-brand-icons.tsx +16 -0
- package/src/components/icons/lemon-category-icons.tsx +72 -0
- package/src/components/icons/lemon-icons.tsx +57 -0
- package/src/components/sections/AlertShowcase.tsx +2 -1
- package/src/components/sections/BadgeShowcase.tsx +1 -1
- package/src/components/sections/ButtonShowcase.tsx +6 -10
- package/src/components/sections/CardShowcase.tsx +22 -6
- package/src/components/sections/DropdownShowcase.tsx +4 -6
- package/src/components/sections/FilterChipsShowcase.tsx +74 -26
- package/src/components/sections/FormShowcase.tsx +2 -1
- package/src/components/sections/IconShowcase.tsx +195 -212
- package/src/components/sections/KbdShowcase.tsx +47 -21
- package/src/components/sections/ModalShowcase.tsx +7 -6
- package/src/components/sections/NewComponentsShowcase.tsx +1052 -0
- package/src/components/sections/ProductLayoutsShowcase.tsx +78 -0
- package/src/components/sections/ProgressShowcase.tsx +50 -53
- package/src/components/sections/QuillChartShowcase.tsx +92 -0
- package/src/components/sections/QuillDashboardShowcase.tsx +149 -0
- package/src/components/sections/SidebarShowcase.tsx +151 -0
- package/src/components/sections/SwapShowcase.tsx +13 -5
- package/src/components/sections/TableShowcase.tsx +2 -0
- package/src/components/sections/TooltipShowcase.tsx +19 -25
- package/src/components/ui/Alert.tsx +28 -19
- package/src/components/ui/AlertDialog.tsx +62 -0
- package/src/components/ui/AppLayout.tsx +27 -0
- package/src/components/ui/AuthLayout.tsx +58 -0
- package/src/components/ui/Autocomplete.tsx +106 -0
- package/src/components/ui/Badge.tsx +10 -5
- package/src/components/ui/Banner.tsx +63 -0
- package/src/components/ui/Button.tsx +22 -12
- package/src/components/ui/ButtonChrome.tsx +1 -1
- package/src/components/ui/ButtonGroup.tsx +16 -0
- package/src/components/ui/Calendar.tsx +6 -7
- package/src/components/ui/Card.tsx +21 -11
- package/src/components/ui/Chip.tsx +46 -0
- package/src/components/ui/Collapsible.tsx +46 -0
- package/src/components/ui/CollapsibleSection.tsx +11 -11
- package/src/components/ui/Combobox.tsx +119 -0
- package/src/components/ui/ContextMenu.tsx +81 -0
- package/src/components/ui/DataTable.tsx +133 -0
- package/src/components/ui/DatePicker.tsx +96 -0
- package/src/components/ui/Dialog.tsx +75 -0
- package/src/components/ui/Divider.tsx +39 -0
- package/src/components/ui/Dot.tsx +32 -0
- package/src/components/ui/DropdownMenu.tsx +189 -65
- package/src/components/ui/FilterBar.tsx +165 -0
- package/src/components/ui/FilterChips.tsx +65 -35
- package/src/components/ui/FilterControls.tsx +30 -0
- package/src/components/ui/FormField.tsx +69 -0
- package/src/components/ui/Input.tsx +166 -140
- package/src/components/ui/InputGroup.tsx +16 -0
- package/src/components/ui/Kbd.tsx +88 -13
- package/src/components/ui/Lettermark.tsx +47 -0
- package/src/components/ui/Link.tsx +32 -0
- package/src/components/ui/Loader.tsx +96 -0
- package/src/components/ui/LoadingBar.tsx +25 -0
- package/src/components/ui/Menubar.tsx +66 -0
- package/src/components/ui/Metric.tsx +34 -0
- package/src/components/ui/Modal.tsx +66 -36
- package/src/components/ui/NumberField.tsx +76 -0
- package/src/components/ui/Popover.tsx +73 -0
- package/src/components/ui/ProgressCircle.tsx +63 -0
- package/src/components/ui/Resizable.tsx +71 -0
- package/src/components/ui/Row.tsx +51 -0
- package/src/components/ui/ScrollArea.tsx +54 -0
- package/src/components/ui/SettingsLayout.tsx +94 -0
- package/src/components/ui/ShowcaseWrapper.tsx +4 -16
- package/src/components/ui/Sidebar.tsx +77 -0
- package/src/components/ui/Snack.tsx +48 -0
- package/src/components/ui/Spinner.tsx +30 -0
- package/src/components/ui/Splotch.tsx +33 -0
- package/src/components/ui/Stepper.tsx +5 -6
- package/src/components/ui/Table.tsx +2 -0
- package/src/components/ui/Tag.tsx +65 -0
- package/src/components/ui/Toggle.tsx +62 -0
- package/src/components/ui/Tooltip.test.tsx +58 -0
- package/src/components/ui/Tooltip.tsx +211 -0
- package/src/components/ui/Widget.tsx +31 -0
- package/src/components/ui/first-slice.test.tsx +98 -0
- package/src/components/ui/index.ts +335 -22
- package/src/components/ui/interaction-primitives.test.tsx +77 -0
- package/src/components/ui/kbd-icons.test.tsx +90 -0
- package/src/components/ui/product-patterns.test.tsx +77 -0
- package/src/styles/themes.css +411 -1
- package/tailwind-preset.ts +7 -0
- package/dist/chunk-SHF57J7U.mjs +0 -2910
- package/dist/index-CmS6hcUk.d.mts +0 -753
- package/dist/index-CmS6hcUk.d.ts +0 -753
- package/src/components/charts/ph-insight-charts.tsx +0 -162
- package/src/components/dashboard/DashboardFiltersBar.tsx +0 -19
- package/src/components/dashboard/DashboardGrid.tsx +0 -23
- package/src/components/dashboard/DashboardInsightPlaceholder.tsx +0 -37
- package/src/components/dashboard/DashboardKpiCard.tsx +0 -25
- package/src/components/dashboard/DashboardToolbar.tsx +0 -23
- package/src/components/dashboard/DashboardWell.tsx +0 -10
- package/src/components/dashboard/InsightMiniCard.tsx +0 -26
- package/src/components/dashboard/InsightShell.tsx +0 -37
- package/src/components/dashboard/InsightShellHeader.tsx +0 -22
- package/src/components/dashboard/MiniTrendBars.tsx +0 -51
- package/src/components/dashboard/index.ts +0 -31
- package/src/components/dashboard/types.ts +0 -9
- package/src/components/sections/ChartShowcase.tsx +0 -190
- package/src/components/sections/DashboardShowcase.tsx +0 -191
- package/src/components/sections/StatShowcase.tsx +0 -129
package/dist/ui.mjs
CHANGED
|
@@ -1,29 +1,53 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
import {
|
|
2
3
|
Accordion,
|
|
3
4
|
Alert,
|
|
5
|
+
AlertDialog,
|
|
6
|
+
AppLayout,
|
|
7
|
+
AuthCard,
|
|
8
|
+
AuthDivider,
|
|
9
|
+
AuthLayout,
|
|
10
|
+
Autocomplete,
|
|
4
11
|
Avatar,
|
|
5
12
|
AvatarGroup,
|
|
6
13
|
Badge,
|
|
14
|
+
Banner,
|
|
7
15
|
Breadcrumbs,
|
|
8
16
|
Button,
|
|
9
17
|
ButtonChrome,
|
|
18
|
+
ButtonGroup,
|
|
10
19
|
Calendar,
|
|
11
20
|
Caption,
|
|
12
21
|
Card,
|
|
13
22
|
ChatBubble,
|
|
14
23
|
Checkbox,
|
|
24
|
+
Chip,
|
|
15
25
|
CodeBlock,
|
|
26
|
+
Collapsible,
|
|
16
27
|
CollapsibleSection,
|
|
28
|
+
Combobox,
|
|
17
29
|
CommandPalette,
|
|
18
30
|
ComponentDocs,
|
|
31
|
+
ContextMenu,
|
|
32
|
+
DataTable,
|
|
33
|
+
DatePicker,
|
|
34
|
+
Dialog,
|
|
19
35
|
Display,
|
|
36
|
+
Divider,
|
|
37
|
+
Dot,
|
|
20
38
|
Drawer,
|
|
21
39
|
DropdownButton,
|
|
22
40
|
DropdownItem,
|
|
23
41
|
DropdownMenu,
|
|
42
|
+
DropdownRadioGroup,
|
|
43
|
+
DropdownRadioItem,
|
|
24
44
|
EmptyState,
|
|
25
45
|
FileUpload,
|
|
46
|
+
FilterBar,
|
|
26
47
|
FilterChips,
|
|
48
|
+
FilterControls,
|
|
49
|
+
FilterMenu,
|
|
50
|
+
FormField,
|
|
27
51
|
H1,
|
|
28
52
|
H2,
|
|
29
53
|
H3,
|
|
@@ -34,29 +58,52 @@ import {
|
|
|
34
58
|
IconByName,
|
|
35
59
|
Indicator,
|
|
36
60
|
Input,
|
|
61
|
+
InputGroup,
|
|
37
62
|
Kbd,
|
|
38
63
|
Label,
|
|
39
64
|
Lead,
|
|
65
|
+
Lettermark,
|
|
66
|
+
Link,
|
|
67
|
+
Loader,
|
|
68
|
+
LoadingBar,
|
|
69
|
+
LoadingState,
|
|
70
|
+
Menubar,
|
|
71
|
+
Metric,
|
|
40
72
|
Modal,
|
|
41
73
|
Mono,
|
|
74
|
+
NumberField,
|
|
42
75
|
Overline,
|
|
43
76
|
P,
|
|
44
77
|
Pagination,
|
|
45
78
|
Panel,
|
|
79
|
+
Popover,
|
|
46
80
|
Progress,
|
|
81
|
+
ProgressCircle,
|
|
47
82
|
Radio,
|
|
48
83
|
Range,
|
|
49
84
|
Rating,
|
|
85
|
+
Resizable,
|
|
86
|
+
Row,
|
|
87
|
+
ScrollArea,
|
|
50
88
|
SearchGroup,
|
|
51
89
|
SearchInput,
|
|
52
90
|
SegmentedControl,
|
|
53
91
|
Select,
|
|
92
|
+
SettingsLayout,
|
|
93
|
+
SettingsNav,
|
|
54
94
|
ShowcaseWrapper,
|
|
95
|
+
Sidebar,
|
|
96
|
+
Skeleton,
|
|
55
97
|
Small,
|
|
98
|
+
Snack,
|
|
99
|
+
SortMenu,
|
|
100
|
+
Spinner,
|
|
101
|
+
Splotch,
|
|
56
102
|
Stat,
|
|
57
103
|
Stepper,
|
|
58
104
|
Table,
|
|
59
105
|
Tabs,
|
|
106
|
+
Tag,
|
|
60
107
|
Terminal,
|
|
61
108
|
Textarea,
|
|
62
109
|
ThemeDomSync,
|
|
@@ -65,35 +112,63 @@ import {
|
|
|
65
112
|
Timeline,
|
|
66
113
|
Toast,
|
|
67
114
|
ToastStack,
|
|
68
|
-
Toggle
|
|
69
|
-
|
|
115
|
+
Toggle,
|
|
116
|
+
ToggleButton,
|
|
117
|
+
ToggleGroup,
|
|
118
|
+
Tooltip,
|
|
119
|
+
TooltipProvider,
|
|
120
|
+
Widget
|
|
121
|
+
} from "./chunk-5HSOBJ4F.mjs";
|
|
70
122
|
import "./chunk-FWCSY2DS.mjs";
|
|
71
123
|
export {
|
|
72
124
|
Accordion,
|
|
73
125
|
Alert,
|
|
126
|
+
AlertDialog,
|
|
127
|
+
AppLayout,
|
|
128
|
+
AuthCard,
|
|
129
|
+
AuthDivider,
|
|
130
|
+
AuthLayout,
|
|
131
|
+
Autocomplete,
|
|
74
132
|
Avatar,
|
|
75
133
|
AvatarGroup,
|
|
76
134
|
Badge,
|
|
135
|
+
Banner,
|
|
77
136
|
Breadcrumbs,
|
|
78
137
|
Button,
|
|
79
138
|
ButtonChrome,
|
|
139
|
+
ButtonGroup,
|
|
80
140
|
Calendar,
|
|
81
141
|
Caption,
|
|
82
142
|
Card,
|
|
83
143
|
ChatBubble,
|
|
84
144
|
Checkbox,
|
|
145
|
+
Chip,
|
|
85
146
|
CodeBlock,
|
|
147
|
+
Collapsible,
|
|
86
148
|
CollapsibleSection,
|
|
149
|
+
Combobox,
|
|
87
150
|
CommandPalette,
|
|
88
151
|
ComponentDocs,
|
|
152
|
+
ContextMenu,
|
|
153
|
+
DataTable,
|
|
154
|
+
DatePicker,
|
|
155
|
+
Dialog,
|
|
89
156
|
Display,
|
|
157
|
+
Divider,
|
|
158
|
+
Dot,
|
|
90
159
|
Drawer,
|
|
91
160
|
DropdownButton,
|
|
92
161
|
DropdownItem,
|
|
93
162
|
DropdownMenu,
|
|
163
|
+
DropdownRadioGroup,
|
|
164
|
+
DropdownRadioItem,
|
|
94
165
|
EmptyState,
|
|
95
166
|
FileUpload,
|
|
167
|
+
FilterBar,
|
|
96
168
|
FilterChips,
|
|
169
|
+
FilterControls,
|
|
170
|
+
FilterMenu,
|
|
171
|
+
FormField,
|
|
97
172
|
H1,
|
|
98
173
|
H2,
|
|
99
174
|
H3,
|
|
@@ -104,29 +179,52 @@ export {
|
|
|
104
179
|
IconByName,
|
|
105
180
|
Indicator,
|
|
106
181
|
Input,
|
|
182
|
+
InputGroup,
|
|
107
183
|
Kbd,
|
|
108
184
|
Label,
|
|
109
185
|
Lead,
|
|
186
|
+
Lettermark,
|
|
187
|
+
Link,
|
|
188
|
+
Loader,
|
|
189
|
+
LoadingBar,
|
|
190
|
+
LoadingState,
|
|
191
|
+
Menubar,
|
|
192
|
+
Metric,
|
|
110
193
|
Modal,
|
|
111
194
|
Mono,
|
|
195
|
+
NumberField,
|
|
112
196
|
Overline,
|
|
113
197
|
P,
|
|
114
198
|
Pagination,
|
|
115
199
|
Panel,
|
|
200
|
+
Popover,
|
|
116
201
|
Progress,
|
|
202
|
+
ProgressCircle,
|
|
117
203
|
Radio,
|
|
118
204
|
Range,
|
|
119
205
|
Rating,
|
|
206
|
+
Resizable,
|
|
207
|
+
Row,
|
|
208
|
+
ScrollArea,
|
|
120
209
|
SearchGroup,
|
|
121
210
|
SearchInput,
|
|
122
211
|
SegmentedControl,
|
|
123
212
|
Select,
|
|
213
|
+
SettingsLayout,
|
|
214
|
+
SettingsNav,
|
|
124
215
|
ShowcaseWrapper,
|
|
216
|
+
Sidebar,
|
|
217
|
+
Skeleton,
|
|
125
218
|
Small,
|
|
219
|
+
Snack,
|
|
220
|
+
SortMenu,
|
|
221
|
+
Spinner,
|
|
222
|
+
Splotch,
|
|
126
223
|
Stat,
|
|
127
224
|
Stepper,
|
|
128
225
|
Table,
|
|
129
226
|
Tabs,
|
|
227
|
+
Tag,
|
|
130
228
|
Terminal,
|
|
131
229
|
Textarea,
|
|
132
230
|
ThemeDomSync,
|
|
@@ -135,5 +233,10 @@ export {
|
|
|
135
233
|
Timeline,
|
|
136
234
|
Toast,
|
|
137
235
|
ToastStack,
|
|
138
|
-
Toggle
|
|
236
|
+
Toggle,
|
|
237
|
+
ToggleButton,
|
|
238
|
+
ToggleGroup,
|
|
239
|
+
Tooltip,
|
|
240
|
+
TooltipProvider,
|
|
241
|
+
Widget
|
|
139
242
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@xenide-io/the-old-ui-theme",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.3.1",
|
|
4
4
|
"description": "Props-driven React components and theme tokens inspired by classic interface design — optimized for Next.js apps and internal tools.",
|
|
5
5
|
"author": "Xenide",
|
|
6
6
|
"license": "MIT",
|
|
@@ -22,8 +22,7 @@
|
|
|
22
22
|
"node": ">=18.0.0"
|
|
23
23
|
},
|
|
24
24
|
"sideEffects": [
|
|
25
|
-
"*.css"
|
|
26
|
-
"src/lib/chart/register-chartjs.ts"
|
|
25
|
+
"*.css"
|
|
27
26
|
],
|
|
28
27
|
"main": "./dist/index.js",
|
|
29
28
|
"module": "./dist/index.mjs",
|
|
@@ -63,50 +62,55 @@
|
|
|
63
62
|
"build:lib": "tsup --entry.index src/index.ts --entry.ui src/components/ui/index.ts --entry.tailwind-preset tailwind-preset.ts --format cjs,esm --dts --external react,react-dom,next --clean --tsconfig ./tsconfig.lib.json",
|
|
64
63
|
"start": "next start",
|
|
65
64
|
"lint": "next lint",
|
|
66
|
-
"
|
|
65
|
+
"typecheck": "tsc --noEmit",
|
|
66
|
+
"test": "vitest run",
|
|
67
|
+
"test:visual": "playwright test --project=desktop-chromium --workers=1 && playwright test --project=mobile-chromium --workers=1",
|
|
68
|
+
"check": "bun run typecheck && bun run test",
|
|
67
69
|
"clean": "rm -rf .next out *.tsbuildinfo dist",
|
|
68
70
|
"icons:check": "node scripts/sync-posthog-icons.mjs",
|
|
69
71
|
"prepublishOnly": "bun run build:lib",
|
|
70
|
-
"release": "bun run
|
|
72
|
+
"release": "bun run check && npm publish"
|
|
71
73
|
},
|
|
72
74
|
"peerDependencies": {
|
|
73
75
|
"react": "^18.0.0",
|
|
74
76
|
"react-dom": "^18.0.0",
|
|
75
77
|
"next": ">=16.2.7",
|
|
76
78
|
"tailwindcss": "^3.4.0",
|
|
77
|
-
"chart.js": "^4.5.1",
|
|
78
|
-
"react-chartjs-2": "^5.3.1",
|
|
79
79
|
"d3-scale": "^4.0.2"
|
|
80
80
|
},
|
|
81
81
|
"peerDependenciesMeta": {
|
|
82
|
-
"chart.js": {
|
|
83
|
-
"optional": true
|
|
84
|
-
},
|
|
85
|
-
"react-chartjs-2": {
|
|
86
|
-
"optional": true
|
|
87
|
-
},
|
|
88
82
|
"d3-scale": {
|
|
89
83
|
"optional": true
|
|
90
84
|
}
|
|
91
85
|
},
|
|
92
86
|
"devDependencies": {
|
|
87
|
+
"@playwright/test": "1.54.1",
|
|
88
|
+
"@testing-library/dom": "10",
|
|
89
|
+
"@testing-library/jest-dom": "6",
|
|
90
|
+
"@testing-library/react": "16",
|
|
91
|
+
"@testing-library/user-event": "14",
|
|
93
92
|
"@types/d3-scale": "^4.0.9",
|
|
94
93
|
"@types/node": "^20.14.10",
|
|
95
94
|
"@types/react": "^18.3.3",
|
|
96
95
|
"@types/react-dom": "^18.3.0",
|
|
97
96
|
"autoprefixer": "^10.4.19",
|
|
98
|
-
"chart.js": "^4.5.1",
|
|
99
97
|
"d3-scale": "^4.0.2",
|
|
98
|
+
"jsdom": "26",
|
|
100
99
|
"next": "^16.2.7",
|
|
101
100
|
"postcss": "^8.4.39",
|
|
102
101
|
"react": "^18.0.0",
|
|
103
|
-
"react-chartjs-2": "^5.3.1",
|
|
104
102
|
"react-dom": "^18.0.0",
|
|
105
103
|
"tailwindcss": "^3.4.4",
|
|
106
104
|
"tsup": "^8.5.1",
|
|
107
|
-
"typescript": "^5.5.3"
|
|
105
|
+
"typescript": "^5.5.3",
|
|
106
|
+
"vitest": "3"
|
|
108
107
|
},
|
|
109
108
|
"publishConfig": {
|
|
110
109
|
"access": "public"
|
|
110
|
+
},
|
|
111
|
+
"dependencies": {
|
|
112
|
+
"@radix-ui/react-dialog": "^1.1.20",
|
|
113
|
+
"@radix-ui/react-dropdown-menu": "^2.1.21",
|
|
114
|
+
"lucide-react": "^1.27.0"
|
|
111
115
|
}
|
|
112
116
|
}
|