Skip to content

Commit e654cca

Browse files
committed
update core libs
1 parent 942cf57 commit e654cca

File tree

13 files changed

+2575
-2838
lines changed

13 files changed

+2575
-2838
lines changed

CHANGELOG.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
### [10.0.0](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v10.0.0) (2025-02-08)
2+
- update useElven
3+
- update Next
4+
- update React
5+
- update Tailwind
6+
17
### [9.10.2](https://github.com/xdevguild/nextjs-dapp-template/releases/tag/v9.10.2) (2024-11-11)
28
- add `--experimental-https`
39

app/globals.css

Lines changed: 88 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,91 @@
1-
@tailwind base;
2-
@tailwind components;
3-
@tailwind utilities;
4-
1+
@import 'tailwindcss';
2+
3+
@plugin 'tailwindcss-animate';
4+
5+
@custom-variant dark (&:is(.dark *));
6+
7+
@theme {
8+
--color-border: hsl(var(--border));
9+
--color-input: hsl(var(--input));
10+
--color-ring: hsl(var(--ring));
11+
--color-background: hsl(var(--background));
12+
--color-foreground: hsl(var(--foreground));
13+
14+
--color-primary: hsl(var(--primary));
15+
--color-primary-foreground: hsl(var(--primary-foreground));
16+
17+
--color-secondary: hsl(var(--secondary));
18+
--color-secondary-foreground: hsl(var(--secondary-foreground));
19+
20+
--color-destructive: hsl(var(--destructive));
21+
--color-destructive-foreground: hsl(var(--destructive-foreground));
22+
23+
--color-muted: hsl(var(--muted));
24+
--color-muted-foreground: hsl(var(--muted-foreground));
25+
26+
--color-accent: hsl(var(--accent));
27+
--color-accent-foreground: hsl(var(--accent-foreground));
28+
29+
--color-popover: hsl(var(--popover));
30+
--color-popover-foreground: hsl(var(--popover-foreground));
31+
32+
--color-card: hsl(var(--card));
33+
--color-card-foreground: hsl(var(--card-foreground));
34+
35+
--radius-lg: var(--radius);
36+
--radius-md: calc(var(--radius) - 2px);
37+
--radius-sm: calc(var(--radius) - 4px);
38+
39+
--animate-accordion-down: accordion-down 0.2s ease-out;
40+
--animate-accordion-up: accordion-up 0.2s ease-out;
41+
42+
@keyframes accordion-down {
43+
from {
44+
height: 0;
45+
}
46+
to {
47+
height: var(--radix-accordion-content-height);
48+
}
49+
}
50+
@keyframes accordion-up {
51+
from {
52+
height: var(--radix-accordion-content-height);
53+
}
54+
to {
55+
height: 0;
56+
}
57+
}
58+
}
59+
60+
@utility container {
61+
margin-inline: auto;
62+
padding-inline: 2rem;
63+
@media (width >= --theme(--breakpoint-sm)) {
64+
max-width: none;
65+
}
66+
@media (width >= 1400px) {
67+
max-width: 1400px;
68+
}
69+
}
70+
71+
/*
72+
The default border color has changed to `currentColor` in Tailwind CSS v4,
73+
so we've added these compatibility styles to make sure everything still
74+
looks the same as it did with Tailwind CSS v3.
75+
76+
If we ever want to remove these styles, we need to add an explicit border
77+
color utility to any element that depends on these defaults.
78+
*/
79+
@layer base {
80+
*,
81+
::after,
82+
::before,
83+
::backdrop,
84+
::file-selector-button {
85+
border-color: var(--color-gray-200, currentColor);
86+
}
87+
}
88+
589
@layer base {
690
:root {
791
--background: 0 0% 100%;

components/demo/simple-demo.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -107,7 +107,7 @@ export const SimpleDemo = () => {
107107
<SimpleSignMessageDemo />
108108
</div>
109109
{error && (
110-
<div className="flex flex-col items-center justify-center absolute inset-0 backdrop-blur-sm bg-zinc-200 bg-opacity-60 dark:bg-zinc-950 dark:bg-opacity-60">
110+
<div className="flex flex-col items-center justify-center absolute inset-0 backdrop-blur bg-gray-400/20 dark:bg-gray-500/20">
111111
<div className="text-xl font-bold">Transaction status:</div>
112112
<div className="text-lg">{error}</div>
113113
<Button variant="outline" className="mt-4" onClick={handleClose}>
@@ -116,7 +116,7 @@ export const SimpleDemo = () => {
116116
</div>
117117
)}
118118
{pending && (
119-
<div className="flex flex-col items-center justify-center absolute inset-0 backdrop-blur-sm bg-zinc-200 bg-opacity-60 dark:bg-zinc-950 dark:bg-opacity-60">
119+
<div className="flex flex-col items-center justify-center absolute inset-0 backdrop-blur bg-gray-400/20 dark:bg-gray-500/20">
120120
<div className="text-xl font-bold">
121121
Transaction is pending. Please wait.
122122
</div>
@@ -138,7 +138,7 @@ export const SimpleDemo = () => {
138138
</div>
139139
)}
140140
{result?.type && (
141-
<div className="flex flex-col items-center justify-center absolute inset-0 backdrop-blur-sm bg-zinc-200 bg-opacity-60 dark:bg-zinc-950 dark:bg-opacity-60">
141+
<div className="flex flex-col items-center justify-center absolute inset-0 backdrop-blur bg-gray-400/20 dark:bg-gray-500/20">
142142
{result.type === 'tx' ? (
143143
<>
144144
<div className="text-xl font-bold">Transaction hash:</div>

components/ui/button.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { cva, type VariantProps } from 'class-variance-authority';
55
import { cn } from '@/lib/utils';
66

77
const buttonVariants = cva(
8-
'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50',
8+
'inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-0 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer',
99
{
1010
variants: {
1111
variant: {

components/ui/card.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ const Card = React.forwardRef<
99
<div
1010
ref={ref}
1111
className={cn(
12-
'rounded-lg border bg-card text-card-foreground shadow-sm',
12+
'rounded-lg border bg-card text-card-foreground shadow-xs',
1313
className
1414
)}
1515
{...props}

components/ui/dialog.tsx

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -16,13 +16,13 @@ const DialogPortal = ({ ...props }: DialogPrimitive.DialogPortalProps) => (
1616
DialogPortal.displayName = DialogPrimitive.Portal.displayName;
1717

1818
const DialogOverlay = React.forwardRef<
19-
React.ElementRef<typeof DialogPrimitive.Overlay>,
19+
React.ComponentRef<typeof DialogPrimitive.Overlay>,
2020
React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>
2121
>(({ className, ...props }, ref) => (
2222
<DialogPrimitive.Overlay
2323
ref={ref}
2424
className={cn(
25-
'fixed inset-0 z-50 bg-zinc-950/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
25+
'fixed inset-0 z-50 bg-zinc-950/80 backdrop-blur-xs data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',
2626
className
2727
)}
2828
{...props}
@@ -31,21 +31,21 @@ const DialogOverlay = React.forwardRef<
3131
DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
3232

3333
const DialogContent = React.forwardRef<
34-
React.ElementRef<typeof DialogPrimitive.Content>,
34+
React.ComponentRef<typeof DialogPrimitive.Content>,
3535
React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>
3636
>(({ className, children, ...props }, ref) => (
3737
<DialogPortal>
3838
<DialogOverlay />
3939
<DialogPrimitive.Content
4040
ref={ref}
4141
className={cn(
42-
'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg md:w-full',
42+
'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 sm:rounded-lg md:w-full',
4343
className
4444
)}
4545
{...props}
4646
>
4747
{children}
48-
<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
48+
<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground">
4949
<X className="h-4 w-4" />
5050
<span className="sr-only">Close</span>
5151
</DialogPrimitive.Close>
@@ -83,7 +83,7 @@ const DialogFooter = ({
8383
DialogFooter.displayName = 'DialogFooter';
8484

8585
const DialogTitle = React.forwardRef<
86-
React.ElementRef<typeof DialogPrimitive.Title>,
86+
React.ComponentRef<typeof DialogPrimitive.Title>,
8787
React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>
8888
>(({ className, ...props }, ref) => (
8989
<DialogPrimitive.Title
@@ -98,7 +98,7 @@ const DialogTitle = React.forwardRef<
9898
DialogTitle.displayName = DialogPrimitive.Title.displayName;
9999

100100
const DialogDescription = React.forwardRef<
101-
React.ElementRef<typeof DialogPrimitive.Description>,
101+
React.ComponentRef<typeof DialogPrimitive.Description>,
102102
React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>
103103
>(({ className, ...props }, ref) => (
104104
<DialogPrimitive.Description

components/ui/dropdown-menu.tsx

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -19,15 +19,15 @@ const DropdownMenuSub = DropdownMenuPrimitive.Sub;
1919
const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
2020

2121
const DropdownMenuSubTrigger = React.forwardRef<
22-
React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
22+
React.ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>,
2323
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
2424
inset?: boolean;
2525
}
2626
>(({ className, inset, children, ...props }, ref) => (
2727
<DropdownMenuPrimitive.SubTrigger
2828
ref={ref}
2929
className={cn(
30-
'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',
30+
'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden focus:bg-accent data-[state=open]:bg-accent',
3131
inset && 'pl-8',
3232
className
3333
)}
@@ -41,7 +41,7 @@ DropdownMenuSubTrigger.displayName =
4141
DropdownMenuPrimitive.SubTrigger.displayName;
4242

4343
const DropdownMenuSubContent = React.forwardRef<
44-
React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
44+
React.ComponentRef<typeof DropdownMenuPrimitive.SubContent>,
4545
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
4646
>(({ className, ...props }, ref) => (
4747
<DropdownMenuPrimitive.SubContent
@@ -57,7 +57,7 @@ DropdownMenuSubContent.displayName =
5757
DropdownMenuPrimitive.SubContent.displayName;
5858

5959
const DropdownMenuContent = React.forwardRef<
60-
React.ElementRef<typeof DropdownMenuPrimitive.Content>,
60+
React.ComponentRef<typeof DropdownMenuPrimitive.Content>,
6161
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
6262
>(({ className, sideOffset = 4, ...props }, ref) => (
6363
<DropdownMenuPrimitive.Portal>
@@ -75,15 +75,15 @@ const DropdownMenuContent = React.forwardRef<
7575
DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
7676

7777
const DropdownMenuItem = React.forwardRef<
78-
React.ElementRef<typeof DropdownMenuPrimitive.Item>,
78+
React.ComponentRef<typeof DropdownMenuPrimitive.Item>,
7979
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
8080
inset?: boolean;
8181
}
8282
>(({ className, inset, ...props }, ref) => (
8383
<DropdownMenuPrimitive.Item
8484
ref={ref}
8585
className={cn(
86-
'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
86+
'relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',
8787
inset && 'pl-8',
8888
className
8989
)}
@@ -93,13 +93,13 @@ const DropdownMenuItem = React.forwardRef<
9393
DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
9494

9595
const DropdownMenuCheckboxItem = React.forwardRef<
96-
React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
96+
React.ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>,
9797
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
9898
>(({ className, children, checked, ...props }, ref) => (
9999
<DropdownMenuPrimitive.CheckboxItem
100100
ref={ref}
101101
className={cn(
102-
'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
102+
'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',
103103
className
104104
)}
105105
checked={checked}
@@ -117,13 +117,13 @@ DropdownMenuCheckboxItem.displayName =
117117
DropdownMenuPrimitive.CheckboxItem.displayName;
118118

119119
const DropdownMenuRadioItem = React.forwardRef<
120-
React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
120+
React.ComponentRef<typeof DropdownMenuPrimitive.RadioItem>,
121121
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
122122
>(({ className, children, ...props }, ref) => (
123123
<DropdownMenuPrimitive.RadioItem
124124
ref={ref}
125125
className={cn(
126-
'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',
126+
'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-hidden transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50',
127127
className
128128
)}
129129
{...props}
@@ -139,7 +139,7 @@ const DropdownMenuRadioItem = React.forwardRef<
139139
DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
140140

141141
const DropdownMenuLabel = React.forwardRef<
142-
React.ElementRef<typeof DropdownMenuPrimitive.Label>,
142+
React.ComponentRef<typeof DropdownMenuPrimitive.Label>,
143143
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
144144
inset?: boolean;
145145
}
@@ -157,7 +157,7 @@ const DropdownMenuLabel = React.forwardRef<
157157
DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
158158

159159
const DropdownMenuSeparator = React.forwardRef<
160-
React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
160+
React.ComponentRef<typeof DropdownMenuPrimitive.Separator>,
161161
React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
162162
>(({ className, ...props }, ref) => (
163163
<DropdownMenuPrimitive.Separator

components/ui/tooltip.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ const Tooltip = TooltipPrimitive.Root;
1212
const TooltipTrigger = TooltipPrimitive.Trigger;
1313

1414
const TooltipContent = React.forwardRef<
15-
React.ElementRef<typeof TooltipPrimitive.Content>,
15+
React.ComponentRef<typeof TooltipPrimitive.Content>,
1616
React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
1717
>(({ className, sideOffset = 4, ...props }, ref) => (
1818
<TooltipPrimitive.Content

next-env.d.ts

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,4 @@
22
/// <reference types="next/image-types/global" />
33

44
// NOTE: This file should not be edited
5-
// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
5+
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

0 commit comments

Comments
 (0)