next 15.2.0-canary.15 → 15.2.0-canary.16

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.

Potentially problematic release.


This version of next might be problematic. Click here for more details.

Files changed (59) hide show
  1. package/dist/bin/next +1 -1
  2. package/dist/build/index.js +2 -2
  3. package/dist/build/swc/index.js +1 -1
  4. package/dist/build/webpack-config.js +2 -2
  5. package/dist/client/app-bootstrap.js +1 -1
  6. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js +17 -2
  7. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js.map +1 -1
  8. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.d.ts +2 -1
  9. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js +160 -375
  10. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js.map +1 -1
  11. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.d.ts +11 -0
  12. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js +76 -0
  13. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js.map +1 -0
  14. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js +1 -1
  15. package/dist/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js.map +1 -1
  16. package/dist/client/components/react-dev-overlay/_experimental/internal/styles/base.js +1 -1
  17. package/dist/client/components/react-dev-overlay/_experimental/internal/styles/base.js.map +1 -1
  18. package/dist/client/index.js +1 -1
  19. package/dist/compiled/next-server/app-page-experimental.runtime.dev.js +2 -2
  20. package/dist/compiled/next-server/app-page-experimental.runtime.dev.js.map +1 -1
  21. package/dist/compiled/next-server/app-page.runtime.dev.js +2 -2
  22. package/dist/compiled/next-server/app-page.runtime.dev.js.map +1 -1
  23. package/dist/esm/build/index.js +2 -2
  24. package/dist/esm/build/swc/index.js +1 -1
  25. package/dist/esm/build/webpack-config.js +2 -2
  26. package/dist/esm/client/app-bootstrap.js +1 -1
  27. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js +17 -2
  28. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/dev-tools-indicator.js.map +1 -1
  29. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js +162 -377
  30. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/next-logo.js.map +1 -1
  31. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js +60 -0
  32. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/internal/use-delayed-render.js.map +1 -0
  33. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js +1 -1
  34. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/components/errors/dev-tools-indicator/styles.js.map +1 -1
  35. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/styles/base.js +1 -1
  36. package/dist/esm/client/components/react-dev-overlay/_experimental/internal/styles/base.js.map +1 -1
  37. package/dist/esm/client/index.js +1 -1
  38. package/dist/esm/export/index.js +17 -3
  39. package/dist/esm/export/index.js.map +1 -1
  40. package/dist/esm/server/config.js +1 -1
  41. package/dist/esm/server/dev/hot-reloader-turbopack.js +1 -1
  42. package/dist/esm/server/dev/hot-reloader-webpack.js +1 -1
  43. package/dist/esm/server/dev/next-dev-server.js +4 -0
  44. package/dist/esm/server/dev/next-dev-server.js.map +1 -1
  45. package/dist/esm/server/lib/app-info-log.js +1 -1
  46. package/dist/esm/server/lib/start-server.js +1 -1
  47. package/dist/export/index.js +16 -2
  48. package/dist/export/index.js.map +1 -1
  49. package/dist/server/config.js +1 -1
  50. package/dist/server/dev/hot-reloader-turbopack.js +1 -1
  51. package/dist/server/dev/hot-reloader-webpack.js +1 -1
  52. package/dist/server/dev/next-dev-server.js +4 -0
  53. package/dist/server/dev/next-dev-server.js.map +1 -1
  54. package/dist/server/lib/app-info-log.js +1 -1
  55. package/dist/server/lib/start-server.js +1 -1
  56. package/dist/telemetry/anonymous-meta.js +1 -1
  57. package/dist/telemetry/events/session-stopped.js +2 -2
  58. package/dist/telemetry/events/version.js +2 -2
  59. package/package.json +15 -15
@@ -1,20 +1,24 @@
1
1
  import { _ as _tagged_template_literal_loose } from "@swc/helpers/_/_tagged_template_literal_loose";
