@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.
Files changed (133) hide show
  1. package/README.md +1 -1
  2. package/dist/chunk-5HSOBJ4F.mjs +5968 -0
  3. package/dist/index-BgG8Homu.d.mts +1461 -0
  4. package/dist/index-BgG8Homu.d.ts +1461 -0
  5. package/dist/index.d.mts +206 -100
  6. package/dist/index.d.ts +206 -100
  7. package/dist/index.js +4275 -1455
  8. package/dist/index.mjs +689 -735
  9. package/dist/tailwind-preset.js +7 -0
  10. package/dist/tailwind-preset.mjs +7 -0
  11. package/dist/ui.d.mts +3 -2
  12. package/dist/ui.d.ts +3 -2
  13. package/dist/ui.js +3449 -701
  14. package/dist/ui.mjs +106 -3
  15. package/package.json +20 -16
  16. package/src/app/globals.css +1953 -266
  17. package/src/components/charts/index.ts +9 -8
  18. package/src/components/charts/quill/BarChart.tsx +85 -0
  19. package/src/components/charts/quill/FunnelChart.tsx +49 -0
  20. package/src/components/charts/quill/InsightShell.tsx +27 -0
  21. package/src/components/charts/quill/MetricCard.tsx +44 -0
  22. package/src/components/charts/quill/PieChart.tsx +81 -0
  23. package/src/components/charts/quill/Sparkline.tsx +57 -0
  24. package/src/components/charts/quill/TimeSeriesLineChart.tsx +62 -0
  25. package/src/components/charts/quill/index.ts +9 -0
  26. package/src/components/icons/IconBase.tsx +20 -12
  27. package/src/components/icons/createIconBase.tsx +12 -7
  28. package/src/components/icons/icons.tsx +210 -18
  29. package/src/components/icons/index.ts +3 -0
  30. package/src/components/icons/lemon-brand-icons.tsx +16 -0
  31. package/src/components/icons/lemon-category-icons.tsx +72 -0
  32. package/src/components/icons/lemon-icons.tsx +57 -0
  33. package/src/components/sections/AlertShowcase.tsx +2 -1
  34. package/src/components/sections/BadgeShowcase.tsx +1 -1
  35. package/src/components/sections/ButtonShowcase.tsx +6 -10
  36. package/src/components/sections/CardShowcase.tsx +22 -6
  37. package/src/components/sections/DropdownShowcase.tsx +4 -6
  38. package/src/components/sections/FilterChipsShowcase.tsx +74 -26
  39. package/src/components/sections/FormShowcase.tsx +2 -1
  40. package/src/components/sections/IconShowcase.tsx +195 -212
  41. package/src/components/sections/KbdShowcase.tsx +47 -21
  42. package/src/components/sections/ModalShowcase.tsx +7 -6
  43. package/src/components/sections/NewComponentsShowcase.tsx +1052 -0
  44. package/src/components/sections/ProductLayoutsShowcase.tsx +78 -0
  45. package/src/components/sections/ProgressShowcase.tsx +50 -53
  46. package/src/components/sections/QuillChartShowcase.tsx +92 -0
  47. package/src/components/sections/QuillDashboardShowcase.tsx +149 -0
  48. package/src/components/sections/SidebarShowcase.tsx +151 -0
  49. package/src/components/sections/SwapShowcase.tsx +13 -5
  50. package/src/components/sections/TableShowcase.tsx +2 -0
  51. package/src/components/sections/TooltipShowcase.tsx +19 -25
  52. package/src/components/ui/Alert.tsx +28 -19
  53. package/src/components/ui/AlertDialog.tsx +62 -0
  54. package/src/components/ui/AppLayout.tsx +27 -0
  55. package/src/components/ui/AuthLayout.tsx +58 -0
  56. package/src/components/ui/Autocomplete.tsx +106 -0
  57. package/src/components/ui/Badge.tsx +10 -5
  58. package/src/components/ui/Banner.tsx +63 -0
  59. package/src/components/ui/Button.tsx +22 -12
  60. package/src/components/ui/ButtonChrome.tsx +1 -1
  61. package/src/components/ui/ButtonGroup.tsx +16 -0
  62. package/src/components/ui/Calendar.tsx +6 -7
  63. package/src/components/ui/Card.tsx +21 -11
  64. package/src/components/ui/Chip.tsx +46 -0
  65. package/src/components/ui/Collapsible.tsx +46 -0
  66. package/src/components/ui/CollapsibleSection.tsx +11 -11
  67. package/src/components/ui/Combobox.tsx +119 -0
  68. package/src/components/ui/ContextMenu.tsx +81 -0
  69. package/src/components/ui/DataTable.tsx +133 -0
  70. package/src/components/ui/DatePicker.tsx +96 -0
  71. package/src/components/ui/Dialog.tsx +75 -0
  72. package/src/components/ui/Divider.tsx +39 -0
  73. package/src/components/ui/Dot.tsx +32 -0
  74. package/src/components/ui/DropdownMenu.tsx +189 -65
  75. package/src/components/ui/FilterBar.tsx +165 -0
  76. package/src/components/ui/FilterChips.tsx +65 -35
  77. package/src/components/ui/FilterControls.tsx +30 -0
  78. package/src/components/ui/FormField.tsx +69 -0
  79. package/src/components/ui/Input.tsx +166 -140
  80. package/src/components/ui/InputGroup.tsx +16 -0
  81. package/src/components/ui/Kbd.tsx +88 -13
  82. package/src/components/ui/Lettermark.tsx +47 -0
  83. package/src/components/ui/Link.tsx +32 -0
  84. package/src/components/ui/Loader.tsx +96 -0
  85. package/src/components/ui/LoadingBar.tsx +25 -0
  86. package/src/components/ui/Menubar.tsx +66 -0
  87. package/src/components/ui/Metric.tsx +34 -0
  88. package/src/components/ui/Modal.tsx +66 -36
  89. package/src/components/ui/NumberField.tsx +76 -0
  90. package/src/components/ui/Popover.tsx +73 -0
  91. package/src/components/ui/ProgressCircle.tsx +63 -0
  92. package/src/components/ui/Resizable.tsx +71 -0
  93. package/src/components/ui/Row.tsx +51 -0
  94. package/src/components/ui/ScrollArea.tsx +54 -0
  95. package/src/components/ui/SettingsLayout.tsx +94 -0
  96. package/src/components/ui/ShowcaseWrapper.tsx +4 -16
  97. package/src/components/ui/Sidebar.tsx +77 -0
  98. package/src/components/ui/Snack.tsx +48 -0
  99. package/src/components/ui/Spinner.tsx +30 -0
  100. package/src/components/ui/Splotch.tsx +33 -0
  101. package/src/components/ui/Stepper.tsx +5 -6
  102. package/src/components/ui/Table.tsx +2 -0
  103. package/src/components/ui/Tag.tsx +65 -0
  104. package/src/components/ui/Toggle.tsx +62 -0
  105. package/src/components/ui/Tooltip.test.tsx +58 -0
  106. package/src/components/ui/Tooltip.tsx +211 -0
  107. package/src/components/ui/Widget.tsx +31 -0
  108. package/src/components/ui/first-slice.test.tsx +98 -0
  109. package/src/components/ui/index.ts +335 -22
  110. package/src/components/ui/interaction-primitives.test.tsx +77 -0
  111. package/src/components/ui/kbd-icons.test.tsx +90 -0
  112. package/src/components/ui/product-patterns.test.tsx +77 -0
  113. package/src/styles/themes.css +411 -1
  114. package/tailwind-preset.ts +7 -0
  115. package/dist/chunk-SHF57J7U.mjs +0 -2910
  116. package/dist/index-CmS6hcUk.d.mts +0 -753
  117. package/dist/index-CmS6hcUk.d.ts +0 -753
  118. package/src/components/charts/ph-insight-charts.tsx +0 -162
  119. package/src/components/dashboard/DashboardFiltersBar.tsx +0 -19
  120. package/src/components/dashboard/DashboardGrid.tsx +0 -23
  121. package/src/components/dashboard/DashboardInsightPlaceholder.tsx +0 -37
  122. package/src/components/dashboard/DashboardKpiCard.tsx +0 -25
  123. package/src/components/dashboard/DashboardToolbar.tsx +0 -23
  124. package/src/components/dashboard/DashboardWell.tsx +0 -10
  125. package/src/components/dashboard/InsightMiniCard.tsx +0 -26
  126. package/src/components/dashboard/InsightShell.tsx +0 -37
  127. package/src/components/dashboard/InsightShellHeader.tsx +0 -22
  128. package/src/components/dashboard/MiniTrendBars.tsx +0 -51
  129. package/src/components/dashboard/index.ts +0 -31
  130. package/src/components/dashboard/types.ts +0 -9
  131. package/src/components/sections/ChartShowcase.tsx +0 -190
  132. package/src/components/sections/DashboardShowcase.tsx +0 -191
  133. 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
- } from "./chunk-SHF57J7U.mjs";
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.2.9",
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
- "test": "tsc --noEmit",
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 test && npm publish"
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
  }