@xenide-io/the-old-ui-theme 0.2.6 → 0.3.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 (126) hide show
  1. package/README.md +1 -1
  2. package/dist/chunk-FDMD3IIN.mjs +3831 -0
  3. package/dist/index-D1RTT2Ap.d.mts +1044 -0
  4. package/dist/index-D1RTT2Ap.d.ts +1044 -0
  5. package/dist/index.d.mts +11 -758
  6. package/dist/index.d.ts +11 -758
  7. package/dist/index.js +1749 -768
  8. package/dist/index.mjs +312 -2846
  9. package/dist/tailwind-preset.js +7 -0
  10. package/dist/tailwind-preset.mjs +7 -0
  11. package/dist/ui.d.mts +4 -0
  12. package/dist/ui.d.ts +4 -0
  13. package/dist/ui.js +3864 -0
  14. package/dist/ui.mjs +169 -0
  15. package/package.json +28 -6
  16. package/src/app/globals.css +1005 -227
  17. package/src/components/charts/index.ts +8 -0
  18. package/src/components/charts/ph-insight-charts.tsx +162 -0
  19. package/src/components/dashboard/DashboardFiltersBar.tsx +19 -0
  20. package/src/components/dashboard/DashboardGrid.tsx +23 -0
  21. package/src/components/dashboard/DashboardInsightPlaceholder.tsx +37 -0
  22. package/src/components/dashboard/DashboardKpiCard.tsx +25 -0
  23. package/src/components/dashboard/DashboardToolbar.tsx +23 -0
  24. package/src/components/dashboard/DashboardWell.tsx +10 -0
  25. package/src/components/dashboard/InsightMiniCard.tsx +26 -0
  26. package/src/components/dashboard/InsightShell.tsx +37 -0
  27. package/src/components/dashboard/InsightShellHeader.tsx +22 -0
  28. package/src/components/dashboard/MiniTrendBars.tsx +51 -0
  29. package/src/components/dashboard/index.ts +31 -0
  30. package/src/components/dashboard/types.ts +9 -0
  31. package/src/components/icons/IconBase.tsx +47 -0
  32. package/src/components/icons/createIconBase.tsx +32 -0
  33. package/src/components/icons/icons.tsx +557 -0
  34. package/src/components/icons/index.ts +3 -0
  35. package/src/components/sections/AccordionShowcase.tsx +45 -0
  36. package/src/components/sections/AlertShowcase.tsx +40 -0
  37. package/src/components/sections/AvatarShowcase.tsx +80 -0
  38. package/src/components/sections/BadgeShowcase.tsx +65 -0
  39. package/src/components/sections/ButtonShowcase.tsx +308 -0
  40. package/src/components/sections/CalendarShowcase.tsx +35 -0
  41. package/src/components/sections/CardShowcase.tsx +159 -0
  42. package/src/components/sections/ChartShowcase.tsx +190 -0
  43. package/src/components/sections/CodeMockupShowcase.tsx +56 -0
  44. package/src/components/sections/ColorPalette.tsx +117 -0
  45. package/src/components/sections/CommandPaletteShowcase.tsx +48 -0
  46. package/src/components/sections/CountdownShowcase.tsx +43 -0
  47. package/src/components/sections/DashboardShowcase.tsx +191 -0
  48. package/src/components/sections/DiffShowcase.tsx +70 -0
  49. package/src/components/sections/DrawerShowcase.tsx +97 -0
  50. package/src/components/sections/DropdownShowcase.tsx +98 -0
  51. package/src/components/sections/EmptyStateShowcase.tsx +50 -0
  52. package/src/components/sections/FilterChipsShowcase.tsx +98 -0
  53. package/src/components/sections/FormShowcase.tsx +127 -0
  54. package/src/components/sections/HoverCardShowcase.tsx +50 -0
  55. package/src/components/sections/IconShowcase.tsx +127 -0
  56. package/src/components/sections/IndicatorShowcase.tsx +52 -0
  57. package/src/components/sections/KbdShowcase.tsx +57 -0
  58. package/src/components/sections/ModalShowcase.tsx +211 -0
  59. package/src/components/sections/NavigationShowcase.tsx +199 -0
  60. package/src/components/sections/ProductLayoutsShowcase.tsx +138 -0
  61. package/src/components/sections/ProgressShowcase.tsx +82 -0
  62. package/src/components/sections/SegmentedControlShowcase.tsx +49 -0
  63. package/src/components/sections/SetupThemeShowcase.tsx +262 -0
  64. package/src/components/sections/StackShowcase.tsx +33 -0
  65. package/src/components/sections/StatShowcase.tsx +129 -0
  66. package/src/components/sections/StepperShowcase.tsx +37 -0
  67. package/src/components/sections/SwapShowcase.tsx +99 -0
  68. package/src/components/sections/TabShowcase.tsx +84 -0
  69. package/src/components/sections/TableShowcase.tsx +140 -0
  70. package/src/components/sections/TimelineShowcase.tsx +83 -0
  71. package/src/components/sections/ToastShowcase.tsx +108 -0
  72. package/src/components/sections/TooltipShowcase.tsx +44 -0
  73. package/src/components/sections/UtilityShowcase.tsx +81 -0
  74. package/src/components/ui/Accordion.tsx +77 -0
  75. package/src/components/ui/Alert.tsx +77 -0
  76. package/src/components/ui/AuthLayout.tsx +58 -0
  77. package/src/components/ui/Avatar.tsx +97 -0
  78. package/src/components/ui/Badge.tsx +60 -0
  79. package/src/components/ui/Button.tsx +120 -0
  80. package/src/components/ui/ButtonChrome.tsx +20 -0
  81. package/src/components/ui/Calendar.tsx +115 -0
  82. package/src/components/ui/Card.tsx +70 -0
  83. package/src/components/ui/ChatBubble.tsx +71 -0
  84. package/src/components/ui/CodeBlock.tsx +48 -0
  85. package/src/components/ui/CollapsibleSection.tsx +49 -0
  86. package/src/components/ui/CommandPalette.tsx +137 -0
  87. package/src/components/ui/ComponentDocs.tsx +52 -0
  88. package/src/components/ui/Drawer.tsx +71 -0
  89. package/src/components/ui/DropdownMenu.tsx +262 -0
  90. package/src/components/ui/EmptyState.tsx +33 -0
  91. package/src/components/ui/FilterBar.tsx +165 -0
  92. package/src/components/ui/FilterChips.tsx +80 -0
  93. package/src/components/ui/FilterControls.tsx +30 -0
  94. package/src/components/ui/FormField.tsx +69 -0
  95. package/src/components/ui/HoverCard.tsx +36 -0
  96. package/src/components/ui/Indicator.tsx +61 -0
  97. package/src/components/ui/Input.tsx +385 -0
  98. package/src/components/ui/Kbd.tsx +113 -0
  99. package/src/components/ui/Loader.tsx +96 -0
  100. package/src/components/ui/Modal.tsx +105 -0
  101. package/src/components/ui/Navigation.tsx +94 -0
  102. package/src/components/ui/Panel.tsx +18 -0
  103. package/src/components/ui/Progress.tsx +59 -0
  104. package/src/components/ui/Rating.tsx +65 -0
  105. package/src/components/ui/SearchInput.tsx +106 -0
  106. package/src/components/ui/SegmentedControl.tsx +44 -0
  107. package/src/components/ui/SettingsLayout.tsx +94 -0
  108. package/src/components/ui/ShowcaseWrapper.tsx +124 -0
  109. package/src/components/ui/Stat.tsx +39 -0
  110. package/src/components/ui/Stepper.tsx +74 -0
  111. package/src/components/ui/Table.tsx +55 -0
  112. package/src/components/ui/Tabs.tsx +53 -0
  113. package/src/components/ui/Terminal.tsx +54 -0
  114. package/src/components/ui/ThemeDomSync.tsx +17 -0
  115. package/src/components/ui/ThemeManager.tsx +18 -0
  116. package/src/components/ui/ThemeSwitcher.tsx +46 -0
  117. package/src/components/ui/Timeline.tsx +60 -0
  118. package/src/components/ui/Toast.tsx +70 -0
  119. package/src/components/ui/Typography.tsx +129 -0
  120. package/src/components/ui/first-slice.test.tsx +98 -0
  121. package/src/components/ui/index.ts +151 -0
  122. package/src/components/ui/interaction-primitives.test.tsx +77 -0
  123. package/src/components/ui/kbd-icons.test.tsx +90 -0
  124. package/src/components/ui/product-patterns.test.tsx +77 -0
  125. package/src/styles/themes.css +528 -0
  126. package/tailwind-preset.ts +7 -0