2
2
  function _templateObject() {
3
3
  const data = _tagged_template_literal_loose([
4
- "\n .path0 {\n animation: draw0 1.5s ease-in-out infinite;\n }\n\n .path1 {\n animation: draw1 1.5s ease-out infinite;\n animation-delay: 0.3s;\n }\n\n .paused {\n stroke-dashoffset: 0;\n }\n @keyframes draw0 {\n 0%,\n 25% {\n stroke-dashoffset: -29.6;\n }\n 25%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 29.6;\n }\n }\n\n @keyframes draw1 {\n 0%,\n 20% {\n stroke-dashoffset: -11.6;\n }\n 20%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 11.6;\n }\n }\n "
4
+ "\n [data-next-badge] {\n --timing: cubic-bezier(0.5, 0.36, 0.25, 1.1);\n --duration: 300ms;\n --color-outer-border: #171717;\n --color-inner-border: hsla(0, 0%, 100%, 0.14);\n --color-hover-alpha: hsla(0, 0%, 100%, 0.14);\n --color-hover-alpha-2: hsla(0, 0%, 100%, 0.23);\n --padding: 2px;\n --mark-size: calc(var(--size) - var(--padding) * 2);\n\n -webkit-font-smoothing: antialiased;\n width: var(--size);\n height: var(--size);\n display: flex;\n align-items: center;\n position: relative;\n background: rgba(0, 0, 0, 0.8);\n box-shadow:\n 0 0 0 1px var(--color-outer-border),\n inset 0 0 0 1px var(--color-inner-border),\n 0px 16px 32px -8px rgba(0, 0, 0, 0.24);\n backdrop-filter: blur(48px);\n border-radius: 9999px;\n user-select: none;\n cursor: pointer;\n scale: 1;\n overflow: hidden;\n transition:\n scale 150ms var(--timing),\n width 250ms var(--timing),\n box-shadow 250ms var(--timing),\n background 150ms ease;\n\n &:active:not([data-error='true']) {\n scale: 0.95;\n }\n\n &[data-error='true'] {\n background: #ca2a30;\n --color-inner-border: #e5484d;\n\n [data-next-mark] {\n background: var(--color-hover-alpha);\n\n &:hover {\n background: var(--color-hover-alpha-2);\n }\n }\n }\n\n > div {\n display: flex;\n }\n }\n\n [data-issues] {\n display: flex;\n gap: var(--padding);\n align-items: center;\n padding-left: 8px;\n padding-right: calc(var(--padding) * 2);\n height: 32px;\n margin: 0 var(--padding);\n border-radius: 9999px;\n transition: background 150ms ease;\n\n &:has([data-issues-open]:hover) {\n background: var(--color-hover-alpha);\n }\n\n [data-cross] {\n translate: 0 -1px;\n }\n }\n\n [data-issues-open] {\n font-size: 13px;\n color: white;\n width: fit-content;\n height: 100%;\n display: flex;\n gap: 8px;\n align-items: center;\n margin: 0;\n line-height: 36px;\n font-weight: 500;\n z-index: 2;\n white-space: nowrap;\n }\n\n [data-issues-close] {\n width: 24px;\n height: 24px;\n border-radius: 9999px;\n transition: background 150ms ease;\n\n &:hover {\n background: var(--color-hover-alpha);\n }\n }\n\n [data-next-mark] {\n width: var(--mark-size);\n height: var(--mark-size);\n margin-left: var(--padding);\n display: flex;\n align-items: center;\n border-radius: 9999px;\n transition: background var(--duration) var(--timing);\n\n svg {\n flex-shrink: 0;\n }\n }\n\n .path0 {\n animation: draw0 1.5s ease-in-out infinite;\n }\n\n .path1 {\n animation: draw1 1.5s ease-out infinite;\n animation-delay: 0.3s;\n }\n\n .paused {\n stroke-dashoffset: 0;\n }\n\n @keyframes draw0 {\n 0%,\n 25% {\n stroke-dashoffset: -29.6;\n }\n 25%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 29.6;\n }\n }\n\n @keyframes draw1 {\n 0%,\n 20% {\n stroke-dashoffset: -11.6;\n }\n 20%,\n 50% {\n stroke-dashoffset: 0;\n }\n 50%,\n 75% {\n stroke-dashoffset: 0;\n }\n 75%,\n 100% {\n stroke-dashoffset: 11.6;\n }\n }\n "
5
5
  ]);
6
6
  _templateObject = function() {
7
7
  return data;
8
8
  };
9
9
  return data;
10
10
  }
11
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
12
- import { useEffect, useState } from 'react';
11
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
12
+ import { useEffect, useRef, useState } from 'react';
13
13
  import { noop as css } from '../../../../../../internal/helpers/noop-template';
