;(self.webpackChunk_N_E = self.webpackChunk_N_E || []).push([
[906],
{
676: function (e, t, n) {
'use strict'
function r(e, t) {
;(null == t || t > e.length) && (t = e.length)
for (var n = 0, r = new Array(t); n < t; n++) r[n] = e[n]
return r
}
n.d(t, {
Z: function () {
return r
},
})
},
2137: function (e, t, n) {
'use strict'
function r(e, t, n, r, i, o, a) {
try {
var s = e[o](a),
u = s.value
} catch (l) {
return void n(l)
}
s.done ? t(u) : Promise.resolve(u).then(r, i)
}
function i(e) {
return function () {
var t = this,
n = arguments
return new Promise(function (i, o) {
var a = e.apply(t, n)
function s(e) {
r(a, i, o, s, u, 'next', e)
}
function u(e) {
r(a, i, o, s, u, 'throw', e)
}
s(void 0)
})
}
}
n.d(t, {
Z: function () {
return i
},
})
},
7375: function (e, t, n) {
'use strict'
function r(e, t) {
if (null == e) return {}
var n,
r,
i = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, t)
if (Object.getOwnPropertySymbols) {
var o = Object.getOwnPropertySymbols(e)
for (r = 0; r < o.length; r++)
(n = o[r]),
t.indexOf(n) >= 0 ||
(Object.prototype.propertyIsEnumerable.call(e, n) && (i[n] = e[n]))
}
return i
}
n.d(t, {
Z: function () {
return r
},
})
},
4699: function (e, t, n) {
'use strict'
n.d(t, {
Z: function () {
return i
},
})
var r = n(2961)
function i(e, t) {
return (
(function (e) {
if (Array.isArray(e)) return e
})(e) ||
(function (e, t) {
if ('undefined' !== typeof Symbol && Symbol.iterator in Object(e)) {
var n = [],
r = !0,
i = !1,
o = void 0
try {
for (
var a, s = e[Symbol.iterator]();
!(r = (a = s.next()).done) && (n.push(a.value), !t || n.length !== t);
r = !0
);
} catch (u) {
;(i = !0), (o = u)
} finally {
try {
r || null == s.return || s.return()
} finally {
if (i) throw o
}
}
return n
}
})(e, t) ||
(0, r.Z)(e, t) ||
(function () {
throw new TypeError(
'Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
)
})()
)
}
},
7329: function (e, t, n) {
'use strict'
n.d(t, {
Z: function () {
return o
},
})
var r = n(676)
var i = n(2961)
function o(e) {
return (
(function (e) {
if (Array.isArray(e)) return (0, r.Z)(e)
})(e) ||
(function (e) {
if ('undefined' !== typeof Symbol && Symbol.iterator in Object(e)) return Array.from(e)
})(e) ||
(0, i.Z)(e) ||
(function () {
throw new TypeError(
'Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.',
)
})()
)
}
},
2961: function (e, t, n) {
'use strict'
n.d(t, {
Z: function () {
return i
},
})
var r = n(676)
function i(e, t) {
if (e) {
if ('string' === typeof e) return (0, r.Z)(e, t)
var n = Object.prototype.toString.call(e).slice(8, -1)
return (
'Object' === n && e.constructor && (n = e.constructor.name),
'Map' === n || 'Set' === n
? Array.from(e)
: 'Arguments' === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)
? (0, r.Z)(e, t)
: void 0
)
}
}
},
6769: function (e, t, n) {
'use strict'
n.d(t, {
UQ: function () {
return D
},
KF: function () {
return z
},
XE: function () {
return B
},
Qd: function () {
return I
},
Hk: function () {
return H
},
})
var r = n(58),
i = n(63),
o = n(2326),
a = n(5284),
s = n(9676),
u = n(3782),
l = n(5267),
c = n(4461),
d = n(3808),
f = n(658),
h = n(8500),
p = n(7294),
v = n(1888),
m = n(7581),
g = n(1034),
y = n(4577),
b = n(2947),
w = n(7277),
x = n(7248)
function E() {
return (E =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function k(e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
}
var [_, T, O, C] = (0, v.n)()
function S(e) {
var { onChange: t, defaultIndex: n, index: r, allowMultiple: i, allowToggle: o } = e,
a = k(e, ['onChange', 'defaultIndex', 'index', 'allowMultiple', 'allowToggle'])
!(function (e) {
var t = e.index || e.defaultIndex,
n = !(0, d.o8)(t) && !(0, d.kJ)(t) && e.allowMultiple
;(0, f.ZK)({
condition: !!n,
message:
"If 'allowMultiple' is passed, then 'index' or 'defaultIndex' must be an array. You passed: " +
typeof t +
',',
})
})(e),
(function (e) {
;(0, f.ZK)({
condition: !(!e.allowMultiple || !e.allowToggle),
message:
"If 'allowMultiple' is passed, 'allowToggle' will be ignored. Either remove 'allowToggle' or 'allowMultiple' depending on whether you want multiple accordions visible or not",
})
})(e)
var s = O(),
[u, l] = (0, p.useState)(-1)
;(0, m.z)(() => {
l(-1)
})
var [c, h] = (0, g.T)({
value: r,
defaultValue: () => (i ? (null != n ? n : []) : null != n ? n : -1),
onChange: t,
})
return {
index: c,
setIndex: h,
htmlProps: a,
getAccordionItemProps: (e) => {
var t = !1
null !== e && (t = (0, d.kJ)(c) ? c.includes(e) : c === e)
return {
isOpen: t,
onChange: (t) => {
if (null !== e)
if (i && (0, d.kJ)(c)) {
var n = t ? (0, w.jX)(c, e) : (0, w.cl)(c, e)
h(n)
} else t ? h(e) : o && h(-1)
},
}
},
focusedIndex: u,
setFocusedIndex: l,
descendants: s,
}
}
var [A, P] = (0, h.k)({
name: 'AccordionContext',
errorMessage:
'useAccordionContext: `context` is undefined. Seems you forgot to wrap the accordion components in ``',
})
function M(e) {
var { isDisabled: t, isFocusable: n, id: r } = e,
i = k(e, ['isDisabled', 'isFocusable', 'id']),
{ getAccordionItemProps: o, setFocusedIndex: a } = P(),
s = (0, p.useRef)(null),
[u, l] = (0, y.ZS)(r, 'accordion-button', 'accordion-panel')
!(function (e) {
;(0, f.ZK)({
condition: !(!e.isFocusable || e.isDisabled),
message:
"Using only 'isFocusable', this prop is reserved for situations where you pass 'isDisabled' but you still want the element to receive focus (A11y). Either remove it or pass 'isDisabled' as well.\n ",
})
})(e)
var { register: d, index: h, descendants: v } = C({ disabled: t && !n }),
{ isOpen: m, onChange: g } = o(-1 === h ? null : h)
!(function (e) {
;(0, f.ZK)({
condition: e.isOpen && !!e.isDisabled,
message: 'Cannot open a disabled accordion item',
})
})({ isOpen: m, isDisabled: t })
var w = (0, p.useCallback)(() => {
null == g || g(!m), a(h)
}, [h, a, m, g]),
_ = (0, p.useCallback)(
(e) => {
var t = {
ArrowDown: () => {
var e = v.nextEnabled(h)
e && (0, x.T)(e.node)
},
ArrowUp: () => {
var e = v.prevEnabled(h)
e && (0, x.T)(e.node)
},
Home: () => {
var e = v.firstEnabled()
e && (0, x.T)(e.node)
},
End: () => {
var e = v.lastEnabled()
e && (0, x.T)(e.node)
},
}[(0, c.uh)(e)]
t && (e.preventDefault(), t(e))
},
[v, h],
),
T = (0, p.useCallback)(() => {
a(h)
}, [a, h]),
O = (0, p.useCallback)(
function (e, n) {
return (
void 0 === e && (e = {}),
void 0 === n && (n = null),
E({}, e, {
type: 'button',
ref: (0, b.l)(d, s, n),
id: u,
disabled: !!t,
'aria-expanded': !!m,
'aria-controls': l,
onClick: (0, f.v0)(e.onClick, w),
onFocus: (0, f.v0)(e.onFocus, T),
onKeyDown: (0, f.v0)(e.onKeyDown, _),
})
)
},
[u, t, m, w, T, _, l, d],
),
S = (0, p.useCallback)(
function (e, t) {
return (
void 0 === e && (e = {}),
void 0 === t && (t = null),
E({}, e, { ref: t, role: 'region', id: l, 'aria-labelledby': u, hidden: !m })
)
},
[u, m, l],
)
return {
isOpen: m,
isDisabled: t,
isFocusable: n,
onOpen: () => {
null == g || g(!0)
},
onClose: () => {
null == g || g(!1)
},
getButtonProps: O,
getPanelProps: S,
htmlProps: i,
}
}
function R() {
return (R =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function j(e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
}
var D = (0, i.G)((e, t) => {
var { children: n, reduceMotion: r } = e,
i = j(e, ['children', 'reduceMotion']),
l = (0, o.j)('Accordion', i),
d = S((0, a.Lr)(i)),
{ htmlProps: f, descendants: h } = d,
v = j(d, ['htmlProps', 'descendants']),
m = p.useMemo(() => R({}, v, { reduceMotion: !!r }), [v, r])
return p.createElement(
_,
{ value: h },
p.createElement(
A,
{ value: m },
p.createElement(
s.Fo,
{ value: l },
p.createElement(
u.m$.div,
R({ ref: t }, f, { className: (0, c.cx)('chakra-accordion', i.className) }),
n,
),
),
),
)
})
d.Ts && (D.displayName = 'Accordion')
var [L, N] = (0, h.k)({
name: 'AccordionItemContext',
errorMessage:
'useAccordionItemContext: `context` is undefined. Seems you forgot to wrap the accordion item parts in `` ',
}),
I = (0, i.G)((e, t) => {
var { children: n, className: r } = e,
i = M(e),
{ htmlProps: o } = i,
a = j(i, ['htmlProps']),
l = R({}, (0, s.yK)().container, { overflowAnchor: 'none' }),
d = p.useMemo(() => a, [a])
return p.createElement(
L,
{ value: d },
p.createElement(
u.m$.div,
R({ ref: t }, o, { className: (0, c.cx)('chakra-accordion__item', r), __css: l }),
(0, f.Pu)(n, { isExpanded: !!a.isOpen, isDisabled: !!a.isDisabled }),
),
)
})
d.Ts && (I.displayName = 'AccordionItem')
var z = (0, i.G)((e, t) => {
var { getButtonProps: n } = N(),
r = n(e, t),
i = R(
{ display: 'flex', alignItems: 'center', width: '100%', outline: 0 },
(0, s.yK)().button,
)
return p.createElement(
u.m$.button,
R({}, r, { className: (0, c.cx)('chakra-accordion__button', e.className), __css: i }),
)
})
d.Ts && (z.displayName = 'AccordionButton')
var H = (0, i.G)((e, t) => {
var { reduceMotion: n } = P(),
{ getPanelProps: r, isOpen: i } = N(),
o = r(e, t),
a = (0, c.cx)('chakra-accordion__panel', e.className),
d = (0, s.yK)()
n || delete o.hidden
var f = p.createElement(u.m$.div, R({}, o, { __css: d.panel, className: a }))
return n ? f : p.createElement(l.U, { in: i }, f)
})
d.Ts && (H.displayName = 'AccordionPanel')
var B = (e) => {
var { isOpen: t, isDisabled: n } = N(),
{ reduceMotion: i } = P(),
o = (0, c.cx)('chakra-accordion__icon', e.className),
a = R(
{
opacity: n ? 0.4 : 1,
transform: t ? 'rotate(-180deg)' : void 0,
transition: i ? void 0 : 'transform 0.2s',
transformOrigin: 'center',
},
(0, s.yK)().icon,
)
return p.createElement(
r.J,
R({ viewBox: '0 0 24 24', 'aria-hidden': !0, className: o, __css: a }, e),
p.createElement('path', {
fill: 'currentColor',
d: 'M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z',
}),
)
}
d.Ts && (B.displayName = 'AccordionIcon')
},
155: function (e, t, n) {
'use strict'
n.d(t, {
z: function () {
return T
},
})
var r = n(2947),
i = n(917),
o = n(63),
a = n(2326),
s = n(5284),
u = n(3782),
l = n(4461),
c = n(3808),
d = n(5415),
f = n(7294)
function h() {
return (h =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var p = (0, i.F4)({
'0%': { transform: 'rotate(0deg)' },
'100%': { transform: 'rotate(360deg)' },
}),
v = (0, o.G)((e, t) => {
var n = (0, a.m)('Spinner', e),
r = (0, s.Lr)(e),
{
label: i = 'Loading...',
thickness: o = '2px',
speed: c = '0.45s',
emptyColor: v = 'transparent',
className: m,
} = r,
g = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(r, ['label', 'thickness', 'speed', 'emptyColor', 'className']),
y = (0, l.cx)('chakra-spinner', m),
b = h(
{
display: 'inline-block',
borderColor: 'currentColor',
borderStyle: 'solid',
borderRadius: '99999px',
borderWidth: o,
borderBottomColor: v,
borderLeftColor: v,
animation: p + ' ' + c + ' linear infinite',
},
n,
)
return f.createElement(
u.m$.div,
h({ ref: t, __css: b, className: y }, g),
i && f.createElement(d.TX, null, i),
)
})
c.Ts && (v.displayName = 'Spinner')
var m = n(8554),
g = n.n(m),
y = n(8500)
function b() {
return (b =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var [w, x] = (0, y.k)({ strict: !1, name: 'ButtonGroupContext' }),
E = (0, o.G)((e, t) => {
var {
size: n,
colorScheme: r,
variant: i,
className: o,
spacing: a = '0.5rem',
isAttached: s,
isDisabled: c,
} = e,
d = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, [
'size',
'colorScheme',
'variant',
'className',
'spacing',
'isAttached',
'isDisabled',
]),
h = (0, l.cx)('chakra-button__group', o),
p = f.useMemo(
() => ({ size: n, colorScheme: r, variant: i, isDisabled: c }),
[n, r, i, c],
),
v = { display: 'inline-flex' }
return (
(v = b(
{},
v,
s
? {
'> *:first-of-type:not(:last-of-type)': { borderEndRadius: 0 },
'> *:not(:first-of-type):not(:last-of-type)': { borderRadius: 0 },
'> *:not(:first-of-type):last-of-type': { borderStartRadius: 0 },
}
: { '& > *:not(style) ~ *:not(style)': { marginStart: a } },
)),
f.createElement(
w,
{ value: p },
f.createElement(u.m$.div, b({ ref: t, role: 'group', __css: v, className: h }, d)),
)
)
})
function k(e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
}
function _() {
return (_ =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
c.Ts && (E.displayName = 'ButtonGroup')
var T = (0, o.G)((e, t) => {
var n,
i = x(),
o = (0, a.m)('Button', _({}, i, e)),
c = (0, s.Lr)(e),
{
isDisabled: d = null == i ? void 0 : i.isDisabled,
isLoading: h,
isActive: p,
isFullWidth: v,
children: m,
leftIcon: y,
rightIcon: b,
loadingText: w,
iconSpacing: E = '0.5rem',
type: T,
spinner: S,
spinnerPlacement: A = 'start',
className: P,
as: M,
} = c,
R = k(c, [
'isDisabled',
'isLoading',
'isActive',
'isFullWidth',
'children',
'leftIcon',
'rightIcon',
'loadingText',
'iconSpacing',
'type',
'spinner',
'spinnerPlacement',
'className',
'as',
]),
j = g()({}, null != (n = null == o ? void 0 : o._focus) ? n : {}, { zIndex: 1 }),
D = _(
{
display: 'inline-flex',
appearance: 'none',
alignItems: 'center',
justifyContent: 'center',
userSelect: 'none',
position: 'relative',
whiteSpace: 'nowrap',
verticalAlign: 'middle',
outline: 'none',
width: v ? '100%' : 'auto',
},
o,
!!i && { _focus: j },
),
{ ref: L, type: N } = (function (e) {
var [t, n] = f.useState(!e),
r = f.useCallback((e) => {
e && n('BUTTON' === e.tagName)
}, []),
i = t ? 'button' : void 0
return { ref: r, type: i }
})(M)
return f.createElement(
u.m$.button,
_(
{
disabled: d || h,
ref: (0, r.l)(t, L),
as: M,
type: null != T ? T : N,
'data-active': (0, l.PB)(p),
'data-loading': (0, l.PB)(h),
__css: D,
className: (0, l.cx)('chakra-button', P),
},
R,
),
y && !h && f.createElement(O, { marginEnd: E }, y),
h &&
'start' === A &&
f.createElement(
C,
{ className: 'chakra-button__spinner--start', label: w, placement: 'start' },
S,
),
h ? w || f.createElement(u.m$.span, { opacity: 0 }, m) : m,
h &&
'end' === A &&
f.createElement(
C,
{ className: 'chakra-button__spinner--end', label: w, placement: 'end' },
S,
),
b && !h && f.createElement(O, { marginStart: E }, b),
)
})
c.Ts && (T.displayName = 'Button')
var O = (e) => {
var { children: t, className: n } = e,
r = k(e, ['children', 'className']),
i = f.isValidElement(t) ? f.cloneElement(t, { 'aria-hidden': !0, focusable: !1 }) : t,
o = (0, l.cx)('chakra-button__icon', n)
return f.createElement(
u.m$.span,
_({ display: 'inline-flex', alignSelf: 'center', flexShrink: 0 }, r, { className: o }),
i,
)
}
c.Ts && (O.displayName = 'ButtonIcon')
var C = (e) => {
var {
label: t,
placement: n,
children: r = f.createElement(v, {
color: 'currentColor',
width: '1em',
height: '1em',
}),
className: i,
__css: o,
} = e,
a = k(e, ['label', 'placement', 'spacing', 'children', 'className', '__css']),
s = (0, l.cx)('chakra-button__spinner', i),
c = _(
{
display: 'flex',
alignItems: 'center',
position: t ? 'relative' : 'absolute',
['start' === n ? 'marginEnd' : 'marginStart']: t ? '0.5rem' : 0,
fontSize: '1em',
lineHeight: 'normal',
},
o,
)
return f.createElement(u.m$.div, _({ className: s }, a, { __css: c }), r)
}
c.Ts && (C.displayName = 'ButtonSpinner')
},
8420: function (e, t, n) {
'use strict'
n.d(t, {
h: function () {
return u
},
})
var r = n(63),
i = n(3808),
o = n(7294),
a = n(155)
function s() {
return (s =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var u = (0, r.G)((e, t) => {
var { icon: n, children: r, isRound: i, 'aria-label': u } = e,
l = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, ['icon', 'children', 'isRound', 'aria-label']),
c = n || r,
d = o.isValidElement(c) ? o.cloneElement(c, { 'aria-hidden': !0, focusable: !1 }) : null
return o.createElement(
a.z,
s({ padding: '0', borderRadius: i ? 'full' : void 0, ref: t, 'aria-label': u }, l),
d,
)
})
i.Ts && (u.displayName = 'IconButton')
},
2300: function (e, t, n) {
'use strict'
var r = n(3782),
i = n(3808),
o = n(7294)
function a() {
return (a =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var s = (e) => {
var {
type: t = 'checkbox',
_hover: n,
_invalid: i,
_disabled: s,
_focus: u,
_checked: l,
_child: c = { opacity: 0 },
_checkedAndChild: d = { opacity: 1 },
_checkedAndDisabled: f,
_checkedAndFocus: h,
_checkedAndHover: p,
children: v,
} = e,
m = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, [
'type',
'_hover',
'_invalid',
'_disabled',
'_focus',
'_checked',
'_child',
'_checkedAndChild',
'_checkedAndDisabled',
'_checkedAndFocus',
'_checkedAndHover',
'children',
]),
g = 'input[type=' + t + ']:checked:disabled + &',
y = 'input[type=' + t + ']:checked:hover:not(:disabled) + &',
b = 'input[type=' + t + ']:checked:focus + &',
w = 'input[type=' + t + ']:disabled + &',
x = 'input[type=' + t + ']:focus + &',
E = 'input[type=' + t + ']:hover:not(:disabled):not(:checked) + &',
k = 'input[type=' + t + ']:checked + &, input[type=' + t + '][aria-checked=mixed] + &',
_ = 'input[type=' + t + '][aria-invalid=true] + &',
T = '& > *'
return o.createElement(
r.m$.div,
a({}, m, {
'aria-hidden': !0,
__css: {
display: 'inline-flex',
alignItems: 'center',
justifyContent: 'center',
transitionProperty: 'common',
transitionDuration: 'fast',
flexShrink: 0,
[x]: u,
[E]: n,
[w]: s,
[_]: i,
[g]: f,
[b]: h,
[y]: p,
[T]: c,
[k]: a({}, l, { [T]: d }),
},
}),
v,
)
}
i.Ts && (s.displayName = 'ControlBox')
},
1888: function (e, t, n) {
'use strict'
n.d(t, {
n: function () {
return v
},
})
var r = n(8500),
i = n(2947),
o = n(7294)
function a(e) {
return e.sort((e, t) => {
var n = e.compareDocumentPosition(t)
if (n & Node.DOCUMENT_POSITION_FOLLOWING || n & Node.DOCUMENT_POSITION_CONTAINED_BY)
return -1
if (n & Node.DOCUMENT_POSITION_PRECEDING || n & Node.DOCUMENT_POSITION_CONTAINS) return 1
if (
n & Node.DOCUMENT_POSITION_DISCONNECTED ||
n & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
)
throw Error('Cannot sort the given nodes.')
return 0
})
}
function s(e, t, n) {
var r = e + 1
return n && r >= t && (r = 0), r
}
function u(e, t, n) {
var r = e - 1
return n && r < 0 && (r = t), r
}
var l = 'undefined' !== typeof window ? o.useLayoutEffect : o.useEffect
function c() {
return (c =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function d(e, t, n) {
return (
t in e
? Object.defineProperty(e, t, {
value: n,
enumerable: !0,
configurable: !0,
writable: !0,
})
: (e[t] = n),
e
)
}
class f {
constructor() {
var e = this
d(this, 'descendants', new Map()),
d(this, 'register', (e) => {
var t
if (null != e)
return 'object' == typeof (t = e) &&
'nodeType' in t &&
t.nodeType === Node.ELEMENT_NODE
? this.registerNode(e)
: (t) => {
this.registerNode(t, e)
}
}),
d(this, 'unregister', (e) => {
this.descendants.delete(e)
var t = a(Array.from(this.descendants.keys()))
this.assignIndex(t)
}),
d(this, 'destroy', () => {
this.descendants.clear()
}),
d(this, 'assignIndex', (e) => {
this.descendants.forEach((t) => {
var n = e.indexOf(t.node)
;(t.index = n), (t.node.dataset.index = t.index.toString())
})
}),
d(this, 'count', () => this.descendants.size),
d(this, 'enabledCount', () => this.enabledValues().length),
d(this, 'values', () =>
Array.from(this.descendants.values()).sort((e, t) => e.index - t.index),
),
d(this, 'enabledValues', () => this.values().filter((e) => !e.disabled)),
d(this, 'item', (e) => {
if (0 !== this.count()) return this.values()[e]
}),
d(this, 'enabledItem', (e) => {
if (0 !== this.enabledCount()) return this.enabledValues()[e]
}),
d(this, 'first', () => this.item(0)),
d(this, 'firstEnabled', () => this.enabledItem(0)),
d(this, 'last', () => this.item(this.descendants.size - 1)),
d(this, 'lastEnabled', () => {
var e = this.enabledValues().length - 1
return this.enabledItem(e)
}),
d(this, 'indexOf', (e) => {
var t, n
return e && null != (t = null == (n = this.descendants.get(e)) ? void 0 : n.index)
? t
: -1
}),
d(this, 'enabledIndexOf', (e) =>
null == e ? -1 : this.enabledValues().findIndex((t) => t.node.isSameNode(e)),
),
d(this, 'next', function (t, n) {
void 0 === n && (n = !0)
var r = s(t, e.count(), n)
return e.item(r)
}),
d(this, 'nextEnabled', function (t, n) {
void 0 === n && (n = !0)
var r = e.item(t)
if (r) {
var i = s(e.enabledIndexOf(r.node), e.enabledCount(), n)
return e.enabledItem(i)
}
}),
d(this, 'prev', function (t, n) {
void 0 === n && (n = !0)
var r = u(t, e.count() - 1, n)
return e.item(r)
}),
d(this, 'prevEnabled', function (t, n) {
void 0 === n && (n = !0)
var r = e.item(t)
if (r) {
var i = u(e.enabledIndexOf(r.node), e.enabledCount() - 1, n)
return e.enabledItem(i)
}
}),
d(this, 'registerNode', (e, t) => {
if (e && !this.descendants.has(e)) {
var n = a(Array.from(this.descendants.keys()).concat(e))
null != t && t.disabled && (t.disabled = !!t.disabled)
var r = c({ node: e, index: -1 }, t)
this.descendants.set(e, r), this.assignIndex(n)
}
})
}
}
var [h, p] = (0, r.k)({
name: 'DescendantsProvider',
errorMessage: 'useDescendantsContext must be used within DescendantsProvider',
})
function v() {
return [
h,
() => p(),
() =>
(function () {
var [e] = (0, o.useState)(() => new f())
return l(() => () => e.destroy()), e
})(),
(e) =>
(function (e) {
var t = p(),
[n, r] = (0, o.useState)(-1),
a = (0, o.useRef)(null)
l(
() => () => {
a.current && t.unregister(a.current)
},
[],
),
l(() => {
if (a.current) {
var e = Number(a.current.dataset.index)
n == e || Number.isNaN(e) || r(e)
}
})
var s = e ? t.register(e) : t.register
return {
descendants: t,
index: n,
enabledIndex: t.enabledIndexOf(a.current),
register: (0, i.l)(s, a),
}
})(e),
]
}
},
639: function (e, t, n) {
'use strict'
n.d(t, {
k: function () {
return i
},
})
var r = n(7294)
function i(e) {
void 0 === e && (e = !1)
var [t, n] = (0, r.useState)(e)
return [
t,
{
on: (0, r.useCallback)(() => {
n(!0)
}, []),
off: (0, r.useCallback)(() => {
n(!1)
}, []),
toggle: (0, r.useCallback)(() => {
n((e) => !e)
}, []),
},
]
}
},
762: function (e, t, n) {
'use strict'
n.d(t, {
W: function () {
return o
},
})
var r = n(7294),
i = n(8327)
function o(e, t) {
void 0 === t && (t = [])
var n = r.useRef(e)
return (
(0, i.G)(() => {
n.current = e
}),
r.useCallback(function () {
for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++) t[r] = arguments[r]
return null == n.current ? void 0 : n.current(...t)
}, t)
)
}
},
1034: function (e, t, n) {
'use strict'
n.d(t, {
p: function () {
return a
},
T: function () {
return s
},
})
var r = n(658),
i = n(7294),
o = n(762)
function a(e, t) {
var n = void 0 !== e
return [n, n && 'undefined' !== typeof e ? e : t]
}
function s(e) {
var { value: t, defaultValue: n, onChange: a, shouldUpdate: s = (e, t) => e !== t } = e,
u = (0, o.W)(a),
l = (0, o.W)(s),
[c, d] = i.useState(n),
f = void 0 !== t,
h = f ? t : c,
p = i.useCallback(
(e) => {
var t = (0, r.Pu)(e, h)
l(h, t) && (f || d(t), u(t))
},
[f, u, h, l],
)
return [h, p]
}
},
4860: function (e, t, n) {
'use strict'
n.d(t, {
q: function () {
return u
},
})
var r = n(658),
i = n(7294),
o = n(1034),
a = n(4577)
function s() {
return (s =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function u(e) {
void 0 === e && (e = {})
var { onClose: t, onOpen: n, isOpen: u, id: l } = e,
[c, d] = i.useState(e.defaultIsOpen || !1),
[f, h] = (0, o.p)(u, c),
p = (0, a.Me)(l, 'disclosure'),
v = i.useCallback(() => {
f || d(!1), null == t || t()
}, [f, t]),
m = i.useCallback(() => {
f || d(!0), null == n || n()
}, [f, n]),
g = i.useCallback(() => {
;(h ? v : m)()
}, [h, m, v])
return {
isOpen: !!h,
onOpen: m,
onClose: v,
onToggle: g,
isControlled: f,
getButtonProps: function (e) {
return (
void 0 === e && (e = {}),
s({}, e, {
'aria-expanded': 'true',
'aria-controls': p,
onClick: (0, r.v0)(e.onClick, g),
})
)
},
getDisclosureProps: function (e) {
return void 0 === e && (e = {}), s({}, e, { hidden: !h, id: p })
},
}
}
},
4941: function (e, t, n) {
'use strict'
n.d(t, {
O: function () {
return a
},
})
var r = n(658),
i = n(7294),
o = n(762)
function a(e, t, n, a) {
var s = (0, o.W)(t)
return (
i.useEffect(() => {
var t,
i = null != (t = (0, r.Pu)(n)) ? t : document
return (
i.addEventListener(e, s, a),
() => {
i.removeEventListener(e, s, a)
}
)
}, [e, n, a, s]),
() => {
var t
;(null != (t = (0, r.Pu)(n)) ? t : document).removeEventListener(e, s, a)
}
)
}
},
8327: function (e, t, n) {
'use strict'
n.d(t, {
G: function () {
return i
},
})
var r = n(7294),
i = n(4461).jU ? r.useLayoutEffect : r.useEffect
},
7581: function (e, t, n) {
'use strict'
n.d(t, {
z: function () {
return i
},
})
var r = n(7294)
function i(e, t) {
return void 0 === t && (t = []), r.useEffect(() => () => e(), t)
}
},
2653: function (e, t, n) {
'use strict'
n.d(t, {
r: function () {
return i
},
})
var r = n(7294),
i = (e, t) => {
var n = r.useRef(!1)
return (
r.useEffect(() => {
if (n.current) return e()
n.current = !0
}, t),
n.current
)
}
},
9867: function (e, t, n) {
'use strict'
n.d(t, {
I: function () {
return u
},
})
var r = n(63),
i = n(3808),
o = n(7294),
a = n(58)
function s() {
return (s =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function u(e) {
var { viewBox: t = '0 0 24 24', d: n, path: u, displayName: l, defaultProps: c = {} } = e,
d = (0, r.G)((e, r) =>
o.createElement(
a.J,
s({ ref: r, viewBox: t }, c, e),
null != u ? u : o.createElement('path', { fill: 'currentColor', d: n }),
),
)
return i.Ts && (d.displayName = l), d
}
},
58: function (e, t, n) {
'use strict'
n.d(t, {
J: function () {
return c
},
})
var r = n(63),
i = n(3782),
o = n(4461),
a = n(3808),
s = n(7294)
function u() {
return (u =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var l = {
path: s.createElement(
'g',
{ stroke: 'currentColor', strokeWidth: '1.5' },
s.createElement('path', {
strokeLinecap: 'round',
fill: 'none',
d: 'M9,9a3,3,0,1,1,4,2.829,1.5,1.5,0,0,0-1,1.415V14.25',
}),
s.createElement('path', {
fill: 'currentColor',
strokeLinecap: 'round',
d: 'M12,17.25a.375.375,0,1,0,.375.375A.375.375,0,0,0,12,17.25h0',
}),
s.createElement('circle', {
fill: 'none',
strokeMiterlimit: '10',
cx: '12',
cy: '12',
r: '11.25',
}),
),
viewBox: '0 0 24 24',
},
c = (0, r.G)((e, t) => {
var {
as: n,
viewBox: r,
color: a = 'currentColor',
focusable: c = !1,
children: d,
className: f,
__css: h,
} = e,
p = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, ['as', 'viewBox', 'color', 'focusable', 'children', 'className', '__css']),
v = {
ref: t,
focusable: c,
className: (0, o.cx)('chakra-icon', f),
__css: u(
{
w: '1em',
h: '1em',
display: 'inline-block',
lineHeight: '1em',
flexShrink: 0,
color: a,
},
h,
),
},
m = null != r ? r : l.viewBox
if (n && 'string' !== typeof n) return s.createElement(i.m$.svg, u({ as: n }, v, p))
var g = null != d ? d : l.path
return s.createElement(i.m$.svg, u({ verticalAlign: 'middle', viewBox: m }, v, p), g)
})
a.Ts && (c.displayName = 'Icon')
},
3441: function (e, t, n) {
'use strict'
n.d(t, {
L: function () {
return o
},
})
var r = n(9867),
i = n(7294),
o = (0, r.I)({
displayName: 'ArrowRightIcon',
path: i.createElement(
'g',
{ fill: 'currentColor' },
i.createElement('path', {
d: 'M13.584,12a2.643,2.643,0,0,1-.775,1.875L3.268,23.416a1.768,1.768,0,0,1-2.5-2.5l8.739-8.739a.25.25,0,0,0,0-.354L.768,3.084a1.768,1.768,0,0,1,2.5-2.5l9.541,9.541A2.643,2.643,0,0,1,13.584,12Z',
}),
i.createElement('path', {
d: 'M23.75,12a2.643,2.643,0,0,1-.775,1.875l-9.541,9.541a1.768,1.768,0,0,1-2.5-2.5l8.739-8.739a.25.25,0,0,0,0-.354L10.934,3.084a1.768,1.768,0,0,1,2.5-2.5l9.541,9.541A2.643,2.643,0,0,1,23.75,12Z',
}),
),
})
},
6569: function (e, t, n) {
'use strict'
n.d(t, {
v: function () {
return r
},
})
var r = (0, n(9867).I)({
displayName: 'ChevronDownIcon',
d: 'M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z',
})
},
9641: function (e, t, n) {
'use strict'
n.d(t, {
T: function () {
return r
},
})
var r = (0, n(9867).I)({
displayName: 'CloseIcon',
d: 'M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z',
})
},
4189: function (e, t, n) {
'use strict'
n.d(t, {
h: function () {
return o
},
})
var r = n(9867),
i = n(7294),
o = (0, r.I)({
displayName: 'InfoOutlineIcon',
path: i.createElement(
'g',
{
fill: 'currentColor',
stroke: 'currentColor',
strokeLinecap: 'square',
strokeWidth: '2',
},
i.createElement('circle', {
cx: '12',
cy: '12',
fill: 'none',
r: '11',
stroke: 'currentColor',
}),
i.createElement('line', {
fill: 'none',
x1: '11.959',
x2: '11.959',
y1: '11',
y2: '17',
}),
i.createElement('circle', { cx: '11.959', cy: '7', r: '1', stroke: 'none' }),
),
})
},
7546: function (e, t, n) {
'use strict'
n.d(t, {
n: function () {
return o
},
})
var r = n(9867),
i = n(7294),
o = (0, r.I)({
displayName: 'RepeatIcon',
path: i.createElement(
'g',
{ fill: 'currentColor' },
i.createElement('path', {
d: 'M10.319,4.936a7.239,7.239,0,0,1,7.1,2.252,1.25,1.25,0,1,0,1.872-1.657A9.737,9.737,0,0,0,9.743,2.5,10.269,10.269,0,0,0,2.378,9.61a.249.249,0,0,1-.271.178l-1.033-.13A.491.491,0,0,0,.6,9.877a.5.5,0,0,0-.019.526l2.476,4.342a.5.5,0,0,0,.373.248.43.43,0,0,0,.062,0,.5.5,0,0,0,.359-.152l3.477-3.593a.5.5,0,0,0-.3-.844L5.15,10.172a.25.25,0,0,1-.2-.333A7.7,7.7,0,0,1,10.319,4.936Z',
}),
i.createElement('path', {
d: 'M23.406,14.1a.5.5,0,0,0,.015-.526l-2.5-4.329A.5.5,0,0,0,20.546,9a.489.489,0,0,0-.421.151l-3.456,3.614a.5.5,0,0,0,.3.842l1.848.221a.249.249,0,0,1,.183.117.253.253,0,0,1,.023.216,7.688,7.688,0,0,1-5.369,4.9,7.243,7.243,0,0,1-7.1-2.253,1.25,1.25,0,1,0-1.872,1.656,9.74,9.74,0,0,0,9.549,3.03,10.261,10.261,0,0,0,7.369-7.12.251.251,0,0,1,.27-.179l1.058.127a.422.422,0,0,0,.06,0A.5.5,0,0,0,23.406,14.1Z',
}),
),
})
},
3986: function (e, t, n) {
'use strict'
n.d(t, {
A: function () {
return o
},
})
var r = n(9867),
i = n(7294),
o = (0, r.I)({
displayName: 'RepeatClockIcon',
path: i.createElement(
'g',
{ fill: 'currentColor' },
i.createElement('path', {
d: 'M12.965,6a1,1,0,0,0-1,1v5.5a1,1,0,0,0,1,1h5a1,1,0,0,0,0-2h-3.75a.25.25,0,0,1-.25-.25V7A1,1,0,0,0,12.965,6Z',
}),
i.createElement('path', {
d: 'M12.567,1.258A10.822,10.822,0,0,0,2.818,8.4a.25.25,0,0,1-.271.163L.858,8.309a.514.514,0,0,0-.485.213.5.5,0,0,0-.021.53l2.679,4.7a.5.5,0,0,0,.786.107l3.77-3.746a.5.5,0,0,0-.279-.85L5.593,9.007a.25.25,0,0,1-.192-.35,8.259,8.259,0,1,1,7.866,11.59,1.25,1.25,0,0,0,.045,2.5h.047a10.751,10.751,0,1,0-.792-21.487Z',
}),
),
})
},
3924: function (e, t, n) {
'use strict'
n.d(t, {
e: function () {
return r
},
})
var r = (0, n(9867).I)({
viewBox: '0 0 14 14',
d: 'M14,7.77 L14,6.17 L12.06,5.53 L11.61,4.44 L12.49,2.6 L11.36,1.47 L9.55,2.38 L8.46,1.93 L7.77,0.01 L6.17,0.01 L5.54,1.95 L4.43,2.4 L2.59,1.52 L1.46,2.65 L2.37,4.46 L1.92,5.55 L0,6.23 L0,7.82 L1.94,8.46 L2.39,9.55 L1.51,11.39 L2.64,12.52 L4.45,11.61 L5.54,12.06 L6.23,13.98 L7.82,13.98 L8.45,12.04 L9.56,11.59 L11.4,12.47 L12.53,11.34 L11.61,9.53 L12.08,8.44 L14,7.75 L14,7.77 Z M7,10 C5.34,10 4,8.66 4,7 C4,5.34 5.34,4 7,4 C8.66,4 10,5.34 10,7 C10,8.66 8.66,10 7,10 Z',
displayName: 'SettingsIcon',
})
},
8017: function (e, t, n) {
'use strict'
n.d(t, {
xu: function () {
return l
},
})
var r = n(3782),
i = n(63),
o = n(3808),
a = n(7294)
function s() {
return (s =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function u(e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
}
var l = (0, r.m$)('div')
o.Ts && (l.displayName = 'Box')
var c = (0, i.G)((e, t) => {
var { size: n, centerContent: r = !0 } = e,
i = u(e, ['size', 'centerContent']),
o = r ? { display: 'flex', alignItems: 'center', justifyContent: 'center' } : {}
return a.createElement(
l,
s({ ref: t, boxSize: n, __css: s({}, o, { flexShrink: 0, flexGrow: 0 }) }, i),
)
})
o.Ts && (c.displayName = 'Square')
var d = (0, i.G)((e, t) => {
var { size: n } = e,
r = u(e, ['size'])
return a.createElement(c, s({ size: n, ref: t, borderRadius: '9999px' }, r))
})
o.Ts && (d.displayName = 'Circle')
},
4096: function (e, t, n) {
'use strict'
n.d(t, {
k: function () {
return u
},
})
var r = n(63),
i = n(3782),
o = n(3808),
a = n(7294)
function s() {
return (s =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var u = (0, r.G)((e, t) => {
var { direction: n, align: r, justify: o, wrap: u, basis: l, grow: c, shrink: d } = e,
f = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, ['direction', 'align', 'justify', 'wrap', 'basis', 'grow', 'shrink']),
h = {
display: 'flex',
flexDirection: n,
alignItems: r,
justifyContent: o,
flexWrap: u,
flexBasis: l,
flexGrow: c,
flexShrink: d,
}
return a.createElement(i.m$.div, s({ ref: t, __css: h }, f))
})
o.Ts && (u.displayName = 'Flex')
},
336: function (e, t, n) {
'use strict'
n.d(t, {
X: function () {
return d
},
})
var r = n(63),
i = n(2326),
o = n(5284),
a = n(3782),
s = n(4461),
u = n(3808),
l = n(7294)
function c() {
return (c =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var d = (0, r.G)((e, t) => {
var n = (0, i.m)('Heading', e),
r = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})((0, o.Lr)(e), ['className'])
return l.createElement(
a.m$.h2,
c({ ref: t, className: (0, s.cx)('chakra-heading', e.className) }, r, { __css: n }),
)
})
u.Ts && (d.displayName = 'Heading')
},
2026: function (e, t, n) {
'use strict'
n.d(t, {
cX: function () {
return h
},
gC: function () {
return g
},
})
var r = n(3782),
i = n(63),
o = n(4461),
a = n(3808),
s = n(4255),
u = n(7294),
l = n(5505)
Object.freeze(['base', 'sm', 'md', 'lg', 'xl', '2xl'])
function c(e, t) {
return (0, a.kJ)(e)
? e.map((e) => (null === e ? null : t(e)))
: (0, a.Kn)(e)
? (0, l.Yd)(e).reduce((n, r) => ((n[r] = t(e[r])), n), {})
: null != e
? t(e)
: null
}
var d = '& > *:not(style) ~ *:not(style)'
function f() {
return (f =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var h = (e) =>
u.createElement(
r.m$.div,
f({ className: 'chakra-stack__divider' }, e, {
__css: f({}, e.__css, {
borderWidth: 0,
alignSelf: 'stretch',
borderColor: 'inherit',
width: 'auto',
height: 'auto',
}),
}),
),
p = (e) =>
u.createElement(
r.m$.div,
f({ className: 'chakra-stack__item' }, e, {
__css: f({ display: 'inline-block', flex: '0 0 auto', minWidth: 0 }, e.__css),
}),
),
v = (0, i.G)((e, t) => {
var {
isInline: n,
direction: i,
align: a,
justify: l,
spacing: h = '0.5rem',
wrap: v,
children: m,
divider: g,
className: y,
shouldWrapChildren: b,
} = e,
w = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, [
'isInline',
'direction',
'align',
'justify',
'spacing',
'wrap',
'children',
'divider',
'className',
'shouldWrapChildren',
]),
x = n ? 'row' : null != i ? i : 'column',
E = u.useMemo(
() =>
(function (e) {
var { spacing: t, direction: n } = e,
r = {
column: { marginTop: t, marginEnd: 0, marginBottom: 0, marginStart: 0 },
row: { marginTop: 0, marginEnd: 0, marginBottom: 0, marginStart: t },
'column-reverse': {
marginTop: 0,
marginEnd: 0,
marginBottom: t,
marginStart: 0,
},
'row-reverse': {
marginTop: 0,
marginEnd: t,
marginBottom: 0,
marginStart: 0,
},
}
return { flexDirection: n, [d]: c(n, (e) => r[e]) }
})({ direction: x, spacing: h }),
[x, h],
),
k = u.useMemo(
() =>
(function (e) {
var { spacing: t, direction: n } = e,
r = {
column: { my: t, mx: 0, borderLeftWidth: 0, borderBottomWidth: '1px' },
'column-reverse': {
my: t,
mx: 0,
borderLeftWidth: 0,
borderBottomWidth: '1px',
},
row: { mx: t, my: 0, borderLeftWidth: '1px', borderBottomWidth: 0 },
'row-reverse': { mx: t, my: 0, borderLeftWidth: '1px', borderBottomWidth: 0 },
}
return { '&': c(n, (e) => r[e]) }
})({ spacing: h, direction: x }),
[h, x],
),
_ = !!g,
T = !b && !_,
O = (0, s.W)(m),
C = T
? O
: O.map((e, t) => {
var n = t + 1 === O.length,
r = b ? u.createElement(p, { key: t }, e) : e
if (!_) return r
var i = n ? null : u.cloneElement(g, { __css: k })
return u.createElement(u.Fragment, { key: t }, r, i)
}),
S = (0, o.cx)('chakra-stack', y)
return u.createElement(
r.m$.div,
f(
{
ref: t,
display: 'flex',
alignItems: a,
justifyContent: l,
flexDirection: E.flexDirection,
flexWrap: v,
className: S,
__css: _ ? {} : { [d]: E[d] },
},
w,
),
C,
)
})
a.Ts && (v.displayName = 'Stack')
var m = (0, i.G)((e, t) =>
u.createElement(v, f({ align: 'center' }, e, { direction: 'row', ref: t })),
)
a.Ts && (m.displayName = 'HStack')
var g = (0, i.G)((e, t) =>
u.createElement(v, f({ align: 'center' }, e, { direction: 'column', ref: t })),
)
a.Ts && (g.displayName = 'VStack')
},
4115: function (e, t, n) {
'use strict'
n.d(t, {
x: function () {
return f
},
})
var r = n(63),
i = n(2326),
o = n(5284),
a = n(3782),
s = n(5505),
u = n(4461),
l = n(3808),
c = n(7294)
function d() {
return (d =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
var f = (0, r.G)((e, t) => {
var n = (0, i.m)('Text', e),
r = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})((0, o.Lr)(e), ['className', 'align', 'decoration', 'casing']),
l = (0, s.YU)({
textAlign: e.align,
textDecoration: e.decoration,
textTransform: e.casing,
})
return c.createElement(
a.m$.p,
d({ ref: t, className: (0, u.cx)('chakra-text', e.className) }, l, r, { __css: n }),
)
})
l.Ts && (f.displayName = 'Text')
},
8235: function (e, t, n) {
'use strict'
n.d(t, {
v2: function () {
return W
},
j2: function () {
return Z
},
sN: function () {
return J
},
ii: function () {
return te
},
qy: function () {
return Y
},
__: function () {
return ne
},
})
var r = n(2326),
i = n(5284),
o = n(9676),
a = n(63),
s = n(3782),
u = n(658),
l = n(3808),
c = n(4461),
d = n(7554),
f = n(7294),
h = n(2947)
function p() {
return (p =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function v(e) {
var t = e.target,
{ tagName: n, isContentEditable: r } = t
return 'INPUT' !== n && 'TEXTAREA' !== n && !0 !== r
}
function m(e) {
void 0 === e && (e = {})
var {
ref: t,
isDisabled: n,
isFocusable: r,
clickOnEnter: i = !0,
clickOnSpace: o = !0,
onMouseDown: a,
onMouseUp: s,
onClick: u,
onKeyDown: l,
onKeyUp: d,
tabIndex: m,
onMouseOver: g,
onMouseLeave: y,
} = e,
b = (function (e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
})(e, [
'ref',
'isDisabled',
'isFocusable',
'clickOnEnter',
'clickOnSpace',
'onMouseDown',
'onMouseUp',
'onClick',
'onKeyDown',
'onKeyUp',
'tabIndex',
'onMouseOver',
'onMouseLeave',
]),
[w, x] = f.useState(!0),
[E, k] = f.useState(!1),
_ = (function () {
var e = f.useRef(new Map()),
t = e.current,
n = f.useCallback((t, n, r, i) => {
e.current.set(r, { type: n, el: t, options: i }), t.addEventListener(n, r, i)
}, []),
r = f.useCallback((t, n, r, i) => {
t.removeEventListener(n, r, i), e.current.delete(r)
}, [])
return (
f.useEffect(
() => () => {
t.forEach((e, t) => {
r(e.el, e.type, t, e.options)
})
},
[r, t],
),
{ add: n, remove: r }
)
})(),
T = w ? m : m || 0,
O = n && !r,
C = f.useCallback(
(e) => {
if (n) return e.stopPropagation(), void e.preventDefault()
e.currentTarget.focus(), null == u || u(e)
},
[n, u],
),
S = f.useCallback(
(e) => {
E &&
v(e) &&
(e.preventDefault(), e.stopPropagation(), k(!1), _.remove(document, 'keyup', S, !1))
},
[E, _],
),
A = f.useCallback(
(e) => {
if (
(null == l || l(e),
!(n || e.defaultPrevented || e.metaKey) && v(e.nativeEvent) && !w)
) {
var t = i && 'Enter' === e.key
if ((o && ' ' === e.key && (e.preventDefault(), k(!0)), t))
e.preventDefault(), e.currentTarget.click()
_.add(document, 'keyup', S, !1)
}
},
[n, w, l, i, o, _, S],
),
P = f.useCallback(
(e) => {
;(null == d || d(e), n || e.defaultPrevented || e.metaKey) ||
(v(e.nativeEvent) &&
!w &&
o &&
' ' === e.key &&
(e.preventDefault(), k(!1), e.currentTarget.click()))
},
[o, w, n, d],
),
M = f.useCallback(
(e) => {
0 === e.button && (k(!1), _.remove(document, 'mouseup', M, !1))
},
[_],
),
R = f.useCallback(
(e) => {
if (!(0, c.dO)(e)) {
if (n) return e.stopPropagation(), void e.preventDefault()
w || k(!0),
e.currentTarget.focus({ preventScroll: !0 }),
_.add(document, 'mouseup', M, !1),
null == a || a(e)
}
},
[n, w, a, _, M],
),
j = f.useCallback(
(e) => {
;(0, c.dO)(e) || (w || k(!1), null == s || s(e))
},
[s, w],
),
D = f.useCallback(
(e) => {
n ? e.preventDefault() : null == g || g(e)
},
[n, g],
),
L = f.useCallback(
(e) => {
E && (e.preventDefault(), k(!1)), null == y || y(e)
},
[E, y],
),
N = (0, h.l)(t, (e) => {
e && 'BUTTON' !== e.tagName && x(!1)
})
return p(
{},
b,
w
? {
ref: N,
type: 'button',
'aria-disabled': O ? void 0 : n,
disabled: O,
onClick: C,
onMouseDown: a,
onMouseUp: s,
onKeyUp: d,
onKeyDown: l,
onMouseOver: g,
onMouseLeave: y,
}
: {
ref: N,
role: 'button',
'data-active': (0, c.PB)(E),
'aria-disabled': n ? 'true' : void 0,
tabIndex: O ? void 0 : T,
onClick: C,
onMouseDown: R,
onMouseUp: j,
onKeyUp: P,
onKeyDown: A,
onMouseOver: D,
onMouseLeave: L,
},
)
}
var g = n(1888),
y = n(4860),
b = n(762)
function w(e, t) {
var n,
r = e.target
if (e.button > 0) return !1
if (r && !(0, c.lZ)(r).body.contains(r)) return !1
return !(null != (n = t.current) && n.contains(r))
}
var x = n(2653),
E = n(7768),
k = n(7248)
function _(e, t) {
var { shouldFocus: n, visible: r, focusRef: i } = t,
o = n && !r
;(0, x.r)(() => {
if (
o &&
!(function (e) {
var t = e.current
if (!t) return !1
var n = (0, c.vY)(t)
return !!n && !(0, c.r3)(t, n) && !!(0, E.Wq)(n)
})(e)
) {
var t = (null == i ? void 0 : i.current) || e.current
t && (0, k.T)(t, { nextTick: !0 })
}
}, [o, e, i])
}
var T = n(4577),
O = n(7581)
function C(e) {
void 0 === e && (e = {})
var { timeout: t = 300, preventDefault: n = () => !0 } = e,
[r, i] = f.useState([]),
o = f.useRef(),
a = () => {
o.current && (clearTimeout(o.current), (o.current = null))
}
return (
f.useEffect(() => a, []),
function (e) {
return (s) => {
if ('Backspace' === s.key) {
var u = [...r]
return u.pop(), void i(u)
}
if (
(function (e) {
var { key: t } = e
return 1 === t.length || (t.length > 1 && /[^a-zA-Z0-9]/.test(t))
})(s)
) {
var l = r.concat(s.key)
n(s) && (s.preventDefault(), s.stopPropagation()),
i(l),
e(l.join('')),
a(),
(o.current = setTimeout(() => {
i([]), (o.current = null)
}, t))
}
}
}
)
}
var S = n(1034),
A = n(8931),
P = n(8500),
M = n(4255),
R = n(7277)
function j() {
return (j =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function D(e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
}
var [L, N, I, z] = (0, g.n)(),
[H, B] = (0, P.k)({ strict: !1, name: 'MenuContext' })
function F(e) {
void 0 === e && (e = {})
var {
id: t,
closeOnSelect: n = !0,
closeOnBlur: r = !0,
autoSelect: i = !0,
isLazy: o,
isOpen: a,
defaultIsOpen: s,
onClose: u,
onOpen: l,
placement: d = 'bottom-start',
lazyBehavior: h = 'unmount',
computePositionOnMount: p,
} = e,
v = D(e, [
'id',
'closeOnSelect',
'closeOnBlur',
'autoSelect',
'isLazy',
'isOpen',
'defaultIsOpen',
'onClose',
'onOpen',
'placement',
'lazyBehavior',
'computePositionOnMount',
]),
{
isOpen: m,
onOpen: g,
onClose: E,
onToggle: C,
} = (0, y.q)({ isOpen: a, defaultIsOpen: s, onClose: u, onOpen: l }),
S = f.useRef(null),
P = f.useRef(null)
!(function (e) {
var { ref: t, handler: n } = e,
r = (0, b.W)(n),
i = (0, f.useRef)({ isPointerDown: !1, ignoreEmulatedMouseEvents: !1 }).current
;(0, f.useEffect)(() => {
var e = (e) => {
w(e, t) && (i.isPointerDown = !0)
},
o = (e) => {
i.ignoreEmulatedMouseEvents
? (i.ignoreEmulatedMouseEvents = !1)
: i.isPointerDown && n && w(e, t) && ((i.isPointerDown = !1), r(e))
},
a = (e) => {
;(i.ignoreEmulatedMouseEvents = !0),
n && i.isPointerDown && w(e, t) && ((i.isPointerDown = !1), r(e))
},
s = (0, c.lZ)(t.current)
return (
s.addEventListener('mousedown', e, !0),
s.addEventListener('mouseup', o, !0),
s.addEventListener('touchstart', e, !0),
s.addEventListener('touchend', a, !0),
() => {
s.removeEventListener('mousedown', e, !0),
s.removeEventListener('mouseup', o, !0),
s.removeEventListener('touchstart', e, !0),
s.removeEventListener('touchend', a, !0)
}
)
}, [n, t, r, i])
})({
ref: S,
handler: (e) => {
var t
!m || !r || (null != (t = P.current) && t.contains(e.target)) || E()
},
})
var M = (0, A.D)(j({}, v, { enabled: m || p, placement: d })),
[R, L] = f.useState(-1),
N = I()
;(0, x.r)(() => {
m || L(-1)
}, [m]),
_(S, { focusRef: P, visible: m, shouldFocus: !0 })
var [z, H] = (0, T.ZS)(t, 'menu-button', 'menu-list'),
B = f.useCallback(() => {
g(), (0, k.T)(S.current, { nextTick: !0, selectTextIfInput: !1 })
}, [g, S]),
F = f.useRef(new Set([]))
return (
(0, O.z)(() => {
F.current.forEach((e) => clearTimeout(e)), F.current.clear()
}),
{
openAndFocusMenu: B,
openAndFocusFirstItem: f.useCallback(() => {
g()
var e = setTimeout(() => {
var e = N.firstEnabled()
e && L(e.index)
})
F.current.add(e)
}, [g, L, N]),
openAndFocusLastItem: f.useCallback(() => {
g()
var e = setTimeout(() => {
var e = N.lastEnabled()
e && L(e.index)
})
F.current.add(e)
}, [g, L, N]),
onTransitionEnd: f.useCallback(() => {
var e,
t,
n = (0, c.lZ)(S.current),
r = null == (e = S.current) ? void 0 : e.contains(n.activeElement)
if (m && !r) {
var i = null == (t = N.item(R)) ? void 0 : t.node
i && (0, k.T)(i, { selectTextIfInput: !1 })
}
}, [m, R, N]),
descendants: N,
popper: M,
buttonId: z,
menuId: H,
forceUpdate: M.forceUpdate,
orientation: 'vertical',
isOpen: m,
onToggle: C,
onOpen: g,
onClose: E,
menuRef: S,
buttonRef: P,
focusedIndex: R,
closeOnSelect: n,
closeOnBlur: r,
autoSelect: i,
setFocusedIndex: L,
isLazy: o,
lazyBehavior: h,
}
)
}
function V(e) {
var t
return (
e instanceof HTMLElement &&
!(null == (t = e.getAttribute('role')) || !t.startsWith('menuitem'))
)
}
function U(e, t) {
void 0 === e && (e = {}), void 0 === t && (t = null)
var {
onMouseEnter: n,
onMouseMove: r,
onMouseLeave: i,
onClick: o,
isDisabled: a,
isFocusable: s,
closeOnSelect: u,
} = e,
l = D(e, [
'onMouseEnter',
'onMouseMove',
'onMouseLeave',
'onClick',
'isDisabled',
'isFocusable',
'closeOnSelect',
]),
c = B(),
{
setFocusedIndex: d,
focusedIndex: p,
closeOnSelect: v,
onClose: g,
menuRef: y,
isOpen: b,
menuId: w,
} = c,
_ = f.useRef(null),
O = w + '-menuitem-' + (0, T.Me)(),
{ index: C, register: S } = z({ disabled: a && !s }),
A = f.useCallback(
(e) => {
null == n || n(e), a || d(C)
},
[d, C, a, n],
),
P = f.useCallback(
(e) => {
null == r || r(e), _.current && !(0, E.H9)(_.current) && A(e)
},
[A, r],
),
M = f.useCallback(
(e) => {
null == i || i(e), a || d(-1)
},
[d, a, i],
),
R = f.useCallback(
(e) => {
null == o || o(e), V(e.currentTarget) && (null != u ? u : v) && g()
},
[g, o, v, u],
),
L = C === p,
N = a && !s
return (
(0, x.r)(() => {
b &&
(L && !N && _.current
? (0, k.T)(_.current, { nextTick: !0, selectTextIfInput: !1 })
: y.current && !(0, E.H9)(y.current) && (0, k.T)(y.current))
}, [L, N, y, b]),
j(
{},
l,
m({
onClick: R,
onMouseEnter: A,
onMouseMove: P,
onMouseLeave: M,
ref: (0, h.l)(S, _, t),
isDisabled: a,
isFocusable: s,
}),
{ id: O, role: 'menuitem', tabIndex: L ? 0 : -1 },
)
)
}
function G() {
return (G =
Object.assign ||
function (e) {
for (var t = 1; t < arguments.length; t++) {
var n = arguments[t]
for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r])
}
return e
}).apply(this, arguments)
}
function q(e, t) {
if (null == e) return {}
var n,
r,
i = {},
o = Object.keys(e)
for (r = 0; r < o.length; r++) (n = o[r]), t.indexOf(n) >= 0 || (i[n] = e[n])
return i
}
var W = (e) => {
var { children: t } = e,
n = (0, r.j)('Menu', e),
a = F((0, i.Lr)(e)),
{ descendants: s } = a,
l = q(a, ['descendants']),
c = f.useMemo(() => l, [l]),
{ isOpen: d, onClose: h, forceUpdate: p } = c
return f.createElement(
L,
{ value: s },
f.createElement(
H,
{ value: c },
f.createElement(
o.Fo,
{ value: n },
(0, u.Pu)(t, { isOpen: d, onClose: h, forceUpdate: p }),
),
),
)
}
l.Ts && (W.displayName = 'Menu')
var K = (0, a.G)((e, t) => {
var n = (0, o.yK)()
return f.createElement(
s.m$.button,
G({ ref: t }, e, {
__css: G(
{ display: 'inline-flex', appearance: 'none', alignItems: 'center', outline: 0 },
n.button,
),
}),
)
}),
Z = (0, a.G)((e, t) => {
var { as: n } = e,
r = (function (e, t) {
void 0 === e && (e = {}), void 0 === t && (t = null)
var n = B(),
{
isOpen: r,
onClose: i,
autoSelect: o,
popper: a,
openAndFocusFirstItem: s,
openAndFocusLastItem: l,
openAndFocusMenu: d,
} = n,
p = f.useCallback(() => {
r ? i() : (o ? s : d)()
}, [o, r, i, s, d]),
v = f.useCallback(
(e) => {
var t = (0, c.uh)(e),
n = { Enter: s, ArrowDown: s, ArrowUp: l }[t]
n && (e.preventDefault(), e.stopPropagation(), n(e))
},
[s, l],
)
return j({}, e, {
ref: (0, h.l)(n.buttonRef, t, a.referenceRef),
id: n.buttonId,
'data-active': (0, c.PB)(n.isOpen),
'aria-expanded': n.isOpen,
'aria-haspopup': 'menu',
'aria-controls': n.menuId,
onClick: (0, u.v0)(e.onClick, p),
onKeyDown: (0, u.v0)(e.onKeyDown, v),
})
})(q(e, ['children', 'as']), t),
i = n || K
return f.createElement(
i,
G({}, r, { className: (0, c.cx)('chakra-menu__menu-button', e.className) }),
f.createElement(
s.m$.span,
{ __css: { pointerEvents: 'none', flex: '1 1 auto', minW: 0 } },
e.children,
),
)
})
l.Ts && (Z.displayName = 'MenuButton')
var $ = {
enter: {
visibility: 'visible',
opacity: 1,
scale: 1,
transition: { duration: 0.2, ease: [0.4, 0, 0.2, 1] },
},
exit: {
transitionEnd: { visibility: 'hidden' },
opacity: 0,
scale: 0.8,
transition: { duration: 0.1, easings: 'easeOut' },
},
},
X = 'custom' in d.E ? d.E.custom(s.m$.div) : (0, d.E)(s.m$.div),
Y = (0, a.G)((e, t) => {
var n,
r,
{ rootProps: i } = e,
a = q(e, ['rootProps']),
{ isOpen: l, onTransitionEnd: d } = B(),
p = (function (e, t) {
void 0 === e && (e = {}), void 0 === t && (t = null)
var n = B()
if (!n)
throw new Error(
'useMenuContext: context is undefined. Seems you forgot to wrap component within