package/dist/ui.mjs ADDED
@@ -0,0 +1,169 @@
1
+ import {
2
+ Accordion,
3
+ Alert,
4
+ AuthCard,
5
+ AuthDivider,
6
+ AuthLayout,
7
+ Avatar,
8
+ AvatarGroup,
9
+ Badge,
10
+ Breadcrumbs,
11
+ Button,
12
+ ButtonChrome,
13
+ Calendar,
14
+ Caption,
15
+ Card,
16
+ ChatBubble,
17
+ Checkbox,
18
+ CodeBlock,
19
+ CollapsibleSection,
20
+ CommandPalette,
21
+ ComponentDocs,
22
+ Display,
23
+ Drawer,
24
+ DropdownButton,
25
+ DropdownItem,
26
+ DropdownMenu,
27
+ DropdownRadioGroup,
28
+ DropdownRadioItem,
29
+ EmptyState,
30
+ FileUpload,
31
+ FilterBar,
32
+ FilterChips,
33
+ FilterControls,
34
+ FilterMenu,
35
+ FormField,
36
+ H1,
37
+ H2,
38
+ H3,
39
+ H4,
40
+ H5,
41
+ HoverCard,
42
+ IconBase,
43
+ IconByName,
44
+ Indicator,
45
+ Input,
46
+ Kbd,
47
+ Label,
48
+ Lead,
49
+ Loader,
50
+ LoadingState,
51
+ Modal,
52
+ Mono,
53
+ Overline,
54
+ P,
55
+ Pagination,
56
+ Panel,
57
+ Progress,
58
+ Radio,
59
+ Range,
60
+ Rating,
61
+ SearchGroup,
62
+ SearchInput,
63
+ SegmentedControl,
64
+ Select,
65
+ SettingsLayout,
66
+ SettingsNav,
67
+ ShowcaseWrapper,
68
+ Skeleton,
69
+ Small,
70
+ SortMenu,
71
+ Stat,
72
+ Stepper,
73
+ Table,
74
+ Tabs,
75
+ Terminal,
76
+ Textarea,
77
+ ThemeDomSync,
78
+ ThemeManager,
79
+ ThemeSwitcher,
80
+ Timeline,
81
+ Toast,
82
+ ToastStack,
83
+ Toggle
84
+ } from "./chunk-FDMD3IIN.mjs";
85
+ import "./chunk-FWCSY2DS.mjs";
86
+ export {
87
+ Accordion,
88
+ Alert,
89
+ AuthCard,
90
+ AuthDivider,
91
+ AuthLayout,
92
+ Avatar,
93
+ AvatarGroup,
94
+ Badge,
95
+ Breadcrumbs,
96
+ Button,
97
+ ButtonChrome,
98
+ Calendar,
99
+ Caption,
100
+ Card,
101
+ ChatBubble,
102
+ Checkbox,
103
+ CodeBlock,
104
+ CollapsibleSection,
105
+ CommandPalette,
106
+ ComponentDocs,
107
+ Display,
108
+ Drawer,
109
+ DropdownButton,
110
+ DropdownItem,
111
+ DropdownMenu,
112
+ DropdownRadioGroup,
113
+ DropdownRadioItem,
114
+ EmptyState,
115
+ FileUpload,
116
+ FilterBar,
117
+ FilterChips,
118
+ FilterControls,
119
+ FilterMenu,
120
+ FormField,
121
+ H1,
122
+ H2,
123
+ H3,
124
+ H4,
125
+ H5,
126
+ HoverCard,
127
+ IconBase as Icon,
128
+ IconByName,
129
+ Indicator,
130
+ Input,
131
+ Kbd,
132
+ Label,
133
+ Lead,
134
+ Loader,
135
+ LoadingState,
136
+ Modal,
137
+ Mono,
138
+ Overline,
139
+ P,
140
+ Pagination,
141
+ Panel,
142
+ Progress,
143
+ Radio,
144
+ Range,
145
+ Rating,
146
+ SearchGroup,
147
+ SearchInput,
148
+ SegmentedControl,
149
+ Select,
150
+ SettingsLayout,
151
+ SettingsNav,
152
+ ShowcaseWrapper,
153
+ Skeleton,
154
+ Small,
155
+ SortMenu,
156
+ Stat,
157
+ Stepper,
158
+ Table,
159
+ Tabs,
160
+ Terminal,
161
+ Textarea,
162
+ ThemeDomSync,
163
+ ThemeManager,
164
+ ThemeSwitcher,
165
+ Timeline,
166
+ Toast,
167
+ ToastStack,
168
+ Toggle
169
+ };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xenide-io/the-old-ui-theme",
3
- "version": "0.2.6",
3
+ "version": "0.3.0",
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,7 +22,8 @@
22
22
  "node": ">=18.0.0"
