@windrun-huaiin/third-ui 6.2.1 → 6.2.2
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.
- package/dist/fuma/mdx/index.d.mts +2 -13
- package/dist/fuma/mdx/index.d.ts +2 -13
- package/dist/fuma/mdx/index.js +3 -5
- package/dist/fuma/mdx/index.js.map +1 -1
- package/dist/fuma/mdx/index.mjs +3 -5
- package/dist/fuma/mdx/index.mjs.map +1 -1
- package/dist/fuma/server.d.mts +1 -1
- package/dist/fuma/server.d.ts +1 -1
- package/dist/fuma/server.js +3198 -29
- package/dist/fuma/server.js.map +1 -1
- package/dist/fuma/server.mjs +3198 -25
- package/dist/fuma/server.mjs.map +1 -1
- package/dist/main/server.js +3333 -371
- package/dist/main/server.js.map +1 -1
- package/dist/main/server.mjs +3344 -382
- package/dist/main/server.mjs.map +1 -1
- package/dist/toc-base-BC7kXpDU.d.mts +15 -0
- package/dist/toc-base-BC7kXpDU.d.ts +15 -0
- package/package.json +1 -1
package/dist/main/server.mjs
CHANGED
|
@@ -66,74 +66,10 @@ function cn(...inputs) {
|
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
// src/main/gallery.tsx
|
|
69
|
-
import
|
|
70
|
-
import { GalleryInteractive } from "@third-ui/main";
|
|
71
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
72
|
-
function Gallery(_0) {
|
|
73
|
-
return __async(this, arguments, function* ({ locale, sectionClassName, button }) {
|
|
74
|
-
const t = yield getTranslations({ locale, namespace: "gallery" });
|
|
75
|
-
const galleryItems = t.raw("prompts");
|
|
76
|
-
const data = {
|
|
77
|
-
titleL: t("titleL"),
|
|
78
|
-
eyesOn: t("eyesOn"),
|
|
79
|
-
titleR: t("titleR"),
|
|
80
|
-
description: t("description"),
|
|
81
|
-
items: galleryItems.map((item, index) => ({
|
|
82
|
-
id: `gallery-item-${index}`,
|
|
83
|
-
url: item.url,
|
|
84
|
-
altMsg: item.altMsg
|
|
85
|
-
})),
|
|
86
|
-
defaultImgUrl: t.raw("defaultImgUrl"),
|
|
87
|
-
downloadPrefix: t("downloadPrefix")
|
|
88
|
-
};
|
|
89
|
-
return /* @__PURE__ */ jsxs("section", { id: "gallery", className: cn("container mx-auto px-4 py-20 scroll-mt-20", sectionClassName), children: [
|
|
90
|
-
/* @__PURE__ */ jsxs("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [
|
|
91
|
-
data.titleL,
|
|
92
|
-
" ",
|
|
93
|
-
/* @__PURE__ */ jsx("span", { className: "text-purple-500", children: data.eyesOn }),
|
|
94
|
-
" ",
|
|
95
|
-
data.titleR
|
|
96
|
-
] }),
|
|
97
|
-
/* @__PURE__ */ jsx("p", { className: "text-center max-w-2xl mx-auto mb-16", children: data.description }),
|
|
98
|
-
/* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => /* @__PURE__ */ jsxs(
|
|
99
|
-
"div",
|
|
100
|
-
{
|
|
101
|
-
className: "group relative overflow-hidden rounded-xl",
|
|
102
|
-
"data-gallery-item": item.id,
|
|
103
|
-
"data-gallery-index": index,
|
|
104
|
-
children: [
|
|
105
|
-
/* @__PURE__ */ jsx(
|
|
106
|
-
Image,
|
|
107
|
-
{
|
|
108
|
-
src: item.url,
|
|
109
|
-
alt: item.altMsg,
|
|
110
|
-
width: 600,
|
|
111
|
-
height: 600,
|
|
112
|
-
className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105",
|
|
113
|
-
"data-gallery-image": item.id
|
|
114
|
-
}
|
|
115
|
-
),
|
|
116
|
-
/* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: /* @__PURE__ */ jsx(
|
|
117
|
-
"button",
|
|
118
|
-
{
|
|
119
|
-
className: "p-2 rounded-full bg-black/50 hover:bg-black/70 text-white/80 hover:text-white transition-all duration-300",
|
|
120
|
-
"data-gallery-download": item.id,
|
|
121
|
-
"aria-label": `Download ${item.altMsg}`,
|
|
122
|
-
children: /* @__PURE__ */ jsx("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) })
|
|
123
|
-
}
|
|
124
|
-
) })
|
|
125
|
-
]
|
|
126
|
-
},
|
|
127
|
-
item.id
|
|
128
|
-
)) }),
|
|
129
|
-
button && /* @__PURE__ */ jsx("div", { className: "text-center mt-12", children: button }),
|
|
130
|
-
/* @__PURE__ */ jsx(GalleryInteractive, { data })
|
|
131
|
-
] });
|
|
132
|
-
});
|
|
133
|
-
}
|
|
69
|
+
import Image2 from "next/image";
|
|
134
70
|
|
|
135
|
-
// src/main/
|
|
136
|
-
import {
|
|
71
|
+
// src/main/go-to-top.tsx
|
|
72
|
+
import { useState, useEffect } from "react";
|
|
137
73
|
|
|
138
74
|
// ../base-ui/src/assets/github.tsx
|
|
139
75
|
import React from "react";
|
|
@@ -144,11 +80,11 @@ var themeSvgIconColor = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_COLOR || "#AC62FD
|
|
|
144
80
|
var themeSvgIconSize = process.env.NEXT_PUBLIC_STYLE_SVG_ICON_SIZE || 18;
|
|
145
81
|
|
|
146
82
|
// ../base-ui/src/assets/github.tsx
|
|
147
|
-
import { jsx
|
|
83
|
+
import { jsx } from "react/jsx-runtime";
|
|
148
84
|
var GitHubIcon = React.forwardRef(
|
|
149
85
|
(_a, ref) => {
|
|
150
86
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
151
|
-
return /* @__PURE__ */
|
|
87
|
+
return /* @__PURE__ */ jsx(
|
|
152
88
|
"svg",
|
|
153
89
|
__spreadProps(__spreadValues({
|
|
154
90
|
ref,
|
|
@@ -157,7 +93,7 @@ var GitHubIcon = React.forwardRef(
|
|
|
157
93
|
}, props), {
|
|
158
94
|
viewBox: "0 0 1024 1024",
|
|
159
95
|
xmlns: "http://www.w3.org/2000/svg",
|
|
160
|
-
children: /* @__PURE__ */
|
|
96
|
+
children: /* @__PURE__ */ jsx(
|
|
161
97
|
"path",
|
|
162
98
|
{
|
|
163
99
|
d: "M512 0C229.283787 0 0.142041 234.942803 0.142041 524.867683c0 231.829001 146.647305 428.553077 350.068189 497.952484 25.592898 4.819996 34.976961-11.38884 34.976961-25.294314 0-12.45521-0.469203-45.470049-0.725133-89.276559-142.381822 31.735193-172.453477-70.380469-172.453477-70.380469-23.246882-60.569859-56.816233-76.693384-56.816234-76.693385-46.493765-32.58829 3.540351-31.948468 3.540351-31.948467 51.356415 3.71097 78.356923 54.086324 78.356923 54.086324 45.683323 80.19108 119.817417 57.072162 148.993321 43.593236 4.649376-33.91059 17.915029-57.029508 32.50298-70.167195-113.675122-13.222997-233.151301-58.223843-233.1513-259.341366 0-57.285437 19.919806-104.163095 52.678715-140.846248-5.246544-13.265652-22.820334-66.626844 4.990615-138.884127 0 0 42.996069-14.076094 140.760939 53.787741 40.863327-11.644769 84.627183-17.445825 128.177764-17.6591 43.465272 0.213274 87.271782 6.014331 128.135109 17.6591 97.679561-67.906489 140.59032-53.787741 140.59032-53.787741 27.938914 72.257282 10.407779 125.618474 5.118579 138.884127 32.844219 36.683154 52.593405 83.560812 52.593405 140.846248 0 201.586726-119.646798 245.990404-233.663158 258.957473 18.341577 16.208835 34.721032 48.199958 34.721032 97.210357 0 70.167195-0.639822 126.7275-0.639823 143.960051 0 14.033439 9.213443 30.370239 35.190235 25.209005 203.250265-69.527373 349.769606-266.123484 349.769605-497.867175C1023.857959 234.942803 794.673558 0 512 0",
|
|
@@ -174,11 +110,11 @@ var github_default = GitHubIcon;
|
|
|
174
110
|
|
|
175
111
|
// ../base-ui/src/assets/d8.tsx
|
|
176
112
|
import React2 from "react";
|
|
177
|
-
import { jsx as
|
|
113
|
+
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
|
|
178
114
|
var D8Icon = React2.forwardRef(
|
|
179
115
|
(_a, ref) => {
|
|
180
116
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
181
|
-
return /* @__PURE__ */
|
|
117
|
+
return /* @__PURE__ */ jsxs(
|
|
182
118
|
"svg",
|
|
183
119
|
__spreadProps(__spreadValues({
|
|
184
120
|
ref,
|
|
@@ -188,21 +124,21 @@ var D8Icon = React2.forwardRef(
|
|
|
188
124
|
viewBox: "0 0 1024 1024",
|
|
189
125
|
xmlns: "http://www.w3.org/2000/svg",
|
|
190
126
|
children: [
|
|
191
|
-
/* @__PURE__ */
|
|
127
|
+
/* @__PURE__ */ jsx2(
|
|
192
128
|
"path",
|
|
193
129
|
{
|
|
194
130
|
d: "M376.832 80.896C187.392 142.336 61.44 313.344 61.44 513.024c0 290.816 277.504 506.88 558.08 434.176C842.752 888.832 993.28 665.6 955.392 445.44 908.288 168.96 635.904-2.048 376.832 80.896zM624.64 134.144c103.424 25.6 214.016 131.072 256 241.664 32.768 87.04 26.624 220.16-15.36 305.152-37.888 77.824-106.496 146.432-184.32 185.344-56.32 26.624-70.656 29.696-168.96 29.696-95.232 0-114.688-3.072-165.888-27.648-157.696-73.728-253.952-251.904-225.28-416.768 41.984-239.616 264.192-378.88 503.808-317.44z",
|
|
195
131
|
fill: themeSvgIconColor
|
|
196
132
|
}
|
|
197
133
|
),
|
|
198
|
-
/* @__PURE__ */
|
|
134
|
+
/* @__PURE__ */ jsx2(
|
|
199
135
|
"path",
|
|
200
136
|
{
|
|
201
137
|
d: "M462.848 227.328L460.8 286.72h-35.84c-19.456 0-35.84 4.096-35.84 10.24 0 5.12 11.264 10.24 24.576 10.24 14.336 0 27.648 3.072 29.696 7.168 2.048 5.12-17.408 91.136-43.008 192.512l-47.104 184.32-32.768 3.072c-68.608 7.168-30.72 22.528 53.248 22.528h86.016l4.096 64.512 3.072 63.488 2.048-64.512 2.048-63.488 44.032 1.024c56.32 2.048 123.904-25.6 155.648-64.512 45.056-54.272 26.624-134.144-34.816-153.6-9.216-3.072-1.024-12.288 23.552-26.624 21.504-12.288 41.984-20.48 47.104-17.408 19.456 12.288 35.84-73.728 20.48-112.64-14.336-38.912-66.56-56.32-167.936-56.32h-87.04l-4.096-59.392-3.072-58.368-2.048 58.368z m190.464 96.256c52.224 36.864 10.24 136.192-67.584 157.696C532.48 495.616 460.8 494.592 460.8 478.208c0-6.144 4.096-28.672 9.216-48.128 6.144-19.456 15.36-55.296 21.504-79.872l11.264-43.008h63.488c40.96 0 71.68 6.144 87.04 16.384z m-24.576 211.968c19.456 26.624 19.456 30.72 6.144 70.656-22.528 64.512-66.56 90.112-154.624 90.112-41.984 0-70.656-4.096-70.656-10.24s10.24-50.176 21.504-98.304l22.528-87.04 76.8 3.072c70.656 3.072 78.848 5.12 98.304 31.744z",
|
|
202
138
|
fill: themeSvgIconColor
|
|
203
139
|
}
|
|
204
140
|
),
|
|
205
|
-
/* @__PURE__ */
|
|
141
|
+
/* @__PURE__ */ jsx2(
|
|
206
142
|
"path",
|
|
207
143
|
{
|
|
208
144
|
d: "M227.328 421.888c-7.168 7.168-12.288 18.432-12.288 25.6 0 18.432-10.24 16.384-33.792-5.12-19.456-16.384-20.48-16.384-8.192 5.12 6.144 13.312 16.384 23.552 21.504 23.552 19.456 0 10.24 22.528-10.24 27.648-19.456 5.12-20.48 6.144-3.072 19.456 12.288 9.216 14.336 16.384 7.168 21.504-6.144 5.12-14.336 17.408-17.408 28.672-7.168 20.48-7.168 20.48 8.192 0 13.312-16.384 19.456-18.432 35.84-7.168 24.576 15.36 58.368 16.384 66.56 2.048 12.288-20.48 46.08-11.264 47.104 12.288 1.024 19.456 2.048 19.456 6.144 5.12 3.072-10.24-3.072-27.648-13.312-38.912-16.384-18.432-16.384-19.456 7.168-28.672 24.576-10.24 24.576-10.24 2.048-10.24C317.44 501.76 307.2 496.64 307.2 491.52v-18.432c0-4.096 6.144-7.168 12.288-7.168 7.168 0 14.336-9.216 16.384-19.456 4.096-19.456 3.072-19.456-14.336-2.048-17.408 18.432-18.432 17.408-37.888-8.192-20.48-28.672-36.864-33.792-56.32-14.336zM750.592 427.008c-1.024 10.24-5.12 37.888-9.216 61.44-4.096 29.696-3.072 49.152 6.144 59.392 8.192 10.24 9.216 15.36 1.024 15.36-6.144 0-17.408 14.336-26.624 30.72-18.432 34.816-6.144 71.68 22.528 71.68 15.36 0 15.36-1.024-1.024-13.312-17.408-12.288-17.408-16.384-2.048-51.2 15.36-37.888 43.008-50.176 53.248-24.576 3.072 8.192-1.024 27.648-7.168 44.032-7.168 16.384-13.312 38.912-14.336 49.152-1.024 10.24-10.24 25.6-20.48 32.768-11.264 8.192-14.336 14.336-9.216 14.336 23.552 0 44.032-28.672 59.392-80.896 20.48-68.608 20.48-72.704 1.024-72.704-16.384 0-20.48-12.288-8.192-23.552 3.072-4.096 12.288-2.048 19.456 4.096 16.384 13.312 45.056 5.12 44.032-13.312 0-10.24-2.048-10.24-6.144-1.024-2.048 7.168-9.216 13.312-15.36 13.312-10.24 0-6.144-45.056 8.192-100.352 4.096-12.288 2.048-22.528-4.096-22.528-5.12 0-15.36 21.504-22.528 48.128-13.312 54.272-26.624 74.752-47.104 74.752-17.408 0-19.456-53.248-3.072-83.968 8.192-15.36 8.192-24.576-3.072-34.816-12.288-12.288-14.336-11.264-15.36 3.072zM696.32 695.296c0 6.144 5.12 13.312 10.24 16.384 6.144 3.072 10.24-1.024 10.24-9.216 0-9.216-4.096-16.384-10.24-16.384-5.12 0-10.24 4.096-10.24 9.216z",
|
|
@@ -219,11 +155,11 @@ var d8_default = D8Icon;
|
|
|
219
155
|
|
|
220
156
|
// ../base-ui/src/assets/clerk.tsx
|
|
221
157
|
import React3 from "react";
|
|
222
|
-
import { jsx as
|
|
158
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
223
159
|
var ClerkIcon = React3.forwardRef(
|
|
224
160
|
(_a, ref) => {
|
|
225
161
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
226
|
-
return /* @__PURE__ */
|
|
162
|
+
return /* @__PURE__ */ jsx3(
|
|
227
163
|
"svg",
|
|
228
164
|
__spreadProps(__spreadValues({
|
|
229
165
|
ref,
|
|
@@ -232,7 +168,7 @@ var ClerkIcon = React3.forwardRef(
|
|
|
232
168
|
}, props), {
|
|
233
169
|
viewBox: "0 0 24 24",
|
|
234
170
|
xmlns: "http://www.w3.org/2000/svg",
|
|
235
|
-
children: /* @__PURE__ */
|
|
171
|
+
children: /* @__PURE__ */ jsx3(
|
|
236
172
|
"path",
|
|
237
173
|
{
|
|
238
174
|
d: "M 21.255071,20.629393 18.43951,17.813831 a 0.5590077,0.5590077 0 0 0 -0.6841,-0.08209 6.6983195,6.6983195 0 0 1 -6.920164,0 0.56291684,0.56291684 0 0 0 -0.6841,0.08209 l -2.8155614,2.815562 a 0.56291684,0.56291684 0 0 0 -0.1006604,0.674327 0.55705312,0.55705312 0 0 0 0.1622295,0.181775 11.727434,11.727434 0 0 0 13.7924393,0 0.56682599,0.56682599 0 0 0 0.233572,-0.413392 0.56291684,0.56291684 0 0 0 -0.168094,-0.44271 z m 0.002,-17.2666924 -2.814584,2.8145842 A 0.55607584,0.55607584 0 0 1 17.757364,6.2593769 6.7012514,6.7012514 0 0 0 8.7985821,8.1699714 6.7061378,6.7061378 0 0 0 7.6043383,11.778112 6.7041832,6.7041832 0 0 0 8.5601242,15.456617 0.55998498,0.55998498 0 0 1 8.4790095,16.13974 L 5.663448,18.954324 A 0.55412127,0.55412127 0 0 1 4.8190727,18.892755 11.720593,11.720593 0 0 1 6.8899421,2.9121717 11.717661,11.717661 0 0 1 21.19448,2.5163708 0.55314398,0.55314398 0 0 1 21.42121,2.9248764 0.55705312,0.55705312 0 0 1 21.257026,3.3627006 Z M 14.300703,15.345206 a 3.3491597,3.3491597 0 1 0 0,-6.698319 3.3491597,3.3491597 0 0 0 0,6.698319 z",
|
|
@@ -250,11 +186,11 @@ var clerk_default = ClerkIcon;
|
|
|
250
186
|
|
|
251
187
|
// ../base-ui/src/assets/iterm.tsx
|
|
252
188
|
import React4 from "react";
|
|
253
|
-
import { jsx as
|
|
189
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
254
190
|
var ItermIcon = React4.forwardRef(
|
|
255
191
|
(_a, ref) => {
|
|
256
192
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
257
|
-
return /* @__PURE__ */
|
|
193
|
+
return /* @__PURE__ */ jsx4(
|
|
258
194
|
"svg",
|
|
259
195
|
__spreadProps(__spreadValues({
|
|
260
196
|
ref,
|
|
@@ -263,7 +199,7 @@ var ItermIcon = React4.forwardRef(
|
|
|
263
199
|
}, props), {
|
|
264
200
|
viewBox: "0 0 24 24",
|
|
265
201
|
xmlns: "http://www.w3.org/2000/svg",
|
|
266
|
-
children: /* @__PURE__ */
|
|
202
|
+
children: /* @__PURE__ */ jsx4(
|
|
267
203
|
"path",
|
|
268
204
|
{
|
|
269
205
|
d: "M24 5.359v13.282A5.36 5.36 0 0 1 18.641 24H5.359A5.36 5.36 0 0 1 0 18.641V5.359A5.36 5.36 0 0 1 5.359 0h13.282A5.36 5.36 0 0 1 24 5.359m-.932-.233A4.196 4.196 0 0 0 18.874.932H5.126A4.196 4.196 0 0 0 .932 5.126v13.748a4.196 4.196 0 0 0 4.194 4.194h13.748a4.196 4.196 0 0 0 4.194-4.194zm-.816.233v13.282a3.613 3.613 0 0 1-3.611 3.611H5.359a3.613 3.613 0 0 1-3.611-3.611V5.359a3.613 3.613 0 0 1 3.611-3.611h13.282a3.613 3.613 0 0 1 3.611 3.611M8.854 4.194v6.495h.962V4.194zM5.483 9.493v1.085h.597V9.48q.283-.037.508-.133.373-.165.575-.448.208-.284.208-.649a.9.9 0 0 0-.171-.568 1.4 1.4 0 0 0-.426-.388 3 3 0 0 0-.544-.261 32 32 0 0 0-.545-.209 1.8 1.8 0 0 1-.426-.216q-.164-.12-.164-.284 0-.223.179-.351.18-.126.485-.127.344 0 .575.105.239.105.5.298l.433-.5a2.3 2.3 0 0 0-.605-.433 1.6 1.6 0 0 0-.582-.159v-.968h-.597v.978a2 2 0 0 0-.477.127 1.2 1.2 0 0 0-.545.411q-.194.268-.194.634 0 .335.164.56.164.224.418.38a4 4 0 0 0 .552.262q.291.104.545.209.261.104.425.238a.39.39 0 0 1 .165.321q0 .225-.187.359-.18.134-.537.134-.381 0-.717-.134a4.4 4.4 0 0 1-.649-.351l-.388.589q.209.173.477.306.276.135.575.217.191.046.373.064",
|
|
@@ -281,11 +217,11 @@ var iterm_default = ItermIcon;
|
|
|
281
217
|
|
|
282
218
|
// ../base-ui/src/assets/markdown.tsx
|
|
283
219
|
import React5 from "react";
|
|
284
|
-
import { jsx as
|
|
220
|
+
import { jsx as jsx5 } from "react/jsx-runtime";
|
|
285
221
|
var MarkdownIcon = React5.forwardRef(
|
|
286
222
|
(_a, ref) => {
|
|
287
223
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
288
|
-
return /* @__PURE__ */
|
|
224
|
+
return /* @__PURE__ */ jsx5(
|
|
289
225
|
"svg",
|
|
290
226
|
__spreadProps(__spreadValues({
|
|
291
227
|
ref,
|
|
@@ -294,7 +230,7 @@ var MarkdownIcon = React5.forwardRef(
|
|
|
294
230
|
}, props), {
|
|
295
231
|
viewBox: "0 0 1024 1024",
|
|
296
232
|
xmlns: "http://www.w3.org/2000/svg",
|
|
297
|
-
children: /* @__PURE__ */
|
|
233
|
+
children: /* @__PURE__ */ jsx5(
|
|
298
234
|
"path",
|
|
299
235
|
{
|
|
300
236
|
d: "M20.48 327.76192a163.84 163.84 0 0 1 163.84-163.84h655.36a163.84 163.84 0 0 1 163.84 163.84v327.68a163.84 163.84 0 0 1-163.84 163.84H184.32a163.84 163.84 0 0 1-163.84-163.84v-327.68z m163.84-81.92a81.92 81.92 0 0 0-81.92 81.92v327.68a81.92 81.92 0 0 0 81.92 81.92h655.36a81.92 81.92 0 0 0 81.92-81.92v-327.68a81.92 81.92 0 0 0-81.92-81.92H184.32z m68.97664 84.00896a40.96 40.96 0 0 1 45.71136 14.336L389.12 464.24064l90.112-120.13568a40.96 40.96 0 0 1 73.728 24.576v245.76a40.96 40.96 0 0 1-81.92 0v-122.88l-49.152 65.536a41.04192 41.04192 0 0 1-65.536 0l-49.152-65.536v122.88a40.96 40.96 0 1 1-81.92 0v-245.76a40.96 40.96 0 0 1 28.01664-38.87104zM757.76 368.76288a40.96 40.96 0 0 0-81.92 0v146.8416l-12.00128-12.00128a40.96 40.96 0 0 0-57.91744 57.91744l81.92 81.92a40.96 40.96 0 0 0 57.91744 0l81.92-81.92a40.96 40.96 0 0 0-57.91744-57.91744l-12.00128 12.00128V368.72192z",
|
|
@@ -311,11 +247,11 @@ var markdown_default = MarkdownIcon;
|
|
|
311
247
|
|
|
312
248
|
// ../base-ui/src/assets/mdx.tsx
|
|
313
249
|
import React6 from "react";
|
|
314
|
-
import { jsx as
|
|
250
|
+
import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
315
251
|
var MDXIcon = React6.forwardRef(
|
|
316
252
|
(_a, ref) => {
|
|
317
253
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
318
|
-
return /* @__PURE__ */
|
|
254
|
+
return /* @__PURE__ */ jsxs2(
|
|
319
255
|
"svg",
|
|
320
256
|
__spreadProps(__spreadValues({
|
|
321
257
|
ref,
|
|
@@ -325,7 +261,7 @@ var MDXIcon = React6.forwardRef(
|
|
|
325
261
|
viewBox: "0 0 1024 1024",
|
|
326
262
|
xmlns: "http://www.w3.org/2000/svg",
|
|
327
263
|
children: [
|
|
328
|
-
/* @__PURE__ */
|
|
264
|
+
/* @__PURE__ */ jsx6(
|
|
329
265
|
"path",
|
|
330
266
|
{
|
|
331
267
|
d: "M20.48 327.76192a163.84 163.84 0 0 1 163.84-163.84h655.36a163.84 163.84 0 0 1 163.84 163.84v327.68a163.84 163.84 0 0 1-163.84 163.84H184.32a163.84 163.84 0 0 1-163.84-163.84v-327.68z m163.84-81.92a81.92 81.92 0 0 0-81.92 81.92v327.68a81.92 81.92 0 0 0 81.92 81.92h655.36a81.92 81.92 0 0 0 81.92-81.92v-327.68a81.92 81.92 0 0 0-81.92-81.92H184.32z m68.97664 84.00896a40.96 40.96 0 0 1 45.71136 14.336L389.12 464.24064l90.112-120.13568a40.96 40.96 0 0 1 73.728 24.576v245.76a40.96 40.96 0 0 1-81.92 0v-122.88l-49.152 65.536a41.04192 41.04192 0 0 1-65.536 0l-49.152-65.536v122.88a40.96 40.96 0 1 1-81.92 0v-245.76a40.96 40.96 0 0 1 28.01664-38.87104zM757.76 368.76288a40.96 40.96 0 0 0-81.92 0v146.8416l-12.00128-12.00128a40.96 40.96 0 0 0-57.91744 57.91744l81.92 81.92a40.96 40.96 0 0 0 57.91744 0l81.92-81.92a40.96 40.96 0 0 0-57.91744-57.91744l-12.00128 12.00128V368.72192z",
|
|
@@ -341,7 +277,7 @@ var MDXIcon = React6.forwardRef(
|
|
|
341
277
|
}
|
|
342
278
|
}
|
|
343
279
|
),
|
|
344
|
-
/* @__PURE__ */
|
|
280
|
+
/* @__PURE__ */ jsx6(
|
|
345
281
|
"circle",
|
|
346
282
|
{
|
|
347
283
|
id: "path3",
|
|
@@ -359,7 +295,7 @@ var MDXIcon = React6.forwardRef(
|
|
|
359
295
|
}
|
|
360
296
|
}
|
|
361
297
|
),
|
|
362
|
-
/* @__PURE__ */
|
|
298
|
+
/* @__PURE__ */ jsx6(
|
|
363
299
|
"circle",
|
|
364
300
|
{
|
|
365
301
|
id: "path3-6",
|
|
@@ -376,7 +312,7 @@ var MDXIcon = React6.forwardRef(
|
|
|
376
312
|
}
|
|
377
313
|
}
|
|
378
314
|
),
|
|
379
|
-
/* @__PURE__ */
|
|
315
|
+
/* @__PURE__ */ jsx6(
|
|
380
316
|
"circle",
|
|
381
317
|
{
|
|
382
318
|
id: "path3-6-8",
|
|
@@ -393,7 +329,7 @@ var MDXIcon = React6.forwardRef(
|
|
|
393
329
|
}
|
|
394
330
|
}
|
|
395
331
|
),
|
|
396
|
-
/* @__PURE__ */
|
|
332
|
+
/* @__PURE__ */ jsx6(
|
|
397
333
|
"circle",
|
|
398
334
|
{
|
|
399
335
|
id: "path3-6-8-7",
|
|
@@ -410,7 +346,7 @@ var MDXIcon = React6.forwardRef(
|
|
|
410
346
|
}
|
|
411
347
|
}
|
|
412
348
|
),
|
|
413
|
-
/* @__PURE__ */
|
|
349
|
+
/* @__PURE__ */ jsx6(
|
|
414
350
|
"circle",
|
|
415
351
|
{
|
|
416
352
|
id: "path3-6-4",
|
|
@@ -437,11 +373,11 @@ var mdx_default = MDXIcon;
|
|
|
437
373
|
|
|
438
374
|
// ../base-ui/src/assets/html.tsx
|
|
439
375
|
import React7 from "react";
|
|
440
|
-
import { jsx as
|
|
376
|
+
import { jsx as jsx7 } from "react/jsx-runtime";
|
|
441
377
|
var HtmlIcon = React7.forwardRef(
|
|
442
378
|
(_a, ref) => {
|
|
443
379
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
444
|
-
return /* @__PURE__ */
|
|
380
|
+
return /* @__PURE__ */ jsx7(
|
|
445
381
|
"svg",
|
|
446
382
|
__spreadProps(__spreadValues({
|
|
447
383
|
ref,
|
|
@@ -450,7 +386,7 @@ var HtmlIcon = React7.forwardRef(
|
|
|
450
386
|
}, props), {
|
|
451
387
|
viewBox: "0 0 32 32",
|
|
452
388
|
xmlns: "http://www.w3.org/2000/svg",
|
|
453
|
-
children: /* @__PURE__ */
|
|
389
|
+
children: /* @__PURE__ */ jsx7(
|
|
454
390
|
"path",
|
|
455
391
|
{
|
|
456
392
|
fill: themeSvgIconColor,
|
|
@@ -466,11 +402,11 @@ var html_default = HtmlIcon;
|
|
|
466
402
|
|
|
467
403
|
// ../base-ui/src/assets/json.tsx
|
|
468
404
|
import React8 from "react";
|
|
469
|
-
import { jsx as
|
|
405
|
+
import { jsx as jsx8 } from "react/jsx-runtime";
|
|
470
406
|
var JsonIcon = React8.forwardRef(
|
|
471
407
|
(_a, ref) => {
|
|
472
408
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
473
|
-
return /* @__PURE__ */
|
|
409
|
+
return /* @__PURE__ */ jsx8(
|
|
474
410
|
"svg",
|
|
475
411
|
__spreadProps(__spreadValues({
|
|
476
412
|
ref,
|
|
@@ -479,7 +415,7 @@ var JsonIcon = React8.forwardRef(
|
|
|
479
415
|
}, props), {
|
|
480
416
|
viewBox: "0 -960 960 960",
|
|
481
417
|
xmlns: "http://www.w3.org/2000/svg",
|
|
482
|
-
children: /* @__PURE__ */
|
|
418
|
+
children: /* @__PURE__ */ jsx8(
|
|
483
419
|
"path",
|
|
484
420
|
{
|
|
485
421
|
fill: themeSvgIconColor,
|
|
@@ -495,11 +431,11 @@ var json_default = JsonIcon;
|
|
|
495
431
|
|
|
496
432
|
// ../base-ui/src/assets/xml.tsx
|
|
497
433
|
import React9 from "react";
|
|
498
|
-
import { jsx as
|
|
434
|
+
import { jsx as jsx9 } from "react/jsx-runtime";
|
|
499
435
|
var XMLIcon = React9.forwardRef(
|
|
500
436
|
(_a, ref) => {
|
|
501
437
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
502
|
-
return /* @__PURE__ */
|
|
438
|
+
return /* @__PURE__ */ jsx9(
|
|
503
439
|
"svg",
|
|
504
440
|
__spreadProps(__spreadValues({
|
|
505
441
|
ref,
|
|
@@ -508,7 +444,7 @@ var XMLIcon = React9.forwardRef(
|
|
|
508
444
|
}, props), {
|
|
509
445
|
viewBox: "0 0 1024 1024",
|
|
510
446
|
xmlns: "http://www.w3.org/2000/svg",
|
|
511
|
-
children: /* @__PURE__ */
|
|
447
|
+
children: /* @__PURE__ */ jsx9(
|
|
512
448
|
"path",
|
|
513
449
|
{
|
|
514
450
|
d: "M354.40128 0c-87.04 0-157.44 70.55872-157.44 157.59872v275.68128H78.72c-21.6576 0-39.36256 17.69984-39.36256 39.36256v236.31872c0 21.6576 17.69984 39.35744 39.36256 39.35744h118.24128v118.08256c0 87.04 70.4 157.59872 157.44 157.59872h472.63744c87.04 0 157.59872-70.55872 157.59872-157.59872V315.0336c0-41.74848-38.9888-81.93024-107.52-149.27872l-29.11744-29.12256L818.87744 107.52C751.5392 38.9888 711.39328 0 669.59872 0H354.4064z m0 78.72h287.20128c28.35456 7.0912 27.99616 42.1376 27.99616 76.8v120.16128c0 21.6576 17.69984 39.35744 39.36256 39.35744h118.07744c39.38816 0 78.87872-0.0256 78.87872 39.36256v512c0 43.32032-35.55328 78.87872-78.87872 78.87872H354.4064c-43.32544 0-78.72-35.5584-78.72-78.87872v-118.08256h393.91744c21.66272 0 39.36256-17.69472 39.36256-39.35744V472.64256c0-21.66272-17.69984-39.36256-39.36256-39.36256H275.68128V157.59872c0-43.32032 35.39456-78.87872 78.72-78.87872zM145.12128 507.36128h23.99744l39.36256 67.2 40.32-67.2h23.04l-50.88256 83.51744 54.72256 92.16h-24.96l-43.20256-75.83744-43.19744 75.83744h-23.04l54.71744-92.16-50.87744-83.51744z m154.55744 0h32.64l49.92 143.03744h0.96256l48.95744-143.03744h33.60256v175.67744h-22.08256v-106.55744c0-10.88 0.32256-26.56256 0.96256-47.04256h-0.96256l-52.79744 153.6h-19.2l-52.80256-153.6h-0.95744c1.28 22.4 1.92 38.72256 1.92 48.96256v104.63744H299.6736V507.36128z m214.08256 0h22.07744v155.52h69.12v20.15744h-91.19744V507.36128z",
|
|
@@ -525,11 +461,11 @@ var xml_default = XMLIcon;
|
|
|
525
461
|
|
|
526
462
|
// ../base-ui/src/assets/yaml.tsx
|
|
527
463
|
import React10 from "react";
|
|
528
|
-
import { jsx as
|
|
464
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
|
529
465
|
var YamlIcon = React10.forwardRef(
|
|
530
466
|
(_a, ref) => {
|
|
531
467
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
532
|
-
return /* @__PURE__ */
|
|
468
|
+
return /* @__PURE__ */ jsx10(
|
|
533
469
|
"svg",
|
|
534
470
|
__spreadProps(__spreadValues({
|
|
535
471
|
ref,
|
|
@@ -538,7 +474,7 @@ var YamlIcon = React10.forwardRef(
|
|
|
538
474
|
}, props), {
|
|
539
475
|
viewBox: "0 0 1024 1024",
|
|
540
476
|
xmlns: "http://www.w3.org/2000/svg",
|
|
541
|
-
children: /* @__PURE__ */
|
|
477
|
+
children: /* @__PURE__ */ jsx10(
|
|
542
478
|
"path",
|
|
543
479
|
{
|
|
544
480
|
d: "M354.401 0c-87.04 0-157.44 70.559-157.44 157.599V433.28H78.72c-21.658 0-39.363 17.7-39.363 39.363V708.96c0 21.658 17.7 39.358 39.363 39.358h118.241V866.4c0 87.04 70.4 157.599 157.44 157.599H827.04c87.04 0 157.598-70.559 157.598-157.599V315.034c0-41.749-38.988-81.93-107.52-149.28L848 136.633l-29.123-29.112C751.54 38.989 711.393 0 669.6 0H354.406z m0 78.72h287.202c28.354 7.091 27.996 42.138 27.996 76.8v120.161c0 21.658 17.7 39.358 39.362 39.358H827.04c39.388 0 78.878-0.026 78.878 39.362v512c0 43.32-35.553 78.879-78.878 78.879H354.406c-43.325 0-78.72-35.558-78.72-78.879V748.32h393.918c21.663 0 39.362-17.695 39.362-39.358V472.643c0-21.663-17.7-39.363-39.362-39.363H275.68V157.599c0-43.32 35.395-78.879 78.72-78.879z m-93.127 427.679h20.162l65.28 176.64h-23.04l-19.2-54.718h-65.28l-19.2 54.718h-23.04l64.318-176.64z m-181.438 0.962h23.998l40.32 89.278 41.282-89.278h23.998l-53.76 107.52v68.158h-22.078v-67.2L79.836 507.36z m290.878 0h32.64l49.92 143.038h0.962l48.958-143.038h33.602V683.04h-22.082V576.48c0-10.88 0.322-26.562 0.962-47.042h-0.962l-52.798 153.6h-19.2l-52.802-153.6h-0.958c1.28 22.4 1.92 38.722 1.92 48.962V683.04h-20.162V507.36z m214.082 0h22.078v155.52h69.12v20.158h-91.188V507.36z m-312.96 23.04c-1.92 8.96-4.802 18.238-8.642 27.838l-17.28 50.882h51.84l-18.238-50.882c-3.84-10.88-6.4-20.158-7.68-27.838z",
|
|
@@ -555,11 +491,11 @@ var yaml_default = YamlIcon;
|
|
|
555
491
|
|
|
556
492
|
// ../base-ui/src/assets/csv.tsx
|
|
557
493
|
import React11 from "react";
|
|
558
|
-
import { jsx as
|
|
494
|
+
import { jsx as jsx11, jsxs as jsxs3 } from "react/jsx-runtime";
|
|
559
495
|
var CSVIcon = React11.forwardRef(
|
|
560
496
|
(_a, ref) => {
|
|
561
497
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
562
|
-
return /* @__PURE__ */
|
|
498
|
+
return /* @__PURE__ */ jsxs3(
|
|
563
499
|
"svg",
|
|
564
500
|
__spreadProps(__spreadValues({
|
|
565
501
|
ref,
|
|
@@ -569,7 +505,7 @@ var CSVIcon = React11.forwardRef(
|
|
|
569
505
|
viewBox: "0 0 1024 1024",
|
|
570
506
|
xmlns: "http://www.w3.org/2000/svg",
|
|
571
507
|
children: [
|
|
572
|
-
/* @__PURE__ */
|
|
508
|
+
/* @__PURE__ */ jsx11(
|
|
573
509
|
"path",
|
|
574
510
|
{
|
|
575
511
|
d: "M158.72 517.12h61.44v394.24c0 28.27776 22.92224 51.2 51.2 51.2h614.4c28.27776 0 51.2-22.92224 51.2-51.2V317.44h-204.8c-28.27776 0-51.2-22.92224-51.2-51.2V61.44H271.36c-28.27776 0-51.2 22.92224-51.2 51.2v97.28H158.72V76.8c0-42.41408 34.38592-76.8 76.8-76.8h481.28l281.6 281.6v665.6c0 42.41408-34.38592 76.8-76.8 76.8H235.52c-42.41408 0-76.8-34.38592-76.8-76.8v-430.08z",
|
|
@@ -577,7 +513,7 @@ var CSVIcon = React11.forwardRef(
|
|
|
577
513
|
"p-id": "8469"
|
|
578
514
|
}
|
|
579
515
|
),
|
|
580
|
-
/* @__PURE__ */
|
|
516
|
+
/* @__PURE__ */ jsx11(
|
|
581
517
|
"path",
|
|
582
518
|
{
|
|
583
519
|
d: "M102.4 209.92h460.8c42.41408 0 76.8 34.38592 76.8 76.8v153.6c0 42.41408-34.38592 76.8-76.8 76.8H102.4c-42.41408 0-76.8-34.38592-76.8-76.8V286.72c0-42.41408 34.38592-76.8 76.8-76.8z m129.81248 176.2304c-2.7136 11.80672-7.18848 20.45952-13.42464 25.9584-6.23104 5.49888-13.6704 8.25344-22.3232 8.25344-11.74016 0-21.2736-4.3264-28.60544-12.98432-7.33184-8.6528-10.99776-23.17312-10.99776-43.55584 0-19.21536 3.72224-33.11104 11.1616-41.69216 7.44448-8.58112 17.14176-12.87168 29.09696-12.87168 8.6528 0 16.00512 2.42176 22.05696 7.26016 6.04672 4.84352 10.02496 11.4432 11.9296 19.79904l32.23552-7.69536c-3.67104-12.90752-9.1648-22.8096-16.50176-29.70112-12.31872-11.66336-28.34432-17.48992-48.07168-17.48992-22.58432 0-40.8064 7.424-54.66624 22.272-13.86496 14.848-20.79232 35.69664-20.79232 62.53568 0 25.37472 6.89152 45.37856 20.67968 60.0064 13.78816 14.62784 31.3856 21.94432 52.80256 21.94432 17.3056 0 31.5904-4.27008 42.84416-12.81536 11.25376-8.54016 19.3024-21.61152 24.14592-39.21408l-31.56992-10.0096z m51.25632 6.81984c2.12992 18.03776 8.6528 31.7696 19.57888 41.19552 10.9312 9.4208 26.58304 14.1312 46.97088 14.1312 14.00832 0 25.7024-1.96096 35.09248-5.88288 9.38496-3.92192 16.64512-9.91744 21.78048-17.98656 5.13024-8.064 7.70048-16.7168 7.70048-25.9584 0-10.1888-2.1504-18.75456-6.43584-25.68192-4.29056-6.93248-10.22976-12.39552-17.8176-16.39424-7.59296-3.9936-19.30752-7.86432-35.1488-11.60192-15.84128-3.7376-25.81504-7.33184-29.92128-10.78272-3.2256-2.7136-4.8384-5.97504-4.8384-9.78944 0-4.17792 1.72544-7.51616 5.1712-10.0096 5.3504-3.88608 12.75904-5.83168 22.2208-5.83168 9.1648 0 16.04096 1.8176 20.62336 5.44768 4.5824 3.63008 7.57248 9.58976 8.96 17.87392l32.5632-1.4336c-0.512-14.80704-5.888-26.65472-16.11264-35.52768-10.22976-8.87296-25.46688-13.312-45.70624-13.312-12.3904 0-22.97344 1.87392-31.73376 5.61152-8.76544 3.74272-15.47264 9.18528-20.13184 16.3328-4.6592 7.15264-6.98368 14.83776-6.98368 23.05024 0 12.75904 4.95104 23.5776 14.848 32.45056 7.04 6.30784 19.28704 11.6224 36.74112 15.9488 13.568 3.37408 22.25664 5.71904 26.07104 7.04 5.57056 1.98144 9.47712 4.31104 11.71456 6.98368 2.23744 2.67776 3.3536 5.92384 3.3536 9.73824 0 5.9392-2.65728 11.12576-7.97184 15.5648-5.31968 4.43392-13.21984 6.656-23.7056 6.656-9.90208 0-17.7664-2.49344-23.59808-7.48032-5.82656-4.98688-9.69728-12.8-11.60192-23.43424l-31.68256 3.08224zM483.1232 445.44h34.7648l57.74848-161.25952h-34.53952l-39.49056 119.3472-40.81152-119.3472h-35.30752L483.11808 445.44z",
|
|
@@ -585,7 +521,7 @@ var CSVIcon = React11.forwardRef(
|
|
|
585
521
|
"p-id": "8470"
|
|
586
522
|
}
|
|
587
523
|
),
|
|
588
|
-
/* @__PURE__ */
|
|
524
|
+
/* @__PURE__ */ jsx11(
|
|
589
525
|
"path",
|
|
590
526
|
{
|
|
591
527
|
d: "M266.24 634.88m30.72 0l563.2 0q30.72 0 30.72 30.72l0 0q0 30.72-30.72 30.72l-563.2 0q-30.72 0-30.72-30.72l0 0q0-30.72 30.72-30.72Z",
|
|
@@ -593,7 +529,7 @@ var CSVIcon = React11.forwardRef(
|
|
|
593
529
|
"p-id": "8471"
|
|
594
530
|
}
|
|
595
531
|
),
|
|
596
|
-
/* @__PURE__ */
|
|
532
|
+
/* @__PURE__ */ jsx11(
|
|
597
533
|
"path",
|
|
598
534
|
{
|
|
599
535
|
d: "M266.24 808.96m30.72 0l563.2 0q30.72 0 30.72 30.72l0 0q0 30.72-30.72 30.72l-563.2 0q-30.72 0-30.72-30.72l0 0q0-30.72 30.72-30.72Z",
|
|
@@ -611,11 +547,11 @@ var csv_default = CSVIcon;
|
|
|
611
547
|
|
|
612
548
|
// ../base-ui/src/assets/txt.tsx
|
|
613
549
|
import React12 from "react";
|
|
614
|
-
import { jsx as
|
|
550
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
|
615
551
|
var TxtIcon = React12.forwardRef(
|
|
616
552
|
(_a, ref) => {
|
|
617
553
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
618
|
-
return /* @__PURE__ */
|
|
554
|
+
return /* @__PURE__ */ jsx12(
|
|
619
555
|
"svg",
|
|
620
556
|
__spreadProps(__spreadValues({
|
|
621
557
|
ref,
|
|
@@ -624,7 +560,7 @@ var TxtIcon = React12.forwardRef(
|
|
|
624
560
|
}, props), {
|
|
625
561
|
viewBox: "0 0 1024 1024",
|
|
626
562
|
xmlns: "http://www.w3.org/2000/svg",
|
|
627
|
-
children: /* @__PURE__ */
|
|
563
|
+
children: /* @__PURE__ */ jsx12(
|
|
628
564
|
"path",
|
|
629
565
|
{
|
|
630
566
|
d: "M764.6 791c-35.6 0-77.2-19.2-77.2-73.6 0-21.8 7.8-37.2 25.2-49.6 17-12.2 43-20.8 73.4-24.4 42.8-5 91-7.8 132.2-9.2 0.6 0 1 0.2 1.6 0.4 0.6 0.2 1 0.6 1.4 1 0.4 0.4 0.6 0.8 0.8 1.4 0.2 0.6 0.2 1 0.2 1.6-5.4 102.4-57.2 152.4-157.6 152.4z m42.2-460.6c-84.6-0.6-160.4 48.8-192.8 125.6-0.6 1.4-1 2.8-1.6 4.2-0.4 1.4-0.8 2.8-1 4.2-0.2 1.4-0.6 2.8-0.6 4.4-0.2 1.4-0.2 3-0.2 4.4 0 1.4 0 3 0.2 4.4 0.2 1.4 0.4 3 0.6 4.4 0.2 1.4 0.6 2.8 1 4.2 0.4 1.4 0.8 2.8 1.4 4.2 0.6 1.4 1.2 2.8 1.8 4 0.6 1.4 1.4 2.6 2.2 3.8 0.8 1.2 1.6 2.4 2.6 3.6 1 1.2 1.8 2.2 3 3.2 1 1 2 2 3.2 3 1.2 1 2.2 1.8 3.4 2.6 1.2 0.8 2.4 1.6 3.8 2.4 1.2 0.8 2.6 1.4 4 2 1.4 0.6 2.8 1 4.2 1.6l4.2 1.2c1.4 0.4 2.8 0.6 4.4 0.6 1.4 0.2 3 0.2 4.4 0.2 1.4 0 3 0 4.4-0.2 1.4-0.2 3-0.4 4.4-0.6 1.4-0.2 2.8-0.6 4.2-1 1.4-0.4 2.8-0.8 4.2-1.4 1.4-0.6 2.6-1.2 4-1.8 1.2-0.6 2.6-1.4 3.8-2.2 1.2-0.8 2.4-1.6 3.6-2.6 1.2-1 2.2-2 3.2-3s2-2.2 3-3.2c1-1.2 1.8-2.4 2.6-3.6 0.8-1.2 1.6-2.4 2.2-3.8 0.8-1.2 1.4-2.6 2-4 18-42.8 60.4-70.4 108.2-70.8 65.6-0.4 118.6 54.2 118.6 120.4 0 0.4 0 0.8-0.2 1.2-0.2 0.4-0.4 0.6-0.6 1-0.2 0.2-0.6 0.6-1 0.6-0.4 0.2-0.8 0.2-1.2 0.2-44.4 1.2-97.2 4.2-144.4 9.8-111 13.2-177.4 74.2-177.4 163.4 0 47.4 17.8 90 50 120 30.2 28.2 71.6 43.6 116.4 43.6 63 0 117-16.4 158.2-47.6h0.2c0 1.4 0 3 0.2 4.4 0.2 1.4 0.4 3 0.6 4.4 0.2 1.4 0.6 2.8 1 4.2 0.4 1.4 1 2.8 1.4 4.2 0.6 1.4 1.2 2.8 1.8 4 0.6 1.4 1.4 2.6 2.2 3.8 0.8 1.2 1.6 2.4 2.6 3.6 1 1.2 1.8 2.2 3 3.2 1 1 2.2 2 3.2 3 1.2 1 2.2 1.8 3.6 2.6 1.2 0.8 2.4 1.6 3.8 2.2 1.2 0.8 2.6 1.4 4 2 1.4 0.6 2.8 1 4.2 1.6 1.4 0.4 2.8 0.8 4.2 1 1.4 0.2 2.8 0.6 4.4 0.6 1.4 0.2 3 0.2 4.4 0.2 1.4 0 3 0 4.4-0.2 1.4-0.2 3-0.4 4.4-0.6 1.4-0.2 2.8-0.6 4.2-1 1.4-0.4 2.8-1 4.2-1.4 1.4-0.6 2.6-1.2 4-1.8 1.2-0.6 2.6-1.4 3.8-2.2 1.2-0.8 2.4-1.6 3.6-2.6 1.2-1 2.2-2 3.2-3s2-2.2 3-3.2c1-1.2 1.8-2.4 2.6-3.6 0.8-1.2 1.6-2.4 2.2-3.8 0.6-1.2 1.4-2.6 1.8-4 0.6-1.4 1-2.8 1.4-4.2 0.4-1.4 0.8-2.8 1-4.2 0.2-1.4 0.6-3 0.6-4.4 0.2-1.4 0.2-3 0.2-4.4V541.2c-0.4-115-91.8-210-205.8-210.8zM210.2 554l88-236.6c0.2-0.8 0.8-1.4 1.4-2 0.6-0.4 1.4-0.8 2.4-0.8 0.8 0 1.6 0.2 2.4 0.8 0.6 0.4 1.2 1.2 1.4 2l88 236.8c0.2 0.4 0.2 0.6 0.2 1v1c0 0.4-0.2 0.6-0.2 1-0.2 0.4-0.2 0.6-0.4 0.8-0.2 0.2-0.4 0.6-0.6 0.8-0.2 0.2-0.6 0.4-0.8 0.6-0.2 0.2-0.6 0.2-1 0.4-0.4 0-0.6 0.2-1 0.2h-176c-0.4 0-0.6 0-1-0.2-0.4 0-0.6-0.2-1-0.4-0.2-0.2-0.6-0.4-0.8-0.6-0.2-0.2-0.4-0.4-0.6-0.8-0.2-0.2-0.4-0.6-0.4-0.8-0.2-0.4-0.2-0.6-0.2-1v-1c0-0.4 0-0.8 0.2-1.2z m377 264L343.8 163.2c-0.8-2.2-1.8-4.2-2.8-6.2-1.2-2-2.4-3.8-3.8-5.6-1.4-1.8-3-3.4-4.6-5-1.6-1.6-3.4-3-5.2-4.2-1.8-1.2-3.8-2.4-5.8-3.4s-4.2-1.8-6.2-2.6c-2.2-0.6-4.4-1.2-6.6-1.6-2.2-0.4-4.4-0.6-6.8-0.6-2.2 0-4.6 0.2-6.8 0.6-2.2 0.4-4.4 0.8-6.6 1.6-2.2 0.6-4.2 1.6-6.2 2.6s-4 2.2-5.8 3.4c-1.8 1.2-3.6 2.8-5.2 4.2-1.6 1.6-3.2 3.2-4.6 5-1.4 1.8-2.6 3.6-3.8 5.6-1.2 2-2 4-2.8 6.2L16.6 818c-0.4 1.4-1 2.8-1.2 4.2-0.4 1.4-0.6 2.8-0.8 4.4-0.2 1.4-0.4 3-0.4 4.4v4.4c0 1.4 0.2 3 0.4 4.4 0.2 1.4 0.4 2.8 0.8 4.4l1.2 4.2c0.4 1.4 1 2.8 1.6 4 0.6 1.4 1.2 2.6 2 3.8l2.4 3.6c0.8 1.2 1.8 2.4 2.8 3.4 1 1 2 2.2 3 3.2s2.2 2 3.4 2.8c1.2 0.8 2.4 1.8 3.6 2.4 1.2 0.8 2.6 1.4 3.8 2.2 1.4 0.6 2.6 1.2 4 1.8 1.4 0.6 2.8 1 4.2 1.4 1.4 0.4 2.8 0.6 4.2 1 1.4 0.2 2.8 0.4 4.4 0.6 1.4 0 3 0.2 4.4 0 1.4 0 2.8-0.2 4.4-0.4 1.4-0.2 2.8-0.4 4.2-0.8l4.2-1.2c1.4-0.4 2.8-1 4-1.6 1.4-0.6 2.6-1.2 3.8-2l3.6-2.4c1.2-0.8 2.4-1.8 3.4-2.8 1-1 2.2-2 3.2-3s2-2.2 2.8-3.4c0.8-1.2 1.8-2.4 2.6-3.6 0.8-1.2 1.4-2.6 2.2-3.8 0.6-1.4 1.2-2.6 1.8-4L174 652.2c0.2-0.8 0.8-1.4 1.4-2 0.6-0.4 1.4-0.8 2.4-0.8h249c0.8 0 1.6 0.2 2.4 0.8 0.6 0.4 1.2 1.2 1.4 2l73.4 197.4c0.6 1.4 1.2 2.8 1.8 4 0.6 1.4 1.4 2.6 2.2 3.8 0.8 1.2 1.6 2.4 2.6 3.6 0.8 1.2 1.8 2.2 2.8 3.4 1 1 2 2 3.2 3s2.2 1.8 3.4 2.8l3.6 2.4c1.2 0.8 2.6 1.4 3.8 2 1.4 0.6 2.6 1.2 4 1.6l4.2 1.2c1.4 0.4 2.8 0.6 4.2 0.8 1.4 0.2 2.8 0.4 4.4 0.4h4.4c1.4 0 2.8-0.2 4.4-0.6s2.8-0.6 4.2-1c1.4-0.4 2.8-0.8 4.2-1.4 1.4-0.6 2.6-1 4-1.8 1.4-0.6 2.6-1.4 3.8-2.2l3.6-2.4c1.2-0.8 2.2-1.8 3.4-2.8 1-1 2-2 3-3.2 1-1 1.8-2.2 2.8-3.4l2.4-3.6c0.8-1.2 1.4-2.6 2-3.8 0.6-1.4 1.2-2.6 1.6-4l1.2-4.2c0.4-1.4 0.6-2.8 0.8-4.4 0.2-1.4 0.4-3 0.4-4.4v-4.4c0-1.4-0.2-3-0.4-4.4-0.2-1.4-0.6-2.8-0.8-4.4-1-1.4-1.4-2.8-2-4.2z",
|
|
@@ -641,11 +577,11 @@ var txt_default = TxtIcon;
|
|
|
641
577
|
|
|
642
578
|
// ../base-ui/src/assets/java.tsx
|
|
643
579
|
import React13 from "react";
|
|
644
|
-
import { jsx as
|
|
580
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
|
645
581
|
var JavaIcon = React13.forwardRef(
|
|
646
582
|
(_a, ref) => {
|
|
647
583
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
648
|
-
return /* @__PURE__ */
|
|
584
|
+
return /* @__PURE__ */ jsx13(
|
|
649
585
|
"svg",
|
|
650
586
|
__spreadProps(__spreadValues({
|
|
651
587
|
ref,
|
|
@@ -654,7 +590,7 @@ var JavaIcon = React13.forwardRef(
|
|
|
654
590
|
}, props), {
|
|
655
591
|
viewBox: "0 0 32 32",
|
|
656
592
|
xmlns: "http://www.w3.org/2000/svg",
|
|
657
|
-
children: /* @__PURE__ */
|
|
593
|
+
children: /* @__PURE__ */ jsx13(
|
|
658
594
|
"path",
|
|
659
595
|
{
|
|
660
596
|
d: "M4 26h24v2H4zM28 4H7a1 1 0 0 0-1 1v13a4 4 0 0 0 4 4h10a4 4 0 0 0 4-4v-4h4a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2m0 8h-4V6h4Z",
|
|
@@ -672,11 +608,11 @@ var java_default = JavaIcon;
|
|
|
672
608
|
|
|
673
609
|
// ../base-ui/src/assets/sql.tsx
|
|
674
610
|
import React14 from "react";
|
|
675
|
-
import { jsx as
|
|
611
|
+
import { jsx as jsx14, jsxs as jsxs4 } from "react/jsx-runtime";
|
|
676
612
|
var SQLIcon = React14.forwardRef(
|
|
677
613
|
(_a, ref) => {
|
|
678
614
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
679
|
-
return /* @__PURE__ */
|
|
615
|
+
return /* @__PURE__ */ jsxs4(
|
|
680
616
|
"svg",
|
|
681
617
|
__spreadProps(__spreadValues({
|
|
682
618
|
ref,
|
|
@@ -686,7 +622,7 @@ var SQLIcon = React14.forwardRef(
|
|
|
686
622
|
viewBox: "0 0 1024 1024",
|
|
687
623
|
xmlns: "http://www.w3.org/2000/svg",
|
|
688
624
|
children: [
|
|
689
|
-
/* @__PURE__ */
|
|
625
|
+
/* @__PURE__ */ jsx14(
|
|
690
626
|
"path",
|
|
691
627
|
{
|
|
692
628
|
d: "M477.12 858.56l14.72-16.64a77.44 77.44 0 0 0 54.08 24c25.6 0 40.96-12.8 40.96-32s-14.08-26.56-32-34.88l-28.48-12.16a52.16 52.16 0 0 1 22.08-101.76 79.36 79.36 0 0 1 57.28 24l-12.8 15.68a64 64 0 0 0-44.48-18.24c-22.08 0-36.48 11.2-36.48 28.8s16.96 25.92 32 32l28.16 12.16A54.08 54.08 0 0 1 611.84 832a58.88 58.88 0 0 1-66.24 55.36 93.76 93.76 0 0 1-68.48-28.8zM810.24 928a96 96 0 0 1-28.16 4.16 74.24 74.24 0 0 1-71.68-46.4c-42.56-4.8-70.4-42.56-70.4-99.84 0-62.4 34.56-100.48 83.52-100.48s83.2 38.08 83.2 100.48c0 56.32-27.52 93.44-68.8 100.8a50.24 50.24 0 0 0 47.68 25.92 68.8 68.8 0 0 0 20.8-2.88z m-87.68-61.44c34.88 0 57.92-32 57.92-81.6s-23.04-79.04-57.92-79.04-58.24 30.08-58.24 79.04 23.04 82.56 58.24 82.56zM848 688.96h24.64V864h85.44v21.12H848zM444.16 377.28c-192 0-387.2-52.8-387.2-153.92s194.56-154.24 387.2-154.24S832 121.92 832 224s-195.52 153.28-387.84 153.28z m0-244.16C234.88 133.12 120.96 192 120.96 224s113.92 89.92 323.2 89.92S768 253.76 768 224s-114.88-90.88-323.84-90.88z",
|
|
@@ -694,7 +630,7 @@ var SQLIcon = React14.forwardRef(
|
|
|
694
630
|
fill: themeSvgIconColor
|
|
695
631
|
}
|
|
696
632
|
),
|
|
697
|
-
/* @__PURE__ */
|
|
633
|
+
/* @__PURE__ */ jsx14(
|
|
698
634
|
"path",
|
|
699
635
|
{
|
|
700
636
|
d: "M444.16 554.88c-192 0-387.2-52.8-387.2-154.24a32 32 0 0 1 64 0c0 32 113.92 90.24 323.2 90.24S768 431.36 768 400.64a32 32 0 1 1 64 0c0 101.44-195.52 154.24-387.84 154.24zM444.16 732.48c-192 0-387.2-53.12-387.2-154.24a32 32 0 0 1 64 0c0 32 113.92 90.24 323.2 90.24a32 32 0 1 1 0 64zM444.16 932.16c-192 0-387.2-52.8-387.2-153.92a32 32 0 0 1 64 0c0 30.4 113.92 89.92 323.2 89.92a32 32 0 0 1 0 64z",
|
|
@@ -702,7 +638,7 @@ var SQLIcon = React14.forwardRef(
|
|
|
702
638
|
fill: themeSvgIconColor
|
|
703
639
|
}
|
|
704
640
|
),
|
|
705
|
-
/* @__PURE__ */
|
|
641
|
+
/* @__PURE__ */ jsx14(
|
|
706
642
|
"path",
|
|
707
643
|
{
|
|
708
644
|
d: "M800 699.2a32 32 0 0 1-32-32V234.24a32 32 0 0 1 64 0v432.96a32 32 0 0 1-32 32zM88.96 821.12a32 32 0 0 1-32-32V234.24a32 32 0 0 1 64 0v554.88a32 32 0 0 1-32 32z",
|
|
@@ -720,11 +656,11 @@ var sql_default = SQLIcon;
|
|
|
720
656
|
|
|
721
657
|
// ../base-ui/src/assets/log.tsx
|
|
722
658
|
import React15 from "react";
|
|
723
|
-
import { jsx as
|
|
659
|
+
import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
724
660
|
var LogIcon = React15.forwardRef(
|
|
725
661
|
(_a, ref) => {
|
|
726
662
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
727
|
-
return /* @__PURE__ */
|
|
663
|
+
return /* @__PURE__ */ jsxs5(
|
|
728
664
|
"svg",
|
|
729
665
|
__spreadProps(__spreadValues({
|
|
730
666
|
ref,
|
|
@@ -734,7 +670,7 @@ var LogIcon = React15.forwardRef(
|
|
|
734
670
|
viewBox: "0 0 1024 1024",
|
|
735
671
|
xmlns: "http://www.w3.org/2000/svg",
|
|
736
672
|
children: [
|
|
737
|
-
/* @__PURE__ */
|
|
673
|
+
/* @__PURE__ */ jsx15(
|
|
738
674
|
"path",
|
|
739
675
|
{
|
|
740
676
|
d: "M568.896 910.208h-512V113.792h739.52V512h-56.832V170.688H113.792v682.624H512z",
|
|
@@ -742,7 +678,7 @@ var LogIcon = React15.forwardRef(
|
|
|
742
678
|
"p-id": "12257"
|
|
743
679
|
}
|
|
744
680
|
),
|
|
745
|
-
/* @__PURE__ */
|
|
681
|
+
/* @__PURE__ */ jsx15(
|
|
746
682
|
"path",
|
|
747
683
|
{
|
|
748
684
|
d: "M711.104 512c108.096 0 199.104 91.008 199.104 199.104 0 108.096-91.008 199.104-199.04 199.104C602.944 910.208 512 819.2 512 711.168 512 602.944 603.008 512 711.104 512m0-56.896c-142.208 0-256 113.792-256 256s113.792 256 256 256 256-113.792 256-256-113.792-256-256-256zM227.584 56.96h56.832v170.688h-56.832V56.896z m341.312 0h56.896v170.688h-56.96V56.896zM170.688 341.312h512v56.96h-512v-56.96z m0 170.688H455.04v56.896H170.688V512z m0 170.688h227.52v56.896H170.688v-56.96z",
|
|
@@ -750,7 +686,7 @@ var LogIcon = React15.forwardRef(
|
|
|
750
686
|
"p-id": "12258"
|
|
751
687
|
}
|
|
752
688
|
),
|
|
753
|
-
/* @__PURE__ */
|
|
689
|
+
/* @__PURE__ */ jsx15("path", { d: "M853.312 796.416h-170.624V568.96h56.896v170.688h113.728z", fill: themeSvgIconColor, "p-id": "12259" })
|
|
754
690
|
]
|
|
755
691
|
})
|
|
756
692
|
);
|
|
@@ -761,11 +697,11 @@ var log_default = LogIcon;
|
|
|
761
697
|
|
|
762
698
|
// ../base-ui/src/assets/mac.tsx
|
|
763
699
|
import React16 from "react";
|
|
764
|
-
import { jsx as
|
|
700
|
+
import { jsx as jsx16 } from "react/jsx-runtime";
|
|
765
701
|
var MACIcon = React16.forwardRef(
|
|
766
702
|
(_a, ref) => {
|
|
767
703
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
768
|
-
return /* @__PURE__ */
|
|
704
|
+
return /* @__PURE__ */ jsx16(
|
|
769
705
|
"svg",
|
|
770
706
|
__spreadProps(__spreadValues({
|
|
771
707
|
ref,
|
|
@@ -774,7 +710,7 @@ var MACIcon = React16.forwardRef(
|
|
|
774
710
|
}, props), {
|
|
775
711
|
viewBox: "0 0 24 24",
|
|
776
712
|
xmlns: "http://www.w3.org/2000/svg",
|
|
777
|
-
children: /* @__PURE__ */
|
|
713
|
+
children: /* @__PURE__ */ jsx16(
|
|
778
714
|
"path",
|
|
779
715
|
{
|
|
780
716
|
d: "M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701",
|
|
@@ -792,11 +728,11 @@ var mac_default = MACIcon;
|
|
|
792
728
|
|
|
793
729
|
// ../base-ui/src/assets/bitcoin.tsx
|
|
794
730
|
import React17 from "react";
|
|
795
|
-
import { jsx as
|
|
731
|
+
import { jsx as jsx17 } from "react/jsx-runtime";
|
|
796
732
|
var BitcoinIcon = React17.forwardRef(
|
|
797
733
|
(_a, ref) => {
|
|
798
734
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
799
|
-
return /* @__PURE__ */
|
|
735
|
+
return /* @__PURE__ */ jsx17(
|
|
800
736
|
"svg",
|
|
801
737
|
__spreadProps(__spreadValues({
|
|
802
738
|
ref,
|
|
@@ -805,7 +741,7 @@ var BitcoinIcon = React17.forwardRef(
|
|
|
805
741
|
}, props), {
|
|
806
742
|
viewBox: "0 0 24 24",
|
|
807
743
|
xmlns: "http://www.w3.org/2000/svg",
|
|
808
|
-
children: /* @__PURE__ */
|
|
744
|
+
children: /* @__PURE__ */ jsx17(
|
|
809
745
|
"path",
|
|
810
746
|
{
|
|
811
747
|
d: "M23.638 14.904c-1.602 6.43-8.113 10.34-14.542 8.736C2.67 22.05-1.244 15.525.362 9.105 1.962 2.67 8.475-1.243 14.9.358c6.43 1.605 10.342 8.115 8.738 14.548v-.002zm-6.35-4.613c.24-1.59-.974-2.45-2.64-3.03l.54-2.153-1.315-.33-.525 2.107c-.345-.087-.705-.167-1.064-.25l.526-2.127-1.32-.33-.54 2.165c-.285-.067-.565-.132-.84-.2l-1.815-.45-.35 1.407s.975.225.955.236c.535.136.63.486.615.766l-1.477 5.92c-.075.166-.24.406-.614.314.015.02-.96-.24-.96-.24l-.66 1.51 1.71.426.93.242-.54 2.19 1.32.327.54-2.17c.36.1.705.19 1.05.273l-.51 2.154 1.32.33.545-2.19c2.24.427 3.93.257 4.64-1.774.57-1.637-.03-2.58-1.217-3.196.854-.193 1.5-.76 1.68-1.93h.01zm-3.01 4.22c-.404 1.64-3.157.75-4.05.53l.72-2.9c.896.23 3.757.67 3.33 2.37zm.41-4.24c-.37 1.49-2.662.735-3.405.55l.654-2.64c.744.18 3.137.524 2.75 2.084v.006z",
|
|
@@ -823,11 +759,11 @@ var bitcoin_default = BitcoinIcon;
|
|
|
823
759
|
|
|
824
760
|
// ../base-ui/src/assets/css.tsx
|
|
825
761
|
import React18 from "react";
|
|
826
|
-
import { jsx as
|
|
762
|
+
import { jsx as jsx18 } from "react/jsx-runtime";
|
|
827
763
|
var CSSIcon = React18.forwardRef(
|
|
828
764
|
(_a, ref) => {
|
|
829
765
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
830
|
-
return /* @__PURE__ */
|
|
766
|
+
return /* @__PURE__ */ jsx18(
|
|
831
767
|
"svg",
|
|
832
768
|
__spreadProps(__spreadValues({
|
|
833
769
|
ref,
|
|
@@ -836,7 +772,7 @@ var CSSIcon = React18.forwardRef(
|
|
|
836
772
|
}, props), {
|
|
837
773
|
viewBox: "0 0 32 32",
|
|
838
774
|
xmlns: "http://www.w3.org/2000/svg",
|
|
839
|
-
children: /* @__PURE__ */
|
|
775
|
+
children: /* @__PURE__ */ jsx18(
|
|
840
776
|
"path",
|
|
841
777
|
{
|
|
842
778
|
fill: themeSvgIconColor,
|
|
@@ -852,12 +788,12 @@ var css_default = CSSIcon;
|
|
|
852
788
|
|
|
853
789
|
// ../base-ui/src/assets/mermaid.tsx
|
|
854
790
|
import React19 from "react";
|
|
855
|
-
import { jsx as
|
|
791
|
+
import { jsx as jsx19 } from "react/jsx-runtime";
|
|
856
792
|
var MermaidIcon = React19.forwardRef(
|
|
857
793
|
// Memmaid need special size for good view
|
|
858
794
|
(_a, ref) => {
|
|
859
795
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
860
|
-
return /* @__PURE__ */
|
|
796
|
+
return /* @__PURE__ */ jsx19(
|
|
861
797
|
"svg",
|
|
862
798
|
__spreadProps(__spreadValues({
|
|
863
799
|
ref,
|
|
@@ -866,7 +802,7 @@ var MermaidIcon = React19.forwardRef(
|
|
|
866
802
|
}, props), {
|
|
867
803
|
viewBox: "0 0 24 24",
|
|
868
804
|
xmlns: "http://www.w3.org/2000/svg",
|
|
869
|
-
children: /* @__PURE__ */
|
|
805
|
+
children: /* @__PURE__ */ jsx19(
|
|
870
806
|
"path",
|
|
871
807
|
{
|
|
872
808
|
d: "M23.99 2.115A12.223 12.223 0 0 0 12 10.149 12.223 12.223 0 0 0 .01 2.115a12.23 12.23 0 0 0 5.32 10.604 6.562 6.562 0 0 1 2.845 5.423v3.754h7.65v-3.754a6.561 6.561 0 0 1 2.844-5.423 12.223 12.223 0 0 0 5.32-10.604Z",
|
|
@@ -884,11 +820,11 @@ var mermaid_default = MermaidIcon;
|
|
|
884
820
|
|
|
885
821
|
// ../base-ui/src/assets/last-updated.tsx
|
|
886
822
|
import React20 from "react";
|
|
887
|
-
import { jsx as
|
|
823
|
+
import { jsx as jsx20 } from "react/jsx-runtime";
|
|
888
824
|
var LastUpdatedIcon = React20.forwardRef(
|
|
889
825
|
(_a, ref) => {
|
|
890
826
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
891
|
-
return /* @__PURE__ */
|
|
827
|
+
return /* @__PURE__ */ jsx20(
|
|
892
828
|
"svg",
|
|
893
829
|
__spreadProps(__spreadValues({
|
|
894
830
|
ref,
|
|
@@ -897,7 +833,7 @@ var LastUpdatedIcon = React20.forwardRef(
|
|
|
897
833
|
}, props), {
|
|
898
834
|
viewBox: "0 0 1024 1024",
|
|
899
835
|
xmlns: "http://www.w3.org/2000/svg",
|
|
900
|
-
children: /* @__PURE__ */
|
|
836
|
+
children: /* @__PURE__ */ jsx20(
|
|
901
837
|
"path",
|
|
902
838
|
{
|
|
903
839
|
d: "M918.362566 956.685895 106.992291 956.685895c-14.145162 0-25.611308-11.466146-25.611308-25.611308L81.380984 191.053314c0-14.145162 11.467169-25.611308 25.611308-25.611308l811.370275 0c14.145162 0 25.611308 11.467169 25.611308 25.611308l0 740.02025C943.974897 945.219749 932.508751 956.685895 918.362566 956.685895zM132.603599 905.462257l760.146637 0L892.750235 216.665645 132.603599 216.665645 132.603599 905.462257zM915.696854 410.394904 109.450273 410.394904c-14.145162 0-25.611308-11.467169-25.611308-25.611308s11.467169-25.611308 25.611308-25.611308l806.246581 0c14.145162 0 25.611308 11.467169 25.611308 25.611308S929.842015 410.394904 915.696854 410.394904zM248.987283 313.735447c-14.145162 0-25.611308-11.467169-25.611308-25.611308L223.375975 91.962481c0-14.145162 11.467169-25.611308 25.611308-25.611308s25.611308 11.467169 25.611308 25.611308l0 196.160635C274.59859 302.269301 263.132444 313.735447 248.987283 313.735447zM786.915815 313.735447c-14.145162 0-25.611308-11.467169-25.611308-25.611308L761.304508 91.962481c0-14.145162 11.466146-25.611308 25.611308-25.611308s25.611308 11.467169 25.611308 25.611308l0 196.160635C812.527123 302.269301 801.060977 313.735447 786.915815 313.735447zM378.463146 832.067666c-4.732791 0-9.406231-1.641383-13.156648-4.787026-5.810333-4.874007-8.448416-12.56006-6.856152-19.97596l21.574365-100.484575c0.699941-3.261277 2.186805-6.30152 4.329609-8.856715l173.234483-206.507284c3.488451-4.158716 8.486278-6.760984 13.893428-7.234775 5.392824-0.473791 10.779507 1.219781 14.939247 4.709255l73.627904 61.765739c8.66024 7.264451 9.790994 20.173458 2.526543 28.832675L489.341443 786.03526c-2.143826 2.555196-4.880147 4.548596-7.969509 5.805216l-95.201246 38.71986C383.679961 831.573409 381.062344 832.067666 378.463146 832.067666zM418.978908 720.378911l-12.386098 57.68684 54.653761-22.228257 156.816558-186.93553-42.268686-35.458583L418.978908 720.378911zM483.354078 781.820262c-6.737448 0.001023-13.334703-3.322675-17.244756-9.414417l-23.737634-36.991496-40.554648-16.944927c-10.429537-4.358261-15.35164-16.34527-10.994402-26.774807 4.357238-10.42749 16.343223-15.350616 26.774807-10.993378l46.442752 19.404955c3.834328 1.601474 7.090489 4.333702 9.334599 7.830339l27.183106 42.361807c6.105045 9.513678 3.342118 22.174022-6.17156 28.278043C490.967476 780.771373 487.137241 781.820262 483.354078 781.820262zM601.041454 641.489166c-4.641717 0-9.307993-1.569752-13.143345-4.787026l-73.625858-61.765739c-8.659217-7.264451-9.78997-20.173458-2.52552-28.833699 7.263427-8.659217 20.171412-9.78997 28.833699-2.52552l73.625858 61.765739c8.659217 7.264451 9.78997 20.173458 2.52552 28.833699C612.683609 639.001509 606.882486 641.489166 601.041454 641.489166z",
|
|
@@ -914,11 +850,11 @@ var last_updated_default = LastUpdatedIcon;
|
|
|
914
850
|
|
|
915
851
|
// ../base-ui/src/assets/snippets.tsx
|
|
916
852
|
import React21 from "react";
|
|
917
|
-
import { jsx as
|
|
853
|
+
import { jsx as jsx21 } from "react/jsx-runtime";
|
|
918
854
|
var SnippetsIcon = React21.forwardRef(
|
|
919
855
|
(_a, ref) => {
|
|
920
856
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
921
|
-
return /* @__PURE__ */
|
|
857
|
+
return /* @__PURE__ */ jsx21(
|
|
922
858
|
"svg",
|
|
923
859
|
__spreadProps(__spreadValues({
|
|
924
860
|
ref,
|
|
@@ -927,7 +863,7 @@ var SnippetsIcon = React21.forwardRef(
|
|
|
927
863
|
}, props), {
|
|
928
864
|
viewBox: "0 0 24 24",
|
|
929
865
|
xmlns: "http://www.w3.org/2000/svg",
|
|
930
|
-
children: /* @__PURE__ */
|
|
866
|
+
children: /* @__PURE__ */ jsx21(
|
|
931
867
|
"path",
|
|
932
868
|
{
|
|
933
869
|
d: "M9.825 17.527a.111.111 0 0 1-.107-.142l3.05-10.837a.111.111 0 0 1 .108-.081H14.2c.074 0 .127.07.107.141l-3.063 10.838a.111.111 0 0 1-.107.08H9.825Zm-2.146-2.732a.11.11 0 0 1-.079-.033l-2.667-2.704a.111.111 0 0 1 0-.156L7.6 9.211a.111.111 0 0 1 .08-.033h1.702c.1 0 .149.12.079.19l-2.534 2.534a.111.111 0 0 0 0 .157l2.535 2.546c.07.07.02.19-.079.19H7.68Zm6.954 0a.111.111 0 0 1-.079-.19l2.525-2.546a.111.111 0 0 0 0-.157l-2.524-2.535a.111.111 0 0 1 .079-.19h1.692c.03 0 .058.013.078.034l2.68 2.69a.111.111 0 0 1 0 .157l-2.68 2.704a.111.111 0 0 1-.078.033h-1.693ZM12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.667C6.118 1.333 1.333 6.118 1.333 12S6.118 22.667 12 22.667 22.667 17.882 22.667 12 17.882 1.333 12 1.333Z",
|
|
@@ -943,11 +879,11 @@ var snippets_default = SnippetsIcon;
|
|
|
943
879
|
|
|
944
880
|
// ../base-ui/src/assets/test.tsx
|
|
945
881
|
import React22 from "react";
|
|
946
|
-
import { jsx as
|
|
882
|
+
import { jsx as jsx22 } from "react/jsx-runtime";
|
|
947
883
|
var TestIcon = React22.forwardRef(
|
|
948
884
|
(_a, ref) => {
|
|
949
885
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
950
|
-
return /* @__PURE__ */
|
|
886
|
+
return /* @__PURE__ */ jsx22(
|
|
951
887
|
"svg",
|
|
952
888
|
__spreadProps(__spreadValues({
|
|
953
889
|
ref,
|
|
@@ -956,7 +892,7 @@ var TestIcon = React22.forwardRef(
|
|
|
956
892
|
}, props), {
|
|
957
893
|
viewBox: "0 0 1024 1024",
|
|
958
894
|
xmlns: "http://www.w3.org/2000/svg",
|
|
959
|
-
children: /* @__PURE__ */
|
|
895
|
+
children: /* @__PURE__ */ jsx22(
|
|
960
896
|
"path",
|
|
961
897
|
{
|
|
962
898
|
d: "M640 126.577778c-140.8 0-256 115.2-256 256 0 65.422222 25.6 125.155556 65.422222 170.666666l-91.022222 91.022223-35.555556-35.555556-174.933333 176.355556c-25.6 25.6-25.6 68.266667 0 93.866666 25.6 25.6 68.266667 25.6 93.866667 0l176.355555-176.355555-38.4-38.4 91.022223-91.022222c45.511111 41.244444 105.244444 65.422222 170.666666 65.422222 140.8 0 256-115.2 256-256-1.422222-142.222222-116.622222-256-257.422222-256z m19.911111 462.222222c-41.244444 0-75.377778-34.133333-75.377778-75.377778v-4.266666c0-8.533333 5.688889-14.222222 14.222223-14.222223s14.222222 5.688889 14.222222 14.222223v4.266666c0 25.6 21.333333 46.933333 46.933333 46.933334 8.533333 0 14.222222 5.688889 14.222222 14.222222s-5.688889 14.222222-14.222222 14.222222zM817.777778 341.333333h-58.311111c-2.844444 12.8-7.111111 24.177778-14.222223 35.555556l41.244445 41.244444c5.688889 5.688889 5.688889 14.222222 0 19.911111-2.844444 2.844444-7.111111 4.266667-9.955556 4.266667-2.844444 0-7.111111-1.422222-9.955555-4.266667L725.333333 396.8c-14.222222 9.955556-31.288889 15.644444-49.777777 15.644444-18.488889 0-35.555556-5.688889-49.777778-15.644444l-41.244445 41.244444c-2.844444 2.844444-7.111111 4.266667-9.955555 4.266667-2.844444 0-7.111111-1.422222-9.955556-4.266667-5.688889-5.688889-5.688889-14.222222 0-19.911111l41.244445-41.244444c-7.111111-9.955556-12.8-22.755556-14.222223-35.555556h-58.311111c-8.533333 0-14.222222-5.688889-14.222222-14.222222s5.688889-14.222222 14.222222-14.222222h58.311111c2.844444-12.8 7.111111-24.177778 14.222223-35.555556l-41.244445-41.244444c-5.688889-5.688889-5.688889-14.222222 0-19.911111 5.688889-5.688889 14.222222-5.688889 19.911111 0l41.244445 41.244444c14.222222-9.955556 31.288889-15.644444 49.777778-15.644444 18.488889 0 35.555556 5.688889 49.777777 15.644444l41.244445-41.244444c5.688889-5.688889 14.222222-5.688889 19.911111 0 5.688889 5.688889 5.688889 14.222222 0 19.911111l-41.244445 41.244444c7.111111 9.955556 12.8 22.755556 14.222223 35.555556h58.311111c8.533333 0 14.222222 5.688889 14.222222 14.222222s-5.688889 14.222222-14.222222 14.222222z",
|
|
@@ -973,11 +909,11 @@ var test_default = TestIcon;
|
|
|
973
909
|
|
|
974
910
|
// ../base-ui/src/assets/diff.tsx
|
|
975
911
|
import React23 from "react";
|
|
976
|
-
import { jsx as
|
|
912
|
+
import { jsx as jsx23, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
977
913
|
var DiffIcon = React23.forwardRef(
|
|
978
914
|
(_a, ref) => {
|
|
979
915
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
980
|
-
return /* @__PURE__ */
|
|
916
|
+
return /* @__PURE__ */ jsxs6(
|
|
981
917
|
"svg",
|
|
982
918
|
__spreadProps(__spreadValues({
|
|
983
919
|
ref,
|
|
@@ -987,8 +923,8 @@ var DiffIcon = React23.forwardRef(
|
|
|
987
923
|
viewBox: "0 0 24 24",
|
|
988
924
|
xmlns: "http://www.w3.org/2000/svg",
|
|
989
925
|
children: [
|
|
990
|
-
/* @__PURE__ */
|
|
991
|
-
/* @__PURE__ */
|
|
926
|
+
/* @__PURE__ */ jsx23("path", { d: "M0 0h24v24H0z", fill: "none" }),
|
|
927
|
+
/* @__PURE__ */ jsx23(
|
|
992
928
|
"path",
|
|
993
929
|
{
|
|
994
930
|
fill: themeSvgIconColor,
|
|
@@ -1005,11 +941,11 @@ var diff_default = DiffIcon;
|
|
|
1005
941
|
|
|
1006
942
|
// ../base-ui/src/assets/dpa.tsx
|
|
1007
943
|
import React24 from "react";
|
|
1008
|
-
import { jsx as
|
|
944
|
+
import { jsx as jsx24 } from "react/jsx-runtime";
|
|
1009
945
|
var DPAIcon = React24.forwardRef(
|
|
1010
946
|
(_a, ref) => {
|
|
1011
947
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1012
|
-
return /* @__PURE__ */
|
|
948
|
+
return /* @__PURE__ */ jsx24(
|
|
1013
949
|
"svg",
|
|
1014
950
|
__spreadProps(__spreadValues({
|
|
1015
951
|
ref,
|
|
@@ -1018,7 +954,7 @@ var DPAIcon = React24.forwardRef(
|
|
|
1018
954
|
}, props), {
|
|
1019
955
|
viewBox: "0 0 24 24",
|
|
1020
956
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1021
|
-
children: /* @__PURE__ */
|
|
957
|
+
children: /* @__PURE__ */ jsx24(
|
|
1022
958
|
"path",
|
|
1023
959
|
{
|
|
1024
960
|
d: "M23.373 20.364a4.682 4.682 0 0 1-8.1 0 4.694 4.694 0 0 1 0-4.669c.326-.564.778-.995 1.272-1.358.472.198 3.394 1.421 3.917 1.717a2.291 2.291 0 0 0-3.109.842 2.304 2.304 0 0 0 0 2.267 2.267 2.267 0 0 0 2.564 1.053 2.254 2.254 0 0 0 1.375-1.053 2.328 2.328 0 0 0 0-2.279 2.478 2.478 0 0 0-.83-.83l-3.53-2.045-5.727-3.317a5.022 5.022 0 0 0 4.139-.36l6.32 3.641a4.682 4.682 0 0 1 1.709 6.391zm-14-2.01v.004l-3.558 2a2.27 2.27 0 0 1-3.102-.823 2.267 2.267 0 0 1 2.551-3.332c.591.161 1.089.56 1.375 1.102v-.05a2.27 2.27 0 0 1-.824 3.103c.559-.303 3.352-2.62 3.465-2.714-.304-1.744-1.573-3.24-3.396-3.72a4.608 4.608 0 0 0-3.558.479 4.67 4.67 0 0 0-1.694 6.383 4.682 4.682 0 0 0 2.865 2.192 4.657 4.657 0 0 0 3.66-.56l6.877-3.973c-.019-1.303.512-2.604 1.375-3.58l-6.036 3.49zm-2.4-4.703v-8.1h.012c.002-1.617.821-3.189 2.321-4.055a4.682 4.682 0 1 1 2.337 8.737 4.678 4.678 0 0 1-1.55-.28c-.016-.085-.733-3.796-.733-4.188L9.29 9.59v6.761a4.075 4.075 0 0 0-2.317-2.7zm2.403-8.1a2.279 2.279 0 1 0 4.546 0 2.23 2.23 0 0 0-.297-1.127 2.279 2.279 0 0 0-1.97-1.14 2.267 2.267 0 0 0-2.279 2.254v.013z",
|
|
@@ -1034,11 +970,11 @@ var dpa_default = DPAIcon;
|
|
|
1034
970
|
|
|
1035
971
|
// ../base-ui/src/assets/subp.tsx
|
|
1036
972
|
import React25 from "react";
|
|
1037
|
-
import { jsx as
|
|
973
|
+
import { jsx as jsx25 } from "react/jsx-runtime";
|
|
1038
974
|
var SubPIcon = React25.forwardRef(
|
|
1039
975
|
(_a, ref) => {
|
|
1040
976
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1041
|
-
return /* @__PURE__ */
|
|
977
|
+
return /* @__PURE__ */ jsx25(
|
|
1042
978
|
"svg",
|
|
1043
979
|
__spreadProps(__spreadValues({
|
|
1044
980
|
ref,
|
|
@@ -1047,7 +983,7 @@ var SubPIcon = React25.forwardRef(
|
|
|
1047
983
|
}, props), {
|
|
1048
984
|
viewBox: "0 0 24 24",
|
|
1049
985
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1050
|
-
children: /* @__PURE__ */
|
|
986
|
+
children: /* @__PURE__ */ jsx25(
|
|
1051
987
|
"path",
|
|
1052
988
|
{
|
|
1053
989
|
d: "M11.999 0a12 12 0 100 24A12 12 0 0012 0zm1.183 5.255h.048c3.273 0 5.247 1.48 5.247 4.103 0 2.727-1.974 4.536-5.295 4.669v-1.742c1.837-.11 2.801-1.061 2.801-2.744 0-1.498-.957-2.442-2.8-2.516zm-1.773.026l.005 11.896c.779.052 1.583.18 2.26.337l-.269 1.324H6.788v-1.324a14.96 14.96 0 012.26-.337V6.993a14.71 14.71 0 01-2.26-.337V5.33h2.26c.64 0 1.469-.028 2.361-.05z",
|
|
@@ -1065,11 +1001,11 @@ var subp_default = SubPIcon;
|
|
|
1065
1001
|
|
|
1066
1002
|
// ../base-ui/src/assets/t3p.tsx
|
|
1067
1003
|
import React26 from "react";
|
|
1068
|
-
import { jsx as
|
|
1004
|
+
import { jsx as jsx26 } from "react/jsx-runtime";
|
|
1069
1005
|
var T3PIcon = React26.forwardRef(
|
|
1070
1006
|
(_a, ref) => {
|
|
1071
1007
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1072
|
-
return /* @__PURE__ */
|
|
1008
|
+
return /* @__PURE__ */ jsx26(
|
|
1073
1009
|
"svg",
|
|
1074
1010
|
__spreadProps(__spreadValues({
|
|
1075
1011
|
ref,
|
|
@@ -1078,7 +1014,7 @@ var T3PIcon = React26.forwardRef(
|
|
|
1078
1014
|
}, props), {
|
|
1079
1015
|
viewBox: "0 0 24 24",
|
|
1080
1016
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1081
|
-
children: /* @__PURE__ */
|
|
1017
|
+
children: /* @__PURE__ */ jsx26(
|
|
1082
1018
|
"path",
|
|
1083
1019
|
{
|
|
1084
1020
|
d: "M9.71 2.136a1.43 1.43 0 0 0-2.047 0h-.007a1.48 1.48 0 0 0-.421 1.042c0 .41.161.777.422 1.039l.007.007c.257.264.616.426 1.019.426.404 0 .766-.162 1.027-.426l.003-.007c.261-.262.421-.629.421-1.039 0-.408-.159-.777-.421-1.042H9.71zM8.683 22.295c.404 0 .766-.167 1.027-.429l.003-.008c.261-.261.421-.631.421-1.036 0-.41-.159-.778-.421-1.044H9.71a1.42 1.42 0 0 0-1.027-.432 1.4 1.4 0 0 0-1.02.432h-.007c-.26.266-.422.634-.422 1.044 0 .406.161.775.422 1.036l.007.008c.258.262.617.429 1.02.429zm7.89-4.462c.359-.096.683-.33.882-.684l.027-.052a1.47 1.47 0 0 0 .114-1.067 1.454 1.454 0 0 0-.675-.896l-.021-.014a1.425 1.425 0 0 0-1.078-.132c-.36.091-.684.335-.881.686-.2.349-.241.75-.146 1.119.099.363.33.691.675.896h.002c.346.203.737.239 1.101.144zm-6.405-7.342a2.083 2.083 0 0 0-1.485-.627c-.58 0-1.103.242-1.482.627-.378.385-.612.916-.612 1.507s.233 1.124.612 1.514a2.08 2.08 0 0 0 2.967 0c.379-.39.612-.923.612-1.514s-.233-1.122-.612-1.507zm-.835-2.51c.843.141 1.6.552 2.178 1.144h.004c.092.093.182.196.265.299l1.446-.851a3.176 3.176 0 0 1-.047-1.808 3.149 3.149 0 0 1 1.456-1.926l.025-.016a3.062 3.062 0 0 1 2.345-.306c.77.21 1.465.721 1.898 1.482v.002c.431.757.518 1.626.313 2.408a3.145 3.145 0 0 1-1.456 1.928l-.198.118h-.02a3.095 3.095 0 0 1-2.154.201 3.127 3.127 0 0 1-1.514-.944l-1.444.848a4.162 4.162 0 0 1 0 2.879l1.444.846c.413-.47.939-.789 1.514-.944a3.041 3.041 0 0 1 2.371.319l.048.023v.002a3.17 3.17 0 0 1 1.408 1.906 3.215 3.215 0 0 1-.313 2.405l-.026.053-.003-.005a3.147 3.147 0 0 1-1.867 1.436 3.096 3.096 0 0 1-2.371-.318v-.006a3.156 3.156 0 0 1-1.456-1.927 3.175 3.175 0 0 1 .047-1.805l-1.446-.848a3.905 3.905 0 0 1-.265.294l-.004.005a3.938 3.938 0 0 1-2.178 1.138v1.699a3.09 3.09 0 0 1 1.56.862l.002.004c.565.572.914 1.368.914 2.243 0 .873-.35 1.664-.914 2.239l-.002.009a3.1 3.1 0 0 1-2.21.931 3.1 3.1 0 0 1-2.206-.93h-.002v-.009a3.186 3.186 0 0 1-.916-2.239c0-.875.35-1.672.916-2.243v-.004h.002a3.1 3.1 0 0 1 1.558-.862v-1.699a3.926 3.926 0 0 1-2.176-1.138l-.006-.005a4.098 4.098 0 0 1-1.173-2.874c0-1.122.452-2.136 1.173-2.872h.006a3.947 3.947 0 0 1 2.176-1.144V6.289a3.137 3.137 0 0 1-1.558-.864h-.002v-.004a3.192 3.192 0 0 1-.916-2.243c0-.871.35-1.669.916-2.243l.002-.002A3.084 3.084 0 0 1 8.683 0c.861 0 1.641.355 2.21.932v.002h.002c.565.574.914 1.372.914 2.243 0 .876-.35 1.667-.914 2.243l-.002.005a3.142 3.142 0 0 1-1.56.864v1.692zm8.121-1.129l-.012-.019a1.452 1.452 0 0 0-.87-.668 1.43 1.43 0 0 0-1.103.146h.002c-.347.2-.58.529-.677.896-.095.365-.054.768.146 1.119l.007.009c.2.347.519.579.874.673.357.103.755.059 1.098-.144l.019-.009a1.47 1.47 0 0 0 .657-.885 1.493 1.493 0 0 0-.141-1.118",
|
|
@@ -1094,11 +1030,11 @@ var t3p_default = T3PIcon;
|
|
|
1094
1030
|
|
|
1095
1031
|
// ../base-ui/src/assets/http.tsx
|
|
1096
1032
|
import React27 from "react";
|
|
1097
|
-
import { jsx as
|
|
1033
|
+
import { jsx as jsx27 } from "react/jsx-runtime";
|
|
1098
1034
|
var HttpIcon = React27.forwardRef(
|
|
1099
1035
|
(_a, ref) => {
|
|
1100
1036
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1101
|
-
return /* @__PURE__ */
|
|
1037
|
+
return /* @__PURE__ */ jsx27(
|
|
1102
1038
|
"svg",
|
|
1103
1039
|
__spreadProps(__spreadValues({
|
|
1104
1040
|
ref,
|
|
@@ -1107,7 +1043,7 @@ var HttpIcon = React27.forwardRef(
|
|
|
1107
1043
|
}, props), {
|
|
1108
1044
|
viewBox: "0 0 1024 1024",
|
|
1109
1045
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1110
|
-
children: /* @__PURE__ */
|
|
1046
|
+
children: /* @__PURE__ */ jsx27(
|
|
1111
1047
|
"path",
|
|
1112
1048
|
{
|
|
1113
1049
|
d: "M400.896 704.292571v194.889143a376.795429 376.795429 0 0 1-84.845714-12.8c-21.028571-34.486857-48.384-93.732571-65.682286-182.089143h150.528z m448 8.521143v38.070857H803.108571V885.028571h-41.984v-134.144h-89.929142V885.028571h-41.984v-134.144h-45.860572v-38.034285h265.508572z m-368.347429 0v63.561143h50.395429V712.777143h41.984V885.028571h-41.984v-70.582857H480.548571v70.582857h-41.947428V712.777143h41.947428z m433.188572 0c19.456 0 32.146286 0.841143 38.509714 2.633143 10.057143 2.742857 18.505143 8.740571 25.161143 17.810286 6.729143 9.069714 10.020571 20.662857 10.020571 34.596571 0 10.715429-1.901714 19.894857-5.741714 27.428572a49.115429 49.115429 0 0 1-33.024 26.404571c-7.899429 1.645714-19.017143 2.450286-33.462857 2.450286h-14.994286V885.028571h-41.947428V712.777143h55.478857z m-691.602286-8.521143c15.579429 79.798857 39.460571 135.606857 59.465143 171.154286a377.526857 377.526857 0 0 1-198.144-171.154286h138.678857z m693.248 35.84h-25.929143v56.576h22.491429c12.946286 0 21.686857-0.914286 26.697143-2.925714a26.038857 26.038857 0 0 0 12.214857-9.984 27.757714 27.757714 0 0 0 4.388571-15.506286 26.733714 26.733714 0 0 0-6.217143-18.029714 26.697143 26.697143 0 0 0-15.652571-8.923428 114.505143 114.505143 0 0 0-17.993143-1.170286z m-514.486857-203.410285v139.629714h-155.428571a957.586286 957.586286 0 0 1-11.702858-139.629714h167.131429z m-195.108571 0a955.977143 955.977143 0 0 0 11.776 139.629714H70.107429A372.626286 372.626286 0 0 1 36.571429 536.722286h169.216z m390.217142 0a957.696 957.696 0 0 1-11.702857 139.629714h-155.428571v-139.629714h167.131428z m193.170286 0a374.930286 374.930286 0 0 1-33.389714 139.629714H612.205714a956.342857 956.342857 0 0 0 11.776-139.629714h165.193143z m-32.548571-167.570286c19.346286 42.934857 30.902857 89.965714 32.841143 139.629714h-165.376c-0.694857-52.48-5.010286-98.742857-11.556572-139.629714h144.091429z m-355.730286 0v139.629714H233.581714c0.731429-52.516571 5.12-98.742857 11.629715-139.629714h155.684571z m-183.661714 0a965.412571 965.412571 0 0 0-11.593143 139.629714H36.790857c1.828571-49.627429 13.019429-96.768 32.256-139.629714H217.234286z m367.323428 0c6.546286 40.923429 10.898286 87.113143 11.629715 139.629714h-167.350858v-139.629714h155.721143z m-34.998857-197.595429c82.651429 32.109714 150.528 92.891429 193.060572 169.691429H607.817143c-15.286857-78.189714-38.509714-133.741714-58.258286-169.691429zM428.873143 146.285714c29.696 1.316571 58.514286 5.997714 86.125714 13.750857 20.955429 35.181714 47.908571 93.952 64.987429 181.174858h-151.149715V146.285714z m-27.977143 0.036572v194.925714H249.819429c17.115429-87.771429 44.324571-146.724571 65.316571-181.833143A376.758857 376.758857 0 0 1 400.896 146.285714z m-120.100571 24.064c-19.858286 35.949714-43.410286 91.794286-58.88 170.825143H83.053714a378.404571 378.404571 0 0 1 197.741715-170.788572z",
|
|
@@ -1124,11 +1060,11 @@ var http_default = HttpIcon;
|
|
|
1124
1060
|
|
|
1125
1061
|
// ../base-ui/src/assets/scheme.tsx
|
|
1126
1062
|
import React28 from "react";
|
|
1127
|
-
import { jsx as
|
|
1063
|
+
import { jsx as jsx28 } from "react/jsx-runtime";
|
|
1128
1064
|
var SchemeIcon = React28.forwardRef(
|
|
1129
1065
|
(_a, ref) => {
|
|
1130
1066
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1131
|
-
return /* @__PURE__ */
|
|
1067
|
+
return /* @__PURE__ */ jsx28(
|
|
1132
1068
|
"svg",
|
|
1133
1069
|
__spreadProps(__spreadValues({
|
|
1134
1070
|
ref,
|
|
@@ -1137,7 +1073,7 @@ var SchemeIcon = React28.forwardRef(
|
|
|
1137
1073
|
}, props), {
|
|
1138
1074
|
viewBox: "0 0 24 24",
|
|
1139
1075
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1140
|
-
children: /* @__PURE__ */
|
|
1076
|
+
children: /* @__PURE__ */ jsx28(
|
|
1141
1077
|
"path",
|
|
1142
1078
|
{
|
|
1143
1079
|
fill: themeSvgIconColor,
|
|
@@ -1153,11 +1089,11 @@ var scheme_default = SchemeIcon;
|
|
|
1153
1089
|
|
|
1154
1090
|
// ../base-ui/src/assets/faq.tsx
|
|
1155
1091
|
import React29 from "react";
|
|
1156
|
-
import { jsx as
|
|
1092
|
+
import { jsx as jsx29, jsxs as jsxs7 } from "react/jsx-runtime";
|
|
1157
1093
|
var FAQIcon = React29.forwardRef(
|
|
1158
1094
|
(_a, ref) => {
|
|
1159
1095
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1160
|
-
return /* @__PURE__ */
|
|
1096
|
+
return /* @__PURE__ */ jsxs7(
|
|
1161
1097
|
"svg",
|
|
1162
1098
|
__spreadProps(__spreadValues({
|
|
1163
1099
|
ref,
|
|
@@ -1171,9 +1107,9 @@ var FAQIcon = React29.forwardRef(
|
|
|
1171
1107
|
viewBox: "0 0 24 24",
|
|
1172
1108
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1173
1109
|
children: [
|
|
1174
|
-
/* @__PURE__ */
|
|
1175
|
-
/* @__PURE__ */
|
|
1176
|
-
/* @__PURE__ */
|
|
1110
|
+
/* @__PURE__ */ jsx29("circle", { cx: "12", cy: "12", r: "10", fill: "none", stroke: themeSvgIconColor }),
|
|
1111
|
+
/* @__PURE__ */ jsx29("path", { d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3", fill: "none", stroke: themeSvgIconColor }),
|
|
1112
|
+
/* @__PURE__ */ jsx29("path", { d: "M12 17h.01", fill: "none", stroke: themeSvgIconColor })
|
|
1177
1113
|
]
|
|
1178
1114
|
})
|
|
1179
1115
|
);
|
|
@@ -1184,11 +1120,11 @@ var faq_default = FAQIcon;
|
|
|
1184
1120
|
|
|
1185
1121
|
// ../base-ui/src/assets/faqb.tsx
|
|
1186
1122
|
import React30 from "react";
|
|
1187
|
-
import { jsx as
|
|
1123
|
+
import { jsx as jsx30, jsxs as jsxs8 } from "react/jsx-runtime";
|
|
1188
1124
|
var FAQBIcon = React30.forwardRef(
|
|
1189
1125
|
(_a, ref) => {
|
|
1190
1126
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1191
|
-
return /* @__PURE__ */
|
|
1127
|
+
return /* @__PURE__ */ jsxs8(
|
|
1192
1128
|
"svg",
|
|
1193
1129
|
__spreadProps(__spreadValues({
|
|
1194
1130
|
ref,
|
|
@@ -1202,7 +1138,7 @@ var FAQBIcon = React30.forwardRef(
|
|
|
1202
1138
|
viewBox: "0 0 24 24",
|
|
1203
1139
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1204
1140
|
children: [
|
|
1205
|
-
/* @__PURE__ */
|
|
1141
|
+
/* @__PURE__ */ jsx30(
|
|
1206
1142
|
"path",
|
|
1207
1143
|
{
|
|
1208
1144
|
fill: "none",
|
|
@@ -1210,8 +1146,8 @@ var FAQBIcon = React30.forwardRef(
|
|
|
1210
1146
|
d: "M3.85 8.62a4 4 0 0 1 4.78-4.77 4 4 0 0 1 6.74 0 4 4 0 0 1 4.78 4.78 4 4 0 0 1 0 6.74 4 4 0 0 1-4.77 4.78 4 4 0 0 1-6.75 0 4 4 0 0 1-4.78-4.77 4 4 0 0 1 0-6.76Z"
|
|
1211
1147
|
}
|
|
1212
1148
|
),
|
|
1213
|
-
/* @__PURE__ */
|
|
1214
|
-
/* @__PURE__ */
|
|
1149
|
+
/* @__PURE__ */ jsx30("path", { fill: "none", stroke: themeSvgIconColor, d: "M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" }),
|
|
1150
|
+
/* @__PURE__ */ jsx30("line", { fill: "none", stroke: themeSvgIconColor, x1: "12", x2: "12.01", y1: "17", y2: "17" })
|
|
1215
1151
|
]
|
|
1216
1152
|
})
|
|
1217
1153
|
);
|
|
@@ -1222,11 +1158,11 @@ var faqb_default = FAQBIcon;
|
|
|
1222
1158
|
|
|
1223
1159
|
// ../base-ui/src/assets/faqs.tsx
|
|
1224
1160
|
import React31 from "react";
|
|
1225
|
-
import { jsx as
|
|
1161
|
+
import { jsx as jsx31, jsxs as jsxs9 } from "react/jsx-runtime";
|
|
1226
1162
|
var FAQSIcon = React31.forwardRef(
|
|
1227
1163
|
(_a, ref) => {
|
|
1228
1164
|
var _b = _a, { color = "currentColor", className } = _b, props = __objRest(_b, ["color", "className"]);
|
|
1229
|
-
return /* @__PURE__ */
|
|
1165
|
+
return /* @__PURE__ */ jsxs9(
|
|
1230
1166
|
"svg",
|
|
1231
1167
|
__spreadProps(__spreadValues({
|
|
1232
1168
|
ref,
|
|
@@ -1240,7 +1176,7 @@ var FAQSIcon = React31.forwardRef(
|
|
|
1240
1176
|
viewBox: "0 0 24 24",
|
|
1241
1177
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1242
1178
|
children: [
|
|
1243
|
-
/* @__PURE__ */
|
|
1179
|
+
/* @__PURE__ */ jsx31(
|
|
1244
1180
|
"path",
|
|
1245
1181
|
{
|
|
1246
1182
|
fill: "none",
|
|
@@ -1248,8 +1184,8 @@ var FAQSIcon = React31.forwardRef(
|
|
|
1248
1184
|
d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"
|
|
1249
1185
|
}
|
|
1250
1186
|
),
|
|
1251
|
-
/* @__PURE__ */
|
|
1252
|
-
/* @__PURE__ */
|
|
1187
|
+
/* @__PURE__ */ jsx31("path", { fill: "none", stroke: themeSvgIconColor, d: "M9.1 9a3 3 0 0 1 5.82 1c0 2-3 3-3 3" }),
|
|
1188
|
+
/* @__PURE__ */ jsx31("path", { fill: "none", stroke: themeSvgIconColor, d: "M12 17h.01" })
|
|
1253
1189
|
]
|
|
1254
1190
|
})
|
|
1255
1191
|
);
|
|
@@ -2722,7 +2658,7 @@ var Zap = createLucideIcon("zap", __iconNode111);
|
|
|
2722
2658
|
|
|
2723
2659
|
// ../base-ui/src/components/global-icon.tsx
|
|
2724
2660
|
import React32 from "react";
|
|
2725
|
-
import { jsx as
|
|
2661
|
+
import { jsx as jsx32 } from "react/jsx-runtime";
|
|
2726
2662
|
var tempStyledLimitedIcons = {};
|
|
2727
2663
|
for (const iconNameKey in limited_lucide_icons_exports) {
|
|
2728
2664
|
if (Object.prototype.hasOwnProperty.call(limited_lucide_icons_exports, iconNameKey)) {
|
|
@@ -2742,7 +2678,7 @@ for (const iconNameKey in limited_lucide_icons_exports) {
|
|
|
2742
2678
|
height: props.size || themeSvgIconSize
|
|
2743
2679
|
}, props.style)
|
|
2744
2680
|
});
|
|
2745
|
-
return /* @__PURE__ */
|
|
2681
|
+
return /* @__PURE__ */ jsx32(ComponentToRender, __spreadValues({}, finalProps));
|
|
2746
2682
|
};
|
|
2747
2683
|
StyledIcon.displayName = `Styled(${iconName})`;
|
|
2748
2684
|
tempStyledLimitedIcons[iconName] = StyledIcon;
|
|
@@ -2766,7 +2702,7 @@ for (const [iconName, IconComponent] of Object.entries(BUILTIN_ICON_COMPONENTS))
|
|
|
2766
2702
|
height: props.size || themeSvgIconSize
|
|
2767
2703
|
}, props.style)
|
|
2768
2704
|
});
|
|
2769
|
-
return /* @__PURE__ */
|
|
2705
|
+
return /* @__PURE__ */ jsx32(IconComponent, __spreadValues({}, finalProps));
|
|
2770
2706
|
};
|
|
2771
2707
|
WrappedIcon.displayName = `Wrapped(${iconName})`;
|
|
2772
2708
|
tempWrappedBuiltinIcons[iconName] = WrappedIcon;
|
|
@@ -2774,10 +2710,10 @@ for (const [iconName, IconComponent] of Object.entries(BUILTIN_ICON_COMPONENTS))
|
|
|
2774
2710
|
var wrappedBuiltinIconsPart = tempWrappedBuiltinIcons;
|
|
2775
2711
|
var globalLucideIcons = __spreadValues(__spreadValues({}, styledLimitedIconsPart), wrappedBuiltinIconsPart);
|
|
2776
2712
|
var DEFAULT_FALLBACK_ICON = "Sparkles";
|
|
2777
|
-
function getGlobalIcon(iconKey,
|
|
2713
|
+
function getGlobalIcon(iconKey, createElement8) {
|
|
2778
2714
|
var _a;
|
|
2779
2715
|
if (!iconKey) {
|
|
2780
|
-
if (
|
|
2716
|
+
if (createElement8) {
|
|
2781
2717
|
return void 0;
|
|
2782
2718
|
}
|
|
2783
2719
|
return globalLucideIcons[DEFAULT_FALLBACK_ICON];
|
|
@@ -2790,113 +2726,3034 @@ function getGlobalIcon(iconKey, createElement3) {
|
|
|
2790
2726
|
);
|
|
2791
2727
|
}
|
|
2792
2728
|
const FallbackIcon = globalLucideIcons[DEFAULT_FALLBACK_ICON];
|
|
2793
|
-
if (
|
|
2729
|
+
if (createElement8) {
|
|
2794
2730
|
return React32.createElement(FallbackIcon);
|
|
2795
2731
|
}
|
|
2796
2732
|
return FallbackIcon;
|
|
2797
2733
|
}
|
|
2798
|
-
if (
|
|
2734
|
+
if (createElement8) {
|
|
2799
2735
|
return React32.createElement(Icon2);
|
|
2800
2736
|
}
|
|
2801
2737
|
return Icon2;
|
|
2802
2738
|
}
|
|
2803
2739
|
|
|
2804
|
-
// src/main/
|
|
2805
|
-
import {
|
|
2806
|
-
import { jsx as jsx34, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
2807
|
-
function Usage(_0) {
|
|
2808
|
-
return __async(this, arguments, function* ({
|
|
2809
|
-
locale,
|
|
2810
|
-
sectionClassName
|
|
2811
|
-
}) {
|
|
2812
|
-
const t = yield getTranslations2({ locale, namespace: "usage" });
|
|
2813
|
-
const steps = t.raw("steps");
|
|
2814
|
-
const data = {
|
|
2815
|
-
title: t("title"),
|
|
2816
|
-
eyesOn: t("eyesOn"),
|
|
2817
|
-
description: richText(t, "description"),
|
|
2818
|
-
steps: steps.map((step, index) => ({
|
|
2819
|
-
id: `usage-step-${index}`,
|
|
2820
|
-
title: step.title,
|
|
2821
|
-
description: richText(t, `steps.${index}.description`),
|
|
2822
|
-
iconKey: step.iconKey,
|
|
2823
|
-
stepNumber: index + 1
|
|
2824
|
-
}))
|
|
2825
|
-
};
|
|
2826
|
-
return /* @__PURE__ */ jsxs11("section", { id: "usage", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
|
|
2827
|
-
/* @__PURE__ */ jsxs11("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
|
|
2828
|
-
data.title,
|
|
2829
|
-
" ",
|
|
2830
|
-
/* @__PURE__ */ jsx34("span", { className: "text-purple-500", children: data.eyesOn })
|
|
2831
|
-
] }),
|
|
2832
|
-
/* @__PURE__ */ jsx34("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: data.description }),
|
|
2833
|
-
/* @__PURE__ */ jsx34("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: /* @__PURE__ */ jsx34("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.steps.map((step) => {
|
|
2834
|
-
const Icon2 = getGlobalIcon(step.iconKey);
|
|
2835
|
-
return /* @__PURE__ */ jsxs11("div", { "data-usage-step": step.id, className: "flex items-start", children: [
|
|
2836
|
-
/* @__PURE__ */ jsx34("div", { className: "flex-shrink-0 mr-4", children: /* @__PURE__ */ jsx34(Icon2, { className: "w-8 h-8 text-purple-500" }) }),
|
|
2837
|
-
/* @__PURE__ */ jsxs11("div", { children: [
|
|
2838
|
-
/* @__PURE__ */ jsx34("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${step.stepNumber}. ${step.title}` }),
|
|
2839
|
-
/* @__PURE__ */ jsx34("p", { className: "text-gray-700 dark:text-gray-300", children: step.description })
|
|
2840
|
-
] })
|
|
2841
|
-
] }, step.id);
|
|
2842
|
-
}) }) })
|
|
2843
|
-
] });
|
|
2844
|
-
});
|
|
2845
|
-
}
|
|
2740
|
+
// src/main/go-to-top.tsx
|
|
2741
|
+
import { Fragment, jsx as jsx33 } from "react/jsx-runtime";
|
|
2846
2742
|
|
|
2847
|
-
// src/main/
|
|
2848
|
-
import {
|
|
2849
|
-
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2743
|
+
// src/main/loading.tsx
|
|
2744
|
+
import { jsx as jsx34, jsxs as jsxs10 } from "react/jsx-runtime";
|
|
2745
|
+
|
|
2746
|
+
// src/main/nprogress-bar.tsx
|
|
2747
|
+
import NProgress from "nprogress";
|
|
2748
|
+
import { usePathname } from "next/navigation";
|
|
2749
|
+
import { useEffect as useEffect2, useRef } from "react";
|
|
2750
|
+
NProgress.configure({ showSpinner: false });
|
|
2751
|
+
|
|
2752
|
+
// src/main/ads-alert-dialog.tsx
|
|
2753
|
+
import { useState as useState11 } from "react";
|
|
2754
|
+
import Image from "next/image";
|
|
2755
|
+
|
|
2756
|
+
// ../base-ui/src/ui/alert-dialog.tsx
|
|
2757
|
+
import * as React57 from "react";
|
|
2758
|
+
|
|
2759
|
+
// ../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types_c6ff7006a888f63e36d2502e019661c3/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
|
|
2760
|
+
import * as React55 from "react";
|
|
2761
|
+
|
|
2762
|
+
// ../../node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-context/dist/index.mjs
|
|
2763
|
+
import * as React33 from "react";
|
|
2764
|
+
import { jsx as jsx35 } from "react/jsx-runtime";
|
|
2765
|
+
function createContext2(rootComponentName, defaultContext) {
|
|
2766
|
+
const Context = React33.createContext(defaultContext);
|
|
2767
|
+
const Provider = (props) => {
|
|
2768
|
+
const _a = props, { children } = _a, context = __objRest(_a, ["children"]);
|
|
2769
|
+
const value = React33.useMemo(() => context, Object.values(context));
|
|
2770
|
+
return /* @__PURE__ */ jsx35(Context.Provider, { value, children });
|
|
2771
|
+
};
|
|
2772
|
+
Provider.displayName = rootComponentName + "Provider";
|
|
2773
|
+
function useContext22(consumerName) {
|
|
2774
|
+
const context = React33.useContext(Context);
|
|
2775
|
+
if (context) return context;
|
|
2776
|
+
if (defaultContext !== void 0) return defaultContext;
|
|
2777
|
+
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
2778
|
+
}
|
|
2779
|
+
return [Provider, useContext22];
|
|
2780
|
+
}
|
|
2781
|
+
function createContextScope(scopeName, createContextScopeDeps = []) {
|
|
2782
|
+
let defaultContexts = [];
|
|
2783
|
+
function createContext32(rootComponentName, defaultContext) {
|
|
2784
|
+
const BaseContext = React33.createContext(defaultContext);
|
|
2785
|
+
const index = defaultContexts.length;
|
|
2786
|
+
defaultContexts = [...defaultContexts, defaultContext];
|
|
2787
|
+
const Provider = (props) => {
|
|
2788
|
+
var _b;
|
|
2789
|
+
const _a = props, { scope, children } = _a, context = __objRest(_a, ["scope", "children"]);
|
|
2790
|
+
const Context = ((_b = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _b[index]) || BaseContext;
|
|
2791
|
+
const value = React33.useMemo(() => context, Object.values(context));
|
|
2792
|
+
return /* @__PURE__ */ jsx35(Context.Provider, { value, children });
|
|
2868
2793
|
};
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2873
|
-
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2794
|
+
Provider.displayName = rootComponentName + "Provider";
|
|
2795
|
+
function useContext22(consumerName, scope) {
|
|
2796
|
+
var _a;
|
|
2797
|
+
const Context = ((_a = scope == null ? void 0 : scope[scopeName]) == null ? void 0 : _a[index]) || BaseContext;
|
|
2798
|
+
const context = React33.useContext(Context);
|
|
2799
|
+
if (context) return context;
|
|
2800
|
+
if (defaultContext !== void 0) return defaultContext;
|
|
2801
|
+
throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
|
|
2802
|
+
}
|
|
2803
|
+
return [Provider, useContext22];
|
|
2804
|
+
}
|
|
2805
|
+
const createScope = () => {
|
|
2806
|
+
const scopeContexts = defaultContexts.map((defaultContext) => {
|
|
2807
|
+
return React33.createContext(defaultContext);
|
|
2808
|
+
});
|
|
2809
|
+
return function useScope(scope) {
|
|
2810
|
+
const contexts = (scope == null ? void 0 : scope[scopeName]) || scopeContexts;
|
|
2811
|
+
return React33.useMemo(
|
|
2812
|
+
() => ({ [`__scope${scopeName}`]: __spreadProps(__spreadValues({}, scope), { [scopeName]: contexts }) }),
|
|
2813
|
+
[scope, contexts]
|
|
2814
|
+
);
|
|
2815
|
+
};
|
|
2816
|
+
};
|
|
2817
|
+
createScope.scopeName = scopeName;
|
|
2818
|
+
return [createContext32, composeContextScopes(createScope, ...createContextScopeDeps)];
|
|
2894
2819
|
}
|
|
2895
|
-
|
|
2820
|
+
function composeContextScopes(...scopes) {
|
|
2821
|
+
const baseScope = scopes[0];
|
|
2822
|
+
if (scopes.length === 1) return baseScope;
|
|
2823
|
+
const createScope = () => {
|
|
2824
|
+
const scopeHooks = scopes.map((createScope2) => ({
|
|
2825
|
+
useScope: createScope2(),
|
|
2826
|
+
scopeName: createScope2.scopeName
|
|
2827
|
+
}));
|
|
2828
|
+
return function useComposedScopes(overrideScopes) {
|
|
2829
|
+
const nextScopes = scopeHooks.reduce((nextScopes2, { useScope, scopeName }) => {
|
|
2830
|
+
const scopeProps = useScope(overrideScopes);
|
|
2831
|
+
const currentScope = scopeProps[`__scope${scopeName}`];
|
|
2832
|
+
return __spreadValues(__spreadValues({}, nextScopes2), currentScope);
|
|
2833
|
+
}, {});
|
|
2834
|
+
return React33.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
|
|
2835
|
+
};
|
|
2836
|
+
};
|
|
2837
|
+
createScope.scopeName = baseScope.scopeName;
|
|
2838
|
+
return createScope;
|
|
2839
|
+
}
|
|
2840
|
+
|
|
2841
|
+
// ../../node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
|
|
2842
|
+
import * as React34 from "react";
|
|
2843
|
+
function setRef(ref, value) {
|
|
2844
|
+
if (typeof ref === "function") {
|
|
2845
|
+
return ref(value);
|
|
2846
|
+
} else if (ref !== null && ref !== void 0) {
|
|
2847
|
+
ref.current = value;
|
|
2848
|
+
}
|
|
2849
|
+
}
|
|
2850
|
+
function composeRefs(...refs) {
|
|
2851
|
+
return (node) => {
|
|
2852
|
+
let hasCleanup = false;
|
|
2853
|
+
const cleanups = refs.map((ref) => {
|
|
2854
|
+
const cleanup = setRef(ref, node);
|
|
2855
|
+
if (!hasCleanup && typeof cleanup == "function") {
|
|
2856
|
+
hasCleanup = true;
|
|
2857
|
+
}
|
|
2858
|
+
return cleanup;
|
|
2859
|
+
});
|
|
2860
|
+
if (hasCleanup) {
|
|
2861
|
+
return () => {
|
|
2862
|
+
for (let i = 0; i < cleanups.length; i++) {
|
|
2863
|
+
const cleanup = cleanups[i];
|
|
2864
|
+
if (typeof cleanup == "function") {
|
|
2865
|
+
cleanup();
|
|
2866
|
+
} else {
|
|
2867
|
+
setRef(refs[i], null);
|
|
2868
|
+
}
|
|
2869
|
+
}
|
|
2870
|
+
};
|
|
2871
|
+
}
|
|
2872
|
+
};
|
|
2873
|
+
}
|
|
2874
|
+
function useComposedRefs(...refs) {
|
|
2875
|
+
return React34.useCallback(composeRefs(...refs), refs);
|
|
2876
|
+
}
|
|
2877
|
+
|
|
2878
|
+
// ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react_848f83211ce5e4d8275fe0d3e11a9387/node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
2879
|
+
import * as React54 from "react";
|
|
2880
|
+
|
|
2881
|
+
// ../../node_modules/.pnpm/@radix-ui+primitive@1.1.2/node_modules/@radix-ui/primitive/dist/index.mjs
|
|
2882
|
+
function composeEventHandlers(originalEventHandler, ourEventHandler, { checkForDefaultPrevented = true } = {}) {
|
|
2883
|
+
return function handleEvent(event) {
|
|
2884
|
+
originalEventHandler == null ? void 0 : originalEventHandler(event);
|
|
2885
|
+
if (checkForDefaultPrevented === false || !event.defaultPrevented) {
|
|
2886
|
+
return ourEventHandler == null ? void 0 : ourEventHandler(event);
|
|
2887
|
+
}
|
|
2888
|
+
};
|
|
2889
|
+
}
|
|
2890
|
+
|
|
2891
|
+
// ../../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
|
|
2892
|
+
import * as React36 from "react";
|
|
2893
|
+
|
|
2894
|
+
// ../../node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
|
|
2895
|
+
import * as React35 from "react";
|
|
2896
|
+
var useLayoutEffect2 = (globalThis == null ? void 0 : globalThis.document) ? React35.useLayoutEffect : () => {
|
|
2897
|
+
};
|
|
2898
|
+
|
|
2899
|
+
// ../../node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-id/dist/index.mjs
|
|
2900
|
+
var useReactId = React36[" useId ".trim().toString()] || (() => void 0);
|
|
2901
|
+
var count = 0;
|
|
2902
|
+
function useId(deterministicId) {
|
|
2903
|
+
const [id, setId] = React36.useState(useReactId());
|
|
2904
|
+
useLayoutEffect2(() => {
|
|
2905
|
+
if (!deterministicId) setId((reactId) => reactId != null ? reactId : String(count++));
|
|
2906
|
+
}, [deterministicId]);
|
|
2907
|
+
return deterministicId || (id ? `radix-${id}` : "");
|
|
2908
|
+
}
|
|
2909
|
+
|
|
2910
|
+
// ../../node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
|
|
2911
|
+
import * as React37 from "react";
|
|
2912
|
+
import * as React210 from "react";
|
|
2913
|
+
var useInsertionEffect = React37[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
|
|
2914
|
+
function useControllableState({
|
|
2915
|
+
prop,
|
|
2916
|
+
defaultProp,
|
|
2917
|
+
onChange = () => {
|
|
2918
|
+
},
|
|
2919
|
+
caller
|
|
2920
|
+
}) {
|
|
2921
|
+
const [uncontrolledProp, setUncontrolledProp, onChangeRef] = useUncontrolledState({
|
|
2922
|
+
defaultProp,
|
|
2923
|
+
onChange
|
|
2924
|
+
});
|
|
2925
|
+
const isControlled = prop !== void 0;
|
|
2926
|
+
const value = isControlled ? prop : uncontrolledProp;
|
|
2927
|
+
if (true) {
|
|
2928
|
+
const isControlledRef = React37.useRef(prop !== void 0);
|
|
2929
|
+
React37.useEffect(() => {
|
|
2930
|
+
const wasControlled = isControlledRef.current;
|
|
2931
|
+
if (wasControlled !== isControlled) {
|
|
2932
|
+
const from = wasControlled ? "controlled" : "uncontrolled";
|
|
2933
|
+
const to = isControlled ? "controlled" : "uncontrolled";
|
|
2934
|
+
console.warn(
|
|
2935
|
+
`${caller} is changing from ${from} to ${to}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
|
|
2936
|
+
);
|
|
2937
|
+
}
|
|
2938
|
+
isControlledRef.current = isControlled;
|
|
2939
|
+
}, [isControlled, caller]);
|
|
2940
|
+
}
|
|
2941
|
+
const setValue = React37.useCallback(
|
|
2942
|
+
(nextValue) => {
|
|
2943
|
+
var _a;
|
|
2944
|
+
if (isControlled) {
|
|
2945
|
+
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
|
|
2946
|
+
if (value2 !== prop) {
|
|
2947
|
+
(_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, value2);
|
|
2948
|
+
}
|
|
2949
|
+
} else {
|
|
2950
|
+
setUncontrolledProp(nextValue);
|
|
2951
|
+
}
|
|
2952
|
+
},
|
|
2953
|
+
[isControlled, prop, setUncontrolledProp, onChangeRef]
|
|
2954
|
+
);
|
|
2955
|
+
return [value, setValue];
|
|
2956
|
+
}
|
|
2957
|
+
function useUncontrolledState({
|
|
2958
|
+
defaultProp,
|
|
2959
|
+
onChange
|
|
2960
|
+
}) {
|
|
2961
|
+
const [value, setValue] = React37.useState(defaultProp);
|
|
2962
|
+
const prevValueRef = React37.useRef(value);
|
|
2963
|
+
const onChangeRef = React37.useRef(onChange);
|
|
2964
|
+
useInsertionEffect(() => {
|
|
2965
|
+
onChangeRef.current = onChange;
|
|
2966
|
+
}, [onChange]);
|
|
2967
|
+
React37.useEffect(() => {
|
|
2968
|
+
var _a;
|
|
2969
|
+
if (prevValueRef.current !== value) {
|
|
2970
|
+
(_a = onChangeRef.current) == null ? void 0 : _a.call(onChangeRef, value);
|
|
2971
|
+
prevValueRef.current = value;
|
|
2972
|
+
}
|
|
2973
|
+
}, [value, prevValueRef]);
|
|
2974
|
+
return [value, setValue, onChangeRef];
|
|
2975
|
+
}
|
|
2976
|
+
function isFunction(value) {
|
|
2977
|
+
return typeof value === "function";
|
|
2978
|
+
}
|
|
2979
|
+
var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
|
|
2980
|
+
|
|
2981
|
+
// ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.3_@types+react@19.1.2__@_048ea5800fbfacb7489e4b7d728b493c/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
2982
|
+
import * as React42 from "react";
|
|
2983
|
+
|
|
2984
|
+
// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.3_@types+react@19.1.2__@types+rea_43250ccbc78c27b15284efcf829a65d5/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
2985
|
+
import * as React39 from "react";
|
|
2986
|
+
import * as ReactDOM from "react-dom";
|
|
2987
|
+
|
|
2988
|
+
// ../../node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-slot/dist/index.mjs
|
|
2989
|
+
import * as React38 from "react";
|
|
2990
|
+
import { Fragment as Fragment22, jsx as jsx36 } from "react/jsx-runtime";
|
|
2991
|
+
// @__NO_SIDE_EFFECTS__
|
|
2992
|
+
function createSlot(ownerName) {
|
|
2993
|
+
const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
|
|
2994
|
+
const Slot22 = React38.forwardRef((props, forwardedRef) => {
|
|
2995
|
+
const _a = props, { children } = _a, slotProps = __objRest(_a, ["children"]);
|
|
2996
|
+
const childrenArray = React38.Children.toArray(children);
|
|
2997
|
+
const slottable = childrenArray.find(isSlottable);
|
|
2998
|
+
if (slottable) {
|
|
2999
|
+
const newElement = slottable.props.children;
|
|
3000
|
+
const newChildren = childrenArray.map((child) => {
|
|
3001
|
+
if (child === slottable) {
|
|
3002
|
+
if (React38.Children.count(newElement) > 1) return React38.Children.only(null);
|
|
3003
|
+
return React38.isValidElement(newElement) ? newElement.props.children : null;
|
|
3004
|
+
} else {
|
|
3005
|
+
return child;
|
|
3006
|
+
}
|
|
3007
|
+
});
|
|
3008
|
+
return /* @__PURE__ */ jsx36(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children: React38.isValidElement(newElement) ? React38.cloneElement(newElement, void 0, newChildren) : null }));
|
|
3009
|
+
}
|
|
3010
|
+
return /* @__PURE__ */ jsx36(SlotClone, __spreadProps(__spreadValues({}, slotProps), { ref: forwardedRef, children }));
|
|
3011
|
+
});
|
|
3012
|
+
Slot22.displayName = `${ownerName}.Slot`;
|
|
3013
|
+
return Slot22;
|
|
3014
|
+
}
|
|
3015
|
+
var Slot = /* @__PURE__ */ createSlot("Slot");
|
|
3016
|
+
// @__NO_SIDE_EFFECTS__
|
|
3017
|
+
function createSlotClone(ownerName) {
|
|
3018
|
+
const SlotClone = React38.forwardRef((props, forwardedRef) => {
|
|
3019
|
+
const _a = props, { children } = _a, slotProps = __objRest(_a, ["children"]);
|
|
3020
|
+
if (React38.isValidElement(children)) {
|
|
3021
|
+
const childrenRef = getElementRef(children);
|
|
3022
|
+
const props2 = mergeProps(slotProps, children.props);
|
|
3023
|
+
if (children.type !== React38.Fragment) {
|
|
3024
|
+
props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
|
|
3025
|
+
}
|
|
3026
|
+
return React38.cloneElement(children, props2);
|
|
3027
|
+
}
|
|
3028
|
+
return React38.Children.count(children) > 1 ? React38.Children.only(null) : null;
|
|
3029
|
+
});
|
|
3030
|
+
SlotClone.displayName = `${ownerName}.SlotClone`;
|
|
3031
|
+
return SlotClone;
|
|
3032
|
+
}
|
|
3033
|
+
var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
|
|
3034
|
+
// @__NO_SIDE_EFFECTS__
|
|
3035
|
+
function createSlottable(ownerName) {
|
|
3036
|
+
const Slottable2 = ({ children }) => {
|
|
3037
|
+
return /* @__PURE__ */ jsx36(Fragment22, { children });
|
|
3038
|
+
};
|
|
3039
|
+
Slottable2.displayName = `${ownerName}.Slottable`;
|
|
3040
|
+
Slottable2.__radixId = SLOTTABLE_IDENTIFIER;
|
|
3041
|
+
return Slottable2;
|
|
3042
|
+
}
|
|
3043
|
+
function isSlottable(child) {
|
|
3044
|
+
return React38.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
|
|
3045
|
+
}
|
|
3046
|
+
function mergeProps(slotProps, childProps) {
|
|
3047
|
+
const overrideProps = __spreadValues({}, childProps);
|
|
3048
|
+
for (const propName in childProps) {
|
|
3049
|
+
const slotPropValue = slotProps[propName];
|
|
3050
|
+
const childPropValue = childProps[propName];
|
|
3051
|
+
const isHandler = /^on[A-Z]/.test(propName);
|
|
3052
|
+
if (isHandler) {
|
|
3053
|
+
if (slotPropValue && childPropValue) {
|
|
3054
|
+
overrideProps[propName] = (...args) => {
|
|
3055
|
+
const result = childPropValue(...args);
|
|
3056
|
+
slotPropValue(...args);
|
|
3057
|
+
return result;
|
|
3058
|
+
};
|
|
3059
|
+
} else if (slotPropValue) {
|
|
3060
|
+
overrideProps[propName] = slotPropValue;
|
|
3061
|
+
}
|
|
3062
|
+
} else if (propName === "style") {
|
|
3063
|
+
overrideProps[propName] = __spreadValues(__spreadValues({}, slotPropValue), childPropValue);
|
|
3064
|
+
} else if (propName === "className") {
|
|
3065
|
+
overrideProps[propName] = [slotPropValue, childPropValue].filter(Boolean).join(" ");
|
|
3066
|
+
}
|
|
3067
|
+
}
|
|
3068
|
+
return __spreadValues(__spreadValues({}, slotProps), overrideProps);
|
|
3069
|
+
}
|
|
3070
|
+
function getElementRef(element) {
|
|
3071
|
+
var _a, _b;
|
|
3072
|
+
let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
|
|
3073
|
+
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
3074
|
+
if (mayWarn) {
|
|
3075
|
+
return element.ref;
|
|
3076
|
+
}
|
|
3077
|
+
getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
|
|
3078
|
+
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
3079
|
+
if (mayWarn) {
|
|
3080
|
+
return element.props.ref;
|
|
3081
|
+
}
|
|
3082
|
+
return element.props.ref || element.ref;
|
|
3083
|
+
}
|
|
3084
|
+
|
|
3085
|
+
// ../../node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.1.3_@types+react@19.1.2__@types+rea_43250ccbc78c27b15284efcf829a65d5/node_modules/@radix-ui/react-primitive/dist/index.mjs
|
|
3086
|
+
import { jsx as jsx37 } from "react/jsx-runtime";
|
|
3087
|
+
var NODES = [
|
|
3088
|
+
"a",
|
|
3089
|
+
"button",
|
|
3090
|
+
"div",
|
|
3091
|
+
"form",
|
|
3092
|
+
"h2",
|
|
3093
|
+
"h3",
|
|
3094
|
+
"img",
|
|
3095
|
+
"input",
|
|
3096
|
+
"label",
|
|
3097
|
+
"li",
|
|
3098
|
+
"nav",
|
|
3099
|
+
"ol",
|
|
3100
|
+
"p",
|
|
3101
|
+
"select",
|
|
3102
|
+
"span",
|
|
3103
|
+
"svg",
|
|
3104
|
+
"ul"
|
|
3105
|
+
];
|
|
3106
|
+
var Primitive = NODES.reduce((primitive, node) => {
|
|
3107
|
+
const Slot3 = createSlot(`Primitive.${node}`);
|
|
3108
|
+
const Node2 = React39.forwardRef((props, forwardedRef) => {
|
|
3109
|
+
const _a = props, { asChild } = _a, primitiveProps = __objRest(_a, ["asChild"]);
|
|
3110
|
+
const Comp = asChild ? Slot3 : node;
|
|
3111
|
+
if (typeof window !== "undefined") {
|
|
3112
|
+
window[Symbol.for("radix-ui")] = true;
|
|
3113
|
+
}
|
|
3114
|
+
return /* @__PURE__ */ jsx37(Comp, __spreadProps(__spreadValues({}, primitiveProps), { ref: forwardedRef }));
|
|
3115
|
+
});
|
|
3116
|
+
Node2.displayName = `Primitive.${node}`;
|
|
3117
|
+
return __spreadProps(__spreadValues({}, primitive), { [node]: Node2 });
|
|
3118
|
+
}, {});
|
|
3119
|
+
function dispatchDiscreteCustomEvent(target, event) {
|
|
3120
|
+
if (target) ReactDOM.flushSync(() => target.dispatchEvent(event));
|
|
3121
|
+
}
|
|
3122
|
+
|
|
3123
|
+
// ../../node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
|
|
3124
|
+
import * as React40 from "react";
|
|
3125
|
+
function useCallbackRef(callback) {
|
|
3126
|
+
const callbackRef = React40.useRef(callback);
|
|
3127
|
+
React40.useEffect(() => {
|
|
3128
|
+
callbackRef.current = callback;
|
|
3129
|
+
});
|
|
3130
|
+
return React40.useMemo(() => (...args) => {
|
|
3131
|
+
var _a;
|
|
3132
|
+
return (_a = callbackRef.current) == null ? void 0 : _a.call(callbackRef, ...args);
|
|
3133
|
+
}, []);
|
|
3134
|
+
}
|
|
3135
|
+
|
|
3136
|
+
// ../../node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.1.1_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
|
|
3137
|
+
import * as React41 from "react";
|
|
3138
|
+
function useEscapeKeydown(onEscapeKeyDownProp, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
|
|
3139
|
+
const onEscapeKeyDown = useCallbackRef(onEscapeKeyDownProp);
|
|
3140
|
+
React41.useEffect(() => {
|
|
3141
|
+
const handleKeyDown = (event) => {
|
|
3142
|
+
if (event.key === "Escape") {
|
|
3143
|
+
onEscapeKeyDown(event);
|
|
3144
|
+
}
|
|
3145
|
+
};
|
|
3146
|
+
ownerDocument.addEventListener("keydown", handleKeyDown, { capture: true });
|
|
3147
|
+
return () => ownerDocument.removeEventListener("keydown", handleKeyDown, { capture: true });
|
|
3148
|
+
}, [onEscapeKeyDown, ownerDocument]);
|
|
3149
|
+
}
|
|
3150
|
+
|
|
3151
|
+
// ../../node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.1.10_@types+react-dom@19.1.3_@types+react@19.1.2__@_048ea5800fbfacb7489e4b7d728b493c/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
|
|
3152
|
+
import { jsx as jsx38 } from "react/jsx-runtime";
|
|
3153
|
+
var DISMISSABLE_LAYER_NAME = "DismissableLayer";
|
|
3154
|
+
var CONTEXT_UPDATE = "dismissableLayer.update";
|
|
3155
|
+
var POINTER_DOWN_OUTSIDE = "dismissableLayer.pointerDownOutside";
|
|
3156
|
+
var FOCUS_OUTSIDE = "dismissableLayer.focusOutside";
|
|
3157
|
+
var originalBodyPointerEvents;
|
|
3158
|
+
var DismissableLayerContext = React42.createContext({
|
|
3159
|
+
layers: /* @__PURE__ */ new Set(),
|
|
3160
|
+
layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
|
|
3161
|
+
branches: /* @__PURE__ */ new Set()
|
|
3162
|
+
});
|
|
3163
|
+
var DismissableLayer = React42.forwardRef(
|
|
3164
|
+
(props, forwardedRef) => {
|
|
3165
|
+
var _b;
|
|
3166
|
+
const _a = props, {
|
|
3167
|
+
disableOutsidePointerEvents = false,
|
|
3168
|
+
onEscapeKeyDown,
|
|
3169
|
+
onPointerDownOutside,
|
|
3170
|
+
onFocusOutside,
|
|
3171
|
+
onInteractOutside,
|
|
3172
|
+
onDismiss
|
|
3173
|
+
} = _a, layerProps = __objRest(_a, [
|
|
3174
|
+
"disableOutsidePointerEvents",
|
|
3175
|
+
"onEscapeKeyDown",
|
|
3176
|
+
"onPointerDownOutside",
|
|
3177
|
+
"onFocusOutside",
|
|
3178
|
+
"onInteractOutside",
|
|
3179
|
+
"onDismiss"
|
|
3180
|
+
]);
|
|
3181
|
+
const context = React42.useContext(DismissableLayerContext);
|
|
3182
|
+
const [node, setNode] = React42.useState(null);
|
|
3183
|
+
const ownerDocument = (_b = node == null ? void 0 : node.ownerDocument) != null ? _b : globalThis == null ? void 0 : globalThis.document;
|
|
3184
|
+
const [, force] = React42.useState({});
|
|
3185
|
+
const composedRefs = useComposedRefs(forwardedRef, (node2) => setNode(node2));
|
|
3186
|
+
const layers = Array.from(context.layers);
|
|
3187
|
+
const [highestLayerWithOutsidePointerEventsDisabled] = [...context.layersWithOutsidePointerEventsDisabled].slice(-1);
|
|
3188
|
+
const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled);
|
|
3189
|
+
const index = node ? layers.indexOf(node) : -1;
|
|
3190
|
+
const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
|
|
3191
|
+
const isPointerEventsEnabled = index >= highestLayerWithOutsidePointerEventsDisabledIndex;
|
|
3192
|
+
const pointerDownOutside = usePointerDownOutside((event) => {
|
|
3193
|
+
const target = event.target;
|
|
3194
|
+
const isPointerDownOnBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
3195
|
+
if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
|
|
3196
|
+
onPointerDownOutside == null ? void 0 : onPointerDownOutside(event);
|
|
3197
|
+
onInteractOutside == null ? void 0 : onInteractOutside(event);
|
|
3198
|
+
if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
|
|
3199
|
+
}, ownerDocument);
|
|
3200
|
+
const focusOutside = useFocusOutside((event) => {
|
|
3201
|
+
const target = event.target;
|
|
3202
|
+
const isFocusInBranch = [...context.branches].some((branch) => branch.contains(target));
|
|
3203
|
+
if (isFocusInBranch) return;
|
|
3204
|
+
onFocusOutside == null ? void 0 : onFocusOutside(event);
|
|
3205
|
+
onInteractOutside == null ? void 0 : onInteractOutside(event);
|
|
3206
|
+
if (!event.defaultPrevented) onDismiss == null ? void 0 : onDismiss();
|
|
3207
|
+
}, ownerDocument);
|
|
3208
|
+
useEscapeKeydown((event) => {
|
|
3209
|
+
const isHighestLayer = index === context.layers.size - 1;
|
|
3210
|
+
if (!isHighestLayer) return;
|
|
3211
|
+
onEscapeKeyDown == null ? void 0 : onEscapeKeyDown(event);
|
|
3212
|
+
if (!event.defaultPrevented && onDismiss) {
|
|
3213
|
+
event.preventDefault();
|
|
3214
|
+
onDismiss();
|
|
3215
|
+
}
|
|
3216
|
+
}, ownerDocument);
|
|
3217
|
+
React42.useEffect(() => {
|
|
3218
|
+
if (!node) return;
|
|
3219
|
+
if (disableOutsidePointerEvents) {
|
|
3220
|
+
if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
|
|
3221
|
+
originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
|
|
3222
|
+
ownerDocument.body.style.pointerEvents = "none";
|
|
3223
|
+
}
|
|
3224
|
+
context.layersWithOutsidePointerEventsDisabled.add(node);
|
|
3225
|
+
}
|
|
3226
|
+
context.layers.add(node);
|
|
3227
|
+
dispatchUpdate();
|
|
3228
|
+
return () => {
|
|
3229
|
+
if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) {
|
|
3230
|
+
ownerDocument.body.style.pointerEvents = originalBodyPointerEvents;
|
|
3231
|
+
}
|
|
3232
|
+
};
|
|
3233
|
+
}, [node, ownerDocument, disableOutsidePointerEvents, context]);
|
|
3234
|
+
React42.useEffect(() => {
|
|
3235
|
+
return () => {
|
|
3236
|
+
if (!node) return;
|
|
3237
|
+
context.layers.delete(node);
|
|
3238
|
+
context.layersWithOutsidePointerEventsDisabled.delete(node);
|
|
3239
|
+
dispatchUpdate();
|
|
3240
|
+
};
|
|
3241
|
+
}, [node, context]);
|
|
3242
|
+
React42.useEffect(() => {
|
|
3243
|
+
const handleUpdate = () => force({});
|
|
3244
|
+
document.addEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
3245
|
+
return () => document.removeEventListener(CONTEXT_UPDATE, handleUpdate);
|
|
3246
|
+
}, []);
|
|
3247
|
+
return /* @__PURE__ */ jsx38(
|
|
3248
|
+
Primitive.div,
|
|
3249
|
+
__spreadProps(__spreadValues({}, layerProps), {
|
|
3250
|
+
ref: composedRefs,
|
|
3251
|
+
style: __spreadValues({
|
|
3252
|
+
pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? "auto" : "none" : void 0
|
|
3253
|
+
}, props.style),
|
|
3254
|
+
onFocusCapture: composeEventHandlers(props.onFocusCapture, focusOutside.onFocusCapture),
|
|
3255
|
+
onBlurCapture: composeEventHandlers(props.onBlurCapture, focusOutside.onBlurCapture),
|
|
3256
|
+
onPointerDownCapture: composeEventHandlers(
|
|
3257
|
+
props.onPointerDownCapture,
|
|
3258
|
+
pointerDownOutside.onPointerDownCapture
|
|
3259
|
+
)
|
|
3260
|
+
})
|
|
3261
|
+
);
|
|
3262
|
+
}
|
|
3263
|
+
);
|
|
3264
|
+
DismissableLayer.displayName = DISMISSABLE_LAYER_NAME;
|
|
3265
|
+
var BRANCH_NAME = "DismissableLayerBranch";
|
|
3266
|
+
var DismissableLayerBranch = React42.forwardRef((props, forwardedRef) => {
|
|
3267
|
+
const context = React42.useContext(DismissableLayerContext);
|
|
3268
|
+
const ref = React42.useRef(null);
|
|
3269
|
+
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
3270
|
+
React42.useEffect(() => {
|
|
3271
|
+
const node = ref.current;
|
|
3272
|
+
if (node) {
|
|
3273
|
+
context.branches.add(node);
|
|
3274
|
+
return () => {
|
|
3275
|
+
context.branches.delete(node);
|
|
3276
|
+
};
|
|
3277
|
+
}
|
|
3278
|
+
}, [context.branches]);
|
|
3279
|
+
return /* @__PURE__ */ jsx38(Primitive.div, __spreadProps(__spreadValues({}, props), { ref: composedRefs }));
|
|
3280
|
+
});
|
|
3281
|
+
DismissableLayerBranch.displayName = BRANCH_NAME;
|
|
3282
|
+
function usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
|
|
3283
|
+
const handlePointerDownOutside = useCallbackRef(onPointerDownOutside);
|
|
3284
|
+
const isPointerInsideReactTreeRef = React42.useRef(false);
|
|
3285
|
+
const handleClickRef = React42.useRef(() => {
|
|
3286
|
+
});
|
|
3287
|
+
React42.useEffect(() => {
|
|
3288
|
+
const handlePointerDown = (event) => {
|
|
3289
|
+
if (event.target && !isPointerInsideReactTreeRef.current) {
|
|
3290
|
+
let handleAndDispatchPointerDownOutsideEvent2 = function() {
|
|
3291
|
+
handleAndDispatchCustomEvent(
|
|
3292
|
+
POINTER_DOWN_OUTSIDE,
|
|
3293
|
+
handlePointerDownOutside,
|
|
3294
|
+
eventDetail,
|
|
3295
|
+
{ discrete: true }
|
|
3296
|
+
);
|
|
3297
|
+
};
|
|
3298
|
+
var handleAndDispatchPointerDownOutsideEvent = handleAndDispatchPointerDownOutsideEvent2;
|
|
3299
|
+
const eventDetail = { originalEvent: event };
|
|
3300
|
+
if (event.pointerType === "touch") {
|
|
3301
|
+
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
3302
|
+
handleClickRef.current = handleAndDispatchPointerDownOutsideEvent2;
|
|
3303
|
+
ownerDocument.addEventListener("click", handleClickRef.current, { once: true });
|
|
3304
|
+
} else {
|
|
3305
|
+
handleAndDispatchPointerDownOutsideEvent2();
|
|
3306
|
+
}
|
|
3307
|
+
} else {
|
|
3308
|
+
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
3309
|
+
}
|
|
3310
|
+
isPointerInsideReactTreeRef.current = false;
|
|
3311
|
+
};
|
|
3312
|
+
const timerId = window.setTimeout(() => {
|
|
3313
|
+
ownerDocument.addEventListener("pointerdown", handlePointerDown);
|
|
3314
|
+
}, 0);
|
|
3315
|
+
return () => {
|
|
3316
|
+
window.clearTimeout(timerId);
|
|
3317
|
+
ownerDocument.removeEventListener("pointerdown", handlePointerDown);
|
|
3318
|
+
ownerDocument.removeEventListener("click", handleClickRef.current);
|
|
3319
|
+
};
|
|
3320
|
+
}, [ownerDocument, handlePointerDownOutside]);
|
|
3321
|
+
return {
|
|
3322
|
+
// ensures we check React component tree (not just DOM tree)
|
|
3323
|
+
onPointerDownCapture: () => isPointerInsideReactTreeRef.current = true
|
|
3324
|
+
};
|
|
3325
|
+
}
|
|
3326
|
+
function useFocusOutside(onFocusOutside, ownerDocument = globalThis == null ? void 0 : globalThis.document) {
|
|
3327
|
+
const handleFocusOutside = useCallbackRef(onFocusOutside);
|
|
3328
|
+
const isFocusInsideReactTreeRef = React42.useRef(false);
|
|
3329
|
+
React42.useEffect(() => {
|
|
3330
|
+
const handleFocus = (event) => {
|
|
3331
|
+
if (event.target && !isFocusInsideReactTreeRef.current) {
|
|
3332
|
+
const eventDetail = { originalEvent: event };
|
|
3333
|
+
handleAndDispatchCustomEvent(FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
|
|
3334
|
+
discrete: false
|
|
3335
|
+
});
|
|
3336
|
+
}
|
|
3337
|
+
};
|
|
3338
|
+
ownerDocument.addEventListener("focusin", handleFocus);
|
|
3339
|
+
return () => ownerDocument.removeEventListener("focusin", handleFocus);
|
|
3340
|
+
}, [ownerDocument, handleFocusOutside]);
|
|
3341
|
+
return {
|
|
3342
|
+
onFocusCapture: () => isFocusInsideReactTreeRef.current = true,
|
|
3343
|
+
onBlurCapture: () => isFocusInsideReactTreeRef.current = false
|
|
3344
|
+
};
|
|
3345
|
+
}
|
|
3346
|
+
function dispatchUpdate() {
|
|
3347
|
+
const event = new CustomEvent(CONTEXT_UPDATE);
|
|
3348
|
+
document.dispatchEvent(event);
|
|
3349
|
+
}
|
|
3350
|
+
function handleAndDispatchCustomEvent(name, handler, detail, { discrete }) {
|
|
3351
|
+
const target = detail.originalEvent.target;
|
|
3352
|
+
const event = new CustomEvent(name, { bubbles: false, cancelable: true, detail });
|
|
3353
|
+
if (handler) target.addEventListener(name, handler, { once: true });
|
|
3354
|
+
if (discrete) {
|
|
3355
|
+
dispatchDiscreteCustomEvent(target, event);
|
|
3356
|
+
} else {
|
|
3357
|
+
target.dispatchEvent(event);
|
|
3358
|
+
}
|
|
3359
|
+
}
|
|
3360
|
+
|
|
3361
|
+
// ../../node_modules/.pnpm/@radix-ui+react-focus-scope@1.1.7_@types+react-dom@19.1.3_@types+react@19.1.2__@types+r_1ff7b04b7c975087a2da2b1568ac976e/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
|
|
3362
|
+
import * as React43 from "react";
|
|
3363
|
+
import { jsx as jsx39 } from "react/jsx-runtime";
|
|
3364
|
+
var AUTOFOCUS_ON_MOUNT = "focusScope.autoFocusOnMount";
|
|
3365
|
+
var AUTOFOCUS_ON_UNMOUNT = "focusScope.autoFocusOnUnmount";
|
|
3366
|
+
var EVENT_OPTIONS = { bubbles: false, cancelable: true };
|
|
3367
|
+
var FOCUS_SCOPE_NAME = "FocusScope";
|
|
3368
|
+
var FocusScope = React43.forwardRef((props, forwardedRef) => {
|
|
3369
|
+
const _a = props, {
|
|
3370
|
+
loop = false,
|
|
3371
|
+
trapped = false,
|
|
3372
|
+
onMountAutoFocus: onMountAutoFocusProp,
|
|
3373
|
+
onUnmountAutoFocus: onUnmountAutoFocusProp
|
|
3374
|
+
} = _a, scopeProps = __objRest(_a, [
|
|
3375
|
+
"loop",
|
|
3376
|
+
"trapped",
|
|
3377
|
+
"onMountAutoFocus",
|
|
3378
|
+
"onUnmountAutoFocus"
|
|
3379
|
+
]);
|
|
3380
|
+
const [container, setContainer] = React43.useState(null);
|
|
3381
|
+
const onMountAutoFocus = useCallbackRef(onMountAutoFocusProp);
|
|
3382
|
+
const onUnmountAutoFocus = useCallbackRef(onUnmountAutoFocusProp);
|
|
3383
|
+
const lastFocusedElementRef = React43.useRef(null);
|
|
3384
|
+
const composedRefs = useComposedRefs(forwardedRef, (node) => setContainer(node));
|
|
3385
|
+
const focusScope = React43.useRef({
|
|
3386
|
+
paused: false,
|
|
3387
|
+
pause() {
|
|
3388
|
+
this.paused = true;
|
|
3389
|
+
},
|
|
3390
|
+
resume() {
|
|
3391
|
+
this.paused = false;
|
|
3392
|
+
}
|
|
3393
|
+
}).current;
|
|
3394
|
+
React43.useEffect(() => {
|
|
3395
|
+
if (trapped) {
|
|
3396
|
+
let handleFocusIn2 = function(event) {
|
|
3397
|
+
if (focusScope.paused || !container) return;
|
|
3398
|
+
const target = event.target;
|
|
3399
|
+
if (container.contains(target)) {
|
|
3400
|
+
lastFocusedElementRef.current = target;
|
|
3401
|
+
} else {
|
|
3402
|
+
focus(lastFocusedElementRef.current, { select: true });
|
|
3403
|
+
}
|
|
3404
|
+
}, handleFocusOut2 = function(event) {
|
|
3405
|
+
if (focusScope.paused || !container) return;
|
|
3406
|
+
const relatedTarget = event.relatedTarget;
|
|
3407
|
+
if (relatedTarget === null) return;
|
|
3408
|
+
if (!container.contains(relatedTarget)) {
|
|
3409
|
+
focus(lastFocusedElementRef.current, { select: true });
|
|
3410
|
+
}
|
|
3411
|
+
}, handleMutations2 = function(mutations) {
|
|
3412
|
+
const focusedElement = document.activeElement;
|
|
3413
|
+
if (focusedElement !== document.body) return;
|
|
3414
|
+
for (const mutation of mutations) {
|
|
3415
|
+
if (mutation.removedNodes.length > 0) focus(container);
|
|
3416
|
+
}
|
|
3417
|
+
};
|
|
3418
|
+
var handleFocusIn = handleFocusIn2, handleFocusOut = handleFocusOut2, handleMutations = handleMutations2;
|
|
3419
|
+
document.addEventListener("focusin", handleFocusIn2);
|
|
3420
|
+
document.addEventListener("focusout", handleFocusOut2);
|
|
3421
|
+
const mutationObserver = new MutationObserver(handleMutations2);
|
|
3422
|
+
if (container) mutationObserver.observe(container, { childList: true, subtree: true });
|
|
3423
|
+
return () => {
|
|
3424
|
+
document.removeEventListener("focusin", handleFocusIn2);
|
|
3425
|
+
document.removeEventListener("focusout", handleFocusOut2);
|
|
3426
|
+
mutationObserver.disconnect();
|
|
3427
|
+
};
|
|
3428
|
+
}
|
|
3429
|
+
}, [trapped, container, focusScope.paused]);
|
|
3430
|
+
React43.useEffect(() => {
|
|
3431
|
+
if (container) {
|
|
3432
|
+
focusScopesStack.add(focusScope);
|
|
3433
|
+
const previouslyFocusedElement = document.activeElement;
|
|
3434
|
+
const hasFocusedCandidate = container.contains(previouslyFocusedElement);
|
|
3435
|
+
if (!hasFocusedCandidate) {
|
|
3436
|
+
const mountEvent = new CustomEvent(AUTOFOCUS_ON_MOUNT, EVENT_OPTIONS);
|
|
3437
|
+
container.addEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
3438
|
+
container.dispatchEvent(mountEvent);
|
|
3439
|
+
if (!mountEvent.defaultPrevented) {
|
|
3440
|
+
focusFirst(removeLinks(getTabbableCandidates(container)), { select: true });
|
|
3441
|
+
if (document.activeElement === previouslyFocusedElement) {
|
|
3442
|
+
focus(container);
|
|
3443
|
+
}
|
|
3444
|
+
}
|
|
3445
|
+
}
|
|
3446
|
+
return () => {
|
|
3447
|
+
container.removeEventListener(AUTOFOCUS_ON_MOUNT, onMountAutoFocus);
|
|
3448
|
+
setTimeout(() => {
|
|
3449
|
+
const unmountEvent = new CustomEvent(AUTOFOCUS_ON_UNMOUNT, EVENT_OPTIONS);
|
|
3450
|
+
container.addEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
3451
|
+
container.dispatchEvent(unmountEvent);
|
|
3452
|
+
if (!unmountEvent.defaultPrevented) {
|
|
3453
|
+
focus(previouslyFocusedElement != null ? previouslyFocusedElement : document.body, { select: true });
|
|
3454
|
+
}
|
|
3455
|
+
container.removeEventListener(AUTOFOCUS_ON_UNMOUNT, onUnmountAutoFocus);
|
|
3456
|
+
focusScopesStack.remove(focusScope);
|
|
3457
|
+
}, 0);
|
|
3458
|
+
};
|
|
3459
|
+
}
|
|
3460
|
+
}, [container, onMountAutoFocus, onUnmountAutoFocus, focusScope]);
|
|
3461
|
+
const handleKeyDown = React43.useCallback(
|
|
3462
|
+
(event) => {
|
|
3463
|
+
if (!loop && !trapped) return;
|
|
3464
|
+
if (focusScope.paused) return;
|
|
3465
|
+
const isTabKey = event.key === "Tab" && !event.altKey && !event.ctrlKey && !event.metaKey;
|
|
3466
|
+
const focusedElement = document.activeElement;
|
|
3467
|
+
if (isTabKey && focusedElement) {
|
|
3468
|
+
const container2 = event.currentTarget;
|
|
3469
|
+
const [first, last] = getTabbableEdges(container2);
|
|
3470
|
+
const hasTabbableElementsInside = first && last;
|
|
3471
|
+
if (!hasTabbableElementsInside) {
|
|
3472
|
+
if (focusedElement === container2) event.preventDefault();
|
|
3473
|
+
} else {
|
|
3474
|
+
if (!event.shiftKey && focusedElement === last) {
|
|
3475
|
+
event.preventDefault();
|
|
3476
|
+
if (loop) focus(first, { select: true });
|
|
3477
|
+
} else if (event.shiftKey && focusedElement === first) {
|
|
3478
|
+
event.preventDefault();
|
|
3479
|
+
if (loop) focus(last, { select: true });
|
|
3480
|
+
}
|
|
3481
|
+
}
|
|
3482
|
+
}
|
|
3483
|
+
},
|
|
3484
|
+
[loop, trapped, focusScope.paused]
|
|
3485
|
+
);
|
|
3486
|
+
return /* @__PURE__ */ jsx39(Primitive.div, __spreadProps(__spreadValues({ tabIndex: -1 }, scopeProps), { ref: composedRefs, onKeyDown: handleKeyDown }));
|
|
3487
|
+
});
|
|
3488
|
+
FocusScope.displayName = FOCUS_SCOPE_NAME;
|
|
3489
|
+
function focusFirst(candidates, { select = false } = {}) {
|
|
3490
|
+
const previouslyFocusedElement = document.activeElement;
|
|
3491
|
+
for (const candidate of candidates) {
|
|
3492
|
+
focus(candidate, { select });
|
|
3493
|
+
if (document.activeElement !== previouslyFocusedElement) return;
|
|
3494
|
+
}
|
|
3495
|
+
}
|
|
3496
|
+
function getTabbableEdges(container) {
|
|
3497
|
+
const candidates = getTabbableCandidates(container);
|
|
3498
|
+
const first = findVisible(candidates, container);
|
|
3499
|
+
const last = findVisible(candidates.reverse(), container);
|
|
3500
|
+
return [first, last];
|
|
3501
|
+
}
|
|
3502
|
+
function getTabbableCandidates(container) {
|
|
3503
|
+
const nodes = [];
|
|
3504
|
+
const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
|
|
3505
|
+
acceptNode: (node) => {
|
|
3506
|
+
const isHiddenInput = node.tagName === "INPUT" && node.type === "hidden";
|
|
3507
|
+
if (node.disabled || node.hidden || isHiddenInput) return NodeFilter.FILTER_SKIP;
|
|
3508
|
+
return node.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
|
|
3509
|
+
}
|
|
3510
|
+
});
|
|
3511
|
+
while (walker.nextNode()) nodes.push(walker.currentNode);
|
|
3512
|
+
return nodes;
|
|
3513
|
+
}
|
|
3514
|
+
function findVisible(elements, container) {
|
|
3515
|
+
for (const element of elements) {
|
|
3516
|
+
if (!isHidden(element, { upTo: container })) return element;
|
|
3517
|
+
}
|
|
3518
|
+
}
|
|
3519
|
+
function isHidden(node, { upTo }) {
|
|
3520
|
+
if (getComputedStyle(node).visibility === "hidden") return true;
|
|
3521
|
+
while (node) {
|
|
3522
|
+
if (upTo !== void 0 && node === upTo) return false;
|
|
3523
|
+
if (getComputedStyle(node).display === "none") return true;
|
|
3524
|
+
node = node.parentElement;
|
|
3525
|
+
}
|
|
3526
|
+
return false;
|
|
3527
|
+
}
|
|
3528
|
+
function isSelectableInput(element) {
|
|
3529
|
+
return element instanceof HTMLInputElement && "select" in element;
|
|
3530
|
+
}
|
|
3531
|
+
function focus(element, { select = false } = {}) {
|
|
3532
|
+
if (element && element.focus) {
|
|
3533
|
+
const previouslyFocusedElement = document.activeElement;
|
|
3534
|
+
element.focus({ preventScroll: true });
|
|
3535
|
+
if (element !== previouslyFocusedElement && isSelectableInput(element) && select)
|
|
3536
|
+
element.select();
|
|
3537
|
+
}
|
|
3538
|
+
}
|
|
3539
|
+
var focusScopesStack = createFocusScopesStack();
|
|
3540
|
+
function createFocusScopesStack() {
|
|
3541
|
+
let stack = [];
|
|
3542
|
+
return {
|
|
3543
|
+
add(focusScope) {
|
|
3544
|
+
const activeFocusScope = stack[0];
|
|
3545
|
+
if (focusScope !== activeFocusScope) {
|
|
3546
|
+
activeFocusScope == null ? void 0 : activeFocusScope.pause();
|
|
3547
|
+
}
|
|
3548
|
+
stack = arrayRemove(stack, focusScope);
|
|
3549
|
+
stack.unshift(focusScope);
|
|
3550
|
+
},
|
|
3551
|
+
remove(focusScope) {
|
|
3552
|
+
var _a;
|
|
3553
|
+
stack = arrayRemove(stack, focusScope);
|
|
3554
|
+
(_a = stack[0]) == null ? void 0 : _a.resume();
|
|
3555
|
+
}
|
|
3556
|
+
};
|
|
3557
|
+
}
|
|
3558
|
+
function arrayRemove(array, item) {
|
|
3559
|
+
const updatedArray = [...array];
|
|
3560
|
+
const index = updatedArray.indexOf(item);
|
|
3561
|
+
if (index !== -1) {
|
|
3562
|
+
updatedArray.splice(index, 1);
|
|
3563
|
+
}
|
|
3564
|
+
return updatedArray;
|
|
3565
|
+
}
|
|
3566
|
+
function removeLinks(items) {
|
|
3567
|
+
return items.filter((item) => item.tagName !== "A");
|
|
3568
|
+
}
|
|
3569
|
+
|
|
3570
|
+
// ../../node_modules/.pnpm/@radix-ui+react-portal@1.1.9_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react@_a0745de0839b0b019298ec068509a840/node_modules/@radix-ui/react-portal/dist/index.mjs
|
|
3571
|
+
import * as React44 from "react";
|
|
3572
|
+
import ReactDOM2 from "react-dom";
|
|
3573
|
+
import { jsx as jsx40 } from "react/jsx-runtime";
|
|
3574
|
+
var PORTAL_NAME = "Portal";
|
|
3575
|
+
var Portal = React44.forwardRef((props, forwardedRef) => {
|
|
3576
|
+
var _b;
|
|
3577
|
+
const _a = props, { container: containerProp } = _a, portalProps = __objRest(_a, ["container"]);
|
|
3578
|
+
const [mounted, setMounted] = React44.useState(false);
|
|
3579
|
+
useLayoutEffect2(() => setMounted(true), []);
|
|
3580
|
+
const container = containerProp || mounted && ((_b = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : _b.body);
|
|
3581
|
+
return container ? ReactDOM2.createPortal(/* @__PURE__ */ jsx40(Primitive.div, __spreadProps(__spreadValues({}, portalProps), { ref: forwardedRef })), container) : null;
|
|
3582
|
+
});
|
|
3583
|
+
Portal.displayName = PORTAL_NAME;
|
|
3584
|
+
|
|
3585
|
+
// ../../node_modules/.pnpm/@radix-ui+react-presence@1.1.4_@types+react-dom@19.1.3_@types+react@19.1.2__@types+reac_dbbe976722e7c3e02883ea31c3bbbf14/node_modules/@radix-ui/react-presence/dist/index.mjs
|
|
3586
|
+
import * as React211 from "react";
|
|
3587
|
+
import * as React45 from "react";
|
|
3588
|
+
function useStateMachine(initialState, machine) {
|
|
3589
|
+
return React45.useReducer((state, event) => {
|
|
3590
|
+
const nextState = machine[state][event];
|
|
3591
|
+
return nextState != null ? nextState : state;
|
|
3592
|
+
}, initialState);
|
|
3593
|
+
}
|
|
3594
|
+
var Presence = (props) => {
|
|
3595
|
+
const { present, children } = props;
|
|
3596
|
+
const presence = usePresence(present);
|
|
3597
|
+
const child = typeof children === "function" ? children({ present: presence.isPresent }) : React211.Children.only(children);
|
|
3598
|
+
const ref = useComposedRefs(presence.ref, getElementRef2(child));
|
|
3599
|
+
const forceMount = typeof children === "function";
|
|
3600
|
+
return forceMount || presence.isPresent ? React211.cloneElement(child, { ref }) : null;
|
|
3601
|
+
};
|
|
3602
|
+
Presence.displayName = "Presence";
|
|
3603
|
+
function usePresence(present) {
|
|
3604
|
+
const [node, setNode] = React211.useState();
|
|
3605
|
+
const stylesRef = React211.useRef(null);
|
|
3606
|
+
const prevPresentRef = React211.useRef(present);
|
|
3607
|
+
const prevAnimationNameRef = React211.useRef("none");
|
|
3608
|
+
const initialState = present ? "mounted" : "unmounted";
|
|
3609
|
+
const [state, send] = useStateMachine(initialState, {
|
|
3610
|
+
mounted: {
|
|
3611
|
+
UNMOUNT: "unmounted",
|
|
3612
|
+
ANIMATION_OUT: "unmountSuspended"
|
|
3613
|
+
},
|
|
3614
|
+
unmountSuspended: {
|
|
3615
|
+
MOUNT: "mounted",
|
|
3616
|
+
ANIMATION_END: "unmounted"
|
|
3617
|
+
},
|
|
3618
|
+
unmounted: {
|
|
3619
|
+
MOUNT: "mounted"
|
|
3620
|
+
}
|
|
3621
|
+
});
|
|
3622
|
+
React211.useEffect(() => {
|
|
3623
|
+
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
3624
|
+
prevAnimationNameRef.current = state === "mounted" ? currentAnimationName : "none";
|
|
3625
|
+
}, [state]);
|
|
3626
|
+
useLayoutEffect2(() => {
|
|
3627
|
+
const styles = stylesRef.current;
|
|
3628
|
+
const wasPresent = prevPresentRef.current;
|
|
3629
|
+
const hasPresentChanged = wasPresent !== present;
|
|
3630
|
+
if (hasPresentChanged) {
|
|
3631
|
+
const prevAnimationName = prevAnimationNameRef.current;
|
|
3632
|
+
const currentAnimationName = getAnimationName(styles);
|
|
3633
|
+
if (present) {
|
|
3634
|
+
send("MOUNT");
|
|
3635
|
+
} else if (currentAnimationName === "none" || (styles == null ? void 0 : styles.display) === "none") {
|
|
3636
|
+
send("UNMOUNT");
|
|
3637
|
+
} else {
|
|
3638
|
+
const isAnimating = prevAnimationName !== currentAnimationName;
|
|
3639
|
+
if (wasPresent && isAnimating) {
|
|
3640
|
+
send("ANIMATION_OUT");
|
|
3641
|
+
} else {
|
|
3642
|
+
send("UNMOUNT");
|
|
3643
|
+
}
|
|
3644
|
+
}
|
|
3645
|
+
prevPresentRef.current = present;
|
|
3646
|
+
}
|
|
3647
|
+
}, [present, send]);
|
|
3648
|
+
useLayoutEffect2(() => {
|
|
3649
|
+
var _a;
|
|
3650
|
+
if (node) {
|
|
3651
|
+
let timeoutId;
|
|
3652
|
+
const ownerWindow = (_a = node.ownerDocument.defaultView) != null ? _a : window;
|
|
3653
|
+
const handleAnimationEnd = (event) => {
|
|
3654
|
+
const currentAnimationName = getAnimationName(stylesRef.current);
|
|
3655
|
+
const isCurrentAnimation = currentAnimationName.includes(event.animationName);
|
|
3656
|
+
if (event.target === node && isCurrentAnimation) {
|
|
3657
|
+
send("ANIMATION_END");
|
|
3658
|
+
if (!prevPresentRef.current) {
|
|
3659
|
+
const currentFillMode = node.style.animationFillMode;
|
|
3660
|
+
node.style.animationFillMode = "forwards";
|
|
3661
|
+
timeoutId = ownerWindow.setTimeout(() => {
|
|
3662
|
+
if (node.style.animationFillMode === "forwards") {
|
|
3663
|
+
node.style.animationFillMode = currentFillMode;
|
|
3664
|
+
}
|
|
3665
|
+
});
|
|
3666
|
+
}
|
|
3667
|
+
}
|
|
3668
|
+
};
|
|
3669
|
+
const handleAnimationStart = (event) => {
|
|
3670
|
+
if (event.target === node) {
|
|
3671
|
+
prevAnimationNameRef.current = getAnimationName(stylesRef.current);
|
|
3672
|
+
}
|
|
3673
|
+
};
|
|
3674
|
+
node.addEventListener("animationstart", handleAnimationStart);
|
|
3675
|
+
node.addEventListener("animationcancel", handleAnimationEnd);
|
|
3676
|
+
node.addEventListener("animationend", handleAnimationEnd);
|
|
3677
|
+
return () => {
|
|
3678
|
+
ownerWindow.clearTimeout(timeoutId);
|
|
3679
|
+
node.removeEventListener("animationstart", handleAnimationStart);
|
|
3680
|
+
node.removeEventListener("animationcancel", handleAnimationEnd);
|
|
3681
|
+
node.removeEventListener("animationend", handleAnimationEnd);
|
|
3682
|
+
};
|
|
3683
|
+
} else {
|
|
3684
|
+
send("ANIMATION_END");
|
|
3685
|
+
}
|
|
3686
|
+
}, [node, send]);
|
|
3687
|
+
return {
|
|
3688
|
+
isPresent: ["mounted", "unmountSuspended"].includes(state),
|
|
3689
|
+
ref: React211.useCallback((node2) => {
|
|
3690
|
+
stylesRef.current = node2 ? getComputedStyle(node2) : null;
|
|
3691
|
+
setNode(node2);
|
|
3692
|
+
}, [])
|
|
3693
|
+
};
|
|
3694
|
+
}
|
|
3695
|
+
function getAnimationName(styles) {
|
|
3696
|
+
return (styles == null ? void 0 : styles.animationName) || "none";
|
|
3697
|
+
}
|
|
3698
|
+
function getElementRef2(element) {
|
|
3699
|
+
var _a, _b;
|
|
3700
|
+
let getter = (_a = Object.getOwnPropertyDescriptor(element.props, "ref")) == null ? void 0 : _a.get;
|
|
3701
|
+
let mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
3702
|
+
if (mayWarn) {
|
|
3703
|
+
return element.ref;
|
|
3704
|
+
}
|
|
3705
|
+
getter = (_b = Object.getOwnPropertyDescriptor(element, "ref")) == null ? void 0 : _b.get;
|
|
3706
|
+
mayWarn = getter && "isReactWarning" in getter && getter.isReactWarning;
|
|
3707
|
+
if (mayWarn) {
|
|
3708
|
+
return element.props.ref;
|
|
3709
|
+
}
|
|
3710
|
+
return element.props.ref || element.ref;
|
|
3711
|
+
}
|
|
3712
|
+
|
|
3713
|
+
// ../../node_modules/.pnpm/@radix-ui+react-focus-guards@1.1.2_@types+react@19.1.2_react@19.1.0/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
|
|
3714
|
+
import * as React46 from "react";
|
|
3715
|
+
var count2 = 0;
|
|
3716
|
+
function useFocusGuards() {
|
|
3717
|
+
React46.useEffect(() => {
|
|
3718
|
+
var _a, _b;
|
|
3719
|
+
const edgeGuards = document.querySelectorAll("[data-radix-focus-guard]");
|
|
3720
|
+
document.body.insertAdjacentElement("afterbegin", (_a = edgeGuards[0]) != null ? _a : createFocusGuard());
|
|
3721
|
+
document.body.insertAdjacentElement("beforeend", (_b = edgeGuards[1]) != null ? _b : createFocusGuard());
|
|
3722
|
+
count2++;
|
|
3723
|
+
return () => {
|
|
3724
|
+
if (count2 === 1) {
|
|
3725
|
+
document.querySelectorAll("[data-radix-focus-guard]").forEach((node) => node.remove());
|
|
3726
|
+
}
|
|
3727
|
+
count2--;
|
|
3728
|
+
};
|
|
3729
|
+
}, []);
|
|
3730
|
+
}
|
|
3731
|
+
function createFocusGuard() {
|
|
3732
|
+
const element = document.createElement("span");
|
|
3733
|
+
element.setAttribute("data-radix-focus-guard", "");
|
|
3734
|
+
element.tabIndex = 0;
|
|
3735
|
+
element.style.outline = "none";
|
|
3736
|
+
element.style.opacity = "0";
|
|
3737
|
+
element.style.position = "fixed";
|
|
3738
|
+
element.style.pointerEvents = "none";
|
|
3739
|
+
return element;
|
|
3740
|
+
}
|
|
3741
|
+
|
|
3742
|
+
// ../../node_modules/.pnpm/tslib@2.8.1/node_modules/tslib/tslib.es6.mjs
|
|
3743
|
+
var __assign = function() {
|
|
3744
|
+
__assign = Object.assign || function __assign2(t) {
|
|
3745
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
3746
|
+
s = arguments[i];
|
|
3747
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
3748
|
+
}
|
|
3749
|
+
return t;
|
|
3750
|
+
};
|
|
3751
|
+
return __assign.apply(this, arguments);
|
|
3752
|
+
};
|
|
3753
|
+
function __rest(s, e) {
|
|
3754
|
+
var t = {};
|
|
3755
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
3756
|
+
t[p] = s[p];
|
|
3757
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
3758
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
3759
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
3760
|
+
t[p[i]] = s[p[i]];
|
|
3761
|
+
}
|
|
3762
|
+
return t;
|
|
3763
|
+
}
|
|
3764
|
+
function __spreadArray(to, from, pack) {
|
|
3765
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
3766
|
+
if (ar || !(i in from)) {
|
|
3767
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
3768
|
+
ar[i] = from[i];
|
|
3769
|
+
}
|
|
3770
|
+
}
|
|
3771
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
3772
|
+
}
|
|
3773
|
+
|
|
3774
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
3775
|
+
import * as React53 from "react";
|
|
3776
|
+
|
|
3777
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
3778
|
+
import * as React49 from "react";
|
|
3779
|
+
|
|
3780
|
+
// ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/constants.js
|
|
3781
|
+
var zeroRightClassName = "right-scroll-bar-position";
|
|
3782
|
+
var fullWidthClassName = "width-before-scroll-bar";
|
|
3783
|
+
var noScrollbarsClassName = "with-scroll-bars-hidden";
|
|
3784
|
+
var removedBarSizeVariable = "--removed-body-scroll-bar-size";
|
|
3785
|
+
|
|
3786
|
+
// ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/assignRef.js
|
|
3787
|
+
function assignRef(ref, value) {
|
|
3788
|
+
if (typeof ref === "function") {
|
|
3789
|
+
ref(value);
|
|
3790
|
+
} else if (ref) {
|
|
3791
|
+
ref.current = value;
|
|
3792
|
+
}
|
|
3793
|
+
return ref;
|
|
3794
|
+
}
|
|
3795
|
+
|
|
3796
|
+
// ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useRef.js
|
|
3797
|
+
import { useState as useState8 } from "react";
|
|
3798
|
+
function useCallbackRef2(initialValue, callback) {
|
|
3799
|
+
var ref = useState8(function() {
|
|
3800
|
+
return {
|
|
3801
|
+
// value
|
|
3802
|
+
value: initialValue,
|
|
3803
|
+
// last callback
|
|
3804
|
+
callback,
|
|
3805
|
+
// "memoized" public interface
|
|
3806
|
+
facade: {
|
|
3807
|
+
get current() {
|
|
3808
|
+
return ref.value;
|
|
3809
|
+
},
|
|
3810
|
+
set current(value) {
|
|
3811
|
+
var last = ref.value;
|
|
3812
|
+
if (last !== value) {
|
|
3813
|
+
ref.value = value;
|
|
3814
|
+
ref.callback(value, last);
|
|
3815
|
+
}
|
|
3816
|
+
}
|
|
3817
|
+
}
|
|
3818
|
+
};
|
|
3819
|
+
})[0];
|
|
3820
|
+
ref.callback = callback;
|
|
3821
|
+
return ref.facade;
|
|
3822
|
+
}
|
|
3823
|
+
|
|
3824
|
+
// ../../node_modules/.pnpm/use-callback-ref@1.3.3_@types+react@19.1.2_react@19.1.0/node_modules/use-callback-ref/dist/es2015/useMergeRef.js
|
|
3825
|
+
import * as React47 from "react";
|
|
3826
|
+
var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React47.useLayoutEffect : React47.useEffect;
|
|
3827
|
+
var currentValues = /* @__PURE__ */ new WeakMap();
|
|
3828
|
+
function useMergeRefs(refs, defaultValue) {
|
|
3829
|
+
var callbackRef = useCallbackRef2(defaultValue || null, function(newValue) {
|
|
3830
|
+
return refs.forEach(function(ref) {
|
|
3831
|
+
return assignRef(ref, newValue);
|
|
3832
|
+
});
|
|
3833
|
+
});
|
|
3834
|
+
useIsomorphicLayoutEffect(function() {
|
|
3835
|
+
var oldValue = currentValues.get(callbackRef);
|
|
3836
|
+
if (oldValue) {
|
|
3837
|
+
var prevRefs_1 = new Set(oldValue);
|
|
3838
|
+
var nextRefs_1 = new Set(refs);
|
|
3839
|
+
var current_1 = callbackRef.current;
|
|
3840
|
+
prevRefs_1.forEach(function(ref) {
|
|
3841
|
+
if (!nextRefs_1.has(ref)) {
|
|
3842
|
+
assignRef(ref, null);
|
|
3843
|
+
}
|
|
3844
|
+
});
|
|
3845
|
+
nextRefs_1.forEach(function(ref) {
|
|
3846
|
+
if (!prevRefs_1.has(ref)) {
|
|
3847
|
+
assignRef(ref, current_1);
|
|
3848
|
+
}
|
|
3849
|
+
});
|
|
3850
|
+
}
|
|
3851
|
+
currentValues.set(callbackRef, refs);
|
|
3852
|
+
}, [refs]);
|
|
3853
|
+
return callbackRef;
|
|
3854
|
+
}
|
|
3855
|
+
|
|
3856
|
+
// ../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.2_react@19.1.0/node_modules/use-sidecar/dist/es2015/medium.js
|
|
3857
|
+
function ItoI(a) {
|
|
3858
|
+
return a;
|
|
3859
|
+
}
|
|
3860
|
+
function innerCreateMedium(defaults, middleware) {
|
|
3861
|
+
if (middleware === void 0) {
|
|
3862
|
+
middleware = ItoI;
|
|
3863
|
+
}
|
|
3864
|
+
var buffer = [];
|
|
3865
|
+
var assigned = false;
|
|
3866
|
+
var medium = {
|
|
3867
|
+
read: function() {
|
|
3868
|
+
if (assigned) {
|
|
3869
|
+
throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");
|
|
3870
|
+
}
|
|
3871
|
+
if (buffer.length) {
|
|
3872
|
+
return buffer[buffer.length - 1];
|
|
3873
|
+
}
|
|
3874
|
+
return defaults;
|
|
3875
|
+
},
|
|
3876
|
+
useMedium: function(data) {
|
|
3877
|
+
var item = middleware(data, assigned);
|
|
3878
|
+
buffer.push(item);
|
|
3879
|
+
return function() {
|
|
3880
|
+
buffer = buffer.filter(function(x) {
|
|
3881
|
+
return x !== item;
|
|
3882
|
+
});
|
|
3883
|
+
};
|
|
3884
|
+
},
|
|
3885
|
+
assignSyncMedium: function(cb) {
|
|
3886
|
+
assigned = true;
|
|
3887
|
+
while (buffer.length) {
|
|
3888
|
+
var cbs = buffer;
|
|
3889
|
+
buffer = [];
|
|
3890
|
+
cbs.forEach(cb);
|
|
3891
|
+
}
|
|
3892
|
+
buffer = {
|
|
3893
|
+
push: function(x) {
|
|
3894
|
+
return cb(x);
|
|
3895
|
+
},
|
|
3896
|
+
filter: function() {
|
|
3897
|
+
return buffer;
|
|
3898
|
+
}
|
|
3899
|
+
};
|
|
3900
|
+
},
|
|
3901
|
+
assignMedium: function(cb) {
|
|
3902
|
+
assigned = true;
|
|
3903
|
+
var pendingQueue = [];
|
|
3904
|
+
if (buffer.length) {
|
|
3905
|
+
var cbs = buffer;
|
|
3906
|
+
buffer = [];
|
|
3907
|
+
cbs.forEach(cb);
|
|
3908
|
+
pendingQueue = buffer;
|
|
3909
|
+
}
|
|
3910
|
+
var executeQueue = function() {
|
|
3911
|
+
var cbs2 = pendingQueue;
|
|
3912
|
+
pendingQueue = [];
|
|
3913
|
+
cbs2.forEach(cb);
|
|
3914
|
+
};
|
|
3915
|
+
var cycle = function() {
|
|
3916
|
+
return Promise.resolve().then(executeQueue);
|
|
3917
|
+
};
|
|
3918
|
+
cycle();
|
|
3919
|
+
buffer = {
|
|
3920
|
+
push: function(x) {
|
|
3921
|
+
pendingQueue.push(x);
|
|
3922
|
+
cycle();
|
|
3923
|
+
},
|
|
3924
|
+
filter: function(filter) {
|
|
3925
|
+
pendingQueue = pendingQueue.filter(filter);
|
|
3926
|
+
return buffer;
|
|
3927
|
+
}
|
|
3928
|
+
};
|
|
3929
|
+
}
|
|
3930
|
+
};
|
|
3931
|
+
return medium;
|
|
3932
|
+
}
|
|
3933
|
+
function createSidecarMedium(options) {
|
|
3934
|
+
if (options === void 0) {
|
|
3935
|
+
options = {};
|
|
3936
|
+
}
|
|
3937
|
+
var medium = innerCreateMedium(null);
|
|
3938
|
+
medium.options = __assign({ async: true, ssr: false }, options);
|
|
3939
|
+
return medium;
|
|
3940
|
+
}
|
|
3941
|
+
|
|
3942
|
+
// ../../node_modules/.pnpm/use-sidecar@1.1.3_@types+react@19.1.2_react@19.1.0/node_modules/use-sidecar/dist/es2015/exports.js
|
|
3943
|
+
import * as React48 from "react";
|
|
3944
|
+
var SideCar = function(_a) {
|
|
3945
|
+
var sideCar = _a.sideCar, rest = __rest(_a, ["sideCar"]);
|
|
3946
|
+
if (!sideCar) {
|
|
3947
|
+
throw new Error("Sidecar: please provide `sideCar` property to import the right car");
|
|
3948
|
+
}
|
|
3949
|
+
var Target = sideCar.read();
|
|
3950
|
+
if (!Target) {
|
|
3951
|
+
throw new Error("Sidecar medium not found");
|
|
3952
|
+
}
|
|
3953
|
+
return React48.createElement(Target, __assign({}, rest));
|
|
3954
|
+
};
|
|
3955
|
+
SideCar.isSideCarExport = true;
|
|
3956
|
+
function exportSidecar(medium, exported) {
|
|
3957
|
+
medium.useMedium(exported);
|
|
3958
|
+
return SideCar;
|
|
3959
|
+
}
|
|
3960
|
+
|
|
3961
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/medium.js
|
|
3962
|
+
var effectCar = createSidecarMedium();
|
|
3963
|
+
|
|
3964
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/UI.js
|
|
3965
|
+
var nothing = function() {
|
|
3966
|
+
return;
|
|
3967
|
+
};
|
|
3968
|
+
var RemoveScroll = React49.forwardRef(function(props, parentRef) {
|
|
3969
|
+
var ref = React49.useRef(null);
|
|
3970
|
+
var _a = React49.useState({
|
|
3971
|
+
onScrollCapture: nothing,
|
|
3972
|
+
onWheelCapture: nothing,
|
|
3973
|
+
onTouchMoveCapture: nothing
|
|
3974
|
+
}), callbacks = _a[0], setCallbacks = _a[1];
|
|
3975
|
+
var forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noRelative = props.noRelative, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]);
|
|
3976
|
+
var SideCar2 = sideCar;
|
|
3977
|
+
var containerRef = useMergeRefs([ref, parentRef]);
|
|
3978
|
+
var containerProps = __assign(__assign({}, rest), callbacks);
|
|
3979
|
+
return React49.createElement(
|
|
3980
|
+
React49.Fragment,
|
|
3981
|
+
null,
|
|
3982
|
+
enabled && React49.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noRelative, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
|
|
3983
|
+
forwardProps ? React49.cloneElement(React49.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React49.createElement(Container, __assign({}, containerProps, { className, ref: containerRef }), children)
|
|
3984
|
+
);
|
|
3985
|
+
});
|
|
3986
|
+
RemoveScroll.defaultProps = {
|
|
3987
|
+
enabled: true,
|
|
3988
|
+
removeScrollBar: true,
|
|
3989
|
+
inert: false
|
|
3990
|
+
};
|
|
3991
|
+
RemoveScroll.classNames = {
|
|
3992
|
+
fullWidth: fullWidthClassName,
|
|
3993
|
+
zeroRight: zeroRightClassName
|
|
3994
|
+
};
|
|
3995
|
+
|
|
3996
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
3997
|
+
import * as React52 from "react";
|
|
3998
|
+
|
|
3999
|
+
// ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
|
|
4000
|
+
import * as React51 from "react";
|
|
4001
|
+
|
|
4002
|
+
// ../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
|
|
4003
|
+
import * as React50 from "react";
|
|
4004
|
+
|
|
4005
|
+
// ../../node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js
|
|
4006
|
+
var currentNonce;
|
|
4007
|
+
var getNonce = function() {
|
|
4008
|
+
if (currentNonce) {
|
|
4009
|
+
return currentNonce;
|
|
4010
|
+
}
|
|
4011
|
+
if (typeof __webpack_nonce__ !== "undefined") {
|
|
4012
|
+
return __webpack_nonce__;
|
|
4013
|
+
}
|
|
4014
|
+
return void 0;
|
|
4015
|
+
};
|
|
4016
|
+
|
|
4017
|
+
// ../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/singleton.js
|
|
4018
|
+
function makeStyleTag() {
|
|
4019
|
+
if (!document)
|
|
4020
|
+
return null;
|
|
4021
|
+
var tag = document.createElement("style");
|
|
4022
|
+
tag.type = "text/css";
|
|
4023
|
+
var nonce = getNonce();
|
|
4024
|
+
if (nonce) {
|
|
4025
|
+
tag.setAttribute("nonce", nonce);
|
|
4026
|
+
}
|
|
4027
|
+
return tag;
|
|
4028
|
+
}
|
|
4029
|
+
function injectStyles(tag, css) {
|
|
4030
|
+
if (tag.styleSheet) {
|
|
4031
|
+
tag.styleSheet.cssText = css;
|
|
4032
|
+
} else {
|
|
4033
|
+
tag.appendChild(document.createTextNode(css));
|
|
4034
|
+
}
|
|
4035
|
+
}
|
|
4036
|
+
function insertStyleTag(tag) {
|
|
4037
|
+
var head = document.head || document.getElementsByTagName("head")[0];
|
|
4038
|
+
head.appendChild(tag);
|
|
4039
|
+
}
|
|
4040
|
+
var stylesheetSingleton = function() {
|
|
4041
|
+
var counter = 0;
|
|
4042
|
+
var stylesheet = null;
|
|
4043
|
+
return {
|
|
4044
|
+
add: function(style) {
|
|
4045
|
+
if (counter == 0) {
|
|
4046
|
+
if (stylesheet = makeStyleTag()) {
|
|
4047
|
+
injectStyles(stylesheet, style);
|
|
4048
|
+
insertStyleTag(stylesheet);
|
|
4049
|
+
}
|
|
4050
|
+
}
|
|
4051
|
+
counter++;
|
|
4052
|
+
},
|
|
4053
|
+
remove: function() {
|
|
4054
|
+
counter--;
|
|
4055
|
+
if (!counter && stylesheet) {
|
|
4056
|
+
stylesheet.parentNode && stylesheet.parentNode.removeChild(stylesheet);
|
|
4057
|
+
stylesheet = null;
|
|
4058
|
+
}
|
|
4059
|
+
}
|
|
4060
|
+
};
|
|
4061
|
+
};
|
|
4062
|
+
|
|
4063
|
+
// ../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/hook.js
|
|
4064
|
+
var styleHookSingleton = function() {
|
|
4065
|
+
var sheet = stylesheetSingleton();
|
|
4066
|
+
return function(styles, isDynamic) {
|
|
4067
|
+
React50.useEffect(function() {
|
|
4068
|
+
sheet.add(styles);
|
|
4069
|
+
return function() {
|
|
4070
|
+
sheet.remove();
|
|
4071
|
+
};
|
|
4072
|
+
}, [styles && isDynamic]);
|
|
4073
|
+
};
|
|
4074
|
+
};
|
|
4075
|
+
|
|
4076
|
+
// ../../node_modules/.pnpm/react-style-singleton@2.2.3_@types+react@19.1.2_react@19.1.0/node_modules/react-style-singleton/dist/es2015/component.js
|
|
4077
|
+
var styleSingleton = function() {
|
|
4078
|
+
var useStyle = styleHookSingleton();
|
|
4079
|
+
var Sheet = function(_a) {
|
|
4080
|
+
var styles = _a.styles, dynamic = _a.dynamic;
|
|
4081
|
+
useStyle(styles, dynamic);
|
|
4082
|
+
return null;
|
|
4083
|
+
};
|
|
4084
|
+
return Sheet;
|
|
4085
|
+
};
|
|
4086
|
+
|
|
4087
|
+
// ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/utils.js
|
|
4088
|
+
var zeroGap = {
|
|
4089
|
+
left: 0,
|
|
4090
|
+
top: 0,
|
|
4091
|
+
right: 0,
|
|
4092
|
+
gap: 0
|
|
4093
|
+
};
|
|
4094
|
+
var parse = function(x) {
|
|
4095
|
+
return parseInt(x || "", 10) || 0;
|
|
4096
|
+
};
|
|
4097
|
+
var getOffset = function(gapMode) {
|
|
4098
|
+
var cs = window.getComputedStyle(document.body);
|
|
4099
|
+
var left = cs[gapMode === "padding" ? "paddingLeft" : "marginLeft"];
|
|
4100
|
+
var top = cs[gapMode === "padding" ? "paddingTop" : "marginTop"];
|
|
4101
|
+
var right = cs[gapMode === "padding" ? "paddingRight" : "marginRight"];
|
|
4102
|
+
return [parse(left), parse(top), parse(right)];
|
|
4103
|
+
};
|
|
4104
|
+
var getGapWidth = function(gapMode) {
|
|
4105
|
+
if (gapMode === void 0) {
|
|
4106
|
+
gapMode = "margin";
|
|
4107
|
+
}
|
|
4108
|
+
if (typeof window === "undefined") {
|
|
4109
|
+
return zeroGap;
|
|
4110
|
+
}
|
|
4111
|
+
var offsets = getOffset(gapMode);
|
|
4112
|
+
var documentWidth = document.documentElement.clientWidth;
|
|
4113
|
+
var windowWidth = window.innerWidth;
|
|
4114
|
+
return {
|
|
4115
|
+
left: offsets[0],
|
|
4116
|
+
top: offsets[1],
|
|
4117
|
+
right: offsets[2],
|
|
4118
|
+
gap: Math.max(0, windowWidth - documentWidth + offsets[2] - offsets[0])
|
|
4119
|
+
};
|
|
4120
|
+
};
|
|
4121
|
+
|
|
4122
|
+
// ../../node_modules/.pnpm/react-remove-scroll-bar@2.3.8_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll-bar/dist/es2015/component.js
|
|
4123
|
+
var Style = styleSingleton();
|
|
4124
|
+
var lockAttribute = "data-scroll-locked";
|
|
4125
|
+
var getStyles = function(_a, allowRelative, gapMode, important) {
|
|
4126
|
+
var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;
|
|
4127
|
+
if (gapMode === void 0) {
|
|
4128
|
+
gapMode = "margin";
|
|
4129
|
+
}
|
|
4130
|
+
return "\n .".concat(noScrollbarsClassName, " {\n overflow: hidden ").concat(important, ";\n padding-right: ").concat(gap, "px ").concat(important, ";\n }\n body[").concat(lockAttribute, "] {\n overflow: hidden ").concat(important, ";\n overscroll-behavior: contain;\n ").concat([
|
|
4131
|
+
allowRelative && "position: relative ".concat(important, ";"),
|
|
4132
|
+
gapMode === "margin" && "\n padding-left: ".concat(left, "px;\n padding-top: ").concat(top, "px;\n padding-right: ").concat(right, "px;\n margin-left:0;\n margin-top:0;\n margin-right: ").concat(gap, "px ").concat(important, ";\n "),
|
|
4133
|
+
gapMode === "padding" && "padding-right: ".concat(gap, "px ").concat(important, ";")
|
|
4134
|
+
].filter(Boolean).join(""), "\n }\n \n .").concat(zeroRightClassName, " {\n right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(fullWidthClassName, " {\n margin-right: ").concat(gap, "px ").concat(important, ";\n }\n \n .").concat(zeroRightClassName, " .").concat(zeroRightClassName, " {\n right: 0 ").concat(important, ";\n }\n \n .").concat(fullWidthClassName, " .").concat(fullWidthClassName, " {\n margin-right: 0 ").concat(important, ";\n }\n \n body[").concat(lockAttribute, "] {\n ").concat(removedBarSizeVariable, ": ").concat(gap, "px;\n }\n");
|
|
4135
|
+
};
|
|
4136
|
+
var getCurrentUseCounter = function() {
|
|
4137
|
+
var counter = parseInt(document.body.getAttribute(lockAttribute) || "0", 10);
|
|
4138
|
+
return isFinite(counter) ? counter : 0;
|
|
4139
|
+
};
|
|
4140
|
+
var useLockAttribute = function() {
|
|
4141
|
+
React51.useEffect(function() {
|
|
4142
|
+
document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());
|
|
4143
|
+
return function() {
|
|
4144
|
+
var newCounter = getCurrentUseCounter() - 1;
|
|
4145
|
+
if (newCounter <= 0) {
|
|
4146
|
+
document.body.removeAttribute(lockAttribute);
|
|
4147
|
+
} else {
|
|
4148
|
+
document.body.setAttribute(lockAttribute, newCounter.toString());
|
|
4149
|
+
}
|
|
4150
|
+
};
|
|
4151
|
+
}, []);
|
|
4152
|
+
};
|
|
4153
|
+
var RemoveScrollBar = function(_a) {
|
|
4154
|
+
var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? "margin" : _b;
|
|
4155
|
+
useLockAttribute();
|
|
4156
|
+
var gap = React51.useMemo(function() {
|
|
4157
|
+
return getGapWidth(gapMode);
|
|
4158
|
+
}, [gapMode]);
|
|
4159
|
+
return React51.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? "!important" : "") });
|
|
4160
|
+
};
|
|
4161
|
+
|
|
4162
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js
|
|
4163
|
+
var passiveSupported = false;
|
|
4164
|
+
if (typeof window !== "undefined") {
|
|
4165
|
+
try {
|
|
4166
|
+
options = Object.defineProperty({}, "passive", {
|
|
4167
|
+
get: function() {
|
|
4168
|
+
passiveSupported = true;
|
|
4169
|
+
return true;
|
|
4170
|
+
}
|
|
4171
|
+
});
|
|
4172
|
+
window.addEventListener("test", options, options);
|
|
4173
|
+
window.removeEventListener("test", options, options);
|
|
4174
|
+
} catch (err) {
|
|
4175
|
+
passiveSupported = false;
|
|
4176
|
+
}
|
|
4177
|
+
}
|
|
4178
|
+
var options;
|
|
4179
|
+
var nonPassive = passiveSupported ? { passive: false } : false;
|
|
4180
|
+
|
|
4181
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/handleScroll.js
|
|
4182
|
+
var alwaysContainsScroll = function(node) {
|
|
4183
|
+
return node.tagName === "TEXTAREA";
|
|
4184
|
+
};
|
|
4185
|
+
var elementCanBeScrolled = function(node, overflow) {
|
|
4186
|
+
if (!(node instanceof Element)) {
|
|
4187
|
+
return false;
|
|
4188
|
+
}
|
|
4189
|
+
var styles = window.getComputedStyle(node);
|
|
4190
|
+
return (
|
|
4191
|
+
// not-not-scrollable
|
|
4192
|
+
styles[overflow] !== "hidden" && // contains scroll inside self
|
|
4193
|
+
!(styles.overflowY === styles.overflowX && !alwaysContainsScroll(node) && styles[overflow] === "visible")
|
|
4194
|
+
);
|
|
4195
|
+
};
|
|
4196
|
+
var elementCouldBeVScrolled = function(node) {
|
|
4197
|
+
return elementCanBeScrolled(node, "overflowY");
|
|
4198
|
+
};
|
|
4199
|
+
var elementCouldBeHScrolled = function(node) {
|
|
4200
|
+
return elementCanBeScrolled(node, "overflowX");
|
|
4201
|
+
};
|
|
4202
|
+
var locationCouldBeScrolled = function(axis, node) {
|
|
4203
|
+
var ownerDocument = node.ownerDocument;
|
|
4204
|
+
var current = node;
|
|
4205
|
+
do {
|
|
4206
|
+
if (typeof ShadowRoot !== "undefined" && current instanceof ShadowRoot) {
|
|
4207
|
+
current = current.host;
|
|
4208
|
+
}
|
|
4209
|
+
var isScrollable = elementCouldBeScrolled(axis, current);
|
|
4210
|
+
if (isScrollable) {
|
|
4211
|
+
var _a = getScrollVariables(axis, current), scrollHeight = _a[1], clientHeight = _a[2];
|
|
4212
|
+
if (scrollHeight > clientHeight) {
|
|
4213
|
+
return true;
|
|
4214
|
+
}
|
|
4215
|
+
}
|
|
4216
|
+
current = current.parentNode;
|
|
4217
|
+
} while (current && current !== ownerDocument.body);
|
|
4218
|
+
return false;
|
|
4219
|
+
};
|
|
4220
|
+
var getVScrollVariables = function(_a) {
|
|
4221
|
+
var scrollTop = _a.scrollTop, scrollHeight = _a.scrollHeight, clientHeight = _a.clientHeight;
|
|
4222
|
+
return [
|
|
4223
|
+
scrollTop,
|
|
4224
|
+
scrollHeight,
|
|
4225
|
+
clientHeight
|
|
4226
|
+
];
|
|
4227
|
+
};
|
|
4228
|
+
var getHScrollVariables = function(_a) {
|
|
4229
|
+
var scrollLeft = _a.scrollLeft, scrollWidth = _a.scrollWidth, clientWidth = _a.clientWidth;
|
|
4230
|
+
return [
|
|
4231
|
+
scrollLeft,
|
|
4232
|
+
scrollWidth,
|
|
4233
|
+
clientWidth
|
|
4234
|
+
];
|
|
4235
|
+
};
|
|
4236
|
+
var elementCouldBeScrolled = function(axis, node) {
|
|
4237
|
+
return axis === "v" ? elementCouldBeVScrolled(node) : elementCouldBeHScrolled(node);
|
|
4238
|
+
};
|
|
4239
|
+
var getScrollVariables = function(axis, node) {
|
|
4240
|
+
return axis === "v" ? getVScrollVariables(node) : getHScrollVariables(node);
|
|
4241
|
+
};
|
|
4242
|
+
var getDirectionFactor = function(axis, direction) {
|
|
4243
|
+
return axis === "h" && direction === "rtl" ? -1 : 1;
|
|
4244
|
+
};
|
|
4245
|
+
var handleScroll = function(axis, endTarget, event, sourceDelta, noOverscroll) {
|
|
4246
|
+
var directionFactor = getDirectionFactor(axis, window.getComputedStyle(endTarget).direction);
|
|
4247
|
+
var delta = directionFactor * sourceDelta;
|
|
4248
|
+
var target = event.target;
|
|
4249
|
+
var targetInLock = endTarget.contains(target);
|
|
4250
|
+
var shouldCancelScroll = false;
|
|
4251
|
+
var isDeltaPositive = delta > 0;
|
|
4252
|
+
var availableScroll = 0;
|
|
4253
|
+
var availableScrollTop = 0;
|
|
4254
|
+
do {
|
|
4255
|
+
if (!target) {
|
|
4256
|
+
break;
|
|
4257
|
+
}
|
|
4258
|
+
var _a = getScrollVariables(axis, target), position = _a[0], scroll_1 = _a[1], capacity = _a[2];
|
|
4259
|
+
var elementScroll = scroll_1 - capacity - directionFactor * position;
|
|
4260
|
+
if (position || elementScroll) {
|
|
4261
|
+
if (elementCouldBeScrolled(axis, target)) {
|
|
4262
|
+
availableScroll += elementScroll;
|
|
4263
|
+
availableScrollTop += position;
|
|
4264
|
+
}
|
|
4265
|
+
}
|
|
4266
|
+
var parent_1 = target.parentNode;
|
|
4267
|
+
target = parent_1 && parent_1.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? parent_1.host : parent_1;
|
|
4268
|
+
} while (
|
|
4269
|
+
// portaled content
|
|
4270
|
+
!targetInLock && target !== document.body || // self content
|
|
4271
|
+
targetInLock && (endTarget.contains(target) || endTarget === target)
|
|
4272
|
+
);
|
|
4273
|
+
if (isDeltaPositive && (noOverscroll && Math.abs(availableScroll) < 1 || !noOverscroll && delta > availableScroll)) {
|
|
4274
|
+
shouldCancelScroll = true;
|
|
4275
|
+
} else if (!isDeltaPositive && (noOverscroll && Math.abs(availableScrollTop) < 1 || !noOverscroll && -delta > availableScrollTop)) {
|
|
4276
|
+
shouldCancelScroll = true;
|
|
4277
|
+
}
|
|
4278
|
+
return shouldCancelScroll;
|
|
4279
|
+
};
|
|
4280
|
+
|
|
4281
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/SideEffect.js
|
|
4282
|
+
var getTouchXY = function(event) {
|
|
4283
|
+
return "changedTouches" in event ? [event.changedTouches[0].clientX, event.changedTouches[0].clientY] : [0, 0];
|
|
4284
|
+
};
|
|
4285
|
+
var getDeltaXY = function(event) {
|
|
4286
|
+
return [event.deltaX, event.deltaY];
|
|
4287
|
+
};
|
|
4288
|
+
var extractRef = function(ref) {
|
|
4289
|
+
return ref && "current" in ref ? ref.current : ref;
|
|
4290
|
+
};
|
|
4291
|
+
var deltaCompare = function(x, y) {
|
|
4292
|
+
return x[0] === y[0] && x[1] === y[1];
|
|
4293
|
+
};
|
|
4294
|
+
var generateStyle = function(id) {
|
|
4295
|
+
return "\n .block-interactivity-".concat(id, " {pointer-events: none;}\n .allow-interactivity-").concat(id, " {pointer-events: all;}\n");
|
|
4296
|
+
};
|
|
4297
|
+
var idCounter = 0;
|
|
4298
|
+
var lockStack = [];
|
|
4299
|
+
function RemoveScrollSideCar(props) {
|
|
4300
|
+
var shouldPreventQueue = React52.useRef([]);
|
|
4301
|
+
var touchStartRef = React52.useRef([0, 0]);
|
|
4302
|
+
var activeAxis = React52.useRef();
|
|
4303
|
+
var id = React52.useState(idCounter++)[0];
|
|
4304
|
+
var Style2 = React52.useState(styleSingleton)[0];
|
|
4305
|
+
var lastProps = React52.useRef(props);
|
|
4306
|
+
React52.useEffect(function() {
|
|
4307
|
+
lastProps.current = props;
|
|
4308
|
+
}, [props]);
|
|
4309
|
+
React52.useEffect(function() {
|
|
4310
|
+
if (props.inert) {
|
|
4311
|
+
document.body.classList.add("block-interactivity-".concat(id));
|
|
4312
|
+
var allow_1 = __spreadArray([props.lockRef.current], (props.shards || []).map(extractRef), true).filter(Boolean);
|
|
4313
|
+
allow_1.forEach(function(el) {
|
|
4314
|
+
return el.classList.add("allow-interactivity-".concat(id));
|
|
4315
|
+
});
|
|
4316
|
+
return function() {
|
|
4317
|
+
document.body.classList.remove("block-interactivity-".concat(id));
|
|
4318
|
+
allow_1.forEach(function(el) {
|
|
4319
|
+
return el.classList.remove("allow-interactivity-".concat(id));
|
|
4320
|
+
});
|
|
4321
|
+
};
|
|
4322
|
+
}
|
|
4323
|
+
return;
|
|
4324
|
+
}, [props.inert, props.lockRef.current, props.shards]);
|
|
4325
|
+
var shouldCancelEvent = React52.useCallback(function(event, parent) {
|
|
4326
|
+
if ("touches" in event && event.touches.length === 2 || event.type === "wheel" && event.ctrlKey) {
|
|
4327
|
+
return !lastProps.current.allowPinchZoom;
|
|
4328
|
+
}
|
|
4329
|
+
var touch = getTouchXY(event);
|
|
4330
|
+
var touchStart = touchStartRef.current;
|
|
4331
|
+
var deltaX = "deltaX" in event ? event.deltaX : touchStart[0] - touch[0];
|
|
4332
|
+
var deltaY = "deltaY" in event ? event.deltaY : touchStart[1] - touch[1];
|
|
4333
|
+
var currentAxis;
|
|
4334
|
+
var target = event.target;
|
|
4335
|
+
var moveDirection = Math.abs(deltaX) > Math.abs(deltaY) ? "h" : "v";
|
|
4336
|
+
if ("touches" in event && moveDirection === "h" && target.type === "range") {
|
|
4337
|
+
return false;
|
|
4338
|
+
}
|
|
4339
|
+
var canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
|
4340
|
+
if (!canBeScrolledInMainDirection) {
|
|
4341
|
+
return true;
|
|
4342
|
+
}
|
|
4343
|
+
if (canBeScrolledInMainDirection) {
|
|
4344
|
+
currentAxis = moveDirection;
|
|
4345
|
+
} else {
|
|
4346
|
+
currentAxis = moveDirection === "v" ? "h" : "v";
|
|
4347
|
+
canBeScrolledInMainDirection = locationCouldBeScrolled(moveDirection, target);
|
|
4348
|
+
}
|
|
4349
|
+
if (!canBeScrolledInMainDirection) {
|
|
4350
|
+
return false;
|
|
4351
|
+
}
|
|
4352
|
+
if (!activeAxis.current && "changedTouches" in event && (deltaX || deltaY)) {
|
|
4353
|
+
activeAxis.current = currentAxis;
|
|
4354
|
+
}
|
|
4355
|
+
if (!currentAxis) {
|
|
4356
|
+
return true;
|
|
4357
|
+
}
|
|
4358
|
+
var cancelingAxis = activeAxis.current || currentAxis;
|
|
4359
|
+
return handleScroll(cancelingAxis, parent, event, cancelingAxis === "h" ? deltaX : deltaY, true);
|
|
4360
|
+
}, []);
|
|
4361
|
+
var shouldPrevent = React52.useCallback(function(_event) {
|
|
4362
|
+
var event = _event;
|
|
4363
|
+
if (!lockStack.length || lockStack[lockStack.length - 1] !== Style2) {
|
|
4364
|
+
return;
|
|
4365
|
+
}
|
|
4366
|
+
var delta = "deltaY" in event ? getDeltaXY(event) : getTouchXY(event);
|
|
4367
|
+
var sourceEvent = shouldPreventQueue.current.filter(function(e) {
|
|
4368
|
+
return e.name === event.type && (e.target === event.target || event.target === e.shadowParent) && deltaCompare(e.delta, delta);
|
|
4369
|
+
})[0];
|
|
4370
|
+
if (sourceEvent && sourceEvent.should) {
|
|
4371
|
+
if (event.cancelable) {
|
|
4372
|
+
event.preventDefault();
|
|
4373
|
+
}
|
|
4374
|
+
return;
|
|
4375
|
+
}
|
|
4376
|
+
if (!sourceEvent) {
|
|
4377
|
+
var shardNodes = (lastProps.current.shards || []).map(extractRef).filter(Boolean).filter(function(node) {
|
|
4378
|
+
return node.contains(event.target);
|
|
4379
|
+
});
|
|
4380
|
+
var shouldStop = shardNodes.length > 0 ? shouldCancelEvent(event, shardNodes[0]) : !lastProps.current.noIsolation;
|
|
4381
|
+
if (shouldStop) {
|
|
4382
|
+
if (event.cancelable) {
|
|
4383
|
+
event.preventDefault();
|
|
4384
|
+
}
|
|
4385
|
+
}
|
|
4386
|
+
}
|
|
4387
|
+
}, []);
|
|
4388
|
+
var shouldCancel = React52.useCallback(function(name, delta, target, should) {
|
|
4389
|
+
var event = { name, delta, target, should, shadowParent: getOutermostShadowParent(target) };
|
|
4390
|
+
shouldPreventQueue.current.push(event);
|
|
4391
|
+
setTimeout(function() {
|
|
4392
|
+
shouldPreventQueue.current = shouldPreventQueue.current.filter(function(e) {
|
|
4393
|
+
return e !== event;
|
|
4394
|
+
});
|
|
4395
|
+
}, 1);
|
|
4396
|
+
}, []);
|
|
4397
|
+
var scrollTouchStart = React52.useCallback(function(event) {
|
|
4398
|
+
touchStartRef.current = getTouchXY(event);
|
|
4399
|
+
activeAxis.current = void 0;
|
|
4400
|
+
}, []);
|
|
4401
|
+
var scrollWheel = React52.useCallback(function(event) {
|
|
4402
|
+
shouldCancel(event.type, getDeltaXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
4403
|
+
}, []);
|
|
4404
|
+
var scrollTouchMove = React52.useCallback(function(event) {
|
|
4405
|
+
shouldCancel(event.type, getTouchXY(event), event.target, shouldCancelEvent(event, props.lockRef.current));
|
|
4406
|
+
}, []);
|
|
4407
|
+
React52.useEffect(function() {
|
|
4408
|
+
lockStack.push(Style2);
|
|
4409
|
+
props.setCallbacks({
|
|
4410
|
+
onScrollCapture: scrollWheel,
|
|
4411
|
+
onWheelCapture: scrollWheel,
|
|
4412
|
+
onTouchMoveCapture: scrollTouchMove
|
|
4413
|
+
});
|
|
4414
|
+
document.addEventListener("wheel", shouldPrevent, nonPassive);
|
|
4415
|
+
document.addEventListener("touchmove", shouldPrevent, nonPassive);
|
|
4416
|
+
document.addEventListener("touchstart", scrollTouchStart, nonPassive);
|
|
4417
|
+
return function() {
|
|
4418
|
+
lockStack = lockStack.filter(function(inst) {
|
|
4419
|
+
return inst !== Style2;
|
|
4420
|
+
});
|
|
4421
|
+
document.removeEventListener("wheel", shouldPrevent, nonPassive);
|
|
4422
|
+
document.removeEventListener("touchmove", shouldPrevent, nonPassive);
|
|
4423
|
+
document.removeEventListener("touchstart", scrollTouchStart, nonPassive);
|
|
4424
|
+
};
|
|
4425
|
+
}, []);
|
|
4426
|
+
var removeScrollBar = props.removeScrollBar, inert = props.inert;
|
|
4427
|
+
return React52.createElement(
|
|
4428
|
+
React52.Fragment,
|
|
4429
|
+
null,
|
|
4430
|
+
inert ? React52.createElement(Style2, { styles: generateStyle(id) }) : null,
|
|
4431
|
+
removeScrollBar ? React52.createElement(RemoveScrollBar, { noRelative: props.noRelative, gapMode: props.gapMode }) : null
|
|
4432
|
+
);
|
|
4433
|
+
}
|
|
4434
|
+
function getOutermostShadowParent(node) {
|
|
4435
|
+
var shadowParent = null;
|
|
4436
|
+
while (node !== null) {
|
|
4437
|
+
if (node instanceof ShadowRoot) {
|
|
4438
|
+
shadowParent = node.host;
|
|
4439
|
+
node = node.host;
|
|
4440
|
+
}
|
|
4441
|
+
node = node.parentNode;
|
|
4442
|
+
}
|
|
4443
|
+
return shadowParent;
|
|
4444
|
+
}
|
|
4445
|
+
|
|
4446
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/sidecar.js
|
|
4447
|
+
var sidecar_default = exportSidecar(effectCar, RemoveScrollSideCar);
|
|
4448
|
+
|
|
4449
|
+
// ../../node_modules/.pnpm/react-remove-scroll@2.7.1_@types+react@19.1.2_react@19.1.0/node_modules/react-remove-scroll/dist/es2015/Combination.js
|
|
4450
|
+
var ReactRemoveScroll = React53.forwardRef(function(props, ref) {
|
|
4451
|
+
return React53.createElement(RemoveScroll, __assign({}, props, { ref, sideCar: sidecar_default }));
|
|
4452
|
+
});
|
|
4453
|
+
ReactRemoveScroll.classNames = RemoveScroll.classNames;
|
|
4454
|
+
var Combination_default = ReactRemoveScroll;
|
|
4455
|
+
|
|
4456
|
+
// ../../node_modules/.pnpm/aria-hidden@1.2.6/node_modules/aria-hidden/dist/es2015/index.js
|
|
4457
|
+
var getDefaultParent = function(originalTarget) {
|
|
4458
|
+
if (typeof document === "undefined") {
|
|
4459
|
+
return null;
|
|
4460
|
+
}
|
|
4461
|
+
var sampleTarget = Array.isArray(originalTarget) ? originalTarget[0] : originalTarget;
|
|
4462
|
+
return sampleTarget.ownerDocument.body;
|
|
4463
|
+
};
|
|
4464
|
+
var counterMap = /* @__PURE__ */ new WeakMap();
|
|
4465
|
+
var uncontrolledNodes = /* @__PURE__ */ new WeakMap();
|
|
4466
|
+
var markerMap = {};
|
|
4467
|
+
var lockCount = 0;
|
|
4468
|
+
var unwrapHost = function(node) {
|
|
4469
|
+
return node && (node.host || unwrapHost(node.parentNode));
|
|
4470
|
+
};
|
|
4471
|
+
var correctTargets = function(parent, targets) {
|
|
4472
|
+
return targets.map(function(target) {
|
|
4473
|
+
if (parent.contains(target)) {
|
|
4474
|
+
return target;
|
|
4475
|
+
}
|
|
4476
|
+
var correctedTarget = unwrapHost(target);
|
|
4477
|
+
if (correctedTarget && parent.contains(correctedTarget)) {
|
|
4478
|
+
return correctedTarget;
|
|
4479
|
+
}
|
|
4480
|
+
console.error("aria-hidden", target, "in not contained inside", parent, ". Doing nothing");
|
|
4481
|
+
return null;
|
|
4482
|
+
}).filter(function(x) {
|
|
4483
|
+
return Boolean(x);
|
|
4484
|
+
});
|
|
4485
|
+
};
|
|
4486
|
+
var applyAttributeToOthers = function(originalTarget, parentNode, markerName, controlAttribute) {
|
|
4487
|
+
var targets = correctTargets(parentNode, Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
|
|
4488
|
+
if (!markerMap[markerName]) {
|
|
4489
|
+
markerMap[markerName] = /* @__PURE__ */ new WeakMap();
|
|
4490
|
+
}
|
|
4491
|
+
var markerCounter = markerMap[markerName];
|
|
4492
|
+
var hiddenNodes = [];
|
|
4493
|
+
var elementsToKeep = /* @__PURE__ */ new Set();
|
|
4494
|
+
var elementsToStop = new Set(targets);
|
|
4495
|
+
var keep = function(el) {
|
|
4496
|
+
if (!el || elementsToKeep.has(el)) {
|
|
4497
|
+
return;
|
|
4498
|
+
}
|
|
4499
|
+
elementsToKeep.add(el);
|
|
4500
|
+
keep(el.parentNode);
|
|
4501
|
+
};
|
|
4502
|
+
targets.forEach(keep);
|
|
4503
|
+
var deep = function(parent) {
|
|
4504
|
+
if (!parent || elementsToStop.has(parent)) {
|
|
4505
|
+
return;
|
|
4506
|
+
}
|
|
4507
|
+
Array.prototype.forEach.call(parent.children, function(node) {
|
|
4508
|
+
if (elementsToKeep.has(node)) {
|
|
4509
|
+
deep(node);
|
|
4510
|
+
} else {
|
|
4511
|
+
try {
|
|
4512
|
+
var attr = node.getAttribute(controlAttribute);
|
|
4513
|
+
var alreadyHidden = attr !== null && attr !== "false";
|
|
4514
|
+
var counterValue = (counterMap.get(node) || 0) + 1;
|
|
4515
|
+
var markerValue = (markerCounter.get(node) || 0) + 1;
|
|
4516
|
+
counterMap.set(node, counterValue);
|
|
4517
|
+
markerCounter.set(node, markerValue);
|
|
4518
|
+
hiddenNodes.push(node);
|
|
4519
|
+
if (counterValue === 1 && alreadyHidden) {
|
|
4520
|
+
uncontrolledNodes.set(node, true);
|
|
4521
|
+
}
|
|
4522
|
+
if (markerValue === 1) {
|
|
4523
|
+
node.setAttribute(markerName, "true");
|
|
4524
|
+
}
|
|
4525
|
+
if (!alreadyHidden) {
|
|
4526
|
+
node.setAttribute(controlAttribute, "true");
|
|
4527
|
+
}
|
|
4528
|
+
} catch (e) {
|
|
4529
|
+
console.error("aria-hidden: cannot operate on ", node, e);
|
|
4530
|
+
}
|
|
4531
|
+
}
|
|
4532
|
+
});
|
|
4533
|
+
};
|
|
4534
|
+
deep(parentNode);
|
|
4535
|
+
elementsToKeep.clear();
|
|
4536
|
+
lockCount++;
|
|
4537
|
+
return function() {
|
|
4538
|
+
hiddenNodes.forEach(function(node) {
|
|
4539
|
+
var counterValue = counterMap.get(node) - 1;
|
|
4540
|
+
var markerValue = markerCounter.get(node) - 1;
|
|
4541
|
+
counterMap.set(node, counterValue);
|
|
4542
|
+
markerCounter.set(node, markerValue);
|
|
4543
|
+
if (!counterValue) {
|
|
4544
|
+
if (!uncontrolledNodes.has(node)) {
|
|
4545
|
+
node.removeAttribute(controlAttribute);
|
|
4546
|
+
}
|
|
4547
|
+
uncontrolledNodes.delete(node);
|
|
4548
|
+
}
|
|
4549
|
+
if (!markerValue) {
|
|
4550
|
+
node.removeAttribute(markerName);
|
|
4551
|
+
}
|
|
4552
|
+
});
|
|
4553
|
+
lockCount--;
|
|
4554
|
+
if (!lockCount) {
|
|
4555
|
+
counterMap = /* @__PURE__ */ new WeakMap();
|
|
4556
|
+
counterMap = /* @__PURE__ */ new WeakMap();
|
|
4557
|
+
uncontrolledNodes = /* @__PURE__ */ new WeakMap();
|
|
4558
|
+
markerMap = {};
|
|
4559
|
+
}
|
|
4560
|
+
};
|
|
4561
|
+
};
|
|
4562
|
+
var hideOthers = function(originalTarget, parentNode, markerName) {
|
|
4563
|
+
if (markerName === void 0) {
|
|
4564
|
+
markerName = "data-aria-hidden";
|
|
4565
|
+
}
|
|
4566
|
+
var targets = Array.from(Array.isArray(originalTarget) ? originalTarget : [originalTarget]);
|
|
4567
|
+
var activeParentNode = parentNode || getDefaultParent(originalTarget);
|
|
4568
|
+
if (!activeParentNode) {
|
|
4569
|
+
return function() {
|
|
4570
|
+
return null;
|
|
4571
|
+
};
|
|
4572
|
+
}
|
|
4573
|
+
targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll("[aria-live], script")));
|
|
4574
|
+
return applyAttributeToOthers(targets, activeParentNode, markerName, "aria-hidden");
|
|
4575
|
+
};
|
|
4576
|
+
|
|
4577
|
+
// ../../node_modules/.pnpm/@radix-ui+react-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types+react_848f83211ce5e4d8275fe0d3e11a9387/node_modules/@radix-ui/react-dialog/dist/index.mjs
|
|
4578
|
+
import { Fragment as Fragment5, jsx as jsx41, jsxs as jsxs11 } from "react/jsx-runtime";
|
|
4579
|
+
var DIALOG_NAME = "Dialog";
|
|
4580
|
+
var [createDialogContext, createDialogScope] = createContextScope(DIALOG_NAME);
|
|
4581
|
+
var [DialogProvider, useDialogContext] = createDialogContext(DIALOG_NAME);
|
|
4582
|
+
var Dialog = (props) => {
|
|
4583
|
+
const {
|
|
4584
|
+
__scopeDialog,
|
|
4585
|
+
children,
|
|
4586
|
+
open: openProp,
|
|
4587
|
+
defaultOpen,
|
|
4588
|
+
onOpenChange,
|
|
4589
|
+
modal = true
|
|
4590
|
+
} = props;
|
|
4591
|
+
const triggerRef = React54.useRef(null);
|
|
4592
|
+
const contentRef = React54.useRef(null);
|
|
4593
|
+
const [open, setOpen] = useControllableState({
|
|
4594
|
+
prop: openProp,
|
|
4595
|
+
defaultProp: defaultOpen != null ? defaultOpen : false,
|
|
4596
|
+
onChange: onOpenChange,
|
|
4597
|
+
caller: DIALOG_NAME
|
|
4598
|
+
});
|
|
4599
|
+
return /* @__PURE__ */ jsx41(
|
|
4600
|
+
DialogProvider,
|
|
4601
|
+
{
|
|
4602
|
+
scope: __scopeDialog,
|
|
4603
|
+
triggerRef,
|
|
4604
|
+
contentRef,
|
|
4605
|
+
contentId: useId(),
|
|
4606
|
+
titleId: useId(),
|
|
4607
|
+
descriptionId: useId(),
|
|
4608
|
+
open,
|
|
4609
|
+
onOpenChange: setOpen,
|
|
4610
|
+
onOpenToggle: React54.useCallback(() => setOpen((prevOpen) => !prevOpen), [setOpen]),
|
|
4611
|
+
modal,
|
|
4612
|
+
children
|
|
4613
|
+
}
|
|
4614
|
+
);
|
|
4615
|
+
};
|
|
4616
|
+
Dialog.displayName = DIALOG_NAME;
|
|
4617
|
+
var TRIGGER_NAME = "DialogTrigger";
|
|
4618
|
+
var DialogTrigger = React54.forwardRef(
|
|
4619
|
+
(props, forwardedRef) => {
|
|
4620
|
+
const _a = props, { __scopeDialog } = _a, triggerProps = __objRest(_a, ["__scopeDialog"]);
|
|
4621
|
+
const context = useDialogContext(TRIGGER_NAME, __scopeDialog);
|
|
4622
|
+
const composedTriggerRef = useComposedRefs(forwardedRef, context.triggerRef);
|
|
4623
|
+
return /* @__PURE__ */ jsx41(
|
|
4624
|
+
Primitive.button,
|
|
4625
|
+
__spreadProps(__spreadValues({
|
|
4626
|
+
type: "button",
|
|
4627
|
+
"aria-haspopup": "dialog",
|
|
4628
|
+
"aria-expanded": context.open,
|
|
4629
|
+
"aria-controls": context.contentId,
|
|
4630
|
+
"data-state": getState(context.open)
|
|
4631
|
+
}, triggerProps), {
|
|
4632
|
+
ref: composedTriggerRef,
|
|
4633
|
+
onClick: composeEventHandlers(props.onClick, context.onOpenToggle)
|
|
4634
|
+
})
|
|
4635
|
+
);
|
|
4636
|
+
}
|
|
4637
|
+
);
|
|
4638
|
+
DialogTrigger.displayName = TRIGGER_NAME;
|
|
4639
|
+
var PORTAL_NAME2 = "DialogPortal";
|
|
4640
|
+
var [PortalProvider, usePortalContext] = createDialogContext(PORTAL_NAME2, {
|
|
4641
|
+
forceMount: void 0
|
|
4642
|
+
});
|
|
4643
|
+
var DialogPortal = (props) => {
|
|
4644
|
+
const { __scopeDialog, forceMount, children, container } = props;
|
|
4645
|
+
const context = useDialogContext(PORTAL_NAME2, __scopeDialog);
|
|
4646
|
+
return /* @__PURE__ */ jsx41(PortalProvider, { scope: __scopeDialog, forceMount, children: React54.Children.map(children, (child) => /* @__PURE__ */ jsx41(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx41(Portal, { asChild: true, container, children: child }) })) });
|
|
4647
|
+
};
|
|
4648
|
+
DialogPortal.displayName = PORTAL_NAME2;
|
|
4649
|
+
var OVERLAY_NAME = "DialogOverlay";
|
|
4650
|
+
var DialogOverlay = React54.forwardRef(
|
|
4651
|
+
(props, forwardedRef) => {
|
|
4652
|
+
const portalContext = usePortalContext(OVERLAY_NAME, props.__scopeDialog);
|
|
4653
|
+
const _a = props, { forceMount = portalContext.forceMount } = _a, overlayProps = __objRest(_a, ["forceMount"]);
|
|
4654
|
+
const context = useDialogContext(OVERLAY_NAME, props.__scopeDialog);
|
|
4655
|
+
return context.modal ? /* @__PURE__ */ jsx41(Presence, { present: forceMount || context.open, children: /* @__PURE__ */ jsx41(DialogOverlayImpl, __spreadProps(__spreadValues({}, overlayProps), { ref: forwardedRef })) }) : null;
|
|
4656
|
+
}
|
|
4657
|
+
);
|
|
4658
|
+
DialogOverlay.displayName = OVERLAY_NAME;
|
|
4659
|
+
var Slot2 = createSlot("DialogOverlay.RemoveScroll");
|
|
4660
|
+
var DialogOverlayImpl = React54.forwardRef(
|
|
4661
|
+
(props, forwardedRef) => {
|
|
4662
|
+
const _a = props, { __scopeDialog } = _a, overlayProps = __objRest(_a, ["__scopeDialog"]);
|
|
4663
|
+
const context = useDialogContext(OVERLAY_NAME, __scopeDialog);
|
|
4664
|
+
return (
|
|
4665
|
+
// Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
|
|
4666
|
+
// ie. when `Overlay` and `Content` are siblings
|
|
4667
|
+
/* @__PURE__ */ jsx41(Combination_default, { as: Slot2, allowPinchZoom: true, shards: [context.contentRef], children: /* @__PURE__ */ jsx41(
|
|
4668
|
+
Primitive.div,
|
|
4669
|
+
__spreadProps(__spreadValues({
|
|
4670
|
+
"data-state": getState(context.open)
|
|
4671
|
+
}, overlayProps), {
|
|
4672
|
+
ref: forwardedRef,
|
|
4673
|
+
style: __spreadValues({ pointerEvents: "auto" }, overlayProps.style)
|
|
4674
|
+
})
|
|
4675
|
+
) })
|
|
4676
|
+
);
|
|
4677
|
+
}
|
|
4678
|
+
);
|
|
4679
|
+
var CONTENT_NAME = "DialogContent";
|
|
4680
|
+
var DialogContent = React54.forwardRef(
|
|
4681
|
+
(props, forwardedRef) => {
|
|
4682
|
+
const portalContext = usePortalContext(CONTENT_NAME, props.__scopeDialog);
|
|
4683
|
+
const _a = props, { forceMount = portalContext.forceMount } = _a, contentProps = __objRest(_a, ["forceMount"]);
|
|
4684
|
+
const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
|
|
4685
|
+
return /* @__PURE__ */ jsx41(Presence, { present: forceMount || context.open, children: context.modal ? /* @__PURE__ */ jsx41(DialogContentModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) : /* @__PURE__ */ jsx41(DialogContentNonModal, __spreadProps(__spreadValues({}, contentProps), { ref: forwardedRef })) });
|
|
4686
|
+
}
|
|
4687
|
+
);
|
|
4688
|
+
DialogContent.displayName = CONTENT_NAME;
|
|
4689
|
+
var DialogContentModal = React54.forwardRef(
|
|
4690
|
+
(props, forwardedRef) => {
|
|
4691
|
+
const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
|
|
4692
|
+
const contentRef = React54.useRef(null);
|
|
4693
|
+
const composedRefs = useComposedRefs(forwardedRef, context.contentRef, contentRef);
|
|
4694
|
+
React54.useEffect(() => {
|
|
4695
|
+
const content = contentRef.current;
|
|
4696
|
+
if (content) return hideOthers(content);
|
|
4697
|
+
}, []);
|
|
4698
|
+
return /* @__PURE__ */ jsx41(
|
|
4699
|
+
DialogContentImpl,
|
|
4700
|
+
__spreadProps(__spreadValues({}, props), {
|
|
4701
|
+
ref: composedRefs,
|
|
4702
|
+
trapFocus: context.open,
|
|
4703
|
+
disableOutsidePointerEvents: true,
|
|
4704
|
+
onCloseAutoFocus: composeEventHandlers(props.onCloseAutoFocus, (event) => {
|
|
4705
|
+
var _a;
|
|
4706
|
+
event.preventDefault();
|
|
4707
|
+
(_a = context.triggerRef.current) == null ? void 0 : _a.focus();
|
|
4708
|
+
}),
|
|
4709
|
+
onPointerDownOutside: composeEventHandlers(props.onPointerDownOutside, (event) => {
|
|
4710
|
+
const originalEvent = event.detail.originalEvent;
|
|
4711
|
+
const ctrlLeftClick = originalEvent.button === 0 && originalEvent.ctrlKey === true;
|
|
4712
|
+
const isRightClick = originalEvent.button === 2 || ctrlLeftClick;
|
|
4713
|
+
if (isRightClick) event.preventDefault();
|
|
4714
|
+
}),
|
|
4715
|
+
onFocusOutside: composeEventHandlers(
|
|
4716
|
+
props.onFocusOutside,
|
|
4717
|
+
(event) => event.preventDefault()
|
|
4718
|
+
)
|
|
4719
|
+
})
|
|
4720
|
+
);
|
|
4721
|
+
}
|
|
4722
|
+
);
|
|
4723
|
+
var DialogContentNonModal = React54.forwardRef(
|
|
4724
|
+
(props, forwardedRef) => {
|
|
4725
|
+
const context = useDialogContext(CONTENT_NAME, props.__scopeDialog);
|
|
4726
|
+
const hasInteractedOutsideRef = React54.useRef(false);
|
|
4727
|
+
const hasPointerDownOutsideRef = React54.useRef(false);
|
|
4728
|
+
return /* @__PURE__ */ jsx41(
|
|
4729
|
+
DialogContentImpl,
|
|
4730
|
+
__spreadProps(__spreadValues({}, props), {
|
|
4731
|
+
ref: forwardedRef,
|
|
4732
|
+
trapFocus: false,
|
|
4733
|
+
disableOutsidePointerEvents: false,
|
|
4734
|
+
onCloseAutoFocus: (event) => {
|
|
4735
|
+
var _a, _b;
|
|
4736
|
+
(_a = props.onCloseAutoFocus) == null ? void 0 : _a.call(props, event);
|
|
4737
|
+
if (!event.defaultPrevented) {
|
|
4738
|
+
if (!hasInteractedOutsideRef.current) (_b = context.triggerRef.current) == null ? void 0 : _b.focus();
|
|
4739
|
+
event.preventDefault();
|
|
4740
|
+
}
|
|
4741
|
+
hasInteractedOutsideRef.current = false;
|
|
4742
|
+
hasPointerDownOutsideRef.current = false;
|
|
4743
|
+
},
|
|
4744
|
+
onInteractOutside: (event) => {
|
|
4745
|
+
var _a, _b;
|
|
4746
|
+
(_a = props.onInteractOutside) == null ? void 0 : _a.call(props, event);
|
|
4747
|
+
if (!event.defaultPrevented) {
|
|
4748
|
+
hasInteractedOutsideRef.current = true;
|
|
4749
|
+
if (event.detail.originalEvent.type === "pointerdown") {
|
|
4750
|
+
hasPointerDownOutsideRef.current = true;
|
|
4751
|
+
}
|
|
4752
|
+
}
|
|
4753
|
+
const target = event.target;
|
|
4754
|
+
const targetIsTrigger = (_b = context.triggerRef.current) == null ? void 0 : _b.contains(target);
|
|
4755
|
+
if (targetIsTrigger) event.preventDefault();
|
|
4756
|
+
if (event.detail.originalEvent.type === "focusin" && hasPointerDownOutsideRef.current) {
|
|
4757
|
+
event.preventDefault();
|
|
4758
|
+
}
|
|
4759
|
+
}
|
|
4760
|
+
})
|
|
4761
|
+
);
|
|
4762
|
+
}
|
|
4763
|
+
);
|
|
4764
|
+
var DialogContentImpl = React54.forwardRef(
|
|
4765
|
+
(props, forwardedRef) => {
|
|
4766
|
+
const _a = props, { __scopeDialog, trapFocus, onOpenAutoFocus, onCloseAutoFocus } = _a, contentProps = __objRest(_a, ["__scopeDialog", "trapFocus", "onOpenAutoFocus", "onCloseAutoFocus"]);
|
|
4767
|
+
const context = useDialogContext(CONTENT_NAME, __scopeDialog);
|
|
4768
|
+
const contentRef = React54.useRef(null);
|
|
4769
|
+
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
4770
|
+
useFocusGuards();
|
|
4771
|
+
return /* @__PURE__ */ jsxs11(Fragment5, { children: [
|
|
4772
|
+
/* @__PURE__ */ jsx41(
|
|
4773
|
+
FocusScope,
|
|
4774
|
+
{
|
|
4775
|
+
asChild: true,
|
|
4776
|
+
loop: true,
|
|
4777
|
+
trapped: trapFocus,
|
|
4778
|
+
onMountAutoFocus: onOpenAutoFocus,
|
|
4779
|
+
onUnmountAutoFocus: onCloseAutoFocus,
|
|
4780
|
+
children: /* @__PURE__ */ jsx41(
|
|
4781
|
+
DismissableLayer,
|
|
4782
|
+
__spreadProps(__spreadValues({
|
|
4783
|
+
role: "dialog",
|
|
4784
|
+
id: context.contentId,
|
|
4785
|
+
"aria-describedby": context.descriptionId,
|
|
4786
|
+
"aria-labelledby": context.titleId,
|
|
4787
|
+
"data-state": getState(context.open)
|
|
4788
|
+
}, contentProps), {
|
|
4789
|
+
ref: composedRefs,
|
|
4790
|
+
onDismiss: () => context.onOpenChange(false)
|
|
4791
|
+
})
|
|
4792
|
+
)
|
|
4793
|
+
}
|
|
4794
|
+
),
|
|
4795
|
+
/* @__PURE__ */ jsxs11(Fragment5, { children: [
|
|
4796
|
+
/* @__PURE__ */ jsx41(TitleWarning, { titleId: context.titleId }),
|
|
4797
|
+
/* @__PURE__ */ jsx41(DescriptionWarning, { contentRef, descriptionId: context.descriptionId })
|
|
4798
|
+
] })
|
|
4799
|
+
] });
|
|
4800
|
+
}
|
|
4801
|
+
);
|
|
4802
|
+
var TITLE_NAME = "DialogTitle";
|
|
4803
|
+
var DialogTitle = React54.forwardRef(
|
|
4804
|
+
(props, forwardedRef) => {
|
|
4805
|
+
const _a = props, { __scopeDialog } = _a, titleProps = __objRest(_a, ["__scopeDialog"]);
|
|
4806
|
+
const context = useDialogContext(TITLE_NAME, __scopeDialog);
|
|
4807
|
+
return /* @__PURE__ */ jsx41(Primitive.h2, __spreadProps(__spreadValues({ id: context.titleId }, titleProps), { ref: forwardedRef }));
|
|
4808
|
+
}
|
|
4809
|
+
);
|
|
4810
|
+
DialogTitle.displayName = TITLE_NAME;
|
|
4811
|
+
var DESCRIPTION_NAME = "DialogDescription";
|
|
4812
|
+
var DialogDescription = React54.forwardRef(
|
|
4813
|
+
(props, forwardedRef) => {
|
|
4814
|
+
const _a = props, { __scopeDialog } = _a, descriptionProps = __objRest(_a, ["__scopeDialog"]);
|
|
4815
|
+
const context = useDialogContext(DESCRIPTION_NAME, __scopeDialog);
|
|
4816
|
+
return /* @__PURE__ */ jsx41(Primitive.p, __spreadProps(__spreadValues({ id: context.descriptionId }, descriptionProps), { ref: forwardedRef }));
|
|
4817
|
+
}
|
|
4818
|
+
);
|
|
4819
|
+
DialogDescription.displayName = DESCRIPTION_NAME;
|
|
4820
|
+
var CLOSE_NAME = "DialogClose";
|
|
4821
|
+
var DialogClose = React54.forwardRef(
|
|
4822
|
+
(props, forwardedRef) => {
|
|
4823
|
+
const _a = props, { __scopeDialog } = _a, closeProps = __objRest(_a, ["__scopeDialog"]);
|
|
4824
|
+
const context = useDialogContext(CLOSE_NAME, __scopeDialog);
|
|
4825
|
+
return /* @__PURE__ */ jsx41(
|
|
4826
|
+
Primitive.button,
|
|
4827
|
+
__spreadProps(__spreadValues({
|
|
4828
|
+
type: "button"
|
|
4829
|
+
}, closeProps), {
|
|
4830
|
+
ref: forwardedRef,
|
|
4831
|
+
onClick: composeEventHandlers(props.onClick, () => context.onOpenChange(false))
|
|
4832
|
+
})
|
|
4833
|
+
);
|
|
4834
|
+
}
|
|
4835
|
+
);
|
|
4836
|
+
DialogClose.displayName = CLOSE_NAME;
|
|
4837
|
+
function getState(open) {
|
|
4838
|
+
return open ? "open" : "closed";
|
|
4839
|
+
}
|
|
4840
|
+
var TITLE_WARNING_NAME = "DialogTitleWarning";
|
|
4841
|
+
var [WarningProvider, useWarningContext] = createContext2(TITLE_WARNING_NAME, {
|
|
4842
|
+
contentName: CONTENT_NAME,
|
|
4843
|
+
titleName: TITLE_NAME,
|
|
4844
|
+
docsSlug: "dialog"
|
|
4845
|
+
});
|
|
4846
|
+
var TitleWarning = ({ titleId }) => {
|
|
4847
|
+
const titleWarningContext = useWarningContext(TITLE_WARNING_NAME);
|
|
4848
|
+
const MESSAGE = `\`${titleWarningContext.contentName}\` requires a \`${titleWarningContext.titleName}\` for the component to be accessible for screen reader users.
|
|
4849
|
+
|
|
4850
|
+
If you want to hide the \`${titleWarningContext.titleName}\`, you can wrap it with our VisuallyHidden component.
|
|
4851
|
+
|
|
4852
|
+
For more information, see https://radix-ui.com/primitives/docs/components/${titleWarningContext.docsSlug}`;
|
|
4853
|
+
React54.useEffect(() => {
|
|
4854
|
+
if (titleId) {
|
|
4855
|
+
const hasTitle = document.getElementById(titleId);
|
|
4856
|
+
if (!hasTitle) console.error(MESSAGE);
|
|
4857
|
+
}
|
|
4858
|
+
}, [MESSAGE, titleId]);
|
|
4859
|
+
return null;
|
|
4860
|
+
};
|
|
4861
|
+
var DESCRIPTION_WARNING_NAME = "DialogDescriptionWarning";
|
|
4862
|
+
var DescriptionWarning = ({ contentRef, descriptionId }) => {
|
|
4863
|
+
const descriptionWarningContext = useWarningContext(DESCRIPTION_WARNING_NAME);
|
|
4864
|
+
const MESSAGE = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${descriptionWarningContext.contentName}}.`;
|
|
4865
|
+
React54.useEffect(() => {
|
|
4866
|
+
var _a;
|
|
4867
|
+
const describedById = (_a = contentRef.current) == null ? void 0 : _a.getAttribute("aria-describedby");
|
|
4868
|
+
if (descriptionId && describedById) {
|
|
4869
|
+
const hasDescription = document.getElementById(descriptionId);
|
|
4870
|
+
if (!hasDescription) console.warn(MESSAGE);
|
|
4871
|
+
}
|
|
4872
|
+
}, [MESSAGE, contentRef, descriptionId]);
|
|
4873
|
+
return null;
|
|
4874
|
+
};
|
|
4875
|
+
var Root = Dialog;
|
|
4876
|
+
var Trigger = DialogTrigger;
|
|
4877
|
+
var Portal2 = DialogPortal;
|
|
4878
|
+
var Overlay = DialogOverlay;
|
|
4879
|
+
var Content = DialogContent;
|
|
4880
|
+
var Title = DialogTitle;
|
|
4881
|
+
var Description = DialogDescription;
|
|
4882
|
+
var Close = DialogClose;
|
|
4883
|
+
|
|
4884
|
+
// ../../node_modules/.pnpm/@radix-ui+react-alert-dialog@1.1.14_@types+react-dom@19.1.3_@types+react@19.1.2__@types_c6ff7006a888f63e36d2502e019661c3/node_modules/@radix-ui/react-alert-dialog/dist/index.mjs
|
|
4885
|
+
import { jsx as jsx42, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
4886
|
+
var ROOT_NAME = "AlertDialog";
|
|
4887
|
+
var [createAlertDialogContext, createAlertDialogScope] = createContextScope(ROOT_NAME, [
|
|
4888
|
+
createDialogScope
|
|
4889
|
+
]);
|
|
4890
|
+
var useDialogScope = createDialogScope();
|
|
4891
|
+
var AlertDialog = (props) => {
|
|
4892
|
+
const _a = props, { __scopeAlertDialog } = _a, alertDialogProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4893
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4894
|
+
return /* @__PURE__ */ jsx42(Root, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), alertDialogProps), { modal: true }));
|
|
4895
|
+
};
|
|
4896
|
+
AlertDialog.displayName = ROOT_NAME;
|
|
4897
|
+
var TRIGGER_NAME2 = "AlertDialogTrigger";
|
|
4898
|
+
var AlertDialogTrigger = React55.forwardRef(
|
|
4899
|
+
(props, forwardedRef) => {
|
|
4900
|
+
const _a = props, { __scopeAlertDialog } = _a, triggerProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4901
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4902
|
+
return /* @__PURE__ */ jsx42(Trigger, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), triggerProps), { ref: forwardedRef }));
|
|
4903
|
+
}
|
|
4904
|
+
);
|
|
4905
|
+
AlertDialogTrigger.displayName = TRIGGER_NAME2;
|
|
4906
|
+
var PORTAL_NAME3 = "AlertDialogPortal";
|
|
4907
|
+
var AlertDialogPortal = (props) => {
|
|
4908
|
+
const _a = props, { __scopeAlertDialog } = _a, portalProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4909
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4910
|
+
return /* @__PURE__ */ jsx42(Portal2, __spreadValues(__spreadValues({}, dialogScope), portalProps));
|
|
4911
|
+
};
|
|
4912
|
+
AlertDialogPortal.displayName = PORTAL_NAME3;
|
|
4913
|
+
var OVERLAY_NAME2 = "AlertDialogOverlay";
|
|
4914
|
+
var AlertDialogOverlay = React55.forwardRef(
|
|
4915
|
+
(props, forwardedRef) => {
|
|
4916
|
+
const _a = props, { __scopeAlertDialog } = _a, overlayProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4917
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4918
|
+
return /* @__PURE__ */ jsx42(Overlay, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), overlayProps), { ref: forwardedRef }));
|
|
4919
|
+
}
|
|
4920
|
+
);
|
|
4921
|
+
AlertDialogOverlay.displayName = OVERLAY_NAME2;
|
|
4922
|
+
var CONTENT_NAME2 = "AlertDialogContent";
|
|
4923
|
+
var [AlertDialogContentProvider, useAlertDialogContentContext] = createAlertDialogContext(CONTENT_NAME2);
|
|
4924
|
+
var Slottable = createSlottable("AlertDialogContent");
|
|
4925
|
+
var AlertDialogContent = React55.forwardRef(
|
|
4926
|
+
(props, forwardedRef) => {
|
|
4927
|
+
const _a = props, { __scopeAlertDialog, children } = _a, contentProps = __objRest(_a, ["__scopeAlertDialog", "children"]);
|
|
4928
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4929
|
+
const contentRef = React55.useRef(null);
|
|
4930
|
+
const composedRefs = useComposedRefs(forwardedRef, contentRef);
|
|
4931
|
+
const cancelRef = React55.useRef(null);
|
|
4932
|
+
return /* @__PURE__ */ jsx42(
|
|
4933
|
+
WarningProvider,
|
|
4934
|
+
{
|
|
4935
|
+
contentName: CONTENT_NAME2,
|
|
4936
|
+
titleName: TITLE_NAME2,
|
|
4937
|
+
docsSlug: "alert-dialog",
|
|
4938
|
+
children: /* @__PURE__ */ jsx42(AlertDialogContentProvider, { scope: __scopeAlertDialog, cancelRef, children: /* @__PURE__ */ jsxs12(
|
|
4939
|
+
Content,
|
|
4940
|
+
__spreadProps(__spreadValues(__spreadValues({
|
|
4941
|
+
role: "alertdialog"
|
|
4942
|
+
}, dialogScope), contentProps), {
|
|
4943
|
+
ref: composedRefs,
|
|
4944
|
+
onOpenAutoFocus: composeEventHandlers(contentProps.onOpenAutoFocus, (event) => {
|
|
4945
|
+
var _a2;
|
|
4946
|
+
event.preventDefault();
|
|
4947
|
+
(_a2 = cancelRef.current) == null ? void 0 : _a2.focus({ preventScroll: true });
|
|
4948
|
+
}),
|
|
4949
|
+
onPointerDownOutside: (event) => event.preventDefault(),
|
|
4950
|
+
onInteractOutside: (event) => event.preventDefault(),
|
|
4951
|
+
children: [
|
|
4952
|
+
/* @__PURE__ */ jsx42(Slottable, { children }),
|
|
4953
|
+
/* @__PURE__ */ jsx42(DescriptionWarning2, { contentRef })
|
|
4954
|
+
]
|
|
4955
|
+
})
|
|
4956
|
+
) })
|
|
4957
|
+
}
|
|
4958
|
+
);
|
|
4959
|
+
}
|
|
4960
|
+
);
|
|
4961
|
+
AlertDialogContent.displayName = CONTENT_NAME2;
|
|
4962
|
+
var TITLE_NAME2 = "AlertDialogTitle";
|
|
4963
|
+
var AlertDialogTitle = React55.forwardRef(
|
|
4964
|
+
(props, forwardedRef) => {
|
|
4965
|
+
const _a = props, { __scopeAlertDialog } = _a, titleProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4966
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4967
|
+
return /* @__PURE__ */ jsx42(Title, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), titleProps), { ref: forwardedRef }));
|
|
4968
|
+
}
|
|
4969
|
+
);
|
|
4970
|
+
AlertDialogTitle.displayName = TITLE_NAME2;
|
|
4971
|
+
var DESCRIPTION_NAME2 = "AlertDialogDescription";
|
|
4972
|
+
var AlertDialogDescription = React55.forwardRef((props, forwardedRef) => {
|
|
4973
|
+
const _a = props, { __scopeAlertDialog } = _a, descriptionProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4974
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4975
|
+
return /* @__PURE__ */ jsx42(Description, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), descriptionProps), { ref: forwardedRef }));
|
|
4976
|
+
});
|
|
4977
|
+
AlertDialogDescription.displayName = DESCRIPTION_NAME2;
|
|
4978
|
+
var ACTION_NAME = "AlertDialogAction";
|
|
4979
|
+
var AlertDialogAction = React55.forwardRef(
|
|
4980
|
+
(props, forwardedRef) => {
|
|
4981
|
+
const _a = props, { __scopeAlertDialog } = _a, actionProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4982
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4983
|
+
return /* @__PURE__ */ jsx42(Close, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), actionProps), { ref: forwardedRef }));
|
|
4984
|
+
}
|
|
4985
|
+
);
|
|
4986
|
+
AlertDialogAction.displayName = ACTION_NAME;
|
|
4987
|
+
var CANCEL_NAME = "AlertDialogCancel";
|
|
4988
|
+
var AlertDialogCancel = React55.forwardRef(
|
|
4989
|
+
(props, forwardedRef) => {
|
|
4990
|
+
const _a = props, { __scopeAlertDialog } = _a, cancelProps = __objRest(_a, ["__scopeAlertDialog"]);
|
|
4991
|
+
const { cancelRef } = useAlertDialogContentContext(CANCEL_NAME, __scopeAlertDialog);
|
|
4992
|
+
const dialogScope = useDialogScope(__scopeAlertDialog);
|
|
4993
|
+
const ref = useComposedRefs(forwardedRef, cancelRef);
|
|
4994
|
+
return /* @__PURE__ */ jsx42(Close, __spreadProps(__spreadValues(__spreadValues({}, dialogScope), cancelProps), { ref }));
|
|
4995
|
+
}
|
|
4996
|
+
);
|
|
4997
|
+
AlertDialogCancel.displayName = CANCEL_NAME;
|
|
4998
|
+
var DescriptionWarning2 = ({ contentRef }) => {
|
|
4999
|
+
const MESSAGE = `\`${CONTENT_NAME2}\` requires a description for the component to be accessible for screen reader users.
|
|
5000
|
+
|
|
5001
|
+
You can add a description to the \`${CONTENT_NAME2}\` by passing a \`${DESCRIPTION_NAME2}\` component as a child, which also benefits sighted users by adding visible context to the dialog.
|
|
5002
|
+
|
|
5003
|
+
Alternatively, you can use your own component as a description by assigning it an \`id\` and passing the same value to the \`aria-describedby\` prop in \`${CONTENT_NAME2}\`. If the description is confusing or duplicative for sighted users, you can use the \`@radix-ui/react-visually-hidden\` primitive as a wrapper around your description component.
|
|
5004
|
+
|
|
5005
|
+
For more information, see https://radix-ui.com/primitives/docs/components/alert-dialog`;
|
|
5006
|
+
React55.useEffect(() => {
|
|
5007
|
+
var _a;
|
|
5008
|
+
const hasDescription = document.getElementById(
|
|
5009
|
+
(_a = contentRef.current) == null ? void 0 : _a.getAttribute("aria-describedby")
|
|
5010
|
+
);
|
|
5011
|
+
if (!hasDescription) console.warn(MESSAGE);
|
|
5012
|
+
}, [MESSAGE, contentRef]);
|
|
5013
|
+
return null;
|
|
5014
|
+
};
|
|
5015
|
+
var Portal22 = AlertDialogPortal;
|
|
5016
|
+
var Overlay2 = AlertDialogOverlay;
|
|
5017
|
+
var Content2 = AlertDialogContent;
|
|
5018
|
+
var Action = AlertDialogAction;
|
|
5019
|
+
var Cancel = AlertDialogCancel;
|
|
5020
|
+
var Title2 = AlertDialogTitle;
|
|
5021
|
+
var Description2 = AlertDialogDescription;
|
|
5022
|
+
|
|
5023
|
+
// ../base-ui/src/ui/button.tsx
|
|
5024
|
+
import * as React56 from "react";
|
|
5025
|
+
import { cva } from "class-variance-authority";
|
|
5026
|
+
import { jsx as jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
5027
|
+
var buttonVariants = cva(
|
|
5028
|
+
"inline-flex items-center gap-2 whitespace-nowrap rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
|
|
5029
|
+
{
|
|
5030
|
+
variants: {
|
|
5031
|
+
variant: {
|
|
5032
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
5033
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
|
|
5034
|
+
outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
|
|
5035
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
5036
|
+
ghost: "hover:bg-accent hover:text-accent-foreground",
|
|
5037
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
5038
|
+
},
|
|
5039
|
+
size: {
|
|
5040
|
+
default: "h-10 px-4 py-2",
|
|
5041
|
+
sm: "h-9 rounded-md px-3",
|
|
5042
|
+
lg: "h-11 rounded-md px-8",
|
|
5043
|
+
icon: "h-10 w-10"
|
|
5044
|
+
}
|
|
5045
|
+
},
|
|
5046
|
+
defaultVariants: {
|
|
5047
|
+
variant: "default",
|
|
5048
|
+
size: "default"
|
|
5049
|
+
}
|
|
5050
|
+
}
|
|
5051
|
+
);
|
|
5052
|
+
var Button = React56.forwardRef(
|
|
5053
|
+
(_a, ref) => {
|
|
5054
|
+
var _b = _a, { className, variant, size, asChild = false, loading = false, children } = _b, props = __objRest(_b, ["className", "variant", "size", "asChild", "loading", "children"]);
|
|
5055
|
+
const Comp = asChild ? Slot : "button";
|
|
5056
|
+
if (asChild) {
|
|
5057
|
+
return /* @__PURE__ */ jsx43(
|
|
5058
|
+
Comp,
|
|
5059
|
+
__spreadProps(__spreadValues({
|
|
5060
|
+
className: cn(buttonVariants({ variant, size, className })),
|
|
5061
|
+
ref,
|
|
5062
|
+
disabled: loading || props.disabled
|
|
5063
|
+
}, props), {
|
|
5064
|
+
children
|
|
5065
|
+
})
|
|
5066
|
+
);
|
|
5067
|
+
}
|
|
5068
|
+
return /* @__PURE__ */ jsxs13(
|
|
5069
|
+
Comp,
|
|
5070
|
+
__spreadProps(__spreadValues({
|
|
5071
|
+
className: cn(buttonVariants({ variant, size, className })),
|
|
5072
|
+
ref,
|
|
5073
|
+
disabled: loading || props.disabled
|
|
5074
|
+
}, props), {
|
|
5075
|
+
children: [
|
|
5076
|
+
children,
|
|
5077
|
+
loading && /* @__PURE__ */ jsx43(globalLucideIcons.Loader2, { className: "ml-2 h-4 w-4 animate-spin" })
|
|
5078
|
+
]
|
|
5079
|
+
})
|
|
5080
|
+
);
|
|
5081
|
+
}
|
|
5082
|
+
);
|
|
5083
|
+
Button.displayName = "Button";
|
|
5084
|
+
|
|
5085
|
+
// ../base-ui/src/ui/alert-dialog.tsx
|
|
5086
|
+
import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
5087
|
+
var AlertDialogPortal2 = Portal22;
|
|
5088
|
+
var AlertDialogOverlay2 = React57.forwardRef((_a, ref) => {
|
|
5089
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5090
|
+
return /* @__PURE__ */ jsx44(
|
|
5091
|
+
Overlay2,
|
|
5092
|
+
__spreadProps(__spreadValues({
|
|
5093
|
+
className: cn(
|
|
5094
|
+
"fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
|
|
5095
|
+
className
|
|
5096
|
+
)
|
|
5097
|
+
}, props), {
|
|
5098
|
+
ref
|
|
5099
|
+
})
|
|
5100
|
+
);
|
|
5101
|
+
});
|
|
5102
|
+
AlertDialogOverlay2.displayName = Overlay2.displayName;
|
|
5103
|
+
var AlertDialogContent2 = React57.forwardRef((_a, ref) => {
|
|
5104
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5105
|
+
return /* @__PURE__ */ jsxs14(AlertDialogPortal2, { children: [
|
|
5106
|
+
/* @__PURE__ */ jsx44(AlertDialogOverlay2, {}),
|
|
5107
|
+
/* @__PURE__ */ jsx44(
|
|
5108
|
+
Content2,
|
|
5109
|
+
__spreadValues({
|
|
5110
|
+
ref,
|
|
5111
|
+
className: cn(
|
|
5112
|
+
"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",
|
|
5113
|
+
className
|
|
5114
|
+
)
|
|
5115
|
+
}, props)
|
|
5116
|
+
)
|
|
5117
|
+
] });
|
|
5118
|
+
});
|
|
5119
|
+
AlertDialogContent2.displayName = Content2.displayName;
|
|
5120
|
+
var AlertDialogHeader = (_a) => {
|
|
5121
|
+
var _b = _a, {
|
|
5122
|
+
className
|
|
5123
|
+
} = _b, props = __objRest(_b, [
|
|
5124
|
+
"className"
|
|
5125
|
+
]);
|
|
5126
|
+
return /* @__PURE__ */ jsx44(
|
|
5127
|
+
"div",
|
|
5128
|
+
__spreadValues({
|
|
5129
|
+
className: cn(
|
|
5130
|
+
"flex flex-col space-y-2 text-center sm:text-left",
|
|
5131
|
+
className
|
|
5132
|
+
)
|
|
5133
|
+
}, props)
|
|
5134
|
+
);
|
|
5135
|
+
};
|
|
5136
|
+
AlertDialogHeader.displayName = "AlertDialogHeader";
|
|
5137
|
+
var AlertDialogFooter = (_a) => {
|
|
5138
|
+
var _b = _a, {
|
|
5139
|
+
className
|
|
5140
|
+
} = _b, props = __objRest(_b, [
|
|
5141
|
+
"className"
|
|
5142
|
+
]);
|
|
5143
|
+
return /* @__PURE__ */ jsx44(
|
|
5144
|
+
"div",
|
|
5145
|
+
__spreadValues({
|
|
5146
|
+
className: cn(
|
|
5147
|
+
"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
|
|
5148
|
+
className
|
|
5149
|
+
)
|
|
5150
|
+
}, props)
|
|
5151
|
+
);
|
|
5152
|
+
};
|
|
5153
|
+
AlertDialogFooter.displayName = "AlertDialogFooter";
|
|
5154
|
+
var AlertDialogTitle2 = React57.forwardRef((_a, ref) => {
|
|
5155
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5156
|
+
return /* @__PURE__ */ jsx44(
|
|
5157
|
+
Title2,
|
|
5158
|
+
__spreadValues({
|
|
5159
|
+
ref,
|
|
5160
|
+
className: cn("text-lg font-semibold", className)
|
|
5161
|
+
}, props)
|
|
5162
|
+
);
|
|
5163
|
+
});
|
|
5164
|
+
AlertDialogTitle2.displayName = Title2.displayName;
|
|
5165
|
+
var AlertDialogDescription2 = React57.forwardRef((_a, ref) => {
|
|
5166
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5167
|
+
return /* @__PURE__ */ jsx44(
|
|
5168
|
+
Description2,
|
|
5169
|
+
__spreadValues({
|
|
5170
|
+
ref,
|
|
5171
|
+
className: cn("text-sm text-muted-foreground", className)
|
|
5172
|
+
}, props)
|
|
5173
|
+
);
|
|
5174
|
+
});
|
|
5175
|
+
AlertDialogDescription2.displayName = Description2.displayName;
|
|
5176
|
+
var AlertDialogAction2 = React57.forwardRef((_a, ref) => {
|
|
5177
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5178
|
+
return /* @__PURE__ */ jsx44(
|
|
5179
|
+
Action,
|
|
5180
|
+
__spreadValues({
|
|
5181
|
+
ref,
|
|
5182
|
+
className: cn(buttonVariants(), className)
|
|
5183
|
+
}, props)
|
|
5184
|
+
);
|
|
5185
|
+
});
|
|
5186
|
+
AlertDialogAction2.displayName = Action.displayName;
|
|
5187
|
+
var AlertDialogCancel2 = React57.forwardRef((_a, ref) => {
|
|
5188
|
+
var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
|
|
5189
|
+
return /* @__PURE__ */ jsx44(
|
|
5190
|
+
Cancel,
|
|
5191
|
+
__spreadValues({
|
|
5192
|
+
ref,
|
|
5193
|
+
className: cn(
|
|
5194
|
+
buttonVariants({ variant: "outline" }),
|
|
5195
|
+
"mt-2 sm:mt-0",
|
|
5196
|
+
className
|
|
5197
|
+
)
|
|
5198
|
+
}, props)
|
|
5199
|
+
);
|
|
5200
|
+
});
|
|
5201
|
+
AlertDialogCancel2.displayName = Cancel.displayName;
|
|
5202
|
+
|
|
5203
|
+
// src/main/ads-alert-dialog.tsx
|
|
5204
|
+
import { jsx as jsx45, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
5205
|
+
|
|
5206
|
+
// src/main/x-button.tsx
|
|
5207
|
+
import { useState as useState12, useRef as useRef12, useEffect as useEffect17 } from "react";
|
|
5208
|
+
import { Fragment as Fragment6, jsx as jsx46, jsxs as jsxs16 } from "react/jsx-runtime";
|
|
5209
|
+
|
|
5210
|
+
// src/main/ai-prompt-textarea.tsx
|
|
5211
|
+
import { useEffect as useEffect18, useRef as useRef13 } from "react";
|
|
5212
|
+
import { jsx as jsx47, jsxs as jsxs17 } from "react/jsx-runtime";
|
|
5213
|
+
|
|
5214
|
+
// src/main/rich-text-expert.tsx
|
|
5215
|
+
import { jsx as jsx48 } from "react/jsx-runtime";
|
|
5216
|
+
var defaultTagRenderers = {
|
|
5217
|
+
// text Stong
|
|
5218
|
+
strong: (chunks) => /* @__PURE__ */ jsx48("strong", { children: chunks }),
|
|
5219
|
+
// text Emphasis
|
|
5220
|
+
em: (chunks) => /* @__PURE__ */ jsx48("em", { children: chunks }),
|
|
5221
|
+
// text Underline
|
|
5222
|
+
u: (chunks) => /* @__PURE__ */ jsx48("u", { children: chunks }),
|
|
5223
|
+
// text Mark
|
|
5224
|
+
mark: (chunks) => /* @__PURE__ */ jsx48("mark", { className: "bg-purple-300 dark:bg-purple-500 text-neutral-800 dark:text-neutral-300 px-1 rounded", children: chunks }),
|
|
5225
|
+
// text Delete
|
|
5226
|
+
del: (chunks) => /* @__PURE__ */ jsx48("del", { children: chunks }),
|
|
5227
|
+
// text Subscript
|
|
5228
|
+
sub: (chunks) => /* @__PURE__ */ jsx48("sub", { children: chunks }),
|
|
5229
|
+
// text Superscript
|
|
5230
|
+
sup: (chunks) => /* @__PURE__ */ jsx48("sup", { children: chunks })
|
|
5231
|
+
};
|
|
5232
|
+
function createRichTextRenderer(customRenderers) {
|
|
5233
|
+
const renderers = __spreadValues(__spreadValues({}, defaultTagRenderers), customRenderers);
|
|
5234
|
+
return function richText2(t, key) {
|
|
5235
|
+
return t.rich(key, renderers);
|
|
5236
|
+
};
|
|
5237
|
+
}
|
|
5238
|
+
var richText = createRichTextRenderer();
|
|
5239
|
+
|
|
5240
|
+
// src/main/faq-interactive.tsx
|
|
5241
|
+
import { useState as useState13, useEffect as useEffect19 } from "react";
|
|
5242
|
+
function FAQInteractive({ data }) {
|
|
5243
|
+
const [openStates, setOpenStates] = useState13({});
|
|
5244
|
+
useEffect19(() => {
|
|
5245
|
+
data.items.forEach((item) => {
|
|
5246
|
+
const toggleButton = document.querySelector(`[data-faq-toggle="${item.id}"]`);
|
|
5247
|
+
const contentDiv = document.querySelector(`[data-faq-content="${item.id}"]`);
|
|
5248
|
+
const iconSvg = document.querySelector(`[data-faq-icon="${item.id}"]`);
|
|
5249
|
+
if (toggleButton && contentDiv && iconSvg) {
|
|
5250
|
+
const handleClick = () => {
|
|
5251
|
+
const isOpen = openStates[item.id] || false;
|
|
5252
|
+
const newOpenState = !isOpen;
|
|
5253
|
+
setOpenStates((prev) => __spreadProps(__spreadValues({}, prev), {
|
|
5254
|
+
[item.id]: newOpenState
|
|
5255
|
+
}));
|
|
5256
|
+
if (newOpenState) {
|
|
5257
|
+
contentDiv.classList.remove("hidden");
|
|
5258
|
+
toggleButton.setAttribute("aria-expanded", "true");
|
|
5259
|
+
iconSvg.style.transform = "rotate(90deg)";
|
|
5260
|
+
} else {
|
|
5261
|
+
contentDiv.classList.add("hidden");
|
|
5262
|
+
toggleButton.setAttribute("aria-expanded", "false");
|
|
5263
|
+
iconSvg.style.transform = "rotate(0deg)";
|
|
5264
|
+
}
|
|
5265
|
+
};
|
|
5266
|
+
toggleButton.addEventListener("click", handleClick);
|
|
5267
|
+
}
|
|
5268
|
+
});
|
|
5269
|
+
return () => {
|
|
5270
|
+
data.items.forEach((item) => {
|
|
5271
|
+
var _a;
|
|
5272
|
+
const toggleButton = document.querySelector(`[data-faq-toggle="${item.id}"]`);
|
|
5273
|
+
if (toggleButton) {
|
|
5274
|
+
const newButton = toggleButton.cloneNode(true);
|
|
5275
|
+
(_a = toggleButton.parentNode) == null ? void 0 : _a.replaceChild(newButton, toggleButton);
|
|
5276
|
+
}
|
|
5277
|
+
});
|
|
5278
|
+
};
|
|
5279
|
+
}, [data, openStates]);
|
|
5280
|
+
return null;
|
|
5281
|
+
}
|
|
5282
|
+
|
|
5283
|
+
// src/main/price-plan-interactive.tsx
|
|
5284
|
+
import { useState as useState14, useEffect as useEffect20 } from "react";
|
|
5285
|
+
import { useRouter } from "next/navigation";
|
|
5286
|
+
import { jsx as jsx49 } from "react/jsx-runtime";
|
|
5287
|
+
function PricePlanInteractive({ data }) {
|
|
5288
|
+
const [billingKey, setBillingKey] = useState14(data.billingSwitch.defaultKey);
|
|
5289
|
+
const [tooltip, setTooltip] = useState14({ show: false, content: "", x: 0, y: 0 });
|
|
5290
|
+
const router = useRouter();
|
|
5291
|
+
useEffect20(() => {
|
|
5292
|
+
const monthlyButton = document.querySelector('[data-billing-button="monthly"]');
|
|
5293
|
+
const yearlyButton = document.querySelector('[data-billing-button="yearly"]');
|
|
5294
|
+
const handleBillingSwitch = (newBillingKey) => {
|
|
5295
|
+
setBillingKey(newBillingKey);
|
|
5296
|
+
updatePrices(newBillingKey);
|
|
5297
|
+
updateDiscountInfo(newBillingKey);
|
|
5298
|
+
updateButtonStyles(newBillingKey);
|
|
5299
|
+
};
|
|
5300
|
+
if (monthlyButton) {
|
|
5301
|
+
monthlyButton.addEventListener("click", () => handleBillingSwitch("monthly"));
|
|
5302
|
+
}
|
|
5303
|
+
if (yearlyButton) {
|
|
5304
|
+
yearlyButton.addEventListener("click", () => handleBillingSwitch("yearly"));
|
|
5305
|
+
}
|
|
5306
|
+
data.plans.forEach((plan) => {
|
|
5307
|
+
var _a;
|
|
5308
|
+
(_a = plan.features) == null ? void 0 : _a.forEach((feature, i) => {
|
|
5309
|
+
if (feature == null ? void 0 : feature.tooltip) {
|
|
5310
|
+
const tooltipTrigger = document.querySelector(`[data-tooltip-trigger="${plan.key}-${i}"]`);
|
|
5311
|
+
if (tooltipTrigger) {
|
|
5312
|
+
const handleMouseEnter = (e) => {
|
|
5313
|
+
setTooltip({
|
|
5314
|
+
show: true,
|
|
5315
|
+
content: feature.tooltip,
|
|
5316
|
+
x: e.clientX,
|
|
5317
|
+
y: e.clientY
|
|
5318
|
+
});
|
|
5319
|
+
};
|
|
5320
|
+
const handleMouseMove = (e) => {
|
|
5321
|
+
setTooltip((prev) => __spreadProps(__spreadValues({}, prev), { x: e.clientX, y: e.clientY }));
|
|
5322
|
+
};
|
|
5323
|
+
const handleMouseLeave = () => {
|
|
5324
|
+
setTooltip((prev) => __spreadProps(__spreadValues({}, prev), { show: false }));
|
|
5325
|
+
};
|
|
5326
|
+
tooltipTrigger.addEventListener("mouseenter", handleMouseEnter);
|
|
5327
|
+
tooltipTrigger.addEventListener("mousemove", handleMouseMove);
|
|
5328
|
+
tooltipTrigger.addEventListener("mouseleave", handleMouseLeave);
|
|
5329
|
+
}
|
|
5330
|
+
}
|
|
5331
|
+
});
|
|
5332
|
+
});
|
|
5333
|
+
data.plans.forEach((plan) => {
|
|
5334
|
+
var _a;
|
|
5335
|
+
const planButton = document.querySelector(`[data-plan-button="${plan.key}"]`);
|
|
5336
|
+
if (planButton && !((_a = plan.button) == null ? void 0 : _a.disabled)) {
|
|
5337
|
+
planButton.addEventListener("click", () => {
|
|
5338
|
+
router.push("/");
|
|
5339
|
+
});
|
|
5340
|
+
}
|
|
5341
|
+
});
|
|
5342
|
+
return () => {
|
|
5343
|
+
var _a, _b;
|
|
5344
|
+
if (monthlyButton) {
|
|
5345
|
+
const newButton = monthlyButton.cloneNode(true);
|
|
5346
|
+
(_a = monthlyButton.parentNode) == null ? void 0 : _a.replaceChild(newButton, monthlyButton);
|
|
5347
|
+
}
|
|
5348
|
+
if (yearlyButton) {
|
|
5349
|
+
const newButton = yearlyButton.cloneNode(true);
|
|
5350
|
+
(_b = yearlyButton.parentNode) == null ? void 0 : _b.replaceChild(newButton, yearlyButton);
|
|
5351
|
+
}
|
|
5352
|
+
data.plans.forEach((plan) => {
|
|
5353
|
+
var _a2;
|
|
5354
|
+
(_a2 = plan.features) == null ? void 0 : _a2.forEach((_feature, i) => {
|
|
5355
|
+
var _a3;
|
|
5356
|
+
const tooltipTrigger = document.querySelector(`[data-tooltip-trigger="${plan.key}-${i}"]`);
|
|
5357
|
+
if (tooltipTrigger) {
|
|
5358
|
+
const newTrigger = tooltipTrigger.cloneNode(true);
|
|
5359
|
+
(_a3 = tooltipTrigger.parentNode) == null ? void 0 : _a3.replaceChild(newTrigger, tooltipTrigger);
|
|
5360
|
+
}
|
|
5361
|
+
});
|
|
5362
|
+
});
|
|
5363
|
+
};
|
|
5364
|
+
}, [data, router]);
|
|
5365
|
+
const updatePrices = (newBillingKey) => {
|
|
5366
|
+
const currentBilling = data.pricePlanConfig.billingOptions.find((opt) => opt.key === newBillingKey) || data.pricePlanConfig.billingOptions[0];
|
|
5367
|
+
const currentBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === newBillingKey) || data.billingSwitch.options[0];
|
|
5368
|
+
data.plans.forEach((plan) => {
|
|
5369
|
+
const priceContainer = document.querySelector(`[data-price-container="${plan.key}"]`);
|
|
5370
|
+
const priceValue = data.pricePlanConfig.prices[plan.key];
|
|
5371
|
+
if (priceContainer) {
|
|
5372
|
+
const priceValueElement = document.querySelector(`[data-price-value="${plan.key}"]`);
|
|
5373
|
+
const priceUnitElement = document.querySelector(`[data-price-unit="${plan.key}"]`);
|
|
5374
|
+
const priceOriginalElement = document.querySelector(`[data-price-original="${plan.key}"]`);
|
|
5375
|
+
const priceDiscountElement = document.querySelector(`[data-price-discount="${plan.key}"]`);
|
|
5376
|
+
const priceSubtitleElement = document.querySelector(`[data-price-subtitle="${plan.key}"]`);
|
|
5377
|
+
if (typeof priceValue !== "number" || isNaN(priceValue)) {
|
|
5378
|
+
if (priceValueElement) priceValueElement.textContent = String(priceValue);
|
|
5379
|
+
if (priceSubtitleElement) priceSubtitleElement.textContent = plan.showBillingSubTitle === false ? "" : (currentBillingDisplay == null ? void 0 : currentBillingDisplay.subTitle) || "";
|
|
5380
|
+
} else {
|
|
5381
|
+
const originValue = Number(priceValue);
|
|
5382
|
+
const discount = currentBilling.discount;
|
|
5383
|
+
const hasDiscount = discount !== 0;
|
|
5384
|
+
const saleValue = originValue * (1 - discount);
|
|
5385
|
+
const formatPrice = (v) => Number(v.toFixed(2)).toString();
|
|
5386
|
+
const showNaN = saleValue < 0;
|
|
5387
|
+
if (priceValueElement) {
|
|
5388
|
+
priceValueElement.textContent = `${data.currency}${showNaN ? "NaN" : hasDiscount ? formatPrice(saleValue) : formatPrice(originValue)}`;
|
|
5389
|
+
}
|
|
5390
|
+
if (priceUnitElement) {
|
|
5391
|
+
priceUnitElement.textContent = currentBillingDisplay.unit || "";
|
|
5392
|
+
}
|
|
5393
|
+
if (hasDiscount) {
|
|
5394
|
+
if (priceOriginalElement) {
|
|
5395
|
+
priceOriginalElement.textContent = `${data.currency}${showNaN ? "NaN" : formatPrice(originValue)}`;
|
|
5396
|
+
priceOriginalElement.style.display = "inline";
|
|
5397
|
+
}
|
|
5398
|
+
if (priceDiscountElement && currentBillingDisplay.discountText) {
|
|
5399
|
+
const discountText = currentBillingDisplay.discountText.replace("{percent}", String(Math.round(Math.abs(discount) * 100)));
|
|
5400
|
+
priceDiscountElement.textContent = discountText;
|
|
5401
|
+
priceDiscountElement.style.display = "inline";
|
|
5402
|
+
}
|
|
5403
|
+
} else {
|
|
5404
|
+
if (priceOriginalElement) priceOriginalElement.style.display = "none";
|
|
5405
|
+
if (priceDiscountElement) priceDiscountElement.style.display = "none";
|
|
5406
|
+
}
|
|
5407
|
+
if (priceSubtitleElement) {
|
|
5408
|
+
priceSubtitleElement.textContent = plan.showBillingSubTitle === false ? "" : (currentBillingDisplay == null ? void 0 : currentBillingDisplay.subTitle) || "";
|
|
5409
|
+
}
|
|
5410
|
+
}
|
|
5411
|
+
}
|
|
5412
|
+
});
|
|
5413
|
+
};
|
|
5414
|
+
const updateDiscountInfo = (newBillingKey) => {
|
|
5415
|
+
const discountInfoElement = document.querySelector("[data-discount-info]");
|
|
5416
|
+
if (discountInfoElement) {
|
|
5417
|
+
const opt = data.billingSwitch.options.find((opt2) => opt2.key === newBillingKey);
|
|
5418
|
+
const bOpt = data.pricePlanConfig.billingOptions.find((opt2) => opt2.key === newBillingKey);
|
|
5419
|
+
if (opt && bOpt && opt.discountText && bOpt.discount !== 0) {
|
|
5420
|
+
const discountText = opt.discountText.replace("{percent}", String(Math.round(Math.abs(bOpt.discount) * 100)));
|
|
5421
|
+
discountInfoElement.innerHTML = `
|
|
5422
|
+
<span class="px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap">
|
|
5423
|
+
${discountText}
|
|
5424
|
+
</span>
|
|
5425
|
+
`;
|
|
5426
|
+
} else {
|
|
5427
|
+
discountInfoElement.innerHTML = "";
|
|
5428
|
+
}
|
|
5429
|
+
}
|
|
5430
|
+
};
|
|
5431
|
+
const updateButtonStyles = (newBillingKey) => {
|
|
5432
|
+
const monthlyButton = document.querySelector('[data-billing-button="monthly"]');
|
|
5433
|
+
const yearlyButton = document.querySelector('[data-billing-button="yearly"]');
|
|
5434
|
+
if (monthlyButton) {
|
|
5435
|
+
if (newBillingKey === "monthly") {
|
|
5436
|
+
monthlyButton.className = cn(
|
|
5437
|
+
"min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
|
|
5438
|
+
"text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm"
|
|
5439
|
+
);
|
|
5440
|
+
} else {
|
|
5441
|
+
monthlyButton.className = cn(
|
|
5442
|
+
"min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
|
|
5443
|
+
"text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full"
|
|
5444
|
+
);
|
|
5445
|
+
}
|
|
5446
|
+
}
|
|
5447
|
+
if (yearlyButton) {
|
|
5448
|
+
if (newBillingKey === "yearly") {
|
|
5449
|
+
yearlyButton.className = cn(
|
|
5450
|
+
"min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
|
|
5451
|
+
"text-white bg-gradient-to-r from-purple-400 to-pink-500 hover:from-purple-500 hover:to-pink-600 dark:from-purple-500 dark:to-pink-600 dark:hover:from-purple-600 rounded-full shadow-sm"
|
|
5452
|
+
);
|
|
5453
|
+
} else {
|
|
5454
|
+
yearlyButton.className = cn(
|
|
5455
|
+
"min-w-[120px] px-6 py-2 font-medium transition text-lg relative",
|
|
5456
|
+
"text-gray-800 dark:text-gray-200 hover:text-gray-900 dark:hover:text-gray-100 rounded-full"
|
|
5457
|
+
);
|
|
5458
|
+
}
|
|
5459
|
+
}
|
|
5460
|
+
};
|
|
5461
|
+
const Tooltip = ({ show, content, x, y }) => {
|
|
5462
|
+
if (!show) return null;
|
|
5463
|
+
const style = {
|
|
5464
|
+
position: "fixed",
|
|
5465
|
+
left: Math.max(8, x),
|
|
5466
|
+
top: Math.max(8, y),
|
|
5467
|
+
zIndex: 9999,
|
|
5468
|
+
maxWidth: 200,
|
|
5469
|
+
transform: "translateY(-50%)",
|
|
5470
|
+
pointerEvents: "none",
|
|
5471
|
+
whiteSpace: "pre-line"
|
|
5472
|
+
};
|
|
5473
|
+
return /* @__PURE__ */ jsx49(
|
|
5474
|
+
"div",
|
|
5475
|
+
{
|
|
5476
|
+
style,
|
|
5477
|
+
className: "bg-gray-700 dark:bg-gray-200 text-gray-100 dark:text-gray-800 text-xs leading-relaxed px-3 py-2 rounded-lg shadow-lg border border-gray-300 dark:border-gray-600 backdrop-blur-sm",
|
|
5478
|
+
children: content
|
|
5479
|
+
}
|
|
5480
|
+
);
|
|
5481
|
+
};
|
|
5482
|
+
return /* @__PURE__ */ jsx49(Tooltip, __spreadValues({}, tooltip));
|
|
5483
|
+
}
|
|
5484
|
+
|
|
5485
|
+
// src/main/gallery-interactive.tsx
|
|
5486
|
+
import { useState as useState15, useEffect as useEffect21 } from "react";
|
|
5487
|
+
function GalleryInteractive({ data }) {
|
|
5488
|
+
const [imageErrors, setImageErrors] = useState15(/* @__PURE__ */ new Set());
|
|
5489
|
+
const [downloadingItems, setDownloadingItems] = useState15(/* @__PURE__ */ new Set());
|
|
5490
|
+
const cdnProxyUrl = process.env.NEXT_PUBLIC_STYLE_CDN_PROXY_URL;
|
|
5491
|
+
useEffect21(() => {
|
|
5492
|
+
data.items.forEach((item, index) => {
|
|
5493
|
+
const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
|
|
5494
|
+
const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
|
|
5495
|
+
if (downloadButton) {
|
|
5496
|
+
const handleDownload = () => __async(null, null, function* () {
|
|
5497
|
+
var _a;
|
|
5498
|
+
if (downloadingItems.has(item.id)) {
|
|
5499
|
+
return;
|
|
5500
|
+
}
|
|
5501
|
+
setDownloadingItems((prev) => new Set(prev).add(item.id));
|
|
5502
|
+
try {
|
|
5503
|
+
if (!cdnProxyUrl) {
|
|
5504
|
+
throw new Error("CDN proxy URL not configured");
|
|
5505
|
+
}
|
|
5506
|
+
const originalUrl = new URL(item.url);
|
|
5507
|
+
const filename = originalUrl.pathname.substring(1);
|
|
5508
|
+
const proxyUrl = `${cdnProxyUrl}/${encodeURIComponent(filename)}`;
|
|
5509
|
+
const urlExtension = (_a = item.url.split(".").pop()) == null ? void 0 : _a.toLowerCase();
|
|
5510
|
+
let extension = ".webp";
|
|
5511
|
+
if (urlExtension && ["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(urlExtension)) {
|
|
5512
|
+
extension = `.${urlExtension}`;
|
|
5513
|
+
}
|
|
5514
|
+
const response = yield fetch(proxyUrl);
|
|
5515
|
+
if (!response.ok) {
|
|
5516
|
+
throw new Error(`HTTP ${response.status}: ${response.statusText}`);
|
|
5517
|
+
}
|
|
5518
|
+
const blob = yield response.blob();
|
|
5519
|
+
const blobUrl = URL.createObjectURL(blob);
|
|
5520
|
+
const a = document.createElement("a");
|
|
5521
|
+
a.href = blobUrl;
|
|
5522
|
+
a.download = `${data.downloadPrefix}-${index + 1}${extension}`;
|
|
5523
|
+
a.style.display = "none";
|
|
5524
|
+
document.body.appendChild(a);
|
|
5525
|
+
a.click();
|
|
5526
|
+
setTimeout(() => {
|
|
5527
|
+
document.body.removeChild(a);
|
|
5528
|
+
URL.revokeObjectURL(blobUrl);
|
|
5529
|
+
}, 100);
|
|
5530
|
+
} catch (error) {
|
|
5531
|
+
console.error("Download failed:", error);
|
|
5532
|
+
} finally {
|
|
5533
|
+
setDownloadingItems((prev) => {
|
|
5534
|
+
const newSet = new Set(prev);
|
|
5535
|
+
newSet.delete(item.id);
|
|
5536
|
+
return newSet;
|
|
5537
|
+
});
|
|
5538
|
+
}
|
|
5539
|
+
});
|
|
5540
|
+
downloadButton.addEventListener("click", handleDownload);
|
|
5541
|
+
}
|
|
5542
|
+
if (imageElement) {
|
|
5543
|
+
const handleImageError = () => {
|
|
5544
|
+
setImageErrors((prev) => new Set(prev).add(item.id));
|
|
5545
|
+
imageElement.src = data.defaultImgUrl;
|
|
5546
|
+
};
|
|
5547
|
+
imageElement.addEventListener("error", handleImageError);
|
|
5548
|
+
}
|
|
5549
|
+
});
|
|
5550
|
+
const updateDownloadStates = () => {
|
|
5551
|
+
data.items.forEach((item) => {
|
|
5552
|
+
const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
|
|
5553
|
+
if (downloadButton) {
|
|
5554
|
+
const isDownloading = downloadingItems.has(item.id);
|
|
5555
|
+
if (isDownloading) {
|
|
5556
|
+
downloadButton.disabled = true;
|
|
5557
|
+
downloadButton.classList.add("bg-black/30", "text-white/50");
|
|
5558
|
+
downloadButton.classList.remove("bg-black/50", "hover:bg-black/70", "text-white/80", "hover:text-white");
|
|
5559
|
+
downloadButton.innerHTML = `
|
|
5560
|
+
<svg class="h-5 w-5 text-white animate-spin" fill="none" viewBox="0 0 24 24">
|
|
5561
|
+
<circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
|
|
5562
|
+
<path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
|
|
5563
|
+
</svg>
|
|
5564
|
+
`;
|
|
5565
|
+
} else {
|
|
5566
|
+
downloadButton.disabled = false;
|
|
5567
|
+
downloadButton.classList.remove("bg-black/30", "text-white/50");
|
|
5568
|
+
downloadButton.classList.add("bg-black/50", "hover:bg-black/70", "text-white/80", "hover:text-white");
|
|
5569
|
+
downloadButton.innerHTML = `
|
|
5570
|
+
<svg class="h-5 w-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
5571
|
+
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
5572
|
+
</svg>
|
|
5573
|
+
`;
|
|
5574
|
+
}
|
|
5575
|
+
}
|
|
5576
|
+
});
|
|
5577
|
+
};
|
|
5578
|
+
updateDownloadStates();
|
|
5579
|
+
return () => {
|
|
5580
|
+
data.items.forEach((item) => {
|
|
5581
|
+
var _a, _b;
|
|
5582
|
+
const downloadButton = document.querySelector(`[data-gallery-download="${item.id}"]`);
|
|
5583
|
+
const imageElement = document.querySelector(`[data-gallery-image="${item.id}"]`);
|
|
5584
|
+
if (downloadButton) {
|
|
5585
|
+
const newButton = downloadButton.cloneNode(true);
|
|
5586
|
+
(_a = downloadButton.parentNode) == null ? void 0 : _a.replaceChild(newButton, downloadButton);
|
|
5587
|
+
}
|
|
5588
|
+
if (imageElement) {
|
|
5589
|
+
const newImage = imageElement.cloneNode(true);
|
|
5590
|
+
(_b = imageElement.parentNode) == null ? void 0 : _b.replaceChild(newImage, imageElement);
|
|
5591
|
+
}
|
|
5592
|
+
});
|
|
5593
|
+
};
|
|
5594
|
+
}, [data, downloadingItems, imageErrors, cdnProxyUrl]);
|
|
5595
|
+
return null;
|
|
5596
|
+
}
|
|
5597
|
+
|
|
5598
|
+
// src/main/gallery.tsx
|
|
5599
|
+
import { jsx as jsx50, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
5600
|
+
function Gallery(_0) {
|
|
5601
|
+
return __async(this, arguments, function* ({ locale, sectionClassName, button }) {
|
|
5602
|
+
const t = yield getTranslations({ locale, namespace: "gallery" });
|
|
5603
|
+
const galleryItems = t.raw("prompts");
|
|
5604
|
+
const data = {
|
|
5605
|
+
titleL: t("titleL"),
|
|
5606
|
+
eyesOn: t("eyesOn"),
|
|
5607
|
+
titleR: t("titleR"),
|
|
5608
|
+
description: t("description"),
|
|
5609
|
+
items: galleryItems.map((item, index) => ({
|
|
5610
|
+
id: `gallery-item-${index}`,
|
|
5611
|
+
url: item.url,
|
|
5612
|
+
altMsg: item.altMsg
|
|
5613
|
+
})),
|
|
5614
|
+
defaultImgUrl: t.raw("defaultImgUrl"),
|
|
5615
|
+
downloadPrefix: t("downloadPrefix")
|
|
5616
|
+
};
|
|
5617
|
+
return /* @__PURE__ */ jsxs18("section", { id: "gallery", className: cn("container mx-auto px-4 py-20 scroll-mt-20", sectionClassName), children: [
|
|
5618
|
+
/* @__PURE__ */ jsxs18("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-6", children: [
|
|
5619
|
+
data.titleL,
|
|
5620
|
+
" ",
|
|
5621
|
+
/* @__PURE__ */ jsx50("span", { className: "text-purple-500", children: data.eyesOn }),
|
|
5622
|
+
" ",
|
|
5623
|
+
data.titleR
|
|
5624
|
+
] }),
|
|
5625
|
+
/* @__PURE__ */ jsx50("p", { className: "text-center max-w-2xl mx-auto mb-16", children: data.description }),
|
|
5626
|
+
/* @__PURE__ */ jsx50("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-6", children: data.items.map((item, index) => /* @__PURE__ */ jsxs18(
|
|
5627
|
+
"div",
|
|
5628
|
+
{
|
|
5629
|
+
className: "group relative overflow-hidden rounded-xl",
|
|
5630
|
+
"data-gallery-item": item.id,
|
|
5631
|
+
"data-gallery-index": index,
|
|
5632
|
+
children: [
|
|
5633
|
+
/* @__PURE__ */ jsx50(
|
|
5634
|
+
Image2,
|
|
5635
|
+
{
|
|
5636
|
+
src: item.url,
|
|
5637
|
+
alt: item.altMsg,
|
|
5638
|
+
width: 600,
|
|
5639
|
+
height: 600,
|
|
5640
|
+
className: "w-full h-80 object-cover transition duration-300 group-hover:scale-105",
|
|
5641
|
+
"data-gallery-image": item.id
|
|
5642
|
+
}
|
|
5643
|
+
),
|
|
5644
|
+
/* @__PURE__ */ jsx50("div", { className: "absolute inset-0 flex items-end justify-end p-4 opacity-0 group-hover:opacity-100 transition duration-300", children: /* @__PURE__ */ jsx50(
|
|
5645
|
+
"button",
|
|
5646
|
+
{
|
|
5647
|
+
className: "p-2 rounded-full bg-black/50 hover:bg-black/70 text-white/80 hover:text-white transition-all duration-300",
|
|
5648
|
+
"data-gallery-download": item.id,
|
|
5649
|
+
"aria-label": `Download ${item.altMsg}`,
|
|
5650
|
+
children: /* @__PURE__ */ jsx50("svg", { className: "h-5 w-5 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx50("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" }) })
|
|
5651
|
+
}
|
|
5652
|
+
) })
|
|
5653
|
+
]
|
|
5654
|
+
},
|
|
5655
|
+
item.id
|
|
5656
|
+
)) }),
|
|
5657
|
+
button && /* @__PURE__ */ jsx50("div", { className: "text-center mt-12", children: button }),
|
|
5658
|
+
/* @__PURE__ */ jsx50(GalleryInteractive, { data })
|
|
5659
|
+
] });
|
|
5660
|
+
});
|
|
5661
|
+
}
|
|
5662
|
+
|
|
5663
|
+
// src/main/usage.tsx
|
|
5664
|
+
import { getTranslations as getTranslations2 } from "next-intl/server";
|
|
5665
|
+
import { jsx as jsx51, jsxs as jsxs19 } from "react/jsx-runtime";
|
|
5666
|
+
function Usage(_0) {
|
|
5667
|
+
return __async(this, arguments, function* ({
|
|
5668
|
+
locale,
|
|
5669
|
+
sectionClassName
|
|
5670
|
+
}) {
|
|
5671
|
+
const t = yield getTranslations2({ locale, namespace: "usage" });
|
|
5672
|
+
const steps = t.raw("steps");
|
|
5673
|
+
const data = {
|
|
5674
|
+
title: t("title"),
|
|
5675
|
+
eyesOn: t("eyesOn"),
|
|
5676
|
+
description: richText(t, "description"),
|
|
5677
|
+
steps: steps.map((step, index) => ({
|
|
5678
|
+
id: `usage-step-${index}`,
|
|
5679
|
+
title: step.title,
|
|
5680
|
+
description: richText(t, `steps.${index}.description`),
|
|
5681
|
+
iconKey: step.iconKey,
|
|
5682
|
+
stepNumber: index + 1
|
|
5683
|
+
}))
|
|
5684
|
+
};
|
|
5685
|
+
return /* @__PURE__ */ jsxs19("section", { id: "usage", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
|
|
5686
|
+
/* @__PURE__ */ jsxs19("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
|
|
5687
|
+
data.title,
|
|
5688
|
+
" ",
|
|
5689
|
+
/* @__PURE__ */ jsx51("span", { className: "text-purple-500", children: data.eyesOn })
|
|
5690
|
+
] }),
|
|
5691
|
+
/* @__PURE__ */ jsx51("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: data.description }),
|
|
5692
|
+
/* @__PURE__ */ jsx51("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: /* @__PURE__ */ jsx51("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.steps.map((step) => {
|
|
5693
|
+
const Icon2 = getGlobalIcon(step.iconKey);
|
|
5694
|
+
return /* @__PURE__ */ jsxs19("div", { "data-usage-step": step.id, className: "flex items-start", children: [
|
|
5695
|
+
/* @__PURE__ */ jsx51("div", { className: "flex-shrink-0 mr-4", children: /* @__PURE__ */ jsx51(Icon2, { className: "w-8 h-8 text-purple-500" }) }),
|
|
5696
|
+
/* @__PURE__ */ jsxs19("div", { children: [
|
|
5697
|
+
/* @__PURE__ */ jsx51("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: `${step.stepNumber}. ${step.title}` }),
|
|
5698
|
+
/* @__PURE__ */ jsx51("p", { className: "text-gray-700 dark:text-gray-300", children: step.description })
|
|
5699
|
+
] })
|
|
5700
|
+
] }, step.id);
|
|
5701
|
+
}) }) })
|
|
5702
|
+
] });
|
|
5703
|
+
});
|
|
5704
|
+
}
|
|
5705
|
+
|
|
5706
|
+
// src/main/features.tsx
|
|
5707
|
+
import { getTranslations as getTranslations3 } from "next-intl/server";
|
|
5708
|
+
import { jsx as jsx52, jsxs as jsxs20 } from "react/jsx-runtime";
|
|
5709
|
+
function Features(_0) {
|
|
5710
|
+
return __async(this, arguments, function* ({
|
|
5711
|
+
locale,
|
|
5712
|
+
sectionClassName
|
|
5713
|
+
}) {
|
|
5714
|
+
const t = yield getTranslations3({ locale, namespace: "features" });
|
|
5715
|
+
const featureItems = t.raw("items");
|
|
5716
|
+
const data = {
|
|
5717
|
+
title: t("title"),
|
|
5718
|
+
eyesOn: t("eyesOn"),
|
|
5719
|
+
description: richText(t, "description"),
|
|
5720
|
+
items: featureItems.map((feature, index) => ({
|
|
5721
|
+
id: `feature-item-${index}`,
|
|
5722
|
+
title: feature.title,
|
|
5723
|
+
description: richText(t, `items.${index}.description`),
|
|
5724
|
+
iconKey: feature.iconKey
|
|
5725
|
+
}))
|
|
5726
|
+
};
|
|
5727
|
+
return /* @__PURE__ */ jsxs20("section", { id: "features", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-18", sectionClassName), children: [
|
|
5728
|
+
/* @__PURE__ */ jsxs20("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: [
|
|
5729
|
+
data.title,
|
|
5730
|
+
" ",
|
|
5731
|
+
/* @__PURE__ */ jsx52("span", { className: "text-purple-500", children: data.eyesOn })
|
|
5732
|
+
] }),
|
|
5733
|
+
/* @__PURE__ */ jsx52("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto whitespace-nowrap", children: data.description }),
|
|
5734
|
+
/* @__PURE__ */ jsx52("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8 gap-y-12", children: data.items.map((feature) => {
|
|
5735
|
+
const Icon2 = getGlobalIcon(feature.iconKey);
|
|
5736
|
+
return /* @__PURE__ */ jsxs20(
|
|
5737
|
+
"div",
|
|
5738
|
+
{
|
|
5739
|
+
"data-feature-id": feature.id,
|
|
5740
|
+
className: "bg-white dark:bg-gray-800/60 p-8 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none",
|
|
5741
|
+
children: [
|
|
5742
|
+
/* @__PURE__ */ jsx52("div", { className: "text-4xl mb-4 flex items-center justify-start", children: /* @__PURE__ */ jsx52(Icon2, { className: "w-8 h-8" }) }),
|
|
5743
|
+
/* @__PURE__ */ jsx52("h3", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100", children: feature.title }),
|
|
5744
|
+
/* @__PURE__ */ jsx52("p", { className: "text-gray-700 dark:text-gray-300", children: feature.description })
|
|
5745
|
+
]
|
|
5746
|
+
},
|
|
5747
|
+
feature.id
|
|
5748
|
+
);
|
|
5749
|
+
}) })
|
|
5750
|
+
] });
|
|
5751
|
+
});
|
|
5752
|
+
}
|
|
5753
|
+
|
|
2896
5754
|
// src/main/tips.tsx
|
|
2897
5755
|
import { getTranslations as getTranslations4 } from "next-intl/server";
|
|
2898
|
-
import {
|
|
2899
|
-
import { jsx as jsx36, jsxs as jsxs13 } from "react/jsx-runtime";
|
|
5756
|
+
import { jsx as jsx53, jsxs as jsxs21 } from "react/jsx-runtime";
|
|
2900
5757
|
function Tips(_0) {
|
|
2901
5758
|
return __async(this, arguments, function* ({
|
|
2902
5759
|
locale,
|
|
@@ -2907,7 +5764,7 @@ function Tips(_0) {
|
|
|
2907
5764
|
const processedSections = sections.map((section, index) => ({
|
|
2908
5765
|
id: `tip-section-${index}`,
|
|
2909
5766
|
title: section.title,
|
|
2910
|
-
description:
|
|
5767
|
+
description: richText(t, `sections.${index}.description`)
|
|
2911
5768
|
}));
|
|
2912
5769
|
const midPoint = Math.ceil(processedSections.length / 2);
|
|
2913
5770
|
const leftColumn = processedSections.slice(0, midPoint);
|
|
@@ -2918,15 +5775,15 @@ function Tips(_0) {
|
|
|
2918
5775
|
leftColumn,
|
|
2919
5776
|
rightColumn
|
|
2920
5777
|
};
|
|
2921
|
-
return /* @__PURE__ */
|
|
2922
|
-
/* @__PURE__ */
|
|
5778
|
+
return /* @__PURE__ */ jsxs21("section", { id: "tips", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
|
|
5779
|
+
/* @__PURE__ */ jsxs21("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-16", children: [
|
|
2923
5780
|
data.title,
|
|
2924
5781
|
" ",
|
|
2925
|
-
/* @__PURE__ */
|
|
5782
|
+
/* @__PURE__ */ jsx53("span", { className: "text-purple-500", children: data.eyesOn })
|
|
2926
5783
|
] }),
|
|
2927
|
-
/* @__PURE__ */
|
|
2928
|
-
/* @__PURE__ */
|
|
2929
|
-
/* @__PURE__ */
|
|
5784
|
+
/* @__PURE__ */ jsx53("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12 bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [data.leftColumn, data.rightColumn].map((column, colIndex) => /* @__PURE__ */ jsx53("div", { className: "space-y-8", children: column.map((tip) => /* @__PURE__ */ jsxs21("div", { "data-tip-id": tip.id, className: "space-y-4", children: [
|
|
5785
|
+
/* @__PURE__ */ jsx53("h3", { className: "text-2xl font-semibold", children: tip.title }),
|
|
5786
|
+
/* @__PURE__ */ jsx53("p", { className: "", children: tip.description })
|
|
2930
5787
|
] }, tip.id)) }, colIndex)) })
|
|
2931
5788
|
] });
|
|
2932
5789
|
});
|
|
@@ -2934,9 +5791,7 @@ function Tips(_0) {
|
|
|
2934
5791
|
|
|
2935
5792
|
// src/main/faq.tsx
|
|
2936
5793
|
import { getTranslations as getTranslations5 } from "next-intl/server";
|
|
2937
|
-
import {
|
|
2938
|
-
import { FAQInteractive } from "@third-ui/main";
|
|
2939
|
-
import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
|
|
5794
|
+
import { jsx as jsx54, jsxs as jsxs22 } from "react/jsx-runtime";
|
|
2940
5795
|
function FAQ(_0) {
|
|
2941
5796
|
return __async(this, arguments, function* ({
|
|
2942
5797
|
locale,
|
|
@@ -2946,31 +5801,31 @@ function FAQ(_0) {
|
|
|
2946
5801
|
const rawItems = t.raw("items");
|
|
2947
5802
|
const data = {
|
|
2948
5803
|
title: t("title"),
|
|
2949
|
-
description:
|
|
5804
|
+
description: richText(t, "description"),
|
|
2950
5805
|
items: rawItems.map((item, index) => ({
|
|
2951
5806
|
id: `faq-item-${index}`,
|
|
2952
5807
|
question: item.question,
|
|
2953
|
-
answer:
|
|
5808
|
+
answer: richText(t, `items.${index}.answer`)
|
|
2954
5809
|
}))
|
|
2955
5810
|
};
|
|
2956
|
-
return /* @__PURE__ */
|
|
2957
|
-
/* @__PURE__ */
|
|
2958
|
-
/* @__PURE__ */
|
|
2959
|
-
/* @__PURE__ */
|
|
5811
|
+
return /* @__PURE__ */ jsxs22("section", { id: "faq", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
|
|
5812
|
+
/* @__PURE__ */ jsx54("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-4", children: data.title }),
|
|
5813
|
+
/* @__PURE__ */ jsx54("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-base md:text-lg mx-auto", children: data.description }),
|
|
5814
|
+
/* @__PURE__ */ jsx54("div", { className: "space-y-6", children: data.items.map((item) => /* @__PURE__ */ jsxs22(
|
|
2960
5815
|
"div",
|
|
2961
5816
|
{
|
|
2962
5817
|
"data-faq-id": item.id,
|
|
2963
5818
|
className: "bg-white dark:bg-gray-800/60 p-6 rounded-xl border border-gray-200 dark:border-gray-700 hover:border-purple-300 dark:hover:border-purple-500/50 transition shadow-sm dark:shadow-none",
|
|
2964
5819
|
children: [
|
|
2965
|
-
/* @__PURE__ */
|
|
5820
|
+
/* @__PURE__ */ jsxs22(
|
|
2966
5821
|
"button",
|
|
2967
5822
|
{
|
|
2968
5823
|
className: "w-full flex items-center justify-between text-left focus:outline-none",
|
|
2969
5824
|
"data-faq-toggle": item.id,
|
|
2970
5825
|
"aria-expanded": "false",
|
|
2971
5826
|
children: [
|
|
2972
|
-
/* @__PURE__ */
|
|
2973
|
-
/* @__PURE__ */
|
|
5827
|
+
/* @__PURE__ */ jsx54("span", { className: "text-lg font-semibold text-gray-900 dark:text-gray-100", children: item.question }),
|
|
5828
|
+
/* @__PURE__ */ jsx54(
|
|
2974
5829
|
"svg",
|
|
2975
5830
|
{
|
|
2976
5831
|
className: "w-6 h-6 text-gray-400 ml-2 transition-transform duration-200",
|
|
@@ -2978,13 +5833,13 @@ function FAQ(_0) {
|
|
|
2978
5833
|
fill: "none",
|
|
2979
5834
|
stroke: "currentColor",
|
|
2980
5835
|
viewBox: "0 0 24 24",
|
|
2981
|
-
children: /* @__PURE__ */
|
|
5836
|
+
children: /* @__PURE__ */ jsx54("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M9 5l7 7-7 7" })
|
|
2982
5837
|
}
|
|
2983
5838
|
)
|
|
2984
5839
|
]
|
|
2985
5840
|
}
|
|
2986
5841
|
),
|
|
2987
|
-
/* @__PURE__ */
|
|
5842
|
+
/* @__PURE__ */ jsx54(
|
|
2988
5843
|
"div",
|
|
2989
5844
|
{
|
|
2990
5845
|
className: "mt-4 text-gray-700 dark:text-gray-300 text-base hidden",
|
|
@@ -2996,15 +5851,14 @@ function FAQ(_0) {
|
|
|
2996
5851
|
},
|
|
2997
5852
|
item.id
|
|
2998
5853
|
)) }),
|
|
2999
|
-
/* @__PURE__ */
|
|
5854
|
+
/* @__PURE__ */ jsx54(FAQInteractive, { data })
|
|
3000
5855
|
] });
|
|
3001
5856
|
});
|
|
3002
5857
|
}
|
|
3003
5858
|
|
|
3004
5859
|
// src/main/seo-content.tsx
|
|
3005
5860
|
import { getTranslations as getTranslations6 } from "next-intl/server";
|
|
3006
|
-
import {
|
|
3007
|
-
import { jsx as jsx38, jsxs as jsxs15 } from "react/jsx-runtime";
|
|
5861
|
+
import { jsx as jsx55, jsxs as jsxs23 } from "react/jsx-runtime";
|
|
3008
5862
|
function SeoContent(_0) {
|
|
3009
5863
|
return __async(this, arguments, function* ({
|
|
3010
5864
|
locale,
|
|
@@ -3016,30 +5870,30 @@ function SeoContent(_0) {
|
|
|
3016
5870
|
title: t("title"),
|
|
3017
5871
|
eyesOn: t("eyesOn"),
|
|
3018
5872
|
description: t("description"),
|
|
3019
|
-
intro:
|
|
5873
|
+
intro: richText(t, "intro"),
|
|
3020
5874
|
sections: rawSections.map((section, index) => ({
|
|
3021
5875
|
id: `seo-section-${index}`,
|
|
3022
5876
|
title: section.title,
|
|
3023
|
-
content:
|
|
5877
|
+
content: richText(t, `sections.${index}.content`)
|
|
3024
5878
|
})),
|
|
3025
|
-
conclusion:
|
|
5879
|
+
conclusion: richText(t, "conclusion")
|
|
3026
5880
|
};
|
|
3027
|
-
return /* @__PURE__ */
|
|
3028
|
-
/* @__PURE__ */
|
|
5881
|
+
return /* @__PURE__ */ jsxs23("section", { id: "seo", className: cn("px-16 py-10 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: [
|
|
5882
|
+
/* @__PURE__ */ jsxs23("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-8", children: [
|
|
3029
5883
|
data.title,
|
|
3030
5884
|
" ",
|
|
3031
|
-
/* @__PURE__ */
|
|
5885
|
+
/* @__PURE__ */ jsx55("span", { className: "text-purple-500", children: data.eyesOn })
|
|
3032
5886
|
] }),
|
|
3033
|
-
/* @__PURE__ */
|
|
3034
|
-
/* @__PURE__ */
|
|
3035
|
-
/* @__PURE__ */
|
|
3036
|
-
/* @__PURE__ */
|
|
3037
|
-
data.sections.map((section) => /* @__PURE__ */
|
|
3038
|
-
/* @__PURE__ */
|
|
3039
|
-
/* @__PURE__ */
|
|
5887
|
+
/* @__PURE__ */ jsx55("h3", { className: "text-center text-gray-600 dark:text-gray-400 mb-12 text-lg", children: data.description }),
|
|
5888
|
+
/* @__PURE__ */ jsxs23("div", { className: "bg-gray-50 dark:bg-gray-800/60 border border-gray-200 dark:border-gray-700 rounded-2xl p-8 md:p-12 shadow-sm dark:shadow-none", children: [
|
|
5889
|
+
/* @__PURE__ */ jsxs23("div", { className: "space-y-10", children: [
|
|
5890
|
+
/* @__PURE__ */ jsx55("p", { className: "text-gray-600 dark:text-gray-400 text-lg", children: data.intro }),
|
|
5891
|
+
data.sections.map((section) => /* @__PURE__ */ jsxs23("div", { "data-seo-section": section.id, children: [
|
|
5892
|
+
/* @__PURE__ */ jsx55("h2", { className: "text-xl font-semibold mb-3 text-gray-900 dark:text-gray-100 flex items-center", children: section.title }),
|
|
5893
|
+
/* @__PURE__ */ jsx55("p", { className: "text-gray-700 dark:text-gray-300", children: section.content })
|
|
3040
5894
|
] }, section.id))
|
|
3041
5895
|
] }),
|
|
3042
|
-
/* @__PURE__ */
|
|
5896
|
+
/* @__PURE__ */ jsx55("p", { className: "mt-10 text-gray-600 dark:text-gray-400 text-lg", children: data.conclusion })
|
|
3043
5897
|
] })
|
|
3044
5898
|
] });
|
|
3045
5899
|
});
|
|
@@ -3047,9 +5901,118 @@ function SeoContent(_0) {
|
|
|
3047
5901
|
|
|
3048
5902
|
// src/main/cta.tsx
|
|
3049
5903
|
import { getTranslations as getTranslations7 } from "next-intl/server";
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
import
|
|
5904
|
+
|
|
5905
|
+
// src/fuma/mdx/gradient-button.tsx
|
|
5906
|
+
import Link2 from "next/link";
|
|
5907
|
+
import React60, { useState as useState16 } from "react";
|
|
5908
|
+
import { Fragment as Fragment7, jsx as jsx56, jsxs as jsxs24 } from "react/jsx-runtime";
|
|
5909
|
+
function GradientButton({
|
|
5910
|
+
title,
|
|
5911
|
+
icon,
|
|
5912
|
+
align = "left",
|
|
5913
|
+
disabled = false,
|
|
5914
|
+
className = "",
|
|
5915
|
+
href,
|
|
5916
|
+
openInNewTab = true,
|
|
5917
|
+
onClick,
|
|
5918
|
+
loadingText,
|
|
5919
|
+
preventDoubleClick = true
|
|
5920
|
+
}) {
|
|
5921
|
+
const [isLoading, setIsLoading] = useState16(false);
|
|
5922
|
+
const actualLoadingText = loadingText || (title == null ? void 0 : title.toString().trim()) || "Loading...";
|
|
5923
|
+
const getAlignmentClass = () => {
|
|
5924
|
+
switch (align) {
|
|
5925
|
+
case "center":
|
|
5926
|
+
return "justify-center";
|
|
5927
|
+
case "right":
|
|
5928
|
+
return "justify-end";
|
|
5929
|
+
default:
|
|
5930
|
+
return "justify-start";
|
|
5931
|
+
}
|
|
5932
|
+
};
|
|
5933
|
+
const handleClick = (e) => __async(null, null, function* () {
|
|
5934
|
+
if (disabled || isLoading) {
|
|
5935
|
+
e.preventDefault();
|
|
5936
|
+
return;
|
|
5937
|
+
}
|
|
5938
|
+
if (onClick) {
|
|
5939
|
+
e.preventDefault();
|
|
5940
|
+
if (preventDoubleClick) {
|
|
5941
|
+
setIsLoading(true);
|
|
5942
|
+
}
|
|
5943
|
+
try {
|
|
5944
|
+
yield onClick();
|
|
5945
|
+
} catch (error) {
|
|
5946
|
+
console.error("GradientButton onClick error:", error);
|
|
5947
|
+
} finally {
|
|
5948
|
+
if (preventDoubleClick) {
|
|
5949
|
+
setIsLoading(false);
|
|
5950
|
+
}
|
|
5951
|
+
}
|
|
5952
|
+
}
|
|
5953
|
+
});
|
|
5954
|
+
const isDisabled = disabled || isLoading;
|
|
5955
|
+
const displayTitle = isLoading ? actualLoadingText : title;
|
|
5956
|
+
const displayIcon = isLoading ? /* @__PURE__ */ jsx56(globalLucideIcons.Loader2, { className: "h-4 w-4 text-white animate-spin" }) : icon ? React60.cloneElement(icon, {
|
|
5957
|
+
className: "h-4 w-4 text-white"
|
|
5958
|
+
}) : /* @__PURE__ */ jsx56(globalLucideIcons.ArrowRight, { className: "h-4 w-4 text-white" });
|
|
5959
|
+
const buttonContent = onClick ? /* @__PURE__ */ jsxs24(Fragment7, { children: [
|
|
5960
|
+
/* @__PURE__ */ jsx56("span", { children: displayIcon }),
|
|
5961
|
+
/* @__PURE__ */ jsx56("span", { className: "ml-1", children: displayTitle })
|
|
5962
|
+
] }) : /* @__PURE__ */ jsxs24(Fragment7, { children: [
|
|
5963
|
+
/* @__PURE__ */ jsx56("span", { children: displayTitle }),
|
|
5964
|
+
/* @__PURE__ */ jsx56("span", { className: "ml-1", children: displayIcon })
|
|
5965
|
+
] });
|
|
5966
|
+
const buttonClassName = `
|
|
5967
|
+
bg-gradient-to-r
|
|
5968
|
+
from-purple-400 to-pink-500
|
|
5969
|
+
hover:from-purple-500 hover:to-pink-600
|
|
5970
|
+
dark:from-purple-500 dark:to-pink-600
|
|
5971
|
+
dark:hover:from-purple-600 dark:hover:to-pink-700
|
|
5972
|
+
text-white text-base font-bold shadow-lg hover:shadow-xl
|
|
5973
|
+
transition-all duration-300
|
|
5974
|
+
rounded-full
|
|
5975
|
+
${isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
5976
|
+
${className}
|
|
5977
|
+
`;
|
|
5978
|
+
return /* @__PURE__ */ jsx56("div", { className: `flex flex-col sm:flex-row gap-3 ${getAlignmentClass()}`, children: onClick ? (
|
|
5979
|
+
// for click
|
|
5980
|
+
/* @__PURE__ */ jsx56(
|
|
5981
|
+
Button,
|
|
5982
|
+
{
|
|
5983
|
+
size: "lg",
|
|
5984
|
+
className: buttonClassName,
|
|
5985
|
+
onClick: handleClick,
|
|
5986
|
+
disabled: isDisabled,
|
|
5987
|
+
children: buttonContent
|
|
5988
|
+
}
|
|
5989
|
+
)
|
|
5990
|
+
) : (
|
|
5991
|
+
// for Link
|
|
5992
|
+
/* @__PURE__ */ jsx56(
|
|
5993
|
+
Button,
|
|
5994
|
+
{
|
|
5995
|
+
asChild: true,
|
|
5996
|
+
size: "lg",
|
|
5997
|
+
className: buttonClassName,
|
|
5998
|
+
disabled: isDisabled,
|
|
5999
|
+
children: /* @__PURE__ */ jsx56(
|
|
6000
|
+
Link2,
|
|
6001
|
+
__spreadProps(__spreadValues({
|
|
6002
|
+
href: href || "#",
|
|
6003
|
+
className: "no-underline hover:no-underline"
|
|
6004
|
+
}, openInNewTab ? { target: "_blank", rel: "noopener noreferrer" } : {}), {
|
|
6005
|
+
onClick: isDisabled ? (e) => e.preventDefault() : void 0,
|
|
6006
|
+
children: buttonContent
|
|
6007
|
+
})
|
|
6008
|
+
)
|
|
6009
|
+
}
|
|
6010
|
+
)
|
|
6011
|
+
) });
|
|
6012
|
+
}
|
|
6013
|
+
|
|
6014
|
+
// src/main/cta.tsx
|
|
6015
|
+
import { jsx as jsx57, jsxs as jsxs25 } from "react/jsx-runtime";
|
|
3053
6016
|
function CTA(_0) {
|
|
3054
6017
|
return __async(this, arguments, function* ({
|
|
3055
6018
|
locale,
|
|
@@ -3059,24 +6022,24 @@ function CTA(_0) {
|
|
|
3059
6022
|
const data = {
|
|
3060
6023
|
title: t("title"),
|
|
3061
6024
|
eyesOn: t("eyesOn"),
|
|
3062
|
-
description1:
|
|
6025
|
+
description1: richText(t, "description1"),
|
|
3063
6026
|
description2: t("description2"),
|
|
3064
6027
|
button: t("button"),
|
|
3065
6028
|
url: t("url")
|
|
3066
6029
|
};
|
|
3067
|
-
return /* @__PURE__ */
|
|
3068
|
-
/* @__PURE__ */
|
|
6030
|
+
return /* @__PURE__ */ jsx57("section", { id: "cta", className: cn("px-16 py-20 mx-16 md:mx-32 scroll-mt-20", sectionClassName), children: /* @__PURE__ */ jsxs25("div", { className: "\n bg-gradient-to-r from-[#f7f8fa] via-[#e0c3fc] to-[#b2fefa]\n dark:bg-gradient-to-r dark:from-[#2d0b4e] dark:via-[#6a3fa0] dark:to-[#3a185a]\n rounded-2xl p-12 text-center\n bg-[length:200%_auto] animate-cta-gradient-wave\n ", children: [
|
|
6031
|
+
/* @__PURE__ */ jsxs25("h2", { className: "text-3xl md:text-4xl font-bold mb-6", children: [
|
|
3069
6032
|
data.title,
|
|
3070
6033
|
" ",
|
|
3071
|
-
/* @__PURE__ */
|
|
6034
|
+
/* @__PURE__ */ jsx57("span", { className: "text-purple-400", children: data.eyesOn }),
|
|
3072
6035
|
"?"
|
|
3073
6036
|
] }),
|
|
3074
|
-
/* @__PURE__ */
|
|
6037
|
+
/* @__PURE__ */ jsxs25("p", { className: "text-2xl mx-auto mb-8", children: [
|
|
3075
6038
|
data.description1,
|
|
3076
|
-
/* @__PURE__ */
|
|
3077
|
-
/* @__PURE__ */
|
|
6039
|
+
/* @__PURE__ */ jsx57("br", {}),
|
|
6040
|
+
/* @__PURE__ */ jsx57("span", { className: "text-purple-400", children: data.description2 })
|
|
3078
6041
|
] }),
|
|
3079
|
-
/* @__PURE__ */
|
|
6042
|
+
/* @__PURE__ */ jsx57(
|
|
3080
6043
|
GradientButton,
|
|
3081
6044
|
{
|
|
3082
6045
|
title: data.button,
|
|
@@ -3090,8 +6053,8 @@ function CTA(_0) {
|
|
|
3090
6053
|
|
|
3091
6054
|
// src/main/footer.tsx
|
|
3092
6055
|
import { getTranslations as getTranslations8 } from "next-intl/server";
|
|
3093
|
-
import
|
|
3094
|
-
import { jsx as
|
|
6056
|
+
import Link3 from "next/link";
|
|
6057
|
+
import { jsx as jsx58, jsxs as jsxs26 } from "react/jsx-runtime";
|
|
3095
6058
|
function Footer(_0) {
|
|
3096
6059
|
return __async(this, arguments, function* ({ locale }) {
|
|
3097
6060
|
const tFooter = yield getTranslations8({ locale, namespace: "footer" });
|
|
@@ -3103,40 +6066,39 @@ function Footer(_0) {
|
|
|
3103
6066
|
company: tFooter("company"),
|
|
3104
6067
|
copyright: tFooter("copyright", { year: (/* @__PURE__ */ new Date()).getFullYear(), name: tFooter("company") })
|
|
3105
6068
|
};
|
|
3106
|
-
return /* @__PURE__ */
|
|
3107
|
-
/* @__PURE__ */
|
|
3108
|
-
/* @__PURE__ */
|
|
3109
|
-
/* @__PURE__ */
|
|
3110
|
-
/* @__PURE__ */
|
|
6069
|
+
return /* @__PURE__ */ jsx58("div", { className: "mb-10 w-full mx-auto border-t-purple-700/80 border-t-1", children: /* @__PURE__ */ jsx58("footer", { children: /* @__PURE__ */ jsxs26("div", { className: "w-full flex flex-col items-center justify-center px-4 py-8 space-y-3", children: [
|
|
6070
|
+
/* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-center space-x-6 text-xs", children: [
|
|
6071
|
+
/* @__PURE__ */ jsxs26(Link3, { href: `/${locale}/legal/terms`, className: "flex items-center space-x-1 hover:underline", children: [
|
|
6072
|
+
/* @__PURE__ */ jsx58(globalLucideIcons.ReceiptText, { className: "h-3.5 w-3.5" }),
|
|
6073
|
+
/* @__PURE__ */ jsx58("span", { children: data.terms })
|
|
3111
6074
|
] }),
|
|
3112
|
-
/* @__PURE__ */
|
|
3113
|
-
/* @__PURE__ */
|
|
3114
|
-
/* @__PURE__ */
|
|
6075
|
+
/* @__PURE__ */ jsxs26(Link3, { href: `/${locale}/legal/privacy`, className: "flex items-center space-x-1 hover:underline", children: [
|
|
6076
|
+
/* @__PURE__ */ jsx58(globalLucideIcons.ShieldUser, { className: "h-3.5 w-3.5" }),
|
|
6077
|
+
/* @__PURE__ */ jsx58("span", { children: data.privacy })
|
|
3115
6078
|
] }),
|
|
3116
|
-
/* @__PURE__ */
|
|
3117
|
-
/* @__PURE__ */
|
|
3118
|
-
/* @__PURE__ */
|
|
6079
|
+
/* @__PURE__ */ jsxs26("div", { className: "relative group", children: [
|
|
6080
|
+
/* @__PURE__ */ jsx58("div", { className: "absolute left-2/3 -translate-x-1/4 bottom-full mb-1 hidden group-hover:block bg-zinc-600 text-white text-xs rounded px-3 py-1 whitespace-nowrap z-10 shadow-lg", children: data.email }),
|
|
6081
|
+
/* @__PURE__ */ jsxs26(
|
|
3119
6082
|
"a",
|
|
3120
6083
|
{
|
|
3121
6084
|
href: `mailto:${data.email}`,
|
|
3122
6085
|
className: "flex items-center space-x-1 underline cursor-pointer px-2",
|
|
3123
6086
|
children: [
|
|
3124
|
-
/* @__PURE__ */
|
|
3125
|
-
/* @__PURE__ */
|
|
6087
|
+
/* @__PURE__ */ jsx58(globalLucideIcons.Mail, { className: "h-3.5 w-3.5" }),
|
|
6088
|
+
/* @__PURE__ */ jsx58("span", { children: data.contactUs })
|
|
3126
6089
|
]
|
|
3127
6090
|
}
|
|
3128
6091
|
)
|
|
3129
6092
|
] })
|
|
3130
6093
|
] }),
|
|
3131
|
-
/* @__PURE__ */
|
|
6094
|
+
/* @__PURE__ */ jsx58("div", { className: "text-xs text-center", children: /* @__PURE__ */ jsx58("span", { children: data.copyright }) })
|
|
3132
6095
|
] }) }) });
|
|
3133
6096
|
});
|
|
3134
6097
|
}
|
|
3135
6098
|
|
|
3136
6099
|
// src/main/price-plan.tsx
|
|
3137
6100
|
import { getTranslations as getTranslations9 } from "next-intl/server";
|
|
3138
|
-
import {
|
|
3139
|
-
import { Fragment, jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
|
|
6101
|
+
import { Fragment as Fragment8, jsx as jsx59, jsxs as jsxs27 } from "react/jsx-runtime";
|
|
3140
6102
|
function PricePlan(_0) {
|
|
3141
6103
|
return __async(this, arguments, function* ({
|
|
3142
6104
|
locale,
|
|
@@ -3178,9 +6140,9 @@ function PricePlan(_0) {
|
|
|
3178
6140
|
const currentBillingDisplay = data.billingSwitch.options.find((opt) => opt.key === billingKey) || defaultBillingDisplay;
|
|
3179
6141
|
const billingSubTitle = (currentBillingDisplay == null ? void 0 : currentBillingDisplay.subTitle) || "";
|
|
3180
6142
|
if (typeof priceValue !== "number" || isNaN(priceValue)) {
|
|
3181
|
-
return /* @__PURE__ */
|
|
3182
|
-
/* @__PURE__ */
|
|
3183
|
-
/* @__PURE__ */
|
|
6143
|
+
return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [
|
|
6144
|
+
/* @__PURE__ */ jsx59("div", { className: "flex items-end gap-2", children: /* @__PURE__ */ jsx59("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: priceValue }) }),
|
|
6145
|
+
/* @__PURE__ */ jsx59("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: /* @__PURE__ */ jsx59("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? "" : billingSubTitle }) })
|
|
3184
6146
|
] });
|
|
3185
6147
|
}
|
|
3186
6148
|
const originValue = Number(priceValue);
|
|
@@ -3194,32 +6156,32 @@ function PricePlan(_0) {
|
|
|
3194
6156
|
discountText = currentBillingDisplay.discountText.replace("{percent}", String(Math.round(Math.abs(discount) * 100)));
|
|
3195
6157
|
}
|
|
3196
6158
|
const showNaN = saleValue < 0;
|
|
3197
|
-
return /* @__PURE__ */
|
|
3198
|
-
/* @__PURE__ */
|
|
3199
|
-
/* @__PURE__ */
|
|
6159
|
+
return /* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-start w-full", "data-price-container": plan.key, children: [
|
|
6160
|
+
/* @__PURE__ */ jsxs27("div", { className: "flex items-end gap-2", children: [
|
|
6161
|
+
/* @__PURE__ */ jsxs27("span", { className: "text-4xl font-extrabold text-gray-900 dark:text-gray-100", "data-price-value": plan.key, children: [
|
|
3200
6162
|
data.currency,
|
|
3201
6163
|
showNaN ? "NaN" : hasDiscount ? formatPrice(saleValue) : formatPrice(originValue)
|
|
3202
6164
|
] }),
|
|
3203
|
-
/* @__PURE__ */
|
|
6165
|
+
/* @__PURE__ */ jsx59("span", { className: "text-lg text-gray-700 dark:text-gray-300 font-medium mb-1", "data-price-unit": plan.key, children: unit })
|
|
3204
6166
|
] }),
|
|
3205
|
-
/* @__PURE__ */
|
|
3206
|
-
hasDiscount && /* @__PURE__ */
|
|
3207
|
-
/* @__PURE__ */
|
|
6167
|
+
/* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 min-h-[24px] mt-1", children: [
|
|
6168
|
+
hasDiscount && /* @__PURE__ */ jsxs27(Fragment8, { children: [
|
|
6169
|
+
/* @__PURE__ */ jsxs27("span", { className: "text-base text-gray-400 line-through", "data-price-original": plan.key, children: [
|
|
3208
6170
|
data.currency,
|
|
3209
6171
|
showNaN ? "NaN" : formatPrice(originValue)
|
|
3210
6172
|
] }),
|
|
3211
|
-
discountText && /* @__PURE__ */
|
|
6173
|
+
discountText && /* @__PURE__ */ jsx59("span", { className: "px-2 py-0.5 text-xs rounded bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-200 font-semibold align-middle", "data-price-discount": plan.key, children: discountText })
|
|
3212
6174
|
] }),
|
|
3213
|
-
/* @__PURE__ */
|
|
6175
|
+
/* @__PURE__ */ jsx59("span", { className: cn("text-xs text-gray-700 dark:text-gray-300 font-medium", plan.showBillingSubTitle === false && "opacity-0 select-none"), "data-price-subtitle": plan.key, children: plan.showBillingSubTitle === false ? "" : billingSubTitle })
|
|
3214
6176
|
] })
|
|
3215
6177
|
] });
|
|
3216
6178
|
}
|
|
3217
|
-
return /* @__PURE__ */
|
|
3218
|
-
/* @__PURE__ */
|
|
3219
|
-
/* @__PURE__ */
|
|
3220
|
-
/* @__PURE__ */
|
|
3221
|
-
/* @__PURE__ */
|
|
3222
|
-
/* @__PURE__ */
|
|
6179
|
+
return /* @__PURE__ */ jsxs27("section", { id: "pricing", className: cn("px-4 py-10 md:px-16 md:py-16 mx-auto max-w-7xl scroll-mt-10", sectionClassName), children: [
|
|
6180
|
+
/* @__PURE__ */ jsx59("h2", { className: "text-3xl md:text-4xl font-bold text-center mb-3", children: data.title }),
|
|
6181
|
+
/* @__PURE__ */ jsx59("p", { className: "text-center text-gray-600 dark:text-gray-400 mb-8 text-base md:text-lg mx-auto", children: data.subtitle }),
|
|
6182
|
+
/* @__PURE__ */ jsxs27("div", { className: "flex flex-col items-center", children: [
|
|
6183
|
+
/* @__PURE__ */ jsx59("div", { className: "flex items-center relative mb-3", children: /* @__PURE__ */ jsxs27("div", { className: "flex bg-white dark:bg-gray-900 border border-gray-300 dark:border-gray-700 rounded-full p-1", "data-billing-switch": true, children: [
|
|
6184
|
+
/* @__PURE__ */ jsx59(
|
|
3223
6185
|
"button",
|
|
3224
6186
|
{
|
|
3225
6187
|
className: cn(
|
|
@@ -3231,7 +6193,7 @@ function PricePlan(_0) {
|
|
|
3231
6193
|
children: ((_a = data.billingSwitch.options.find((opt) => opt.key === "monthly")) == null ? void 0 : _a.name) || "Monthly"
|
|
3232
6194
|
}
|
|
3233
6195
|
),
|
|
3234
|
-
/* @__PURE__ */
|
|
6196
|
+
/* @__PURE__ */ jsx59(
|
|
3235
6197
|
"button",
|
|
3236
6198
|
{
|
|
3237
6199
|
className: cn(
|
|
@@ -3244,19 +6206,19 @@ function PricePlan(_0) {
|
|
|
3244
6206
|
}
|
|
3245
6207
|
)
|
|
3246
6208
|
] }) }),
|
|
3247
|
-
/* @__PURE__ */
|
|
6209
|
+
/* @__PURE__ */ jsx59("div", { className: "h-8 flex items-center justify-center mb-3", "data-discount-info": true, children: (() => {
|
|
3248
6210
|
const opt = data.billingSwitch.options.find((opt2) => opt2.key === data.billingSwitch.defaultKey);
|
|
3249
6211
|
const bOpt = billingOptions.find((opt2) => opt2.key === data.billingSwitch.defaultKey);
|
|
3250
6212
|
if (!(opt && bOpt && opt.discountText && bOpt.discount !== 0)) return null;
|
|
3251
|
-
return /* @__PURE__ */
|
|
6213
|
+
return /* @__PURE__ */ jsx59("span", { className: "px-2 py-1 text-xs rounded bg-yellow-100 text-yellow-800 font-semibold align-middle text-center inline-flex items-center justify-center whitespace-nowrap", children: opt.discountText.replace(
|
|
3252
6214
|
"{percent}",
|
|
3253
6215
|
String(Math.round(Math.abs(bOpt.discount) * 100))
|
|
3254
6216
|
) });
|
|
3255
6217
|
})() })
|
|
3256
6218
|
] }),
|
|
3257
|
-
/* @__PURE__ */
|
|
6219
|
+
/* @__PURE__ */ jsx59("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", children: data.plans.map((plan, _idx) => {
|
|
3258
6220
|
var _a2, _b2, _c;
|
|
3259
|
-
return /* @__PURE__ */
|
|
6221
|
+
return /* @__PURE__ */ jsxs27(
|
|
3260
6222
|
"div",
|
|
3261
6223
|
{
|
|
3262
6224
|
"data-price-plan": plan.key,
|
|
@@ -3267,29 +6229,29 @@ function PricePlan(_0) {
|
|
|
3267
6229
|
),
|
|
3268
6230
|
style: { minHeight: maxFeaturesCount * 100 },
|
|
3269
6231
|
children: [
|
|
3270
|
-
/* @__PURE__ */
|
|
3271
|
-
/* @__PURE__ */
|
|
3272
|
-
plan.titleTags && plan.titleTags.map((tag, i) => /* @__PURE__ */
|
|
6232
|
+
/* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2 mb-2", children: [
|
|
6233
|
+
/* @__PURE__ */ jsx59("span", { className: "text-xl font-bold text-gray-900 dark:text-gray-100", children: plan.title }),
|
|
6234
|
+
plan.titleTags && plan.titleTags.map((tag, i) => /* @__PURE__ */ jsx59("span", { className: "px-2 py-0.5 text-xs rounded bg-orange-100 text-orange-800 dark:bg-orange-900 dark:text-orange-200 font-semibold align-middle", children: tag }, i))
|
|
3273
6235
|
] }),
|
|
3274
6236
|
renderPrice(plan),
|
|
3275
|
-
/* @__PURE__ */
|
|
3276
|
-
feature ? /* @__PURE__ */
|
|
3277
|
-
feature && feature.tag && /* @__PURE__ */
|
|
3278
|
-
feature ? /* @__PURE__ */
|
|
6237
|
+
/* @__PURE__ */ jsx59("ul", { className: "flex-1 mb-6 mt-4", children: getFeatureRows(plan).map((feature, i) => /* @__PURE__ */ jsxs27("li", { className: "flex items-center gap-2 mb-2 min-h-[28px]", "data-feature-item": `${plan.key}-${i}`, children: [
|
|
6238
|
+
feature ? /* @__PURE__ */ jsx59("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full bg-green-100 text-green-700 dark:bg-green-900 dark:text-green-200 mr-1", children: feature.icon ? /* @__PURE__ */ jsx59("span", { children: feature.icon }) : /* @__PURE__ */ jsx59("span", { className: "font-bold", children: "\u2713" }) }) : /* @__PURE__ */ jsx59("span", { className: "inline-flex items-center justify-center w-5 h-5 rounded-full mr-1", children: "\xA0" }),
|
|
6239
|
+
feature && feature.tag && /* @__PURE__ */ jsx59("span", { className: "px-1 py-0.5 text-[6px] rounded bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200 font-semibold align-middle", children: feature.tag }),
|
|
6240
|
+
feature ? /* @__PURE__ */ jsxs27("span", { className: "relative group cursor-pointer text-sm text-gray-800 dark:text-gray-200", children: [
|
|
3279
6241
|
feature.description,
|
|
3280
|
-
feature.tooltip && /* @__PURE__ */
|
|
6242
|
+
feature.tooltip && /* @__PURE__ */ jsx59(
|
|
3281
6243
|
"span",
|
|
3282
6244
|
{
|
|
3283
6245
|
className: "ml-1 align-middle inline-flex",
|
|
3284
6246
|
"data-tooltip-trigger": `${plan.key}-${i}`,
|
|
3285
6247
|
"data-tooltip-content": feature.tooltip,
|
|
3286
|
-
children: /* @__PURE__ */
|
|
6248
|
+
children: /* @__PURE__ */ jsx59("svg", { className: "w-4 h-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx59("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M8.228 9c.549-1.165 2.03-2 3.772-2 2.21 0 4 1.343 4 3 0 1.4-1.278 2.575-3.006 2.907-.542.104-.994.54-.994 1.093m0 3h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" }) })
|
|
3287
6249
|
}
|
|
3288
6250
|
)
|
|
3289
|
-
] }) : /* @__PURE__ */
|
|
6251
|
+
] }) : /* @__PURE__ */ jsx59("span", { children: "\xA0" })
|
|
3290
6252
|
] }, i)) }),
|
|
3291
|
-
/* @__PURE__ */
|
|
3292
|
-
/* @__PURE__ */
|
|
6253
|
+
/* @__PURE__ */ jsx59("div", { className: "flex-1" }),
|
|
6254
|
+
/* @__PURE__ */ jsx59(
|
|
3293
6255
|
"button",
|
|
3294
6256
|
{
|
|
3295
6257
|
className: cn(
|
|
@@ -3307,7 +6269,7 @@ function PricePlan(_0) {
|
|
|
3307
6269
|
plan.key
|
|
3308
6270
|
);
|
|
3309
6271
|
}) }),
|
|
3310
|
-
/* @__PURE__ */
|
|
6272
|
+
/* @__PURE__ */ jsx59(PricePlanInteractive, { data })
|
|
3311
6273
|
] });
|
|
3312
6274
|
});
|
|
3313
6275
|
}
|