prosperita-dumbo-react
Version:
**Dumbo React** é uma biblioteca de componentes React que facilita a manipulação de propriedades em seus componentes. Ela fornece uma forma simples e eficiente de gerenciar e manipular props, tornando seu código mais limpo e fácil de manter.
1,632 lines (1,630 loc) • 781 kB
JavaScript
import * as Y from "react";
import be, { useDebugValue as es, createElement as La, useRef as ce, useContext as $n, useState as K, useEffect as me, useCallback as ne, forwardRef as Fa, useLayoutEffect as Ha, useMemo as $e, createContext as u1, Component as Kf, Fragment as ea } from "react";
import qf, { createPortal as eg, flushSync as p1 } from "react-dom";
const tg = localStorage.getItem("@app:activated_theme_dumbo"), ts = tg || "banvox", Rt = {
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"
}
}
}, f1 = {
...Rt,
default: {
...Rt.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: {
...Rt.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"
}
}
}, ng = f1, rg = {
...Rt,
default: {
...Rt.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: {
...Rt.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"
}
}
}, og = {
...Rt,
default: {
...Rt.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: {
...Rt.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"
}
}
}, pi = {
default: ng,
prosperita: f1,
ivipbank: rg,
banvox: og
}, ig = () => pi[ts] !== void 0 ? pi[ts] : pi.default, _a = ig();
if (_a === void 0)
throw new Error("Active theme is not defined");
const Re = (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), o = parseInt(e.slice(3, 5), 16), r = parseInt(e.slice(5, 7), 16), i = (d, p) => Math.min(255, Math.max(0, Math.round(d * (1 + p / 100)))), a = i(n, t).toString(16).padStart(2, "0"), c = i(o, t).toString(16).padStart(2, "0"), s = i(r, t).toString(16).padStart(2, "0");
return "#" + a + c + s;
}, ag = (e) => ({
/* Background Tokens */
background: e.default.gray[100],
backgroundActive: Re(e.default.gray[50], 40),
backgroundHover: Re(e.hover.gray[50], 16),
backgroundSelected: Re(e.hover.gray[50], 24),
backgroundSelectedHover: Re(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: Re(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: Re(e.default.neutral.white, 25),
textHelper: e.default.gray[50],
textError: e.default.danger[40],
textInverse: e.default.gray[100],
textDisabled: Re(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: Re(e.default.neutral.white, 25),
iconInteractive: e.default.neutral.white,
iconInverse: e.default.gray[100],
iconDisabled: Re(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: Re(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: Re(e.default.info[40], 50),
notificationSuccessBackground: e.default.gray[90],
notificationSuccessBorder: Re(e.default.success[40], 50),
notificationErrorBackground: e.default.gray[90],
notificationErrorBorder: Re(e.default.danger[40], 50),
notificationWarningBackground: e.default.gray[90],
notificationWarningBorder: Re(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
}), lg = ag(_a), sg = (e) => ({
/* Background Tokens */
background: e.default.neutral.white,
backgroundActive: Re(e.default.gray[50], 50),
backgroundHover: Re(e.hover.gray[50], 12),
backgroundSelected: Re(e.default.gray[50], 20),
backgroundSelectedHover: Re(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: Re(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: Re(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: Re(e.default.info[60], 30),
notificationSuccessBackground: e.default.success[10],
notificationSuccessBorder: Re(e.default.success[60], 30),
notificationErrorBackground: e.default.danger[10],
notificationErrorBorder: Re(e.default.danger[60], 30),
notificationWarningBackground: e.default.warning[10],
notificationWarningBorder: Re(e.default.warning[60], 30),
notificationActionHover: Re(e.default.neutral.white, 0),
notificationActionTertiaryInverse: Re(
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
}), cg = sg(_a), ns = {
light: cg,
dark: lg
}, dg = () => {
const e = localStorage.getItem("@app:theme_dumbo"), t = String(e) || "light";
return t === "dark" || t === "light" ? ns[t] : ns.light;
}, g = dg();
if (g === void 0)
throw new Error("Contextual theme is not defined");
function ug(e) {
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
var ta = { exports: {} }, Wn = {};
/**
* @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 rs;
function pg() {
if (rs) return Wn;
rs = 1;
var e = be, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), o = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
function a(c, s, d) {
var p, u = {}, f = null, h = null;
d !== void 0 && (f = "" + d), s.key !== void 0 && (f = "" + s.key), s.ref !== void 0 && (h = s.ref);
for (p in s) o.call(s, p) && !i.hasOwnProperty(p) && (u[p] = s[p]);
if (c && c.defaultProps) for (p in s = c.defaultProps, s) u[p] === void 0 && (u[p] = s[p]);
return { $$typeof: t, type: c, key: f, ref: h, props: u, _owner: r.current };
}
return Wn.Fragment = n, Wn.jsx = a, Wn.jsxs = a, Wn;
}
var zn = {};
/**
* @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 os;
function fg() {
return os || (os = 1, process.env.NODE_ENV !== "production" && function() {
var e = be, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), o = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), c = Symbol.for("react.context"), s = Symbol.for("react.forward_ref"), d = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), f = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), x = Symbol.iterator, v = "@@iterator";
function m(P) {
if (P === null || typeof P != "object")
return null;
var z = x && P[x] || P[v];
return typeof z == "function" ? z : null;
}
var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function w(P) {
{
for (var z = arguments.length, q = new Array(z > 1 ? z - 1 : 0), fe = 1; fe < z; fe++)
q[fe - 1] = arguments[fe];
I("error", P, q);
}
}
function I(P, z, q) {
{
var fe = b.ReactDebugCurrentFrame, De = fe.getStackAddendum();
De !== "" && (z += "%s", q = q.concat([De]));
var Ve = q.map(function(we) {
return String(we);
});
Ve.unshift("Warning: " + z), Function.prototype.apply.call(console[P], console, Ve);
}
}
var S = !1, A = !1, E = !1, D = !1, T = !1, W;
W = Symbol.for("react.module.reference");
function Z(P) {
return !!(typeof P == "string" || typeof P == "function" || P === o || P === i || T || P === r || P === d || P === p || D || P === h || S || A || E || typeof P == "object" && P !== null && (P.$$typeof === f || P.$$typeof === u || P.$$typeof === a || P.$$typeof === c || P.$$typeof === s || // 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.
P.$$typeof === W || P.getModuleId !== void 0));
}
function ee(P, z, q) {
var fe = P.displayName;
if (fe)
return fe;
var De = z.displayName || z.name || "";
return De !== "" ? q + "(" + De + ")" : q;
}
function M(P) {
return P.displayName || "Context";
}
function F(P) {
if (P == null)
return null;
if (typeof P.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof P == "function")
return P.displayName || P.name || null;
if (typeof P == "string")
return P;
switch (P) {
case o:
return "Fragment";
case n:
return "Portal";
case i:
return "Profiler";
case r:
return "StrictMode";
case d:
return "Suspense";
case p:
return "SuspenseList";
}
if (typeof P == "object")
switch (P.$$typeof) {
case c:
var z = P;
return M(z) + ".Consumer";
case a:
var q = P;
return M(q._context) + ".Provider";
case s:
return ee(P, P.render, "ForwardRef");
case u:
var fe = P.displayName || null;
return fe !== null ? fe : F(P.type) || "Memo";
case f: {
var De = P, Ve = De._payload, we = De._init;
try {
return F(we(Ve));
} catch {
return null;
}
}
}
return null;
}
var N = Object.assign, B = 0, $, te, j, J, ie, ve, G;
function U() {
}
U.__reactDisabledLog = !0;
function H() {
{
if (B === 0) {
$ = console.log, te = console.info, j = console.warn, J = console.error, ie = console.group, ve = console.groupCollapsed, G = console.groupEnd;
var P = {
configurable: !0,
enumerable: !0,
value: U,
writable: !0
};
Object.defineProperties(console, {
info: P,
log: P,
warn: P,
error: P,
group: P,
groupCollapsed: P,
groupEnd: P
});
}
B++;
}
}
function L() {
{
if (B--, B === 0) {
var P = {
configurable: !0,
enumerable: !0,
writable: !0
};
Object.defineProperties(console, {
log: N({}, P, {
value: $
}),
info: N({}, P, {
value: te
}),
warn: N({}, P, {
value: j
}),
error: N({}, P, {
value: J
}),
group: N({}, P, {
value: ie
}),
groupCollapsed: N({}, P, {
value: ve
}),
groupEnd: N({}, P, {
value: G
})
});
}
B < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
}
}
var pe = b.ReactCurrentDispatcher, _;
function k(P, z, q) {
{
if (_ === void 0)
try {
throw Error();
} catch (De) {
var fe = De.stack.trim().match(/\n( *(at )?)/);
_ = fe && fe[1] || "";
}
return `
` + _ + P;
}
}
var oe = !1, ye;
{
var Ee = typeof WeakMap == "function" ? WeakMap : Map;
ye = new Ee();
}
function X(P, z) {
if (!P || oe)
return "";
{
var q = ye.get(P);
if (q !== void 0)
return q;
}
var fe;
oe = !0;
var De = Error.prepareStackTrace;
Error.prepareStackTrace = void 0;
var Ve;
Ve = pe.current, pe.current = null, H();
try {
if (z) {
var we = function() {
throw Error();
};
if (Object.defineProperty(we.prototype, "props", {
set: function() {
throw Error();
}
}), typeof Reflect == "object" && Reflect.construct) {
try {
Reflect.construct(we, []);
} catch (it) {
fe = it;
}
Reflect.construct(P, [], we);
} else {
try {
we.call();
} catch (it) {
fe = it;
}
P.call(we.prototype);
}
} else {
try {
throw Error();
} catch (it) {
fe = it;
}
P();
}
} catch (it) {
if (it && fe && typeof it.stack == "string") {
for (var xe = it.stack.split(`
`), nt = fe.stack.split(`
`), ze = xe.length - 1, Xe = nt.length - 1; ze >= 1 && Xe >= 0 && xe[ze] !== nt[Xe]; )
Xe--;
for (; ze >= 1 && Xe >= 0; ze--, Xe--)
if (xe[ze] !== nt[Xe]) {
if (ze !== 1 || Xe !== 1)
do
if (ze--, Xe--, Xe < 0 || xe[ze] !== nt[Xe]) {
var bt = `
` + xe[ze].replace(" at new ", " at ");
return P.displayName && bt.includes("<anonymous>") && (bt = bt.replace("<anonymous>", P.displayName)), typeof P == "function" && ye.set(P, bt), bt;
}
while (ze >= 1 && Xe >= 0);
break;
}
}
} finally {
oe = !1, pe.current = Ve, L(), Error.prepareStackTrace = De;
}
var xn = P ? P.displayName || P.name : "", Ut = xn ? k(xn) : "";
return typeof P == "function" && ye.set(P, Ut), Ut;
}
function He(P, z, q) {
return X(P, !1);
}
function wt(P) {
var z = P.prototype;
return !!(z && z.isReactComponent);
}
function It(P, z, q) {
if (P == null)
return "";
if (typeof P == "function")
return X(P, wt(P));
if (typeof P == "string")
return k(P);
switch (P) {
case d:
return k("Suspense");
case p:
return k("SuspenseList");
}
if (typeof P == "object")
switch (P.$$typeof) {
case s:
return He(P.render);
case u:
return It(P.type, z, q);
case f: {
var fe = P, De = fe._payload, Ve = fe._init;
try {
return It(Ve(De), z, q);
} catch {
}
}
}
return "";
}
var Jt = Object.prototype.hasOwnProperty, Or = {}, Tr = b.ReactDebugCurrentFrame;
function Ft(P) {
if (P) {
var z = P._owner, q = It(P.type, P._source, z ? z.type : null);
Tr.setExtraStackFrame(q);
} else
Tr.setExtraStackFrame(null);
}
function ri(P, z, q, fe, De) {
{
var Ve = Function.call.bind(Jt);
for (var we in P)
if (Ve(P, we)) {
var xe = void 0;
try {
if (typeof P[we] != "function") {
var nt = Error((fe || "React class") + ": " + q + " type `" + we + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof P[we] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
throw nt.name = "Invariant Violation", nt;
}
xe = P[we](z, we, fe, q, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
} catch (ze) {
xe = ze;
}
xe && !(xe instanceof Error) && (Ft(De), w("%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).", fe || "React class", q, we, typeof xe), Ft(null)), xe instanceof Error && !(xe.message in Or) && (Or[xe.message] = !0, Ft(De), w("Failed %s type: %s", q, xe.message), Ft(null));
}
}
}
var oi = Array.isArray;
function V(P) {
return oi(P);
}
function Q(P) {
{
var z = typeof Symbol == "function" && Symbol.toStringTag, q = z && P[Symbol.toStringTag] || P.constructor.name || "Object";
return q;
}
}
function re(P) {
try {
return se(P), !1;
} catch {
return !0;
}
}
function se(P) {
return "" + P;
}
function ge(P) {
if (re(P))
return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Q(P)), se(P);
}
var Ce = b.ReactCurrentOwner, Ze = {
key: !0,
ref: !0,
__self: !0,
__source: !0
}, ct, mn;
function _n(P) {
if (Jt.call(P, "ref")) {
var z = Object.getOwnPropertyDescriptor(P, "ref").get;
if (z && z.isReactWarning)
return !1;
}
return P.ref !== void 0;
}
function ii(P) {
if (Jt.call(P, "key")) {
var z = Object.getOwnPropertyDescriptor(P, "key").get;
if (z && z.isReactWarning)
return !1;
}
return P.key !== void 0;
}
function ai(P, z) {
typeof P.ref == "string" && Ce.current;
}
function Vr(P, z) {
{
var q = function() {
ct || (ct = !0, w("%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)", z));
};
q.isReactWarning = !0, Object.defineProperty(P, "key", {
get: q,
configurable: !0
});
}
}
function li(P, z) {
{
var q = function() {
mn || (mn = !0, w("%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)", z));
};
q.isReactWarning = !0, Object.defineProperty(P, "ref", {
get: q,
configurable: !0
});
}
}
var Ff = function(P, z, q, fe, De, Ve, we) {
var xe = {
// This tag allows us to uniquely identify this as a React Element
$$typeof: t,
// Built-in properties that belong on the element
type: P,
key: z,
ref: q,
props: we,
// Record the component responsible for creating this element.
_owner: Ve
};
return xe._store = {}, Object.defineProperty(xe._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: !1
}), Object.defineProperty(xe, "_self", {
configurable: !1,
enumerable: !1,
writable: !1,
value: fe
}), Object.defineProperty(xe, "_source", {
configurable: !1,
enumerable: !1,
writable: !1,
value: De
}), Object.freeze && (Object.freeze(xe.props), Object.freeze(xe)), xe;
};
function Hf(P, z, q, fe, De) {
{
var Ve, we = {}, xe = null, nt = null;
q !== void 0 && (ge(q), xe = "" + q), ii(z) && (ge(z.key), xe = "" + z.key), _n(z) && (nt = z.ref, ai(z, De));
for (Ve in z)
Jt.call(z, Ve) && !Ze.hasOwnProperty(Ve) && (we[Ve] = z[Ve]);
if (P && P.defaultProps) {
var ze = P.defaultProps;
for (Ve in ze)
we[Ve] === void 0 && (we[Ve] = ze[Ve]);
}
if (xe || nt) {
var Xe = typeof P == "function" ? P.displayName || P.name || "Unknown" : P;
xe && Vr(we, Xe), nt && li(we, Xe);
}
return Ff(P, xe, nt, De, fe, Ce.current, we);
}
}
var si = b.ReactCurrentOwner, jl = b.ReactDebugCurrentFrame;
function vn(P) {
if (P) {
var z = P._owner, q = It(P.type, P._source, z ? z.type : null);
jl.setExtraStackFrame(q);
} else
jl.setExtraStackFrame(null);
}
var ci;
ci = !1;
function di(P) {
return typeof P == "object" && P !== null && P.$$typeof === t;
}
function Yl() {
{
if (si.current) {
var P = F(si.current.type);
if (P)
return `
Check the render method of \`` + P + "`.";
}
return "";
}
}
function _f(P) {
return "";
}
var Jl = {};
function Wf(P) {
{
var z = Yl();
if (!z) {
var q = typeof P == "string" ? P : P.displayName || P.name;
q && (z = `
Check the top-level render call using <` + q + ">.");
}
return z;
}
}
function Ul(P, z) {
{
if (!P._store || P._store.validated || P.key != null)
return;
P._store.validated = !0;
var q = Wf(z);
if (Jl[q])
return;
Jl[q] = !0;
var fe = "";
P && P._owner && P._owner !== si.current && (fe = " It was passed a child from " + F(P._owner.type) + "."), vn(P), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', q, fe), vn(null);
}
}
function Ql(P, z) {
{
if (typeof P != "object")
return;
if (V(P))
for (var q = 0; q < P.length; q++) {
var fe = P[q];
di(fe) && Ul(fe, z);
}
else if (di(P))
P._store && (P._store.validated = !0);
else if (P) {
var De = m(P);
if (typeof De == "function" && De !== P.entries)
for (var Ve = De.call(P), we; !(we = Ve.next()).done; )
di(we.value) && Ul(we.value, z);
}
}
}
function zf(P) {
{
var z = P.type;
if (z == null || typeof z == "string")
return;
var q;
if (typeof z == "function")
q = z.propTypes;
else if (typeof z == "object" && (z.$$typeof === s || // Note: Memo only checks outer props here.
// Inner props are checked in the reconciler.
z.$$typeof === u))
q = z.propTypes;
else
return;
if (q) {
var fe = F(z);
ri(q, P.props, "prop", fe, P);
} else if (z.PropTypes !== void 0 && !ci) {
ci = !0;
var De = F(z);
w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", De || "Unknown");
}
typeof z.getDefaultProps == "function" && !z.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
}
}
function Zf(P) {
{
for (var z = Object.keys(P.props), q = 0; q < z.length; q++) {
var fe = z[q];
if (fe !== "children" && fe !== "key") {
vn(P), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", fe), vn(null);
break;
}
}
P.ref !== null && (vn(P), w("Invalid attribute `ref` supplied to `React.Fragment`."), vn(null));
}
}
var Kl = {};
function ql(P, z, q, fe, De, Ve) {
{
var we = Z(P);
if (!we) {
var xe = "";
(P === void 0 || typeof P == "object" && P !== null && Object.keys(P).length === 0) && (xe += " 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 nt = _f();
nt ? xe += nt : xe += Yl();
var ze;
P === null ? ze = "null" : V(P) ? ze = "array" : P !== void 0 && P.$$typeof === t ? (ze = "<" + (F(P.type) || "Unknown") + " />", xe = " Did you accidentally export a JSX literal instead of a component?") : ze = typeof P, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", ze, xe);
}
var Xe = Hf(P, z, q, De, Ve);
if (Xe == null)
return Xe;
if (we) {
var bt = z.children;
if (bt !== void 0)
if (fe)
if (V(bt)) {
for (var xn = 0; xn < bt.length; xn++)
Ql(bt[xn], P);
Object.freeze && Object.freeze(bt);
} else
w("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
Ql(bt, P);
}
if (Jt.call(z, "key")) {
var Ut = F(P), it = Object.keys(z).filter(function(Qf) {
return Qf !== "key";
}), ui = it.length > 0 ? "{key: someKey, " + it.join(": ..., ") + ": ...}" : "{key: someKey}";
if (!Kl[Ut + ui]) {
var Uf = it.length > 0 ? "{" + it.join(": ..., ") + ": ...}" : "{}";
w(`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} />`, ui, Ut, Uf, Ut), Kl[Ut + ui] = !0;
}
}
return P === o ? Zf(Xe) : zf(Xe), Xe;
}
}
function Xf(P, z, q) {
return ql(P, z, q, !0);
}
function jf(P, z, q) {
return ql(P, z, q, !1);
}
var Yf = jf, Jf = Xf;
zn.Fragment = o, zn.jsx = Yf, zn.jsxs = Jf;
}()), zn;
}
process.env.NODE_ENV === "production" ? ta.exports = pg() : ta.exports = fg();
var Wa = ta.exports;
const R = Wa.Fragment, l = Wa.jsx, C = Wa.jsxs;
var at = function() {
return at = Object.assign || function(t) {
for (var n, o = 1, r = arguments.length; o < r; o++) {
n = arguments[o];
for (var i in n) Object.prototype.hasOwnProperty.call(n, i) && (t[i] = n[i]);
}
return t;
}, at.apply(this, arguments);
};
function ln(e, t, n) {
if (n || arguments.length === 2) for (var o = 0, r = t.length, i; o < r; o++)
(i || !(o in t)) && (i || (i = Array.prototype.slice.call(t, 0, o)), i[o] = t[o]);
return e.concat(i || Array.prototype.slice.call(t));
}
function gg(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(n) {
return t[n] === void 0 && (t[n] = e(n)), t[n];
};
}
var hg = /^((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|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|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|item