14
+ const SIZE = 36;
14
15
  export const NextLogo = (param)=>{
15
- let { issueCount, onClick, isDevBuilding, isDevRendering, ...props } = param;
16
+ let { issueCount, onClick, isDevBuilding, isDevRendering, onIssuesClick, ...props } = param;
17
+ const hasError = issueCount > 0;
18
+ const [isErrorExpanded, setIsErrorExpanded] = useState(hasError);
16
19
  const [isLoading, setIsLoading] = useState(false);
17
- const [isPressed, setIsPressed] = useState(false);
20
+ const ref = useRef(null);
21
+ const width = useMeasureWidth(ref);
18
22
  // Only shows the loading state after a 200ms delay when building or rendering,
19
23
  // to avoid flashing the loading state for quick updates
20
24
  useEffect(()=>{
@@ -30,396 +34,161 @@ export const NextLogo = (param)=>{
30
34
  isDevBuilding,
31
35
  isDevRendering
32
36
  ]);
33
- return /*#__PURE__*/ _jsxs("button", {
34
- onClick: onClick,
35
- style: {
36
- position: 'relative',
37
- cursor: 'pointer',
38
- userSelect: 'none',
39
- backdropFilter: 'blur(48px)',
40
- boxShadow: '0px 24px 32px -8px #0000001A, 0px 8px 16px -4px #0000001A, 0px 1px 1px 0px #00000026',
41
- borderRadius: '50%',
42
- transition: 'transform 0.1s ease',
43
- transform: isPressed ? 'scale(0.95)' : 'scale(1)'
44
- },
45
- onMouseDown: ()=>setIsPressed(true),
46
- onMouseUp: ()=>setIsPressed(false),
47
- onMouseLeave: ()=>setIsPressed(false),
48
- ...props,
37
+ return /*#__PURE__*/ _jsxs(_Fragment, {
49
38
  children: [
50
39
  /*#__PURE__*/ _jsx("style", {
51
40
  children: css(_templateObject())
52
41
  }),
53
- issueCount > 0 ? /*#__PURE__*/ _jsx("div", {
42
+ /*#__PURE__*/ _jsx("div", {
43
+ "data-next-badge": true,
44
+ "data-error": hasError,
54
45
  style: {
55
- position: 'absolute',
56
- top: '-5px',
57
- right: '-5px',
58
- width: '20px',
59
- height: '20px',
60
- background: 'var(--color-red-300)',
61
- borderRadius: '50%',
62
- display: 'flex',
63
- alignItems: 'center',
64
- justifyContent: 'center',
65
- color: 'var(--color-red-900)',
66
- fontSize: '12px',
67
- fontWeight: 'bold'
46
+ width: hasError && width > SIZE ? width : SIZE,
47
+ '--size': "" + SIZE + "px"
68
48
  },
69
- children: issueCount
70
- }) : null,
71
- /*#__PURE__*/ _jsxs("svg", {
72
- width: "40",
73
- height: "40",
74
- viewBox: "0 0 40 40",
75
- fill: "none",
76
- xmlns: "http://www.w3.org/2000/svg",
77
- style: {
78
- shapeRendering: 'geometricPrecision'
79
- },
80
- children: [
81
- /*#__PURE__*/ _jsx("defs", {
82
- children: /*#__PURE__*/ _jsx("clipPath", {
83
- id: "circleClip",
84
- children: /*#__PURE__*/ _jsx("circle", {
85
- cx: "20",
86
- cy: "20",
87
- r: "20"
49
+ children: /*#__PURE__*/ _jsxs("div", {
50
+ ref: ref,
51
+ children: [
52
+ /*#__PURE__*/ _jsx("button", {
53
+ "data-next-mark": true,
54
+ onClick: onClick,
55
+ ...props,
56
+ children: /*#__PURE__*/ _jsx(NextMark, {
57
+ isLoading: isLoading
88
58
  })
89
- })
90
- }),
91
- /*#__PURE__*/ _jsx("g", {
92
- clipPath: "url(#circleClip)",
93
- children: /*#__PURE__*/ _jsxs("g", {
94
- filter: "url(#filter0_bdddi_1457_6023)",
59
+ }),
60
+ isErrorExpanded && /*#__PURE__*/ _jsxs("div", {
61
+ "data-issues": true,
95
62
  children: [
96
- /*#__PURE__*/ _jsx("circle", {
97
- cx: "20",
98
- cy: "20",
99
- r: "20",
100
- fill: 'black',
101
- fillOpacity: "0.8"
102
- }),
103
- /*#__PURE__*/ _jsxs("g", {
104
- filter: "url(#filter1_i_1457_6023)",
63
+ /*#__PURE__*/ _jsxs("button", {
64
+ "data-issues-open": true,
65
+ "aria-label": "Open issues overlay",
66
+ onClick: onIssuesClick,
105
67
  children: [
106
- /*#__PURE__*/ _jsx("circle", {
107
- cx: "20",
108
- cy: "20",
109
- r: "18.5",
110
- stroke: "url(#paint0_angular_1457_6023)",
111
- strokeOpacity: "0.8"
112
- }),
113
- /*#__PURE__*/ _jsx("circle", {
114
- cx: "20",
115
- cy: "20",
116
- r: "18.5",
117
- stroke: "white",
118
- strokeOpacity: "0.2",
119
- style: {
120
- mixBlendMode: 'multiply'
121
- }
122
- }),
123
- /*#__PURE__*/ _jsx("circle", {
124
- cx: "20",
125
- cy: "20",
126
- r: "18",
127
- fill: issueCount > 0 ? '#CA2A30' : '#2A2A2A'
128
- }),
129
- /*#__PURE__*/ _jsxs("g", {
130
- transform: "translate(13, 12)",
131
- children: [
132
- /*#__PURE__*/ _jsx("path", {
133
- className: isLoading ? 'path0' : 'paused',
134
- d: "M13.3 15.2 L2.34 1 V12.6",
135
- fill: "none",
136
- stroke: "url(#paint0_linear_1357_10853)",
137
- strokeWidth: "1.86",
138
- mask: "url(#mask0)",
139
- strokeDasharray: "29.6",
140
- strokeDashoffset: "29.6"
141
- }),
142
- /*#__PURE__*/ _jsx("path", {
143
- className: isLoading ? 'path1' : 'paused',
144
- d: "M11.825 1.5 V13.1",
145
- strokeWidth: "1.86",
146
- stroke: "url(#paint1_linear_1357_10853)",
147
- strokeDasharray: "11.6",
148
- strokeDashoffset: "11.6"
149
- })
150
- ]
151
- })
68
+ issueCount,
69
+ " ",
70
+ issueCount === 1 ? 'Issue' : 'Issues'
152
71
  ]
72
+ }),
73
+ /*#__PURE__*/ _jsx("button", {
74
+ "data-issues-close": true,
75
+ "aria-label": "Dismiss",
76
+ onClick: ()=>{
77
+ setIsErrorExpanded(false);
78
+ },
79
+ children: /*#__PURE__*/ _jsx(Cross, {})
153
80
  })
154
81
  ]
155
82
  })
83
+ ]
84
+ })
85
+ })
86
+ ]
87
+ });
88
+ };
89
+ function useMeasureWidth(ref) {
90
+ const [width, setWidth] = useState(0);
91
+ useEffect(()=>{
92
+ const el = ref.current;
93
+ if (!el) {
94
+ return;
95
+ }
96
+ const observer = new ResizeObserver(()=>{
97
+ const { width: w } = el.getBoundingClientRect();
98
+ setWidth(w);
99
+ });
100
+ observer.observe(el);
101
+ return ()=>observer.disconnect();
102
+ // eslint-disable-next-line react-hooks/exhaustive-deps
103
+ }, []);
104
+ return width;
105
+ }
106
+ function NextMark(param) {
107
+ let { isLoading } = param;
108
+ return /*#__PURE__*/ _jsxs("svg", {
109
+ width: "40",
110
+ height: "40",
111
+ viewBox: "0 0 40 40",
112
+ fill: "none",
113
+ children: [
114
+ /*#__PURE__*/ _jsxs("g", {
115
+ transform: "translate(8.5, 13)",
116
+ children: [
117
+ /*#__PURE__*/ _jsx("path", {
118
+ className: isLoading ? 'path0' : 'paused',
119
+ d: "M13.3 15.2 L2.34 1 V12.6",
120
+ fill: "none",
121
+ stroke: "url(#paint0_linear_1357_10853)",
122
+ strokeWidth: "1.86",
123
+ mask: "url(#mask0)",
124
+ strokeDasharray: "29.6",
125
+ strokeDashoffset: "29.6"
156
126
  }),
157
- /*#__PURE__*/ _jsxs("defs", {
127
+ /*#__PURE__*/ _jsx("path", {
128
+ className: isLoading ? 'path1' : 'paused',
129
+ d: "M11.825 1.5 V13.1",
130
+ strokeWidth: "1.86",
131
+ stroke: "url(#paint1_linear_1357_10853)",
132
+ strokeDasharray: "11.6",
133
+ strokeDashoffset: "11.6"
134
+ })
135
+ ]
136
+ }),
137
+ /*#__PURE__*/ _jsxs("defs", {
138
+ children: [
139
+ /*#__PURE__*/ _jsxs("linearGradient", {
140
+ id: "paint0_linear_1357_10853",
141
+ x1: "9.95555",
142
+ y1: "11.1226",
143
+ x2: "15.4778",
144
+ y2: "17.9671",
145
+ gradientUnits: "userSpaceOnUse",
158
146
  children: [
159
- /*#__PURE__*/ _jsxs("linearGradient", {
160
- id: "paint0_linear_1357_10853",
161
- x1: "9.95555",
162
- y1: "11.1226",
163
- x2: "15.4778",
164
- y2: "17.9671",
165
- gradientUnits: "userSpaceOnUse",
166
- children: [
167
- /*#__PURE__*/ _jsx("stop", {
168
- stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
169
- }),
170
- /*#__PURE__*/ _jsx("stop", {
171
- offset: "0.604072",
172
- stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
173
- stopOpacity: "0"
174
- }),
175
- /*#__PURE__*/ _jsx("stop", {
176
- offset: "1",
177
- stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
178
- stopOpacity: "0"
179
- })
180
- ]
181
- }),
182
- /*#__PURE__*/ _jsxs("linearGradient", {
183
- id: "paint1_linear_1357_10853",
184
- x1: "11.8222",
185
- y1: "1.40039",
186
- x2: "11.791",
187
- y2: "9.62542",
188
- gradientUnits: "userSpaceOnUse",
189
- children: [
190
- /*#__PURE__*/ _jsx("stop", {
191
- stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
192
- }),
193
- /*#__PURE__*/ _jsx("stop", {
194
- offset: "1",
195
- stopColor: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white',
196
- stopOpacity: "0"
197
- })
198
- ]
147
+ /*#__PURE__*/ _jsx("stop", {
148
+ stopColor: "white"
199
149
  }),
200
- /*#__PURE__*/ _jsxs("mask", {
201
- id: "mask0",
202
- children: [
203
- /*#__PURE__*/ _jsx("rect", {
204
- width: "100%",
205
- height: "100%",
206
- fill: isDevBuilding ? 'rgba(255,255,255,0.7)' : 'white'
207
- }),
208
- /*#__PURE__*/ _jsx("rect", {
209
- width: "5",
210
- height: "1.5",
211
- fill: "black"
212
- })
213
- ]
150
+ /*#__PURE__*/ _jsx("stop", {
151
+ offset: "0.604072",
152
+ stopColor: "white",
153
+ stopOpacity: "0"
214
154
  }),
215
- /*#__PURE__*/ _jsxs("filter", {
216
- id: "filter0_bdddi_1457_6023",
217
- x: "0",
218
- y: "0",
219
- width: "40",
220
- height: "40",
221
- filterUnits: "userSpaceOnUse",
222
- colorInterpolationFilters: "sRGB",
223
- children: [
224
- /*#__PURE__*/ _jsx("feFlood", {
225
- floodOpacity: "0",
226
- result: "BackgroundImageFix"
227
- }),
228
- /*#__PURE__*/ _jsx("feGaussianBlur", {
229
- in: "BackgroundImageFix",
230
- stdDeviation: "24"
231
- }),
232
- /*#__PURE__*/ _jsx("feComposite", {
233
- in2: "SourceAlpha",
234
- operator: "in",
235
- result: "effect1_backgroundBlur_1457_6023"
236
- }),
237
- /*#__PURE__*/ _jsx("feColorMatrix", {
238
- in: "SourceAlpha",
239
- type: "matrix",
240
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
241
- result: "hardAlpha"
242
- }),
243
- /*#__PURE__*/ _jsx("feMorphology", {
244
- radius: "8",
245
- operator: "erode",
246
- in: "SourceAlpha",
247
- result: "effect2_dropShadow_1457_6023"
248
- }),
249
- /*#__PURE__*/ _jsx("feOffset", {
250
- dy: "24"
251
- }),
252
- /*#__PURE__*/ _jsx("feGaussianBlur", {
253
- stdDeviation: "16"
254
- }),
255
- /*#__PURE__*/ _jsx("feComposite", {
256
- in2: "hardAlpha",
257
- operator: "out"
258
- }),
259
- /*#__PURE__*/ _jsx("feColorMatrix", {
260
- type: "matrix",
261
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
262
- }),
263
- /*#__PURE__*/ _jsx("feBlend", {
264
- mode: "normal",
265
- in2: "effect1_backgroundBlur_1457_6023",
266
- result: "effect2_dropShadow_1457_6023"
267
- }),
268
- /*#__PURE__*/ _jsx("feColorMatrix", {
269
- in: "SourceAlpha",
270
- type: "matrix",
271
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
272
- result: "hardAlpha"
273
- }),
274
- /*#__PURE__*/ _jsx("feMorphology", {
275
- radius: "4",
276
- operator: "erode",
277
- in: "SourceAlpha",
278
- result: "effect3_dropShadow_1457_6023"
279
- }),
280
- /*#__PURE__*/ _jsx("feOffset", {
281
- dy: "8"
282
- }),
283
- /*#__PURE__*/ _jsx("feGaussianBlur", {
284
- stdDeviation: "8"
285
- }),
286
- /*#__PURE__*/ _jsx("feColorMatrix", {
287
- type: "matrix",
288
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"
289
- }),
290
- /*#__PURE__*/ _jsx("feBlend", {
291
- mode: "normal",
292
- in2: "effect2_dropShadow_1457_6023",
293
- result: "effect3_dropShadow_1457_6023"
294
- }),
295
- /*#__PURE__*/ _jsx("feColorMatrix", {
296
- in: "SourceAlpha",
297
- type: "matrix",
298
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
299
- result: "hardAlpha"
300
- }),
301
- /*#__PURE__*/ _jsx("feOffset", {
302
- dy: "1"
303
- }),
304
- /*#__PURE__*/ _jsx("feGaussianBlur", {
305
- stdDeviation: "0.5"
306
- }),
307
- /*#__PURE__*/ _jsx("feColorMatrix", {
308
- type: "matrix",
309
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0"
310
- }),
311
- /*#__PURE__*/ _jsx("feBlend", {
312
- mode: "normal",
313
- in: "SourceGraphic",
314
- in2: "effect3_dropShadow_1457_6023",
315
- result: "effect4_dropShadow_1457_6023"
316
- }),
317
- /*#__PURE__*/ _jsx("feBlend", {
318
- mode: "normal",
319
- in: "SourceGraphic",
320
- in2: "effect4_dropShadow_1457_6023",
321
- result: "shape"
322
- }),
323
- /*#__PURE__*/ _jsx("feColorMatrix", {
324
- in: "SourceAlpha",
325
- type: "matrix",
326
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
327
- result: "hardAlpha"
328
- }),
329
- /*#__PURE__*/ _jsx("feOffset", {
330
- dx: "4",
331
- dy: "4"
332
- }),
333
- /*#__PURE__*/ _jsx("feGaussianBlur", {
334
- stdDeviation: "2"
335
- }),
336
- /*#__PURE__*/ _jsx("feComposite", {
337
- in2: "hardAlpha",
338
- operator: "arithmetic",
339
- k2: "-1",
340
- k3: "1"
341
- }),
342
- /*#__PURE__*/ _jsx("feColorMatrix", {
343
- type: "matrix",
344
- values: "0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.2 0"
345
- }),
346
- /*#__PURE__*/ _jsx("feBlend", {
347
- mode: "lighten",
348
- in2: "shape",
349
- result: "effect5_innerShadow_1457_6023"
350
- })
351
- ]
155
+ /*#__PURE__*/ _jsx("stop", {
156
+ offset: "1",
157
+ stopColor: "white",
158
+ stopOpacity: "0"
159
+ })
160
+ ]
161
+ }),
162
+ /*#__PURE__*/ _jsxs("linearGradient", {
163
+ id: "paint1_linear_1357_10853",
164
+ x1: "11.8222",
165
+ y1: "1.40039",
166
+ x2: "11.791",
167
+ y2: "9.62542",
168
+ gradientUnits: "userSpaceOnUse",
169
+ children: [
170
+ /*#__PURE__*/ _jsx("stop", {
171
+ stopColor: "white"
352
172
  }),
353
- /*#__PURE__*/ _jsxs("filter", {
354
- id: "filter1_i_1457_6023",
355
- x: "1",
356
- y: "1",
357
- width: "39",
358
- height: "42",
359
- filterUnits: "userSpaceOnUse",
360
- colorInterpolationFilters: "sRGB",
361
- children: [
362
- /*#__PURE__*/ _jsx("feFlood", {
363
- floodOpacity: "0",
364
- result: "BackgroundImageFix"
365
- }),
366
- /*#__PURE__*/ _jsx("feBlend", {
367
- mode: "normal",
368
- in: "SourceGraphic",
369
- in2: "BackgroundImageFix",
370
- result: "shape"
371
- }),
372
- /*#__PURE__*/ _jsx("feColorMatrix", {
373
- in: "SourceAlpha",
374
- type: "matrix",
375
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
376
- result: "hardAlpha"
377
- }),
378
- /*#__PURE__*/ _jsx("feOffset", {
379
- dy: "4"
380
- }),
381
- /*#__PURE__*/ _jsx("feGaussianBlur", {
382
- stdDeviation: "2"
383
- }),
384
- /*#__PURE__*/ _jsx("feComposite", {
385
- in2: "hardAlpha",
386
- operator: "arithmetic",
387
- k2: "-1",
388
- k3: "1"
389
- }),
390
- /*#__PURE__*/ _jsx("feColorMatrix", {
391
- type: "matrix",
392
- values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
393
- }),
394
- /*#__PURE__*/ _jsx("feBlend", {
395
- mode: "normal",
396
- in2: "shape",
397
- result: "effect1_innerShadow_1457_6023"
398
- })
399
- ]
173
+ /*#__PURE__*/ _jsx("stop", {
174
+ offset: "1",
175
+ stopColor: "white",
176
+ stopOpacity: "0"
177
+ })
178
+ ]
179
+ }),
180
+ /*#__PURE__*/ _jsxs("mask", {
181
+ id: "mask0",
182
+ children: [
183
+ /*#__PURE__*/ _jsx("rect", {
184
+ width: "100%",
185
+ height: "100%",
186
+ fill: "white"
400
187
  }),
401
- /*#__PURE__*/ _jsxs("radialGradient", {
402
- id: "paint0_angular_1457_6023",
403
- cx: "0",
404
- cy: "0",
405
- r: "1",
406
- gradientUnits: "userSpaceOnUse",
407
- gradientTransform: "translate(20 20) rotate(-90) scale(12.75)",
408
- children: [
409
- /*#__PURE__*/ _jsx("stop", {
410
- stopColor: "white"
411
- }),
412
- /*#__PURE__*/ _jsx("stop", {
413
- offset: "0.0914784",
414
- stopColor: "white",
415
- stopOpacity: "0.463159"
416
- }),
417
- /*#__PURE__*/ _jsx("stop", {
418
- offset: "0.405428",
419
- stopColor: "white",
420
- stopOpacity: "0.4"
421
- })
422
- ]
188
+ /*#__PURE__*/ _jsx("rect", {
189
+ width: "5",
190
+ height: "1.5",
191
+ fill: "black"
423
192
  })
424
193
  ]
425
194
  })
@@ -427,6 +196,22 @@ export const NextLogo = (param)=>{
427
196
  })
428
197
  ]
429
198
  });
430
- };
199
+ }
200
+ function Cross() {
201
+ return /*#__PURE__*/ _jsx("svg", {
202
+ "data-cross": true,
203
+ width: "14",
204
+ height: "14",
205
+ viewBox: "0 0 14 14",
206
+ fill: "none",
207
+ xmlns: "http://www.w3.org/2000/svg",
208
+ children: /*#__PURE__*/ _jsx("path", {
209
+ "fill-rule": "evenodd",
210
+ "clip-rule": "evenodd",
211
+ d: "M3.08889 11.8384L2.62486 12.3024L1.69678 11.3744L2.16082 10.9103L6.07178 6.99937L2.16082 3.08841L1.69678 2.62437L2.62486 1.69629L3.08889 2.16033L6.99986 6.07129L10.9108 2.16033L11.3749 1.69629L12.3029 2.62437L11.8389 3.08841L7.92793 6.99937L11.8389 10.9103L12.3029 11.3744L11.3749 12.3024L10.9108 11.8384L6.99986 7.92744L3.08889 11.8384Z",
212
+ fill: "#EAEAEA"
213
+ })
214
+ });
215
+ }
431
216
 
432
217
  //# sourceMappingURL=next-logo.js.map