@nexub/react 2.2.0 → 2.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.
@@ -83,7 +83,9 @@ var Pagination = React.forwardRef(
83
83
  "aria-current": p === page ? "page" : void 0,
84
84
  className: cn(
85
85
  pressable,
86
- "inline-flex h-11 min-w-11 px-2 items-center justify-center text-label-lg",
86
+ // tabular-nums on the button itself: Tailwind 4's preflight lets buttons
87
+ // inherit it from the nav, Tailwind 3's (UA font reset) does not.
88
+ "inline-flex h-11 min-w-11 px-2 items-center justify-center text-label-lg tabular-nums",
87
89
  p === page ? "bg-[var(--color-primary)] text-[var(--color-on-primary)]" : "bg-transparent text-[var(--color-on-surface)]"
88
90
  ),
89
91
  children: p
@@ -101,7 +101,7 @@ var Footer = React.forwardRef(
101
101
  {
102
102
  ref,
103
103
  className: cn(
104
- "mt-auto border-t border-[var(--color-outline-variant)] p-4",
104
+ "sticky bottom-0 mt-auto shrink-0 border-t border-[var(--color-outline-variant)] bg-[var(--color-surface-container-low)] p-4",
105
105
  className
106
106
  ),
107
107
  ...props
@@ -1,10 +1,10 @@
1
1
  'use client';
2
2
  import {
3
3
  FormField
4
- } from "../../chunk-G4RLUGE3.js";
5
- import "../../chunk-ZLW7IBXK.js";
4
+ } from "../../chunk-LYOU2D5N.js";
6
5
  import "../../chunk-PGD246WD.js";
7
6
  import "../../chunk-QVTVDL6Y.js";
7
+ import "../../chunk-ZLW7IBXK.js";
8
8
  import "../../chunk-22BGPRJZ.js";
9
9
  import "../../chunk-5W3AOOYS.js";
10
10
  import "../../chunk-DEIBF3P7.js";
@@ -5,8 +5,8 @@ import {
5
5
  import "../../chunk-JLUCMNVS.js";
6
6
  import "../../chunk-NHUQLIHL.js";
7
7
  import "../../chunk-F7ZA2VA2.js";
8
- import "../../chunk-5W3AOOYS.js";
9
8
  import "../../chunk-R3SUPKKI.js";
9
+ import "../../chunk-5W3AOOYS.js";
10
10
  import "../../chunk-VMSWIC3O.js";
11
11
  import "../../chunk-Q7G5WGYV.js";
12
12
  export {
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  Pagination
4
- } from "../../chunk-AKV4GMIY.js";
4
+ } from "../../chunk-2NJQBJWH.js";
5
5
  import "../../chunk-5W3AOOYS.js";
6
6
  import "../../chunk-VMSWIC3O.js";
7
7
  import "../../chunk-Q7G5WGYV.js";
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
  import {
3
3
  Sidebar
4
- } from "../../chunk-MX6NYEOW.js";
4
+ } from "../../chunk-5HEMUXSR.js";
5
5
  import "../../chunk-VMSWIC3O.js";
6
6
  import "../../chunk-Q7G5WGYV.js";
7
7
  export {
package/dist/index.js CHANGED
@@ -1,17 +1,19 @@
1
1
  'use client';
2
- import "./chunk-XYXMPHND.js";
3
2
  import {
4
3
  Root
5
4
  } from "./chunk-ZXLACKEB.js";
6
5
  import {
7
- Textarea,
8
- textareaVariants
9
- } from "./chunk-BSKEBC2Q.js";
6
+ Banner,
7
+ bannerVariants
8
+ } from "./chunk-EA4JBLWK.js";
10
9
  import {
11
10
  ThemeProvider,
12
11
  ThemeScript,
13
12
  useTheme
14
13
  } from "./chunk-3XX45SUC.js";
14
+ import {
15
+ ThinkingIndicator
16
+ } from "./chunk-D7HMUIA5.js";
15
17
  import {
16
18
  Toast,
17
19
  Toaster,
@@ -19,12 +21,6 @@ import {
19
21
  useToastStore
20
22
  } from "./chunk-I6ELDWZE.js";
21
23
  import "./chunk-YJU4ZRQZ.js";
22
- import {
23
- ThinkingIndicator
24
- } from "./chunk-D7HMUIA5.js";
25
- import {
26
- Toolbar
27
- } from "./chunk-2ZBJOUJ7.js";
28
24
  import {
29
25
  ToggleGroup
30
26
  } from "./chunk-DYWJ7BIK.js";
@@ -32,13 +28,13 @@ import {
32
28
  Toggle,
33
29
  toggleVariants
34
30
  } from "./chunk-3TMIZQPR.js";
31
+ import {
32
+ Toolbar
33
+ } from "./chunk-2ZBJOUJ7.js";
34
+ import "./chunk-XYXMPHND.js";
35
35
  import {
36
36
  TopNav
37
37
  } from "./chunk-ZVQYAIOA.js";
38
- import {
39
- StatusPill,
40
- statusPillVariants
41
- } from "./chunk-77LYWSJW.js";
42
38
  import {
43
39
  StreamingText
44
40
  } from "./chunk-5QEARXY3.js";
@@ -61,15 +57,16 @@ import {
61
57
  TextGradient
62
58
  } from "./chunk-HH7EHNOW.js";
63
59
  import {
64
- Select
65
- } from "./chunk-R6VLSYXK.js";
60
+ Textarea,
61
+ textareaVariants
62
+ } from "./chunk-BSKEBC2Q.js";
66
63
  import {
67
64
  Separator,
68
65
  separatorVariants
69
66
  } from "./chunk-CUOASXI7.js";
70
67
  import {
71
68
  Sidebar
72
- } from "./chunk-MX6NYEOW.js";
69
+ } from "./chunk-5HEMUXSR.js";
73
70
  import {
74
71
  Skeleton,
75
72
  skeletonVariants
@@ -87,13 +84,14 @@ import {
87
84
  import {
88
85
  Stack
89
86
  } from "./chunk-I6CAF7C5.js";
87
+ import {
88
+ StatusPill,
89
+ statusPillVariants
90
+ } from "./chunk-77LYWSJW.js";
90
91
  import {
91
92
  RadioCard,
92
93
  RadioCardGroup
93
94
  } from "./chunk-XTATJMY6.js";
94
- import {
95
- PromptInput
96
- } from "./chunk-VMMZHSZL.js";
97
95
  import {
98
96
  RadioGroup
99
97
  } from "./chunk-Z3HF6XJ3.js";
@@ -116,19 +114,18 @@ import {
116
114
  } from "./chunk-3E7X3YK3.js";
117
115
  import "./chunk-6UKNUI46.js";
118
116
  import {
119
- useMergedRefs
120
- } from "./chunk-MNEXMMLM.js";
117
+ Select
118
+ } from "./chunk-R6VLSYXK.js";
121
119
  import {
122
120
  NumberInput
123
121
  } from "./chunk-7JXJOYM6.js";
124
- import "./chunk-A3O23F2B.js";
125
122
  import "./chunk-WLRRMT6W.js";
126
123
  import {
127
124
  PageHeader
128
125
  } from "./chunk-UCNA2ICU.js";
129
126
  import {
130
127
  Pagination
131
- } from "./chunk-AKV4GMIY.js";
128
+ } from "./chunk-2NJQBJWH.js";
132
129
  import {
133
130
  PasswordInput
134
131
  } from "./chunk-TSBBWYDO.js";