23
23
  },
24
24
  "sideEffects": [
25
- "*.css"
25
+ "*.css",
26
+ "src/lib/chart/register-chartjs.ts"
26
27
  ],
27
28
  "main": "./dist/index.js",
28
29
  "module": "./dist/index.mjs",
@@ -36,6 +37,12 @@
36
37
  },
37
38
  "./styles.css": "./src/app/globals.css",
38
39
  "./themes.css": "./src/styles/themes.css",
40
+ "./ui": {
41
+ "types": "./dist/ui.d.ts",
42
+ "import": "./dist/ui.mjs",
43
+ "require": "./dist/ui.js",
44
+ "default": "./dist/ui.mjs"
45
+ },
39
46
  "./tailwind-preset": {
40
47
  "types": "./dist/tailwind-preset.d.ts",
41
48
  "import": "./dist/tailwind-preset.mjs",
@@ -46,20 +53,24 @@
46
53
  "files": [
47
54
  "dist",
48
55
  "src/app/globals.css",
56
+ "src/components",
49
57
  "src/styles",
50
58
  "tailwind-preset.ts"
51
59
  ],
52
60
  "scripts": {
53
61
  "dev": "next dev",
54
62
  "build": "next build",
55
- "build:lib": "tsup --entry.index src/index.ts --entry.tailwind-preset tailwind-preset.ts --format cjs,esm --dts --external react,react-dom,next --clean --tsconfig ./tsconfig.lib.json",
63
+ "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",
56
64
  "start": "next start",
57
65
  "lint": "next lint",
58
- "test": "tsc --noEmit",
66
+ "typecheck": "tsc --noEmit",
67
+ "test": "vitest run",
68
+ "test:visual": "playwright test --project=desktop-chromium --workers=1 && playwright test --project=mobile-chromium --workers=1",
69
+ "check": "bun run typecheck && bun run test",
59
70
  "clean": "rm -rf .next out *.tsbuildinfo dist",
60
71
  "icons:check": "node scripts/sync-posthog-icons.mjs",
61
72
  "prepublishOnly": "bun run build:lib",
62
- "release": "bun run test && npm publish"
73
+ "release": "bun run check && npm publish"
63
74
  },
64
75
  "peerDependencies": {
65
76
  "react": "^18.0.0",
@@ -82,6 +93,11 @@
82
93
  }
83
94
  },
