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) • 823 kB
JavaScript
import * as K from "react";
import Ce, { useDebugValue as cs, createElement as Ja, useRef as ce, useContext as _n, useState as q, useEffect as be, useCallback as ne, forwardRef as Ua, useLayoutEffect as Qa, useMemo as Ge, createContext as S1, Component as sg, Fragment as da } from "react";
import cg, { createPortal as dg, flushSync as D1 } from "react-dom";
const ug = localStorage.getItem("@app:activated_theme_dumbo"), ds = ug || "banvox", kt = {
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"
}
}
}, P1 = {
...kt,
default: {
...kt.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: {
...kt.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"
}
}
}, pg = P1, fg = {
...kt,
default: {
...kt.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: {
...kt.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"
}
}
}, gg = {
...kt,
default: {
...kt.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: {
...kt.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"
}
}
}, Eo = {
default: pg,
prosperita: P1,
ivipbank: fg,
banvox: gg
}, hg = () => Eo[ds] !== void 0 ? Eo[ds] : Eo.default, Ka = hg();
if (Ka === void 0)
throw new Error("Active theme is not defined");
const Le = (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), o = (d, p) => Math.min(255, Math.max(0, Math.round(d * (1 + p / 100)))), l = o(n, t).toString(16).padStart(2, "0"), c = o(i, t).toString(16).padStart(2, "0"), s = o(r, t).toString(16).padStart(2, "0");
return "#" + l + c + s;
}, bg = (e) => ({
/* Background Tokens */
background: e.default.gray[100],
backgroundActive: Le(e.default.gray[50], 40),
backgroundHover: Le(e.hover.gray[50], 16),
backgroundSelected: Le(e.hover.gray[50], 24),
backgroundSelectedHover: Le(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: Le(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: Le(e.default.neutral.white, 25),
textHelper: e.default.gray[50],
textError: e.default.danger[40],
textInverse: e.default.gray[100],
textDisabled: Le(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: Le(e.default.neutral.white, 25),
iconInteractive: e.default.neutral.white,
iconInverse: e.default.gray[100],
iconDisabled: Le(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: Le(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: Le(e.default.info[40], 50),
notificationSuccessBackground: e.default.gray[90],
notificationSuccessBorder: Le(e.default.success[40], 50),
notificationErrorBackground: e.default.gray[90],
notificationErrorBorder: Le(e.default.danger[40], 50),
notificationWarningBackground: e.default.gray[90],
notificationWarningBorder: Le(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
}), mg = bg(Ka), vg = (e) => ({
/* Background Tokens */
background: e.default.neutral.white,
backgroundActive: Le(e.default.gray[50], 50),
backgroundHover: Le(e.hover.gray[50], 12),
backgroundSelected: Le(e.default.gray[50], 20),
backgroundSelectedHover: Le(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: Le(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: Le(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: Le(e.default.info[60], 30),
notificationSuccessBackground: e.default.success[10],
notificationSuccessBorder: Le(e.default.success[60], 30),
notificationErrorBackground: e.default.danger[10],
notificationErrorBorder: Le(e.default.danger[60], 30),
notificationWarningBackground: e.default.warning[10],
notificationWarningBorder: Le(e.default.warning[60], 30),
notificationActionHover: Le(e.default.neutral.white, 0),
notificationActionTertiaryInverse: Le(
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 = vg(Ka), us = {
light: xg,
dark: mg
}, yg = () => {
const e = localStorage.getItem("@app:theme_dumbo"), t = String(e) || "light";
return t === "dark" || t === "light" ? us[t] : us.light;
}, f = yg();
if (f === void 0)
throw new Error("Contextual theme is not defined");
function Cg(e) {
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
}
var ua = { exports: {} }, Un = {};
/**
* @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 ps;
function wg() {
if (ps) return Un;
ps = 1;
var e = Ce, 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, o = { key: !0, ref: !0, __self: !0, __source: !0 };
function l(c, s, d) {
var p, u = {}, g = null, h = null;
d !== void 0 && (g = "" + d), s.key !== void 0 && (g = "" + s.key), s.ref !== void 0 && (h = s.ref);
for (p in s) i.call(s, p) && !o.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: g, ref: h, props: u, _owner: r.current };
}
return Un.Fragment = n, Un.jsx = l, Un.jsxs = l, Un;
}
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 fs;
function Ig() {
return fs || (fs = 1, process.env.NODE_ENV !== "production" && function() {
var e = Ce, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), o = Symbol.for("react.profiler"), l = 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"), g = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), v = Symbol.iterator, m = "@@iterator";
function b(P) {
if (P === null || typeof P != "object")
return null;
var z = v && P[v] || P[m];
return typeof z == "function" ? z : null;
}
var x = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function C(P) {
{
for (var z = arguments.length, te = new Array(z > 1 ? z - 1 : 0), he = 1; he < z; he++)
te[he - 1] = arguments[he];
I("error", P, te);
}
}
function I(P, z, te) {
{
var he = x.ReactDebugCurrentFrame, Ve = he.getStackAddendum();
Ve !== "" && (z += "%s", te = te.concat([Ve]));
var Me = te.map(function(Ae) {
return String(Ae);
});
Me.unshift("Warning: " + z), Function.prototype.apply.call(console[P], console, Me);
}
}
var S = !1, A = !1, E = !1, N = !1, R = !1, H;
H = Symbol.for("react.module.reference");
function F(P) {
return !!(typeof P == "string" || typeof P == "function" || P === i || P === o || R || P === r || P === d || P === p || N || P === h || S || A || E || typeof P == "object" && P !== null && (P.$$typeof === g || P.$$typeof === u || P.$$typeof === l || 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 === H || P.getModuleId !== void 0));
}
function Y(P, z, te) {
var he = P.displayName;
if (he)
return he;
var Ve = z.displayName || z.name || "";
return Ve !== "" ? te + "(" + Ve + ")" : te;
}
function M(P) {
return P.displayName || "Context";
}
function L(P) {
if (P == null)
return null;
if (typeof P.tag == "number" && C("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 i:
return "Fragment";
case n:
return "Portal";
case o:
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 l:
var te = P;
return M(te._context) + ".Provider";
case s:
return Y(P, P.render, "ForwardRef");
case u:
var he = P.displayName || null;
return he !== null ? he : L(P.type) || "Memo";
case g: {
var Ve = P, Me = Ve._payload, Ae = Ve._init;
try {
return L(Ae(Me));
} catch {
return null;
}
}
}
return null;
}
var D = Object.assign, k = 0, J, U, X, j, ie, Ie, re;
function G() {
}
G.__reactDisabledLog = !0;
function Q() {
{
if (k === 0) {
J = console.log, U = console.info, X = console.warn, j = console.error, ie = console.group, Ie = console.groupCollapsed, re = console.groupEnd;
var P = {
configurable: !0,
enumerable: !0,
value: G,
writable: !0
};
Object.defineProperties(console, {
info: P,
log: P,
warn: P,
error: P,
group: P,
groupCollapsed: P,
groupEnd: P
});
}
k++;
}
}
function ae() {
{
if (k--, k === 0) {
var P = {
configurable: !0,
enumerable: !0,
writable: !0
};
Object.defineProperties(console, {
log: D({}, P, {
value: J
}),
info: D({}, P, {
value: U
}),
warn: D({}, P, {
value: X
}),
error: D({}, P, {
value: j
}),
group: D({}, P, {
value: ie
}),
groupCollapsed: D({}, P, {
value: Ie
}),
groupEnd: D({}, P, {
value: re
})
});
}
k < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
}
}
var me = x.ReactCurrentDispatcher, _;
function B(P, z, te) {
{
if (_ === void 0)
try {
throw Error();
} catch (Ve) {
var he = Ve.stack.trim().match(/\n( *(at )?)/);
_ = he && he[1] || "";
}
return `
` + _ + P;
}
}
var ge = !1, ve;
{
var Be = typeof WeakMap == "function" ? WeakMap : Map;
ve = new Be();
}
function Z(P, z) {
if (!P || ge)
return "";
{
var te = ve.get(P);
if (te !== void 0)
return te;
}
var he;
ge = !0;
var Ve = Error.prepareStackTrace;
Error.prepareStackTrace = void 0;
var Me;
Me = me.current, me.current = null, Q();
try {
if (z) {
var Ae = function() {
throw Error();
};
if (Object.defineProperty(Ae.prototype, "props", {
set: function() {
throw Error();
}
}), typeof Reflect == "object" && Reflect.construct) {
try {
Reflect.construct(Ae, []);
} catch (ct) {
he = ct;
}
Reflect.construct(P, [], Ae);
} else {
try {
Ae.call();
} catch (ct) {
he = ct;
}
P.call(Ae.prototype);
}
} else {
try {
throw Error();
} catch (ct) {
he = ct;
}
P();
}
} catch (ct) {
if (ct && he && typeof ct.stack == "string") {
for (var we = ct.stack.split(`
`), at = he.stack.split(`
`), je = we.length - 1, Ue = at.length - 1; je >= 1 && Ue >= 0 && we[je] !== at[Ue]; )
Ue--;
for (; je >= 1 && Ue >= 0; je--, Ue--)
if (we[je] !== at[Ue]) {
if (je !== 1 || Ue !== 1)
do
if (je--, Ue--, Ue < 0 || we[je] !== at[Ue]) {
var Ct = `
` + we[je].replace(" at new ", " at ");
return P.displayName && Ct.includes("<anonymous>") && (Ct = Ct.replace("<anonymous>", P.displayName)), typeof P == "function" && ve.set(P, Ct), Ct;
}
while (je >= 1 && Ue >= 0);
break;
}
}
} finally {
ge = !1, me.current = Me, ae(), Error.prepareStackTrace = Ve;
}
var En = P ? P.displayName || P.name : "", qt = En ? B(En) : "";
return typeof P == "function" && ve.set(P, qt), qt;
}
function W(P, z, te) {
return Z(P, !1);
}
function T(P) {
var z = P.prototype;
return !!(z && z.isReactComponent);
}
function le(P, z, te) {
if (P == null)
return "";
if (typeof P == "function")
return Z(P, T(P));
if (typeof P == "string")
return B(P);
switch (P) {
case d:
return B("Suspense");
case p:
return B("SuspenseList");
}
if (typeof P == "object")
switch (P.$$typeof) {
case s:
return W(P.render);
case u:
return le(P.type, z, te);
case g: {
var he = P, Ve = he._payload, Me = he._init;
try {
return le(Me(Ve), z, te);
} catch {
}
}
}
return "";
}
var De = Object.prototype.hasOwnProperty, Ye = {}, Wt = x.ReactDebugCurrentFrame;
function yt(P) {
if (P) {
var z = P._owner, te = le(P.type, P._source, z ? z.type : null);
Wt.setExtraStackFrame(te);
} else
Wt.setExtraStackFrame(null);
}
function yn(P, z, te, he, Ve) {
{
var Me = Function.call.bind(De);
for (var Ae in P)
if (Me(P, Ae)) {
var we = void 0;
try {
if (typeof P[Ae] != "function") {
var at = Error((he || "React class") + ": " + te + " type `" + Ae + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof P[Ae] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
throw at.name = "Invariant Violation", at;
}
we = P[Ae](z, Ae, he, te, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
} catch (je) {
we = je;
}
we && !(we instanceof Error) && (yt(Ve), 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).", he || "React class", te, Ae, typeof we), yt(null)), we instanceof Error && !(we.message in Ye) && (Ye[we.message] = !0, yt(Ve), C("Failed %s type: %s", te, we.message), yt(null));
}
}
}
var Cn = Array.isArray;
function O(P) {
return Cn(P);
}
function ee(P) {
{
var z = typeof Symbol == "function" && Symbol.toStringTag, te = z && P[Symbol.toStringTag] || P.constructor.name || "Object";
return te;
}
}
function oe(P) {
try {
return ue(P), !1;
} catch {
return !0;
}
}
function ue(P) {
return "" + P;
}
function xe(P) {
if (oe(P))
return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ee(P)), ue(P);
}
var Ee = x.ReactCurrentOwner, Je = {
key: !0,
ref: !0,
__self: !0,
__source: !0
}, ft, wn;
function Jn(P) {
if (De.call(P, "ref")) {
var z = Object.getOwnPropertyDescriptor(P, "ref").get;
if (z && z.isReactWarning)
return !1;
}
return P.ref !== void 0;
}
function mo(P) {
if (De.call(P, "key")) {
var z = Object.getOwnPropertyDescriptor(P, "key").get;
if (z && z.isReactWarning)
return !1;
}
return P.key !== void 0;
}
function vo(P, z) {
typeof P.ref == "string" && Ee.current;
}
function Lr(P, z) {
{
var te = function() {
ft || (ft = !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)", z));
};
te.isReactWarning = !0, Object.defineProperty(P, "key", {
get: te,
configurable: !0
});
}
}
function xo(P, z) {
{
var te = function() {
wn || (wn = !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)", z));
};
te.isReactWarning = !0, Object.defineProperty(P, "ref", {
get: te,
configurable: !0
});
}
}
var Uf = function(P, z, te, he, Ve, Me, Ae) {
var we = {
// 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: te,
props: Ae,
// Record the component responsible for creating this element.
_owner: Me
};
return we._store = {}, Object.defineProperty(we._store, "validated", {
configurable: !1,
enumerable: !1,
writable: !0,
value: !1
}), Object.defineProperty(we, "_self", {
configurable: !1,
enumerable: !1,
writable: !1,
value: he
}), Object.defineProperty(we, "_source", {
configurable: !1,
enumerable: !1,
writable: !1,
value: Ve
}), Object.freeze && (Object.freeze(we.props), Object.freeze(we)), we;
};
function Qf(P, z, te, he, Ve) {
{
var Me, Ae = {}, we = null, at = null;
te !== void 0 && (xe(te), we = "" + te), mo(z) && (xe(z.key), we = "" + z.key), Jn(z) && (at = z.ref, vo(z, Ve));
for (Me in z)
De.call(z, Me) && !Je.hasOwnProperty(Me) && (Ae[Me] = z[Me]);
if (P && P.defaultProps) {
var je = P.defaultProps;
for (Me in je)
Ae[Me] === void 0 && (Ae[Me] = je[Me]);
}
if (we || at) {
var Ue = typeof P == "function" ? P.displayName || P.name || "Unknown" : P;
we && Lr(Ae, Ue), at && xo(Ae, Ue);
}
return Uf(P, we, at, Ve, he, Ee.current, Ae);
}
}
var yo = x.ReactCurrentOwner, ns = x.ReactDebugCurrentFrame;
function In(P) {
if (P) {
var z = P._owner, te = le(P.type, P._source, z ? z.type : null);
ns.setExtraStackFrame(te);
} else
ns.setExtraStackFrame(null);
}
var Co;
Co = !1;
function wo(P) {
return typeof P == "object" && P !== null && P.$$typeof === t;
}
function rs() {
{
if (yo.current) {
var P = L(yo.current.type);
if (P)
return `
Check the render method of \`` + P + "`.";
}
return "";
}
}
function Kf(P) {
return "";
}
var is = {};
function qf(P) {
{
var z = rs();
if (!z) {
var te = typeof P == "string" ? P : P.displayName || P.name;
te && (z = `
Check the top-level render call using <` + te + ">.");
}
return z;
}
}
function os(P, z) {
{
if (!P._store || P._store.validated || P.key != null)
return;
P._store.validated = !0;
var te = qf(z);
if (is[te])
return;
is[te] = !0;
var he = "";
P && P._owner && P._owner !== yo.current && (he = " It was passed a child from " + L(P._owner.type) + "."), In(P), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', te, he), In(null);
}
}
function as(P, z) {
{
if (typeof P != "object")
return;
if (O(P))
for (var te = 0; te < P.length; te++) {
var he = P[te];
wo(he) && os(he, z);
}
else if (wo(P))
P._store && (P._store.validated = !0);
else if (P) {
var Ve = b(P);
if (typeof Ve == "function" && Ve !== P.entries)
for (var Me = Ve.call(P), Ae; !(Ae = Me.next()).done; )
wo(Ae.value) && os(Ae.value, z);
}
}
}
function eg(P) {
{
var z = P.type;
if (z == null || typeof z == "string")
return;
var te;
if (typeof z == "function")
te = 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))
te = z.propTypes;
else
return;
if (te) {
var he = L(z);
yn(te, P.props, "prop", he, P);
} else if (z.PropTypes !== void 0 && !Co) {
Co = !0;
var Ve = L(z);
C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Ve || "Unknown");
}
typeof z.getDefaultProps == "function" && !z.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
}
}
function tg(P) {
{
for (var z = Object.keys(P.props), te = 0; te < z.length; te++) {
var he = z[te];
if (he !== "children" && he !== "key") {
In(P), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", he), In(null);
break;
}
}
P.ref !== null && (In(P), C("Invalid attribute `ref` supplied to `React.Fragment`."), In(null));
}
}
var ls = {};
function ss(P, z, te, he, Ve, Me) {
{
var Ae = F(P);
if (!Ae) {
var we = "";
(P === void 0 || typeof P == "object" && P !== null && Object.keys(P).length === 0) && (we += " 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 at = Kf();
at ? we += at : we += rs();
var je;
P === null ? je = "null" : O(P) ? je = "array" : P !== void 0 && P.$$typeof === t ? (je = "<" + (L(P.type) || "Unknown") + " />", we = " Did you accidentally export a JSX literal instead of a component?") : je = typeof P, 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, we);
}
var Ue = Qf(P, z, te, Ve, Me);
if (Ue == null)
return Ue;
if (Ae) {
var Ct = z.children;
if (Ct !== void 0)
if (he)
if (O(Ct)) {
for (var En = 0; En < Ct.length; En++)
as(Ct[En], P);
Object.freeze && Object.freeze(Ct);
} 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
as(Ct, P);
}
if (De.call(z, "key")) {
var qt = L(P), ct = Object.keys(z).filter(function(lg) {
return lg !== "key";
}), Io = ct.length > 0 ? "{key: someKey, " + ct.join(": ..., ") + ": ...}" : "{key: someKey}";
if (!ls[qt + Io]) {
var ag = ct.length > 0 ? "{" + ct.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} />`, Io, qt, ag, qt), ls[qt + Io] = !0;
}
}
return P === i ? tg(Ue) : eg(Ue), Ue;
}
}
function ng(P, z, te) {
return ss(P, z, te, !0);
}
function rg(P, z, te) {
return ss(P, z, te, !1);
}
var ig = rg, og = ng;
Qn.Fragment = i, Qn.jsx = ig, Qn.jsxs = og;
}()), Qn;
}
process.env.NODE_ENV === "production" ? ua.exports = wg() : ua.exports = Ig();
var qa = ua.exports;
const $ = qa.Fragment, a = qa.jsx, w = qa.jsxs;
var dt = function() {
return dt = Object.assign || function(t) {
for (var n, i = 1, r = arguments.length; i < r; i++) {
n = arguments[i];
for (var o in n) Object.prototype.hasOwnProperty.call(n, o) && (t[o] = n[o]);
}
return t;
}, dt.apply(this, arguments);
};
function dn(e, t, n) {
if (n || arguments.length === 2) for (var i = 0, r = t.length, o; i < r; i++)
(o || !(i in t)) && (o || (o = Array.prototype.slice.call(t, 0, i)), o[i] = t[i]);
return e.concat(o || Array.prototype.slice.call(t));
}
function Eg(e) {
var t = /* @__PURE__ */ Object.create(null);
return function(n) {
return t[n] === void 0 && (t[n] = e(n)), t[n];
};
}
var Ag = /^((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