@@ -141,9 +138,11 @@ import {
141
138
  progressTrackVariants
142
139
  } from "./chunk-PBPUSRTJ.js";
143
140
  import {
144
- Logo,
145
- logoVariants
146
- } from "./chunk-6ECOCGZG.js";
141
+ PromptInput
142
+ } from "./chunk-VMMZHSZL.js";
143
+ import {
144
+ useMergedRefs
145
+ } from "./chunk-MNEXMMLM.js";
147
146
  import {
148
147
  MediaCard
149
148
  } from "./chunk-3QD76BKT.js";
@@ -184,7 +183,7 @@ import {
184
183
  import {
185
184
  NavigationRail
186
185
  } from "./chunk-Q4CEJZY6.js";
187
- import "./chunk-PICMOOAZ.js";
186
+ import "./chunk-A3O23F2B.js";
188
187
  import "./chunk-ZT3NWE5U.js";
189
188
  import "./chunk-CAOLGXA5.js";
190
189
  import {
@@ -211,22 +210,17 @@ import {
211
210
  linkVariants
212
211
  } from "./chunk-6BGUZQAX.js";
213
212
  import {
214
- FilterChip
215
- } from "./chunk-NN7SNECM.js";
213
+ Logo,
214
+ logoVariants
215
+ } from "./chunk-6ECOCGZG.js";
216
216
  import "./chunk-BV3U3ATL.js";
217
217
  import {
218
218
  Flex
219
219
  } from "./chunk-7MSIOYJZ.js";
220
220
  import "./chunk-ADO2DB6Q.js";
221
- import {
222
- GradientDivider
223
- } from "./chunk-ZC4MZAEX.js";
224
221
  import {
225
222
  FormField
226
- } from "./chunk-G4RLUGE3.js";
227
- import {
228
- HelperText
229
- } from "./chunk-ZLW7IBXK.js";
223
+ } from "./chunk-LYOU2D5N.js";
230
224
  import {
231
225
  Label,
232
226
  labelVariants
@@ -234,6 +228,9 @@ import {
234
228
  import {
235
229
  FormError
236
230
  } from "./chunk-QVTVDL6Y.js";
231
+ import {
232
+ GradientDivider
233
+ } from "./chunk-ZC4MZAEX.js";
237
234
  import {
238
235
  Grid
239
236
  } from "./chunk-6JBQAJJD.js";
@@ -242,9 +239,10 @@ import {
242
239
  Heading,
243
240
  headingVariants
244
241
  } from "./chunk-SKIJVVBU.js";
242
+ import "./chunk-PICMOOAZ.js";
245
243
  import {
246
- DateRangePicker
247
- } from "./chunk-KFU2ENV6.js";
244
+ HelperText
245
+ } from "./chunk-ZLW7IBXK.js";
248
246
  import {
249
247
  Dialog
250
248
  } from "./chunk-ZGZQZG6S.js";
@@ -262,15 +260,15 @@ import {
262
260
  import {
263
261
  ErrorState
264
262
  } from "./chunk-SZNSQR2B.js";
265
- import {
266
- FileUpload
267
- } from "./chunk-D6HHYT2S.js";
268
263
  import {
269
264
  EyebrowChip
270
265
  } from "./chunk-322WR6EU.js";
271
266
  import {
272
- Collapsible
273
- } from "./chunk-3LP2CR7F.js";
267
+ FileUpload
268
+ } from "./chunk-D6HHYT2S.js";
269
+ import {
270
+ FilterChip
271
+ } from "./chunk-NN7SNECM.js";
274
272
  import "./chunk-HY3JWSG4.js";
275
273
  import {
276
274
  CommandPalette
@@ -296,13 +294,12 @@ import {
296
294
  Table
297
295
  } from "./chunk-BU5QD2FS.js";
298
296
  import "./chunk-52ZVJPF7.js";
297
+ import {
298
+ DateRangePicker
299
+ } from "./chunk-KFU2ENV6.js";
299
300
  import {
300
301
  DatePicker
301
302
  } from "./chunk-5QZVFW4H.js";
302
- import {
303
- Callout,
304
- calloutVariants
305
- } from "./chunk-2DYKENBM.js";
306
303
  import {
307
304
  Card,
308
305
  CardLink,
@@ -336,6 +333,9 @@ import {
336
333
  import {
337
334
  Code
338
335
  } from "./chunk-DDRYT3SY.js";
336
+ import {
337
+ Collapsible
338
+ } from "./chunk-3LP2CR7F.js";
339
339
  import "./chunk-IZ6ZPEZ2.js";
340
340
  import {
341
341
  AvatarGroup,
@@ -349,10 +349,6 @@ import {
349
349
  Badge,
350
350
  badgeVariants
351
351
  } from "./chunk-4P2JJ2FH.js";
352
- import {
353
- Banner,
354
- bannerVariants
355
- } from "./chunk-EA4JBLWK.js";
356
352
  import {
357
353
  Box
358
354
  } from "./chunk-M7YB3MSW.js";
@@ -364,6 +360,10 @@ import "./chunk-LVPU7455.js";
364
360
  import {
365
361
  ButtonGroup
366
362
  } from "./chunk-WHTLXQB6.js";
363
+ import {
364
+ Callout,
365
+ calloutVariants
366
+ } from "./chunk-2DYKENBM.js";
367
367
  import {
368
368
  Accordion
369
369
  } from "./chunk-T7RLPFGX.js";
@@ -371,6 +371,13 @@ import {
371
371
  Alert,
372
372
  alertVariants
373
373
  } from "./chunk-TXIJMUD5.js";
374
+ import {
375
+ Amount
376
+ } from "./chunk-ZYR3R36N.js";
377
+ import {
378
+ NumberTicker
379
+ } from "./chunk-2BAXCPQF.js";
380
+ import "./chunk-R3SUPKKI.js";
374
381
  import {
375
382
  AlertDialog
376
383
  } from "./chunk-TSN6HYVY.js";
@@ -381,13 +388,6 @@ import {
381
388
  } from "./chunk-22BGPRJZ.js";
382
389
  import "./chunk-5W3AOOYS.js";
383
390
  import "./chunk-DEIBF3P7.js";
384
- import {
385
- Amount
386
- } from "./chunk-ZYR3R36N.js";
387
- import {
388
- NumberTicker
389
- } from "./chunk-2BAXCPQF.js";
390
- import "./chunk-R3SUPKKI.js";
391
391
  import {
392
392
  AppShell
393
393
  } from "./chunk-56FERRWW.js";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nexub/react",
3
- "version": "2.2.0",
3
+ "version": "2.3.1",
4
4
  "description": "React component library for Nexub Design System — 90+ accessible, themeable UI components built on Radix UI primitives.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -68,39 +68,39 @@
68
68
  "date-fns": "^4.4.0",
69
69
  "react-day-picker": "^9.14.0",
70
70
  "tailwind-merge": "^2.6.1",
71
- "@nexub/core": "2.2.0",
72
- "@nexub/icons": "2.2.0"
71
+ "@nexub/core": "2.3.1",
72
+ "@nexub/icons": "2.3.1"
73
73
  },
74
74
  "peerDependencies": {
75
75
  "react": ">=18 <20",
76
76
  "react-dom": ">=18 <20",
77
- "@nexub/tokens": "^2.2.0"
77
+ "@nexub/tokens": "^2.3.1"
78
78
  },
79
79
  "devDependencies": {
80
80
  "@playwright/test": "1.64.0",
81
81
  "@storybook/react": "10.6.3",
82
82
  "@storybook/react-vite": "10.6.3",
83
+ "@tailwindcss/vite": "^4.3.3",
83
84
  "@testing-library/jest-dom": "^6.9.1",
84
85
  "@testing-library/react": "^16.3.3",
85
86
  "@testing-library/user-event": "^14.6.8",
86
87
  "@types/node": "^26.6.5",
87
88
  "@types/react": "^19.3.0",
88
89
  "@types/react-dom": "^19.3.0",
89
- "autoprefixer": "^10.6.1",
90
90
  "axe-core": "^4.14.0",
91
91
  "jsdom": "^30.1.3",
92
92
  "postcss": "^8.5.31",
93
93
  "react": "^19.3.1",
94
94
  "react-dom": "^19.3.1",
95
95
  "storybook": "10.6.3",
96
- "tailwindcss": "^3.4.19",
96
+ "tailwindcss": "^4.3.3",
97
97
  "tsup": "^8.5.1",
98
98
  "typescript": "^5.9.3",
99
99
  "vaul": "1.1.2",
100
100
  "vite": "^7.3.7",
101
101
  "vitest": "^5.0.5",
102
- "@nexub/themes": "2.2.0",
103
- "@nexub/tokens": "2.2.0"
102
+ "@nexub/themes": "2.3.1",
103
+ "@nexub/tokens": "2.3.1"
104
104
  },
105
105
  "scripts": {
106
106
  "build": "tsup && node scripts/check-dts.mjs",
@@ -1,13 +1,13 @@
1
1
  'use client';
2
- import {
3
- HelperText
4
- } from "./chunk-ZLW7IBXK.js";
5
2
  import {
6
3
  Label
7
4
  } from "./chunk-PGD246WD.js";
8
5
  import {
9
6
  FormError
10
7
  } from "./chunk-QVTVDL6Y.js";
8
+ import {
9
+ HelperText
10
+ } from "./chunk-ZLW7IBXK.js";
11
11
  import {
12
12
  cn
13
13
  } from "./chunk-Q7G5WGYV.js";