prosperita-dumbo-react
Version:
Uma biblioteca de componentes React moderna e acessível, desenvolvida para aplicações financeiras com design system consistente.
1,687 lines (1,685 loc) • 835 kB
JavaScript
import * as K from "react";
import ye, { useDebugValue as al, createElement as Xa, useRef as le, useContext as zn, useState as Q, useEffect as pe, useCallback as oe, forwardRef as Ya, useLayoutEffect as Ja, useMemo as Le, createContext as I1, Component as og, Fragment as la } from "react";
import ag, { createPortal as sg, flushSync as E1 } from "react-dom";
const lg = localStorage.getItem("@app:activated_theme_dumbo"), sl = lg || "banvox", St = {
default: {
neutral: {
white: "#ffffff",
black: "#000000"
},
primary: {
10: "#dbd9de",
20: "#b8b2bd",
30: "#948c9d",
40: "#70657c",
50: "#4d3f5b",
60: "#29183a",
70: "#21132e",
80: "#190e23",
90: "#100a17",
100: "#08050c"
},
accent: {
10: "#fcebe7",
20: "#fad7d0",
30: "#f7c3b8",
40: "#f4afa0",
50: "#f29b89",
60: "#ef8771",
70: "#bf6c5a",
80: "#8f5144",
90: "#60362d",
100: "#301b17"
},
gray: {
10: "#f4f4f4",
20: "#e0e0e0",
30: "#c6c6c6",
40: "#a8a8a8",
50: "#8d8d8d",
60: "#6f6f6f",
70: "#525252",
80: "#393939",
90: "#262626",
100: "#161616"
},
coolGray: {
10: "#f2f4f8",
20: "#dde1e6",
30: "#c1c7cd",
40: "#a2a9b0",
50: "#878d96",
60: "#697077",
70: "#4d5358",
80: "#343a3f",
90: "#21272a",
100: "#121619"
},
warmGray: {
10: "#f7f3f2",
20: "#e5e0df",
30: "#cac5c4",
40: "#ada8a8",
50: "#8f8b8b",
60: "#726e6e",
70: "#565151",
80: "#3c3838",
90: "#272525",
100: "#171414"
},
success: {
10: "#e1f8ed",
20: "#c2f2db",
30: "#a4ebc9",
40: "#86e4b7",
50: "#67dea5",
60: "#49d793",
70: "#3aac76",
80: "#2c8158",
90: "#1d563b",
100: "#0f2b1d"
},
danger: {
10: "#fbe2e0",
20: "#f7c5c1",
30: "#f3a9a2",
40: "#ee8c82",
50: "#ea6f63",
60: "#e65244",
70: "#b84236",
80: "#8a3129",
90: "#5c211b",
100: "#2e100e"
},
warning: {
10: "#fcf4d6",
20: "#fddc69",
30: "#f1c21b",
40: "#d2a106",
50: "#b28600",
60: "#8e6a00",
70: "#684e00",
80: "#483700",
90: "#302400",
100: "#1c1500"
},
info: {
10: "#e5f6ff",
20: "#bae6ff",
30: "#82cfff",
40: "#33b1ff",
50: "#1192e8",
60: "#0072c3",
70: "#00539a",
80: "#003a6d",
90: "#012749",
100: "#061727"
},
yellow: {
10: "#fcf4d6",
20: "#fddc69",
30: "#f1c21b",
40: "#d2a106",
50: "#b28600",
60: "#8e6a00",
70: "#684e00",
80: "#483700",
90: "#302400",
100: "#1c1500"
},
orange: {
10: "#fff2e8",
20: "#ffd9be",
30: "#ffb784",
40: "#ff832b",
50: "#eb6200",
60: "#ba4e00",
70: "#8a3800",
80: "#5e2900",
90: "#3e1a00",
100: "#231000"
},
red: {
10: "#fff1f1",
20: "#ffd7d9",
30: "#ffb3b8",
40: "#ff8389",
50: "#fa4d56",
60: "#da1e28",
70: "#a2191f",
80: "#750e13",
90: "#520408",
100: "#2d0709"
},
magenta: {
10: "#fff0f7",
20: "#ffd6e8",
30: "#ffafd2",
40: "#ff7eb6",
50: "#ee5396",
60: "#d02670",
70: "#9f1853",
80: "#740937",
90: "#510224",
100: "#2a0a18"
},
purple: {
10: "#f6f2ff",
20: "#e8daff",
30: "#d4bbff",
40: "#be95ff",
50: "#a56eff",
60: "#8a3ffc",
70: "#6929c4",
80: "#491d8b",
90: "#31135e",
100: "#1c0f30"
},
blue: {
10: "#edf5ff",
20: "#d0e2ff",
30: "#a6c8ff",
40: "#78a9ff",
50: "#4589ff",
60: "#0f62fe",
70: "#0043ce",
80: "#002d9c",
90: "#001d6c",
100: "#001141"
},
cyan: {
10: "#e5f6ff",
20: "#bae6ff",
30: "#82cfff",
40: "#33b1ff",
50: "#1192e8",
60: "#0072c3",
70: "#00539a",
80: "#003a6d",
90: "#012749",
100: "#061727"
},
teal: {
10: "#d9fbfb",
20: "#9ef0f0",
30: "#3ddbd9",
40: "#08bdba",
50: "#009d9a",
60: "#007d79",
70: "#005d5d",
80: "#004144",
90: "#022b30",
100: "#081a1c"
},
green: {
10: "#defbe6",
20: "#a7f0ba",
30: "#6fdc8c",
40: "#42be65",
50: "#24a148",
60: "#198038",
70: "#0e6027",
80: "#044317",
90: "#022d0d",
100: "#071908"
}
},
hover: {
neutral: {
white: "#e8e8e8",
black: "#212121"
},
primary: {
10: "#cac6ce",
20: "#a69fad",
30: "#82798d",
40: "#5f526c",
50: "#4d3f5b",
60: "#3b2c4b",
70: "#251634",
80: "#1d1129",
90: "#150c1d",
100: "#08050c"
},
accent: {
10: "#fbe1dc",
20: "#f9cdc4",
30: "#f6b9ac",
40: "#f3a595",
50: "#f1917d",
60: "#d98472",
70: "#d77a66",
80: "#a75f4f",
90: "#784439",
100: "#301b17"
},
gray: {
10: "#e8e8e8",
20: "#d1d1d1",
30: "#b5b5b5",
40: "#999999",
50: "#7a7a7a",
60: "#5e5e5e",
70: "#636363",
80: "#474747",
90: "#333333",
100: "#161616"
},
coolGray: {
10: "#e4e9f1",
20: "#cdd3da",
30: "#adb5bd",
40: "#9199a1",
50: "#757b85",
60: "#585e64",
70: "#5d646a",
80: "#434a51",
90: "#2b3236",
100: "#121619"
},
warmGray: {
10: "#f0e8e6",
20: "#d8d0cf",
30: "#b9b3b1",
40: "#9c9696",
50: "#7f7b7b",
60: "#605d5d",
70: "#696363",
80: "#4c4848",
90: "#343232",
100: "#171414"
},
success: {
10: "#d2f5e4",
20: "#b3efd2",
30: "#95e8c0",
40: "#77e1ae",
50: "#58db9c",
60: "#42c285",
70: "#42c285",
80: "#339767",
90: "#256c4a",
100: "#0f2b1d"
},
danger: {
10: "#f9d4d1",
20: "#f5b7b2",
30: "#f19b92",
40: "#ec7e73",
50: "#e86154",
60: "#cf4a3d",
70: "#cf4a3d",
80: "#a13a30",
90: "#732922",
100: "#2e100e"
},
warning: {
10: "#f8e6a0",
20: "#fccd27",
30: "#ddb00e",
40: "#bc9005",
50: "#9e7700",
60: "#755800",
70: "#806000",
80: "#5c4600",
90: "#3d2e00",
100: "#1c1500"
},
info: {
10: "#cceeff",
20: "#99daff",
30: "#57beff",
40: "#059fff",
50: "#0f7ec8",
60: "#005fa3",
70: "#0066bd",
80: "#00498a",
90: "#013360",
100: "#061727"
},
yellow: {
10: "#f8e6a0",
20: "#fccd27",
30: "#ddb00e",
40: "#bc9005",
50: "#9e7700",
60: "#755800",
70: "#806000",
80: "#5c4600",
90: "#3d2e00",
100: "#332600"
},
orange: {
10: "#ffe2cc",
20: "#ffc69e",
30: "#ff9d57",
40: "#fa6800",
50: "#cc5500",
60: "#9e4200",
70: "#a84400",
80: "#753300",
90: "#522200",
100: "#421e00"
},
red: {
10: "#ffe0e0",
20: "#ffc2c5",
30: "#ff99a0",
40: "#ff6168",
50: "#ee0713",
60: "#b81922",
70: "#c21e25",
80: "#921118",
90: "#66050a",
100: "#540d11"
},
magenta: {
10: "#ffe0ef",
20: "#ffbdda",
30: "#ff94c3",
40: "#ff57a0",
50: "#e3176f",
60: "#b0215f",
70: "#bf1d63",
80: "#8e0b43",
90: "#68032e",
100: "#53142f"
},
purple: {
10: "#ede5ff",
20: "#dcc7ff",
30: "#c5a3ff",
40: "#ae7aff",
50: "#9352ff",
60: "#7822fb",
70: "#7c3dd6",
80: "#5b24ad",
90: "#40197b",
100: "#341c59"
},
blue: {
10: "#dbebff",
20: "#b8d3ff",
30: "#8ab6ff",
40: "#5c97ff",
50: "#1f70ff",
60: "#0050e6",
70: "#0053ff",
80: "#0039c7",
90: "#00258a",
100: "#001f75"
},
cyan: {
10: "#cceeff",
20: "#99daff",
30: "#57beff",
40: "#059fff",
50: "#0f7ec8",
60: "#005fa3",
70: "#0066bd",
80: "#00498a",
90: "#013360",
100: "#0b2947"
},
teal: {
10: "#acf6f6",
20: "#57e5e5",
30: "#25cac8",
40: "#07aba9",
50: "#008a87",
60: "#006b68",
70: "#007070",
80: "#005357",
90: "#033940",
100: "#0f3034"
},
green: {
10: "#b6f6c8",
20: "#74e792",
30: "#36ce5e",
40: "#3bab5a",
50: "#208e3f",
60: "#166f31",
70: "#11742f",
80: "#05521c",
90: "#033b11",
100: "#0d300f"
}
}
}, A1 = {
...St,
default: {
...St.default,
primary: {
10: "#dbd9de",
20: "#b8b2bd",
30: "#948c9d",
40: "#70657c",
50: "#4d3f5b",
60: "#29183a",
70: "#21132e",
80: "#190e23",
90: "#100a17",
100: "#08050c"
},
accent: {
10: "#fcebe7",
20: "#fad7d0",
30: "#f7c3b8",
40: "#f4afa0",
50: "#f29b89",
60: "#ef8771",
70: "#bf6c5a",
80: "#8f5144",
90: "#60362d",
100: "#301b17"
}
},
hover: {
...St.hover,
primary: {
10: "#cac6ce",
20: "#a69fad",
30: "#82798d",
40: "#5f526c",
50: "#3b2c4b",
60: "#241532",
70: "#261636",
80: "#1d1129",
90: "#150c1d",
100: "#08050c"
},
accent: {
10: "#fbe1dc",
20: "#f9cdc4",
30: "#f6b9ac",
40: "#f3a595",
50: "#f1917d",
60: "#cf7562",
70: "#df7e69",
80: "#a75f4f",
90: "#784439",
100: "#301b17"
}
}
}, cg = A1, dg = {
...St,
default: {
...St.default,
primary: {
10: "#FDE6D7",
20: "#FBCEAF",
30: "#F9B588",
40: "#F69C60",
50: "#F48438",
60: "#F26B10",
70: "#C2560D",
80: "#91400A",
90: "#612B06",
100: "#301503"
},
accent: {
10: "#E5DEF0",
20: "#CABDE1",
30: "#B09CD2",
40: "#967AC2",
50: "#7B59B3",
60: "#6138A4",
70: "#4E2D83",
80: "#3A2262",
90: "#271642",
100: "#130B21"
}
},
hover: {
...St.hover,
primary: {
10: "#FCDAC3",
20: "#FAC29C",
30: "#F8A974",
40: "#F5904C",
50: "#F37824",
60: "#D25D0E",
70: "#E2640F",
80: "#AA4B0C",
90: "#793608",
100: "#301503"
},
accent: {
10: "#D8CEE9",
20: "#BDADDA",
30: "#A38BCA",
40: "#896ABB",
50: "#6E49AC",
60: "#54318E",
70: "#5B3499",
80: "#442873",
90: "#311C52",
100: "#130B21"
}
}
}, ug = {
...St,
default: {
...St.default,
primary: {
10: "#D6E1EB",
20: "#ADC3D7",
30: "#85A5C3",
40: "#5C86AF",
50: "#33689B",
60: "#0A4A87",
70: "#083B6C",
80: "#062C51",
90: "#041E36",
100: "#020F1B"
},
accent: {
10: "#F5F1E7",
20: "#EAE2CE",
30: "#E0D4B6",
40: "#D6C69E",
50: "#CBB785",
60: "#C1A96D",
70: "#9A8757",
80: "#746541",
90: "#4D442C",
100: "#272216"
}
},
hover: {
...St.hover,
primary: {
10: "#C2D2E1",
20: "#99B4CD",
30: "#7196B9",
40: "#4877A5",
50: "#1F5991",
60: "#094075",
70: "#09457E",
80: "#07345F",
90: "#052544",
100: "#020F1B"
},
accent: {
10: "#fbe1dc",
20: "#f9cdc4",
30: "#f6b9ac",
40: "#f3a595",
50: "#f1917d",
60: "#cf7562",
70: "#df7e69",
80: "#a75f4f",
90: "#784439",
100: "#301b17"
}
}
}, pg = {
...St,
default: {
...St.default,
primary: {
10: "#f5f5f5",
20: "#e0e0e0",
30: "#bfbfbf",
40: "#999999",
50: "#666666",
60: "#000000",
70: "#000000",
80: "#000000",
90: "#000000",
100: "#000000"
},
accent: {
10: "#e6f2ff",
20: "#b3d9ff",
30: "#80bfff",
40: "#4da6ff",
50: "#1a8cff",
60: "#0066cc",
70: "#004c99",
80: "#003366",
90: "#001a33",
100: "#000d1a"
}
},
hover: {
...St.hover,
primary: {
10: "#e8e8e8",
20: "#cccccc",
30: "#a8a8a8",
40: "#808080",
50: "#555555",
60: "#000000",
70: "#000000",
80: "#000000",
90: "#000000",
100: "#000000"
},
accent: {
10: "#cce5ff",
20: "#99cfff",
30: "#66b8ff",
40: "#33a1ff",
50: "#0089ff",
60: "#0052a3",
70: "#003d7a",
80: "#002952",
90: "#001429",
100: "#000a14"
}
}
}, wo = {
default: cg,
prosperita: A1,
ivipbank: dg,
banvox: ug,
merito: pg
}, fg = () => wo[sl] !== void 0 ? wo[sl] : wo.default, Ua = fg();
if (Ua === void 0)
throw new Error("Active theme is not defined");
const Fe = (e, t) => {
if (!/^#[0-9A-F]{6}$/i.test(e))
throw new Error(
"Invalid hex color format. It should be in the format #RRGGBB."
);
const n = parseInt(e.slice(1, 3), 16), i = parseInt(e.slice(3, 5), 16), r = parseInt(e.slice(5, 7), 16), a = (d, u) => Math.min(255, Math.max(0, Math.round(d * (1 + u / 100)))), s = a(n, t).toString(16).padStart(2, "0"), c = a(i, t).toString(16).padStart(2, "0"), l = a(r, t).toString(16).padStart(2, "0");
return "#" + s + c + l;
}, gg = (e) => ({
/* Background Tokens */
background: e.default.gray[100],
backgroundActive: Fe(e.default.gray[50], 40),
backgroundHover: Fe(e.hover.gray[50], 16),
backgroundSelected: Fe(e.hover.gray[50], 24),
backgroundSelectedHover: Fe(e.hover.gray[50], 32),
backgroundBrand: e.default.primary[60],
backgroundInverse: e.default.gray[10],
backgroundInverseHover: e.hover.gray[10],
/* Layer Tokens */
layer01: e.default.gray[90],
layer02: e.default.gray[80],
layer03: e.default.gray[70],
layerHover01: e.hover.gray[90],
layerHover02: e.hover.gray[80],
layerHover03: e.hover.gray[70],
layerActive01: e.default.gray[70],
layerActive02: e.default.gray[60],
layerActive03: e.default.gray[50],
layerSelected01: e.default.gray[80],
layerSelected02: e.default.gray[70],
layerSelected03: e.default.gray[60],
layerSelectedHover01: e.hover.gray[80],
layerSelectedHover02: e.hover.gray[70],
layerSelectedHover03: e.hover.gray[60],
layerSelectedInverse: e.default.gray[10],
layerSelectedDisabled: e.default.gray[60],
/* Layer accent tokens */
layerAccent01: e.default.gray[80],
layerAccent02: e.default.gray[70],
layerAccent03: e.default.gray[60],
layerAccentHover01: e.hover.gray[80],
layerAccentHover02: e.hover.gray[70],
layerAccentHover03: e.hover.gray[60],
layerAccentActive01: e.hover.gray[70],
layerAccentActive02: e.hover.gray[50],
layerAccentActive03: e.hover.gray[80],
/* Field tokens */
field01: e.default.gray[90],
field02: e.default.gray[80],
field03: e.default.gray[70],
fieldHover01: e.hover.gray[90],
fieldHover02: e.hover.gray[80],
fieldHover03: e.hover.gray[70],
/* Border Tokens */
borderSubtle00: e.default.gray[80],
borderSubtle01: e.default.gray[80],
borderSubtle02: e.default.gray[70],
borderSubtle03: e.default.gray[60],
borderSubtleSelected01: e.default.gray[70],
borderSubtleSelected02: e.default.gray[60],
borderSubtleSelected03: e.default.gray[50],
borderStrong01: e.default.gray[60],
borderStrong02: e.default.gray[50],
borderStrong03: e.default.gray[40],
borderTile01: e.default.gray[70],
borderTile02: e.default.gray[60],
borderTile03: e.default.gray[50],
borderInverse: e.default.gray[10],
borderDisabled: Fe(e.default.gray[50], 50),
borderInteractive: e.default.primary[50],
/* Text tokens */
textPrimary: e.default.gray[10],
textSecondary: e.default.gray[30],
textPlaceholder: e.default.gray[60],
textOnColor: e.default.neutral.white,
textOnColorDisabled: Fe(e.default.neutral.white, 25),
textHelper: e.default.gray[50],
textError: e.default.danger[40],
textInverse: e.default.gray[100],
textDisabled: Fe(e.default.gray[10], 25),
/* Link tokens */
linkPrimary: e.default.primary[40],
linkPrimaryHover: e.hover.primary[30],
linkSecondary: e.default.primary[30],
linkInverse: e.default.primary[60],
linkVisited: e.default.accent[40],
/* Icons tokens */
iconPrimary: e.default.gray[10],
iconSecondary: e.default.gray[30],
iconOnColor: e.default.neutral.white,
iconOnColorDisabled: Fe(e.default.neutral.white, 25),
iconInteractive: e.default.neutral.white,
iconInverse: e.default.gray[100],
iconDisabled: Fe(e.default.gray[10], 25),
/* Support tokens */
supportError: e.default.danger[50],
supportSuccess: e.default.success[40],
supportWarning: e.default.warning[30],
supportInfo: e.default.info[50],
supportErrorInverse: e.default.danger[60],
supportSuccessInverse: e.default.success[50],
supportWarningInverse: e.default.warning[30],
supportInfoInverse: e.default.info[70],
supportCautionMajor: e.default.orange[40],
supportCautionMinor: e.default.warning[30],
supportUndefined: e.default.purple[60],
/* Focus tokens */
focus: e.default.neutral.white,
focusInset: e.default.gray[100],
focusInverse: e.default.info[60],
/* Miscellaneous tokens */
interactive: e.default.primary[50],
highlight: e.default.primary[90],
toogleOff: e.default.gray[60],
overlay: Fe(e.default.gray[100], 70),
skeletonElement: e.default.gray[70],
skeletonBackground: e.hover.gray[80],
/* Button tokens */
buttonPrimary: e.default.primary[60],
buttonPrimaryHover: e.hover.primary[60],
buttonPrimaryActive: e.default.primary[80],
buttonAccent: e.default.accent[60],
buttonAccentHover: e.hover.accent[60],
buttonAccentActive: e.hover.accent[80],
buttonSecondary: e.default.gray[60],
buttonSecondaryHover: e.hover.gray[60],
buttonSecondaryActive: e.default.gray[80],
buttonTertiary: e.default.neutral.white,
buttonTertiaryHover: e.default.gray[10],
buttonTertiaryActive: e.default.gray[30],
buttonDangerPrimary: e.default.danger[60],
buttonDangerSecondary: e.default.danger[50],
buttonDangerHover: e.hover.danger[60],
buttonDangerActive: e.default.danger[80],
buttonSeparator: e.default.gray[100],
buttonDisabled: e.default.gray[70],
/* Primary Tag Tokens */
tagBackgroundPrimary: e.default.primary[70],
tagColorPrimary: e.default.primary[20],
tagHoverPrimary: e.hover.primary[70],
tagBackgroundAccent: e.default.accent[70],
tagColorAccent: e.default.accent[20],
tagHoverAccent: e.hover.accent[70],
tagBackgroundBlue: e.default.info[70],
tagColorBlue: e.default.info[20],
tagHoverBlue: e.hover.info[70],
tagBackgroundGreen: e.default.success[70],
tagColorGreen: e.default.success[20],
tagHoverGreen: e.hover.success[70],
tagBackgroundRed: e.default.danger[70],
tagColorRed: e.default.danger[20],
tagHoverRed: e.hover.danger[70],
tagBackgroundGray: e.default.gray[70],
tagColorGray: e.default.gray[20],
tagHoverGray: e.hover.gray[70],
tagBackgroundCoolGray: e.default.coolGray[70],
tagColorCoolGray: e.default.coolGray[20],
tagHoverCoolGray: e.hover.coolGray[70],
tagBackgroundWarmGray: e.default.warmGray[70],
tagColorWarmGray: e.default.warmGray[20],
tagHoverWarmGray: e.hover.warmGray[70],
/* Notification Tokens */
notificationInfoBackground: e.default.gray[90],
notificationInfoBorder: Fe(e.default.info[40], 50),
notificationSuccessBackground: e.default.gray[90],
notificationSuccessBorder: Fe(e.default.success[40], 50),
notificationErrorBackground: e.default.gray[90],
notificationErrorBorder: Fe(e.default.danger[40], 50),
notificationWarningBackground: e.default.gray[90],
notificationWarningBorder: Fe(e.default.warning[40], 50),
notificationActionHover: e.hover.gray[90],
notificationActionTertiaryInverse: e.default.primary[60],
notificationActionTertiaryInverseText: e.default.neutral.white,
notificationActionTertiaryInverseHover: e.default.primary[70],
/* Inverse white + black Tokens */
whiteInLightThemes: e.default.neutral.black,
blackInLightThemes: e.default.neutral.white
}), hg = gg(Ua), bg = (e) => ({
/* Background Tokens */
background: e.default.neutral.white,
backgroundActive: Fe(e.default.gray[50], 50),
backgroundHover: Fe(e.hover.gray[50], 12),
backgroundSelected: Fe(e.default.gray[50], 20),
backgroundSelectedHover: Fe(e.default.gray[50], 32),
backgroundBrand: e.default.primary[60],
backgroundInverse: e.default.gray[80],
backgroundInverseHover: e.hover.gray[80],
/* Layer Tokens */
layer01: e.default.gray[10],
layer02: e.default.neutral.white,
layer03: e.default.gray[10],
layerHover01: e.hover.gray[10],
layerHover02: e.hover.neutral.white,
layerHover03: e.hover.gray[10],
layerActive01: e.default.gray[30],
layerActive02: e.default.gray[30],
layerActive03: e.default.gray[30],
layerSelected01: e.default.gray[20],
layerSelected02: e.default.gray[20],
layerSelected03: e.default.gray[20],
layerSelectedHover01: e.hover.gray[20],
layerSelectedHover02: e.hover.gray[20],
layerSelectedHover03: e.hover.gray[20],
layerSelectedInverse: e.default.gray[100],
layerSelectedDisabled: e.default.gray[50],
/* Layer accent tokens */
layerAccent01: e.default.gray[20],
layerAccent02: e.default.gray[20],
layerAccent03: e.default.gray[20],
layerAccentHover01: e.hover.gray[20],
layerAccentHover02: e.hover.gray[20],
layerAccentHover03: e.hover.gray[20],
layerAccentActive01: e.hover.gray[40],
layerAccentActive02: e.hover.gray[40],
layerAccentActive03: e.hover.gray[40],
/* Field tokens */
field01: e.default.gray[10],
field02: e.default.neutral.white,
field03: e.default.gray[10],
fieldHover01: e.hover.gray[10],
fieldHover02: e.hover.neutral.white,
fieldHover03: e.hover.gray[10],
/* Border Tokens */
borderSubtle00: e.default.gray[20],
borderSubtle01: e.default.gray[30],
borderSubtle02: e.default.gray[20],
borderSubtle03: e.default.gray[30],
borderSubtleSelected01: e.default.gray[30],
borderSubtleSelected02: e.default.gray[30],
borderSubtleSelected03: e.default.gray[30],
borderStrong01: e.default.gray[50],
borderStrong02: e.default.gray[50],
borderStrong03: e.default.gray[50],
borderTile01: e.default.gray[30],
borderTile02: e.default.gray[40],
borderTile03: e.default.gray[30],
borderInverse: e.default.gray[100],
borderDisabled: e.default.gray[30],
borderInteractive: e.default.primary[60],
/* Text tokens */
textPrimary: e.default.gray[100],
textSecondary: e.default.gray[70],
textPlaceholder: e.default.gray[40],
textOnColor: e.default.neutral.white,
textOnColorDisabled: e.default.gray[50],
textHelper: e.default.gray[60],
textError: e.default.danger[60],
textInverse: e.default.neutral.white,
textDisabled: Fe(e.default.gray[100], 25),
/* Link tokens */
linkPrimary: e.default.primary[60],
linkPrimaryHover: e.hover.primary[70],
linkSecondary: e.default.primary[70],
linkInverse: e.default.primary[40],
linkVisited: e.default.accent[60],
/* Icons tokens */
iconPrimary: e.default.gray[100],
iconSecondary: e.default.gray[70],
iconOnColor: e.default.neutral.white,
iconOnColorDisabled: e.default.gray[50],
iconInteractive: e.default.primary[60],
iconInverse: e.default.neutral.white,
iconDisabled: Fe(e.default.gray[100], 25),
/* Support tokens */
supportError: e.default.danger[60],
supportSuccess: e.default.success[60],
supportWarning: e.default.warning[30],
supportInfo: e.default.info[70],
supportErrorInverse: e.default.danger[50],
supportSuccessInverse: e.default.success[40],
supportWarningInverse: e.default.warning[30],
supportInfoInverse: e.default.info[50],
supportCautionMajor: e.default.orange[40],
supportCautionMinor: e.default.warning[30],
supportUndefined: e.default.purple[60],
/* Focus tokens */
focus: e.default.info[60],
focusInset: e.default.neutral.white,
focusInverse: e.default.neutral.white,
/* Miscellaneous tokens */
interactive: e.default.primary[60],
highlight: e.default.primary[20],
toogleOff: e.default.gray[50],
overlay: e.default.gray[100],
skeletonElement: e.default.gray[30],
skeletonBackground: e.hover.gray[10],
/* Button tokens */
buttonPrimary: e.default.primary[60],
buttonPrimaryHover: e.hover.primary[60],
buttonPrimaryActive: e.default.primary[80],
buttonAccent: e.default.accent[60],
buttonAccentHover: e.hover.accent[60],
buttonAccentActive: e.hover.accent[80],
buttonSecondary: e.default.gray[80],
buttonSecondaryHover: e.hover.gray[80],
buttonSecondaryActive: e.default.gray[60],
buttonTertiary: e.default.primary[60],
buttonTertiaryHover: e.hover.primary[60],
buttonTertiaryActive: e.hover.primary[80],
buttonDangerPrimary: e.default.danger[60],
buttonDangerSecondary: e.default.danger[60],
buttonDangerHover: e.hover.danger[60],
buttonDangerActive: e.default.danger[80],
buttonSeparator: e.default.gray[20],
buttonDisabled: e.default.gray[30],
/* Primary Tag Tokens */
tagBackgroundPrimary: e.default.primary[20],
tagColorPrimary: e.default.primary[70],
tagHoverPrimary: e.hover.primary[20],
tagBackgroundAccent: e.default.accent[20],
tagColorAccent: e.default.accent[70],
tagHoverAccent: e.hover.accent[20],
tagBackgroundBlue: e.default.info[20],
tagColorBlue: e.default.info[70],
tagHoverBlue: e.hover.info[20],
tagBackgroundGreen: e.default.success[20],
tagColorGreen: e.default.success[70],
tagHoverGreen: e.hover.success[20],
tagBackgroundRed: e.default.danger[20],
tagColorRed: e.default.danger[70],
tagHoverRed: e.hover.danger[20],
tagBackgroundGray: e.default.gray[20],
tagColorGray: e.default.gray[70],
tagHoverGray: e.hover.gray[20],
tagBackgroundCoolGray: e.default.coolGray[20],
tagColorCoolGray: e.default.coolGray[70],
tagHoverCoolGray: e.hover.coolGray[20],
tagBackgroundWarmGray: e.default.warmGray[20],
tagColorWarmGray: e.default.warmGray[70],
tagHoverWarmGray: e.hover.warmGray[20],
/* Notification Tokens */
notificationInfoBackground: e.default.info[10],
notificationInfoBorder: Fe(e.default.info[60], 30),
notificationSuccessBackground: e.default.success[10],
notificationSuccessBorder: Fe(e.default.success[60], 30),
notificationErrorBackground: e.default.danger[10],
notificationErrorBorder: Fe(e.default.danger[60], 30),
notificationWarningBackground: e.default.warning[10],
notificationWarningBorder: Fe(e.default.warning[60], 30),
notificationActionHover: Fe(e.default.neutral.white, 0),
notificationActionTertiaryInverse: Fe(
e.default.neutral.white,
0
),
notificationActionTertiaryInverseText: e.default.coolGray[100],
notificationActionTertiaryInverseHover: e.hover.gray[10],
/* Inverse white + black Tokens */
whiteInLightThemes: e.default.neutral.white,
blackInLightThemes: e.default.neutral.black
}), xg = bg(Ua), ll = {
light: xg,
dark: hg
}, mg = () => {
const e = localStorage.getItem("@app:theme_dumbo"), t = String(e) || "light";
return t === "dark" || t === "light" ? ll[t] : ll.light;
}, f = mg();
if (f === void 0)
throw new Error("Contextual theme is not defined");
function vg(e) {
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
var ca = { exports: {} }, Kn = {};
/**
* @license React
* react-jsx-runtime.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var cl;
function yg() {
if (cl) return Kn;
cl = 1;
var e = ye, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, a = { key: !0, ref: !0, __self: !0, __source: !0 };
function s(c, l, d) {
var u, p = {}, g = null, h = null;
d !== void 0 && (g = "" + d), l.key !== void 0 && (g = "" + l.key), l.ref !== void 0 && (h = l.ref);
for (u in l) i.call(l, u) && !a.hasOwnProperty(u) && (p[u] = l[u]);
if (c && c.defaultProps) for (u in l = c.defaultProps, l) p[u] === void 0 && (p[u] = l[u]);
return { $$typeof: t, type: c, key: g, ref: h, props: p, _owner: r.current };
}
return Kn.Fragment = n, Kn.jsx = s, Kn.jsxs = s, Kn;
}
var qn = {};
/**
* @license React
* react-jsx-runtime.development.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
var dl;
function Cg() {
return dl || (dl = 1, process.env.NODE_ENV !== "production" && function() {
var e = ye, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), a = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), c = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), m = Symbol.iterator, x = "@@iterator";
function b(D) {
if (D === null || typeof D != "object")
return null;
var G = m && D[m] || D[x];
return typeof G == "function" ? G : null;
}
var v = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function C(D) {
{
for (var G = arguments.length, ne = new Array(G > 1 ? G - 1 : 0), ge = 1; ge < G; ge++)
ne[ge - 1] = arguments[ge];
w("error", D, ne);
}
}
function w(D, G, ne) {
{
var ge = v.ReactDebugCurrentFrame, Pe = ge.getStackAddendum();
Pe !== "" && (G += "%s", ne = ne.concat([Pe]));
var Re = ne.map(function(Ee) {
return String(Ee);
});
Re.unshift("Warning: " + G), Function.prototype.apply.call(console[D], console, Re);
}
}
var A = !1, I = !1, E = !1, S = !1, O = !1, k;
k = Symbol.for("react.module.reference");
function _(D) {
return !!(typeof D == "string" || typeof D == "function" || D === i || D === a || O || D === r || D === d || D === u || S || D === h || A || I || E || typeof D == "object" && D !== null && (D.$$typeof === g || D.$$typeof === p || D.$$typeof === s || D.$$typeof === c || D.$$typeof === l || // This needs to include all possible module reference object
// types supported by any Flight configuration anywhere since
// we don't know which Flight build this will end up being used
// with.
D.$$typeof === k || D.getModuleId !== void 0));
}
function X(D, G, ne) {
var ge = D.displayName;
if (ge)
return ge;
var Pe = G.displayName || G.name || "";
return Pe !== "" ? ne + "(" + Pe + ")" : ne;
}
function $(D) {
return D.displayName || "Context";
}
function F(D) {
if (D == null)
return null;
if (typeof D.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof D == "function")
return D.displayName || D.name || null;
if (typeof D == "string")
return D;
switch (D) {
case i:
return "Fragment";
case n:
return "Portal";
case a:
return "Profiler";
case r:
return "StrictMode";
case d:
return "Suspense";
case u:
return "SuspenseList";
}
if (typeof D == "object")
switch (D.$$typeof) {
case c:
var G = D;
return $(G) + ".Consumer";
case s:
var ne = D;
return $(ne._context) + ".Provider";
case l:
return X(D, D.render, "ForwardRef");
case p:
var ge = D.displayName || null;
return ge !== null ? ge : F(D.type) || "Memo";
case g: {
var Pe = D, Re = Pe._payload, Ee = Pe._init;
try {
return F(Ee(Re));
} catch {
return null;
}
}
}
return null;
}
var j = Object.assign, T = 0, H, Z, L, U, q, xe, te;
function me() {
}
me.__reactDisabledLog = !0;
function B() {
{
if (T === 0) {
H = console.log, Z = console.info, L = console.warn, U = console.error, q = console.group, xe = console.groupCollapsed, te = console.groupEnd;
var D = {
configurable: !0,
enumerable: !0,
value: me,
writable: !0
};
Object.defineProperties(console, {
info: D,
log: D,
warn: D,
error: D,
group: D,
groupCollapsed: D,
groupEnd: D
});
}
T++;
}
}
function Y() {
{
if (T--, T === 0) {
var D = {
configurable: !0,
enumerable: !0,
writable: !0
};
Object.defineProperties(console, {
log: j({}, D, {
value: H
}),
info: j({}, D, {
value: Z
}),
warn: j({}, D, {
value: L
}),
error: j({}, D, {
value: U
}),
group: j({}, D, {
value: q
}),
groupCollapsed: j({}, D, {
value: xe
}),
groupEnd: j({}, D, {
value: te
})
});
}
T < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
}
}
var ee = v.ReactCurrentDispatcher, fe;
function he(D, G, ne) {
{
if (fe === void 0)
try {
throw Error();
} catch (Pe) {
var ge = Pe.stack.trim().match(/\n( *(at )?)/);
fe = ge && ge[1] || "";
}
return `
` + fe + D;
}
}
var Se = !1, $e;
{
var Ue = typeof WeakMap == "function" ? WeakMap : Map;
$e = new Ue();
}
function W(D, G) {
if (!D || Se)
return "";
{
var ne = $e.get(D);
if (ne !== void 0)
return ne;
}
var ge;
Se = !0;
var Pe = Error.prepareStackTrace;
Error.prepareStackTrace = void 0;
var Re;
Re = ee.current, ee.current = null, B();
try {
if (G) {
var Ee = function() {
throw Error();
};
if (Object.defineProperty(Ee.prototype, "props", {
set: function() {
throw Error();
}
}), typeof Reflect == "object" && Reflect.construct) {
try {
Reflect.construct(Ee, []);
} catch (pt) {
ge = pt;
}
Reflect.construct(D, [], Ee);
} else {
try {
Ee.call();
} catch (pt) {
ge = pt;
}
D.call(Ee.prototype);
}
} else {
try {
throw Error();
} catch (pt) {
ge = pt;
}
D();
}
} catch (pt) {
if (pt && ge && typeof pt.stack == "string") {
for (var Ie = pt.stack.split(`
`), ct = ge.stack.split(`
`), Je = Ie.length - 1, Qe = ct.length - 1; Je >= 1 && Qe >= 0 && Ie[Je] !== ct[Qe]; )
Qe--;
for (; Je >= 1 && Qe >= 0; Je--, Qe--)
if (Ie[Je] !== ct[Qe]) {
if (Je !== 1 || Qe !== 1)
do
if (Je--, Qe--, Qe < 0 || Ie[Je] !== ct[Qe]) {
var wt = `
` + Ie[Je].replace(" at new ", " at ");
return D.displayName && wt.includes("<anonymous>") && (wt = wt.replace("<anonymous>", D.displayName)), typeof D == "function" && $e.set(D, wt), wt;
}
while (Je >= 1 && Qe >= 0);
break;
}
}
} finally {
Se = !1, ee.current = Re, Y(), Error.prepareStackTrace = Pe;
}
var jn = D ? D.displayName || D.name : "", rn = jn ? he(jn) : "";
return typeof D == "function" && $e.set(D, rn), rn;
}
function Ye(D, G, ne) {
return W(D, !1);
}
function et(D) {
var G = D.prototype;
return !!(G && G.isReactComponent);
}
function z(D, G, ne) {
if (D == null)
return "";
if (typeof D == "function")
return W(D, et(D));
if (typeof D == "string")
return he(D);
switch (D) {
case d:
return he("Suspense");
case u:
return he("SuspenseList");
}
if (typeof D == "object")
switch (D.$$typeof) {
case l:
return Ye(D.render);
case p:
return z(D.type, G, ne);
case g: {
var ge = D, Pe = ge._payload, Re = ge._init;
try {
return z(Re(Pe), G, ne);
} catch {
}
}
}
return "";
}
var R = Object.prototype.hasOwnProperty, Me = {}, Be = v.ReactDebugCurrentFrame;
function tt(D) {
if (D) {
var G = D._owner, ne = z(D.type, D._source, G ? G.type : null);
Be.setExtraStackFrame(ne);
} else
Be.setExtraStackFrame(null);
}
function Pt(D, G, ne, ge, Pe) {
{
var Re = Function.call.bind(R);
for (var Ee in D)
if (Re(D, Ee)) {
var Ie = void 0;
try {
if (typeof D[Ee] != "function") {
var ct = Error((ge || "React class") + ": " + ne + " type `" + Ee + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof D[Ee] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
throw ct.name = "Invariant Violation", ct;
}
Ie = D[Ee](G, Ee, ge, ne, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
} catch (Je) {
Ie = Je;
}
Ie && !(Ie instanceof Error) && (tt(Pe), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", ge || "React class", ne, Ee, typeof Ie), tt(null)), Ie instanceof Error && !(Ie.message in Me) && (Me[Ie.message] = !0, tt(Pe), C("Failed %s type: %s", ne, Ie.message), tt(null));
}
}
}
var En = Array.isArray;
function V(D) {
return En(D);
}
function J(D) {
{
var G = typeof Symbol == "function" && Symbol.toStringTag, ne = G && D[Symbol.toStringTag] || D.constructor.name || "Object";
return ne;
}
}
function re(D) {
try {
return ae(D), !1;
} catch {
return !0;
}
}
function ae(D) {
return "" + D;
}
function be(D) {
if (re(D))
return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J(D)), ae(D);
}
var M = v.ReactCurrentOwner, N = {
key: !0,
ref: !0,
__self: !0,
__source: !0
}, ie, we;
function Ce(D) {
if (R.call(D, "ref")) {
var G = Object.getOwnPropertyDescriptor(D, "ref").get;
if (G && G.isReactWarning)
return !1;
}
return D.ref !== void 0;
}
function en(D) {
if (R.call(D, "key")) {
var G = Object.getOwnPropertyDescriptor(D, "key").get;
if (G && G.isReactWarning)
return !1;
}
return D.key !== void 0;
}
function tn(D, G) {
typeof D.ref == "string" && M.current;
}
function nn(D, G) {
{
var ne = function() {
ie || (ie = !0, C("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", G));
};
ne.isReactWarning = !0, Object.defineProperty(D, "key", {
get: ne,
configurable: !0
});
}
}
function An(D, G) {
{
var ne = function() {
we || (we = !0, C("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", G));
};
ne.isReactWarning = !0, Object.defineProperty(D, "ref", {
get: ne,
configurable: !0
});
}
}
var Xf = function(D, G, ne, ge, Pe, Re, Ee) {
var Ie = {
// This tag allows us to uniquely identify this as a React Element
$$typeof: t,
// Built-in properties that belong on the element
type: D,
key: G,
ref: ne,
props: Ee,
// Record the component responsible for creating this element.
_owner: Re
};
return Ie._store = {}, Object.defineProperty(Ie._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: !1
}), Object.defineProperty(Ie, "_self", {
configurable: !1,
enumerable: !1,
writable: !1,
value: ge
}), Object.defineProperty(Ie, "_source", {
configurable: !1,
enumerable: !1,
writable: !1,
value: Pe
}), Object.freeze && (Object.freeze(Ie.props), Object.freeze(Ie)), Ie;
};
function Yf(D, G, ne, ge, Pe) {
{
var Re, Ee = {}, Ie = null, ct = null;
ne !== void 0 && (be(ne), Ie = "" + ne), en(G) && (be(G.key), Ie = "" + G.key), Ce(G) && (ct = G.ref, tn(G, Pe));
for (Re in G)
R.call(G, Re) && !N.hasOwnProperty(Re) && (Ee[Re] = G[Re]);
if (D && D.defaultProps) {
var Je = D.defaultProps;
for (Re in Je)
Ee[Re] === void 0 && (Ee[Re] = Je[Re]);
}
if (Ie || ct) {
var Qe = typeof D == "function" ? D.displayName || D.name || "Unknown" : D;
Ie && nn(Ee, Qe), ct && An(Ee, Qe);
}
return Xf(D, Ie, ct, Pe, ge, M.current, Ee);
}
}
var mo = v.ReactCurrentOwner, qs = v.ReactDebugCurrentFrame;
function Sn(D) {
if (D) {
var G = D._owner, ne = z(D.type, D._source, G ? G.type : null);
qs.setExtraStackFrame(ne);
} else
qs.setExtraStackFrame(null);
}
var vo;
vo = !1;
function yo(D) {
return typeof D == "object" && D !== null && D.$$typeof === t;
}
function el() {
{
if (mo.current) {
var D = F(mo.current.type);
if (D)
return `
Check the render method of \`` + D + "`.";
}
return "";
}
}
function Jf(D) {
return "";
}
var tl = {};
function Uf(D) {
{
var G = el();
if (!G) {
var ne = typeof D == "string" ? D : D.displayName || D.name;
ne && (G = `
Check the top-level render call using <` + ne + ">.");
}
return G;
}
}
function nl(D, G) {
{
if (!D._store || D._store.validated || D.key != null)
return;
D._store.validated = !0;
var ne = Uf(G);
if (tl[ne])
return;
tl[ne] = !0;
var ge = "";
D && D._owner && D._owner !== mo.current && (ge = " It was passed a child from " + F(D._owner.type) + "."), Sn(D), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ne, ge), Sn(null);
}
}
function rl(D, G) {
{
if (typeof D != "object")
return;
if (V(D))
for (var ne = 0; ne < D.length; ne++) {
var ge = D[ne];
yo(ge) && nl(ge, G);
}
else if (yo(D))
D._store && (D._store.validated = !0);
else if (D) {
var Pe = b(D);
if (typeof Pe == "function" && Pe !== D.entries)
for (var Re = Pe.call(D), Ee; !(Ee = Re.next()).done; )
yo(Ee.value) && nl(Ee.value, G);
}
}
}
function Qf(D) {
{
var G = D.type;
if (G == null || typeof G == "string")
return;
var ne;
if (typeof G == "function")
ne = G.propTypes;
else if (typeof G == "object" && (G.$$typeof === l || // Note: Memo only checks outer props here.
// Inner props are checked in the reconciler.
G.$$typeof === p))
ne = G.propTypes;
else
return;
if (ne) {
var ge = F(G);
Pt(ne, D.props, "prop", ge, D);
} else if (G.PropTypes !== void 0 && !vo) {
vo = !0;
var Pe = F(G);
C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Pe || "Unknown");
}
typeof G.getDefaultProps == "function" && !G.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
}
}
function Kf(D) {
{
for (var G = Object.keys(D.props), ne = 0; ne < G.length; ne++) {
var ge = G[ne];
if (ge !== "children" && ge !== "key") {
Sn(D), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", ge), Sn(null);
break;
}
}
D.ref !== null && (Sn(D), C("Invalid attribute `ref` supplied to `React.Fragment`."), Sn(null));
}
}
var il = {};
function ol(D, G, ne, ge, Pe, Re) {
{
var Ee = _(D);
if (!Ee) {
var Ie = "";
(D === void 0 || typeof D == "object" && D !== null && Object.keys(D).length === 0) && (Ie += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
var ct = Jf();
ct ? Ie += ct : Ie += el();
var Je;
D === null ? Je = "null" : V(D) ? Je = "array" : D !== void 0 && D.$$typeof === t ? (Je = "<" + (F(D.type) || "Unknown") + " />", Ie = " Did you accidentally export a JSX literal instead of a component?") : Je = typeof D, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Je, Ie);
}
var Qe = Yf(D, G, ne, Pe, Re);
if (Qe == null)
return Qe;
if (Ee) {
var wt = G.children;
if (wt !== void 0)
if (ge)
if (V(wt)) {
for (var jn = 0; jn < wt.length; jn++)
rl(wt[jn], D);
Object.freeze && Object.freeze(wt);
} else
C("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
else
rl(wt, D);
}
if (R.call(G, "key")) {
var rn = F(D), pt = Object.keys(G).filter(function(ig) {
return ig !== "key";
}), Co = pt.length > 0 ? "{key: someKey, " + pt.join(": ..., ") + ": ...}" : "{key: someKey}";
if (!il[rn + Co]) {
var rg = pt.length > 0 ? "{" + pt.join(": ..., ") + ": ...}" : "{}";
C(`A props object containing a "key" prop is being spread into JSX:
let props = %s;
<%s {...props} />
React keys must be passed directly to JSX without using spread:
let props = %s;
<%s key={someKey} {...props} />`, Co, rn, rg, rn), il[rn + Co] = !0;
}
}
return D === i ? Kf(Qe) : Qf(Qe), Qe;
}
}
function qf(D, G, ne) {
return ol(D, G, ne, !0);
}
function eg(D, G, ne) {
return ol(D, G, ne, !1);
}
var tg = eg, ng = qf;
qn.Fragment = i, qn.jsx = tg, qn.jsxs = ng;
}()), qn;
}
process.env.NODE_ENV === "production" ? ca.exports = yg() : ca.exports = Cg();
var o = ca.exports, ft = function() {
return ft = Object.assign || function(t) {
for (var n, i = 1, r = arguments.length; i < r; i++) {
n = arguments[i];
for (var a in n) Object.prototype.hasOwnProperty.call(n, a) && (t[a] = n[a]);
}
return t;
}, ft.apply(this, arguments);
};
function gn(e, t, n) {
if (n || arguments.length === 2) for (var i = 0, r = t.length, a; i < r; i++)
(a || !(i in t)) && (a || (a = Array.prototype.slice.call(t, 0, i)), a[i] = t[i]);
return e.concat(a || Array.prototype.slice.call(t));
}
function wg(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(n) {
return t[n] === void 0 && (t[n] = e(n)), t[n];
};
}
var Ig = /^((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|cont