@openorgus/react 0.2.6 → 0.2.7
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.
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
}
|
|
19
19
|
})();
|
|
20
20
|
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var Fe = (e, r, t) =>
|
|
21
|
+
var Bo = Object.defineProperty;
|
|
22
|
+
var Do = (e, r, t) => r in e ? Bo(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
|
|
23
|
+
var Fe = (e, r, t) => Do(e, typeof r != "symbol" ? r + "" : r, t);
|
|
24
24
|
import { jsxs as l, jsx as a, Fragment as Le } from "react/jsx-runtime";
|
|
25
|
-
import { Loader2 as De, MousePointer2 as $a, XCircle as Wo, AlertTriangle as Uo, CheckCircle as Fo, Info as ys, Bell as xs, Mail as Va, Home as vs, ChevronRight as at, User as Yr, X as Xe, ChevronDown as ar, Minus as Vt, Check as nt, Calendar as Vo, ChevronLeft as kt, Plus as mt, PenTool as Ho, Eraser as ws, ArrowUp as Ha, Delete as ks, Smile as nr, AlertCircle as Yo, UploadCloud as Go, File as Ns, CheckCircle2 as qo, Menu as $s, Search as Yt, MoreVertical as Cs, Heart as Ko, MapPin as Ss, Settings as Ya, LogOut as Xo, Copy as xt, Save as Jo, Printer as Ts, Share2 as _r, AreaChart as Qo, TrendingUp as Zo, LineChart as ei, BarChart3 as ti, PieChart as ri, Star as ai, Filter as Es, Trash2 as sr, ArrowDown as ni, ArrowUpDown as si, MoreHorizontal as oi, ChevronsLeft as ii, ChevronsRight as li, FolderOpen as ci, Folder as di, Image as Ms, Film as As, ShoppingBag as ui, ArrowRight as zs, ShieldCheck as hi, Edit as mi, Bold as Is, Italic as Rs, Underline as pi, Inbox as gi, Camera as fi, Zap as Qt, ZapOff as bi, SwitchCamera as yi, Layers as xi, Navigation as vi, Bot as wi, Send as ki, Terminal as Ni, Sparkles as Et, Code2 as $i, Maximize2 as Ci, Download as Gr, RotateCcw as Si, Wand2 as Ti, AlignLeft as Ei, Video as Mi, Play as Pr, Globe as tr, MicOff as Ai, StopCircle as zi, Mic as Os, Pencil as Ii, Undo as Ri, Redo as Oi, Wifi as ji, Smartphone as js, MonitorSmartphone as _i, SlidersHorizontal as Ga, Grid3X3 as _s, List as Ps, ExternalLink as Pi, Pause as Li, VolumeX as Di, Volume2 as Bi, Maximize as Wi, Tv as Ui, Monitor as mn, Tablet as Fi, Tag as Vi, Circle as pn, Ghost as Hi, Droplet as Yi, Snowflake as Gi, Clock as qi, Target as Ki, Gamepad2 as Xi } from "lucide-react";
|
|
26
25
|
import * as Q from "react";
|
|
27
|
-
import Wt, {
|
|
26
|
+
import Wt, { useEffect as Ee, useState as B, useRef as Pe, forwardRef as Wo, useContext as Uo, isValidElement as Er, cloneElement as Mr, Children as Fo, useMemo as yt, Component as Vo, useId as Ho, useLayoutEffect as Yo, startTransition as Go } from "react";
|
|
27
|
+
import { Loader2 as Be, MousePointer2 as $a, XCircle as qo, AlertTriangle as Ko, CheckCircle as Xo, Info as ys, Bell as xs, Mail as Va, Home as vs, ChevronRight as at, User as Yr, X as Xe, ChevronDown as ar, Minus as Vt, Check as nt, Calendar as Jo, ChevronLeft as kt, Plus as mt, PenTool as Qo, Eraser as ws, ArrowUp as Ha, Delete as ks, Smile as nr, AlertCircle as Zo, UploadCloud as ei, File as Ns, CheckCircle2 as ti, Menu as $s, Search as Yt, MoreVertical as Cs, Heart as ri, MapPin as Ss, Settings as Ya, LogOut as ai, Copy as xt, Save as ni, Printer as Ts, Share2 as _r, AreaChart as si, TrendingUp as oi, LineChart as ii, BarChart3 as li, PieChart as ci, Star as di, Filter as Es, Trash2 as sr, ArrowDown as ui, ArrowUpDown as hi, MoreHorizontal as mi, ChevronsLeft as pi, ChevronsRight as gi, FolderOpen as fi, Folder as bi, Image as Ms, Film as As, ShoppingBag as yi, ArrowRight as zs, ShieldCheck as xi, Edit as vi, Bold as Is, Italic as Rs, Underline as wi, Inbox as ki, Camera as Ni, Zap as Qt, ZapOff as $i, SwitchCamera as Ci, Layers as Si, Navigation as Ti, Bot as Ei, Send as Mi, Terminal as Ai, Sparkles as Et, Code2 as zi, Maximize2 as Ii, Download as Gr, RotateCcw as Ri, Wand2 as Oi, AlignLeft as ji, Video as _i, Play as Pr, Globe as tr, MicOff as Pi, StopCircle as Li, Mic as Os, Pencil as Bi, Undo as Di, Redo as Wi, Wifi as Ui, Smartphone as js, MonitorSmartphone as Fi, SlidersHorizontal as Ga, Grid3X3 as _s, List as Ps, ExternalLink as Vi, Pause as Hi, VolumeX as Yi, Volume2 as Gi, Maximize as qi, Tv as Ki, Monitor as mn, Tablet as Xi, Tag as Ji, Circle as pn, Ghost as Qi, Droplet as Zi, Snowflake as el, Clock as tl, Target as rl, Gamepad2 as al } from "lucide-react";
|
|
28
28
|
import { ResponsiveContainer as qt, AreaChart as gn, CartesianGrid as xr, XAxis as vr, YAxis as wr, Tooltip as Kt, Area as kr, Line as Nr, ReferenceLine as nl, LineChart as sl, BarChart as ol, Bar as fn, PieChart as il, Pie as ll, Cell as cl } from "recharts";
|
|
29
29
|
import { config as dl, library as Ls } from "@fortawesome/fontawesome-svg-core";
|
|
30
30
|
import { fas as or } from "@fortawesome/free-solid-svg-icons";
|
|
@@ -146,14 +146,21 @@ const Nl = {
|
|
|
146
146
|
transition: "all 0.2s",
|
|
147
147
|
userSelect: "none"
|
|
148
148
|
};
|
|
149
|
+
Ee(() => {
|
|
150
|
+
if (typeof document > "u" || document.getElementById("openorgus-button-spinner-style")) return;
|
|
151
|
+
const y = document.createElement("style");
|
|
152
|
+
y.id = "openorgus-button-spinner-style", y.textContent = "@keyframes openorgus-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .openorgus-spin { animation: openorgus-spin 1s linear infinite; display: inline-block; }", document.head.appendChild(y);
|
|
153
|
+
}, []);
|
|
154
|
+
const u = o.iconSize ?? 16, x = b.color || o.primaryColor || void 0;
|
|
149
155
|
return /* @__PURE__ */ l(
|
|
150
156
|
"button",
|
|
151
157
|
{
|
|
152
158
|
style: b,
|
|
153
159
|
disabled: m || h,
|
|
154
160
|
className: "",
|
|
161
|
+
"aria-disabled": m || h,
|
|
155
162
|
children: [
|
|
156
|
-
h ? /* @__PURE__ */ a(
|
|
163
|
+
h ? /* @__PURE__ */ a(Be, { className: "openorgus-spin", style: { color: x }, size: u }) : /* @__PURE__ */ a($a, { style: { color: x }, size: u }),
|
|
157
164
|
f || "Button"
|
|
158
165
|
]
|
|
159
166
|
}
|
|
@@ -280,7 +287,7 @@ const ae = (e = {}) => {
|
|
|
280
287
|
const s = (r == null ? void 0 : r.variant) || "primary", o = r == null ? void 0 : r.isHovered, p = r == null ? void 0 : r.isFocused, d = r == null ? void 0 : r.isActive, i = r == null ? void 0 : r.isTouched, c = r == null ? void 0 : r.isError, m = r == null ? void 0 : r.isDisabled, h = (t == null ? void 0 : t.primaryColor) || "blue";
|
|
281
288
|
let g = "";
|
|
282
289
|
return o && (g += " brightness-95 transform -translate-y-0.5 shadow-md "), p && (g += ` ring-2 ring-offset-2 ring-${h}-500 dark:ring-${h}-400 z-10 `), d && (g += " transform scale-95 brightness-90 shadow-inner "), i && (g += " opacity-70 "), m && (g += " opacity-50 cursor-not-allowed grayscale pointer-events-none "), s === "primary" ? ((n === "button" || n === "surface") && (g += ` bg-${h}-600 text-white border border-transparent shadow-sm`, e === "MUI" && (g += " shadow-md hover:shadow-lg uppercase tracking-wider font-medium"), e === "Apple" && (g += " shadow-sm bg-gradient-to-b from-blue-500 to-blue-600 border-blue-400")), n === "input" && (g += ` bg-gray-100 dark:bg-gray-800 border-b-2 border-${h}-600 rounded-t-md px-4 py-2`)) : s === "secondary" ? n === "button" && (g += ` bg-white dark:bg-gray-800 text-${h}-700 dark:text-${h}-300 border border-gray-200 dark:border-gray-700`, e === "MUI" && (g += ` border-2 border-${h}-600 text-${h}-600 font-medium uppercase`)) : s === "tertiary" ? g += " text-gray-600 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-800" : s === "outline" ? g += ` bg-transparent border-2 border-${h}-500 text-${h}-600 dark:text-${h}-400` : s === "ghost" ? g += ` bg-transparent text-${h}-600 dark:text-${h}-400 hover:bg-${h}-50 dark:hover:bg-${h}-900/20` : s === "soft" ? g += ` bg-${h}-100 dark:bg-${h}-900/40 text-${h}-800 dark:text-${h}-200 border border-${h}-200 dark:border-${h}-800` : s === "link" ? g += ` bg-transparent text-${h}-600 dark:text-${h}-400 underline underline-offset-4 hover:text-${h}-800 p-0 shadow-none border-none h-auto` : s === "danger" ? g += ` bg-${h}-700 text-white hover:bg-${h}-800 border border-${h}-700` : s === "success" ? g += ` bg-${h}-600 text-white hover:bg-${h}-700 border border-${h}-600` : s === "warning" && (g += ` bg-${h}-500 text-white hover:bg-${h}-600 border border-${h}-500`), c && (n === "input" ? g += ` border-${h}-600 focus:ring-${h}-500 text-${h}-900 dark:text-${h}-100` : g += ` ring-2 ring-${h}-500 ring-offset-1`), g;
|
|
283
|
-
},
|
|
290
|
+
}, Bs = (e = {}, r = {}) => {
|
|
284
291
|
const t = (r == null ? void 0 : r.baseRadius) ?? 4;
|
|
285
292
|
return e != null && e.borderRadius && e.borderRadius !== t ? `${e.borderRadius}px` : `${t}px`;
|
|
286
293
|
}, J = (e = {}, r = {}) => ({
|
|
@@ -297,7 +304,7 @@ const ae = (e = {}) => {
|
|
|
297
304
|
borderBottomWidth: e != null && e.borderBottomWidth ? `${e.borderBottomWidth}px` : void 0,
|
|
298
305
|
borderLeftWidth: e != null && e.borderLeftWidth ? `${e.borderLeftWidth}px` : void 0,
|
|
299
306
|
borderColor: (e == null ? void 0 : e.borderColor) !== "transparent" ? e == null ? void 0 : e.borderColor : void 0,
|
|
300
|
-
borderRadius:
|
|
307
|
+
borderRadius: Bs(e, r),
|
|
301
308
|
opacity: (e == null ? void 0 : e.opacity) !== void 0 ? e.opacity / 100 : void 0,
|
|
302
309
|
boxShadow: (e == null ? void 0 : e.boxShadow) !== "none" ? e == null ? void 0 : e.boxShadow : void 0,
|
|
303
310
|
animation: (e == null ? void 0 : e.animation) !== "none" ? e == null ? void 0 : e.animation : void 0,
|
|
@@ -330,9 +337,9 @@ const ae = (e = {}) => {
|
|
|
330
337
|
${o || ""}
|
|
331
338
|
`,
|
|
332
339
|
children: [
|
|
333
|
-
c === "danger" && /* @__PURE__ */ a(
|
|
334
|
-
c === "warning" && /* @__PURE__ */ a(
|
|
335
|
-
c === "success" && /* @__PURE__ */ a(
|
|
340
|
+
c === "danger" && /* @__PURE__ */ a(qo, { size: 20 }),
|
|
341
|
+
c === "warning" && /* @__PURE__ */ a(Ko, { size: 20 }),
|
|
342
|
+
c === "success" && /* @__PURE__ */ a(Xo, { size: 20 }),
|
|
336
343
|
(c === "info" || c === "soft" || c === "primary") && /* @__PURE__ */ a(ys, { size: 20 }),
|
|
337
344
|
/* @__PURE__ */ l("div", { className: "flex-1", children: [
|
|
338
345
|
/* @__PURE__ */ a("h4", { className: "text-sm font-bold capitalize", children: c === "soft" ? "Information" : c }),
|
|
@@ -521,7 +528,7 @@ const ae = (e = {}) => {
|
|
|
521
528
|
style: p,
|
|
522
529
|
...d
|
|
523
530
|
}) => {
|
|
524
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
531
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(!0);
|
|
525
532
|
if (!m) return null;
|
|
526
533
|
const g = It(e, r, t, "button");
|
|
527
534
|
return /* @__PURE__ */ a("div", { className: "flex gap-2 items-center", children: /* @__PURE__ */ l(
|
|
@@ -874,7 +881,7 @@ ${i.isHovered ? "underline" : ""}
|
|
|
874
881
|
style: p,
|
|
875
882
|
...d
|
|
876
883
|
}) => {
|
|
877
|
-
const i = { ...ke || {}, ...r || {} }, [c, m] =
|
|
884
|
+
const i = { ...ke || {}, ...r || {} }, [c, m] = B(!1), h = J(n, t), g = e === "MUI", f = e === "Apple", b = e === "Custom";
|
|
878
885
|
return /* @__PURE__ */ l("div", { className: "relative inline-block", style: h, children: [
|
|
879
886
|
/* @__PURE__ */ a(
|
|
880
887
|
"button",
|
|
@@ -948,8 +955,8 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
948
955
|
style: p,
|
|
949
956
|
...d
|
|
950
957
|
}) => {
|
|
951
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
952
|
-
return
|
|
958
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(i.isChecked);
|
|
959
|
+
return Ee(() => h(i.isChecked), [i.isChecked]), /* @__PURE__ */ l("label", { className: `flex items-center gap-3 cursor-pointer ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}`, children: [
|
|
953
960
|
/* @__PURE__ */ a(
|
|
954
961
|
"div",
|
|
955
962
|
{
|
|
@@ -962,7 +969,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
962
969
|
${m || i.isIndeterminate ? e === "Apple" ? `${A(t, "bg", 500)} ${A(t, "border", 500)}` : `${ee(t, "bg")} border-transparent` : `bg-transparent border-2 ${i.isError ? A(t, "border", 600) : "border-gray-400 dark:border-gray-600"}`}
|
|
963
970
|
${e === "MUI" && !m ? "hover:bg-gray-100 rounded-full p-2 -m-2" : ""}
|
|
964
971
|
`,
|
|
965
|
-
children: i.isLoading ? /* @__PURE__ */ a(
|
|
972
|
+
children: i.isLoading ? /* @__PURE__ */ a(Be, { size: 12, className: "animate-spin text-current" }) : i.isIndeterminate ? /* @__PURE__ */ a(Vt, { size: 14, className: "text-white", strokeWidth: 3 }) : m && /* @__PURE__ */ a(nt, { size: 14, className: "text-white", strokeWidth: 3 })
|
|
966
973
|
}
|
|
967
974
|
),
|
|
968
975
|
/* @__PURE__ */ a("span", { className: `text-gray-700 dark:text-gray-200 ${i.size === "SM" ? "text-xs" : i.size === "LG" ? "text-lg" : "text-sm"}`, children: i.text || "Accept terms and conditions" })
|
|
@@ -978,7 +985,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
978
985
|
...d
|
|
979
986
|
}) => {
|
|
980
987
|
({ ...r });
|
|
981
|
-
const i = J(n, t), [c, m] =
|
|
988
|
+
const i = J(n, t), [c, m] = B(200), [h, g] = B("#3b82f6");
|
|
982
989
|
return /* @__PURE__ */ l("div", { style: i, className: "flex flex-col gap-4", children: [
|
|
983
990
|
/* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
|
|
984
991
|
/* @__PURE__ */ a("div", { className: "w-10 h-10 rounded-md shadow-sm border border-gray-200", style: { backgroundColor: h } }),
|
|
@@ -1016,7 +1023,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1016
1023
|
min: "0",
|
|
1017
1024
|
max: "360",
|
|
1018
1025
|
value: c,
|
|
1019
|
-
onChange: (
|
|
1026
|
+
onChange: (x) => m(Number(x.target.value)),
|
|
1020
1027
|
className: "absolute inset-0 w-full opacity-0 cursor-pointer"
|
|
1021
1028
|
}
|
|
1022
1029
|
),
|
|
@@ -1048,7 +1055,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1048
1055
|
style: p,
|
|
1049
1056
|
...d
|
|
1050
1057
|
}) => {
|
|
1051
|
-
const i = { ...ke || {}, ...r || {} }, [c, m] =
|
|
1058
|
+
const i = { ...ke || {}, ...r || {} }, [c, m] = B(!1), [h, g] = B(15), f = J(n, t), b = () => m(!c), u = Array.from({ length: 30 }, (w, C) => C + 1), x = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], y = e === "MUI", N = e === "Apple", S = e === "Custom", k = ee(t, "bg");
|
|
1052
1059
|
return ee(t, "text"), /* @__PURE__ */ l("div", { className: "relative w-full max-w-xs overflow-visible", style: f, children: [
|
|
1053
1060
|
/* @__PURE__ */ l(
|
|
1054
1061
|
"div",
|
|
@@ -1064,7 +1071,7 @@ ${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
|
|
|
1064
1071
|
`,
|
|
1065
1072
|
children: [
|
|
1066
1073
|
/* @__PURE__ */ a("span", { className: `${h ? "text-gray-900 dark:text-white" : "text-gray-500"}`, children: h ? `Oct ${h}, 2023` : "MM/DD/YYYY" }),
|
|
1067
|
-
/* @__PURE__ */ a(
|
|
1074
|
+
/* @__PURE__ */ a(Jo, { size: 18, className: `${y ? "text-gray-500" : N ? "text-blue-500" : "text-gray-400"}` })
|
|
1068
1075
|
]
|
|
1069
1076
|
}
|
|
1070
1077
|
),
|
|
@@ -1094,7 +1101,7 @@ ${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
|
|
|
1094
1101
|
/* @__PURE__ */ a("button", { className: "p-1 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-full", children: /* @__PURE__ */ a(at, { size: 16 }) })
|
|
1095
1102
|
] })
|
|
1096
1103
|
] }),
|
|
1097
|
-
/* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-1 mb-2 text-center", children:
|
|
1104
|
+
/* @__PURE__ */ a("div", { className: "grid grid-cols-7 gap-1 mb-2 text-center", children: x.map((w) => /* @__PURE__ */ a("span", { className: "text-[10px] font-medium text-gray-500 uppercase", children: w }, w)) }),
|
|
1098
1105
|
/* @__PURE__ */ l("div", { className: "grid grid-cols-7 gap-1", children: [
|
|
1099
1106
|
/* @__PURE__ */ a("div", {}),
|
|
1100
1107
|
" ",
|
|
@@ -1133,31 +1140,31 @@ ${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
|
|
|
1133
1140
|
style: p,
|
|
1134
1141
|
...d
|
|
1135
1142
|
}) => {
|
|
1136
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
1143
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(0), g = 0, f = 100, b = () => {
|
|
1137
1144
|
m < f && h((y) => y + 1);
|
|
1138
1145
|
}, u = () => {
|
|
1139
1146
|
m > g && h((y) => y - 1);
|
|
1140
|
-
},
|
|
1147
|
+
}, x = i.variant === "secondary";
|
|
1141
1148
|
return /* @__PURE__ */ l(
|
|
1142
1149
|
"div",
|
|
1143
1150
|
{
|
|
1144
1151
|
style: c,
|
|
1145
1152
|
className: `
|
|
1146
1153
|
flex items-center transition-all
|
|
1147
|
-
${e === "Apple" ?
|
|
1154
|
+
${e === "Apple" ? x ? "gap-0 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-0.5" : "gap-4" : ""}
|
|
1148
1155
|
${e === "MUI" ? "relative" : ""}
|
|
1149
1156
|
${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
|
|
1150
1157
|
`,
|
|
1151
1158
|
children: [
|
|
1152
|
-
e === "Apple" && !
|
|
1159
|
+
e === "Apple" && !x && /* @__PURE__ */ a("button", { onClick: u, className: `w-8 h-8 rounded-full bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700 flex items-center justify-center ${A(t, "text", 600)} active:scale-95 transition-transform`, children: /* @__PURE__ */ a(Vt, { size: 16 }) }),
|
|
1153
1160
|
/* @__PURE__ */ l("div", { className: `
|
|
1154
1161
|
flex items-center
|
|
1155
1162
|
${e === "MUI" ? `border border-gray-300 dark:border-gray-600 hover:border-black dark:hover:border-white rounded px-2 bg-white dark:bg-gray-900 focus-within:ring-2 focus-within:${A(t, "ring", 500)} focus-within:${A(t, "border", 500)}` : ""}
|
|
1156
1163
|
${e === "Custom" ? `bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 ${ae(t)} overflow-hidden` : ""}
|
|
1157
1164
|
`, children: [
|
|
1158
|
-
(e === "MUI" || e === "Custom" || e === "Apple" &&
|
|
1165
|
+
(e === "MUI" || e === "Custom" || e === "Apple" && x) && /* @__PURE__ */ a("button", { onClick: u, className: `p-2 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors ${e === "Apple" && x ? "border-r border-gray-200 dark:border-gray-700 px-3" : ""} ${e === "Custom" ? "hover:bg-gray-50 dark:hover:bg-gray-700" : ""}`, children: /* @__PURE__ */ a(Vt, { size: 14 }) }),
|
|
1159
1166
|
/* @__PURE__ */ l("div", { className: "relative", children: [
|
|
1160
|
-
i.isLoading && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10", children: /* @__PURE__ */ a(
|
|
1167
|
+
i.isLoading && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-900/80 z-10", children: /* @__PURE__ */ a(Be, { size: 14, className: `animate-spin ${A(t, "text", 600)}` }) }),
|
|
1161
1168
|
/* @__PURE__ */ a(
|
|
1162
1169
|
"input",
|
|
1163
1170
|
{
|
|
@@ -1166,14 +1173,14 @@ ${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
|
|
|
1166
1173
|
readOnly: !0,
|
|
1167
1174
|
className: `
|
|
1168
1175
|
w-12 text-center bg-transparent border-none focus:ring-0 p-2 font-mono text-sm
|
|
1169
|
-
${e === "Apple" && !
|
|
1176
|
+
${e === "Apple" && !x ? "bg-gray-100 dark:bg-gray-800 rounded-md mx-2" : ""}
|
|
1170
1177
|
`
|
|
1171
1178
|
}
|
|
1172
1179
|
)
|
|
1173
1180
|
] }),
|
|
1174
|
-
(e === "MUI" || e === "Custom" || e === "Apple" &&
|
|
1181
|
+
(e === "MUI" || e === "Custom" || e === "Apple" && x) && /* @__PURE__ */ a("button", { onClick: b, className: `p-2 text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white transition-colors ${e === "Apple" && x ? "border-l border-gray-200 dark:border-gray-700 px-3" : ""} ${e === "Custom" ? "hover:bg-gray-50 dark:hover:bg-gray-700" : ""}`, children: /* @__PURE__ */ a(mt, { size: 14 }) })
|
|
1175
1182
|
] }),
|
|
1176
|
-
e === "Apple" && !
|
|
1183
|
+
e === "Apple" && !x && /* @__PURE__ */ a("button", { onClick: b, className: `w-8 h-8 rounded-full bg-white dark:bg-gray-800 shadow-sm border border-gray-200 dark:border-gray-700 flex items-center justify-center ${A(t, "text", 600)} active:scale-95 transition-transform`, children: /* @__PURE__ */ a(mt, { size: 16 }) })
|
|
1177
1184
|
]
|
|
1178
1185
|
}
|
|
1179
1186
|
);
|
|
@@ -1260,7 +1267,7 @@ ${i.isDisabled ? "opacity-50 pointer-events-none" : ""}
|
|
|
1260
1267
|
${s.isChecked ? $r(o, "border", 600) : "border-gray-400 dark:border-gray-600"}
|
|
1261
1268
|
${s.isError ? $r(o, "border", 600) : ""}
|
|
1262
1269
|
`,
|
|
1263
|
-
children: s.isLoading ? /* @__PURE__ */ a(
|
|
1270
|
+
children: s.isLoading ? /* @__PURE__ */ a(Be, { size: 10, className: `animate-spin ${$r(o, "text", 600)}` }) : s.isChecked && /* @__PURE__ */ a("div", { className: `rounded-full ${$r(o, "bg", 600)} ${s.size === "SM" ? "w-2 h-2" : s.size === "LG" ? "w-3 h-3" : "w-2.5 h-2.5"}` })
|
|
1264
1271
|
}
|
|
1265
1272
|
),
|
|
1266
1273
|
/* @__PURE__ */ a("span", { className: "text-gray-700 dark:text-gray-200 font-medium", children: s.text })
|
|
@@ -1290,7 +1297,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1290
1297
|
`,
|
|
1291
1298
|
children: [
|
|
1292
1299
|
/* @__PURE__ */ a("span", { className: "text-gray-900 dark:text-white text-sm", children: "Selected Value" }),
|
|
1293
|
-
i.isLoading ? /* @__PURE__ */ a(
|
|
1300
|
+
i.isLoading ? /* @__PURE__ */ a(Be, { size: 16, className: "animate-spin text-gray-500" }) : /* @__PURE__ */ a(ar, { size: 16, className: "text-gray-500" })
|
|
1294
1301
|
]
|
|
1295
1302
|
}
|
|
1296
1303
|
)
|
|
@@ -1306,7 +1313,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1306
1313
|
...d
|
|
1307
1314
|
}) => {
|
|
1308
1315
|
({ ...r });
|
|
1309
|
-
const i = J(n, t), [c, m] =
|
|
1316
|
+
const i = J(n, t), [c, m] = B(!1);
|
|
1310
1317
|
return /* @__PURE__ */ l("div", { style: i, className: "w-full h-full flex flex-col", children: [
|
|
1311
1318
|
/* @__PURE__ */ a("label", { className: "text-sm font-medium mb-2 block text-gray-700 dark:text-gray-300 flex-shrink-0", children: "Signature" }),
|
|
1312
1319
|
/* @__PURE__ */ l("div", { className: `
|
|
@@ -1333,13 +1340,13 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1333
1340
|
onClick: () => m(!c),
|
|
1334
1341
|
className: "p-2 bg-gray-100 dark:bg-gray-800 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-600 dark:text-gray-300",
|
|
1335
1342
|
title: c ? "Sign" : "Clear",
|
|
1336
|
-
children: c ? /* @__PURE__ */ a(
|
|
1343
|
+
children: c ? /* @__PURE__ */ a(Qo, { size: 16 }) : /* @__PURE__ */ a(ws, { size: 16 })
|
|
1337
1344
|
}
|
|
1338
1345
|
) })
|
|
1339
1346
|
] }),
|
|
1340
1347
|
/* @__PURE__ */ a("p", { className: "text-xs text-gray-500 mt-2 flex-shrink-0", children: "Draw your signature above" })
|
|
1341
1348
|
] });
|
|
1342
|
-
},
|
|
1349
|
+
}, Bm = ({
|
|
1343
1350
|
designSystem: e = "Custom",
|
|
1344
1351
|
componentProps: r = {},
|
|
1345
1352
|
globalConfig: t = Y,
|
|
@@ -1349,15 +1356,15 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1349
1356
|
style: p,
|
|
1350
1357
|
...d
|
|
1351
1358
|
}) => {
|
|
1352
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
1359
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(50), g = Pe(null), [f, b] = B(!1), u = (y) => {
|
|
1353
1360
|
if (i.isDisabled || !g.current) return;
|
|
1354
1361
|
const N = g.current.getBoundingClientRect();
|
|
1355
1362
|
let k = (y.clientX - N.left) / N.width * 100;
|
|
1356
1363
|
k = Math.max(0, Math.min(100, k)), h(k);
|
|
1357
|
-
},
|
|
1364
|
+
}, x = (y) => {
|
|
1358
1365
|
i.isDisabled || (b(!0), u(y));
|
|
1359
1366
|
};
|
|
1360
|
-
return
|
|
1367
|
+
return Ee(() => {
|
|
1361
1368
|
const y = (S) => {
|
|
1362
1369
|
f && u(S);
|
|
1363
1370
|
}, N = () => b(!1);
|
|
@@ -1372,7 +1379,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1372
1379
|
ref: g,
|
|
1373
1380
|
className: "flex-1 h-1.5 bg-gray-200 dark:bg-gray-700 rounded-full relative cursor-pointer group",
|
|
1374
1381
|
style: c,
|
|
1375
|
-
onMouseDown:
|
|
1382
|
+
onMouseDown: x,
|
|
1376
1383
|
children: [
|
|
1377
1384
|
/* @__PURE__ */ a(
|
|
1378
1385
|
"div",
|
|
@@ -1397,7 +1404,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1397
1404
|
),
|
|
1398
1405
|
/* @__PURE__ */ a("button", { onClick: () => h(Math.min(100, m + 10)), className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-200", children: /* @__PURE__ */ a(mt, { size: 16 }) })
|
|
1399
1406
|
] });
|
|
1400
|
-
},
|
|
1407
|
+
}, Dm = ({
|
|
1401
1408
|
designSystem: e = "Custom",
|
|
1402
1409
|
componentProps: r = {},
|
|
1403
1410
|
globalConfig: t = Y,
|
|
@@ -1407,10 +1414,10 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1407
1414
|
style: p,
|
|
1408
1415
|
...d
|
|
1409
1416
|
}) => {
|
|
1410
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
1417
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(
|
|
1411
1418
|
i.isChecked
|
|
1412
1419
|
);
|
|
1413
|
-
|
|
1420
|
+
Ee(
|
|
1414
1421
|
() => h(i.isChecked),
|
|
1415
1422
|
[i.isChecked]
|
|
1416
1423
|
);
|
|
@@ -1448,7 +1455,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1448
1455
|
${e === "Apple" ? "rounded-full shadow-lg" : ""}
|
|
1449
1456
|
${e === "Custom" ? "rounded-md" : ""}
|
|
1450
1457
|
`,
|
|
1451
|
-
children: i.isLoading ? /* @__PURE__ */ a(
|
|
1458
|
+
children: i.isLoading ? /* @__PURE__ */ a(Be, { className: "w-3 h-3 animate-spin text-gray-400" }) : g ? /* @__PURE__ */ a(
|
|
1452
1459
|
nt,
|
|
1453
1460
|
{
|
|
1454
1461
|
className: "w-3 h-3 text-blue-600"
|
|
@@ -1472,7 +1479,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1472
1479
|
style: p,
|
|
1473
1480
|
...d
|
|
1474
1481
|
}) => {
|
|
1475
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
1482
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(""), [g, f] = B(!1), [b, u] = B("letters"), [x, y] = B("ios"), [N, S] = B("english"), [k, w] = B(!1), C = Pe(null), T = e === "MUI", W = e === "Apple", I = e === "Custom", z = [
|
|
1476
1483
|
["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
|
|
1477
1484
|
["a", "s", "d", "f", "g", "h", "j", "k", "l"],
|
|
1478
1485
|
["shift", "z", "x", "c", "v", "b", "n", "m", "backspace"]
|
|
@@ -1480,7 +1487,7 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1480
1487
|
["ق", "و", "ع", "ر", "ت", "ے", "ٹ", "پ", "ا", "ل"],
|
|
1481
1488
|
["ذ", "د", "ڈ", "گ", "ھ", "ج", "ح", "ک", "خ"],
|
|
1482
1489
|
["shift", "ط", "ظ", "ز", "ر", "ب", "ن", "م", "backspace"]
|
|
1483
|
-
],
|
|
1490
|
+
], v = [
|
|
1484
1491
|
["ض", "ص", "ث", "ق", "ف", "غ", "ع", "ه", "خ", "ح"],
|
|
1485
1492
|
["ش", "س", "ي", "ب", "ل", "ا", "ت", "ن", "م"],
|
|
1486
1493
|
["shift", "ك", "ط", "ئ", "ء", "ؤ", "ر", "لا", "backspace"]
|
|
@@ -1501,11 +1508,11 @@ ${i.isError ? A(t, "border", 600) : "border-gray-300 dark:border-gray-700"}
|
|
|
1501
1508
|
case "urdu":
|
|
1502
1509
|
return j;
|
|
1503
1510
|
case "arabic":
|
|
1504
|
-
return
|
|
1511
|
+
return v;
|
|
1505
1512
|
default:
|
|
1506
1513
|
return z;
|
|
1507
1514
|
}
|
|
1508
|
-
})(), V = W ? "ios" :
|
|
1515
|
+
})(), V = W ? "ios" : x, te = (L) => {
|
|
1509
1516
|
const M = V === "ios" ? "bg-white dark:bg-gray-700 shadow-sm" : "bg-gray-100 dark:bg-gray-700 shadow-md", P = V === "ios" ? "bg-gray-300 dark:bg-gray-600" : "bg-gray-200 dark:bg-gray-600";
|
|
1510
1517
|
return ["shift", "backspace", "123", "#+="].includes(L) ? P : L === "return" || L === "Go" ? "bg-blue-500 dark:bg-blue-600 text-white" : M;
|
|
1511
1518
|
}, Z = (L) => {
|
|
@@ -1598,7 +1605,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1598
1605
|
"button",
|
|
1599
1606
|
{
|
|
1600
1607
|
onClick: () => y("ios"),
|
|
1601
|
-
className: `px-2 py-1 text-xs rounded ${
|
|
1608
|
+
className: `px-2 py-1 text-xs rounded ${x === "ios" ? "bg-blue-500 text-white" : "bg-gray-200 dark:bg-gray-700"}`,
|
|
1602
1609
|
children: "iOS"
|
|
1603
1610
|
}
|
|
1604
1611
|
),
|
|
@@ -1606,7 +1613,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1606
1613
|
"button",
|
|
1607
1614
|
{
|
|
1608
1615
|
onClick: () => y("android"),
|
|
1609
|
-
className: `px-2 py-1 text-xs rounded ${
|
|
1616
|
+
className: `px-2 py-1 text-xs rounded ${x === "android" ? "bg-blue-500 text-white" : "bg-gray-200 dark:bg-gray-700"}`,
|
|
1610
1617
|
children: "Android"
|
|
1611
1618
|
}
|
|
1612
1619
|
)
|
|
@@ -1718,15 +1725,15 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1718
1725
|
style: p,
|
|
1719
1726
|
...d
|
|
1720
1727
|
}) => {
|
|
1721
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
1728
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(""), [g, f] = B(!1), b = g || i.isFocused;
|
|
1722
1729
|
let u = i.variant;
|
|
1723
1730
|
u === "primary" && (u = "soft"), u === "secondary" && (u = "outline");
|
|
1724
|
-
const
|
|
1731
|
+
const x = It(
|
|
1725
1732
|
e,
|
|
1726
1733
|
{ ...r, variant: u, isFocused: b },
|
|
1727
1734
|
t,
|
|
1728
1735
|
"input"
|
|
1729
|
-
), y = i.variant === "ghost" ? { borderRadius: "0px" } : { borderRadius:
|
|
1736
|
+
), y = i.variant === "ghost" ? { borderRadius: "0px" } : { borderRadius: Bs(n, t) };
|
|
1730
1737
|
return /* @__PURE__ */ l("div", { style: c, className: "relative group w-full max-w-sm", children: [
|
|
1731
1738
|
/* @__PURE__ */ a("label", { className: `block text-sm font-medium mb-1.5 ml-1 ${i.isError ? A(t, "text", 600) : "text-gray-700 dark:text-gray-300"}`, children: i.text || "Email Address" }),
|
|
1732
1739
|
/* @__PURE__ */ l("div", { className: "relative", children: [
|
|
@@ -1743,13 +1750,13 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1743
1750
|
style: y,
|
|
1744
1751
|
className: `
|
|
1745
1752
|
w-full px-4 py-3 transition-all outline-none
|
|
1746
|
-
${
|
|
1753
|
+
${x}
|
|
1747
1754
|
${i.variant === "secondary" || i.variant === "outline" ? "bg-transparent border-2" : ""}
|
|
1748
1755
|
${i.variant === "ghost" ? "bg-transparent border-x-0 border-t-0 border-b-2 px-0" : ""}
|
|
1749
1756
|
`
|
|
1750
1757
|
}
|
|
1751
1758
|
),
|
|
1752
|
-
/* @__PURE__ */ a("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none", children: i.isLoading ? /* @__PURE__ */ a(
|
|
1759
|
+
/* @__PURE__ */ a("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none", children: i.isLoading ? /* @__PURE__ */ a(Be, { className: `animate-spin ${A(t, "text", 500)}`, size: 18 }) : i.isError ? /* @__PURE__ */ a(Zo, { className: A(t, "text", 600), size: 18 }) : /* @__PURE__ */ a(Va, { size: 18 }) }),
|
|
1753
1760
|
(r == null ? void 0 : r.isError) && /* @__PURE__ */ a("p", { className: `mt-1 text-xs ${A(t, "text", 600)} ml-1`, children: "Invalid input value." }),
|
|
1754
1761
|
(r == null ? void 0 : r.variant) === "ghost" && /* @__PURE__ */ a("div", { className: `h-0.5 w-full ${A(t, "bg", 500)} transform transition-transform ${b ? "scale-x-100" : "scale-x-0"}` })
|
|
1755
1762
|
] }),
|
|
@@ -1767,13 +1774,13 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1767
1774
|
...d
|
|
1768
1775
|
}) => {
|
|
1769
1776
|
({ ...r });
|
|
1770
|
-
const i = J(n, t), [c, m] =
|
|
1777
|
+
const i = J(n, t), [c, m] = B([
|
|
1771
1778
|
{ name: "document.pdf", size: "2.4 MB", status: "complete", progress: 100 }
|
|
1772
1779
|
]), h = () => {
|
|
1773
1780
|
m((u) => [...u, { name: "image.png", size: "4.1 MB", status: "uploading", progress: 0 }]), setTimeout(() => {
|
|
1774
|
-
m((u) => u.map((
|
|
1781
|
+
m((u) => u.map((x) => x.status === "uploading" ? { ...x, progress: 45 } : x));
|
|
1775
1782
|
}, 500), setTimeout(() => {
|
|
1776
|
-
m((u) => u.map((
|
|
1783
|
+
m((u) => u.map((x) => x.status === "uploading" ? { ...x, progress: 100, status: "complete" } : x));
|
|
1777
1784
|
}, 1500);
|
|
1778
1785
|
}, g = e === "MUI", f = e === "Apple", b = e === "Custom";
|
|
1779
1786
|
return /* @__PURE__ */ l("div", { style: i, className: "w-full h-full flex flex-col", children: [
|
|
@@ -1788,13 +1795,13 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1788
1795
|
${b ? `border-gray-200 ${A(t, "border", 400).replace("border-", "hover:border-")} bg-white dark:bg-gray-900 ${ae(t)}` : ""}
|
|
1789
1796
|
`,
|
|
1790
1797
|
children: [
|
|
1791
|
-
/* @__PURE__ */ a("div", { className: `p-6 rounded-full mb-4 ${f ? `bg-white shadow-sm ${A(t, "text", 500)}` : "bg-gray-200 dark:bg-gray-700 text-gray-500"}`, children: /* @__PURE__ */ a(
|
|
1798
|
+
/* @__PURE__ */ a("div", { className: `p-6 rounded-full mb-4 ${f ? `bg-white shadow-sm ${A(t, "text", 500)}` : "bg-gray-200 dark:bg-gray-700 text-gray-500"}`, children: /* @__PURE__ */ a(ei, { size: 48 }) }),
|
|
1792
1799
|
/* @__PURE__ */ a("h4", { className: "text-lg font-medium text-gray-900 dark:text-white mb-2", children: "Click to upload or drag and drop" }),
|
|
1793
1800
|
/* @__PURE__ */ a("p", { className: "text-sm text-gray-500", children: "SVG, PNG, JPG or GIF (max. 800x400px)" })
|
|
1794
1801
|
]
|
|
1795
1802
|
}
|
|
1796
1803
|
),
|
|
1797
|
-
c.length > 0 && /* @__PURE__ */ a("div", { className: "mt-4 space-y-2 flex-shrink-0", children: c.map((u,
|
|
1804
|
+
c.length > 0 && /* @__PURE__ */ a("div", { className: "mt-4 space-y-2 flex-shrink-0", children: c.map((u, x) => /* @__PURE__ */ l(
|
|
1798
1805
|
"div",
|
|
1799
1806
|
{
|
|
1800
1807
|
className: `
|
|
@@ -1818,10 +1825,10 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1818
1825
|
}
|
|
1819
1826
|
) })
|
|
1820
1827
|
] }),
|
|
1821
|
-
/* @__PURE__ */ a("button", { className: "text-gray-400 hover:text-red-500", children: u.status === "uploading" ? /* @__PURE__ */ a(
|
|
1828
|
+
/* @__PURE__ */ a("button", { className: "text-gray-400 hover:text-red-500", children: u.status === "uploading" ? /* @__PURE__ */ a(Be, { size: 18, className: `animate-spin ${A(t, "text", 500)}` }) : u.status === "complete" ? /* @__PURE__ */ a(ti, { size: 18, className: "text-green-500" }) : /* @__PURE__ */ a(Xe, { size: 18 }) })
|
|
1822
1829
|
]
|
|
1823
1830
|
},
|
|
1824
|
-
|
|
1831
|
+
x
|
|
1825
1832
|
)) })
|
|
1826
1833
|
] });
|
|
1827
1834
|
}, Vm = ({
|
|
@@ -1835,7 +1842,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1835
1842
|
...d
|
|
1836
1843
|
}) => {
|
|
1837
1844
|
({ ...r });
|
|
1838
|
-
const i = J(n, t), c = 4, [m, h] =
|
|
1845
|
+
const i = J(n, t), c = 4, [m, h] = B(Array(c).fill("")), g = Pe([]), f = (N, S) => {
|
|
1839
1846
|
var w;
|
|
1840
1847
|
if (!/^\d*$/.test(S)) return;
|
|
1841
1848
|
const k = [...m];
|
|
@@ -1843,7 +1850,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1843
1850
|
}, b = (N, S) => {
|
|
1844
1851
|
var k;
|
|
1845
1852
|
S.key === "Backspace" && !m[N] && N > 0 && ((k = g.current[N - 1]) == null || k.focus());
|
|
1846
|
-
}, u = e === "MUI",
|
|
1853
|
+
}, u = e === "MUI", x = e === "Apple", y = e === "Custom";
|
|
1847
1854
|
return /* @__PURE__ */ l("div", { style: i, className: "flex flex-col items-center gap-6", children: [
|
|
1848
1855
|
/* @__PURE__ */ l("div", { className: "text-center", children: [
|
|
1849
1856
|
/* @__PURE__ */ a("h3", { className: "font-bold text-lg text-gray-900 dark:text-white", children: "Verify Account" }),
|
|
@@ -1863,7 +1870,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1863
1870
|
className: `
|
|
1864
1871
|
w-12 h-14 text-center text-xl font-bold outline-none transition-all
|
|
1865
1872
|
${u ? "bg-transparent border-b-2 border-gray-300 focus:border-blue-600 rounded-none" : ""}
|
|
1866
|
-
${
|
|
1873
|
+
${x ? "bg-gray-100 dark:bg-gray-800 rounded-xl border border-transparent focus:bg-white dark:focus:bg-black focus:border-blue-500 focus:ring-2 focus:ring-blue-500/20" : ""}
|
|
1867
1874
|
${y ? `bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 ${ae(t)} focus:border-${t.primaryColor}-500` : ""}
|
|
1868
1875
|
`
|
|
1869
1876
|
},
|
|
@@ -1929,7 +1936,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1929
1936
|
...d
|
|
1930
1937
|
}) => {
|
|
1931
1938
|
({ ...r });
|
|
1932
|
-
const [i, c] =
|
|
1939
|
+
const [i, c] = B(0), m = J(n, t);
|
|
1933
1940
|
return /* @__PURE__ */ l(
|
|
1934
1941
|
"div",
|
|
1935
1942
|
{
|
|
@@ -1948,7 +1955,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
1948
1955
|
`,
|
|
1949
1956
|
children: [
|
|
1950
1957
|
{ label: "Home", icon: vs },
|
|
1951
|
-
{ label: "Favorites", icon:
|
|
1958
|
+
{ label: "Favorites", icon: ri },
|
|
1952
1959
|
{ label: "Nearby", icon: Ss },
|
|
1953
1960
|
{ label: "Profile", icon: Yr }
|
|
1954
1961
|
].map((g, f) => {
|
|
@@ -2010,7 +2017,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2010
2017
|
...d
|
|
2011
2018
|
}) => {
|
|
2012
2019
|
({ ...r });
|
|
2013
|
-
const [i, c] =
|
|
2020
|
+
const [i, c] = B(!0), m = J(n, t), h = () => c(!i), g = e === "MUI", f = e === "Apple", b = e === "Custom";
|
|
2014
2021
|
return /* @__PURE__ */ l("div", { className: `relative text-left ${i ? "w-full h-full" : "inline-block"}`, style: m, children: [
|
|
2015
2022
|
i && /* @__PURE__ */ a(
|
|
2016
2023
|
"div",
|
|
@@ -2048,8 +2055,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2048
2055
|
children: /* @__PURE__ */ a("div", { className: `${f ? "space-y-0.5" : ""}`, children: [
|
|
2049
2056
|
{ label: "Profile", icon: Yr, shortcut: "⌘P" },
|
|
2050
2057
|
{ label: "Settings", icon: Ya, shortcut: "⌘S" },
|
|
2051
|
-
{ label: "Logout", icon:
|
|
2052
|
-
].map((u,
|
|
2058
|
+
{ label: "Logout", icon: ai, shortcut: "", danger: !0 }
|
|
2059
|
+
].map((u, x) => /* @__PURE__ */ l(
|
|
2053
2060
|
"button",
|
|
2054
2061
|
{
|
|
2055
2062
|
className: `
|
|
@@ -2093,7 +2100,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2093
2100
|
style: p,
|
|
2094
2101
|
...d
|
|
2095
2102
|
}) => {
|
|
2096
|
-
const i = { ...ke, ...r }, c = J(n, t), [m, h] =
|
|
2103
|
+
const i = { ...ke, ...r }, c = J(n, t), [m, h] = B(1), g = 10, f = e === "MUI", b = e === "Apple", u = e === "Custom", x = i.variant === "secondary", y = (N) => {
|
|
2097
2104
|
const S = N === m;
|
|
2098
2105
|
return N === "..." ? /* @__PURE__ */ a("span", { className: "px-2 text-gray-400 self-end mb-1", children: "..." }, Math.random()) : /* @__PURE__ */ a(
|
|
2099
2106
|
"button",
|
|
@@ -2104,7 +2111,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2104
2111
|
${f ? `
|
|
2105
2112
|
rounded-full
|
|
2106
2113
|
${S ? `${A(t, "bg", 600)} text-white` : "text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800"}
|
|
2107
|
-
${
|
|
2114
|
+
${x ? "border border-gray-300 dark:border-gray-700" : ""}
|
|
2108
2115
|
` : ""}
|
|
2109
2116
|
|
|
2110
2117
|
${b ? `
|
|
@@ -2157,11 +2164,11 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2157
2164
|
...d
|
|
2158
2165
|
}) => {
|
|
2159
2166
|
({ ...r });
|
|
2160
|
-
const [i, c] =
|
|
2167
|
+
const [i, c] = B(!1), m = J(n, t);
|
|
2161
2168
|
return /* @__PURE__ */ l("div", { className: "absolute bottom-6 right-6 flex flex-col items-center gap-3", style: m, children: [
|
|
2162
2169
|
/* @__PURE__ */ a("div", { className: `flex flex-col gap-3 transition-all duration-200 ${i ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4 pointer-events-none"}`, children: [
|
|
2163
2170
|
{ icon: xt, name: "Copy" },
|
|
2164
|
-
{ icon:
|
|
2171
|
+
{ icon: ni, name: "Save" },
|
|
2165
2172
|
{ icon: Ts, name: "Print" },
|
|
2166
2173
|
{ icon: _r, name: "Share" }
|
|
2167
2174
|
].map((g) => /* @__PURE__ */ a(
|
|
@@ -2202,7 +2209,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2202
2209
|
...d
|
|
2203
2210
|
}) => {
|
|
2204
2211
|
({ ...r });
|
|
2205
|
-
const [i, c] =
|
|
2212
|
+
const [i, c] = B(1), m = ["Select campaign", "Create ad group", "Create ad"], h = J(n, t), g = () => c((y) => Math.min(y + 1, m.length)), f = () => c((y) => Math.max(y - 1, 0)), b = e === "MUI", u = e === "Apple", x = e === "Custom";
|
|
2206
2213
|
return /* @__PURE__ */ l("div", { style: h, className: "w-full h-full flex flex-col", children: [
|
|
2207
2214
|
/* @__PURE__ */ a("div", { className: `
|
|
2208
2215
|
flex items-start justify-between gap-1 overflow-x-auto
|
|
@@ -2226,14 +2233,14 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2226
2233
|
${k ? `${A(t, "bg", 500)} scale-125` : w ? `${A(t, "bg", 500)}` : "bg-gray-300 dark:bg-gray-600"}
|
|
2227
2234
|
` : ""}
|
|
2228
2235
|
|
|
2229
|
-
${
|
|
2236
|
+
${x ? `
|
|
2230
2237
|
w-6 h-6 sm:w-8 sm:h-8 ${ae(t)} border-2 text-xs sm:text-sm font-bold
|
|
2231
2238
|
${k || w ? `${ee(t, "bg")} border-transparent text-white` : "bg-transparent border-gray-300 dark:border-gray-600 text-gray-400"}
|
|
2232
2239
|
` : ""}
|
|
2233
2240
|
`,
|
|
2234
2241
|
children: [
|
|
2235
2242
|
b && (w ? /* @__PURE__ */ a(nt, { size: 14, className: "sm:w-4 sm:h-4" }) : S),
|
|
2236
|
-
|
|
2243
|
+
x && (w ? /* @__PURE__ */ a(nt, { size: 14, className: "sm:w-4 sm:h-4" }) : S)
|
|
2237
2244
|
]
|
|
2238
2245
|
}
|
|
2239
2246
|
),
|
|
@@ -2255,7 +2262,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2255
2262
|
${w ? `${A(t, "bg", 500)}` : "bg-gray-200 dark:bg-gray-700"}
|
|
2256
2263
|
` : ""}
|
|
2257
2264
|
|
|
2258
|
-
${
|
|
2265
|
+
${x ? `
|
|
2259
2266
|
h-1 rounded-full
|
|
2260
2267
|
${w ? ee(t, "bg") : "bg-gray-100 dark:bg-gray-800"}
|
|
2261
2268
|
` : ""}
|
|
@@ -2266,7 +2273,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2266
2273
|
w-full p-6 mb-6 mt-12 text-center border rounded-lg flex-1
|
|
2267
2274
|
${b ? "bg-gray-50 dark:bg-gray-800 border-gray-200 dark:border-gray-700" : ""}
|
|
2268
2275
|
${u ? "bg-white/50 dark:bg-gray-800/50 backdrop-blur-md border-gray-200/50 dark:border-gray-700/50 rounded-xl" : ""}
|
|
2269
|
-
${
|
|
2276
|
+
${x ? `bg-white dark:bg-gray-900 border-gray-100 dark:border-gray-800 shadow-sm ${ae(t)}` : ""}
|
|
2270
2277
|
`, children: i === m.length ? /* @__PURE__ */ l("div", { className: "space-y-2", children: [
|
|
2271
2278
|
/* @__PURE__ */ a("p", { className: "text-lg font-medium text-gray-900 dark:text-white", children: "All steps completed" }),
|
|
2272
2279
|
/* @__PURE__ */ a("p", { className: "text-sm text-gray-500", children: "Your campaign has been successfully launched." }),
|
|
@@ -2289,7 +2296,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2289
2296
|
${i === 0 ? "opacity-50 cursor-not-allowed text-gray-400" : "hover:bg-gray-100 dark:hover:bg-gray-800 text-gray-700 dark:text-gray-300"}
|
|
2290
2297
|
`,
|
|
2291
2298
|
children: [
|
|
2292
|
-
u ||
|
|
2299
|
+
u || x ? /* @__PURE__ */ a(kt, { size: 16 }) : null,
|
|
2293
2300
|
"Back"
|
|
2294
2301
|
]
|
|
2295
2302
|
}
|
|
@@ -2302,11 +2309,11 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2302
2309
|
flex items-center gap-1 px-4 py-2 rounded font-medium text-sm transition-colors text-white
|
|
2303
2310
|
${b ? `${A(t, "bg", 600)} ${A(t, "bg", 700).replace("bg-", "hover:bg-")} shadow-sm uppercase` : ""}
|
|
2304
2311
|
${u ? `${A(t, "bg", 500)} ${A(t, "bg", 600).replace("bg-", "hover:bg-")} rounded-full px-6` : ""}
|
|
2305
|
-
${
|
|
2312
|
+
${x ? `${ee(t, "bg")} rounded-lg` : ""}
|
|
2306
2313
|
`,
|
|
2307
2314
|
children: [
|
|
2308
2315
|
i === m.length - 1 ? "Finish" : "Next",
|
|
2309
|
-
u ||
|
|
2316
|
+
u || x ? /* @__PURE__ */ a(at, { size: 16 }) : null
|
|
2310
2317
|
]
|
|
2311
2318
|
}
|
|
2312
2319
|
)
|
|
@@ -2346,7 +2353,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2346
2353
|
...d
|
|
2347
2354
|
}) => {
|
|
2348
2355
|
({ ...r });
|
|
2349
|
-
const [i, c] =
|
|
2356
|
+
const [i, c] = B(!1), m = J(n, t);
|
|
2350
2357
|
return /* @__PURE__ */ l("div", { style: m, className: "relative w-full h-full overflow-hidden", children: [
|
|
2351
2358
|
/* @__PURE__ */ a(
|
|
2352
2359
|
"button",
|
|
@@ -2367,7 +2374,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2367
2374
|
`,
|
|
2368
2375
|
onClick: () => c(!1),
|
|
2369
2376
|
children: /* @__PURE__ */ l("div", { className: "text-center", children: [
|
|
2370
|
-
/* @__PURE__ */ a(
|
|
2377
|
+
/* @__PURE__ */ a(Be, { size: 48, className: `animate-spin ${e === "Custom" ? "text-white" : A(t, "text", 500)}` }),
|
|
2371
2378
|
/* @__PURE__ */ a("p", { className: `mt-4 font-medium ${e === "Custom" ? "text-white" : "text-white drop-shadow-md"}`, children: "Loading..." }),
|
|
2372
2379
|
/* @__PURE__ */ a("p", { className: "text-xs text-white/80 mt-2", children: "Click anywhere to close" })
|
|
2373
2380
|
] })
|
|
@@ -2384,7 +2391,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2384
2391
|
style: p,
|
|
2385
2392
|
...d
|
|
2386
2393
|
}) => {
|
|
2387
|
-
const i = { ...ke, ...r }, [c, m] =
|
|
2394
|
+
const i = { ...ke, ...r }, [c, m] = B(!1), h = J(n, t), g = () => m(!c), f = e === "MUI", b = e === "Apple", u = e === "Custom";
|
|
2388
2395
|
return /* @__PURE__ */ l("div", { className: "relative w-full h-full flex flex-col items-center justify-center overflow-hidden", children: [
|
|
2389
2396
|
/* @__PURE__ */ a(
|
|
2390
2397
|
"button",
|
|
@@ -2470,7 +2477,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2470
2477
|
style: p,
|
|
2471
2478
|
...d
|
|
2472
2479
|
}) => {
|
|
2473
|
-
const i = { ...ke, ...r }, [c, m] =
|
|
2480
|
+
const i = { ...ke, ...r }, [c, m] = B(!1), h = J(n, t), g = () => m(!c), f = e === "MUI", b = e === "Apple", u = e === "Custom";
|
|
2474
2481
|
return /* @__PURE__ */ l("div", { className: "relative w-full h-full flex flex-col items-center justify-center overflow-hidden", children: [
|
|
2475
2482
|
/* @__PURE__ */ a(
|
|
2476
2483
|
"button",
|
|
@@ -2588,8 +2595,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2588
2595
|
style: p,
|
|
2589
2596
|
...d
|
|
2590
2597
|
}) => {
|
|
2591
|
-
const i = { ...ke, ...r }, c = J(n, t), m = i.isLoading, [h, g] =
|
|
2592
|
-
|
|
2598
|
+
const i = { ...ke, ...r }, c = J(n, t), m = i.isLoading, [h, g] = B(0), f = e === "MUI", b = e === "Apple", u = e === "Custom";
|
|
2599
|
+
Ee(() => {
|
|
2593
2600
|
if (m) {
|
|
2594
2601
|
g(0);
|
|
2595
2602
|
const k = setInterval(() => {
|
|
@@ -2599,7 +2606,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2599
2606
|
} else
|
|
2600
2607
|
g(60);
|
|
2601
2608
|
}, [m]);
|
|
2602
|
-
const
|
|
2609
|
+
const x = (k = "h-1.5") => f ? `bg-blue-100 dark:bg-blue-900/30 ${k}` : b ? `bg-gray-200 dark:bg-gray-700 rounded-full ${k}` : `bg-gray-100 dark:bg-gray-800 rounded ${k}`, y = () => f ? ee(t, "bg") : b ? ee(t, "bg") + " rounded-full" : ee(t, "bg"), N = m ? h : 60, S = Se(t, "primary", 600);
|
|
2603
2610
|
return /* @__PURE__ */ l("div", { className: "w-full max-w-3xl flex flex-col gap-8", style: c, children: [
|
|
2604
2611
|
/* @__PURE__ */ l("div", { className: "w-full space-y-3", children: [
|
|
2605
2612
|
/* @__PURE__ */ a("label", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: "Line" }),
|
|
@@ -2611,7 +2618,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2611
2618
|
"%"
|
|
2612
2619
|
] })
|
|
2613
2620
|
] }),
|
|
2614
|
-
/* @__PURE__ */ a("div", { className: `w-full ${
|
|
2621
|
+
/* @__PURE__ */ a("div", { className: `w-full ${x()} overflow-hidden`, children: /* @__PURE__ */ a(
|
|
2615
2622
|
"div",
|
|
2616
2623
|
{
|
|
2617
2624
|
className: `h-full transition-all duration-75 ${y()}`,
|
|
@@ -2656,7 +2663,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2656
2663
|
}
|
|
2657
2664
|
)
|
|
2658
2665
|
] }),
|
|
2659
|
-
b && /* @__PURE__ */ a(
|
|
2666
|
+
b && /* @__PURE__ */ a(Be, { size: k, className: `text-gray-400 ${m && N >= 100 ? "animate-spin" : ""}` }),
|
|
2660
2667
|
u && /* @__PURE__ */ a("div", { className: `
|
|
2661
2668
|
w-full h-full rounded-full border-4 border-gray-100 dark:border-gray-800 border-t-transparent
|
|
2662
2669
|
${ee(t, "border").replace("border-", "border-t-")}
|
|
@@ -2739,7 +2746,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2739
2746
|
"%"
|
|
2740
2747
|
] })
|
|
2741
2748
|
] }),
|
|
2742
|
-
/* @__PURE__ */ a("div", { className: `w-full ${
|
|
2749
|
+
/* @__PURE__ */ a("div", { className: `w-full ${x()} overflow-hidden`, children: /* @__PURE__ */ a(
|
|
2743
2750
|
"div",
|
|
2744
2751
|
{
|
|
2745
2752
|
className: "h-full rounded-full transition-all duration-75",
|
|
@@ -2761,7 +2768,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2761
2768
|
"%"
|
|
2762
2769
|
] })
|
|
2763
2770
|
] }),
|
|
2764
|
-
/* @__PURE__ */ a("div", { className: `w-full ${
|
|
2771
|
+
/* @__PURE__ */ a("div", { className: `w-full ${x()} overflow-hidden`, children: /* @__PURE__ */ a(
|
|
2765
2772
|
"div",
|
|
2766
2773
|
{
|
|
2767
2774
|
className: `h-full transition-all duration-75 ${y()}`,
|
|
@@ -2781,7 +2788,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2781
2788
|
style: p,
|
|
2782
2789
|
...d
|
|
2783
2790
|
}) => {
|
|
2784
|
-
const i = { ...ke, ...r }, [c, m] =
|
|
2791
|
+
const i = { ...ke, ...r }, [c, m] = B(!1), h = J(n, t);
|
|
2785
2792
|
return /* @__PURE__ */ l("div", { className: "relative flex flex-col items-center justify-center h-48 w-full", style: h, children: [
|
|
2786
2793
|
/* @__PURE__ */ a(
|
|
2787
2794
|
"button",
|
|
@@ -2847,14 +2854,14 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
2847
2854
|
...d
|
|
2848
2855
|
}) => {
|
|
2849
2856
|
({ ...r });
|
|
2850
|
-
const i = J(n, t), [c, m] =
|
|
2857
|
+
const i = J(n, t), [c, m] = B("area"), h = e === "MUI", g = e === "Apple", f = e === "Custom", b = Se(t, "primary", 600), u = Se(t, "secondary", 500), x = Se(t, "tertiary", 400), y = Se(t, "primary", 500), N = "#ef4444", S = () => [
|
|
2851
2858
|
b,
|
|
2852
2859
|
u,
|
|
2853
|
-
|
|
2860
|
+
x || Se(t, "primary", 400),
|
|
2854
2861
|
Se(t, "primary", 300),
|
|
2855
2862
|
Se(t, "secondary", 300)
|
|
2856
|
-
], k = ({ active: z, payload: j, label:
|
|
2857
|
-
/* @__PURE__ */ a("p", { className: "text-xs font-semibold text-gray-900 dark:text-white mb-2", children:
|
|
2863
|
+
], k = ({ active: z, payload: j, label: v }) => z && j && j.length ? /* @__PURE__ */ l("div", { className: "bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-lg shadow-xl p-3", children: [
|
|
2864
|
+
/* @__PURE__ */ a("p", { className: "text-xs font-semibold text-gray-900 dark:text-white mb-2", children: v }),
|
|
2858
2865
|
j.map((E, R) => /* @__PURE__ */ l("p", { className: "text-xs", style: { color: E.color }, children: [
|
|
2859
2866
|
E.name,
|
|
2860
2867
|
": ",
|
|
@@ -3041,7 +3048,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3041
3048
|
{
|
|
3042
3049
|
type: "monotone",
|
|
3043
3050
|
dataKey: "low",
|
|
3044
|
-
stroke:
|
|
3051
|
+
stroke: x,
|
|
3045
3052
|
strokeWidth: 2,
|
|
3046
3053
|
strokeDasharray: "5 5",
|
|
3047
3054
|
dot: !1,
|
|
@@ -3072,8 +3079,8 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3072
3079
|
/* @__PURE__ */ a(fn, { dataKey: "buyVolume", stackId: "a", fill: y, name: "Buy Volume", radius: [4, 4, 0, 0] }),
|
|
3073
3080
|
/* @__PURE__ */ a(fn, { dataKey: "sellVolume", stackId: "a", fill: N, name: "Sell Volume", radius: [4, 4, 0, 0] })
|
|
3074
3081
|
] }) }), I = () => {
|
|
3075
|
-
const z = S(), j = _l.map((
|
|
3076
|
-
...
|
|
3082
|
+
const z = S(), j = _l.map((v, E) => ({
|
|
3083
|
+
...v,
|
|
3077
3084
|
color: z[E % z.length]
|
|
3078
3085
|
}));
|
|
3079
3086
|
return /* @__PURE__ */ l("div", { className: "flex flex-col md:flex-row items-center justify-center gap-8 w-full h-[400px]", children: [
|
|
@@ -3085,17 +3092,17 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3085
3092
|
cx: "50%",
|
|
3086
3093
|
cy: "50%",
|
|
3087
3094
|
labelLine: !1,
|
|
3088
|
-
label: ({ name:
|
|
3095
|
+
label: ({ name: v, percent: E }) => `${v}: ${((E || 0) * 100).toFixed(0)}%`,
|
|
3089
3096
|
outerRadius: 100,
|
|
3090
3097
|
fill: "#8884d8",
|
|
3091
3098
|
dataKey: "value",
|
|
3092
|
-
children: j.map((
|
|
3099
|
+
children: j.map((v, E) => /* @__PURE__ */ a(cl, { fill: v.color }, `cell-${E}`))
|
|
3093
3100
|
}
|
|
3094
3101
|
),
|
|
3095
3102
|
/* @__PURE__ */ a(
|
|
3096
3103
|
Kt,
|
|
3097
3104
|
{
|
|
3098
|
-
formatter: (
|
|
3105
|
+
formatter: (v) => `${v}%`,
|
|
3099
3106
|
contentStyle: {
|
|
3100
3107
|
backgroundColor: "white",
|
|
3101
3108
|
border: "1px solid #e5e7eb",
|
|
@@ -3104,22 +3111,22 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3104
3111
|
}
|
|
3105
3112
|
)
|
|
3106
3113
|
] }) }),
|
|
3107
|
-
/* @__PURE__ */ a("div", { className: "space-y-3 min-w-[180px]", children: j.map((
|
|
3114
|
+
/* @__PURE__ */ a("div", { className: "space-y-3 min-w-[180px]", children: j.map((v, E) => /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
|
|
3108
3115
|
/* @__PURE__ */ a(
|
|
3109
3116
|
"div",
|
|
3110
3117
|
{
|
|
3111
3118
|
className: "w-4 h-4 rounded-full",
|
|
3112
|
-
style: { backgroundColor:
|
|
3119
|
+
style: { backgroundColor: v.color }
|
|
3113
3120
|
}
|
|
3114
3121
|
),
|
|
3115
3122
|
/* @__PURE__ */ l("div", { className: "flex-1", children: [
|
|
3116
|
-
/* @__PURE__ */ a("div", { className: "text-sm font-semibold text-gray-900 dark:text-white", children:
|
|
3123
|
+
/* @__PURE__ */ a("div", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: v.name }),
|
|
3117
3124
|
/* @__PURE__ */ l("div", { className: "text-xs text-gray-500 dark:text-gray-400", children: [
|
|
3118
|
-
|
|
3125
|
+
v.value,
|
|
3119
3126
|
"%"
|
|
3120
3127
|
] })
|
|
3121
3128
|
] })
|
|
3122
|
-
] },
|
|
3129
|
+
] }, v.name)) })
|
|
3123
3130
|
] });
|
|
3124
3131
|
};
|
|
3125
3132
|
return /* @__PURE__ */ l("div", { style: i, className: "w-full h-full flex flex-col gap-4", children: [
|
|
@@ -3127,11 +3134,11 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3127
3134
|
flex p-1 rounded-lg w-full overflow-x-auto overflow-y-visible flex-shrink-0
|
|
3128
3135
|
${h ? "bg-transparent border border-gray-300 dark:border-gray-700" : "bg-gray-100 dark:bg-gray-800/50"}
|
|
3129
3136
|
`, children: /* @__PURE__ */ a("div", { className: "flex gap-1 min-w-max", children: [
|
|
3130
|
-
{ id: "area", icon:
|
|
3131
|
-
{ id: "candlestick", icon:
|
|
3132
|
-
{ id: "line", icon:
|
|
3133
|
-
{ id: "bar", icon:
|
|
3134
|
-
{ id: "pie", icon:
|
|
3137
|
+
{ id: "area", icon: si, label: "Portfolio" },
|
|
3138
|
+
{ id: "candlestick", icon: oi, label: "Candlestick" },
|
|
3139
|
+
{ id: "line", icon: ii, label: "Price" },
|
|
3140
|
+
{ id: "bar", icon: li, label: "Volume" },
|
|
3141
|
+
{ id: "pie", icon: ci, label: "Allocation" }
|
|
3135
3142
|
].map((z) => /* @__PURE__ */ l(
|
|
3136
3143
|
"button",
|
|
3137
3144
|
{
|
|
@@ -3211,67 +3218,67 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3211
3218
|
}) => {
|
|
3212
3219
|
const i = { ...ke, ...r }, c = J(n, t), m = i.variant === "secondary", h = i.variant === "ghost", g = !m && !h, f = e === "MUI", b = e === "Apple", u = e === "Custom";
|
|
3213
3220
|
return /* @__PURE__ */ l("div", { style: c, className: "w-full h-full overflow-y-auto p-2", children: [
|
|
3214
|
-
g && /* @__PURE__ */ a("div", { className: `grid grid-cols-2 md:grid-cols-3 gap-1 ${f ? "gap-1" : b ? "gap-0.5" : "gap-4"}`, children: ha.map((
|
|
3221
|
+
g && /* @__PURE__ */ a("div", { className: `grid grid-cols-2 md:grid-cols-3 gap-1 ${f ? "gap-1" : b ? "gap-0.5" : "gap-4"}`, children: ha.map((x) => /* @__PURE__ */ l("div", { className: `relative group aspect-square overflow-hidden ${u ? ae(t) : ""}`, children: [
|
|
3215
3222
|
/* @__PURE__ */ a(
|
|
3216
3223
|
"img",
|
|
3217
3224
|
{
|
|
3218
|
-
src: `${
|
|
3219
|
-
alt:
|
|
3225
|
+
src: `${x.img}?w=164&h=164&fit=crop&auto=format`,
|
|
3226
|
+
alt: x.title,
|
|
3220
3227
|
loading: "lazy",
|
|
3221
3228
|
className: "w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
|
|
3222
3229
|
}
|
|
3223
3230
|
),
|
|
3224
3231
|
f && /* @__PURE__ */ l("div", { className: "absolute bottom-0 left-0 right-0 bg-black/60 p-2 flex justify-between items-center text-white", children: [
|
|
3225
|
-
/* @__PURE__ */ a("div", { className: "truncate text-sm font-medium", children:
|
|
3232
|
+
/* @__PURE__ */ a("div", { className: "truncate text-sm font-medium", children: x.title }),
|
|
3226
3233
|
/* @__PURE__ */ a(ys, { size: 16, className: "text-gray-300" })
|
|
3227
3234
|
] }),
|
|
3228
|
-
u && /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-end p-4", children: /* @__PURE__ */ a("span", { className: "text-white font-medium opacity-0 group-hover:opacity-100 transition-opacity translate-y-2 group-hover:translate-y-0", children:
|
|
3229
|
-
] },
|
|
3235
|
+
u && /* @__PURE__ */ a("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/20 transition-colors flex items-end p-4", children: /* @__PURE__ */ a("span", { className: "text-white font-medium opacity-0 group-hover:opacity-100 transition-opacity translate-y-2 group-hover:translate-y-0", children: x.title }) })
|
|
3236
|
+
] }, x.img)) }),
|
|
3230
3237
|
m && /* @__PURE__ */ a(
|
|
3231
3238
|
"div",
|
|
3232
3239
|
{
|
|
3233
3240
|
className: `grid grid-cols-4 auto-rows-[100px] sm:auto-rows-[150px] gap-1 ${f ? "gap-1" : "gap-4"}`,
|
|
3234
|
-
children: ha.map((
|
|
3241
|
+
children: ha.map((x, y) => /* @__PURE__ */ l(
|
|
3235
3242
|
"div",
|
|
3236
3243
|
{
|
|
3237
3244
|
className: `
|
|
3238
3245
|
relative overflow-hidden group
|
|
3239
|
-
${
|
|
3240
|
-
${
|
|
3246
|
+
${x.cols === 2 ? "col-span-2" : "col-span-1"}
|
|
3247
|
+
${x.rows === 2 ? "row-span-2" : "row-span-1"}
|
|
3241
3248
|
${u || b ? ae(t) : ""}
|
|
3242
3249
|
`,
|
|
3243
3250
|
children: [
|
|
3244
3251
|
/* @__PURE__ */ a(
|
|
3245
3252
|
"img",
|
|
3246
3253
|
{
|
|
3247
|
-
src: `${
|
|
3248
|
-
alt:
|
|
3254
|
+
src: `${x.img}?w=${164 * (x.cols || 1)}&h=${164 * (x.rows || 1)}&fit=crop&auto=format`,
|
|
3255
|
+
alt: x.title,
|
|
3249
3256
|
loading: "lazy",
|
|
3250
3257
|
className: "w-full h-full object-cover"
|
|
3251
3258
|
}
|
|
3252
3259
|
),
|
|
3253
|
-
f && /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-2 pt-8 text-white", children: /* @__PURE__ */ a("div", { className: "text-xs font-medium", children:
|
|
3260
|
+
f && /* @__PURE__ */ a("div", { className: "absolute bottom-0 left-0 right-0 bg-gradient-to-t from-black/80 to-transparent p-2 pt-8 text-white", children: /* @__PURE__ */ a("div", { className: "text-xs font-medium", children: x.title }) })
|
|
3254
3261
|
]
|
|
3255
3262
|
},
|
|
3256
|
-
|
|
3263
|
+
x.img
|
|
3257
3264
|
))
|
|
3258
3265
|
}
|
|
3259
3266
|
),
|
|
3260
|
-
h && /* @__PURE__ */ a("div", { className: `columns-2 md:columns-3 ${f ? "gap-1" : "gap-4"} space-y-4`, children: ha.map((
|
|
3267
|
+
h && /* @__PURE__ */ a("div", { className: `columns-2 md:columns-3 ${f ? "gap-1" : "gap-4"} space-y-4`, children: ha.map((x) => /* @__PURE__ */ l("div", { className: `relative break-inside-avoid mb-4 ${u ? ae(t) : ""} overflow-hidden`, children: [
|
|
3261
3268
|
/* @__PURE__ */ a(
|
|
3262
3269
|
"img",
|
|
3263
3270
|
{
|
|
3264
|
-
src: `${
|
|
3265
|
-
alt:
|
|
3271
|
+
src: `${x.img}?w=248&fit=crop&auto=format`,
|
|
3272
|
+
alt: x.title,
|
|
3266
3273
|
loading: "lazy",
|
|
3267
3274
|
className: "w-full h-auto block"
|
|
3268
3275
|
}
|
|
3269
3276
|
),
|
|
3270
3277
|
f && /* @__PURE__ */ l("div", { className: "bg-white dark:bg-gray-800 p-2 shadow-sm border border-t-0 border-gray-200 dark:border-gray-700", children: [
|
|
3271
|
-
/* @__PURE__ */ a("div", { className: "text-sm font-medium text-gray-900 dark:text-white", children:
|
|
3272
|
-
/* @__PURE__ */ a("div", { className: "text-xs text-gray-500", children:
|
|
3278
|
+
/* @__PURE__ */ a("div", { className: "text-sm font-medium text-gray-900 dark:text-white", children: x.title }),
|
|
3279
|
+
/* @__PURE__ */ a("div", { className: "text-xs text-gray-500", children: x.author })
|
|
3273
3280
|
] })
|
|
3274
|
-
] },
|
|
3281
|
+
] }, x.img)) })
|
|
3275
3282
|
] });
|
|
3276
3283
|
}, Ll = {
|
|
3277
3284
|
variant: "primary",
|
|
@@ -3289,12 +3296,12 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3289
3296
|
isActive: !1,
|
|
3290
3297
|
isTouched: !1,
|
|
3291
3298
|
text: ""
|
|
3292
|
-
},
|
|
3299
|
+
}, Bl = {
|
|
3293
3300
|
primaryColor: "blue",
|
|
3294
3301
|
secondaryColor: "gray",
|
|
3295
3302
|
tertiaryColor: "white",
|
|
3296
3303
|
baseRadius: 8
|
|
3297
|
-
},
|
|
3304
|
+
}, Dl = {
|
|
3298
3305
|
width: "auto",
|
|
3299
3306
|
height: "auto",
|
|
3300
3307
|
paddingX: 0,
|
|
@@ -3344,10 +3351,10 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3344
3351
|
globalConfig: t = {},
|
|
3345
3352
|
granularStyles: n = {}
|
|
3346
3353
|
}) => {
|
|
3347
|
-
const s = { ...Ll, ...r }, o = { ...
|
|
3354
|
+
const s = { ...Ll, ...r }, o = { ...Bl, ...t }, p = { ...Dl, ...n }, d = Ul(p, o), [i, c] = B(3), [m, h] = B(null), g = Array.from({ length: 5 }, (u, x) => x + 1), f = (u) => {
|
|
3348
3355
|
if (s.isDisabled) return "text-gray-300 dark:text-gray-600";
|
|
3349
|
-
const
|
|
3350
|
-
return e === "MUI" ?
|
|
3356
|
+
const x = m !== null ? u <= m : u <= i;
|
|
3357
|
+
return e === "MUI" ? x ? "text-yellow-400" : "text-gray-300 dark:text-gray-600" : e === "Apple" ? x ? "text-orange-400" : "text-gray-300 dark:text-gray-600" : x ? Wl(o) : "text-gray-300 dark:text-gray-600";
|
|
3351
3358
|
}, b = () => {
|
|
3352
3359
|
switch (s.size) {
|
|
3353
3360
|
case "SM":
|
|
@@ -3366,7 +3373,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3366
3373
|
onMouseLeave: () => h(null),
|
|
3367
3374
|
onClick: () => c(u),
|
|
3368
3375
|
className: `transition-transform duration-100 ${m === u ? "scale-110" : ""}`,
|
|
3369
|
-
children: /* @__PURE__ */ a(
|
|
3376
|
+
children: /* @__PURE__ */ a(di, { size: b(), fill: "currentColor", className: f(u) })
|
|
3370
3377
|
},
|
|
3371
3378
|
u
|
|
3372
3379
|
)) });
|
|
@@ -3387,7 +3394,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3387
3394
|
style: p,
|
|
3388
3395
|
...d
|
|
3389
3396
|
}) => {
|
|
3390
|
-
const i = { ...ke, ...r }, c = J(n, t), [m, h] =
|
|
3397
|
+
const i = { ...ke, ...r }, c = J(n, t), [m, h] = B(/* @__PURE__ */ new Set()), [g, f] = B(null), [b, u] = B(1), x = () => {
|
|
3391
3398
|
m.size === Ot.length ? h(/* @__PURE__ */ new Set()) : h(new Set(Ot.map((z) => z.id)));
|
|
3392
3399
|
}, y = (z) => {
|
|
3393
3400
|
const j = new Set(m);
|
|
@@ -3468,7 +3475,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3468
3475
|
type: "checkbox",
|
|
3469
3476
|
className: "w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-2 focus:ring-blue-500 focus:ring-offset-0 cursor-pointer transition-all",
|
|
3470
3477
|
checked: m.size === Ot.length,
|
|
3471
|
-
onChange:
|
|
3478
|
+
onChange: x
|
|
3472
3479
|
}
|
|
3473
3480
|
) }),
|
|
3474
3481
|
[
|
|
@@ -3489,7 +3496,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3489
3496
|
`,
|
|
3490
3497
|
children: /* @__PURE__ */ l("div", { className: `flex items-center gap-2 ${z.align === "right" ? "justify-end" : ""}`, children: [
|
|
3491
3498
|
/* @__PURE__ */ a("span", { children: z.label }),
|
|
3492
|
-
(g == null ? void 0 : g.key) === z.key ? /* @__PURE__ */ a("span", { className: "text-blue-600 dark:text-blue-400", children: g.direction === "asc" ? /* @__PURE__ */ a(Ha, { size: 16 }) : /* @__PURE__ */ a(
|
|
3499
|
+
(g == null ? void 0 : g.key) === z.key ? /* @__PURE__ */ a("span", { className: "text-blue-600 dark:text-blue-400", children: g.direction === "asc" ? /* @__PURE__ */ a(Ha, { size: 16 }) : /* @__PURE__ */ a(ui, { size: 16 }) }) : /* @__PURE__ */ a(hi, { size: 16, className: "opacity-0 group-hover:opacity-40 text-gray-400 dark:text-gray-500 transition-opacity" })
|
|
3493
3500
|
] })
|
|
3494
3501
|
},
|
|
3495
3502
|
z.key
|
|
@@ -3528,7 +3535,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3528
3535
|
/* @__PURE__ */ a("span", { className: "font-medium", children: z.method })
|
|
3529
3536
|
] }) }),
|
|
3530
3537
|
/* @__PURE__ */ a("td", { className: `px-4 ${T} text-right`, children: /* @__PURE__ */ a("span", { className: "font-semibold text-gray-900 dark:text-white text-sm", children: z.amount }) }),
|
|
3531
|
-
/* @__PURE__ */ a("td", { className: `px-4 ${T}`, children: /* @__PURE__ */ a("button", { className: "p-1.5 rounded-md text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-all opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ a(
|
|
3538
|
+
/* @__PURE__ */ a("td", { className: `px-4 ${T}`, children: /* @__PURE__ */ a("button", { className: "p-1.5 rounded-md text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-all opacity-0 group-hover:opacity-100", children: /* @__PURE__ */ a(mi, { size: 18 }) }) })
|
|
3532
3539
|
]
|
|
3533
3540
|
},
|
|
3534
3541
|
z.id
|
|
@@ -3571,10 +3578,10 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3571
3578
|
] })
|
|
3572
3579
|
] }),
|
|
3573
3580
|
/* @__PURE__ */ l("div", { className: "flex gap-0.5", children: [
|
|
3574
|
-
/* @__PURE__ */ a("button", { className: "p-1.5 rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 disabled:opacity-40 disabled:cursor-not-allowed transition-colors", disabled: !0, children: /* @__PURE__ */ a(
|
|
3581
|
+
/* @__PURE__ */ a("button", { className: "p-1.5 rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 disabled:opacity-40 disabled:cursor-not-allowed transition-colors", disabled: !0, children: /* @__PURE__ */ a(pi, { size: 14, className: "text-gray-400 dark:text-gray-500" }) }),
|
|
3575
3582
|
/* @__PURE__ */ a("button", { className: "p-1.5 rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 disabled:opacity-40 disabled:cursor-not-allowed transition-colors", disabled: !0, children: /* @__PURE__ */ a(kt, { size: 14, className: "text-gray-400 dark:text-gray-500" }) }),
|
|
3576
3583
|
/* @__PURE__ */ a("button", { className: "p-1.5 rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors", children: /* @__PURE__ */ a(at, { size: 14, className: "text-gray-600 dark:text-gray-300" }) }),
|
|
3577
|
-
/* @__PURE__ */ a("button", { className: "p-1.5 rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors", children: /* @__PURE__ */ a(
|
|
3584
|
+
/* @__PURE__ */ a("button", { className: "p-1.5 rounded border border-gray-200 dark:border-gray-700 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors", children: /* @__PURE__ */ a(gi, { size: 14, className: "text-gray-600 dark:text-gray-300" }) })
|
|
3578
3585
|
] })
|
|
3579
3586
|
] })
|
|
3580
3587
|
] })
|
|
@@ -3667,13 +3674,13 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3667
3674
|
...d
|
|
3668
3675
|
}) => {
|
|
3669
3676
|
({ ...r });
|
|
3670
|
-
const i = J(n, t), [c, m] =
|
|
3677
|
+
const i = J(n, t), [c, m] = B(/* @__PURE__ */ new Set(["root", "documents"])), [h, g] = B("calendar"), f = (N) => {
|
|
3671
3678
|
const S = new Set(c);
|
|
3672
3679
|
S.has(N) ? S.delete(N) : S.add(N), m(S);
|
|
3673
|
-
}, b = e === "MUI", u = e === "Apple",
|
|
3680
|
+
}, b = e === "MUI", u = e === "Apple", x = e === "Custom", y = (N, S = 0) => {
|
|
3674
3681
|
const k = c.has(N.id), w = h === N.id, C = N.children && N.children.length > 0;
|
|
3675
3682
|
let T = Ns;
|
|
3676
|
-
N.type === "folder" && (T = k ?
|
|
3683
|
+
N.type === "folder" && (T = k ? fi : bi), N.type === "image" && (T = Ms), N.type === "video" && (T = As);
|
|
3677
3684
|
const W = S * (u ? 20 : 16) + 12;
|
|
3678
3685
|
return /* @__PURE__ */ l("div", { children: [
|
|
3679
3686
|
/* @__PURE__ */ l(
|
|
@@ -3686,14 +3693,14 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3686
3693
|
flex items-center py-1.5 cursor-pointer select-none transition-colors relative
|
|
3687
3694
|
${b ? `hover:bg-gray-100 dark:hover:bg-gray-800 ${w ? "bg-blue-50 dark:bg-blue-900/20 text-blue-700" : "text-gray-700 dark:text-gray-200"}` : ""}
|
|
3688
3695
|
${u ? `mx-2 rounded-md ${w ? "bg-blue-500 text-white" : "text-gray-700 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800"}` : ""}
|
|
3689
|
-
${
|
|
3696
|
+
${x ? `border-l-2 ${w ? `bg-gray-50 dark:bg-gray-800/50 ${ee(t, "border")}` : "border-transparent hover:border-gray-300 dark:hover:border-gray-700"}` : ""}
|
|
3690
3697
|
`,
|
|
3691
3698
|
style: { paddingLeft: W },
|
|
3692
3699
|
children: [
|
|
3693
3700
|
/* @__PURE__ */ l("div", { className: `mr-2 w-4 h-4 flex items-center justify-center ${!C && N.type !== "folder" ? "opacity-0" : ""}`, children: [
|
|
3694
3701
|
b && (k ? /* @__PURE__ */ a(ar, { size: 16 }) : /* @__PURE__ */ a(at, { size: 16 })),
|
|
3695
3702
|
u && (k ? /* @__PURE__ */ a(ar, { size: 14, strokeWidth: 3 }) : /* @__PURE__ */ a(at, { size: 14, strokeWidth: 3 })),
|
|
3696
|
-
|
|
3703
|
+
x && (k ? /* @__PURE__ */ a("span", { className: "text-xs font-mono", children: "-" }) : /* @__PURE__ */ a("span", { className: "text-xs font-mono", children: "+" }))
|
|
3697
3704
|
] }),
|
|
3698
3705
|
/* @__PURE__ */ a(
|
|
3699
3706
|
T,
|
|
@@ -3712,7 +3719,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3712
3719
|
}
|
|
3713
3720
|
),
|
|
3714
3721
|
C && k && /* @__PURE__ */ l("div", { className: "relative", children: [
|
|
3715
|
-
|
|
3722
|
+
x && /* @__PURE__ */ a("div", { className: "absolute left-4 top-0 bottom-0 w-px bg-gray-200 dark:bg-gray-800", style: { left: W + 7 } }),
|
|
3716
3723
|
N.children.map((I) => y(I, S + 1))
|
|
3717
3724
|
] })
|
|
3718
3725
|
] }, N.id);
|
|
@@ -3742,7 +3749,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3742
3749
|
`,
|
|
3743
3750
|
children: [
|
|
3744
3751
|
/* @__PURE__ */ l("div", { className: "flex items-center gap-3 pb-4 border-b border-gray-100 dark:border-gray-800 flex-shrink-0", children: [
|
|
3745
|
-
/* @__PURE__ */ a("div", { className: `p-2 rounded-lg ${h ? "bg-gray-100 dark:bg-gray-800" : `${A(t, "bg", 50)} ${A(t, "text", 600)}`}`, children: /* @__PURE__ */ a(
|
|
3752
|
+
/* @__PURE__ */ a("div", { className: `p-2 rounded-lg ${h ? "bg-gray-100 dark:bg-gray-800" : `${A(t, "bg", 50)} ${A(t, "text", 600)}`}`, children: /* @__PURE__ */ a(yi, { size: 20 }) }),
|
|
3746
3753
|
/* @__PURE__ */ a("h3", { className: "font-bold text-gray-900 dark:text-white", children: "Order Summary" })
|
|
3747
3754
|
] }),
|
|
3748
3755
|
/* @__PURE__ */ l("div", { className: "space-y-4 flex-1 min-h-0 overflow-y-auto", children: [
|
|
@@ -3776,7 +3783,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3776
3783
|
}
|
|
3777
3784
|
),
|
|
3778
3785
|
/* @__PURE__ */ l("div", { className: "flex items-center justify-center gap-2 text-xs text-gray-500", children: [
|
|
3779
|
-
/* @__PURE__ */ a(
|
|
3786
|
+
/* @__PURE__ */ a(xi, { size: 14 }),
|
|
3780
3787
|
"Secure Encrypted Checkout"
|
|
3781
3788
|
] })
|
|
3782
3789
|
] })
|
|
@@ -3811,7 +3818,7 @@ ${i.isDisabled ? "opacity-50 cursor-not-allowed" : ""}
|
|
|
3811
3818
|
500: "#03a9f4",
|
|
3812
3819
|
700: "#0288d1",
|
|
3813
3820
|
900: "#01579b"
|
|
3814
|
-
},
|
|
3821
|
+
}, Bt = {
|
|
3815
3822
|
300: "#81c784",
|
|
3816
3823
|
400: "#66bb6a",
|
|
3817
3824
|
500: "#4caf50",
|
|
@@ -3894,7 +3901,7 @@ var ql = /* @__PURE__ */ function() {
|
|
|
3894
3901
|
return (s = n.parentNode) == null ? void 0 : s.removeChild(n);
|
|
3895
3902
|
}), this.tags = [], this.ctr = 0;
|
|
3896
3903
|
}, e;
|
|
3897
|
-
}(), Ve = "-ms-",
|
|
3904
|
+
}(), Ve = "-ms-", Br = "-moz-", me = "-webkit-", Ds = "comm", Ka = "rule", Xa = "decl", Kl = "@import", Ws = "@keyframes", Xl = "@layer", Jl = Math.abs, qr = String.fromCharCode, Ql = Object.assign;
|
|
3898
3905
|
function Zl(e, r) {
|
|
3899
3906
|
return Ue(e, 0) ^ 45 ? (((r << 2 ^ Ue(e, 0)) << 2 ^ Ue(e, 1)) << 2 ^ Ue(e, 2)) << 2 ^ Ue(e, 3) : 0;
|
|
3900
3907
|
}
|
|
@@ -4037,7 +4044,7 @@ function lc(e) {
|
|
|
4037
4044
|
return Hs(Ir("", null, null, null, [""], e = Vs(e), 0, [0], e));
|
|
4038
4045
|
}
|
|
4039
4046
|
function Ir(e, r, t, n, s, o, p, d, i) {
|
|
4040
|
-
for (var c = 0, m = 0, h = p, g = 0, f = 0, b = 0, u = 1,
|
|
4047
|
+
for (var c = 0, m = 0, h = p, g = 0, f = 0, b = 0, u = 1, x = 1, y = 1, N = 0, S = "", k = s, w = o, C = n, T = S; x; )
|
|
4041
4048
|
switch (b = N, N = qe()) {
|
|
4042
4049
|
case 40:
|
|
4043
4050
|
if (b != 108 && Ue(T, h - 1) == 58) {
|
|
@@ -4076,7 +4083,7 @@ function Ir(e, r, t, n, s, o, p, d, i) {
|
|
|
4076
4083
|
switch (N) {
|
|
4077
4084
|
case 0:
|
|
4078
4085
|
case 125:
|
|
4079
|
-
|
|
4086
|
+
x = 0;
|
|
4080
4087
|
case 59 + m:
|
|
4081
4088
|
y == -1 && (T = pe(T, /\f/g, "")), f > 0 && it(T) - h && Cr(f > 32 ? wn(T + ";", n, t, h - 1) : wn(pe(T, " ", "") + ";", n, t, h - 2), i);
|
|
4082
4089
|
break;
|
|
@@ -4126,13 +4133,13 @@ function Ir(e, r, t, n, s, o, p, d, i) {
|
|
|
4126
4133
|
return o;
|
|
4127
4134
|
}
|
|
4128
4135
|
function vn(e, r, t, n, s, o, p, d, i, c, m) {
|
|
4129
|
-
for (var h = s - 1, g = s === 0 ? o : [""], f = Ja(g), b = 0, u = 0,
|
|
4136
|
+
for (var h = s - 1, g = s === 0 ? o : [""], f = Ja(g), b = 0, u = 0, x = 0; b < n; ++b)
|
|
4130
4137
|
for (var y = 0, N = dr(e, h + 1, h = Jl(u = p[b])), S = e; y < f; ++y)
|
|
4131
|
-
(S = Us(u > 0 ? g[y] + " " + N : pe(N, /&\f/g, g[y]))) && (i[
|
|
4138
|
+
(S = Us(u > 0 ? g[y] + " " + N : pe(N, /&\f/g, g[y]))) && (i[x++] = S);
|
|
4132
4139
|
return Xr(e, r, t, s === 0 ? Ka : d, i, c, m);
|
|
4133
4140
|
}
|
|
4134
4141
|
function cc(e, r, t) {
|
|
4135
|
-
return Xr(e, r, t,
|
|
4142
|
+
return Xr(e, r, t, Ds, qr(rc()), dr(e, 2, -2), 0);
|
|
4136
4143
|
}
|
|
4137
4144
|
function wn(e, r, t, n) {
|
|
4138
4145
|
return Xr(e, r, t, Xa, dr(e, 0, n), dr(e, n + 1, -1), n);
|
|
@@ -4149,7 +4156,7 @@ function dc(e, r, t, n) {
|
|
|
4149
4156
|
case Kl:
|
|
4150
4157
|
case Xa:
|
|
4151
4158
|
return e.return = e.return || e.value;
|
|
4152
|
-
case
|
|
4159
|
+
case Ds:
|
|
4153
4160
|
return "";
|
|
4154
4161
|
case Ws:
|
|
4155
4162
|
return e.return = e.value + "{" + Ut(e.children, n) + "}";
|
|
@@ -4259,7 +4266,7 @@ function Gs(e, r) {
|
|
|
4259
4266
|
case 4810:
|
|
4260
4267
|
case 6968:
|
|
4261
4268
|
case 2756:
|
|
4262
|
-
return me + e +
|
|
4269
|
+
return me + e + Br + e + Ve + e + e;
|
|
4263
4270
|
case 6828:
|
|
4264
4271
|
case 4268:
|
|
4265
4272
|
return me + e + Ve + e + e;
|
|
@@ -4307,7 +4314,7 @@ function Gs(e, r) {
|
|
|
4307
4314
|
case 109:
|
|
4308
4315
|
if (Ue(e, r + 4) !== 45) break;
|
|
4309
4316
|
case 102:
|
|
4310
|
-
return pe(e, /(.+:)(.+)-([^]+)/, "$1" + me + "$2-$3$1" +
|
|
4317
|
+
return pe(e, /(.+:)(.+)-([^]+)/, "$1" + me + "$2-$3$1" + Br + (Ue(e, r + 3) == 108 ? "$3" : "$2-$3")) + e;
|
|
4311
4318
|
case 115:
|
|
4312
4319
|
return ~Sa(e, "stretch") ? Gs(pe(e, "stretch", "fill-available"), r) + e : e;
|
|
4313
4320
|
}
|
|
@@ -4350,13 +4357,13 @@ var yc = function(r, t, n, s) {
|
|
|
4350
4357
|
case ":read-only":
|
|
4351
4358
|
case ":read-write":
|
|
4352
4359
|
return Ut([Jt(r, {
|
|
4353
|
-
props: [pe(o, /:(read-\w+)/, ":" +
|
|
4360
|
+
props: [pe(o, /:(read-\w+)/, ":" + Br + "$1")]
|
|
4354
4361
|
})], s);
|
|
4355
4362
|
case "::placeholder":
|
|
4356
4363
|
return Ut([Jt(r, {
|
|
4357
4364
|
props: [pe(o, /:(plac\w+)/, ":" + me + "input-$1")]
|
|
4358
4365
|
}), Jt(r, {
|
|
4359
|
-
props: [pe(o, /:(plac\w+)/, ":" +
|
|
4366
|
+
props: [pe(o, /:(plac\w+)/, ":" + Br + "$1")]
|
|
4360
4367
|
}), Jt(r, {
|
|
4361
4368
|
props: [pe(o, /:(plac\w+)/, Ve + "input-$1")]
|
|
4362
4369
|
})], s);
|
|
@@ -4369,8 +4376,8 @@ var yc = function(r, t, n, s) {
|
|
|
4369
4376
|
if (t === "css") {
|
|
4370
4377
|
var n = document.querySelectorAll("style[data-emotion]:not([data-s])");
|
|
4371
4378
|
Array.prototype.forEach.call(n, function(u) {
|
|
4372
|
-
var
|
|
4373
|
-
|
|
4379
|
+
var x = u.getAttribute("data-emotion");
|
|
4380
|
+
x.indexOf(" ") !== -1 && (document.head.appendChild(u), u.setAttribute("data-s", ""));
|
|
4374
4381
|
});
|
|
4375
4382
|
}
|
|
4376
4383
|
var s = r.stylisPlugins || xc, o = {}, p, d = [];
|
|
@@ -4379,8 +4386,8 @@ var yc = function(r, t, n, s) {
|
|
|
4379
4386
|
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
|
|
4380
4387
|
document.querySelectorAll('style[data-emotion^="' + t + ' "]'),
|
|
4381
4388
|
function(u) {
|
|
4382
|
-
for (var
|
|
4383
|
-
o[
|
|
4389
|
+
for (var x = u.getAttribute("data-emotion").split(" "), y = 1; y < x.length; y++)
|
|
4390
|
+
o[x[y]] = !0;
|
|
4384
4391
|
d.push(u);
|
|
4385
4392
|
}
|
|
4386
4393
|
);
|
|
@@ -4388,11 +4395,11 @@ var yc = function(r, t, n, s) {
|
|
|
4388
4395
|
{
|
|
4389
4396
|
var m, h = [dc, hc(function(u) {
|
|
4390
4397
|
m.insert(u);
|
|
4391
|
-
})], g = uc(c.concat(s, h)), f = function(
|
|
4392
|
-
return Ut(lc(
|
|
4398
|
+
})], g = uc(c.concat(s, h)), f = function(x) {
|
|
4399
|
+
return Ut(lc(x), g);
|
|
4393
4400
|
};
|
|
4394
|
-
i = function(
|
|
4395
|
-
m = N, f(
|
|
4401
|
+
i = function(x, y, N, S) {
|
|
4402
|
+
m = N, f(x ? x + "{" + y.styles + "}" : y.styles), S && (b.inserted[y.name] = !0);
|
|
4396
4403
|
};
|
|
4397
4404
|
}
|
|
4398
4405
|
var b = {
|
|
@@ -4428,7 +4435,7 @@ var Nn;
|
|
|
4428
4435
|
function kc() {
|
|
4429
4436
|
if (Nn) return ge;
|
|
4430
4437
|
Nn = 1;
|
|
4431
|
-
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121,
|
|
4438
|
+
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
|
|
4432
4439
|
function S(w) {
|
|
4433
4440
|
if (typeof w == "object" && w !== null) {
|
|
4434
4441
|
var C = w.$$typeof;
|
|
@@ -4487,7 +4494,7 @@ function kc() {
|
|
|
4487
4494
|
}, ge.isSuspense = function(w) {
|
|
4488
4495
|
return S(w) === h;
|
|
4489
4496
|
}, ge.isValidElementType = function(w) {
|
|
4490
|
-
return typeof w == "string" || typeof w == "function" || w === n || w === c || w === o || w === s || w === h || w === g || typeof w == "object" && w !== null && (w.$$typeof === b || w.$$typeof === f || w.$$typeof === p || w.$$typeof === d || w.$$typeof === m || w.$$typeof ===
|
|
4497
|
+
return typeof w == "string" || typeof w == "function" || w === n || w === c || w === o || w === s || w === h || w === g || typeof w == "object" && w !== null && (w.$$typeof === b || w.$$typeof === f || w.$$typeof === p || w.$$typeof === d || w.$$typeof === m || w.$$typeof === x || w.$$typeof === y || w.$$typeof === N || w.$$typeof === u);
|
|
4491
4498
|
}, ge.typeOf = S, ge;
|
|
4492
4499
|
}
|
|
4493
4500
|
var fe = {};
|
|
@@ -4502,27 +4509,27 @@ var fe = {};
|
|
|
4502
4509
|
var $n;
|
|
4503
4510
|
function Nc() {
|
|
4504
4511
|
return $n || ($n = 1, process.env.NODE_ENV !== "production" && function() {
|
|
4505
|
-
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121,
|
|
4512
|
+
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
|
|
4506
4513
|
function S(O) {
|
|
4507
4514
|
return typeof O == "string" || typeof O == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
4508
|
-
O === n || O === c || O === o || O === s || O === h || O === g || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === f || O.$$typeof === p || O.$$typeof === d || O.$$typeof === m || O.$$typeof ===
|
|
4515
|
+
O === n || O === c || O === o || O === s || O === h || O === g || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === f || O.$$typeof === p || O.$$typeof === d || O.$$typeof === m || O.$$typeof === x || O.$$typeof === y || O.$$typeof === N || O.$$typeof === u);
|
|
4509
4516
|
}
|
|
4510
4517
|
function k(O) {
|
|
4511
4518
|
if (typeof O == "object" && O !== null) {
|
|
4512
4519
|
var Re = O.$$typeof;
|
|
4513
4520
|
switch (Re) {
|
|
4514
4521
|
case r:
|
|
4515
|
-
var
|
|
4516
|
-
switch (
|
|
4522
|
+
var De = O.type;
|
|
4523
|
+
switch (De) {
|
|
4517
4524
|
case i:
|
|
4518
4525
|
case c:
|
|
4519
4526
|
case n:
|
|
4520
4527
|
case o:
|
|
4521
4528
|
case s:
|
|
4522
4529
|
case h:
|
|
4523
|
-
return
|
|
4530
|
+
return De;
|
|
4524
4531
|
default:
|
|
4525
|
-
var H =
|
|
4532
|
+
var H = De && De.$$typeof;
|
|
4526
4533
|
switch (H) {
|
|
4527
4534
|
case d:
|
|
4528
4535
|
case m:
|
|
@@ -4539,7 +4546,7 @@ function Nc() {
|
|
|
4539
4546
|
}
|
|
4540
4547
|
}
|
|
4541
4548
|
}
|
|
4542
|
-
var w = i, C = c, T = d, W = p, I = r, z = m, j = n,
|
|
4549
|
+
var w = i, C = c, T = d, W = p, I = r, z = m, j = n, v = b, E = f, R = t, D = o, K = s, V = h, te = !1;
|
|
4543
4550
|
function Z(O) {
|
|
4544
4551
|
return te || (te = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), L(O) || k(O) === i;
|
|
4545
4552
|
}
|
|
@@ -4579,7 +4586,7 @@ function Nc() {
|
|
|
4579
4586
|
function Ne(O) {
|
|
4580
4587
|
return k(O) === h;
|
|
4581
4588
|
}
|
|
4582
|
-
fe.AsyncMode = w, fe.ConcurrentMode = C, fe.ContextConsumer = T, fe.ContextProvider = W, fe.Element = I, fe.ForwardRef = z, fe.Fragment = j, fe.Lazy =
|
|
4589
|
+
fe.AsyncMode = w, fe.ConcurrentMode = C, fe.ContextConsumer = T, fe.ContextProvider = W, fe.Element = I, fe.ForwardRef = z, fe.Fragment = j, fe.Lazy = v, fe.Memo = E, fe.Portal = R, fe.Profiler = D, fe.StrictMode = K, fe.Suspense = V, fe.isAsyncMode = Z, fe.isConcurrentMode = L, fe.isContextConsumer = M, fe.isContextProvider = P, fe.isElement = F, fe.isForwardRef = X, fe.isFragment = re, fe.isLazy = ne, fe.isMemo = oe, fe.isPortal = ce, fe.isProfiler = ue, fe.isStrictMode = he, fe.isSuspense = Ne, fe.isValidElementType = S, fe.typeOf = k;
|
|
4583
4590
|
}()), fe;
|
|
4584
4591
|
}
|
|
4585
4592
|
process.env.NODE_ENV === "production" ? Ea.exports = kc() : Ea.exports = Nc();
|
|
@@ -4835,8 +4842,8 @@ var Rc = function(r) {
|
|
|
4835
4842
|
);
|
|
4836
4843
|
eo.Provider;
|
|
4837
4844
|
var to = function(r) {
|
|
4838
|
-
return /* @__PURE__ */
|
|
4839
|
-
var s =
|
|
4845
|
+
return /* @__PURE__ */ Wo(function(t, n) {
|
|
4846
|
+
var s = Uo(eo);
|
|
4840
4847
|
return r(t, s, n);
|
|
4841
4848
|
});
|
|
4842
4849
|
}, Za = /* @__PURE__ */ Q.createContext({}), en = {}.hasOwnProperty, Ma = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", jc = function(r, t) {
|
|
@@ -4894,12 +4901,12 @@ function gr() {
|
|
|
4894
4901
|
}
|
|
4895
4902
|
};
|
|
4896
4903
|
}
|
|
4897
|
-
var
|
|
4904
|
+
var Bc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Dc = /* @__PURE__ */ Ys(
|
|
4898
4905
|
function(e) {
|
|
4899
|
-
return
|
|
4906
|
+
return Bc.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
|
|
4900
4907
|
}
|
|
4901
4908
|
/* Z+1 */
|
|
4902
|
-
), Wc =
|
|
4909
|
+
), Wc = Dc, Uc = function(r) {
|
|
4903
4910
|
return r !== "theme";
|
|
4904
4911
|
}, Mn = function(r) {
|
|
4905
4912
|
return typeof r == "string" && // 96 is one less than the char code
|
|
@@ -4934,20 +4941,20 @@ var Dc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
|
|
|
4934
4941
|
for (var f = m.length, b = 1; b < f; b++)
|
|
4935
4942
|
h.push(m[b], g[b]);
|
|
4936
4943
|
}
|
|
4937
|
-
var u = to(function(
|
|
4938
|
-
var S = c &&
|
|
4939
|
-
if (
|
|
4944
|
+
var u = to(function(x, y, N) {
|
|
4945
|
+
var S = c && x.as || s, k = "", w = [], C = x;
|
|
4946
|
+
if (x.theme == null) {
|
|
4940
4947
|
C = {};
|
|
4941
|
-
for (var T in
|
|
4942
|
-
C[T] =
|
|
4948
|
+
for (var T in x)
|
|
4949
|
+
C[T] = x[T];
|
|
4943
4950
|
C.theme = Q.useContext(Za);
|
|
4944
4951
|
}
|
|
4945
|
-
typeof
|
|
4952
|
+
typeof x.className == "string" ? k = Xs(y.registered, w, x.className) : x.className != null && (k = x.className + " ");
|
|
4946
4953
|
var W = Jr(h.concat(w), y.registered, C);
|
|
4947
4954
|
k += y.key + "-" + W.name, p !== void 0 && (k += " " + p);
|
|
4948
4955
|
var I = c && d === void 0 ? Mn(S) : i, z = {};
|
|
4949
|
-
for (var j in
|
|
4950
|
-
c && j === "as" || I(j) && (z[j] =
|
|
4956
|
+
for (var j in x)
|
|
4957
|
+
c && j === "as" || I(j) && (z[j] = x[j]);
|
|
4951
4958
|
return z.className = k, N && (z.ref = N), /* @__PURE__ */ Q.createElement(Q.Fragment, null, /* @__PURE__ */ Q.createElement(Fc, {
|
|
4952
4959
|
cache: y,
|
|
4953
4960
|
serialized: W,
|
|
@@ -4958,8 +4965,8 @@ var Dc = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|def
|
|
|
4958
4965
|
value: function() {
|
|
4959
4966
|
return "." + p;
|
|
4960
4967
|
}
|
|
4961
|
-
}), u.withComponent = function(
|
|
4962
|
-
var N = e(
|
|
4968
|
+
}), u.withComponent = function(x, y) {
|
|
4969
|
+
var N = e(x, Lr({}, t, y, {
|
|
4963
4970
|
shouldForwardProp: An(u, y, !0)
|
|
4964
4971
|
}));
|
|
4965
4972
|
return N.apply(void 0, h);
|
|
@@ -5118,7 +5125,7 @@ var zn;
|
|
|
5118
5125
|
function Yc() {
|
|
5119
5126
|
if (zn) return be;
|
|
5120
5127
|
zn = 1;
|
|
5121
|
-
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121,
|
|
5128
|
+
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
|
|
5122
5129
|
function S(w) {
|
|
5123
5130
|
if (typeof w == "object" && w !== null) {
|
|
5124
5131
|
var C = w.$$typeof;
|
|
@@ -5177,7 +5184,7 @@ function Yc() {
|
|
|
5177
5184
|
}, be.isSuspense = function(w) {
|
|
5178
5185
|
return S(w) === h;
|
|
5179
5186
|
}, be.isValidElementType = function(w) {
|
|
5180
|
-
return typeof w == "string" || typeof w == "function" || w === n || w === c || w === o || w === s || w === h || w === g || typeof w == "object" && w !== null && (w.$$typeof === b || w.$$typeof === f || w.$$typeof === p || w.$$typeof === d || w.$$typeof === m || w.$$typeof ===
|
|
5187
|
+
return typeof w == "string" || typeof w == "function" || w === n || w === c || w === o || w === s || w === h || w === g || typeof w == "object" && w !== null && (w.$$typeof === b || w.$$typeof === f || w.$$typeof === p || w.$$typeof === d || w.$$typeof === m || w.$$typeof === x || w.$$typeof === y || w.$$typeof === N || w.$$typeof === u);
|
|
5181
5188
|
}, be.typeOf = S, be;
|
|
5182
5189
|
}
|
|
5183
5190
|
var ye = {};
|
|
@@ -5192,27 +5199,27 @@ var ye = {};
|
|
|
5192
5199
|
var In;
|
|
5193
5200
|
function Gc() {
|
|
5194
5201
|
return In || (In = 1, process.env.NODE_ENV !== "production" && function() {
|
|
5195
|
-
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121,
|
|
5202
|
+
var e = typeof Symbol == "function" && Symbol.for, r = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, s = e ? Symbol.for("react.strict_mode") : 60108, o = e ? Symbol.for("react.profiler") : 60114, p = e ? Symbol.for("react.provider") : 60109, d = e ? Symbol.for("react.context") : 60110, i = e ? Symbol.for("react.async_mode") : 60111, c = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, h = e ? Symbol.for("react.suspense") : 60113, g = e ? Symbol.for("react.suspense_list") : 60120, f = e ? Symbol.for("react.memo") : 60115, b = e ? Symbol.for("react.lazy") : 60116, u = e ? Symbol.for("react.block") : 60121, x = e ? Symbol.for("react.fundamental") : 60117, y = e ? Symbol.for("react.responder") : 60118, N = e ? Symbol.for("react.scope") : 60119;
|
|
5196
5203
|
function S(O) {
|
|
5197
5204
|
return typeof O == "string" || typeof O == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
5198
|
-
O === n || O === c || O === o || O === s || O === h || O === g || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === f || O.$$typeof === p || O.$$typeof === d || O.$$typeof === m || O.$$typeof ===
|
|
5205
|
+
O === n || O === c || O === o || O === s || O === h || O === g || typeof O == "object" && O !== null && (O.$$typeof === b || O.$$typeof === f || O.$$typeof === p || O.$$typeof === d || O.$$typeof === m || O.$$typeof === x || O.$$typeof === y || O.$$typeof === N || O.$$typeof === u);
|
|
5199
5206
|
}
|
|
5200
5207
|
function k(O) {
|
|
5201
5208
|
if (typeof O == "object" && O !== null) {
|
|
5202
5209
|
var Re = O.$$typeof;
|
|
5203
5210
|
switch (Re) {
|
|
5204
5211
|
case r:
|
|
5205
|
-
var
|
|
5206
|
-
switch (
|
|
5212
|
+
var De = O.type;
|
|
5213
|
+
switch (De) {
|
|
5207
5214
|
case i:
|
|
5208
5215
|
case c:
|
|
5209
5216
|
case n:
|
|
5210
5217
|
case o:
|
|
5211
5218
|
case s:
|
|
5212
5219
|
case h:
|
|
5213
|
-
return
|
|
5220
|
+
return De;
|
|
5214
5221
|
default:
|
|
5215
|
-
var H =
|
|
5222
|
+
var H = De && De.$$typeof;
|
|
5216
5223
|
switch (H) {
|
|
5217
5224
|
case d:
|
|
5218
5225
|
case m:
|
|
@@ -5229,7 +5236,7 @@ function Gc() {
|
|
|
5229
5236
|
}
|
|
5230
5237
|
}
|
|
5231
5238
|
}
|
|
5232
|
-
var w = i, C = c, T = d, W = p, I = r, z = m, j = n,
|
|
5239
|
+
var w = i, C = c, T = d, W = p, I = r, z = m, j = n, v = b, E = f, R = t, D = o, K = s, V = h, te = !1;
|
|
5233
5240
|
function Z(O) {
|
|
5234
5241
|
return te || (te = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), L(O) || k(O) === i;
|
|
5235
5242
|
}
|
|
@@ -5269,7 +5276,7 @@ function Gc() {
|
|
|
5269
5276
|
function Ne(O) {
|
|
5270
5277
|
return k(O) === h;
|
|
5271
5278
|
}
|
|
5272
|
-
ye.AsyncMode = w, ye.ConcurrentMode = C, ye.ContextConsumer = T, ye.ContextProvider = W, ye.Element = I, ye.ForwardRef = z, ye.Fragment = j, ye.Lazy =
|
|
5279
|
+
ye.AsyncMode = w, ye.ConcurrentMode = C, ye.ContextConsumer = T, ye.ContextProvider = W, ye.Element = I, ye.ForwardRef = z, ye.Fragment = j, ye.Lazy = v, ye.Memo = E, ye.Portal = R, ye.Profiler = D, ye.StrictMode = K, ye.Suspense = V, ye.isAsyncMode = Z, ye.isConcurrentMode = L, ye.isContextConsumer = M, ye.isContextProvider = P, ye.isElement = F, ye.isForwardRef = X, ye.isFragment = re, ye.isLazy = ne, ye.isMemo = oe, ye.isPortal = ce, ye.isProfiler = ue, ye.isStrictMode = he, ye.isSuspense = Ne, ye.isValidElementType = S, ye.typeOf = k;
|
|
5273
5280
|
}()), ye;
|
|
5274
5281
|
}
|
|
5275
5282
|
var Rn;
|
|
@@ -5429,7 +5436,7 @@ function Xc() {
|
|
|
5429
5436
|
objectOf: W,
|
|
5430
5437
|
oneOf: T,
|
|
5431
5438
|
oneOfType: I,
|
|
5432
|
-
shape:
|
|
5439
|
+
shape: v,
|
|
5433
5440
|
exact: E
|
|
5434
5441
|
};
|
|
5435
5442
|
function b(L, M) {
|
|
@@ -5439,7 +5446,7 @@ function Xc() {
|
|
|
5439
5446
|
this.message = L, this.data = M && typeof M == "object" ? M : {}, this.stack = "";
|
|
5440
5447
|
}
|
|
5441
5448
|
u.prototype = Error.prototype;
|
|
5442
|
-
function
|
|
5449
|
+
function x(L) {
|
|
5443
5450
|
if (process.env.NODE_ENV !== "production")
|
|
5444
5451
|
var M = {}, P = 0;
|
|
5445
5452
|
function F(re, ne, oe, ce, ue, he, Ne) {
|
|
@@ -5474,10 +5481,10 @@ function Xc() {
|
|
|
5474
5481
|
}
|
|
5475
5482
|
return null;
|
|
5476
5483
|
}
|
|
5477
|
-
return
|
|
5484
|
+
return x(M);
|
|
5478
5485
|
}
|
|
5479
5486
|
function N() {
|
|
5480
|
-
return
|
|
5487
|
+
return x(p);
|
|
5481
5488
|
}
|
|
5482
5489
|
function S(L) {
|
|
5483
5490
|
function M(P, F, X, re, ne) {
|
|
@@ -5495,7 +5502,7 @@ function Xc() {
|
|
|
5495
5502
|
}
|
|
5496
5503
|
return null;
|
|
5497
5504
|
}
|
|
5498
|
-
return
|
|
5505
|
+
return x(M);
|
|
5499
5506
|
}
|
|
5500
5507
|
function k() {
|
|
5501
5508
|
function L(M, P, F, X, re) {
|
|
@@ -5506,7 +5513,7 @@ function Xc() {
|
|
|
5506
5513
|
}
|
|
5507
5514
|
return null;
|
|
5508
5515
|
}
|
|
5509
|
-
return
|
|
5516
|
+
return x(L);
|
|
5510
5517
|
}
|
|
5511
5518
|
function w() {
|
|
5512
5519
|
function L(M, P, F, X, re) {
|
|
@@ -5517,7 +5524,7 @@ function Xc() {
|
|
|
5517
5524
|
}
|
|
5518
5525
|
return null;
|
|
5519
5526
|
}
|
|
5520
|
-
return
|
|
5527
|
+
return x(L);
|
|
5521
5528
|
}
|
|
5522
5529
|
function C(L) {
|
|
5523
5530
|
function M(P, F, X, re, ne) {
|
|
@@ -5527,7 +5534,7 @@ function Xc() {
|
|
|
5527
5534
|
}
|
|
5528
5535
|
return null;
|
|
5529
5536
|
}
|
|
5530
|
-
return
|
|
5537
|
+
return x(M);
|
|
5531
5538
|
}
|
|
5532
5539
|
function T(L) {
|
|
5533
5540
|
if (!Array.isArray(L))
|
|
@@ -5544,7 +5551,7 @@ function Xc() {
|
|
|
5544
5551
|
});
|
|
5545
5552
|
return new u("Invalid " + re + " `" + ne + "` of value `" + String(oe) + "` " + ("supplied to `" + X + "`, expected one of " + ue + "."));
|
|
5546
5553
|
}
|
|
5547
|
-
return
|
|
5554
|
+
return x(M);
|
|
5548
5555
|
}
|
|
5549
5556
|
function W(L) {
|
|
5550
5557
|
function M(P, F, X, re, ne) {
|
|
@@ -5561,7 +5568,7 @@ function Xc() {
|
|
|
5561
5568
|
}
|
|
5562
5569
|
return null;
|
|
5563
5570
|
}
|
|
5564
|
-
return
|
|
5571
|
+
return x(M);
|
|
5565
5572
|
}
|
|
5566
5573
|
function I(L) {
|
|
5567
5574
|
if (!Array.isArray(L))
|
|
@@ -5583,20 +5590,20 @@ function Xc() {
|
|
|
5583
5590
|
var Re = ue.length > 0 ? ", expected one of type [" + ue.join(", ") + "]" : "";
|
|
5584
5591
|
return new u("Invalid " + oe + " `" + ce + "` supplied to " + ("`" + ne + "`" + Re + "."));
|
|
5585
5592
|
}
|
|
5586
|
-
return
|
|
5593
|
+
return x(F);
|
|
5587
5594
|
}
|
|
5588
5595
|
function z() {
|
|
5589
5596
|
function L(M, P, F, X, re) {
|
|
5590
5597
|
return R(M[P]) ? null : new u("Invalid " + X + " `" + re + "` supplied to " + ("`" + F + "`, expected a ReactNode."));
|
|
5591
5598
|
}
|
|
5592
|
-
return
|
|
5599
|
+
return x(L);
|
|
5593
5600
|
}
|
|
5594
5601
|
function j(L, M, P, F, X) {
|
|
5595
5602
|
return new u(
|
|
5596
5603
|
(L || "React class") + ": " + M + " type `" + P + "." + F + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + X + "`."
|
|
5597
5604
|
);
|
|
5598
5605
|
}
|
|
5599
|
-
function
|
|
5606
|
+
function v(L) {
|
|
5600
5607
|
function M(P, F, X, re, ne) {
|
|
5601
5608
|
var oe = P[F], ce = K(oe);
|
|
5602
5609
|
if (ce !== "object")
|
|
@@ -5611,7 +5618,7 @@ function Xc() {
|
|
|
5611
5618
|
}
|
|
5612
5619
|
return null;
|
|
5613
5620
|
}
|
|
5614
|
-
return
|
|
5621
|
+
return x(M);
|
|
5615
5622
|
}
|
|
5616
5623
|
function E(L) {
|
|
5617
5624
|
function M(P, F, X, re, ne) {
|
|
@@ -5634,7 +5641,7 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, " ")
|
|
|
5634
5641
|
}
|
|
5635
5642
|
return null;
|
|
5636
5643
|
}
|
|
5637
|
-
return
|
|
5644
|
+
return x(M);
|
|
5638
5645
|
}
|
|
5639
5646
|
function R(L) {
|
|
5640
5647
|
switch (typeof L) {
|
|
@@ -5669,12 +5676,12 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, " ")
|
|
|
5669
5676
|
return !1;
|
|
5670
5677
|
}
|
|
5671
5678
|
}
|
|
5672
|
-
function
|
|
5679
|
+
function D(L, M) {
|
|
5673
5680
|
return L === "symbol" ? !0 : M ? M["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && M instanceof Symbol : !1;
|
|
5674
5681
|
}
|
|
5675
5682
|
function K(L) {
|
|
5676
5683
|
var M = typeof L;
|
|
5677
|
-
return Array.isArray(L) ? "array" : L instanceof RegExp ? "object" :
|
|
5684
|
+
return Array.isArray(L) ? "array" : L instanceof RegExp ? "object" : D(M, L) ? "symbol" : M;
|
|
5678
5685
|
}
|
|
5679
5686
|
function V(L) {
|
|
5680
5687
|
if (typeof L > "u" || L === null)
|
|
@@ -5708,10 +5715,10 @@ Valid keys: ` + JSON.stringify(Object.keys(L), null, " ")
|
|
|
5708
5715
|
return f.checkPropTypes = s, f.resetWarningCache = s.resetWarningCache, f.PropTypes = f, f;
|
|
5709
5716
|
}, ya;
|
|
5710
5717
|
}
|
|
5711
|
-
var xa,
|
|
5718
|
+
var xa, Bn;
|
|
5712
5719
|
function Jc() {
|
|
5713
|
-
if (
|
|
5714
|
-
|
|
5720
|
+
if (Bn) return xa;
|
|
5721
|
+
Bn = 1;
|
|
5715
5722
|
var e = rn();
|
|
5716
5723
|
function r() {
|
|
5717
5724
|
}
|
|
@@ -5781,9 +5788,9 @@ function no(e, r) {
|
|
|
5781
5788
|
function td(e, r) {
|
|
5782
5789
|
Array.isArray(e.__emotion_styles) && (e.__emotion_styles = r(e.__emotion_styles));
|
|
5783
5790
|
}
|
|
5784
|
-
const
|
|
5791
|
+
const Dn = [];
|
|
5785
5792
|
function Mt(e) {
|
|
5786
|
-
return
|
|
5793
|
+
return Dn[0] = e, Jr(Dn);
|
|
5787
5794
|
}
|
|
5788
5795
|
var Ia = { exports: {} }, $e = {};
|
|
5789
5796
|
/**
|
|
@@ -5802,8 +5809,8 @@ function rd() {
|
|
|
5802
5809
|
var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.portal"), t = Symbol.for("react.fragment"), n = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), o = Symbol.for("react.consumer"), p = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), i = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), g = Symbol.for("react.view_transition"), f = Symbol.for("react.client.reference");
|
|
5803
5810
|
function b(u) {
|
|
5804
5811
|
if (typeof u == "object" && u !== null) {
|
|
5805
|
-
var
|
|
5806
|
-
switch (
|
|
5812
|
+
var x = u.$$typeof;
|
|
5813
|
+
switch (x) {
|
|
5807
5814
|
case e:
|
|
5808
5815
|
switch (u = u.type, u) {
|
|
5809
5816
|
case t:
|
|
@@ -5823,11 +5830,11 @@ function rd() {
|
|
|
5823
5830
|
case o:
|
|
5824
5831
|
return u;
|
|
5825
5832
|
default:
|
|
5826
|
-
return
|
|
5833
|
+
return x;
|
|
5827
5834
|
}
|
|
5828
5835
|
}
|
|
5829
5836
|
case r:
|
|
5830
|
-
return
|
|
5837
|
+
return x;
|
|
5831
5838
|
}
|
|
5832
5839
|
}
|
|
5833
5840
|
}
|
|
@@ -5874,8 +5881,8 @@ function ad() {
|
|
|
5874
5881
|
return Un || (Un = 1, process.env.NODE_ENV !== "production" && function() {
|
|
5875
5882
|
function e(u) {
|
|
5876
5883
|
if (typeof u == "object" && u !== null) {
|
|
5877
|
-
var
|
|
5878
|
-
switch (
|
|
5884
|
+
var x = u.$$typeof;
|
|
5885
|
+
switch (x) {
|
|
5879
5886
|
case r:
|
|
5880
5887
|
switch (u = u.type, u) {
|
|
5881
5888
|
case n:
|
|
@@ -5895,11 +5902,11 @@ function ad() {
|
|
|
5895
5902
|
case p:
|
|
5896
5903
|
return u;
|
|
5897
5904
|
default:
|
|
5898
|
-
return
|
|
5905
|
+
return x;
|
|
5899
5906
|
}
|
|
5900
5907
|
}
|
|
5901
5908
|
case t:
|
|
5902
|
-
return
|
|
5909
|
+
return x;
|
|
5903
5910
|
}
|
|
5904
5911
|
}
|
|
5905
5912
|
}
|
|
@@ -5934,7 +5941,7 @@ function ad() {
|
|
|
5934
5941
|
}()), Ce;
|
|
5935
5942
|
}
|
|
5936
5943
|
process.env.NODE_ENV === "production" ? Ia.exports = rd() : Ia.exports = ad();
|
|
5937
|
-
var
|
|
5944
|
+
var Dr = Ia.exports;
|
|
5938
5945
|
function ct(e) {
|
|
5939
5946
|
if (typeof e != "object" || e === null)
|
|
5940
5947
|
return !1;
|
|
@@ -5942,7 +5949,7 @@ function ct(e) {
|
|
|
5942
5949
|
return (r === null || r === Object.prototype || Object.getPrototypeOf(r) === null) && !(Symbol.toStringTag in e) && !(Symbol.iterator in e);
|
|
5943
5950
|
}
|
|
5944
5951
|
function so(e) {
|
|
5945
|
-
if (/* @__PURE__ */ Q.isValidElement(e) ||
|
|
5952
|
+
if (/* @__PURE__ */ Q.isValidElement(e) || Dr.isValidElementType(e) || !ct(e))
|
|
5946
5953
|
return e;
|
|
5947
5954
|
const r = {};
|
|
5948
5955
|
return Object.keys(e).forEach((t) => {
|
|
@@ -5956,7 +5963,7 @@ function Ke(e, r, t = {
|
|
|
5956
5963
|
...e
|
|
5957
5964
|
} : e;
|
|
5958
5965
|
return ct(e) && ct(r) && Object.keys(r).forEach((s) => {
|
|
5959
|
-
/* @__PURE__ */ Q.isValidElement(r[s]) ||
|
|
5966
|
+
/* @__PURE__ */ Q.isValidElement(r[s]) || Dr.isValidElementType(r[s]) ? n[s] = r[s] : ct(r[s]) && // Avoid prototype pollution
|
|
5960
5967
|
Object.prototype.hasOwnProperty.call(e, s) && ct(e[s]) ? n[s] = Ke(e[s], r[s], t) : t.clone ? n[s] = ct(r[s]) ? so(r[s]) : r[s] : n[s] = r[s];
|
|
5961
5968
|
}), n;
|
|
5962
5969
|
}
|
|
@@ -6341,14 +6348,14 @@ const zd = Oe({
|
|
|
6341
6348
|
prop: "gridTemplateRows"
|
|
6342
6349
|
}), Ld = Oe({
|
|
6343
6350
|
prop: "gridTemplateAreas"
|
|
6344
|
-
}),
|
|
6351
|
+
}), Bd = Oe({
|
|
6345
6352
|
prop: "gridArea"
|
|
6346
6353
|
});
|
|
6347
|
-
ra(na, sa, oa, zd, Id, Rd, Od, jd, _d, Pd, Ld,
|
|
6354
|
+
ra(na, sa, oa, zd, Id, Rd, Od, jd, _d, Pd, Ld, Bd);
|
|
6348
6355
|
function Ft(e, r) {
|
|
6349
6356
|
return r === "grey" ? r : e;
|
|
6350
6357
|
}
|
|
6351
|
-
const
|
|
6358
|
+
const Dd = Oe({
|
|
6352
6359
|
prop: "color",
|
|
6353
6360
|
themeKey: "palette",
|
|
6354
6361
|
transform: Ft
|
|
@@ -6362,7 +6369,7 @@ const Bd = Oe({
|
|
|
6362
6369
|
themeKey: "palette",
|
|
6363
6370
|
transform: Ft
|
|
6364
6371
|
});
|
|
6365
|
-
ra(
|
|
6372
|
+
ra(Dd, Wd, Ud);
|
|
6366
6373
|
function Ge(e) {
|
|
6367
6374
|
return e <= 1 && e !== 0 ? `${e * 100}%` : e;
|
|
6368
6375
|
}
|
|
@@ -6767,8 +6774,8 @@ function Jd() {
|
|
|
6767
6774
|
else {
|
|
6768
6775
|
const u = pt({
|
|
6769
6776
|
theme: s
|
|
6770
|
-
}, b, (
|
|
6771
|
-
[f]:
|
|
6777
|
+
}, b, (x) => ({
|
|
6778
|
+
[f]: x
|
|
6772
6779
|
}));
|
|
6773
6780
|
Kd(u, b) ? g[f] = r({
|
|
6774
6781
|
sx: b,
|
|
@@ -6968,9 +6975,9 @@ function o0(e) {
|
|
|
6968
6975
|
return mo(e, "Component");
|
|
6969
6976
|
if (typeof e == "object")
|
|
6970
6977
|
switch (e.$$typeof) {
|
|
6971
|
-
case
|
|
6978
|
+
case Dr.ForwardRef:
|
|
6972
6979
|
return qn(e, e.render, "ForwardRef");
|
|
6973
|
-
case
|
|
6980
|
+
case Dr.Memo:
|
|
6974
6981
|
return qn(e, e.type, "memo");
|
|
6975
6982
|
default:
|
|
6976
6983
|
return;
|
|
@@ -7067,7 +7074,7 @@ function d0(e = {}) {
|
|
|
7067
7074
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
7068
7075
|
overridesResolver: f = l0(fo(m)),
|
|
7069
7076
|
...b
|
|
7070
|
-
} = i, u = c && c.startsWith("Mui") || m ? "components" : "custom",
|
|
7077
|
+
} = i, u = c && c.startsWith("Mui") || m ? "components" : "custom", x = h !== void 0 ? h : (
|
|
7071
7078
|
// TODO v6: remove `Root` in the next major release
|
|
7072
7079
|
// For more details: https://github.com/mui/material-ui/pull/37908
|
|
7073
7080
|
m && m !== "Root" && m !== "root" || !1
|
|
@@ -7096,21 +7103,21 @@ function d0(e = {}) {
|
|
|
7096
7103
|
const T = [], W = C.map(k), I = [];
|
|
7097
7104
|
if (T.push(o), c && f && I.push(function(E) {
|
|
7098
7105
|
var V, te;
|
|
7099
|
-
const
|
|
7100
|
-
if (!
|
|
7106
|
+
const D = (te = (V = E.theme.components) == null ? void 0 : V[c]) == null ? void 0 : te.styleOverrides;
|
|
7107
|
+
if (!D)
|
|
7101
7108
|
return null;
|
|
7102
7109
|
const K = {};
|
|
7103
|
-
for (const Z in
|
|
7104
|
-
K[Z] = Rr(E,
|
|
7110
|
+
for (const Z in D)
|
|
7111
|
+
K[Z] = Rr(E, D[Z], E.theme.modularCssLayers ? "theme" : void 0);
|
|
7105
7112
|
return f(E, K);
|
|
7106
|
-
}), c && !
|
|
7113
|
+
}), c && !x && I.push(function(E) {
|
|
7107
7114
|
var K, V;
|
|
7108
|
-
const R = E.theme,
|
|
7109
|
-
return
|
|
7115
|
+
const R = E.theme, D = (V = (K = R == null ? void 0 : R.components) == null ? void 0 : K[c]) == null ? void 0 : V.variants;
|
|
7116
|
+
return D ? go(E, D, [], E.theme.modularCssLayers ? "theme" : void 0) : null;
|
|
7110
7117
|
}), y || I.push(zt), Array.isArray(W[0])) {
|
|
7111
|
-
const
|
|
7112
|
-
let
|
|
7113
|
-
|
|
7118
|
+
const v = W.shift(), E = new Array(T.length).fill(""), R = new Array(I.length).fill("");
|
|
7119
|
+
let D;
|
|
7120
|
+
D = [...E, ...v, ...R], D.raw = [...E, ...v.raw, ...R], T.unshift(D);
|
|
7114
7121
|
}
|
|
7115
7122
|
const z = [...T, ...W, ...I], j = S(...z);
|
|
7116
7123
|
return d.muiName && (j.muiName = d.muiName), process.env.NODE_ENV !== "production" && (j.displayName = u0(c, m, d)), j;
|
|
@@ -7420,9 +7427,9 @@ function A0(e, r = {}) {
|
|
|
7420
7427
|
let f = g;
|
|
7421
7428
|
const b = {}, {
|
|
7422
7429
|
[i]: u,
|
|
7423
|
-
...
|
|
7430
|
+
...x
|
|
7424
7431
|
} = p;
|
|
7425
|
-
if (Object.entries(
|
|
7432
|
+
if (Object.entries(x || {}).forEach(([k, w]) => {
|
|
7426
7433
|
const {
|
|
7427
7434
|
vars: C,
|
|
7428
7435
|
css: T,
|
|
@@ -7473,10 +7480,10 @@ function A0(e, r = {}) {
|
|
|
7473
7480
|
generateStyleSheets: () => {
|
|
7474
7481
|
var I, z;
|
|
7475
7482
|
const k = [], w = e.defaultColorScheme || "light";
|
|
7476
|
-
function C(j,
|
|
7477
|
-
Object.keys(
|
|
7483
|
+
function C(j, v) {
|
|
7484
|
+
Object.keys(v).length && k.push(typeof j == "string" ? {
|
|
7478
7485
|
[j]: {
|
|
7479
|
-
...
|
|
7486
|
+
...v
|
|
7480
7487
|
}
|
|
7481
7488
|
} : j);
|
|
7482
7489
|
}
|
|
@@ -7490,8 +7497,8 @@ function A0(e, r = {}) {
|
|
|
7490
7497
|
if (T) {
|
|
7491
7498
|
const {
|
|
7492
7499
|
css: j
|
|
7493
|
-
} = T,
|
|
7494
|
-
colorScheme:
|
|
7500
|
+
} = T, v = (z = (I = p[w]) == null ? void 0 : I.palette) == null ? void 0 : z.mode, E = !n && v ? {
|
|
7501
|
+
colorScheme: v,
|
|
7495
7502
|
...j
|
|
7496
7503
|
} : {
|
|
7497
7504
|
...j
|
|
@@ -7501,14 +7508,14 @@ function A0(e, r = {}) {
|
|
|
7501
7508
|
}), E);
|
|
7502
7509
|
}
|
|
7503
7510
|
return Object.entries(W).forEach(([j, {
|
|
7504
|
-
css:
|
|
7511
|
+
css: v
|
|
7505
7512
|
}]) => {
|
|
7506
|
-
var
|
|
7507
|
-
const E = (K = (
|
|
7513
|
+
var D, K;
|
|
7514
|
+
const E = (K = (D = p[j]) == null ? void 0 : D.palette) == null ? void 0 : K.mode, R = !n && E ? {
|
|
7508
7515
|
colorScheme: E,
|
|
7509
|
-
...
|
|
7516
|
+
...v
|
|
7510
7517
|
} : {
|
|
7511
|
-
...
|
|
7518
|
+
...v
|
|
7512
7519
|
};
|
|
7513
7520
|
C(t(j, {
|
|
7514
7521
|
...R
|
|
@@ -7667,13 +7674,13 @@ function j0(e = "light") {
|
|
|
7667
7674
|
}
|
|
7668
7675
|
function _0(e = "light") {
|
|
7669
7676
|
return e === "dark" ? {
|
|
7670
|
-
main:
|
|
7671
|
-
light:
|
|
7672
|
-
dark:
|
|
7677
|
+
main: Bt[400],
|
|
7678
|
+
light: Bt[300],
|
|
7679
|
+
dark: Bt[700]
|
|
7673
7680
|
} : {
|
|
7674
|
-
main:
|
|
7675
|
-
light:
|
|
7676
|
-
dark:
|
|
7681
|
+
main: Bt[800],
|
|
7682
|
+
light: Bt[500],
|
|
7683
|
+
dark: Bt[900]
|
|
7677
7684
|
};
|
|
7678
7685
|
}
|
|
7679
7686
|
function P0(e = "light") {
|
|
@@ -7699,32 +7706,32 @@ function ln(e) {
|
|
|
7699
7706
|
colorSpace: s,
|
|
7700
7707
|
...o
|
|
7701
7708
|
} = e, p = e.primary || I0(r), d = e.secondary || R0(r), i = e.error || O0(r), c = e.info || j0(r), m = e.success || _0(r), h = e.warning || P0(r);
|
|
7702
|
-
function g(
|
|
7709
|
+
function g(x) {
|
|
7703
7710
|
if (s)
|
|
7704
|
-
return L0(
|
|
7705
|
-
const y = Kn(
|
|
7711
|
+
return L0(x);
|
|
7712
|
+
const y = Kn(x, ja.text.primary) >= t ? ja.text.primary : xo.text.primary;
|
|
7706
7713
|
if (process.env.NODE_ENV !== "production") {
|
|
7707
|
-
const N = Kn(
|
|
7708
|
-
N < 3 && console.error([`MUI: The contrast ratio of ${N}:1 for ${y} on ${
|
|
7714
|
+
const N = Kn(x, y);
|
|
7715
|
+
N < 3 && console.error([`MUI: The contrast ratio of ${N}:1 for ${y} on ${x}`, "falls below the WCAG recommended absolute minimum contrast ratio of 3:1.", "https://www.w3.org/TR/2008/REC-WCAG20-20081211/#visual-audio-contrast-contrast"].join(`
|
|
7709
7716
|
`));
|
|
7710
7717
|
}
|
|
7711
7718
|
return y;
|
|
7712
7719
|
}
|
|
7713
7720
|
const f = ({
|
|
7714
|
-
color:
|
|
7721
|
+
color: x,
|
|
7715
7722
|
name: y,
|
|
7716
7723
|
mainShade: N = 500,
|
|
7717
7724
|
lightShade: S = 300,
|
|
7718
7725
|
darkShade: k = 700
|
|
7719
7726
|
}) => {
|
|
7720
|
-
if (
|
|
7721
|
-
...
|
|
7722
|
-
}, !
|
|
7727
|
+
if (x = {
|
|
7728
|
+
...x
|
|
7729
|
+
}, !x.main && x[N] && (x.main = x[N]), !x.hasOwnProperty("main"))
|
|
7723
7730
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${y ? ` (${y})` : ""} provided to augmentColor(color) is invalid.
|
|
7724
7731
|
The color object needs to have a \`main\` property or a \`${N}\` property.` : vt(11, y ? ` (${y})` : "", N));
|
|
7725
|
-
if (typeof
|
|
7732
|
+
if (typeof x.main != "string")
|
|
7726
7733
|
throw new Error(process.env.NODE_ENV !== "production" ? `MUI: The color${y ? ` (${y})` : ""} provided to augmentColor(color) is invalid.
|
|
7727
|
-
\`color.main\` should be a string, but \`${JSON.stringify(
|
|
7734
|
+
\`color.main\` should be a string, but \`${JSON.stringify(x.main)}\` was provided instead.
|
|
7728
7735
|
|
|
7729
7736
|
Did you intend to use one of the following approaches?
|
|
7730
7737
|
|
|
@@ -7736,8 +7743,8 @@ const theme1 = createTheme({ palette: {
|
|
|
7736
7743
|
|
|
7737
7744
|
const theme2 = createTheme({ palette: {
|
|
7738
7745
|
primary: { main: green[500] },
|
|
7739
|
-
} });` : vt(12, y ? ` (${y})` : "", JSON.stringify(
|
|
7740
|
-
return s ? (ts(s,
|
|
7746
|
+
} });` : vt(12, y ? ` (${y})` : "", JSON.stringify(x.main)));
|
|
7747
|
+
return s ? (ts(s, x, "light", S, n), ts(s, x, "dark", k, n)) : (es(x, "light", S, n), es(x, "dark", k, n)), x.contrastText || (x.contrastText = g(x.main)), x;
|
|
7741
7748
|
};
|
|
7742
7749
|
let b;
|
|
7743
7750
|
return r === "light" ? b = yo() : r === "dark" && (b = vo()), process.env.NODE_ENV !== "production" && (b || console.error(`MUI: The palette mode \`${r}\` is not supported.`)), Ke({
|
|
@@ -7798,14 +7805,14 @@ const theme2 = createTheme({ palette: {
|
|
|
7798
7805
|
...b
|
|
7799
7806
|
}, o);
|
|
7800
7807
|
}
|
|
7801
|
-
function
|
|
7808
|
+
function B0(e) {
|
|
7802
7809
|
const r = {};
|
|
7803
7810
|
return Object.entries(e).forEach((n) => {
|
|
7804
7811
|
const [s, o] = n;
|
|
7805
7812
|
typeof o == "object" && (r[s] = `${o.fontStyle ? `${o.fontStyle} ` : ""}${o.fontVariant ? `${o.fontVariant} ` : ""}${o.fontWeight ? `${o.fontWeight} ` : ""}${o.fontStretch ? `${o.fontStretch} ` : ""}${o.fontSize || ""}${o.lineHeight ? `/${o.lineHeight} ` : ""}${o.fontFamily || ""}`);
|
|
7806
7813
|
}), r;
|
|
7807
7814
|
}
|
|
7808
|
-
function
|
|
7815
|
+
function D0(e, r) {
|
|
7809
7816
|
return {
|
|
7810
7817
|
toolbar: {
|
|
7811
7818
|
minHeight: 56,
|
|
@@ -7846,9 +7853,9 @@ function U0(e, r) {
|
|
|
7846
7853
|
...h
|
|
7847
7854
|
} = typeof r == "function" ? r(e) : r;
|
|
7848
7855
|
process.env.NODE_ENV !== "production" && (typeof n != "number" && console.error("MUI: `fontSize` is required to be a number."), typeof i != "number" && console.error("MUI: `htmlFontSize` is required to be a number."));
|
|
7849
|
-
const g = n / 14, f = m || ((
|
|
7856
|
+
const g = n / 14, f = m || ((x) => `${x / i * g}rem`), b = (x, y, N, S, k) => ({
|
|
7850
7857
|
fontFamily: t,
|
|
7851
|
-
fontWeight:
|
|
7858
|
+
fontWeight: x,
|
|
7852
7859
|
fontSize: f(y),
|
|
7853
7860
|
// Unitless following https://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/
|
|
7854
7861
|
lineHeight: N,
|
|
@@ -7898,10 +7905,10 @@ function U0(e, r) {
|
|
|
7898
7905
|
});
|
|
7899
7906
|
}
|
|
7900
7907
|
const F0 = 0.2, V0 = 0.14, H0 = 0.12;
|
|
7901
|
-
function
|
|
7908
|
+
function Me(...e) {
|
|
7902
7909
|
return [`${e[0]}px ${e[1]}px ${e[2]}px ${e[3]}px rgba(0,0,0,${F0})`, `${e[4]}px ${e[5]}px ${e[6]}px ${e[7]}px rgba(0,0,0,${V0})`, `${e[8]}px ${e[9]}px ${e[10]}px ${e[11]}px rgba(0,0,0,${H0})`].join(",");
|
|
7903
7910
|
}
|
|
7904
|
-
const Y0 = ["none",
|
|
7911
|
+
const Y0 = ["none", Me(0, 2, 1, -1, 0, 1, 1, 0, 0, 1, 3, 0), Me(0, 3, 1, -2, 0, 2, 2, 0, 0, 1, 5, 0), Me(0, 3, 3, -2, 0, 3, 4, 0, 0, 1, 8, 0), Me(0, 2, 4, -1, 0, 4, 5, 0, 0, 1, 10, 0), Me(0, 3, 5, -1, 0, 5, 8, 0, 0, 1, 14, 0), Me(0, 3, 5, -1, 0, 6, 10, 0, 0, 1, 18, 0), Me(0, 4, 5, -2, 0, 7, 10, 1, 0, 2, 16, 1), Me(0, 5, 5, -3, 0, 8, 10, 1, 0, 3, 14, 2), Me(0, 5, 6, -3, 0, 9, 12, 1, 0, 3, 16, 2), Me(0, 6, 6, -3, 0, 10, 14, 1, 0, 4, 18, 3), Me(0, 6, 7, -4, 0, 11, 15, 1, 0, 4, 20, 3), Me(0, 7, 8, -4, 0, 12, 17, 2, 0, 5, 22, 4), Me(0, 7, 8, -4, 0, 13, 19, 2, 0, 5, 24, 4), Me(0, 7, 9, -4, 0, 14, 21, 2, 0, 5, 26, 4), Me(0, 8, 9, -5, 0, 15, 22, 2, 0, 6, 28, 5), Me(0, 8, 10, -5, 0, 16, 24, 2, 0, 6, 30, 5), Me(0, 8, 11, -5, 0, 17, 26, 2, 0, 6, 32, 5), Me(0, 9, 11, -5, 0, 18, 28, 2, 0, 7, 34, 6), Me(0, 9, 12, -6, 0, 19, 29, 2, 0, 7, 36, 6), Me(0, 10, 13, -6, 0, 20, 31, 3, 0, 8, 38, 7), Me(0, 10, 13, -6, 0, 21, 33, 3, 0, 8, 40, 7), Me(0, 10, 14, -6, 0, 22, 35, 3, 0, 8, 42, 7), Me(0, 11, 14, -7, 0, 23, 36, 3, 0, 9, 44, 8), Me(0, 11, 15, -7, 0, 24, 38, 3, 0, 9, 46, 8)], G0 = {
|
|
7905
7912
|
// This is the most common easing curve.
|
|
7906
7913
|
easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
|
|
7907
7914
|
// Objects enter the screen at full velocity from off-screen and
|
|
@@ -8048,7 +8055,7 @@ function _a(e = {}, ...r) {
|
|
|
8048
8055
|
colorSpace: c
|
|
8049
8056
|
}), g = sn(e);
|
|
8050
8057
|
let f = Ke(g, {
|
|
8051
|
-
mixins:
|
|
8058
|
+
mixins: D0(g.breakpoints, n),
|
|
8052
8059
|
palette: h,
|
|
8053
8060
|
// Don't use [...shadows] until you've verified its transpiled code is not invoking the iterator protocol.
|
|
8054
8061
|
shadows: Y0.slice(),
|
|
@@ -8059,27 +8066,27 @@ function _a(e = {}, ...r) {
|
|
|
8059
8066
|
}
|
|
8060
8067
|
});
|
|
8061
8068
|
if (f = Ke(f, m), f = r.reduce((b, u) => Ke(b, u), f), process.env.NODE_ENV !== "production") {
|
|
8062
|
-
const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], u = (
|
|
8069
|
+
const b = ["active", "checked", "completed", "disabled", "error", "expanded", "focused", "focusVisible", "required", "selected"], u = (x, y) => {
|
|
8063
8070
|
let N;
|
|
8064
|
-
for (N in
|
|
8065
|
-
const S =
|
|
8071
|
+
for (N in x) {
|
|
8072
|
+
const S = x[N];
|
|
8066
8073
|
if (b.includes(N) && Object.keys(S).length > 0) {
|
|
8067
8074
|
if (process.env.NODE_ENV !== "production") {
|
|
8068
8075
|
const k = ft("", N);
|
|
8069
|
-
console.error([`MUI: The \`${y}\` component increases the CSS specificity of the \`${N}\` internal state.`, "You can not override it like this: ", JSON.stringify(
|
|
8076
|
+
console.error([`MUI: The \`${y}\` component increases the CSS specificity of the \`${N}\` internal state.`, "You can not override it like this: ", JSON.stringify(x, null, 2), "", `Instead, you need to use the '&.${k}' syntax:`, JSON.stringify({
|
|
8070
8077
|
root: {
|
|
8071
8078
|
[`&.${k}`]: S
|
|
8072
8079
|
}
|
|
8073
8080
|
}, null, 2), "", "https://mui.com/r/state-classes-guide"].join(`
|
|
8074
8081
|
`));
|
|
8075
8082
|
}
|
|
8076
|
-
|
|
8083
|
+
x[N] = {};
|
|
8077
8084
|
}
|
|
8078
8085
|
}
|
|
8079
8086
|
};
|
|
8080
|
-
Object.keys(f.components).forEach((
|
|
8081
|
-
const y = f.components[
|
|
8082
|
-
y &&
|
|
8087
|
+
Object.keys(f.components).forEach((x) => {
|
|
8088
|
+
const y = f.components[x].styleOverrides;
|
|
8089
|
+
y && x.startsWith("Mui") && u(y, x);
|
|
8083
8090
|
});
|
|
8084
8091
|
}
|
|
8085
8092
|
return f.unstable_sxConfig = {
|
|
@@ -8256,7 +8263,7 @@ function cu(e = {}, ...r) {
|
|
|
8256
8263
|
} = e, h = Object.keys(t)[0], g = n || (t.light && h !== "light" ? "light" : h), f = lu(o), {
|
|
8257
8264
|
[g]: b,
|
|
8258
8265
|
light: u,
|
|
8259
|
-
dark:
|
|
8266
|
+
dark: x,
|
|
8260
8267
|
...y
|
|
8261
8268
|
} = t, N = {
|
|
8262
8269
|
...y
|
|
@@ -8267,7 +8274,7 @@ function cu(e = {}, ...r) {
|
|
|
8267
8274
|
let k;
|
|
8268
8275
|
p && (k = "oklch");
|
|
8269
8276
|
const w = ka(k, N, S, m, g);
|
|
8270
|
-
u && !N.light && ka(k, N, u, void 0, "light"),
|
|
8277
|
+
u && !N.light && ka(k, N, u, void 0, "light"), x && !N.dark && ka(k, N, x, void 0, "dark");
|
|
8271
8278
|
let C = {
|
|
8272
8279
|
defaultColorScheme: g,
|
|
8273
8280
|
...w,
|
|
@@ -8277,39 +8284,39 @@ function cu(e = {}, ...r) {
|
|
|
8277
8284
|
getCssVar: f,
|
|
8278
8285
|
colorSchemes: N,
|
|
8279
8286
|
font: {
|
|
8280
|
-
...
|
|
8287
|
+
...B0(w.typography),
|
|
8281
8288
|
...w.font
|
|
8282
8289
|
},
|
|
8283
8290
|
spacing: iu(m.spacing)
|
|
8284
8291
|
};
|
|
8285
8292
|
Object.keys(C.colorSchemes).forEach((j) => {
|
|
8286
|
-
const
|
|
8287
|
-
const K =
|
|
8288
|
-
return f(
|
|
8293
|
+
const v = C.colorSchemes[j].palette, E = (D) => {
|
|
8294
|
+
const K = D.split("-"), V = K[1], te = K[2];
|
|
8295
|
+
return f(D, v[V][te]);
|
|
8289
8296
|
};
|
|
8290
|
-
|
|
8291
|
-
function R(
|
|
8297
|
+
v.mode === "light" && (_(v.common, "background", "#fff"), _(v.common, "onBackground", "#000")), v.mode === "dark" && (_(v.common, "background", "#000"), _(v.common, "onBackground", "#fff"));
|
|
8298
|
+
function R(D, K, V) {
|
|
8292
8299
|
if (k) {
|
|
8293
8300
|
let te;
|
|
8294
|
-
return
|
|
8301
|
+
return D === Ct && (te = `transparent ${((1 - V) * 100).toFixed(0)}%`), D === ve && (te = `#000 ${(V * 100).toFixed(0)}%`), D === we && (te = `#fff ${(V * 100).toFixed(0)}%`), `color-mix(in ${k}, ${K}, ${te})`;
|
|
8295
8302
|
}
|
|
8296
|
-
return
|
|
8303
|
+
return D(K, V);
|
|
8297
8304
|
}
|
|
8298
|
-
if (ou(
|
|
8299
|
-
_(
|
|
8300
|
-
const
|
|
8301
|
-
_(
|
|
8305
|
+
if (ou(v, ["Alert", "AppBar", "Avatar", "Button", "Chip", "FilledInput", "LinearProgress", "Skeleton", "Slider", "SnackbarContent", "SpeedDialAction", "StepConnector", "StepContent", "Switch", "TableCell", "Tooltip"]), v.mode === "light") {
|
|
8306
|
+
_(v.Alert, "errorColor", R(ve, v.error.light, 0.6)), _(v.Alert, "infoColor", R(ve, v.info.light, 0.6)), _(v.Alert, "successColor", R(ve, v.success.light, 0.6)), _(v.Alert, "warningColor", R(ve, v.warning.light, 0.6)), _(v.Alert, "errorFilledBg", E("palette-error-main")), _(v.Alert, "infoFilledBg", E("palette-info-main")), _(v.Alert, "successFilledBg", E("palette-success-main")), _(v.Alert, "warningFilledBg", E("palette-warning-main")), _(v.Alert, "errorFilledColor", ot(() => v.getContrastText(v.error.main))), _(v.Alert, "infoFilledColor", ot(() => v.getContrastText(v.info.main))), _(v.Alert, "successFilledColor", ot(() => v.getContrastText(v.success.main))), _(v.Alert, "warningFilledColor", ot(() => v.getContrastText(v.warning.main))), _(v.Alert, "errorStandardBg", R(we, v.error.light, 0.9)), _(v.Alert, "infoStandardBg", R(we, v.info.light, 0.9)), _(v.Alert, "successStandardBg", R(we, v.success.light, 0.9)), _(v.Alert, "warningStandardBg", R(we, v.warning.light, 0.9)), _(v.Alert, "errorIconColor", E("palette-error-main")), _(v.Alert, "infoIconColor", E("palette-info-main")), _(v.Alert, "successIconColor", E("palette-success-main")), _(v.Alert, "warningIconColor", E("palette-warning-main")), _(v.AppBar, "defaultBg", E("palette-grey-100")), _(v.Avatar, "defaultBg", E("palette-grey-400")), _(v.Button, "inheritContainedBg", E("palette-grey-300")), _(v.Button, "inheritContainedHoverBg", E("palette-grey-A100")), _(v.Chip, "defaultBorder", E("palette-grey-400")), _(v.Chip, "defaultAvatarColor", E("palette-grey-700")), _(v.Chip, "defaultIconColor", E("palette-grey-700")), _(v.FilledInput, "bg", "rgba(0, 0, 0, 0.06)"), _(v.FilledInput, "hoverBg", "rgba(0, 0, 0, 0.09)"), _(v.FilledInput, "disabledBg", "rgba(0, 0, 0, 0.12)"), _(v.LinearProgress, "primaryBg", R(we, v.primary.main, 0.62)), _(v.LinearProgress, "secondaryBg", R(we, v.secondary.main, 0.62)), _(v.LinearProgress, "errorBg", R(we, v.error.main, 0.62)), _(v.LinearProgress, "infoBg", R(we, v.info.main, 0.62)), _(v.LinearProgress, "successBg", R(we, v.success.main, 0.62)), _(v.LinearProgress, "warningBg", R(we, v.warning.main, 0.62)), _(v.Skeleton, "bg", k ? R(Ct, v.text.primary, 0.11) : `rgba(${E("palette-text-primaryChannel")} / 0.11)`), _(v.Slider, "primaryTrack", R(we, v.primary.main, 0.62)), _(v.Slider, "secondaryTrack", R(we, v.secondary.main, 0.62)), _(v.Slider, "errorTrack", R(we, v.error.main, 0.62)), _(v.Slider, "infoTrack", R(we, v.info.main, 0.62)), _(v.Slider, "successTrack", R(we, v.success.main, 0.62)), _(v.Slider, "warningTrack", R(we, v.warning.main, 0.62));
|
|
8307
|
+
const D = k ? R(ve, v.background.default, 0.6825) : Tr(v.background.default, 0.8);
|
|
8308
|
+
_(v.SnackbarContent, "bg", D), _(v.SnackbarContent, "color", ot(() => k ? ja.text.primary : v.getContrastText(D))), _(v.SpeedDialAction, "fabHoverBg", Tr(v.background.paper, 0.15)), _(v.StepConnector, "border", E("palette-grey-400")), _(v.StepContent, "border", E("palette-grey-400")), _(v.Switch, "defaultColor", E("palette-common-white")), _(v.Switch, "defaultDisabledColor", E("palette-grey-100")), _(v.Switch, "primaryDisabledColor", R(we, v.primary.main, 0.62)), _(v.Switch, "secondaryDisabledColor", R(we, v.secondary.main, 0.62)), _(v.Switch, "errorDisabledColor", R(we, v.error.main, 0.62)), _(v.Switch, "infoDisabledColor", R(we, v.info.main, 0.62)), _(v.Switch, "successDisabledColor", R(we, v.success.main, 0.62)), _(v.Switch, "warningDisabledColor", R(we, v.warning.main, 0.62)), _(v.TableCell, "border", R(we, R(Ct, v.divider, 1), 0.88)), _(v.Tooltip, "bg", R(Ct, v.grey[700], 0.92));
|
|
8302
8309
|
}
|
|
8303
|
-
if (
|
|
8304
|
-
_(
|
|
8305
|
-
const
|
|
8306
|
-
_(
|
|
8310
|
+
if (v.mode === "dark") {
|
|
8311
|
+
_(v.Alert, "errorColor", R(we, v.error.light, 0.6)), _(v.Alert, "infoColor", R(we, v.info.light, 0.6)), _(v.Alert, "successColor", R(we, v.success.light, 0.6)), _(v.Alert, "warningColor", R(we, v.warning.light, 0.6)), _(v.Alert, "errorFilledBg", E("palette-error-dark")), _(v.Alert, "infoFilledBg", E("palette-info-dark")), _(v.Alert, "successFilledBg", E("palette-success-dark")), _(v.Alert, "warningFilledBg", E("palette-warning-dark")), _(v.Alert, "errorFilledColor", ot(() => v.getContrastText(v.error.dark))), _(v.Alert, "infoFilledColor", ot(() => v.getContrastText(v.info.dark))), _(v.Alert, "successFilledColor", ot(() => v.getContrastText(v.success.dark))), _(v.Alert, "warningFilledColor", ot(() => v.getContrastText(v.warning.dark))), _(v.Alert, "errorStandardBg", R(ve, v.error.light, 0.9)), _(v.Alert, "infoStandardBg", R(ve, v.info.light, 0.9)), _(v.Alert, "successStandardBg", R(ve, v.success.light, 0.9)), _(v.Alert, "warningStandardBg", R(ve, v.warning.light, 0.9)), _(v.Alert, "errorIconColor", E("palette-error-main")), _(v.Alert, "infoIconColor", E("palette-info-main")), _(v.Alert, "successIconColor", E("palette-success-main")), _(v.Alert, "warningIconColor", E("palette-warning-main")), _(v.AppBar, "defaultBg", E("palette-grey-900")), _(v.AppBar, "darkBg", E("palette-background-paper")), _(v.AppBar, "darkColor", E("palette-text-primary")), _(v.Avatar, "defaultBg", E("palette-grey-600")), _(v.Button, "inheritContainedBg", E("palette-grey-800")), _(v.Button, "inheritContainedHoverBg", E("palette-grey-700")), _(v.Chip, "defaultBorder", E("palette-grey-700")), _(v.Chip, "defaultAvatarColor", E("palette-grey-300")), _(v.Chip, "defaultIconColor", E("palette-grey-300")), _(v.FilledInput, "bg", "rgba(255, 255, 255, 0.09)"), _(v.FilledInput, "hoverBg", "rgba(255, 255, 255, 0.13)"), _(v.FilledInput, "disabledBg", "rgba(255, 255, 255, 0.12)"), _(v.LinearProgress, "primaryBg", R(ve, v.primary.main, 0.5)), _(v.LinearProgress, "secondaryBg", R(ve, v.secondary.main, 0.5)), _(v.LinearProgress, "errorBg", R(ve, v.error.main, 0.5)), _(v.LinearProgress, "infoBg", R(ve, v.info.main, 0.5)), _(v.LinearProgress, "successBg", R(ve, v.success.main, 0.5)), _(v.LinearProgress, "warningBg", R(ve, v.warning.main, 0.5)), _(v.Skeleton, "bg", k ? R(Ct, v.text.primary, 0.13) : `rgba(${E("palette-text-primaryChannel")} / 0.13)`), _(v.Slider, "primaryTrack", R(ve, v.primary.main, 0.5)), _(v.Slider, "secondaryTrack", R(ve, v.secondary.main, 0.5)), _(v.Slider, "errorTrack", R(ve, v.error.main, 0.5)), _(v.Slider, "infoTrack", R(ve, v.info.main, 0.5)), _(v.Slider, "successTrack", R(ve, v.success.main, 0.5)), _(v.Slider, "warningTrack", R(ve, v.warning.main, 0.5));
|
|
8312
|
+
const D = k ? R(we, v.background.default, 0.985) : Tr(v.background.default, 0.98);
|
|
8313
|
+
_(v.SnackbarContent, "bg", D), _(v.SnackbarContent, "color", ot(() => k ? xo.text.primary : v.getContrastText(D))), _(v.SpeedDialAction, "fabHoverBg", Tr(v.background.paper, 0.15)), _(v.StepConnector, "border", E("palette-grey-600")), _(v.StepContent, "border", E("palette-grey-600")), _(v.Switch, "defaultColor", E("palette-grey-300")), _(v.Switch, "defaultDisabledColor", E("palette-grey-600")), _(v.Switch, "primaryDisabledColor", R(ve, v.primary.main, 0.55)), _(v.Switch, "secondaryDisabledColor", R(ve, v.secondary.main, 0.55)), _(v.Switch, "errorDisabledColor", R(ve, v.error.main, 0.55)), _(v.Switch, "infoDisabledColor", R(ve, v.info.main, 0.55)), _(v.Switch, "successDisabledColor", R(ve, v.success.main, 0.55)), _(v.Switch, "warningDisabledColor", R(ve, v.warning.main, 0.55)), _(v.TableCell, "border", R(ve, R(Ct, v.divider, 1), 0.68)), _(v.Tooltip, "bg", R(Ct, v.grey[700], 0.92));
|
|
8307
8314
|
}
|
|
8308
|
-
ut(
|
|
8309
|
-
const K =
|
|
8310
|
-
|
|
8315
|
+
ut(v.background, "default"), ut(v.background, "paper"), ut(v.common, "background"), ut(v.common, "onBackground"), ut(v, "divider"), Object.keys(v).forEach((D) => {
|
|
8316
|
+
const K = v[D];
|
|
8317
|
+
D !== "tonalOffset" && K && typeof K == "object" && (K.main && _(v[D], "mainChannel", Zt(er(K.main))), K.light && _(v[D], "lightChannel", Zt(er(K.light))), K.dark && _(v[D], "darkChannel", Zt(er(K.dark))), K.contrastText && _(v[D], "contrastTextChannel", Zt(er(K.contrastText))), D === "text" && (ut(v[D], "primary"), ut(v[D], "secondary")), D === "action" && (K.active && ut(v[D], "active"), K.selected && ut(v[D], "selected")));
|
|
8311
8318
|
});
|
|
8312
|
-
}), C = r.reduce((j,
|
|
8319
|
+
}), C = r.reduce((j, v) => Ke(j, v), C);
|
|
8313
8320
|
const T = {
|
|
8314
8321
|
prefix: o,
|
|
8315
8322
|
disableCssColorScheme: s,
|
|
@@ -8321,16 +8328,16 @@ function cu(e = {}, ...r) {
|
|
|
8321
8328
|
generateThemeVars: I,
|
|
8322
8329
|
generateStyleSheets: z
|
|
8323
8330
|
} = A0(C, T);
|
|
8324
|
-
return C.vars = W, Object.entries(C.colorSchemes[C.defaultColorScheme]).forEach(([j,
|
|
8325
|
-
C[j] =
|
|
8331
|
+
return C.vars = W, Object.entries(C.colorSchemes[C.defaultColorScheme]).forEach(([j, v]) => {
|
|
8332
|
+
C[j] = v;
|
|
8326
8333
|
}), C.generateThemeVars = I, C.generateStyleSheets = z, C.generateSpacing = function() {
|
|
8327
8334
|
return io(m.spacing, an(this));
|
|
8328
8335
|
}, C.getColorSchemeSelector = z0(i), C.spacing = C.generateSpacing(), C.shouldSkipGeneratingVar = d, C.unstable_sxConfig = {
|
|
8329
8336
|
...yr,
|
|
8330
8337
|
...m == null ? void 0 : m.unstable_sxConfig
|
|
8331
|
-
}, C.unstable_sx = function(
|
|
8338
|
+
}, C.unstable_sx = function(v) {
|
|
8332
8339
|
return zt({
|
|
8333
|
-
sx:
|
|
8340
|
+
sx: v,
|
|
8334
8341
|
theme: this
|
|
8335
8342
|
});
|
|
8336
8343
|
}, C.toRuntimeSource = wo, C;
|
|
@@ -8488,13 +8495,13 @@ const gu = (e) => {
|
|
|
8488
8495
|
},
|
|
8489
8496
|
// TODO v5 deprecate color prop, v6 remove for sx
|
|
8490
8497
|
...Object.entries((e.vars ?? e).palette).filter(([, u]) => u && u.main).map(([u]) => {
|
|
8491
|
-
var
|
|
8498
|
+
var x, y;
|
|
8492
8499
|
return {
|
|
8493
8500
|
props: {
|
|
8494
8501
|
color: u
|
|
8495
8502
|
},
|
|
8496
8503
|
style: {
|
|
8497
|
-
color: (y = (
|
|
8504
|
+
color: (y = (x = (e.vars ?? e).palette) == null ? void 0 : x[u]) == null ? void 0 : y.main
|
|
8498
8505
|
}
|
|
8499
8506
|
};
|
|
8500
8507
|
}),
|
|
@@ -8548,8 +8555,8 @@ const gu = (e) => {
|
|
|
8548
8555
|
inheritViewBox: m,
|
|
8549
8556
|
viewBox: g,
|
|
8550
8557
|
hasSvgAsChild: b
|
|
8551
|
-
},
|
|
8552
|
-
m || (
|
|
8558
|
+
}, x = {};
|
|
8559
|
+
m || (x.viewBox = g);
|
|
8553
8560
|
const y = gu(u);
|
|
8554
8561
|
return /* @__PURE__ */ l(fu, {
|
|
8555
8562
|
as: d,
|
|
@@ -8559,7 +8566,7 @@ const gu = (e) => {
|
|
|
8559
8566
|
"aria-hidden": h ? void 0 : !0,
|
|
8560
8567
|
role: h ? "img" : void 0,
|
|
8561
8568
|
ref: t,
|
|
8562
|
-
...
|
|
8569
|
+
...x,
|
|
8563
8570
|
...f,
|
|
8564
8571
|
...b && s.props,
|
|
8565
8572
|
ownerState: u,
|
|
@@ -8698,13 +8705,13 @@ function bu(e, r) {
|
|
|
8698
8705
|
}
|
|
8699
8706
|
return t;
|
|
8700
8707
|
}
|
|
8701
|
-
function
|
|
8702
|
-
return
|
|
8708
|
+
function Ba(e, r) {
|
|
8709
|
+
return Ba = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
|
|
8703
8710
|
return t.__proto__ = n, t;
|
|
8704
|
-
},
|
|
8711
|
+
}, Ba(e, r);
|
|
8705
8712
|
}
|
|
8706
8713
|
function yu(e, r) {
|
|
8707
|
-
e.prototype = Object.create(r.prototype), e.prototype.constructor = e,
|
|
8714
|
+
e.prototype = Object.create(r.prototype), e.prototype.constructor = e, Ba(e, r);
|
|
8708
8715
|
}
|
|
8709
8716
|
const is = Wt.createContext(null);
|
|
8710
8717
|
function xu(e) {
|
|
@@ -8715,7 +8722,7 @@ function cn(e, r) {
|
|
|
8715
8722
|
var t = function(o) {
|
|
8716
8723
|
return r && Er(o) ? r(o) : o;
|
|
8717
8724
|
}, n = /* @__PURE__ */ Object.create(null);
|
|
8718
|
-
return e &&
|
|
8725
|
+
return e && Fo.map(e, function(s) {
|
|
8719
8726
|
return s;
|
|
8720
8727
|
}).forEach(function(s) {
|
|
8721
8728
|
n[s.key] = t(s);
|
|
@@ -9011,7 +9018,7 @@ function ju(e) {
|
|
|
9011
9018
|
internalRef: c.ref
|
|
9012
9019
|
};
|
|
9013
9020
|
}
|
|
9014
|
-
function
|
|
9021
|
+
function Dt(e, r) {
|
|
9015
9022
|
const {
|
|
9016
9023
|
className: t,
|
|
9017
9024
|
elementType: n,
|
|
@@ -9032,7 +9039,7 @@ function Bt(e, r) {
|
|
|
9032
9039
|
} = o, f = m[e] || n, b = Ru(h[e], s), {
|
|
9033
9040
|
props: {
|
|
9034
9041
|
component: u,
|
|
9035
|
-
...
|
|
9042
|
+
...x
|
|
9036
9043
|
},
|
|
9037
9044
|
internalRef: y
|
|
9038
9045
|
} = ju({
|
|
@@ -9043,7 +9050,7 @@ function Bt(e, r) {
|
|
|
9043
9050
|
}), N = La(y, b == null ? void 0 : b.ref, r.ref), S = e === "root" ? u || c : u, k = Iu(f, {
|
|
9044
9051
|
...e === "root" && !c && !m[e] && p,
|
|
9045
9052
|
...e !== "root" && !m[e] && p,
|
|
9046
|
-
...
|
|
9053
|
+
...x,
|
|
9047
9054
|
...S && !d && {
|
|
9048
9055
|
as: S
|
|
9049
9056
|
},
|
|
@@ -9076,17 +9083,17 @@ function To(e, r, t, n) {
|
|
|
9076
9083
|
function Eo(e, r, t, n) {
|
|
9077
9084
|
return e[r] === void 0 ? null : To(e, r, t, n);
|
|
9078
9085
|
}
|
|
9079
|
-
function
|
|
9086
|
+
function Da() {
|
|
9080
9087
|
return null;
|
|
9081
9088
|
}
|
|
9082
9089
|
Eo.isRequired = To;
|
|
9083
|
-
|
|
9084
|
-
const Pu = process.env.NODE_ENV === "production" ?
|
|
9090
|
+
Da.isRequired = Da;
|
|
9091
|
+
const Pu = process.env.NODE_ENV === "production" ? Da : Eo;
|
|
9085
9092
|
function Lu(e) {
|
|
9086
9093
|
return ft("MuiPaper", e);
|
|
9087
9094
|
}
|
|
9088
9095
|
bt("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
|
|
9089
|
-
const
|
|
9096
|
+
const Bu = (e) => {
|
|
9090
9097
|
const {
|
|
9091
9098
|
square: r,
|
|
9092
9099
|
elevation: t,
|
|
@@ -9096,7 +9103,7 @@ const Du = (e) => {
|
|
|
9096
9103
|
root: ["root", n, !r && "rounded", n === "elevation" && `elevation${t}`]
|
|
9097
9104
|
};
|
|
9098
9105
|
return Rt(o, Lu, s);
|
|
9099
|
-
},
|
|
9106
|
+
}, Du = He("div", {
|
|
9100
9107
|
name: "MuiPaper",
|
|
9101
9108
|
slot: "Root",
|
|
9102
9109
|
overridesResolver: (e, r) => {
|
|
@@ -9152,9 +9159,9 @@ const Du = (e) => {
|
|
|
9152
9159
|
elevation: d,
|
|
9153
9160
|
square: i,
|
|
9154
9161
|
variant: c
|
|
9155
|
-
}, g =
|
|
9162
|
+
}, g = Bu(h);
|
|
9156
9163
|
return process.env.NODE_ENV !== "production" && s.shadows[d] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${d}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${d}]\` is defined.`].join(`
|
|
9157
|
-
`)), /* @__PURE__ */ a(
|
|
9164
|
+
`)), /* @__PURE__ */ a(Du, {
|
|
9158
9165
|
as: p,
|
|
9159
9166
|
ownerState: h,
|
|
9160
9167
|
className: je(g.root, o),
|
|
@@ -9468,7 +9475,7 @@ const Je = bt("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
|
|
|
9468
9475
|
Q.useEffect(() => {
|
|
9469
9476
|
h.current && (h.current(), h.current = null);
|
|
9470
9477
|
}, [i]);
|
|
9471
|
-
const g = Q.useRef(!1), f = Tu(), b = Q.useRef(null), u = Q.useRef(null),
|
|
9478
|
+
const g = Q.useRef(!1), f = Tu(), b = Q.useRef(null), u = Q.useRef(null), x = Q.useCallback((k) => {
|
|
9472
9479
|
const {
|
|
9473
9480
|
pulsate: w,
|
|
9474
9481
|
rippleX: C,
|
|
@@ -9510,40 +9517,40 @@ const Je = bt("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsa
|
|
|
9510
9517
|
left: 0,
|
|
9511
9518
|
top: 0
|
|
9512
9519
|
};
|
|
9513
|
-
let
|
|
9520
|
+
let v, E, R;
|
|
9514
9521
|
if (W || k === void 0 || k.clientX === 0 && k.clientY === 0 || !k.clientX && !k.touches)
|
|
9515
|
-
|
|
9522
|
+
v = Math.round(j.width / 2), E = Math.round(j.height / 2);
|
|
9516
9523
|
else {
|
|
9517
9524
|
const {
|
|
9518
|
-
clientX:
|
|
9525
|
+
clientX: D,
|
|
9519
9526
|
clientY: K
|
|
9520
9527
|
} = k.touches && k.touches.length > 0 ? k.touches[0] : k;
|
|
9521
|
-
|
|
9528
|
+
v = Math.round(D - j.left), E = Math.round(K - j.top);
|
|
9522
9529
|
}
|
|
9523
9530
|
if (W)
|
|
9524
9531
|
R = Math.sqrt((2 * j.width ** 2 + j.height ** 2) / 3), R % 2 === 0 && (R += 1);
|
|
9525
9532
|
else {
|
|
9526
|
-
const
|
|
9527
|
-
R = Math.sqrt(
|
|
9533
|
+
const D = Math.max(Math.abs((z ? z.clientWidth : 0) - v), v) * 2 + 2, K = Math.max(Math.abs((z ? z.clientHeight : 0) - E), E) * 2 + 2;
|
|
9534
|
+
R = Math.sqrt(D ** 2 + K ** 2);
|
|
9528
9535
|
}
|
|
9529
9536
|
k != null && k.touches ? b.current === null && (b.current = () => {
|
|
9530
|
-
|
|
9537
|
+
x({
|
|
9531
9538
|
pulsate: T,
|
|
9532
|
-
rippleX:
|
|
9539
|
+
rippleX: v,
|
|
9533
9540
|
rippleY: E,
|
|
9534
9541
|
rippleSize: R,
|
|
9535
9542
|
cb: C
|
|
9536
9543
|
});
|
|
9537
9544
|
}, f.start(Vu, () => {
|
|
9538
9545
|
b.current && (b.current(), b.current = null);
|
|
9539
|
-
})) :
|
|
9546
|
+
})) : x({
|
|
9540
9547
|
pulsate: T,
|
|
9541
|
-
rippleX:
|
|
9548
|
+
rippleX: v,
|
|
9542
9549
|
rippleY: E,
|
|
9543
9550
|
rippleSize: R,
|
|
9544
9551
|
cb: C
|
|
9545
9552
|
});
|
|
9546
|
-
}, [s,
|
|
9553
|
+
}, [s, x, f]), N = Q.useCallback(() => {
|
|
9547
9554
|
y({}, {
|
|
9548
9555
|
pulsate: !0
|
|
9549
9556
|
});
|
|
@@ -9658,7 +9665,7 @@ const Ju = bt("MuiButtonBase", ["root", "disabled", "focusVisible"]), Qu = (e) =
|
|
|
9658
9665
|
focusVisibleClassName: f,
|
|
9659
9666
|
LinkComponent: b = "a",
|
|
9660
9667
|
onBlur: u,
|
|
9661
|
-
onClick:
|
|
9668
|
+
onClick: x,
|
|
9662
9669
|
onContextMenu: y,
|
|
9663
9670
|
onDragLeave: N,
|
|
9664
9671
|
onFocus: S,
|
|
@@ -9670,13 +9677,13 @@ const Ju = bt("MuiButtonBase", ["root", "disabled", "focusVisible"]), Qu = (e) =
|
|
|
9670
9677
|
onMouseUp: I,
|
|
9671
9678
|
onTouchEnd: z,
|
|
9672
9679
|
onTouchMove: j,
|
|
9673
|
-
onTouchStart:
|
|
9680
|
+
onTouchStart: v,
|
|
9674
9681
|
tabIndex: E = 0,
|
|
9675
9682
|
TouchRippleProps: R,
|
|
9676
|
-
touchRippleRef:
|
|
9683
|
+
touchRippleRef: D,
|
|
9677
9684
|
type: K,
|
|
9678
9685
|
...V
|
|
9679
|
-
} = n, te = Q.useRef(null), Z = Uu(), L = La(Z.ref,
|
|
9686
|
+
} = n, te = Q.useRef(null), Z = Uu(), L = La(Z.ref, D), [M, P] = Q.useState(!1);
|
|
9680
9687
|
c && M && P(!1), Q.useImperativeHandle(s, () => ({
|
|
9681
9688
|
focusVisible: () => {
|
|
9682
9689
|
P(!0), te.current.focus();
|
|
@@ -9688,21 +9695,21 @@ const Ju = bt("MuiButtonBase", ["root", "disabled", "focusVisible"]), Qu = (e) =
|
|
|
9688
9695
|
}, [m, g, M, Z]);
|
|
9689
9696
|
const X = ht(Z, "start", T, h), re = ht(Z, "stop", y, h), ne = ht(Z, "stop", N, h), oe = ht(Z, "stop", I, h), ce = ht(Z, "stop", (q) => {
|
|
9690
9697
|
M && q.preventDefault(), W && W(q);
|
|
9691
|
-
}, h), ue = ht(Z, "start",
|
|
9698
|
+
}, h), ue = ht(Z, "start", v, h), he = ht(Z, "stop", z, h), Ne = ht(Z, "stop", j, h), O = ht(Z, "stop", (q) => {
|
|
9692
9699
|
ds(q.target) || P(!1), u && u(q);
|
|
9693
9700
|
}, !1), Re = Or((q) => {
|
|
9694
9701
|
te.current || (te.current = q.currentTarget), ds(q.target) && (P(!0), k && k(q)), S && S(q);
|
|
9695
|
-
}),
|
|
9702
|
+
}), De = () => {
|
|
9696
9703
|
const q = te.current;
|
|
9697
9704
|
return i && i !== "button" && !(q.tagName === "A" && q.href);
|
|
9698
9705
|
}, H = Or((q) => {
|
|
9699
9706
|
g && !q.repeat && M && q.key === " " && Z.stop(q, () => {
|
|
9700
9707
|
Z.start(q);
|
|
9701
|
-
}), q.target === q.currentTarget &&
|
|
9708
|
+
}), q.target === q.currentTarget && De() && q.key === " " && q.preventDefault(), w && w(q), q.target === q.currentTarget && De() && q.key === "Enter" && !c && (q.preventDefault(), x && x(q));
|
|
9702
9709
|
}), de = Or((q) => {
|
|
9703
9710
|
g && q.key === " " && M && !q.defaultPrevented && Z.stop(q, () => {
|
|
9704
9711
|
Z.pulsate(q);
|
|
9705
|
-
}), C && C(q),
|
|
9712
|
+
}), C && C(q), x && q.target === q.currentTarget && De() && q.key === " " && !q.defaultPrevented && x(q);
|
|
9706
9713
|
});
|
|
9707
9714
|
let le = i;
|
|
9708
9715
|
le === "button" && (V.href || V.to) && (le = b);
|
|
@@ -9728,7 +9735,7 @@ const Ju = bt("MuiButtonBase", ["root", "disabled", "focusVisible"]), Qu = (e) =
|
|
|
9728
9735
|
className: je(ie.root, d),
|
|
9729
9736
|
ownerState: se,
|
|
9730
9737
|
onBlur: O,
|
|
9731
|
-
onClick:
|
|
9738
|
+
onClick: x,
|
|
9732
9739
|
onContextMenu: re,
|
|
9733
9740
|
onFocus: Re,
|
|
9734
9741
|
onKeyDown: H,
|
|
@@ -10091,10 +10098,10 @@ const rt = 44, Ua = gr`
|
|
|
10091
10098
|
value: h,
|
|
10092
10099
|
variant: g,
|
|
10093
10100
|
enableTrackSlot: d
|
|
10094
|
-
}, u = oh(b),
|
|
10101
|
+
}, u = oh(b), x = {}, y = {}, N = {};
|
|
10095
10102
|
if (g === "determinate") {
|
|
10096
10103
|
const S = 2 * Math.PI * ((rt - m) / 2);
|
|
10097
|
-
|
|
10104
|
+
x.strokeDasharray = S.toFixed(3), N["aria-valuenow"] = Math.round(h), x.strokeDashoffset = `${((100 - h) / 100 * S).toFixed(3)}px`, y.transform = "rotate(-90deg)";
|
|
10098
10105
|
}
|
|
10099
10106
|
return /* @__PURE__ */ a(ih, {
|
|
10100
10107
|
className: je(u.root, s),
|
|
@@ -10124,7 +10131,7 @@ const rt = 44, Ua = gr`
|
|
|
10124
10131
|
"aria-hidden": "true"
|
|
10125
10132
|
}) : null, /* @__PURE__ */ a(ch, {
|
|
10126
10133
|
className: u.circle,
|
|
10127
|
-
style:
|
|
10134
|
+
style: x,
|
|
10128
10135
|
ownerState: b,
|
|
10129
10136
|
cx: rt,
|
|
10130
10137
|
cy: rt,
|
|
@@ -10366,7 +10373,7 @@ const hs = bt("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
|
|
|
10366
10373
|
loading: g = null,
|
|
10367
10374
|
loadingIndicator: f,
|
|
10368
10375
|
...b
|
|
10369
|
-
} = n, u = C0(h),
|
|
10376
|
+
} = n, u = C0(h), x = f ?? /* @__PURE__ */ a(hn, {
|
|
10370
10377
|
"aria-labelledby": u,
|
|
10371
10378
|
color: "inherit",
|
|
10372
10379
|
size: 16
|
|
@@ -10377,7 +10384,7 @@ const hs = bt("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
|
|
|
10377
10384
|
disabled: i,
|
|
10378
10385
|
disableFocusRipple: c,
|
|
10379
10386
|
loading: g,
|
|
10380
|
-
loadingIndicator:
|
|
10387
|
+
loadingIndicator: x,
|
|
10381
10388
|
size: m
|
|
10382
10389
|
}, N = hh(y);
|
|
10383
10390
|
return /* @__PURE__ */ l(mh, {
|
|
@@ -10398,7 +10405,7 @@ const hs = bt("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimar
|
|
|
10398
10405
|
children: /* @__PURE__ */ a(ph, {
|
|
10399
10406
|
className: N.loadingIndicator,
|
|
10400
10407
|
ownerState: y,
|
|
10401
|
-
children: g &&
|
|
10408
|
+
children: g && x
|
|
10402
10409
|
})
|
|
10403
10410
|
}), o]
|
|
10404
10411
|
});
|
|
@@ -10623,7 +10630,7 @@ const gh = et(/* @__PURE__ */ a("path", {
|
|
|
10623
10630
|
onClose: f,
|
|
10624
10631
|
role: b = "alert",
|
|
10625
10632
|
severity: u = "success",
|
|
10626
|
-
slotProps:
|
|
10633
|
+
slotProps: x = {},
|
|
10627
10634
|
slots: y = {},
|
|
10628
10635
|
variant: N = "standard",
|
|
10629
10636
|
...S
|
|
@@ -10641,9 +10648,9 @@ const gh = et(/* @__PURE__ */ a("path", {
|
|
|
10641
10648
|
},
|
|
10642
10649
|
slotProps: {
|
|
10643
10650
|
...m,
|
|
10644
|
-
...
|
|
10651
|
+
...x
|
|
10645
10652
|
}
|
|
10646
|
-
}, [T, W] =
|
|
10653
|
+
}, [T, W] = Dt("root", {
|
|
10647
10654
|
ref: t,
|
|
10648
10655
|
shouldForwardComponentProp: !0,
|
|
10649
10656
|
className: je(w.root, p),
|
|
@@ -10657,26 +10664,26 @@ const gh = et(/* @__PURE__ */ a("path", {
|
|
|
10657
10664
|
role: b,
|
|
10658
10665
|
elevation: 0
|
|
10659
10666
|
}
|
|
10660
|
-
}), [I, z] =
|
|
10667
|
+
}), [I, z] = Dt("icon", {
|
|
10661
10668
|
className: w.icon,
|
|
10662
10669
|
elementType: kh,
|
|
10663
10670
|
externalForwardedProps: C,
|
|
10664
10671
|
ownerState: k
|
|
10665
|
-
}), [j,
|
|
10672
|
+
}), [j, v] = Dt("message", {
|
|
10666
10673
|
className: w.message,
|
|
10667
10674
|
elementType: Nh,
|
|
10668
10675
|
externalForwardedProps: C,
|
|
10669
10676
|
ownerState: k
|
|
10670
|
-
}), [E, R] =
|
|
10677
|
+
}), [E, R] = Dt("action", {
|
|
10671
10678
|
className: w.action,
|
|
10672
10679
|
elementType: $h,
|
|
10673
10680
|
externalForwardedProps: C,
|
|
10674
10681
|
ownerState: k
|
|
10675
|
-
}), [
|
|
10682
|
+
}), [D, K] = Dt("closeButton", {
|
|
10676
10683
|
elementType: Io,
|
|
10677
10684
|
externalForwardedProps: C,
|
|
10678
10685
|
ownerState: k
|
|
10679
|
-
}), [V, te] =
|
|
10686
|
+
}), [V, te] = Dt("closeIcon", {
|
|
10680
10687
|
elementType: xh,
|
|
10681
10688
|
externalForwardedProps: C,
|
|
10682
10689
|
ownerState: k
|
|
@@ -10687,14 +10694,14 @@ const gh = et(/* @__PURE__ */ a("path", {
|
|
|
10687
10694
|
...z,
|
|
10688
10695
|
children: h || g[u] || ms[u]
|
|
10689
10696
|
}) : null, /* @__PURE__ */ a(j, {
|
|
10690
|
-
...
|
|
10697
|
+
...v,
|
|
10691
10698
|
children: o
|
|
10692
10699
|
}), s != null ? /* @__PURE__ */ a(E, {
|
|
10693
10700
|
...R,
|
|
10694
10701
|
children: s
|
|
10695
10702
|
}) : null, s == null && f ? /* @__PURE__ */ a(E, {
|
|
10696
10703
|
...R,
|
|
10697
|
-
children: /* @__PURE__ */ a(
|
|
10704
|
+
children: /* @__PURE__ */ a(D, {
|
|
10698
10705
|
size: "small",
|
|
10699
10706
|
"aria-label": d,
|
|
10700
10707
|
title: d,
|
|
@@ -10970,7 +10977,7 @@ const Sh = {
|
|
|
10970
10977
|
variant: f = "body1",
|
|
10971
10978
|
variantMapping: b = ps,
|
|
10972
10979
|
...u
|
|
10973
|
-
} = p,
|
|
10980
|
+
} = p, x = {
|
|
10974
10981
|
...p,
|
|
10975
10982
|
align: d,
|
|
10976
10983
|
color: n,
|
|
@@ -10981,13 +10988,13 @@ const Sh = {
|
|
|
10981
10988
|
paragraph: g,
|
|
10982
10989
|
variant: f,
|
|
10983
10990
|
variantMapping: b
|
|
10984
|
-
}, y = c || (g ? "p" : b[f] || ps[f]) || "span", N = Eh(
|
|
10991
|
+
}, y = c || (g ? "p" : b[f] || ps[f]) || "span", N = Eh(x);
|
|
10985
10992
|
return /* @__PURE__ */ a(Mh, {
|
|
10986
10993
|
as: y,
|
|
10987
10994
|
ref: t,
|
|
10988
10995
|
className: je(N.root, i),
|
|
10989
10996
|
...u,
|
|
10990
|
-
ownerState:
|
|
10997
|
+
ownerState: x,
|
|
10991
10998
|
style: {
|
|
10992
10999
|
...d !== "inherit" && {
|
|
10993
11000
|
"--Typography-textAlign": d
|
|
@@ -11514,7 +11521,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11514
11521
|
zIndex: 1
|
|
11515
11522
|
},
|
|
11516
11523
|
children: g.map((u) => {
|
|
11517
|
-
const
|
|
11524
|
+
const x = u.status === "completed", y = u.status === "in-progress", N = u.status === "pending";
|
|
11518
11525
|
return /* @__PURE__ */ l(
|
|
11519
11526
|
Te,
|
|
11520
11527
|
{
|
|
@@ -11538,7 +11545,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11538
11545
|
justifyContent: "center",
|
|
11539
11546
|
border: "4px solid",
|
|
11540
11547
|
borderColor: y ? "#6366f1" : "#ffffff",
|
|
11541
|
-
bgcolor:
|
|
11548
|
+
bgcolor: x ? "#10b981" : y ? "#6366f1" : "#e2e8f0",
|
|
11542
11549
|
color: N ? "#94a3b8" : "#ffffff",
|
|
11543
11550
|
boxShadow: "0 1px 3px rgba(0,0,0,0.1)",
|
|
11544
11551
|
animation: y ? "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite" : "none",
|
|
@@ -11551,7 +11558,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11551
11558
|
}
|
|
11552
11559
|
}
|
|
11553
11560
|
},
|
|
11554
|
-
children:
|
|
11561
|
+
children: x ? /* @__PURE__ */ a(Oh, { sx: { fontSize: 16 } }) : y ? /* @__PURE__ */ a(_h, { sx: { fontSize: 16 } }) : /* @__PURE__ */ a(
|
|
11555
11562
|
Te,
|
|
11556
11563
|
{
|
|
11557
11564
|
sx: {
|
|
@@ -11699,7 +11706,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11699
11706
|
]
|
|
11700
11707
|
}
|
|
11701
11708
|
);
|
|
11702
|
-
},
|
|
11709
|
+
}, Bh = {
|
|
11703
11710
|
variant: "primary",
|
|
11704
11711
|
size: "MD",
|
|
11705
11712
|
orientation: "horizontal",
|
|
@@ -11715,7 +11722,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11715
11722
|
isActive: !1,
|
|
11716
11723
|
isTouched: !1,
|
|
11717
11724
|
text: ""
|
|
11718
|
-
},
|
|
11725
|
+
}, Dh = {
|
|
11719
11726
|
primaryColor: "blue",
|
|
11720
11727
|
secondaryColor: "gray",
|
|
11721
11728
|
tertiaryColor: "white",
|
|
@@ -11770,7 +11777,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11770
11777
|
globalConfig: t = {},
|
|
11771
11778
|
granularStyles: n = {}
|
|
11772
11779
|
}) => {
|
|
11773
|
-
const s = { ...
|
|
11780
|
+
const s = { ...Bh, ...r }, o = { ...Dh, ...t }, p = { ...Wh, ...n }, d = Uh(p, o);
|
|
11774
11781
|
return /* @__PURE__ */ a(
|
|
11775
11782
|
"div",
|
|
11776
11783
|
{
|
|
@@ -11804,7 +11811,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11804
11811
|
bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 text-gray-700 dark:text-gray-300 rounded hover:${Na(o, "border", 400)}
|
|
11805
11812
|
` : ""}
|
|
11806
11813
|
`,
|
|
11807
|
-
children: s.isLoading ? /* @__PURE__ */ a(
|
|
11814
|
+
children: s.isLoading ? /* @__PURE__ */ a(Be, { size: 14, className: "animate-spin mx-auto" }) : i
|
|
11808
11815
|
},
|
|
11809
11816
|
i
|
|
11810
11817
|
))
|
|
@@ -11839,8 +11846,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11839
11846
|
${h}
|
|
11840
11847
|
${e === "Apple" ? "shadow-xl" : "shadow-md"}
|
|
11841
11848
|
`,
|
|
11842
|
-
children: i.isLoading ? /* @__PURE__ */ a(
|
|
11843
|
-
m ? /* @__PURE__ */ a(
|
|
11849
|
+
children: i.isLoading ? /* @__PURE__ */ a(Be, { className: "animate-spin", size: 24 }) : /* @__PURE__ */ l(Le, { children: [
|
|
11850
|
+
m ? /* @__PURE__ */ a(vi, { size: 20, className: "mr-2" }) : /* @__PURE__ */ a(mt, { size: 24 }),
|
|
11844
11851
|
m && /* @__PURE__ */ a("span", { className: "font-semibold", children: i.text })
|
|
11845
11852
|
] })
|
|
11846
11853
|
}
|
|
@@ -11855,7 +11862,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11855
11862
|
style: p,
|
|
11856
11863
|
...d
|
|
11857
11864
|
}) => {
|
|
11858
|
-
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] =
|
|
11865
|
+
const i = { ...ke || {}, ...r || {} }, c = J(n, t), [m, h] = B(["bold"]), g = (f) => {
|
|
11859
11866
|
m.includes(f) ? h(m.filter((b) => b !== f)) : h([...m, f]);
|
|
11860
11867
|
};
|
|
11861
11868
|
return /* @__PURE__ */ a(
|
|
@@ -11871,8 +11878,8 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11871
11878
|
children: [
|
|
11872
11879
|
{ val: "bold", Icon: Is },
|
|
11873
11880
|
{ val: "italic", Icon: Rs },
|
|
11874
|
-
{ val: "underline", Icon:
|
|
11875
|
-
].map(({ val: f, Icon: b }, u,
|
|
11881
|
+
{ val: "underline", Icon: wi }
|
|
11882
|
+
].map(({ val: f, Icon: b }, u, x) => {
|
|
11876
11883
|
const y = m.includes(f);
|
|
11877
11884
|
return /* @__PURE__ */ a(
|
|
11878
11885
|
"button",
|
|
@@ -11886,7 +11893,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11886
11893
|
|
|
11887
11894
|
${e === "MUI" ? `
|
|
11888
11895
|
border border-gray-300 dark:border-gray-600
|
|
11889
|
-
${u === 0 ? "rounded-l-md" : ""} ${u ===
|
|
11896
|
+
${u === 0 ? "rounded-l-md" : ""} ${u === x.length - 1 ? "rounded-r-md" : ""}
|
|
11890
11897
|
${u !== 0 ? "-ml-px" : ""}
|
|
11891
11898
|
${y ? `${A(
|
|
11892
11899
|
t,
|
|
@@ -11949,7 +11956,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11949
11956
|
)}` : "bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-700 text-gray-600 dark:text-gray-400 hover:bg-gray-50"}
|
|
11950
11957
|
` : ""}
|
|
11951
11958
|
`,
|
|
11952
|
-
children: i.isLoading ? /* @__PURE__ */ a(
|
|
11959
|
+
children: i.isLoading ? /* @__PURE__ */ a(Be, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ a(
|
|
11953
11960
|
b,
|
|
11954
11961
|
{
|
|
11955
11962
|
size: i.size === "SM" ? 14 : i.size === "LG" ? 20 : 18
|
|
@@ -11972,7 +11979,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
11972
11979
|
...d
|
|
11973
11980
|
}) => {
|
|
11974
11981
|
({ ...r });
|
|
11975
|
-
const [i, c] =
|
|
11982
|
+
const [i, c] = B(!1), m = J(n, t), h = e === "MUI", g = e === "Apple", f = e === "Custom";
|
|
11976
11983
|
return /* @__PURE__ */ l(
|
|
11977
11984
|
"div",
|
|
11978
11985
|
{
|
|
@@ -12036,7 +12043,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12036
12043
|
)
|
|
12037
12044
|
] }),
|
|
12038
12045
|
/* @__PURE__ */ a("div", { className: "flex-1 overflow-y-auto p-2 space-y-1", children: [
|
|
12039
|
-
{ label: "Inbox", icon:
|
|
12046
|
+
{ label: "Inbox", icon: ki },
|
|
12040
12047
|
{ label: "Sent", icon: Va },
|
|
12041
12048
|
{ label: "Profile", icon: Yr },
|
|
12042
12049
|
{ label: "Settings", icon: Ya }
|
|
@@ -12067,7 +12074,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12067
12074
|
style: p,
|
|
12068
12075
|
...d
|
|
12069
12076
|
}) => {
|
|
12070
|
-
const [i, c] =
|
|
12077
|
+
const [i, c] = B(!1), m = J(n, t), h = e === "MUI", g = e === "Apple", f = e === "Custom";
|
|
12071
12078
|
return /* @__PURE__ */ l(
|
|
12072
12079
|
"div",
|
|
12073
12080
|
{
|
|
@@ -12229,11 +12236,11 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12229
12236
|
({ ...r });
|
|
12230
12237
|
const i = J(n, t);
|
|
12231
12238
|
Pe(null);
|
|
12232
|
-
const [c, m] =
|
|
12233
|
-
|
|
12239
|
+
const [c, m] = B(!1), [h, g] = B(!1), [f, b] = B("user");
|
|
12240
|
+
Ee(() => {
|
|
12234
12241
|
m(!0);
|
|
12235
12242
|
}, []);
|
|
12236
|
-
const u = e === "MUI",
|
|
12243
|
+
const u = e === "MUI", x = e === "Apple", y = e === "Custom";
|
|
12237
12244
|
return /* @__PURE__ */ l(
|
|
12238
12245
|
"div",
|
|
12239
12246
|
{
|
|
@@ -12241,13 +12248,13 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12241
12248
|
className: `
|
|
12242
12249
|
w-full max-w-sm aspect-[9/16] bg-black relative overflow-hidden flex flex-col justify-between
|
|
12243
12250
|
${u ? "rounded-none shadow-xl" : ""}
|
|
12244
|
-
${
|
|
12251
|
+
${x ? "rounded-[3rem] shadow-2xl border-4 border-gray-900" : ""}
|
|
12245
12252
|
${y ? `${ae(t)} border-2 border-gray-800` : ""}
|
|
12246
12253
|
`,
|
|
12247
12254
|
children: [
|
|
12248
12255
|
/* @__PURE__ */ l("div", { className: "absolute inset-0 bg-gray-900 flex items-center justify-center", children: [
|
|
12249
12256
|
/* @__PURE__ */ l("div", { className: "text-gray-500 flex flex-col items-center gap-2", children: [
|
|
12250
|
-
/* @__PURE__ */ a(
|
|
12257
|
+
/* @__PURE__ */ a(Ni, { size: 48, className: "opacity-20" }),
|
|
12251
12258
|
/* @__PURE__ */ a("span", { className: "text-xs uppercase tracking-widest opacity-40", children: "Camera Preview" })
|
|
12252
12259
|
] }),
|
|
12253
12260
|
/* @__PURE__ */ l("div", { className: "absolute inset-0 grid grid-cols-3 grid-rows-3 opacity-20 pointer-events-none", children: [
|
|
@@ -12268,7 +12275,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12268
12275
|
{
|
|
12269
12276
|
onClick: () => g(!h),
|
|
12270
12277
|
className: "p-2 rounded-full bg-black/20 backdrop-blur-md text-white hover:bg-black/40 transition-colors",
|
|
12271
|
-
children: h ? /* @__PURE__ */ a(Qt, { size: 20, className: "text-yellow-400", fill: "currentColor" }) : /* @__PURE__ */ a(
|
|
12278
|
+
children: h ? /* @__PURE__ */ a(Qt, { size: 20, className: "text-yellow-400", fill: "currentColor" }) : /* @__PURE__ */ a($i, { size: 20 })
|
|
12272
12279
|
}
|
|
12273
12280
|
),
|
|
12274
12281
|
/* @__PURE__ */ a("div", { className: "px-3 py-1 rounded-full bg-black/20 backdrop-blur-md text-white text-xs font-medium", children: "HD 30 • 16:9" })
|
|
@@ -12287,13 +12294,13 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12287
12294
|
className: `
|
|
12288
12295
|
w-20 h-20 rounded-full border-4 border-white flex items-center justify-center transition-transform active:scale-95
|
|
12289
12296
|
${u ? "bg-white/20" : ""}
|
|
12290
|
-
${
|
|
12297
|
+
${x ? "bg-white" : ""}
|
|
12291
12298
|
${y ? `bg-${t.primaryColor}-500/80` : ""}
|
|
12292
12299
|
`,
|
|
12293
12300
|
children: /* @__PURE__ */ a(
|
|
12294
12301
|
"div",
|
|
12295
12302
|
{
|
|
12296
|
-
className: `w-16 h-16 rounded-full ${
|
|
12303
|
+
className: `w-16 h-16 rounded-full ${x ? "border-2 border-black bg-white" : "bg-white"}`
|
|
12297
12304
|
}
|
|
12298
12305
|
)
|
|
12299
12306
|
}
|
|
@@ -12305,7 +12312,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12305
12312
|
(N) => N === "user" ? "environment" : "user"
|
|
12306
12313
|
),
|
|
12307
12314
|
className: "w-12 h-12 rounded-full bg-black/40 backdrop-blur-md flex items-center justify-center text-white hover:bg-black/60 transition-colors",
|
|
12308
|
-
children: /* @__PURE__ */ a(
|
|
12315
|
+
children: /* @__PURE__ */ a(Ci, { size: 24 })
|
|
12309
12316
|
}
|
|
12310
12317
|
)
|
|
12311
12318
|
] })
|
|
@@ -12404,7 +12411,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12404
12411
|
/* @__PURE__ */ a("div", { className: "absolute top-full left-1/2 -translate-x-1/2 w-4 h-2 bg-black/20 rounded-full blur-[2px] group-hover:scale-75 transition-transform" })
|
|
12405
12412
|
] }) }),
|
|
12406
12413
|
/* @__PURE__ */ l("div", { className: "flex justify-between items-end pointer-events-auto", children: [
|
|
12407
|
-
/* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ a("button", { className: "w-10 h-10 bg-white dark:bg-gray-800 shadow-md rounded flex items-center justify-center text-gray-600 hover:text-black", children: /* @__PURE__ */ a(
|
|
12414
|
+
/* @__PURE__ */ a("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ a("button", { className: "w-10 h-10 bg-white dark:bg-gray-800 shadow-md rounded flex items-center justify-center text-gray-600 hover:text-black", children: /* @__PURE__ */ a(Si, { size: 20 }) }) }),
|
|
12408
12415
|
/* @__PURE__ */ l("div", { className: "flex flex-col gap-2", children: [
|
|
12409
12416
|
/* @__PURE__ */ a("button", { className: "w-10 h-10 bg-white dark:bg-gray-800 shadow-md rounded-t flex items-center justify-center text-gray-600 hover:text-black", children: /* @__PURE__ */ a(mt, { size: 20 }) }),
|
|
12410
12417
|
/* @__PURE__ */ a("button", { className: "w-10 h-10 bg-white dark:bg-gray-800 shadow-md rounded-b flex items-center justify-center text-gray-600 hover:text-black mt-[-1px]", children: /* @__PURE__ */ a(Vt, { size: 20 }) }),
|
|
@@ -12420,7 +12427,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12420
12427
|
"bg",
|
|
12421
12428
|
700
|
|
12422
12429
|
).replace("bg-", "hover:bg-")} mt-2`,
|
|
12423
|
-
children: /* @__PURE__ */ a(
|
|
12430
|
+
children: /* @__PURE__ */ a(Ti, { size: 20, fill: "currentColor" })
|
|
12424
12431
|
}
|
|
12425
12432
|
)
|
|
12426
12433
|
] })
|
|
@@ -12440,9 +12447,9 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12440
12447
|
...d
|
|
12441
12448
|
}) => {
|
|
12442
12449
|
({ ...r });
|
|
12443
|
-
const i = J(n, t), [c, m] =
|
|
12450
|
+
const i = J(n, t), [c, m] = B([
|
|
12444
12451
|
{ id: 1, text: "Hello! How can I help you today?", sender: "ai" }
|
|
12445
|
-
]), [h, g] =
|
|
12452
|
+
]), [h, g] = B(""), [f, b] = B(!1), u = Pe(null), x = () => {
|
|
12446
12453
|
if (!h.trim()) return;
|
|
12447
12454
|
const k = { id: Date.now(), text: h, sender: "user" };
|
|
12448
12455
|
m((w) => [...w, k]), g(""), b(!0), setTimeout(() => {
|
|
@@ -12453,7 +12460,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12453
12460
|
}]);
|
|
12454
12461
|
}, 1500);
|
|
12455
12462
|
};
|
|
12456
|
-
|
|
12463
|
+
Ee(() => {
|
|
12457
12464
|
u.current && (u.current.scrollTop = u.current.scrollHeight);
|
|
12458
12465
|
}, [c, f]);
|
|
12459
12466
|
const y = e === "MUI", N = e === "Apple", S = e === "Custom";
|
|
@@ -12472,7 +12479,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12472
12479
|
/* @__PURE__ */ a("div", { className: `
|
|
12473
12480
|
w-10 h-10 rounded-full flex items-center justify-center
|
|
12474
12481
|
${y ? "bg-white/20" : N ? `${A(t, "bg", 500)} text-white` : `${ee(t, "bg")} text-white`}
|
|
12475
|
-
`, children: /* @__PURE__ */ a(
|
|
12482
|
+
`, children: /* @__PURE__ */ a(Ei, { size: 20 }) }),
|
|
12476
12483
|
/* @__PURE__ */ l("div", { children: [
|
|
12477
12484
|
/* @__PURE__ */ a("h3", { className: `font-bold text-sm ${y ? "text-white" : "text-gray-900 dark:text-white"}`, children: "AI Assistant" }),
|
|
12478
12485
|
/* @__PURE__ */ a("span", { className: `text-xs ${y ? `${A(t, "text", 100)}` : "text-green-500 flex items-center gap-1"}`, children: y ? "Online" : /* @__PURE__ */ l(Le, { children: [
|
|
@@ -12507,7 +12514,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12507
12514
|
type: "text",
|
|
12508
12515
|
value: h,
|
|
12509
12516
|
onChange: (k) => g(k.target.value),
|
|
12510
|
-
onKeyDown: (k) => k.key === "Enter" &&
|
|
12517
|
+
onKeyDown: (k) => k.key === "Enter" && x(),
|
|
12511
12518
|
placeholder: "Type a message...",
|
|
12512
12519
|
className: "flex-1 bg-transparent border-none focus:ring-0 text-sm text-gray-900 dark:text-white placeholder-gray-400"
|
|
12513
12520
|
}
|
|
@@ -12515,7 +12522,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12515
12522
|
/* @__PURE__ */ a(
|
|
12516
12523
|
"button",
|
|
12517
12524
|
{
|
|
12518
|
-
onClick:
|
|
12525
|
+
onClick: x,
|
|
12519
12526
|
disabled: !h.trim(),
|
|
12520
12527
|
className: `
|
|
12521
12528
|
p-2 rounded-full transition-all disabled:opacity-50 disabled:cursor-not-allowed
|
|
@@ -12523,7 +12530,7 @@ const Ih = et([/* @__PURE__ */ a("path", {
|
|
|
12523
12530
|
${N ? `${A(t, "bg", 500)} text-white ${A(t, "bg", 600).replace("bg-", "hover:bg-")} shadow-sm` : ""}
|
|
12524
12531
|
${S ? `${ee(t, "bg")} text-white hover:opacity-90` : ""}
|
|
12525
12532
|
`,
|
|
12526
|
-
children: /* @__PURE__ */ a(
|
|
12533
|
+
children: /* @__PURE__ */ a(Mi, { size: 18 })
|
|
12527
12534
|
}
|
|
12528
12535
|
)
|
|
12529
12536
|
] }) })
|
|
@@ -12560,7 +12567,7 @@ export default UserProfile;`, vp = ({
|
|
|
12560
12567
|
...d
|
|
12561
12568
|
}) => {
|
|
12562
12569
|
({ ...r });
|
|
12563
|
-
const i = J(n, t), [c, m] =
|
|
12570
|
+
const i = J(n, t), [c, m] = B("Create a React component for a user profile card with tailwind css."), [h, g] = B(!1), [f, b] = B(""), [u, x] = B(!1), y = () => {
|
|
12564
12571
|
g(!0), b(""), setTimeout(() => {
|
|
12565
12572
|
let C = 0;
|
|
12566
12573
|
const T = setInterval(() => {
|
|
@@ -12568,7 +12575,7 @@ export default UserProfile;`, vp = ({
|
|
|
12568
12575
|
}, 15);
|
|
12569
12576
|
}, 1e3);
|
|
12570
12577
|
}, N = () => {
|
|
12571
|
-
|
|
12578
|
+
x(!0), setTimeout(() => x(!1), 2e3);
|
|
12572
12579
|
}, S = e === "MUI", k = e === "Apple", w = e === "Custom";
|
|
12573
12580
|
return /* @__PURE__ */ l("div", { style: i, className: "w-full h-full flex flex-col gap-4 overflow-hidden", children: [
|
|
12574
12581
|
/* @__PURE__ */ a("div", { className: `
|
|
@@ -12578,7 +12585,7 @@ export default UserProfile;`, vp = ({
|
|
|
12578
12585
|
${w ? `bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 ${ae(t)}` : ""}
|
|
12579
12586
|
`, children: /* @__PURE__ */ l("div", { className: "flex gap-4", children: [
|
|
12580
12587
|
/* @__PURE__ */ a("div", { className: "flex-1", children: /* @__PURE__ */ l("div", { className: "relative", children: [
|
|
12581
|
-
/* @__PURE__ */ a("div", { className: "absolute top-3 left-3 text-gray-400", children: /* @__PURE__ */ a(
|
|
12588
|
+
/* @__PURE__ */ a("div", { className: "absolute top-3 left-3 text-gray-400", children: /* @__PURE__ */ a(Ai, { size: 18 }) }),
|
|
12582
12589
|
/* @__PURE__ */ a(
|
|
12583
12590
|
"input",
|
|
12584
12591
|
{
|
|
@@ -12618,7 +12625,7 @@ export default UserProfile;`, vp = ({
|
|
|
12618
12625
|
${w ? `${ee(t, "bg")} rounded-md hover:opacity-90` : ""}
|
|
12619
12626
|
`,
|
|
12620
12627
|
children: [
|
|
12621
|
-
h ? /* @__PURE__ */ a(
|
|
12628
|
+
h ? /* @__PURE__ */ a(Be, { size: 16, className: "animate-spin" }) : /* @__PURE__ */ a(Et, { size: 16 }),
|
|
12622
12629
|
/* @__PURE__ */ a("span", { className: "hidden sm:inline", children: "Generate" })
|
|
12623
12630
|
]
|
|
12624
12631
|
}
|
|
@@ -12654,7 +12661,7 @@ export default UserProfile;`, vp = ({
|
|
|
12654
12661
|
f,
|
|
12655
12662
|
h && /* @__PURE__ */ a("span", { className: "inline-block w-2 h-4 bg-blue-500 ml-1 animate-pulse align-middle" })
|
|
12656
12663
|
] }) }),
|
|
12657
|
-
!f && !h && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center text-gray-700 pointer-events-none", children: /* @__PURE__ */ a(
|
|
12664
|
+
!f && !h && /* @__PURE__ */ a("div", { className: "absolute inset-0 flex items-center justify-center text-gray-700 pointer-events-none", children: /* @__PURE__ */ a(zi, { size: 48, className: "opacity-20" }) })
|
|
12658
12665
|
] })
|
|
12659
12666
|
] })
|
|
12660
12667
|
] });
|
|
@@ -12674,15 +12681,15 @@ export default UserProfile;`, vp = ({
|
|
|
12674
12681
|
...d
|
|
12675
12682
|
}) => {
|
|
12676
12683
|
({ ...r });
|
|
12677
|
-
const i = J(n, t), [c, m] =
|
|
12684
|
+
const i = J(n, t), [c, m] = B("Abstract geometric shapes in pastel colors, 3d render, high quality."), [h, g] = B(!1), [f, b] = B([]), u = () => {
|
|
12678
12685
|
g(!0), b([]), setTimeout(() => {
|
|
12679
12686
|
b(Fh), g(!1);
|
|
12680
12687
|
}, 2e3);
|
|
12681
|
-
},
|
|
12688
|
+
}, x = e === "MUI", y = e === "Apple", N = e === "Custom";
|
|
12682
12689
|
return /* @__PURE__ */ l("div", { style: i, className: "w-full h-full flex flex-col md:flex-row gap-4 overflow-hidden", children: [
|
|
12683
12690
|
/* @__PURE__ */ l("div", { className: `
|
|
12684
12691
|
w-full md:w-80 flex-none md:flex-none p-4 flex flex-col gap-4 overflow-y-auto min-h-0 max-h-[40%] md:max-h-none
|
|
12685
|
-
${
|
|
12692
|
+
${x ? "bg-white dark:bg-gray-800 md:border-r border-b md:border-b-0 border-gray-200 dark:border-gray-700" : ""}
|
|
12686
12693
|
${y ? "bg-white/50 dark:bg-gray-900/50 backdrop-blur-xl border border-gray-200/50 dark:border-gray-700/50 rounded-2xl md:rounded-r-none md:rounded-l-2xl" : ""}
|
|
12687
12694
|
${N ? `bg-gray-50 dark:bg-gray-950 border border-gray-100 dark:border-gray-800 ${ae(t)} md:border-r md:border-b-0` : ""}
|
|
12688
12695
|
`, children: [
|
|
@@ -12701,7 +12708,7 @@ export default UserProfile;`, vp = ({
|
|
|
12701
12708
|
onChange: (S) => m(S.target.value),
|
|
12702
12709
|
className: `
|
|
12703
12710
|
w-full h-24 md:h-32 p-3 text-sm resize-none focus:outline-none focus:ring-2
|
|
12704
|
-
${
|
|
12711
|
+
${x ? "bg-gray-50 dark:bg-gray-900 border border-gray-300 dark:border-gray-600 rounded focus:border-blue-500" : ""}
|
|
12705
12712
|
${y ? "bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 focus:ring-purple-500/20" : ""}
|
|
12706
12713
|
${N ? `bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-md focus:border-${t.primaryColor}-500` : ""}
|
|
12707
12714
|
`
|
|
@@ -12715,7 +12722,7 @@ export default UserProfile;`, vp = ({
|
|
|
12715
12722
|
{
|
|
12716
12723
|
className: `
|
|
12717
12724
|
text-xs py-2 px-3 border rounded transition-all text-left
|
|
12718
|
-
${
|
|
12725
|
+
${x ? "border-gray-300 hover:bg-gray-100" : ""}
|
|
12719
12726
|
${y ? "bg-white dark:bg-gray-800 border-transparent shadow-sm hover:shadow" : ""}
|
|
12720
12727
|
${N ? "bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-800 hover:border-purple-400" : ""}
|
|
12721
12728
|
`,
|
|
@@ -12741,24 +12748,24 @@ export default UserProfile;`, vp = ({
|
|
|
12741
12748
|
disabled: h,
|
|
12742
12749
|
className: `
|
|
12743
12750
|
w-full py-3 font-medium text-white transition-all flex items-center justify-center gap-2
|
|
12744
|
-
${
|
|
12751
|
+
${x ? "bg-purple-600 hover:bg-purple-700 rounded shadow uppercase text-sm" : ""}
|
|
12745
12752
|
${y ? "bg-black dark:bg-white dark:text-black rounded-xl text-sm shadow-lg hover:scale-[1.02]" : ""}
|
|
12746
12753
|
${N ? `${ee(t, "bg")} rounded-lg shadow-md hover:opacity-90` : ""}
|
|
12747
12754
|
`,
|
|
12748
12755
|
children: [
|
|
12749
|
-
h ? /* @__PURE__ */ a(
|
|
12756
|
+
h ? /* @__PURE__ */ a(Be, { size: 18, className: "animate-spin" }) : /* @__PURE__ */ a(Et, { size: 18 }),
|
|
12750
12757
|
"Generate"
|
|
12751
12758
|
]
|
|
12752
12759
|
}
|
|
12753
12760
|
) })
|
|
12754
12761
|
] }),
|
|
12755
12762
|
/* @__PURE__ */ a("div", { className: "flex-1 bg-gray-100 dark:bg-gray-900/50 rounded-2xl p-4 overflow-y-auto min-h-0", children: h ? /* @__PURE__ */ l("div", { className: "h-full flex flex-col items-center justify-center text-gray-400", children: [
|
|
12756
|
-
/* @__PURE__ */ a(
|
|
12763
|
+
/* @__PURE__ */ a(Be, { size: 48, className: "animate-spin mb-4 text-purple-500" }),
|
|
12757
12764
|
/* @__PURE__ */ a("p", { children: "Dreaming up images..." })
|
|
12758
12765
|
] }) : f.length > 0 ? /* @__PURE__ */ a("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-4 h-full content-start", children: f.map((S, k) => /* @__PURE__ */ l("div", { className: "group relative aspect-square rounded-xl overflow-hidden shadow-sm bg-gray-200 dark:bg-gray-800", children: [
|
|
12759
12766
|
/* @__PURE__ */ a("img", { src: S, alt: `Generated ${k}`, className: "w-full h-full object-cover transition-transform duration-500 group-hover:scale-110" }),
|
|
12760
12767
|
/* @__PURE__ */ l("div", { className: "absolute inset-0 bg-black/0 group-hover:bg-black/30 transition-colors flex items-center justify-center opacity-0 group-hover:opacity-100 gap-2", children: [
|
|
12761
|
-
/* @__PURE__ */ a("button", { className: "p-2 bg-white/20 backdrop-blur-md rounded-full text-white hover:bg-white/40", children: /* @__PURE__ */ a(
|
|
12768
|
+
/* @__PURE__ */ a("button", { className: "p-2 bg-white/20 backdrop-blur-md rounded-full text-white hover:bg-white/40", children: /* @__PURE__ */ a(Ii, { size: 18 }) }),
|
|
12762
12769
|
/* @__PURE__ */ a("button", { className: "p-2 bg-white/20 backdrop-blur-md rounded-full text-white hover:bg-white/40", children: /* @__PURE__ */ a(Gr, { size: 18 }) })
|
|
12763
12770
|
] })
|
|
12764
12771
|
] }, k)) }) : /* @__PURE__ */ l("div", { className: "h-full flex flex-col items-center justify-center text-gray-400", children: [
|
|
@@ -12777,18 +12784,18 @@ export default UserProfile;`, vp = ({
|
|
|
12777
12784
|
...d
|
|
12778
12785
|
}) => {
|
|
12779
12786
|
({ ...r });
|
|
12780
|
-
const i = J(n, t), [c, m] =
|
|
12787
|
+
const i = J(n, t), [c, m] = B(""), [h, g] = B(""), [f, b] = B(!1), u = () => {
|
|
12781
12788
|
b(!0), g("");
|
|
12782
12789
|
const S = "OpenGrid is an innovative design system that prioritizes fluidity and transparency. Built for modern web applications, it seamlessly adapts to various viewports and user needs. By leveraging a comprehensive set of tokens and components, developers can build consistent interfaces faster than ever before. The system is not just a library, but a philosophy of structure meeting motion.";
|
|
12783
12790
|
let k = 0;
|
|
12784
12791
|
const w = setInterval(() => {
|
|
12785
12792
|
g(S.substring(0, k)), k++, k > S.length && (clearInterval(w), b(!1));
|
|
12786
12793
|
}, 20);
|
|
12787
|
-
},
|
|
12794
|
+
}, x = e === "MUI", y = e === "Apple", N = e === "Custom";
|
|
12788
12795
|
return /* @__PURE__ */ l("div", { style: i, className: "w-full h-full flex flex-col gap-4 overflow-hidden", children: [
|
|
12789
12796
|
/* @__PURE__ */ a("div", { className: `
|
|
12790
12797
|
p-4 flex-shrink-0 transition-all
|
|
12791
|
-
${
|
|
12798
|
+
${x ? "bg-white dark:bg-gray-800 shadow rounded border border-gray-200 dark:border-gray-700" : ""}
|
|
12792
12799
|
${y ? "bg-white/80 dark:bg-gray-900/80 backdrop-blur-xl border border-gray-200/50 shadow-sm rounded-2xl" : ""}
|
|
12793
12800
|
${N ? `bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 ${ae(t)}` : ""}
|
|
12794
12801
|
`, children: /* @__PURE__ */ l("div", { className: "flex flex-col gap-4", children: [
|
|
@@ -12802,7 +12809,7 @@ export default UserProfile;`, vp = ({
|
|
|
12802
12809
|
placeholder: "What would you like to write about?",
|
|
12803
12810
|
className: `
|
|
12804
12811
|
flex-1 p-3 text-sm outline-none transition-all
|
|
12805
|
-
${
|
|
12812
|
+
${x ? "bg-gray-50 dark:bg-gray-900 border-b-2 border-gray-300 focus:border-blue-600 rounded-t" : ""}
|
|
12806
12813
|
${y ? "bg-gray-100 dark:bg-gray-800 rounded-xl focus:bg-white dark:focus:bg-black focus:ring-2 focus:ring-blue-500/20" : ""}
|
|
12807
12814
|
${N ? `bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-md focus:border-${t.primaryColor}-500` : ""}
|
|
12808
12815
|
`
|
|
@@ -12815,11 +12822,11 @@ export default UserProfile;`, vp = ({
|
|
|
12815
12822
|
disabled: f,
|
|
12816
12823
|
className: `
|
|
12817
12824
|
px-6 font-medium text-white transition-all flex items-center gap-2
|
|
12818
|
-
${
|
|
12825
|
+
${x ? `${A(t, "bg", 600)} ${A(t, "bg", 700).replace("bg-", "hover:bg-")} shadow uppercase text-sm rounded` : ""}
|
|
12819
12826
|
${y ? "bg-black dark:bg-white dark:text-black rounded-xl hover:scale-105" : ""}
|
|
12820
12827
|
${N ? `${ee(t, "bg")} rounded-md hover:opacity-90` : ""}
|
|
12821
12828
|
`,
|
|
12822
|
-
children: f ? /* @__PURE__ */ a(
|
|
12829
|
+
children: f ? /* @__PURE__ */ a(Ri, { size: 18, className: "animate-spin" }) : /* @__PURE__ */ a(Oi, { size: 18 })
|
|
12823
12830
|
}
|
|
12824
12831
|
)
|
|
12825
12832
|
] }),
|
|
@@ -12828,7 +12835,7 @@ export default UserProfile;`, vp = ({
|
|
|
12828
12835
|
{
|
|
12829
12836
|
className: `
|
|
12830
12837
|
px-3 py-1.5 text-xs font-medium border rounded-full transition-colors whitespace-nowrap
|
|
12831
|
-
${
|
|
12838
|
+
${x ? "border-gray-300 text-gray-600 hover:bg-gray-100" : ""}
|
|
12832
12839
|
${y ? "bg-gray-100 dark:bg-gray-800 border-transparent text-gray-700 dark:text-gray-300 hover:bg-gray-200" : ""}
|
|
12833
12840
|
${N ? "border-gray-200 text-gray-500 hover:border-blue-400 hover:text-blue-500" : ""}
|
|
12834
12841
|
`,
|
|
@@ -12839,7 +12846,7 @@ export default UserProfile;`, vp = ({
|
|
|
12839
12846
|
] }) }),
|
|
12840
12847
|
/* @__PURE__ */ l("div", { className: `
|
|
12841
12848
|
flex-1 p-6 relative overflow-y-auto min-h-0
|
|
12842
|
-
${
|
|
12849
|
+
${x ? "bg-white dark:bg-gray-800 shadow rounded border border-gray-200 dark:border-gray-700" : ""}
|
|
12843
12850
|
${y ? "bg-white dark:bg-gray-900 rounded-2xl shadow-sm border border-gray-100 dark:border-gray-800" : ""}
|
|
12844
12851
|
${N ? `bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 ${ae(t)}` : ""}
|
|
12845
12852
|
`, children: [
|
|
@@ -12850,7 +12857,7 @@ export default UserProfile;`, vp = ({
|
|
|
12850
12857
|
/* @__PURE__ */ l("div", { className: "absolute top-4 left-4 flex gap-3 text-gray-400 border-b border-gray-100 dark:border-gray-800 pb-2 w-[calc(100%-48px)]", children: [
|
|
12851
12858
|
/* @__PURE__ */ a(Is, { size: 16 }),
|
|
12852
12859
|
/* @__PURE__ */ a(Rs, { size: 16 }),
|
|
12853
|
-
/* @__PURE__ */ a(
|
|
12860
|
+
/* @__PURE__ */ a(ji, { size: 16 })
|
|
12854
12861
|
] }),
|
|
12855
12862
|
/* @__PURE__ */ l("div", { className: "mt-8 text-gray-700 dark:text-gray-200 leading-relaxed", children: [
|
|
12856
12863
|
h || /* @__PURE__ */ a("span", { className: "text-gray-400 italic", children: "Generated text will appear here..." }),
|
|
@@ -12869,11 +12876,11 @@ export default UserProfile;`, vp = ({
|
|
|
12869
12876
|
...d
|
|
12870
12877
|
}) => {
|
|
12871
12878
|
({ ...r });
|
|
12872
|
-
const i = J(n, t), [c, m] =
|
|
12873
|
-
g(!0),
|
|
12879
|
+
const i = J(n, t), [c, m] = B("A cyberpunk city street at night with neon lights reflecting on wet pavement."), [h, g] = B(!1), [f, b] = B(0), [u, x] = B(!1), y = () => {
|
|
12880
|
+
g(!0), x(!1), b(0);
|
|
12874
12881
|
let w = 0;
|
|
12875
12882
|
const C = setInterval(() => {
|
|
12876
|
-
w += 5, b(w), w >= 100 && (clearInterval(C), g(!1),
|
|
12883
|
+
w += 5, b(w), w >= 100 && (clearInterval(C), g(!1), x(!0));
|
|
12877
12884
|
}, 150);
|
|
12878
12885
|
}, N = e === "MUI", S = e === "Apple", k = e === "Custom";
|
|
12879
12886
|
return /* @__PURE__ */ l("div", { style: i, className: "w-full h-full flex flex-col gap-4 overflow-hidden", children: [
|
|
@@ -12884,7 +12891,7 @@ export default UserProfile;`, vp = ({
|
|
|
12884
12891
|
${k ? `bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 ${ae(t)}` : ""}
|
|
12885
12892
|
`, children: [
|
|
12886
12893
|
/* @__PURE__ */ l("div", { className: "flex items-center gap-2 mb-4", children: [
|
|
12887
|
-
/* @__PURE__ */ a("div", { className: `p-2 rounded-lg ${k ? ee(t, "bg") : "bg-purple-600"} text-white`, children: /* @__PURE__ */ a(
|
|
12894
|
+
/* @__PURE__ */ a("div", { className: `p-2 rounded-lg ${k ? ee(t, "bg") : "bg-purple-600"} text-white`, children: /* @__PURE__ */ a(_i, { size: 20 }) }),
|
|
12888
12895
|
/* @__PURE__ */ a("h3", { className: "font-bold text-gray-900 dark:text-white", children: "AI Video Generator" })
|
|
12889
12896
|
] }),
|
|
12890
12897
|
/* @__PURE__ */ l("div", { className: "space-y-3", children: [
|
|
@@ -12945,7 +12952,7 @@ export default UserProfile;`, vp = ({
|
|
|
12945
12952
|
${h ? "opacity-70 cursor-not-allowed" : ""}
|
|
12946
12953
|
`,
|
|
12947
12954
|
children: [
|
|
12948
|
-
h ? /* @__PURE__ */ a(
|
|
12955
|
+
h ? /* @__PURE__ */ a(Be, { size: 18, className: "animate-spin" }) : /* @__PURE__ */ a(Et, { size: 18 }),
|
|
12949
12956
|
h ? "Rendering Video..." : "Generate Video"
|
|
12950
12957
|
]
|
|
12951
12958
|
}
|
|
@@ -12958,7 +12965,7 @@ export default UserProfile;`, vp = ({
|
|
|
12958
12965
|
${S ? "bg-black/90 rounded-2xl shadow-xl border border-white/10" : ""}
|
|
12959
12966
|
${k ? `bg-gray-900 ${ae(t)} border border-gray-800` : ""}
|
|
12960
12967
|
`, children: h ? /* @__PURE__ */ l("div", { className: "text-center space-y-4 w-64", children: [
|
|
12961
|
-
/* @__PURE__ */ a(
|
|
12968
|
+
/* @__PURE__ */ a(Be, { size: 48, className: `animate-spin mx-auto ${k ? ee(t, "text") : "text-purple-500"}` }),
|
|
12962
12969
|
/* @__PURE__ */ l("div", { className: "space-y-1", children: [
|
|
12963
12970
|
/* @__PURE__ */ l("div", { className: "flex justify-between text-xs text-gray-400", children: [
|
|
12964
12971
|
/* @__PURE__ */ a("span", { children: "Generating frames..." }),
|
|
@@ -13005,22 +13012,22 @@ export default UserProfile;`, vp = ({
|
|
|
13005
13012
|
...d
|
|
13006
13013
|
}) => {
|
|
13007
13014
|
({ ...r });
|
|
13008
|
-
const i = J(n, t), [c, m] =
|
|
13015
|
+
const i = J(n, t), [c, m] = B("idle"), [h, g] = B(""), [f, b] = B(""), u = () => {
|
|
13009
13016
|
c === "idle" ? (m("listening"), g(""), b(""), setTimeout(() => {
|
|
13010
13017
|
g("What's the weather like in Tokyo right now?"), m("processing");
|
|
13011
13018
|
}, 3e3)) : m("idle");
|
|
13012
13019
|
};
|
|
13013
|
-
|
|
13020
|
+
Ee(() => {
|
|
13014
13021
|
c === "processing" && setTimeout(() => {
|
|
13015
13022
|
m("speaking"), b("Currently in Tokyo, it's mostly clear with a temperature of 18 degrees Celsius. Humidity is around 45%.");
|
|
13016
13023
|
}, 2e3), c === "speaking" && setTimeout(() => {
|
|
13017
13024
|
m("idle");
|
|
13018
13025
|
}, 5e3);
|
|
13019
13026
|
}, [c]);
|
|
13020
|
-
const
|
|
13027
|
+
const x = e === "MUI", y = e === "Apple", N = e === "Custom";
|
|
13021
13028
|
return /* @__PURE__ */ l("div", { style: i, className: `
|
|
13022
13029
|
w-full h-full p-8 flex flex-col items-center justify-between relative overflow-hidden transition-colors
|
|
13023
|
-
${
|
|
13030
|
+
${x ? "bg-white dark:bg-gray-800 rounded shadow-xl" : ""}
|
|
13024
13031
|
${y ? "bg-gray-100/50 dark:bg-gray-900/50 backdrop-blur-3xl rounded-[40px] border border-white/20" : ""}
|
|
13025
13032
|
${N ? `bg-white dark:bg-gray-950 border border-gray-200 dark:border-gray-800 ${ae(t)}` : ""}
|
|
13026
13033
|
`, children: [
|
|
@@ -13039,7 +13046,7 @@ export default UserProfile;`, vp = ({
|
|
|
13039
13046
|
${c === "speaking" ? "scale-105 shadow-[0_0_50px_rgba(34,197,94,0.4)]" : ""}
|
|
13040
13047
|
${y ? "bg-black/5 dark:bg-white/10 backdrop-blur-md border border-white/20" : ""}
|
|
13041
13048
|
${N ? `border-2 ${ee(t, "border")}` : ""}
|
|
13042
|
-
`, children: c === "processing" ? /* @__PURE__ */ a(
|
|
13049
|
+
`, children: c === "processing" ? /* @__PURE__ */ a(Be, { size: 40, className: `animate-spin ${N ? ee(t, "text") : A(t, "text", 500)}` }) : c === "listening" ? /* @__PURE__ */ a("div", { className: "flex gap-1 h-12 items-center", children: [1, 2, 3, 4, 5].map((S) => /* @__PURE__ */ a("div", { className: "w-1.5 bg-red-500 rounded-full animate-[bounce_1s_infinite]", style: { animationDelay: `${S * 0.1}s`, height: Math.random() * 40 + 10 + "px" } }, S)) }) : c === "speaking" ? /* @__PURE__ */ a("div", { className: "flex gap-1 h-12 items-center", children: [1, 2, 3, 4, 5].map((S) => /* @__PURE__ */ a("div", { className: "w-1.5 bg-green-500 rounded-full animate-[pulse_0.5s_infinite]", style: { animationDelay: `${S * 0.1}s`, height: "30px" } }, S)) }) : /* @__PURE__ */ a(Pi, { size: 32, className: "text-gray-300 dark:text-gray-600" }) })
|
|
13043
13050
|
] }),
|
|
13044
13051
|
/* @__PURE__ */ l("div", { className: "w-full text-center space-y-2 mb-8 min-h-[60px] z-10", children: [
|
|
13045
13052
|
h && /* @__PURE__ */ l("p", { className: "text-lg font-medium text-gray-800 dark:text-gray-200 animate-in fade-in slide-in-from-bottom-2", children: [
|
|
@@ -13055,12 +13062,12 @@ export default UserProfile;`, vp = ({
|
|
|
13055
13062
|
onClick: u,
|
|
13056
13063
|
className: `
|
|
13057
13064
|
w-full py-4 rounded-xl font-bold transition-all transform active:scale-95 flex items-center justify-center gap-2
|
|
13058
|
-
${
|
|
13065
|
+
${x ? `${A(t, "bg", 600)} text-white shadow-lg uppercase tracking-wider` : ""}
|
|
13059
13066
|
${y ? "bg-white dark:bg-gray-800 text-black dark:text-white shadow-xl hover:shadow-2xl" : ""}
|
|
13060
13067
|
${N ? `${ee(t, "bg")} text-white` : ""}
|
|
13061
13068
|
`,
|
|
13062
13069
|
children: [
|
|
13063
|
-
c === "listening" ? /* @__PURE__ */ a(
|
|
13070
|
+
c === "listening" ? /* @__PURE__ */ a(Li, { size: 20 }) : /* @__PURE__ */ a(Os, { size: 20 }),
|
|
13064
13071
|
c === "listening" ? "Stop Listening" : "Tap to Speak"
|
|
13065
13072
|
]
|
|
13066
13073
|
}
|
|
@@ -13077,7 +13084,7 @@ export default UserProfile;`, vp = ({
|
|
|
13077
13084
|
...d
|
|
13078
13085
|
}) => {
|
|
13079
13086
|
({ ...r });
|
|
13080
|
-
const [i, c] =
|
|
13087
|
+
const [i, c] = B(!1), m = J(n, t), h = e === "MUI", g = e === "Apple", f = e === "Custom";
|
|
13081
13088
|
return /* @__PURE__ */ l("div", { style: m, className: "w-full h-full flex flex-col items-center justify-center gap-8", children: [
|
|
13082
13089
|
/* @__PURE__ */ a("div", { className: `h-16 flex items-center gap-1 ${i ? "" : "opacity-20"}`, children: [...Array(12)].map((b, u) => /* @__PURE__ */ a(
|
|
13083
13090
|
"div",
|
|
@@ -13183,7 +13190,7 @@ export default UserProfile;`, vp = ({
|
|
|
13183
13190
|
...d
|
|
13184
13191
|
}) => {
|
|
13185
13192
|
({ ...r });
|
|
13186
|
-
const i = J(n, t), c = Pe(null), m = Pe(null), h = Pe([]), g = Pe(-1), [f, b] =
|
|
13193
|
+
const i = J(n, t), c = Pe(null), m = Pe(null), h = Pe([]), g = Pe(-1), [f, b] = B(!1), [u, x] = B("pen"), [y, N] = B("#000000"), [S, k] = B(3), [w, C] = B(!1), [T, W] = B(!1), I = () => {
|
|
13187
13194
|
const M = c.current;
|
|
13188
13195
|
if (!M) return;
|
|
13189
13196
|
const P = M.getContext("2d");
|
|
@@ -13191,7 +13198,7 @@ export default UserProfile;`, vp = ({
|
|
|
13191
13198
|
const F = P.getImageData(0, 0, M.width, M.height);
|
|
13192
13199
|
g.current += 1, h.current = h.current.slice(0, g.current), h.current.push(F), C(g.current > 0), W(!1);
|
|
13193
13200
|
};
|
|
13194
|
-
|
|
13201
|
+
Ee(() => {
|
|
13195
13202
|
const M = c.current, P = m.current;
|
|
13196
13203
|
if (M && P) {
|
|
13197
13204
|
const F = () => {
|
|
@@ -13207,7 +13214,7 @@ export default UserProfile;`, vp = ({
|
|
|
13207
13214
|
X.disconnect();
|
|
13208
13215
|
};
|
|
13209
13216
|
}
|
|
13210
|
-
}, []),
|
|
13217
|
+
}, []), Ee(() => {
|
|
13211
13218
|
C(g.current > 0), W(g.current < h.current.length - 1);
|
|
13212
13219
|
}, [f]);
|
|
13213
13220
|
const z = (M) => {
|
|
@@ -13227,7 +13234,7 @@ export default UserProfile;`, vp = ({
|
|
|
13227
13234
|
if (!F) return;
|
|
13228
13235
|
const { offsetX: X, offsetY: re } = E(M, P);
|
|
13229
13236
|
F.lineTo(X, re), F.stroke();
|
|
13230
|
-
},
|
|
13237
|
+
}, v = () => {
|
|
13231
13238
|
b(!1);
|
|
13232
13239
|
const M = c.current;
|
|
13233
13240
|
if (M) {
|
|
@@ -13249,7 +13256,7 @@ export default UserProfile;`, vp = ({
|
|
|
13249
13256
|
const P = M.getContext("2d");
|
|
13250
13257
|
P && P.clearRect(0, 0, M.width, M.height);
|
|
13251
13258
|
}
|
|
13252
|
-
},
|
|
13259
|
+
}, D = () => {
|
|
13253
13260
|
const M = c.current;
|
|
13254
13261
|
if (!M || g.current <= 0) return;
|
|
13255
13262
|
g.current -= 1;
|
|
@@ -13278,16 +13285,16 @@ export default UserProfile;`, vp = ({
|
|
|
13278
13285
|
/* @__PURE__ */ a(
|
|
13279
13286
|
"button",
|
|
13280
13287
|
{
|
|
13281
|
-
onClick: () =>
|
|
13288
|
+
onClick: () => x("pen"),
|
|
13282
13289
|
className: `p-2 sm:p-2.5 rounded-md transition-all ${u === "pen" ? `${A(t, "bg", 100)} ${A(t, "text", 600)} dark:${A(t, "bg", 900)}/30 dark:${A(t, "text", 400)} shadow-sm` : "text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"}`,
|
|
13283
13290
|
title: "Pen Tool",
|
|
13284
|
-
children: /* @__PURE__ */ a(
|
|
13291
|
+
children: /* @__PURE__ */ a(Bi, { size: 18, className: "sm:w-5 sm:h-5" })
|
|
13285
13292
|
}
|
|
13286
13293
|
),
|
|
13287
13294
|
/* @__PURE__ */ a(
|
|
13288
13295
|
"button",
|
|
13289
13296
|
{
|
|
13290
|
-
onClick: () =>
|
|
13297
|
+
onClick: () => x("eraser"),
|
|
13291
13298
|
className: `p-2 sm:p-2.5 rounded-md transition-all ${u === "eraser" ? `${A(t, "bg", 100)} ${A(t, "text", 600)} dark:${A(t, "bg", 900)}/30 dark:${A(t, "text", 400)} shadow-sm` : "text-gray-600 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"}`,
|
|
13292
13299
|
title: "Eraser Tool",
|
|
13293
13300
|
children: /* @__PURE__ */ a(ws, { size: 18, className: "sm:w-5 sm:h-5" })
|
|
@@ -13300,7 +13307,7 @@ export default UserProfile;`, vp = ({
|
|
|
13300
13307
|
"button",
|
|
13301
13308
|
{
|
|
13302
13309
|
onClick: () => {
|
|
13303
|
-
N(M),
|
|
13310
|
+
N(M), x("pen");
|
|
13304
13311
|
},
|
|
13305
13312
|
className: `w-6 h-6 sm:w-7 sm:h-7 rounded-full border-2 shadow-md transition-all flex-shrink-0 ${P ? `scale-110 ring-2 ring-offset-2 ${F} border-gray-400 dark:border-gray-500` : "border-gray-300 dark:border-gray-600 hover:scale-110"}`,
|
|
13306
13313
|
style: { backgroundColor: M },
|
|
@@ -13323,11 +13330,11 @@ export default UserProfile;`, vp = ({
|
|
|
13323
13330
|
/* @__PURE__ */ a(
|
|
13324
13331
|
"button",
|
|
13325
13332
|
{
|
|
13326
|
-
onClick:
|
|
13333
|
+
onClick: D,
|
|
13327
13334
|
disabled: !w,
|
|
13328
13335
|
className: `p-2 sm:p-2.5 rounded-md transition-all flex-shrink-0 ${w ? "text-gray-600 dark:text-gray-400 hover:text-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-gray-200" : "text-gray-300 dark:text-gray-700 cursor-not-allowed"}`,
|
|
13329
13336
|
title: "Undo",
|
|
13330
|
-
children: /* @__PURE__ */ a(
|
|
13337
|
+
children: /* @__PURE__ */ a(Di, { size: 18, className: "sm:w-5 sm:h-5" })
|
|
13331
13338
|
}
|
|
13332
13339
|
),
|
|
13333
13340
|
/* @__PURE__ */ a(
|
|
@@ -13337,7 +13344,7 @@ export default UserProfile;`, vp = ({
|
|
|
13337
13344
|
disabled: !T,
|
|
13338
13345
|
className: `p-2 sm:p-2.5 rounded-md transition-all flex-shrink-0 ${T ? "text-gray-600 dark:text-gray-400 hover:text-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800 dark:hover:text-gray-200" : "text-gray-300 dark:text-gray-700 cursor-not-allowed"}`,
|
|
13339
13346
|
title: "Redo",
|
|
13340
|
-
children: /* @__PURE__ */ a(
|
|
13347
|
+
children: /* @__PURE__ */ a(Wi, { size: 18, className: "sm:w-5 sm:h-5" })
|
|
13341
13348
|
}
|
|
13342
13349
|
),
|
|
13343
13350
|
/* @__PURE__ */ a(
|
|
@@ -13390,11 +13397,11 @@ export default UserProfile;`, vp = ({
|
|
|
13390
13397
|
ref: c,
|
|
13391
13398
|
onMouseDown: z,
|
|
13392
13399
|
onMouseMove: j,
|
|
13393
|
-
onMouseUp:
|
|
13394
|
-
onMouseLeave:
|
|
13400
|
+
onMouseUp: v,
|
|
13401
|
+
onMouseLeave: v,
|
|
13395
13402
|
onTouchStart: z,
|
|
13396
13403
|
onTouchMove: j,
|
|
13397
|
-
onTouchEnd:
|
|
13404
|
+
onTouchEnd: v,
|
|
13398
13405
|
className: "absolute inset-0 cursor-crosshair touch-none"
|
|
13399
13406
|
}
|
|
13400
13407
|
)
|
|
@@ -13418,12 +13425,12 @@ export default UserProfile;`, vp = ({
|
|
|
13418
13425
|
for (let g = 0; g < 15; g++) {
|
|
13419
13426
|
const f = [];
|
|
13420
13427
|
for (let b = 0; b < 15; b++) {
|
|
13421
|
-
const u = g < 4 && b < 4 || g < 4 && b > 10 || g > 10 && b < 4,
|
|
13428
|
+
const u = g < 4 && b < 4 || g < 4 && b > 10 || g > 10 && b < 4, x = Math.random() > 0.5 || u;
|
|
13422
13429
|
f.push(
|
|
13423
13430
|
/* @__PURE__ */ a(
|
|
13424
13431
|
"div",
|
|
13425
13432
|
{
|
|
13426
|
-
className: `w-1.5 h-1.5 ${
|
|
13433
|
+
className: `w-1.5 h-1.5 ${x ? u ? "bg-black dark:bg-white" : "bg-gray-800 dark:bg-gray-200" : "bg-transparent"}`
|
|
13427
13434
|
},
|
|
13428
13435
|
`${g}-${b}`
|
|
13429
13436
|
)
|
|
@@ -13454,10 +13461,10 @@ export default UserProfile;`, vp = ({
|
|
|
13454
13461
|
...d
|
|
13455
13462
|
}) => {
|
|
13456
13463
|
({ ...r });
|
|
13457
|
-
const [i, c] =
|
|
13464
|
+
const [i, c] = B(!1), m = J(n, t), h = e === "MUI", g = e === "Apple", f = e === "Custom", b = `
|
|
13458
13465
|
w-full max-w-[340px] aspect-[1.586/1] rounded-xl relative transition-all duration-500 transform [transform-style:preserve-3d] cursor-pointer shadow-xl
|
|
13459
13466
|
${i ? "[transform:rotateY(180deg)]" : ""}
|
|
13460
|
-
`, u = () => h ? "bg-gradient-to-br from-gray-800 to-black text-white border border-gray-700" : g ? "bg-gradient-to-br from-white to-gray-200 text-gray-800 border border-gray-300 shadow-sm" : "text-white border-transparent",
|
|
13467
|
+
`, u = () => h ? "bg-gradient-to-br from-gray-800 to-black text-white border border-gray-700" : g ? "bg-gradient-to-br from-white to-gray-200 text-gray-800 border border-gray-300 shadow-sm" : "text-white border-transparent", x = () => {
|
|
13461
13468
|
if (f) {
|
|
13462
13469
|
const y = Se(t, "primary", 600), N = Se(t, "primary", 800);
|
|
13463
13470
|
return {
|
|
@@ -13470,7 +13477,7 @@ export default UserProfile;`, vp = ({
|
|
|
13470
13477
|
/* @__PURE__ */ l(
|
|
13471
13478
|
"div",
|
|
13472
13479
|
{
|
|
13473
|
-
style: { ...m, ...
|
|
13480
|
+
style: { ...m, ...x() },
|
|
13474
13481
|
className: `${b} ${u()}`,
|
|
13475
13482
|
children: [
|
|
13476
13483
|
/* @__PURE__ */ l("div", { className: "absolute inset-0 [backface-visibility:hidden] p-6 flex flex-col justify-between", children: [
|
|
@@ -13481,7 +13488,7 @@ export default UserProfile;`, vp = ({
|
|
|
13481
13488
|
/* @__PURE__ */ a("div", { className: "border-r border-yellow-600/30" }),
|
|
13482
13489
|
/* @__PURE__ */ a("div", { className: "" })
|
|
13483
13490
|
] }) }),
|
|
13484
|
-
/* @__PURE__ */ a(
|
|
13491
|
+
/* @__PURE__ */ a(Ui, { size: 20, className: "opacity-70" })
|
|
13485
13492
|
] }),
|
|
13486
13493
|
/* @__PURE__ */ a("div", { className: "text-xl font-mono tracking-widest mt-4 drop-shadow-md break-words", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
|
|
13487
13494
|
/* @__PURE__ */ a("span", { children: "4242" }),
|
|
@@ -13507,7 +13514,7 @@ export default UserProfile;`, vp = ({
|
|
|
13507
13514
|
/* @__PURE__ */ l(
|
|
13508
13515
|
"div",
|
|
13509
13516
|
{
|
|
13510
|
-
style:
|
|
13517
|
+
style: x(),
|
|
13511
13518
|
className: `absolute inset-0 [backface-visibility:hidden] [transform:rotateY(180deg)] rounded-xl overflow-hidden ${u()}`,
|
|
13512
13519
|
children: [
|
|
13513
13520
|
/* @__PURE__ */ a("div", { className: "w-full h-10 bg-black mt-6 opacity-80" }),
|
|
@@ -13541,19 +13548,19 @@ export default UserProfile;`, vp = ({
|
|
|
13541
13548
|
const c = {
|
|
13542
13549
|
primaryColor: (t == null ? void 0 : t.primaryColor) || "blue",
|
|
13543
13550
|
baseRadius: (t == null ? void 0 : t.baseRadius) || 8
|
|
13544
|
-
}, [m, h] =
|
|
13551
|
+
}, [m, h] = B(!0), [g, f] = B([]), [b, u] = B("translate"), x = Pe(null), y = (T, W, I, z) => {
|
|
13545
13552
|
const j = [];
|
|
13546
|
-
let
|
|
13553
|
+
let v = 0, E = z;
|
|
13547
13554
|
const R = 1 / 60;
|
|
13548
|
-
for (let
|
|
13549
|
-
const V = (-T * (
|
|
13550
|
-
E += V * R,
|
|
13555
|
+
for (let D = 0; D < 120; D++) {
|
|
13556
|
+
const V = (-T * (v - 1) - W * E) / I;
|
|
13557
|
+
E += V * R, v += E * R, j.push({ x: D / 120 * 100, y: v });
|
|
13551
13558
|
}
|
|
13552
13559
|
return j;
|
|
13553
13560
|
}, N = (T, W, I, z) => {
|
|
13554
13561
|
const j = [];
|
|
13555
|
-
for (let
|
|
13556
|
-
const E = 3 * T, R = 3 * (I - T) - E,
|
|
13562
|
+
for (let v = 0; v <= 1; v += 0.01) {
|
|
13563
|
+
const E = 3 * T, R = 3 * (I - T) - E, D = 1 - E - R, K = 3 * W, V = 3 * (z - W) - K, te = 1 - K - V, Z = ((D * v + R) * v + E) * v, L = ((te * v + V) * v + K) * v;
|
|
13557
13564
|
j.push({ x: Z * 100, y: L });
|
|
13558
13565
|
}
|
|
13559
13566
|
return j;
|
|
@@ -13598,8 +13605,8 @@ export default UserProfile;`, vp = ({
|
|
|
13598
13605
|
break;
|
|
13599
13606
|
}
|
|
13600
13607
|
case "inOutBack": {
|
|
13601
|
-
const
|
|
13602
|
-
z = I < 0.5 ? Math.pow(2 * I, 2) * ((
|
|
13608
|
+
const v = 2.5949095;
|
|
13609
|
+
z = I < 0.5 ? Math.pow(2 * I, 2) * ((v + 1) * 2 * I - v) / 2 : (Math.pow(2 * I - 2, 2) * ((v + 1) * (I * 2 - 2) + v) + 2) / 2;
|
|
13603
13610
|
break;
|
|
13604
13611
|
}
|
|
13605
13612
|
case "inElastic": {
|
|
@@ -13631,7 +13638,7 @@ export default UserProfile;`, vp = ({
|
|
|
13631
13638
|
}
|
|
13632
13639
|
return W;
|
|
13633
13640
|
}, k = (T) => T < 1 / 2.75 ? 7.5625 * T * T : T < 2 / 2.75 ? 7.5625 * (T -= 1.5 / 2.75) * T + 0.75 : T < 2.5 / 2.75 ? 7.5625 * (T -= 2.25 / 2.75) * T + 0.9375 : 7.5625 * (T -= 2.625 / 2.75) * T + 0.984375;
|
|
13634
|
-
|
|
13641
|
+
Ee(() => {
|
|
13635
13642
|
let T = [];
|
|
13636
13643
|
if (d.type === "spring")
|
|
13637
13644
|
T = y(d.stiffness, d.damping, d.mass, d.velocity);
|
|
@@ -13645,9 +13652,9 @@ export default UserProfile;`, vp = ({
|
|
|
13645
13652
|
}
|
|
13646
13653
|
}
|
|
13647
13654
|
f(T), h(!0);
|
|
13648
|
-
}, [d, b]),
|
|
13655
|
+
}, [d, b]), Ee(() => {
|
|
13649
13656
|
h(!0);
|
|
13650
|
-
}, [d, b]),
|
|
13657
|
+
}, [d, b]), Ee(() => {
|
|
13651
13658
|
if (!m || g.length === 0) return;
|
|
13652
13659
|
let T;
|
|
13653
13660
|
const W = d.duration || 1e3, I = (z) => {
|
|
@@ -13657,46 +13664,46 @@ export default UserProfile;`, vp = ({
|
|
|
13657
13664
|
h(!1), setTimeout(() => h(!0), 100);
|
|
13658
13665
|
return;
|
|
13659
13666
|
}
|
|
13660
|
-
const
|
|
13661
|
-
if (
|
|
13662
|
-
let
|
|
13667
|
+
const v = j * 100, E = g.reduce((R, D) => Math.abs(D.x - v) < Math.abs(R.x - v) ? D : R);
|
|
13668
|
+
if (x.current) {
|
|
13669
|
+
let D = "";
|
|
13663
13670
|
switch (b) {
|
|
13664
13671
|
case "translate":
|
|
13665
|
-
|
|
13672
|
+
D = `translateX(${E.y * 300}px)`;
|
|
13666
13673
|
break;
|
|
13667
13674
|
case "rotate":
|
|
13668
|
-
|
|
13675
|
+
D = `rotate(${E.y * 360}deg)`;
|
|
13669
13676
|
break;
|
|
13670
13677
|
case "scale":
|
|
13671
|
-
|
|
13678
|
+
D = `scale(${0.5 + E.y * 0.5})`;
|
|
13672
13679
|
break;
|
|
13673
13680
|
case "fade":
|
|
13674
|
-
|
|
13681
|
+
D = `translateX(${E.y * 300}px)`, x.current.style.opacity = `${E.y}`;
|
|
13675
13682
|
break;
|
|
13676
13683
|
case "slide":
|
|
13677
|
-
|
|
13684
|
+
D = `translateX(${E.y * 300}px) translateY(${Math.sin(E.y * Math.PI) * 50}px)`;
|
|
13678
13685
|
break;
|
|
13679
13686
|
case "bounce":
|
|
13680
13687
|
const K = E.y > 1 ? 1 - (E.y - 1) * 0.3 : E.y;
|
|
13681
|
-
|
|
13688
|
+
D = `translateX(${E.y * 300}px) translateY(${(1 - K) * 100}px)`;
|
|
13682
13689
|
break;
|
|
13683
13690
|
default:
|
|
13684
|
-
|
|
13691
|
+
D = `translateX(${E.y * 300}px)`;
|
|
13685
13692
|
}
|
|
13686
|
-
|
|
13693
|
+
x.current.style.transform = D, b !== "fade" && (x.current.style.opacity = "1");
|
|
13687
13694
|
}
|
|
13688
13695
|
requestAnimationFrame(I);
|
|
13689
13696
|
};
|
|
13690
13697
|
requestAnimationFrame(I);
|
|
13691
13698
|
}, [m, g, d.duration, b]);
|
|
13692
13699
|
const w = () => {
|
|
13693
|
-
|
|
13700
|
+
x.current && (x.current.style.transform = "translateX(0)"), h(!1), setTimeout(() => h(!0), 50);
|
|
13694
13701
|
}, C = () => {
|
|
13695
13702
|
if (g.length === 0) return "";
|
|
13696
13703
|
const T = 150, I = T - 50;
|
|
13697
13704
|
return g.map((z, j) => {
|
|
13698
|
-
const
|
|
13699
|
-
return `${j === 0 ? "M" : "L"} ${
|
|
13705
|
+
const v = z.x / 100 * 400, E = T - z.y * I;
|
|
13706
|
+
return `${j === 0 ? "M" : "L"} ${v} ${E}`;
|
|
13700
13707
|
}).join(" ");
|
|
13701
13708
|
};
|
|
13702
13709
|
return /* @__PURE__ */ l("div", { className: "w-full h-full flex flex-col gap-8 text-gray-800 dark:text-gray-200 overflow-y-auto items-center px-4 py-6", children: [
|
|
@@ -13769,7 +13776,7 @@ export default UserProfile;`, vp = ({
|
|
|
13769
13776
|
/* @__PURE__ */ a(
|
|
13770
13777
|
"div",
|
|
13771
13778
|
{
|
|
13772
|
-
ref:
|
|
13779
|
+
ref: x,
|
|
13773
13780
|
className: `w-12 h-12 ${A(c, "bg", 500)} rounded-full shadow-lg relative z-10 will-change-transform ${b === "fade" ? "transition-opacity duration-75" : ""}`,
|
|
13774
13781
|
style: b === "fade" ? {} : { opacity: 1 }
|
|
13775
13782
|
}
|
|
@@ -13857,10 +13864,10 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
13857
13864
|
const i = {
|
|
13858
13865
|
primaryColor: (t == null ? void 0 : t.primaryColor) || "blue",
|
|
13859
13866
|
baseRadius: (t == null ? void 0 : t.baseRadius) || 8
|
|
13860
|
-
}, [c, m] =
|
|
13861
|
-
const
|
|
13867
|
+
}, [c, m] = B(""), [h, g] = B("auto"), [f, b] = B("All"), u = yt(() => {
|
|
13868
|
+
const x = c.trim().toLowerCase();
|
|
13862
13869
|
return Vh.filter((y) => {
|
|
13863
|
-
const N = f === "All" || y.categories.includes(f), S = !
|
|
13870
|
+
const N = f === "All" || y.categories.includes(f), S = !x || y.name.toLowerCase().includes(x) || y.keywords.some((k) => k.toLowerCase().includes(x));
|
|
13864
13871
|
return N && S;
|
|
13865
13872
|
});
|
|
13866
13873
|
}, [f, c]);
|
|
@@ -13871,7 +13878,7 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
13871
13878
|
/* @__PURE__ */ l("div", { className: "flex items-center gap-2 text-gray-500", children: [
|
|
13872
13879
|
/* @__PURE__ */ a(js, { size: 14 }),
|
|
13873
13880
|
/* @__PURE__ */ a("span", { children: "iOS" }),
|
|
13874
|
-
/* @__PURE__ */ a(
|
|
13881
|
+
/* @__PURE__ */ a(Fi, { size: 14 }),
|
|
13875
13882
|
/* @__PURE__ */ a("span", { children: "Android" })
|
|
13876
13883
|
] })
|
|
13877
13884
|
] }),
|
|
@@ -13883,7 +13890,7 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
13883
13890
|
"input",
|
|
13884
13891
|
{
|
|
13885
13892
|
value: c,
|
|
13886
|
-
onChange: (
|
|
13893
|
+
onChange: (x) => m(x.target.value),
|
|
13887
13894
|
placeholder: "Search emoji by name or keyword",
|
|
13888
13895
|
className: `w-full rounded-lg border pl-9 pr-10 py-2 text-sm bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-800 focus:outline-none focus:ring-2 ${ee(i, "ring")} ${A(i, "border", 300)} transition ${c ? `${A(i, "border", 300)} ring-1` : ""}`
|
|
13889
13896
|
}
|
|
@@ -13898,15 +13905,15 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
13898
13905
|
}
|
|
13899
13906
|
)
|
|
13900
13907
|
] }),
|
|
13901
|
-
/* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: ["auto", "ios", "android"].map((
|
|
13908
|
+
/* @__PURE__ */ a("div", { className: "flex items-center gap-2", children: ["auto", "ios", "android"].map((x) => /* @__PURE__ */ a(
|
|
13902
13909
|
"button",
|
|
13903
13910
|
{
|
|
13904
|
-
onClick: () => g(
|
|
13905
|
-
className: `px-3 py-2 rounded-lg text-xs font-semibold border transition shadow-sm ${h ===
|
|
13906
|
-
title: `Render using ${
|
|
13907
|
-
children:
|
|
13911
|
+
onClick: () => g(x),
|
|
13912
|
+
className: `px-3 py-2 rounded-lg text-xs font-semibold border transition shadow-sm ${h === x ? `${A(i, "border", 300)} ${A(i, "bg", 50)} ${A(i, "text", 700)} dark:${A(i, "bg", 900)}/50 dark:${A(i, "border", 800)} dark:${A(i, "text", 200)}` : "border-gray-200 dark:border-gray-800 text-gray-700 dark:text-gray-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:border-gray-700/60 dark:hover:bg-gray-800/50"}`,
|
|
13913
|
+
title: `Render using ${x === "auto" ? "system default" : x.toUpperCase()} emoji font`,
|
|
13914
|
+
children: x === "auto" ? "Auto" : x.toUpperCase()
|
|
13908
13915
|
},
|
|
13909
|
-
|
|
13916
|
+
x
|
|
13910
13917
|
)) })
|
|
13911
13918
|
] }),
|
|
13912
13919
|
/* @__PURE__ */ l("div", { className: "flex items-center gap-2 overflow-x-auto pb-1", children: [
|
|
@@ -13914,14 +13921,14 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
13914
13921
|
/* @__PURE__ */ a(Ga, { size: 14 }),
|
|
13915
13922
|
/* @__PURE__ */ a("span", { children: "Categories" })
|
|
13916
13923
|
] }),
|
|
13917
|
-
Hh.map((
|
|
13924
|
+
Hh.map((x) => /* @__PURE__ */ a(
|
|
13918
13925
|
"button",
|
|
13919
13926
|
{
|
|
13920
|
-
onClick: () => b(
|
|
13921
|
-
className: `px-3 py-1.5 rounded-full text-xs font-semibold border transition ${f ===
|
|
13922
|
-
children:
|
|
13927
|
+
onClick: () => b(x),
|
|
13928
|
+
className: `px-3 py-1.5 rounded-full text-xs font-semibold border transition ${f === x ? `${A(i, "border", 300)} ${A(i, "bg", 50)} ${A(i, "text", 700)} dark:${A(i, "bg", 900)}/50 dark:${A(i, "border", 800)} dark:${A(i, "text", 200)}` : "border-gray-200 dark:border-gray-800 text-gray-700 dark:text-gray-300 hover:border-gray-300 hover:bg-gray-50 dark:hover:border-gray-700/60 dark:hover:bg-gray-800/50"}`,
|
|
13929
|
+
children: x
|
|
13923
13930
|
},
|
|
13924
|
-
|
|
13931
|
+
x
|
|
13925
13932
|
))
|
|
13926
13933
|
] })
|
|
13927
13934
|
] }),
|
|
@@ -13931,20 +13938,20 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
13931
13938
|
className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 gap-3",
|
|
13932
13939
|
style: { fontFamily: Yh[h] },
|
|
13933
13940
|
children: [
|
|
13934
|
-
u.map((
|
|
13941
|
+
u.map((x) => /* @__PURE__ */ l(
|
|
13935
13942
|
"div",
|
|
13936
13943
|
{
|
|
13937
13944
|
className: "flex items-center gap-3 p-3 rounded-lg border border-gray-200 dark:border-gray-800 bg-white dark:bg-gray-900 shadow-sm hover:shadow-md transition",
|
|
13938
|
-
title:
|
|
13945
|
+
title: x.keywords.join(", "),
|
|
13939
13946
|
children: [
|
|
13940
|
-
/* @__PURE__ */ a("span", { className: "text-2xl", children:
|
|
13947
|
+
/* @__PURE__ */ a("span", { className: "text-2xl", children: x.emoji }),
|
|
13941
13948
|
/* @__PURE__ */ l("div", { className: "flex flex-col", children: [
|
|
13942
|
-
/* @__PURE__ */ a("span", { className: "text-sm font-semibold text-gray-900 dark:text-white", children:
|
|
13943
|
-
/* @__PURE__ */ a("span", { className: "text-[11px] text-gray-500 dark:text-gray-400", children:
|
|
13949
|
+
/* @__PURE__ */ a("span", { className: "text-sm font-semibold text-gray-900 dark:text-white", children: x.name }),
|
|
13950
|
+
/* @__PURE__ */ a("span", { className: "text-[11px] text-gray-500 dark:text-gray-400", children: x.categories.join(" • ") })
|
|
13944
13951
|
] })
|
|
13945
13952
|
]
|
|
13946
13953
|
},
|
|
13947
|
-
|
|
13954
|
+
x.name
|
|
13948
13955
|
)),
|
|
13949
13956
|
u.length === 0 && /* @__PURE__ */ a("div", { className: "col-span-full text-center text-sm text-gray-500 dark:text-gray-400 py-6", children: "No emojis match this filter. Try another category or search term." })
|
|
13950
13957
|
]
|
|
@@ -14049,9 +14056,9 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
14049
14056
|
className: n,
|
|
14050
14057
|
fallback: s
|
|
14051
14058
|
}) => {
|
|
14052
|
-
const [o, p] =
|
|
14053
|
-
|
|
14054
|
-
|
|
14059
|
+
const [o, p] = B(!1), [d, i] = B(!1);
|
|
14060
|
+
Ho(), Yo(() => {
|
|
14061
|
+
Go(() => {
|
|
14055
14062
|
requestAnimationFrame(() => {
|
|
14056
14063
|
p(!0);
|
|
14057
14064
|
});
|
|
@@ -14067,7 +14074,7 @@ ${JSON.stringify(d, null, 2)}` }) })
|
|
|
14067
14074
|
}
|
|
14068
14075
|
);
|
|
14069
14076
|
};
|
|
14070
|
-
class Kh extends
|
|
14077
|
+
class Kh extends Vo {
|
|
14071
14078
|
constructor(r) {
|
|
14072
14079
|
super(r), this.state = { hasError: !1 };
|
|
14073
14080
|
}
|
|
@@ -14185,8 +14192,8 @@ const Jh = () => {
|
|
|
14185
14192
|
...m
|
|
14186
14193
|
}) => {
|
|
14187
14194
|
({ ...r });
|
|
14188
|
-
const [h, g] =
|
|
14189
|
-
|
|
14195
|
+
const [h, g] = B([]), [f, b] = B(""), [u, x] = B(/* @__PURE__ */ new Set()), [y, N] = B(null), [S, k] = B(!1), [w, C] = B(1), T = 25, W = (r == null ? void 0 : r.textAlign) === "left" ? "name" : (r == null ? void 0 : r.textAlign) === "center" ? "style" : "name", [I, z] = B(W), j = (r == null ? void 0 : r.variant) === "primary" ? "all" : (r == null ? void 0 : r.variant) === "solid" ? "solid" : (r == null ? void 0 : r.variant) === "regular" ? "regular" : (r == null ? void 0 : r.variant) === "brands" ? "brands" : "all", [v, E] = B(j), R = (r == null ? void 0 : r.orientation) === "vertical" ? "list" : "grid", [D, K] = B(R);
|
|
14196
|
+
Ee(() => {
|
|
14190
14197
|
if (!Hr)
|
|
14191
14198
|
try {
|
|
14192
14199
|
Ls.add(or, ir, lr), Hr = !0;
|
|
@@ -14201,7 +14208,7 @@ const Jh = () => {
|
|
|
14201
14208
|
iconColor: (t == null ? void 0 : t.iconColor) || "default",
|
|
14202
14209
|
iconCustomColor: (t == null ? void 0 : t.iconCustomColor) || "#3b82f6"
|
|
14203
14210
|
}, te = (t == null ? void 0 : t.iconSize) || 48, Z = (t == null ? void 0 : t.iconColor) || "default", L = (t == null ? void 0 : t.iconCustomColor) || "#3b82f6";
|
|
14204
|
-
|
|
14211
|
+
Ee(() => {
|
|
14205
14212
|
try {
|
|
14206
14213
|
const H = Jh();
|
|
14207
14214
|
console.log("Loaded icons:", H.length), H.length === 0 && (console.warn("No icons loaded from FontAwesome library. Checking library state..."), console.log("FAS sample:", Object.keys(or).slice(0, 5)), console.log("FAR sample:", Object.keys(ir).slice(0, 5)), console.log("FAB sample:", Object.keys(lr).slice(0, 5))), g(H);
|
|
@@ -14212,25 +14219,25 @@ const Jh = () => {
|
|
|
14212
14219
|
const M = yt(() => {
|
|
14213
14220
|
const H = f.toLowerCase().trim();
|
|
14214
14221
|
let de = h.filter((le) => {
|
|
14215
|
-
const xe = !H || le.name.toLowerCase().includes(H) || le.prefix.toLowerCase().includes(H) || le.style.toLowerCase().includes(H), U =
|
|
14222
|
+
const xe = !H || le.name.toLowerCase().includes(H) || le.prefix.toLowerCase().includes(H) || le.style.toLowerCase().includes(H), U = v === "all" || le.style === v;
|
|
14216
14223
|
return xe && U;
|
|
14217
14224
|
});
|
|
14218
14225
|
return de = [...de].sort((le, xe) => I === "style" && le.style !== xe.style ? le.style.localeCompare(xe.style) : le.name.localeCompare(xe.name)), de;
|
|
14219
|
-
}, [h, f,
|
|
14226
|
+
}, [h, f, v, I]), P = Math.ceil(M.length / T), F = yt(() => {
|
|
14220
14227
|
const H = (w - 1) * T;
|
|
14221
14228
|
return M.slice(H, H + T);
|
|
14222
14229
|
}, [M, w, T]);
|
|
14223
|
-
|
|
14230
|
+
Ee(() => {
|
|
14224
14231
|
C(1);
|
|
14225
|
-
}, [f,
|
|
14232
|
+
}, [f, v, I]);
|
|
14226
14233
|
const X = (H) => {
|
|
14227
14234
|
const de = new Set(u);
|
|
14228
|
-
de.has(H) ? de.delete(H) : de.add(H),
|
|
14235
|
+
de.has(H) ? de.delete(H) : de.add(H), x(de);
|
|
14229
14236
|
}, re = () => {
|
|
14230
14237
|
const H = new Set(M.map((de) => ce(de)));
|
|
14231
|
-
|
|
14238
|
+
x(H);
|
|
14232
14239
|
}, ne = () => {
|
|
14233
|
-
|
|
14240
|
+
x(/* @__PURE__ */ new Set());
|
|
14234
14241
|
}, oe = (H, de = !1) => {
|
|
14235
14242
|
const le = de && u.size > 0 ? M.filter((q) => u.has(ce(q))) : [H], xe = [], U = [], se = [];
|
|
14236
14243
|
le.forEach((q) => {
|
|
@@ -14259,16 +14266,16 @@ ${U.join(`
|
|
|
14259
14266
|
brands: H.filter((le) => le.style === "brands").length
|
|
14260
14267
|
};
|
|
14261
14268
|
return { count: u.size, byStyle: de };
|
|
14262
|
-
})(), O = "icon-animation", Re = d ? jo(d, O) : {},
|
|
14263
|
-
return
|
|
14264
|
-
if (!d || !
|
|
14269
|
+
})(), O = "icon-animation", Re = d ? jo(d, O) : {}, De = d ? Oo(d, O) : "";
|
|
14270
|
+
return Ee(() => {
|
|
14271
|
+
if (!d || !De) return;
|
|
14265
14272
|
const H = "icon-animation-keyframes";
|
|
14266
14273
|
let de = document.getElementById(H);
|
|
14267
|
-
return de || (de = document.createElement("style"), de.id = H, document.head.appendChild(de)), de.textContent =
|
|
14274
|
+
return de || (de = document.createElement("style"), de.id = H, document.head.appendChild(de)), de.textContent = De, () => {
|
|
14268
14275
|
const le = document.getElementById(H);
|
|
14269
14276
|
le && le.remove();
|
|
14270
14277
|
};
|
|
14271
|
-
}, [d,
|
|
14278
|
+
}, [d, De]), /* @__PURE__ */ l("div", { className: "w-full space-y-6 p-6", children: [
|
|
14272
14279
|
/* @__PURE__ */ l("div", { className: "space-y-4", children: [
|
|
14273
14280
|
/* @__PURE__ */ l("div", { className: "flex items-start justify-between", children: [
|
|
14274
14281
|
/* @__PURE__ */ l("div", { children: [
|
|
@@ -14374,7 +14381,7 @@ ${U.join(`
|
|
|
14374
14381
|
"button",
|
|
14375
14382
|
{
|
|
14376
14383
|
onClick: () => K("grid"),
|
|
14377
|
-
className: `p-2 rounded-lg transition-colors ${
|
|
14384
|
+
className: `p-2 rounded-lg transition-colors ${D === "grid" ? "bg-blue-600 text-white" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"}`,
|
|
14378
14385
|
title: "Grid View",
|
|
14379
14386
|
children: /* @__PURE__ */ a(_s, { size: 18 })
|
|
14380
14387
|
}
|
|
@@ -14383,7 +14390,7 @@ ${U.join(`
|
|
|
14383
14390
|
"button",
|
|
14384
14391
|
{
|
|
14385
14392
|
onClick: () => K("list"),
|
|
14386
|
-
className: `p-2 rounded-lg transition-colors ${
|
|
14393
|
+
className: `p-2 rounded-lg transition-colors ${D === "list" ? "bg-blue-600 text-white" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"}`,
|
|
14387
14394
|
title: "List View",
|
|
14388
14395
|
children: /* @__PURE__ */ a(Ps, { size: 18 })
|
|
14389
14396
|
}
|
|
@@ -14399,7 +14406,7 @@ ${U.join(`
|
|
|
14399
14406
|
onClick: () => E(H),
|
|
14400
14407
|
className: `
|
|
14401
14408
|
px-4 py-2 rounded-lg text-sm font-medium transition-all capitalize
|
|
14402
|
-
${
|
|
14409
|
+
${v === H ? "bg-blue-600 text-white shadow-md ring-2 ring-blue-300 dark:ring-blue-700" : "bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-700 hover:shadow-sm"}
|
|
14403
14410
|
`,
|
|
14404
14411
|
title: `Filter by ${H} style (${de} icons)`,
|
|
14405
14412
|
children: [
|
|
@@ -14414,7 +14421,7 @@ ${U.join(`
|
|
|
14414
14421
|
H
|
|
14415
14422
|
);
|
|
14416
14423
|
}),
|
|
14417
|
-
(f ||
|
|
14424
|
+
(f || v !== "all") && /* @__PURE__ */ l(
|
|
14418
14425
|
"button",
|
|
14419
14426
|
{
|
|
14420
14427
|
onClick: () => {
|
|
@@ -14464,7 +14471,7 @@ ${U.join(`
|
|
|
14464
14471
|
] })
|
|
14465
14472
|
] }),
|
|
14466
14473
|
M.length > 0 ? /* @__PURE__ */ l(Le, { children: [
|
|
14467
|
-
/* @__PURE__ */ a("div", { className:
|
|
14474
|
+
/* @__PURE__ */ a("div", { className: D === "grid" ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4" : "space-y-4", children: F.map((H) => {
|
|
14468
14475
|
const de = ce(H), le = u.has(de), xe = y === de;
|
|
14469
14476
|
return /* @__PURE__ */ l(
|
|
14470
14477
|
"div",
|
|
@@ -14472,12 +14479,12 @@ ${U.join(`
|
|
|
14472
14479
|
className: `
|
|
14473
14480
|
group relative rounded-lg border-2 transition-all overflow-hidden
|
|
14474
14481
|
${le ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20 ring-2 ring-blue-200 dark:ring-blue-800" : xe ? "border-green-500 bg-green-50 dark:bg-green-900/20" : "border-gray-200 dark:border-gray-700 hover:border-blue-500 hover:shadow-lg bg-white dark:bg-gray-800"}
|
|
14475
|
-
${
|
|
14482
|
+
${D === "list" ? "flex items-center gap-4 p-4" : "aspect-square p-4 flex flex-col"}
|
|
14476
14483
|
`,
|
|
14477
14484
|
children: [
|
|
14478
14485
|
le && /* @__PURE__ */ a("div", { className: "absolute top-1 right-1 w-5 h-5 bg-blue-600 rounded-full flex items-center justify-center z-10", children: /* @__PURE__ */ a(nt, { size: 12, className: "text-white" }) }),
|
|
14479
14486
|
/* @__PURE__ */ a("div", { className: `
|
|
14480
|
-
${
|
|
14487
|
+
${D === "list" ? "w-24 h-24 flex-shrink-0" : "flex-1"}
|
|
14481
14488
|
flex items-center justify-center bg-gray-50 dark:bg-gray-900/50 rounded overflow-hidden
|
|
14482
14489
|
`, children: /* @__PURE__ */ a(
|
|
14483
14490
|
"div",
|
|
@@ -14497,14 +14504,14 @@ ${U.join(`
|
|
|
14497
14504
|
Xh,
|
|
14498
14505
|
{
|
|
14499
14506
|
icon: H.iconDefinition || H.icon,
|
|
14500
|
-
size:
|
|
14507
|
+
size: D === "list" ? te : Math.max(te, 48),
|
|
14501
14508
|
style: xe ? {} : { color: Z !== "default" ? ue() : "currentColor" },
|
|
14502
14509
|
className: xe ? "text-green-600 dark:text-green-400" : "",
|
|
14503
14510
|
fallback: /* @__PURE__ */ a(
|
|
14504
14511
|
"svg",
|
|
14505
14512
|
{
|
|
14506
|
-
width:
|
|
14507
|
-
height:
|
|
14513
|
+
width: D === "list" ? te : Math.max(te, 48),
|
|
14514
|
+
height: D === "list" ? te : Math.max(te, 48),
|
|
14508
14515
|
viewBox: "0 0 24 24",
|
|
14509
14516
|
fill: "none",
|
|
14510
14517
|
stroke: xe ? "currentColor" : Z !== "default" ? ue() : "currentColor",
|
|
@@ -14518,7 +14525,7 @@ ${U.join(`
|
|
|
14518
14525
|
)
|
|
14519
14526
|
}
|
|
14520
14527
|
) }),
|
|
14521
|
-
/* @__PURE__ */ l("div", { className:
|
|
14528
|
+
/* @__PURE__ */ l("div", { className: D === "list" ? "flex-1" : "mt-2", children: [
|
|
14522
14529
|
/* @__PURE__ */ a("div", { className: "text-xs font-semibold text-gray-900 dark:text-white truncate", children: H.name }),
|
|
14523
14530
|
/* @__PURE__ */ a("div", { className: "text-[10px] text-gray-400 dark:text-gray-500 capitalize mt-0.5", children: H.prefix })
|
|
14524
14531
|
] }),
|
|
@@ -14797,14 +14804,14 @@ ${U.join(`
|
|
|
14797
14804
|
...m
|
|
14798
14805
|
}) => {
|
|
14799
14806
|
({ ...r });
|
|
14800
|
-
const [h, g] =
|
|
14807
|
+
const [h, g] = B([]), [f, b] = B(!0), [u, x] = B(""), [y, N] = B("all"), [S, k] = B("all"), [w, C] = B(null), [T, W] = B(/* @__PURE__ */ new Set()), [I, z] = B(!1), [j, v] = B(1), E = 25, R = (r == null ? void 0 : r.orientation) === "vertical" ? "list" : ((r == null ? void 0 : r.orientation) === "horizontal", "grid"), [D, K] = B(R), V = (r == null ? void 0 : r.textAlign) === "left" ? "name" : (r == null ? void 0 : r.textAlign) === "center" ? "category" : (r == null ? void 0 : r.textAlign) === "right" ? "newest" : "name", [te, Z] = B(V), L = {
|
|
14801
14808
|
primaryColor: (t == null ? void 0 : t.primaryColor) || "blue",
|
|
14802
14809
|
baseRadius: (t == null ? void 0 : t.baseRadius) || 8,
|
|
14803
14810
|
illustrationSize: (t == null ? void 0 : t.illustrationSize) || 100,
|
|
14804
14811
|
illustrationColor: (t == null ? void 0 : t.illustrationColor) || "default",
|
|
14805
14812
|
illustrationCustomColor: (t == null ? void 0 : t.illustrationCustomColor) || "#3b82f6"
|
|
14806
14813
|
}, M = (t == null ? void 0 : t.illustrationSize) || 100, P = (t == null ? void 0 : t.illustrationColor) || "default", F = (t == null ? void 0 : t.illustrationCustomColor) || "#3b82f6";
|
|
14807
|
-
|
|
14814
|
+
Ee(() => {
|
|
14808
14815
|
(async () => {
|
|
14809
14816
|
try {
|
|
14810
14817
|
const se = await Zh();
|
|
@@ -14837,8 +14844,8 @@ ${U.join(`
|
|
|
14837
14844
|
const U = (j - 1) * E;
|
|
14838
14845
|
return ne.slice(U, U + E);
|
|
14839
14846
|
}, [ne, j, E]);
|
|
14840
|
-
|
|
14841
|
-
|
|
14847
|
+
Ee(() => {
|
|
14848
|
+
v(1);
|
|
14842
14849
|
}, [u, y, S, te]);
|
|
14843
14850
|
const ue = (U) => {
|
|
14844
14851
|
const se = new Set(T);
|
|
@@ -14868,7 +14875,7 @@ ${U.join(`
|
|
|
14868
14875
|
se[ie.category] = (se[ie.category] || 0) + 1;
|
|
14869
14876
|
}), { count: T.size, byCategory: se };
|
|
14870
14877
|
})(), de = "illustration-animation", le = d ? jo(d, de) : {}, xe = d ? Oo(d, de) : "";
|
|
14871
|
-
return
|
|
14878
|
+
return Ee(() => {
|
|
14872
14879
|
if (!d || !xe) return;
|
|
14873
14880
|
const U = "illustration-animation-keyframes";
|
|
14874
14881
|
let se = document.getElementById(U);
|
|
@@ -14895,7 +14902,7 @@ ${U.join(`
|
|
|
14895
14902
|
className: "text-blue-600 hover:underline inline-flex items-center gap-1",
|
|
14896
14903
|
children: [
|
|
14897
14904
|
"Streamline Vectors ",
|
|
14898
|
-
/* @__PURE__ */ a(
|
|
14905
|
+
/* @__PURE__ */ a(Vi, { size: 14 })
|
|
14899
14906
|
]
|
|
14900
14907
|
}
|
|
14901
14908
|
),
|
|
@@ -14967,14 +14974,14 @@ ${U.join(`
|
|
|
14967
14974
|
type: "text",
|
|
14968
14975
|
placeholder: `Search ${h.length.toLocaleString()} illustrations...`,
|
|
14969
14976
|
value: u,
|
|
14970
|
-
onChange: (U) =>
|
|
14977
|
+
onChange: (U) => x(U.target.value),
|
|
14971
14978
|
className: `w-full pl-10 pr-4 py-2 border rounded-lg bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent transition-colors ${u ? "border-blue-300 dark:border-blue-700" : "border-gray-300 dark:border-gray-700"}`
|
|
14972
14979
|
}
|
|
14973
14980
|
),
|
|
14974
14981
|
u && /* @__PURE__ */ a(
|
|
14975
14982
|
"button",
|
|
14976
14983
|
{
|
|
14977
|
-
onClick: () =>
|
|
14984
|
+
onClick: () => x(""),
|
|
14978
14985
|
className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300",
|
|
14979
14986
|
title: "Clear search",
|
|
14980
14987
|
children: /* @__PURE__ */ a(Xe, { size: 16 })
|
|
@@ -14986,7 +14993,7 @@ ${U.join(`
|
|
|
14986
14993
|
"button",
|
|
14987
14994
|
{
|
|
14988
14995
|
onClick: () => K("grid"),
|
|
14989
|
-
className: `p-2 rounded-lg transition-colors ${
|
|
14996
|
+
className: `p-2 rounded-lg transition-colors ${D === "grid" ? "bg-blue-600 text-white" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"}`,
|
|
14990
14997
|
title: "Grid View",
|
|
14991
14998
|
children: /* @__PURE__ */ a(_s, { size: 18 })
|
|
14992
14999
|
}
|
|
@@ -14995,7 +15002,7 @@ ${U.join(`
|
|
|
14995
15002
|
"button",
|
|
14996
15003
|
{
|
|
14997
15004
|
onClick: () => K("list"),
|
|
14998
|
-
className: `p-2 rounded-lg transition-colors ${
|
|
15005
|
+
className: `p-2 rounded-lg transition-colors ${D === "list" ? "bg-blue-600 text-white" : "bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"}`,
|
|
14999
15006
|
title: "List View",
|
|
15000
15007
|
children: /* @__PURE__ */ a(Ps, { size: 18 })
|
|
15001
15008
|
}
|
|
@@ -15046,7 +15053,7 @@ ${U.join(`
|
|
|
15046
15053
|
"button",
|
|
15047
15054
|
{
|
|
15048
15055
|
onClick: () => {
|
|
15049
|
-
|
|
15056
|
+
x(""), N("all"), k("all");
|
|
15050
15057
|
},
|
|
15051
15058
|
className: "px-3 py-2 rounded-lg text-sm font-medium text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors flex items-center gap-1",
|
|
15052
15059
|
title: "Clear all filters",
|
|
@@ -15114,7 +15121,7 @@ ${U.join(`
|
|
|
15114
15121
|
/* @__PURE__ */ a("div", { className: "inline-block animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600 mb-4" }),
|
|
15115
15122
|
/* @__PURE__ */ a("p", { className: "text-gray-500 dark:text-gray-400", children: "Loading illustrations..." })
|
|
15116
15123
|
] }) : ne.length > 0 ? /* @__PURE__ */ l(Le, { children: [
|
|
15117
|
-
/* @__PURE__ */ a("div", { className:
|
|
15124
|
+
/* @__PURE__ */ a("div", { className: D === "grid" ? "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4" : "space-y-4", children: ce.map((U) => {
|
|
15118
15125
|
const se = T.has(U.path), ie = w === U.path;
|
|
15119
15126
|
return /* @__PURE__ */ l(
|
|
15120
15127
|
"div",
|
|
@@ -15122,12 +15129,12 @@ ${U.join(`
|
|
|
15122
15129
|
className: `
|
|
15123
15130
|
group relative rounded-lg border-2 transition-all overflow-hidden
|
|
15124
15131
|
${se ? "border-blue-500 bg-blue-50 dark:bg-blue-900/20 ring-2 ring-blue-200 dark:ring-blue-800" : ie ? "border-green-500 bg-green-50 dark:bg-green-900/20" : "border-gray-200 dark:border-gray-700 hover:border-blue-500 hover:shadow-lg bg-white dark:bg-gray-800"}
|
|
15125
|
-
${
|
|
15132
|
+
${D === "list" ? "flex items-center gap-4 p-4" : "aspect-square p-4 flex flex-col"}
|
|
15126
15133
|
`,
|
|
15127
15134
|
children: [
|
|
15128
15135
|
se && /* @__PURE__ */ a("div", { className: "absolute top-1 right-1 w-5 h-5 bg-blue-600 rounded-full flex items-center justify-center z-10", children: /* @__PURE__ */ a(nt, { size: 12, className: "text-white" }) }),
|
|
15129
15136
|
/* @__PURE__ */ a("div", { className: `
|
|
15130
|
-
${
|
|
15137
|
+
${D === "list" ? "w-24 h-24 flex-shrink-0" : "flex-1"}
|
|
15131
15138
|
flex items-center justify-center bg-gray-50 dark:bg-gray-900/50 rounded overflow-hidden
|
|
15132
15139
|
`, children: /* @__PURE__ */ a(
|
|
15133
15140
|
"img",
|
|
@@ -15157,7 +15164,7 @@ ${U.join(`
|
|
|
15157
15164
|
}
|
|
15158
15165
|
}
|
|
15159
15166
|
) }),
|
|
15160
|
-
/* @__PURE__ */ l("div", { className:
|
|
15167
|
+
/* @__PURE__ */ l("div", { className: D === "list" ? "flex-1" : "mt-2", children: [
|
|
15161
15168
|
/* @__PURE__ */ a("div", { className: "text-xs font-semibold text-gray-900 dark:text-white truncate", children: U.name }),
|
|
15162
15169
|
/* @__PURE__ */ l("div", { className: "text-[10px] text-gray-400 dark:text-gray-500 capitalize mt-0.5", children: [
|
|
15163
15170
|
U.category,
|
|
@@ -15209,7 +15216,7 @@ ${U.join(`
|
|
|
15209
15216
|
/* @__PURE__ */ a(
|
|
15210
15217
|
"button",
|
|
15211
15218
|
{
|
|
15212
|
-
onClick: () =>
|
|
15219
|
+
onClick: () => v((U) => Math.max(1, U - 1)),
|
|
15213
15220
|
disabled: j === 1,
|
|
15214
15221
|
className: `p-2 rounded-lg transition-colors ${j === 1 ? "bg-gray-100 dark:bg-gray-800 text-gray-400 cursor-not-allowed" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 border border-gray-300 dark:border-gray-700"}`,
|
|
15215
15222
|
children: /* @__PURE__ */ a(kt, { size: 18 })
|
|
@@ -15220,7 +15227,7 @@ ${U.join(`
|
|
|
15220
15227
|
return oe <= 7 || j <= 4 ? ie = se + 1 : j >= oe - 3 ? ie = oe - 6 + se : ie = j - 3 + se, /* @__PURE__ */ a(
|
|
15221
15228
|
"button",
|
|
15222
15229
|
{
|
|
15223
|
-
onClick: () =>
|
|
15230
|
+
onClick: () => v(ie),
|
|
15224
15231
|
className: `px-3 py-1.5 rounded-lg text-sm font-medium transition-colors ${j === ie ? "bg-blue-600 text-white" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 border border-gray-300 dark:border-gray-700"}`,
|
|
15225
15232
|
children: ie
|
|
15226
15233
|
},
|
|
@@ -15230,7 +15237,7 @@ ${U.join(`
|
|
|
15230
15237
|
/* @__PURE__ */ a(
|
|
15231
15238
|
"button",
|
|
15232
15239
|
{
|
|
15233
|
-
onClick: () =>
|
|
15240
|
+
onClick: () => v((U) => Math.min(oe, U + 1)),
|
|
15234
15241
|
disabled: j === oe,
|
|
15235
15242
|
className: `p-2 rounded-lg transition-colors ${j === oe ? "bg-gray-100 dark:bg-gray-800 text-gray-400 cursor-not-allowed" : "bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 border border-gray-300 dark:border-gray-700"}`,
|
|
15236
15243
|
children: /* @__PURE__ */ a(at, { size: 18 })
|
|
@@ -15297,14 +15304,14 @@ ${U.join(`
|
|
|
15297
15304
|
style: p,
|
|
15298
15305
|
...d
|
|
15299
15306
|
}) => {
|
|
15300
|
-
const i = { ...ke, ...r }, c = J(n, t), [m, h] =
|
|
15301
|
-
|
|
15307
|
+
const i = { ...ke, ...r }, c = J(n, t), [m, h] = B(!1), [g, f] = B(!1), [b, u] = B(30), [x, y] = B(!0), N = Pe(null), S = () => h(!m), k = () => f(!g);
|
|
15308
|
+
Ee(() => {
|
|
15302
15309
|
if (m) {
|
|
15303
15310
|
const z = setTimeout(() => y(!1), 2e3);
|
|
15304
15311
|
return () => clearTimeout(z);
|
|
15305
15312
|
} else
|
|
15306
15313
|
y(!0);
|
|
15307
|
-
}, [m,
|
|
15314
|
+
}, [m, x]);
|
|
15308
15315
|
const w = () => y(!0), C = () => m && y(!1), T = e === "MUI", W = e === "Apple", I = e === "Custom";
|
|
15309
15316
|
return /* @__PURE__ */ l(
|
|
15310
15317
|
"div",
|
|
@@ -15334,7 +15341,7 @@ ${U.join(`
|
|
|
15334
15341
|
{
|
|
15335
15342
|
className: `
|
|
15336
15343
|
absolute bottom-0 left-0 right-0 z-20 transition-all duration-300
|
|
15337
|
-
${
|
|
15344
|
+
${x ? "opacity-100 translate-y-0" : "opacity-0 translate-y-4"}
|
|
15338
15345
|
${T ? "p-4" : ""}
|
|
15339
15346
|
${W ? "p-6 pb-8" : ""}
|
|
15340
15347
|
${I ? "p-4 bg-white/90 dark:bg-gray-900/90 border-t border-gray-200 dark:border-gray-800" : ""}
|
|
@@ -15345,9 +15352,9 @@ ${U.join(`
|
|
|
15345
15352
|
/* @__PURE__ */ a("div", { className: "absolute top-1/2 -translate-y-1/2 w-3 h-3 bg-white border border-gray-300 rounded-full shadow-sm opacity-0 group-hover/slider:opacity-100 transition-opacity", style: { left: `${b}%` } })
|
|
15346
15353
|
] }),
|
|
15347
15354
|
/* @__PURE__ */ l("div", { className: "flex items-center gap-4 text-white", children: [
|
|
15348
|
-
/* @__PURE__ */ a("button", { onClick: S, className: `hover:scale-110 transition-transform ${I ? "text-gray-900 dark:text-white" : ""}`, children: m ? /* @__PURE__ */ a(
|
|
15355
|
+
/* @__PURE__ */ a("button", { onClick: S, className: `hover:scale-110 transition-transform ${I ? "text-gray-900 dark:text-white" : ""}`, children: m ? /* @__PURE__ */ a(Hi, { size: T ? 28 : 24, fill: T ? "currentColor" : "none" }) : /* @__PURE__ */ a(Pr, { size: T ? 28 : 24, fill: T ? "currentColor" : "none" }) }),
|
|
15349
15356
|
/* @__PURE__ */ l("div", { className: `flex items-center gap-2 group/vol ${I ? "text-gray-600 dark:text-gray-400" : ""}`, children: [
|
|
15350
|
-
/* @__PURE__ */ a("button", { onClick: k, children: g ? /* @__PURE__ */ a(
|
|
15357
|
+
/* @__PURE__ */ a("button", { onClick: k, children: g ? /* @__PURE__ */ a(Yi, { size: 20 }) : /* @__PURE__ */ a(Gi, { size: 20 }) }),
|
|
15351
15358
|
/* @__PURE__ */ a("div", { className: "w-0 overflow-hidden group-hover/vol:w-20 transition-all duration-300", children: /* @__PURE__ */ a("div", { className: "w-20 h-1 bg-white/30 rounded-full ml-2 relative", children: /* @__PURE__ */ a("div", { className: "absolute left-0 top-0 bottom-0 bg-white rounded-full", style: { width: "60%" } }) }) })
|
|
15352
15359
|
] }),
|
|
15353
15360
|
/* @__PURE__ */ a("span", { className: `text-xs font-medium font-mono ${I ? "text-gray-500" : "opacity-80"}`, children: "02:14 / 08:30" }),
|
|
@@ -15364,7 +15371,7 @@ ${U.join(`
|
|
|
15364
15371
|
I && /* @__PURE__ */ a("div", { className: "flex-1" }),
|
|
15365
15372
|
/* @__PURE__ */ l("div", { className: `flex items-center gap-3 ${I ? "text-gray-600 dark:text-gray-400" : ""}`, children: [
|
|
15366
15373
|
/* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(Ya, { size: 20 }) }),
|
|
15367
|
-
/* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(
|
|
15374
|
+
/* @__PURE__ */ a("button", { children: /* @__PURE__ */ a(qi, { size: 20 }) })
|
|
15368
15375
|
] })
|
|
15369
15376
|
] })
|
|
15370
15377
|
]
|
|
@@ -15475,10 +15482,10 @@ ${U.join(`
|
|
|
15475
15482
|
}
|
|
15476
15483
|
}, tm = {
|
|
15477
15484
|
mobile: js,
|
|
15478
|
-
tablet:
|
|
15485
|
+
tablet: Xi,
|
|
15479
15486
|
desktop: mn,
|
|
15480
15487
|
largeScreen: mn,
|
|
15481
|
-
tv:
|
|
15488
|
+
tv: Ki,
|
|
15482
15489
|
print: Ts,
|
|
15483
15490
|
web: tr
|
|
15484
15491
|
}, jp = ({
|
|
@@ -15496,7 +15503,7 @@ ${U.join(`
|
|
|
15496
15503
|
...h
|
|
15497
15504
|
}) => {
|
|
15498
15505
|
({ ...r });
|
|
15499
|
-
const [g, f] =
|
|
15506
|
+
const [g, f] = B(d || "web"), u = bs[d || g], x = (y, N = 0.75, S = 1.25) => {
|
|
15500
15507
|
const k = y.replace(/[a-z]/g, ""), w = y.replace(/[0-9.]/g, ""), C = parseFloat(k), T = Math.round(C * N), W = Math.round(C * S);
|
|
15501
15508
|
if (i < 640)
|
|
15502
15509
|
return `${Math.max(T, Math.round(C * (i / 1024)))}${w}`;
|
|
@@ -15566,7 +15573,7 @@ ${U.join(`
|
|
|
15566
15573
|
{
|
|
15567
15574
|
className: "font-extrabold tracking-tight text-gray-900 dark:text-white break-words leading-none",
|
|
15568
15575
|
style: {
|
|
15569
|
-
fontSize:
|
|
15576
|
+
fontSize: x(u.display2xl.size, 0.6, 1.2),
|
|
15570
15577
|
lineHeight: u.display2xl.lineHeight,
|
|
15571
15578
|
fontWeight: u.display2xl.weight === "ExtraBold" ? 800 : 700
|
|
15572
15579
|
},
|
|
@@ -15594,7 +15601,7 @@ ${U.join(`
|
|
|
15594
15601
|
{
|
|
15595
15602
|
className: "font-bold tracking-tight text-gray-900 dark:text-white break-words leading-none",
|
|
15596
15603
|
style: {
|
|
15597
|
-
fontSize:
|
|
15604
|
+
fontSize: x(u.displayxl.size, 0.65, 1.15),
|
|
15598
15605
|
lineHeight: u.displayxl.lineHeight,
|
|
15599
15606
|
fontWeight: 700
|
|
15600
15607
|
},
|
|
@@ -15617,7 +15624,7 @@ ${U.join(`
|
|
|
15617
15624
|
{ key: "h5", label: "H5", text: "Component Architecture" },
|
|
15618
15625
|
{ key: "h6", label: "H6", text: "Documentation", uppercase: !0 }
|
|
15619
15626
|
].map((y, N, S) => {
|
|
15620
|
-
const k = u[y.key], w = k.weight === "Bold" ? 700 : k.weight === "Semibold" ? 600 : k.weight === "Medium" ? 500 : 400, C =
|
|
15627
|
+
const k = u[y.key], w = k.weight === "Bold" ? 700 : k.weight === "Semibold" ? 600 : k.weight === "Medium" ? 500 : 400, C = x(k.size, 0.7, 1.1), T = N === S.length - 1;
|
|
15621
15628
|
return /* @__PURE__ */ l("div", { className: `pb-6 ${T ? "" : "border-b border-gray-100 dark:border-gray-800/50"}`, children: [
|
|
15622
15629
|
/* @__PURE__ */ l("div", { className: "mb-3", children: [
|
|
15623
15630
|
/* @__PURE__ */ a("div", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: y.label }),
|
|
@@ -15658,7 +15665,7 @@ ${U.join(`
|
|
|
15658
15665
|
{ key: "small", label: "Small", text: "This text is often used for secondary information, captions, or helper text. It should remain legible but recede visually compared to the body text. Effective use of small text helps establish visual hierarchy.", color: "text-gray-500 dark:text-gray-500" },
|
|
15659
15666
|
{ key: "tiny", label: "Tiny", text: "Copyright © 2024 OpenGrid Systems. All rights reserved.", color: "text-gray-400", uppercase: !0 }
|
|
15660
15667
|
].map((y, N, S) => {
|
|
15661
|
-
const k = u[y.key], w = N === S.length - 1, C = y.key === "lead" ?
|
|
15668
|
+
const k = u[y.key], w = N === S.length - 1, C = y.key === "lead" ? x(k.size, 0.8, 1.1) : y.key === "base" || y.key === "small" ? x(k.size, 0.85, 1.05) : x(k.size, 0.9, 1);
|
|
15662
15669
|
return /* @__PURE__ */ l("div", { className: `pb-6 ${w ? "" : "border-b border-gray-100 dark:border-gray-800/50"}`, children: [
|
|
15663
15670
|
/* @__PURE__ */ l("div", { className: "mb-3", children: [
|
|
15664
15671
|
/* @__PURE__ */ a("div", { className: "text-sm font-semibold text-gray-900 dark:text-white mb-2", children: y.label }),
|
|
@@ -15702,7 +15709,7 @@ ${U.join(`
|
|
|
15702
15709
|
...d
|
|
15703
15710
|
}) => {
|
|
15704
15711
|
({ ...r });
|
|
15705
|
-
const i = J(n, t), [c, m] =
|
|
15712
|
+
const i = J(n, t), [c, m] = B(rm), [h, g] = B(""), f = (C, T) => {
|
|
15706
15713
|
m(c.map((W) => {
|
|
15707
15714
|
if (W.id === C) {
|
|
15708
15715
|
const I = Math.max(1, W.quantity + T);
|
|
@@ -15712,7 +15719,7 @@ ${U.join(`
|
|
|
15712
15719
|
}));
|
|
15713
15720
|
}, b = (C) => {
|
|
15714
15721
|
m(c.filter((T) => T.id !== C));
|
|
15715
|
-
}, u = c.reduce((C, T) => C + T.price * T.quantity, 0),
|
|
15722
|
+
}, u = c.reduce((C, T) => C + T.price * T.quantity, 0), x = 20, y = u + x, N = (C) => C.toFixed(2), S = e === "MUI", k = e === "Apple", w = e === "Custom";
|
|
15716
15723
|
return /* @__PURE__ */ l(
|
|
15717
15724
|
"div",
|
|
15718
15725
|
{
|
|
@@ -15817,7 +15824,7 @@ ${U.join(`
|
|
|
15817
15824
|
/* @__PURE__ */ a("span", { children: "Shipping" }),
|
|
15818
15825
|
/* @__PURE__ */ l("span", { className: "font-medium text-gray-900 dark:text-white", children: [
|
|
15819
15826
|
"$",
|
|
15820
|
-
N(
|
|
15827
|
+
N(x)
|
|
15821
15828
|
] })
|
|
15822
15829
|
] }),
|
|
15823
15830
|
/* @__PURE__ */ l("div", { className: "pt-2 sm:pt-3 border-t border-gray-200 dark:border-gray-700 flex justify-between items-center", children: [
|
|
@@ -15845,7 +15852,7 @@ ${U.join(`
|
|
|
15845
15852
|
`
|
|
15846
15853
|
}
|
|
15847
15854
|
),
|
|
15848
|
-
/* @__PURE__ */ a(
|
|
15855
|
+
/* @__PURE__ */ a(Ji, { size: 14, className: "absolute left-2.5 sm:left-3 top-1/2 -translate-y-1/2 text-gray-400 dark:text-gray-500 sm:w-4 sm:h-4" })
|
|
15849
15856
|
] }),
|
|
15850
15857
|
/* @__PURE__ */ l(
|
|
15851
15858
|
"button",
|
|
@@ -15880,7 +15887,7 @@ ${U.join(`
|
|
|
15880
15887
|
...i
|
|
15881
15888
|
}) => {
|
|
15882
15889
|
({ ...r });
|
|
15883
|
-
const c = J(n, t), [m, h] =
|
|
15890
|
+
const c = J(n, t), [m, h] = B("letters"), [g, f] = B("english"), [b, u] = B(!1), y = d ? d >= 1920 ? "tv" : d >= 1280 ? e === "Apple" ? "mac" : e === "MUI" ? "windows" : "web" : d >= 768 ? "web" : d < 768 ? e === "Apple" ? "ios" : "android" : "web" : e === "Apple" ? "mac" : "web", N = [
|
|
15884
15891
|
["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
|
|
15885
15892
|
["a", "s", "d", "f", "g", "h", "j", "k", "l"],
|
|
15886
15893
|
["shift", "z", "x", "c", "v", "b", "n", "m", "backspace"]
|
|
@@ -15960,7 +15967,7 @@ ${U.join(`
|
|
|
15960
15967
|
mobile: y === "ios" ? "bg-gray-200 dark:bg-gray-800" : "bg-gray-100 dark:bg-gray-900",
|
|
15961
15968
|
web: "bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-800",
|
|
15962
15969
|
tv: "bg-gray-900 dark:bg-black border-2 border-gray-700 dark:border-gray-800"
|
|
15963
|
-
})[y], E = y === "tv" ? { height: "h-16", text: "text-xl", gap: "gap-3", padding: "p-4", maxWidth: "max-w-4xl" } : y === "web" || y === "mac" || y === "windows" ? { height: "h-12", text: "text-base", gap: "gap-2", padding: "p-4", maxWidth: "max-w-5xl" } : { height: "h-11", text: "text-lg", gap: "gap-1.5", padding: "p-3", maxWidth: "max-w-lg" }, R = y === "ios" || y === "mac" ? "rounded-lg" : y === "tv" ? "rounded-xl" : "rounded-md",
|
|
15970
|
+
})[y], E = y === "tv" ? { height: "h-16", text: "text-xl", gap: "gap-3", padding: "p-4", maxWidth: "max-w-4xl" } : y === "web" || y === "mac" || y === "windows" ? { height: "h-12", text: "text-base", gap: "gap-2", padding: "p-4", maxWidth: "max-w-5xl" } : { height: "h-11", text: "text-lg", gap: "gap-1.5", padding: "p-3", maxWidth: "max-w-lg" }, R = y === "ios" || y === "mac" ? "rounded-lg" : y === "tv" ? "rounded-xl" : "rounded-md", D = (V) => {
|
|
15964
15971
|
V === "shift" ? u(!b) : V === "123" ? h("numbers") : V === "#+=" ? h("letters") : V === "emoji" && h("emoji");
|
|
15965
15972
|
}, K = (V, te) => {
|
|
15966
15973
|
const Z = y === "mac" || y === "windows" || y === "web";
|
|
@@ -15971,7 +15978,7 @@ ${U.join(`
|
|
|
15971
15978
|
return /* @__PURE__ */ a(
|
|
15972
15979
|
"button",
|
|
15973
15980
|
{
|
|
15974
|
-
onClick: () =>
|
|
15981
|
+
onClick: () => D(V),
|
|
15975
15982
|
className: `
|
|
15976
15983
|
${E.height} ${R} flex items-center justify-center ${E.text} ${re}
|
|
15977
15984
|
active:scale-95 transition-transform ${M} ${X}
|
|
@@ -16246,10 +16253,10 @@ const Lp = ({
|
|
|
16246
16253
|
...d
|
|
16247
16254
|
}) => {
|
|
16248
16255
|
({ ...r });
|
|
16249
|
-
const [i, c] =
|
|
16256
|
+
const [i, c] = B(
|
|
16250
16257
|
t.cursorEffect || "following-dot"
|
|
16251
|
-
), [m, h] =
|
|
16252
|
-
Se(t, "primary", 500), Se(t, "secondary", 500), Se(t, "tertiary", 500),
|
|
16258
|
+
), [m, h] = B(!1), g = Pe(null), f = Pe(null), b = Pe(null), u = Pe(null), x = J(n, t), y = t.cursorColor || Se(t, "primary", 500), N = t.cursorSecondaryColor || Se(t, "secondary", 500), S = t.cursorTertiaryColor || Se(t, "tertiary", 500);
|
|
16259
|
+
Se(t, "primary", 500), Se(t, "secondary", 500), Se(t, "tertiary", 500), Ee(() => {
|
|
16253
16260
|
if (f.current && (f.current.destroy(), f.current = null), b.current && (b.current.destroy(), b.current = null), u.current && (u.current(), u.current = null), !g.current) return;
|
|
16254
16261
|
const C = g.current, T = [y, N, S];
|
|
16255
16262
|
try {
|
|
@@ -16372,26 +16379,26 @@ const Lp = ({
|
|
|
16372
16379
|
return () => {
|
|
16373
16380
|
f.current && (f.current.destroy(), f.current = null), b.current && (b.current.destroy(), b.current = null), u.current && (u.current(), u.current = null);
|
|
16374
16381
|
};
|
|
16375
|
-
}, [i, y, N, S]),
|
|
16382
|
+
}, [i, y, N, S]), Ee(() => {
|
|
16376
16383
|
t.cursorEffect && t.cursorEffect !== i && c(t.cursorEffect);
|
|
16377
16384
|
}, [t.cursorEffect, i]);
|
|
16378
16385
|
const k = [
|
|
16379
16386
|
// Classic Effects
|
|
16380
16387
|
{ id: "following-dot", name: "Following Dot", icon: /* @__PURE__ */ a(pn, { size: 16 }), category: "classic" },
|
|
16381
|
-
{ id: "ghost", name: "Ghost", icon: /* @__PURE__ */ a(
|
|
16388
|
+
{ id: "ghost", name: "Ghost", icon: /* @__PURE__ */ a(Qi, { size: 16 }), category: "classic" },
|
|
16382
16389
|
{ id: "rainbow", name: "Rainbow", icon: /* @__PURE__ */ a(Et, { size: 16 }), category: "classic" },
|
|
16383
16390
|
{ id: "emoji", name: "Emoji", icon: /* @__PURE__ */ a(nr, { size: 16 }), category: "classic" },
|
|
16384
16391
|
{ id: "springy-emoji", name: "Springy Emoji", icon: /* @__PURE__ */ a(nr, { size: 16 }), category: "classic" },
|
|
16385
|
-
{ id: "bubbles", name: "Bubbles", icon: /* @__PURE__ */ a(
|
|
16392
|
+
{ id: "bubbles", name: "Bubbles", icon: /* @__PURE__ */ a(Zi, { size: 16 }), category: "classic" },
|
|
16386
16393
|
{ id: "fairy-dust", name: "Fairy Dust", icon: /* @__PURE__ */ a(Et, { size: 16 }), category: "classic" },
|
|
16387
16394
|
{ id: "trailing", name: "Trailing", icon: /* @__PURE__ */ a($a, { size: 16 }), category: "classic" },
|
|
16388
|
-
{ id: "snowflake", name: "Snowflake", icon: /* @__PURE__ */ a(
|
|
16395
|
+
{ id: "snowflake", name: "Snowflake", icon: /* @__PURE__ */ a(el, { size: 16 }), category: "classic" },
|
|
16389
16396
|
{ id: "text-flag", name: "Text Flag", icon: /* @__PURE__ */ a($a, { size: 16 }), category: "classic" },
|
|
16390
16397
|
{ id: "character", name: "Character", icon: /* @__PURE__ */ a(pn, { size: 16 }), category: "classic" },
|
|
16391
|
-
{ id: "clock", name: "Clock", icon: /* @__PURE__ */ a(
|
|
16398
|
+
{ id: "clock", name: "Clock", icon: /* @__PURE__ */ a(tl, { size: 16 }), category: "classic" },
|
|
16392
16399
|
// 90s Retro Effects
|
|
16393
|
-
{ id: "crosshair", name: "Crosshair (FPS)", icon: /* @__PURE__ */ a(
|
|
16394
|
-
{ id: "pixel-trail", name: "Pixel Trail (Mario)", icon: /* @__PURE__ */ a(
|
|
16400
|
+
{ id: "crosshair", name: "Crosshair (FPS)", icon: /* @__PURE__ */ a(rl, { size: 16 }), category: "retro" },
|
|
16401
|
+
{ id: "pixel-trail", name: "Pixel Trail (Mario)", icon: /* @__PURE__ */ a(al, { size: 16 }), category: "retro" },
|
|
16395
16402
|
{ id: "neon-glow", name: "Neon Glow (Tron)", icon: /* @__PURE__ */ a(Qt, { size: 16 }), category: "retro" },
|
|
16396
16403
|
{ id: "starfield", name: "Starfield (Space Invaders)", icon: /* @__PURE__ */ a(Et, { size: 16 }), category: "retro" },
|
|
16397
16404
|
{ id: "matrix-rain", name: "Matrix Rain", icon: /* @__PURE__ */ a(Qt, { size: 16 }), category: "retro" },
|
|
@@ -16403,7 +16410,7 @@ const Lp = ({
|
|
|
16403
16410
|
{
|
|
16404
16411
|
ref: g,
|
|
16405
16412
|
className: "relative w-full h-full bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 overflow-hidden cursor-none",
|
|
16406
|
-
style:
|
|
16413
|
+
style: x,
|
|
16407
16414
|
children: [
|
|
16408
16415
|
/* @__PURE__ */ a("div", { className: "absolute top-4 left-4 z-10", children: /* @__PURE__ */ l("div", { className: "relative", children: [
|
|
16409
16416
|
/* @__PURE__ */ l(
|
|
@@ -16476,7 +16483,7 @@ const Lp = ({
|
|
|
16476
16483
|
]
|
|
16477
16484
|
}
|
|
16478
16485
|
);
|
|
16479
|
-
},
|
|
16486
|
+
}, Bp = ({
|
|
16480
16487
|
designSystem: e = "Custom",
|
|
16481
16488
|
componentProps: r = {},
|
|
16482
16489
|
globalConfig: t = Y,
|
|
@@ -16488,13 +16495,13 @@ const Lp = ({
|
|
|
16488
16495
|
}) => {
|
|
16489
16496
|
({ ...r });
|
|
16490
16497
|
const i = Pe(null), c = Pe(null), m = J(n, t);
|
|
16491
|
-
return
|
|
16498
|
+
return Ee(() => {
|
|
16492
16499
|
const h = i.current, g = c.current;
|
|
16493
16500
|
if (!h || !g) return;
|
|
16494
16501
|
const f = h.getContext("2d");
|
|
16495
16502
|
if (!f) return;
|
|
16496
16503
|
let b = g.clientWidth, u = g.clientHeight;
|
|
16497
|
-
const
|
|
16504
|
+
const x = 15, y = 20, N = b / y, S = u / x, k = Math.min(N, S) * 0.6;
|
|
16498
16505
|
let w = -1e3, C = -1e3;
|
|
16499
16506
|
const T = () => {
|
|
16500
16507
|
b = g.clientWidth, u = g.clientHeight, h.width = b, h.height = u;
|
|
@@ -16502,15 +16509,15 @@ const Lp = ({
|
|
|
16502
16509
|
window.addEventListener("resize", T), T();
|
|
16503
16510
|
const W = () => {
|
|
16504
16511
|
f.clearRect(0, 0, b, u), f.strokeStyle = e === "MUI" ? "#3b82f6" : "#94a3b8", f.lineWidth = 2, f.lineCap = "round";
|
|
16505
|
-
for (let
|
|
16512
|
+
for (let v = 0; v < x; v++)
|
|
16506
16513
|
for (let E = 0; E < y; E++) {
|
|
16507
|
-
const R = E * N + N / 2,
|
|
16508
|
-
f.save(), f.translate(R,
|
|
16514
|
+
const R = E * N + N / 2, D = v * S + S / 2, K = w - R, V = C - D, te = Math.atan2(V, K);
|
|
16515
|
+
f.save(), f.translate(R, D), f.rotate(te), f.beginPath(), f.moveTo(-k / 2, 0), f.lineTo(k / 2, 0), f.stroke(), f.restore();
|
|
16509
16516
|
}
|
|
16510
16517
|
requestAnimationFrame(W);
|
|
16511
|
-
}, I = requestAnimationFrame(W), z = (
|
|
16518
|
+
}, I = requestAnimationFrame(W), z = (v) => {
|
|
16512
16519
|
const E = h.getBoundingClientRect();
|
|
16513
|
-
w =
|
|
16520
|
+
w = v.clientX - E.left, C = v.clientY - E.top;
|
|
16514
16521
|
}, j = () => {
|
|
16515
16522
|
w = -1e3, C = -1e3;
|
|
16516
16523
|
};
|
|
@@ -16518,7 +16525,7 @@ const Lp = ({
|
|
|
16518
16525
|
window.removeEventListener("resize", T), cancelAnimationFrame(I), h.removeEventListener("mousemove", z), h.removeEventListener("mouseleave", j);
|
|
16519
16526
|
};
|
|
16520
16527
|
}, [e, t]), /* @__PURE__ */ a("div", { ref: c, style: m, className: "w-full h-[400px] bg-gray-50 dark:bg-gray-900 rounded-xl overflow-hidden border border-gray-200 dark:border-gray-800", children: /* @__PURE__ */ a("canvas", { ref: i, className: "w-full h-full" }) });
|
|
16521
|
-
},
|
|
16528
|
+
}, Dp = ({
|
|
16522
16529
|
designSystem: e = "Custom",
|
|
16523
16530
|
componentProps: r = {},
|
|
16524
16531
|
globalConfig: t = Y,
|
|
@@ -16530,13 +16537,13 @@ const Lp = ({
|
|
|
16530
16537
|
}) => {
|
|
16531
16538
|
({ ...r });
|
|
16532
16539
|
const i = Pe(null), c = Pe(null), m = J(n, t);
|
|
16533
|
-
return
|
|
16540
|
+
return Ee(() => {
|
|
16534
16541
|
const h = i.current, g = c.current;
|
|
16535
16542
|
if (!h || !g) return;
|
|
16536
16543
|
const f = h.getContext("2d");
|
|
16537
16544
|
if (!f) return;
|
|
16538
16545
|
let b = g.clientWidth, u = g.clientHeight;
|
|
16539
|
-
const
|
|
16546
|
+
const x = 20, y = Math.ceil(b / x), N = Math.ceil(u / x), S = new Float32Array(y * N).fill(0), k = () => {
|
|
16540
16547
|
b = g.clientWidth, u = g.clientHeight, h.width = b, h.height = u;
|
|
16541
16548
|
};
|
|
16542
16549
|
window.addEventListener("resize", k), k();
|
|
@@ -16550,9 +16557,9 @@ const Lp = ({
|
|
|
16550
16557
|
f.clearRect(0, 0, b, u);
|
|
16551
16558
|
const z = 0.05;
|
|
16552
16559
|
for (let j = 0; j < y; j++)
|
|
16553
|
-
for (let
|
|
16554
|
-
const E =
|
|
16555
|
-
Math.sqrt((w - K) ** 2 + (C - V) ** 2) < 40 ? S[E] = 1 : S[E] = Math.max(0, S[E] - z), S[E] > 0.01 && (f.fillStyle = `rgba(59, 130, 246, ${S[E]})`, e === "MUI" && (f.fillStyle = `rgba(25, 118, 210, ${S[E]})`), f.fillRect(R,
|
|
16560
|
+
for (let v = 0; v < N; v++) {
|
|
16561
|
+
const E = v * y + j, R = j * x, D = v * x, K = R + x / 2, V = D + x / 2;
|
|
16562
|
+
Math.sqrt((w - K) ** 2 + (C - V) ** 2) < 40 ? S[E] = 1 : S[E] = Math.max(0, S[E] - z), S[E] > 0.01 && (f.fillStyle = `rgba(59, 130, 246, ${S[E]})`, e === "MUI" && (f.fillStyle = `rgba(25, 118, 210, ${S[E]})`), f.fillRect(R, D, x, x));
|
|
16556
16563
|
}
|
|
16557
16564
|
requestAnimationFrame(W);
|
|
16558
16565
|
}, I = requestAnimationFrame(W);
|
|
@@ -16574,7 +16581,7 @@ const Lp = ({
|
|
|
16574
16581
|
...d
|
|
16575
16582
|
}) => {
|
|
16576
16583
|
({ ...r });
|
|
16577
|
-
const i = Pe(null), [c, m] =
|
|
16584
|
+
const i = Pe(null), [c, m] = B({ x: 0, y: 0 }), [h, g] = B(1), f = J(n, t);
|
|
16578
16585
|
return /* @__PURE__ */ l("div", { className: "[perspective:1000px] w-full h-[400px] flex items-center justify-center bg-gray-900 rounded-xl overflow-hidden relative", children: [
|
|
16579
16586
|
/* @__PURE__ */ a(
|
|
16580
16587
|
"div",
|
|
@@ -16665,7 +16672,7 @@ export {
|
|
|
16665
16672
|
Lp as InteractiveCursor,
|
|
16666
16673
|
Cm as Link,
|
|
16667
16674
|
Sm as List,
|
|
16668
|
-
|
|
16675
|
+
Bp as MagnetLines,
|
|
16669
16676
|
yp as Map,
|
|
16670
16677
|
Gm as Menu,
|
|
16671
16678
|
ep as Modal,
|
|
@@ -16673,7 +16680,7 @@ export {
|
|
|
16673
16680
|
cp as OrderSummary,
|
|
16674
16681
|
qm as Pagination,
|
|
16675
16682
|
Tm as Paper,
|
|
16676
|
-
|
|
16683
|
+
Dp as PixelTrail,
|
|
16677
16684
|
tp as Progress,
|
|
16678
16685
|
Ep as QRCode,
|
|
16679
16686
|
_m as Radio,
|
|
@@ -16682,12 +16689,12 @@ export {
|
|
|
16682
16689
|
_p as ShoppingCart,
|
|
16683
16690
|
Lm as Signature,
|
|
16684
16691
|
Em as Skeleton,
|
|
16685
|
-
|
|
16692
|
+
Bm as Slider,
|
|
16686
16693
|
rp as Snackbar,
|
|
16687
16694
|
Km as SpeedDial,
|
|
16688
16695
|
Mm as Stack,
|
|
16689
16696
|
Xm as Stepper,
|
|
16690
|
-
|
|
16697
|
+
Dm as Switch,
|
|
16691
16698
|
op as Table,
|
|
16692
16699
|
Jm as Tabs,
|
|
16693
16700
|
Wm as TextArea,
|