84
95
  "devDependencies": {
96
+ "@playwright/test": "1.54.1",
97
+ "@testing-library/dom": "10",
98
+ "@testing-library/jest-dom": "6",
99
+ "@testing-library/react": "16",
100
+ "@testing-library/user-event": "14",
85
101
  "@types/d3-scale": "^4.0.9",
86
102
  "@types/node": "^20.14.10",
87
103
  "@types/react": "^18.3.3",
@@ -89,6 +105,7 @@
89
105
  "autoprefixer": "^10.4.19",
90
106
  "chart.js": "^4.5.1",
91
107
  "d3-scale": "^4.0.2",
108
+ "jsdom": "26",
92
109
  "next": "^16.2.7",
93
110
  "postcss": "^8.4.39",
94
111
  "react": "^18.0.0",
@@ -96,9 +113,14 @@
96
113
  "react-dom": "^18.0.0",
97
114
  "tailwindcss": "^3.4.4",
98
115
  "tsup": "^8.5.1",
99
- "typescript": "^5.5.3"
116
+ "typescript": "^5.5.3",
117
+ "vitest": "3"
100
118
  },
101
119
  "publishConfig": {
102
120
  "access": "public"
121
+ },
122
+ "dependencies": {
123
+ "@radix-ui/react-dialog": "^1.1.20",
124
+ "@radix-ui/react-dropdown-menu": "^2.1.21"
103
125
  }
104
126
  }