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